/* The Desire Clinic — site styles. Tokens from 02 Brand / Brand World v1.0 */
:root{
  --green:#173F3A; --green-deep:#0F2C28; --blush:#F2E4E1; --ivory:#FAF7F2; --plum:#472F43; --gold:#B99A68;
  --ink:#1E1B1A; --muted:#5E5A57; --line:#E6DDD6; --white:#FFFFFF;
  --serif:"Fraunces","Iowan Old Style","Palatino Linotype",Georgia,serif;
  --sans:"Source Sans 3","Segoe UI",system-ui,-apple-system,Helvetica,Arial,sans-serif;
  --max:1120px; --prose:720px; --r:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--sans);font-size:19.5px;line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--green);text-decoration-thickness:1px;text-underline-offset:3px}
h1,h2,h3,.serif{font-family:var(--serif);font-weight:500;line-height:1.12;letter-spacing:-.01em;color:var(--green);margin:0 0 .5em}
h1{font-size:clamp(2.2rem,5vw,3.6rem)}
h2{font-size:clamp(1.7rem,3.4vw,2.5rem)}
h3{font-size:1.35rem}
p{margin:0 0 1.1em}
.lede{font-size:1.28rem;color:var(--muted)}
.eyebrow{font-family:var(--sans);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:.9rem}
.wrap{max-width:var(--max);margin:0 auto;padding:0 22px}
.prose{max-width:var(--prose)}
/* nav */
.nav{position:sticky;top:0;z-index:20;background:rgba(250,247,242,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:84px;gap:16px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--green);font-family:var(--serif);font-size:1.7rem;font-weight:600;letter-spacing:-.01em}
.brand img{width:52px;height:52px}
@media(max-width:820px){.brand{font-size:1.35rem}.brand img{width:42px;height:42px}}
.nav ul{list-style:none;display:flex;gap:26px;margin:0;padding:0;align-items:center}
.nav li a{text-decoration:none;color:var(--ink);font-weight:500;font-size:.98rem}
.nav li a:hover{color:var(--green)}
.nav .btn{padding:.6rem 1.1rem;font-size:.95rem}
.nav li a.btn{color:var(--ivory)}
.menu-btn{display:none;background:none;border:1px solid var(--line);border-radius:999px;padding:.5rem .9rem;font:inherit;color:var(--green)}
@media(max-width:820px){.nav ul{display:none;position:absolute;left:0;right:0;top:84px;background:var(--ivory);flex-direction:column;gap:0;padding:8px 22px 18px;border-bottom:1px solid var(--line)}
 .nav ul.open{display:flex}.nav li{padding:10px 0;border-top:1px solid var(--line)}.menu-btn{display:block}}
/* buttons */
.btn{display:inline-block;background:var(--green);color:var(--ivory);border:1.5px solid var(--green);border-radius:999px;padding:.9rem 1.5rem;font-weight:600;text-decoration:none;font-size:1.02rem;line-height:1;cursor:pointer;font-family:var(--sans);transition:background .15s,transform .15s}
.btn:hover{background:var(--green-deep);transform:translateY(-1px)}
.btn.ghost{background:transparent;color:var(--green)}
.btn.ghost:hover{background:var(--blush)}
.btn.plum{background:var(--plum);border-color:var(--plum)}
.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}
.btn-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.small{font-size:.95rem;color:var(--muted)}
/* hero */
.hero{padding:56px 0 40px}
.hero .grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.hero figure{margin:0;border-radius:var(--r);overflow:hidden;box-shadow:0 30px 60px -30px rgba(58,29,69,.35)}
.hero figure img{aspect-ratio:4/5;object-fit:cover;width:100%}
@media(max-width:820px){.hero figure img{aspect-ratio:5/4;max-height:380px;object-position:50% 20%}.hero{padding-top:24px}}
.hero .copy h1{font-size:clamp(2.6rem,6vw,4.4rem);color:var(--green)}
.hero .trust{margin-top:1.2rem;font-size:1rem;color:var(--muted)}
@media(max-width:820px){.hero .grid{grid-template-columns:1fr;gap:26px}.hero figure{order:2}.hero .copy{order:1}.hero .copy h1{font-size:2.6rem}body{font-size:18px}.section{padding:44px 0}}
/* sections */
.section{padding:64px 0}
.section.blush{background:var(--blush)}
.section.plum{background:var(--plum);color:var(--blush)}
.section.plum h2,.section.plum h3{color:var(--blush)}
.section.plum .eyebrow{color:var(--gold)}
.section.green{background:var(--green);color:var(--ivory)}
.section.green h2,.section.green h3,.section.green p{color:var(--ivory)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.split figure{margin:0;border-radius:var(--r);overflow:hidden}
.split figure img{aspect-ratio:4/5;object-fit:cover;width:100%}
@media(max-width:820px){.split figure img{aspect-ratio:5/4;max-height:360px}}
@media(max-width:820px){.split{grid-template-columns:1fr}}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin-top:1.5rem}
.card{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:26px 24px;text-decoration:none;color:var(--ink);display:block;transition:transform .15s,box-shadow .15s}
.card:hover{transform:translateY(-2px);box-shadow:0 20px 40px -28px rgba(58,29,69,.5)}
.card h3{font-size:1.2rem;margin-bottom:.4rem}
.card p{margin:0;color:var(--muted);font-size:1.02rem}
.card .tag{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-weight:600;display:block;margin-bottom:.6rem}
.lines{list-style:none;padding:0;margin:1.2rem 0 0;display:grid;gap:.6rem}
.lines li{font-family:var(--serif);font-size:1.35rem;color:var(--plum);padding-left:1.1rem;border-left:2px solid var(--gold)}
.steps{counter-reset:s;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin-top:1.6rem}
.step{background:var(--white);border-radius:var(--r);padding:28px 26px;border:1px solid var(--line)}
.step::before{counter-increment:s;content:"0" counter(s);font-family:var(--serif);font-size:2rem;color:var(--gold);display:block;margin-bottom:.4rem}
.step h3{font-size:1.2rem}
.step p{color:var(--muted);margin:0;font-size:1.02rem}
.reviewer{display:flex;gap:28px;align-items:flex-start;background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:34px}
.reviewer .avatar{width:100px;height:100px;border-radius:50%;background:var(--blush);display:grid;place-items:center;color:var(--plum);font-family:var(--serif);font-size:2.1rem;font-weight:600;flex:none}
.reviewer h3{font-size:1.7rem}
.reviewer .cred{display:inline-block;margin:.3rem 0 .9rem;font-size:.95rem;font-weight:700;letter-spacing:.01em;color:var(--plum);background:var(--blush);border-radius:999px;padding:.35rem .9rem}
@media(max-width:600px){.reviewer{flex-direction:column;align-items:center;text-align:center;gap:14px}}
/* article */
.article-head{padding:44px 0 18px}
.crumbs{font-size:.86rem;color:var(--muted);margin-bottom:1rem}
.crumbs a{color:var(--muted)}
.byline{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:1.02rem;color:var(--muted);margin:1rem 0 0}
.byline .dot{width:4px;height:4px;border-radius:50%;background:var(--gold)}
.byline strong{color:var(--green);font-weight:700}
.byline a{color:var(--green);font-weight:700;text-decoration-color:var(--gold)}
.article-hero{margin:26px 0 8px;border-radius:var(--r);overflow:hidden}
.article-hero img{aspect-ratio:16/10;object-fit:cover;width:100%}
.article{padding:8px 0 56px}
.article .prose h2{font-size:1.75rem;margin-top:2.2rem}
.article .prose h3{font-size:1.3rem;margin-top:1.6rem}
.article .prose ul,.article .prose ol{padding-left:1.3rem}
.article .prose li{margin-bottom:.45rem}
.article .prose blockquote{margin:1.4rem 0;padding:.2rem 0 .2rem 1.2rem;border-left:3px solid var(--gold);color:var(--plum);font-family:var(--serif);font-size:1.25rem}
.article .prose hr{border:0;border-top:1px solid var(--line);margin:2rem 0}
.article .prose strong{color:var(--green)}
.cta-inline{display:inline-block;background:var(--green);color:var(--ivory);border-radius:999px;padding:.75rem 1.3rem;text-decoration:none;font-weight:600;margin:.3rem 0}
.notice{background:var(--white);border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:12px;padding:18px 20px;font-size:.95rem;color:var(--muted);margin:2rem 0}
.related{margin-top:2.5rem}
.related .cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.closing{background:var(--blush);border-radius:var(--r);padding:34px;margin-top:2.4rem}
.closing h3{margin-bottom:.4rem}
/* learn index */
.cluster{margin-top:2.4rem}
.cluster h2{font-size:1.5rem;border-bottom:1px solid var(--line);padding-bottom:.5rem}
.cluster .cards{grid-template-columns:repeat(auto-fit,minmax(196px,1fr))}
/* footer */
footer{background:var(--green);color:rgba(250,247,242,.85);padding:56px 0 34px;margin-top:40px;font-size:1rem}
footer a{color:var(--ivory)}
footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}
footer h4{color:var(--ivory);font-family:var(--serif);font-weight:500;font-size:1.05rem;margin:0 0 .7rem}
footer ul{list-style:none;padding:0;margin:0}
footer li{margin-bottom:.45rem}
footer .legal{border-top:1px solid rgba(250,247,242,.18);margin-top:34px;padding-top:22px;font-size:.9rem;color:rgba(250,247,242,.7)}
@media(max-width:820px){footer .cols{grid-template-columns:1fr}}
/* quiz */
.quiz-shell{max-width:640px;margin:0 auto;background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:34px;position:relative;overflow:hidden}
.quiz-shell .bar{position:absolute;left:0;top:0;height:4px;background:var(--gold);width:0;transition:width .3s}
.quiz-shell .meta{display:flex;justify-content:space-between;font-size:.82rem;color:var(--muted);margin-bottom:1.2rem}
.quiz-shell h2{font-size:1.6rem}
.quiz-shell .hint{font-size:.9rem;color:var(--muted);margin-top:-.4rem;margin-bottom:1rem}
.opts{display:grid;gap:10px;margin:1.2rem 0}
.opt{display:flex;gap:12px;align-items:center;border:1.5px solid var(--line);border-radius:12px;padding:14px 16px;cursor:pointer;background:var(--ivory);font-size:1rem;text-align:left;font-family:var(--sans);color:var(--ink);width:100%}
.opt:hover{border-color:var(--green)}
.opt.on{border-color:var(--green);background:var(--blush);font-weight:600}
.opt .ind{width:18px;height:18px;border:1.5px solid var(--green);border-radius:50%;flex:none}
.opt.multi .ind{border-radius:4px}
.opt.on .ind{background:var(--green)}
.quiz-nav{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}
.linkbtn{background:none;border:0;color:var(--muted);font:inherit;cursor:pointer;padding:0;text-decoration:underline}
.result .headline{font-family:var(--serif);font-size:1.9rem;color:var(--green);line-height:1.15;margin:.4rem 0 1rem}
.result .also{background:var(--ivory);border-radius:12px;padding:14px 18px;font-size:.95rem;color:var(--muted);margin:1.2rem 0}
.safety{background:#FFF6EE;border:1px solid #F0C9A8;border-radius:12px;padding:18px 20px;margin-bottom:1.4rem}
.safety h3{color:#8A3B12;font-size:1.15rem}
.safety ul{margin:.4rem 0 0;padding-left:1.2rem}
.privacy-line{font-size:.85rem;color:var(--muted);text-align:center;margin-top:1rem}
.form-slot{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:26px;max-width:640px;margin:0 auto}
.form-slot iframe{width:100%;border:0;min-height:520px}
.placeholder{border:2px dashed var(--gold);border-radius:12px;padding:22px;color:var(--muted);font-size:.95rem;background:var(--ivory)}
.consent{font-size:.9rem;color:var(--muted);display:flex;gap:10px;align-items:flex-start;margin:.8rem 0}
.consent input{margin-top:.35rem}
.field{display:grid;gap:6px;margin-bottom:1rem}
.field input{font:inherit;padding:.8rem 1rem;border:1.5px solid var(--line);border-radius:10px;background:var(--ivory)}
.field label{font-size:.9rem;font-weight:600;color:var(--green)}
@media print{.nav,footer,.btn,.quiz-nav{display:none!important}body{background:#fff}}

/* brief 8 Sep: trust bar, reassurance, bold statement, sticky mobile CTA */
.trustbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--white)}
.trust-lead{margin:0;padding:14px 0 0;text-align:center;font-family:Fraunces,Georgia,serif;font-weight:600;font-size:1.05rem;color:var(--plum)}
.trustbar ul{list-style:none;margin:0;padding:8px 0 14px;display:flex;flex-wrap:wrap;gap:10px 34px;justify-content:center;font-size:1rem;color:var(--green);font-weight:600}
.trustbar li::before{content:"✓";color:var(--gold);margin-right:8px;font-weight:700}
@media(max-width:820px){.trustbar ul{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;font-size:.92rem;text-align:left;padding:14px 0}.trustbar li{line-height:1.3}}
.reassure{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:.95rem;color:var(--muted);margin-top:.9rem}
.reassure span::before{content:"·";margin-right:8px;color:var(--gold)}
.reassure span:first-child::before{content:""}
.statement{font-family:var(--serif);font-size:clamp(1.6rem,3.2vw,2.4rem);line-height:1.25;color:var(--green);max-width:900px}
.statement em{font-style:normal;color:var(--plum);border-bottom:3px solid var(--gold)}
.bignum{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px;margin-top:2rem}
.bignum div{border-left:3px solid var(--gold);padding-left:18px}
.bignum strong{display:block;font-family:var(--serif);font-size:3rem;line-height:1;color:var(--plum);margin-bottom:.3rem}
.bignum span{color:var(--muted);font-size:1.02rem}
.sticky-cta{display:none}
@media(max-width:820px){.sticky-cta{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--white);border-top:1px solid var(--line);padding:10px 16px;gap:12px;align-items:center;justify-content:space-between;box-shadow:0 -10px 30px -20px rgba(58,29,69,.5)}
 .sticky-cta span{font-size:.9rem;color:var(--muted);line-height:1.25;font-weight:600;white-space:nowrap}.sticky-cta .btn{padding:.75rem 1.1rem;font-size:.95rem;white-space:nowrap}body{padding-bottom:74px}}

/* v2: quiz-first hero, journey trail, FAQ */
.hero-quiz .grid{grid-template-columns:1fr 1.05fr;align-items:start}
.hero-quiz .copy{padding-top:24px}
.quiz-home .quiz-shell{margin:0;box-shadow:0 30px 60px -30px rgba(58,29,69,.35)}
@media(max-width:820px){.hero-quiz .grid{grid-template-columns:1fr;gap:22px}.hero-quiz .copy{padding-top:0}.quiz-home{order:2}.quiz-shell{padding:24px 20px}}
.journey{list-style:none;padding:0;margin:1.8rem 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;counter-reset:j}
.journey li{position:relative;background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:26px 24px 22px}
.journey li::before{counter-increment:j;content:counter(j);position:absolute;top:-14px;left:22px;width:30px;height:30px;border-radius:50%;background:var(--green);color:var(--ivory);font-family:var(--serif);display:grid;place-items:center;font-size:.95rem}
.journey .when{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:.5rem}
.journey h3{font-size:1.25rem;margin-bottom:.4rem}
.journey p{color:var(--muted);font-size:1rem;margin:0 0 .9rem}
.journey .cost{display:inline-block;background:var(--blush);color:var(--plum);border-radius:999px;padding:.3rem .8rem;font-size:.9rem;font-weight:600}
@media(max-width:820px){.journey{grid-template-columns:1fr;gap:0;padding-left:26px;border-left:2px solid var(--gold)}
 .journey li{border:0;background:transparent;padding:0 0 26px 14px;border-radius:0}
 .journey li::before{left:-42px;top:2px}}
.faq{display:grid;gap:10px}
.faq details{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:0 20px}
.faq summary{cursor:pointer;list-style:none;padding:16px 0;font-family:var(--serif);font-size:1.2rem;color:var(--green);display:flex;justify-content:space-between;align-items:center;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--gold);font-size:1.5rem;line-height:1;flex:none}
.faq details[open] summary::after{content:"–"}
.faq details p{margin:0 0 18px;color:var(--ink)}
.section.plum a{color:var(--gold)}
.hero-photo{margin:28px 0 0;border-radius:var(--r);overflow:hidden}
.hero-photo img{aspect-ratio:3/2;object-fit:cover;object-position:50% 25%;width:100%}
@media(max-width:820px){.hero-photo,.m-hide{display:none}}

/* v3: quiz card in colour, in your face */
.hero-quiz .grid{grid-template-columns:1fr 1.15fr}
.quiz-home .quiz-shell{background:var(--plum);color:var(--blush);border:0;padding:38px 36px;box-shadow:0 40px 80px -30px rgba(71,47,67,.6)}
.quiz-home .quiz-shell .eyebrow{color:var(--gold)}
.quiz-home .quiz-shell h2{color:var(--ivory);font-size:2rem}
.quiz-home .quiz-shell .lede{color:rgba(242,228,225,.85)}
.quiz-home .quiz-shell p{color:rgba(250,247,242,.92)}
.quiz-home .quiz-shell .small,.quiz-home .quiz-shell .hint,.quiz-home .quiz-shell .meta{color:rgba(242,228,225,.7)}
.quiz-home .quiz-shell .bar{background:var(--gold);height:5px}
.quiz-home .quiz-shell .btn{background:var(--gold);border-color:var(--gold);color:var(--plum);font-size:1.15rem;padding:1.05rem 1.8rem}
.quiz-home .quiz-shell .btn:hover{background:#cdb07d}
.quiz-home .quiz-shell .btn.ghost{background:transparent;color:var(--ivory);border-color:rgba(250,247,242,.5)}
.quiz-home .quiz-shell .opt{background:rgba(250,247,242,.08);border-color:rgba(250,247,242,.25);color:var(--ivory)}
.quiz-home .quiz-shell .opt:hover{border-color:var(--gold)}
.quiz-home .quiz-shell .opt.on{background:rgba(185,154,104,.25);border-color:var(--gold)}
.quiz-home .quiz-shell .opt .ind{border-color:var(--gold)}
.quiz-home .quiz-shell .opt.on .ind{background:var(--gold)}
.quiz-home .quiz-shell .linkbtn{color:rgba(242,228,225,.75)}
.quiz-home .quiz-shell .headline,.quiz-home .quiz-shell h3{color:var(--ivory)}
.quiz-home .quiz-shell .also{background:rgba(250,247,242,.08);color:rgba(242,228,225,.9)}
.quiz-home .quiz-shell a{color:var(--gold)}
.quiz-home .quiz-shell .safety{background:#FFF6EE;color:var(--ink)}
.quiz-home .quiz-shell .safety h3{color:#8A3B12}
.quiz-home .quiz-shell .btn.ghost.print{color:var(--ivory)}
#dc-start{animation:pulse 2.4s ease-in-out infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(185,154,104,.45)}50%{box-shadow:0 0 0 14px rgba(185,154,104,0)}}
@media(prefers-reduced-motion:reduce){#dc-start{animation:none}}
.hero{background:linear-gradient(180deg,var(--blush) 0%,var(--ivory) 70%)}
@media(max-width:820px){.hero-quiz .grid{grid-template-columns:1fr}.quiz-home .quiz-shell{padding:28px 22px}.quiz-home .quiz-shell h2{font-size:1.7rem}}

/* v3b: headline → quiz → rest on mobile; two-column on desktop */
.hero-quiz .grid{grid-template-columns:1fr 1.15fr;grid-template-rows:auto 1fr}
.hero-quiz .copy-top{grid-column:1;grid-row:1;padding-top:24px}
.hero-quiz .copy-rest{grid-column:1;grid-row:2}
.hero-quiz .quiz-home{grid-column:2;grid-row:1/3}
.hero-photo img{aspect-ratio:4/3;object-position:50% 30%}
@media(max-width:820px){.hero-quiz .grid{grid-template-columns:1fr;grid-template-rows:auto}.hero-quiz .copy-top,.hero-quiz .quiz-home,.hero-quiz .copy-rest{grid-column:1;grid-row:auto}.hero-quiz .copy-top{padding-top:8px}.hero-quiz .copy-rest{margin-top:6px}}
@media(max-width:820px){.hero-quiz .copy-top{order:1}.hero-quiz .quiz-home{order:2}.hero-quiz .copy-rest{order:3}}

/* v4: composition, waitlist band, image cards, library */
.hero-quiz .grid{grid-template-columns:1fr 1.05fr;grid-template-rows:auto;align-items:center}
.hero-quiz .copy{grid-column:1;grid-row:auto;padding:12px 0}
.hero-quiz .quiz-home{grid-column:2;grid-row:auto}
.hero-alt{margin-top:1.1rem}
@media(max-width:820px){.hero-quiz .copy{order:1}.hero-quiz .quiz-home{order:2}.hero-quiz .copy .lede,.hero-quiz .copy .reassure,.hero-quiz .hero-alt{display:none}}
.waitlist-band{background:var(--blush)}
.waitlist-band .split{align-items:start}
.ticks{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:.5rem;font-weight:600;color:var(--green)}
.ticks li::before{content:"✓";color:var(--gold);margin-right:10px}
.band-photo{margin:26px 0 0;border-radius:var(--r);overflow:hidden}
.band-photo img{aspect-ratio:16/10;object-fit:cover;object-position:50% 30%;width:100%}
@media(max-width:820px){.band-photo{display:none}}
.split figure img{aspect-ratio:1/1;max-height:560px}
@media(max-width:820px){.split figure img{aspect-ratio:5/4;max-height:360px}}
/* image cards */
.cards.guides{grid-template-columns:repeat(3,1fr);gap:24px}
@media(max-width:1000px){.cards.guides{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.cards.guides{grid-template-columns:1fr}}
.card-guide{padding:0;overflow:hidden;display:flex;flex-direction:column;border-radius:var(--r);background:var(--white)}
.card-img{aspect-ratio:3/2;overflow:hidden;background:var(--blush)}
.card-img img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;transition:transform .5s ease}
.card-guide:hover .card-img img{transform:scale(1.04)}
.card-body{padding:20px 22px 18px;display:flex;flex-direction:column;gap:.5rem;flex:1}
.card-meta{display:flex;justify-content:space-between;align-items:center}
.card-meta .tag{margin:0}
.card-meta .mins{font-size:.82rem;color:var(--muted)}
.card-guide h3{font-size:1.28rem;margin:0;line-height:1.2}
.card-guide p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:.98rem;margin:0}
.card-foot{margin-top:auto;padding-top:.8rem;border-top:1px solid var(--line);font-size:.82rem;color:var(--muted)}
.card-foot .tick{color:var(--gold);font-weight:700;margin-right:6px}
.gi{display:contents}
.gi[hidden]{display:none}
/* pillars */
.cards.pillars{grid-template-columns:1fr 1fr;gap:24px;margin-top:2rem}
@media(max-width:820px){.cards.pillars{grid-template-columns:1fr}}
.card-big{flex-direction:row}
.card-big .card-img{aspect-ratio:auto;width:42%;flex:none}
.card-big .card-body{padding:26px}
.card-big h3{font-size:1.5rem}
.card-big p{-webkit-line-clamp:4}
@media(max-width:640px){.card-big{flex-direction:column}.card-big .card-img{width:100%;aspect-ratio:3/2}}
/* chips */
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:1.6rem}
.chip{font:inherit;font-size:.95rem;font-weight:600;color:var(--green);background:var(--white);border:1.5px solid var(--line);border-radius:999px;padding:.55rem 1rem;cursor:pointer}
.chip span{color:var(--muted);font-weight:400;margin-left:4px}
.chip.on{background:var(--green);color:var(--ivory);border-color:var(--green)}
.chip.on span{color:rgba(250,247,242,.7)}
.learn-hero{padding-bottom:40px}
/* nav ghost + sticky two-button */
.nav li a.btn.ghost{color:var(--green)}
@media(max-width:820px){.sticky-cta{justify-content:stretch}.sticky-cta .btn{flex:1;text-align:center}}
@media(max-width:820px){.hero-quiz .grid{grid-template-columns:1fr;grid-template-rows:auto}.hero-quiz .copy,.hero-quiz .quiz-home{grid-column:1;grid-row:auto}.hero-quiz .copy{padding:4px 0 0}}
.weekly{display:grid;grid-template-columns:1fr 1.4fr;gap:0;background:var(--white);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;text-decoration:none;color:var(--ink);margin:1.6rem 0 2rem;transition:transform .15s,box-shadow .15s}
.weekly:hover{transform:translateY(-2px);box-shadow:0 24px 50px -30px rgba(58,29,69,.5)}
.weekly img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;aspect-ratio:4/3}
.weekly>div{padding:30px 32px;display:flex;flex-direction:column;gap:.6rem;justify-content:center}
.weekly h3{font-size:1.7rem;margin:0}
.weekly p{color:var(--muted);margin:0}
.weekly .btn{align-self:flex-start;margin-top:.6rem}
@media(max-width:820px){.weekly{grid-template-columns:1fr}.weekly img{aspect-ratio:3/2}.weekly>div{padding:22px}}
.hub{display:flex;flex-direction:column;gap:2px;background:var(--blush);border-left:4px solid var(--gold);border-radius:12px;padding:14px 18px;text-decoration:none;color:var(--green);margin:0 0 1.6rem}
.hub .eyebrow{margin:0;font-size:.72rem}
.hub strong{font-family:var(--serif);font-weight:500;font-size:1.15rem}
.pillar-index{margin:2.4rem 0 0;background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:26px 28px}
.pillar-index h2{margin-top:0;font-size:1.6rem}
.pillar-index ol{margin:0;padding-left:1.3rem;columns:1}
.pillar-index li{display:flex;justify-content:space-between;gap:12px;padding:.55rem 0;border-bottom:1px solid var(--line)}
.pillar-index li:last-child{border-bottom:0}
.pillar-index li a{text-decoration:none;font-weight:600}
.pillar-index li span{color:var(--muted);font-size:.9rem;white-space:nowrap}

/* hero: faded photo behind the headline */
.hero{position:relative;overflow:hidden}
.hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none}
.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:35% 20%;opacity:.42;filter:saturate(.85)}
.hero-veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(250,247,242,.55) 0%,rgba(250,247,242,.88) 42%,rgba(250,247,242,.97) 100%),linear-gradient(180deg,rgba(242,228,225,.35),rgba(250,247,242,1))}
.hero .wrap{position:relative;z-index:1}
@media(max-width:820px){.hero-bg img{object-position:50% 15%;opacity:.35}.hero-veil{background:linear-gradient(180deg,rgba(250,247,242,.6),rgba(250,247,242,.97) 70%)}}
/* waitlist band: level columns */
.waitlist-band .split{align-items:stretch}
.waitlist-band .split>div:first-child{display:flex;flex-direction:column}
.band-photo{flex:1;min-height:260px;margin-top:22px}
.band-photo img{height:100%;aspect-ratio:auto;object-fit:cover;object-position:50% 25%}
/* hero photo v2 — woman visible between headline and quiz card, veil only where type sits */
.hero-bg img{object-position:48% 18%;opacity:.78;filter:saturate(.95)}
.hero-veil{background:linear-gradient(90deg,rgba(250,247,242,.92) 0%,rgba(250,247,242,.86) 26%,rgba(250,247,242,.38) 44%,rgba(250,247,242,.28) 56%,rgba(250,247,242,.7) 72%,rgba(250,247,242,.92) 100%),linear-gradient(180deg,rgba(250,247,242,0) 55%,rgba(250,247,242,1) 100%)}
.hero-quiz .copy h1,.hero-quiz .copy .lede,.hero-quiz .copy .eyebrow{text-shadow:0 0 18px rgba(250,247,242,.9),0 0 6px rgba(250,247,242,.9)}
@media(max-width:820px){.hero-bg img{object-position:50% 0;opacity:.6}.hero-veil{background:linear-gradient(180deg,rgba(250,247,242,.15) 0%,rgba(250,247,242,.55) 38%,rgba(250,247,242,.97) 62%)}.hero-quiz .copy{padding-top:150px}}
@media(min-width:821px){.hero-quiz .grid{grid-template-columns:1fr 1fr;gap:96px}.hero-quiz .copy{max-width:440px}.hero-quiz .copy .lede{max-width:430px}.hero-bg img{object-position:48% 22%}}
@media(max-width:820px){.hero-quiz .copy{padding-top:250px}.hero-bg img{object-position:50% 0;opacity:.7}.hero-veil{background:linear-gradient(180deg,rgba(250,247,242,.05) 0%,rgba(250,247,242,.15) 24%,rgba(250,247,242,.72) 36%,rgba(250,247,242,.97) 50%)}}
@media(max-width:820px){.hero-quiz .copy{padding-top:330px}.hero-veil{background:linear-gradient(180deg,rgba(250,247,242,.04) 0%,rgba(250,247,242,.12) 26%,rgba(250,247,242,.8) 38%,rgba(250,247,242,.97) 50%)}}
/* hero photo v3 — face pinned to the centre gap at every desktop width, never under the quiz card */
@media(min-width:821px){
.hero-quiz .grid{grid-template-columns:1fr 1fr;gap:170px}
.hero-quiz .copy{max-width:400px}.hero-quiz .copy .lede{max-width:400px}
.hero-bg img{width:auto;height:100%;max-width:none;position:absolute;top:0;left:50%;transform:translateX(-48%);object-fit:unset;object-position:unset;opacity:.85;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22%,#000 78%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 22%,#000 78%,transparent 100%)}
.hero-veil{background:linear-gradient(90deg,rgba(250,247,242,.9) 0%,rgba(250,247,242,.75) 30%,rgba(250,247,242,.12) 44%,rgba(250,247,242,.1) 56%,rgba(250,247,242,.6) 68%,rgba(250,247,242,.9) 100%),linear-gradient(180deg,rgba(250,247,242,0) 60%,rgba(250,247,242,1) 100%)}
}
@media(min-width:821px) and (max-width:1120px){.hero-quiz .grid{gap:130px}.hero-quiz .copy{max-width:340px}.hero-quiz .copy .eyebrow{max-width:300px}.hero-quiz .copy h1{font-size:3rem}.hero-bg img{transform:translateX(-46%)}}
/* ===== hero v3 — three columns: copy | woman | quiz. Photo is a real column, never behind text ===== */
.hero-v3{background:radial-gradient(120% 90% at 50% 0%,#F2E4E1 0%,#FAF7F2 70%)}
.hero-v3 .grid{display:grid;grid-template-columns:minmax(280px,1fr) minmax(220px,.8fr) minmax(360px,1.15fr);gap:34px;align-items:center}
.hero-v3 .copy{grid-column:1;max-width:none;padding:0}
.hero-v3 .copy .eyebrow{max-width:none}
.hero-v3 .copy h1{font-size:clamp(2.6rem,4.2vw,3.9rem);line-height:1.02;text-wrap:balance;text-shadow:none}
.hero-v3 .copy .lede{max-width:none;text-shadow:none}
.hero-v3 .hero-photo{grid-column:2;margin:0;align-self:stretch;min-height:520px;position:relative}
.hero-v3 .hero-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 18%;transform:none;left:0;max-width:none;opacity:1;border-radius:22px;-webkit-mask-image:linear-gradient(180deg,#000 78%,transparent 100%);mask-image:linear-gradient(180deg,#000 78%,transparent 100%)}
.hero-v3 .quiz-home{grid-column:3}
.hero-v3 .hero-bg,.hero-v3 .hero-veil{display:none}
@media(max-width:1120px){.hero-v3 .grid{grid-template-columns:1fr 1fr;gap:28px}.hero-v3 .hero-photo{grid-column:2;grid-row:1;min-height:0;height:100%}.hero-v3 .copy{grid-column:1;grid-row:1}.hero-v3 .quiz-home{grid-column:1/-1;grid-row:2}}
@media(max-width:820px){.hero-v3 .grid{grid-template-columns:1fr;gap:18px}.hero-v3 .hero-photo{grid-column:1;grid-row:1;height:300px;min-height:0}.hero-v3 .hero-photo img{object-position:50% 12%}.hero-v3 .copy{grid-column:1;grid-row:2;padding-top:0}.hero-v3 .quiz-home{grid-column:1;grid-row:3;order:3}.hero-v3 .copy .lede,.hero-v3 .copy .reassure,.hero-v3 .hero-alt{display:block}.hero-v3 .copy .reassure{display:flex}}
@media(min-width:821px) and (max-width:1120px){.hero-v3 .grid{grid-template-columns:minmax(230px,1fr) minmax(170px,.65fr) minmax(330px,1.15fr);gap:22px}.hero-v3 .hero-photo{grid-column:2;grid-row:auto;min-height:460px;height:auto}.hero-v3 .copy{grid-column:1;grid-row:auto}.hero-v3 .quiz-home{grid-column:3;grid-row:auto}.hero-v3 .copy h1{font-size:2.5rem}.hero-v3 .copy .lede{font-size:1.02rem}}
@media(min-width:821px){.hero-v3 .copy,.hero-v3 .hero-photo,.hero-v3 .quiz-home{grid-row:1}}
.hero-v3 .hero-photo img{-webkit-mask-image:none;mask-image:none;box-shadow:0 18px 40px rgba(71,47,67,.18)}
.hero-v3 .hero-alt .btn{white-space:nowrap}
@media(min-width:821px) and (max-width:1120px){.hero-v3 .hero-alt .btn{font-size:.92rem;padding-left:16px;padding-right:16px}}
@media(max-width:820px){.hero-v3 .grid{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto}.hero-v3 .hero-photo{display:block;order:0;grid-row:1;grid-column:1;height:280px;min-height:280px;position:relative}.hero-v3 .hero-photo img{position:absolute;inset:0;height:100%;aspect-ratio:auto;max-height:none;border-radius:18px}.hero-v3 .copy{order:1;grid-row:2}.hero-v3 .quiz-home{order:2;grid-row:3}.hero-v3 .copy .lede,.hero-v3 .copy .reassure,.hero-v3 .hero-alt{display:none}}
/* hero v2 restored (photo pinned centre); quiz card nudged down and right */
@media(min-width:821px){.hero-quiz .quiz-home{margin-top:56px;margin-left:28px;margin-right:-28px}}
/* hero photo moved hard left, behind the headline */
@media(min-width:821px){
.hero-bg img{left:max(0px,calc(50% - 600px));transform:none;opacity:.6;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 70%,transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 70%,transparent 100%)}
.hero-veil{background:linear-gradient(90deg,rgba(250,247,242,.55) 0%,rgba(250,247,242,.45) 35%,rgba(250,247,242,.75) 60%,rgba(250,247,242,.95) 100%),linear-gradient(180deg,rgba(250,247,242,0) 65%,rgba(250,247,242,1) 100%)}
.hero-quiz .copy h1,.hero-quiz .copy .lede,.hero-quiz .copy .eyebrow,.hero-quiz .reassure{text-shadow:0 0 14px rgba(250,247,242,.95),0 0 4px rgba(250,247,242,.95)}
}
@media(min-width:821px){.hero-bg img{left:0}}
@media(min-width:821px){.hero-bg img{left:max(0px,calc(50% - 470px));-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 72%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 72%,transparent 100%)}}
/* cost tiles inside "How we're paid" */
.cost-h{margin:26px 0 12px;font-size:1.25rem;color:#fff}
.cost-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 18px}
.cost{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:4px}
.cost-l{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
.cost strong{font-family:Fraunces,Georgia,serif;font-weight:500;font-size:1.5rem;color:#fff;line-height:1.15}
.cost-s{font-size:.92rem;opacity:.85}
@media(max-width:820px){.cost-grid{grid-template-columns:1fr}}
/* regulation strip — text badges linking to the actual registers; no third-party logos */
.regbar{padding:16px 0;border-top:1px solid rgba(58,29,69,.12);background:var(--ivory)}
footer .regbar{border-top:0;border-bottom:1px solid rgba(255,255,255,.12);background:transparent;padding:14px 0 10px;margin-bottom:10px}
.regbar .reg-h{font-family:Fraunces,Georgia,serif;font-size:.82rem;color:var(--muted);margin:0 0 8px}
footer .regbar .reg-h{color:rgba(255,255,255,.7)}
.regbar ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px}
.regbar li a{display:flex;flex-direction:column;gap:1px;padding:7px 10px;border:1px solid rgba(58,29,69,.14);border-radius:9px;text-decoration:none;color:var(--ink);background:#fff;min-height:0}
footer .regbar li a{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);color:rgba(255,255,255,.85)}
.regbar .reg-k{font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);font-weight:700}
.regbar .reg-v{font-size:.76rem;font-weight:600;line-height:1.2}
.regbar .reg-c{font-size:.68rem;opacity:.65;margin-top:auto}
.regbar li a:hover{border-color:var(--gold)}
.regbar .reg-note{font-size:.72rem;opacity:.6;margin:8px 0 0;max-width:72ch}
@media(max-width:820px){.regbar ul{grid-template-columns:1fr 1fr}.regbar li a{min-height:0}}
/* clinician section */
.article-head.clin{background:linear-gradient(180deg,#F1E7F2,var(--ivory))}
.article-head.clin .eyebrow{color:var(--green)}
.article.clin .notice{border-left:4px solid var(--gold)}
.clin-form{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px}
.clin-form h3{margin:.4rem 0 .8rem;font-size:1.1rem;color:var(--green)}
.clin-form select,.clin-form textarea{font:inherit;padding:.8rem 1rem;border:1.5px solid var(--line);border-radius:10px;background:var(--ivory);width:100%}
.steps{counter-reset:s;list-style:none;padding:0;margin:18px 0 0;display:grid;gap:12px;max-width:820px}
.steps li{counter-increment:s;position:relative;padding:14px 16px 14px 58px;background:#fff;border:1px solid var(--line);border-radius:12px;line-height:1.5}
.steps li::before{content:counter(s);position:absolute;left:14px;top:12px;width:30px;height:30px;border-radius:50%;background:var(--plum);color:#fff;display:grid;place-items:center;font-family:Fraunces,Georgia,serif;font-weight:600}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* share — "send this to a friend" */
.sharebar{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;justify-content:space-between;background:var(--blush);border-radius:14px;padding:16px 20px;margin:1.6rem 0}
.sharebar.compact{padding:10px 16px;margin:1rem 0 0;background:transparent;border:1px dashed var(--line)}
.share-label{font-family:Fraunces,Georgia,serif;font-size:1.05rem;color:var(--plum);flex:1;min-width:180px}
.sharebar.compact .share-label{font-size:.92rem;color:var(--muted);font-family:var(--sans)}
.share-btns{display:flex;flex-wrap:wrap;gap:8px}
.share-btn{font:inherit;font-size:.88rem;font-weight:600;color:var(--green);background:#fff;border:1.5px solid var(--line);border-radius:999px;padding:.5rem 1rem;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px;line-height:1}
.share-btn:hover{border-color:var(--gold);color:var(--plum)}
.share-btn.primary{background:var(--green);color:#fff;border-color:var(--green)}
.share-btn.primary:hover{background:var(--green-deep)}
@media(max-width:600px){.sharebar{padding:14px 16px}.share-label{width:100%}}
.friend-share{background:var(--blush);border-radius:14px;padding:22px 24px;margin:1.8rem 0 0}
.friend-share h3{margin:0 0 .4rem;font-size:1.25rem}
.friend-share>p{margin:0 0 1rem;color:var(--plum);font-size:1rem}
.fs-msg{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 14px;font-size:.95rem;color:var(--ink);margin-bottom:1rem;font-style:italic;line-height:1.5}
.quiz-home .quiz-shell .friend-share{background:rgba(250,247,242,.1)}
.quiz-home .quiz-shell .friend-share h3{color:var(--ivory)}
.quiz-home .quiz-shell .friend-share>p{color:rgba(242,228,225,.9)}
.quiz-home .quiz-shell .fs-msg{background:rgba(250,247,242,.12);border-color:rgba(250,247,242,.2);color:var(--ivory)}
.share-toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,12px);background:var(--green);color:#fff;font-size:.92rem;font-weight:600;padding:.7rem 1.2rem;border-radius:999px;opacity:0;transition:opacity .25s,transform .25s;z-index:60;box-shadow:0 14px 30px -12px rgba(58,29,69,.5)}
.share-toast.on{opacity:1;transform:translate(-50%,0)}
@media(max-width:820px){.share-toast{bottom:90px}}

/* ===== 14 Oct 2026: purple redesign, blended hero, quiz-first homepage, footer register line ===== */
.hero-war{margin:0 0 1.4rem;border-radius:var(--r);overflow:hidden;box-shadow:0 30px 60px -30px rgba(58,29,69,.35)}.hero .copy .hero-war img{width:100%;height:auto;max-height:600px;aspect-ratio:auto;object-fit:cover;object-position:50% 0}.hero .copy h1.hero-h1{font-size:clamp(1.9rem,3.4vw,2.6rem)}section.hero.hero-quiz .wrap.grid .copy{padding-top:0!important}section.hero .copy figure.hero-war{margin:0 0 1.4rem}section.hero.hero-quiz .wrap.grid{align-items:start!important}section.hero.hero-quiz .quiz-home{margin-top:0!important;padding-top:0!important;align-self:start!important}@media(max-width:820px){.hero .copy .hero-war img{max-height:470px}.hero .copy h1.hero-h1{font-size:1.9rem}}.wl-card{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:34px 32px;box-shadow:0 30px 60px -30px rgba(58,29,69,.35)}.wl-card h1.hero-h1{font-size:clamp(1.9rem,3vw,2.5rem);margin-bottom:.4em}.wl-lede{font-size:1.12rem;color:var(--muted);margin-bottom:1.2rem}.wl-form .field input{font-size:1.1rem;padding:1rem 1.1rem}.wl-form .consent{font-size:.85rem;line-height:1.45}.wl-btn{width:100%;font-size:1.2rem;padding:1.15rem 1.5rem;margin-top:.6rem;background:var(--plum);border-color:var(--plum)}.wl-btn:disabled{opacity:1;cursor:default}.wl-reassure{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 16px;font-size:.9rem;color:var(--muted);margin:.8rem 0 0}.wl-reassure span::before{content:"\2713";color:var(--gold);margin-right:6px;font-weight:700}.wl-or{border-top:1px solid var(--line);margin:1.3rem 0 0;padding-top:1.1rem;text-align:center;font-size:1.02rem}.wl-or a{font-weight:600}.check-head{text-align:center;max-width:680px;margin:0 auto 1.6rem}.check-slot .quiz-shell{margin:0 auto!important}section.hero-wl .wrap.grid{grid-template-columns:1fr 1.05fr!important;align-items:center!important}section.hero-wl .hero-war{margin:0!important}@media(max-width:820px){section.hero-wl .wrap.grid{grid-template-columns:1fr!important}section.hero-wl .copy{order:1}section.hero-wl .quiz-home{order:2}.hero .copy .hero-war img{max-height:340px!important}.wl-card{padding:24px 20px}.wl-card h1.hero-h1{font-size:1.75rem}}
/* ===== v5 purple: aubergine + orchid + champagne. Quiz is the hero, waitlist is the goal ===== */
:root{--green:#3A1D45;--green-deep:#26112F;--plum:#6E3B78;--blush:#F4EAF2;--ivory:#FCF9FB;--gold:#C2A26E;--ink:#22172A;--muted:#6B5F72;--line:#E9DDE8;--white:#FFFFFF;--orchid:#B98BC4}
body{background:var(--ivory);color:var(--ink)}
.nav{background:rgba(252,249,251,.94)}
.hero-dc{padding-block:40px 56px;background:radial-gradient(90% 80% at 85% 0%,#EBDDF0 0%,rgba(244,234,242,0) 60%),linear-gradient(180deg,var(--blush) 0%,var(--ivory) 85%)}
.hero-dc .dc-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:start}
.hero-dc figure.dc-war{margin:0;border-radius:24px;overflow:hidden;box-shadow:0 40px 80px -40px rgba(58,29,69,.55);position:sticky;top:110px}
.hero-dc figure.dc-war img{width:100%;max-width:100%;height:auto;max-height:680px;aspect-ratio:auto;object-fit:cover;object-position:50% 0}
.dc-lead{min-width:0}
.dc-kicker{font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--plum);margin:0 0 .8rem}
.dc-h1{font-family:var(--serif);font-size:clamp(2.1rem,3.6vw,3.1rem);line-height:1.06;color:var(--green);text-wrap:balance;margin:0 0 .5rem}
.dc-sub{font-size:1.15rem;color:var(--muted);margin:0 0 1.4rem;max-width:34em}
.hero-dc .dc-quiz.quiz-home{margin:0!important;padding:0!important;order:0;grid-column:auto;grid-row:auto}
.hero-dc .quiz-home .quiz-shell{max-width:none;background:linear-gradient(160deg,#4B2559 0%,#2E1538 100%);border:0;padding:34px 34px 30px;box-shadow:0 40px 80px -36px rgba(46,21,56,.75)}
.hero-dc .quiz-home .quiz-shell .btn{background:var(--gold);border-color:var(--gold);color:var(--green-deep)}
.hero-dc .quiz-home .quiz-shell .btn:hover{background:#D3B682}
.hero-dc .quiz-home .quiz-shell .btn.ghost{background:transparent;color:var(--ivory);border-color:rgba(252,249,251,.45)}
.hero-dc .quiz-home .quiz-shell .opt.on{background:rgba(194,162,110,.22)}
.dc-skip{margin:1.1rem 0 0;font-size:1.02rem;color:var(--muted)}
.dc-skip a{color:var(--plum);font-weight:600}
.dc-trust{background:var(--green);color:#F1E6F3}
.dc-trust ul{list-style:none;margin:0;padding:14px 0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 34px;font-size:.95rem;font-weight:600}
.dc-trust li::before{content:"\2713";color:var(--gold);margin-right:8px}
.dc-band{padding-block:72px}
.dc-h2{font-family:var(--serif);font-weight:500;font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.1;color:var(--green);text-wrap:balance;margin:0 0 1.6rem}
.dc-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.dc-steps li{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:24px 22px;display:flex;flex-direction:column;gap:.5rem}
.dc-n{width:34px;height:34px;border-radius:50%;background:var(--plum);color:#fff;font-family:var(--serif);display:grid;place-items:center;font-size:1rem}
.dc-steps h3{font-size:1.22rem;margin:.3rem 0 0;color:var(--green)}
.dc-steps p{margin:0;color:var(--muted);font-size:1rem;line-height:1.5}
.dc-tag{margin-top:auto;align-self:flex-start;background:var(--blush);color:var(--plum);border-radius:999px;padding:.3rem .8rem;font-size:.86rem;font-weight:600}
.dc-law{margin-top:22px;background:var(--white);border:1px solid var(--line);border-left:4px solid var(--orchid);border-radius:12px;padding:16px 20px;font-size:.98rem;color:var(--muted);max-width:820px}
.dc-law strong{color:var(--green)}
.dc-wl{background:linear-gradient(150deg,#3A1D45 0%,#27112F 100%);color:#F1E6F3}
.dc-wl .dc-kicker{color:var(--gold)}
.dc-wl .dc-h2{color:#fff}
.dc-wl-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
.dc-ticks{list-style:none;padding:0;margin:0;display:grid;gap:.7rem;font-size:1.1rem}
.dc-ticks li::before{content:"\2713";color:var(--gold);margin-right:10px;font-weight:700}
.dc-wl-card{background:var(--white);color:var(--ink);border-radius:22px;padding:30px;box-shadow:0 40px 80px -40px rgba(0,0,0,.6)}
.dc-wl-card .field input{width:100%;font-size:1.1rem;padding:1rem 1.1rem;background:var(--ivory)}
.dc-wl-card .field label{color:var(--green)}
.dc-wl-card .consent{font-size:.85rem;line-height:1.45}
.dc-cta{width:100%;margin-top:.6rem;font-size:1.2rem;padding:1.15rem 1.5rem;background:var(--plum);border-color:var(--plum)}
.dc-cta:hover{background:var(--green)}
.dc-msg{min-height:1.4em;margin:.8rem 0 0;font-size:.95rem;color:var(--plum);font-weight:600}
.dc-faq{background:var(--blush)}
.dc-narrow{max-width:820px}
.dc-faq .faq summary{color:var(--green)}
.dc-more{margin:1.4rem 0 0;font-size:1rem}
.dc-more a{color:var(--plum);font-weight:600}
.nav li a.btn{background:var(--plum);border-color:var(--plum)}
.nav li a.btn.ghost{background:transparent;color:var(--green);border-color:var(--green)}
a:focus-visible,.btn:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--orchid);outline-offset:2px}
@media(max-width:1000px){.dc-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){
 .hero-dc{padding-block:16px 40px}
 .hero-dc .dc-grid{grid-template-columns:1fr;gap:18px}
 .hero-dc figure.dc-war{position:static;border-radius:18px}
 .hero-dc figure.dc-war img{height:280px;max-height:none;aspect-ratio:auto;object-position:50% 0}
 .dc-h1{font-size:1.85rem}.dc-sub{font-size:1.02rem;margin-bottom:1rem}
 .hero-dc .quiz-home .quiz-shell{padding:24px 20px}
 .dc-band{padding-block:48px}
 .dc-steps{grid-template-columns:1fr}
 .dc-wl-grid{grid-template-columns:1fr;gap:24px}.dc-wl-card{padding:22px 18px}
 .dc-trust ul{justify-content:flex-start;gap:6px 18px;font-size:.88rem}
 .sticky-cta .btn.ghost{color:var(--green);border-color:var(--green)}
}

/* ===== v6 hero: one blended composition — photo melts into aubergine, headline sits on it ===== */
.hx{position:relative;overflow:hidden;background:radial-gradient(70% 90% at 78% 40%,#5A2E68 0%,rgba(90,46,104,0) 70%),linear-gradient(135deg,#2E1538 0%,#3A1D45 55%,#2A1233 100%);color:#F4EAF2}
.hx-media{position:absolute;top:0;right:0;bottom:0;width:min(52%,700px)}
.hx-media img{width:100%;height:100%;max-width:100%;object-fit:cover;object-position:50% 8%;display:block;-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.35) 4%,#000 11%),linear-gradient(180deg,#000 78%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.35) 4%,#000 11%),linear-gradient(180deg,#000 78%,transparent 100%);mask-composite:intersect}
.hx-media::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 80% at 70% 30%,rgba(110,59,120,0) 40%,rgba(46,21,56,.35) 100%);mix-blend-mode:multiply}
.hx-inner{position:relative;z-index:1;min-height:600px;display:flex;align-items:center;padding-block:56px}
.hx-copy{max-width:540px;min-width:0}
.hx-kicker{margin:0 0 1rem;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--gold)}
.hx-h1{font-family:var(--serif);font-weight:500;font-size:clamp(2.4rem,4.6vw,3.9rem);line-height:1.03;letter-spacing:-.015em;color:#FCF9FB;margin:0 0 1.1rem;text-wrap:balance}
.hx-h1 em{display:block;font-style:italic;color:#E2C9EA}
.hx-sub{font-size:1.15rem;line-height:1.55;color:rgba(244,234,242,.86);margin:0 0 1.8rem;max-width:30em}
.hx-ctas{display:flex;flex-wrap:wrap;gap:12px}
.hx-btn{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:0 1.7rem;border-radius:999px;font-family:var(--sans);font-weight:600;font-size:1.1rem;text-decoration:none;transition:transform .15s,background .15s,box-shadow .15s}
.hx-primary{background:var(--gold);color:#26112F;box-shadow:0 14px 34px -12px rgba(194,162,110,.7)}
.hx-primary:hover{background:#D3B682;transform:translateY(-1px)}
.hx-secondary{border:1.5px solid rgba(252,249,251,.6);color:#FCF9FB}
.hx-secondary:hover{background:rgba(252,249,251,.1);border-color:#FCF9FB}
.hx-reassure{display:flex;flex-wrap:wrap;gap:6px 16px;margin:1.2rem 0 0;font-size:.92rem;color:rgba(244,234,242,.75)}
.hx-reassure span::before{content:"\2713";color:var(--gold);margin-right:6px;font-weight:700}
.dc-trust{background:#26112F;border-top:1px solid rgba(252,249,251,.08)}
.hx-check{background:linear-gradient(180deg,#EADCF0 0%,var(--blush) 100%);padding-block:56px 48px}
.hx-check .hx-quiz{max-width:720px;margin:0 auto}
.hx-check .quiz-home .quiz-shell{max-width:none;margin:0;background:linear-gradient(160deg,#4B2559 0%,#2E1538 100%);border:0;padding:36px 36px 30px;box-shadow:0 40px 80px -36px rgba(46,21,56,.7)}
.hx-check .quiz-home .quiz-shell .btn{background:var(--gold);border-color:var(--gold);color:#26112F}
.hx-check .quiz-home .quiz-shell .btn.ghost{background:transparent;color:#FCF9FB;border-color:rgba(252,249,251,.45)}
.hx-skip{text-align:center;margin:1.2rem 0 0;color:var(--muted)}
.hx-skip a{color:var(--plum);font-weight:600}
@media(max-width:1100px){.hx-media{width:50%}.hx-copy{max-width:470px}}
@media(max-width:820px){
 .hx-media{position:relative;width:100%;height:360px}
 .hx-media img{object-position:50% 0;-webkit-mask-image:linear-gradient(180deg,#000 62%,transparent 100%);mask-image:linear-gradient(180deg,#000 62%,transparent 100%);-webkit-mask-composite:source-over;mask-composite:add}
 .hx-media::after{background:none}
 .hx-inner{min-height:0;margin-top:-70px;padding-block:0 36px}
 .hx-h1{font-size:2.15rem}.hx-sub{font-size:1.03rem;margin-bottom:1.3rem}
 .hx-ctas{flex-direction:column}.hx-btn{width:100%}
 .hx-check{padding-block:36px 32px}.hx-check .quiz-home .quiz-shell{padding:24px 20px}
}
@media(prefers-reduced-motion:reduce){.hx-btn{transition:none}}
#check,#waitlist,#journey{scroll-margin-top:110px}.hx-check:not(.open){display:none}@media(min-width:821px){.hx-media{-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.25) 3%,rgba(0,0,0,.75) 7%,#000 12%);mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.25) 3%,rgba(0,0,0,.75) 7%,#000 12%)}.hx-media img{-webkit-mask-image:linear-gradient(180deg,#000 78%,transparent 100%);mask-image:linear-gradient(180deg,#000 78%,transparent 100%);-webkit-mask-composite:source-over;mask-composite:add}}footer .reg-line{border-top:1px solid rgba(252,249,251,.14);margin-top:34px;padding-top:20px;font-size:.84rem;line-height:1.7;color:rgba(244,234,242,.62)}footer .reg-line p{margin:0 0 .5rem;max-width:none}footer .reg-line .reg-lead{color:rgba(244,234,242,.8);font-weight:600;margin-right:4px}footer .reg-line a{color:rgba(244,234,242,.72);text-decoration:none;border-bottom:1px solid rgba(244,234,242,.22)}footer .reg-line a:hover{color:#fff;border-bottom-color:var(--gold)}footer .reg-line .sep{margin:0 .55em;color:rgba(244,234,242,.35)}footer .reg-line .reg-note{font-size:.8rem;color:rgba(244,234,242,.5);margin:0}footer .legal{margin-top:14px}footer .cols{grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:40px}@media(max-width:1000px){footer .cols{grid-template-columns:1fr 1fr}}@media(max-width:600px){footer .cols{grid-template-columns:1fr}}
footer h2.f-h{color:var(--ivory);font-family:var(--serif);font-weight:500;font-size:1.05rem;margin:0 0 .7rem;line-height:1.3}.closing h2.closing-h{font-size:1.35rem;margin-bottom:.4rem}.dc-more span{color:var(--muted);margin-right:4px}
.dc-wl-card .form-slot{border:0;padding:0;background:transparent;max-width:none;margin:0}
.dc-wl-card .form-slot iframe{min-height:520px}

/* 14 Oct 2026 — UX audit: 44px touch targets on mobile */
@media (max-width: 760px){
  .crumbs a{display:inline-block;padding:12px 4px;margin:-12px -4px}
  main li > a, .related li a, aside li a{display:inline-block;padding:10px 0;min-height:44px}
}