html,body,#root{width:100%;min-height:100%;margin:0}:root{--bg:#07080a;--bg-elevated:#0d1014;--blue:#3d7fff;--blue-soft:#3d7fff24;--blue-dim:#1f3a66;--white:#f4f6f9;--muted:#7c8494;--line:#f4f6f917;--font-display:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{background:var(--bg);height:100%;color:var(--white);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;overflow-x:hidden}.glow{background:radial-gradient(circle, var(--blue-soft) 0%, #3d7fff0d 40%, transparent 70%);pointer-events:none;z-index:0;width:900px;height:900px;animation:14s ease-in-out infinite alternate drift;position:fixed;top:50%;left:50%;transform:translate(-50%,-55%)}@keyframes drift{0%{transform:translate(-52%,-57%)scale(1)}to{transform:translate(-48%,-53%)scale(1.06)}}.noise{z-index:1;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}main{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:32px 24px 120px;display:flex;position:relative}.mark{justify-content:center;align-items:center;display:flex}.mark img{width:84px;height:auto;display:block}.eyebrow{font-family:var(--font-body);letter-spacing:.22em;text-transform:uppercase;color:var(--muted);opacity:0;margin-bottom:22px;font-size:12.5px;animation:.9s cubic-bezier(.16,1,.3,1) .15s forwards rise}.name{font-family:var(--font-display);letter-spacing:-.01em;color:var(--white);opacity:0;font-size:clamp(28px,5vw,42px);font-weight:600;line-height:1.15;animation:.9s cubic-bezier(.16,1,.3,1) .25s forwards rise}.name span{color:var(--muted);font-weight:400}.divider{opacity:0;width:64px;height:10px;margin:30px 0;animation:.9s cubic-bezier(.16,1,.3,1) .35s forwards rise;position:relative}.divider:before{content:"";background:var(--blue);clip-path:polygon(0% 100%,78% 100%,100% 0%,22% 0%);position:absolute;inset:0}.headline{font-family:var(--font-display);letter-spacing:-.02em;opacity:0;margin-bottom:26px;font-size:clamp(48px,10vw,92px);font-weight:700;line-height:1;animation:.9s cubic-bezier(.16,1,.3,1) .42s forwards rise}.headline em{color:var(--blue);font-style:normal}.tagline{font-family:var(--font-body);color:var(--muted);opacity:0;max-width:420px;margin-bottom:52px;font-size:clamp(15px,2vw,17px);font-weight:400;line-height:1.6;animation:.9s cubic-bezier(.16,1,.3,1) .52s forwards rise}.tagline strong{color:var(--white);font-weight:500}.cta{opacity:0;font-family:var(--font-body);color:var(--white);border:1px solid var(--line);background:var(--bg-elevated);border-radius:100px;align-items:center;gap:10px;padding:13px 24px 13px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:border-color .35s,background .35s,transform .35s,box-shadow .35s;animation:.9s cubic-bezier(.16,1,.3,1) .62s forwards rise;display:inline-flex;position:relative}.cta:hover{background:#10141a;border-color:#3d7fff73;transform:translateY(-1px);box-shadow:0 8px 30px -8px #3d7fff59}.cta:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.cta .dot{background:var(--blue);border-radius:50%;flex-shrink:0;width:7px;height:7px;position:relative}.cta .dot:after{content:"";background:var(--blue);opacity:.4;border-radius:50%;animation:2.2s ease-out infinite pulse;position:absolute;inset:-5px}@keyframes pulse{0%{opacity:.5;transform:scale(.6)}70%{opacity:0;transform:scale(2.1)}to{opacity:0;transform:scale(2.1)}}footer{z-index:2;font-family:var(--font-body);color:var(--muted);letter-spacing:.01em;justify-content:center;align-items:center;gap:8px;padding:26px 24px;font-size:12.5px;display:flex;position:fixed;bottom:0;left:0;right:0}footer .sep{opacity:.4}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.glow{animation:none}.mark,.eyebrow,.name,.divider,.headline,.tagline,.cta{opacity:1;animation:none;transform:none}.cta .dot:after{opacity:0;animation:none}}@media (width<=480px){main{padding:24px 20px 100px}.headline{margin-bottom:20px}.tagline{margin-bottom:44px}footer{flex-direction:column;gap:4px;padding:22px 20px}footer .sep{display:none}}
