:root{--navy:#103850;--salmon:#E85868;--orange:#F89038;--cyan:#50C0E8;--cream:#FAF9F5;--cream-t:#F4EDD6;--ink:#103850;--r:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--cream);color:var(--ink);font:400 1.0625rem/1.6 "Hanken Grotesk",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
h1,h2,h3{font-family:Archivo,sans-serif;line-height:1.02;letter-spacing:-.02em;margin:0 0 .5em}
h1{font-weight:900;font-size:clamp(2.35rem,5.8vw,4.25rem)}h2{font-weight:900;font-size:clamp(2rem,4.5vw,3.2rem)}h3{font-weight:800;font-size:1.4rem}
a{color:var(--navy)}
:focus-visible{outline:3px solid var(--cyan);outline-offset:3px;border-radius:8px}
.wrap{max-width:1160px;margin:0 auto;padding:0 22px}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;z-index:99;background:var(--navy);color:var(--cream-t);padding:8px 14px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.eyebrow{font:800 .8rem/1 Archivo,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--salmon);margin:0 0 1rem}
.center{text-align:center}
/* nav */
.nav{position:sticky;top:0;z-index:50;background:rgba(250,249,245,.9);backdrop-filter:blur(10px);border-bottom:3px solid var(--navy)}
.nav-in{display:flex;align-items:center;gap:16px;height:88px}
.brand img{height:58px;width:auto}
.pill{display:inline-flex;align-items:center;gap:8px;font:800 .72rem/1 Archivo,sans-serif;text-transform:uppercase;letter-spacing:.1em;background:var(--navy);color:var(--cream-t);padding:8px 12px;border-radius:99px;white-space:nowrap}
.pill.light{background:rgba(244,237,214,.14)}
.dot{width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 0 rgba(248,144,56,.7);animation:pulse 2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 8px rgba(248,144,56,0)}100%{box-shadow:0 0 0 0 rgba(248,144,56,0)}}
.nav nav{margin-left:auto;display:flex;gap:4px}
.nav nav a{font-weight:700;text-decoration:none;padding:8px 12px;border-radius:99px;font-size:.95rem}
.nav nav a:hover{background:rgba(80,192,232,.18)}
.nav nav a.nav-cta{background:var(--salmon);color:#fff}.nav nav a.nav-cta:hover{background:var(--navy)}
@media(max-width:720px){.nav nav a:not(.nav-cta){display:none}.pill{display:none}.brand img{height:46px}}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;font:900 1rem/1 Archivo,sans-serif;letter-spacing:.01em;background:var(--salmon);color:#fff;text-decoration:none;border:3px solid var(--navy);border-radius:99px;padding:16px 26px;cursor:pointer;box-shadow:4px 4px 0 var(--navy);transition:transform .15s,box-shadow .15s,background .15s}
.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--navy)}
.btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--navy)}
.btn.ghost{background:transparent;color:var(--navy)}.btn.ghost:hover{background:#fff}
/* hero */
.hero{padding:56px 0 0;overflow:hidden}
.hero-in{display:grid;gap:36px;align-items:center}
@media(min-width:900px){.hero-in:not(.hero-solo){grid-template-columns:1.05fr 1fr}}
.hero-solo{max-width:860px;margin:0 auto;text-align:left}
.hero-solo .lede{max-width:42ch}
.nowrap{white-space:nowrap}.hl{color:var(--salmon);background:linear-gradient(transparent 68%,rgba(248,144,56,.35) 68%)}
.lede{font-size:1.2rem;max-width:34ch;margin:0 0 28px}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px}
.hero-mark{background:#fff;border:3px solid var(--navy);border-radius:var(--r);padding:clamp(18px,4vw,40px);box-shadow:10px 10px 0 var(--cyan),10px 10px 0 3px var(--navy);transform:rotate(-2deg)}
.cart-strip{margin-top:40px;max-width:1400px;margin-left:auto;margin-right:auto;overflow:hidden}
.cart-strip img{width:100%;mix-blend-mode:multiply;will-change:transform;
  animation:cart-drive-in 1.6s cubic-bezier(0.33,1,0.68,1) .25s both}
@keyframes cart-drive-in{
  from{transform:translateX(-110%)}
  to{transform:translateX(0)}
}
/* how */
.how{padding:80px 0}
.cards{display:grid;gap:22px;margin-top:40px}
@media(min-width:820px){.cards{grid-template-columns:repeat(3,1fr)}}
.card{background:#fff;border:3px solid var(--navy);border-radius:var(--r);padding:30px 26px;position:relative;transition:transform .2s}
.card:hover{transform:translateY(-4px)}
.card::before{content:"";position:absolute;left:-3px;right:-3px;top:-3px;height:12px;border-radius:var(--r) var(--r) 0 0}
.c1::before{background:var(--salmon)}.c2::before{background:var(--cyan)}.c3::before{background:var(--orange)}
.num{display:inline-block;font:900 2.6rem/1 Archivo,sans-serif;margin:10px 0 14px;color:var(--salmon)}
.c2 .num{color:#1f8fb8}.c3 .num{color:#c9661a}
.card p{margin:0}
/* about */
.about{background:var(--navy);color:var(--cream-t);padding:96px 0;position:relative;overflow:hidden}
.about .eyebrow{color:var(--orange)}
.about-in{max-width:820px}
.about h2{color:var(--cream-t)}
.about p{font-size:1.2rem}
.sign{font:900 1.6rem/1.2 Archivo,sans-serif;color:var(--salmon);margin-top:1.4em}
.stripes{position:absolute;right:-60px;top:40px;display:grid;gap:10px;transform:rotate(-8deg);opacity:.9}
.stripes i{display:block;width:340px;height:16px;border-radius:99px}
.stripes i:nth-child(1){background:var(--salmon)}.stripes i:nth-child(2){background:var(--cyan);margin-left:30px}.stripes i:nth-child(3){background:var(--orange);margin-left:60px}
@media(max-width:820px){.stripes{display:none}}
/* waitlist */
.waitlist{padding:90px 0}
.wl-card{background:var(--salmon);color:#fff;border:3px solid var(--navy);border-radius:28px;padding:clamp(28px,5vw,56px);box-shadow:12px 12px 0 var(--navy);display:grid;gap:28px;align-items:center}
@media(min-width:900px){.wl-card{grid-template-columns:1fr 1.1fr}}
.wl-card h2{color:#fff;margin-top:16px}.wl-card .pill{background:var(--navy)}
.wl-card p{margin:0;font-size:1.15rem;font-weight:600}
.field{display:flex;flex-wrap:wrap;gap:12px}
.field input{flex:1 1 220px;font:600 1.05rem "Hanken Grotesk",sans-serif;padding:16px 20px;border:3px solid var(--navy);border-radius:99px;background:var(--cream);color:var(--navy)}
.field input:focus{outline:3px solid var(--cyan);outline-offset:2px}
.wl-card .btn{background:var(--navy);color:var(--cream-t);border-color:var(--navy);box-shadow:4px 4px 0 var(--orange)}
.wl-card .btn:hover{box-shadow:6px 6px 0 var(--orange)}
.err{margin-top:12px!important;background:var(--navy);color:var(--cream-t);display:inline-block;padding:6px 12px;border-radius:10px;font-size:.95rem!important}
.success{background:var(--navy);color:var(--cream-t);padding:22px 24px;border-radius:18px;font:800 1.2rem/1.4 Archivo,sans-serif!important;animation:pop .4s ease}
@keyframes pop{from{transform:scale(.95);opacity:0}}
/* footer */
.foot{background:var(--navy);color:var(--cream-t);padding:40px 0;border-top:6px solid var(--orange)}
.foot-in{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px}
.foot-brand{display:inline-flex;align-items:center;line-height:0}
.foot-brand img{height:48px;width:auto}
.social{display:flex;align-items:center;gap:10px;margin-left:4px}
.social-link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:99px;border:2px solid rgba(244,237,214,.35);color:var(--cream-t);text-decoration:none;transition:background .15s,border-color .15s,color .15s}
.social-link:hover{background:var(--salmon);border-color:var(--salmon);color:#fff}
.foot p{margin:0;font-weight:600}
.foot .small{margin-left:auto;opacity:.75;font-size:.9rem}
/* motion */
.js .rise{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.hero-copy,.hero-mark,.cart-strip{opacity:1;transform:none}
.js .rise.in{opacity:1;transform:none}
.js .hero-mark.rise.in{transform:rotate(-2deg)}
.d1{transition-delay:.12s!important}.d2{transition-delay:.24s!important}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js .rise{opacity:1;transform:none}.cart-strip img{animation:none!important;transform:none!important}}
[hidden]{display:none!important}