@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;700;800&family=Sora:wght@400;600&display=swap";:root{--brand-blue:#2185ee;--brand-blue-deep:#0f5fb8;--ink:#0b1320;--text:#4a5b76;--surface:#fff;--line:#d8e7fb}*{box-sizing:border-box}body{color:var(--text);background:radial-gradient(circle at 12% 10%,#9fd1ff 0%,#9fd1ff00 42%),radial-gradient(circle at 86% 84%,#66bcff80 0%,#66bcff00 36%),linear-gradient(130deg,#edf6ff 0%,#f9fcff 58%,#e5f2ff 100%);min-height:100vh;margin:0;font-family:Sora,Segoe UI,sans-serif}#app{width:100%;min-height:100vh}.landing-page{min-height:100vh}.topbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;border-bottom:1px solid var(--line);background:#ffffffd6;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;width:min(1280px,100%);margin:0 auto;padding:1rem .9rem;display:flex}.brand{align-items:center;gap:.55rem;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#1077e5 0%,#42a0ff 100%);border-radius:.5rem;place-items:center;width:1.8rem;height:1.8rem;font-size:.95rem;font-weight:800;display:grid}.brand-name{color:var(--ink);letter-spacing:-.02em;font-family:Plus Jakarta Sans,Segoe UI,sans-serif;font-size:1.15rem;font-weight:800}.status-pill{color:var(--brand-blue-deep);background:#e8f4ff;border:1px solid #b9dbff;border-radius:999px;padding:.4rem .7rem;font-family:Plus Jakarta Sans,Segoe UI,sans-serif;font-size:.74rem;font-weight:700}.hero{background:radial-gradient(circle at 78% 26%,#7ec1ff4d 0%,#7ec1ff00 35%),radial-gradient(circle at 8% 90%,#9fd1ff52 0%,#9fd1ff00 42%),linear-gradient(#fbfdff 0%,#f1f7ff 100%);align-items:center;min-height:calc(100vh - 74px);animation:.8s ease-out both fade-up;display:flex}.hero-inner{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(1.5rem,3vw,3rem);width:min(1280px,100%);margin:0 auto;padding:clamp(1.1rem,3.2vw,2.6rem) .9rem clamp(2.2rem,4.5vw,4.2rem);display:grid}.hero-copy{max-width:760px}.eyebrow{color:var(--brand-blue-deep);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.79rem;font-weight:600}h1{letter-spacing:-.035em;max-width:13ch;color:var(--ink);margin:.9rem 0 1rem;font-family:Plus Jakarta Sans,Segoe UI,sans-serif;font-size:clamp(2.4rem,7vw,4.8rem);line-height:1.03}.subtitle{max-width:60ch;margin:0;font-size:clamp(1rem,1.35vw,1.15rem);line-height:1.85}.notify-form{gap:.7rem;width:min(100%,640px);margin-top:1.8rem;animation:.8s ease-out .12s both fade-up;display:flex}.notify-form input{height:3rem;font:inherit;color:#17325a;background:#fff;border:1px solid #bfdcff;border-radius:.75rem;outline:none;flex:1;padding:0 .95rem}.notify-form input:focus{border-color:var(--brand-blue);box-shadow:0 0 0 3px #64b4ff33}.notify-form button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0d70dc 0%,#2d96ff 100%);border:0;border-radius:.75rem;min-width:140px;padding:0 1.1rem;font-family:Plus Jakarta Sans,Segoe UI,sans-serif;font-size:.9rem;font-weight:700;transition:transform .2s,box-shadow .2s}.notify-form button:hover{transform:translateY(-1px);box-shadow:0 8px 18px #1f84eb52}.launch-note{color:#5d7597;align-items:center;gap:.48rem;margin-top:1.3rem;font-size:.82rem;display:inline-flex}.hero-highlights{background:#fffc;border:1px solid #cbe2fd;border-radius:1.4rem;flex-direction:column;justify-content:center;justify-self:end;width:min(100%,520px);min-height:380px;padding:2.35rem;display:flex;box-shadow:0 12px 30px #2e82d826}.hero-highlights h2{color:var(--ink);margin:0 0 1.2rem;font-family:Plus Jakarta Sans,Segoe UI,sans-serif;font-size:1.8rem}.hero-highlights ul{gap:1rem;margin:0;padding-left:1.2rem;display:grid}.hero-highlights li{color:#385378;font-size:1.2rem;line-height:1.72}.dot{background:#17b161;border-radius:50%;width:.5rem;height:.5rem;animation:1.8s ease-in-out infinite pulse;box-shadow:0 0 0 5px #17b1612b}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.16)}}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.topbar-inner{padding:.8rem .65rem}.notify-form{flex-direction:column}.notify-form button{width:100%;height:3rem}}@media (width<=960px){.hero{min-height:auto}.hero-inner{grid-template-columns:1fr;padding:1rem .65rem 2.6rem}.hero-highlights{min-height:unset;justify-self:stretch;width:100%;padding:1.5rem}.hero-highlights h2{font-size:1.3rem}.hero-highlights li{font-size:1rem}}