*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#07090f;color:#e9eef9;font-family:'Inter','Plus Jakarta Sans',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
a{color:inherit;text-decoration:none}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.site-header{position:sticky;top:0;z-index:20;background:rgba(7,9,15,.6);backdrop-filter:saturate(120%) blur(10px);border-bottom:1px solid rgba(255,255,255,.06)}
.nav{display:flex;align-items:center;gap:12px;padding:14px 0}
.logo{width:28px;height:28px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800}
.brand-text{letter-spacing:.04em}
.links{margin-left:auto;display:flex;gap:18px}
.links a{opacity:.85}
.cta{margin-left:10px;padding:8px 12px;border:1px solid rgba(255,255,255,.18);border-radius:10px}
.menu{display:none}
.hero{position:relative;overflow:hidden;padding:80px 0 20px;border-bottom:1px solid rgba(255,255,255,.06)}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}
.title{font-size:clamp(40px,8vw,88px);line-height:1.02;margin:0 0 10px;font-weight:800}
.grad{background:linear-gradient(90deg,#ffb057,#ff5bd3 55%,#9db7ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.subtitle{color:#c7d2e9;max-width:56ch}
.cta-row{display:flex;gap:10px;margin:14px 0 18px}
.btn{background:#0c1220;border:1px solid rgba(255,255,255,.14);color:#e9eef9;padding:10px 16px;border-radius:12px;cursor:pointer;transition:.18s}
.btn:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.28)}
.btn.primary{background:linear-gradient(180deg,#192847,#11182d)}
.btn.ghost{background:transparent}
.ticker{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 6px}
.tick{display:flex;gap:8px;align-items:center;background:#0a1020;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:6px 10px}
.tick .label{color:#9fb0d7}
.disclaimer{color:#8ea1c7;font-size:13px;margin-top:8px}
.hero-visual{display:flex;justify-content:center}
.device{--glass:rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1);border-radius:18px;box-shadow:0 10px 50px rgba(0,0,0,.5);overflow:hidden;width:min(520px,100%)}
.device-head{display:flex;gap:6px;padding:10px;background:var(--glass);border-bottom:1px solid rgba(255,255,255,.08)}
.device-head .dot{width:8px;height:8px;border-radius:50%;background:#9fb7ff;opacity:.7}
.device-body{position:relative}
.device-foot{display:flex;gap:8px;flex-wrap:wrap;padding:10px;background:var(--glass);border-top:1px solid rgba(255,255,255,.08)}
.pill{border:1px solid rgba(255,255,255,.14);padding:6px 10px;border-radius:999px;font-size:12px}
.pill.ghost{background:transparent;opacity:.8}
.section{padding:42px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.section.alt{background:#0a0f1a}
.section-title{font-size:28px;margin:0 0 14px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.card{background:#0a1020;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px;min-height:140px}
.card .icon{font-size:20px;opacity:.9;margin-bottom:6px}
.pf-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}
.list{display:grid;gap:10px;color:#c7d2e9}
.hashbox{display:grid;grid-template-columns:1.6fr 1fr .6fr auto;gap:10px;align-items:end;background:#0b1225;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px}
.hashbox input{background:#0a1020;color:#e9eef9;border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:8px}
.small{font-size:12px;color:#9fb0d7}
.btn.sm{padding:8px 12px;border-radius:10px}
.verifier{background:#0b1225;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px}
.verifier .result{margin-top:10px;color:#d5e3ff}
.road{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.step{background:#0b1225;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px;position:relative}
.step.done{outline:1px solid rgba(157,183,255,.35)}
.badge{position:absolute;top:10px;right:10px;background:#0a1020;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:2px 8px;font-size:12px;color:#9fb0d7}
.faq{background:#0a1020;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px;margin:10px 0}
.launch .center{text-align:center}
.site-footer{padding:20px 0}
.foot{display:flex;justify-content:space-between;align-items:center;gap:10px}
.orb{position:absolute;filter:blur(36px);opacity:.45;pointer-events:none}
.orb-a{width:40vw;height:40vw;background:radial-gradient(circle at 30% 30%,#ffb057,transparent 60%),radial-gradient(circle at 70% 70%,#9db7ff,transparent 60%);top:-10vh;left:-10vw;animation:floatA 18s linear infinite alternate}
.orb-b{width:50vw;height:50vw;background:radial-gradient(circle at 70% 30%,#ff5bd3,transparent 60%),radial-gradient(circle at 20% 70%,#9db7ff,transparent 60%);bottom:-10vh;right:-10vw;animation:floatB 22s linear infinite alternate}
@keyframes floatA{to{transform:translate(3vw,4vh) scale(1.05)}}
@keyframes floatB{to{transform:translate(-2vw,-3vh) scale(1.04)}}
.stars{position:absolute;inset:0;opacity:.6;pointer-events:none}
@media(max-width:1000px){
  .hero-grid{grid-template-columns:1fr}
  .cards{grid-template-columns:1fr 1fr}
  .pf-grid{grid-template-columns:1fr}
  .road{grid-template-columns:1fr 1fr}
  .links{display:none}
  .menu{display:block;margin-left:8px;background:transparent;border:0;color:#e9eef9;font-size:18px}
}
@media(max-width:640px){
  .cards{grid-template-columns:1fr}
  .road{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .orb-a,.orb-b{animation:none}
}