/* Well Trim LP — dark hero + quiz layout (Haus of Confidence / Ragworks direction), Oct 20 2026 */
:root{
 --berry:#BB3C69;--berry-bright:#E0578A;--berry-dark:#9E2C55;
 --night:#140A0E;--night-2:#1E1015;--night-line:#3A2229;
 --ink:#2A2421;--muted:#6F6560;--line:#EBE3DF;--cream:#FCF9F5;--blush:#F7EEF1;
 --body:"DM Sans",Arial,sans-serif;--display:"DM Serif Display",Georgia,serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.6 var(--body);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
p,h1,h2,h3,ol,ul,figure,blockquote{margin:0}
ol,ul{padding:0;list-style:none}
[hidden]{display:none!important}
.wrap{width:min(1200px,100% - 64px);margin-inline:auto}
.skip-link{position:absolute;left:-9999px;top:8px;background:#fff;padding:8px 12px;z-index:50}
.skip-link:focus{left:8px}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.18em;color:var(--berry)}
.stars{color:#F2B84B;letter-spacing:.08em}

/* Header */
.header{position:sticky;top:0;z-index:30;background:rgba(20,10,14,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--night-line)}
.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}
.brand img{border-radius:50%}
.brand span{font-size:15px;font-weight:700;letter-spacing:.04em;line-height:1.2}
.brand b{font-weight:400}
.brand small{display:block;font-size:9px;letter-spacing:.2em;font-weight:600;color:#C9AEB8;margin-top:3px}
.nav-actions{display:flex;align-items:center;gap:22px}
.nav-phone{color:#E9DCE1;text-decoration:none;font-size:14px;font-weight:600}
.nav-phone:hover{color:#fff}
.pill{display:inline-flex;align-items:center;justify-content:center;background:var(--berry);color:#fff;text-decoration:none;font-weight:700;font-size:14px;padding:11px 22px;border-radius:999px;transition:background .18s,transform .18s;white-space:nowrap}
.pill:hover{background:var(--berry-bright)}
.pill-lg{font-size:17px;padding:17px 36px}

/* Hero */
.hero{position:relative;overflow:hidden;background:linear-gradient(170deg,#1c0c13 0%,#120709 50%,#0d0508 100%);color:#fff;text-align:center;padding:56px 24px 48px;min-height:calc(100vh - 72px);display:flex;align-items:center;justify-content:center}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 80% 55% at 50% 0%,rgba(187,60,105,.34),transparent 70%),radial-gradient(ellipse 60% 40% at 50% 100%,rgba(187,60,105,.22),transparent 70%)}
.hero-inner{position:relative;z-index:1;width:100%;max-width:1000px}
.callout{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.16em;color:#F4A9C4;border:1px solid rgba(224,87,138,.45);background:rgba(187,60,105,.14);border-radius:999px;padding:8px 18px}
.hero h1{font:400 clamp(52px,6.6vw,96px)/1.02 var(--display);letter-spacing:-.025em;margin:26px 0 22px}
.hero h1 em{display:block;font-style:italic;color:var(--berry-bright)}
.hero-offer{font-size:clamp(18px,1.7vw,23px);color:#F1E6EA;line-height:1.45}
.hero-offer strong{color:#fff;font-weight:700;background:linear-gradient(transparent 62%,rgba(187,60,105,.6) 62%)}
.proof-row{display:flex;justify-content:center;flex-wrap:wrap;margin-top:22px;font-size:13px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#E2D4DA}
.proof-row li+li::before{content:"|";color:var(--berry-bright);margin:0 16px;font-weight:400}

/* Survey card */
.survey-card{position:relative;max-width:720px;margin:34px auto 0;background:#fff;color:var(--ink);border-radius:20px;padding:28px 32px 24px;text-align:left;box-shadow:0 30px 80px rgba(0,0,0,.45);scroll-margin-top:90px}
.survey-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.survey-top p{font-size:13px;font-weight:700;letter-spacing:.06em}
.survey-top span{font-size:13px;color:var(--muted)}
.survey-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:14px 0 22px}
.survey-progress span{height:4px;border-radius:4px;background:#EEE7E4;transition:background .25s}
.survey-progress span.active{background:var(--berry)}
.survey-step-label{font-size:11px;font-weight:700;letter-spacing:.16em;color:var(--berry);margin-bottom:8px}
.survey-step{border:0;margin:0;padding:0;min-width:0}
.survey-step legend{font:400 clamp(26px,2.4vw,32px)/1.15 var(--display);padding:0;margin-bottom:6px;outline:none}
.survey-description{font-size:15px;color:var(--muted);margin-bottom:18px}
.survey-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;counter-reset:opt}
.survey-options label{position:relative;display:flex;align-items:center;gap:14px;min-height:76px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s;counter-increment:opt}
.survey-options label:hover{border-color:var(--berry);background:#FFF8FA}
.survey-options input{appearance:none;position:absolute;inset:0;margin:0;border-radius:12px;cursor:pointer}
.survey-options input:focus-visible{outline:3px solid var(--berry);outline-offset:2px}
.survey-options label:has(input:checked){border-color:var(--berry);background:#FCEFF4;box-shadow:inset 0 0 0 1px var(--berry)}
.survey-options label>span{flex:1;pointer-events:none}
.survey-options strong{display:block;font-size:16px;font-weight:700;line-height:1.3}
.survey-options small{display:block;font-size:13px;color:var(--muted);line-height:1.45;margin-top:3px}
.survey-options i{order:-1;flex-shrink:0;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:var(--cream);font-style:normal;font-size:12px;font-weight:700;color:var(--muted);pointer-events:none}
.survey-options i::before{content:counter(opt,upper-alpha)}
.survey-options input:checked~i{background:var(--berry);border-color:var(--berry);color:#fff}
.survey-fields{display:grid;gap:12px}
.survey-fields label{display:grid;gap:6px;font-size:14px;font-weight:600}
.survey-fields input{font:inherit;font-size:16px;font-weight:400;padding:14px 16px;border:1px solid #DDD3CF;border-radius:10px;background:#fff;color:var(--ink)}
.survey-fields input:focus{outline:none;border-color:var(--berry);box-shadow:0 0 0 3px rgba(187,60,105,.15)}
.survey-consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.5;color:var(--muted);margin-top:14px;cursor:pointer}
.survey-consent input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--berry);flex-shrink:0}
.survey-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.survey-card .button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;min-height:58px;padding:0 24px;border:0;border-radius:12px;background:var(--berry);color:#fff;font:700 16px var(--body);text-decoration:none;cursor:pointer;transition:background .15s}
.survey-card .button:hover{background:var(--berry-dark)}
.survey-card .button:disabled{opacity:.6;cursor:progress}
.survey-back{display:block;margin:12px auto 0;background:none;border:0;color:var(--muted);font:600 14px var(--body);cursor:pointer;padding:6px}
.survey-back:hover{color:var(--ink)}
.survey-error{margin-top:14px;padding:12px 14px;border-radius:10px;background:#FDECEC;color:#9B1C1C;font-size:14px}
.survey-remote,.survey-success{text-align:center;padding:8px 0}
.survey-result-icon{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#FCEFF4;color:var(--berry);font-size:22px;margin-bottom:12px}
.survey-remote h3,.survey-success h3{font:400 30px/1.2 var(--display);outline:none}
.survey-remote p,.survey-success p{color:var(--muted);margin-top:8px}
.survey-terms{font-size:12px;color:var(--muted);text-align:center;margin-top:14px}
.hero-rating{display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:22px;font-size:14px;color:#C9B5BD;text-decoration:none}
.hero-rating:hover{color:#fff}
.hero-rating i{font-style:normal;color:#6E4A57}

/* Ticker strip */
.ticker{background:var(--berry);color:#fff;overflow:hidden;white-space:nowrap;border-block:1px solid var(--berry-dark)}
.ticker-track{display:inline-flex;animation:ticker 38s linear infinite;padding:14px 0}
.ticker span{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:0 26px;position:relative}
.ticker span::after{content:"✦";position:absolute;right:-7px;color:#FFD3E2;font-size:11px}
@keyframes ticker{to{transform:translateX(-50%)}}

/* Section heads */
.section-head h2{font:400 clamp(38px,4vw,60px)/1.08 var(--display);letter-spacing:-.02em;margin-top:14px}
.section-head h2 em{color:var(--berry)}

/* Reviews */
.reviews{padding:100px 0 90px;background:#fff}
.reviews .section-head{text-align:center;margin-bottom:44px}
.rating-summary{margin-top:14px;font-size:15px;color:var(--muted);font-weight:600}
.review{break-inside:avoid;background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;margin-bottom:18px}
.review .stars{display:block;font-size:14px}
.review blockquote{font-size:15.5px;line-height:1.65;margin:12px 0 16px;color:#3B3330}
.review figcaption strong{display:block;font-size:14px}
.review figcaption span{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.review-local{position:relative;max-width:820px;margin:0 auto 40px;padding:40px 48px;text-align:center;border:0;border-radius:22px;background:var(--night);color:#fff;box-shadow:0 24px 60px rgba(20,10,14,.18)}
.review-local blockquote{font:400 clamp(22px,2.2vw,30px)/1.4 var(--display);color:#fff;margin:16px 0 20px}
.review-local figcaption span{color:#C9B5BD}
.review-local .stars{font-size:18px}
.local-tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.16em;background:var(--berry);color:#fff;border-radius:999px;padding:6px 14px;margin-bottom:16px}
.review-wall{columns:3;column-gap:18px}
.reviews-note{max-width:760px;margin:26px auto 0;text-align:center;font-size:12px;line-height:1.6;color:var(--muted)}

/* Why */
.why{background:var(--night);color:#fff;padding:100px 0}
.why .section-head{max-width:760px;margin-bottom:48px}
.why .section-head h2 em{color:var(--berry-bright)}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--night-line);border-radius:18px;overflow:hidden}
.why-grid li{padding:34px 32px;border-right:1px solid var(--night-line);border-bottom:1px solid var(--night-line);background:var(--night-2)}
.why-grid li:nth-child(3n){border-right:0}
.why-grid li:nth-last-child(-n+3){border-bottom:0}
.why-grid span{font:400 34px/1 var(--display);color:var(--berry-bright)}
.why-grid h3{font-size:18px;font-weight:700;margin:16px 0 8px}
.why-grid p{font-size:15px;line-height:1.65;color:#C9B5BD}

/* FAQ */
.faq{padding:100px 0;background:var(--cream)}
.faq-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:80px;align-items:start}
.faq-call{display:inline-block;margin-top:24px;text-decoration:none;color:var(--muted);font-size:15px}
.faq-call strong{display:block;color:var(--berry);font-size:20px;margin-top:4px}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list details:first-child{border-top:1px solid var(--line)}
.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;font-size:18px;font-weight:600;cursor:pointer;list-style:none}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary span{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border-radius:50%;border:1px solid #E3C3CF;color:var(--berry);font-size:20px;transition:transform .2s}
.faq-list details[open] summary span{transform:rotate(45deg)}
.faq-list details p{padding:0 50px 24px 0;color:var(--muted);line-height:1.75}

/* Closer */
.closer{position:relative;overflow:hidden;background:linear-gradient(170deg,#1c0c13,#0d0508);color:#fff;text-align:center;padding:110px 0}
.closer::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 70% at 50% 100%,rgba(187,60,105,.35),transparent 70%);pointer-events:none}
.closer .wrap{position:relative}
.closer h2{font:400 clamp(42px,5vw,72px)/1.05 var(--display);letter-spacing:-.02em}
.closer h2 em{color:var(--berry-bright)}
.closer p{color:#E2D4DA;font-size:18px;margin:18px 0 32px}
.closer .closer-address{font-size:14px;color:#A8909A;margin:28px 0 0}

/* Footer */
.footer{background:#0D0508;color:#C9B5BD;padding:48px 0 110px;font-size:14px}
.footer-main{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding-bottom:28px;border-bottom:1px solid var(--night-line)}
.footer-main p{text-align:right;line-height:1.7}
.footer a{color:#E9DCE1}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:22px 0 14px}
.footer-bottom div{display:flex;gap:20px}
.medical-note{font-size:12px;color:#8A727C;line-height:1.6}

/* Mobile sticky CTA */
.mobile-cta{display:none}

@media(min-width:1800px){
 .wrap{width:min(1400px,100% - 120px)}
 .hero h1{font-size:112px}
 .survey-card{max-width:800px}
}
@media(max-width:1000px){
 .review-wall{columns:2}
 .why-grid{grid-template-columns:1fr 1fr}
 .why-grid li,.why-grid li:nth-child(3n),.why-grid li:nth-last-child(-n+3){border-right:1px solid var(--night-line);border-bottom:1px solid var(--night-line)}
 .why-grid li:nth-child(2n){border-right:0}
 .why-grid li:nth-last-child(-n+2){border-bottom:0}
 .faq-layout{grid-template-columns:1fr;gap:36px}
}
@media(max-width:760px){
 .wrap{width:calc(100% - 32px)}
 .nav{height:62px}
 .brand img{width:36px;height:36px}
 .brand span{font-size:13px}
 .nav-phone{display:none}
 .header .pill{font-size:13px;padding:9px 16px}
 .hero{min-height:0;padding:28px 16px 32px}
 .callout{font-size:10px;letter-spacing:.12em;padding:6px 12px}
 .hero h1{font-size:clamp(38px,11vw,58px);margin:18px 0 14px}
 .hero-offer{font-size:16px}
 .proof-row{font-size:10.5px;letter-spacing:.12em;margin-top:14px}
 .proof-row li+li::before{margin:0 9px}
 .survey-card{margin-top:22px;padding:20px 16px 18px;border-radius:16px;scroll-margin-top:72px}
 .survey-top span{font-size:12px}
 .survey-progress{margin:12px 0 16px}
 .survey-step legend{font-size:25px}
 .survey-description{font-size:14px;margin-bottom:14px}
 .survey-options{grid-template-columns:1fr;gap:8px}
 .survey-options label{min-height:56px;padding:10px 12px;gap:12px}
 .survey-options strong{font-size:15px}
 .survey-options small{display:none}
 .survey-options i{width:28px;height:28px}
 .survey-card .button{min-height:54px;margin-top:14px}
 .hero-rating{font-size:12px;gap:6px}
 .ticker span{font-size:11px;padding:0 18px}
 .reviews,.why,.faq{padding:64px 0}
 .section-head h2{font-size:36px}
 .review-local{padding:28px 20px;border-radius:18px}
 .review-local blockquote{font-size:21px}
 .review-wall{columns:1}
 .why-grid{grid-template-columns:1fr}
 .why-grid li,.why-grid li:nth-child(n){border-right:0;border-bottom:1px solid var(--night-line);padding:26px 22px}
 .why-grid li:last-child{border-bottom:0}
 .faq-list summary{font-size:16px;padding:20px 0}
 .faq-list details p{padding-right:0}
 .closer{padding:72px 0}
 .closer p{font-size:16px}
 .footer-main p{text-align:left}
 .mobile-cta{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;gap:10px;align-items:center;padding:10px 16px max(10px,env(safe-area-inset-bottom));background:rgba(20,10,14,.96);border-top:1px solid var(--night-line)}
 .mobile-cta>a:first-child{flex:0 0 74px;text-align:center;color:#fff;text-decoration:none;font-weight:700;font-size:14px;border:1px solid var(--night-line);border-radius:999px;padding:11px 0}
 .mobile-cta .pill{flex:1;padding:13px 16px;font-size:15px}
 .mobile-cta.is-hidden{display:none}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker-track{animation:none}}
/* Fit the first survey question and Continue inside a 900px-tall laptop viewport */
@media(min-width:761px) and (max-height:1000px){
 .hero{padding-top:34px;padding-bottom:36px}
 .hero h1{font-size:clamp(52px,5.8vw,84px);margin:20px 0 16px}
 .proof-row{margin-top:16px}
 .survey-card{margin-top:26px;padding-top:22px}
 .survey-progress{margin:12px 0 16px}
 .survey-description{margin-bottom:14px}
 .survey-options label{min-height:66px;padding-block:11px}
}
@media(max-width:760px){.proof-row li:nth-child(3){display:none}}
/* Offer headline: the sub-line carries the outcome, so drop the FREE highlight bar there */
.hero-offer strong{background:none;font-weight:600;color:#fff}
.hero h1 em{font-size:1.12em;line-height:.95}

/* Survey, simplified: thin progress + counter, one question, one-line answers, tap to advance */
.survey-card{padding:26px 30px 22px}
.survey-progress{margin:0 0 10px;gap:5px}
.survey-progress span{height:3px}
.survey-step-label{font-size:12px;font-weight:600;letter-spacing:0;color:var(--muted);text-transform:none;margin-bottom:14px}
.survey-step legend{font-size:clamp(24px,2.2vw,30px);margin-bottom:16px}
.survey-description{font-size:14px;margin:-8px 0 16px}
.survey-options label{min-height:60px;padding:0 18px;gap:14px}
.survey-options strong{font-size:16px;font-weight:600}
.survey-options i{width:20px;height:20px;border:1.5px solid #CFC5C2;background:#fff;transition:border-width .12s}
.survey-options i::before{content:none}
.survey-options input:checked~i{border:6px solid var(--berry);background:#fff}
/* Continue is only needed for keyboard users on the tap-to-advance steps */
.survey-step:not([data-step="2"]) .survey-next{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);margin:0;padding:0;min-height:0}
.survey-step:not([data-step="2"]):has(:focus-visible) .survey-next{position:static;width:100%;height:auto;clip:auto;min-height:54px;padding:0 24px;margin-top:16px}
.survey-terms{margin:14px 0 0;text-align:left}
@media(max-width:760px){
 .survey-card{padding:18px 16px 16px}
 .survey-step legend{font-size:23px;margin-bottom:12px}
 .survey-options label{min-height:54px;padding:0 14px}
}

/* Survey presence: offer banner, larger filled tiles, glow — Oct 20 */
.hero h1{font-size:clamp(48px,5.2vw,78px)}
.survey-card{max-width:780px;padding:0 0 26px;overflow:hidden;box-shadow:0 0 0 1px rgba(224,87,138,.35),0 0 60px rgba(187,60,105,.35),0 30px 80px rgba(0,0,0,.5)}
.survey-card>*:not(.survey-banner){margin-inline:36px}
.survey-banner{display:flex;justify-content:space-between;align-items:center;gap:12px;background:linear-gradient(90deg,var(--berry-dark),var(--berry));color:#fff;padding:16px 36px;margin-bottom:22px}
.survey-banner strong{font:400 22px/1.2 var(--display);letter-spacing:.005em}
.survey-banner span{font-size:13px;font-weight:600;color:#FFD9E6;white-space:nowrap}
.survey-progress{margin-bottom:10px}
.survey-progress span{height:4px}
.survey-step legend{font-size:clamp(28px,2.6vw,36px);margin-bottom:18px}
.survey-options{gap:12px}
.survey-options label{min-height:76px;padding:0 22px;border:1.5px solid #F0E2E7;background:#FBF4F6;border-radius:14px;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s}
.survey-options label::after{content:"→";margin-left:auto;color:var(--berry);font-weight:700;font-size:18px;opacity:0;transform:translateX(-6px);transition:opacity .15s,transform .15s;pointer-events:none}
.survey-options label:hover{transform:translateY(-2px);background:#fff;border-color:var(--berry);box-shadow:0 10px 24px rgba(187,60,105,.14)}
.survey-options label:hover::after,.survey-options label:has(input:checked)::after{opacity:1;transform:none}
.survey-options label:has(input:checked){transform:translateY(-2px);background:#fff;box-shadow:0 0 0 1px var(--berry),0 10px 24px rgba(187,60,105,.16)}
.survey-options strong{font-size:18px;font-weight:600}
.survey-options i{width:22px;height:22px}
.survey-card .survey-error,.survey-card .survey-terms{margin-inline:36px}
@media(min-width:761px) and (max-height:1000px){.survey-card{padding-top:0}.survey-options label{min-height:70px}}
@media(max-width:760px){
 .survey-card{padding:0 0 18px}
 .survey-card>*:not(.survey-banner){margin-inline:16px}
 .survey-banner{padding:13px 16px;margin-bottom:16px}
 .survey-banner strong{font-size:18px}
 .survey-banner span{font-size:12px}
 .survey-step legend{font-size:25px;margin-bottom:14px}
 .survey-options{gap:9px}
 .survey-options label{min-height:60px;padding:0 16px}
 .survey-options label::after{opacity:1;transform:none;font-size:16px;color:#D7A3B6}
 .survey-options strong{font-size:16px}
}

/* Light hero options under review (?hero=cream|berry|blush) */
[data-hero] .header{background:rgba(252,249,245,.94);border-bottom-color:var(--line)}
[data-hero] .brand{color:var(--ink)}
[data-hero] .brand small{color:var(--muted)}
[data-hero] .nav-phone{color:var(--ink)}
[data-hero] .hero{color:var(--ink)}
[data-hero] .hero h1 em{color:var(--berry)}
[data-hero] .hero-offer{color:var(--muted)}
[data-hero] .hero-offer strong{color:var(--ink)}
[data-hero] .proof-row{color:var(--ink)}
[data-hero] .proof-row li+li::before{color:var(--berry)}
[data-hero] .callout{color:var(--berry-dark);background:#fff;border-color:#EBC9D5}
[data-hero] .hero-rating{color:var(--muted)}
[data-hero] .hero-rating i{color:#D9C5CC}
[data-hero] .survey-card{box-shadow:0 0 0 1px #F0DCE3,0 30px 70px rgba(120,40,70,.16)}

[data-hero=cream] .hero{background:linear-gradient(180deg,#FCF9F5 0%,#F8EDF0 100%)}
[data-hero=cream] .hero::before{background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(224,87,138,.16),transparent 70%),radial-gradient(ellipse 50% 40% at 50% 85%,rgba(224,87,138,.14),transparent 70%)}

[data-hero=berry] .hero{background:linear-gradient(170deg,#C44673 0%,#B3375F 55%,#9E2C55 100%);color:#fff}
[data-hero=berry] .hero::before{background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(255,255,255,.16),transparent 70%)}
[data-hero=berry] .hero h1 em{color:#FFE0EB}
[data-hero=berry] .hero-offer{color:#FBE3EB}
[data-hero=berry] .hero-offer strong,[data-hero=berry] .proof-row{color:#fff}
[data-hero=berry] .proof-row li+li::before{color:#FFC2D6}
[data-hero=berry] .callout{color:#fff;background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.4)}
[data-hero=berry] .hero-rating{color:#FBE3EB}
[data-hero=berry] .hero-rating i{color:#E48CAC}
[data-hero=berry] .survey-banner{background:var(--night)}
[data-hero=berry] .survey-card{box-shadow:0 30px 80px rgba(80,10,35,.35)}

[data-hero=blush] .hero{background:#FBEFF3}
[data-hero=blush] .hero::before{background:radial-gradient(circle at 12% 30%,rgba(224,87,138,.22) 0,rgba(224,87,138,0) 28%),radial-gradient(circle at 88% 70%,rgba(187,60,105,.18) 0,rgba(187,60,105,0) 30%),radial-gradient(circle at 75% 10%,rgba(255,200,170,.35) 0,rgba(255,200,170,0) 25%)}

/* Chosen hero: plain white (Oct 20) */
[data-hero=white] .header{background:rgba(255,255,255,.96)}
[data-hero=white] .hero{background:#fff}
[data-hero=white] .hero::before{content:none}

/* Hero type: one-line offer H1 with hand-drawn underline, single clean sub-line */
.hero h1{font-size:clamp(50px,5.4vw,82px);line-height:1.05;letter-spacing:-.03em;margin:22px 0 14px}
.hero h1 em{display:inline-block;position:relative;font-size:1em;line-height:inherit;color:var(--berry);padding-right:.04em}
.hero h1 .swoosh{position:absolute;left:2%;right:4%;bottom:-.06em;width:94%;height:.2em;color:var(--berry);opacity:.35}
.hero-offer{font:400 clamp(19px,1.6vw,23px)/1.4 var(--body);color:#5A504C;letter-spacing:-.005em}
.proof-row{margin-top:20px;font-size:12px;letter-spacing:.14em}
@media(max-width:760px){
 .hero h1{font-size:clamp(38px,11vw,56px);margin:16px 0 12px}
 .hero h1 em{display:block;width:max-content;margin:0 auto}
 .hero-offer{font-size:17px}
 .proof-row{font-size:9.5px;letter-spacing:.1em}
 .proof-row li:nth-child(3){display:none}
 .proof-row li+li::before{margin:0 7px}
}