:root{--ink:#142b35;--paper:#f8f7f2;--orange:#e2673c;--muted:#607078;--line:#d9ded8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.wrap{max-width:1180px;margin:auto;padding-left:32px;padding-right:32px}header{height:96px;max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 48px;gap:22px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:800;letter-spacing:1px;line-height:1.3}.brand-mark{background:var(--ink);color:var(--paper);font-size:29px;padding:4px 9px 7px;border-radius:50%;letter-spacing:-2px}.brand small{display:block;font-size:9px;letter-spacing:2.5px;margin-top:5px;font-weight:500}nav{display:flex;gap:30px;font-size:13px;font-weight:600}.button{background:var(--orange);color:white;display:inline-flex;align-items:center;justify-content:center;gap:32px;border-radius:7px;font-weight:700;padding:16px 23px;transition:background .2s,transform .2s}.button:hover{background:#c55029;transform:translateY(-2px)}.button.small{font-size:12px;padding:12px 18px;gap:12px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;padding-top:75px;padding-bottom:80px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;margin:0 0 24px;display:flex;align-items:center;gap:8px}.eyebrow span{width:7px;height:7px;background:var(--orange);border-radius:50%}h1,h2,h3{font-family:Manrope,Arial,sans-serif;line-height:1.13;letter-spacing:-1.8px;margin:0}h1{font-size:clamp(43px,5.2vw,68px);font-weight:800}em{font-style:normal;color:var(--orange)}h2{font-size:clamp(30px,3.2vw,44px);font-weight:800}h3{font-size:23px;letter-spacing:-.7px}p{margin:18px 0}.lead{font-size:17px;color:var(--muted);max-width:500px;line-height:1.8;margin:28px 0}.actions{display:flex;gap:24px;align-items:center;font-size:13px}.text-link{font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:4px}.hero-note{font-size:11px;color:var(--muted);margin-top:23px}.hero-visual{height:486px;border-radius:10px;background:var(--ink);position:relative;overflow:hidden;padding:26px;color:white}.visual-label{font-size:9px;letter-spacing:2px;color:#bdc9c7}.big-path{position:absolute;right:-4px;top:-24px;font-family:Arial;font-size:380px;line-height:1;color:#244651}.routine{position:relative;margin:40px 17px 0;background:#fffdf6;color:var(--ink);padding:24px 26px;border-radius:8px;transform:rotate(-3deg);box-shadow:0 20px 55px #0003}.routine-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.6px;font-weight:700;margin-bottom:17px}.dot{width:8px;height:8px;border-radius:50%;background:var(--orange)}.routine h3{font-size:21px;margin-bottom:21px}.routine-row{display:flex;align-items:center;gap:13px;border-top:1px solid var(--line);padding:11px 0}.routine-row>span{font-size:10px;color:var(--muted)}.routine-row b{font-size:12px;display:block}.routine-row small{font-size:10px;color:var(--muted);display:block}.routine-row i{margin-left:auto;color:var(--orange);font-style:normal}.routine>p{font-size:10px;margin:13px 0 0;color:var(--muted)}.visual-foot{position:absolute;bottom:23px;font-size:8px;letter-spacing:2px;color:#bdc9c7}.proof-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.proof-strip>.wrap{display:flex;align-items:center;gap:70px;padding-top:25px;padding-bottom:25px}.proof-strip strong{font-family:Manrope;font-size:31px;display:block;line-height:1.3}.proof-strip span{font-size:11px;color:var(--muted)}.proof-strip p{margin:0 0 0 auto;font-size:13px}.problem{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;padding-top:100px;padding-bottom:100px}.problem-list>p{border-bottom:1px solid var(--line);display:flex;gap:20px;margin:0;padding:16px 0;font-size:15px}.problem-list>p>span{font-size:11px;color:var(--orange);margin-top:3px}.statement{margin-top:28px;font-size:14px}.statement b{display:block;font-size:18px;line-height:1.4;margin-top:5px}.story{background:var(--ink);color:var(--paper);padding:82px 0}.story-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:95px;align-items:center}.story-number{border:1px solid #ffffff2b;border-radius:8px;padding:42px 36px;background:#1b3640}.story-number>span{font-size:9px;letter-spacing:2px}.story-number>strong{font:800 104px Manrope;letter-spacing:-6px;display:block;color:#e89b78;margin:20px 0 0}.story-number p{font-size:17px}.story-number>div{border-top:1px solid #ffffff2b;padding-top:22px;font-size:12px;line-height:2.2;color:#c2cece}.story-number b{color:white}.story-grid h2{font-size:34px}.story-grid p:not(.eyebrow):not(.signature){font-size:14px;color:#ccd5d5}.story-grid em{color:#e89b78}blockquote{margin:24px 0;border-left:2px solid var(--orange);padding:0 0 0 20px;font-size:18px}.signature{font-weight:700}.signature span{display:block;color:#aabbbc;font-size:10px;font-weight:400}.system{padding-top:100px;padding-bottom:90px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:60px}.section-top>p{font-size:14px;color:var(--muted);max-width:290px;margin-bottom:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:44px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.steps article{padding:30px 26px 30px 0}.steps article+article{border-left:1px solid var(--line);padding-left:26px}.step-no{font-size:10px;color:var(--orange);font-weight:700;letter-spacing:2px}.steps h3{margin-top:21px}.steps p{font-size:13px;color:var(--muted)}.steps small{font-size:10px;display:block;font-weight:600}.checkpoint{display:grid;grid-template-columns:1fr 1fr;gap:65px;background:#e9eee7;border-radius:9px;padding:38px;margin-top:44px}.pill{font-size:9px;border:1px solid #b4c5b3;border-radius:20px;padding:5px 10px;letter-spacing:1px;display:inline-block;margin-bottom:16px}.checkpoint h3{font-size:27px}.checkpoint p{font-size:13px;color:var(--muted)}.checkpoint ul{list-style:none;margin:0;padding:0}.checkpoint li{border-bottom:1px solid #ccd5c9;padding:12px 0}.checkpoint li:last-child{border:0}.checkpoint li b{font-size:13px;display:block}.checkpoint li span{font-size:11px;color:var(--muted)}.outcomes{display:flex;justify-content:space-between;gap:24px;margin-top:28px;align-items:center;font-size:12px}.outcomes>span{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.outcomes p:before{content:'✓';color:var(--orange);margin-right:9px}.student-section{padding:85px 0;background:#eeeee7}.rankings{display:grid;grid-template-columns:repeat(3,1fr) 1.1fr;border-bottom:1px solid #d1d5cc;margin:40px 0 28px;padding-bottom:24px}.rankings span{font-size:12px}.rankings strong{display:block;font:800 46px Manrope;letter-spacing:-2px}.rankings p{font-size:13px;color:var(--muted);align-self:center}.results{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.result{background:var(--paper);border-radius:6px;padding:16px 18px}.result>b{font-size:11px;display:block}.result span{font-size:20px;display:block;letter-spacing:-.5px}.result i{font-style:normal;color:var(--orange);padding:0 5px}.result-note{font-size:10px;color:var(--muted)}.video-top{margin-top:60px;margin-bottom:24px}.video-top h3{font-size:29px}.videos{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.video-card{min-width:0}.video-play{width:100%;aspect-ratio:3/4;position:relative;overflow:hidden;border:0;border-radius:7px;padding:0;background:var(--ink);display:block}.video-play img{width:100%;height:100%;object-fit:cover;transition:transform .3s;opacity:.8}.video-play:hover img{transform:scale(1.04)}.play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:45px;height:45px;background:#ffffffd9;color:var(--ink);border-radius:50%;display:grid;place-items:center;font-size:15px}.duration{position:absolute;bottom:10px;right:10px;color:white;font-size:10px;background:#142b35b3;padding:1px 6px;border-radius:3px}.video-card h3{font-size:17px;margin-top:15px}.video-card p{font-size:11px;color:var(--muted);margin:6px 0}.video-card>a{font-size:10px;border-bottom:1px solid #a9b3ad}.fit{padding-top:90px;padding-bottom:90px}.fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 50px;margin-top:30px}.fit-grid p{display:flex;gap:18px;font-size:15px;border-bottom:1px solid var(--line);padding-bottom:15px;color:var(--orange)}.fit-grid span{color:var(--ink)}.pricing{padding:85px 0;background:#e9eee7}.pricing-intro{max-width:590px;color:var(--muted);font-size:15px}.plans{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}.plan{background:var(--paper);border:1px solid #ccd5c9;padding:35px;border-radius:9px}.plan-tag{font-size:9px;font-weight:700;letter-spacing:1.6px}.plan h3{font-size:30px;margin-top:18px}.plan>p{font-size:13px;color:var(--muted);max-width:320px}.price{font:800 49px Manrope;letter-spacing:-2px;margin:25px 0 17px}.price span{font:400 13px 'DM Sans';letter-spacing:0}.plan-difference{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0;font-size:13px;font-weight:700}.plan ul{padding:0;list-style:none;margin:23px 0 30px}.plan li{font-size:13px;margin:10px 0}.plan li:before{content:'✓';color:var(--orange);margin-right:12px}.plan .button{width:100%;font-size:13px}.plan>small{font-size:10px;text-align:center;display:block;margin-top:13px}.premium{background:var(--ink);color:white;border-color:var(--ink)}.premium>p,.premium>small{color:#bdcecc}.premium .plan-tag{color:#e89b78}.premium .plan-difference{border-color:#ffffff26}.faq{padding-top:90px;padding-bottom:90px;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.faq-items details{border-bottom:1px solid var(--line);padding:19px 0}.faq-items details:first-child{padding-top:0}.faq-items summary{font-size:15px;font-weight:600;cursor:pointer;list-style:none;position:relative;padding-right:26px}.faq-items summary:after{content:'+';position:absolute;right:0;color:var(--orange);font-size:23px;top:-5px}.faq-items details[open] summary:after{content:'−'}.faq-items p{font-size:13px;color:var(--muted);margin-bottom:0}.apply{text-align:center;background:var(--ink);color:var(--paper);padding:75px 0}.apply .eyebrow{justify-content:center;color:#bdcecc}.apply h2{font-size:45px}.apply em{color:#e89b78}.apply p{font-size:14px;color:#bdcecc;margin:25px 0}.apply .button{font-size:14px}.apply small{display:block;font-size:10px;color:#bdcecc;margin-top:17px}footer{display:flex;align-items:center;justify-content:space-between;padding-top:30px;padding-bottom:30px;gap:25px}footer p,footer>a:last-child{font-size:11px;color:var(--muted)}dialog{padding:22px;border:0;border-radius:10px;width:min(900px,92vw);background:var(--paper);color:var(--ink)}dialog::backdrop{background:#061820cf}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.modal-head h3{font-size:17px}.modal-head button{border:0;background:transparent;padding:7px;font-size:22px}#video-frame{aspect-ratio:16/9}#video-frame iframe{width:100%;height:100%;border:0}dialog p{font-size:13px;margin-bottom:0}.mobile-cta{display:none}
@media(max-width:900px){header{padding:0 24px}nav{gap:18px}.hero{gap:28px}.hero-visual{height:455px;padding:22px 10px}.routine{margin:35px 12px 0;padding:22px}.actions{flex-wrap:wrap;gap:16px}.story-grid{gap:40px}.story-number{padding:27px}.story-number>strong{font-size:80px}.story-grid h2{font-size:29px}.videos{grid-template-columns:repeat(3,1fr)}.section-top{gap:25px}.results{grid-template-columns:repeat(3,1fr)}.faq{gap:40px}.outcomes{flex-wrap:wrap;gap:0 20px}.outcomes>span{width:100%}}
@media(max-width:640px){.wrap{padding-left:22px;padding-right:22px}header{height:78px;padding:0 22px}nav{display:none}.brand{font-size:10px;gap:9px}.brand-mark{font-size:25px}header .button.small{font-size:10px;padding:10px 11px}.hero{grid-template-columns:1fr;padding-top:40px;padding-bottom:45px;gap:35px}h1{font-size:49px}h2{font-size:32px}.eyebrow{font-size:9px;margin-bottom:19px}.lead{font-size:15px;margin:23px 0}.actions{font-size:12px}.button{padding:14px 17px;gap:20px}.hero-visual{height:414px;padding:21px 23px;max-width:430px;width:100%;justify-self:center}.routine{margin:28px 6px 0;padding:22px}.routine h3{font-size:20px}.visual-foot{bottom:18px}.proof-strip>.wrap{gap:20px;flex-wrap:wrap;padding-top:22px;padding-bottom:22px}.proof-strip strong{font-size:27px}.proof-strip p{width:100%;margin:0;font-size:12px}.problem{grid-template-columns:1fr;gap:25px;padding-top:55px;padding-bottom:55px}.problem-list>p{font-size:13px}.statement b{font-size:17px}.story{padding:55px 0}.story-grid{grid-template-columns:1fr;gap:32px}.story-number{padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.story-number>span{grid-column:1/-1}.story-number>strong{font-size:72px;margin:5px 0}.story-number p{font-size:12px;align-self:center}.story-number>div{grid-column:1/-1;padding-top:12px}.story-grid h2{font-size:29px}.story-grid p:not(.eyebrow):not(.signature){font-size:13px}blockquote{font-size:16px}.system{padding-top:55px;padding-bottom:50px}.section-top{display:block}.section-top>p{max-width:none;margin-top:18px;font-size:13px}.steps{grid-template-columns:1fr;margin-top:28px}.steps article,.steps article+article{padding:24px 0;border-left:0}.steps article+article{border-top:1px solid var(--line)}.steps h3{font-size:22px;margin-top:12px}.checkpoint{grid-template-columns:1fr;gap:12px;margin-top:26px;padding:25px}.checkpoint h3{font-size:24px}.outcomes{display:block;margin-top:25px}.outcomes p{margin:10px 0}.student-section{padding:55px 0}.rankings{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}.rankings strong{font-size:31px}.rankings span{font-size:10px}.rankings p{grid-column:1/-1;margin:4px 0}.rankings p br{display:none}.results{grid-template-columns:1fr 1fr;gap:10px}.result{padding:12px}.result span{font-size:18px}.video-top{margin-top:35px}.video-top h3{font-size:25px}.videos{grid-template-columns:1fr 1fr;gap:23px 12px}.video-card p{font-size:10px}.fit{padding-top:55px;padding-bottom:55px}.fit-grid{grid-template-columns:1fr;gap:0;margin-top:22px}.fit-grid p{font-size:13px;margin:10px 0}.pricing{padding:55px 0}.pricing-intro{font-size:13px}.plans{grid-template-columns:1fr;gap:20px;margin-top:28px}.plan{padding:27px}.price{font-size:44px}.faq{padding-top:55px;padding-bottom:55px;grid-template-columns:1fr;gap:28px}.faq-items summary{font-size:14px}.apply{padding:55px 0}.apply h2{font-size:32px}.apply p{font-size:13px}.apply p br{display:none}footer{padding-top:26px;padding-bottom:95px;flex-wrap:wrap}footer p{width:100%;order:3;margin:0}.mobile-cta{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:5;background:#f8f7f2f2;backdrop-filter:blur(10px);padding:10px 20px;gap:12px;border-top:1px solid var(--line);justify-content:center}.mobile-cta a{width:50%;text-align:center;padding:10px;border:1px solid var(--ink);border-radius:6px;font-size:12px;font-weight:700}.mobile-cta a:last-child{background:var(--orange);border-color:var(--orange);color:white}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Small-screen refinements of the original design. */
.swipe-hint{display:none}
@media(max-width:640px){
 html{scroll-padding-top:24px}
 .hero{padding-top:32px;gap:28px}
 h1{font-size:clamp(36px,10.5vw,43px);letter-spacing:-1.5px;line-height:1.13}
 .lead{font-size:15px;line-height:1.75;margin:21px 0}
 .actions{align-items:stretch;flex-direction:column;gap:12px}
 .actions .button{width:100%;min-height:50px;font-size:14px}
 .actions .text-link{align-self:flex-start;display:inline-flex;align-items:center;min-height:40px;font-size:13px}
 .hero-note{font-size:11px;line-height:1.7;margin-top:16px}
 .hero-visual{height:405px;padding:20px}
 .routine{margin:28px 5px 0;padding:20px}
 .routine h3{font-size:20px}
 .routine-row small{font-size:11px}
 .steps p,.checkpoint p,.story-grid p:not(.eyebrow):not(.signature),.plan>p,.faq-items p{font-size:14px;line-height:1.75}
 .steps small,.plan>small{font-size:11px}
 .plan li{font-size:14px;line-height:1.6}
 .plan .button{min-height:50px;font-size:14px}
 .plan-difference{font-size:14px;line-height:1.6}
 .swipe-hint{display:block;font-size:11px;color:var(--muted);margin:0 0 15px}
 .videos{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:76%;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:16px;scrollbar-width:thin;scrollbar-color:#bdc9c7 transparent}
 .video-card{scroll-snap-align:start}
 .video-card h3{font-size:19px}
 .video-card p{font-size:12px}
 .video-card>a{font-size:12px;display:inline-flex;align-items:center;min-height:36px}
 .video-play{aspect-ratio:3/4}
 .play{width:50px;height:50px}
 .faq-items summary{min-height:44px;display:flex;align-items:center;padding-right:30px;font-size:15px}
 .faq-items summary:after{top:5px}
 .mobile-cta{padding:10px 16px calc(10px + env(safe-area-inset-bottom));gap:10px}
 .mobile-cta a{min-height:46px;display:flex;align-items:center;justify-content:center;font-size:13px}
 footer{padding-bottom:calc(100px + env(safe-area-inset-bottom))}
}
@media(max-width:359px){
 .wrap{padding-left:18px;padding-right:18px}
 header{padding:0 18px;gap:10px}
 .brand{font-size:9px;gap:7px}
 header .button.small{font-size:9px;padding:10px}
 .hero-visual{padding:18px 13px;height:400px}
 .routine{padding:18px}
 .routine h3{font-size:18px}
 .plan{padding:23px}
}

/* Photo, legibility and layout fixes. */
img{max-width:100%}
h1,h2{text-wrap:balance}
.hero-visual{height:auto;min-height:486px;padding-bottom:70px}
.visual-foot{font-size:9px}
.story-photo{margin:0;border-radius:8px 8px 0 0;overflow:hidden;aspect-ratio:1/1;background:#1b3640}
.story-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 18%}
.story-side .story-number{border-radius:0 0 8px 8px;border-top:0;padding:24px 28px;display:grid;grid-template-columns:auto 1fr;gap:0 18px}
.story-side .story-number>span,.story-side .story-number>div{grid-column:1/-1}
.story-side .story-number>strong{font-size:68px;letter-spacing:-4px;margin:6px 0}
.story-side .story-number p{font-size:14px;align-self:center;margin:0}
.story-side .story-number>div{padding-top:14px;margin-top:8px}
.plan li{position:relative;padding-left:27px}
.plan li:before{position:absolute;left:0;margin:0}
.routine-row small,.routine>p,.steps small,.plan>small,.apply small,.signature span,.result-note{font-size:11px}
.video-card p,.video-card>a,.checkpoint li span{font-size:12px}
.steps p,.checkpoint p,.faq-items p,.plan li,.plan>p{font-size:14px}
.story-grid p:not(.eyebrow):not(.signature){font-size:15px}
@media(max-width:900px){
 .hero-visual{min-height:0}
}
@media(max-width:640px){
 h2{letter-spacing:-1px;line-height:1.16}
 h3{letter-spacing:-.4px}
 .eyebrow,.visual-label,.routine-top,.story-number>span,.pill,.outcomes>span,.plan-tag{font-size:10px}
 .visual-foot{font-size:9px;letter-spacing:1.5px}
 .brand small{font-size:8px;letter-spacing:2px}
 header .button.small{font-size:12px;padding:11px 13px;min-height:40px}
 .hero-visual{height:auto;padding-bottom:62px}
 .routine-row>span{font-size:11px}
 .routine-row b{font-size:13px}
 .routine-row small,.routine>p{font-size:12px}
 .proof-strip span{font-size:12px}
 .proof-strip p{font-size:13px}
 .problem-list>p,.fit-grid p{font-size:15px}
 .problem-list>p>span{font-size:12px}
 .statement{font-size:14px}
 .story-photo{aspect-ratio:5/4}
 .story-side .story-number{padding:22px 24px}
 .story-side .story-number>strong{font-size:68px;margin:5px 0}
 .story-number p{font-size:13px}
 .story-number>div{font-size:13px}
 .story-grid p:not(.eyebrow):not(.signature){font-size:15px}
 .signature span{font-size:12px}
 .section-top>p,.pricing-intro,.apply p{font-size:14px}
 .step-no{font-size:11px}
 .steps small{font-size:12px}
 .checkpoint li b{font-size:14px}
 .checkpoint li span{font-size:13px}
 .outcomes p{font-size:14px}
 .rankings span,.result>b{font-size:12px}
 .rankings p{font-size:13px}
 .result-note,.plan>small,.apply small,.swipe-hint{font-size:12px}
 .duration{font-size:11px}
 footer p,footer>a:last-child{font-size:12px}
}
@media(max-width:359px){
 header .button.small{font-size:11px;padding:10px}
 .story-side .story-number>strong{font-size:58px}
}
@media(max-width:640px){
 .result:last-child:nth-child(odd){grid-column:1/-1}
}
.apply .eyebrow{font-size:10px}
@media(max-width:640px){
 .apply .button{width:100%;min-height:52px}
}
.visual-label{position:relative;z-index:1}

/* Photo in the brand mark; "no meeting" row in the Temel plan. */
.brand-photo{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:none;display:block}
.hero-note{font-size:12px}
.plan li.no{color:var(--muted)}
.plan li.no:before{content:'✕';color:var(--muted)}
@media(max-width:640px){
 .brand-photo{width:42px;height:42px}
}
@media(max-width:359px){
 .brand-photo{width:38px;height:38px}
}

/* Temel / Premium switch before the plans (phones only; wider screens show both side by side). */
.plan-switch{display:none}
.checkpoint h3{margin-top:0}
@media(max-width:640px){
 .plan-area[data-plan] .plan-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#d8e0d6;padding:5px;border-radius:11px;margin-top:24px}
 .plan-switch button{border:0;background:transparent;color:var(--ink);border-radius:8px;padding:10px 8px;min-height:60px;text-align:center;transition:background .2s,color .2s}
 .plan-switch b{display:block;font:800 17px Manrope,Arial,sans-serif;letter-spacing:-.3px}
 .plan-switch span{display:block;font-size:12px;color:var(--muted);margin-top:2px}
 .plan-switch button[aria-pressed=true]{background:var(--ink);color:white;box-shadow:0 2px 8px #142b3526}
 .plan-switch button[aria-pressed=true] span{color:#bdcecc}
 .plan-area[data-plan] .plans{margin-top:14px}
 .plan-area[data-plan=temel] .plan.premium,.plan-area[data-plan=premium] .plan.temel{display:none}
}
.price+ul{border-top:1px solid var(--line);padding-top:21px;margin-top:0}

/* Funnel layout: top bar, credential quote, proof gallery, solution, comparison, fit check. */
.topbar{background:#d9261c;color:#fff;font-size:13px;position:sticky;top:0;z-index:10}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px}
.topbar a{border:1px solid #ffffffa6;border-radius:20px;padding:5px 12px;font-weight:700;white-space:nowrap;font-size:12px}
.topbar a:hover{background:#ffffff1a}
.hero-quote{margin:26px 0 30px;padding:2px 0 2px 18px;border-left:3px solid var(--orange);font-size:17px;line-height:1.7;color:var(--muted);font-style:italic;max-width:520px}
.mid-cta{margin-top:36px}
.proof-gallery{margin-top:44px;display:grid;gap:34px}
.proof-group h3{font-size:22px;margin-bottom:16px}
.proof-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.proof-row img{width:100%;border-radius:7px;border:1px solid #d1d5cc;background:#fff;cursor:zoom-in}
.ph{aspect-ratio:4/3;border:2px dashed #b9c1b6;border-radius:7px;display:grid;place-items:center;text-align:center;padding:12px;font-size:13px;color:var(--muted);background:#f5f5ef}
.ph.tall{aspect-ratio:9/16}
.solution{margin-top:30px;background:var(--ink);color:#e7ecea;border-radius:9px;padding:26px 28px}
.solution>span{display:block;font-size:12px;letter-spacing:1.5px;font-weight:800;text-transform:uppercase;color:#e89b78;margin-bottom:10px}
.solution p{margin:0;font-size:15px;line-height:1.75}
.solution b{color:#fff}
.compare{background:#e9eee7;padding:90px 0}
.qualify{padding-top:90px;padding-bottom:90px}
.qualify-intro{color:var(--muted);font-size:15px;max-width:560px}
.qualify-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}
.qualify-grid article{border:1px solid var(--line);border-radius:9px;padding:26px;background:#fff}
.qualify-grid h3{font-size:19px;margin-bottom:8px}
.qualify-grid p{font-size:14px;color:var(--muted);margin:0;line-height:1.7}
@media(max-width:900px){
 .qualify-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
 .topbar{font-size:12px}
 .topbar .wrap{min-height:42px;gap:10px}
 .topbar a{padding:5px 10px;font-size:11px}
 .hero-quote{font-size:15px;margin:20px 0 24px}
 .mid-cta .button{width:100%;min-height:52px;font-size:14px}
 .proof-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}
 .proof-row>*{scroll-snap-align:start}
 .ph.tall{aspect-ratio:3/4}
 .solution{padding:22px 20px}
 .solution p{font-size:15px}
 .compare{padding:55px 0}
 .qualify{padding-top:55px;padding-bottom:55px}
 .qualify-grid article{padding:22px 20px}
 .qualify-grid p{font-size:15px}
}

/* Comparison table; red sticky top bar replaces the mobile bottom bar. */
.compare-intro{max-width:620px;color:var(--muted);font-size:15px}
.cmp-table{margin-top:34px;border-radius:9px;overflow:hidden;border:1px solid #ccd5c9;background:var(--paper)}
.cmp-row{display:grid;grid-template-columns:1.1fr 1fr 1fr}
.cmp-row>div{padding:16px 20px;font-size:15px;line-height:1.5;border-top:1px solid #dde3da}
.cmp-head>div{border-top:0;font:800 15px Manrope,Arial,sans-serif;padding-top:18px;padding-bottom:18px}
.cmp-q{font-weight:700}
.cmp-other{color:var(--muted)}
.cmp-row:not(.cmp-head) .cmp-other:before{content:'✕';color:#b3bcb7;margin-right:9px;font-weight:700}
.cmp-me{background:var(--ink);color:#fff;border-top-color:#ffffff1f!important}
.cmp-row:not(.cmp-head) .cmp-me:before{content:'✓';color:#e89b78;margin-right:9px;font-weight:700}
.cmp-label{display:none}
@media(max-width:640px){
 .mobile-cta{display:none!important}
 footer{padding-bottom:calc(30px + env(safe-area-inset-bottom))!important}
 .cmp-table{border:0;background:transparent;display:grid;gap:12px;overflow:visible}
 .cmp-head{display:none}
 .cmp-row{grid-template-columns:1fr;border:1px solid #ccd5c9;border-radius:9px;overflow:hidden;background:var(--paper)}
 .cmp-row>div{border-top:0;padding:12px 16px}
 .cmp-q{font-size:16px;padding-top:15px!important}
 .cmp-other{padding-top:0!important}
 .cmp-label{display:block;font-size:11px;letter-spacing:1px;text-transform:uppercase;font-weight:700;margin-bottom:2px;opacity:.75}
 .cmp-other .cmp-label{padding-left:0}
}
@media(max-width:640px){
 html{scroll-padding-top:58px}
 .cmp-row:not(.cmp-head) .cmp-other:before,.cmp-row:not(.cmp-head) .cmp-me:before{display:none}
 .cmp-other .cmp-label:before{content:'✕ ';color:#b3bcb7}
 .cmp-me .cmp-label:before{content:'✓ ';color:#e89b78}
}
/* Result documents */
.proof-note{font-size:13px;color:var(--muted);margin:-6px 0 16px}
.doc{margin:0;background:#fff;border:1px solid #d1d5cc;border-radius:8px;overflow:hidden}
.doc a{display:block;background:#fff;aspect-ratio:16/9;overflow:hidden}
.doc img{width:100%;height:100%;object-fit:cover;object-position:center bottom;border:0;border-radius:0}
.doc figcaption{padding:11px 14px;font-size:13px;color:var(--muted);border-top:1px solid #e3e6df}
.doc figcaption b{font:800 17px Manrope,Arial,sans-serif;color:var(--ink);margin-right:4px}
@media(max-width:640px){
 .proof-row.docs{grid-auto-columns:86%}
}
/* Result documents: auto-scrolling strip (second copy makes the loop seamless). */
.doc-marquee{overflow:hidden;margin:0 -32px;padding:4px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.doc-track{display:flex;width:max-content;animation:doc-scroll 28s linear infinite}
.doc-track .doc{width:340px;flex:none;margin-right:16px}
.doc-marquee:hover .doc-track,.doc-marquee:active .doc-track,.doc-marquee:focus-within .doc-track{animation-play-state:paused}
@keyframes doc-scroll{to{transform:translateX(-50%)}}
@media(max-width:640px){
 .doc-marquee{margin:0 -22px}
 .doc-track{animation-duration:22s}
 .doc-track .doc{width:270px;margin-right:12px}
}
@media(prefers-reduced-motion:reduce){
 .doc-marquee{overflow-x:auto;-webkit-mask-image:none;mask-image:none}
 .doc-track{animation:none}
 .doc-track .doc[aria-hidden]{display:none}
}
.proof-gallery{grid-template-columns:minmax(0,1fr)}
.proof-group{min-width:0}

/* Contact, company and legal links block; legal pages. */
.site-info{border-top:1px solid var(--line);background:#efefe8;padding:44px 0}
.info-grid{display:grid;grid-template-columns:1fr 1.2fr 1.2fr;gap:36px}
.site-info h4{font:800 14px Manrope,Arial,sans-serif;margin:0 0 12px;letter-spacing:-.2px}
.site-info p,.site-info li{font-size:13px;color:var(--muted);line-height:1.75;margin:0}
.site-info ul{list-style:none;margin:0;padding:0}
.site-info li{margin-bottom:6px}
.site-info a{border-bottom:1px solid #b9c1b6}
.site-info a:hover{color:var(--ink)}
.todo{background:#ffe9a8;color:#5a4300;padding:0 4px;border-radius:3px;font-weight:700}
.legal-top{border-bottom:1px solid var(--line)}
.legal-top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;height:80px}
.legal-back{font-size:13px;font-weight:700;border-bottom:1px solid currentColor}
.legal{max-width:820px;padding-top:50px;padding-bottom:70px}
.legal h1{font-size:clamp(30px,4vw,40px);letter-spacing:-1.2px;margin-bottom:6px}
.legal .updated{font-size:13px;color:var(--muted);margin:0 0 30px}
.legal h2{font-size:21px;letter-spacing:-.5px;margin:34px 0 10px}
.legal p,.legal li{font-size:15px;line-height:1.8}
.legal p{margin:0 0 14px}
.legal ul{padding-left:20px}
.legal a{border-bottom:1px solid currentColor}
.legal table{width:100%;border-collapse:collapse;font-size:14px;margin:6px 0 16px}
.legal th,.legal td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top;line-height:1.6}
.legal th{background:#eef1ea}
.legal-foot{display:flex;justify-content:space-between;padding-top:24px;padding-bottom:24px;font-size:12px;color:var(--muted)}
@media(max-width:900px){
 .info-grid{grid-template-columns:1fr 1fr}
 .info-grid>div:last-child{grid-column:1/-1}
}
@media(max-width:640px){
 .site-info{padding:36px 0}
 .info-grid{grid-template-columns:1fr;gap:24px}
 .site-info p,.site-info li{font-size:14px}
 .legal-top .wrap{height:68px}
 .legal{padding-top:34px;padding-bottom:50px}
 .legal p,.legal li{font-size:15px}
 .legal table,.legal thead,.legal tbody,.legal tr,.legal th,.legal td{display:block}
 .legal thead{display:none}
 .legal tr{border:1px solid var(--line);border-radius:6px;margin-bottom:10px;padding:4px 0}
 .legal td{border:0;padding:6px 12px}
 .legal td:first-child{font-weight:800}
}

/* Price box: "Aylık ödeme / Taahhütsüz fiyat" */
.price-box{margin:24px 0 20px;padding:20px 22px;border:1px solid #ecd9cf;background:#fdf6f2;border-radius:10px}
.pb-label{display:block;font-size:12px;font-weight:800;letter-spacing:1px;color:var(--orange)}
.pb-sub{display:block;font-size:12px;font-weight:700;letter-spacing:1px;color:var(--muted);margin-top:8px}
.price-box .price{margin:8px 0 0;color:var(--orange);font-size:52px;line-height:1.05}
.price-box .price span{font:600 16px 'DM Sans',Arial,sans-serif;color:var(--muted);letter-spacing:0}
.premium .price-box{background:#ffffff0d;border-color:#ffffff26}
.premium .pb-sub,.premium .price-box .price span{color:#bdcecc}
.premium .price-box .price,.premium .pb-label{color:#f0a37f}
@media(max-width:640px){
 .price-box{padding:18px}
 .price-box .price{font-size:46px}
}
.pb-sub{font-size:11px;font-weight:500;letter-spacing:0;text-transform:none;margin-top:6px;opacity:.85}
.pb-sub s{text-decoration-color:#e0533f;text-decoration-thickness:1.5px;margin-left:3px}