:root{--brand:#2F54E8;--brand-deep:#2241C9;--brand-soft:#E8EEFF;--pop:#FFC23D;--pop-ink:#2A1E00;--blush:#FF6F9C;--ink:#15172B;--muted:#5B6078;--line:#E3E6F0;--bg:#F6F7FB;--good:#1E9E6A}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Nunito,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:var(--brand);font-weight:800;text-decoration:none}a:hover{text-decoration:underline}
img{max-width:100%;display:block}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
/* top bar */
.top{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:16px;height:64px}
.co{font-weight:900;letter-spacing:-.3px;color:var(--ink);font-size:17px}
.co small{display:block;font-size:11px;font-weight:800;color:var(--muted);letter-spacing:1.2px;text-transform:uppercase;line-height:1}
.top nav{margin-left:auto;display:flex;gap:18px}
.top nav a{color:var(--ink);font-weight:800;font-size:15px}
/* hero */
.hero{background:radial-gradient(120% 90% at 25% 15%,#4A6BFF 0%,var(--brand) 55%,var(--brand-deep) 100%);color:#fff;overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:center;padding-top:64px;padding-bottom:72px}
.eyebrow{display:inline-block;background:rgba(255,255,255,.16);border-radius:99px;padding:6px 14px;font-weight:900;font-size:13px;letter-spacing:.5px}
.wordmark{font-size:clamp(46px,7vw,76px);font-weight:900;letter-spacing:-2.5px;line-height:1;margin:18px 0 6px}
.wordmark span{color:var(--pop)}
.hero h1{font-size:clamp(26px,3.6vw,38px);line-height:1.15;letter-spacing:-.8px;margin:10px 0 12px;font-weight:900}
.hero h1 em{font-style:normal;color:var(--pop)}
.hero p.lead{font-size:18px;opacity:.92;max-width:520px;margin:0 0 22px}
.pennii{justify-self:center;width:min(380px,90%);animation:bob 4s ease-in-out infinite;filter:drop-shadow(0 18px 30px rgba(0,0,0,.25))}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@media (prefers-reduced-motion:reduce){.pennii{animation:none}}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.chip{background:rgba(255,255,255,.16);border-radius:99px;padding:7px 12px;font-weight:800;font-size:13.5px}
/* waitlist */
form.wait{display:flex;gap:8px;max-width:500px;background:#fff;border-radius:18px;padding:6px;box-shadow:0 14px 30px rgba(10,20,80,.25)}
form.wait input{flex:1;min-width:0;border:0;outline:0;font:inherit;font-size:16px;padding:12px 12px;color:var(--ink);background:transparent}
form.wait button{border:0;border-radius:14px;background:var(--pop);color:var(--pop-ink);font:inherit;font-weight:900;font-size:16px;padding:12px 18px;cursor:pointer;white-space:nowrap}
form.wait button:disabled{opacity:.6;cursor:default}
.msg{min-height:24px;margin-top:10px;font-weight:800}
.fine{font-size:13px;opacity:.8}
/* sections */
section{padding:72px 0}
.kicker{color:var(--brand);font-weight:900;letter-spacing:1.4px;font-size:13px;text-transform:uppercase}
h2{font-size:clamp(28px,3.4vw,38px);letter-spacing:-.8px;line-height:1.15;margin:8px 0 12px;font-weight:900}
.sub{color:var(--muted);font-size:18px;max-width:640px;margin:0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:32px}
.card{background:var(--bg);border:1px solid var(--line);border-radius:22px;padding:22px}
.card .ico{font-size:30px}
.card h3{margin:10px 0 6px;font-size:19px;letter-spacing:-.3px}
.card p{margin:0;color:var(--muted)}
.trust{background:var(--brand-soft)}
.promise{display:flex;gap:12px;align-items:flex-start;background:#fff;border-radius:18px;padding:18px;border:1px solid var(--line)}
.promise b{display:block}
.promise span{color:var(--muted);font-size:15px}
.about .wrap{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.about .box{background:var(--bg);border:1px solid var(--line);border-radius:22px;padding:26px}
.about dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:8px 16px}
.about dt{color:var(--muted);font-weight:800}
.about dd{margin:0;font-weight:800}
.cta{background:var(--ink);color:#fff;text-align:center}
.cta .sub{color:#C9CCE0;margin:0 auto 22px}
.cta form.wait{margin:0 auto}
/* footer */
footer{border-top:1px solid var(--line);padding:28px 0;color:var(--muted);font-size:14px}
footer .wrap{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center}
footer .links{margin-left:auto;display:flex;gap:18px}
/* legal pages */
.legal{max-width:760px;margin:0 auto;padding:48px 20px 72px}
.legal h1{font-size:36px;letter-spacing:-.8px;margin:0 0 4px}
.legal .date{color:var(--muted);font-weight:800;margin:0 0 24px}
.legal h2{font-size:22px;margin:32px 0 8px}
.legal h3{font-size:17px;margin:20px 0 6px}
.legal p,.legal li{color:#33374F}
.legal table{border-collapse:collapse;width:100%;margin:10px 0}
.legal td,.legal th{border:1px solid var(--line);padding:10px;text-align:left;vertical-align:top}
.legal th{background:var(--bg)}
.legal .short{background:var(--brand-soft);border-radius:18px;padding:16px 22px}
.caps{font-size:14px}
@media (max-width:800px){
 .hero .wrap{grid-template-columns:1fr;padding-top:36px;text-align:left}
 .pennii{order:-1;width:220px}
 .about .wrap{grid-template-columns:1fr}
 .top nav a.hide-sm{display:none}
 form.wait{flex-direction:column}
 form.wait button{width:100%}
}
.promise .ico{font-size:24px;line-height:1}