.site-header{position:fixed;inset:20px 0 auto;z-index:20}
.nav{height:70px;display:flex;align-items:center;padding:0 22px;border:1px solid var(--line);border-radius:16px;background:rgba(9,16,29,.68);backdrop-filter:blur(18px);box-shadow:0 15px 60px rgba(0,0,0,.2)}
.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-.03em}.brand img{width:35px;height:35px;object-fit:contain}.brand small{font:400 9px "IBM Plex Mono";color:var(--muted);display:block;letter-spacing:.08em}
.nav-links{display:flex;gap:29px;margin-left:auto;align-items:center;font-size:14px}.nav-links a:not(.button){color:var(--muted)}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--text)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(127,178,240,.32);border-radius:10px;padding:13px 19px;font-weight:700;font-size:14px;background:rgba(127,178,240,.08);transition:.25s}
.button:hover{transform:translateY(-2px);border-color:var(--blue-2);box-shadow:0 12px 32px rgba(79,131,204,.18)}
.button--primary{background:linear-gradient(135deg,var(--blue),#3568ad);border-color:transparent;color:white}.button--gold{background:var(--gold);color:#171109;border:0}
.hero{min-height:820px;display:flex;align-items:center;position:relative;background:linear-gradient(90deg,rgba(9,16,29,.98) 0%,rgba(9,16,29,.85) 39%,rgba(9,16,29,.1) 72%),url("../images/hero-banner.png") center/cover no-repeat;border-bottom:1px solid var(--line)}
.hero::after{content:"";position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(transparent,var(--ink))}
.hero-content{position:relative;z-index:2;width:58%;padding-top:90px}.hero h1{margin-bottom:24px}.hero .lead{font-size:19px;max-width:650px}.actions{display:flex;gap:12px;margin-top:35px}
.statbar{position:absolute;bottom:42px;z-index:3;display:flex;gap:42px;font:12px "IBM Plex Mono";color:var(--muted)}.statbar b{display:block;color:var(--text);font-size:15px;margin-bottom:7px}
.card{position:relative;padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(22,35,59,.83),rgba(13,22,39,.74));overflow:hidden;transition:.3s}
.card::before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:var(--blue);filter:blur(90px);opacity:0;right:-80px;top:-100px;transition:.3s}.card:hover{transform:translateY(-5px);border-color:rgba(127,178,240,.4)}.card:hover::before{opacity:.18}
.icon{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;color:var(--blue-2);background:rgba(79,131,204,.12);border:1px solid var(--line);font:500 18px "IBM Plex Mono";margin-bottom:34px}
.card ul{padding-left:18px;color:var(--muted);columns:2}.card li{margin:7px 0}
.workflow{display:flex;align-items:stretch;gap:8px}.workflow-step{flex:1;padding:28px 16px;border-top:1px solid var(--blue);background:linear-gradient(rgba(79,131,204,.09),transparent);font-size:13px}.workflow-step b{font:500 11px "IBM Plex Mono";color:var(--blue-2);display:block;margin-bottom:30px}.workflow-arrow{align-self:center;color:var(--blue)}
.shot{aspect-ratio:16/10;padding:10px;background:#0b1322;border:1px solid var(--line);border-radius:18px;box-shadow:0 25px 60px rgba(0,0,0,.3);overflow:hidden}.shot img{width:100%;height:100%;object-fit:contain;border-radius:10px;background:#11151b}
.chips{display:flex;flex-wrap:wrap;gap:11px}.chip{padding:10px 14px;border:1px solid var(--line);border-radius:99px;background:rgba(17,27,47,.75);font:12px "IBM Plex Mono";color:var(--blue-2)}
.roadmap-card{min-height:420px}.roadmap-card .status{font:11px "IBM Plex Mono";text-transform:uppercase;letter-spacing:.12em;color:var(--blue-2)}.roadmap-card li{color:var(--muted);margin:15px 0}.roadmap-card.active{border-color:rgba(232,163,61,.45)}.roadmap-card.active .status{color:var(--gold)}
.access-card{padding:56px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.progress{height:7px;border-radius:10px;background:#27334a;overflow:hidden;margin:20px 0}.progress span{display:block;width:10%;height:100%;background:linear-gradient(90deg,var(--blue),var(--blue-2))}
.form{display:grid;gap:16px}.form label{font-size:13px;color:var(--muted)}.form input,.form textarea{width:100%;margin-top:6px;padding:14px 16px;color:var(--text);background:#0c1525;border:1px solid var(--line);border-radius:10px}.form textarea{min-height:160px;resize:vertical}
.site-footer{border-top:1px solid var(--line);padding:60px 0 30px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:50px}.footer-col a{display:block;color:var(--muted);margin:9px 0}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:45px;padding-top:24px;color:var(--muted);font-size:12px}