@font-face{font-family:"Archivo";font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/assets/fonts/archivo-latin.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:300 700;font-display:swap;src:url(/assets/fonts/inter-latin.woff2) format("woff2")}

:root{
  --egg:#FFF5ED;--navy:#010B2B;--coral:#F17454;--violet:#7642FE;--blue:#4DB3F4;--yellow:#FAD93C;--green:#317C07;--maroon:#50040E;
  --bg:var(--egg);--ink:var(--navy);--soft:#3B4157;--line:rgba(1,11,43,.16);--card:#FFFFFF;--tint:#FAD0C1;--field-navy:#010B2B;
  --gutter:clamp(20px,5vw,56px);
  --display:"Archivo","Arial Narrow","Helvetica Neue",Arial,sans-serif;
  --text:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --spring:cubic-bezier(.2,1.45,.35,1);
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){--bg:#010B2B;--ink:#FFF5ED;--soft:#C6CADB;--line:rgba(255,245,237,.2);--card:#0C1740;--tint:#5B2B22;--field-navy:#0A1540}
}
:root[data-theme="dark"]{--bg:#010B2B;--ink:#FFF5ED;--soft:#C6CADB;--line:rgba(255,245,237,.2);--card:#0C1740;--tint:#5B2B22;--field-navy:#0A1540}

*,*::before,*::after{box-sizing:inherit}
html{background:var(--bg);scroll-behavior:smooth;scroll-padding-top:calc(env(safe-area-inset-top,0px) + 76px);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--text);font-size:1.0625rem;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{max-width:100%}
a{color:inherit}
p{margin:0 0 1.1em}
p:last-child{margin-bottom:0}
:focus-visible{outline:3px solid var(--violet);outline-offset:3px;border-radius:6px}
.field-violet :focus-visible,.field-navy :focus-visible{outline-color:var(--yellow)}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* type */
.display{text-rendering:geometricPrecision;font-family:var(--display);font-weight:900;font-stretch:88%;letter-spacing:-.035em;line-height:.94;margin:0;text-wrap:balance}
h1.display{font-size:clamp(3.1rem,10.2vw,7.1rem);text-wrap:normal}
h2.display{font-size:clamp(2.2rem,6.2vw,4.6rem)}
h3.display{font-size:clamp(1.35rem,2.4vw,1.75rem);letter-spacing:-.02em;line-height:1.05}
.lead{font-size:clamp(1.16rem,1.65vw,1.45rem);line-height:1.42;max-width:34em}
.body{max-width:38em}
.body.stack-l{gap:1.1em}
.small{font-size:.9rem;line-height:1.5}
.soft{color:var(--soft)}

.wide{display:none}
@media (min-width:1200px){.wide{display:inline}}
/* layout */
.wrap{width:min(1180px,calc(100% - 2*var(--gutter)));margin-inline:auto;position:relative}
.section{position:relative;overflow:hidden;padding-block:clamp(76px,11vw,148px)}
.stack-l,.stack-xl{display:flex;flex-direction:column;align-items:stretch}
.stack-l{gap:clamp(20px,2.6vw,32px)}
.stack-xl{gap:clamp(44px,6vw,84px)}
.stack-l>*,.stack-xl>*{margin-block:0}
.field-navy{background:var(--field-navy);color:#FFF5ED}
.field-violet{background:var(--violet);color:#fff}
.field-yellow{background:var(--yellow);color:#010B2B}
.field-coral{background:var(--coral);color:#010B2B}

main{background:var(--bg)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 28px;border-radius:16px;border:2px solid transparent;font:600 1.0625rem/1 var(--text);text-decoration:none;cursor:pointer;transition:transform .35s var(--spring),background-color .2s}
.btn:hover{transform:scale(1.045) rotate(-1.2deg)}
.btn:active{transform:scale(.96)}
.btn-primary{background:var(--coral);color:#010B2B}
.btn-ghost{border-color:currentColor;background:transparent;color:inherit}
.btn-navy{background:#010B2B;color:#FFF5ED}
.btn-row{display:flex;flex-wrap:wrap;gap:14px}

/* nav */
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px}
.logo{display:block;color:var(--ink);line-height:0}
.logo svg{height:30px;width:auto;display:block}
.nav-links{display:none;gap:30px;font-weight:500;font-size:1rem}
.nav-links a{text-decoration:none}
.nav-links a:hover{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}
.nav-end{display:flex;align-items:center;gap:10px}
.theme{width:44px;height:44px;border-radius:13px;border:2px solid var(--line);background:transparent;color:var(--ink);display:grid;place-items:center;cursor:pointer;transition:transform .35s var(--spring)}
.theme:hover{transform:rotate(-12deg) scale(1.06)}
.theme svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.theme .sun{display:none}
:root[data-theme="dark"] .theme .sun{display:block}
:root[data-theme="dark"] .theme .moon{display:none}
.nav .btn{min-height:44px;padding:0 18px;font-size:.98rem;border-radius:13px}
@media (min-width:900px){.nav-links{display:flex}}

/* hero */
.hero{padding-block:clamp(32px,5vw,64px) clamp(28px,6vw,96px)}
.hero-grid{display:grid;gap:clamp(36px,5vw,64px);align-items:center}
@media (min-width:980px){.hero-grid{grid-template-columns:minmax(0,8fr) minmax(0,4fr)}}
.w{display:inline-block;animation:wordIn .8s var(--spring) both;animation-delay:calc(var(--i)*75ms + 120ms)}
@keyframes wordIn{from{opacity:0;transform:translateY(.55em) rotate(5deg)}to{opacity:1;transform:none}}
.status{display:flex;flex-wrap:wrap;gap:8px 22px;padding:0;margin:0;list-style:none}
.status li{display:flex;align-items:center;gap:9px}
.status li::before{content:"";width:12px;height:12px;border-radius:4px;background:var(--c);transform:rotate(-8deg);flex:none}

.stage{position:relative;width:min(100%,380px);aspect-ratio:38/60;margin-inline:auto;--px:0;--py:0}
@media (max-width:979px){.stage{width:min(78%,300px)}}
.blk{position:absolute;left:var(--x);top:var(--y);width:var(--bw);height:var(--bh);rotate:var(--r);animation:dropIn 1s var(--spring) both;animation-delay:calc(var(--n)*110ms + 350ms)}
@keyframes dropIn{from{opacity:0;transform:translate(var(--fx),var(--fy)) rotate(var(--fr)) scale(.86)}to{opacity:1;transform:none}}
.blk-in{display:block;width:100%;height:100%;border:0;padding:0;border-radius:24px;background:var(--c);color:var(--g);display:grid;place-items:center;cursor:pointer;translate:calc(var(--px)*var(--d)*1px) calc(var(--py)*var(--d)*1px);transition:translate .5s ease-out;animation:bob var(--t) ease-in-out infinite alternate;animation-delay:calc(var(--n)*-1.3s)}
@keyframes bob{from{transform:translateY(-3px) rotate(-.9deg)}to{transform:translateY(4px) rotate(1deg)}}
.blk-in svg{width:clamp(30px,34%,46px);height:auto;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.blk-in.boing{animation:boing .7s var(--spring)}
@keyframes boing{0%{transform:scale(1)}30%{transform:scale(.88) rotate(-5deg)}60%{transform:scale(1.08) rotate(4deg)}100%{transform:scale(1)}}

.shot-in{background:none;border-radius:30px;cursor:default}
.shot-in img{display:block;width:100%;height:auto;border-radius:30px;border:3px solid var(--ink);background:#FFF5ED}

/* edge blocks (brand device: blocks cropped at the page edge) */
.edge{position:absolute;right:-46px;top:clamp(28px,5vw,64px);width:clamp(96px,13vw,190px);display:grid;gap:10px;pointer-events:none}
.edge i{display:block;border-radius:24px;background:var(--c);height:var(--h);rotate:var(--r);transition:rotate .25s linear}
@media (max-width:760px){.edge{opacity:.95;width:78px;right:-40px;top:16px;gap:8px}.edge i{border-radius:16px;height:calc(var(--h)*.36)}}
.has-edge .wrap>:first-child{padding-right:64px}
@media (min-width:761px){.has-edge .wrap>:first-child{padding-right:0}.has-edge .wrap{padding-right:clamp(120px,15vw,210px)}}

/* gap figure */
.days{display:grid;grid-template-columns:repeat(15,1fr);gap:clamp(4px,.8vw,8px);max-width:760px}
@media (min-width:760px){.days{grid-template-columns:repeat(30,1fr)}}
.days i{aspect-ratio:1;border-radius:clamp(3px,.5vw,6px);background:var(--tint);scale:0;transition:scale .5s var(--spring);transition-delay:calc(var(--k)*9ms)}
.days i.visit{background:var(--ink)}
.in .days i{scale:1}
.legend{display:flex;flex-wrap:wrap;gap:8px 26px;padding:0;margin:18px 0 0;list-style:none}
.legend li{display:flex;align-items:center;gap:10px}
.legend li::before{content:"";width:16px;height:16px;border-radius:5px;background:var(--c);flex:none}

/* how: the product, screen by screen */
.tour{display:grid;gap:clamp(56px,8vw,112px);padding:0;margin:0;list-style:none;counter-reset:t}
.tour-row{display:grid;gap:clamp(24px,5vw,72px);align-items:center}
@media (min-width:860px){.tour-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.tour-row:nth-child(even) .tour-text{order:2}}
@media (max-width:859px){
  .tour{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin-inline:calc(var(--gutter) * -1);padding:8px var(--gutter) 34px;scrollbar-width:none}
  .tour::-webkit-scrollbar{display:none}
  .tour-row{flex:0 0 82%;scroll-snap-align:center;align-items:start;align-content:start;gap:20px}
  .tour-text{min-height:12.5em;align-content:start}
  .shot{width:86%;justify-self:start;margin-left:3%}
}
.swipe-hint{display:none}
@media (max-width:859px){.swipe-hint{display:block;margin-top:-18px}}
.tour-text{display:grid;gap:14px;align-content:center;max-width:29em}
.tour-text p{margin:0;font-size:1.12rem}
.tour-text::before{text-rendering:geometricPrecision;counter-increment:t;content:counter(t);width:46px;height:46px;border-radius:14px;background:var(--c);color:#010B2B;display:grid;place-items:center;font:900 1.35rem/1 var(--display);rotate:var(--r)}
.tour-row:nth-child(1) .tour-text::before,.tour-row:nth-child(3) .tour-text::before{color:#fff}
.shot{margin:0;position:relative;width:min(84%,300px);justify-self:center}
.shot::before{content:"";position:absolute;inset:7% -9% -5% 10%;border-radius:36px;background:var(--c);rotate:var(--r)}
.shot img{position:relative;display:block;width:100%;height:auto;border-radius:30px;border:3px solid var(--ink);background:#FFF5ED}
.tour .reveal .shot, .tour-row.reveal .shot{opacity:0;translate:0 34px;rotate:calc(var(--r) * 1.6);transition:opacity .6s ease,translate .9s var(--spring),rotate .9s var(--spring)}
.tour-row.reveal.in .shot{opacity:1;translate:0 0;rotate:0deg}
.shot:hover img{translate:0 -4px;transition:translate .35s var(--spring)}

/* how */
.steps{display:grid;gap:clamp(26px,3.4vw,44px);counter-reset:s;padding:0;margin:0;list-style:none}
@media (min-width:860px){.steps{grid-template-columns:repeat(3,1fr)}}
.steps li{display:grid;gap:12px;align-content:start}
.steps li::before{text-rendering:geometricPrecision;counter-increment:s;content:counter(s);width:46px;height:46px;border-radius:14px;background:var(--c);color:var(--g);display:grid;place-items:center;font:900 1.35rem/1 var(--display);rotate:var(--r)}
.panel{background:var(--card);border-radius:32px;padding:clamp(20px,3.4vw,44px)}
.chart{display:block;width:100%;height:auto;overflow:visible}
.chart text{font:500 13.5px var(--text);fill:var(--soft)}
.chart .sleep{fill:none;stroke:var(--blue);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 2.4s ease-out .2s}
.in .chart .sleep{stroke-dashoffset:0}
.chart .dot{scale:0;transform-box:fill-box;transform-origin:center;transition:scale .45s var(--spring);transition-delay:calc(var(--k)*60ms + 900ms)}
.in .chart .dot{scale:1}
.chart .marker{opacity:0;transition:opacity .5s ease 1.1s}
.in .chart .marker{opacity:1}
.checkin{display:grid;gap:14px;margin-top:clamp(18px,2.6vw,30px);padding-top:clamp(18px,2.6vw,30px);border-top:2px solid var(--line)}
.faces{display:flex;gap:clamp(6px,1.6vw,16px)}
.face{width:clamp(44px,13.5vw,58px);height:clamp(44px,13.5vw,58px);flex:none;padding:0;border:0;border-radius:50%;background:none;cursor:pointer;transition:transform .4s var(--spring);animation:idle 2.6s ease-in-out infinite alternate;animation-delay:calc(var(--k)*-.5s)}
@keyframes idle{from{translate:0 -2px}to{translate:0 3px}}
.face svg{display:block;width:100%;height:100%}
.face:hover{transform:scale(1.12) rotate(-6deg)}
.face[aria-pressed="true"]{transform:scale(1.2);animation:none}
.candor{max-width:16em}

/* signals */
.seg{align-self:flex-start;display:inline-flex;flex-wrap:wrap;gap:8px;padding:6px;border-radius:20px;background:var(--card);border:2px solid var(--line)}
.seg button{min-height:48px;padding:0 18px;border-radius:14px;border:0;background:transparent;color:inherit;font:600 1rem var(--text);cursor:pointer;transition:background-color .2s,transform .35s var(--spring)}
.seg button[aria-selected="true"]{background:var(--ink);color:var(--bg)}
.seg button:active{transform:scale(.96)}
.sigs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,40px) clamp(14px,3vw,40px);max-width:900px;padding:0;margin:0;list-style:none}
@media (min-width:700px){.sigs{grid-template-columns:repeat(auto-fill,minmax(158px,1fr));max-width:1000px}}
.case-head{margin:0}
.tag{display:inline-block;padding:7px 14px;border-radius:999px;font-weight:600;font-size:.95rem;border:2px solid transparent}
.tag.beta{background:var(--green);color:#fff}
.tag.research{background:var(--violet);color:#fff}
.tag.planned{border-color:var(--ink)}
#case-why{max-width:30em}
#case-note:empty{display:none}
.signal{display:grid;gap:10px;justify-items:start;align-content:start}
.signal .ico{width:clamp(72px,20vw,116px);aspect-ratio:1;border-radius:24px;background:var(--c);color:var(--g);display:grid;place-items:center;rotate:var(--r)}
.signal .ico svg{width:46%;height:auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.signal b{font:900 clamp(1.05rem,2.2vw,1.45rem)/1.05 var(--display);font-stretch:88%;letter-spacing:-.02em;text-rendering:geometricPrecision}
.signal span:last-child{font-size:.92rem;line-height:1.35;color:var(--soft)}
.sigs.swap .ico{animation:boing .6s var(--spring)}
.into{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-weight:600}
.into .pill{padding:8px 14px;border-radius:999px;border:2px solid var(--line)}
.into .mark{display:grid;place-items:center;width:96px;height:56px;border-radius:18px;background:var(--coral);color:#010B2B;rotate:-4deg}
.into .mark svg{width:66%;height:auto}
.into .arrow{width:34px;height:2px;background:var(--ink);position:relative;flex:none}
.into .pill.out{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.into .arrow::after{content:"";position:absolute;right:0;top:-5px;width:10px;height:10px;border-right:2px solid var(--ink);border-top:2px solid var(--ink);rotate:45deg}
@media (max-width:700px){.into{flex-direction:column;align-items:flex-start;gap:6px}.into .arrow{width:2px;height:20px;margin-left:30px}.into .arrow::after{right:-4px;top:auto;bottom:0;rotate:135deg}.into .mark{width:84px;height:50px}}

/* what's different */
.lanes{display:grid;gap:14px;padding:0;margin:0;list-style:none}
.lanes li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(16px,2.6vw,32px);align-items:center;padding:clamp(18px,2.6vw,30px);border-radius:28px;border:2px solid var(--line)}
.lanes li.us{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.lanes li.us p{color:inherit}
.lanes .ico{width:clamp(58px,8vw,84px);aspect-ratio:1;border-radius:20px;background:var(--c);color:var(--g);display:grid;place-items:center;rotate:var(--r);transition:rotate .5s var(--spring)}
.lanes li:hover .ico{rotate:calc(var(--r) * -1)}
.lanes .ico svg{width:52%;height:auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lanes .ico svg.mark{width:74%;stroke:none}
.lanes h3{margin:0 0 6px}
.lanes p{margin:0;max-width:44em}
.halves{display:grid;gap:clamp(18px,2.6vw,28px)}
@media (min-width:860px){.halves{grid-template-columns:repeat(2,minmax(0,1fr))}}
.half{border-radius:28px;padding:clamp(22px,3.2vw,40px);background:var(--c);color:var(--g);display:flex;flex-direction:column;gap:12px}
.half p{margin:0}
.half .tag{font-weight:600}
.proof{display:grid;gap:clamp(22px,3vw,40px);padding:0;margin:0;list-style:none}
@media (min-width:700px){.proof{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1080px){.proof{grid-template-columns:repeat(4,minmax(0,1fr))}}
.proof li{border-top:6px solid var(--c);padding-top:16px;display:grid;gap:8px;align-content:start}
.proof p{margin:0}


/* what's different: one chart, one message */
.span{display:grid;gap:clamp(16px,2.4vw,26px);max-width:920px}
.span-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.span-cols span{display:grid;gap:8px;justify-items:start;font-weight:600;font-size:clamp(.78rem,1.5vw,1rem);line-height:1.2}
.span-cols .gl{display:grid;place-items:center;width:clamp(34px,5vw,46px);aspect-ratio:1;border-radius:12px;background:var(--card);border:2px solid var(--line)}
.span-cols svg{width:58%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.span-row{display:grid;gap:8px}
.span-row b{font:900 clamp(1.05rem,2vw,1.35rem)/1 var(--display);font-stretch:88%;letter-spacing:-.02em;text-rendering:geometricPrecision}
.span-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;height:clamp(34px,5vw,48px)}
.span-track u:nth-child(1){grid-column:1}.span-track u:nth-child(2){grid-column:2}.span-track u:nth-child(3){grid-column:3}.span-track u:nth-child(4){grid-column:4}
.span-track u{grid-row:1;border-radius:12px;background:var(--line);opacity:.55;text-decoration:none}
.span-track .bar{grid-row:1;border-radius:12px;background:var(--c);transform:scaleX(0);transform-origin:left center;transition:transform 1s var(--spring);transition-delay:calc(var(--n) * 320ms + 150ms);z-index:1}
.span-track .bar.part{background:repeating-linear-gradient(-45deg,var(--c) 0 7px,transparent 7px 13px);border:2px solid var(--c)}
.in .span-track .bar{transform:scaleX(1)}
.span-row.us .span-track{height:clamp(44px,6.5vw,62px)}
.legend .k-full::before{background:var(--ink)}
.legend .k-part::before{background:repeating-linear-gradient(-45deg,var(--ink) 0 4px,transparent 4px 8px);border:2px solid var(--ink)}

/* one picture, two views */
.views{display:grid;gap:clamp(36px,5vw,72px);align-items:start}
@media (min-width:860px){.views{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}
.view-you{margin:0;display:grid;gap:26px;justify-items:center}
.view-you .shot{width:min(64%,260px)}
.view-you figcaption{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;justify-self:start}
.view-you figcaption b{font-size:1.5rem}
.recips{display:grid;gap:16px}
.recip{background:var(--card);border-radius:28px;padding:clamp(18px,2.6vw,28px);border:2px solid var(--line);transition:border-color .3s}
.recip[data-on="true"]{border-color:var(--green)}
.recip-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.recip-head b{display:block;font-size:clamp(1.2rem,2.2vw,1.5rem)}
.recip-off{margin:12px 0 0}
.recip[data-on="true"] .recip-off{display:none}
.recip-on{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s var(--spring)}
.recip-on>div{overflow:hidden;min-height:0}
.recip[data-on="true"] .recip-on{grid-template-rows:1fr}
.sw{flex:none;width:64px;height:38px;border-radius:999px;border:0;background:var(--line);padding:4px;cursor:pointer;transition:background-color .25s}
.sw span{display:block;width:30px;height:30px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(1,11,43,.35);transition:transform .4s var(--spring)}
.sw[aria-checked="true"]{background:var(--green)}
.sw[aria-checked="true"] span{transform:translateX(26px)}
.sw.hint{animation:hint 1.4s ease-in-out 2}
@keyframes hint{50%{transform:scale(1.12)}}
.sum{margin-top:18px;border-radius:20px;background:#FFF5ED;color:#010B2B;padding:18px;display:grid;gap:14px}
.sum-title{margin:0;font-weight:600;display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px}
.sum-title span{font-weight:400;color:#3B4157}
.sum-row{display:grid;grid-template-columns:minmax(0,7.500em) minmax(0,1fr);align-items:center;gap:4px 12px;font-weight:600;font-size:.98rem}
.sum-row svg{width:100%;max-width:170px;height:auto}
.sum-row em{grid-column:2;font-style:normal;font-weight:400;font-size:.88rem;color:#3B4157}
.sum-row .big{font:900 1.7rem/1 var(--display)}
.dots{display:flex;gap:4px;flex-wrap:wrap}
.dots i{width:9px;height:9px;border-radius:3px;background:var(--green)}
.dots i.o{background:none;border:2px solid #9aa0b4}
.nudge{margin-top:18px;border-radius:20px;background:#FFF5ED;color:#010B2B;padding:16px 18px;display:flex;gap:14px;align-items:center}
.nudge-mark{flex:none;display:grid;place-items:center;width:64px;height:40px;border-radius:13px;background:var(--coral);rotate:-4deg}
.nudge-mark svg{width:70%}
.nudge p{margin:0;display:grid;gap:2px}
.nudge span{font-size:.9rem;color:#3B4157}

/* rules with glyphs */
.rules li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:start}
@media (min-width:860px){.rules li{grid-template-columns:1fr;gap:18px}}
.rule-ico{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:var(--c);color:var(--g);rotate:var(--r)}
.rule-ico svg{width:54%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.rules li>div>*+*{margin-top:10px}

/* research: stat, stepper, ledger */
.stat{display:grid;gap:22px;max-width:40em}
.ten{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:clamp(5px,1vw,10px);max-width:min(520px,calc(100% - 60px))}
.ten i{aspect-ratio:1;border-radius:clamp(6px,1vw,10px);border:3px solid #fff}
.ten i.f{background:#fff;scale:0;transition:scale .5s var(--spring);transition-delay:calc(var(--k) * 110ms + 150ms)}
.in .ten i.f{scale:1}
.track li{position:relative}
.track li:not(:last-child)::after{content:"";position:absolute;background:rgba(255,255,255,.55);left:20px;top:48px;bottom:-14px;width:3px;border-radius:2px}
@media (min-width:860px){.track li:not(:last-child)::after{left:56px;right:6px;top:21px;bottom:auto;width:auto;height:3px}}
.track small b{font-weight:700}
.ledger{display:grid;gap:16px}
@media (min-width:860px){.ledger{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ledger-col{border-radius:28px;padding:clamp(22px,3vw,36px);display:grid;gap:16px;align-content:start}
.ledger-col.yes{background:#fff;color:#010B2B}
.ledger-col.no{border:3px solid #fff}
.ledger-col ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.ledger-col li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;font-weight:500;font-size:1.08rem;line-height:1.35}
.ledger-col p{margin:0}
.mk{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;rotate:-5deg}
.yes .mk{background:var(--green);color:#fff}
.no .mk{border:3px solid #fff}
.mk svg{width:70%;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}


/* pages, menu, proof strip, fine-print cards, timeline */
.page[hidden]{display:none}
.h2size{font-size:clamp(2.2rem,6.2vw,4.6rem)!important}
.crumb{margin:0;font-weight:600}
.crumb a{text-underline-offset:4px}
.btn-white{background:#fff;color:#010B2B}
.nav-links a[aria-current="page"]{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:3px}
.menu-btn{width:44px;height:44px;border-radius:13px;border:2px solid var(--line);background:transparent;display:grid;place-content:center;gap:6px;cursor:pointer}
.menu-btn span{display:block;width:20px;height:2.500px;border-radius:2px;background:var(--ink);transition:transform .35s var(--spring)}
.menu-btn[aria-expanded="true"] span:first-child{transform:translateY(4.250px) rotate(45deg)}
.menu-btn[aria-expanded="true"] span:last-child{transform:translateY(-4.250px) rotate(-45deg)}
.theme.in-bar{display:none}
@media (min-width:900px){.menu-btn{display:none}.theme.in-bar{display:grid}.menu{display:none!important}}
.menu{display:grid;gap:2px;padding:10px var(--gutter) 22px;background:var(--bg);border-top:2px solid var(--line);max-height:calc(100vh - 80px);overflow:auto}
.menu[hidden]{display:none}
.menu a,.theme-row{display:flex;align-items:center;gap:12px;min-height:52px;font:600 1.15rem var(--text);text-decoration:none;color:var(--ink);background:none;border:0;padding:0;cursor:pointer;text-align:left}
.menu a[aria-current="page"]{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:3px}
.theme-row .theme{width:36px;height:36px;border-radius:11px}
.lp{list-style:none;padding:0;margin:0;display:grid;gap:16px}
@media (min-width:860px){.lp{grid-template-columns:repeat(2,minmax(0,1fr))}}
.lp li{background:#FFF5ED;color:#010B2B;border-radius:28px;padding:clamp(22px,3vw,36px);font-size:clamp(1.12rem,1.7vw,1.4rem);line-height:1.38;font-weight:500}
@media (max-width:859px){
  .lp{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin-inline:calc(var(--gutter) * -1);padding:4px var(--gutter) 10px;scrollbar-width:none}
  .lp::-webkit-scrollbar{display:none}
  .lp li{flex:0 0 84%;scroll-snap-align:center}
}
.tl{list-style:none;padding:0;margin:0;display:grid}
.tl li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;position:relative;padding-bottom:34px}
.tl li::before{content:"";width:42px;height:42px;border-radius:14px;background:var(--c);rotate:var(--r)}
.tl li:not(:last-child)::after{content:"";position:absolute;left:19.500px;top:50px;bottom:6px;width:3px;border-radius:2px;background:var(--line)}
.tl li>div>*+*{margin-top:8px}
.tl p{max-width:34em}
@media (min-width:860px){
  .tl{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
  .tl li{grid-template-columns:1fr;gap:18px;padding-bottom:0}
  .tl li:not(:last-child)::after{left:58px;right:-34px;top:19.500px;bottom:auto;width:auto;height:3px}
}
.flow3 .pill{background:var(--card)}


/* logos always sit on a light tray, so they hold up on any field and in dark mode */
.cred{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.tray{display:inline-flex;flex-wrap:wrap;align-items:center;gap:clamp(14px,2.6vw,26px);padding:10px 16px;border-radius:16px;background:#fff}
.tray img{display:block;height:calc(var(--h) * .62);width:auto}
.tray.lg{padding:14px 20px;border-radius:20px}
.tray.lg img{height:calc(var(--h) * .86)}
.wall{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(28px,3.6vw,44px)}
.wall-row{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.wall-tiles{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;max-width:900px}
.tile{display:grid;place-items:center;min-height:104px;padding:18px;border-radius:22px;background:#fff;transition:rotate .4s var(--spring)}
.tile:hover{rotate:-2deg}
.tile img{display:block;height:var(--h);width:auto;max-width:86%;object-fit:contain}
.tile.text{font:900 1.05rem/1.15 var(--display);font-stretch:88%;letter-spacing:-.01em;color:#010B2B;text-align:center;text-rendering:geometricPrecision}

/* your information: calm on purpose, nothing here bounces */
.rules{display:grid;gap:clamp(28px,4vw,48px);padding:0;margin:0;list-style:none}
@media (min-width:860px){.rules{grid-template-columns:repeat(3,1fr)}}
.rules li>*+*{margin-top:12px}
.rules p{color:#DCDFEA}
.who{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:clamp(14px,4vw,56px);max-width:620px}
.who figure{margin:0;display:grid;gap:14px}
.who .pile{display:flex;flex-direction:column-reverse;gap:6px;width:min(100%,104px)}
.who .pile i{display:block;width:100%;height:22px;border-radius:8px;background:var(--c)}
.who figcaption{font-weight:600;line-height:1.3;min-height:2.6em}
@media (min-width:700px){.who figcaption{min-height:0}}
.large-print{background:#FFF5ED;color:#010B2B;border-radius:32px;padding:clamp(24px,4vw,52px)}
.large-print ul{padding:0;margin:0;list-style:none;display:grid;gap:clamp(18px,2.4vw,28px)}
.large-print li{font-size:clamp(1.12rem,1.9vw,1.5rem);line-height:1.38;font-weight:500;max-width:34em}

/* research */
.track{display:grid;gap:16px;padding:0;margin:0;list-style:none}
@media (min-width:860px){.track{grid-template-columns:repeat(4,1fr)}}
.track li{display:flex;gap:14px;align-items:center;font-weight:600;font-size:1.06rem}
@media (min-width:860px){.track li{flex-direction:column;align-items:flex-start}}
.track li::before{content:"";flex:none;width:44px;height:44px;border-radius:14px;border:3px solid #fff;rotate:var(--r)}
.track li.done::before{background:#fff}
.track li.now::before{background:var(--yellow);border-color:var(--yellow);animation:pulse 1.6s ease-in-out infinite alternate}
@keyframes pulse{from{scale:.9}to{scale:1.12}}
.track small{display:block;font-weight:400;font-size:.92rem}
.note-box{border:3px solid #fff;border-radius:28px;padding:clamp(22px,3.4vw,40px)}
.cols-2{display:grid;gap:clamp(28px,5vw,72px)}
@media (min-width:900px){.cols-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}

/* lineage + team */
.lineage{display:grid;gap:clamp(26px,3.4vw,44px);padding:0;margin:0;list-style:none}
@media (min-width:860px){.lineage{grid-template-columns:repeat(3,1fr)}}
.lineage li{border-top:6px solid var(--c);padding-top:18px}
.lineage li>*+*{margin-top:10px}
.backers{display:grid;gap:22px 48px;padding:0;margin:0;list-style:none}
@media (min-width:760px){.backers{grid-template-columns:repeat(3,auto);justify-content:start}}
.backers b{text-rendering:geometricPrecision;display:block;font:900 clamp(1.2rem,2vw,1.5rem)/1.1 var(--display);font-stretch:88%;letter-spacing:-.02em}
.team{display:grid;gap:18px 40px;padding:0;margin:0;list-style:none}
@media (min-width:700px){.team{grid-template-columns:repeat(2,minmax(0,1fr))}}
.team li{padding-bottom:18px;border-bottom:2px solid var(--line)}
.team b{display:block;font-weight:600}

/* founder note */
.note{max-width:30em;font-size:clamp(1.14rem,1.8vw,1.4rem);line-height:1.5}
.sig{text-rendering:geometricPrecision;font:900 1.3rem/1 var(--display);font-stretch:88%;letter-spacing:-.02em}

/* waitlist */
.doors{display:grid;gap:clamp(28px,4vw,56px)}
@media (min-width:900px){.doors{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}}
form{display:grid;gap:14px;max-width:460px}
label{font-weight:600;display:grid;gap:8px}
input[type=email],select{width:100%;min-height:54px;border-radius:14px;border:2px solid #010B2B;background:#FFF5ED;color:#010B2B;padding:0 16px;font:400 1.0625rem var(--text)}
.form-msg{font-weight:600;margin:0}
.form-msg:empty{display:none}
.divider{border:0;border-top:2px solid rgba(1,11,43,.25);margin:0}

/* footer */
footer{background:var(--field-navy);color:#FFF5ED;padding-block:clamp(48px,7vw,84px)}
footer .logo{color:#FFF5ED}
footer .logo svg{height:44px}
footer p{color:#C6CADB;max-width:62em}
footer a{color:#FFF5ED}
.foot-links{display:flex;flex-wrap:wrap;gap:10px 28px;padding:0;margin:0;list-style:none;font-weight:500}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .days i,.ten i.f{scale:1}.span-track .bar{transform:none}.reveal .shot{opacity:1;translate:none;rotate:none}
}