*{box-sizing:border-box}
body{margin:0;background:#05080e;color:#eef3fb;font-family:"Instrument Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100svh}
a{color:#6db4ff;text-decoration:none}
button{font:inherit;color:inherit}
img{display:block}
@keyframes stRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes stDrift{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(4%,-3%,0) scale(1.1)}100%{transform:translate3d(0,0,0) scale(1)}}
@keyframes stPulse{0%{transform:scale(1);opacity:.9}70%{transform:scale(2.6);opacity:0}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms !important;transition-duration:.01ms !important}}

.bg-glow{position:fixed;z-index:0;filter:blur(38px);pointer-events:none;animation:stDrift 28s ease-in-out infinite}
.bg-glow-a{top:-16%;right:-8%;width:52vw;height:52vw;max-width:760px;max-height:760px;background:radial-gradient(circle,rgba(74,222,159,.12),transparent 62%)}
.bg-glow-b{bottom:-20%;left:-10%;width:48vw;height:48vw;max-width:680px;max-height:680px;background:radial-gradient(circle,rgba(10,132,255,.14),transparent 64%);animation-direction:reverse}

.st-nav{position:relative;z-index:3;display:flex;align-items:center;gap:16px;padding:20px clamp(16px,4vw,44px)}
.st-nav .brand{display:inline-flex;align-items:center;gap:11px;color:#eef3fb}
.st-nav .brand img{width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 4px 14px rgba(10,132,255,.55))}
.st-nav .brand strong{font-size:18px;letter-spacing:-.4px}
.st-nav nav{margin-left:auto;display:flex;gap:6px}
.st-nav nav a{font-size:14px;color:#c3d0e2;padding:9px 15px;border-radius:99px;transition:.25s}
.st-nav nav a.cta{border:1px solid rgba(255,255,255,.14)}

.st-main{position:relative;z-index:3;max-width:1000px;margin:0 auto;padding:clamp(16px,3vw,36px) clamp(16px,4vw,44px) 70px}
.eyebrow{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:2px;color:#0a84ff;margin:0;animation:stRise .6s both}

.hero{display:flex;align-items:center;gap:22px;margin-top:22px;padding:clamp(22px,3vw,34px);border-radius:24px;border:1px solid rgba(74,222,159,.3);background:linear-gradient(150deg,rgba(74,222,159,.14),rgba(255,255,255,.02));backdrop-filter:blur(28px) saturate(160%);box-shadow:0 40px 100px -50px #000,inset 0 1px 0 rgba(255,255,255,.14);animation:stRise .6s .05s both}
.hero.down{border-color:rgba(255,107,127,.4);background:linear-gradient(150deg,rgba(255,107,127,.14),rgba(255,255,255,.02))}
.hero.partial{border-color:rgba(255,180,87,.4);background:linear-gradient(150deg,rgba(255,180,87,.14),rgba(255,255,255,.02))}
.dot-wrap{position:relative;display:inline-flex;width:22px;height:22px;flex-shrink:0}
.dot{position:absolute;inset:0;border-radius:50%;background:#4ade9f}
.hero.down .dot{background:#ff6b7f}
.hero.partial .dot{background:#ffb457}
.dot.ping{animation:stPulse 2.6s infinite}
.hero h1{margin:0;font-size:clamp(26px,3.4vw,40px);letter-spacing:-1.6px;line-height:1.05;font-weight:600}
.hero-sub{margin:8px 0 0;color:#a9b8cc;font-size:15px}
.hero-meta{margin-left:auto;text-align:right;flex-shrink:0}
.hero-meta span{display:block;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:1.4px;color:#5c6c81}
.hero-meta strong{font-family:'JetBrains Mono',monospace;font-size:15px}

.st-main h2{margin:38px 0 14px;font-size:20px;letter-spacing:-.6px;font-weight:600}
.components{display:flex;flex-direction:column;gap:10px;animation:stRise .6s .2s both}
.component-row{display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:15px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);backdrop-filter:blur(16px) saturate(140%)}
.component-row i{width:10px;height:10px;border-radius:50%;flex-shrink:0}
.component-row strong{font-size:15px;font-weight:500}
.component-row span{margin-left:auto;font-size:13px}

.cta-box{margin-top:44px;padding:24px;border-radius:20px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);backdrop-filter:blur(18px);display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.cta-box strong{font-size:16px}
.cta-box p{margin:5px 0 0;color:#8ba0bb;font-size:14px}
.cta-box a{margin-left:auto;padding:13px 22px;border-radius:99px;background:linear-gradient(135deg,#0a84ff,#0058cc);color:#fff;font-weight:600;font-size:14.5px;white-space:nowrap}