*{box-sizing:border-box}
:root{--navy:#071a3d;--blue:#1255a5;--green:#0a9955;--gold:#f3b51b;--ink:#10264b;--muted:#627188}
html,body{margin:0;min-height:100%;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#f8fafc}
body{overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;z-index:-3;background:
radial-gradient(circle at 15% 25%,rgba(18,85,165,.09),transparent 29%),
radial-gradient(circle at 86% 65%,rgba(10,153,85,.09),transparent 27%)}
body:after{content:"";position:fixed;inset:0;z-index:-2;opacity:.18;background-image:linear-gradient(rgba(16,38,75,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(16,38,75,.04) 1px,transparent 1px);background-size:44px 44px}
.top-strip{height:5px;background:linear-gradient(90deg,var(--green) 0 25%,var(--gold) 25% 50%,#171717 50% 75%,var(--blue) 75%)}
.nav{max-width:1180px;margin:auto;padding:30px 28px 10px;display:flex;justify-content:space-between;align-items:center;gap:25px}
.logo{width:min(380px,55vw);max-height:115px;object-fit:contain;object-position:left center}
.live{font-size:10px;letter-spacing:1.7px;font-weight:800;color:var(--blue);border:1px solid #d9e3ef;background:white;border-radius:999px;padding:10px 15px;white-space:nowrap;box-shadow:0 6px 18px rgba(16,38,75,.05)}
.live span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:8px}
main{max-width:1180px;margin:auto;padding:7vh 28px 8vh}
.hero{max-width:980px}
.eyebrow{display:flex;align-items:center;gap:10px;color:var(--blue);font-size:11px;letter-spacing:2.5px;font-weight:800;margin-bottom:21px}
.eyebrow span{display:block;width:34px;height:3px;background:var(--gold);border-radius:5px}
h1{font-size:clamp(45px,7vw,86px);line-height:1.02;letter-spacing:-4.2px;margin:0 0 25px;color:var(--ink)}
h1 strong{color:var(--blue)}
.intro{max-width:790px;margin:0;color:var(--muted);font-size:clamp(16px,2vw,20px);line-height:1.75}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:31px}
.btn{text-decoration:none;font-weight:700;border-radius:9px;padding:14px 21px;display:inline-flex;align-items:center;gap:12px;transition:.2s}
.btn:hover{transform:translateY(-2px)}
.main-btn{background:var(--blue);color:white;box-shadow:0 10px 24px rgba(18,85,165,.18)}
.ghost-btn{color:var(--ink);background:#fff;border:1px solid #dce4ed}.ghost-btn span{font-size:19px;color:var(--green)}
.ecosystem{display:flex;flex-wrap:wrap;gap:0;margin-top:42px;border-top:1px solid #dfe6ef;border-bottom:1px solid #dfe6ef;max-width:920px}
.ecosystem div{display:flex;align-items:center;gap:11px;padding:16px 25px 16px 0;margin-right:25px}
.ecosystem b{font-size:10px;color:var(--gold);letter-spacing:1px}.ecosystem span{font-size:12px;color:#4c5d75;font-weight:600}
.coming-card{position:relative;overflow:hidden;max-width:920px;margin-top:8vh;display:flex;gap:20px;align-items:flex-start;padding:28px 31px;border-radius:17px;background:linear-gradient(110deg,#071a3d,#0c2e61);color:#fff;box-shadow:0 22px 55px rgba(7,26,61,.14)}
.card-number{width:45px;height:45px;flex:0 0 45px;display:grid;place-items:center;border-radius:12px;background:var(--green);font-size:25px;position:relative;z-index:2}
.card-copy{position:relative;z-index:2}.label{font-size:9px;letter-spacing:2px;font-weight:800;color:#6bd39b;margin-bottom:8px}.coming-card h2{font-size:24px;margin:0 0 8px}.coming-card p{max-width:700px;margin:0;color:#b9c8dc;line-height:1.65}
.orb{position:absolute;width:220px;height:220px;border-radius:50%;right:-80px;top:-110px;border:1px solid rgba(243,181,27,.3);box-shadow:0 0 0 28px rgba(243,181,27,.035),0 0 0 58px rgba(243,181,27,.025)}
footer{max-width:1180px;margin:auto;text-align:center;border-top:1px solid #e1e7ef;padding:22px 28px 75px}.motto{font-size:15px;font-weight:700}.motto strong{color:var(--green)}.copyright{font-size:11px;color:#8a96a8;margin-top:8px}
.credit-bar{position:fixed;bottom:0;left:0;right:0;height:34px;z-index:30;overflow:hidden;background:#061633;border-top:2px solid var(--gold);display:flex;align-items:center}.ticker{min-width:max-content;display:flex;gap:24px;align-items:center;white-space:nowrap;color:#e8eef7;font-size:10px;font-weight:700;letter-spacing:1.4px;animation:marquee 25s linear infinite}.ticker i{font-style:normal;color:var(--gold)}
@keyframes marquee{from{transform:translateX(100vw)}to{transform:translateX(-100%)}}
@media(max-width:680px){
.nav{padding:20px 18px 5px;align-items:flex-start}.logo{width:235px;max-height:82px}.live{font-size:8px;padding:8px 9px;letter-spacing:1px}.live span{display:none}
main{padding:5vh 18px 7vh}h1{letter-spacing:-2.7px}.intro{line-height:1.65}.ecosystem div{padding:13px 18px 13px 0;margin-right:18px}.coming-card{padding:21px 20px}.coming-card h2{font-size:20px}.card-number{width:39px;height:39px;flex-basis:39px}
}