html{-webkit-text-size-adjust:100%}body{margin:0}[hidden]{display:none!important}
/* Layout: the start funnel's system (white page, Saans, ink pills) with inset dark cards from the app.
   Type per brand guide v1.0: Tobias Regular headlines, tracking 0; Saans body; Saans Mono caps for details. */
:root{
  --bg:#ffffff; --off:#f6f6f5; --panel:#f2f2f1; --fg:#181818; --muted:#545454; --grey:#8c8c8c; --line:#0000001a; --soft:#0000000a;
  --chip:#f3e8de; --sel:#cdd7bc; --sel-line:#3f6b35; --star:#00b67a; --brand:#ef6c46;
  --night:#111010; --night-2:#1b1918; --on-night:#f4f4f3; --night-muted:#b6b5b5; --night-line:#ffffff1f;
  --red:#e5514f; --amb:#e8a93a; --grn:#4fb463; --ember:#ffb784;
  --f-head:"Tobias","STIX Two Text","Times New Roman",serif;
  --f-ui:"Saans","Inter",-apple-system,BlinkMacSystemFont,Arial,sans-serif;
  --f-mono:"Saans Mono",ui-monospace,Menlo,monospace;
  --wrap:1120px;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--fg);font-family:var(--f-ui);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;overflow-x:hidden}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.001s!important;animation-iteration-count:1!important;transition:none!important}}
a{color:inherit}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-weight:400;text-wrap:balance}
img{display:block}
.bl-gut{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.inset{padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px))}
.wrap{max-width:var(--wrap);margin:0 auto;width:100%}
.mono{font-family:var(--f-mono);font-size:12px;line-height:1.1;text-transform:uppercase;letter-spacing:0}
.muted{color:var(--muted)}
.h1{font-family:var(--f-head);font-size:clamp(44px,5.4vw,74px);line-height:1.05}
.h2{font-family:var(--f-head);font-size:clamp(34px,4vw,50px);line-height:1.1}
.h2 .g{color:var(--grey)}
.sub{font-size:17px;line-height:1.45;color:var(--muted);max-width:54ch;text-wrap:pretty}
.sec{padding-block:clamp(64px,8vw,104px)}
.head{display:flex;flex-direction:column;gap:14px;max-width:720px}
.head.c{align-items:center;text-align:center;margin-inline:auto}
.card-night{position:relative;border-radius:20px;overflow:hidden;isolation:isolate;background:var(--night);color:var(--on-night)}
.card-night .sub{color:#ffffffc2}
.card-night .mono{color:#ffffffa6}
.card-night .h2,.card-night .h1{color:#fff}
.card-night .h2 .g{color:#ffffff73}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:50px;font:inherit;font-size:16px;line-height:1.1;padding:15px 30px;text-decoration:none;cursor:pointer;transition:transform .1s,background .15s}
.btn:active{transform:scale(.98)}
.btn-ink{background:var(--fg);color:#f4f4f3}.btn-ink:hover{background:#000}
.btn-white{background:#fff;color:var(--fg);box-shadow:0 10px 30px #0000003d}.btn-white:hover{background:#f4f4f3}
.btn:focus-visible,.opt:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid #2261bb;outline-offset:3px}
.ring{position:relative}
.ring::after{content:"";position:absolute;inset:0;border-radius:inherit;animation:hcRing 2.8s ease-out 1.2s infinite;pointer-events:none}
@keyframes hcRing{0%{box-shadow:0 0 0 0 #ffffff59}70%,100%{box-shadow:0 0 0 14px #ffffff00}}
.stars{color:var(--star);letter-spacing:1px}
.avs{display:flex;flex:none}
.avs img{width:28px;height:28px;border-radius:50%;object-fit:cover;border:2px solid var(--night);margin-left:-8px}
.avs img:first-child{margin-left:0}
.opt{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:11px 18px;font:inherit;font-size:15px;color:var(--fg);cursor:pointer;transition:border-color .15s,box-shadow .15s}
.opt:hover{border-color:color-mix(in srgb,var(--fg) 40%,transparent)}
.opt[aria-selected="true"],.opt[aria-pressed="true"]{border-color:var(--fg);box-shadow:inset 0 0 0 1px var(--fg);font-weight:500}
.check{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.check li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;font-size:15px;line-height:1.4}
.check li::before{content:"";width:20px;height:20px;margin-top:1px;border-radius:50%;background:var(--sel) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233f6b35' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/12px no-repeat}

/* header */
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:30;background:var(--bg)}
.hrow{display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px}
.bl-logo{display:flex;color:var(--fg)}
.bl-logo svg{height:22px;width:auto;display:block}
.hr{display:flex;align-items:center;gap:20px;font-size:14px}
.hr .tp{display:flex;align-items:center;gap:8px;color:var(--muted)}
.hr .btn{padding:11px 20px;font-size:14px}
@media (max-width:760px){.hr .tp{display:none}.hrow{height:56px}.bl-logo svg{height:20px}}


/* hero */
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:8px;padding:clamp(40px,5vw,64px) clamp(24px,5vw,64px);min-height:min(740px,calc(100vh - 76px))}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(45% 60% at 74% 50%,#c17e3a2e,transparent 70%)}
.hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:20px;min-width:0}
.hero .sub{font-size:18px;max-width:42ch}
.hero .btn{padding:16px 34px;margin-top:4px}
.hero-time{font-size:13.5px;color:#ffffffa6;margin-top:-8px}
.proofline{display:flex;align-items:center;gap:10px;font-size:13.5px;color:#ffffffcc;padding-top:22px;margin-top:6px;border-top:1px solid var(--night-line);width:100%}
.proofline b{color:#fff;font-weight:500}
.press{display:flex;align-items:center;flex-wrap:wrap;gap:14px 28px}
.press img{height:15px;width:auto;filter:brightness(0) invert(1);opacity:.6}
.viz{position:relative;width:100%;max-width:600px;aspect-ratio:1;justify-self:center;touch-action:pan-y;cursor:grab}
.viz canvas{position:absolute;inset:0;width:100%;height:100%}
.sys{display:none!important;position:absolute;left:50%;bottom:3%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;font-family:var(--f-mono);font-size:12px;text-transform:uppercase;color:#fff;border:1px solid #ffffff2e;background:#1b1918b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:6px;padding:7px 11px;white-space:nowrap;transition:opacity .4s}
.sys i{width:7px;height:7px;background:#f17551}
.tile{position:absolute;width:212px;background:#1b1918e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff21;border-radius:14px;padding:11px 13px 13px;color:#fff;box-shadow:0 20px 40px -14px #000000b3;opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .6s cubic-bezier(.2,.8,.2,1)}
.tile.on{opacity:1;transform:none}
.tile-t{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:14px;font-weight:500}
.tile small{display:block;font-size:12px;color:#ffffffa6;margin-top:2px}
.bl-pill{display:inline-block;font-size:11.5px;line-height:1;border-radius:6px;padding:4px 7px;white-space:nowrap}
.bl-pill.p-out{background:#e5514f2e;color:#ff9b98}.bl-pill.p-ok{background:#4fb46326;color:#9be0a5}.bl-pill.p-sub{background:#e8a93a26;color:#f6d77f}
.rbar{position:relative;display:grid;grid-template-columns:1fr 1fr 1.4fr 1fr 1fr;gap:3px;height:4px;margin-top:11px}
.rbar i{border-radius:2px}
.rbar i:nth-child(1),.rbar i:nth-child(5){background:#e5514f}
.rbar i:nth-child(2),.rbar i:nth-child(4){background:#e8c35a}
.rbar i:nth-child(3){background:#6fcb7c}
.rbar b{position:absolute;top:-9px;left:var(--p);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #fff;transform:translateX(-50%)}
.tile.a{left:-4%;top:8%}.tile.b{right:-4%;top:36%}.tile.c{left:-1%;top:64%}
@media (max-width:900px){
  .hero{grid-template-columns:minmax(0,1fr);padding:16px 16px 28px;min-height:0;gap:0}
  .viz{order:-1;max-width:380px;margin-bottom:8px}
  .tile{width:148px;padding:8px 10px 10px}.tile-t{font-size:12px}.tile small{font-size:10.5px}.tile .bl-pill{font-size:10px;padding:3px 5px}
  .tile.a{left:0;top:3%}.tile.b{right:0;top:36%}.tile.c{left:0;top:66%}
  .sys{font-size:10.5px;padding:5px 9px}
  .hero .h1{font-size:42px}.hero .sub{font-size:16px}.hero .btn{align-self:stretch}.hero-copy{gap:16px;padding-inline:4px}
  .press{gap:12px 20px}.press img{height:13px}
}

/* homepage rhythm: 7rem sections, 4rem from heading to content */
.sec{padding-block:144px}
.mt-c{margin-top:72px}
@media (max-width:900px){.sec{padding-block:88px}.mt-c{margin-top:44px}}
.bl-tag{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;border:1px solid #0000002e;border-radius:6px;padding:6px 10px;font-family:var(--f-mono);font-size:13px;line-height:1;text-transform:uppercase;color:var(--fg);background:#fff}
.bl-tag::before{content:"";width:7px;height:7px;background:var(--fg);flex:none}
.head.c .bl-tag,.final .bl-tag{align-self:center}
.card-night .bl-tag{background:transparent;border-color:#ffffff33;color:#fff}
.card-night .bl-tag::before{background:#fff}

/* timeline: hard squares, grey until reached, orange fill with a dark leading edge (from everlab.com.au) */
.tl{position:relative;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr))}
.tl-line{position:absolute;top:11px;left:calc(50% / var(--n));right:calc(50% / var(--n));height:2px;background:#d9d9d7}
.tl-line i{position:absolute;left:0;top:0;bottom:0;width:calc(var(--p,0) * 100%);background:#f17551;box-shadow:0 0 14px #f1755166}
.tl.done .tl-line i{background:#f17551}
.tn{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding-inline:14px;min-width:0}
.sq{position:relative;z-index:1;width:24px;height:24px;background:#181818;border:1px solid #fff;display:grid;place-items:center;transition:background .3s,border-color .3s}
@keyframes sqpop{0%{transform:scale(1)}40%{transform:scale(1.28)}100%{transform:scale(1)}}
.tn.on .sq{animation:sqpop .45s cubic-bezier(.2,.8,.2,1)}
.sq::after{content:"";width:6px;height:6px;border-radius:50%;background:#fff}
.tn.on .sq{background:#f17551}
.tn .body{transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1)}
.tl:not(.ready) .tn .body{opacity:1}
.tl.ready .tn:not(.on) .body{opacity:.3}

/* outcomes */
.outcomes .tl{margin-top:80px}
.outcomes .body{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:44px}
.outcomes .body b{font-family:var(--f-head);font-weight:400;font-size:clamp(42px,4.2vw,54px);line-height:1}
.outcomes .body span{font-size:15.5px;color:var(--muted);max-width:26ch}
@media (max-width:760px){
  .tl.v{grid-template-columns:minmax(0,1fr);gap:36px}
  .tl.v .tl-line{left:11px;right:auto;top:12px;bottom:auto;height:calc(100% - var(--last,40px));width:2px}
  .tl.v .tl-line i{width:100%;height:calc(var(--p,0) * 100%);background:#f17551}
  .tl.done.v .tl-line i{background:#f17551}
  .tl.v .tn{flex-direction:row;align-items:flex-start;text-align:left;gap:18px;padding:0}
  .outcomes .tl.v .body{align-items:flex-start;margin-top:-4px;gap:8px}
}

/* outcomes: plain numbers, homepage style */
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:80px}
.stat{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:8px 24px;border-left:1px solid var(--line)}
.stat:first-child{border-left:0}
.stat b{font-family:var(--f-head);font-weight:400;font-size:clamp(46px,4.4vw,58px);line-height:1}
.stat span{font-size:15.5px;color:var(--muted);max-width:26ch;line-height:1.4}
@media (max-width:760px){.stats{grid-template-columns:minmax(0,1fr);margin-top:44px}.stat{border-left:0;border-top:1px solid var(--line);padding:28px 8px}.stat:first-child{border-top:0;padding-top:0}.stat b{font-size:48px}}

/* stories */
.bl-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.optbar{display:flex;justify-content:center;margin-bottom:28px}
.optbar div{display:inline-flex;align-items:center;gap:4px;border:1px dashed #f17551;border-radius:10px;padding:4px;background:#fff7f4}
.optbar span{font-family:var(--f-mono);font-size:11px;text-transform:uppercase;color:#c4512f;padding:0 8px}
.optbar button{border:0;background:transparent;font:inherit;font-size:13px;padding:7px 12px;border-radius:7px;cursor:pointer;color:var(--fg)}
.optbar button[aria-pressed="true"]{background:#f17551;color:#fff}
.story{max-width:1040px;margin:40px auto 0}
.ex{display:inline-block;font-family:var(--f-mono);font-size:10.5px;text-transform:uppercase;border:1px solid var(--line);border-radius:4px;padding:3px 7px;color:var(--muted);background:#fff}
.who{display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px}
.who b{font-weight:500}
.sq-q{font-family:var(--f-head);font-size:clamp(28px,3vw,40px);line-height:1.12;max-width:22ch;quotes:"\201C" "\201D"}
.told{font-size:15px;color:var(--muted);line-height:1.4}
.chain-k{display:block;text-align:center;font-family:var(--f-mono);font-size:12px;text-transform:uppercase;color:var(--muted);margin:44px 0 24px}
.tl-wrap{padding-inline:28px}
.story .tn .body{margin-top:20px;display:flex;flex-direction:column;align-items:center;gap:4px}
.story .tn .body b{font-weight:500;font-size:15.5px}
.story .tn .body span{font-size:13.5px;color:var(--muted);max-width:22ch}
.ans{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;padding:36px 40px}
.ans .mono{display:block;margin-bottom:12px}
.ans h3{font-family:var(--f-head);font-size:clamp(22px,2.1vw,27px);line-height:1.18}
.ans p{font-size:15px;line-height:1.5}
.result{display:flex;align-items:baseline;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid currentColor;border-color:#ffffff26}
.result b{font-family:var(--f-head);font-weight:400;font-size:32px;white-space:nowrap}
.result span{font-size:13.5px;opacity:.7}
.tex{position:absolute;inset:0;z-index:0;overflow:hidden}
.tex img{width:100%;height:100%;object-fit:cover;filter:blur(1px) saturate(.9)}
.tex::after{content:"";position:absolute;inset:0;background:var(--ov)}
.bl-layer{position:relative;z-index:1}
/* A: classic, texture behind the problem */
.sA{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 30px 70px -40px #00000040}
.sA-top{position:relative;padding:52px 32px 40px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;--ov:linear-gradient(180deg,#f6f4f1e6,#fffffff7)}
.sA .ans{background:var(--fg);color:#f4f4f3;position:relative}
.sA .ans .mono{color:#ffffffa6}
.sA .ans::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:#ffffff1a}
/* B: dark textured */
.sB{position:relative;border-radius:24px;overflow:hidden;color:#fff;--ov:linear-gradient(180deg,#111010d1,#111010f0)}
.sB .bl-layer{padding:56px 32px 0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}
.sB .told{color:#ffffffa6}
.sB .ex{background:transparent;border-color:#ffffff33;color:#ffffffb3}
.sB .chain-k{color:#ffffff8c}
.sB .tl-line{background:#ffffff26}
.sB .sq{border-color:#111}
.sB .tn .body span{color:#ffffff99}
.sB .tl.ready .tn:not(.on) .body{opacity:.3}
.sB .ans{position:relative;z-index:1;margin:44px 18px 18px;background:#ffffff12;border:1px solid #ffffff1f;border-radius:18px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.sB .ans .mono{color:#ffffff8c}
/* C: connected + chart */
.sC{background:#f6f6f5;border-radius:28px;padding:18px}
.sC-top{background:#fff;border-radius:18px;padding:44px 28px 40px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}
.sC-top .chain-k{margin-top:36px}
.sC-bot{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:18px;margin-top:18px}
.sC-ans{padding:22px 18px;display:flex;flex-direction:column;gap:18px}
.sC-ans .mono{color:var(--muted)}
.sC-ans h3{font-family:var(--f-head);font-weight:400;font-size:clamp(22px,2vw,26px);line-height:1.2}
.sC-ans .result{border-color:var(--line);color:var(--fg)}
.cv{position:relative;border-radius:18px;overflow:hidden;min-height:380px;background:#1a1717;--ov:linear-gradient(180deg,#0e0c0bc7,#0e0c0b9e 45%,#0e0c0bd9)}
.chart{position:absolute;inset:0;z-index:1;padding:26px 28px;color:#fff}
.chart .mk{font-size:16px;font-weight:500}
.chart .big{display:flex;align-items:baseline;gap:8px;margin-top:2px}
.chart .big b{font-weight:400;font-size:52px;line-height:1}
.chart .big span{font-size:14px;color:#ffffffbf}
.chart svg{position:absolute;left:28px;right:28px;bottom:38px;width:calc(100% - 56px);height:50%;overflow:visible}
.chart .grid line{stroke:#ffffff17}
.chart .ln{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.chart .lbl{font-family:var(--f-ui);font-size:13px;font-weight:500;fill:#fff}
.chart .dt{fill:#fff}
.bub{position:absolute;z-index:2;background:#fff;color:var(--fg);border-radius:12px;padding:10px 13px;font-size:13.5px;line-height:1.35;box-shadow:0 14px 30px -12px #00000080;opacity:0;transform:translateY(6px);transition:opacity .5s .9s,transform .6s .9s cubic-bezier(.2,.8,.2,1)}
.bub.on{opacity:1;transform:none}
.bub-by{position:absolute;z-index:2;display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:500;color:#fff;opacity:0;transition:opacity .5s 1s}
.bub-by.on{opacity:1}
.bub-by img{width:22px;height:22px;border-radius:50%;object-fit:cover}
/* D: map, markers flow into the doctor */
.sD{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 30px 70px -40px #00000040}
.sD-top{padding:48px 32px 8px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}
.map{position:relative;margin:36px 18px 0;border-radius:18px;overflow:hidden;min-height:400px;--ov:linear-gradient(180deg,#f7f5f2eb,#f2efebe6)}
.map svg.links{position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none}
.lnk{fill:none;stroke:#f17551;stroke-width:1.4;stroke-dasharray:var(--l);stroke-dashoffset:var(--l);animation:drawl .9s cubic-bezier(.4,.1,.2,1) forwards;animation-delay:var(--d)}
@keyframes drawl{to{stroke-dashoffset:0}}
.mkc{position:absolute;z-index:2;width:36%;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;box-shadow:0 10px 26px -16px #00000059;opacity:0;transform:translateY(6px);animation:rise .5s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:var(--d)}
@keyframes rise{to{opacity:1;transform:none}}
.mkc b{display:flex;align-items:center;gap:8px;font-weight:500;font-size:14.5px}
.mkc b::before{content:"";width:8px;height:8px;background:#f17551}
.mkc span{display:block;font-size:13px;color:var(--muted);margin-top:3px}
.mkc.tl1{left:4%;top:9%}.mkc.tr1{right:4%;top:9%}.mkc.bl1{left:4%;bottom:9%}.mkc.br1{right:4%;bottom:9%}
.drd{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.drd img{width:76px;height:76px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 0 0 1.5px #f17551,0 12px 30px -10px #00000066}
.drd b{font-size:13.5px;font-weight:500}
.drd small{font-size:12px;color:var(--muted)}
.sD .ans{margin:18px;border-radius:18px;background:var(--fg);color:#f4f4f3}
.sD .ans .mono{color:#ffffffa6}
.s-note{margin-top:24px;text-align:center;font-size:12.5px;color:var(--muted)}
@media (max-width:900px){
  .bl-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bl-tabs .opt{justify-content:center;padding:11px 10px;font-size:14px;text-align:center}
  .optbar span{display:none}.optbar button{padding:7px 9px;font-size:12px}
  .sA-top,.sB .bl-layer,.sD-top{padding:32px 20px 12px}
  .sC{padding:10px;border-radius:22px}.sC-top{padding:28px 18px}
  .sC-bot{grid-template-columns:minmax(0,1fr)}.cv{min-height:470px}.chart svg{height:42%}
  .tl-wrap{padding-inline:22px}
  .story .tl.v .tn .body{align-items:flex-start;margin-top:0;text-align:left}
  .story .tl.v .tn .body span{max-width:none}
  .ans{grid-template-columns:minmax(0,1fr);gap:22px;padding:26px 22px}
  .sB .ans{margin:32px 10px 10px}
  .map{margin:24px 10px 0;min-height:0;padding:96px 12px 12px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .map svg.links{display:none}.mkc{position:static;width:auto}.drd{top:48px}
  .sD .ans{margin:10px}
}


/* stories v11: dark layout only */
.sq-q{max-width:32ch;text-wrap:balance}
.story{transition:opacity .26s ease,transform .26s ease}
.story.out{opacity:0;transform:translateY(10px)}
@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes texIn{from{opacity:0;transform:scale(1.07)}to{opacity:1;transform:none}}
.sB{background:#111010;border-radius:24px}
.sB .tex{bottom:auto;height:560px;--ov:linear-gradient(180deg,#111010b3 0%,#111010cc 45%,#111010 100%)}
.sB .tex img{filter:saturate(.95) contrast(1.05);animation:texIn 1.4s cubic-bezier(.2,.8,.2,1) both}
.sB .bl-layer.bl-top{padding:72px 40px 0}
.sB .bl-layer.bl-top .ex{margin-bottom:6px}
.sB .bl-layer.bl-top>*{animation:rise .7s cubic-bezier(.2,.8,.2,1) both}
.sB .bl-layer.bl-top>:nth-child(2){animation-delay:.05s}.sB .bl-layer.bl-top>:nth-child(3){animation-delay:.1s}.sB .bl-layer.bl-top>:nth-child(4){animation-delay:.15s}
.sB .bl-layer.mid{align-items:stretch;padding:64px 40px 0;animation:rise .7s .22s cubic-bezier(.2,.8,.2,1) both}
.sB .sq-q{color:#fff}
.sB .told{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:18px;padding-top:20px;border-top:1px solid #ffffff1a;min-width:min(420px,100%)}
.sB .told q{font-size:16px;color:#ffffffcc;quotes:"\201C" "\201D"}
.sB .told span{font-size:14px;color:#ffffffa6}
.sign{display:flex;align-items:center;gap:10px;font-family:var(--f-mono);font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:#fff}
.sign>span{display:inline-flex;align-items:center;gap:9px}.sign>span::before{content:"";width:7px;height:7px;background:#f17551;flex:none}
.sign.c{width:100%;justify-content:center;margin-bottom:40px}
.sign.c::before,.sign.c::after{content:"";flex:1;height:1px;background:#ffffff1f}
.sign.c::before{margin-right:8px}.sign.c::after{margin-left:8px}
.sign.l{margin-bottom:14px;color:#ffffffb3}
.sB .tl-line{background:#ffffff26}
.sB .sq{background:#262422;border-color:#ffffff4d}
.sB .sq::after{background:#ffffffb3}
.sB .tn.on .sq{background:#f17551;border-color:#f17551}
.sB .tn.on .sq::after{background:#fff}
.sB .tn .body b{color:#fff}
.sB .tn .body span{color:#ffffffa6}
.sB .tl.ready .tn:not(.on) .body{opacity:.35}
.sB .ans{margin:56px 20px 20px;padding:36px 36px 32px;gap:48px;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:18px;-webkit-backdrop-filter:none;backdrop-filter:none;animation:rise .8s .35s cubic-bezier(.2,.8,.2,1) both}
.sB .ans h3{font-size:clamp(22px,2.1vw,26px);line-height:1.22;color:#fff;max-width:24ch;text-wrap:balance}
.sB .ans p{font-size:15.5px;line-height:1.5;color:#ffffffc7}
.sB .result{display:block;margin-top:24px;padding:22px 0 0;border-top:1px solid #ffffff1a}
.sB .ans{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;align-items:stretch}
.sB .ans>div{padding:4px 0}
.sB .ans>div+div{border-left:1px solid #ffffff1a;padding-left:44px;margin-left:44px}
.sB .ans h3{margin-top:2px}
.sB .ans .sign.l{margin-bottom:16px}
.sB .result b{display:block;white-space:normal;font-size:clamp(22px,2.1vw,26px);line-height:1.2;color:#f8a283}
.sB .result span{display:block;margin-top:6px;font-size:14px;opacity:1;color:#ffffff99}
@media (max-width:900px){
  .sB{border-radius:20px}
  .sB .tex{height:440px}
  .sB .bl-layer.bl-top{padding:44px 22px 0}
  .sB .bl-layer.mid{padding:48px 22px 0}
  .sign.c{margin-bottom:30px}
  .sB .ans{margin:40px 8px 8px;padding:28px 20px 24px;grid-template-columns:minmax(0,1fr)}
  .sB .ans>div+div{border-left:0;padding-left:0;margin-left:0;border-top:1px solid #ffffff1a;padding-top:26px;margin-top:26px}
}
@media (max-width:760px){
  .sq-q{font-size:27px;line-height:1.15}
  .sB .told q{font-size:15px}
  .sB .tl-wrap{padding-inline:6px}
  .story .tl.v{gap:28px}
  .story .tl.v .tn .body b{font-size:15.5px}
  .story .tl.v .tn .body span{font-size:14px}
  .sign{font-size:12px}
}

/* story nav under the card */
.snav{display:flex!important;align-items:center;justify-content:center;gap:10px;margin-top:32px}
.snav button{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--fg);display:grid;place-items:center;cursor:pointer;transition:background .15s}
.snav button:hover{border-color:var(--fg)}
.snav span{display:none}
.snav svg{width:16px;height:16px}
.snav span{min-width:56px;text-align:center;font-family:var(--f-mono);font-size:12px;text-transform:uppercase;color:var(--muted)}
.s-note{margin-top:20px}


/* ===== v13 review bars ===== */
.optbar{display:flex;justify-content:center;margin-bottom:28px}
.optbar.hb{margin:0 0 12px}
.optbar button b{font-weight:600}
.optbar button em{font-style:normal}
@media (max-width:760px){.optbar button em{display:none}.optbar button{padding:7px 12px!important;font-size:13px!important}.optbar span{display:none}}

/* ===== hero tile variants ===== */
.tile .t-k{display:block;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:#ffffff80}
.tile .t-k.or{color:#f8a283}
.tile .t-h{display:block;font-size:15.5px;font-weight:500;line-height:1.25;margin-top:4px;color:#fff}
.tile .t-c{display:flex;align-items:baseline;gap:7px;margin-top:6px;font-size:12.5px;line-height:1.35;color:#ffffffb3}
.tile .t-c::before{content:"";flex:none;width:6px;height:6px;background:#f17551;transform:translateY(-1px)}
.hero[data-hv=A] .tile,.hero[data-hv=B] .tile{width:226px;padding:12px 14px 13px}
.tile.off{display:none}
.tile.big{width:316px;left:calc(50% - 158px);right:auto;top:auto;bottom:6%;padding:16px 18px 17px;border-radius:16px}
.tile .t-q{display:block;font-family:var(--f-head);font-weight:400;font-size:24px;line-height:1.15;margin-top:6px;color:#fff}
.tile .t-p{font-size:13.5px;line-height:1.45;color:#ffffffc2;margin-top:8px}
.tile .t-l{list-style:none;margin:12px 0 0;padding:12px 0 0;border-top:1px solid #ffffff1a;display:flex;flex-direction:column;gap:7px}
.tile .t-l li{display:flex;align-items:center;gap:9px;font-size:13px;color:#fff}
.tile .t-l li::before{content:"";flex:none;width:14px;height:14px;background:#f17551 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3.5 7.2l2.3 2.3 4.7-5' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.tile .t-doc{display:flex;align-items:center;gap:11px}
.tile .t-doc img{width:42px;height:42px;border-radius:50%;object-fit:cover;flex:none;border:2px solid #ffffff26}
.tile .t-doc b{display:block;font-size:14px;font-weight:500}
.tile .t-doc small{display:block;font-size:11.5px;color:#ffffff8c;margin-top:1px}
.tile .t-m{font-family:var(--f-head);font-size:19px;line-height:1.3;color:#fff;margin-top:12px}
.hero[data-hv=D] .tile .t-c{margin-top:12px;padding-top:11px;border-top:1px solid #ffffff1a}
/* photo hero */
.hphoto{display:none;position:relative;width:100%;max-width:560px;justify-self:center;aspect-ratio:1/1.08;border-radius:24px;overflow:visible}
.hphoto>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:55% 40%;border-radius:24px}
.hphoto::after{content:"";position:absolute;inset:0;border-radius:24px;background:linear-gradient(180deg,#0000 55%,#0000004d)}
.hero[data-hv=E] .viz{display:none}
.hero[data-hv=E] .hphoto{display:block}
.hphoto .g{position:absolute;z-index:1;background:#16141399;-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);border:1px solid #ffffff2e;border-radius:16px;color:#fff;padding:14px 16px;box-shadow:0 24px 48px -20px #000000a6;animation:gfloat 6s ease-in-out infinite}
.hphoto .g1{left:5%;bottom:5%;width:262px}
.hphoto .g2{right:-5%;top:7%;display:flex;align-items:center;gap:11px;animation-delay:-2s}
.hphoto .g2 img{width:40px;height:40px;border-radius:50%;object-fit:cover}
.hphoto .g2 b{display:block;font-size:13.5px;font-weight:500}.hphoto .g2 small{display:block;font-size:12px;color:#ffffffa6}
.hphoto .g3{right:-4%;bottom:34%;animation-delay:-4s}
.hphoto .g3 b{display:block;font-family:var(--f-head);font-weight:400;font-size:20px;margin-top:4px}
.hphoto .t-k{display:block;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:#ffffffa6}
.hphoto .t-k.or{color:#f8a283}
.hphoto .t-l{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.hphoto .t-l li{display:flex;align-items:center;gap:9px;font-size:13.5px}
.hphoto .t-l li::before{content:"";flex:none;width:14px;height:14px;background:#f17551 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3.5 7.2l2.3 2.3 4.7-5' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
@keyframes gfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media (max-width:900px){
  .hphoto{order:-1;max-width:380px;margin:0 auto 18px;aspect-ratio:1/1.08}
  .hphoto .g3{display:none}
  .hphoto .g{padding:10px 12px;border-radius:13px}
  .hphoto .g1{left:3%;bottom:4%;width:200px}.hphoto .t-l li{font-size:12px}
  .hphoto .g2{right:3%;top:4%}.hphoto .g2 img{width:32px;height:32px}.hphoto .g2 b{font-size:12px}.hphoto .g2 small{font-size:11px}
  .hphoto .g3{right:3%;bottom:40%}.hphoto .g3 b{font-size:16px}
}
@media (max-width:900px){
  .hero[data-hv=A] .tile,.hero[data-hv=B] .tile{width:168px;padding:9px 11px 10px}
  .tile .t-k{font-size:9.5px}.tile .t-h{font-size:13px}.tile .t-c{font-size:11px;gap:6px;margin-top:4px}
  .tile.big{width:262px;left:calc(50% - 131px);right:auto;bottom:2%;padding:12px 13px 13px}
  .tile .t-q{font-size:19px}.tile .t-p{font-size:12px}.tile .t-l{margin-top:9px;padding-top:9px;gap:5px}.tile .t-l li{font-size:12px}
  .tile .t-doc img{width:34px;height:34px}.tile .t-doc b{font-size:12.5px}.tile .t-doc small{font-size:10.5px}.tile .t-m{font-size:15.5px;margin-top:9px}
}

/* ===== stories v13 shared ===== */
.story.play [class^=v] > *{animation:rise .6s cubic-bezier(.2,.8,.2,1) both}
.chk{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.chk li{display:flex;align-items:center;gap:10px;font-size:14.5px}
.chk li::before{content:"";flex:none;width:16px;height:16px;background:#f17551 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3.5 7.2l2.3 2.3 4.7-5' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.dchip{display:flex;align-items:center;gap:11px}
.dchip img{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:none}
.dchip b{display:block;font-size:14px;font-weight:500}
.dchip small{display:block;font-size:12.5px;color:var(--muted)}
/* illustrations */
.ill{width:100%;height:auto;overflow:visible}
.ill .ill-soft{fill:none;stroke:#ffffff40;stroke-width:2}
.ill .ill-soft2{fill:none;stroke:#ffffff8c;stroke-width:3;stroke-linecap:round}
.ill .ill-line{fill:none;stroke:#f17551;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:drawl 2.4s .3s cubic-bezier(.4,.1,.2,1) forwards}
.ill .ill-dot{fill:#f17551}
.ill .ill-axis{stroke:#ffffff26;stroke-width:1}
.ill .ill-t{font-family:var(--f-mono);font-size:11px;fill:#ffffff8c;text-transform:uppercase}
.ill .ill-t.or{fill:#f8a283}
.ill .ill-fill{fill:#f17551;transform-origin:52px 100px;animation:drain 3.2s .3s cubic-bezier(.4,.1,.2,1) forwards}
.ill .ill-ticks line{stroke:#ffffff59;stroke-width:2}
.ill .ill-hand{stroke:#fff;stroke-width:3;stroke-linecap:round}
.ill .ill-hand.m{stroke:#f17551;animation:tick 4s steps(4) infinite;transform-origin:120px 100px;transform-box:view-box}
.ill .ill-moon{fill:#f8a283}
@keyframes drawl{to{stroke-dashoffset:0}}
@keyframes drain{from{transform:scaleX(1)}to{transform:scaleX(.16)}}
@keyframes tick{0%{transform:rotate(24deg)}100%{transform:rotate(48deg)}}

/* 1: conversation */
.v1{background:#f6f4f1;border-radius:24px;padding:40px clamp(18px,4vw,48px) 36px;display:flex;flex-direction:column;gap:18px}
.v1-row{display:flex;align-items:flex-end;gap:12px;max-width:640px}
.v1-row.r{align-self:flex-end;justify-content:flex-end}
.v1-av{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#e9e3dc;color:var(--fg);font-family:var(--f-head);font-size:20px;object-fit:cover}
.v1-b{border-radius:20px;padding:16px 20px 18px}
.v1-b.me{background:#fff;border-bottom-left-radius:6px;box-shadow:0 1px 0 #0000000a}
.v1-b.dr{background:var(--fg);color:#f4f4f3;border-bottom-right-radius:6px}
.v1-h{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.v1-h b{font-weight:500;font-size:14px}
.v1-h small{font-size:12.5px;color:#ffffff8c}
.v1-q{font-family:var(--f-head);font-size:clamp(22px,2.3vw,28px);line-height:1.2}
.v1-b.me small{display:block;margin-top:10px;font-size:14px;color:var(--muted)}
.v1-b.dr p{font-size:15.5px;line-height:1.5;color:#ffffffd9}
.v1-b.dr .chk{margin-top:14px;padding-top:14px;border-top:1px solid #ffffff1f}
.v1-b.dr .chk li{font-size:14px;color:#fff}
.v1-out{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;margin-top:10px;padding-top:24px;border-top:1px solid #0000001a}
.v1-out b{font-family:var(--f-head);font-weight:400;font-size:clamp(24px,2.6vw,32px);color:#c4512f}
.story.play .v1 > :nth-child(2){animation-delay:.25s}.story.play .v1 > :nth-child(3){animation-delay:.5s}
@media (max-width:760px){.v1{padding:24px 14px 26px;border-radius:20px;gap:14px}.v1-av{width:36px;height:36px;font-size:17px}.v1-b{padding:14px 15px 15px}.v1-row{gap:8px}.v1-b.dr p{font-size:14.5px}.v1-h small{display:none}}

/* 2: before / after */
.v2{display:grid;grid-template-columns:minmax(0,1fr) 220px minmax(0,1fr);background:#111010;color:#fff;border-radius:24px;overflow:hidden}
.v2-col{padding:44px 40px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.v2-col .mono{color:#ffffff80}
.v2-col .ex{background:transparent;border-color:#ffffff33;color:#ffffffb3}
.v2-q{font-family:var(--f-head);font-size:clamp(22px,2.2vw,28px);line-height:1.2;quotes:"\201C" "\201D"}
.v2-w{font-size:14px;font-weight:500}
.v2-t{font-size:14.5px;color:#ffffff99;line-height:1.45;margin-top:auto;padding-top:14px;border-top:1px solid #ffffff1a;width:100%}
.v2-mid{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding:32px 18px;background:#1c1a19}
.v2-mid::before,.v2-mid::after{content:"";position:absolute;left:50%;width:1px;height:calc(50% - 70px);background:linear-gradient(#f1755100,#f17551)}
.v2-mid::before{top:0}.v2-mid::after{bottom:0;transform:scaleY(-1)}
.v2-mid img{width:72px;height:72px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px #1c1a19,0 0 0 4px #f17551}
.v2-mid b{font-size:13.5px;font-weight:500}
.v2-mid p{font-size:13px;line-height:1.4;color:#ffffffa6}
.v2-col.after{background:linear-gradient(160deg,#f175511f,#f1755105 60%)}
.v2-r{font-family:var(--f-head);font-weight:400;font-size:clamp(26px,2.6vw,34px);line-height:1.15;color:#f8a283}
.v2-col.after>p{font-size:14.5px;color:#ffffffa6}
.v2-col.after .chk{margin-top:auto;padding-top:14px;border-top:1px solid #ffffff1a;width:100%}
.v2-col.after .chk li{font-size:14px}
.story.play .v2 > :nth-child(2){animation-delay:.2s}.story.play .v2 > :nth-child(3){animation-delay:.4s}
@media (max-width:860px){.v2{grid-template-columns:minmax(0,1fr);border-radius:20px}.v2-col{padding:28px 22px}.v2-mid{flex-direction:row;text-align:left;padding:18px 22px;justify-content:flex-start}.v2-mid::before,.v2-mid::after{display:none}.v2-mid img{width:52px;height:52px}.v2-mid div{display:block}.v2-t{margin-top:6px}}

/* 3: see the problem */
.v3{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;background:#f6f4f1;border-radius:24px;padding:16px}
.v3-vis{position:relative;background:#111010;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 36px 30px;min-height:380px;overflow:hidden}
.v3-vis::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 50% at 50% 45%,#f1755124,transparent 70%)}
.v3-vis .ill{position:relative;max-width:300px}
.v3-cap{position:relative;margin-top:22px;font-family:var(--f-mono);font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#ffffffb3;text-align:center}
.v3-txt{padding:28px 28px 26px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.v3-q{font-family:var(--f-head);font-size:clamp(24px,2.4vw,30px);line-height:1.18;quotes:"\201C" "\201D"}
.v3-w{font-size:14px;font-weight:500;margin-top:-2px}
.v3-row{width:100%;padding-top:14px;border-top:1px solid #0000001a;display:flex;flex-direction:column;gap:6px}
.v3-row .mono{color:var(--muted)}
.v3-row p{font-size:15.5px;line-height:1.45}
.v3-row b{font-family:var(--f-head);font-weight:400;font-size:clamp(22px,2.2vw,27px);line-height:1.2;color:#c4512f}
.v3-txt .dchip{margin-top:auto;padding-top:8px}
@media (max-width:860px){.v3{grid-template-columns:minmax(0,1fr);padding:10px;border-radius:20px}.v3-vis{min-height:0;padding:20px 30px 16px}.v3-vis .ill{max-width:150px}.v3-cap{margin-top:12px}.v3-txt{padding:18px 12px 14px}}

/* 4: all four at a glance */
.v4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.v4-c{background:#f6f4f1;border-radius:22px;padding:14px 14px 22px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;animation:rise .6s var(--d) cubic-bezier(.2,.8,.2,1) both}
.v4-vis{width:100%;background:#111010;border-radius:16px;padding:22px 40px 16px;display:flex;justify-content:center;margin-bottom:6px}
.v4-vis .ill{max-width:190px}
.v4-c > :not(.v4-vis){margin-inline:10px}
.v4-c q{font-family:var(--f-head);font-size:21px;line-height:1.2;quotes:"\201C" "\201D"}
.v4-w{font-size:13.5px;font-weight:500;margin-top:-4px}
.v4-f{display:flex;flex-direction:column;gap:4px;padding-top:12px;border-top:1px solid #0000001a;width:calc(100% - 20px)}
.v4-f .mono{color:var(--muted)}
.v4-f p{font-size:14.5px;line-height:1.4}
.v4-r{font-family:var(--f-head);font-weight:400;font-size:20px;line-height:1.2;color:#c4512f}
.v4-c .dchip{margin-top:auto;padding-top:6px}
.v4-c .dchip img{width:34px;height:34px}
@media (max-width:760px){.v4{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-16px;padding:0 16px 6px;scrollbar-width:none}.v4::-webkit-scrollbar{display:none}.v4-c{flex:none;width:82%;scroll-snap-align:center}.v4-vis{padding:18px 30px 12px}}

/* 5: felt, found, fixed */
.v5{position:relative;background:#111010;color:#fff;border-radius:24px;overflow:hidden;--ov:linear-gradient(180deg,#111010b3 0%,#111010e6 55%,#111010 100%)}
.v5 .tex{bottom:auto;height:420px}
.v5 .tex img{filter:saturate(.95)}
.v5-top{position:relative;z-index:1;padding:60px 40px 0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}
.v5-top .ex{background:transparent;border-color:#ffffff33;color:#ffffffb3}
.v5-w{font-size:14px;font-weight:500}
.v5-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:48px 20px 0;border:1px solid #ffffff1a;border-radius:18px;background:#ffffff0a}
.v5-grid>div{padding:26px 26px 28px;display:flex;flex-direction:column;gap:10px}
.v5-grid>div+div{border-left:1px solid #ffffff1a}
.v5-grid .mono{color:#f8a283}
.v5-grid p{font-size:15px;line-height:1.5;color:#ffffffcc}
.v5-grid b{font-family:var(--f-head);font-weight:400;font-size:24px;line-height:1.2;color:#fff}
.v5-grid small{font-size:13.5px;color:#ffffff99}
.v5-doc{position:relative;z-index:1;display:flex;justify-content:center;padding:22px 20px 26px}
.v5-doc .dchip small{color:#ffffff8c}
@media (max-width:760px){.v5{border-radius:20px}.v5-top{padding:40px 20px 0}.v5-grid{grid-template-columns:minmax(0,1fr);margin:32px 8px 0}.v5-grid>div{padding:20px}.v5-grid>div+div{border-left:0;border-top:1px solid #ffffff1a}.v5-grid b{font-size:21px}}

.story.play .v4 > .v4-c{animation-delay:var(--d)}
.v2-mid div{display:flex;flex-direction:column;gap:6px}


/* hero doctor-quote variants */
.hero[data-hv=D] .tile .t-m{margin-top:12px}
.tile .t-qm{display:block;font-family:var(--f-head);font-size:64px;line-height:.6;height:28px;color:#f17551}
.tile .t-m.lg{font-size:23px;line-height:1.25;margin:4px 0 16px}
.hero[data-dq="2"] .tile.big{background:#111010e0;border:0;border-left:2px solid #f17551;border-radius:4px;box-shadow:0 30px 60px -20px #000;padding:22px 24px;width:350px;right:-4%;bottom:4%}
.hero[data-dq="2"] .tile.big::before{content:"";position:absolute;inset:-60px -50px;z-index:-1;background:radial-gradient(closest-side,#111010 55%,#11101000)}
.tile .t-w{font-family:var(--f-head);font-size:17px;line-height:1.3;color:#ffffffb3;padding:0 0 14px;margin-bottom:14px;border-bottom:1px solid #ffffff1a}
.tile .t-foot{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:14px;border-top:1px solid #ffffff1a}
.tile .t-dots{display:flex;gap:5px}
.tile .t-dots i{width:6px;height:6px;background:#ffffff40}
.tile .t-dots i.on{background:#f17551}
.tile .t-prog{position:absolute;left:0;bottom:0;height:2px;width:100%;background:#f17551;transform-origin:left;transform:scaleX(0);border-radius:0 0 0 16px}
.tile.on .t-prog{animation:prog 4.4s linear forwards}
@keyframes prog{to{transform:scaleX(1)}}
.hero[data-dq="4"] .t-k{color:#f8a283}
.tile .t-out{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:13px;color:#f8a283}
.tile .t-out::before{content:"";width:16px;height:16px;flex:none;background:#f17551 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3.5 7.2l2.3 2.3 4.7-5' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
@media (max-width:900px){.tile .t-m.lg{font-size:18px}.tile .t-qm{font-size:48px;height:20px}.hero[data-dq="2"] .tile.big{width:270px;right:2%;bottom:2%}.tile .t-w{font-size:14.5px;padding-bottom:10px;margin-bottom:10px}.tile .t-out{font-size:12px;margin-top:10px}}


/* ===== stories v14 ===== */
.w{position:relative;background:#111010;color:#fff;border-radius:24px;overflow:hidden;padding:0 0 18px;--ov:linear-gradient(180deg,#111010a6 0%,#111010e0 50%,#111010 100%)}
.w .tex{bottom:auto;height:380px}
.w .tex img{filter:saturate(.95)}
.w>*:not(.tex){position:relative;z-index:1}
.w-top{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:40px;align-items:end;padding:52px 44px 0}
.w-who{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.w-who .ex{background:transparent;border-color:#ffffff33;color:#ffffffb3}
.w-q{font-family:var(--f-head);font-size:clamp(26px,2.6vw,34px);line-height:1.15;quotes:"\201C" "\201D";text-wrap:balance}
.w-n{font-size:14px;font-weight:500;color:#ffffffd9}
.w-told{border-left:2px solid #f17551;padding:4px 0 4px 18px;display:flex;flex-direction:column;gap:6px}
.w-told span{font-size:13px;color:#ffffff8c}
.w-told q{font-size:16px;line-height:1.4;color:#ffffffd9;quotes:"\201C" "\201D"}
.w-k{display:inline-flex;align-items:center;gap:9px;font-family:var(--f-mono);font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#ffffffb3}
.w-k::before{content:"";width:7px;height:7px;background:#f17551;flex:none}
.w-k.c{display:flex;justify-content:center;margin:44px 0 18px}
/* sparkline */
.spk{display:block;width:100%;height:34px;overflow:visible}
.spk path{fill:none;stroke:#ffffff8c;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;animation:drawl 1.1s cubic-bezier(.4,.1,.2,1) forwards}
.spk.hot path{stroke:#f17551}
.spk circle{fill:#fff;opacity:0;animation:fadein .3s forwards}
.spk.hot circle{fill:#f17551}
.spk .spk-n{stroke:#ffffff33;stroke-width:2;stroke-dasharray:3 4;vector-effect:non-scaling-stroke}
@keyframes fadein{to{opacity:1}}
/* answer block (shared 1 and 3) */
.w-ans{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);margin:0 18px;border:1px solid #ffffff1a;border-radius:18px;background:#ffffff0a}
.w-ans>div{padding:28px 30px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.w-ans>div+div{border-left:1px solid #ffffff1a}
.w-ans h3{font-family:var(--f-head);font-weight:400;font-size:clamp(21px,2vw,25px);line-height:1.25;text-wrap:balance}
.w-ans .dchip{margin-top:auto;padding-top:6px}
.w-ans .dchip small{color:#ffffff8c}
.w-a2 b{font-family:var(--f-head);font-weight:400;font-size:clamp(23px,2.2vw,28px);line-height:1.2;color:#f8a283;text-wrap:balance}
.w-a2 p{font-size:14.5px;line-height:1.5;color:#ffffffa6}
.story.play .w-ans{animation:rise .7s 1.5s cubic-bezier(.2,.8,.2,1) both}
.story.play .w-top{animation:rise .6s cubic-bezier(.2,.8,.2,1) both}
/* 1: connected cards */
.w1-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0 18px}
.mc{background:#1d1b1a;border:1px solid #ffffff17;border-radius:14px;padding:14px 15px 13px;display:flex;flex-direction:column;gap:10px;animation:rise .6s var(--d) cubic-bezier(.2,.8,.2,1) both}
.mc.lv2{border-color:#f1755166;background:linear-gradient(180deg,#f175511a,#1d1b1a 70%)}
.mc-h{display:flex;justify-content:space-between;align-items:center;gap:8px}
.mc-h b{font-size:14.5px;font-weight:500}
.mp{font-size:11.5px;line-height:1;border-radius:6px;padding:4px 7px;white-space:nowrap;background:#ffffff14;color:#ffffffbf}
.lv1 .mp{background:#e8a93a26;color:#f6d77f}
.lv2 .mp{background:#f1755133;color:#ffb39b}
.mc small{font-size:12.5px;color:#ffffffa6;line-height:1.35}
.w1-join{display:block;width:calc(100% - 36px);margin:0 18px;height:64px}
.w1-join path{fill:none;stroke:#f17551;stroke-width:1.5;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;animation:drawl .8s cubic-bezier(.4,.1,.2,1) forwards}
.w1-node{display:flex;justify-content:center;margin:-6px 0 0;height:30px}
.w1-node span{width:14px;height:14px;background:#f17551;box-shadow:0 0 0 5px #f1755133,0 0 24px #f17551aa;opacity:0;animation:fadein .3s 2.1s forwards}
.w1 .w-ans{margin-top:4px}
/* 2: felt, found, fixed */
.w2-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr) minmax(0,.9fr);margin:44px 18px 0;border:1px solid #ffffff1a;border-radius:18px;background:#ffffff0a}
.w2-c{padding:26px 26px 28px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.w2-c+.w2-c{border-left:1px solid #ffffff1a}
.w2-c p{font-size:14.5px;line-height:1.5;color:#ffffffa6}
.w2-big{font-family:var(--f-head);font-size:22px!important;line-height:1.2!important;color:#fff!important}
.w2-l{list-style:none;margin:0;padding:0;width:100%;display:flex;flex-direction:column}
.w2-l li{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:14px;align-items:center;padding:10px 0;border-bottom:1px solid #ffffff12;animation:rise .5s var(--d) cubic-bezier(.2,.8,.2,1) both}
.w2-n b{display:block;font-size:14px;font-weight:500}
.w2-n small{display:block;font-size:12.5px;color:#ffffff99;margin-top:2px}
.w2-l .spk{height:28px}
.w2-sum{font-family:var(--f-head);font-size:19px!important;line-height:1.3!important;color:#fff!important;margin-top:6px}
.w2-r{font-family:var(--f-head);font-weight:400;font-size:clamp(23px,2.2vw,27px);line-height:1.2;color:#f8a283}
.w2-doc{margin-top:auto;padding-top:10px}
.w2-doc .dchip small{color:#ffffff8c}
/* 3: across the years */
.w3-tbl{position:relative;margin:44px 18px 22px;padding:20px 22px 16px;border:1px solid #ffffff1a;border-radius:18px;background:#ffffff08}
.w3-r{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.6fr) repeat(4,minmax(0,1fr));align-items:center;padding:11px 0;border-bottom:1px solid #ffffff10}
.w3-r.hd{padding:0 0 10px}
.w3-y{text-align:center;font-family:var(--f-mono);font-size:12px;color:#ffffff80}
.w3-y.now{color:#f8a283}
.w3-n b{display:block;font-size:14.5px;font-weight:500}
.w3-n small{display:block;font-size:12.5px;color:#ffffff99;margin-top:2px}
.w3-c{display:grid;place-items:center}
.w3-c i,.w3-leg i{display:block;width:14px;height:14px}
.d0{background:#ffffff38}
.d1{background:#e8c35a}
.d2{background:#f17551;box-shadow:0 0 14px #f1755199}
.dx{background:transparent;border:1px dashed #ffffff33}
.w3-c i{opacity:0;transform:scale(.4);animation:pop .4s var(--d) cubic-bezier(.2,.8,.2,1.4) forwards}
@keyframes pop{to{opacity:1;transform:none}}
.w3-band{position:absolute;z-index:0;top:10px;bottom:46px;right:22px;width:calc((100% - 44px) * 1 / 5.6);border-radius:10px;background:#f1755114;border:1px solid #f1755140;opacity:0;animation:fadein .5s 1.3s forwards}
.w3-leg{display:flex;gap:18px;justify-content:flex-end;padding-top:12px;font-size:12px;color:#ffffff8c}
.w3-leg span{display:flex;align-items:center;gap:7px}
.w3-leg i{width:10px;height:10px}
#stories[data-sv] .bl-tabs{display:flex}
@media (max-width:860px){
  .w{border-radius:20px;padding-bottom:10px}
  .w .tex{height:300px}
  .w-top{grid-template-columns:minmax(0,1fr);gap:22px;padding:36px 20px 0}
  .w-q{font-size:25px}
  .w-told q{font-size:15px}
  .w-k.c{margin:34px 0 14px}
  .w1-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 10px}
  .mc{padding:12px}
  .mc-h{flex-direction:column;align-items:flex-start;gap:6px}
  .mc-h b{font-size:13.5px}
  .w1-join{display:none}
  .w1-node{height:auto;margin:14px 0}
  .w1-node span{width:2px;height:28px;box-shadow:none;background:linear-gradient(#f1755100,#f17551)}
  .w-ans{grid-template-columns:minmax(0,1fr);margin:0 10px}
  .w-ans>div{padding:22px 20px}
  .w-ans>div+div{border-left:0;border-top:1px solid #ffffff1a}
  .w2-grid{grid-template-columns:minmax(0,1fr);margin:32px 10px 0}
  .w2-c{padding:22px 20px}
  .w2-c+.w2-c{border-left:0;border-top:1px solid #ffffff1a}
  .w2-l li{grid-template-columns:minmax(0,1fr) 80px}
  .w3-tbl{margin:32px 10px 16px;padding:16px 12px 12px}
  .w3-r{grid-template-columns:minmax(0,2fr) repeat(4,minmax(0,1fr))}
  .w3-n b{font-size:13px}.w3-n small{font-size:11.5px}
  .w3-y{font-size:10.5px}
  .w3-c i{width:12px;height:12px}
  .w3-band{right:12px;width:calc((100% - 24px) / 6)}
  .w3-leg{justify-content:center;flex-wrap:wrap;gap:12px}
}


/* stories: felt / found / fixed, vertical */
.f{position:relative;background:#111010;color:#fff;border-radius:24px;overflow:hidden;padding-bottom:20px;--ov:linear-gradient(180deg,#111010a6 0%,#111010e0 55%,#111010 100%)}
.f .tex{bottom:auto;height:420px}
.f>*:not(.tex){position:relative;z-index:1}
.f-top{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:64px 40px 0}
.f-top .ex{background:transparent;border-color:#ffffff33;color:#ffffffb3}
.f .sq-q{color:#fff}
.f-n{font-size:14px;font-weight:500;color:#ffffffd9}
.f-rows{margin:48px 20px 0;border:1px solid #ffffff1a;border-radius:18px;background:#ffffff08}
.f-row{display:grid;grid-template-columns:150px minmax(0,1fr);gap:24px;padding:30px 34px}
.f-row+.f-row{border-top:1px solid #ffffff14}
.f-k{display:inline-flex;align-items:center;gap:9px;align-self:start;margin-top:5px;font-family:var(--f-mono);font-size:12.5px;letter-spacing:.05em;text-transform:uppercase;color:#f8a283}
.f-k::before{content:"";width:7px;height:7px;background:#f17551;flex:none}
.f-b{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.f-big{font-family:var(--f-head);font-size:clamp(21px,2vw,25px);line-height:1.25}
.f-told{font-size:15px;line-height:1.45;color:#ffffffa6}
.f-lead{font-size:15px;color:#ffffffa6}
.f .tl-wrap{width:100%;padding:14px 0 6px}
.f .tl-line{background:#ffffff26}
.f .sq{background:#262422;border-color:#ffffff4d}
.f .sq::after{background:#ffffffb3}
.f .tn.on .sq{background:#f17551;border-color:#f17551}
.f .tn.on .sq::after{background:#fff}
.f .tn{padding-inline:8px}
.f .tn .body b{color:#fff;font-size:14.5px}
.f .tn .body span{color:#ffffffa6;font-size:13px}
.f .tl.ready .tn:not(.on) .body{opacity:.35}
.f-h{font-family:var(--f-head);font-weight:400;font-size:clamp(21px,2vw,25px);line-height:1.25;margin-top:8px;padding-top:18px;border-top:1px solid #ffffff14;width:100%}
.f-r{font-family:var(--f-head);font-weight:400;font-size:clamp(25px,2.4vw,31px);line-height:1.2;color:#f8a283}
.f-p{font-size:15px;line-height:1.5;color:#ffffffb3}
.f-b .dchip{margin-top:8px}
.f-b .dchip small{color:#ffffff8c}
.story.play .f-top{animation:rise .6s cubic-bezier(.2,.8,.2,1) both}
.story.play .f-row{animation:rise .6s cubic-bezier(.2,.8,.2,1) both}
.story.play .f-row:nth-child(2){animation-delay:.12s}.story.play .f-row:nth-child(3){animation-delay:.24s}
@media (max-width:860px){
  .f{border-radius:20px;padding-bottom:10px}
  .f .tex{height:320px}
  .f-top{padding:42px 20px 0}
  .f-rows{margin:34px 10px 0}
  .f-row{grid-template-columns:minmax(0,1fr);gap:12px;padding:24px 20px}
  .f-k{margin-top:0}
  .f .tl-wrap{padding:10px 0 2px}
}


/* ===== felt/found/fixed: five alignments ===== */
/* A: left */
.fA .f-top{align-items:flex-start;text-align:left;padding:60px 54px 0}
.fA .sq-q{max-width:24ch}
.fA .f-rows{margin:44px 20px 0}
.fA .f-row{grid-template-columns:120px minmax(0,1fr);padding:30px 34px}
.fA .tl-wrap{margin-left:-14px}
/* B: centred */
.fB .f-rows{border:0;background:transparent;margin:40px 20px 0;display:flex;flex-direction:column;gap:12px}
.fB .f-row{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:30px 30px 32px;border:1px solid #ffffff1a!important;border-radius:18px;background:#ffffff08}
.fB .f-b{align-items:center;max-width:720px;width:100%}
.fB .f-k{align-self:center;margin-top:0}
.fB .f-h{text-align:center}
.fB .f-b .dchip{align-self:center}
.fB .f-row.fix{background:linear-gradient(180deg,#f175511a,#ffffff05)}
/* C: split */
.fC{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:0;padding:0}
.fC .tex{height:100%;width:44%;right:auto;--ov:linear-gradient(180deg,#111010b3,#111010f0)}
.fC-l{padding:56px 40px 44px;display:flex;flex-direction:column;gap:36px;border-right:1px solid #ffffff14}
.fC .f-top{align-items:flex-start;text-align:left;padding:0}
.fC .sq-q{font-size:clamp(26px,2.4vw,32px)}
.fC-felt{display:flex;flex-direction:column;gap:10px;padding-top:24px;border-top:1px solid #ffffff1a}
.fC-r{display:flex;flex-direction:column;padding:20px 8px}
.fC-r .f-row{grid-template-columns:minmax(0,1fr);gap:12px;padding:28px 30px}
.fC-r .tl-wrap{padding-inline:0}
/* D: rail */
.fD .f-top{align-items:flex-start;text-align:left;padding:60px 54px 0}
.fD .sq-q{max-width:24ch}
.fD .f-rows{border:0;background:transparent;margin:40px 54px 0;position:relative}
.fD .f-rows::before{content:"";position:absolute;left:3px;top:10px;bottom:40px;width:1px;background:linear-gradient(#f17551,#f1755133)}
.fD .f-row{grid-template-columns:minmax(0,1fr);gap:10px;padding:0 0 36px 34px;border:0!important;position:relative}
.fD .f-k{margin-top:0}
.fD .f-k::before{position:absolute;left:0;top:4px;width:8px;height:8px;box-shadow:0 0 0 5px #111010}
.fD .f-b{padding:18px 22px;border:1px solid #ffffff17;border-radius:16px;background:#ffffff08;width:100%}
.fD .fix .f-b{background:linear-gradient(180deg,#f175511c,#ffffff05);border-color:#f1755140}
.fD .tl-wrap{margin-left:-8px}
/* E: cards */
.fE .f-top{align-items:flex-start;text-align:left;padding:60px 54px 0}
.fE .sq-q{max-width:24ch}
.fE .f-rows{border:0;background:transparent;margin:40px 20px 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.fE .f-row{grid-template-columns:minmax(0,1fr);align-content:start;gap:12px;padding:26px 28px;border:1px solid #ffffff1a!important;border-radius:18px;background:#ffffff08}
.fE .f-row:nth-child(1){grid-column:1;grid-row:1}
.fE .f-row.fix{grid-column:2;grid-row:1;background:#f17551;border-color:#f17551!important}
.fE .f-row:nth-child(2){grid-column:1/-1;grid-row:2}
.fE .fix .f-k,.fE .fix .f-p,.fE .fix .dchip small{color:#ffffffd9}
.fE .fix .f-k::before{background:#fff}
.fE .fix .f-r{color:#fff}
@media (max-width:860px){
  .fA .f-top,.fD .f-top,.fE .f-top{padding:40px 22px 0}
  .fA .f-rows{margin:32px 10px 0}
  .fA .f-row{grid-template-columns:minmax(0,1fr);padding:24px 20px}
  .fA .tl-wrap{margin-left:0}
  .fB .f-rows{margin:30px 10px 0;gap:8px}
  .fB .f-row{padding:24px 18px}
  .fC{grid-template-columns:minmax(0,1fr)}
  .fC .tex{width:100%;height:340px}
  .fC-l{padding:40px 22px 26px;border-right:0;gap:26px}
  .fC-r{padding:0 10px 10px}
  .fC-r .f-row{padding:24px 12px;border-top:1px solid #ffffff14}
  .fD .f-rows{margin:32px 20px 0}
  .fD .f-row{padding:0 0 26px 26px}
  .fD .f-b{padding:16px}
  .fE .f-rows{grid-template-columns:minmax(0,1fr);margin:32px 10px 0;gap:8px}
  .fE .f-row,.fE .f-row:nth-child(1),.fE .f-row:nth-child(2),.fE .f-row.fix{grid-row:auto;grid-column:auto;padding:22px 20px}
}

.cta-wrap{display:inline-flex;flex-direction:column;align-items:center;gap:10px;margin-top:4px}
.cta-wrap .btn{margin-top:0!important}
.cta-wrap .hero-time{margin-top:0}
@media (max-width:900px){.cta-wrap{align-self:stretch}.cta-wrap .btn{align-self:stretch}}

/* stories: rail, final polish */
.fD .f-top{padding:64px 56px 0}
.fD .f-rows{margin:48px 56px 0;padding-bottom:12px}
.fD .f-rows::before{left:3px;top:8px;bottom:30px;background:linear-gradient(#f17551 0%,#f1755166 100%)}
.fD .f-row{padding:0 0 40px 36px;gap:12px}
.fD .f-row:last-child{padding-bottom:20px}
.fD .f-b{padding:0;border:0;background:transparent;border-radius:0;gap:12px}
.fD .fix .f-b{background:transparent;border:0}
.fD .f-k{font-size:12px;color:#ffffff8c}
.fD .f-k::before{background:#f17551}
.fD .f-big,.fD .f-h,.fD .f-r{font-family:var(--f-head);font-weight:400;font-size:clamp(23px,2.2vw,28px);line-height:1.2;margin:0;padding:0;border:0;color:#fff;text-wrap:balance;max-width:30ch}
.fD .f-r{color:#f8a283}
.fD .f-told,.fD .f-p{font-size:15.5px;line-height:1.5;color:#ffffffa6;max-width:60ch}
.fD .tl-wrap{margin:10px 0 0 -14px;padding:18px 0 4px;width:calc(100% + 14px)}
.fD .f-b .dchip{margin-top:6px}
.fD .f-row+.f-row::after{content:"";position:absolute;left:36px;right:0;top:-20px;height:1px;background:#ffffff0f}
@media (max-width:860px){
  .fD .f-top{padding:42px 22px 0}
  .fD .f-rows{margin:34px 22px 0}
  .fD .f-row{padding:0 0 32px 26px}
  .fD .f-row+.f-row::after{left:26px;top:-16px}
  .fD .f-big,.fD .f-h,.fD .f-r{font-size:22px}
  .fD .f-told,.fD .f-p{font-size:14.5px}
  .fD .tl-wrap{margin:6px 0 0;padding:10px 0 0;width:100%}
}


/* stories: final, one line only */
.tabs-k{text-align:center;font-family:var(--f-mono);font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.fD .f-rows::before{display:none}
.fD .f-row{padding:32px 0 34px;gap:14px}
.fD .f-row:first-child{padding-top:0}
.fD .f-row:last-child{padding-bottom:16px}
.fD .f-row+.f-row::after{left:0;top:0}
.fD .f-k::before{position:static;width:7px;height:7px;box-shadow:none}
.fD .f-k{color:#f8a283}
.fD .tl-wrap{margin:14px 0 0;padding:6px 0 0;width:100%}
.fD .tl-wrap{max-width:none}
@media (min-width:761px){
  .fD .tl .tn{align-items:flex-start;text-align:left;padding:0 18px 0 0}
  .fD .tl .tn .body{align-items:flex-start}
  .fD .tl .tn .body span{max-width:24ch}
  .fD .tl-line{left:12px;right:calc(100% / var(--n) - 12px)}
}
.fD .f-top{padding-top:60px}
@media (max-width:860px){
  .fD .f-row{padding:26px 0 28px}
  .fD .f-row+.f-row::after{left:0}
  .fD .tl-wrap{margin-top:8px}
}

/* how it works: homepage stacking cards */
.lab{display:inline-flex;align-items:center;gap:9px;font-family:var(--f-mono);font-size:13px;text-transform:uppercase;color:var(--fg)}
.lab::before{content:"";width:9px;height:9px;background:#f17551;flex:none}
.stackc{display:flex;flex-direction:column;gap:28px}
.scard{position:sticky;top:calc(92px + var(--i) * 16px);background:#f8f8f8;border-radius:24px;padding:18px;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:18px;min-height:540px;transition:background-color .35s ease}
.scard[data-d="1"]{background:#ececec}.scard[data-d="2"]{background:#e1e1e1}.scard[data-d="3"]{background:#d6d6d6}
.sc-t{padding:22px 18px;display:flex;flex-direction:column;gap:12px}
.sc-t h3{font-family:var(--f-ui);font-weight:500;font-size:clamp(24px,2.3vw,30px);line-height:1.2;letter-spacing:-.01em;margin-top:8px}
.sc-t p{font-size:17px;color:var(--grey);line-height:1.4;max-width:36ch}
.sc-t small{margin-top:auto;font-size:14px;color:var(--grey);line-height:1.4}
.hv{position:relative;border-radius:18px;overflow:hidden;background:#111;min-height:100%}
.hv>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.chip{position:absolute;background:#fffffff2;border-radius:14px;box-shadow:0 18px 40px -16px #00000073;padding:13px 15px;font-size:14px;display:flex;flex-direction:column;gap:8px}
.chip .mono{color:var(--muted)}
.chip b{font-weight:500}
.rows{display:flex;flex-direction:column;gap:7px}
.rows span{display:flex;justify-content:space-between;gap:18px;font-size:13.5px}
.rows span em{font-style:normal;color:var(--muted);font-family:var(--f-mono);font-size:11.5px;text-transform:uppercase}
.call{display:flex;align-items:center;gap:12px}
.call img{width:46px;height:46px;border-radius:50%;object-fit:cover}
.call small{display:block;color:var(--muted);font-size:12.5px}
.add span{display:flex;align-items:center;gap:8px;font-size:14px}
.add span::before{content:"+";width:16px;height:16px;background:#f17551;color:#fff;display:grid;place-items:center;font-size:12px;line-height:1}
.hv.plan-v{display:grid;place-items:center;padding:24px}
.plan{position:relative;width:100%;max-width:440px;background:#fff;border-radius:18px;padding:22px 22px 18px;box-shadow:0 30px 60px -24px #00000080}
.plan .goal{font-family:var(--f-mono);font-size:11.5px;text-transform:uppercase;color:#f17551}
.plan h4{margin:6px 0 0;font-family:var(--f-ui);font-weight:500;font-size:19px;line-height:1.2}
.plan .why{font-size:13.5px;line-height:1.4;color:var(--grey);margin-top:5px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.plan-h{display:flex;justify-content:space-between;align-items:center;margin:12px 0 9px}
.plan-h b{font-weight:500;font-size:15.5px}
.plan-h .avs img{width:26px;height:26px;border:2px solid #fff;margin-left:-8px}
.act{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.act li{display:flex;align-items:center;gap:12px;font-size:14.5px}
.act img{width:34px;height:34px;border-radius:7px;object-fit:cover;flex:none}
@media (max-width:900px){.stackc{gap:22vh}.scard{top:calc(16px + var(--i) * 10px);grid-template-columns:minmax(0,1fr);min-height:0;padding:10px;border-radius:20px}.sc-t{padding:16px 12px 6px}.sc-t p{font-size:15.5px}.hv{aspect-ratio:4/3.3;min-height:0}.hv.plan-v{aspect-ratio:auto;padding:14px}.chip{font-size:13px;padding:10px 12px}.plan{padding:16px}.plan h4{font-size:17px}.act li{font-size:13.5px}}

/* mobile type pass */
@media (max-width:760px){
  .h2{font-size:34px;line-height:1.12}
  .head.c .h2 br:has(+ .g){display:none}
  .head.c .h2 .g::before{content:" "}
  .sq-q{font-size:26px}
  .sec{padding-block:80px}
}

/* doctors */
.dgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:104px}
.doc{display:flex;align-items:center;gap:20px;background:#f4f4f4;border-radius:18px;padding:8px;min-width:0}
.doc img{width:80px;height:80px;border-radius:10px;object-fit:cover;flex:none}
.doc b{display:block;font-weight:500;font-size:18px;line-height:1.2}
.doc small{display:block;font-size:15px;color:var(--muted);line-height:1.3;margin-top:3px}
.doc-cta{display:flex;justify-content:center;margin-top:72px}
@media (max-width:900px){.dgrid{grid-template-columns:minmax(0,1fr);gap:8px}.doc img{width:64px;height:64px}.doc b{font-size:16px}.doc small{font-size:13.5px}}

/* testimonials (homepage) */
.tst{padding-block:144px 112px;overflow:hidden}
@media (max-width:900px){.tst{padding-block:72px}}
.tcar{position:relative;margin-top:72px}
.ttrack{display:flex;gap:16px;width:max-content;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.tcard{flex:none;width:min(416px,82vw);height:450px;border-radius:24px;overflow:hidden;position:relative;background:#f3efeb;padding:30px;display:flex;flex-direction:column}
.tcard .st5{letter-spacing:3px;font-size:16px;color:#181818}
.tcard h3{font-family:var(--f-ui);font-weight:500;font-size:16px;line-height:1.3;margin-top:16px}
.tcard p{font-size:14px;color:var(--muted);line-height:1.4;margin-top:28px}
.tcard .tw{margin-top:auto;display:flex;align-items:center;gap:14px}
.tcard .tw img{width:40px;height:40px;border-radius:10px;object-fit:cover}
.tcard .tw b{display:block;font-weight:500;font-size:16px}
.tcard .tw span{font-size:14px;color:var(--muted)}
.tcard.v{background:#111;padding:0;color:#fff}
.tcard.v img.poster,.tcard.v video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tcard.v::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#000000b3);pointer-events:none}
.tcard.v .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:86px;height:86px;border-radius:50%;border:0;background:#ffffff40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;cursor:pointer}
.tcard.v .play svg{width:30px;height:30px;color:#fff;margin-left:4px}
.tcard.v .tw{position:absolute;left:30px;bottom:26px;z-index:2}
.tcard.v .tw b{color:#fff}.tcard.v .tw span{color:#ffffffd9}
.tcard.v.playing .play,.tcard.v.playing .tw{display:none}
.tcard.v.playing::after{display:none}
.tnav{display:flex;justify-content:center;gap:10px;margin-top:32px}
.tnav button{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#fff;display:grid;place-items:center;cursor:pointer}
.tnav button:hover{border-color:var(--fg)}
.tnav svg{width:16px;height:16px}
.ttrust{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:36px;font-size:16px;text-align:center}
.ttrust span{color:var(--muted)}
.ttrust .stars{font-size:18px;margin-top:4px;color:var(--star)}

.dnav{display:none}
@media (max-width:760px){
  #doctors{padding-top:96px!important}
  #doctors .wrap{display:flex;flex-direction:column}
  #doctors .head.c{align-items:flex-start;text-align:left;margin-inline:0}
  #doctors .head.c .bl-tag{align-self:flex-start}
  #doctors .head.c .h2{font-size:34px}
  #doctors .head .sub{font-size:16px}
  .doc-cta{order:2;margin-top:28px!important;justify-content:space-between;align-items:center;gap:12px}
  .doc-cta .btn{padding:15px 26px}
  .dnav{display:flex;gap:8px}
  .dnav button{width:46px;height:46px;border-radius:50%;border:0;background:#f2f2f2;color:var(--fg);display:grid;place-items:center;cursor:pointer}
  .dnav button:disabled{opacity:.35}
  .dnav svg{width:18px;height:18px}
  .dgrid{order:3;margin-top:28px!important;min-height:296px}
  .dgrid .doc{animation:rise .5s cubic-bezier(.2,.8,.2,1) both}
  .dgrid .doc:nth-child(3n+2){animation-delay:.05s}.dgrid .doc:nth-child(3n){animation-delay:.1s}
  .dgrid .doc.pg{display:none}
  .doc{border-radius:16px;gap:16px}
  .tst{padding-block:96px 88px!important}
  .tst .head.c .h2{font-size:34px}
  .tst .head .sub{font-size:16px}
  .tcar{margin-top:44px!important}
  .tcard{height:440px;padding:26px}
  .ttrust{margin-top:28px}
}

/* offer */
.offer{padding:clamp(48px,7vw,88px) clamp(20px,5vw,64px)}
.offer::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(40% 50% at 22% 40%,#c17e3a2e,transparent 70%)}
.member{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center}
.stage{display:flex;flex-direction:column;align-items:center;perspective:1200px}
.mcard{position:relative;width:min(360px,100%);aspect-ratio:1.586;border-radius:20px;overflow:hidden;background:radial-gradient(120% 90% at 20% 0%,#ffd39a,#f2873a 40%,#c2471c 72%,#6b1d0d);box-shadow:0 40px 80px -24px #f2873a59,inset 0 0 0 1px #ffffff2e;padding:22px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;transform:rotateX(8deg) rotateY(-10deg);transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.mcard:hover{transform:none}
.mcard::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,#ffffff40 48%,transparent 62%);transform:translateX(-120%);animation:sheen 5.5s ease-in-out 1.5s infinite}
@keyframes sheen{0%{transform:translateX(-120%)}40%,100%{transform:translateX(120%)}}
.mc-top{display:flex;justify-content:space-between;align-items:flex-start}
.mc-top svg{width:44px;color:#fff}
.card-night .mc-top .mono{font-size:10.5px;color:#fff;border:1px solid #ffffff80;border-radius:999px;padding:4px 9px}
.mc-bot{display:flex;justify-content:space-between;align-items:flex-end}
.mc-bot .bl-logo{color:#fff}.mc-bot .bl-logo svg{height:18px}
.card-night .mc-bot .mono{color:#ffffffcc;font-size:10.5px}
.price{display:flex;align-items:baseline;gap:12px;margin:10px 0 16px}
.price b{font-family:var(--f-head);font-weight:400;font-size:64px;line-height:1;color:#fff}
.price span{font-size:14px;color:var(--night-muted)}
.inc{list-style:none;margin:0;padding:14px 0 0;border-top:1px solid var(--night-line);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px}
.inc li{display:grid;grid-template-columns:16px minmax(0,1fr);gap:9px;font-size:15px;color:#f4f4f3;line-height:1.35}
.inc li::before{content:"✓";color:#f17551;font-weight:600}
.octa{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:26px}
.guar{font-size:13.5px;color:var(--night-muted);max-width:52ch}
.ladder{margin-top:clamp(56px,7vw,80px);padding-top:clamp(40px,5vw,56px);border-top:1px solid var(--night-line);display:flex;flex-direction:column;gap:22px}
.lrow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.rung{border:1px solid var(--night-line);border-radius:16px;padding:18px 20px;display:flex;flex-direction:column;gap:6px;background:var(--night-2)}
.rung.here{background:#fff;color:var(--fg);border-color:#fff}
.card-night .rung.here .mono{color:var(--muted)}
.rung-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.rung b{font-family:var(--f-head);font-size:26px;font-weight:400;line-height:1.1}
.rung .pr{font-size:15px;white-space:nowrap}
.rung p{font-size:14px;color:var(--night-muted)}
.rung.here p{color:var(--muted)}
.lnote{font-size:14.5px;color:var(--night-muted)}
.lnote b{color:#fff;font-weight:500}
@media (max-width:900px){.member{grid-template-columns:minmax(0,1fr);gap:36px}.lrow{grid-template-columns:minmax(0,1fr)}.mcard{transform:none}.octa .btn{align-self:stretch}.price b{font-size:54px}.inc{grid-template-columns:minmax(0,1fr)}}

/* reviews */
.revs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:40px}
.rev{margin:0;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:12px}
.rev q{font-family:var(--f-head);font-size:22px;line-height:1.2;quotes:"\201C" "\201D"}
.rev-top{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}
.rev-top img,.rev-top .ini{width:34px;height:34px;border-radius:50%;object-fit:cover;flex:none}
.rev-top .ini{display:grid;place-items:center;background:var(--chip);font-weight:500;font-size:14px}
.rev-top b{display:block;font-size:14px;font-weight:500}
.rev-top .stars{font-size:12.5px}
.tpbig{display:flex;align-items:center;justify-content:center;gap:10px;font-size:15px;color:var(--muted)}
.tpbig .stars{font-size:18px}
.tpbig b{color:var(--fg);font-weight:500}
@media (max-width:900px){.revs{grid-template-columns:minmax(0,1fr)}}

/* faq */
.bl-faq .wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px}
.bl-faq details{border-bottom:1px solid var(--line);padding-block:18px}
.bl-faq details:first-of-type{border-top:1px solid var(--line)}
.bl-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;font-weight:500;font-size:16.5px}
.bl-faq summary::-webkit-details-marker{display:none}
.bl-faq summary::after{content:"+";font-weight:300;font-size:22px;line-height:1;transition:transform .2s;flex:none}
.bl-faq details[open] summary::after{transform:rotate(45deg)}
.bl-faq details p{margin-top:10px;color:var(--muted);font-size:15px;max-width:62ch}
.callbox{display:flex;align-items:center;gap:14px;background:var(--off);border-radius:16px;padding:14px 16px;text-decoration:none;align-self:flex-start}
.callbox b{display:block;font-weight:500}
.callbox span span{font-size:13.5px;color:var(--muted)}
.callbox .avs img{border-color:var(--off)}
@media (max-width:900px){.bl-faq .wrap{grid-template-columns:minmax(0,1fr);gap:28px}}

/* final */
.final{padding:clamp(48px,7vw,80px) clamp(20px,5vw,64px)}
.final::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(45% 60% at 80% 50%,#c17e3a26,transparent 70%)}
.final .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.teaser{background:#fff;color:var(--fg);border-radius:16px;padding:18px 20px 0;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 30px 70px -30px #000;text-decoration:none;transition:transform .2s}
.teaser:hover{transform:translateY(-2px)}
.tz-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:2px solid var(--fg)}
.tz-head .bl-logo svg{height:15px}
.card-night .tz-head .mono{color:var(--fg)}
.tz-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.tz-row:last-of-type{border-bottom:0}
.tz-n{font-family:var(--f-mono);font-size:11.5px;color:var(--muted)}
.tz-t b{display:block;font-weight:500;font-size:15px;line-height:1.3}
.tz-t small{display:block;color:var(--muted);font-size:12.5px;line-height:1.35}
.tz-c{font-size:34px;line-height:1;min-width:2ch;text-align:right;filter:blur(6px);opacity:.6;user-select:none}
.tz-row.warn .tz-n{color:#c2410c}
.tz-flag{display:inline-block;margin-left:8px;padding:2px 7px;border:1px solid #c2410c;border-radius:4px;color:#c2410c;font-family:var(--f-mono);font-size:10.5px;font-weight:400;text-transform:uppercase;vertical-align:2px}
.tz-foot{display:flex;justify-content:center;align-items:center;gap:8px;margin:4px -20px 0;padding:14px 20px;background:var(--fg);color:#f4f4f3;font-weight:500;font-size:14.5px}
.final-copy{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
@media (max-width:900px){.final .wrap{grid-template-columns:minmax(0,1fr);gap:32px}.final-copy .btn{align-self:stretch}}
.foot{font-size:12.5px;color:var(--muted)}
.foot .wrap{display:flex;flex-direction:column;gap:10px;padding-block:28px 40px;max-width:900px}
.foot .bl-logo svg{height:18px}

.mbar{position:fixed;left:0;right:0;bottom:0;z-index:25;display:none;align-items:center;justify-content:space-between;gap:12px;background:#ffffffef;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:12px max(16px,env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));transform:translateY(110%);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.mbar.on{transform:none}
.mbar div{display:flex;flex-direction:column;line-height:1.2;font-size:12.5px;color:var(--muted)}
.mbar b{font-family:var(--f-head);font-weight:400;font-size:24px;color:var(--fg)}
.mbar .btn{padding:13px 22px;font-size:15px}
@media (max-width:760px){.mbar{display:flex}
.mbar{justify-content:center;background:transparent;border-top:0;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}
.mbar .glass{pointer-events:auto;display:inline-flex;padding:6px;border-radius:999px;background:#ffffffb8;-webkit-backdrop-filter:blur(18px) saturate(1.6);backdrop-filter:blur(18px) saturate(1.6);border:1px solid #ffffffcc;box-shadow:inset 0 1px 0 #ffffffe6,0 0 0 .5px #0000000f,0 14px 36px #0000002e}
.mbar .btn{padding:15px 40px;font-size:16px}}

/* final */
.final{padding:clamp(96px,11vw,150px) 24px;text-align:center;min-height:min(720px,90vh);display:flex;align-items:center;justify-content:center}
.final canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.final::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(36% 38% at 50% 52%,#111010f7,#111010cc 50%,#11101000 88%)}
.final .wrap{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:22px}
.final .h1{max-width:13ch}
.final .sub{margin:0 auto;text-align:center;max-width:44ch}
.final .btn{padding:16px 36px}
.final .proofline{justify-content:center;border:0;padding-top:4px;width:auto}
@media (max-width:760px){
  .final{min-height:0;padding:88px 22px}
  .final .h1{font-size:40px}
  .final .proofline{flex-direction:column;gap:10px;text-align:center}
}
button{color:var(--fg);-webkit-tap-highlight-color:transparent}.tnav button,.snav button,.dnav button{color:#000}.tnav button:focus:not(:focus-visible){outline:none}
@media (min-width:901px){.hero{padding-inline:max(clamp(24px,5vw,64px),calc((100vw - 1120px) / 2 - 20px));grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.hero .h1{font-size:clamp(44px,4.3vw,62px);max-width:15ch}}
@media (max-width:760px){.tc{display:none}.tb{display:block}.tb::first-letter{text-transform:uppercase}}

/* mobile: nav scrolls away, lean floating CTA instead */
@media (max-width:760px){
  header{position:relative;top:auto}
  #how{--nav:12px!important}
  .mbar{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}
  .mbar .glass{padding:4px;background:#ffffff99;box-shadow:inset 0 1px 0 #ffffffcc,0 0 0 .5px #00000012,0 8px 22px #00000024}
  .mbar .btn{padding:12px 28px;font-size:14.5px}
}

/* Mobile hero, the design's final option ("o"): the particle body under the copy, its doctor's note
   centred on it, press logos and avatars dropped, the trust line centred under it. */
@media (max-width:900px){
  .hero[data-mh="o"]{display:flex;flex-direction:column;align-items:stretch;gap:14px;padding:30px 20px 26px}
  .hero[data-mh="o"] .hero-copy{display:contents}
  .hero[data-mh="o"] .hero-copy>*{order:1}
  .hero[data-mh="o"] .viz{order:2;width:100%;max-width:340px;aspect-ratio:1/.92;margin:-14px auto 0}
  .hero[data-mh="o"] .hero-copy>.proofline{order:3}
  .hero[data-mh="o"] .cta-wrap{align-self:stretch}
  .hero[data-mh="o"] .tile.big{width:min(300px,92%);left:50%;transform:translateX(-50%) translateY(8px);bottom:0}
  .hero[data-mh="o"] .tile.big.on{transform:translateX(-50%)}
  .hero[data-mh="o"] .tile .t-m{font-size:15px;line-height:1.35;margin-top:8px}
  .hero[data-mh="o"] .press,.hero[data-mh="o"] .proofline .avs{display:none}
  .hero[data-mh="o"] .proofline{padding-top:16px;margin-top:2px;justify-content:center;text-align:center;flex-direction:column;gap:2px}
}
/* The button under the How it works and member stories headings. */
.how-cta{align-self:center;margin-top:14px}

.w-embed{display:contents}
/* Webflow base CSS sets p{line-height}; the LP lets paragraphs inherit it */
p{line-height:inherit}