*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#010408;color:#f4f8fb;font-family:Inter,Segoe UI,Arial,sans-serif}
body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 50% 48%,rgba(0,123,210,.11),transparent 30%),linear-gradient(#010306,#020b13 72%,#010306);pointer-events:none}#network{position:fixed;inset:0;width:100%;height:100%;opacity:.78}
.hero{position:relative;min-height:100svh;display:flex;align-items:center;justify-content:center;text-align:center;isolation:isolate}
.content{position:relative;z-index:3;transform:translateY(-7vh)}
.mark{width:130px;margin:0 auto 30px;display:flex;flex-direction:column;gap:22px;align-items:center;filter:drop-shadow(0 0 12px rgba(195,229,255,.2))}
.mark i{display:block;height:22px;border-radius:999px;background:#f7fafc}
.mark i:nth-child(1){width:110px}
.mark i:nth-child(2){width:110px;transform:translateX(-30px)}
.mark i:nth-child(3){width:110px}
h1 {
    margin: 0;
    font-family: "Montserrat", sans-serif;
    font-size: clamp(3.4rem, 8vw, 7.5rem);
    font-weight: 500;
	font-style: bold;
    letter-spacing: 0.18em;
    line-height: 0.9;
    text-indent: 0.18em;
    text-shadow: 0 0 28px rgba(136, 204, 255, 0.12);
}
.subtitle{margin:30px 0 0;color:#9fb6ca;font-size:clamp(.72rem,1.45vw,1.18rem);letter-spacing:.42em;line-height:1.7}
.mobile-break{display:none}
.beam{position:relative;width:min(560px,70vw);height:1px;margin:35px auto 29px;background:linear-gradient(90deg,transparent,rgba(31,158,255,.2),#27aaff,rgba(31,158,255,.2),transparent);box-shadow:0 0 12px #009dff}
.beam span{position:absolute;width:60px;height:2px;left:calc(50% - 30px);top:-1px;background:#fff;box-shadow:0 0 8px #fff,0 0 22px #00a7ff,0 0 45px #008be8;animation:pulse 2.8s ease-in-out infinite}
.soon{margin:0;color:#2db7ff;font-size:clamp(.85rem,1.45vw,1.2rem);font-weight:600;letter-spacing:.45em;text-indent:.45em;text-shadow:0 0 16px rgba(0,170,255,.4)}
.intent{margin:18px 0 0;color:#7793a9;font-size:.68rem;letter-spacing:.4em;text-indent:.4em}
.earth{position:absolute;z-index:1;left:50%;bottom:-39vw;transform:translateX(-50%);width:110vw;height:55vw;border-radius:50% 50% 0 0;background:radial-gradient(ellipse at 50% 3%,rgba(41,159,235,.32),rgba(3,24,40,.86) 18%,#01070c 58%);border-top:1px solid rgba(96,202,255,.9);box-shadow:0 -5px 14px rgba(0,153,255,.55),0 -18px 60px rgba(0,118,203,.22);overflow:hidden}
.earth:before,.earth:after{content:"";position:absolute;inset:0;border-radius:50%;background-image:radial-gradient(circle,rgba(85,190,255,.55) 0 1px,transparent 1.4px);background-size:26px 21px;opacity:.24;mask-image:linear-gradient(to bottom,#000,transparent 50%)}
.earth:after{background-size:43px 37px;opacity:.15;transform:rotate(8deg)}
.earth-glow{position:absolute;inset:-2% 20% auto;height:12%;background:radial-gradient(ellipse,rgba(70,192,255,.36),transparent 70%);filter:blur(14px)}
.earth-grid{position:absolute;inset:0;background:repeating-radial-gradient(ellipse at 50% 0%,transparent 0 42px,rgba(38,135,200,.09) 43px 44px);opacity:.5}
.status{position:absolute;z-index:4;bottom:26px;font:500 .65rem ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.15em;color:#5f829a}
.status span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#36e68a;box-shadow:0 0 10px #36e68a;margin-right:8px;animation:pulseStatus 2s infinite}
@keyframes pulse{50%{transform:scaleX(1.7);opacity:.75}}
@keyframes pulseStatus{50%{opacity:.35}}
@media(max-width:700px){.content{transform:translateY(-8vh);padding:0 18px}
.mark{transform:scale(.72);margin-bottom:18px}h1{font-size:clamp(2.5rem,14vw,4rem);letter-spacing:.11em;text-indent:.11em}.subtitle{font-size:.62rem;letter-spacing:.28em;line-height:1.8}.mobile-break{display:block}.beam{margin:26px auto 22px}.soon{font-size:.72rem;letter-spacing:.35em;text-indent:.35em}.intent{font-size:.55rem}.earth{width:180vw;height:90vw;bottom:-55vw}.status{bottom:18px}}
@media(prefers-reduced-motion:reduce){.beam span,.status span{animation:none}}