@font-face{font-family:'Geist';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Geist.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Geist';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/Geist.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Geist';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/Geist.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/SpaceGrotesk.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/SpaceGrotesk.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/SpaceGrotesk.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
:root{--bg:#101114;--surface:#181b22;--surface-2:#212531;--line:#f4f6fb1a;--ink:#f4f6fb;--muted:#b4bccb;--faint:#8b93a7;--accent:#5b50e6;--accent-2:#8a82ff;--support:#ff8a5c;--on-accent:#fff;--frame:#2a2e3a;--glow:rgba(91,80,230,.35);--font-display:"Space Grotesk",system-ui,sans-serif;--font-body:"Geist",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.55 var(--font-body);-webkit-font-smoothing:antialiased}
a{color:inherit}img{display:block;max-width:100%}
.wrap{max-width:1180px;margin:0 auto;padding:0 28px}
h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;line-height:1.05;margin:0}
.nav{display:flex;align-items:center;justify-content:space-between;padding:22px 0}
.brand{display:flex;align-items:center;gap:10px;font:600 22px var(--font-display);text-decoration:none}
.brand img{width:34px;height:34px}
.btn{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 24px;border-radius:999px;background:var(--accent);color:var(--on-accent);font-weight:600;text-decoration:none;font-size:16px}
.btn.sm{height:40px;padding:0 18px;font-size:15px}
.ghost{color:var(--muted);text-decoration:none;font-size:15px}
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;padding-top:40px;padding-bottom:90px}
.eyebrow{font:500 13px var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-2)}
.hero h1{font-size:76px;font-weight:600;margin:14px 0 22px}
.hero p.lead{font-size:21px;color:var(--muted);max-width:520px;margin:0 0 32px}
.note{font-size:14px;color:var(--faint);margin-top:16px}
.problem{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:64px 0}
.problem p{font:500 36px/1.25 var(--font-display);letter-spacing:-.015em;margin:0;max-width:960px}
.problem p span{color:var(--muted)}
section.feat{padding:110px 0}
.feat .grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.feat.flip .copy{order:2}
.num{font:600 14px var(--font-display);color:var(--accent-2);letter-spacing:.08em}
.feat h2{font-size:52px;font-weight:600;margin:12px 0 18px}
.feat p{color:var(--muted);font-size:19px;max-width:500px}
.feat ul{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:12px}
.feat li{display:flex;gap:12px;color:var(--ink);font-size:17px}
.feat li:before{content:"";flex:none;width:8px;height:8px;margin-top:9px;border-radius:2px;background:var(--support)}
.labels{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}
.chip{padding:6px 12px;border-radius:999px;background:var(--surface-2);font-size:14px;color:var(--muted)}
.chip b{color:var(--ink);font-weight:600}
.support{padding:30px 0 110px}
.support .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.support .c{background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:28px}
.support h3{font-size:22px;margin-bottom:8px}.support p{color:var(--muted);margin:0;font-size:16px}
.cta{text-align:center;padding:100px 0 120px;border-top:1px solid var(--line)}
.cta h2{font-size:60px;font-weight:600;margin-bottom:18px}.cta p{color:var(--muted);font-size:19px;margin:0 0 30px}
footer{border-top:1px solid var(--line);padding:40px 0 56px;font-size:14px;color:var(--faint)}
footer .row{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
footer strong{color:var(--ink)}
.sample{font-size:13px;color:var(--faint);margin-top:18px;text-align:center}
@media (max-width:900px){
 .wrap{padding:0 20px}.hero{grid-template-columns:1fr;gap:40px;padding-top:16px;padding-bottom:64px}.hero h1{font-size:46px}.hero p.lead{font-size:18px}
 .problem{padding:44px 0}.problem p{font-size:24px}
 section.feat{padding:64px 0}.feat .grid{grid-template-columns:1fr;gap:36px}.feat.flip .copy{order:0}.feat h2{font-size:36px}.feat p{font-size:17px} .feat .grid>*{min-width:0}
 .support .cards{grid-template-columns:1fr}.cta h2{font-size:38px}.nav .ghost{display:none}
}


.disclaimer{border-top:1px solid var(--line);padding:22px 0;font-size:14px;color:var(--muted)}
.legal{max-width:760px;padding-top:30px;padding-bottom:90px}
.legal h1{font-size:46px;margin:10px 0 8px}.legal h2{font-size:24px;margin:36px 0 10px}
.legal p,.legal li{color:var(--muted)}.legal a{color:var(--accent-2)}
.draft{display:inline-block;padding:5px 12px;border-radius:999px;background:#ff8a5c22;color:var(--support);border:1px solid #ff8a5c55;font:600 12px var(--font-body);letter-spacing:.08em;text-transform:uppercase}
.nf{text-align:center;padding:120px 28px 140px}.nf h1{font-size:64px;margin:16px 0}.nf p{color:var(--muted);margin:0 0 30px}


/* Phone model reused from Balancr (/workspace/launch/balancr/site/styles.css .iphone): true 393x852pt ratio, --k = scale. Night Slate frame. */
.iphone{--k:.72;position:relative;flex:none;width:calc((393px + 24px) * var(--k));height:calc((852px + 24px) * var(--k));padding:calc(12px * var(--k));border-radius:calc(67px * var(--k));
background:linear-gradient(145deg,#343947,#0c0d11 40%,#262a35);box-shadow:0 0 0 calc(1.5px * var(--k)) #4f5566 inset,0 calc(60px * var(--k)) calc(110px * var(--k)) calc(-30px * var(--k)) rgba(0,0,0,.65),0 calc(20px * var(--k)) calc(40px * var(--k)) calc(-18px * var(--k)) rgba(0,0,0,.45)}
.iphone .screen{position:relative;width:100%;height:100%;border-radius:calc(55px * var(--k));overflow:hidden;background:#101114}
.iphone .shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.swap .shot.b{animation:swap 9s infinite}
@keyframes swap{0%,42%{opacity:0}50%,92%{opacity:1}100%{opacity:0}}
figure.art{margin:0;display:flex;flex-direction:column;align-items:center;gap:14px}
.sample-tag{display:inline-block;white-space:nowrap;padding:4px 11px;border-radius:999px;background:var(--surface-2);color:var(--muted);border:1px solid var(--line);font:600 11px/1.2 var(--font-body);letter-spacing:.08em;text-transform:uppercase}
.sample-cap{text-align:center;font-size:13px;color:var(--faint);margin:0}
.feat .grid.solo{grid-template-columns:1fr;justify-items:center;text-align:center}
.feat .grid.solo .copy{max-width:720px}.feat .grid.solo ul{display:inline-block;text-align:left}
section.feat.short{padding:80px 0}
.nav nav{display:flex;gap:26px;align-items:center}
.btn.alt{background:var(--surface-2)}
@media (max-width:900px){.iphone{--k:.66}.feat .grid{text-align:left}.feat .grid.solo{text-align:center}}
@media (max-width:380px){.iphone{--k:.6}}
/* flow v2: hero video, beats, feature cards (accordion), trust, CTA */
.iphone video.shot{object-fit:cover}
.hero .cap{font-size:13px;color:var(--faint)}
.hero .iphone.v{--k:.8}
.beats{border-top:1px solid var(--line);padding:72px 0}
.beat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.beat .bn{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--surface-2);color:var(--accent-2);font:600 15px var(--font-display);margin-bottom:16px}
.beat h3{font-size:26px;margin:0 0 8px;line-height:1.2}.beat p{color:var(--muted);margin:0;font-size:17px}
.mfeat{padding:24px 0 72px}
.mgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mi{min-width:0}.mi.open{grid-column:1/-1}.mi.open .mcard{height:auto}
.mcard{all:unset;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;width:100%;height:100%;padding:24px;border-radius:20px;background:var(--surface);border:1px solid var(--line);cursor:pointer;color:var(--ink);font-family:var(--font-body);transition:border-color .15s}
.mcard:hover{border-color:#3a3f4d}.mcard.static{cursor:default}.mcard.static:hover{border-color:var(--line)}
.mcard:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}
.mcard[aria-expanded="true"]{border-color:var(--accent);background:var(--surface-2)}
.mcard svg{width:24px;height:24px;fill:none;stroke:var(--accent-2);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mcard b{font:600 19px/1.25 var(--font-display)}.mcard span{font-size:15px;line-height:1.4;color:var(--muted)}
.mcard .more{font-style:normal;font-size:13px;font-weight:600;color:var(--accent-2);margin-top:auto;padding-top:6px}

.mpanel{display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center;padding:28px 8px 12px;color:var(--muted);font-size:17px}
.mpanel[hidden]{display:none}.mpanel p{margin:0 0 12px}.mpanel ul{margin:0 0 14px;padding-left:20px}.mpanel .labels{margin:8px 0}
.trust{border-top:1px solid var(--line);padding:80px 0}
.trust-copy{text-align:center;max-width:760px;margin:0 auto}.trust h2{font-size:44px;font-weight:600;margin:0 0 14px}.trust p{color:var(--muted);font-size:18px;margin:0 0 24px}
.trust .mpanel{grid-template-columns:1fr;justify-items:center}
.iphone.m{--k:.66}
@media (max-width:900px){.hero .iphone.v{--k:.7}.beat-grid{gap:24px}.mgrid{grid-template-columns:1fr 1fr}}
@media (max-width:768px){
 .hero{padding-bottom:40px;gap:28px}.hero h1{font-size:44px;margin-top:6px}.hero p.lead{margin-bottom:22px}.hero .iphone.v{--k:.66}
 .beats{padding:44px 0}.beat-grid{grid-template-columns:1fr;gap:26px}.beat{display:grid;grid-template-columns:34px 1fr;column-gap:14px}.beat .bn{margin:0;grid-row:span 2}.beat h3{font-size:20px}.beat p{font-size:15px}
 .mfeat{padding:8px 0 44px}.mgrid{gap:12px}
 .mcard{padding:18px 16px;border-radius:16px}.mcard b{font-size:15px;line-height:1.2}.mcard span{font-size:13px;line-height:1.35}.mcard svg{width:22px;height:22px}.mcard .more{font-size:12px}
 .mpanel{grid-template-columns:1fr;gap:16px;padding:16px 4px 6px;font-size:15px}
 .iphone.m{--k:.6}
 .trust{padding:52px 0}.trust h2{font-size:28px}.trust p{font-size:16px}
 .cta{padding:64px 0}.cta h2{font-size:32px}
 .disclaimer{padding:16px 0;font-size:13px}
 footer{font-size:13px}footer p{margin:10px 0}
}
button.btn{border:0;cursor:pointer;font-family:inherit}.btn.alt{color:var(--ink)}
/* accordion controls */
.mcard .more{display:inline-flex;align-items:center;gap:4px}
.chev{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
[aria-expanded="true"] .chev{transform:rotate(180deg)}
.mcard[aria-expanded="true"]{border-color:var(--accent);background:var(--surface-2);box-shadow:0 0 0 1px var(--accent)}
.mi.open{border:1px solid var(--accent);border-radius:22px;background:#15171c;padding:6px}
.mi.open .mcard{border-color:transparent;box-shadow:none}
.mpanel{position:relative}
.mpanel:focus{outline:none}
.pclose{position:absolute;top:4px;right:4px;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);display:grid;place-items:center;cursor:pointer;z-index:2}
.pclose svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.pclose:hover,.pdone:hover,.pnav:hover{border-color:var(--accent-2)}
.pctl{grid-column:1/-1;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding-top:6px}
.pctl>:first-child{justify-self:start}.pctl>:last-child{justify-self:end}
.pdone,.pnav{min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);font:600 15px var(--font-body);cursor:pointer}
.pnav{background:transparent;color:var(--muted)}
.pclose:focus-visible,.pdone:focus-visible,.pnav:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}
.trust .mi.open{border:0;background:none;padding:0}
#mb-board .chev{margin-left:2px}
.mpanel .ptext{padding-right:44px}
.mpanel{padding-top:60px}@media (max-width:768px){.mpanel{padding-top:56px}.mpanel .ptext{padding-right:0}}