:root{
  --bg:#0d0b12; --bg2:#15131d; --bg3:#1c1929; --bg4:#272234;
  --ink:#f5f3fb; --ink2:#d8d3e8; --mid:#9a93b2; --mid2:#6b6483;
  --line:rgba(184,163,252,.13); --line2:rgba(184,163,252,.26); --line3:rgba(184,163,252,.4);
  --acc:#b8a3fc; --acc2:#9a82f2; --acc-d:rgba(184,163,252,.12); --glow:rgba(154,130,242,.45);
  --gold:#f3c34e; --gold-d:rgba(243,195,78,.14); --pink:#ff7ec6; --mint:#5fe6cf;
  --pos:#7fe3a8; --pos-d:rgba(127,227,168,.14); --neg:#fb8c7e; --neg-d:rgba(251,140,126,.14);
  --disp:'Bebas Neue',sans-serif; --sans:'Outfit',system-ui,sans-serif; --mono:'DM Mono',ui-monospace,monospace; --hand:'Caveat',cursive;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--sans);color:var(--ink);background:#070609;-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden;background-image:radial-gradient(rgba(184,163,252,.045) 1px,transparent 1px);background-size:26px 26px}
img{display:block;max-width:100%}
a{color:var(--acc);text-decoration:none}
a:hover{color:var(--ink)}
::selection{background:var(--acc);color:#16121d}
button,input,textarea,select{font:inherit;color:inherit}
/* every other breakpoint in this file is max-width, so the shell never grew and
   large monitors got a 1180px column stranded in the middle. 82vw holds the same
   proportion big screens that 1180px gave a 1440px laptop. */
.wrap{max-width:clamp(1180px,82vw,1800px);margin:0 auto;padding:0 28px}
.wrap-n{max-width:820px;margin:0 auto;padding:0 28px}
.mono{font-family:var(--mono)}
.ac{color:var(--acc)}
.kicker{font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:3px;color:var(--acc)}
.center{text-align:center}
h2{font-family:var(--disp);font-size:clamp(34px,4.2vw,52px);line-height:.95;letter-spacing:.5px;margin-top:14px}
section{padding:96px 0}

.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1)}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

/* nav */
.nav{position:sticky;top:0;z-index:60;backdrop-filter:blur(14px);background:rgba(9,8,13,.78);border-bottom:1px solid transparent;transition:border-color .2s}
.nav.stuck{border-color:var(--line)}
.nav-in{max-width:clamp(1180px,82vw,1800px);margin:0 auto;padding:14px 28px;display:flex;align-items:center;gap:22px}
.brand{display:flex;align-items:center;gap:10px;color:inherit;flex-shrink:0}
.brand:hover{color:inherit}
.brand img{width:30px;height:30px;filter:drop-shadow(0 0 18px var(--glow))}
.brand .bn{font-family:var(--disp);font-size:19px;letter-spacing:.6px}
.nav-links{display:flex;align-items:center;gap:4px;margin-left:14px}
.nav-links a{font-size:14.5px;font-weight:500;color:var(--mid);padding:8px 12px;border-radius:9px;white-space:nowrap;transition:color .15s,background .15s}
.nav-links a:hover{color:var(--ink);background:rgba(184,163,252,.07)}
.nav-links a.on{color:var(--ink)}
.nav-right{display:flex;align-items:center;gap:10px;margin-left:auto}
.icon-btn{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--bg3);border:1px solid var(--line);color:var(--mid);transition:color .15s,border-color .15s,background .15s}
.icon-btn:hover{color:#fff;border-color:var(--line3);background:rgba(88,101,242,.22)}
.icon-btn svg{width:19px;height:19px;fill:currentColor}
.btn-nav{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--acc),var(--acc2));color:#15111e;font-weight:700;font-size:14px;padding:11px 18px;border-radius:12px;box-shadow:0 6px 20px var(--glow);white-space:nowrap;transition:filter .15s,transform .15s}
.btn-nav:hover{filter:brightness(1.08);color:#15111e}
.btn-nav:active{transform:scale(.97)}
.nav-tog{display:none;width:38px;height:38px;border-radius:11px;background:var(--bg3);border:1px solid var(--line);color:var(--ink);cursor:pointer}
.nav-tog svg{width:18px;height:18px;margin:0 auto;stroke:currentColor;fill:none;stroke-width:2}

.btn-primary{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--acc),var(--acc2));color:#15111e;font-weight:700;font-size:17px;padding:18px 28px;border-radius:16px;box-shadow:0 12px 34px var(--glow);transition:filter .15s,transform .15s}
.btn-primary:hover{filter:brightness(1.07);color:#15111e}
.btn-primary:active{transform:scale(.98)}
.btn-primary .arrow{transition:transform .18s}
.btn-primary:hover .arrow{transform:translateX(3px)}
.btn-primary.lg{font-size:19px;padding:20px 34px}
.btn-ghost{display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:15px;padding:15px 22px;border-radius:14px;background:var(--bg2);border:1px solid var(--line2);color:var(--ink);transition:border-color .15s,background .15s}
.btn-ghost:hover{border-color:var(--line3);background:var(--bg3);color:var(--ink)}

/* badges */
.tier{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.8px;padding:4px 9px;border-radius:7px}
.tier::before{content:'';width:5px;height:5px;border-radius:50%}
.tier-est{color:var(--gold);background:rgba(243,195,78,.18)}.tier-est::before{background:var(--gold)}
.tier-ris{color:var(--acc);background:rgba(184,163,252,.2)}.tier-ris::before{background:var(--acc)}
.tier-und{color:var(--pink);background:rgba(255,126,198,.18)}.tier-und::before{background:var(--pink)}
.tier-unk{color:var(--mint);background:rgba(95,230,207,.16)}.tier-unk::before{background:var(--mint)}
.chg{display:inline-flex;align-items:center;font-family:var(--mono);font-size:12.5px;font-weight:500;padding:4px 9px;border-radius:8px}
.chg.up{color:var(--pos);background:var(--pos-d)}
.chg.down{color:var(--neg);background:var(--neg-d)}

/* hero */
.hero{position:relative;padding:72px 0 56px;overflow:hidden}
.hero-glow{position:absolute;top:-220px;left:50%;transform:translateX(-42%);width:900px;height:620px;border-radius:50%;background:radial-gradient(ellipse,rgba(154,130,242,.28),transparent 65%);pointer-events:none}
.hero-in{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
.presents{display:inline-flex;align-items:center;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:2.4px;color:var(--ink2);border:1px solid var(--line2);background:rgba(184,163,252,.07);padding:6px 13px;border-radius:30px}
.presents b{color:var(--acc);font-weight:500;margin-left:.5em}
.gx{color:var(--gold)}
.hand{font-family:var(--hand);font-size:38px;color:var(--gold);transform:rotate(-2deg);margin-top:0;line-height:1}
.pitch-text .hand{margin-top:16px}
.late{padding:88px 0}
.late-in{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:52px 0}
.late-in h2{margin-top:12px}
.late-text p{font-size:16px;color:var(--ink2);line-height:1.7;margin-top:0;text-wrap:pretty}
.late-text p+p{margin-top:18px;color:var(--mid)}
.proveit{font-family:var(--mono);font-size:14px;color:var(--mid);margin-top:8px;letter-spacing:.3px}
.hero h1{font-family:var(--disp);font-size:clamp(46px,6.4vw,88px);line-height:.9;letter-spacing:.5px;margin-top:22px}
.hero .lede{font-size:17px;color:var(--ink2);max-width:52ch;margin-top:22px;line-height:1.65;text-wrap:pretty}
.cta-row{margin-top:32px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.cta-note{font-family:var(--mono);font-size:12px;color:var(--mid);margin-top:16px;letter-spacing:.2px}
.hero-visual{position:relative;display:flex;align-items:center;justify-content:center}
.mock-card{width:100%;max-width:300px;border-radius:22px;overflow:hidden;background:linear-gradient(180deg,#16121f,#0f0c16);border:1px solid var(--line2);box-shadow:0 30px 80px rgba(0,0,0,.55);animation:floaty 6s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.mock-card,.coin-float{animation:none!important}}
.mock-cov{height:180px;position:relative;background:radial-gradient(120% 100% at 20% 0%,rgba(184,163,252,.35),transparent 60%),linear-gradient(155deg,#3a2f56 0%,#12101a 100%);display:flex;align-items:center;justify-content:center;overflow:hidden}
.mock-cov::after{content:'';position:absolute;inset:0;opacity:.5;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:6px 6px}
.mock-cov .ini{position:relative;z-index:2;font-family:var(--disp);font-size:52px;letter-spacing:1px;color:rgba(255,255,255,.42)}
.mock-tier{position:absolute;top:12px;left:12px;z-index:3}
.mock-body{padding:16px 18px 20px}
.mock-name{font-size:19px;font-weight:800;letter-spacing:-.3px}
.mock-meta{font-size:12px;color:var(--mid);margin-top:3px}
.mock-foot{display:flex;align-items:center;justify-content:space-between;margin-top:16px}
.mock-price{font-family:var(--mono);font-size:20px;font-weight:500;color:var(--gold);display:flex;align-items:center;gap:6px}
.mock-price img{width:16px;height:16px}
.coin-float{position:absolute;top:-30px;right:-10px;width:74px;height:74px;filter:drop-shadow(0 14px 34px var(--glow));animation:floaty 5s ease-in-out infinite;animation-delay:.4s;z-index:4}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-11px)}}

/* ticker */
.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(21,19,29,.6);overflow:hidden;position:relative}
.ticker::before,.ticker::after{content:'';position:absolute;top:0;bottom:0;width:90px;z-index:2;pointer-events:none}
.ticker::before{left:0;background:linear-gradient(90deg,#0a080e,transparent)}
.ticker::after{right:0;background:linear-gradient(270deg,#0a080e,transparent)}
.tick-track{display:flex;width:max-content;animation:tick 42s linear infinite}
.ticker:hover .tick-track{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.tick-track{animation:none}}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.tick{display:flex;align-items:center;gap:10px;padding:15px 22px;border-right:1px solid var(--line);white-space:nowrap}
.tick .nm{font-size:14px;font-weight:600}
.tick .pr{font-family:var(--mono);font-size:13px;color:var(--mid)}
.tick .d{font-family:var(--mono);font-size:12.5px}
.tick .d.up{color:var(--pos)}
.tick .d.down{color:var(--neg)}

/* pitch */
.pitch-in{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.pitch-text p{font-size:16px;color:var(--ink2);line-height:1.7;margin-top:20px;max-width:50ch;text-wrap:pretty}
.flex-card{width:100%;max-width:380px;margin:0 auto;border-radius:22px;overflow:hidden;position:relative;box-shadow:0 24px 70px rgba(0,0,0,.55);border:1px solid rgba(140,150,255,.22)}
.flex-bg{position:absolute;inset:0;background:radial-gradient(120% 90% at 8% -10%,rgba(80,110,255,.28),transparent 55%),radial-gradient(110% 100% at 105% 115%,rgba(184,163,252,.3),transparent 52%),linear-gradient(160deg,#0c0b14 0%,#08070c 60%,#060509 100%)}
.flex-bg::after{content:'';position:absolute;inset:0;opacity:.5;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:22px 22px}
.flex-in{position:relative;z-index:2;padding:22px 24px 26px}
.flex-top{display:flex;align-items:center;justify-content:space-between}
.flex-brand{display:flex;align-items:center;gap:8px}
.flex-brand img{width:20px;height:20px}
.flex-brand span{font-family:var(--disp);font-size:14px;letter-spacing:.6px;color:#fff}
.flex-cta{font-family:var(--mono);font-size:9px;letter-spacing:1.4px;text-transform:uppercase;color:#8fb3ff;border:1px solid rgba(143,179,255,.5);padding:5px 10px;border-radius:20px;background:rgba(80,110,255,.12)}
.flex-eyebrow{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:2px;color:#8fb3ff;margin-top:20px}
.flex-name{font-family:var(--disp);font-size:44px;line-height:.9;letter-spacing:.5px;margin-top:6px;color:#fff}
.flex-stats{display:flex;margin-top:20px;background:rgba(255,255,255,.045);border:1px solid rgba(184,163,252,.22);border-radius:13px;overflow:hidden}
.flex-stat{flex:1;padding:13px 8px;text-align:center}
.flex-stat+.flex-stat{border-left:1px solid rgba(184,163,252,.18)}
.flex-stat .l{font-family:var(--mono);font-size:8.5px;text-transform:uppercase;letter-spacing:1px;color:rgba(255,255,255,.45)}
.flex-stat .v{font-family:var(--mono);font-size:16px;font-weight:500;color:var(--acc);margin-top:4px;display:flex;align-items:center;justify-content:center;gap:5px}
.flex-stat .v img{width:13px;height:13px}
.flex-gain{margin-top:14px;text-align:center;font-family:var(--mono);font-size:13px;color:var(--pos)}

/* steps */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px}
.step{background:var(--bg2);border:1px solid var(--line);border-radius:20px;padding:28px 26px}
.step-no{font-family:var(--mono);font-size:13px;color:var(--mid2)}
.step h3{font-family:var(--disp);font-size:26px;letter-spacing:.6px;margin-top:8px}
.step p{font-size:14.5px;color:var(--mid);line-height:1.6;margin-top:10px;text-wrap:pretty}
.step-tiers{display:flex;gap:6px;flex-wrap:wrap;margin-top:16px}

/* tier ladder */
.lad{display:flex;flex-direction:column;gap:12px;margin-top:44px}
.lad-row{display:grid;grid-template-columns:150px 1fr auto;gap:24px;align-items:center;background:var(--bg2);border:1px solid var(--line);border-radius:16px;padding:20px 24px}
.lad-row p{font-size:14.5px;color:var(--mid);line-height:1.6;text-wrap:pretty}
.lad-bar{width:120px;height:6px;border-radius:6px;background:var(--bg4);overflow:hidden}
.lad-bar i{display:block;height:100%;border-radius:6px}
.lad-note{font-family:var(--mono);font-size:12.5px;color:var(--mid2);margin-top:22px;text-align:center}

/* faq */
.faq-h{margin-top:0}
.faq-sub{font-family:var(--hand);font-size:26px;color:var(--gold);transform:rotate(-1.5deg);margin-top:6px}
.faq-list{max-width:760px;margin:44px auto 0;display:flex;flex-direction:column;gap:12px}
.faq-item{background:var(--bg2);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.faq-item summary{list-style:none;cursor:pointer;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-weight:600;font-size:15.5px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-ic{width:26px;height:26px;border-radius:8px;background:var(--bg3);border:1px solid var(--line2);display:grid;place-items:center;color:var(--acc);font-size:16px;flex-shrink:0;transition:transform .2s}
.faq-item[open] .faq-ic{transform:rotate(45deg)}
.faq-a{padding:0 22px 20px;font-size:14.5px;color:var(--mid);line-height:1.65;max-width:64ch;text-wrap:pretty}

/* final cta */
.finalcta{position:relative;text-align:center;overflow:hidden}
.finalcta-glow{position:absolute;top:-260px;left:50%;transform:translateX(-50%);width:1000px;height:640px;border-radius:50%;background:radial-gradient(ellipse,rgba(154,130,242,.3),transparent 65%);pointer-events:none}
.finalcta-in{position:relative;max-width:720px;margin:0 auto;display:flex;flex-direction:column;align-items:center}
.finalcta p{font-size:16.5px;color:var(--ink2);margin-top:20px;max-width:48ch;line-height:1.6}
.finalcta .btn-primary{margin-top:34px}
.finalcta .cta-note{margin-top:16px}

.finalcta.soft{padding-top:0}
.finalcta.soft .btn-primary{box-shadow:0 6px 18px rgba(154,130,242,.2)}
.cico{display:inline-block;width:13px;height:13px;vertical-align:-2px;margin-right:1px}
.chanlist{display:flex;flex-direction:column;gap:9px;margin-top:22px}
.chan{display:inline-flex;align-items:center;font-family:var(--mono);font-size:14px;color:var(--ink2);background:var(--bg2);border:1px solid var(--line2);border-radius:12px;padding:13px 16px;transition:color .15s,border-color .15s,background .15s}
.chan:hover{color:var(--acc);border-color:var(--line3);background:var(--bg3)}
/* page header for subpages */
.phead{position:relative;padding:68px 0 40px;overflow:hidden;border-bottom:1px solid var(--line)}
.phead-glow{position:absolute;top:-300px;left:50%;transform:translateX(-50%);width:900px;height:600px;border-radius:50%;background:radial-gradient(ellipse,rgba(154,130,242,.2),transparent 65%);pointer-events:none}
.phead-in{position:relative}
.phead.narrow .phead-in{max-width:820px;margin:0 auto}
.phead h1{font-family:var(--disp);font-size:clamp(40px,5.4vw,68px);line-height:.94;letter-spacing:.5px;margin-top:14px}
.phead p{font-size:16.5px;color:var(--ink2);margin-top:18px;max-width:58ch;line-height:1.65;text-wrap:pretty}

/* prose */
.prose{padding:52px 0 88px}
.prose h2{font-family:var(--disp);font-size:clamp(28px,3.4vw,38px);margin-top:56px}
.prose h2:first-child{margin-top:0}
.prose h3{font-size:17px;font-weight:700;margin-top:30px;letter-spacing:-.2px}
.prose p{font-size:15.5px;color:var(--ink2);line-height:1.75;margin-top:14px;max-width:70ch;text-wrap:pretty}
.prose ul,.prose ol{margin-top:14px;padding-left:22px;max-width:70ch}
.prose li{font-size:15.5px;color:var(--ink2);line-height:1.75;margin-top:8px}
.prose li::marker{color:var(--acc)}
.prose .upd{font-family:var(--mono);font-size:12px;color:var(--mid2);letter-spacing:.3px}
.prose hr{border:0;border-top:1px solid var(--line);margin:56px 0}
.callout{background:var(--bg2);border:1px solid var(--line2);border-left:none;border-radius:16px;padding:22px 24px;margin-top:26px}
.callout .ct,.tldr .ct{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:2px;color:var(--gold)}
.callout p{margin-top:8px;color:var(--ink2);font-size:15px}

.compare{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}
.cmp{background:var(--bg2);border:1px solid var(--line);border-radius:18px;padding:26px 24px}
.prose .cmp h3{font-family:var(--disp);font-size:23px;letter-spacing:.6px;margin-top:0;font-weight:400}
.cmp.yes{border-color:rgba(127,227,168,.26)}
.cmp.no{border-color:rgba(251,140,126,.22)}
.prose .cmp ul{list-style:none;padding:0;margin-top:16px;display:flex;flex-direction:column;gap:13px;max-width:none}
.prose .cmp li{font-size:14.5px;color:var(--ink2);line-height:1.6;padding-left:24px;position:relative;margin-top:0}
.cmp li::before{position:absolute;left:0;top:-1px;font-family:var(--mono);font-size:15px;line-height:1.6}
.cmp.yes li::before{content:'+';color:var(--pos)}
.cmp.no li::before{content:'\00d7';color:var(--neg)}
.callout.lg{padding:26px 28px}
.callout.lg p{font-size:15.5px;line-height:1.7}
.endnotes{display:flex;flex-direction:column;gap:16px;margin-top:44px;padding-top:32px;border-top:1px solid var(--line)}
.endnote{font-size:14.5px;color:var(--mid);line-height:1.65;max-width:70ch}
.endnote b{color:var(--ink2);font-weight:600}
.dcard{display:flex;align-items:center;gap:20px;background:linear-gradient(135deg,rgba(88,101,242,.16),rgba(88,101,242,.04));border:1px solid rgba(88,101,242,.4);border-radius:20px;padding:24px 26px;flex-wrap:wrap}
.dcard-ic{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:rgba(88,101,242,.24);border:1px solid rgba(88,101,242,.45);color:#c3cbff;flex-shrink:0}
.dcard-ic svg{width:27px;height:27px;fill:currentColor}
.dcard-t{flex:1;min-width:220px}
.dcard-t p{font-size:15px;color:var(--ink2);line-height:1.6;max-width:42ch}
.dcard-t h3{font-family:var(--disp);font-size:26px;letter-spacing:.6px;margin-top:0}
.dcard-t p{font-size:14.5px;color:var(--ink2);line-height:1.6;margin-top:6px;max-width:46ch}
.btn-dc{display:inline-flex;align-items:center;gap:9px;background:#5865f2;color:#fff;font-weight:700;font-size:15.5px;padding:15px 24px;border-radius:14px;box-shadow:0 10px 28px rgba(88,101,242,.35);transition:filter .15s,transform .15s}
.btn-dc:hover{filter:brightness(1.1);color:#fff}
.btn-dc:active{transform:scale(.98)}
.orline{display:flex;align-items:center;gap:16px;margin:44px 0 0;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:2px;color:var(--mid2)}
.orline::before,.orline::after{content:'';height:1px;flex:1;background:var(--line)}
.mailrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px;font-size:15.5px;color:var(--ink2)}
.mailrow a{font-family:var(--mono);font-size:15px;border-bottom:1px solid var(--line2);padding-bottom:2px}
.mailrow a:hover{border-color:var(--line3)}
.tldr{background:var(--bg2);border:1px solid var(--line2);border-radius:20px;padding:26px 28px}
.prose .tldr ul{list-style:none;padding:0;margin-top:16px;display:flex;flex-direction:column;gap:12px;max-width:none}
.prose .tldr li{padding-left:24px;position:relative;font-size:15px;color:var(--ink2);line-height:1.6;margin-top:0}
.tldr li::before{content:'\25B8';position:absolute;left:0;top:0;color:var(--acc);font-size:13px;line-height:1.7}
.tierrows{display:flex;flex-direction:column;gap:12px;margin-top:26px}
.trow{background:var(--bg2);border:1px solid var(--line);border-radius:16px;padding:19px 22px}
.trow-top{display:flex;align-items:center;gap:11px;flex-wrap:wrap}
.trow-pr{font-family:var(--mono);font-size:13px;color:var(--ink2)}
.mult{font-family:var(--mono);font-size:11px;color:var(--gold);background:var(--gold-d);padding:4px 9px;border-radius:7px;margin-left:auto;white-space:nowrap}
.prose .trow p{margin-top:10px;font-size:14.5px;color:var(--mid);line-height:1.6}
.modecard{background:var(--bg2);border:1px solid var(--line2);border-radius:20px;padding:28px 26px;margin-top:24px}
.prose .modecard h3{font-family:var(--disp);font-size:30px;letter-spacing:.6px;margin-top:0;font-weight:400}
.prose .modecard p{font-size:15px;max-width:none}
.arena-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}
.arule{background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:16px 18px}
.arule .l{font-family:var(--mono);font-size:9.5px;text-transform:uppercase;letter-spacing:1.4px;color:var(--mid)}
.arule .v{font-family:var(--mono);font-size:14.5px;color:var(--acc);margin-top:6px;line-height:1.4}
.mole-row{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}
.mole{flex:1;min-width:200px;border-radius:14px;padding:16px 18px;border:1px solid}
.mole.more{border-color:rgba(127,227,168,.3);background:var(--pos-d)}
.mole.less{border-color:rgba(251,140,126,.28);background:var(--neg-d)}
.mole .k{font-family:var(--mono);font-size:12px;letter-spacing:1.6px}
.mole.more .k{color:var(--pos)}
.mole.less .k{color:var(--neg)}
.prose .mole p{font-size:14px;color:var(--ink2);margin-top:7px;line-height:1.55;max-width:none}
.weights{display:flex;gap:10px;margin-top:22px}
.wt{flex:1;background:var(--bg3);border:1px solid var(--line);border-radius:13px;padding:14px 10px;text-align:center}
.wt .n{font-family:var(--disp);font-size:27px;color:var(--acc);line-height:1}
.wt .l{font-family:var(--mono);font-size:9.5px;text-transform:uppercase;letter-spacing:1.2px;color:var(--mid);margin-top:5px}
/* artists */
.art-tools{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:28px}
.search{position:relative;flex:1;min-width:240px;max-width:380px}
.search input{width:100%;background:var(--bg2);border:1px solid var(--line2);border-radius:13px;padding:13px 16px 13px 42px;font-size:14.5px;outline:none;transition:border-color .15s}
.search input:focus{border-color:var(--line3)}
.search svg{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:16px;height:16px;stroke:var(--mid2);fill:none;stroke-width:2}
.art-count{font-family:var(--mono);font-size:12.5px;color:var(--mid2);white-space:nowrap}
.art-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px}
.art{display:flex;align-items:center;gap:12px;background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:12px 14px;transition:border-color .15s,background .15s}
.art:hover{border-color:var(--line2);background:var(--bg3)}
.ameta{min-width:0;flex:1;display:flex;flex-direction:column;gap:1px}
.ameta .hd{font-family:var(--mono);font-size:11px;color:var(--mid);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.alinks{display:flex;gap:6px;flex-shrink:0}
.alink{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--bg3);border:1px solid var(--line);color:var(--mid2);transition:color .15s,border-color .15s,background .15s}
.alink svg{width:14px;height:14px;fill:currentColor}
.alink.sp:hover{color:#1ed760;border-color:rgba(30,215,96,.5);background:rgba(30,215,96,.12)}
.alink.ig:hover{color:#f0a;border-color:rgba(255,0,170,.45);background:rgba(255,0,170,.1)}
.art .av{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-family:var(--disp);font-size:16px;letter-spacing:.5px;color:var(--acc);background:linear-gradient(150deg,rgba(184,163,252,.22),rgba(184,163,252,.06));border:1px solid var(--line);flex-shrink:0}
.art .nm{font-size:14.5px;font-weight:600;letter-spacing:-.2px;white-space:normal;overflow-wrap:break-word;line-height:1.25}
.art-empty{font-family:var(--mono);font-size:14px;color:var(--mid2);padding:40px 0;text-align:center;display:none}

/* forms */
.form{display:flex;flex-direction:column;gap:16px;max-width:560px;margin-top:32px}
.field{display:flex;flex-direction:column;gap:7px}
.field label{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:1.6px;color:var(--mid)}
.field input,.field textarea{background:var(--bg2);border:1px solid var(--line2);border-radius:13px;padding:14px 16px;font-size:15px;outline:none;transition:border-color .15s;width:100%}
.field input:focus,.field textarea:focus{border-color:var(--line3)}
.field textarea{min-height:120px;resize:vertical;line-height:1.6}
.field .hint{font-size:12.5px;color:var(--mid2)}
.form button{align-self:flex-start;margin-top:6px;cursor:pointer;border:0;font-family:var(--sans)}
.form-msg{font-family:var(--mono);font-size:13px;padding:12px 16px;border-radius:12px;display:none}
.form-msg.ok{display:block;color:var(--pos);background:var(--pos-d)}
.form-msg.err{display:block;color:var(--neg);background:var(--neg-d)}

/* contact cards */
.ccards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:36px}
.ccard{background:var(--bg2);border:1px solid var(--line);border-radius:18px;padding:26px 24px}
.ccard h3{font-family:var(--disp);font-size:24px;letter-spacing:.6px}
.ccard p{font-size:14.5px;color:var(--mid);line-height:1.6;margin-top:9px;text-wrap:pretty}
.ccard .lnk{display:inline-block;margin-top:14px;font-family:var(--mono);font-size:13.5px;color:var(--acc);border-bottom:1px solid var(--line2);padding-bottom:2px}
.ccard .lnk:hover{color:var(--ink);border-color:var(--line3)}

/* footer */
.foot{border-top:1px solid var(--line);padding:64px 0 0;background:rgba(13,11,18,.7)}
.foot-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:44px}
.foot-brand{display:flex;align-items:center;gap:9px;color:inherit}
.foot-brand img{width:28px;height:28px}
.foot-brand span{font-family:var(--disp);font-size:19px;letter-spacing:.6px}
.foot-tag{font-size:14px;color:var(--mid);margin-top:12px;max-width:34ch;line-height:1.6}
.news{margin-top:22px;max-width:330px}
.news .nl{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:1.8px;color:var(--acc)}
.news .nd{font-size:13.5px;color:var(--mid);margin-top:7px;line-height:1.55}
.news form{display:flex;gap:8px;margin-top:12px}
.news input{flex:1;min-width:0;background:var(--bg2);border:1px solid var(--line2);border-radius:11px;padding:11px 14px;font-size:14px;outline:none;transition:border-color .15s}
.news input:focus{border-color:var(--line3)}
.news button{background:linear-gradient(135deg,var(--acc),var(--acc2));color:#15111e;font-weight:700;font-size:14px;padding:11px 16px;border-radius:11px;border:0;cursor:pointer;white-space:nowrap;transition:filter .15s}
.news button:hover{filter:brightness(1.08)}
.news .form-msg{margin-top:10px;font-size:12px}
.fsocial{display:flex;gap:8px;margin-top:24px;flex-wrap:wrap}
.fsoc{display:inline-flex;align-items:center;gap:8px;padding:9px 14px 9px 12px;border-radius:11px;background:var(--bg2);border:1px solid var(--line2);color:var(--ink2);font-size:13.5px;font-weight:600;transition:color .15s,border-color .15s,background .15s}
.fsoc svg{width:16px;height:16px;fill:currentColor}
.fsoc.dc:hover{color:#fff;border-color:rgba(88,101,242,.7);background:rgba(88,101,242,.22)}
.fsoc.ig:hover{color:#fff;border-color:rgba(255,0,170,.55);background:rgba(255,0,170,.16)}
.fsoc.x:hover{color:#fff;border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.12)}
.fcol h4{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:1.8px;color:var(--mid2);font-weight:400}
.fcol ul{list-style:none;margin-top:16px;display:flex;flex-direction:column;gap:11px}
.fcol a{font-size:14.5px;color:var(--ink2);transition:color .15s}
.fcol a:hover{color:var(--acc)}
.foot-bot{margin-top:56px;border-top:1px solid var(--line);padding:26px 0 34px;display:flex;justify-content:space-between;align-items:flex-start;gap:28px;flex-wrap:wrap}
.disclaimer{font-family:var(--mono);font-size:11.5px;color:var(--mid2);line-height:1.7;max-width:74ch}
.foot-copy{font-family:var(--mono);font-size:11.5px;color:var(--mid2);white-space:nowrap}

@media(max-width:760px){.compare{grid-template-columns:1fr}}
@media(max-width:1000px){
  .foot-top{grid-template-columns:1fr 1fr;gap:36px}
  .foot-brand-col{grid-column:1/-1}
}
@media(max-width:920px){
  .nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:2px;background:rgba(12,10,17,.98);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);padding:12px 20px 18px;margin:0}
  .nav-links.open{display:flex}
  .nav-links a{padding:13px 12px;font-size:16px}
  .nav-tog{display:block}
  .hero-in{grid-template-columns:1fr}
  .hero-visual{order:-1;max-width:320px;margin:0 auto 12px}
  .pitch-in{grid-template-columns:1fr}
  .pitch-visual{order:-1}
  .steps{grid-template-columns:1fr}
  .lad-row{grid-template-columns:1fr;gap:12px}
  .lad-bar{width:100%}
  .late-in{grid-template-columns:1fr;gap:28px;padding:44px 0}
  .late{padding:64px 0}
}
@media(max-width:640px){
  .arena-rules{grid-template-columns:1fr}
  .tldr{padding:22px 20px}
  .modecard{padding:24px 20px}
  .trow{padding:17px 18px}
  .mult{margin-left:0}
  .wrap,.wrap-n,.nav-in{padding-left:20px;padding-right:20px}
  .hero{padding:44px 0 40px}
  section{padding:64px 0}
  .hand{font-size:30px}
  .foot-top{grid-template-columns:1fr;gap:32px}
  .btn-nav span.full{display:none}
  .nav-in{gap:12px}
  .nav-right{gap:8px}
  .brand .bn{font-size:17px}
  .brand img{width:27px;height:27px}
  .icon-btn,.nav-tog{width:42px;height:42px}
  .btn-nav{padding:12px 16px}
  .presents{font-size:10px;letter-spacing:1.6px;padding:6px 11px}
  .hero .lede{font-size:16px;margin-top:18px}
  .cta-row{gap:10px;margin-top:26px}
  .cta-row .btn-primary,.cta-row .btn-ghost{flex:1 1 100%;justify-content:center;padding:17px 22px}
  .btn-primary.lg{font-size:18px;padding:18px 26px;width:100%;justify-content:center}
  .hero-visual{max-width:280px}
  .coin-float{width:62px;height:62px;top:-22px;right:0}
  .step{padding:24px 22px}
  .lad-row{padding:18px 20px}
  .faq-item summary{padding:18px 18px;font-size:15px}
  .faq-a{padding:0 18px 18px}
  .prose{padding:48px 0 72px}
  .prose h2{margin-top:44px}
  .callout,.callout.lg{padding:20px 20px}
  .cmp{padding:22px 20px}
  .field input,.field textarea,.news input,.search input{font-size:16px}
  .form button{align-self:stretch;justify-content:center}
  .dcard{padding:22px 20px;gap:16px}
  .btn-dc{width:100%;justify-content:center}
  .art{padding:11px 12px}
  .alinks{gap:8px}
  .alink{width:40px;height:40px}
  .alink svg{width:16px;height:16px}
  .fsoc{padding:11px 15px 11px 13px}
  .foot{padding-top:52px}
  .foot-bot{margin-top:40px;gap:18px}
  .foot-copy{white-space:normal}
  .disclaimer{font-size:11px}
}
@media(max-width:400px){
  .wrap,.wrap-n,.nav-in{padding-left:16px;padding-right:16px}
  .brand .bn{font-size:16px}
  .hero h1{font-size:42px}
  .news form{flex-direction:column}
  .news button{width:100%}
  .art-tools{gap:10px}
  .search{max-width:none}
  .fsocial{gap:7px}
  .fsoc{font-size:13px;padding:10px 13px 10px 11px}
}

/* large screens: the shell above now widens, so the artwork has to grow with it.
   The hero and pitch sections put a fixed-width card in their right column, and
   left alone it strands a hole in the middle of a wide layout. Body copy keeps
   its reading width - only the display type and the cards scale. */
@media(min-width:1500px){
  .hero .lede{max-width:56ch;font-size:17.5px}
  .mock-card{max-width:370px}
  .flex-card{max-width:440px}
  .pitch-text p{max-width:54ch}
  .late-in{gap:72px}
  /* anchor the artwork to the outer edge instead of floating it mid-column,
     so it lines up with the nav button above it */
  .hero-visual{justify-content:flex-end}
  .flex-card{margin-right:0}
}
@media(min-width:1900px){
  .hero h1{font-size:96px}
  .mock-card{max-width:430px}
  .flex-card{max-width:500px}
  .coin-float{width:92px;height:92px;top:-38px}
}