/* thesimind.si: SI MIND on top of the sicto.si design system, rethemed to the SI MIND logo.
   Palette from the logo: pure black, chrome silver, electric blue and amber. Smaller, tighter type than sicto.si.
   Background: live code (canvas #mind-code, drawn by simind.js). */

/* ---------- tokens (simind.css loads after si.css, so these win) */
:root{
  --bg:#000; --bg2:#060708; --bg3:#0c0e11;
  --chrome:#ffffff; --chrome2:#eef1f4; --ice:#d6dbe1; --steel:#a3abb5; --steel2:#848d98;
  --blue:#2f86ff; --blue-hot:#5aa2ff; --cyan:#5aa2ff; --deep:#1458e0; --navy:#0e1726; --navy2:#0a0f18;
  --text:#d3d8de; --muted:#9aa2ac; --dim:#6e7681;
  --amber:#ff9a2a; --amber2:#ffc277; --silver:#c3c9d1;
  --line:rgba(214,222,232,.1); --line2:rgba(214,222,232,.2);
  --panel:linear-gradient(180deg,rgba(17,19,23,.94),rgba(8,9,11,.96));
  --glow:0 0 0 1px rgba(47,134,255,.4),0 0 26px rgba(47,134,255,.22);
  --r:14px; --r-sm:10px;
  --f-body:'IBM Plex Sans',system-ui,-apple-system,Segoe UI,sans-serif;
}
::selection{background:rgba(47,134,255,.45);color:#fff}

/* ---------- background: black, the live code canvas, a soft glow from the logo colors */
body.mindsite{background:#000;font-size:15.5px;line-height:1.62}
#mind-code{position:fixed;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 18%,#000 100%);mask-image:linear-gradient(180deg,transparent 0,#000 18%,#000 100%)}
.mindsite .bg-vignette{background:radial-gradient(1100px 520px at 50% -8%,rgba(47,134,255,.16),transparent 62%),radial-gradient(760px 420px at 92% 38%,rgba(255,154,42,.07),transparent 64%),radial-gradient(ellipse 50% 72% at 50% 52%,rgba(0,0,0,.62) 0%,rgba(0,0,0,.44) 55%,rgba(0,0,0,0) 100%),radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.6) 100%)}
.mindsite .lead,.mindsite .section-head p,.mindsite .cd-when{text-shadow:0 0 14px #000,0 0 3px #000}
.mindsite .nav .nav-out{display:inline-flex;align-items:center;gap:4px}
.mindsite .nav .nav-out svg{width:12px;height:12px}
.mindsite .bg-scan{opacity:.6}

/* ---------- type scale */
.mindsite h1,.mindsite h2,.mindsite h3,.mindsite h4{font-weight:700;letter-spacing:.015em}
.mindsite h1,.mindsite h2{text-wrap:balance}
.mindsite h1{font-size:clamp(28px,3.8vw,50px)}
.mindsite h2{font-size:clamp(21px,2.3vw,31px)}
.mindsite h3{font-size:clamp(15px,1.15vw,17px)}
.mindsite .mind-hero h1{font-size:clamp(30px,4.6vw,60px);margin-bottom:12px}
.mindsite .lead{font-size:clamp(15px,1.12vw,16.5px);max-width:820px;color:var(--muted)}
.mindsite .section-head{margin-bottom:clamp(22px,3vw,36px)}
.mindsite .section-head p{font-size:clamp(14.5px,1.08vw,16px)}
.mindsite .section{padding:clamp(28px,3.8vw,56px) 0}
.mindsite .page-hero{padding:clamp(28px,4.6vw,64px) 0 clamp(16px,2.4vw,28px)}
.mindsite .card p{font-size:14.5px}
.mindsite .card h3{margin-bottom:6px}
.mindsite .stat small{font-size:10.5px}
.mindsite .stat em{font-size:11.5px}
.mindsite .stat b{font-weight:700;font-size:clamp(14px,8.5cqi,20px)}
.mindsite .step h3{font-size:15px}
.mindsite .step p{font-size:14.5px}
.mindsite .faq summary{font-size:clamp(13.5px,1.05vw,15px);font-weight:600;padding:15px 18px}
.mindsite .faq .ans{padding:0 18px 16px;font-size:14.5px}
.mindsite .answer p{font-size:clamp(14.5px,1.1vw,16px)}
.mindsite .crumbs{font-size:11.5px}

/* ---------- chrome headings: silver like the logo, blue and amber glow */
.mindsite .chrome{background:linear-gradient(100deg,transparent 0 40%,rgba(255,255,255,.95) 48%,rgba(255,206,140,.9) 52%,transparent 60% 100%) 0 0/200% 100% repeat-x,linear-gradient(180deg,#ffffff 0%,#f3f5f7 28%,#c3c9d1 46%,#6f7782 54%,#d7dce2 68%,#ffffff 84%,#b6bdc6 100%) 0 0/100% 100% no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:0;filter:drop-shadow(0 0 1px rgba(0,0,0,.9)) drop-shadow(0 0 10px rgba(47,134,255,.35));animation:sheen 4.6s linear infinite}
.mindsite h1:not(.chrome),.mindsite h2:not(.chrome){background:linear-gradient(100deg,#e6e9ed 0 38%,#ffffff 46%,#ffd29a 50%,#ffffff 54%,#e6e9ed 62% 100%) 0 0/200% 100% repeat-x;-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 8px rgba(47,134,255,.3));animation:shine 4.6s linear infinite}
.mindsite h3{color:#f1f3f5}

/* ---------- section labels, HUD corners, panels and cards */
/* section labels: clean mono text with no rules or ornaments, typed out like the headings. Section heads lead with their number (01, 02...) in amber */
.mindsite main{counter-reset:sec}
.mindsite .kicker{display:inline-block;font-family:var(--f-mono);font-size:11.5px;font-weight:500;line-height:1.5;letter-spacing:.24em;text-transform:uppercase;color:#a9c9ff;margin-bottom:12px;text-shadow:0 0 14px #000,0 0 3px #000}
.mindsite .kicker::before,.mindsite .kicker::after,.mindsite .section-head .kicker::after,.mindsite .page-hero .kicker::after,.mindsite .band .kicker::after{content:none;transform:none;box-shadow:none;border-radius:0;animation:none;background:none;width:auto;height:auto}
.mindsite .section-head .kicker{counter-increment:sec;color:var(--silver)}
.mindsite .section-head .kicker::before{content:counter(sec,decimal-leading-zero);display:inline-block;margin-right:14px;color:var(--amber);font-weight:600;letter-spacing:.06em}
.mindsite .kicker em{font-style:normal;color:var(--amber2)}
.mindsite .hud::after{background:linear-gradient(var(--blue-hot),var(--blue-hot)) left top/18px 1.5px,linear-gradient(var(--blue-hot),var(--blue-hot)) left top/1.5px 18px,linear-gradient(var(--blue-hot),var(--blue-hot)) right top/18px 1.5px,linear-gradient(var(--blue-hot),var(--blue-hot)) right top/1.5px 18px,linear-gradient(var(--amber),var(--amber)) left bottom/18px 1.5px,linear-gradient(var(--amber),var(--amber)) left bottom/1.5px 18px,linear-gradient(var(--amber),var(--amber)) right bottom/18px 1.5px,linear-gradient(var(--amber),var(--amber)) right bottom/1.5px 18px;background-repeat:no-repeat;opacity:.8}
.mindsite .panel::before{background:radial-gradient(500px circle at var(--mx,50%) var(--my,0%),rgba(47,134,255,.1),transparent 45%)}
.mindsite .panel{padding:clamp(18px,2.4vw,32px)}
.mindsite .card{padding:clamp(18px,1.8vw,24px)}
.mindsite .card:hover{box-shadow:0 18px 44px rgba(0,0,0,.6),var(--glow)}
.mindsite .card .ico{width:44px;height:44px;border-radius:11px;margin-bottom:12px;background:linear-gradient(180deg,rgba(47,134,255,.24),rgba(10,12,16,.6));border:1px solid rgba(90,162,255,.35);box-shadow:0 0 18px rgba(47,134,255,.25)}
.mindsite .card .ico svg{width:22px;height:22px}
.mindsite .stat{background:rgba(10,11,14,.94)}
.mindsite .stat::after{background:linear-gradient(90deg,transparent,var(--amber),transparent)}
.mindsite .step{background:rgba(10,11,14,.94);padding:16px 18px;gap:14px}
.mindsite .step .n{flex:0 0 38px;height:38px;border-radius:10px;font-weight:800;font-size:14px;color:#0b0d10;background:linear-gradient(180deg,#ffffff,#d9dde2 48%,#8d959f 52%,#eef1f4);box-shadow:0 0 14px rgba(47,134,255,.45)}
.mindsite .faq details{background:rgba(10,11,14,.94)}
.mindsite .faq summary .pm::before,.mindsite .faq summary .pm::after{background:var(--amber)}
.mindsite .faq details[open] .pm{background:rgba(255,154,42,.16)}
.mindsite .answer{background:linear-gradient(180deg,rgba(16,24,40,.94),rgba(8,9,11,.96));border-color:rgba(90,162,255,.28)}
.mindsite .answer p{color:#eef1f4}
.mindsite .prose code,.mindsite .answer code,.mindsite .faq code,.mindsite .step code{background:rgba(47,134,255,.16)}

/* ---------- buttons: polished chrome with a blue edge, ghost in steel */
.mindsite .btn{min-height:44px;padding:0 20px;border-radius:11px;font-size:11.5px;font-weight:700;letter-spacing:.14em;gap:8px}
.mindsite .btn svg{width:16px;height:16px}
.mindsite .btn-sm{min-height:38px;padding:0 15px;font-size:10.5px}
.mindsite .btn-chrome{color:#0b0d10;background:linear-gradient(180deg,#ffffff 0%,#eef1f4 36%,#b9c0c8 50%,#e3e7eb 66%,#ffffff 100%);border:1px solid #2f86ff;box-shadow:0 0 0 1px rgba(0,0,0,.6) inset,0 0 18px rgba(47,134,255,.45),0 8px 22px rgba(0,0,0,.5)}
.mindsite .btn-chrome:hover{box-shadow:0 0 0 1px rgba(0,0,0,.6) inset,0 0 30px rgba(47,134,255,.7),0 0 46px rgba(255,154,42,.18),0 10px 28px rgba(0,0,0,.55)}
.mindsite .btn-ghost{color:var(--chrome2);border:1px solid var(--line2);background:rgba(14,16,20,.72)}
.mindsite .btn-ghost:hover{border-color:var(--blue-hot);color:#fff;box-shadow:var(--glow)}

/* ---------- header, ticker, menus */
.mindsite .tickerbar{height:32px;background:linear-gradient(90deg,#050505,#0d1320 50%,#050505)}
.mindsite .tickerbar::before{background:linear-gradient(90deg,#050505,transparent)}
.mindsite .tickerbar::after{background:linear-gradient(-90deg,#050505,transparent)}
.mindsite .tk{font-size:11.5px;padding:0 18px;border-right-color:var(--line)}
.mindsite .tk-news{background:linear-gradient(90deg,rgba(255,154,42,.16),rgba(255,154,42,.03))}
.mindsite .tk-news i{color:var(--amber)}
.mindsite .tk-news b{color:#ffe7c7}
.mindsite .site-header{background:rgba(0,0,0,.66);padding-top:10px;padding-bottom:10px}
.mindsite .top.scrolled .site-header{background:rgba(0,0,0,.88)}
.mindsite .nav{gap:clamp(22px,2.2vw,40px)}
.mindsite .nav a{padding:10px 6px;font-size:11px;font-weight:600;letter-spacing:.14em}
.mindsite .nav a::after{left:6px;right:6px;background:linear-gradient(90deg,var(--deep),var(--blue-hot),var(--amber))}
.mindsite .nav a:hover,.mindsite .nav a[aria-current=page]{text-shadow:0 0 12px rgba(47,134,255,.8)}
.mindsite .burger,.mindsite .lang-btn,.mindsite .social-ico{background:rgba(14,16,20,.8)}
.mindsite .lang-btn{height:38px;font-size:11.5px}
.mindsite .burger{width:42px;height:42px}
.mindsite .lang-panel{background:linear-gradient(180deg,#121419,#07080a);box-shadow:0 24px 60px rgba(0,0,0,.7),0 0 36px rgba(47,134,255,.18)}
.mindsite .lang-panel::before{background:#121419}
.mindsite .lang-opt{font-size:13.5px}
.mindsite .lang-opt:hover,.mindsite .lang-opt:focus-visible{background:rgba(47,134,255,.12)}
.mindsite .lang-opt[aria-current=true]{background:rgba(47,134,255,.18)}
.mindsite .lang-title{color:var(--amber)}
.mindsite .mnav{background:radial-gradient(circle at 50% 30%,rgba(47,134,255,.22),rgba(0,0,0,.97) 70%)}
.mindsite .mnav a{font-weight:700}
.mindsite .mnav a.btn-chrome,.mindsite .mnav a.btn-chrome:hover,.mindsite .mnav a.btn-chrome:focus-visible{color:#0b0d10;font-size:13px;min-height:50px}
.mind-brand img{height:30px;width:auto;mix-blend-mode:screen}
.top.scrolled .mind-brand img{height:26px}

/* ---------- boot overlay */
.mindsite #boot .boot-half{background:linear-gradient(180deg,#000,#07080a)}
.mindsite #boot .boot-half.b{background:linear-gradient(0deg,#000,#07080a)}
.mindsite .boot-bar{background:rgba(214,222,232,.1)}
.mindsite .boot-bar i{background:linear-gradient(90deg,var(--deep),var(--blue-hot),var(--amber));box-shadow:0 0 14px var(--blue-hot)}
.boot-mind{width:min(560px,82vw)}
.boot-mind img{mix-blend-mode:screen}
.boot-mind.logo-shine::after{content:none;-webkit-mask:none;mask:none}

/* ---------- hero banner: frame spins in the logo's own colors (the art itself is untouched) */
.mindsite .banner-wrap{width:min(900px,100%);margin-bottom:clamp(16px,2.2vw,28px)}
.mindsite .banner{box-shadow:0 0 0 1px rgba(0,0,0,.9),0 0 30px rgba(47,134,255,.4),0 0 90px rgba(255,154,42,.12),0 40px 70px -24px rgba(0,0,0,.95)}
.mindsite .banner::before{background:conic-gradient(from 0deg,#ffffff,#c3c9d1 10%,#2f86ff 22%,#0b0d10 32%,#ff9a2a 44%,#ffffff 52%,#6f7782 62%,#2f86ff 74%,#0b0d10 84%,#ff9a2a 92%,#ffffff)}
.mindsite .banner:hover{box-shadow:0 0 0 1px rgba(0,0,0,.9),0 0 44px rgba(47,134,255,.6),0 0 110px rgba(255,154,42,.18),0 46px 80px -24px rgba(0,0,0,.95)}
.mindsite .logo-aura{background:radial-gradient(ellipse at center,rgba(47,134,255,.36),rgba(255,154,42,.1) 45%,transparent 70%)}
.mindsite .banner-shadow{background:radial-gradient(ellipse at center,rgba(47,134,255,.38),transparent 70%)}

/* ---------- big news flag and countdown */
.mindsite .news-flag{font-size:11px;padding:6px 14px;border-color:rgba(255,154,42,.6);background:rgba(70,38,0,.4);color:#ffe0b8;box-shadow:0 0 22px rgba(255,154,42,.18)}
.mindsite .news-flag .dot{width:8px;height:8px;background:var(--amber);box-shadow:0 0 12px var(--amber)}
.mind-hero .news-flag{margin:0 auto 14px}
.mindsite .cd-panel{background:radial-gradient(800px 300px at 50% 0%,rgba(47,134,255,.2),transparent 70%),var(--panel);gap:clamp(16px,1.8vw,22px)}
.mindsite .cd-unit{background:linear-gradient(180deg,rgba(18,22,30,.95),rgba(6,7,9,.97));padding:clamp(14px,1.8vw,22px) 8px}
.mindsite .cd-unit::after{background:rgba(214,222,232,.08)}
.mindsite .cd-unit b{font-weight:800;font-size:clamp(34px,5vw,72px);background:linear-gradient(180deg,#ffffff 0%,#eef1f4 38%,#aeb6c0 56%,#2f86ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 14px rgba(47,134,255,.4))}
.mindsite .cd-unit small{font-size:10.5px}
.mindsite .cd-boot-top{font-size:11px}
.mindsite .cd-bar{height:8px;background:rgba(214,222,232,.06)}
.mindsite .cd-bar i{background:linear-gradient(90deg,var(--deep),var(--blue-hot),var(--amber));box-shadow:0 0 16px rgba(47,134,255,.7)}
.mindsite .cd-when{font-size:clamp(12px,1vw,13.5px)}
.mindsite .cd-when strong{font-size:clamp(14px,1.2vw,16px);font-weight:700}
.mindsite .cd-local{color:var(--amber2)}

/* ---------- footer and band */
.mindsite .site-footer{background:#000}
.mindsite .f-nav a{font-size:11px}
.mindsite .f-nav a:hover,.mindsite .f-legal a:hover{background:rgba(47,134,255,.12)}
.mindsite .f-legal a,.mindsite .f-bottom{font-size:11.5px}
.mindsite .band{padding:clamp(28px,3.6vw,48px) var(--pad);border-radius:20px;background:radial-gradient(800px 300px at 50% 0%,rgba(47,134,255,.22),transparent 70%),var(--panel)}
/* footer logo: shown exactly as supplied (no frame, no rounding, no effects) on a solid black footer, so its black square blends in */
.mind-fbrand img{width:clamp(160px,14vw,200px);height:auto;border:0;border-radius:0;box-shadow:none;filter:none}
.mind-tag{margin:0;font-family:var(--f-display);font-weight:700;font-size:clamp(15px,1.4vw,19px);letter-spacing:.06em;color:#eef1f4}

/* ---------- the token: facts, contract panel */
.tk-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:clamp(12px,1.4vw,18px)}
.tk-facts .stat b{font-size:clamp(16px,1.6vw,22px)}
.ca-panel{display:flex;flex-direction:column;gap:16px}
.ca-locked{display:flex;align-items:center;gap:clamp(14px,2vw,22px)}
.ca-locked h3{margin:0 0 6px;font-size:clamp(16px,1.4vw,19px);text-wrap:balance}
.ca-locked p{margin:0;color:var(--text);font-size:14.5px}
.ca-ico{flex:0 0 auto;display:grid;place-items:center;width:clamp(50px,5vw,62px);height:clamp(50px,5vw,62px);border-radius:15px;border:1px solid rgba(255,154,42,.55);background:radial-gradient(circle at 50% 30%,rgba(255,154,42,.22),rgba(30,14,0,.5));color:var(--amber);box-shadow:0 0 28px rgba(255,154,42,.22);animation:pulse 2.2s infinite}
.ca-ico svg{width:46%;height:46%}
.ca-live{display:flex;flex-direction:column;gap:14px}
.ca-live .kicker{margin:0}
.ca-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:11px 13px;border-radius:12px;border:1px solid rgba(255,154,42,.45);background:rgba(36,20,2,.55)}
.ca-addr{flex:1 1 300px;min-width:0;font-family:var(--f-mono);font-size:clamp(12.5px,1.1vw,14.5px);color:#fff1de;overflow-wrap:anywhere;word-break:break-all;white-space:normal;text-overflow:clip;overflow:visible;line-height:1.5}
.ca-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ca-cta{margin:0}

/* ---------- paired with $SI, steps, safety, closing band */
.flow{position:relative;margin-bottom:clamp(12px,1.4vw,18px)}
.flow .card{display:flex;flex-direction:column;gap:6px}
.flow .card h3{margin:6px 0 2px}
.flow .card p{margin:0}
.flow-n{position:absolute;top:clamp(14px,1.6vw,20px);right:clamp(14px,1.6vw,20px);font-family:var(--f-display);font-weight:800;font-size:clamp(28px,3vw,40px);line-height:1;color:transparent;-webkit-text-stroke:1px rgba(255,154,42,.55)}
.flow .card:nth-child(2){border-color:rgba(255,154,42,.42);box-shadow:0 0 30px rgba(255,154,42,.1)}
.mind-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;height:auto}
.mind-steps .step{flex:none}
.safety{border-color:rgba(255,154,42,.5);background:linear-gradient(180deg,rgba(34,20,4,.9),rgba(8,6,3,.95))}
.mindsite .safety .kicker{color:var(--amber2)}
.safety p{font-size:14.5px}
.mind-band{background:radial-gradient(800px 300px at 50% 0%,rgba(255,154,42,.14),transparent 70%),radial-gradient(900px 340px at 50% 100%,rgba(47,134,255,.2),transparent 70%),var(--panel)}

/* ---------- the live contract in the hero */
.hero-ca{display:flex;flex-direction:column;align-items:center;gap:8px;width:min(720px,100%);margin:clamp(16px,1.9vw,22px) auto 0}
.hero-ca-label{font-family:var(--f-mono);font-size:11.5px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--amber2);text-shadow:0 0 14px #000,0 0 3px #000}
.hero-ca .ca-row{width:100%;justify-content:center;background:rgba(36,20,2,.78);box-shadow:0 0 26px rgba(255,154,42,.12)}
.hero-ca .ca-addr{text-align:center}
.mind-hero .hero-cta{justify-content:center;margin-top:clamp(14px,1.6vw,18px)}
.ca-check{margin:0;font-size:13.5px;color:var(--muted)}
.ca-check b,.swap-steps b{font-family:var(--f-mono);font-weight:600;color:#fff1de}
.mindsite .btn.is-copied{border-color:var(--amber);color:#ffe0b8;box-shadow:0 0 18px rgba(255,154,42,.3)}
.mindsite p code,.mindsite .ans code{overflow-wrap:anywhere;word-break:break-all}

/* ---------- Jupiter swap: the widget beside four short steps, both columns the same height */
:root{--jupiter-plugin-primary:255,154,42;--jupiter-plugin-background:6,7,9;--jupiter-plugin-primaryText:238,241,244;--jupiter-plugin-warning:255,194,119;--jupiter-plugin-interactive:24,28,37;--jupiter-plugin-module:13,15,19}
.swap-grid{display:grid;grid-template-columns:minmax(0,460px) minmax(0,1fr);gap:clamp(12px,1.4vw,18px);align-items:stretch}
.mindsite .swap-box{padding:clamp(8px,.9vw,12px);display:flex;flex-direction:column;justify-content:center;min-width:0}
.jup-target{position:relative;flex:0 0 auto;width:100%;height:550px;border-radius:12px;overflow:hidden;background:rgb(6,7,9)}
.jup-wait{position:absolute;inset:0;display:grid;place-items:center;margin:0;padding:20px;text-align:center;font-family:var(--f-mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.jup-ready .jup-wait{display:none}
.swap-side{display:flex;flex-direction:column;gap:12px;min-width:0}
.swap-steps{list-style:none;margin:0;padding:0;flex:1;display:grid;grid-auto-rows:1fr;gap:12px}
.swap-steps li{display:flex;align-items:center;gap:14px;padding:16px clamp(16px,1.6vw,22px);border-radius:var(--r);border:1px solid var(--line2);background:rgba(10,11,14,.94);min-width:0}
.swap-steps .n{flex:0 0 38px;height:38px;display:grid;place-items:center;border-radius:10px;font-family:var(--f-display);font-weight:800;font-size:14px;color:#0b0d10;background:linear-gradient(180deg,#ffffff,#d9dde2 48%,#8d959f 52%,#eef1f4);box-shadow:0 0 14px rgba(47,134,255,.45)}
.swap-steps h3{margin:0 0 4px;font-size:15px}
.swap-steps p{margin:0;font-size:14.5px;color:var(--text)}
.swap-steps li>div{min-width:0}
.swap-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.swap-links .btn{width:100%}
@media (max-width:900px){.swap-grid{grid-template-columns:1fr}.swap-steps{grid-auto-rows:auto}}

/* ---------- supply lock: a short line under the hero contract, and a panel with animated numbers in the token section */
.hero-lock{display:flex;width:fit-content;max-width:min(720px,100%);align-items:center;gap:10px;margin:clamp(12px,1.4vw,16px) auto 0;padding:9px 16px 9px 10px;border-radius:12px;border:1px solid rgba(90,162,255,.35);background:rgba(10,16,28,.8);color:var(--ice);font-size:13.5px;line-height:1.45;text-align:left;text-decoration:none;transition:border-color .25s,box-shadow .25s}
.hero-lock:hover,.hero-lock:focus-visible{border-color:var(--blue-hot);box-shadow:var(--glow);outline:none}
.hero-lock .hl-ico{flex:0 0 auto;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:var(--amber);background:rgba(255,154,42,.12);border:1px solid rgba(255,154,42,.4)}
.hero-lock .hl-ico svg{width:15px;height:15px}
.hero-lock b{color:#fff;font-weight:600}
.mindsite .lock-panel{display:flex;flex-direction:column;gap:16px;margin-top:clamp(12px,1.4vw,18px);scroll-margin-top:110px}
.lock-head{display:flex;align-items:center;gap:clamp(14px,2vw,22px)}
.lock-head .kicker{margin-bottom:6px}
.lock-head h3{margin:0 0 6px;font-size:clamp(16px,1.4vw,19px);text-wrap:balance}
.lock-head p{margin:0;font-size:14.5px;color:var(--text)}
.lock-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.lock-stats .stat b{font-variant-numeric:tabular-nums}
.lock-cta{margin:0}
@media (max-width:980px){.lock-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- holder rewards, live from the chain */
.mindsite .rw-panel{display:flex;flex-direction:column;gap:16px}
.rw-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.rw-stats .stat b,.tn-facts .stat b{font-variant-numeric:tabular-nums}
.rw-last{margin:0;text-align:center;font-size:14.5px;color:var(--text);text-wrap:balance}
.rw-last b{color:#fff1de;font-weight:600}
.rw-cta{margin:0;justify-content:center}
.rw-note{margin:0;text-align:center;font-size:12.5px;color:var(--dim)}

/* ---------- tokenomics: one live bar of the whole supply, a legend and four facts */
.mindsite .tn-panel{display:flex;flex-direction:column;gap:18px}
.tn-bar{display:flex;height:18px;border-radius:999px;overflow:hidden;background:rgba(214,222,232,.07);box-shadow:inset 0 0 0 1px var(--line2)}
.tn-seg{display:block;height:100%;width:0;transition:width 1.4s cubic-bezier(.2,.8,.2,1)}
.tn-free{background:linear-gradient(90deg,#aeb6c0,#eef1f4)}
.tn-pool{background:linear-gradient(90deg,#1458e0,#5aa2ff)}
.tn-lock{background:linear-gradient(90deg,#ff9a2a,#ffc277)}
.tn-burn{background:linear-gradient(90deg,#b8322a,#ff6a4d)}
.tn-legend{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.tn-item{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:var(--r);border:1px solid var(--line2);background:rgba(10,11,14,.94);min-width:0}
.tn-dot{flex:0 0 12px;height:12px;border-radius:4px;margin-top:6px}
.tn-item b{display:block;font-family:var(--f-display);font-size:clamp(18px,1.6vw,22px);font-weight:700;color:#fff;font-variant-numeric:tabular-nums;line-height:1.2}
.tn-item small{display:block;margin-top:3px;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.tn-item em{display:block;margin-top:2px;font-style:normal;font-size:13px;color:var(--text)}
.tn-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media (max-width:980px){.rw-stats,.tn-legend,.tn-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){.tn-seg{transition:none}}

@media (max-width:980px){.tk-facts,.ca-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){.mind-steps{grid-template-columns:1fr}}
@media (max-width:560px){
  body.mindsite{font-size:15px}
  .ca-locked{flex-direction:column;text-align:center}
  .lock-head{flex-direction:column;text-align:center}
  .hero-lock{font-size:13px}
  .mind-brand img{height:26px}
  .mindsite .mind-hero h1{font-size:clamp(26px,8vw,34px)}
  .mindsite h2{font-size:clamp(20px,6vw,24px)}
  .mindsite .cd-unit b{font-size:clamp(24px,8vw,34px)}
  .mindsite .cd-unit{padding:12px 4px}
  .mindsite .btn{min-height:44px}
  .swap-links{grid-template-columns:1fr}
  .ca-row .btn{flex:1 1 100%;width:100%}
  .hero-ca .ca-row{flex-direction:column}
  .hero-ca .ca-addr{flex:0 0 auto;width:100%}
  .hero-ca .ca-row .btn{width:100%}
}
.ca-live[hidden],.ca-locked[hidden]{display:none}