:root{--bg:#0b1f3a;--surface:#122a4a;--text:#f2f5f8;--accent:#e8943a;--muted:#8fa3bc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;color:var(--text);background:var(--bg);font-family:IBM Plex Sans,Segoe UI,sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);min-height:100vh}button,input{font:inherit}.shell{isolation:isolate;place-items:center;min-height:100dvh;padding:clamp(1.5rem,4vw,3rem);display:grid;position:relative;overflow:hidden}.blueprint{z-index:0;background:linear-gradient(180deg, #0b1f3a26 0%, #0b1f3ab8 100%), linear-gradient(90deg, #8fa3bc14 1px, transparent 1px), linear-gradient(#8fa3bc14 1px, transparent 1px), radial-gradient(ellipse 70% 55% at 50% 35%, #122a4af2, transparent 70%), var(--bg);opacity:0;background-size:auto,48px 48px,48px 48px,auto,auto;animation:1.1s ease-out 50ms forwards grid-in;position:absolute;inset:0}.blueprint:after{content:"";opacity:.7;pointer-events:none;background-color:#0000;background-image:linear-gradient(115deg,#0000 0%,#e8943a0a 42%,#0000 58%),linear-gradient(90deg,#0000 0%,#8fa3bc1f 50%,#0000 100%);background-position:50%,-40% 28%;background-repeat:no-repeat;background-size:100% 100%,180% 1px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.glow{z-index:0;pointer-events:none;background:radial-gradient(circle,#e8943a1f 0%,#e8943a0a 34%,#0000 68%);border-radius:50%;width:min(42rem,90vw);height:min(42rem,90vw);animation:4.5s ease-in-out infinite glow-soft;position:absolute;top:42%;left:50%;translate:-50% -50%}.hero{z-index:1;text-align:center;width:min(40rem,100%);position:relative}.lockup{opacity:0;flex-direction:column;align-items:center;gap:.85rem;margin-bottom:clamp(1.5rem,3.5vw,2.1rem);animation:.85s ease-out .18s forwards rise;display:flex}.brand-mark{border-radius:1.25rem;width:min(18rem,72vw);height:auto;display:block;box-shadow:0 0 0 1px #8fa3bc2e}.byline{letter-spacing:.04em;color:var(--muted);margin:0;font-family:IBM Plex Sans,sans-serif;font-size:clamp(.92rem,2.2vw,1.02rem);font-weight:400;position:relative}.byline:after{content:"";background:var(--accent);border-radius:999px;width:0;height:2px;margin:.65rem auto 0;animation:.7s ease-out .85s forwards underline-grow;display:block}.headline{letter-spacing:-.02em;color:var(--text);opacity:0;margin:0 0 .9rem;font-family:Outfit,IBM Plex Sans,sans-serif;font-size:clamp(1.35rem,3.6vw,1.85rem);font-weight:600;line-height:1.25;animation:.85s ease-out .38s forwards rise}.support{max-width:32rem;color:var(--muted);opacity:0;margin:0 auto 1.85rem;font-size:clamp(1rem,2.4vw,1.08rem);line-height:1.55;animation:.85s ease-out .5s forwards rise}.cta{opacity:0;flex-wrap:wrap;justify-content:center;gap:.65rem;animation:.85s ease-out .62s forwards rise;display:flex}.email{min-width:0;min-height:3rem;color:var(--text);background:#122a4ab8;border:1px solid #8fa3bc59;border-radius:.4rem;outline:none;flex:14rem;padding:.7rem 1rem;transition:border-color .16s,background .16s,box-shadow .16s}.email::placeholder{color:#8fa3bcbf}.email:hover{border-color:#8fa3bc8c}.email:focus{border-color:var(--accent);background:#122a4aeb;box-shadow:0 0 0 3px #e8943a2e}.join{background:var(--accent);color:#1a1208;letter-spacing:.01em;cursor:pointer;border:0;border-radius:.4rem;flex:none;min-height:3rem;padding:.7rem 1.3rem;font-family:Outfit,IBM Plex Sans,sans-serif;font-weight:600;transition:background .16s,transform .16s,box-shadow .16s}.join:hover{background:#f0a45a;transform:translateY(-1px);box-shadow:0 10px 28px #e8943a38}.join:active{transform:translateY(0)}.join:focus-visible{outline:2px solid var(--text);outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes grid-in{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes underline-grow{0%{width:0}to{width:2.75rem}}@keyframes glow-soft{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.9;transform:scale(1.04)}}@media (width>=720px){.brand-mark{width:min(20rem,42vw)}}@media (prefers-reduced-motion:reduce){.blueprint,.lockup,.headline,.support,.cta,.byline:after,.glow{animation:none}.blueprint,.lockup,.headline,.support,.cta{opacity:1}.byline:after{width:2.75rem}.join:hover{transform:none}}