/* Layout: Humanolab DESIGN.md, marketing surface. Washed off-white ground with the app's two orbs
   (lime top-right, cool blue left), glass tiles, SF-style type at 800 with tight tracking, butter
   (#F2F07C) as the only marketing action, status colours only inside product shots. Light only. */
:root{color-scheme:light;
  --ground:#FFFFFF; --wash1:#EEF4FA; --wash2:#F6F7FA; --surface:#FFFFFF; --surface2:#F2F2F5;
  --hair:#E8E8ED; --ink:#1D1D1F; --muted:#6E6E73;
  --butter:#F2F07C; --butter-soft:#FBFAD6;
  --glass:rgba(255,255,255,.74); --glass-edge:rgba(255,255,255,.95); --glass-rim:rgba(22,22,26,.05);
  --ok:#35C97F; --ok-from:#9BE6BE; --ok-track:#DDF6E8; --ok-fill:#BFF0D6; --ok-text:#0B8052;
  --mid:#4AA8F0; --mid-from:#A9D6FA; --mid-track:#E3F1FD; --mid-text:#1F72B4;
  --low:#F4589B; --low-from:#F9B4D1; --low-track:#FDE6EF; --low-text:#C92E72;
  --sleep:#A3ADEC; --sleep-dk:#6B77CF;
  --sf:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Inter,"Helvetica Neue",Arial,sans-serif;
  --shadow-glass:0 0 0 .5px var(--glass-rim),0 8px 22px rgba(22,22,26,.07);
  --shadow-float:0 0 0 .5px var(--glass-rim),0 6px 18px rgba(0,0,0,.07);
  --ease:cubic-bezier(.22,1,.36,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ground)}
body{margin:0;background:var(--ground);color:var(--ink);font:400 17px/1.55 var(--sf);-webkit-font-smoothing:antialiased;padding-inline:16px;overflow-x:hidden}
h1,h2,h3{margin:0;font-weight:800;letter-spacing:-.035em;line-height:1.04;text-wrap:balance}
h2{font-size:clamp(36px,5.2vw,60px)}
h3{font-size:21px;letter-spacing:-.025em;line-height:1.2}
p{margin:0}
a{color:inherit}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:10px}
.wrap{max-width:1140px;margin-inline:auto}
.lede{font-size:clamp(17px,1.7vw,20px);color:var(--muted);max-width:52ch}
.center{display:grid;justify-items:center;text-align:center;gap:18px}
section{padding-block:clamp(84px,11vw,140px)}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.glass{background:var(--glass);border:1px solid var(--glass-edge);box-shadow:var(--shadow-glass);backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3)}
.btn{display:inline-flex;align-items:center;gap:8px;font:700 16px/1 var(--sf);letter-spacing:-.01em;padding:16px 24px;border-radius:99px;border:0;background:var(--butter);color:#1D1D1F;text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform .18s var(--ease)}
.btn:hover{transform:translateY(-1px)}
.btn.ghost{background:var(--surface);box-shadow:var(--shadow-float)}
.btn svg{width:16px;height:16px}

/* ground: the app's wash and two orbs */
.ground{position:relative;isolation:isolate}
.ground::before{content:"";position:absolute;z-index:-1;inset:-80px -30vw auto;height:900px;pointer-events:none;
  background:radial-gradient(30% 34% at 82% 30%,rgba(254,160,80,.45),transparent 70%),radial-gradient(30% 38% at 14% 50%,rgba(110,190,252,.55),transparent 70%)}
.hero.ground::before{inset:-120px -40vw auto;height:1100px;
  background:radial-gradient(34% 34% at 84% 14%,rgba(254,160,80,.55),transparent 70%),radial-gradient(34% 40% at 10% 36%,rgba(110,190,252,.65),transparent 70%),linear-gradient(180deg,var(--wash1),var(--wash2) 40%,var(--ground) 80%)}

/* nav */
.nav{position:sticky;top:calc(env(safe-area-inset-top,0px) + 12px);z-index:40;max-width:1140px;margin:12px auto 0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 8px 8px 18px;border-radius:99px}
.logo{display:inline-flex;align-items:center;gap:9px;font:800 13px/1 var(--sf);letter-spacing:.18em;text-decoration:none}
.logo i{width:18px;height:18px;border-radius:50%;border:1.7px solid var(--ink);position:relative}.logo i::after{content:"";position:absolute;inset:3.5px;border-radius:50%;background:var(--ink)}
.nav ul{display:flex;gap:2px;list-style:none;margin:0;padding:0}
.nav ul a{display:block;text-decoration:none;font-size:15px;font-weight:600;color:var(--muted);padding:9px 14px;border-radius:99px}
.nav ul a:hover{color:var(--ink);background:var(--surface2)}
.nav .btn{padding:12px 18px;font-size:15px}
@media (max-width:880px){.nav ul{display:none}}

/* hero */
.hero{padding-top:clamp(64px,9vw,110px);padding-bottom:24px}
.hero h1{font-size:clamp(54px,9vw,120px);letter-spacing:-.055em;line-height:.94}
.hero .lede{text-align:center;margin-inline:auto}
.ctas{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.ticks{display:flex;gap:6px 18px;flex-wrap:wrap;justify-content:center;font-size:14.5px;font-weight:600;color:var(--muted)}
.ticks span{display:inline-flex;align-items:center;gap:7px}
.ticks svg{width:16px;height:16px;color:var(--ok-text)}
.stage{position:relative;max-width:1000px;margin:60px auto 0;display:flex;justify-content:center}
.float{position:absolute;z-index:3;width:min(270px,30vw);padding:14px 16px;border-radius:20px;font-size:14px;color:var(--muted);line-height:1.45}
.float .k{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.float b{display:block;color:var(--ink);font-size:19px;letter-spacing:-.02em;line-height:1.2;margin:5px 0 3px}
.f1{left:0;top:96px}.f2{right:0;top:330px}
@media (max-width:860px){.float{display:none}}


/* hero card (Apple-style product card) */
.hero{padding-top:28px;padding-bottom:0}
.hcard{position:relative;max-width:1180px;margin-inline:auto;border-radius:clamp(28px,3.4vw,44px);overflow:hidden;isolation:isolate;
  background:radial-gradient(48% 55% at 88% 8%,rgba(254,160,80,.85),transparent 70%),radial-gradient(45% 60% at 4% 60%,rgba(110,190,252,.9),transparent 70%),radial-gradient(40% 40% at 60% 100%,rgba(255,228,180,.7),transparent 70%),linear-gradient(180deg,#F3F6FA,#F7F7F9);
  box-shadow:0 0 0 .5px rgba(22,22,26,.06),0 30px 70px -40px rgba(22,22,40,.35)}
.htop{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap;padding:clamp(32px,5vw,64px) clamp(24px,5vw,68px) 0}
.hcopy{display:grid;gap:14px}
.hero h1{font-size:clamp(50px,7.4vw,96px);letter-spacing:-.055em;line-height:.94}
.hsub{font-size:clamp(19px,2vw,26px);font-weight:600;letter-spacing:-.02em;color:#3A3A3C;max-width:22ch;line-height:1.25}
.hcta{display:flex;align-items:center;gap:22px;padding-top:clamp(8px,2.4vw,30px)}
.tlink{font-weight:700;font-size:17px;text-decoration:none;letter-spacing:-.01em}
.tlink:hover{text-decoration:underline}
.hstage{position:relative;display:flex;justify-content:center;margin-top:clamp(12px,2vw,28px);height:clamp(480px,54vw,680px)}
.hand{position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:100%;width:auto;max-width:none;mix-blend-mode:multiply;pointer-events:none}
.hstage .f1{left:clamp(16px,6vw,90px);top:clamp(40px,8vw,120px)}
.hstage .f2{right:clamp(16px,6vw,90px);top:clamp(160px,22vw,300px)}
@media (max-width:720px){.hcta{width:100%}.hstage{height:480px}}
@media (prefers-reduced-motion:no-preference){.hand{animation:handUp 1.1s var(--ease) both}@keyframes handUp{from{transform:translate(-50%,40px)}}}

/* new-iPhone mockup rising from the card's bottom edge */
.iphone{position:absolute;left:50%;top:clamp(14px,1.6vw,22px);transform:translateX(-50%);width:300px;aspect-ratio:300/650;zoom:1.12;border-radius:52px;padding:3.5px;
  background:linear-gradient(140deg,#E9EAEC 0%,#A7AAB0 22%,#6E7177 45%,#C9CBCF 62%,#8B8E94 80%,#DADBDD 100%);
  box-shadow:0 50px 90px -40px rgba(22,22,40,.55),0 20px 40px -24px rgba(22,22,40,.35)}
.iphone .bezel{height:100%;border-radius:49px;padding:7px;background:#09090A;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.iphone .scr{position:relative;height:100%;border-radius:42px;overflow:hidden;font-family:var(--sf);color:#1D1D1F;
  background:radial-gradient(60% 26% at 92% 2%,rgba(254,160,80,.55),transparent 70%),radial-gradient(60% 30% at 0% 20%,rgba(110,190,252,.6),transparent 70%),linear-gradient(180deg,#EEF4FA,#F6F7FA 40%,#FAFAFB)}
.iphone .island{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:58px;height:26px;border-radius:99px;background:#050505;z-index:3}
.iphone .sbar{padding:15px 26px 0 30px;height:40px}
.iphone .sig{display:inline-flex;align-items:flex-end;gap:2px}.iphone .sig b{width:3px;border-radius:1px;background:#1D1D1F}
.iphone .sig b:nth-child(1){height:4px}.iphone .sig b:nth-child(2){height:6px}.iphone .sig b:nth-child(3){height:8px}.iphone .sig b:nth-child(4){height:10px}
.iphone .sig em{width:20px;height:10px;border-radius:3px;border:1px solid #1D1D1F;margin-left:5px;position:relative;background:linear-gradient(90deg,#1D1D1F 78%,transparent 78%);background-clip:content-box;padding:1px}
.btn-side{position:absolute;width:3px;border-radius:2px;background:linear-gradient(90deg,#8B8E94,#C9CBCF)}
.b1{left:-2px;top:118px;height:26px}.b2{left:-2px;top:166px;height:48px}.b3{left:-2px;top:224px;height:48px}.b4{right:-2px;top:190px;height:74px}
.hstage{height:746px!important;margin-top:clamp(8px,1.5vw,16px)!important}
@media (max-width:720px){.iphone{zoom:1}.hstage{height:640px!important}}
@media (prefers-reduced-motion:no-preference){.iphone{animation:phUp 1.1s var(--ease) both}@keyframes phUp{from{transform:translate(-50%,60px)}}}

.htop{flex-direction:column;align-items:center;text-align:center;gap:16px!important}
.htop .hsub{max-width:26ch;margin-inline:auto}
.hero-wl{margin-top:8px;background:rgba(255,255,255,.8)}
.wl-note{margin-top:-4px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* v5: lighter headline, white ground, motion */
.hero.ground::before{display:none}
.hero h1{font-weight:700!important;letter-spacing:-.045em!important;line-height:.98!important}
.hero-wl{width:min(460px,100%)!important}
.hstage{height:var(--cut,690px)!important}
@media (max-width:720px){.hstage{height:var(--cut-m,600px)!important}}
@media (prefers-reduced-motion:no-preference){
  .rv{animation:rise .9s var(--ease) both;animation-delay:var(--d,0s)}
  @keyframes rise{from{opacity:0;transform:translateY(18px)}}
  .iphone{animation:phUp 1.25s .35s var(--ease) both!important}
  @keyframes phUp{from{transform:translate(-50%,180px);opacity:.0}to{transform:translate(-50%,0);opacity:1}}
  .arc{transition:stroke-dashoffset 1.4s var(--ease)}
  .js [data-rv]>*,.js .three>*,.js .steps>*,.js .cards4>*,.js .more>*,.js .proof>div{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
  .js .in>*,.js .in{opacity:1!important;transform:none!important}
}

/* advisors' schools */
.schools{max-width:1000px;margin:clamp(28px,4vw,44px) auto 0;display:grid;justify-items:center;gap:18px}
.schools p{font-size:13px;font-weight:600;color:#8E8E93;letter-spacing:.01em}
.logos{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:clamp(28px,5vw,64px)}
.logos img{height:clamp(26px,3vw,34px);width:auto;filter:grayscale(1) brightness(1.15);opacity:.55}
.logos img[src*="harvard"]{height:clamp(28px,3.3vw,38px);filter:grayscale(1) contrast(.32) brightness(1.28);opacity:.75}
.logos img[src*="emory"]{filter:grayscale(1) brightness(.8);opacity:.62}
.logos img[src*="imperial"]{height:clamp(16px,1.9vw,21px)}
.harvard{display:grid;justify-items:center;line-height:1;font-family:Georgia,"Times New Roman",serif;font-size:clamp(19px,2.2vw,25px);letter-spacing:.14em;color:#8E8E93;opacity:.85}
.harvard small{font-size:.42em;letter-spacing:.32em;margin-top:5px}


/* nav: sits inside the hero card, turns into a floating dark pill on scroll (as on humanolab-marketing) */
.nav{position:fixed!important;top:28px!important;left:16px;right:16px;z-index:60;max-width:1180px!important;margin:0 auto!important;height:76px;padding:0 clamp(20px,3vw,40px)!important;display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;background:transparent;border:1px solid transparent;border-radius:clamp(28px,3.4vw,44px);box-shadow:none;
  transition:max-width .5s var(--ease),height .5s var(--ease),top .5s var(--ease),padding .5s var(--ease),background .5s var(--ease),border-color .5s var(--ease),border-radius .5s var(--ease),box-shadow .5s var(--ease)}
.nav .logo{justify-self:start;line-height:0}
.nav .logo img{height:20px;width:auto;display:block;transition:filter .5s var(--ease)}
.nav ul{justify-self:center}
.nav ul a{color:#3A3A3C!important;font-weight:500!important;background:none!important;transition:color .3s}
.nav ul a:hover{color:var(--ink)!important}
.nav-r{justify-self:end;display:flex;align-items:center;gap:8px}
.nav-in{font-size:15px;font-weight:500;color:#3A3A3C;text-decoration:none;padding:10px 14px;border-radius:99px;border:1px solid rgba(29,29,31,.14);transition:color .3s,border-color .3s}
.nav.is-scrolled{top:12px!important;max-width:960px!important;height:60px;padding:0 8px 0 24px!important;border-radius:99px;background:rgba(24,24,28,.62);-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);border-color:rgba(255,255,255,.12);box-shadow:0 18px 44px -22px rgba(0,0,0,.55)}
.nav.is-scrolled .logo img{filter:invert(1)}
.nav.is-scrolled ul a,.nav.is-scrolled .nav-in{color:rgba(255,255,255,.88)!important}
.nav.is-scrolled ul a:hover{color:#fff!important}
.nav.is-scrolled .nav-in{border-color:rgba(255,255,255,.22)}
.htop{padding-top:calc(76px + clamp(24px,4vw,48px))!important}
@media (max-width:880px){.nav{grid-template-columns:1fr auto;height:64px}.nav.is-scrolled{height:54px;top:10px!important}.nav-in{display:none}.nav .logo img{height:16px}.nav .btn{padding:10px 16px!important;font-size:14px!important}.htop{padding-top:calc(64px + 20px)!important}}

/* v11: bigger logo, About instead of CTA, phone 10% smaller */
.nav .logo img{height:28px}
.nav-about{border-color:transparent!important}
.nav.is-scrolled .logo img{height:24px}
.hstage .iphone{zoom:1.2!important}
#about{scroll-margin-top:110px}
@media (max-width:880px){.nav .logo img{height:22px}.nav-in{display:inline-block!important;padding:8px 10px;font-size:14px}.nav-in:not(.nav-about){display:none!important}}
@media (max-width:720px){.hstage .iphone{zoom:1.05!important}}

/* contextual floats: one pair per phone screen, rising from the bottom */
.hstage .float{animation:none!important;opacity:0;transform:translateY(46px) scale(.97);pointer-events:none;width:min(262px,calc(50% - 222px))!important;transition:opacity .45s var(--ease),transform .45s var(--ease)}
.hstage .float.show{opacity:1;transform:none;pointer-events:auto;transition:opacity .8s var(--ease) .35s,transform .9s var(--ease) .35s}
.hstage .float.f2.show{transition-delay:.5s}
.hstage .f1{left:auto!important;right:calc(50% + 206px)!important;top:clamp(60px,8vw,110px)!important}
.hstage .f2{right:auto!important;left:calc(50% + 206px)!important;top:clamp(260px,26vw,330px)!important}
@media (max-width:980px){.hstage .float{display:none}}
.mlabs{padding:4px 12px}
.mlabs>div{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:8px 0;font-size:11px}
.mlabs>div+div{border-top:1px solid #EFEFF3}
.mlabs b{font-size:12.5px;font-weight:800;letter-spacing:-.3px}.mlabs b small{font-size:9px;font-weight:500;color:#8E8E93}
.mlabs em{font-style:normal;font-size:9.5px;font-weight:700;padding:3px 8px;border-radius:99px}
.mlabs em.ok{background:#DDF6E8;color:#0B8052}.mlabs em.mid{background:#E3F1FD;color:#1F72B4}

/* story */
.story{max-width:760px;margin:clamp(72px,9vw,120px) auto 0;padding-inline:4px}
.story h2{margin:12px 0 22px}
.story p{font-size:clamp(20px,2.1vw,26px);line-height:1.45;letter-spacing:-.015em;color:#8E8E93;margin:0 0 .9em}
.story p b{color:var(--ink);font-weight:600}
.story .sig{display:block;margin-top:26px;font-size:15px;font-weight:600;color:var(--muted)}
.story .sig::before{content:"";display:inline-block;width:28px;height:1.5px;background:currentColor;vertical-align:4px;margin-right:12px;opacity:.5}
/* rings: stacked rows, alternating sides, UI peeking from the bottom */
.three{grid-template-columns:1fr!important;max-width:1080px!important;margin-inline:auto;gap:20px!important}
.ringcard{grid-template-columns:1fr 1fr;align-items:stretch;gap:clamp(24px,5vw,72px)!important;padding:0 clamp(28px,5vw,72px)!important;min-height:400px;border-radius:clamp(28px,3vw,40px)!important}
.ringcard .rc-copy{align-self:center;padding:56px 0}
.ringcard h3{font-size:clamp(32px,3.8vw,46px);font-weight:800;letter-spacing:-.04em;line-height:1;margin:0 0 14px}
.ringcard .dot{width:12px;height:12px;vertical-align:6px;margin-right:12px}
.ringcard .rc-copy p{font-size:clamp(17px,1.6vw,20px);line-height:1.5;margin:0;max-width:30ch}
.ringcard .shot{align-self:end;justify-self:center;width:min(100%,360px);zoom:1.18;margin:56px 0 -1px;min-height:300px;-webkit-mask-image:linear-gradient(#000 72%,transparent);mask-image:linear-gradient(#000 72%,transparent)}
.ringcard:nth-child(2) .rc-copy{order:2}
.ringcard{background:#F4F4F7!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;border:0!important;position:relative;isolation:isolate}
.ringcard::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
.ringcard:nth-child(1)::before{background:radial-gradient(60% 70% at 78% 100%,rgba(244,88,155,.16),transparent 70%)}
.ringcard:nth-child(2)::before{background:radial-gradient(60% 70% at 22% 100%,rgba(107,119,207,.2),transparent 70%)}
.ringcard:nth-child(3)::before{background:radial-gradient(60% 70% at 78% 100%,rgba(53,201,127,.18),transparent 70%)}
.ringcard{height:440px;min-height:0!important;grid-template-rows:100%}
.ringcard .shot{zoom:1.32!important;align-self:start!important;min-height:0!important;height:291px;overflow:hidden;padding:16px 16px 0!important;margin:42px 0 0!important;border-radius:22px 22px 0 0;box-shadow:0 0 0 .5px rgba(22,22,26,.06),0 -10px 40px -24px rgba(22,22,40,.3)!important;-webkit-mask-image:linear-gradient(#000 58%,rgba(0,0,0,.45) 80%,transparent);mask-image:linear-gradient(#000 58%,rgba(0,0,0,.45) 80%,transparent)}
@media (max-width:860px){.ringcard{height:auto;grid-template-rows:auto 360px}.ringcard .shot{zoom:1.08!important;margin-top:24px!important;height:309px}}
@media (prefers-reduced-motion:no-preference){
  .js .ringcard>.rc-copy{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
  .js .ringcard>.shot{transform:translateY(140px);transition:transform 1.2s var(--ease) .15s}
}
@media (max-width:860px){.ringcard{grid-template-columns:1fr;min-height:0}.ringcard .rc-copy{padding:36px 0 0}.ringcard:nth-child(2) .rc-copy{order:0}.ringcard .shot{margin-top:24px;zoom:1.05}}

/* story card */
.story{max-width:980px!important;position:relative;isolation:isolate;overflow:hidden;border-radius:clamp(28px,3.4vw,44px);padding:clamp(36px,6vw,80px) clamp(24px,7vw,96px)!important;background:#F4F4F7}
.story::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(40% 50% at 92% 0%,rgba(254,160,80,.45),transparent 70%),radial-gradient(40% 55% at 0% 100%,rgba(110,190,252,.5),transparent 70%)}
.story p{max-width:36ch;max-width:none}
.story .schools{margin:0 0 clamp(36px,5vw,56px);padding-bottom:clamp(32px,4.5vw,48px);border-bottom:1px solid rgba(29,29,31,.08);max-width:none}
.story .schools p{font-size:13px!important;font-weight:600;letter-spacing:.01em;color:#8E8E93;margin:0!important;line-height:1.4}
.story .logos{gap:clamp(24px,4.5vw,56px)}
.story-by{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.story .backed{margin:0}
.story-backed{margin-top:14px}
.story-backed+h2{margin-top:14px!important}
.story-f{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:30px}
.story .sig{margin-top:0!important}
.story-more{display:inline-flex;align-items:center;gap:8px;padding:13px 20px;border-radius:99px;background:#fff;color:var(--ink);font-size:15px;font-weight:600;text-decoration:none;box-shadow:0 0 0 1px rgba(29,29,31,.08),0 8px 24px -16px rgba(22,22,40,.4);transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.story-more svg{width:16px;height:16px;transition:transform .25s var(--ease)}
.story-more:hover{transform:translateY(-1px);box-shadow:0 0 0 1px rgba(29,29,31,.12),0 12px 28px -16px rgba(22,22,40,.5)}
.story-more:hover svg{transform:translateX(3px)}

/* nutrition card = meal page; movement card = movement page */
.meal-shot .ms-photo{position:relative;height:84px;margin:-16px -16px 0;border-radius:22px 22px 0 0;display:grid;place-items:center;background:radial-gradient(60% 90% at 50% 100%,#FFE7CC,transparent 70%),linear-gradient(135deg,#FFF6E8,#F1F7EA)}
.meal-shot .ms-photo span{font-size:46px;line-height:1;filter:drop-shadow(0 8px 10px rgba(0,0,0,.12))}
.meal-shot .ms-photo em{position:absolute;left:12px;top:10px;font-style:normal;font-size:9.5px;font-weight:700;color:#3A3A3C;background:rgba(255,255,255,.85);padding:3px 8px;border-radius:99px}
.ms-h{margin-top:12px}.ms-h b{display:block;font-size:15px;font-weight:800;letter-spacing:-.3px}.ms-h small{font-size:10.5px;color:#8E8E93}
.ms-why{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}
.ms-why span{font-size:9.5px;font-weight:600;color:#0B8052;background:#E8F8EF;padding:3px 8px;border-radius:99px}
.ms-items{margin-top:6px}
.ms-items>div{display:flex;justify-content:space-between;font-size:11.5px;padding:6px 0;border-bottom:1px solid #F0F0F3}
.ms-items b{font-weight:600;color:#6E6E73;font-variant-numeric:tabular-nums}
.ms-proto{margin-top:12px;padding:10px 12px;border-radius:14px;background:#F6F6F8;font-size:11px;line-height:1.4;color:#3A3A3C}
.ms-proto b{display:block;font-size:11.5px;color:#1D1D1F;margin-bottom:2px}
.mv-today{margin-top:14px}
.mv-row{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #F0F0F3}
.mv-row svg{width:16px;height:16px}.mv-row b{font-size:12.5px;font-weight:600}.mv-row small{font-size:10.5px;color:#8E8E93}
.mv-btn{margin-top:14px;text-align:center;padding:11px;border-radius:99px;background:#1D1D1F;color:#fff;font-size:12.5px;font-weight:700}
.spark{height:auto!important}

/* backed-by pill */
.backed{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 16px;border-radius:99px;font-size:13.5px;font-weight:500;color:#6E6E73;background:rgba(255,255,255,.62)!important;-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);box-shadow:0 0 0 1px rgba(255,255,255,.9) inset,0 0 0 .5px rgba(22,22,26,.08),0 8px 24px -14px rgba(22,22,40,.28);margin-bottom:6px}
.backed img{height:25px;margin:-2px 0;width:auto;display:block;opacity:.88}
@media (max-width:560px){.backed{font-size:12.5px;padding:7px 14px}.backed img{height:21px}}

.meal-shot .ms-photo{height:128px!important;overflow:hidden;background:#EDEDF0!important}
.meal-shot .ms-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 45%;display:block}
.meal-shot .ms-photo em{z-index:1}
.ic-photo{overflow:hidden;padding:0!important;background:none!important}
.ic-photo img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}

/* feature rows: coach, protocol, labs */
.feats{display:grid;gap:20px;max-width:1080px;margin:0 auto}
.feat{height:640px}
.feat .rc-copy{display:grid;gap:16px;align-content:center;padding:48px 0}
.feat h2{font-size:clamp(30px,3.3vw,42px);line-height:1.05;margin:0}
.feat .rc-copy .lede{font-size:17px;max-width:34ch}
.feat .list div{padding:11px 0}
.feat .list b{font-size:15px}
.feat .list span{font-size:14px;color:var(--muted);line-height:1.45}
.feat .list svg{width:20px;height:20px}
.feat .qs button{font-size:13.5px;padding:10px 13px;box-shadow:0 0 0 1px rgba(29,29,31,.07),0 6px 16px -10px rgba(22,22,40,.3)}
.feat .shot{height:443px!important}
.feat-coach::before{background:radial-gradient(60% 70% at 78% 100%,rgba(254,160,80,.55),transparent 70%)!important}
.feat-prot::before{background:radial-gradient(60% 70% at 22% 100%,rgba(53,201,127,.18),transparent 70%)!important}
.feat-labs::before{background:radial-gradient(60% 70% at 78% 100%,rgba(155,123,232,.2),transparent 70%)!important}
.feat-prot .rc-copy{order:2}
@media (max-width:860px){.feat{height:auto;grid-template-rows:auto 440px}.feat-prot .rc-copy{order:0}.feat .shot{height:383px!important}}
.shot .row{display:flex;justify-content:space-between;align-items:center}
.shot .cap{font-size:10.5px;color:#8E8E93}
.shot .bar2{height:6px;border-radius:99px;background:#EFEFF3;margin-top:4px;overflow:hidden}.shot .bar2 i{display:block;height:100%;border-radius:inherit}
.feat .shot p{font-size:11.5px!important;line-height:1.45!important;color:#3A3A3C!important;max-width:none!important}
/* coach card */
.cs-top{display:flex;align-items:center;gap:8px}.cs-top b{font-size:14px;font-weight:800;letter-spacing:-.3px}.cs-top small{margin-left:auto;font-size:10px;color:#8E8E93}
.cs-av{width:24px;height:24px;border-radius:50%;background:#F2F07C;display:grid;place-items:center}.cs-av svg{width:13px;height:13px}
.cs-me{margin:12px 0 0 auto;width:max-content;max-width:80%;background:#1D1D1F;color:#fff;font-size:12px;font-weight:500;padding:8px 12px;border-radius:16px 16px 4px 16px}
.cs-ctx{margin-top:12px}.cs-ctx>div{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.cs-ctx>div span{display:inline-flex;align-items:center;gap:5px;font-size:9.5px;font-weight:600;color:#3A3A3C;background:#F4F4F7;padding:4px 8px;border-radius:99px}
.cs-ctx>div i{width:6px;height:6px;border-radius:50%}
.cs-chk{display:flex;align-items:center;gap:6px;margin-top:12px;font-size:10px;color:#8E8E93}.cs-chk i{width:6px;height:6px;border-radius:50%;background:#35C97F}
.cs-ans{font-size:12.5px;line-height:1.45;margin-top:5px}.cs-ans b{font-weight:700}
.cs-card{margin-top:10px;padding:10px 12px;border-radius:14px;background:#F6F6F8}
.cs-acts{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.cs-acts span{font-size:10.5px;font-weight:600;padding:6px 10px;border-radius:99px;background:#fff;box-shadow:0 0 0 1px rgba(29,29,31,.1)}
.cs-acts span:first-child{background:#F2F07C;box-shadow:none}
.cs-comp{margin-top:14px;padding:10px 14px;border-radius:99px;background:#F4F4F7;font-size:11.5px;color:#8E8E93}
/* protocol card */
.ps-h{display:flex;align-items:center;justify-content:space-between}.ps-h b{font-size:15px;font-weight:800;letter-spacing:-.3px}
.ps-why{margin-top:10px;padding:10px 12px;border-radius:14px;background:#F2FAF5}.ps-why p{margin:4px 0 0;font-size:11.5px;line-height:1.45;color:#3A3A3C}.ps-why b{color:#1D1D1F}
.ps-food{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #F0F0F3}
.ps-food .c{width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #D1D1D6;display:grid;place-items:center;font-size:11px;color:#fff}
.ps-food.on .c{background:#35C97F;box-shadow:none}
.ps-food b{display:block;font-size:12.5px}.ps-food small{font-size:10px;color:#8E8E93}.ps-food em{font-style:normal;font-size:17px}
.ps-el{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.ps-el>div{padding:9px 10px;border-radius:12px;background:#F6F6F8}
.ps-el b{display:block;font-size:11.5px}.ps-el small{font-size:9.5px;color:#6E6E73;line-height:1.35;display:block;margin-top:2px}
.ps-md{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:10px;font-weight:600;color:#6E6E73}.ps-md svg{width:13px;height:13px}
/* labs card */
.ls-h{display:flex;align-items:flex-start;justify-content:space-between}.ls-h b{display:block;font-size:15px;font-weight:800;letter-spacing:-.3px}.ls-h small{font-size:10px;color:#8E8E93}
.ls-src{font-size:9.5px;font-weight:600;padding:3px 8px;border-radius:99px;background:#F1ECFD;color:#6B4FC7}
.labs-shot .sb{display:flex;gap:3px;height:7px;margin-top:12px}.labs-shot .sb i{border-radius:99px}
.labs-shot .leg{display:flex;gap:10px;margin-top:6px;font-size:9.5px;font-weight:600}
.ls-mk{display:grid;grid-template-columns:8px 1fr auto auto;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #F0F0F3;font-size:11.5px}
.ls-mk i{width:7px;height:7px;border-radius:50%}.ls-mk b{font-weight:700;font-variant-numeric:tabular-nums}.ls-mk b small{font-size:9px;font-weight:500;color:#8E8E93}
.ls-mk em{font-style:normal;font-size:9.5px;color:#8E8E93;min-width:54px;text-align:right}.ls-mk em.up,.ls-mk em.dn{color:#0B8052;font-weight:600}
.ls-ask{margin-top:10px;padding:10px 12px;border-radius:14px;background:#F6F3FE}.ls-ask p{margin:4px 0 0;font-size:11.5px;line-height:1.45;color:#3A3A3C}
.ls-age{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:11px;color:#6E6E73}.ls-age b{color:#0B8052;font-size:12px}

/* rings: three cards in a row, an iPhone rising from the bottom of each (Bevel format) */
.three{grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:1180px!important;gap:16px!important}
.three .ringcard{grid-template-columns:1fr!important;grid-template-rows:auto 1fr!important;height:640px!important;padding:0!important;gap:0!important;align-items:start!important}
.three .ringcard .rc-copy{order:0!important;padding:40px clamp(24px,2.6vw,36px) 0!important;align-self:start}
.three .ringcard h3{font-size:clamp(28px,2.6vw,36px)!important;margin-bottom:12px!important}
.three .ringcard .dot{width:10px;height:10px;vertical-align:5px;margin-right:10px}
.three .ringcard .rc-copy p{font-size:clamp(16px,1.35vw,18px)!important;max-width:none!important}
.mphone{justify-self:center;align-self:start;width:min(300px,84%);height:560px;margin-top:30px;padding:3px 3px 0;border-radius:48px 48px 0 0;background:linear-gradient(140deg,#E9EAEC 0%,#A7AAB0 22%,#6E7177 45%,#C9CBCF 62%,#8B8E94 80%,#DADBDD 100%);box-shadow:0 30px 60px -30px rgba(22,22,40,.45);-webkit-mask-image:linear-gradient(#000 52%,rgba(0,0,0,.4) 66%,transparent 76%);mask-image:linear-gradient(#000 52%,rgba(0,0,0,.4) 66%,transparent 76%)}
.mp-bezel{height:100%;padding:7px 7px 0;border-radius:45px 45px 0 0;background:#09090A}
.mp-scr{position:relative;height:100%;overflow:hidden;border-radius:38px 38px 0 0;background:linear-gradient(180deg,#F4F6FA,#FAFAFB 40%)}
.mp-island{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:72px;height:22px;border-radius:99px;background:#050505;z-index:2}
.mp-sbar{display:flex;justify-content:space-between;align-items:center;padding:13px 24px 0 28px;height:34px;font-size:12px;font-weight:700}
.mp-head{display:grid;grid-template-columns:26px 1fr 26px;align-items:center;padding:8px 14px 2px;text-align:center}
.mp-head b{font-size:13px;font-weight:700}
.mp-x{width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 0 0 .5px rgba(22,22,26,.08),0 2px 6px -2px rgba(22,22,40,.2);display:grid;place-items:center;font-size:15px;color:#3A3A3C}
.three .ringcard .shot{zoom:1!important;height:auto!important;width:auto!important;margin:10px 12px 0!important;padding:14px!important;border-radius:20px!important;box-shadow:0 0 0 .5px rgba(22,22,26,.06),0 6px 18px -12px rgba(22,22,40,.3)!important;-webkit-mask-image:none!important;mask-image:none!important;min-height:0!important}
.three .meal-shot .ms-photo{margin:-14px -14px 0!important;border-radius:20px 20px 0 0!important;height:110px!important}
@media (prefers-reduced-motion:no-preference){.js .three .ringcard>.mphone{transform:translateY(160px);transition:transform 1.2s var(--ease) .15s}}
@media (max-width:980px){.three{grid-template-columns:1fr!important;max-width:460px!important}.three .ringcard{height:600px!important}}

/* phones run to the bottom edge of their card, fading only at the very end */
.three .ringcard{grid-template-rows:auto minmax(0,1fr)!important}
.mphone{align-self:stretch!important;height:auto!important;-webkit-mask-image:linear-gradient(#000 calc(100% - 120px),rgba(0,0,0,.45) calc(100% - 50px),transparent)!important;mask-image:linear-gradient(#000 calc(100% - 120px),rgba(0,0,0,.45) calc(100% - 50px),transparent)!important}
/* story sits on the page, no card */
.story{background:transparent!important;border-radius:0!important;overflow:visible!important;max-width:860px!important;padding:clamp(24px,4vw,48px) 4px 0!important}
.story::before{display:none!important}
/* rings: one pure white card that melts into the page */
.rings-card{background:#fff;border-radius:clamp(32px,4vw,52px);padding:clamp(48px,7vw,96px) clamp(16px,3vw,40px) clamp(16px,3vw,40px);box-shadow:0 0 0 1px rgba(29,29,31,.035),0 40px 120px -60px rgba(22,22,40,.18),0 12px 40px -30px rgba(22,22,40,.10);max-width:1260px;margin:0 auto}
.rings-card .three{margin-top:clamp(36px,5vw,56px)!important}
.rings-card .three-dots{margin-top:clamp(28px,4vw,40px)}
@media (max-width:1100px){.rings-card .three-dots+.three{margin-top:0!important}}

/* in-phone app body (sleep), built like the app's ring page */
.mp-body{padding:6px 12px 0;display:grid;gap:8px}
.mp-seg{display:flex;gap:4px;padding:3px;border-radius:99px;background:rgba(22,22,26,.05)}
.mp-seg span{flex:1;text-align:center;font-size:10px;font-weight:600;color:#6E6E73;padding:6px 0;border-radius:99px;white-space:nowrap}
.mp-seg span.on{background:#fff;color:#1D1D1F;box-shadow:0 1px 4px -1px rgba(22,22,40,.2)}
.mp-seg i{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:4px;vertical-align:1px}
.mp-tile{background:#fff;border-radius:18px;padding:12px;box-shadow:0 0 0 .5px rgba(22,22,26,.06),0 6px 18px -12px rgba(22,22,40,.3)}
.mp-tt{font-size:12px;font-weight:700}
.mp-stats{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;padding:2px 0}
.mp-stats small{display:block;font-size:9px;color:#8E8E93;white-space:nowrap}.mp-stats b{font-size:13px;font-weight:800;letter-spacing:-.3px}
.sl-bar{position:relative;height:16px;margin-top:10px;border-radius:6px;background:#EEF0FA;overflow:hidden}
.sl-bar i{position:absolute;top:0;bottom:0}
.sl-t small{display:block;font-size:9px;color:#8E8E93}.sl-t b{font-size:12px;font-weight:700}
.mp-body .spark{margin-top:6px}
.mp-body .mv-btn{margin-top:2px}
/* tighter hero → story gap */
.story{margin-top:clamp(28px,3.5vw,44px)!important;padding-top:0!important}
.story .schools{margin-bottom:clamp(28px,3.5vw,40px)!important;padding-bottom:clamp(24px,3vw,36px)!important}

/* everyone: pill-photo collage + clinic stories */
.everyone{padding-top:clamp(64px,8vw,110px)}
.crowd{display:flex;justify-content:center;align-items:flex-start;gap:clamp(8px,1.2vw,16px);height:clamp(300px,34vw,440px);overflow:hidden;margin:0 calc(-1*clamp(0px,2vw,24px)) clamp(28px,4vw,48px);-webkit-mask-image:linear-gradient(#000 78%,transparent);mask-image:linear-gradient(#000 78%,transparent)}
.pp{margin:0;flex:0 0 clamp(96px,11vw,150px);border-radius:999px;overflow:hidden;background:#EEE;box-shadow:0 20px 40px -26px rgba(22,22,40,.4)}
.pp img{width:100%;height:100%;object-fit:cover;display:block}
.pp.p0{height:78%;margin-top:9%}.pp.p1{height:62%;margin-top:0}.pp.p2{height:70%;margin-top:16%}.pp.p3{height:86%;margin-top:4%}
.pp.p4{height:72%;margin-top:14%}.pp.p5{height:64%;margin-top:2%}.pp.p6{height:80%;margin-top:10%}.pp.p7{height:66%;margin-top:0}
.pp.p0 img{object-position:50% 20%}.pp.p4 img{object-position:70% 50%}.pp.p6 img{object-position:60% 50%}.pp.p3 img{object-position:40% 30%}
@media (max-width:760px){.pp.p6,.pp.p7,.pp.p5{display:none}}
@media (prefers-reduced-motion:no-preference){
  .js .crowd .pp{opacity:0;transform:translateY(40px);transition:opacity .9s var(--ease),transform 1.1s var(--ease)}
  .js .crowd.in .pp{opacity:1;transform:none}
  .crowd .pp.p1{transition-delay:.06s}.crowd .pp.p2{transition-delay:.12s}.crowd .pp.p3{transition-delay:.18s}.crowd .pp.p4{transition-delay:.24s}.crowd .pp.p5{transition-delay:.3s}.crowd .pp.p6{transition-delay:.36s}.crowd .pp.p7{transition-delay:.42s}
}
.everyone .center h2{font-size:clamp(44px,6.4vw,84px)!important;letter-spacing:-.05em}
.everyone .center .lede{max-width:60ch;margin-inline:auto}
.st-wrap{margin-top:clamp(48px,6vw,80px)}
.st-h{text-align:center;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 20px}
.st-row{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 4px 18px;margin:0 -16px;padding-inline:16px;scrollbar-width:none}
.st-row::-webkit-scrollbar{display:none}
.st{position:relative;flex:0 0 clamp(270px,30vw,360px);aspect-ratio:3/4.3;border-radius:28px;overflow:hidden;scroll-snap-align:start;color:#fff;background:#222}
.st img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.st::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.35) 55%,rgba(0,0,0,.82) 100%)}
.st-c{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:22px 22px 24px}
.st h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(21px,2vw,25px);line-height:1.18;letter-spacing:-.01em;margin:0 0 14px}
.st-r{border-top:1px solid rgba(255,255,255,.22);padding:10px 0 2px;font-size:13px;line-height:1.4;color:rgba(255,255,255,.86)}
.st-r span{display:block;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:3px}
.st-r b{font-weight:600;color:#F2F07C}
.everyone .cards4{margin-top:clamp(40px,5vw,64px)}

/* v2: five clinic photos in the collage; plain insight cards */
.crowd{gap:clamp(10px,1.6vw,20px)}
.pp{flex-basis:clamp(110px,14vw,190px)}
.pp.p0 img{object-position:50% 30%}.pp.p1 img{object-position:55% 30%}.pp.p2 img{object-position:50% 30%}.pp.p3 img{object-position:55% 40%}.pp.p4 img{object-position:35% 30%}
@media (max-width:760px){.pp.p5,.pp.p6,.pp.p7{display:block}.pp{flex-basis:clamp(60px,17vw,110px)}}
.st{aspect-ratio:auto!important;min-height:300px;background:#F4F4F7!important;color:var(--ink)!important;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}
.st::after{display:none!important}
.st::before{content:"";position:absolute;inset:0;z-index:-1}
.st:nth-child(1)::before{background:radial-gradient(70% 60% at 100% 0%,rgba(74,168,240,.16),transparent 70%)}
.st:nth-child(2)::before{background:radial-gradient(70% 60% at 100% 0%,rgba(53,201,127,.14),transparent 70%)}
.st:nth-child(3)::before{background:radial-gradient(70% 60% at 100% 0%,rgba(244,88,155,.12),transparent 70%)}
.st:nth-child(4)::before{background:radial-gradient(70% 60% at 100% 0%,rgba(107,119,207,.16),transparent 70%)}
.st:nth-child(5)::before{background:radial-gradient(70% 60% at 100% 0%,rgba(254,160,80,.5),transparent 70%)}
.st-c{position:static!important;padding:26px 24px 24px!important;display:flex;flex-direction:column;height:100%}
.st h3{color:var(--ink);margin-bottom:auto!important;padding-bottom:28px}
.st-r{border-top:1px solid rgba(29,29,31,.09)!important;color:#3A3A3C!important}
.st-r span{color:#8E8E93!important}
.st-r b{color:#0B8052!important}

/* focus cards stay in a row on tablets; swipe on phones */
/* "just your phone" & co: one card, four columns */
.why4{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;margin-top:16px!important;border-radius:clamp(24px,3vw,36px);background:#F4F4F7;overflow:hidden}
.why4>div{background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:clamp(22px,2.6vw,32px)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.why4>div+div{border-left:1px solid rgba(29,29,31,.07)!important}
.why4 h3{font-size:clamp(17px,1.6vw,20px)!important}
.why4 p{font-size:14.5px!important}
@media (max-width:860px){.why4{grid-template-columns:1fr 1fr!important}.why4>div:nth-child(3){border-left:0!important}.why4>div:nth-child(n+3){border-top:1px solid rgba(29,29,31,.07)!important}}
@media (max-width:520px){.why4{grid-template-columns:1fr!important}.why4>div+div{border-left:0!important;border-top:1px solid rgba(29,29,31,.07)!important}}

/* focus cards: full size in a swipeable row once three no longer fit */
@media (max-width:1100px){
  .three{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px!important;max-width:none!important;margin-inline:calc(-1*clamp(16px,3vw,40px))!important;padding:0 clamp(16px,3vw,40px) 6px;scroll-padding-inline:clamp(16px,3vw,40px);scrollbar-width:none}
  .three::-webkit-scrollbar{display:none}
  .three .ringcard{flex:0 0 min(360px,84vw);height:620px!important;scroll-snap-align:start}
}

/* clinic carousel: tighter cards, protocol + in-app line, arrows */
.st{min-height:0!important}
.st-c{padding:22px 22px 20px!important}
.st h3{margin:0!important;padding-bottom:16px!important;font-size:clamp(20px,1.9vw,24px)!important}
.st-r{padding:9px 0 9px!important}
.st-r b{color:#1D1D1F!important;font-weight:600}
.st-app{display:flex;gap:10px;align-items:flex-start;margin-top:6px;padding:11px 12px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px rgba(29,29,31,.05);font-size:13px;line-height:1.4;color:#3A3A3C}
.st-app i{flex:none;width:8px;height:8px;margin-top:5px;border-radius:50%;background:#35C97F;box-shadow:0 0 0 3px #DDF6E8}
.st-app em{display:block;font-style:normal;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#8E8E93;margin-bottom:2px}
.st{flex-basis:clamp(280px,31vw,370px)!important}
.st-row{scroll-padding-inline:16px}
.st-nav{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:10px}
.st-nav button{width:40px;height:40px;border-radius:50%;border:0;background:#F4F4F7;color:#1D1D1F;display:grid;place-items:center;cursor:pointer;transition:background .2s,opacity .2s}
.st-nav button:hover{background:#ECECF0}
.st-nav button:disabled{opacity:.35;cursor:default}
.st-nav svg{width:16px;height:16px}
.st-dots{display:flex;gap:6px}
.st-dots i{width:6px;height:6px;border-radius:99px;background:rgba(29,29,31,.18);transition:width .3s var(--ease),background .3s}
.st-dots i.on{width:20px;background:#1D1D1F}

/* three differentiators */
.why4{grid-template-columns:repeat(3,minmax(0,1fr))!important}
@media (max-width:860px){.why4{grid-template-columns:repeat(3,minmax(0,1fr))!important}.why4>div:nth-child(3){border-left:1px solid rgba(29,29,31,.07)!important}.why4>div:nth-child(n+3){border-top:0!important}}
@media (max-width:700px){.why4{grid-template-columns:1fr!important}.why4>div+div,.why4>div:nth-child(n+3){border-left:0!important;border-top:1px solid rgba(29,29,31,.07)!important}}

/* privacy card inside the focus card */
.privcard{max-width:1180px;margin-inline:auto;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,56px);align-items:center;margin-top:0;padding:clamp(28px,4vw,48px);border-radius:clamp(24px,3vw,36px);background:#F4F4F7}
.pc-copy h3{font-size:clamp(28px,3.2vw,40px);font-weight:800;letter-spacing:-.04em;line-height:1.05;margin:10px 0 10px}
.pc-copy p{color:var(--muted);font-size:clamp(16px,1.4vw,18px);margin:0;max-width:34ch}
.pc-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:22px 28px}
.pc-list li{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start;font-size:14.5px;line-height:1.45;color:var(--muted)}
.pc-list svg{width:22px;height:22px;color:var(--ink);background:none;margin-top:1px}
.pc-list b{display:block;color:var(--ink);font-size:15.5px;font-weight:700;letter-spacing:-.01em;margin-bottom:2px}
@media (max-width:860px){.privcard{grid-template-columns:1fr}}
@media (max-width:520px){.pc-list{grid-template-columns:1fr}}

/* and that's not all: cards with a small app UI */
.more2{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
.more2>.mc{display:flex!important;flex-direction:column;padding:0!important;border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px rgba(29,29,31,.06),0 18px 40px -30px rgba(22,22,40,.35)}
.mc-ui{position:relative;height:210px;padding:22px 22px 0;background:#F4F4F7;overflow:hidden;isolation:isolate}
.mc-ui::before{content:"";position:absolute;inset:0;z-index:-1}
.mc-med .mc-ui::before{background:radial-gradient(60% 70% at 100% 100%,rgba(74,168,240,.18),transparent 70%)}
.mc-cycle .mc-ui::before{background:radial-gradient(60% 70% at 0% 100%,rgba(155,123,232,.2),transparent 70%)}
.mc-scan .mc-ui::before{background:radial-gradient(60% 70% at 100% 100%,rgba(53,201,127,.16),transparent 70%)}
.mc-report .mc-ui::before{background:radial-gradient(60% 70% at 0% 100%,rgba(254,160,80,.6),transparent 70%)}
.mc-journal .mc-ui::before{background:radial-gradient(60% 70% at 100% 100%,rgba(107,119,207,.18),transparent 70%)}
.mu{background:#fff;border-radius:18px 18px 0 0;padding:14px 14px 12px;box-shadow:0 0 0 .5px rgba(22,22,26,.06),0 -8px 28px -18px rgba(22,22,40,.35);font-size:12px;color:#1D1D1F;min-height:100%;-webkit-mask-image:linear-gradient(#000 78%,transparent);mask-image:linear-gradient(#000 78%,transparent)}
.mc-t{display:grid;grid-template-columns:28px 1fr;gap:4px 12px;align-items:start;padding:20px 22px 24px}
.mc-t svg{width:24px;height:24px;margin-top:1px;color:#1D1D1F}
.mc-t b{font-size:17px;letter-spacing:-.02em;line-height:1.3}
.mc-t p{grid-column:2;margin:0;color:var(--muted);font-size:14.5px;line-height:1.5}
.mu b{font-weight:700}.mu small{display:block;font-size:10.5px;color:#8E8E93}
.mu-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.mu-h b{font-size:13.5px}
.mu-chip{font-size:9.5px;font-weight:700;padding:3px 8px;border-radius:99px;white-space:nowrap}
.mu-row{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #F0F0F3}
.mu-c{width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #D1D1D6;display:grid;place-items:center}.mu-c svg{width:11px;height:11px}
.mu-row.done .mu-c{background:#35C97F;box-shadow:none}
.mu-pill{font-style:normal;font-size:9.5px;font-weight:700;padding:4px 9px;border-radius:99px;background:#F2F07C}
.mu-foot{margin-top:8px;font-size:10.5px;font-weight:600;color:#0B8052}
.cy-bar{position:relative;display:flex;gap:2px;height:10px}.cy-bar i{border-radius:99px}.cy-bar em{position:absolute;top:-4px;width:4px;height:18px;border-radius:99px;background:#1D1D1F;box-shadow:0 0 0 2px #fff}
.cy-l{display:flex;justify-content:space-between;font-size:9.5px;color:#8E8E93;margin-top:6px}
.mu-note{margin:12px 0 0;padding:9px 11px;border-radius:12px;background:#F6F3FE;font-size:11px;line-height:1.45;color:#3A3A3C}
.sc-row{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;padding:8px 10px;border-radius:14px;background:#F7F7F9}
.sc-e{width:30px;height:30px;border-radius:10px;background:#fff;display:grid;place-items:center;font-size:16px}
.sc-arrow{font-size:9.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8E8E93;padding:8px 0 8px 14px;position:relative}
.sc-arrow::before{content:"";position:absolute;left:24px;top:3px;bottom:3px;width:1.5px;background:#D1D1D6;transform:translateX(-14px)}
.wr-score{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.wr-score span{font-size:20px;font-weight:800;color:#8E8E93}.wr-score i{font-style:normal;color:#8E8E93}.wr-score b{font-size:26px;font-weight:800;letter-spacing:-.04em}.wr-score em{font-style:normal;font-size:10px;font-weight:700;color:#0B8052;margin-left:auto}
.wr-l{display:flex;align-items:center;gap:8px;font-size:11.5px;line-height:1.3;padding:4px 0}.wr-l .wr-up{color:#0B8052;font-weight:800}
.wr-next{margin-top:8px;padding:9px 11px;border-radius:12px;background:#FBFAD6;font-size:11.5px;font-weight:600}.wr-next small{font-weight:600}
.jr-tags{display:flex;flex-wrap:wrap;gap:6px}.jr-tags span{font-size:10.5px;font-weight:600;padding:6px 10px;border-radius:99px;background:#F4F4F7;color:#3A3A3C}
.jr-tags span.on{background:#1D1D1F;color:#fff}
.jr-fx{margin-top:12px;padding:10px 12px;border-radius:14px;background:#F7F7F9}.jr-fx small{margin-bottom:6px}
.jr-bar{display:grid;grid-template-columns:40px 1fr 26px;align-items:center;gap:8px;font-size:10.5px;padding:3px 0}
.jr-bar i{height:6px;border-radius:99px;background:#E6E6EB;overflow:hidden}.jr-bar i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#A9D6FA,#4AA8F0)}
.jr-bar em{font-style:normal;font-weight:700;color:#1F72B4;text-align:right}
.mc-works{justify-content:flex-end;background:linear-gradient(180deg,#F4F4F7,#fff 60%)!important}
.mw-chips{grid-column:2;display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.mw-chips span{font-size:12px;font-weight:600;padding:6px 11px;border-radius:99px;background:#fff;box-shadow:0 0 0 1px rgba(29,29,31,.08)}
@media (max-width:980px){.more2{grid-template-columns:1fr 1fr!important}}
@media (max-width:620px){.more2{grid-template-columns:1fr!important}}

/* feature grid: full-width UI, 5 cards (3 + 2) */
.more2>.mc{align-items:stretch!important}
.more2{grid-template-columns:repeat(6,minmax(0,1fr))!important}
.more2>.mc{grid-column:span 2}
.more2>.mc:nth-child(4),.more2>.mc:nth-child(5){grid-column:span 3}
.mc-ui{width:100%}
@media (max-width:980px){.more2{grid-template-columns:1fr 1fr!important}.more2>.mc,.more2>.mc:nth-child(4),.more2>.mc:nth-child(5){grid-column:auto}.more2>.mc:nth-child(5){grid-column:1/-1}}
@media (max-width:620px){.more2{grid-template-columns:1fr!important}.more2>.mc:nth-child(5){grid-column:auto}}
/* connect row (UI on the left) */
.feat-connect .rc-copy{order:2}
.feat-connect::before{background:radial-gradient(60% 70% at 22% 100%,rgba(244,88,155,.14),transparent 70%)!important}
@media (max-width:860px){.feat-connect .rc-copy{order:0}}
.cn-top{display:flex;align-items:baseline;justify-content:space-between}.cn-top b{font-size:15px;font-weight:800;letter-spacing:-.3px}.cn-top small{font-size:10px;color:#0B8052;font-weight:600}
.cn-hero{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;margin-top:12px;padding:12px;border-radius:16px;background:linear-gradient(135deg,#FFF1F2,#FFF8F8)}
.cn-ah{width:40px;height:40px;border-radius:11px;background:linear-gradient(160deg,#FF6B7A,#FF2D55);display:grid;place-items:center;box-shadow:0 6px 14px -8px rgba(255,45,85,.7)}.cn-ah svg{width:22px;height:22px}
.cn-hero b{display:block;font-size:13px;font-weight:700}.cn-hero small{display:flex;align-items:center;gap:5px;font-size:10px;color:#6E6E73}.cn-hero small i{width:6px;height:6px;border-radius:50%;background:#35C97F}
.tg{width:32px;height:19px;border-radius:99px;background:#E3E3E8;position:relative;flex:none}.tg i{position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.tg.on{background:#35C97F}.tg.on i{left:15px}
.cn-lab{margin:14px 0 4px;font-size:9.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8E8E93}
.cn-list>div{display:grid;grid-template-columns:8px 1fr auto auto;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #F0F0F3}
.cn-d{width:8px;height:8px;border-radius:50%}.cn-list b{font-size:12px;font-weight:600}.cn-list em{font-style:normal;font-size:10.5px;color:#8E8E93;font-variant-numeric:tabular-nums}
.cn-dev{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.cn-dev>div{padding:10px;border-radius:14px;background:#F6F6F8}.cn-dev>div.add{background:#fff;box-shadow:inset 0 0 0 1.5px #E5E5EA}
.cn-ic{width:26px;height:26px;border-radius:8px;background:#fff;display:grid;place-items:center;box-shadow:0 0 0 .5px rgba(22,22,26,.08)}.cn-ic svg{width:15px;height:15px}
.cn-dev b{display:block;font-size:11px;font-weight:700;margin-top:7px}.cn-dev small{display:block;font-size:9px;color:#8E8E93;line-height:1.3}

/* nav: logo + About */
.nav{grid-template-columns:1fr auto!important}
/* carbon band behind connections · coach · protocol · labs */
#features .feats{background:#141416;padding:clamp(12px,2vw,24px);border-radius:clamp(32px,4vw,52px);max-width:1240px;gap:clamp(12px,1.6vw,20px)}
#features{padding-top:clamp(56px,7vw,96px)}
/* UI placement: right, left, right, left */
.feat-connect .rc-copy{order:0!important}
.feat-coach .rc-copy{order:2!important}
.feat-prot .rc-copy{order:0!important}
.feat-labs .rc-copy{order:2!important}
.feat-connect::before{background:radial-gradient(60% 70% at 78% 100%,rgba(244,88,155,.14),transparent 70%)!important}
.feat-coach::before{background:radial-gradient(60% 70% at 22% 100%,rgba(254,160,80,.55),transparent 70%)!important}
.feat-prot::before{background:radial-gradient(60% 70% at 78% 100%,rgba(53,201,127,.18),transparent 70%)!important}
.feat-labs::before{background:radial-gradient(60% 70% at 22% 100%,rgba(155,123,232,.2),transparent 70%)!important}
@media (max-width:860px){.feat .rc-copy{order:0!important}}
/* connections v2 */
.feat-connect .list div{padding:10px 0}
.wear{margin-top:6px}
.wear>span{display:block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8E8E93;margin-bottom:12px}
.wear-logos{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px}
.wear-logos img{height:18px;width:auto;opacity:.45;filter:grayscale(1)}
.wear-logos .wm{display:inline-flex;align-items:center;gap:5px;font-size:14.5px;color:#1D1D1F;opacity:.42;white-space:nowrap;line-height:1}.wear-logos .wm svg{width:15px;height:15px}
.cn-top{display:flex;align-items:center;justify-content:space-between}
.cn-ok{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:600;color:#0B8052;background:#E8F8EF;padding:3px 8px;border-radius:99px}.cn-ok i{width:6px;height:6px;border-radius:50%;background:#35C97F}
.cn-src{margin-top:12px;border-radius:16px;background:#F7F7F9;padding:2px 12px}
.cn-s{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:9px 0}
.cn-s+.cn-s{border-top:1px solid #ECECF0}
.cn-s b{display:block;font-size:12.5px;font-weight:700;white-space:nowrap}.cn-s small{display:block;font-size:10px;color:#8E8E93;white-space:nowrap}
.cn-ah{width:34px!important;height:34px!important;border-radius:10px!important}.cn-ah svg{width:19px;height:19px}
.cn-ic.dk{width:34px;height:34px;border-radius:10px;background:#1D1D1F;box-shadow:none}.cn-ic.dk svg{width:18px;height:18px}
.cn-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cn-grid>div{display:grid;grid-template-columns:8px 1fr;column-gap:8px;align-items:center;padding:10px 12px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px rgba(29,29,31,.07)}
.cn-grid b{font-size:11.5px;font-weight:600}.cn-grid em{grid-column:2;font-style:normal;font-size:15px;font-weight:800;letter-spacing:-.3px}
.cn-grid .off em{color:#AEAEB2;font-size:12px;font-weight:600}
.cn-add{margin-top:10px;text-align:center;padding:10px;border-radius:99px;font-size:12px;font-weight:700;box-shadow:inset 0 0 0 1.5px #E5E5EA}
/* six feature cards, 3 x 2 */
.more2>.mc,.more2>.mc:nth-child(4),.more2>.mc:nth-child(5){grid-column:span 2}
@media (max-width:980px){.more2>.mc,.more2>.mc:nth-child(4),.more2>.mc:nth-child(5){grid-column:auto!important}}
.mc-feel .mc-ui::before{background:radial-gradient(60% 70% at 0% 100%,rgba(53,201,127,.16),transparent 70%)}
.fe-scale{display:flex;gap:8px}.fe-scale span{flex:1;height:32px;border-radius:10px;background:#F4F4F7;display:grid;place-items:center;font-size:12px;font-weight:700;color:#8E8E93}
.fe-scale span.on{background:#35C97F;color:#fff}
.fe-l{display:flex;justify-content:space-between;font-size:9.5px;color:#8E8E93;margin-top:5px}
/* footer: no trailing whitespace */
#start{overflow:clip}
footer{padding-block:24px 20px!important}

/* check icon fix in medication card; water card */
.mu-c svg{width:11px!important;height:11px!important;margin:0!important}
.mc-water .mc-ui::before{background:radial-gradient(60% 70% at 0% 100%,rgba(90,170,255,.2),transparent 70%)}
.wt-n{display:flex;align-items:baseline;gap:6px}.wt-n b{font-size:26px;font-weight:800;letter-spacing:-.04em}.wt-n span{font-size:12px;color:#8E8E93}
.wt-n em{margin-left:auto;font-style:normal;font-size:10.5px;font-weight:700;padding:5px 10px;border-radius:99px;background:#1D1D1F;color:#fff}
.wt-bar{height:8px;border-radius:99px;background:#EAF2FB;margin-top:8px;overflow:hidden}.wt-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#9CCBFF,#3D8BFF)}
.wt-gs{display:flex;gap:6px;margin-top:12px}
.wt-g{flex:1;height:26px;border-radius:4px 4px 8px 8px;box-shadow:inset 0 0 0 1.5px #D6E6F7;position:relative;overflow:hidden}
.wt-g.on i{position:absolute;left:0;right:0;bottom:0;height:72%;background:#7FB8FF}
/* carbon band: full-bleed, edge to edge */
#features{background:#1B2337;max-width:none!important;width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:0!important;padding:clamp(56px,7vw,104px) 16px!important;border-radius:0;box-sizing:border-box}
/* carbon band intro */
.band-h{max-width:760px;margin:0 auto clamp(40px,5vw,64px);text-align:center}
.band-h .eyebrow{color:rgba(255,255,255,.5)}
.band-h h2{color:#fff;margin:12px 0 16px;font-size:clamp(36px,5vw,60px);letter-spacing:-.045em;line-height:1.02}
.band-h p{color:rgba(255,255,255,.62);font-size:clamp(17px,1.6vw,20px);line-height:1.5;margin:0 auto;max-width:56ch}
/* band: no inner holder card */
#features .feats{background:transparent!important;padding:0!important;border-radius:0!important;max-width:1180px!important}
/* mobile: app UI right after the headline, less text */
@media (max-width:860px){
  .feat{grid-template-columns:1fr!important;grid-template-rows:none!important;grid-auto-rows:auto;row-gap:12px!important;height:auto!important;padding-top:30px!important}
  .feat .rc-copy{display:contents}
  .feat .rc-copy>.eyebrow{order:1}
  .feat .rc-copy>h2{order:2;margin:0!important}
  .feat .rc-copy>.lede{order:3;font-size:15.5px!important}
  .feat .rc-copy>.qs{order:4}
  .feat .rc-copy>.wear{order:5}
  .feat .rc-copy>.list{display:none}
  .feat .shot{order:6;margin-top:10px!important;height:383px!important}
  .feat .wear>span{margin-bottom:8px}
  .feat .wear-logos{gap:8px 14px}
  .feat .wear-logos .wm{font-size:12px}.feat .wear-logos .wm svg{width:12px;height:12px}
}

/* swapped screens */
.nutri-body .mp-tile{padding:12px}
.nutri-body .ring{flex:none}
.nutri-body .meal b{font-size:12.5px}
.mv-seg{margin:6px 12px 0}
.hero-meal{padding:14px!important;margin-top:10px;border-radius:20px;overflow:hidden}
.hero-meal .ms-photo{margin:-14px -14px 0!important;height:118px!important;border-radius:20px 20px 0 0}

/* swipe indicator for the focus cards (only when they scroll) */
.three-dots{display:none;justify-content:center;gap:6px;margin:0 auto 18px;padding:9px 12px;width:max-content;border-radius:99px;background:#F4F4F7}
.three-dots button{width:8px;height:8px;border:0;padding:0;border-radius:99px;background:rgba(29,29,31,.2);cursor:pointer;transition:width .35s var(--ease),background .35s}
.three-dots button.on{width:26px;background:#1D1D1F}
@media (max-width:1100px){.three-dots{display:flex}}
/* meal photo: no white edge */
.hero-meal{border:0!important;box-shadow:0 0 0 .5px rgba(22,22,26,.08),0 6px 18px -12px rgba(22,22,40,.3)!important;background:#fff!important}
.hero-meal .ms-photo,.meal-shot .ms-photo{border:0!important}
.hero-meal .ms-photo img{border-radius:0}

/* ===== Liquid glass (Apple-style) ===== */
:root{--lg-rim:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(255,255,255,.25),inset 1px 0 0 rgba(255,255,255,.35),inset -1px 0 0 rgba(255,255,255,.2)}
/* hero floats, pager, coach buttons, swipe dots */
.hstage .float,.pager,.three-dots,#features .feat .qs button:not([aria-pressed=true]){
  background:linear-gradient(140deg,rgba(255,255,255,.62),rgba(255,255,255,.28))!important;
  -webkit-backdrop-filter:blur(22px) saturate(190%) brightness(1.04);backdrop-filter:blur(22px) saturate(190%) brightness(1.04);
  border:1px solid rgba(255,255,255,.55)!important;
  box-shadow:var(--lg-rim),0 1px 2px rgba(22,22,40,.06),0 18px 40px -18px rgba(22,22,40,.32)!important;
  position:relative;isolation:isolate}
.hstage .float::after,.pager::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:radial-gradient(120% 70% at 18% -10%,rgba(255,255,255,.75),rgba(255,255,255,0) 55%),radial-gradient(80% 50% at 100% 120%,rgba(255,255,255,.35),transparent 60%);mix-blend-mode:soft-light}
.hstage .float{border-radius:24px!important}
/* navbar pill: dark liquid glass */
.nav.is-scrolled{background:linear-gradient(140deg,rgba(40,40,46,.58),rgba(20,20,24,.42))!important;
  -webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(255,255,255,.05),0 20px 44px -20px rgba(0,0,0,.55)!important}
/* carbon band: warm light behind glass */
#features{position:relative;isolation:isolate;overflow:hidden}
#features::before,#features::after{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(90px);pointer-events:none}
#features::before{width:60vw;height:60vw;max-width:900px;max-height:900px;left:-14vw;top:18%;background:radial-gradient(circle,rgba(254,160,80,.30),rgba(255,214,120,.10) 50%,transparent 70%)}
#features::after{width:55vw;height:55vw;max-width:820px;max-height:820px;right:-16vw;top:52%;background:radial-gradient(circle,rgba(110,190,252,.22),rgba(200,170,255,.08) 50%,transparent 70%)}
@media (prefers-reduced-motion:no-preference){
  #features::before{animation:drift1 22s ease-in-out infinite alternate}
  #features::after{animation:drift2 26s ease-in-out infinite alternate}
  @keyframes drift1{to{transform:translate(8vw,-6vh) scale(1.08)}}
  @keyframes drift2{to{transform:translate(-8vw,6vh) scale(1.1)}}
}
/* glass cards on carbon */
#features .feat{background:linear-gradient(150deg,rgba(250,250,252,.90),rgba(236,236,242,.78))!important;
  -webkit-backdrop-filter:blur(30px) saturate(170%);backdrop-filter:blur(30px) saturate(170%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 0 0 1px rgba(255,255,255,.45),0 30px 70px -40px rgba(0,0,0,.6)!important}
#features .feat::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;
  background:radial-gradient(70% 40% at 12% 0%,rgba(255,255,255,.7),transparent 60%)}
#features .feat>*{position:relative;z-index:1}
#features .band-h{position:relative;z-index:1}

/* ===== Shiny metallic headlines ===== */
h1,h2,.ringcard h3,.pc-copy h3,.mc-t b{
  background:linear-gradient(178deg,#56607A 0%,#26304A 42%,#111A2D 78%,#2E3852 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#1D1D1F}
.band-h h2{background:linear-gradient(178deg,#FFFFFF 0%,#E9E9EE 45%,#A9A9B3 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero h1{background:linear-gradient(176deg,#5E6882 0%,#28324C 38%,#0F172A 72%,#323C57 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hsub{background:linear-gradient(178deg,#56607A,#26304A);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
/* the feat headline sat under the glass sheen; keep it crisp now that the sheen is in the text */
#features .feat::after{opacity:.55}
/* ===== Wider desktop layout ===== */
.wrap{max-width:1440px}
.hcard{max-width:1480px!important}
.nav{max-width:1480px!important}
.rings-card{max-width:1480px!important}
.three{max-width:1440px!important}
#features .feats{max-width:1400px!important}
.privcard{max-width:1440px!important}
.more2{max-width:1440px;margin-inline:auto}
body{padding-inline:clamp(16px,2.2vw,36px)!important}
#features{margin-left:calc(50% - 50vw)!important;padding-inline:clamp(16px,2.2vw,36px)!important}
@media (min-width:1300px){
  .feat{height:680px}
  .feat .shot{height:470px!important}
  .three .ringcard{height:680px!important}
  .mphone{width:min(330px,86%)}
  .hero h1{font-size:clamp(64px,7vw,112px)!important}
}

/* ===== Nav: one liquid-glass pill from the start ===== */
.nav,.nav.is-scrolled{display:flex!important;align-items:center;justify-content:space-between;top:18px!important;height:62px!important;max-width:1480px!important;padding:0 8px 0 22px!important;border-radius:99px!important;
  background:linear-gradient(140deg,rgba(255,255,255,.66),rgba(255,255,255,.34))!important;
  -webkit-backdrop-filter:blur(24px) saturate(190%);backdrop-filter:blur(24px) saturate(190%);
  border:1px solid rgba(255,255,255,.6)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(255,255,255,.25),0 1px 2px rgba(22,22,40,.05),0 18px 40px -20px rgba(22,22,40,.3)!important}
.nav.is-scrolled{top:12px!important}
.nav .logo img,.nav.is-scrolled .logo img{filter:none!important;height:24px}
.nav-l{display:flex;align-items:center;gap:6px}
.nav-link{font-size:15px;font-weight:600;color:#1D1D1F;text-decoration:none;padding:9px 14px;border-radius:99px;margin-left:10px;transition:background .2s}
.nav-link:hover{background:rgba(29,29,31,.06)}
.nav-cta{font-size:15px;font-weight:700;color:#1D1D1F;text-decoration:none;padding:13px 20px;border-radius:99px;background:#F2F07C;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 6px 16px -8px rgba(160,150,0,.5);white-space:nowrap;transition:transform .2s}
.nav-cta:hover{transform:translateY(-1px)}
@media (max-width:560px){.nav,.nav.is-scrolled{height:56px!important;padding:0 6px 0 16px!important}.nav .logo img{height:18px!important}.nav-link{font-size:14px;padding:8px 10px;margin-left:2px}.nav-cta{font-size:13.5px;padding:11px 14px}}
@media (max-width:360px){.nav .logo img{height:15px!important}.nav-link{display:none}}

/* ===== nav: left-aligned glass pill, no CTA ===== */
.nav,.nav.is-scrolled{left:max(clamp(16px,2.2vw,36px),calc((100vw - 1480px)/2))!important;right:auto!important;width:auto!important;margin:0!important;padding:0 8px 0 20px!important;justify-content:flex-start!important}
.nav-cta{display:none!important}
.lang{position:relative;margin-left:6px}
.lang-btn{display:inline-flex;align-items:center;gap:7px;height:44px;padding:0 14px;border-radius:99px;border:0;cursor:pointer;font:700 14px var(--sf);color:#fff;
  background:linear-gradient(140deg,rgba(44,44,50,.92),rgba(22,22,26,.86));box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 6px 16px -8px rgba(0,0,0,.5)}
.lang-btn svg{width:17px;height:17px}.lang-btn .chev{width:12px;height:12px;opacity:.7;transition:transform .25s}
.lang.open .chev{transform:rotate(180deg)}
.lang-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:150px;padding:6px;border-radius:18px;display:none;flex-direction:column;
  background:linear-gradient(140deg,rgba(255,255,255,.85),rgba(255,255,255,.62));-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);
  border:1px solid rgba(255,255,255,.7);box-shadow:inset 0 1px 0 #fff,0 18px 40px -16px rgba(22,22,40,.35)}
.lang.open .lang-menu{display:flex}
.lang-menu button{text-align:left;font:600 14.5px var(--sf);padding:10px 12px;border-radius:12px;border:0;background:transparent;color:#1D1D1F;cursor:pointer}
.lang-menu button:hover,.lang-menu button[aria-current=true]{background:rgba(29,29,31,.06)}
@media (max-width:560px){.lang-btn{height:40px;padding:0 11px}.lang-btn>svg:first-child{display:none}}
/* ===== hero floats: stay absolute (glass rule had made them relative) ===== */
.hstage .float{position:absolute!important}
/* ===== final CTA as a left-aligned glass card ===== */
#start{padding-top:clamp(24px,4vw,48px)!important}
.finalcard{max-width:1440px!important;margin-inline:auto;text-align:left!important;display:grid;justify-items:start;gap:14px;padding:clamp(36px,6vw,80px) clamp(24px,6vw,80px)!important;border-radius:clamp(32px,4vw,52px);position:relative;isolation:isolate;overflow:hidden;
  background:linear-gradient(150deg,rgba(255,255,255,.78),rgba(244,244,248,.55));-webkit-backdrop-filter:blur(26px) saturate(180%);backdrop-filter:blur(26px) saturate(180%);
  border:1px solid rgba(255,255,255,.8);box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(22,22,40,.04),0 40px 90px -50px rgba(22,22,40,.4)}
.finalcard::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(45% 70% at 100% 0%,rgba(254,160,80,.45),transparent 70%),radial-gradient(40% 70% at 0% 100%,rgba(110,190,252,.45),transparent 70%)}
.finalcard h2{margin:0!important}.finalcard .lede{margin:0!important;text-align:left}
.finalcard form.wl{margin:8px 0 0!important}.finalcard .note{text-align:left;margin:0}
/* ===== more glass on cards ===== */
.three .ringcard,.more2>.mc,.privcard,.rings-card{
  background:linear-gradient(150deg,rgba(255,255,255,.82),rgba(242,242,247,.62))!important;
  -webkit-backdrop-filter:blur(26px) saturate(170%);backdrop-filter:blur(26px) saturate(170%);
  border:1px solid rgba(255,255,255,.75)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 1px 2px rgba(22,22,40,.04),0 30px 70px -44px rgba(22,22,40,.38)!important}
.three .ringcard{background:linear-gradient(155deg,rgba(246,246,250,.92),rgba(234,234,241,.7))!important}
.more2>.mc::after,.privcard::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(70% 45% at 10% 0%,rgba(255,255,255,.75),transparent 60%)}
.more2>.mc,.privcard{position:relative}
/* ===== CTA hover: a yellow light travels around the border ===== */
@property --a{syntax:'<angle>';initial-value:0deg;inherits:false}
.btn{position:relative;isolation:isolate}
.btn::before{content:"";position:absolute;inset:-3px;border-radius:inherit;padding:2px;z-index:-1;opacity:0;transition:opacity .35s var(--ease);
  background:conic-gradient(from var(--a),rgba(255,214,150,0) 0deg,rgba(255,214,150,0) 200deg,#FFD9A0 250deg,#FFF4E2 290deg,#FFC27A 320deg,rgba(255,214,150,0) 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.btn::after{content:"";position:absolute;inset:-10px;border-radius:inherit;z-index:-2;opacity:0;transition:opacity .35s var(--ease);
  background:conic-gradient(from var(--a),transparent 0 220deg,rgba(255,214,150,.6) 290deg,transparent 340deg);filter:blur(14px)}
.btn:hover::before,.btn:hover::after,.btn:focus-visible::before,.btn:focus-visible::after{opacity:1;animation:btnSpin 2.4s linear infinite}
@keyframes btnSpin{to{--a:360deg}}
@media (prefers-reduced-motion:reduce){.btn:hover::before,.btn:hover::after{animation:none}}

/* ===== metallic text: room for overhangs so letters are never clipped ===== */
h1,h2,.ringcard h3,.pc-copy h3,.mc-t b,.hsub,.band-h h2{padding:0 .08em .12em .02em;margin-right:-.08em;margin-left:-.02em}
h1,h2{margin-bottom:-.12em}
/* ===== nav: traditional bar inside the hero card ===== */
.nav,.nav.is-scrolled{position:absolute!important;top:calc(28px + clamp(14px,1.6vw,22px))!important;left:calc(max(clamp(16px,2.2vw,36px),(100vw - 1480px)/2) + clamp(20px,3vw,44px))!important;right:calc(max(clamp(16px,2.2vw,36px),(100vw - 1480px)/2) + clamp(20px,3vw,44px))!important;width:auto!important;max-width:none!important;margin:0!important;height:52px!important;padding:0!important;display:flex!important;justify-content:space-between!important;align-items:center;background:transparent!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-radius:0!important}
.nav .logo img,.nav.is-scrolled .logo img{height:26px!important;filter:none!important}
.nav-r{display:flex;align-items:center;gap:6px}
.nav-link{margin-left:0!important}
.nav.is-scrolled .nav-link{color:#1D1D1F!important}
/* ===== language selector: small and quiet ===== */
.lang-btn{height:34px!important;padding:0 10px!important;gap:4px!important;background:transparent!important;color:#1D1D1F!important;box-shadow:none!important;border:1px solid rgba(29,29,31,.14)!important;font:600 13px var(--sf)!important}
.lang-btn:hover{background:rgba(29,29,31,.05)!important}
.lang-btn .chev{width:10px!important;height:10px!important}
.lang-menu{left:auto!important;right:0!important;min-width:132px!important}
/* ===== last card: carbon, two columns, left aligned ===== */
.finalcard{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:end;gap:clamp(24px,4vw,56px)!important;justify-items:stretch!important;background:#1B2337!important;border:0!important;box-shadow:0 40px 90px -50px rgba(0,0,0,.5)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.finalcard::before{background:radial-gradient(45% 80% at 100% 0%,rgba(254,160,80,.22),transparent 70%),radial-gradient(40% 80% at 0% 100%,rgba(110,190,252,.16),transparent 70%)!important}
.finalcard .fc-copy{display:grid;gap:12px}
.finalcard .eyebrow{color:rgba(255,255,255,.5)}
.finalcard h2{background:linear-gradient(178deg,#fff 0%,#EDEDF2 45%,#B4B4BD 100%)!important;-webkit-background-clip:text!important;background-clip:text!important}
.finalcard .lede{color:rgba(255,255,255,.65)!important}
.finalcard form.wl{width:100%!important;margin:0!important}
.finalcard .note{color:rgba(255,255,255,.5);margin-top:10px!important}
.finalcard .ok{color:#fff}
@media (max-width:860px){.finalcard{grid-template-columns:1fr}}
/* ===== bottom dock: glass early-access bar on scroll ===== */
.dock{position:fixed;left:50%;bottom:18px;z-index:70;width:min(560px,calc(100% - 24px));transform:translate(-50%,160%);opacity:0;transition:transform .55s var(--ease),opacity .4s var(--ease);pointer-events:none}
.dock.show{transform:translate(-50%,0);opacity:1;pointer-events:auto}
.dock-f{display:flex;gap:6px;padding:6px;border-radius:99px;width:100%!important;margin:0!important;
  background:linear-gradient(140deg,rgba(255,255,255,.72),rgba(255,255,255,.4))!important;-webkit-backdrop-filter:blur(24px) saturate(190%);backdrop-filter:blur(24px) saturate(190%);
  border:1px solid rgba(255,255,255,.65)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 1px 2px rgba(22,22,40,.06),0 24px 50px -20px rgba(22,22,40,.4)!important}
.dock-f input{flex:1;min-width:0}
.dock-note{margin:6px 0 0;text-align:center;font-size:12.5px;color:var(--muted)}
.dock-note:empty{display:none}
/* dock stays one line on phones; white field on the carbon card */
.dock-f{flex-wrap:nowrap!important;border-radius:99px!important}
.dock-f input{padding:12px 14px!important;font-size:15px!important}
.dock-f .btn{width:auto!important;flex:none;padding:13px 18px!important;font-size:14.5px!important;white-space:nowrap}
@media (max-width:380px){.dock-f .btn{padding:12px 13px!important;font-size:13.5px!important}}
.finalcard form.wl{background:rgba(255,255,255,.96)!important;border:0!important;box-shadow:0 20px 40px -24px rgba(0,0,0,.6)!important}
/* dock: compact everywhere, short label on phones */
.dock{width:min(430px,calc(100% - 24px))!important;bottom:16px!important}
.dock-f{padding:5px!important}
.dock-f input{padding:10px 14px!important;font-size:14.5px!important}
.dock-f .btn{padding:11px 16px!important;font-size:14px!important}
.dock-f .lbl-sm{display:none}
@media (max-width:560px){.dock-f .lbl-lg{display:none}.dock-f .lbl-sm{display:inline}.dock{width:min(380px,calc(100% - 20px))!important}}
/* final card form: one clean pill on tablet and desktop */
.finalcard form.wl{flex-wrap:nowrap!important;border-radius:99px!important;padding:6px!important;max-width:520px}
.finalcard form.wl input{flex:1 1 auto!important;min-width:0!important;padding:12px 16px!important}
.finalcard form.wl .btn{flex:none!important;width:auto!important;white-space:nowrap}
@media (max-width:560px){.finalcard form.wl{flex-wrap:wrap!important;border-radius:24px!important}.finalcard form.wl .btn{width:100%!important}}

/* sign-up success card */
.yay{display:flex;align-items:center;gap:14px;text-align:left;padding:16px 22px 16px 16px;border-radius:24px;max-width:520px;width:100%;box-sizing:border-box;
  background:linear-gradient(140deg,rgba(255,255,255,.94),rgba(255,255,255,.74));-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);
  border:1px solid rgba(255,255,255,.85);box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(22,22,40,.05),0 20px 44px -22px rgba(22,22,40,.4);animation:yayIn .6s cubic-bezier(.22,1,.36,1) both}
.yay-ic{flex:none;width:46px;height:46px;border-radius:50%;background:#F2F07C;display:grid;place-items:center;animation:yayPulse 1.4s ease-out .25s 2}
.yay-ic svg{width:22px;height:22px}
.yay-t b{display:block;font-size:19px;font-weight:800;letter-spacing:-.02em;color:#1D1D1F}
.yay-t p{margin:3px 0 0;font-size:14.5px;line-height:1.45;color:#3A3A3C}
.yay-t small{display:block;margin-top:5px;font-size:12.5px;color:#8E8E93}
.yay-compact{padding:7px 18px 7px 7px;border-radius:99px}
.yay-compact .yay-ic{width:36px;height:36px}.yay-compact .yay-ic svg{width:18px;height:18px}
.yay-compact .yay-t{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.yay-compact .yay-t b{font-size:15.5px}.yay-compact .yay-t span{font-size:13.5px;color:#6E6E73}
.htop .yay{margin-inline:auto}
@keyframes yayIn{from{opacity:0;transform:scale(.94) translateY(8px)}}
@keyframes yayPulse{0%{box-shadow:0 0 0 0 rgba(255,236,90,.65)}100%{box-shadow:0 0 0 18px rgba(255,236,90,0)}}
@media (prefers-reduced-motion:reduce){.yay,.yay-ic{animation:none}}
.hero h1{font-size:clamp(44px,6.6vw,104px)!important;text-wrap:balance}
@media (max-width:560px){.hero h1 br{display:none}.hero h1{font-size:clamp(36px,10.5vw,52px)!important}
  .nav,.nav.is-scrolled{left:calc(clamp(16px,2.2vw,36px) + 14px)!important;right:calc(clamp(16px,2.2vw,36px) + 14px)!important}
  .nav .logo img{height:20px!important}.nav-link{padding:8px 10px!important;font-size:14px!important}}
/* logo size never changes on scroll (the scrolled-state rule used to win on phones) */
.nav .logo img,.nav.is-scrolled .logo img{height:26px!important}
@media (max-width:560px){.nav .logo img,.nav.is-scrolled .logo img{height:20px!important}}
/* bottom bar grows to hold the quiz */
.dock.quiz{width:min(460px,calc(100% - 24px))!important}
.dock .yay{max-width:none}
/* hero phone carousel */
.iphone .slides{position:absolute;inset:40px 0 0;overflow:hidden;contain:paint}
html,body{overflow-x:clip}
.iphone .slide{position:absolute;inset:0;transform:translateX(100%);visibility:hidden}
.iphone .slide.on{transform:none;visibility:visible}
.iphone .slide.out{transform:translateX(-100%);visibility:visible}
.iphone .slide.anim{transition:transform .85s cubic-bezier(.65,0,.35,1)}
.iphone .slide .pv{padding-top:0}
.xbtn{width:26px;height:26px;border-radius:50%;background:rgba(22,22,26,.05);display:grid;place-items:center;font-size:15px;color:#3A3A3C}
.seg i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px;vertical-align:1px}
.vitals{display:grid;grid-template-columns:repeat(3,1fr);padding:11px 6px;text-align:center}
.vitals small{display:block;font-size:9px;color:#6E6E73}.vitals b{display:block;font-size:20px;font-weight:800;letter-spacing:-.8px;line-height:1.15}
.pager{position:absolute;right:clamp(16px,2.4vw,28px);bottom:clamp(16px,2.4vw,28px);z-index:6;display:flex;align-items:center;gap:6px;padding:9px 12px 9px 14px;border-radius:99px}
.pname{font-size:12.5px;font-weight:700;letter-spacing:-.01em;margin-right:4px;min-width:66px}
.pager button{position:relative;width:8px;height:8px;border-radius:99px;border:0;padding:0;background:rgba(29,29,31,.18);cursor:pointer;overflow:hidden;transition:width .45s var(--ease)}
.pager button.on{width:30px}
.pager button i{position:absolute;left:0;top:0;bottom:0;width:0;background:#1D1D1F;border-radius:inherit}
.pager button.on i{width:100%}
@media (prefers-reduced-motion:no-preference){
  .pager button.on i{width:0;animation:pfill 6s linear forwards}
  .pager:hover button.on i,.pager.paused button.on i{animation-play-state:paused}
  @keyframes pfill{to{width:100%}}
  .iphone .slide.on.enter .pv>*{animation:cardIn .7s var(--ease) both;animation-delay:calc(var(--i,0)*80ms + .25s)}
  @keyframes cardIn{from{opacity:0;transform:translateY(16px) scale(.985)}}
  .iphone .draw{stroke-dasharray:1;stroke-dashoffset:0}
  .iphone .slide.on.enter .draw{animation:drawL 1.3s .55s var(--ease) both}
  @keyframes drawL{from{stroke-dashoffset:1}}
  .iphone .slide.on.enter .grow{animation:growB 1s .6s var(--ease) both;transform-origin:right}
  @keyframes growB{from{transform:scaleX(0)}}
}
.pager{padding:9px 11px}
@media (max-width:720px){.pager{right:10px!important;bottom:10px!important;padding:7px 9px!important}}
/* phone cut off by the card, last strip fades out */
.hstage{height:722px!important;-webkit-mask-image:linear-gradient(#000 calc(100% - 44px),transparent);mask-image:linear-gradient(#000 calc(100% - 44px),transparent)}
@media (max-width:720px){.hstage{height:630px!important;-webkit-mask-image:linear-gradient(#000 calc(100% - 48px),transparent);mask-image:linear-gradient(#000 calc(100% - 48px),transparent)}}
/* proof */
.proof{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-radius:24px;overflow:hidden;margin-top:28px}
.proof div{padding:22px 22px 20px;display:grid;gap:4px;border-left:1px solid var(--hair)}
.proof div:first-child{border-left:0}
.proof b{font-size:clamp(26px,3vw,34px);font-weight:800;letter-spacing:-.04em;line-height:1}
.proof span{font-size:14px;color:var(--muted);line-height:1.4}
.proof-h{text-align:center;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
@media (max-width:760px){.proof{grid-template-columns:1fr 1fr}.proof div:nth-child(3){border-left:0}.proof div:nth-child(n+3){border-top:1px solid var(--hair)}}

/* phone (light product surface, app tokens scaled) */
.phone{position:relative;flex:none;width:300px;max-width:100%;aspect-ratio:300/650;border-radius:50px;padding:10px;background:#141416;box-shadow:0 40px 80px -34px rgba(22,22,40,.45),inset 0 0 0 1.5px #2C2C30}
.scr{position:relative;height:100%;border-radius:40px;overflow:hidden;font-family:var(--sf);color:#1D1D1F;
  background:radial-gradient(60% 26% at 92% 2%,rgba(254,160,80,.55),transparent 70%),radial-gradient(60% 30% at 0% 20%,rgba(110,190,252,.6),transparent 70%),linear-gradient(180deg,#EEF4FA,#F6F7FA 40%,#FAFAFB)}
.sbar{display:flex;justify-content:space-between;align-items:center;padding:14px 24px 0;font-size:12.5px;font-weight:600}
.sbar i{display:inline-flex;gap:3px}.sbar i b{width:4px;height:4px;border-radius:50%;background:#1D1D1F}
.pv{padding:10px 13px 0}
.g{background:rgba(255,255,255,.74);border:1px solid rgba(255,255,255,.95);border-radius:18px;box-shadow:0 0 0 .5px rgba(22,22,26,.05),0 6px 16px rgba(22,22,26,.06)}
.row{display:flex;justify-content:space-between;align-items:center;gap:8px}
.t-title{font-size:28px;font-weight:800;letter-spacing:-1.2px;line-height:1}
.chev{width:20px;height:20px;border-radius:50%;background:rgba(22,22,26,.06);display:inline-grid;place-items:center;margin-left:6px;vertical-align:4px}
.chev svg{width:10px;height:10px}
.acct{display:flex;align-items:center;gap:6px;padding:3px 3px 3px 9px;border-radius:99px}
.acct svg{width:12px;height:12px}
.acct b{width:22px;height:22px;border-radius:50%;background:#EEEEF2;display:grid;place-items:center;font-size:10px}
.greet{font-size:16px;font-weight:800;letter-spacing:-.5px}
.chip{display:inline-flex;align-items:center;gap:4px;font-size:9.5px;font-weight:600;color:#6E6E73;padding:4px 8px;border-radius:99px}
.chip b{color:#1D1D1F;font-size:11px}
.cap{font-size:9.5px;color:#6E6E73;font-weight:500}
.lab{font-size:8.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6E6E73}
.ring{position:relative;display:grid;place-items:center;flex:none}
.ring svg{display:block;transform:rotate(-90deg)}
.ring .v{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:3px}
.ring .v b{font-weight:800;letter-spacing:-.06em;line-height:1}
.pill-ok{font-size:8.5px;font-weight:700;color:#0B8052;background:#BFF0D6;padding:2px 7px;border-radius:99px}
.tiles3{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:7px}
.tiles3>div{padding:8px 4px 7px;text-align:center;font-size:9.5px;font-weight:700}
.btn-ink{display:inline-flex;align-items:center;gap:5px;background:#1D1D1F;color:#fff;font-size:10px;font-weight:700;padding:7px 11px;border-radius:99px}
.nav-p{position:absolute;left:11px;right:11px;bottom:14px;display:flex;align-items:center;gap:7px;z-index:2}
.nav-p .bar{flex:1;display:flex;justify-content:space-between;padding:5px;border-radius:99px;font-size:8px;font-weight:600;color:#6E6E73}
.nav-p .bar span{display:grid;justify-items:center;gap:1px;padding:5px 7px;border-radius:99px}
.nav-p .bar .on{background:rgba(22,22,26,.07);color:#1D1D1F;font-weight:700}
.nav-p svg{width:15px;height:15px}
.nav-p .plus{width:42px;height:42px;border-radius:50%;display:grid;place-items:center}
.nav-p .plus svg{width:18px;height:18px}

/* three rings section */
.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:clamp(40px,5vw,60px)}
@media (max-width:900px){.three{grid-template-columns:1fr;max-width:460px;margin-inline:auto}}
.ringcard{border-radius:28px;padding:26px 26px 0;display:grid;gap:10px;align-content:start;overflow:hidden}
.ringcard p{color:var(--muted);font-size:15.5px}
.ringcard .dot{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:8px;vertical-align:2px}
.shot{margin:14px -6px 0;padding:14px;border-radius:22px 22px 0 0;background:var(--surface);box-shadow:0 0 0 .5px rgba(22,22,26,.06),0 -8px 24px -18px rgba(22,22,40,.3);font-family:var(--sf);min-height:250px}
.scale{position:relative;height:5px;border-radius:99px;background:linear-gradient(90deg,#FF7A80,#4AA8F0 45%,#9BD86A 72%,#35C97F);margin-top:12px}
.scale i{position:absolute;top:50%;width:13px;height:13px;margin:-6.5px 0 0 -6.5px;border-radius:50%;background:#fff;border:2.5px solid #35C97F}
.scale-l{display:grid;grid-template-columns:repeat(4,1fr);font-size:9px;color:#6E6E73;margin-top:7px}
.scale-l b{color:#1D1D1F}
.meal{display:flex;align-items:center;gap:10px}
.meal .ic{width:34px;height:34px;border-radius:10px;background:#F2F2F5;display:grid;place-items:center;font-size:17px}
.meal b{font-size:14px;letter-spacing:-.02em}
.meal small{display:block;font-size:10.5px;color:#6E6E73}
.stats4{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;margin-top:12px}
.stats4 small{display:block;font-size:9px;color:#6E6E73;font-weight:500}
.stats4 b{font-size:14px;letter-spacing:-.03em}
.spark{display:block;width:100%;height:70px;margin-top:10px}
.days{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:9px;color:#6E6E73}
.days span:last-child{color:#1D1D1F;font-weight:700}

/* how */
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:48px;counter-reset:s}
@media (max-width:860px){.steps{grid-template-columns:1fr}}
.step{border-radius:24px;padding:26px;display:grid;gap:10px;align-content:start}
.step .n{font-size:13px;font-weight:800;color:var(--muted);font-variant-numeric:tabular-nums}
.step p{color:var(--muted);font-size:15.5px}

/* split */
.split{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(36px,6vw,96px);align-items:center}
.split.rev{grid-template-columns:auto minmax(0,1fr)}
@media (max-width:900px){.split,.split.rev{grid-template-columns:1fr}.split .phone{margin-inline:auto}.split.rev>.phone,.split.rev>.side{order:2}}
.copy{display:grid;gap:20px;align-content:start}
.list{display:grid;border-top:1px solid var(--hair)}
.list div{display:grid;grid-template-columns:30px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid var(--hair)}
.list svg{width:24px;height:24px;color:var(--ink)}
.list b{display:block;font-size:17px;letter-spacing:-.02em}
.list span{color:var(--muted);font-size:15.5px}
.qs{display:flex;flex-wrap:wrap;gap:8px}
.qs button{font:600 14.5px/1 var(--sf);padding:11px 15px;border-radius:99px;border:0;background:var(--surface);color:var(--ink);box-shadow:var(--shadow-float);cursor:pointer}
.qs button[aria-pressed=true]{background:var(--butter)}

/* coach screen bits */
.me{margin:10px 0 0 auto;width:fit-content;max-width:82%;background:#1D1D1F;color:#fff;padding:8px 12px;border-radius:16px 16px 4px 16px;font-size:11.5px}
.ai-h{display:flex;align-items:center;gap:5px;font-size:9.5px;color:#6E6E73;margin-top:11px}
.ai-h i{width:7px;height:7px;border-radius:50%;background:#F2F07C;box-shadow:0 0 0 2.5px rgba(254,160,80,.45),0 0 0 3px rgba(22,22,26,.08)}
.ai-t{font-size:11.5px;line-height:1.5;margin-top:4px}
.dcard{padding:9px 11px;margin-top:8px}
.bar2{height:5px;border-radius:99px;background:#F2F2F5;overflow:hidden;margin-top:7px}
.bar2 i{display:block;height:100%;border-radius:99px}
.acts{display:flex;gap:6px;margin-top:9px;flex-wrap:wrap}
.acts span{font-size:10px;font-weight:700;padding:7px 10px;border-radius:99px;background:#fff;box-shadow:0 0 0 .5px rgba(22,22,26,.08)}
.acts span:first-child{background:#1D1D1F;color:#fff;box-shadow:none}
.composer{position:absolute;left:11px;right:11px;bottom:70px;padding:9px 12px;border-radius:18px;font-size:11px;color:#6E6E73}
.composer .r{display:flex;gap:5px;margin-top:8px}
.composer .r span{font-size:9.5px;font-weight:700;color:#1D1D1F;padding:5px 8px;border-radius:99px;background:#F2F2F5}

/* protocol bits */
.seg{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:3px;border-radius:12px;background:rgba(22,22,26,.05);margin-top:9px;font-size:10.5px;font-weight:700;text-align:center;color:#6E6E73}
.seg span{padding:7px 2px;border-radius:9px}
.seg .on{background:#fff;color:#1D1D1F;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.food{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:13px;background:rgba(22,22,26,.035);margin-top:6px}
.food .c{width:20px;height:20px;border-radius:50%;border:1.5px solid #AEAEB2;flex:none;display:grid;place-items:center}
.food .c.on{background:#35C97F;border-color:#35C97F;color:#fff;font-size:10px}
.food b{font-size:12px;letter-spacing:-.02em}
.food small{display:block;font-size:9.5px;color:#6E6E73}

/* real life */
.cards4{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:14px;margin-top:44px}
.cards4>div{border-radius:24px;padding:24px;display:grid;gap:8px;align-content:start}
.cards4 p{color:var(--muted);font-size:15.5px}
.ic-chip{width:44px;height:44px;border-radius:14px;background:var(--butter-soft);display:grid;place-items:center}
.ic-chip svg{width:24px;height:24px}

/* labs */
.labs{display:grid;gap:14px;width:min(430px,100%)}
.labcard{border-radius:24px;padding:22px;display:grid;gap:12px}
.labcard .n{font-size:42px;font-weight:800;letter-spacing:-.05em;line-height:1}
.labcard .n span{font-size:15px;font-weight:500;color:var(--muted);letter-spacing:0;margin-left:6px}
.sb{display:flex;gap:3px;height:7px}
.sb i{border-radius:99px}
.leg{display:flex;justify-content:space-between;font-size:13px;font-weight:700}
.mk{display:grid;grid-template-columns:4px 1fr auto;gap:12px;align-items:center;padding:11px 0;border-top:1px solid var(--hair);font-size:15px;font-weight:600}
.mk i{height:22px;border-radius:4px}
.mk em{font-style:normal;font-weight:800;font-variant-numeric:tabular-nums}
.mk em small{font-weight:500;color:var(--muted);font-size:12px;margin-left:3px}
.age{border-radius:24px;padding:20px 22px;display:grid;gap:4px}
.age b{font-size:28px;font-weight:800;letter-spacing:-.045em}
.rng{position:relative;height:6px;border-radius:99px;background:var(--surface2);margin:12px 0 5px}
.rng i{position:absolute;top:0;bottom:0;border-radius:99px;background:linear-gradient(90deg,var(--ok-from),var(--ok))}
.rng em{position:absolute;top:-4px;left:50%;width:1.5px;height:14px;background:var(--muted)}
.axis{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}

/* more grid */
.more{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:44px}
@media (max-width:900px){.more{grid-template-columns:1fr 1fr}}@media (max-width:560px){.more{grid-template-columns:1fr}}
.more>div{border-radius:22px;padding:20px;display:grid;grid-template-columns:40px 1fr;gap:4px 14px;align-items:start}
.more svg{width:24px;height:24px;margin-top:2px}
.more b{font-size:16.5px;letter-spacing:-.02em}
.more p{grid-column:2;color:var(--muted);font-size:14.5px}

/* privacy + teams */
.priv{border-radius:32px;padding:clamp(28px,5vw,56px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,60px);align-items:center}
@media (max-width:860px){.priv{grid-template-columns:1fr}}
.priv ul,.team ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.priv li,.team li{display:grid;grid-template-columns:24px 1fr;gap:10px;font-size:16px}
.priv li svg{width:20px;height:20px;color:var(--ok-text);margin-top:2px}
.team{border-radius:32px;padding:clamp(28px,5vw,56px);background:var(--ink);color:#fff;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(24px,4vw,60px);align-items:center}
.team .lede{color:rgba(255,255,255,.7)}
.team .eyebrow{color:rgba(255,255,255,.6)}
.team li::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--butter);margin-top:8px}
@media (max-width:860px){.team{grid-template-columns:1fr}}

/* faq + final */
.faq{max-width:780px;margin:40px auto 0;border-top:1px solid var(--hair)}
.faq details{border-bottom:1px solid var(--hair)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;padding:21px 2px;font-size:18px;font-weight:700;letter-spacing:-.02em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:26px;font-weight:400;line-height:.8;color:var(--muted);transition:transform .2s var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq p{padding:0 2px 22px;color:var(--muted);max-width:62ch}
.final{text-align:center;display:grid;justify-items:center;gap:18px;padding-block:clamp(40px,6vw,80px)}
.final h2{font-size:clamp(46px,7vw,92px);letter-spacing:-.05em}
form.wl{display:flex;gap:6px;padding:6px;border-radius:99px;width:min(560px,100%);flex-wrap:wrap}
form.wl input,form.wl select{font:500 16px var(--sf);color:var(--ink);background:transparent;border:0;padding:12px 14px;min-width:0}
form.wl input{flex:1 1 200px}
@media (max-width:560px){form.wl{border-radius:24px}form.wl .btn{width:100%;justify-content:center}}
form.wl input:focus,form.wl input:focus-visible,form.wl select:focus-visible{outline:none}
form.wl{transition:box-shadow .25s var(--ease),background .25s var(--ease)}
form.wl:focus-within{box-shadow:0 0 0 1px rgba(29,29,31,.10),0 0 0 5px rgba(29,29,31,.05),0 10px 30px -18px rgba(22,22,40,.35)!important;background:rgba(255,255,255,.95)}
.ok{font-weight:700;padding:12px 16px}
.note{font-size:13px;color:var(--muted)}
footer{max-width:1140px;margin:0 auto;padding-block:32px 56px;border-top:1px solid var(--hair);display:grid;gap:12px;font-size:13.5px;color:var(--muted)}
footer .r{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
footer nav{display:flex;flex-wrap:wrap;gap:8px 18px}footer a{text-decoration:none}
@media (prefers-reduced-motion:no-preference){
  .hero .phone{animation:up 1s var(--ease) both}.float{animation:up 1.1s .12s var(--ease) both}
  @keyframes up{from{transform:translateY(26px)}}
}

/* ===== Morning: sunrise palette over the shared layout =====
   Sky #5EB9FB → peach → orange #FE963F from the app icon, cream sun #FEF2D9,
   dusk navy #1B2337 where the Humanolab page used carbon. Butter #F2F07C stays the one action. */
:root{--sky:#5EB9FB;--sun:#FE963F;--cream:#FEF2D9;--dusk:#1B2337}
.hcard{background:
  radial-gradient(46% 52% at 92% 4%,rgba(254,150,63,.62),transparent 70%),
  radial-gradient(40% 46% at 70% 0%,rgba(255,214,150,.75),transparent 70%),
  radial-gradient(46% 62% at 0% 52%,rgba(94,185,251,.62),transparent 70%),
  radial-gradient(46% 40% at 55% 100%,rgba(254,242,217,.95),transparent 70%),
  linear-gradient(180deg,#EAF4FD,#FBF6EF)!important}
.nav .logo img,.nav.is-scrolled .logo img{height:30px!important;width:auto}
@media (max-width:560px){.nav .logo img,.nav.is-scrolled .logo img{height:24px!important}}
.meds{display:inline-block;font-size:13.5px;font-weight:600;color:#3A4560;padding:7px 14px;border-radius:99px;background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.75);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.htop h1{max-width:13ch}
.htop .hsub{max-width:32ch!important}
.hero-cta{display:flex;justify-content:center;margin-top:6px}
.btn svg{width:18px;height:18px;margin-top:-2px}
.btn{box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 10px 24px -12px rgba(200,140,40,.6)}
/* hero phone: fact tiles */
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:7px}
.facts>div{padding:8px 8px 7px;font-size:9px;line-height:1.25}
.facts .fi{display:block;width:16px;height:16px;margin-bottom:4px}.facts .fi svg{width:16px;height:16px;display:block}
.facts small{display:block;color:#6E6E73;font-size:8.5px;font-weight:600}
.facts b{display:block;font-size:14px;font-weight:800;letter-spacing:-.4px;margin:1px 0}
.facts em{font-style:normal;color:#6E6E73;font-size:8.5px}
.macros{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}
.macros>div{padding:9px 6px;border-radius:12px;background:#FFF6EC;text-align:center}
.macros>div:nth-child(2){background:#F2FAF5}.macros>div:nth-child(3){background:#EEF6FE}
.macros b{display:block;font-size:16px;font-weight:800;letter-spacing:-.5px}
.macros small{font-size:9px;color:#6E6E73;font-weight:600}
.frac{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:7px}
.frac span{text-align:center;padding:6px 0;border-radius:99px;background:#F3F1EC;font-size:11px;font-weight:700;color:#6E6E73}
.frac span.on{background:#16161A;color:#fff}
/* mini phones */
.fbars{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px;text-align:center}
.fb{position:relative;display:block;height:92px;border-radius:12px;background:#F5F3EE;overflow:hidden}
.fb i{position:absolute;left:0;right:0;bottom:0;border-radius:0 0 12px 12px;opacity:.85}
.fb em{position:absolute;left:6px;right:6px;top:25%;border-top:1.5px solid rgba(22,22,26,.25)}
.fbars b{display:block;font-size:12px;font-weight:800;letter-spacing:-.3px;margin-top:6px}
.fbars small{display:block;font-size:9px;color:#6E6E73;font-weight:600}
.fbars u{display:block;text-decoration:none;font-size:8.5px;color:#8E8E93;margin-top:2px}
.nx{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;padding:10px;border-radius:12px;background:#EEF6FE}
.nx small{display:block;font-size:9px;color:#6E6E73;font-weight:600}.nx b{display:block;font-size:16px;font-weight:800;letter-spacing:-.5px}.nx span{font-size:10px;color:#3A3A3C}
.nx em{font-style:normal;font-size:10px;font-weight:700;padding:7px 10px;border-radius:99px;background:#16161A;color:#fff;white-space:nowrap}
.tl{display:grid;grid-template-columns:repeat(4,1fr);margin-top:10px;position:relative}
.tl::before{content:"";position:absolute;left:12%;right:12%;top:5px;height:2px;background:#E8E6E0}
.tl>div{position:relative;text-align:center;font-size:9px;color:#8E8E93}
.tl i{display:block;width:12px;height:12px;border-radius:50%;margin:0 auto 5px;background:#fff;border:2px solid #D8D5CD}
.tl .done i{background:#5EB9FB;border-color:#5EB9FB}.tl .now i{background:#fff;border-color:#5EB9FB;box-shadow:0 0 0 4px rgba(94,185,251,.2)}
.tl b{display:block;font-size:11px;color:#16161A;font-weight:800}
.sites{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}
.sites span{font-size:10.5px;font-weight:700;padding:8px 9px;border-radius:10px;background:#F5F3EE;color:#6E6E73;display:flex;justify-content:space-between;align-items:center}
.sites small{font-size:8.5px;font-weight:700}
.sites .was{background:#F3F1EC;color:#3A3A3C}.sites .next{background:#EEF6FE;color:#1F72B4;box-shadow:inset 0 0 0 1.5px #5EB9FB}
.fx{display:flex;justify-content:space-between;align-items:center;font-size:11px;padding:6px 0;border-top:1px solid #EFEFF3;margin-top:4px}
.fx em{font-style:normal;font-size:9.5px;font-weight:700;padding:3px 8px;border-radius:99px}
.fx em.ok{background:#DDF6E8;color:#0B8052}.fx em.mid{background:#E3F1FD;color:#1F72B4}
.ringcard:nth-child(1)::before{background:radial-gradient(60% 70% at 78% 100%,rgba(254,150,63,.2),transparent 70%)!important}
.ringcard:nth-child(2)::before{background:radial-gradient(60% 70% at 22% 100%,rgba(94,185,251,.22),transparent 70%)!important}
.ringcard:nth-child(3)::before{background:radial-gradient(60% 70% at 78% 100%,rgba(53,201,127,.18),transparent 70%)!important}
/* shots feature: nausea by day after shot */
.dd{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;align-items:end;height:96px;margin-top:10px}
.dd>div{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px}
.dd i{display:block;width:100%;border-radius:7px;background:#F9D3E3}.dd i.hi{background:linear-gradient(180deg,#F4589B,#F9B4D1)}
.dd small{font-size:9px;color:#8E8E93;font-weight:600}
/* features band: dusk */
#features::before{background:radial-gradient(circle,rgba(254,150,63,.32),rgba(255,190,120,.1) 50%,transparent 70%)!important}
#features::after{background:radial-gradient(circle,rgba(94,185,251,.3),rgba(120,170,255,.08) 50%,transparent 70%)!important}
.feat-coach::before{background:radial-gradient(60% 70% at 22% 100%,rgba(254,170,90,.35),transparent 70%)!important}
.feat-prot::before{background:radial-gradient(60% 70% at 78% 100%,rgba(244,88,155,.16),transparent 70%)!important}
.feat-connect::before{background:radial-gradient(60% 70% at 22% 100%,rgba(94,185,251,.2),transparent 70%)!important}
.feat-labs::before{background:radial-gradient(60% 70% at 78% 100%,rgba(53,201,127,.16),transparent 70%)!important}
.cn-add{text-align:center;color:#6E6E73}
/* everyday tools */
.mc-med .mc-ui::before{background:radial-gradient(60% 70% at 100% 100%,rgba(244,88,155,.16),transparent 70%)!important}
.mc-cycle .mc-ui::before{background:radial-gradient(60% 70% at 0% 100%,rgba(94,185,251,.22),transparent 70%)!important}
.mc-scan .mc-ui::before{background:radial-gradient(60% 70% at 100% 100%,rgba(53,201,127,.16),transparent 70%)!important}
.mc-report .mc-ui::before{background:radial-gradient(60% 70% at 0% 100%,rgba(254,150,63,.28),transparent 70%)!important}
.mc-journal .mc-ui::before{background:radial-gradient(60% 70% at 100% 100%,rgba(255,200,120,.3),transparent 70%)!important}
.mc-med .fe-scale span{font-size:10px;height:28px}.mc-med .fe-scale span.on{background:#F4589B}
.bm{display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:center}
.bm svg{width:96px;height:96px}
.bm-r{display:flex;align-items:center;gap:7px;font-size:11.5px;font-weight:600;padding:5px 0}.bm-r i{width:9px;height:9px;border-radius:50%}
.ci{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.ci span{text-align:center;font-size:11px;font-weight:700;padding:9px 0;border-radius:12px;background:#F4F4F7;color:#6E6E73}
.ci span.on{background:#35C97F;color:#fff}
.faq-more{text-align:center;margin-top:22px}.faq-more a{font-weight:700;text-underline-offset:3px}
/* final card + dock */
.fc-form{display:grid;gap:12px;justify-items:start}
.finalcard .btn{font-size:17px;padding:18px 28px}
.finalcard .note{margin:0!important}
.dock-app{display:flex;align-items:center;gap:10px;padding:7px 7px 7px 8px;border-radius:99px;width:min(440px,calc(100% - 20px))!important;
  background:linear-gradient(140deg,rgba(255,255,255,.82),rgba(255,255,255,.6));-webkit-backdrop-filter:blur(24px) saturate(190%);backdrop-filter:blur(24px) saturate(190%);
  border:1px solid rgba(255,255,255,.8);box-shadow:inset 0 1px 0 #fff,0 18px 40px -18px rgba(22,22,40,.4)}
.dock-app img{width:40px;height:40px;border-radius:11px;flex:none}
.dk-t{flex:1;min-width:0;line-height:1.15}.dk-t b{display:block;font-size:14.5px;letter-spacing:-.01em}.dk-t small{font-size:12px;color:var(--muted)}
.dock-app .btn{padding:12px 16px;font-size:14px}
.dock-app .lbl-sm{display:none}
@media (max-width:520px){.dock-app .lbl-lg{display:none}.dock-app .lbl-sm{display:inline}}
.dk-t small{white-space:nowrap}.dock-app{width:min(480px,calc(100% - 20px))!important}
@media (max-width:420px){.dk-t small{display:none}}
.finalcard::before{background:radial-gradient(50% 90% at 100% 0%,rgba(254,150,63,.42),transparent 70%),radial-gradient(45% 90% at 0% 100%,rgba(94,185,251,.32),transparent 70%)!important}
.finalcard h2{max-width:12ch}
.bm svg{width:110px;height:110px}.bm{grid-template-columns:110px 1fr}