/* Rampart landing: two themes from one set of variables (dark is the default). */
:root {
  --bg:#0c0d10; --surface:#14161b; --surface2:#1b1e24; --line:rgba(255,255,255,.08); --line2:rgba(255,255,255,.14);
  --text:#e9eaee; --muted:#959aa6; --brand:#8a94ff; --brand-ink:#0c0d10;
  --up:#33c27a; --down:#ef5b5b; --warn:#e3a73f; --link:#f0884a;
  --shadow:0 30px 80px -30px rgba(0,0,0,.7); --navbg:rgba(12,13,16,.72);
  --sans:'Inter','Segoe UI Variable Text','Segoe UI',-apple-system,'SF Pro Text',system-ui,sans-serif;
  --display:'Inter Display','Segoe UI Variable Display','Segoe UI',-apple-system,'SF Pro Display',system-ui,sans-serif;
  --num:ui-monospace,'SF Mono','Cascadia Mono',Consolas,monospace;
  color-scheme:dark;
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme=dark]) {
    --bg:#f6f6f3; --surface:#ffffff; --surface2:#f0f0ec; --line:rgba(0,0,0,.08); --line2:rgba(0,0,0,.14);
    --text:#15161a; --muted:#5f646e; --brand:#4b58dc; --brand-ink:#ffffff;
    --up:#1c9a57; --down:#d63c3c; --warn:#b7791f; --link:#d0642a;
    --shadow:0 30px 70px -35px rgba(30,30,50,.35); --navbg:rgba(246,246,243,.78); color-scheme:light;
  }
}
:root[data-theme=light] {
  --bg:#f6f6f3; --surface:#ffffff; --surface2:#f0f0ec; --line:rgba(0,0,0,.08); --line2:rgba(0,0,0,.14);
  --text:#15161a; --muted:#5f646e; --brand:#4b58dc; --brand-ink:#ffffff;
  --up:#1c9a57; --down:#d63c3c; --warn:#b7791f; --link:#d0642a;
  --shadow:0 30px 70px -35px rgba(30,30,50,.35); --navbg:rgba(246,246,243,.78); color-scheme:light;
}

* { box-sizing:border-box; margin:0; padding:0; }
html { background:var(--bg); scroll-behavior:smooth; scroll-padding-top:80px; }
body { color:var(--text); font:16px/1.6 var(--sans); -webkit-font-smoothing:antialiased; transition:background-color .25s, color .25s; }
a { color:inherit; text-decoration:none; }
button { font:inherit; color:inherit; }
[hidden] { display:none !important; }
.muted { color:var(--muted); }
.up { color:var(--up); } .down { color:var(--down); } .warnc { color:var(--warn); }
:focus-visible { outline:2px solid var(--brand); outline-offset:2px; border-radius:6px; }

/* navigation: sticky, gains a backdrop after the first scroll */
.nav { position:sticky; top:0; z-index:20; border-bottom:1px solid transparent; transition:background-color .2s, border-color .2s; }
.nav.scrolled { background:var(--navbg); border-bottom-color:var(--line); -webkit-backdrop-filter:saturate(1.4) blur(12px); backdrop-filter:saturate(1.4) blur(12px); }
.nav-in { display:flex; align-items:center; gap:28px; width:min(1160px, 100% - 48px); margin:0 auto; padding:16px 0; }
.logo { display:flex; align-items:center; gap:10px; font:620 18px/1 var(--display); letter-spacing:-.01em; }
.logo svg { width:24px; height:24px; fill:var(--brand); }
.logo.small { font-size:15px; } .logo.small svg { width:18px; height:18px; }
.links { display:flex; gap:26px; margin-left:auto; font-size:15px; color:var(--muted); }
.links a { transition:color .15s; } .links a:hover { color:var(--text); }
.theme { width:38px; height:38px; display:grid; place-items:center; border-radius:10px; border:1px solid var(--line2); background:var(--surface); cursor:pointer; transition:border-color .15s; }
.theme:hover { border-color:var(--muted); }
.theme svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; }
.theme .moon { fill:currentColor; stroke:none; }
:root[data-theme=light] .theme .sun, :root[data-theme=dark] .theme .moon { display:none; }
@media (prefers-color-scheme: light) { :root:not([data-theme]) .theme .sun { display:none; } }
@media (prefers-color-scheme: dark) { :root:not([data-theme]) .theme .moon { display:none; } }

main { width:min(1160px, 100% - 48px); margin:0 auto; }

/* hero */
.hero { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:56px; align-items:center; padding:48px 0 72px; }
.status { display:inline-flex; align-items:center; gap:8px; font-size:14px; color:var(--muted); padding:6px 12px; border:1px solid var(--line2); border-radius:999px; background:var(--surface); }
.dot { width:7px; height:7px; border-radius:50%; background:var(--up); flex:none; }
.pulse { box-shadow:0 0 0 0 color-mix(in srgb, var(--up) 60%, transparent); animation:ring 2.4s infinite; }
@keyframes ring { 70% { box-shadow:0 0 0 7px transparent; } 100% { box-shadow:0 0 0 0 transparent; } }
h1 { font:680 clamp(40px, 5.2vw, 64px)/1.03 var(--display); letter-spacing:-.04em; margin:22px 0 20px; }
h1 .grad { color:var(--brand); }
.lead { font-size:19px; color:var(--muted); max-width:520px; }
.cta { display:flex; gap:12px; flex-wrap:wrap; margin-top:30px; }
.btn { display:inline-flex; align-items:center; gap:8px; height:46px; padding:0 20px; border-radius:12px; font-weight:560; font-size:15px; border:1px solid var(--line2); background:var(--surface); transition:transform .15s, border-color .15s; }
.btn:hover { border-color:var(--muted); transform:translateY(-1px); }
.btn.primary { background:var(--brand); color:var(--brand-ink); border-color:transparent; }
.try { display:flex; align-items:center; gap:12px; margin-top:34px; font-size:14px; flex-wrap:wrap; }
.chips { display:flex; gap:6px; }
.chip { display:inline-flex; align-items:center; gap:7px; height:34px; padding:0 13px; border-radius:999px; border:1px solid var(--line2); background:var(--surface); cursor:pointer; font-weight:560; font-size:13px; font-family:var(--num); transition:border-color .15s, background-color .15s; }
.chip:hover { border-color:var(--muted); }
.chip.on { border-color:var(--brand); background:color-mix(in srgb, var(--brand) 12%, var(--surface)); }
.chip i { width:8px; height:8px; border-radius:50%; } .chip i.g { background:var(--up); } .chip i.y { background:var(--warn); } .chip i.r { background:var(--down); }

/* product shot */
.shot { background:var(--surface); border:1px solid var(--line2); border-radius:18px; box-shadow:var(--shadow); font-size:14px; overflow:hidden; }
.shot-bar { display:flex; align-items:center; gap:6px; padding:10px 14px; border-bottom:1px solid var(--line); background:var(--surface2); }
.shot-bar span { width:10px; height:10px; border-radius:50%; background:var(--line2); }
.shot-bar em { font-style:normal; font-size:12px; color:var(--muted); margin-left:10px; font-family:var(--num); }
.shot-in { padding:18px 20px 20px; transition:opacity .16s; }
.shot.swap .shot-in { opacity:.35; }
.shot-top { display:flex; justify-content:space-between; align-items:center; }
.tk { display:flex; gap:12px; align-items:center; }
.tk-logo { width:40px; height:40px; border-radius:12px; display:grid; place-items:center; font-weight:700; background:var(--surface2); color:var(--brand); }
.tk b, .tk-price b { display:block; font-size:16px; }
.tk small, .tk-price small { color:var(--muted); font-size:13px; }
.tk-price { text-align:right; font-variant-numeric:tabular-nums; }
.tk-price b { font-family:var(--num); }
.tk-price small.up { color:var(--up); } .tk-price small.down { color:var(--down); }
.verdict { --vc:var(--up); display:flex; gap:12px; align-items:center; margin:16px 0 8px; padding:12px 14px; border-radius:12px;
  background:color-mix(in srgb, var(--vc) 9%, transparent); border:1px solid color-mix(in srgb, var(--vc) 30%, transparent); transition:background-color .25s, border-color .25s; }
.verdict.mid { --vc:var(--warn); } .verdict.bad { --vc:var(--down); }
.verdict b { display:block; font-size:14px; } .verdict small { color:var(--muted); font-size:13px; }
.score { min-width:40px; height:32px; display:grid; place-items:center; border-radius:8px; background:var(--vc); color:#0c0d10; font:700 15px/1 var(--num); flex:none; }
.verdict.bad .score { color:#fff; }
.chart { width:100%; height:200px; display:block; margin:6px 0 4px; overflow:visible; }
.chart .grid line { stroke:var(--line); stroke-width:1; }
.chart .c { transform-box:fill-box; transform-origin:center bottom; opacity:0; transform:scaleY(.4); transition:opacity .35s ease var(--d,0ms), transform .45s cubic-bezier(.2,.8,.2,1) var(--d,0ms); }
.chart .c.in { opacity:1; transform:none; }
.chart .up rect:first-of-type { fill:var(--up); } .chart .up line { stroke:var(--up); stroke-width:1.5; }
.chart .dn rect:first-of-type { fill:var(--down); } .chart .dn line { stroke:var(--down); stroke-width:1.5; }
.chart rect.v { fill:var(--line2); }
.chart .mk.buy { fill:var(--warn); } .chart .mk.sell { fill:var(--down); }
.stats { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--line); border:1px solid var(--line); border-radius:12px; overflow:hidden; }
.stats div { background:var(--surface); padding:10px 12px; }
.stats small { display:block; color:var(--muted); font-size:12px; }
.stats b { font:600 15px/1.4 var(--num); }

/* number strip */
.strip { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.strip div { padding:26px 20px 26px 0; }
.strip div + div { padding-left:24px; border-left:1px solid var(--line); }
.strip b { display:block; font:650 30px/1.2 var(--display); letter-spacing:-.02em; font-variant-numeric:tabular-nums; }
.strip span { color:var(--muted); font-size:14px; }

/* sections */
.eyebrow { color:var(--brand); font-weight:600; font-size:14px; margin-bottom:10px; }
section h2 { font:660 clamp(28px, 3.4vw, 42px)/1.1 var(--display); letter-spacing:-.03em; }
.section-lead { color:var(--muted); font-size:18px; margin-top:12px; max-width:560px; }
.checks { padding:96px 0 24px; }
.feature { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:64px; align-items:center; padding:64px 0; border-bottom:1px solid var(--line); }
.feature:last-child { border-bottom:none; }
.feature.flip .feature-copy { order:2; }
.num { display:inline-block; font:600 13px/1 var(--num); color:var(--brand); border:1px solid color-mix(in srgb, var(--brand) 40%, transparent); padding:5px 8px; border-radius:8px; margin-bottom:16px; }
.feature h3 { font:640 26px/1.2 var(--display); letter-spacing:-.02em; margin-bottom:12px; }
.feature p { color:var(--muted); font-size:17px; max-width:470px; }
.feature p.also { font-size:15px; margin-top:12px; }
.mini { position:relative; background:var(--surface); border:1px solid var(--line2); border-radius:16px; padding:18px; font-size:14px; box-shadow:var(--shadow); }
.mini-title { display:flex; justify-content:space-between; align-items:center; gap:10px; font-weight:600; margin-bottom:8px; }
.badge { font-size:12px; font-weight:500; color:var(--up); background:color-mix(in srgb, var(--up) 12%, transparent); padding:3px 9px; border-radius:999px; }
.li { display:grid; grid-template-columns:90px 1fr auto; align-items:center; gap:10px; padding:10px 0; border-top:1px solid var(--line); font-family:var(--num); font-size:13px; }
.li .muted { font-family:var(--sans); font-size:14px; }
.pill { font-family:var(--sans); font-size:12px; padding:3px 9px; border-radius:999px; }
.pill.g { color:var(--up); background:color-mix(in srgb, var(--up) 12%, transparent); }
.pill.y { color:var(--warn); background:color-mix(in srgb, var(--warn) 14%, transparent); }

/* holder map */
.map svg { width:100%; height:auto; display:block; overflow:visible; }
.map circle { cursor:pointer; transition:opacity .2s, transform .2s; transform-box:fill-box; transform-origin:center; }
.map circle:hover { transform:scale(1.06); }
.map circle.dim { opacity:.25; }
.map .b { fill:var(--surface2); stroke:var(--line2); }
.map .l { fill:color-mix(in srgb, var(--link) 78%, transparent); }
.map .s { fill:color-mix(in srgb, var(--down) 72%, transparent); }
.map .links line { stroke:var(--link); stroke-width:2; opacity:.7; stroke-dasharray:4 4; animation:flow 1.6s linear infinite; }
@keyframes flow { to { stroke-dashoffset:-16; } }
.legend { display:flex; gap:16px; flex-wrap:wrap; margin-top:8px; font-size:13px; color:var(--muted); }
.legend i { display:inline-block; width:9px; height:9px; border-radius:50%; margin-right:6px; }
.legend i.l { background:var(--link); } .legend i.s { background:var(--down); } .legend i.b { background:var(--line2); }
.tip { position:absolute; width:230px; padding:8px 10px; border-radius:10px; background:var(--text); color:var(--bg); font-size:12px; line-height:1.4; pointer-events:none; z-index:3; font-family:var(--num); }

/* exit order demo */
.state { font-size:12px; font-weight:500; padding:3px 9px; border-radius:999px; color:var(--muted); background:var(--surface2); transition:color .2s, background-color .2s; }
.order.fired .state { color:#fff; background:var(--down); }
.row2 { display:flex; justify-content:space-between; gap:12px; padding:10px 0; border-top:1px solid var(--line); }
.sim { display:block; margin-top:14px; font-size:14px; }
.sim span { display:flex; justify-content:space-between; color:var(--muted); margin-bottom:8px; }
.sim b { color:var(--text); font-family:var(--num); }
input[type=range] { --p:0%; -webkit-appearance:none; appearance:none; width:100%; height:6px; border-radius:999px; cursor:pointer;
  background:linear-gradient(to right, var(--brand) var(--p), var(--line2) var(--p)); }
input[type=range]::-webkit-slider-thumb { -webkit-appearance:none; width:20px; height:20px; border-radius:50%; background:var(--surface); border:2px solid var(--brand); box-shadow:0 2px 8px rgba(0,0,0,.25); }
input[type=range]::-moz-range-thumb { width:18px; height:18px; border-radius:50%; background:var(--surface); border:2px solid var(--brand); }
.order.fired input[type=range] { background:linear-gradient(to right, var(--down) var(--p), var(--line2) var(--p)); }
.order.fired input[type=range]::-webkit-slider-thumb { border-color:var(--down); }
.armed { display:flex; align-items:center; gap:8px; margin-top:14px; padding:10px 12px; border-radius:10px; background:var(--surface2); font-size:13px; color:var(--muted); transition:background-color .2s, color .2s; }
.order.fired .armed { background:color-mix(in srgb, var(--up) 12%, transparent); color:var(--text); }

/* creators */
.creators { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:64px; align-items:center; padding:96px 0; border-top:1px solid var(--line); }
.creators p { color:var(--muted); font-size:17px; margin-top:16px; max-width:520px; }
.ticks { list-style:none; margin-top:22px; display:grid; gap:10px; }
.ticks li { position:relative; padding-left:28px; font-size:15px; }
.ticks li::before { content:''; position:absolute; left:0; top:4px; width:16px; height:16px; border-radius:50%; background:color-mix(in srgb, var(--up) 16%, transparent); }
.ticks li::after { content:''; position:absolute; left:5px; top:8px; width:6px; height:3px; border-left:2px solid var(--up); border-bottom:2px solid var(--up); transform:rotate(-45deg); }
.earn { background:var(--surface); border:1px solid var(--line2); border-radius:16px; padding:22px; box-shadow:var(--shadow); }
.calc-head { display:flex; justify-content:space-between; font-size:13px; }
.calc-head small { color:var(--muted); font-size:13px; }
.earn > b { display:block; font:650 40px/1.15 var(--num); margin:6px 0 4px; letter-spacing:-.02em; font-variant-numeric:tabular-nums; }
.seg { display:flex; align-items:center; gap:6px; margin-top:16px; font-size:14px; flex-wrap:wrap; }
.seg .muted { margin-right:auto; }
.seg button { height:32px; min-width:48px; padding:0 10px; border-radius:9px; border:1px solid var(--line2); background:var(--surface); cursor:pointer; font-family:var(--num); font-size:13px; }
.seg button.on { border-color:var(--brand); background:color-mix(in srgb, var(--brand) 12%, var(--surface)); }
.earn-rows { display:grid; grid-template-columns:1fr auto; gap:8px 12px; font-size:14px; padding-top:14px; margin-top:16px; border-top:1px solid var(--line); }
.earn-rows span:nth-child(odd) { color:var(--muted); }
.earn-rows span:nth-child(even) { font-family:var(--num); }
.fine { font-size:12px; margin-top:12px; }

/* faq */
.faq { padding:96px 0 72px; border-top:1px solid var(--line); display:grid; grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); gap:64px; }
.qa details { border-bottom:1px solid var(--line); }
.qa summary { list-style:none; cursor:pointer; padding:20px 36px 20px 0; position:relative; font-weight:560; font-size:17px; }
.qa summary::-webkit-details-marker { display:none; }
.qa summary::after { content:'+'; position:absolute; right:4px; top:16px; font-size:22px; color:var(--muted); transition:transform .2s; }
.qa details[open] summary::after { transform:rotate(45deg); }
.qa details p { color:var(--muted); padding:0 0 20px; max-width:640px; }

/* facts */
.facts { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; padding:0 0 96px; }
.facts div { padding:22px; border:1px solid var(--line); border-radius:14px; background:var(--surface); }
.facts b { display:block; font:640 20px/1.3 var(--display); }
.facts span { color:var(--muted); font-size:15px; }

footer { border-top:1px solid var(--line); }
.foot-in { width:min(1160px, 100% - 48px); margin:0 auto; padding:28px 0 40px; display:flex; gap:24px; align-items:center; flex-wrap:wrap; justify-content:space-between; font-size:14px; }

/* gentle reveal */
.reveal { opacity:0; transform:translateY(14px); transition:opacity .6s ease, transform .6s cubic-bezier(.2,.8,.2,1); }
.reveal.in { opacity:1; transform:none; }

@media (max-width:960px) {
  .hero, .feature, .creators, .faq { grid-template-columns:1fr; gap:36px; }
  .feature.flip .feature-copy { order:0; }
  .hero { padding:28px 0 56px; }
  .strip { grid-template-columns:repeat(2,1fr); }
  .strip div:nth-child(3) { padding-left:0; border-left:none; }
  .strip div:nth-child(n+3) { border-top:1px solid var(--line); }
}
@media (max-width:640px) {
  .nav-in, main, .foot-in { width:calc(100% - 32px); }
  .links a:not([id]) { display:none; }
  h1 { font-size:38px; }
  .lead, .section-lead { font-size:17px; }
  .stats { grid-template-columns:repeat(2,1fr); }
  .facts { grid-template-columns:1fr; }
  .shot-in { padding:14px; }
  .strip b { font-size:24px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation:none !important; transition:none !important; }
  .reveal, .chart .c { opacity:1; transform:none; }
  html { scroll-behavior:auto; }
}
.hero.single { grid-template-columns:1fr; }
.creators .earn p.fine { font-size:12px; margin-top:12px; line-height:1.5; }

/* how it works: the four-step flow */
.flow { list-style:none; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin:40px 0 8px; counter-reset:none; }
.flow li { position:relative; padding:20px; border:1px solid var(--line); border-radius:14px; background:var(--surface); }
.flow li + li::before { content:''; position:absolute; left:-15px; top:34px; width:14px; height:1px; background:var(--line2); }
.flow span { display:inline-grid; place-items:center; width:28px; height:28px; border-radius:8px; font:600 13px/1 var(--num); color:var(--brand); background:color-mix(in srgb, var(--brand) 12%, transparent); margin-bottom:12px; }
.flow b { display:block; font:620 17px/1.3 var(--display); margin-bottom:6px; }
.flow small { display:block; color:var(--muted); font-size:14px; line-height:1.5; }

/* tracker example */
.feed .fr { display:grid; grid-template-columns:36px 1fr auto 70px 70px; gap:10px; align-items:center; padding:10px 0; border-top:1px solid var(--line); font-size:13px; }
.feed .fr span:nth-child(2), .feed .fr span:nth-child(4), .feed .amt { font-family:var(--num); }
.feed .amt { text-align:right; }
.pill.r { color:var(--down); background:color-mix(in srgb, var(--down) 12%, transparent); }
.badge.live { display:inline-flex; align-items:center; gap:6px; }

@media (max-width:960px) { .flow { grid-template-columns:1fr 1fr; } .flow li + li::before { display:none; } }
@media (max-width:640px) { .flow { grid-template-columns:1fr; } .feed .fr { grid-template-columns:30px 1fr auto 56px; } .feed .amt { display:none; } }

/* language picker */
.lang { position:relative; display:flex; align-items:center; height:38px; border:1px solid var(--line2); border-radius:10px; background:var(--surface); padding:0 8px 0 10px; gap:6px; cursor:pointer; }
.lang:hover { border-color:var(--muted); }
.lang svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.6; color:var(--muted); flex:none; }
.lang select { appearance:none; -webkit-appearance:none; border:none; background:transparent; color:var(--text); font:500 14px/1 var(--sans); cursor:pointer; padding-right:14px; outline:none;
  background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);
  background-position:right 4px center, right 0 center; background-size:4px 4px, 4px 4px; background-repeat:no-repeat; }
.lang select option { color:#15161a; background:#fff; }
.nav-in { gap:16px; } .links { margin-right:12px; }

/* Chinese, Japanese and Korean: no negative tracking, a little more line height */
:lang(zh) h1, :lang(ja) h1, :lang(ko) h1, :lang(zh) h2, :lang(ja) h2, :lang(ko) h2 { letter-spacing:0; line-height:1.18; }
:lang(ko) body { word-break:keep-all; }
:lang(ja) body, :lang(zh) body { line-break:strict; }
@media (max-width:640px) { .lang select { max-width:96px; } }
.stats b#s4 { font-family:var(--sans); }

/* airdrop */
.airdrop { padding:96px 0; border-top:1px solid var(--line); }
.pts li + li::before { display:none; }
.pts .w { display:inline-block; font-style:normal; font-size:12px; font-weight:600; padding:3px 9px; border-radius:999px; margin-bottom:12px; color:var(--brand); background:color-mix(in srgb, var(--brand) 12%, transparent); }
.pts .w.bonus { color:var(--muted); background:var(--surface2); }
.pts li.main { border-color:color-mix(in srgb, var(--brand) 55%, var(--line)); background:color-mix(in srgb, var(--brand) 6%, var(--surface)); }
.fair { display:grid; grid-template-columns:auto 1fr; gap:10px 32px; align-items:center; margin-top:14px; padding:20px 22px; border:1px solid var(--line); border-radius:14px; background:var(--surface); }
.fair > b { font:620 17px/1.3 var(--display); }
.fair .ticks { margin:0; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px 20px; }
.fair .fine { grid-column:1 / -1; font-size:13px; line-height:1.5; padding-top:12px; border-top:1px solid var(--line); }
@media (max-width:960px) { .fair { grid-template-columns:1fr; } .fair .ticks { grid-template-columns:1fr; } }

/* softer data colors: the same green, red and amber, without the glow */
:root { --up:#3fae76; --down:#df625f; --warn:#cf9a42; }
@media (prefers-color-scheme: light) { :root:not([data-theme=dark]) { --up:#1f8a55; --down:#c4473f; --warn:#a2701c; } }
:root[data-theme=light] { --up:#1f8a55; --down:#c4473f; --warn:#a2701c; }
/* verdict in the product card: keeps its color, as a quiet tint; the score sits in a solid, darker swatch */
.verdict { background:color-mix(in srgb, var(--vc) 6%, var(--surface)); border-color:color-mix(in srgb, var(--vc) 22%, var(--line)); }
.score { background:color-mix(in srgb, var(--vc) 70%, #0c0d10); color:#fff; }
.verdict.bad .score { color:#fff; }

/* launch boost line in the airdrop section */
.boost { margin-top:18px; display:inline-flex; gap:10px; align-items:baseline; flex-wrap:wrap; padding:10px 16px; border-radius:12px; border:1px solid color-mix(in srgb, var(--brand) 35%, var(--line)); background:color-mix(in srgb, var(--brand) 7%, var(--surface)); color:var(--muted); font-size:15px; max-width:760px; }
.boost b { color:var(--brand); font:650 16px/1.3 var(--display); }

/* share on X button */
.btn .xlogo { width:16px; height:16px; fill:currentColor; }
.btn .x2 { margin-left:2px; padding:3px 8px; border-radius:999px; font-size:12.5px; font-weight:650; letter-spacing:.01em; background:color-mix(in srgb, var(--brand-ink) 16%, transparent); white-space:nowrap; }

/* share with your invite link */
.sharebox { margin-top:16px; max-width:560px; padding:16px; border:1px solid var(--line2); border-radius:14px; background:var(--surface); }
.sharebox[hidden], .myref[hidden], .sb-err[hidden] { display:none; }
.sb-label { margin:0 0 10px; font-weight:600; }
.sb-row { display:flex; gap:8px; flex-wrap:wrap; }
.sb-row input { flex:1 1 240px; min-width:0; height:46px; padding:0 14px; border-radius:12px; border:1px solid var(--line2); background:transparent; color:inherit; font:14px/1 ui-monospace, Consolas, monospace; }
.sb-row input:focus { outline:none; border-color:var(--brand); }
.sb-err { margin:8px 0 0; color:var(--down); font-size:14px; }
.sb-note { margin:10px 0 0; color:var(--muted); font-size:13.5px; line-height:1.5; }
.linkbtn { background:none; border:0; padding:0; color:var(--brand); font:inherit; cursor:pointer; text-decoration:underline; text-underline-offset:3px; }
.myref { margin-top:12px; color:var(--muted); font-size:14px; }
.myref code { color:inherit; font:13px ui-monospace, Consolas, monospace; }

/* before-launch quest */
.quest { display:grid; grid-template-columns:auto 1fr auto; gap:14px 28px; align-items:center; margin-top:14px; padding:20px 22px; border:1px solid color-mix(in srgb, var(--brand) 35%, var(--line)); border-radius:14px; background:color-mix(in srgb, var(--brand) 5%, var(--surface)); }
.quest > b { font:620 17px/1.3 var(--display); }
.quest ol { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px 20px; }
.quest li { display:flex; gap:10px; align-items:flex-start; }
.quest li span { flex:none; width:24px; height:24px; border-radius:50%; display:grid; place-items:center; font-size:13px; font-weight:650; color:var(--brand); background:color-mix(in srgb, var(--brand) 14%, transparent); }
.quest li p { margin:0; color:var(--muted); font-size:14.5px; line-height:1.45; }
@media (max-width: 900px) { .quest { grid-template-columns:1fr; } .quest ol { grid-template-columns:1fr; } .quest .btn { justify-self:start; } }
.myref.flash { color:var(--brand); }

/* legal page */
.legal { width:min(760px, 100% - 40px); padding:40px 0 80px; }
.legal h1 { font-size:clamp(32px, 4vw, 44px); margin:10px 0 12px; }
.legal h2 { font:650 26px/1.2 var(--display); letter-spacing:-.02em; margin:48px 0 10px; padding-top:12px; border-top:1px solid var(--line, rgba(127,127,127,.2)); }
.legal h3 { font-size:16px; margin:22px 0 6px; }
.legal p, .legal li { line-height:1.65; color:var(--text); }
.legal ul { padding-left:20px; }
.legal li { margin:8px 0; }
.legal-toc { margin:18px 0 8px; color:var(--muted); }
.legal-toc a, .foot-links a { color:var(--brand); text-decoration:none; }
.legal section { scroll-margin-top:80px; }
.foot-links { display:flex; gap:14px; font-size:14px; }