* { box-sizing: border-box; }
:root { color-scheme: light; --navy:#0b1f5b; --blue:#0073ff; --ink:#10234f; --muted:#65728d; }
html,body { min-height:100%; margin:0; }
body { font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; color:var(--ink); background:#fff; }
.page { min-height:100vh; min-height:100svh; display:flex; flex-direction:column; position:relative; overflow:hidden; isolation:isolate; padding:28px clamp(22px,5vw,76px) 22px; }
.ambient { position:absolute; z-index:-1; pointer-events:none; border-radius:50%; }
.ambient-one { width:540px; height:540px; top:8%; left:50%; transform:translateX(-50%); background:radial-gradient(circle,rgba(0,115,255,.075),rgba(0,194,255,.025) 48%,transparent 72%); }
.ambient-two { width:440px; height:300px; right:-230px; bottom:-130px; background:radial-gradient(circle,rgba(0,115,255,.07),transparent 70%); }
.topbar { width:min(1180px,100%); margin:0 auto; display:flex; align-items:center; justify-content:space-between; }
.top-label { color:#73809a; font-size:10px; font-weight:700; letter-spacing:2px; }
.hero { width:min(760px,100%); margin:auto; padding:55px 0 65px; text-align:center; display:flex; flex-direction:column; align-items:center; }
.brand-lockup { display:block; width:min(330px,72vw); height:auto; object-fit:contain; margin:0 auto 30px; mix-blend-mode:multiply; }
.eyebrow { display:flex; align-items:center; gap:9px; margin:0 0 19px; color:#526586; font-size:10px; font-weight:700; letter-spacing:2.1px; }
.pulse,.status-dot { width:7px; height:7px; border-radius:50%; background:var(--blue); display:inline-block; box-shadow:0 0 0 4px rgba(0,115,255,.10); }
h1 { margin:0; color:var(--navy); font-size:clamp(48px,8vw,82px); line-height:.99; letter-spacing:-5px; font-weight:800; }
h1 span { color:var(--blue); }
.intro { max-width:590px; margin:26px auto 27px; color:var(--muted); font-size:clamp(15px,2vw,18px); line-height:1.8; }
.intro strong { color:#344768; font-weight:600; }
.status { display:inline-flex; align-items:center; gap:10px; padding:13px 18px; border:1px solid #dce8fb; border-radius:999px; color:var(--navy); background:rgba(255,255,255,.82); font-size:10px; font-weight:800; letter-spacing:1.7px; }
.status-dot { width:6px; height:6px; }
.support { margin:19px 0 0; color:#8994a9; font-size:12px; letter-spacing:.15px; }
.footer { width:min(1180px,100%); margin:0 auto; padding-top:18px; border-top:1px solid #edf1f7; display:flex; justify-content:space-between; gap:18px; color:#8a95a9; font-size:11px; }
.footer-right { display:inline-flex; align-items:center; gap:9px; }
.footer-right i { width:3px; height:3px; border-radius:50%; background:var(--blue); }
@media(max-width:600px) { .page{padding:20px 20px 18px}.top-label{font-size:8px;letter-spacing:1.1px}.hero{padding:45px 0}.brand-lockup{width:min(285px,76vw);margin-bottom:27px}h1{letter-spacing:-3.5px}.eyebrow{font-size:9px;letter-spacing:1.5px}.footer{flex-direction:column;align-items:center;text-align:center;gap:8px} }
@media(prefers-reduced-motion:no-preference) { .hero>*{animation:rise .65s ease-out both}.hero>*:nth-child(2){animation-delay:.08s}.hero>*:nth-child(3){animation-delay:.14s}.hero>*:nth-child(4){animation-delay:.2s}.hero>*:nth-child(5){animation-delay:.26s}@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}} }