:root{--ink:#17241f;--forest:#25463a;--lime:#d9f04c;--cream:#f7f3e9;--sand:#e8dfcf;--terracotta:#c76f50;--white:#fff;--muted:#69746e;--line:rgba(23,36,31,.14);--radius:1.5rem;--shadow:0 24px 70px rgba(22,38,31,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.55;overflow-x:hidden}button,input,select{font:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.concept-bar{background:var(--ink);color:#fff;text-align:center;padding:.42rem 1rem;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.site-header{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem;position:relative;z-index:20;background:rgba(247,243,233,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{font:700 .92rem "Manrope",sans-serif;letter-spacing:.12em;display:flex;align-items:center;gap:.55rem}.brand-dot{width:.72rem;height:.72rem;background:var(--lime);border:3px solid var(--ink);border-radius:50%;box-shadow:6px 0 0 var(--terracotta)}.menu-toggle{background:none;border:0;width:42px;height:42px;padding:10px}.menu-toggle span{display:block;height:2px;background:var(--ink);margin:7px 0}.site-header nav{position:absolute;left:0;right:0;top:74px;background:var(--cream);display:none;padding:1.5rem;box-shadow:var(--shadow)}.site-header nav.open{display:grid;gap:1.25rem}.site-header nav a{font-weight:600}.nav-cta{background:var(--lime);padding:.9rem 1.1rem;border-radius:999px;text-align:center}.section-pad{padding:5rem 1.25rem}.hero{min-height:calc(100svh - 104px);display:grid;align-items:center;gap:3.5rem;padding-top:3.5rem}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font:700 .72rem "Manrope";display:flex;align-items:center;gap:.7rem;margin:0 0 1.2rem}.eyebrow>span{width:2rem;height:2px;background:var(--terracotta)}.eyebrow.light{color:#dbe7e1}.eyebrow.light>span{background:var(--lime)}h1,h2{font-family:"Manrope",sans-serif;letter-spacing:-.055em;line-height:.98;margin:0}h1{font-size:clamp(3.15rem,14vw,5.2rem)}h2{font-size:clamp(2.6rem,11vw,4.8rem)}h1 em,h2 em{font-family:"Playfair Display",serif;font-weight:600;color:var(--terracotta)}.hero-lead{font-size:1.07rem;color:#4f5d57;max-width:34rem;margin:1.6rem 0}.hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:1.25rem}.button{border:0;border-radius:999px;padding:1rem 1.25rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:1rem;cursor:pointer;transition:.25s transform,.25s box-shadow}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--lime);color:var(--ink);box-shadow:0 10px 30px rgba(112,133,22,.2)}.button.dark{background:var(--ink);color:#fff}.button.full{width:100%}.text-link{font-weight:700;display:inline-flex;align-items:center;gap:.65rem}.play{border:1px solid var(--line);width:2.25rem;height:2.25rem;display:grid;place-items:center;border-radius:50%;font-size:.65rem}.microcopy{font-size:.78rem;color:var(--muted)}.microcopy span{color:var(--forest);font-weight:800}.hero-visual{min-height:420px;position:relative}.sun-shape{position:absolute;width:22rem;height:22rem;max-width:92vw;max-height:92vw;border-radius:50%;background:var(--lime);right:-4rem;top:0}.portrait-frame{position:absolute;inset:1.5rem 0 1.8rem 12%;border-radius:9rem 9rem 1rem 1rem;overflow:hidden;background:var(--sand);box-shadow:var(--shadow)}.portrait-frame img,.coach-image img{width:100%;height:100%;object-fit:cover;object-position:center 35%;filter:saturate(.8) contrast(1.02)}.coach-note{position:absolute;bottom:0;left:0;background:#fff;border-radius:1rem;padding:1rem 1.15rem;box-shadow:var(--shadow);display:grid;max-width:13rem}.coach-note .scribble{font-family:"Playfair Display";font-style:italic;color:var(--terracotta)}.coach-note small{color:var(--muted)}.floating-stat{position:absolute;right:-.25rem;top:4rem;background:var(--forest);color:#fff;border-radius:50%;width:7.4rem;height:7.4rem;display:flex;align-items:center;justify-content:center;gap:.45rem;transform:rotate(5deg)}.floating-stat strong{font:600 2.5rem "Playfair Display"}.floating-stat span{font-size:.67rem;line-height:1.25}.trust-strip{border-block:1px solid var(--line);display:grid;padding:0 1.25rem}.trust-strip>div{display:grid;grid-template-columns:2.5rem 1fr;gap:0 .75rem;padding:1.4rem 0;border-bottom:1px solid var(--line)}.trust-strip>div:last-child{border:0}.trust-strip span{grid-row:1/3;color:var(--terracotta);font:600 1.35rem "Playfair Display"}.trust-strip strong{font-size:.92rem}.trust-strip small{color:var(--muted)}.scan-section{background:var(--forest);color:#fff;display:grid;gap:2.5rem}.scan-intro>p:not(.eyebrow){color:#c5d2cc;max-width:32rem}.scan-promise{display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.18)}.scan-promise>span{color:var(--lime);font-size:1.5rem}.scan-promise p{margin:0}.scan-promise small{color:#c5d2cc}.quiz-card{background:#fff;color:var(--ink);padding:1.35rem;border-radius:var(--radius);box-shadow:var(--shadow)}.quiz-top{display:flex;justify-content:space-between;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--muted)}.progress{height:5px;background:#e7e9e6;border-radius:5px;margin:.7rem 0 1.8rem;overflow:hidden}.progress span{display:block;height:100%;width:33%;background:var(--lime);transition:width .35s}.question-number{color:var(--terracotta);font:600 1rem "Playfair Display"}.quiz-card h3{font:600 1.5rem "Manrope";line-height:1.2}.answers{display:grid;gap:.65rem;margin-top:1.3rem}.answers button{border:1px solid var(--line);background:#faf9f5;text-align:left;padding:.9rem;border-radius:.75rem;cursor:pointer;font-weight:600;transition:.2s}.answers button:hover,.answers button:focus{border-color:var(--forest);background:#f0f5df;transform:translateX(3px)}.answers button span{margin-right:.55rem}.quiz-back{margin-top:1rem;background:none;border:0;color:var(--muted);cursor:pointer}.problem{background:#fff}.section-heading{max-width:57rem}.problem-grid{display:grid;gap:1rem;margin-top:2.5rem}.problem-grid article{padding:2rem 1.4rem;border:1px solid var(--line);border-radius:var(--radius);min-height:240px}.problem-grid article>span{font:600 1.2rem "Playfair Display";color:var(--terracotta)}.problem-grid h3{font:600 1.4rem "Manrope";margin-top:3rem}.problem-grid p{color:var(--muted)}.problem-grid .featured{background:var(--lime);border-color:transparent;transform:rotate(-1deg)}.method{display:grid;gap:4rem}.method-visual{height:430px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid var(--line);border-radius:50%}.orbit-one{width:280px;height:280px}.orbit-two{width:400px;height:400px;max-width:95vw}.method-core{width:145px;height:145px;border-radius:50%;background:var(--terracotta);color:#fff;display:grid;place-content:center;text-align:center;z-index:2}.method-core small{text-transform:uppercase;letter-spacing:.1em}.method-core strong{font:600 1.25rem "Playfair Display"}.pill{position:absolute;background:#fff;border:1px solid var(--line);border-radius:999px;padding:.55rem .85rem;font-size:.78rem;font-weight:700;box-shadow:0 8px 20px rgba(23,36,31,.08)}.p1{top:5%;left:36%}.p2{top:25%;right:2%}.p3{bottom:19%;right:8%}.p4{bottom:3%;left:37%}.p5{bottom:25%;left:0}.p6{top:21%;left:1%}.method-copy>p:not(.eyebrow){color:var(--muted);font-size:1.03rem}.method-copy ol{list-style:none;padding:0;margin:2rem 0}.method-copy li{display:flex;gap:1rem;padding:1.1rem 0;border-bottom:1px solid var(--line)}.method-copy li>span{background:#fff;border:1px solid var(--line);width:2.2rem;height:2.2rem;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;font-family:"Playfair Display"}.method-copy li div{display:grid}.method-copy li small{color:var(--muted)}.results{background:#fff}.result-layout{display:grid;gap:1.2rem;margin-top:2.5rem}.before-after{height:480px;position:relative;border-radius:var(--radius);overflow:hidden;background:#d9d4c9}.photo{position:absolute;inset:0;background-position:center;background-size:cover}.photo-before{background-image:linear-gradient(0deg,rgba(18,30,25,.25),transparent),url('img/arnout.jpg');filter:saturate(.45)}.photo-after{background-image:linear-gradient(0deg,rgba(18,30,25,.15),transparent),url('img/arnout.jpg');clip-path:inset(0 0 0 54%);filter:saturate(1.05) brightness(1.05)}.photo span{position:absolute;top:1rem;background:rgba(255,255,255,.85);padding:.4rem .7rem;border-radius:999px;font-size:.7rem;font-weight:800;letter-spacing:.1em}.photo-before span{left:1rem}.photo-after span{right:1rem}.slider-line{position:absolute;top:0;bottom:0;left:54%;width:2px;background:#fff;transform:translateX(-1px);pointer-events:none}.slider-line button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:0;border-radius:50%;width:3.4rem;height:3.4rem;background:var(--lime);font-weight:800}.before-after input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}.testimonial{margin:0;padding:2rem 1.5rem;background:var(--cream);border-radius:var(--radius);display:flex;flex-direction:column;justify-content:center}.quote-mark{font:600 5rem "Playfair Display";color:var(--terracotta);line-height:.5}.testimonial>p{font:600 1.25rem "Playfair Display"}.testimonial footer{display:flex;align-items:center;gap:.8rem;margin-top:1rem}.avatar{width:2.8rem;height:2.8rem;border-radius:50%;display:grid;place-items:center;background:var(--forest);color:#fff}.testimonial footer div{display:grid}.testimonial footer small,.testimonial .concept-note{color:var(--muted);font:400 .72rem "DM Sans"}.testimonial .concept-note{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--line)}.coach{display:grid;gap:2.5rem}.coach-image{min-height:480px;position:relative;border-radius:9rem 9rem 1rem 1rem;overflow:hidden;background:var(--sand)}.coach-tag{position:absolute;bottom:1.2rem;left:1.2rem;background:var(--lime);padding:1rem 1.2rem;border-radius:1rem;line-height:1.1;transform:rotate(-2deg)}.coach-tag strong{font:600 1.4rem "Playfair Display"}.coach-copy .lead{font-size:1.25rem;font-weight:600}.coach-copy>p:not(.eyebrow):not(.lead){color:var(--muted)}.credentials{display:flex;gap:1rem;padding:1.2rem 0;margin:1.5rem 0;border-block:1px solid var(--line)}.credentials>span{color:var(--terracotta);font-size:1.4rem}.credentials p{margin:0;display:grid}.credentials small{color:var(--muted)}.dark-link{border-bottom:1px solid var(--ink);padding-bottom:.25rem}.contact{background:var(--ink);color:#fff;display:grid;gap:2.5rem}.contact-copy>p:not(.eyebrow){color:#bdc8c2}.contact-copy ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.7rem 1.1rem;font-size:.84rem}.contact-copy li{color:#dde6e1}.lead-form{background:#fff;color:var(--ink);padding:1.4rem;border-radius:var(--radius);display:grid;gap:1rem}.lead-form label{font-size:.78rem;font-weight:700;display:grid;gap:.45rem}.lead-form input,.lead-form select{width:100%;padding:.9rem;border:1px solid var(--line);border-radius:.65rem;background:#faf9f5;color:var(--ink)}.lead-form>small{color:var(--muted);font-size:.67rem;text-align:center}.footer{padding:3rem 1.25rem 6rem;display:grid;gap:.7rem}.footer p{margin:0;color:var(--muted);font-size:.82rem}.footer-note{padding-top:1rem;border-top:1px solid var(--line)}.mobile-sticky{position:fixed;z-index:30;bottom:.7rem;left:.7rem;right:.7rem;background:var(--lime);padding:1rem 1.2rem;border-radius:999px;text-align:center;font-weight:800;box-shadow:0 12px 35px rgba(23,36,31,.25)}.reveal{opacity:0;transform:translateY(22px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}.success-box{text-align:center;padding:2rem .5rem}.success-box .check{display:grid;place-items:center;margin:0 auto 1rem;width:4rem;height:4rem;border-radius:50%;background:var(--lime);font-size:1.5rem}.success-box h3{font-size:1.65rem}.success-box p{color:var(--muted)}
@media(min-width:760px){.section-pad{padding:7rem 4vw}.site-header{padding-inline:4vw}.menu-toggle{display:none}.site-header nav{position:static;display:flex;align-items:center;background:none;padding:0;box-shadow:none;gap:1.4rem}.site-header nav a{font-size:.78rem}.hero{grid-template-columns:1.05fr .95fr;padding-top:4rem}.hero-actions{flex-direction:row;align-items:center}.hero-visual{min-height:560px}.trust-strip{grid-template-columns:repeat(3,1fr);padding:0 4vw}.trust-strip>div{border-bottom:0;border-right:1px solid var(--line);padding:1.8rem}.trust-strip>div:last-child{border:0}.scan-section{grid-template-columns:.85fr 1.15fr;align-items:center}.quiz-card{padding:2rem}.answers{grid-template-columns:1fr 1fr}.problem-grid{grid-template-columns:repeat(3,1fr)}.method{grid-template-columns:1fr 1fr;align-items:center}.result-layout{grid-template-columns:1.2fr .8fr}.coach{grid-template-columns:.85fr 1.15fr;align-items:center}.contact{grid-template-columns:1fr .8fr;align-items:center}.lead-form{padding:2rem}.mobile-sticky{display:none}.footer{padding-inline:4vw;grid-template-columns:1fr 1fr}.footer-note{grid-column:1/-1}}
@media(min-width:1100px){.site-header nav{gap:2rem}.site-header nav a{font-size:.86rem}.hero,.scan-section,.problem,.method,.results,.coach,.contact{padding-left:max(6vw,calc((100vw - 1320px)/2));padding-right:max(6vw,calc((100vw - 1320px)/2))}.hero{grid-template-columns:1.08fr .92fr}.hero-copy{padding-right:2rem}.problem-grid article{padding:2.5rem}.contact{grid-template-columns:1.1fr .75fr}}
@media(prefers-color-scheme:dark){:root{--cream:#18221e;--ink:#f4f0e7;--white:#1f2b26;--sand:#34413b;--muted:#aebbb4;--line:rgba(255,255,255,.14)}body{background:var(--cream)}.site-header{background:rgba(24,34,30,.9)}.site-header nav{background:var(--cream)}.problem,.results{background:#202c27}.quiz-card,.problem-grid article,.pill,.lead-form{background:#26332d}.answers button,.lead-form input,.lead-form select{background:#1f2b26;color:var(--ink)}.testimonial{background:#26332d}.button.dark{background:var(--lime);color:#17241f}.nav-cta,.button.primary,.mobile-sticky,.coach-tag{color:#17241f}.portrait-frame{background:#34413b}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
.proof-frame img{object-fit:contain;background:#fff;filter:none}.portrait-initial{font:600 10rem/1 "Playfair Display";color:rgba(37,70,58,.22)}
@media(prefers-color-scheme:dark){.hero-lead{color:#b8c4bd}.coach-note,.problem-grid .featured,.photo span{color:#17241f}.coach-note small{color:#59645e}}
.contact{background:#f7f3e9;color:#17241f}.contact .eyebrow.light{color:#17241f}.contact .eyebrow.light>span{background:#8ca000}.contact-copy>p:not(.eyebrow){color:#425049}.contact-copy li{color:#17241f;font-weight:700}.contact-copy li::first-letter{color:#718400}
.lead-form{background:#fff;color:#17241f}.lead-form label{color:#17241f}.lead-form input,.lead-form select{background:#f7f3e9;color:#17241f;border-color:#aeb9b3;font-size:1rem}.lead-form input::placeholder{color:#59665f;opacity:1}.lead-form>small{color:#4f5c55}.lead-form .success-box h3{color:#17241f}.lead-form .success-box p{color:#4f5c55}
.mobile-sticky.is-hidden{opacity:0;transform:translateY(120%);pointer-events:none}
.contact-copy .eyebrow.light,.contact-copy li{color:#050805!important;text-shadow:none!important;opacity:1!important}.contact-copy .eyebrow.light{font-weight:900}.contact-copy li{font-weight:900}

/* Motion and interaction layer */
.scroll-progress{position:fixed;z-index:100;inset:0 0 auto;height:3px;background:transparent;pointer-events:none}.scroll-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--terracotta),var(--lime));box-shadow:0 0 14px rgba(217,240,76,.45)}
.site-header{position:sticky;top:0;transition:height .35s ease,box-shadow .35s ease,background-color .35s ease}.site-header.is-scrolled{height:64px;box-shadow:0 10px 30px rgba(23,36,31,.08)}.site-header nav a:not(.nav-cta){position:relative}.site-header nav a:not(.nav-cta)::after{content:"";position:absolute;left:0;right:100%;bottom:-.42rem;height:2px;background:var(--terracotta);transition:right .3s ease}.site-header nav a:hover::after,.site-header nav a.active::after{right:0}
.button,.nav-cta,.mobile-sticky{position:relative;overflow:hidden}.button::before,.nav-cta::before,.mobile-sticky::before{content:"";position:absolute;inset:-80% auto -80% -35%;width:25%;background:rgba(255,255,255,.42);transform:rotate(18deg) translateX(-250%);transition:transform .65s ease}.button:hover::before,.nav-cta:hover::before{transform:rotate(18deg) translateX(650%)}
.hero-copy>*{opacity:0;transform:translateY(18px)}.page-ready .hero-copy>*{opacity:1;transform:none;transition:opacity .7s ease,transform .7s ease}.page-ready .hero-copy>*:nth-child(2){transition-delay:.08s}.page-ready .hero-copy>*:nth-child(3){transition-delay:.16s}.page-ready .hero-copy>*:nth-child(4){transition-delay:.24s}.page-ready .hero-copy>*:nth-child(5){transition-delay:.32s}.hero-visual{--shift-x:0px;--shift-y:0px;transform:translate3d(var(--shift-x),var(--shift-y),0);transition:transform .2s ease-out}.sun-shape{animation:breathe 6s ease-in-out infinite}.floating-stat{animation:floatBadge 4.5s ease-in-out infinite}.coach-note{animation:floatNote 5.4s ease-in-out infinite}
.motion-ticker{overflow:hidden;background:var(--lime);color:#17241f;border-block:1px solid rgba(23,36,31,.18);padding:.82rem 0;transform:rotate(-.45deg);width:101%;margin-left:-.5%}.motion-ticker>div{width:max-content;display:flex;align-items:center;gap:1.5rem;animation:tickerMove 24s linear infinite}.motion-ticker span{font:800 .73rem "Manrope";letter-spacing:.14em}.motion-ticker b{font-weight:400;color:var(--terracotta)}
.problem-grid article,.quiz-card,.testimonial,.lead-form{transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.problem-grid article:hover{transform:translateY(-8px);border-color:rgba(199,111,80,.48);box-shadow:0 20px 45px rgba(23,36,31,.08)}.problem-grid .featured:hover{transform:translateY(-8px) rotate(-1deg)}.quiz-card.is-changing{animation:quizSwap .38s ease}.answers button{min-height:52px}.answers button:active{transform:scale(.985)}
.method-visual .pill{animation:softDrift 5s ease-in-out infinite}.method-visual .p2,.method-visual .p5{animation-delay:-1.4s}.method-visual .p3,.method-visual .p6{animation-delay:-2.8s}.orbit-one{animation:orbitSpin 26s linear infinite}.orbit-two{animation:orbitSpin 38s linear infinite reverse}.method-core{box-shadow:0 0 0 0 rgba(199,111,80,.26);animation:corePulse 3.2s ease-out infinite}
.coach-identity{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 38%,#e9e3d5 0 18%,#cbd4c9 19% 56%,#b8c6b9 57%);isolation:isolate}.coach-identity::before{content:"";position:absolute;inset:7%;border:1px solid rgba(23,36,31,.18);border-radius:inherit;z-index:-1}.coach-identity .portrait-initial{font-size:clamp(10rem,36vw,18rem);line-height:.72;color:rgba(37,70,58,.28);text-shadow:0 2px 0 rgba(255,255,255,.25)}.coach-identity>p{margin:1.5rem 0 0;font:600 1.4rem/1.15 "Manrope";letter-spacing:-.04em}.coach-identity>p em{font-family:"Playfair Display";font-weight:600;color:var(--terracotta)}.coach-kicker{position:absolute;top:2rem;font:800 .7rem "Manrope";letter-spacing:.2em;color:#425349}
.before-after:hover .slider-line button{transform:translate(-50%,-50%) scale(1.08)}.slider-line button{transition:transform .25s ease}.testimonial:hover,.lead-form:hover{box-shadow:0 22px 55px rgba(23,36,31,.1)}
.footer-links{display:flex;gap:1.2rem;flex-wrap:wrap}.footer-links a{font-size:.78rem;font-weight:700;border-bottom:1px solid transparent}.footer-links a:hover{border-color:currentColor}
@keyframes breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}@keyframes floatBadge{0%,100%{transform:translateY(0) rotate(5deg)}50%{transform:translateY(-10px) rotate(2deg)}}@keyframes floatNote{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(8px) rotate(1deg)}}@keyframes tickerMove{to{transform:translateX(-50%)}}@keyframes quizSwap{0%{opacity:.55;transform:translateY(8px)}100%{opacity:1;transform:none}}@keyframes softDrift{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes orbitSpin{to{transform:rotate(360deg)}}@keyframes corePulse{70%{box-shadow:0 0 0 22px rgba(199,111,80,0)}100%{box-shadow:0 0 0 0 rgba(199,111,80,0)}}
@media(min-width:760px){.footer{grid-template-columns:1fr auto auto;align-items:center}.footer-links{justify-content:flex-end}.hero{min-height:calc(100svh - 74px)}.problem-grid article{cursor:default}}
@media(prefers-reduced-motion:reduce){.hero-copy>*{opacity:1;transform:none}.sun-shape,.floating-stat,.coach-note,.motion-ticker>div,.method-visual .pill,.orbit,.method-core{animation:none!important}.hero-visual{transform:none!important}.button::before,.nav-cta::before,.mobile-sticky::before{display:none}}

/* Clear choice states and comparison behavior */
.answers button{display:flex;align-items:center;gap:.8rem;color:#17241f!important}.answers button:hover,.answers button:focus-visible{background:#e8f29b;color:#17241f!important;border-color:#60722f;box-shadow:0 8px 22px rgba(23,36,31,.1)}.choice-index{display:grid;place-items:center;flex:0 0 2.15rem;width:2.15rem;height:2.15rem;border-radius:50%;background:#17241f;color:#f7f3e9;font:800 .66rem "Manrope";letter-spacing:.08em}.choice-label{margin:0!important}.method-copy li>span{width:2.5rem;height:2.5rem;background:#c76f50;color:#fff!important;border-color:#c76f50;font:800 .65rem "Manrope";letter-spacing:.06em;box-shadow:0 6px 18px rgba(199,111,80,.22)}
.photo-before,.photo-after{background-size:175% auto;background-repeat:no-repeat}.photo-before{background-position:center 2%;filter:saturate(.55) contrast(.92)}.photo-after{background-position:center 48%;filter:saturate(1.08) contrast(1.03);transform:none}
@media(min-width:760px){.photo-before,.photo-after{background-size:130% auto}.photo-before{background-position:center 3%}.photo-after{background-position:center 48%}}
.answers button{background:#faf9f5!important;color:#17241f!important}.answers button:hover,.answers button:focus-visible{background:#e8f29b!important;color:#17241f!important}.photo-before,.photo-after{background-size:220% auto;background-position-x:center}.photo-before{background-position-y:1%}.photo-after{background-position-y:38%}
@media(min-width:760px){.photo-before,.photo-after{background-size:165% auto;background-position-x:center}.photo-before{background-position-y:1%}.photo-after{background-position-y:40%}}
.photo-before{background-position-x:24%}.photo-after{background-position-x:54%}
.photo-before,.photo-after{background-size:270% auto;background-repeat:no-repeat}.photo-before{background-position:30% 7%}.photo-after{background-position:52% 47%}
@media(min-width:760px){.photo-before,.photo-after{background-size:260% auto}.photo-before{background-position:30% 8%}.photo-after{background-position:51% 39%}}

/* Full-frame comparison: appropriate for photos shot from different angles */
.before-after::after{content:"";position:absolute;z-index:2;inset:auto 0 0;height:7rem;background:linear-gradient(transparent,rgba(14,25,20,.48));pointer-events:none}.photo-after{clip-path:none!important;opacity:1;transition:opacity .12s linear;will-change:opacity}.comparison-labels{position:absolute;z-index:4;left:1rem;right:1rem;top:1rem;display:flex;justify-content:space-between;pointer-events:none}.comparison-labels span{background:rgba(247,243,233,.92);color:#17241f;padding:.48rem .72rem;border-radius:999px;font:800 .65rem "Manrope";letter-spacing:.1em;box-shadow:0 5px 18px rgba(23,36,31,.08)}.slider-line{--handle-position:0%;position:absolute;z-index:4;left:1.25rem!important;right:1.25rem;top:auto;bottom:1.8rem;width:auto;height:4px;transform:none;border-radius:999px;background:linear-gradient(to right,var(--lime) 0 var(--handle-position),rgba(255,255,255,.72) var(--handle-position) 100%);box-shadow:0 1px 0 rgba(23,36,31,.18);pointer-events:none}.slider-line::before,.slider-line::after{position:absolute;bottom:.8rem;color:#fff;font:800 .62rem "Manrope";letter-spacing:.12em;text-shadow:0 1px 8px rgba(0,0,0,.4)}.slider-line::before{content:"NA";left:0}.slider-line::after{content:"VOOR";right:0}.slider-line button{left:var(--handle-position);top:50%;width:3.5rem;height:3.5rem;transition:left .05s linear,transform .25s ease;box-shadow:0 8px 24px rgba(23,36,31,.25)}.before-after input{z-index:6}.before-after:hover .slider-line button{transform:translate(-50%,-50%) scale(1.06)}
@media(prefers-reduced-motion:reduce){.photo-after{transition:none}.slider-line button{transition:none}}

/* Static result comparison: the source photos use different camera angles, so
   each moment gets its own complete half instead of an artificial image seam. */
.before-after.static-comparison{
  display:grid;
  grid-template-columns:1fr 1fr;
  height:480px;
  background:#d9d4c9;
}
.before-after.static-comparison::after{display:none}
.static-comparison .photo{
  position:relative;
  inset:auto;
  width:100%;
  height:100%;
  overflow:hidden;
  background-repeat:no-repeat;
  transition:transform .38s cubic-bezier(.2,.75,.25,1),box-shadow .38s ease;
  transform-origin:center;
}
.static-comparison .photo::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:8rem;
  background:linear-gradient(transparent,rgba(14,25,20,.42));
  pointer-events:none;
}
.static-comparison .photo-before{
  background-size:465% auto;
  background-position:26.5% 7%;
  border-right:1px solid rgba(247,243,233,.9);
}
.static-comparison .photo-after{
  opacity:1;
  clip-path:none!important;
  transform:none;
  background-size:465% auto;
  background-position:54% 39%;
}
.static-comparison .comparison-tag{
  z-index:2;
  top:1rem;
  left:1rem;
  right:auto;
  color:#17241f;
  background:rgba(247,243,233,.93);
  box-shadow:0 5px 18px rgba(23,36,31,.08);
}
@media(min-width:760px){
  .static-comparison .photo-before,
  .static-comparison .photo-after{background-size:465% auto}
  .static-comparison .photo-before{background-position:26.5% 7%}
  .static-comparison .photo-after{background-position:54% 39%}
}
@media(hover:hover) and (pointer:fine){
  .static-comparison .photo{cursor:default}
  .static-comparison .photo:hover{
    z-index:3;
    transform:scale(1.028);
    box-shadow:0 20px 48px rgba(8,19,14,.32);
  }
}
@media(prefers-reduced-motion:reduce){
  .static-comparison .photo{transition:none}
  .static-comparison .photo:hover{transform:none}
}

/* Organic editorial atmosphere */
.hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.hero>*{position:relative;z-index:2}
.hero::before,
.hero::after{
  content:"";
  position:absolute;
  pointer-events:none;
}
.hero::before{
  z-index:-2;
  inset:0;
  background:
    radial-gradient(ellipse at 9% 13%,rgba(199,111,80,.16),transparent 31rem),
    radial-gradient(circle at 83% 72%,rgba(217,240,76,.14),transparent 27rem),
    linear-gradient(135deg,#f7f3e9 0%,#f3eee2 54%,#edf0d8 100%);
}
.hero::after{
  z-index:-1;
  inset:-18%;
  opacity:.42;
  background:
    radial-gradient(circle at 17% 42%,transparent 0 9rem,rgba(23,36,31,.10) 9.05rem 9.12rem,transparent 9.2rem 13.5rem,rgba(23,36,31,.07) 13.55rem 13.62rem,transparent 13.7rem 18rem,rgba(23,36,31,.05) 18.05rem 18.12rem,transparent 18.2rem),
    radial-gradient(ellipse at 82% 30%,transparent 0 12rem,rgba(199,111,80,.10) 12.05rem 12.12rem,transparent 12.2rem 18rem,rgba(199,111,80,.07) 18.05rem 18.12rem,transparent 18.2rem);
  transform:translate3d(0,0,0) rotate(-2deg);
  animation:ambientContours 18s ease-in-out infinite alternate;
}
.scan-section{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background-image:
    radial-gradient(circle at 88% 18%,rgba(217,240,76,.09),transparent 25rem),
    radial-gradient(circle at 4% 90%,rgba(199,111,80,.10),transparent 22rem);
}
.scan-section>*{position:relative;z-index:1}
.scan-section::before{
  content:"";
  position:absolute;
  z-index:0;
  width:30rem;
  height:30rem;
  right:-17rem;
  bottom:-18rem;
  border:1px solid rgba(255,255,255,.08);
  border-radius:50%;
  box-shadow:0 0 0 4rem rgba(255,255,255,.025),0 0 0 8rem rgba(255,255,255,.018);
  pointer-events:none;
}
@keyframes ambientContours{
  0%{transform:translate3d(-1.2%,0,0) rotate(-2deg)}
  100%{transform:translate3d(1.2%,-1%,0) rotate(1deg)}
}
@media(prefers-color-scheme:dark){
  .hero::before{
    background:
      radial-gradient(ellipse at 7% 8%,rgba(199,111,80,.13),transparent 32rem),
      radial-gradient(circle at 78% 78%,rgba(217,240,76,.085),transparent 28rem),
      linear-gradient(135deg,#13221d 0%,#17241f 55%,#1b2d26 100%);
  }
  .hero::after{
    opacity:.48;
    background:
      radial-gradient(circle at 17% 42%,transparent 0 9rem,rgba(247,243,233,.055) 9.05rem 9.12rem,transparent 9.2rem 13.5rem,rgba(247,243,233,.038) 13.55rem 13.62rem,transparent 13.7rem 18rem,rgba(247,243,233,.026) 18.05rem 18.12rem,transparent 18.2rem),
      radial-gradient(ellipse at 82% 30%,transparent 0 12rem,rgba(217,240,76,.07) 12.05rem 12.12rem,transparent 12.2rem 18rem,rgba(217,240,76,.04) 18.05rem 18.12rem,transparent 18.2rem);
  }
  .problem,.results{
    background-image:radial-gradient(circle at 100% 8%,rgba(217,240,76,.035),transparent 31rem);
  }
  .coach{
    background-image:radial-gradient(circle at 2% 56%,rgba(199,111,80,.055),transparent 27rem);
  }
}
@media(prefers-reduced-motion:reduce){
  .hero::after{animation:none}
}

/* Preview disclosure */
.concept-bar{
  background:var(--lime);
  color:#17241f;
  padding:.48rem 1rem;
  font:800 .68rem "Manrope",sans-serif;
  letter-spacing:.1em;
}