/* Lior Amran - daylight clinic. Cool paper, deep navy ink, one committed cobalt.
   Heebo (display, heavy) + Assistant (text). */
:root{
  --paper: oklch(0.985 0.004 250);
  --white: oklch(0.998 0.002 250);
  --ice: oklch(0.955 0.018 248);
  --ice-2: oklch(0.925 0.03 250);
  --line: oklch(0.88 0.014 250);
  --ink: oklch(0.21 0.045 262);
  --ink-2: oklch(0.38 0.04 260);
  --mute: oklch(0.46 0.03 258);
  --cobalt: oklch(0.5 0.2 262);
  --cobalt-hi: oklch(0.56 0.21 262);
  --cobalt-deep: oklch(0.33 0.15 264);
  --on-cobalt: oklch(0.99 0.005 250);
  --on-cobalt-mute: oklch(0.93 0.03 255);
  --red: oklch(0.56 0.19 25);

  --display: "Heebo", "Assistant", system-ui, sans-serif;
  --body: "Assistant", "Heebo", system-ui, "Segoe UI", Arial, sans-serif;

  --step-0: clamp(1.05rem, 1rem + .25vw, 1.15rem);
  --step-1: clamp(1.15rem, 1.06rem + .4vw, 1.35rem);
  --step-2: clamp(1.4rem, 1.2rem + .8vw, 1.85rem);
  --h2: clamp(2.4rem, 1.6rem + 3.4vw, 4.4rem);
  --display-size: clamp(3.2rem, 1.8rem + 4.6vw, 5.4rem);

  --ease: cubic-bezier(.22,1,.36,1);
  --shadow-soft: 0 1px 0 oklch(1 0 0 / .8) inset, 0 24px 60px -30px oklch(0.33 0.15 264 / .35), 0 2px 6px -2px oklch(0.33 0.15 264 / .12);
  --z-sticky: 20; --z-dock: 30;
  color-scheme: light;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:var(--step-0);line-height:1.6;overflow-x:clip}
img,video{max-width:100%;display:block}
h1,h2,h3{margin:0;text-wrap:balance}
p{margin:0;text-wrap:pretty}
a{color:inherit}
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--cobalt);outline-offset:3px;border-radius:6px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;inset-inline-start:12px;top:-60px;background:var(--cobalt);color:var(--on-cobalt);padding:10px 14px;border-radius:8px;z-index:100;font-weight:700}
.skip:focus{top:12px}

.wrap{width:100%;max-width:1200px;margin-inline:auto;padding-inline:max(20px, env(safe-area-inset-right, 0px)) max(20px, env(safe-area-inset-left, 0px))}
.section{padding-block:clamp(80px, 10vw, 150px)}

/* type */
.display{font-family:var(--display);font-weight:900;font-size:var(--display-size);line-height:.94;letter-spacing:-.02em;color:var(--ink)}
.display em{font-style:normal;color:var(--cobalt)}
.display .line{display:block;padding-block-end:.04em}
.display .line>span{display:inline-block}
.h2{font-family:var(--display);font-weight:900;font-size:var(--h2);line-height:1;letter-spacing:-.015em;max-width:16ch}
.h3{font-family:var(--display);font-weight:800;font-size:var(--step-2);line-height:1.2}
.lede{color:var(--mute);font-size:var(--step-1);max-width:54ch;margin-top:18px;line-height:1.55}
.cobalt{color:var(--cobalt)}
.kicker{font-family:var(--display);font-weight:700;font-size:1rem;color:var(--cobalt);margin-bottom:20px}
.fine{color:var(--mute);font-size:.9rem;margin-top:18px}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:58px;padding:0 28px;border-radius:999px;font:700 1.1rem/1 var(--display);text-decoration:none;cursor:pointer;border:0;transition:transform .3s var(--ease), box-shadow .3s var(--ease), background-color .2s}
.btn--cobalt{background:var(--cobalt);color:var(--on-cobalt);box-shadow:0 14px 30px -14px oklch(0.5 0.2 262 / .8), inset 0 1px 0 oklch(1 0 0 / .25)}
.btn--cobalt:hover{background:var(--cobalt-hi);transform:translateY(-2px);box-shadow:0 20px 38px -14px oklch(0.5 0.2 262 / .85), inset 0 1px 0 oklch(1 0 0 / .25)}
.btn--cobalt:active{transform:translateY(0) scale(.98)}
.btn--sm{min-height:46px;padding:0 20px;font-size:.98rem}
.btn--block{width:100%}
.btn[disabled]{opacity:.65;cursor:progress}
.btn__ic{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:oklch(1 0 0 / .16);margin-inline-end:-16px;transition:transform .35s var(--ease)}
.btn__ic svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.btn:hover .btn__ic{transform:translateX(-4px)}
.btn .spin{width:18px;height:18px;border-radius:50%;border:2px solid currentColor;border-inline-end-color:transparent;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* header: floating island */
.top{position:sticky;top:calc(12px + env(safe-area-inset-top,0px));z-index:var(--z-sticky);padding-inline:max(12px, env(safe-area-inset-right,0px)) max(12px, env(safe-area-inset-left,0px));margin-top:12px}
.top__in{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:66px;max-width:1200px;margin-inline:auto;padding-inline:22px 10px;border-radius:999px;background:oklch(0.998 0.002 250 / .82);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);box-shadow:0 0 0 1px var(--line), 0 18px 40px -28px oklch(0.33 0.15 264 / .45)}
.mark{display:flex;align-items:center;text-decoration:none}
.mark__logo{height:40px;width:auto}
.top__nav{display:flex;gap:28px;font-family:var(--display);font-weight:600;font-size:.98rem}
.top__nav a{text-decoration:none;color:var(--ink-2);position:relative;padding-block:6px}
.top__nav a::after{content:"";position:absolute;inset-inline:0;bottom:0;height:2px;background:var(--cobalt);transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease)}
.top__nav a:hover{color:var(--ink)}
.top__nav a:hover::after{transform:scaleX(1)}

/* hero */
.hero{position:relative;padding-top:clamp(36px,5vw,72px);padding-bottom:clamp(40px,5vw,64px);overflow:clip}
.hero::before{content:"";position:absolute;inset:-20% -10% auto auto;width:70%;height:120%;background:radial-gradient(45% 45% at 30% 45%, oklch(0.9 0.05 255 / .55), transparent 70%);pointer-events:none}
.hero__grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(28px,4.5vw,64px)}
.hero__sub{color:var(--ink-2);font-size:var(--step-1);max-width:40ch;margin-top:26px;line-height:1.55}
.hero__actions{margin-top:34px;display:flex;flex-wrap:wrap;gap:14px}
.hero__media{position:relative}
.hero__caption{margin-top:14px;color:var(--mute);font-size:.92rem}

.theater{position:relative;isolation:isolate}
.theater::before{content:"";position:absolute;inset:auto auto -18px -18px;width:72%;height:72%;border-radius:28px;background:var(--cobalt);z-index:-2}
.theater__ambient{position:absolute;inset:-4% -3% -8%;width:106%;height:112%;z-index:-1;filter:blur(50px) saturate(1.5);opacity:.45;pointer-events:none;border-radius:40px}
.vsl{position:relative;aspect-ratio:16/9;border-radius:24px;overflow:hidden;background:oklch(0.2 0.03 260);box-shadow:0 0 0 1px oklch(0.33 0.15 264 / .12), 0 40px 80px -36px oklch(0.33 0.15 264 / .55)}
.vsl__v{width:100%;height:100%;object-fit:cover;cursor:pointer;background:#000}
.vsl__sound{position:absolute;top:50%;inset-inline-start:50%;transform:translate(50%,-50%);display:inline-flex;align-items:center;gap:14px;min-height:62px;padding:0 26px 0 10px;border:0;border-radius:999px;background:var(--white);color:var(--ink);font:800 1.1rem var(--display);cursor:pointer;box-shadow:0 18px 40px -12px oklch(0 0 0 / .45);transition:transform .3s var(--ease)}
.vsl__sound:hover{transform:translate(50%,-50%) scale(1.04)}
.vsl__sound:active{transform:translate(50%,-50%) scale(.97)}
.vsl__icon{position:relative;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--cobalt);color:var(--on-cobalt)}
.vsl__icon::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid oklch(0.5 0.2 262 / .5);animation:ring 1.8s var(--ease) infinite}
.vsl__icon svg{width:20px;height:20px;fill:currentColor;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.vsl.is-muted .vsl__v{filter:brightness(.88)}
@keyframes ring{0%{transform:scale(.8);opacity:1}100%{transform:scale(1.4);opacity:0}}

.proof{list-style:none;margin:clamp(44px,5vw,64px) 0 0;padding:26px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,auto) 1fr;gap:18px 44px;align-items:center;color:var(--mute)}
.proof li{display:flex;align-items:baseline;gap:10px;font-size:1rem}
.proof b{font-family:var(--display);font-weight:900;font-size:2.6rem;line-height:.8;color:var(--ink)}
.proof__faces-li{justify-self:end}
.proof a{display:inline-flex;align-items:center;gap:12px;color:var(--ink);font-weight:600;text-decoration:none;border-bottom:2px solid var(--ice-2);padding-bottom:4px;transition:border-color .2s}
.proof a:hover{border-color:var(--cobalt)}
.proof__faces{display:inline-flex}
.proof__faces img{width:38px;height:38px;border-radius:50%;object-fit:cover;object-position:center 25%;border:2px solid var(--paper);margin-inline-start:-10px}
.proof__faces img:first-child{margin-inline-start:0}

/* lead band */
.leadband{background:var(--ice);padding-block:clamp(64px,8vw,110px)}
.leadband__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,72px);align-items:center;scroll-margin-top:110px}
.formcard{background:var(--white);border-radius:26px;padding:clamp(22px,3vw,36px);box-shadow:var(--shadow-soft), 0 0 0 1px var(--line)}
.lead{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.lead .field--wide,.lead .consent,.lead .err--consent,.lead .btn{grid-column:1/-1}
.field{display:flex;flex-direction:column;gap:7px;min-width:0}
.field label{font-family:var(--display);font-weight:700;font-size:.92rem;color:var(--ink)}
.field input{min-height:56px;width:100%;background:var(--paper);border:1.5px solid var(--line);border-radius:14px;color:var(--ink);font:500 1.08rem var(--body);padding:0 16px;transition:border-color .2s, box-shadow .2s, background-color .2s}
.field input[dir="ltr"]{text-align:right}
.field input:hover{border-color:oklch(0.78 0.03 255)}
.field input:focus{outline:none;border-color:var(--cobalt);background:var(--white);box-shadow:0 0 0 4px oklch(0.5 0.2 262 / .14)}
.field input[aria-invalid="true"]{border-color:var(--red)}
.err{color:var(--red);font-size:.9rem;font-weight:600}
.err:empty{display:none}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:.92rem;color:var(--mute);cursor:pointer;line-height:1.5}
.consent input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--cobalt);flex:none}
.consent a{color:var(--cobalt);font-weight:600}
.done{padding:6px 0}
.done__title{font-family:var(--display);font-weight:900;font-size:2rem;line-height:1.1;color:var(--cobalt);margin-bottom:10px}
.done p:not(.done__title){color:var(--ink-2);max-width:52ch}

/* marquee band (the only one on the page) */
.band{background:var(--cobalt);color:var(--on-cobalt);overflow:hidden;padding-block:26px;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.band__track{display:flex;gap:56px;width:max-content;animation:marquee 46s linear infinite;font-family:var(--display);font-weight:900;font-size:clamp(1.6rem,1.1rem + 2vw,2.7rem);white-space:nowrap}
.band__track span{display:inline-flex;align-items:center;gap:56px}
.band__track span::after{content:"";width:12px;height:12px;border-radius:3px;background:oklch(1 0 0 / .45);transform:rotate(45deg)}
.band:hover .band__track{animation-play-state:paused}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(50%)}}

/* checkup */
.checkup__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,80px);align-items:start}
.pull{margin:40px 0 0;padding:0;font-family:var(--display);font-weight:800;font-size:clamp(1.5rem,1.1rem + 1.4vw,2.2rem);line-height:1.2;max-width:22ch}
.pull strong{color:var(--cobalt);font-weight:900}
.pull cite{display:block;font:600 .95rem var(--body);color:var(--mute);margin-top:14px;font-style:normal}
.sheet{background:var(--white);border-radius:26px;box-shadow:var(--shadow-soft), 0 0 0 1px var(--line);padding:10px 10px 24px}
.sheet__head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px 16px;font-family:var(--display);font-weight:800;font-size:1.05rem;border-bottom:1px dashed var(--line);margin-bottom:6px}
.verdict__n{font-variant-numeric:tabular-nums;color:var(--cobalt)}
.chips{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.chip{display:flex;align-items:center;gap:12px;min-height:56px;padding:10px 14px;border:0;border-radius:14px;background:transparent;color:var(--ink);font:600 1.02rem var(--body);cursor:pointer;text-align:start;transition:background-color .2s}
.chip::before{content:"";flex:none;width:24px;height:24px;border-radius:7px;border:2px solid oklch(0.75 0.03 255);background:var(--white) center/14px no-repeat;transition:background-color .2s, border-color .2s}
.chip:hover{background:var(--ice)}
.chip[aria-pressed="true"]{background:oklch(0.5 0.2 262 / .08)}
.chip[aria-pressed="true"]::before{background-color:var(--cobalt);border-color:var(--cobalt);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
.meter{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;margin:18px 18px 0}
.meter i{height:8px;border-radius:4px;background:var(--ice-2);transition:background-color .35s var(--ease)}
.meter i.on{background:var(--cobalt)}
.meter__fill{display:none}
.verdict{margin:14px 18px 0;font-family:var(--display);font-weight:700;font-size:var(--step-1);line-height:1.35;color:var(--ink);min-height:2.7em}

/* why */
.why{background:linear-gradient(to bottom, var(--paper), var(--white))}
.why__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:center}
.why__text p{color:var(--ink-2);font-size:var(--step-1);max-width:44ch;margin-top:20px}
.chart{margin:0;background:var(--white);border-radius:26px;padding:24px 20px 16px;box-shadow:var(--shadow-soft), 0 0 0 1px var(--line)}
.chart svg{width:100%;height:auto;overflow:visible}
.chart__grid line{stroke:var(--line);stroke-width:1}
.chart__x text{fill:var(--mute);font:600 14px var(--body);text-anchor:middle}
.chart__keep,.chart__lose{fill:none;stroke-width:5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset 1.6s var(--ease)}
.chart__lose{transition-delay:.25s}
.chart__keep{stroke:var(--cobalt)}
.chart__lose{stroke:var(--red)}
.chart__dot--keep{fill:var(--cobalt)}
.chart__dot--lose{fill:var(--red)}
.chart .chart__dot,.chart .chart__lbl{transition:opacity .5s 1.5s}
.chart__lbl{font:700 15px var(--body);text-anchor:end}
.chart__lbl--keep{fill:var(--cobalt)}
.chart__lbl--lose{fill:var(--red)}
.chart.pre .chart__keep,.chart.pre .chart__lose{stroke-dashoffset:1}
.chart.pre .chart__dot,.chart.pre .chart__lbl{opacity:0}
.chart.go .chart__keep,.chart.go .chart__lose{stroke-dashoffset:0}
.chart.go .chart__dot,.chart.go .chart__lbl{opacity:1}
.chart figcaption{color:var(--mute);font-size:.85rem;margin-top:8px}
.why .h3{margin-top:clamp(70px,8vw,110px)}
.myths{margin:30px 0 0;display:grid}
.myth{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.6fr);gap:28px;padding:26px 0;border-top:1px solid var(--line);align-items:baseline}
.myth:last-child{border-bottom:1px solid var(--line)}
.myth dt{font-family:var(--display);font-weight:800;font-size:var(--step-2);color:oklch(0.62 0.03 258);text-decoration:line-through;text-decoration-color:var(--red);text-decoration-thickness:3px}
.myth dd{margin:0;font-size:var(--step-1);color:var(--ink)}

/* method */
.method{background:var(--ice)}
.method__head{display:grid;grid-template-columns:auto 1fr;gap:16px 56px;align-items:end}
.method__head .h2{max-width:none}
.method__head .lede{margin:0;justify-self:end}
.motion{margin:44px 0 0;border-radius:26px;overflow:hidden;background:var(--white);box-shadow:var(--shadow-soft), 0 0 0 1px var(--line);aspect-ratio:16/9}
.motion video{width:100%;height:100%;object-fit:cover}
.method__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,80px);margin-top:56px}
.method__sticky{position:sticky;top:110px;align-self:start;display:flex;gap:20px;align-items:flex-start}
.method__photo{flex:1;border-radius:26px;overflow:hidden;background:radial-gradient(70% 60% at 50% 35%, oklch(0.62 0.17 258), var(--cobalt-deep));aspect-ratio:584/700}
.method__photo img{width:100%;height:auto;margin-top:6%}
.rail{width:5px;height:min(64vh,520px);background:var(--ice-2);border-radius:5px;overflow:hidden;flex:none}
.rail__fill{display:block;width:100%;height:100%;background:var(--cobalt);transform-origin:top;transform:scaleY(var(--p,0))}
.stations{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.station{display:grid;grid-template-columns:auto 1fr;gap:22px;padding:26px 26px 26px 22px;border-radius:22px;background:oklch(0.998 0.002 250 / .55);box-shadow:0 0 0 1px var(--line);transition:background-color .45s var(--ease), box-shadow .45s var(--ease), transform .45s var(--ease)}
.station.is-on{background:var(--white);box-shadow:var(--shadow-soft), 0 0 0 1.5px oklch(0.5 0.2 262 / .5);transform:translateX(-6px)}
.station__n{font-family:var(--display);font-weight:900;font-size:3.6rem;line-height:.8;color:var(--ice-2);min-width:1.1ch;font-variant-numeric:tabular-nums;transition:color .45s}
.station.is-on .station__n{color:var(--cobalt)}
.station h3{font-family:var(--display);font-size:var(--step-2);font-weight:800;line-height:1.2}
.station p{color:var(--ink-2);margin-top:8px;max-width:50ch}

/* 90 days */
.timeline{display:flex;gap:8px;margin-top:52px}
.timeline span{flex:var(--d) 1 0;height:16px;border-radius:8px;background:var(--cobalt);transform-origin:right;transition:transform .9s var(--ease)}
.timeline span:nth-child(1){background:var(--cobalt-deep)}
.timeline span:nth-child(3){background:oklch(0.7 0.13 255)}
.timeline span:nth-child(2){transition-delay:.35s}.timeline span:nth-child(3){transition-delay:.7s}
.timeline.pre span{transform:scaleX(0)}.timeline.go span{transform:scaleX(1)}
.phases{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.phase__bar{display:none;height:12px;border-radius:6px;background:var(--cobalt);margin-bottom:18px}
.phase__when{font-family:var(--display);font-weight:700;font-size:.95rem;color:var(--cobalt)}
.phase h3{font-family:var(--display);font-weight:900;font-size:clamp(2rem,1.6rem + 1.4vw,2.8rem);line-height:1;margin-top:6px}
.phase p{color:var(--ink-2);margin-top:10px;max-width:32ch}
.bonus{margin-top:48px;padding:22px 26px;border-radius:20px;background:var(--ice);color:var(--ink-2);max-width:72ch}
.bonus b{color:var(--ink)}

/* results */
.results{background:var(--white)}
.results__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px}
.compare{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:32px;margin-top:48px;align-items:start}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:8px;border-radius:26px;overflow:hidden;box-shadow:var(--shadow-soft)}
.pair__side{position:relative;margin:0;aspect-ratio:1/1.5;background:var(--ice);overflow:hidden}
.pair__side img{width:100%;height:100%;object-fit:cover;object-position:center 25%}
.pair__side figcaption{position:absolute;top:14px;inset-inline-start:14px;font-family:var(--display);font-weight:800;font-size:.9rem;background:var(--white);color:var(--ink);padding:6px 14px;border-radius:999px}
.pair__side--after figcaption{background:var(--cobalt);color:var(--on-cobalt)}
.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px;align-content:start}
.thumb{position:relative;aspect-ratio:1/1.3;border-radius:14px;overflow:hidden;border:0;padding:0;background:var(--ice);cursor:pointer;box-shadow:0 0 0 1px var(--line);transition:transform .25s var(--ease), box-shadow .25s}
.thumb img{width:100%;height:100%;object-fit:cover;object-position:center 25%}
.thumb:hover{transform:translateY(-3px)}
.thumb[aria-current="true"]{box-shadow:0 0 0 3px var(--cobalt)}

/* podcast */
.pod{background:var(--paper)}
.clips{list-style:none;margin:48px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.clips li:nth-child(even){margin-top:42px}
.clip{position:relative;display:block;aspect-ratio:9/16;border-radius:22px;overflow:hidden;text-decoration:none;background:var(--ink);box-shadow:var(--shadow-soft)}
.clip video{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.clip::after{content:"";position:absolute;inset:0;background:linear-gradient(to top, oklch(0.18 0.04 262 / .95), transparent 55%)}
.clip:hover video{transform:scale(1.05)}
.clip__who,.clip__t{position:absolute;inset-inline:16px;z-index:1;color:var(--on-cobalt)}
.clip__who{bottom:62px;font-family:var(--display);font-weight:700;font-size:.85rem;color:oklch(0.82 0.08 255)}
.clip__t{bottom:18px;font-family:var(--display);font-weight:800;font-size:1.1rem;line-height:1.25}
.textlink{display:inline-flex;margin-top:28px;color:var(--cobalt);font-family:var(--display);font-weight:700;text-underline-offset:5px}

/* voices */
.vids{background:var(--white)}
.vidgrid{list-style:none;margin:44px 0 0;padding:0;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:18px}
.yt{position:relative;display:block;width:100%;height:100%;min-height:240px;border-radius:22px;overflow:hidden;border:0;padding:0;background:var(--ink);cursor:pointer;box-shadow:var(--shadow-soft)}
.yt img{width:100%;height:100%;object-fit:cover;transform:scale(1.35);transition:transform .7s var(--ease)}
.yt:hover img{transform:scale(1.42)}
.yt__play{position:absolute;inset:0;margin:auto;width:66px;height:66px;border-radius:50%;background:var(--white);display:grid;place-items:center;box-shadow:0 12px 30px #0006;transition:transform .3s var(--ease)}
.yt:hover .yt__play{transform:scale(1.08)}
.yt__play svg{width:24px;height:24px;fill:var(--cobalt);transform:scaleX(-1)}
.yt__name{position:absolute;bottom:14px;inset-inline-start:14px;font-family:var(--display);font-weight:800;background:var(--white);color:var(--ink);padding:5px 14px;border-radius:999px}
.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.wa__title{margin-top:clamp(56px,7vw,90px)}
.wa{margin-top:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:10px}
.wa::-webkit-scrollbar{display:none}
.wa__row{display:flex;gap:16px;width:max-content;padding-inline:max(20px, calc((100vw - 1200px)/2 + 20px))}
.wa__row img{width:230px;height:auto;border-radius:18px;scroll-snap-align:start;box-shadow:var(--shadow-soft), 0 0 0 1px var(--line)}

/* about: cobalt drenched, Lior breaks out of the block */
.about{background:var(--cobalt);color:var(--on-cobalt);margin-top:clamp(90px,10vw,140px)}
.about__grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,5vw,80px);align-items:end}
.about__img{margin:clamp(-90px,-8vw,-60px) 0 0;align-self:end}
.about__img img{width:100%;height:auto;filter:drop-shadow(0 30px 40px oklch(0.2 0.1 264 / .45))}
.about__text{padding-block:clamp(60px,8vw,110px)}
.about__text .h2{color:var(--on-cobalt);margin-bottom:10px}
.about__text p{color:var(--on-cobalt-mute);font-size:var(--step-1);margin-top:16px;max-width:50ch}
.about__quote{font-family:var(--display);font-weight:900;font-size:clamp(2rem,1.4rem + 2vw,3.2rem)!important;color:var(--on-cobalt)!important;line-height:1.05!important;margin-top:32px!important}

/* fit */
.fit__grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:44px}
.fit__col{border-radius:26px;padding:clamp(24px,3vw,36px);background:var(--white);box-shadow:0 0 0 1px var(--line)}
.fit__col--yes{box-shadow:var(--shadow-soft), 0 0 0 2px oklch(0.5 0.2 262 / .55)}
.fit__col h3{font-family:var(--display);font-weight:900;font-size:var(--step-2)}
.fit__col ul{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:16px}
.fit__col li{display:grid;grid-template-columns:26px 1fr;gap:10px;color:var(--ink-2);font-size:1.08rem}
.fit__col--yes li::before{content:"";width:22px;height:22px;margin-top:3px;border-radius:50%;background:var(--cobalt) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/13px no-repeat}
.fit__col--no li::before{content:"";width:22px;height:22px;margin-top:3px;border-radius:50%;background:var(--ice-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23556' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M7 7l10 10M17 7L7 17'/%3E%3C/svg%3E") center/12px no-repeat}

/* faq */
.faq{background:var(--white)}
.faq__wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;align-items:start}
.qa details{border-top:1px solid var(--line)}
.qa details:last-child{border-bottom:1px solid var(--line)}
.qa summary{list-style:none;cursor:pointer;padding:24px 0;font-family:var(--display);font-size:var(--step-1);font-weight:700;display:flex;justify-content:space-between;gap:20px;min-height:44px}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"";flex:none;width:30px;height:30px;border-radius:50%;background:var(--ice) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232f4fd6' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center/14px no-repeat;transition:transform .35s var(--ease), background-color .2s}
.qa details[open] summary::after{transform:rotate(45deg);background-color:var(--ice-2)}
.qa details p{color:var(--ink-2);padding-bottom:24px;max-width:60ch}

/* final */
.final{background:var(--cobalt-deep);color:var(--on-cobalt);padding-block:clamp(80px,10vw,140px);position:relative;overflow:hidden}
.final::before{content:"";position:absolute;inset:-30% -10% auto auto;width:60%;height:140%;background:radial-gradient(45% 45% at 50% 50%, oklch(0.56 0.21 262 / .55), transparent 70%);pointer-events:none}
.final__grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.final .h2{color:var(--on-cobalt);max-width:15ch}
.final .lede{color:var(--on-cobalt-mute)}
.formcard--final .lead{grid-template-columns:1fr 1fr}

/* footer, dock */
.foot{background:var(--paper);padding:48px 0 calc(110px + env(safe-area-inset-bottom,0px));color:var(--mute);font-size:.95rem}
.foot__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}
.foot__logo{width:190px;height:auto}
.foot__meta{display:grid;gap:6px}
.foot a{color:var(--ink-2)}
.dock{position:fixed;inset-inline:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:var(--z-dock);display:none;align-items:center;justify-content:center;min-height:58px;border-radius:999px;background:var(--cobalt);color:var(--on-cobalt);font:800 1.05rem var(--display);text-decoration:none;box-shadow:0 18px 40px -12px oklch(0.33 0.15 264 / .7);transform:translateY(160%);transition:transform .45s var(--ease)}
.dock.is-on{transform:translateY(0)}

/* responsive */
@media (max-width: 1080px){
  .top__nav{display:none}
}
@media (max-width: 960px){
  .hero__grid{grid-template-columns:1fr}
  .hero__media{margin-top:6px}
  .theater::before{inset:auto auto -12px -12px}
  .proof{grid-template-columns:repeat(3,auto);justify-content:start;gap:18px 28px}
  .proof__faces-li{grid-column:1/-1;justify-self:start}
  .leadband__grid,.checkup__grid,.why__grid,.faq__wrap,.final__grid,.about__grid{grid-template-columns:1fr}
  .method__head{grid-template-columns:1fr}
  .method__head .lede{justify-self:start}
  .method__grid{grid-template-columns:1fr}
  .method__sticky{display:none}
  .station{background:var(--white)}
  .compare{grid-template-columns:1fr}
  .thumbs{grid-template-columns:repeat(14,72px);overflow-x:auto;padding:4px 2px 8px;scroll-snap-type:x mandatory}
  .thumb{scroll-snap-align:start}
  .clips{grid-template-columns:repeat(2,minmax(0,1fr))}
  .clips li:nth-child(even){margin-top:28px}
  .vidgrid{grid-template-columns:1fr}
  .yt{aspect-ratio:16/10;min-height:0}
  .fit__grid{grid-template-columns:1fr}
  .about__img{max-width:380px;margin-inline:auto;margin-top:-70px}
  .about__text{padding-top:10px}
  .dock{display:flex}
}
@media (max-width: 640px){
  .top__in{padding-inline:16px 8px;min-height:60px}
  .mark__logo{height:30px}
  .top .btn--sm{min-height:42px;padding:0 14px;font-size:.9rem}
  .lead,.formcard--final .lead{grid-template-columns:1fr}
  .chips{grid-template-columns:1fr}
  .timeline{display:none}
  .phases{grid-template-columns:1fr;gap:28px}
  .phase__bar{display:block;width:calc(var(--d) / 46 * 100%)}
  .myth{grid-template-columns:1fr;gap:6px}
  .proof b{font-size:2.1rem}
  .vsl__sound{min-height:52px;font-size:1rem;padding:0 18px 0 8px}
  .vsl__icon{width:38px;height:38px}
  .wa__row img{width:180px}
}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .band{overflow-x:auto}
  .theater__ambient{display:none}
}
@media (max-width: 640px){
  .proof{grid-template-columns:repeat(3,1fr);gap:14px 12px}
  .proof li{flex-direction:column;align-items:flex-start;gap:6px;font-size:.92rem;line-height:1.3}
  .proof__faces-li{grid-column:1/-1}
  .proof__faces-li a{flex-direction:row}
}