:root{--bone:#FBF8F3;--pink:#D7B5AE;--powder:#F3E7E2;--brown:#311506;--taupe:#B8A398;--rose:#9F7772;--white:#fff;--serif:'The Seasons','Playfair Display',Georgia,serif;--sans:'Poppins',Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bone);color:var(--brown);font-family:var(--sans);font-size:18px;line-height:1.68}
a{color:inherit}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:var(--serif);font-weight:400}
.topbar{height:80px;padding:0 clamp(22px,6vw,90px);display:flex;align-items:center;justify-content:space-between;background:var(--brown);color:var(--bone);position:sticky;top:0;z-index:20}
.brand{font-family:var(--serif);text-decoration:none;display:flex;align-items:flex-start;gap:10px}
.brand b{display:block;font-size:21px;line-height:1;letter-spacing:.09em;font-weight:400}
.brand small{display:block;margin-top:7px;font:400 9px/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase}
.brand i{width:9px;height:9px;border-radius:50%;background:var(--pink);margin-top:5px}
nav{display:flex;gap:34px}
nav a{text-decoration:none;font-size:13px;letter-spacing:.07em}
.eyebrow{font:500 12px/1.4 var(--sans);letter-spacing:.2em;text-transform:uppercase}
.hero{min-height:700px;background:var(--brown);color:var(--bone);display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:center;padding:90px clamp(24px,8vw,125px)}
.hero-copy{max-width:880px}
.hero .eyebrow{color:var(--pink)}
.topic{font-size:23px;line-height:1.3;letter-spacing:.045em;margin-bottom:28px;font-weight:500}
.hero h1{font-size:clamp(53px,6.5vw,96px);line-height:.98;letter-spacing:-.035em;margin-bottom:28px}
.hero h1 em{color:var(--pink);font-weight:400}
.lead{font-size:20px;max-width:760px}
.button{display:inline-flex;padding:17px 26px;text-decoration:none;font-size:14px;font-weight:600;letter-spacing:.05em;margin-top:20px}
.button-pink{background:var(--pink);color:var(--brown)}
.hero-card{background:var(--pink);color:var(--brown);padding:45px;min-height:410px;display:flex;flex-direction:column;justify-content:center}
.dot{display:block;width:42px;height:42px;border-radius:50%;background:var(--taupe);margin-bottom:32px}
.hero-card>p{font-size:12px;letter-spacing:.16em}
.hero-card>strong{font-family:var(--serif);font-size:32px;line-height:1.1;font-weight:400}
.hero-card ul{padding:25px 0 0;margin:25px 0 0;list-style:none;border-top:1px solid rgba(49,21,6,.25);font-size:16px}
.hero-card li{padding:6px 0}
.hero-card li:before{content:'—';margin-right:8px}
.symptoms,.about,.method,.format,.who,.mentor,.faq{padding:110px clamp(24px,8vw,125px)}
.symptoms{display:grid;grid-template-columns:1fr 1fr;gap:9vw;background:var(--powder)}
.section-title h2,.about h2,.method h2,.format h2,.outcome h2,.difference h2,.who h2,.investment h2,.mentor h2,.faq h2,.closing h2{font-size:clamp(42px,5vw,72px);line-height:1.03;letter-spacing:-.025em}
.symptom-list p{padding:17px 0;border-top:1px solid rgba(49,21,6,.2);margin:0}
.symptom-list p:before{content:'•';color:var(--rose);margin-right:12px}
.transition{padding:105px clamp(24px,15vw,240px);background:var(--pink);text-align:center}
.transition h2{font-size:clamp(44px,5.5vw,78px);line-height:1.04;margin:0 auto 26px;max-width:1100px}
.transition>p:last-child{max-width:780px;margin:auto}
.about{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw}
.about-copy{align-self:start;position:sticky;top:120px}
.about-points{border-top:1px solid rgba(49,21,6,.2)}
.about-points article{display:grid;grid-template-columns:48px 1fr;column-gap:20px;padding:26px 0;border-bottom:1px solid rgba(49,21,6,.2)}
.about-points article span{color:var(--rose);font-size:11px;grid-row:1/3}
.about-points h3{font-size:29px;margin-bottom:5px}
.about-points p{margin:0;font-size:17px}
.outcome{padding:95px clamp(24px,9vw,145px);background:var(--brown);color:var(--bone);display:grid;grid-template-columns:1fr 1fr;gap:9vw}
.outcome .eyebrow{color:var(--pink)}
.outcome ul{list-style:none;padding:0;margin:0}
.outcome li{padding:17px 0;border-top:1px solid rgba(251,248,243,.22)}
.outcome li:before{content:'•';color:var(--pink);margin-right:12px}
.method-intro{display:block;max-width:980px;margin-bottom:54px}
.method-intro h2{max-width:920px;margin:12px 0 24px}
.method-intro>p:last-child{max-width:780px;margin:0}
.phases{display:grid;grid-template-columns:1fr 1fr}
.phase{padding:50px}
.phase-light{background:var(--pink)}
.phase-dark{background:var(--brown);color:var(--bone)}
.phase-name{font-size:12px;letter-spacing:.2em}
.step{padding:28px 0;border-top:1px solid rgba(49,21,6,.25)}
.phase-dark .step{border-top-color:rgba(251,248,243,.22)}
.step span{font-size:11px}
.step h3{font-size:37px;margin:8px 0}
.step p{margin:0;font-size:17px}
.format{background:var(--powder)}
.format-heading{max-width:920px;margin-bottom:65px}
.format-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(49,21,6,.22);border-left:1px solid rgba(49,21,6,.22)}
.format-grid article{padding:30px;border-right:1px solid rgba(49,21,6,.22);border-bottom:1px solid rgba(49,21,6,.22);min-height:260px}
.format-grid span{font-size:10px;color:var(--rose)}
.format-grid h3{font-size:27px;line-height:1.1;margin:30px 0 13px}
.format-grid p{font-size:16px}
.difference{padding:100px clamp(24px,10vw,160px);background:var(--taupe);display:grid;grid-template-columns:1fr 1fr;gap:9vw}
.difference-copy{align-self:end}
.difference-copy p{padding:20px 0;border-top:1px solid rgba(49,21,6,.25)}
.who{display:grid;grid-template-columns:1fr 1fr;gap:9vw}
.who ul{list-style:none;padding:0;margin:0;align-self:center}
.who li{padding:13px 0;border-top:0;font-size:17px}
.who li:before{content:'✓';margin-right:12px;color:var(--rose)}
.investment{padding:105px clamp(24px,10vw,160px);background:var(--pink);display:grid;grid-template-columns:1fr .8fr;gap:9vw;align-items:center}
.price-card{background:var(--bone);padding:45px}
.price-card>p{font-size:12px;letter-spacing:.16em}
.price-card strong{display:block;font-family:var(--serif);font-size:48px;font-weight:400}
.price-card span{display:block;font-size:15px;margin-top:10px}
.payment-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
.price-card .button{width:100%;justify-content:center;background:var(--taupe);margin-top:0}
.price-card .button-light{background:var(--powder);color:var(--brown)}
.mentor{display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw;align-items:center}
.mentor-image{height:660px;overflow:hidden;box-shadow:18px 18px 0 var(--powder)}
.mentor-image img{width:100%;height:100%;object-fit:cover}
.mentor-copy p{max-width:720px}
.faq{background:var(--powder);display:grid;grid-template-columns:.7fr 1.3fr;gap:9vw}
.questions{border-top:1px solid rgba(49,21,6,.22)}
details{border-bottom:1px solid rgba(49,21,6,.22);padding:20px 0}
summary{font-family:var(--serif);font-size:25px;cursor:pointer}
details p{padding-top:13px;margin:0;font-size:17px}
.closing{padding:110px clamp(24px,13vw,210px);text-align:center;background:var(--brown);color:var(--bone)}
.closing .dot{margin:0 auto 34px}
.closing h2{max-width:1000px;margin:0 auto}
footer{min-height:110px;padding:28px clamp(24px,6vw,90px);display:flex;justify-content:space-between;align-items:center;background:var(--bone);font-size:10px;letter-spacing:.07em}
.footer-left{display:flex;align-items:center;gap:12px}
.footer-left strong{font-family:var(--serif);font-size:18px;letter-spacing:.08em}
.footer-left i{height:24px;width:1px;background:var(--taupe)}
@media(max-width:900px){nav{display:none}
.hero,.symptoms,.about,.outcome,.method-intro,.difference,.who,.investment,.mentor,.faq{grid-template-columns:1fr}
.hero{padding-top:70px}
.hero-card{min-height:auto}
.about-copy{position:static}
.format-grid{grid-template-columns:1fr 1fr}
.mentor-image{height:520px}
.footer-left{flex-wrap:wrap}
footer{align-items:flex-start;flex-direction:column;gap:18px}
}
@media(max-width:600px){body{font-size:17px}
.topbar{height:70px;padding:0 20px}
.hero,.symptoms,.about,.method,.format,.who,.mentor,.faq{padding:74px 22px}
.transition,.outcome,.difference,.investment,.closing{padding:74px 22px}
.hero h1{font-size:46px}
.topic{font-size:20px}
.eyebrow{font-size:11px}
.lead{font-size:18px}
.payment-actions{grid-template-columns:1fr}
.hero-card{padding:30px}
.phases,.format-grid{grid-template-columns:1fr}
.phase{padding:32px}
.mentor-image{height:430px}
.footer-left i{display:none}
.footer-left span{width:100%}
}