:root{--bg:#f6f7f9;--card:#fff;--ink:#14171f;--muted:#5b6475;--line:#e3e6ec;--accent:#3d5afe;
--live:#0f8a4b;--live-bg:#e3f6ec;--prog:#9a5b00;--prog-bg:#fff2dc;--soon:#4b5563;--soon-bg:#eceff3}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg)}
.wrap{max-width:1100px;margin:0 auto;padding:0 20px}
.hero{background:linear-gradient(135deg,#14171f,#26304a);color:#fff;padding:56px 0 44px}
.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;color:#aab4ff;font-weight:600}
.hero h1{margin:.3em 0 .25em;font-size:clamp(2rem,5vw,3rem);line-height:1.1}
.lede{margin:0;color:#cfd5e2;max-width:40em}
.legend{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:20px 0 0}
.section{font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:40px 0 14px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:10px;box-shadow:0 1px 2px rgba(20,23,31,.04)}
.card p{margin:0;color:var(--muted)}
.top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.card h3{margin:0;font-size:1.15rem}
.badge{display:inline-block;white-space:nowrap;font-size:.75rem;font-weight:600;padding:3px 10px;border-radius:999px}
.badge.live{color:var(--live);background:var(--live-bg)}
.badge.progress{color:var(--prog);background:var(--prog-bg)}
.badge.soon{color:var(--soon);background:var(--soon-bg)}
.btn{margin-top:auto;align-self:flex-start;background:var(--accent);color:#fff;text-decoration:none;font-weight:600;padding:9px 16px;border-radius:10px}
.btn:hover,.btn:focus-visible{background:#2a44d8}
.domain{margin-top:auto!important;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.9rem;color:var(--ink)!important}
.domain span{font-family:system-ui,sans-serif;font-size:.75rem;color:var(--muted);margin-left:6px}
.foot{margin-top:56px;background:#14171f;color:#cfd5e2;padding:36px 0 20px}
.foot a{color:#fff}
.foot p,.foot address{margin:0 0 6px;font-style:normal}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}
.brand{color:#fff;font-weight:700}
.policies{list-style:none;padding:0;margin:0;display:grid;gap:4px}
.copy{margin-top:24px!important;padding-top:16px;border-top:1px solid #2b3140;font-size:.85rem;color:#8a93a6}
@media (max-width:480px){.grid{grid-template-columns:1fr}.hero{padding:40px 0 32px}}
.qrshare{display:flex;align-items:center;gap:16px;margin-top:24px}
.qrshare img{background:#fff;padding:6px;border-radius:10px;flex:none}
@media (max-width:480px){.qrshare img{width:96px;height:96px}}