/* Product pages extend the original Yazıt visual language. */
:root{--teal:#087f8c;--pale:#eaf2f1}section[id]{scroll-margin-top:25px}.umbrella-brand{font-size:25px;letter-spacing:-1.1px}.nav a[aria-current=page]{color:var(--orange)}.brand-hero{background:var(--navy);color:white;padding:80px 0 65px}.brand-hero .kicker,.ssp-hero .kicker{color:#f4b583}.brand-hero h1{font:800 clamp(44px,5.3vw,76px)/1.09 'Manrope',sans-serif;letter-spacing:-.06em;margin:24px 0 32px}.brand-hero h1 em,.ssp-hero h1 em{font-style:normal;color:#f5b880}.brand-intro{display:flex;gap:70px;align-items:center;justify-content:space-between}.brand-intro p{font-size:17px;line-height:1.75;color:#cbdce9;max-width:630px;margin:0}.brand-intro .button{flex-shrink:0}.products-section{padding:0 0 75px;background:linear-gradient(var(--navy) 0 100px,var(--paper) 100px)}.product-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.product-card{border-radius:24px;background:#fff;overflow:hidden;border:1px solid #dce1e2;box-shadow:0 15px 45px #1029460b;min-width:0}.product-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:27px 30px 0;font-size:10px;letter-spacing:.13em;font-weight:700;color:#587284}.platform{border:1px solid #cbdadd;padding:7px 10px;border-radius:20px;font-size:10px;letter-spacing:0;white-space:nowrap}.product-copy{padding:22px 30px 28px}.product-copy h2{font:800 clamp(26px,3vw,39px)/1.25 'Manrope',sans-serif;letter-spacing:-.055em;margin:0 0 13px;display:flex;align-items:center;gap:8px}.product-copy h2>span{color:#c97b3b}.product-copy .product-purpose{font-size:18px;color:var(--ink);font-weight:700;min-height:24px;margin:0 0 13px}.product-copy>p{font-size:14px;line-height:1.7;color:var(--muted);min-height:72px;margin:0 0 18px}.product-cta{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #c5d4d8;padding:10px 0 12px;font-weight:700;font-size:14px}.product-cta:hover{color:var(--teal)}.product-cta span{font-size:24px}.product-image{display:block;background:#e6edf0;padding:20px 25px 0;height:232px;overflow:hidden}.product-image img{width:100%;height:auto;box-shadow:0 4px 25px #10294625;border:1px solid #c0d0d5;border-radius:7px 7px 0 0;transition:transform .2s}.product-image:hover img{transform:translateY(-5px)}.ssp-product .product-image{background:#dcece9}.product-bottom{display:flex;flex-direction:column;gap:5px;padding:18px 30px 23px;font-size:11px;color:#567080}.choice-section{padding-top:30px}.choice-grid,.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px}.choice-list>a{display:flex;align-items:center;gap:22px;padding:27px 0;border-top:1px solid var(--line)}.choice-number{font-size:12px;font-weight:700;color:var(--teal);align-self:flex-start;padding-top:3px}.choice-list h3{font:800 21px 'Manrope',sans-serif;margin:0 0 10px;letter-spacing:-.03em}.choice-list p{font-size:14px;color:var(--muted);line-height:1.7;margin:0}.choice-list>a>span:last-child{font-size:24px}.desktop-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px 24px}.desktop-card{min-width:0}.desktop-card .screen-open{position:relative;display:block;height:auto!important;width:100%;padding:12px!important;background:#e5edef;border:1px solid #d4e0e2;border-radius:14px!important;overflow:hidden}.desktop-card .screen-open img{width:100%;height:auto;border-radius:4px;transition:transform .18s}.desktop-card .screen-open:hover img{transform:scale(1.015)}.desktop-card>div{padding:17px 3px 0}.desktop-card h3{font:800 18px 'Manrope',sans-serif;letter-spacing:-.03em;margin:0 0 8px}.desktop-card p{font-size:13px;color:var(--muted);line-height:1.7;margin:0}.zoom-badge{position:absolute;right:20px;bottom:20px;background:var(--navy);color:#fff;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;box-shadow:0 2px 5px #0002}.gallery-note{font-size:12px;color:var(--muted);margin-top:30px}.pc-showcase{background:#eaf0f2}.ssp-hero{background:radial-gradient(ellipse at 90% 40%,#245166,transparent 65%),var(--navy);color:#fff;padding:75px 0 85px;overflow:hidden}.ssp-hero-grid{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:65px}.ssp-product-name{display:flex;gap:13px;align-items:center;font:800 23px 'Manrope',sans-serif;letter-spacing:-.04em;margin:23px 0 25px}.ssp-hero h1{font:800 clamp(36px,3.8vw,53px)/1.15 'Manrope',sans-serif;letter-spacing:-.055em;margin:0 0 24px}.ssp-hero p{font-size:15px;line-height:1.8;color:#cbdce7;margin:0 0 27px;max-width:515px}.ssp-hero .hero-actions{margin:0;gap:23px}.ssp-hero .text-link{font-size:13px}.ssp-school-types{font-size:11px;color:#bbd1d9;border-top:1px solid #ffffff24;padding-top:25px;margin-top:35px;line-height:1.9}.ssp-hero-art{min-width:0;transform:rotate(-2deg);box-shadow:0 30px 70px #0004;border-radius:13px;overflow:hidden;background:#eaf0f2}.window-bar{height:35px;background:#d9e4e9;display:flex;align-items:center;gap:5px;padding:0 13px;color:#496476}.window-bar>span{height:6px;width:6px;border-radius:50%;background:#a2b7c0}.window-bar strong{font-size:9px;font-weight:500;margin-left:10px}.ssp-hero-art .screen-open{display:block;width:100%;border:0;padding:0;height:auto;border-radius:0;background:transparent}.ssp-hero-art img{width:100%;height:auto}.hero-art-caption{padding:16px;display:flex;justify-content:space-between;gap:14px;font-size:10px;color:#264d60}.feature-strip{background:#e6eeec;border-bottom:1px solid #d9e2df}.feature-strip .wrap{display:flex;justify-content:space-between;gap:20px;padding-block:22px;font-size:12px;font-weight:700;color:#376674}.workflow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.workflow article{border-top:2px solid #bbcdd1;padding-top:22px}.workflow article>span{color:var(--teal);font-size:12px;font-weight:700}.workflow h3{font:800 19px 'Manrope',sans-serif;letter-spacing:-.035em;margin:22px 0 12px}.workflow p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.ssp-detail{background:#eaf0f2}.detail-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.detail-grid>div>p,.document-grid>div>p,.download-grid>div>p{font-size:15px;line-height:1.8;color:var(--muted)}.plain-list{list-style:none;padding:0;margin:25px 0 30px}.plain-list li{padding:12px 0 12px 24px;border-bottom:1px solid #ccd8da;position:relative;font-size:13px;line-height:1.7}.plain-list li:before{content:'✓';position:absolute;left:0;color:var(--teal);font-weight:bold}.feature-screen{border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 15px 30px #10294612}.feature-screen img{width:100%;height:auto}.feature-screen>div{padding:25px;display:grid;gap:10px}.feature-screen strong{font-size:15px}.feature-screen span{font-size:12px;line-height:1.7;color:var(--muted)}.document-section{background:#eeeae1}.document-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:center}.document-preview{max-height:600px;overflow:hidden;background:#fff;padding:15px 20px;box-shadow:0 18px 40px #10294620;transform:rotate(-2deg)}.document-preview img{width:100%;height:auto}.navy-button{background:var(--navy);color:#fff!important}.small-note{font-size:11px!important;color:var(--muted);line-height:1.7!important}.download-section{background:#f5f7f4}.download-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:95px;align-items:center}.download-card{padding:35px;background:#fff;border:1px solid #d8e2df;border-radius:20px;box-shadow:0 15px 50px #1029460a;min-width:0}.download-product{display:flex;gap:15px;align-items:center}.download-product h3{font:800 24px 'Manrope',sans-serif;margin:0 0 5px;letter-spacing:-.04em}.download-product span{color:var(--muted);font-size:12px}.download-card dl{margin:25px 0}.download-card dl>div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #e1e7e4;padding:13px 0;font-size:12px}.download-card dt{color:var(--muted)}.download-card dd{margin:0;text-align:right;font-weight:700}.download-button{display:flex;justify-content:center;width:100%;background:var(--teal);color:white}.download-pending{background:#eaf2f0;padding:17px;text-align:center;color:#395d64;font-size:13px;border-radius:8px}.checksum{font-size:11px;color:var(--muted);border-top:1px solid #e3e8e6;padding-top:15px;margin-top:20px}.checksum summary{cursor:pointer}.checksum>span{display:block;margin-top:15px}.checksum code{display:block;overflow-wrap:anywhere;line-height:1.7;margin-top:5px;font-size:10px}.faq-section{background:#fff}.faq-list details{border-bottom:1px solid #dce3e2;padding:22px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{cursor:pointer;font-weight:700;font-size:15px;line-height:1.7}.faq-list p{font-size:14px;line-height:1.85;color:var(--muted)}dialog{max-width:min(1440px,96vw)}dialog img{object-fit:contain}.nav{gap:25px}.nav nav{gap:25px}
@media(max-width:1050px){.ssp-hero-grid{gap:30px}.download-grid,.detail-grid,.document-grid{gap:40px}.choice-grid,.faq-grid{gap:40px}.product-copy h2{font-size:29px}.product-copy h2 img{width:32px;height:32px}.brand-intro{gap:30px}.workflow{gap:20px}.nav nav{gap:18px}}
@media(max-width:760px){.brand-hero{padding:50px 0 40px}.brand-hero h1{font-size:clamp(37px,8.5vw,59px);margin:24px 0}.brand-intro{display:block}.brand-intro p{font-size:15px}.brand-intro .button{margin-top:26px}.product-pair{grid-template-columns:1fr;gap:24px}.products-section{padding-bottom:35px;background:linear-gradient(var(--navy) 0 60px,var(--paper) 60px)}.product-topline{padding:23px 23px 0;letter-spacing:.06em}.product-copy{padding:20px 23px 23px}.product-copy h2{font-size:33px}.product-copy h2 img{width:32px;height:32px}.product-copy>p{min-height:0}.product-copy .product-purpose{font-size:17px}.product-image{height:auto;max-height:230px;padding:15px 18px 0}.product-bottom{padding:18px 23px}.choice-grid,.faq-grid,.detail-grid,.document-grid,.download-grid,.ssp-hero-grid{grid-template-columns:1fr;gap:36px}.choice-section{padding-top:40px}.choice-list h3{font-size:18px}.desktop-grid{grid-template-columns:1fr;gap:28px}.desktop-card .screen-open{padding:8px!important}.desktop-card h3{font-size:17px}.desktop-card p{font-size:12px}.desktop-card>div{padding-top:13px}.ssp-hero{padding:45px 0 55px}.ssp-hero h1{font-size:clamp(36px,8.8vw,49px)}.ssp-product-name{font-size:21px;margin:19px 0 24px}.ssp-hero-art{transform:none;margin-top:8px}.ssp-hero p{font-size:15px}.ssp-school-types{margin-top:26px;padding-top:20px}.ssp-hero .hero-actions{display:flex;flex-wrap:wrap;gap:20px}.feature-strip .wrap{display:grid;grid-template-columns:1fr 1fr;gap:16px;font-size:10px;padding-block:23px}.workflow{grid-template-columns:1fr 1fr;gap:28px 20px}.workflow h3{font-size:17px;margin-top:16px}.workflow p{font-size:12px}.document-grid{display:flex;flex-direction:column-reverse}.document-preview{max-height:440px;width:90%;margin-top:10px}.download-card{padding:26px}.download-product h3{font-size:23px}.download-grid>div>p{font-size:14px}.plain-list li{font-size:12px}.faq-list summary{font-size:14px}.faq-list p{font-size:13px}.hero-art-caption{font-size:9px}.nav .umbrella-brand{font-size:23px}.zoom-badge{width:29px;height:29px;bottom:15px;right:15px}}
@media(prefers-reduced-motion:reduce){.product-image:hover img,.desktop-card .screen-open:hover img{transform:none}}

/* 2026-11-02: visible return navigation and explicit fictional-name notice. */
.product-return-bar{position:sticky;top:0;z-index:29;background:#fff;border-bottom:1px solid #d5e0e2;box-shadow:0 3px 12px #10294608}.product-return-bar>.wrap{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:20px}.home-return{display:inline-flex;align-items:center;gap:11px;padding:10px 17px;background:var(--navy);color:#fff;border-radius:8px;font-size:13px;font-weight:700}.home-return:hover{background:#245170}.home-return>span{font-size:20px;line-height:1}.other-product{font-size:12px;font-weight:700;color:#3a6979}.fiction-notice{font-size:12px!important;line-height:1.7!important}.hero-fiction{color:#cfdee7!important;border-left:2px solid #f4b583;padding-left:13px;margin:24px 0 0!important;max-width:510px}.ssp-hero p.hero-fiction{font-size:11px!important}.product-subpage section[id]{scroll-margin-top:85px}
@media(max-width:760px){.product-return-bar>.wrap{min-height:57px;gap:12px}.home-return{font-size:11px;padding:9px 12px;gap:7px}.other-product{font-size:10px;max-width:135px;text-align:right;line-height:1.6}.hero-fiction{font-size:11px!important}.product-subpage section[id]{scroll-margin-top:78px}}
