/* BUNS shared styles: tokens, nav, footer (every page), app pages, home + Oven board */
:root{
  --bg:#fbf7f0;
  --card:#ffffff;
  --ink:#241511;
  --dim:#7d635a;
  --faint:#a98f83;
  --line:rgba(150,100,60,.16);
  --line-soft:rgba(150,100,60,.10);
  --red:#e02840;
  --red-deep:#b8182c;
  --red-hi:#ff6b7c;
  --gold:#e9b53a;
  --gold-deep:#b98a1e;
  --gold-soft:#f9e9c4;
  --esp:#1d100c;
  --esp-2:#2a1812;
  --gain:#14783a;   /* 5.2:1 on cream, 5.6:1 on white */
  --loss:#b8182c;   /* 6.1:1 on cream */
  --sans:'Outfit',system-ui,sans-serif;
  --display:'Baloo 2',var(--sans);
  --mono:'JetBrains Mono',ui-monospace,monospace;
  --shadow-soft:0 18px 44px rgba(160,95,35,.10), 0 2px 8px rgba(160,95,35,.06);
}
*{margin:0;padding:0;box-sizing:border-box}
[hidden]{display:none !important}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:var(--sans);overflow-x:hidden;-webkit-font-smoothing:antialiased}
::selection{background:var(--red);color:#fff}
h1,h2,h3,.brand-name{font-family:var(--display);letter-spacing:-.01em}
.wrap{max-width:1280px;margin:0 auto;padding:0 clamp(20px,4vw,52px)}
.logo-img{display:block;border-radius:26%;background:#fff;
  box-shadow:0 6px 20px rgba(150,90,30,.22), 0 1px 3px rgba(150,90,30,.14)}

/* ---------- SHARED NAV + CA BAR (every page) ---------- */
.nav{position:sticky;top:0;z-index:50;background:rgba(251,247,240,.86);
  backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);
  border-bottom:1px solid var(--line-soft)}
.nav-inner{max-width:1280px;margin:0 auto;padding:0 clamp(16px,4vw,52px);height:68px;display:flex;align-items:center;gap:10px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);min-width:0}
.brand-mark{display:block;width:36px;height:36px;flex:none}
/* logo.png carries an opaque white plate outside its rim; clip every mark to the rim itself */
.brand-mark,.hero-burger img,.system-visual img,.cta-visual img,.empty img{clip-path:inset(1.8% 3.7% 1.8% 3.5% round 24%)}
.brand-word{font-family:var(--display);font-weight:800;font-size:23px;line-height:1;letter-spacing:-.01em}
.brand-tag{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--gold-deep);
  background:var(--gold-soft);border-radius:999px;padding:5px 9px;white-space:nowrap}
.nav-links{display:flex;align-items:center;gap:2px;margin-left:auto}
.nav-links a{color:var(--dim);text-decoration:none;font-size:15px;font-weight:600;
  padding:8px 14px;border-radius:999px;transition:color .25s,background .25s}
.nav-links a:hover,.nav-links a.active,.nav-links a[aria-current]{color:var(--red);background:rgba(224,40,64,.07)}
.live-pill{display:inline-flex;align-items:center;gap:7px;margin:0 6px 0 10px;padding:6px 11px;border-radius:999px;
  border:1px solid var(--line);background:#fff;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);white-space:nowrap}
.live-pill b{font-weight:500}
.live-pill i{width:7px;height:7px;border-radius:50%;background:var(--faint);flex:none}
.live-pill[data-state=live] i{background:var(--gain);box-shadow:0 0 0 0 rgba(20,120,58,.5);animation:livepulse 2s ease-out infinite}
.live-pill[data-state=live]{color:var(--gain)}
.live-pill[data-state=degraded] i{background:var(--gold)}
.live-pill[data-state=offline] i{background:var(--loss)}
.live-pill[data-state=offline]{color:var(--loss)}
@keyframes livepulse{0%{box-shadow:0 0 0 0 rgba(20,120,58,.45)}100%{box-shadow:0 0 0 8px rgba(20,120,58,0)}}
.btn-wallet{padding:10px 18px;font-size:14.5px}
.menu-btn{display:none;background:#fff;border:1px solid var(--line);border-radius:12px;
  width:42px;height:42px;margin-left:auto;flex:none;cursor:pointer;
  flex-direction:column;align-items:center;justify-content:center;gap:6px}
.menu-btn span{display:block;width:18px;height:2px;border-radius:2px;background:var(--ink);transition:transform .25s}
.menu-btn:hover{border-color:var(--red)}
.nav.open .menu-btn span:first-child{transform:translateY(4px) rotate(45deg)}
.nav.open .menu-btn span:last-child{transform:translateY(-4px) rotate(-45deg)}
.ca-bar{max-width:1280px;margin:0 auto;padding:0 clamp(16px,4vw,52px) 10px;display:flex;align-items:center;gap:12px;min-width:0}
.ca-label{flex:none;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.ca-value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-family:var(--mono);font-size:12.5px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:10px;padding:6px 12px}
.ca-copy{flex:none;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--red);
  background:none;border:1px solid rgba(224,40,64,.3);border-radius:999px;padding:6px 12px;cursor:pointer}
.ca-copy:hover{background:rgba(224,40,64,.07)}
@media (max-width:1023px){
  .menu-btn{display:inline-flex}
  .nav-links{display:none;position:absolute;top:100%;left:0;right:0;z-index:60;
    flex-direction:column;align-items:stretch;margin-left:0;gap:2px;
    background:rgba(251,247,240,.98);border-bottom:1px solid var(--line);
    padding:10px clamp(16px,4vw,52px) 16px;box-shadow:0 20px 40px rgba(90,45,15,.12)}
  .nav.open .nav-links{display:flex}
  .nav-links a{padding:13px 14px;font-size:16px}
  .live-pill{align-self:flex-start;margin:8px 14px}
  .btn-wallet{justify-content:center;margin-top:6px}
}

/* buttons */
.btn{position:relative;display:inline-flex;align-items:center;gap:10px;
  font-family:var(--sans);font-weight:700;font-size:16px;
  border-radius:999px;padding:14px 28px;cursor:pointer;text-decoration:none;
  transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .25s,background .25s,border-color .25s;
  border:1px solid transparent;overflow:hidden;white-space:nowrap}
.btn:active{transform:translateY(1px) scale(.98)}
.btn-primary{background:linear-gradient(180deg,#ff7583 0%,#e02840 52%,#c01c31 100%);
  color:#fff;border-color:rgba(255,255,255,.25);
  box-shadow:0 10px 26px rgba(224,40,64,.32), inset 0 1.5px 0 rgba(255,255,255,.55), inset 0 -7px 14px rgba(140,10,26,.32);
  text-shadow:0 1px 2px rgba(140,10,26,.35)}
.btn-primary::after{content:"";position:absolute;top:0;left:-70%;width:44%;height:100%;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.5),transparent);
  transform:skewX(-18deg);transition:left .55s ease}
.btn-primary:hover{transform:translateY(-2px);
  box-shadow:0 14px 36px rgba(224,40,64,.42), inset 0 1.5px 0 rgba(255,255,255,.65), inset 0 -7px 14px rgba(140,10,26,.32)}
.btn-primary:hover::after{left:130%}
.btn-ghost{background:#fff;color:var(--ink);border-color:var(--line);box-shadow:0 2px 10px rgba(160,95,35,.07)}
.btn-ghost:hover{border-color:var(--red);color:var(--red);transform:translateY(-2px)}
.btn-sm{padding:11px 22px;font-size:15px}
.btn[disabled]{opacity:.45;pointer-events:none}

/* page scaffold */
.page-head{padding:clamp(44px,6vw,72px) 0 clamp(24px,3vw,40px)}
.page-head h1{font-size:clamp(34px,4.6vw,54px);font-weight:800;line-height:1.05}
.page-head p{margin-top:12px;color:var(--dim);font-size:17px;max-width:60ch;line-height:1.6}

/* ---------- LAUNCH FLOW ---------- */
.launch-grid{display:grid;grid-template-columns:300px 1fr;gap:clamp(28px,4vw,56px);
  align-items:start;padding-bottom:clamp(80px,9vw,130px)}
.rail{position:sticky;top:96px;background:var(--card);border:1px solid var(--line);
  border-radius:24px;box-shadow:var(--shadow-soft);padding:10px 20px}
.rail-row{display:flex;align-items:center;gap:14px;padding:17px 2px;border-bottom:1px solid var(--line-soft);
  color:var(--dim);font-weight:600;font-size:15px}
.rail-row:last-child{border-bottom:none}
.rail-row i{font-size:19px;color:var(--faint)}
.rail-row span{flex:1}
.rail-row b{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.rail-row.active{color:var(--ink)}
.rail-row.active i{color:var(--red)}
.rail-row.done b{color:var(--gold-deep)}
.rail-row.done i{color:var(--red)}

.panel{background:var(--card);border:1px solid var(--line);border-radius:28px;
  box-shadow:var(--shadow-soft);padding:clamp(28px,4vw,48px)}
.panel h2{font-size:clamp(24px,2.6vw,32px);font-weight:800}
.panel .hint{margin-top:8px;color:var(--dim);font-size:15.5px;line-height:1.6;max-width:58ch}
.step{display:none}
.step.on{display:block}
.panel-actions{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}

.field{margin-top:24px;display:flex;flex-direction:column;gap:8px}
.field label{font-weight:700;font-size:14.5px}
.field .help{font-size:13px;color:var(--faint)}
.field input[type=text],.field input[type=number],.field textarea{
  font-family:var(--sans);font-size:16px;color:var(--ink);
  background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px 16px;
  outline:none;transition:border-color .25s,box-shadow .25s;width:100%}
.field input:focus,.field textarea:focus{border-color:var(--red);box-shadow:0 0 0 4px rgba(224,40,64,.12)}
.field textarea{min-height:96px;resize:vertical}
.field .err{color:var(--red-deep);font-size:13px;display:none}
.field.invalid input{border-color:var(--red-deep)}
.field.invalid .err{display:block}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}

.logo-pick{display:flex;align-items:center;gap:18px;margin-top:6px}
.logo-pick img{width:74px;height:74px;border-radius:22px;border:1px solid var(--line);
  background:#fff;object-fit:cover;box-shadow:0 6px 16px rgba(160,95,35,.14)}
.logo-pick input{display:none}

.sys-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:26px}
.sys-card{border:1.5px solid var(--line);border-radius:20px;padding:22px;cursor:pointer;
  transition:border-color .25s,box-shadow .25s,transform .2s;background:#fff}
.sys-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}
.sys-card.sel{border-color:var(--red);box-shadow:0 0 0 4px rgba(224,40,64,.12), var(--shadow-soft)}
.sys-card h3{font-size:18px;display:flex;align-items:center;gap:10px}
.sys-card h3 i{color:var(--red);font-size:20px}
.sys-card p{margin-top:8px;font-size:14px;color:var(--dim);line-height:1.55}
.sys-card.locked{opacity:.5;pointer-events:none}
.soon{font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--gold-deep);
  background:var(--gold-soft);border-radius:999px;padding:3px 9px;text-transform:uppercase}
.sys-config{margin-top:10px}
.sys-config.hidden{display:none}

.wallet-box{margin-top:26px;border:1px dashed var(--line);border-radius:20px;padding:28px;
  display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.wallet-box.connected{border-style:solid;border-color:var(--gold);background:linear-gradient(180deg,#fffdf7,#fdf4e0)}
.wallet-addr{font-family:var(--mono);font-size:14px;word-break:break-all;color:var(--ink)}
.wallet-tag{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep)}

.toggle-row{display:flex;align-items:center;gap:14px;margin-top:26px}
.toggle-row label{font-weight:700;font-size:15.5px}
.switch{position:relative;width:52px;height:30px;flex:none;cursor:pointer}
.switch input{opacity:0;width:100%;height:100%;position:absolute;cursor:pointer;z-index:2;margin:0}
.switch .track{position:absolute;inset:0;border-radius:999px;background:#e7dccc;transition:background .25s}
.switch .knob{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;
  box-shadow:0 2px 6px rgba(0,0,0,.2);transition:left .25s}
.switch input:checked ~ .track{background:var(--red)}
.switch input:checked ~ .knob{left:25px}

.review-rows{margin-top:22px;border-top:1px solid var(--line-soft)}
.review-row{display:flex;align-items:center;gap:16px;padding:16px 2px;border-bottom:1px solid var(--line-soft);font-size:15.5px}
.review-row span{color:var(--dim);width:170px;flex:none;font-weight:600}
.review-row b{font-weight:600;word-break:break-all}
.review-row img{width:40px;height:40px;border-radius:12px;border:1px solid var(--line);object-fit:cover}
.sig-note{margin-top:18px;font-family:var(--mono);font-size:12.5px;color:var(--faint);line-height:1.7}

.success{text-align:center;padding:26px 0 8px}
.success img{width:130px;border-radius:26%;filter:drop-shadow(0 20px 30px rgba(150,80,25,.3));margin:0 auto 22px}
.success h2{font-size:clamp(28px,3.4vw,40px)}
.success p{margin-top:12px;color:var(--dim);font-size:16px}
.success .tx{margin-top:18px;font-family:var(--mono);font-size:12px;color:var(--faint);word-break:break-all}
.success .panel-actions{justify-content:center}

/* ---------- DASHBOARD ---------- */
.dash-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:20px;
  padding-bottom:clamp(80px,9vw,130px)}
.launch-card{background:var(--card);border:1px solid var(--line);border-radius:24px;
  box-shadow:var(--shadow-soft);padding:24px;display:flex;flex-direction:column;gap:16px;position:relative}
.lc-head{display:flex;align-items:center;gap:14px}
.lc-head img{width:52px;height:52px;border-radius:16px;border:1px solid var(--line);object-fit:cover}
.lc-head h3{font-size:19px;line-height:1.1}
.lc-head .tick{font-family:var(--mono);font-size:12px;color:var(--red);font-weight:700}
.lc-sys{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;
  letter-spacing:.1em;text-transform:uppercase;color:var(--gold-deep);
  background:var(--gold-soft);border-radius:999px;padding:6px 12px;width:fit-content}
.lc-meta{font-size:13.5px;color:var(--faint);font-family:var(--mono);line-height:1.8;word-break:break-all}
.lc-del{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--faint);
  cursor:pointer;font-size:17px;padding:6px;border-radius:8px;transition:color .25s,background .25s}
.lc-del:hover{color:var(--red-deep);background:rgba(224,40,64,.08)}
.empty{grid-column:1/-1;text-align:center;border:1.5px dashed var(--line);border-radius:28px;
  padding:clamp(50px,7vw,90px) 24px}
.empty img{width:96px;margin:0 auto 20px;opacity:.9;
  filter:drop-shadow(0 14px 22px rgba(150,80,25,.25))}
.empty h2{font-size:clamp(24px,2.8vw,32px)}
.empty p{margin-top:10px;color:var(--dim);font-size:16px}
.empty .btn{margin-top:24px}

/* ---------- DOCS ---------- */
.docs-grid{display:grid;grid-template-columns:230px 1fr;gap:clamp(30px,5vw,70px);
  align-items:start;padding-bottom:clamp(80px,9vw,130px)}
.docs-toc{position:sticky;top:96px;display:flex;flex-direction:column;gap:2px}
.docs-toc a{color:var(--dim);text-decoration:none;font-size:15px;font-weight:600;
  padding:9px 14px;border-radius:12px;transition:color .25s,background .25s}
.docs-toc a:hover{color:var(--red);background:rgba(224,40,64,.07)}
.docs-body h2{font-size:clamp(24px,2.6vw,32px);padding-top:14px;margin-top:38px;border-top:1px solid var(--line-soft)}
.docs-body h2:first-child{margin-top:0;border-top:none;padding-top:0}
.docs-body h3{font-size:19px;margin-top:26px}
.docs-body p{margin-top:12px;color:var(--dim);font-size:16px;line-height:1.7;max-width:70ch}
.docs-body code{font-family:var(--mono);font-size:13.5px;background:#f4ead9;border-radius:6px;padding:2px 7px;color:var(--red-deep)}
.docs-body a{color:var(--red);font-weight:600;text-decoration:none;border-bottom:1px solid rgba(224,40,64,.35);transition:border-color .25s}
.docs-body a:hover{border-bottom-color:var(--red)}

/* ---------- SHARED FOOTER (every page) ---------- */
.footer{border-top:1px solid var(--line);margin-top:clamp(70px,9vw,130px);padding:56px 0 30px}
.footer-inner{max-width:1280px;margin:0 auto;padding:0 clamp(16px,4vw,52px);
  display:grid;grid-template-columns:1.5fr 1fr;gap:clamp(28px,4vw,64px)}
.footer-brand .brand-mark{display:inline-block;vertical-align:middle;width:34px;height:34px}
.footer-brand .brand-word{vertical-align:middle;margin-left:10px;font-size:21px}
.footer-brand p{margin-top:14px;color:var(--dim);font-size:15px;line-height:1.6;max-width:40ch}
.footer-brand .footer-ca{font-family:var(--mono);font-size:12px;color:var(--faint);word-break:break-all}
.footer-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.footer-cols h4{font-size:14px;font-weight:700;margin-bottom:14px}
.footer-cols a{display:block;color:var(--dim);text-decoration:none;font-size:15px;padding:6px 0;transition:color .25s}
.footer-cols a:hover{color:var(--red)}
.footer-line{grid-column:1/-1;padding-top:22px;border-top:1px solid var(--line-soft);
  display:flex;justify-content:space-between;gap:10px 20px;flex-wrap:wrap;font-size:13px;color:var(--faint)}
@media (max-width:760px){.footer-inner{grid-template-columns:1fr}}

@media (max-width:880px){
  .launch-grid{grid-template-columns:1fr}
  .rail{position:static;display:none}
  .panel .mprog{display:flex}
  .docs-grid{grid-template-columns:1fr}
  .docs-toc{position:static;flex-direction:row;flex-wrap:wrap}
  .sys-cards,.field-row{grid-template-columns:1fr}
}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}

/* mobile step progress (rail replacement) */
.mprog{display:none;align-items:center;gap:14px;margin-bottom:22px}
.mprog span{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep);flex:none}
.mprog .bar{flex:1;height:6px;border-radius:999px;background:var(--line-soft);overflow:hidden}
.mprog .bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--red));transition:width .5s cubic-bezier(.16,1,.3,1)}

/* dashboard head + stats */
.dash-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 28px}
.stat{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:18px 20px;box-shadow:var(--shadow-soft)}
.stat span{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep)}
.stat b{display:block;margin-top:8px;font-family:var(--display);font-size:28px;font-weight:800;line-height:1}
@media (max-width:880px){ .stats{grid-template-columns:repeat(2,1fr)} .stat b{font-size:24px} }

/* =================================================================
   HOME (index.html) + OVEN BOARD
   ================================================================= */
.btn-ghost-dark{background:rgba(255,255,255,.08);color:#fff7ec;border-color:rgba(255,247,236,.25)}
.btn-ghost-dark:hover{background:rgba(255,255,255,.15);transform:translateY(-2px)}
.dark{--gain:#4fd389;--loss:#ff6b7c} /* 9.7:1 and 6.8:1 on espresso */
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--red-deep)}
.eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.dark .eyebrow,.hero-band .eyebrow{color:var(--gold)}
.up,.tile b.up,.board-table td.up{color:var(--gain)}
.down,.tile b.down,.board-table td.down{color:var(--loss)}

/* hero */
.hero-band{position:relative;margin:14px clamp(8px,1.4vw,20px) 0;border-radius:34px;overflow:hidden;
  background:
    radial-gradient(1200px 620px at 50% 118%, rgba(233,181,58,.34), transparent 62%),
    radial-gradient(900px 480px at 78% 108%, rgba(224,40,64,.30), transparent 60%),
    radial-gradient(700px 420px at 18% 112%, rgba(233,181,58,.20), transparent 60%),
    linear-gradient(180deg,#170c09 0%,#241109 58%,#3a1a10 100%);
  box-shadow:0 30px 70px rgba(90,45,15,.28)}
.hero-band::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(60% 34% at 50% 104%, rgba(255,190,120,.28), transparent 70%),
    radial-gradient(38% 20% at 30% 102%, rgba(255,120,130,.18), transparent 70%)}
.hero-band::after{content:"";position:absolute;left:50%;transform:translateX(-50%);
  bottom:-42%;width:150%;max-width:2100px;height:64%;border-radius:50%;
  background:linear-gradient(180deg,#f7e3c2 0%,#e8bd7d 45%,#c9884a 100%);filter:blur(2px);opacity:.92}
.hero-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;
  padding:clamp(52px,7vw,88px) clamp(16px,5vw,60px) clamp(44px,5vw,72px)}
.hero-inner h1{margin-top:18px;color:#fff7ec;font-weight:800;line-height:1.02;font-size:clamp(44px,7.4vw,96px);
  text-wrap:balance;text-shadow:0 4px 30px rgba(0,0,0,.35)}
.hero-inner h1 em{font-style:italic;color:var(--red-hi);padding-bottom:4px;line-height:1.1;
  text-shadow:0 0 34px rgba(224,40,64,.5), 0 4px 30px rgba(0,0,0,.35)}
.hero-sub{margin:22px auto 0;max-width:580px;color:rgba(255,240,220,.82);font-size:clamp(16px,1.6vw,19px);line-height:1.55;font-weight:500}
.hero-pills{margin-top:22px;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.hero-pills span{font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;
  color:#ffe6bd;background:rgba(255,255,255,.07);border:1px solid rgba(255,220,170,.22);border-radius:999px;padding:7px 13px}
.hero-pills span b{color:var(--gold);font-weight:500}
.hero-cta{margin-top:30px;display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.hero-live{margin-top:22px;display:grid;grid-template-columns:repeat(3,auto);border:1px solid rgba(255,220,170,.2);
  border-radius:18px;background:rgba(0,0,0,.22);backdrop-filter:blur(6px);overflow:hidden}
.hero-live div{padding:12px 20px;text-align:left;border-left:1px solid rgba(255,220,170,.14)}
.hero-live div:first-child{border-left:none}
.hero-live span{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,240,220,.6)}
.hero-live b{display:block;margin-top:4px;font-family:var(--mono);font-size:16px;font-weight:500;color:#fff7ec;white-space:nowrap}
.hero-live b.wait{color:rgba(255,240,220,.5)}
.hero-burger{position:relative;margin-top:clamp(36px,5vw,60px);width:clamp(170px,20vw,256px);pointer-events:none}
.hero-burger::before{content:"";position:absolute;inset:-26%;border-radius:50%;z-index:0;
  background:radial-gradient(circle,rgba(233,181,58,.38),rgba(224,40,64,.14) 55%,transparent 70%)}
.hero-burger img{position:relative;z-index:1;width:100%;display:block;
  filter:drop-shadow(0 30px 42px rgba(60,20,5,.45));animation:bob 7s ease-in-out infinite}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}

/* tape */
.tape{margin-top:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;overflow:hidden}
.tape-track{display:flex;width:max-content;animation:tape 60s linear infinite}
.tape:hover .tape-track{animation-play-state:paused}
.tape-item{display:inline-flex;align-items:center;gap:9px;padding:13px 22px;border-right:1px solid var(--line-soft);
  font-family:var(--mono);font-size:13px;white-space:nowrap;color:var(--dim);text-decoration:none}
.tape-item b{font-weight:700;color:var(--ink)}
.tape-item:hover b{color:var(--red)}
.tape-empty{padding:13px clamp(16px,4vw,52px);font-family:var(--mono);font-size:13px;line-height:22px;color:var(--faint)}
@keyframes tape{to{transform:translateX(-50%)}}
.coin-img{width:22px;height:22px;border-radius:50%;object-fit:cover;flex:none;background:var(--gold-soft);
  display:inline-flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:800;font-size:12px;color:var(--gold-deep)}

/* sections */
.home section{padding:clamp(76px,9vw,130px) 0 0}
.sec-head{max-width:780px}
.sec-head .eyebrow{margin-bottom:14px}
.sec-head h2{font-size:clamp(32px,4.6vw,56px);font-weight:800;line-height:1.06;text-wrap:balance}
.sec-head p{margin-top:14px;color:var(--dim);font-size:18px;line-height:1.6;max-width:58ch}
.panel-dark{position:relative;overflow:hidden;border-radius:34px;padding:clamp(20px,5vw,60px);color:#fff7ec;
  background:radial-gradient(900px 500px at 88% 112%,rgba(233,181,58,.24),transparent 60%),
    radial-gradient(700px 420px at 8% -10%,rgba(224,40,64,.20),transparent 60%),
    linear-gradient(180deg,var(--esp),var(--esp-2));
  box-shadow:0 30px 70px rgba(90,45,15,.28)}
.panel-dark .sec-head h2{color:#fff7ec}
.panel-dark .sec-head p{color:rgba(255,240,220,.74)}
.panel-dark .sec-head h2 em{font-style:italic;color:var(--red-hi)}

/* board */
.tiles{margin-top:36px;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.tile{border:1px solid rgba(255,247,236,.12);background:rgba(255,255,255,.04);border-radius:18px;padding:16px 16px 14px;min-width:0}
.tile span{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,240,220,.6)}
.tile b{display:block;margin-top:8px;font-family:var(--mono);font-size:clamp(15px,1.35vw,20px);font-weight:500;color:#fff7ec;
  line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tile b.wait{color:rgba(255,240,220,.5)}
.tile small{display:block;margin-top:6px;font-size:12px;color:rgba(255,240,220,.55)}
.board-table{margin-top:14px;width:100%;border-collapse:collapse;font-size:14px}
.board-table th{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;
  color:rgba(255,240,220,.55);text-align:right;padding:12px;border-bottom:1px solid rgba(255,247,236,.12)}
.board-table th:nth-child(-n+2){text-align:left}
.board-table td{padding:13px 12px;text-align:right;border-bottom:1px solid rgba(255,247,236,.07);font-family:var(--mono);font-size:13.5px;color:#fff7ec;white-space:nowrap}
.board-table tbody tr{transition:background .2s}
.board-table tbody tr:hover{background:rgba(255,255,255,.04)}
.board-table td.rank{text-align:left;color:rgba(255,240,220,.5);width:44px}
.board-table td.coin{text-align:left;font-family:var(--sans)}
.coin-cell{display:flex;align-items:center;gap:11px;min-width:0}
.coin-cell .coin-img{width:32px;height:32px}
.coin-cell>div{min-width:0}
.coin-cell b{display:block;font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.coin-cell small{display:block;color:rgba(255,240,220,.55);font-size:12px;max-width:18ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* rows reserved before the first read, same boxes as a real row so the panel never grows */
.board-wait b,.board-wait small{width:9ch;border-radius:6px;background:rgba(255,247,236,.08);color:transparent}
.board-wait small{width:14ch;background:rgba(255,247,236,.05)}
.board-wait td>i{display:inline-block;width:7ch;border-radius:6px;background:rgba(255,247,236,.06);font-style:normal}
.board-wait .coin-img{background:rgba(255,247,236,.08)}
.board-wait .stage{width:9ch;background:rgba(255,247,236,.05)}
.board-wait .mint-btn{width:12ch;color:transparent;cursor:default}
.stage{display:inline-block;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;border-radius:999px;padding:4px 9px}
.stage.curve{color:var(--gold);background:rgba(233,181,58,.12);border:1px solid rgba(233,181,58,.38)}
.stage.swap{color:#9fe3bb;background:rgba(79,211,137,.10);border:1px solid rgba(79,211,137,.34)}
.mint-btn{font-family:var(--mono);font-size:12px;color:rgba(255,240,220,.8);background:rgba(255,255,255,.05);
  border:1px solid rgba(255,247,236,.14);border-radius:10px;padding:6px 10px;cursor:pointer}
.mint-btn:hover{border-color:var(--gold);color:var(--gold)}
.out-link{font-family:var(--mono);font-size:12px;color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(233,181,58,.35)}
.out-link:hover{border-bottom-color:var(--gold)}
.board-empty td{text-align:center;color:rgba(255,240,220,.55);padding:40px 12px;font-family:var(--mono)}
.board-foot{margin-top:18px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-family:var(--mono);font-size:12.5px;color:rgba(255,240,220,.65)}
.board-foot[data-state=retry]{color:var(--loss)}
.board-foot button{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#fff7ec;
  background:rgba(224,40,64,.3);border:1px solid rgba(255,120,130,.5);border-radius:999px;padding:6px 12px;cursor:pointer}

/* method */
.steps{margin-top:40px;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;list-style:none}
.steps li{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:22px 20px 24px;box-shadow:var(--shadow-soft)}
.steps h3{font-size:19px;font-weight:700;line-height:1.2}
.steps p{margin-top:8px;color:var(--dim);font-size:14.5px;line-height:1.55}

/* systems */
.trio{margin-top:44px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.trio article{background:var(--card);border:1px solid var(--line);border-radius:26px;padding:30px 28px 34px;box-shadow:var(--shadow-soft);
  transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s}
.trio article:hover{transform:translateY(-5px);box-shadow:0 26px 48px rgba(150,80,25,.16)}
.chip{width:52px;height:52px;border-radius:17px;display:inline-flex;align-items:center;justify-content:center;
  background:linear-gradient(180deg,#fff,#fdf0dc);border:1px solid var(--line);box-shadow:inset 0 1px 0 #fff,0 8px 16px rgba(160,95,35,.10)}
.chip i{font-size:25px;color:var(--red)}
.trio h3{margin-top:26px;font-size:21px;font-weight:700}
.trio p{margin-top:10px;color:var(--dim);font-size:15.5px;line-height:1.6}
.system-grid{margin-top:70px;display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(36px,6vw,90px);align-items:center}
.system-visual{position:relative;min-height:360px;display:flex;align-items:center;justify-content:center}
.system-visual::before{content:"";position:absolute;width:78%;aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle,rgba(233,181,58,.30),rgba(224,40,64,.10) 55%,transparent 72%)}
.system-visual img{position:relative;width:clamp(200px,24vw,320px);
  filter:drop-shadow(0 30px 40px rgba(150,80,25,.35));animation:bob 9s ease-in-out infinite}
.modes{display:flex;flex-direction:column}
.mode{padding:24px 4px 24px 24px;border-left:3px solid var(--line);transition:border-color .3s,background .3s}
.mode:hover{border-left-color:var(--red);background:linear-gradient(90deg,rgba(224,40,64,.05),transparent 70%)}
.mode h3{font-size:20px;font-weight:700;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.mode .mchip{width:38px;height:38px;border-radius:12px;flex:none;display:inline-flex;align-items:center;justify-content:center;
  background:linear-gradient(180deg,#fff,#fdf0dc);border:1px solid var(--line);color:var(--red);font-size:19px}
.mode p{margin-top:8px;padding-left:50px;color:var(--dim);font-size:15.5px;line-height:1.6;max-width:52ch}
.mode.dimmed h3,.mode.dimmed p{opacity:.55}
.mode p.runs{margin-top:6px;font-family:var(--mono);font-size:12px;line-height:1.5;letter-spacing:.04em;color:var(--gold-deep)}
.why{margin-top:56px;display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(20px,4vw,52px);background:var(--card);border:1px solid var(--line);
  border-radius:28px;padding:clamp(22px,4vw,40px);box-shadow:var(--shadow-soft)}
.why h3{font-size:24px;font-weight:800}
.why-head p{margin-top:10px;color:var(--dim);font-size:15.5px;line-height:1.6}
.why-list{list-style:none;counter-reset:why}
.why-list li{counter-increment:why;position:relative;padding:14px 0 14px 38px;border-top:1px solid var(--line-soft);color:var(--dim);font-size:15px;line-height:1.55}
.why-list li:first-child{border-top:none;padding-top:0}
.why-list li::before{content:"0" counter(why);position:absolute;left:0;top:16px;font-family:var(--mono);font-size:12px;color:var(--red)}
.why-list li:first-child::before{top:2px}
.why-list b{color:var(--ink);font-weight:700}
.review-panel{margin-top:70px;background:linear-gradient(180deg,#fbf2e4,#f6e9d6);border:1px solid var(--line);border-radius:34px;padding:clamp(22px,5vw,64px)}
.review-grid{margin-top:40px;display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);align-items:stretch}
.checklist{display:flex;flex-direction:column;justify-content:center}
.check-row{display:flex;align-items:center;gap:16px;padding:20px 6px;border-bottom:1px solid var(--line-soft)}
.check-row:first-child{border-top:1px solid var(--line-soft)}
.check-row i{color:var(--red);font-size:20px}
.check-row span{font-weight:600;font-size:17px;flex:1}
.check-row b{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;color:var(--gold-deep);text-transform:uppercase}
.flow-card{background:var(--card);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow-soft);
  padding:clamp(22px,4vw,48px);display:flex;flex-direction:column;justify-content:center;gap:34px}
.flow-steps{display:flex;align-items:center;justify-content:space-between;gap:6px}
.flow-node{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;flex:1;min-width:0}
.flow-node .bubble{width:64px;height:64px;border-radius:22px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(180deg,#fff,#fdf3e2);border:1px solid var(--line);box-shadow:0 8px 18px rgba(160,95,35,.12), inset 0 1px 0 #fff}
.flow-node .bubble i{font-size:26px;color:var(--red)}
.flow-node span{font-size:14px;font-weight:600;color:var(--dim)}
.flow-node span small{display:block;margin-top:2px;font-size:12px;font-weight:500;color:var(--faint)}
.flow-arrow{color:var(--faint);font-size:20px;flex:none;padding-bottom:26px}
.flow-line{text-align:center;font-family:var(--mono);font-size:13px;letter-spacing:.06em;color:var(--dim)}
.flow-line b{color:var(--red)}

/* holders */
.pipe{margin-top:40px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pipe-node{display:flex;align-items:center;gap:10px;padding:13px 16px;border-radius:16px;background:var(--card);
  border:1px solid var(--line);box-shadow:var(--shadow-soft);font-weight:600;font-size:14.5px}
.pipe-node i{font-size:20px;color:var(--gold-deep)}
.pipe-node small{display:block;font-weight:500;color:var(--dim);font-size:12px;line-height:1.3}
.pipe-node.hot{background:linear-gradient(180deg,#ff7583,#e02840);color:#fff;border-color:rgba(255,255,255,.3)}
.pipe-node.hot i,.pipe-node.hot small{color:#fff}
.pipe-arrow{color:var(--faint);font-size:18px}
.facts{margin-top:22px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.facts div{background:linear-gradient(180deg,#fffdf7,#fdf1da);border:1px solid var(--line);border-radius:20px;padding:20px}
.facts b{display:block;font-family:var(--display);font-size:32px;font-weight:800;line-height:1;color:var(--red-deep)}
.facts span{display:block;margin-top:10px;font-size:14.5px;line-height:1.5;color:var(--dim)}

/* crusting */
.crust-grid{margin-top:34px;display:grid;grid-template-columns:1.15fr .85fr;gap:16px;align-items:stretch}
.tiers{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.tier{border-radius:22px;padding:22px 20px;border:1px solid rgba(255,247,236,.12);background:rgba(255,255,255,.05);transition:border-color .3s,background .3s}
.tier:hover{background:rgba(255,255,255,.08);border-color:rgba(233,181,58,.45)}
.tier .bun{width:56px;height:40px;border-radius:50% 50% 42% 42% / 62% 62% 38% 38%;box-shadow:inset 0 -7px 12px rgba(0,0,0,.18),0 8px 18px rgba(0,0,0,.28)}
.tier.dough .bun{background:linear-gradient(180deg,#f6e7d2,#e3caa6)}
.tier.baked .bun{background:linear-gradient(180deg,#f2c86a,#d9a13b)}
.tier.golden .bun{background:linear-gradient(180deg,#f9d975,#c9891f);box-shadow:inset 0 -7px 12px rgba(0,0,0,.22),0 0 30px rgba(233,181,58,.5)}
.tier.reset .bun{background:linear-gradient(180deg,#f6e7d2,#e3caa6);opacity:.45}
.tier b{display:block;margin-top:16px;font-family:var(--display);font-size:30px;font-weight:800;line-height:1;color:var(--gold)}
.tier.reset b{color:var(--red-hi)}
.tier span{display:block;margin-top:6px;font-weight:700;font-size:15px;color:#fff7ec}
.tier small{display:block;margin-top:4px;font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,240,220,.6)}
.tier p{margin-top:10px;font-size:13.5px;line-height:1.5;color:rgba(255,240,220,.72)}
.meter{border-radius:24px;padding:26px 24px;background:rgba(255,255,255,.06);border:1px solid rgba(233,181,58,.32);display:flex;flex-direction:column;gap:16px}
.meter h3{font-size:21px;font-weight:700;color:#fff7ec}
.meter h3 + p{margin-top:-6px;font-size:14px;color:rgba(255,240,220,.62);line-height:1.5}
.meter label{display:flex;justify-content:space-between;font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,240,220,.62)}
.meter label b{color:var(--gold);font-weight:500}
.meter input[type=number]{margin-top:8px;width:100%;background:rgba(0,0,0,.28);border:1px solid rgba(255,247,236,.2);border-radius:12px;
  color:#fff7ec;font-family:var(--mono);font-size:16px;padding:12px 14px;outline:none}
.meter input[type=number]:focus{border-color:var(--gold)}
.meter input[type=range]{margin-top:12px;width:100%;accent-color:var(--gold)}
.meter-out{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.meter-out div{background:rgba(0,0,0,.24);border-radius:14px;padding:14px 14px 12px}
.meter-out span{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,240,220,.6)}
.meter-out b{display:block;margin-top:6px;font-family:var(--display);font-size:24px;font-weight:800;color:var(--gold);line-height:1.1}
.meter-out b.small{font-size:16px;font-family:var(--sans);font-weight:700;color:#fff7ec}

/* cash rebase */
.cash-rail{margin-top:36px;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;counter-reset:cr}
.cash-rail li{position:relative;counter-increment:cr;border:1px solid rgba(255,247,236,.12);background:rgba(255,255,255,.04);border-radius:18px;padding:18px 18px 16px;min-width:0}
.cash-rail li::after{content:"0" counter(cr);position:absolute;top:16px;right:16px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:rgba(255,240,220,.45)}
.cash-rail i{font-size:24px;color:var(--gold)}
.cash-rail b{display:block;margin-top:12px;font-size:16px;font-weight:700;color:#fff7ec;line-height:1.3}
.cash-rail span{display:block;margin-top:6px;font-size:13.5px;line-height:1.5;color:rgba(255,240,220,.68)}
.cash-rail li.hot{background:linear-gradient(180deg,rgba(255,117,131,.28),rgba(224,40,64,.22));border-color:rgba(255,117,131,.45)}
.cash-rail li.hot i{color:#fff7ec}
.cash-grid{margin-top:16px;display:grid;grid-template-columns:.9fr 1.1fr;gap:16px;align-items:start}
.cash-facts{display:grid;gap:10px}
.cash-fact{border:1px solid rgba(255,247,236,.12);background:rgba(255,255,255,.04);border-radius:18px;padding:18px 20px;min-width:0}
.cash-fact span{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.cash-fact b{display:block;margin-top:8px;font-family:var(--display);font-size:22px;font-weight:800;line-height:1.15;color:#fff7ec}
.cash-fact small{display:block;margin-top:8px;font-size:13.5px;line-height:1.55;color:rgba(255,240,220,.66);overflow-wrap:anywhere}
.cash-calc .calc-help{display:block;margin-top:6px;font-size:12.5px;line-height:1.45;color:rgba(255,240,220,.55)}
.cash-calc .meter-out div{display:flex;flex-direction:column;justify-content:space-between}
.cash-calc .meter-out b{overflow-wrap:anywhere}
.cash-calc .calc-note{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,240,220,.55)}
.cash-honest{margin-top:18px;font-size:14px;line-height:1.55;color:rgba(255,240,220,.7)}
.reg-card dd a{color:var(--red);font-weight:600;text-decoration:none}

/* register */
.register{margin-top:40px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.reg-card{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:24px 26px;box-shadow:var(--shadow-soft);min-width:0}
.reg-card h3{font-size:21px;font-weight:700;margin-bottom:8px}
.reg-card dl{display:grid;grid-template-columns:auto 1fr}
.reg-card dt,.reg-card dd{padding:13px 0;border-top:1px solid var(--line-soft);font-size:14.5px}
.reg-card dt{color:var(--dim);padding-right:16px}
.reg-card dd{text-align:right;font-family:var(--mono);font-size:13px;word-break:break-all;min-width:0}
.pending-mark{display:inline-block;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--gold-deep);background:var(--gold-soft);border-radius:999px;padding:4px 10px}
.rpc-ok{color:var(--gain)}
.rpc-bad{color:var(--loss)}
.care{margin-top:16px;border:1px solid rgba(224,40,64,.28);background:linear-gradient(180deg,#fff,#fff4f3);border-radius:24px;padding:24px 26px}
.care h3{font-size:21px;font-weight:700;display:flex;align-items:center;gap:10px}
.care h3 i{color:var(--red)}
.care p{margin-top:10px;color:var(--dim);font-size:15.5px;line-height:1.65;max-width:80ch}

/* faq */
.faq-list{margin-top:40px;border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list p{overflow-wrap:anywhere}
.faq-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:24px 4px;font-weight:700;font-size:clamp(17px,1.8vw,21px);font-family:var(--display);transition:color .25s}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:hover{color:var(--red)}
.faq-list summary i{font-size:20px;color:var(--faint);transition:transform .3s;flex:none}
.faq-list details[open] summary i{transform:rotate(45deg);color:var(--red)}
.faq-list details p{padding:0 4px 24px;color:var(--dim);font-size:16px;line-height:1.65;max-width:68ch}

/* cta */
.cta-band{position:relative;border-radius:34px;overflow:hidden;
  background:radial-gradient(800px 400px at 85% 110%, rgba(233,181,58,.35), transparent 60%),
    radial-gradient(700px 400px at 12% -20%, rgba(224,40,64,.28), transparent 60%),linear-gradient(160deg,#20100b,#351811)}
.cta-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:30px;padding:clamp(44px,7vw,90px) clamp(22px,5vw,72px)}
.cta-inner h2{color:#fff7ec;font-size:clamp(36px,5.4vw,72px);font-weight:800;line-height:1.04}
.cta-inner h2 em{font-style:italic;color:var(--red-hi);padding-bottom:4px}
.cta-inner .sub{margin-top:14px;color:rgba(255,240,220,.75);font-size:18px;font-weight:500}
.cta-inner .btn{margin-top:28px}
.cta-visual{display:flex;justify-content:center}
.cta-visual img{width:clamp(150px,16vw,230px);filter:drop-shadow(0 26px 36px rgba(0,0,0,.5));animation:bob 8s ease-in-out infinite}

/* reveal (only hides content when JS is running) */
html.js .rv{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
html.js .rv.in{opacity:1;transform:none}

@media (max-width:1100px){
  .tiles{grid-template-columns:repeat(3,1fr)}
  .steps{grid-template-columns:repeat(3,1fr)}
  .facts{grid-template-columns:repeat(2,1fr)}
  .crust-grid{grid-template-columns:1fr}
  .cash-rail{grid-template-columns:1fr 1fr}
  .cash-grid{grid-template-columns:1fr}
}
@media (max-width:880px){
  .trio{grid-template-columns:1fr;gap:14px}
  .system-grid,.review-grid,.register,.why{grid-template-columns:1fr}
  .system-visual{min-height:280px;order:-1}
  .cta-inner{grid-template-columns:1fr;text-align:center}
  .cta-visual{order:-1}
  .steps{grid-template-columns:1fr 1fr}
  /* board table collapses to cards */
  .board-table thead{display:none}
  .board-table,.board-table tbody,.board-table tr,.board-table td{display:block}
  .board-table tr{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px;padding:14px;margin-top:10px;
    border:1px solid rgba(255,247,236,.12);border-radius:18px;background:rgba(255,255,255,.03)}
  .board-table td{border:none;padding:6px 0;text-align:left;white-space:normal;min-width:0}
  .board-table td[data-l]::before{content:attr(data-l);display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;
    text-transform:uppercase;color:rgba(255,240,220,.5);margin-bottom:3px}
  .board-table td.rank{display:none}
  .board-table td.coin{grid-column:1/-1}
  .board-table tr.board-empty{display:block}
}
@media (max-width:600px){
  .hero-live{grid-template-columns:1fr;width:100%}
  .hero-live div{border-left:none;border-top:1px solid rgba(255,220,170,.14);display:flex;justify-content:space-between;align-items:baseline;gap:12px}
  .hero-live div:first-child{border-top:none}
  .hero-live b{margin-top:0}
  .tiles{grid-template-columns:1fr 1fr}
  .tile b{font-size:13.5px}
  .board-foot{min-height:34px}
  .steps,.facts{grid-template-columns:1fr}
  .pipe{flex-direction:column;align-items:stretch;gap:6px}
  .pipe-node{justify-content:center;font-size:14px;flex-wrap:wrap;text-align:center}
  .pipe-arrow{align-self:center;transform:rotate(90deg);font-size:16px}
  .tiers,.meter-out{grid-template-columns:1fr}
  .cash-rail{grid-template-columns:1fr}
  .flow-steps{gap:4px}
  .flow-node .bubble{width:52px;height:52px;border-radius:18px}
  .flow-node .bubble i{font-size:22px}
  .flow-node span{font-size:12.5px}
  .flow-arrow{font-size:16px;padding-bottom:22px}
  .hero-band{margin:8px 6px 0;border-radius:26px}
  .mode{padding-left:18px}
  .mode p{padding-left:0}
  .reg-card{padding:20px 18px}
  .reg-card dl{grid-template-columns:1fr}
  .reg-card dt{padding-bottom:2px}
  .reg-card dd{text-align:left;border-top:none;padding-top:0}
}
@media (prefers-reduced-motion: reduce){
  html.js .rv{opacity:1;transform:none;transition:none}
  .hero-burger img,.system-visual img,.cta-visual img{animation:none}
  .tape{overflow-x:auto}
  .tape-track{animation:none}
  .live-pill[data-state=live] i{animation:none}
}