:root{
  --blue:#1a3ad6; --blue2:#1230b0; --navy:#0c1a54; --navy2:#0a1544;
  --gold:#f2b429; --gold2:#d99616; --white:#fff; --cream:#eef1fb;
  --ink:#0c1330; --muted:#5a6486; --stitch:#e23b3b; --field:#1f9d55;
  --tan:#c98a3c; --radius:14px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Archivo',system-ui,sans-serif;color:var(--ink);background:var(--cream);line-height:1.6;overflow-x:hidden}
.wrap{max-width:1140px;margin:0 auto;padding:0 22px}
h1,h2,h3,h4,.disp{font-family:'Anton',sans-serif;font-weight:400;letter-spacing:.5px;line-height:1;text-transform:uppercase}
.mono{font-family:'Space Mono',monospace}
img{max-width:100%;display:block}
a{color:inherit}
section{padding:70px 0}
.kicker{font-family:'Space Mono',monospace;font-size:12.5px;letter-spacing:3px;color:var(--blue);text-transform:uppercase;margin-bottom:10px;font-weight:700}
.h-lg{font-size:clamp(32px,4.6vw,50px);color:var(--navy)}
.sub{color:var(--muted);max-width:660px;margin-top:12px;font-size:16.5px}
.btn{font-weight:800;font-size:14.5px;text-decoration:none;padding:13px 24px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;border:none;cursor:pointer;font-family:'Archivo';transition:transform .12s,box-shadow .12s}
.btn:hover{transform:translateY(-2px)}
.btn.gold{background:var(--gold);color:var(--navy);box-shadow:0 5px 0 var(--gold2)}
.btn.blue{background:var(--blue);color:#fff;box-shadow:0 5px 0 var(--blue2)}
.btn.ghost{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.45)}
.btn.line{background:#fff;color:var(--navy);border:2px solid #cdd6f5}
.stitch{height:16px;position:relative}
.stitch:before,.stitch:after{content:"";position:absolute;left:0;right:0;height:2px;background:repeating-linear-gradient(90deg,var(--stitch) 0 10px,transparent 10px 18px)}
.stitch:before{top:5px}.stitch:after{bottom:5px}
.card{background:#fff;border:2px solid #dce2f7;border-radius:var(--radius);transition:transform .15s,border-color .15s}
.card:hover{transform:translateY(-4px);border-color:var(--blue)}
.chip{display:inline-block;background:var(--cream);border:1.5px solid #cdd6f5;color:var(--navy);border-radius:999px;padding:6px 14px;font-size:12.5px;font-weight:700;margin:4px 4px 0 0}
.tag{display:inline-block;background:var(--cream);border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700;color:var(--navy);margin:2px 3px 0 0}

/* header */
header{position:sticky;top:0;z-index:60;background:var(--navy);border-bottom:3px solid var(--gold)}
.nav{display:flex;align-items:center;gap:18px;padding:12px 22px;max-width:1240px;margin:0 auto}
.logo{font-family:'Anton';font-size:21px;color:#fff;text-decoration:none;text-transform:uppercase;display:flex;align-items:center;gap:10px}
.logo .coin{background:var(--gold);color:var(--navy);font-family:'Space Mono';font-weight:700;font-size:11px;padding:4px 9px;border-radius:999px}
nav.links{display:flex;gap:4px;flex:1;justify-content:center;flex-wrap:wrap}
nav.links a{color:#cdd6ff;text-decoration:none;font-size:13.5px;font-weight:600;padding:7px 11px;border-radius:8px}
nav.links a:hover,nav.links a.here{background:rgba(255,255,255,.1);color:#fff}
nav.links a.here{color:var(--gold)}
.nav .actions{display:flex;gap:10px}
.nav .actions .btn{padding:9px 18px;font-size:13px}
#burger{display:none;background:none;border:2px solid rgba(255,255,255,.4);color:#fff;font-size:20px;border-radius:8px;padding:4px 12px;cursor:pointer}
#mobileMenu{display:none;background:var(--navy2);padding:12px 22px 20px;flex-direction:column;gap:4px}
#mobileMenu a{color:#cdd6ff;text-decoration:none;padding:9px 6px;border-bottom:1px solid rgba(255,255,255,.08);font-weight:600}

/* page hero band */
.band{background:radial-gradient(circle at 80% 0%,rgba(242,180,41,.2),transparent 42%),linear-gradient(165deg,var(--blue) 0%,var(--blue2) 55%,var(--navy) 100%);color:#fff;padding:56px 0 46px}
.band .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;align-items:center}
.band h1{font-size:clamp(40px,6vw,72px);color:#fff;text-shadow:4px 4px 0 var(--navy2)}
.band .eyebrow{font-family:'Space Mono';font-size:12.5px;letter-spacing:3px;color:var(--gold);margin-bottom:12px}
.band p{color:#dbe2ff;max-width:520px;margin-top:14px}
.band img{max-height:300px;object-fit:contain;justify-self:center;filter:drop-shadow(0 16px 18px rgba(0,0,0,.35))}

/* footer */
footer{background:var(--navy2);color:#c7d0f5;padding:44px 0 32px;margin-top:0}
.fbot{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.fnav{display:flex;gap:14px;flex-wrap:wrap}
.fnav a{color:#aab5e8;text-decoration:none;font-size:13px;font-weight:600}
.fnav a:hover{color:#fff}
.legal{font-size:11.5px;color:#7d89c4;line-height:1.7;margin-top:18px;border-top:1px solid rgba(255,255,255,.14);padding-top:18px}
.legal b{color:#aab5e8}
#toTop{position:fixed;right:20px;bottom:20px;z-index:70;width:48px;height:48px;border-radius:50%;background:var(--gold);color:var(--navy);border:none;font-size:20px;font-weight:900;cursor:pointer;box-shadow:0 4px 0 var(--gold2);opacity:0;pointer-events:none;transition:opacity .25s}
#toTop.show{opacity:1;pointer-events:auto}

@media(max-width:960px){
  nav.links{display:none}
  #burger{display:block;margin-left:auto}
  .nav .actions{display:none}
  .band .wrap{grid-template-columns:1fr;text-align:center}
  .band p{margin:14px auto 0}
  .band img{max-height:220px}
}