@charset "UTF-8";
/*
 * $ORE community hub (community.stonkbuilder.com/ore).
 *
 * Community-site structure (brand header, eyebrow labels, tight display type,
 * panel cards) in ORE's own register: near-black ink and a copper accent.
 * Fonts stay local because the Community CSP is `font-src 'self'`.
 */
:root{
  color-scheme:dark;
  --bg:#0b0a10;--bg-2:#100e16;--panel:#141119;--panel-2:#1a1622;--panel-3:#211c2b;
  --line:#27212f;--line-2:#3a3245;
  --text:#f5f0ea;--muted:#aca39c;--faint:#80776f;
  --copper:#e39a5c;--copper-hi:#f7c794;--copper-lo:#b5652f;--copper-ink:#1d1107;
  --ok:#8fdcaa;--warn:#f0c16b;--burn:#ff8a6a;
  --sol-a:#9945ff;--sol-b:#19fb9b;
  --radius:16px;--content:1180px;
  --sans:Inter,"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;
  --mono:ui-monospace,"SF Mono",SFMono-Regular,"Cascadia Mono",Menlo,Consolas,monospace;
  font-family:var(--sans);font-size:16px;line-height:1.55;font-synthesis:none;
  text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px;-webkit-text-size-adjust:100%}
body{margin:0;color:var(--text);background:
  radial-gradient(900px 560px at 82% -10%,rgba(227,154,92,.15),transparent 70%),
  radial-gradient(760px 520px at -12% 6%,rgba(153,69,255,.07),transparent 70%),
  var(--bg)}
body.ore-hub{padding-bottom:0}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
h1,h2,h3,p,dl,dd,figure{margin:0}
.ic{display:block;width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--copper);outline-offset:3px;border-radius:8px}
::selection{background:rgba(227,154,92,.38);color:#fff}
.wrap{width:min(var(--content),calc(100% - 48px));margin-inline:auto}
.skip-link{position:absolute;left:16px;top:-80px;z-index:60;padding:10px 14px;border-radius:9px;background:var(--copper);color:var(--copper-ink);font-weight:700}
.skip-link:focus{top:12px}
main:focus{outline:none}

/* Header */
.topbar{position:sticky;top:0;z-index:30;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(11,10,16,.8);-webkit-backdrop-filter:saturate(150%) blur(14px);backdrop-filter:saturate(150%) blur(14px)}
.topbar-inner{display:flex;align-items:center;gap:12px;min-height:66px}
.brand{display:inline-flex;align-items:center;gap:10px;flex:none}
.brand img{display:block;border-radius:9px}
.brand>span{display:grid;line-height:1.05}
.brand strong{font-size:16px;font-weight:720;letter-spacing:-.045em}
.brand small{margin-top:4px;color:var(--faint);font-size:8.5px;letter-spacing:.3em}
.crumb{color:var(--line-2);font-size:22px;font-weight:300;line-height:1}
.crumb-current{color:var(--copper-hi);font-weight:720;letter-spacing:-.02em}
.page-nav{display:flex;gap:2px;margin-left:auto}
.page-nav a{padding:8px 12px;border-radius:999px;color:var(--muted);font-size:13.5px;font-weight:560;transition:color .15s,background .15s}
.page-nav a:hover{color:var(--text);background:rgba(255,255,255,.05)}
.topbar .btn{margin-left:6px}

/* Buttons and chips */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 20px;border:1px solid transparent;border-radius:12px;font-size:15px;font-weight:680;letter-spacing:-.01em;white-space:nowrap;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease,filter .18s ease}
.btn:hover{transform:translateY(-1px)}
.btn-copper{color:var(--copper-ink);background:linear-gradient(180deg,#f6b980,#df8e4b);box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 14px 34px -14px rgba(227,154,92,.8)}
.btn-copper:hover{filter:brightness(1.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 18px 42px -14px rgba(227,154,92,.95)}
.btn-ghost{color:var(--text);border-color:var(--line-2);background:rgba(255,255,255,.03)}
.btn-ghost:hover{border-color:rgba(227,154,92,.55);background:rgba(227,154,92,.07)}
.btn-small{min-height:38px;padding:0 14px;border-radius:10px;font-size:13px}
.copy-btn{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border:1px solid rgba(227,154,92,.55);border-radius:9px;background:rgba(227,154,92,.12);color:var(--copper-hi);font-size:13px;font-weight:620;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.copy-btn:hover{background:rgba(227,154,92,.22)}
.copy-btn.is-copied{border-color:rgba(143,220,170,.6);background:rgba(143,220,170,.12);color:var(--ok)}
.chip-link{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border:1px solid var(--line-2);border-radius:9px;color:var(--muted);font-size:13px;font-weight:560;white-space:nowrap;transition:color .15s,border-color .15s}
.chip-link:hover{color:var(--text);border-color:#5a4e66}
.text-link{color:var(--copper-hi);font-size:13.5px;font-weight:650}
.text-link:hover{color:#fff}

/* Hero: the shell is full-bleed so the decorative rings fade out at the
   screen edge instead of widening the page. */
.hero-shell{overflow:hidden;overflow:clip}
.hero{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr);gap:48px;align-items:center;padding:76px 0 96px}
.kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:26px;padding:7px 14px 7px 11px;border:1px solid rgba(227,154,92,.32);border-radius:999px;background:rgba(227,154,92,.07);color:#f3c79e;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.pulse{width:8px;height:8px;border-radius:50%;background:var(--copper);animation:pulse 2.4s ease-out infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(227,154,92,.6)}70%,100%{box-shadow:0 0 0 10px rgba(227,154,92,0)}}
h1{font-size:clamp(44px,5.5vw,78px);font-weight:730;line-height:.98;letter-spacing:-.06em}
h1 em,h2 em{font-style:normal;color:var(--copper-hi);background:linear-gradient(96deg,#ffdcb4 0%,#efa56a 44%,#c46e35 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.lede{max-width:33em;margin-top:26px;color:var(--muted);font-size:18px;line-height:1.66}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.ca-card{max-width:580px;margin-top:34px;padding:16px 18px 14px;border:1px solid var(--line-2);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.012));box-shadow:0 26px 60px -34px rgba(0,0,0,.95)}
.ca-head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--faint);font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.ca-badge{color:var(--ok);font-size:12px;font-weight:620;letter-spacing:.02em;text-transform:none;white-space:nowrap}
.ca-value{display:block;margin:10px 0 14px;color:var(--text);font-family:var(--mono);font-size:clamp(13px,1.42vw,16.5px);line-height:1.45;word-break:break-all;-webkit-user-select:all;user-select:all}
.ca-actions{display:flex;flex-wrap:wrap;gap:8px}
.ca-note{margin-top:12px;color:var(--faint);font-size:12px}

/* Hero art: a 5×5 round with the winning tile moving around the grid */
.hero-art{position:relative;display:grid;place-items:center;min-height:560px;isolation:isolate}
.hero-art::after{content:"";position:absolute;z-index:-1;width:72%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(227,154,92,.32),rgba(227,154,92,.07) 46%,transparent 70%);filter:blur(12px)}
.rings,.sweep{position:absolute;top:50%;left:50%;z-index:-2;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%)}
.rings{width:min(660px,128%);background:repeating-radial-gradient(circle,rgba(227,154,92,.2) 0 1px,transparent 1.6px 14px);-webkit-mask:radial-gradient(circle,#000 20%,rgba(0,0,0,.55) 46%,transparent 70%);mask:radial-gradient(circle,#000 20%,rgba(0,0,0,.55) 46%,transparent 70%)}
.sweep{width:min(620px,120%);background:conic-gradient(from 0deg,transparent 0 70%,rgba(227,154,92,.2) 94%,rgba(255,216,172,.42) 100%);-webkit-mask:radial-gradient(circle,transparent 0 17%,#000 18% 67%,transparent 69%);mask:radial-gradient(circle,transparent 0 17%,#000 18% 67%,transparent 69%);animation:sweep 9s linear infinite}
@keyframes sweep{to{transform:translate(-50%,-50%) rotate(1turn)}}
.board{position:relative;width:min(440px,100%);padding:18px 18px 16px;border:1px solid rgba(255,255,255,.09);border-radius:24px;background:linear-gradient(180deg,rgba(30,26,40,.95),rgba(15,13,21,.97));box-shadow:0 50px 90px -40px rgba(0,0,0,.95),0 0 0 1px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.06)}
.board-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;color:var(--faint);font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.board-tag{padding:4px 8px;border:1px solid var(--line-2);border-radius:999px;font-size:9.5px;letter-spacing:.1em}
.board-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.tile{position:relative;display:grid;place-items:center;aspect-ratio:1;border:1px solid #2d2638;border-radius:10px;background:linear-gradient(180deg,#201b2b,#18141f);color:#8d809c;font-size:13px;line-height:1}
.tile i{position:relative;z-index:1;font-style:normal}
.tile::before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:radial-gradient(circle at 50% 34%,#ffe6c6 0,#f5ab68 46%,#c2672f 100%);box-shadow:0 0 0 1px rgba(255,214,168,.75),0 0 38px 6px rgba(236,160,96,.6);opacity:0}
.tile::after{content:"";position:absolute;left:20%;right:20%;bottom:15%;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--sol-a),var(--sol-b));opacity:.55;transform:scaleX(var(--h,.5));transform-origin:left}
.tile.strike{animation:pop 12.5s ease-in-out infinite;animation-delay:calc(var(--i) * 2.5s)}
.tile.strike::before{animation:strike 12.5s ease-in-out infinite;animation-delay:calc(var(--i) * 2.5s)}
.tile.strike i{animation:glyph 12.5s ease-in-out infinite;animation-delay:calc(var(--i) * 2.5s)}
@keyframes strike{0%,15%,100%{opacity:0}3%,11%{opacity:1}}
@keyframes pop{0%,15%,100%{transform:none}3%,11%{transform:scale(1.07)}}
@keyframes glyph{0%,15%,100%{color:#8d809c}3%,11%{color:#3b1d09}}
.board-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:14px;color:var(--faint);font-size:11.5px}
.board-legend b{margin-right:4px;color:#a897bb;font-weight:400}
.split-key{display:inline-block;width:10px;height:10px;border:1px solid #3d3549;border-radius:3px;background:#201b2b;vertical-align:-1px}
.board-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px;padding-top:14px;border-top:1px dashed var(--line-2)}
.board-stats dt{color:var(--copper-hi);font-family:var(--mono);font-size:15px;font-weight:700}
.board-stats dd{margin-top:2px;color:var(--faint);font-size:11.5px}
.float-chip{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(21,18,28,.86);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text);font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 14px 30px -14px rgba(0,0,0,.9);animation:float 7s ease-in-out infinite}
.float-chip i{width:8px;height:8px;border-radius:50%}
/* Chips hang off the board's outer edge so they never cover a tile. */
.chip-sol{top:12px;left:-78px}.chip-sol i{background:linear-gradient(135deg,var(--sol-a),var(--sol-b))}
.chip-ore{right:-84px;bottom:24px;animation-delay:-2.3s}.chip-ore i{background:var(--copper)}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* Protocol constants */
.facts{border-block:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.01))}
.facts-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.fact{display:grid;align-content:start;gap:6px;padding:28px 24px;border-left:1px solid rgba(255,255,255,.06)}
.fact:first-child{padding-left:0;border-left:0}
.fact-label{color:var(--copper);font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.fact strong{font-size:clamp(26px,2.6vw,34px);font-weight:720;line-height:1.05;letter-spacing:-.045em}
.fact small{color:var(--muted);font-size:13px;line-height:1.5}

/* Sections */
.section{padding-block:104px}
.section-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:end;margin-bottom:44px}
.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:16px;color:var(--copper);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.eyebrow::before{content:"";width:22px;height:1px;background:currentColor;opacity:.7}
h2{font-size:clamp(36px,4.6vw,58px);font-weight:720;line-height:1.02;letter-spacing:-.055em}
.section-head>p{max-width:34em;color:var(--muted);font-size:16.5px;line-height:1.7}

.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}
.step{position:relative;padding:24px 22px 26px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,var(--panel-2),var(--panel))}
.step::before{content:"";position:absolute;top:0;left:18px;right:18px;height:1px;background:linear-gradient(90deg,var(--copper),transparent 80%)}
.step:not(:last-child)::after{content:"→";position:absolute;top:24px;right:-13px;z-index:1;display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--line-2);border-radius:50%;background:var(--bg);color:var(--copper);font-size:12px}
.step-no{color:var(--copper);font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.08em}
.step h3{margin:14px 0 4px;font-size:24px;letter-spacing:-.04em}
.step strong{display:block;font-size:14.5px;font-weight:620}
.step p{margin-top:10px;color:var(--muted);font-size:14px;line-height:1.62}

.flow{margin-top:18px;padding:22px;border:1px solid var(--line);border-radius:20px;background:radial-gradient(640px 220px at 50% 0%,rgba(227,154,92,.08),transparent 70%),var(--panel)}
.flow figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px;font-size:15px;font-weight:650}
.flow figcaption small{color:var(--faint);font-size:12px;font-weight:500}
.flow-track{display:flex;align-items:center;gap:10px}
.flow-node{flex:1;display:grid;align-content:center;gap:3px;min-width:0;min-height:84px;padding:14px;border:1px solid var(--line-2);border-radius:14px;background:rgba(255,255,255,.02)}
.flow-node span{font-size:14px;font-weight:650}
.flow-node small{color:var(--muted);font-size:12px;line-height:1.45}
.flow-node b{color:var(--copper-hi);font-family:var(--mono);font-size:13px}
.flow-hot{border-color:rgba(227,154,92,.55);background:rgba(227,154,92,.08)}
.flow-burn{border-color:rgba(255,138,106,.45);background:rgba(255,138,106,.07)}
.flow-burn b{color:var(--burn)}
.flow-split{flex:1.1;display:grid;gap:8px;min-width:0}
.flow-arrow{align-self:center;color:var(--copper);font-size:18px}

.mechanics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}
.mechanic{display:flex;flex-direction:column;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}
.mechanic-icon,.link-card-icon,.tracker-icon,.buy-icon{display:grid;place-items:center;flex:none}
.mechanic-icon{width:40px;height:40px;border-radius:12px;background:rgba(227,154,92,.12);color:var(--copper-hi)}
.mechanic h3{margin:16px 0 8px;font-size:18px;letter-spacing:-.025em}
.mechanic p{margin-bottom:16px;color:var(--muted);font-size:14px;line-height:1.62}
.mechanic .text-link{margin-top:auto}

/* Token */
.section-token{border-block:1px solid rgba(255,255,255,.04);background:linear-gradient(180deg,transparent,rgba(227,154,92,.04) 30%,rgba(227,154,92,.04) 70%,transparent)}
.token-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:16px;align-items:start}
.panel{padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--panel)}
.panel-title{margin-bottom:14px;color:var(--faint);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.panel-title:not(:first-child){margin-top:26px}
.token-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--line)}
.token-facts div{padding:12px 14px;background:var(--panel-2)}
.token-facts dt{color:var(--faint);font-size:11px;font-weight:620;letter-spacing:.06em;text-transform:uppercase}
.token-facts dd{margin-top:4px;font-size:14.5px;font-weight:620}
.addresses{display:grid;gap:10px}
.address-row{display:grid;grid-template-columns:148px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.015)}
.address-meta strong{display:block;font-size:14px}
.address-meta small{display:block;color:var(--faint);font-size:12px;line-height:1.4}
.address-value{color:var(--text);font-family:var(--mono);font-size:13px;line-height:1.45;word-break:break-all;-webkit-user-select:all;user-select:all}
.address-actions{display:flex;gap:6px}
.lookalike{margin-top:14px;padding:13px 15px;border:1px solid rgba(240,193,107,.35);border-radius:14px;background:rgba(240,193,107,.07);color:#eadbbd;font-size:13.5px;line-height:1.6}
.lookalike strong{color:var(--warn)}
.lookalike code{padding:1px 5px;border-radius:5px;background:rgba(255,255,255,.07);color:var(--text);font-family:var(--mono);font-size:12.5px}
.buy-primary{display:flex;align-items:center;gap:14px;padding:18px;border-radius:16px;background:linear-gradient(135deg,#f6b980,#dc8a47);color:var(--copper-ink);box-shadow:0 20px 44px -22px rgba(227,154,92,.95);transition:transform .18s,filter .18s}
.buy-primary:hover{transform:translateY(-2px);filter:brightness(1.05)}
.buy-icon{width:44px;height:44px;border-radius:12px;background:rgba(29,17,7,.14)}
.buy-primary strong{display:block;font-size:17px;letter-spacing:-.02em}
.buy-primary small{display:block;font-size:12.5px;opacity:.78}
.buy-primary>b,.buy-secondary>b{margin-left:auto;font-weight:600}
.buy-secondary{display:flex;align-items:center;gap:14px;margin-top:10px;padding:14px 18px;border:1px solid var(--line-2);border-radius:16px;background:rgba(255,255,255,.02);transition:border-color .15s}
.buy-secondary:hover{border-color:rgba(227,154,92,.5)}
.buy-secondary strong{display:block;font-size:15px}
.buy-secondary small{display:block;color:var(--muted);font-size:12.5px}
.trackers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}
.tracker{display:flex;align-items:center;gap:10px;height:100%;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.015);transition:border-color .15s,background .15s}
.tracker:hover{border-color:rgba(227,154,92,.45);background:rgba(227,154,92,.05)}
.trackers li:last-child:nth-child(odd){grid-column:1/-1}
.tracker-icon{width:30px;height:30px;border-radius:9px;background:rgba(227,154,92,.1);color:var(--copper-hi)}
.tracker-icon .ic{width:17px;height:17px}
.tracker strong{display:block;font-size:13.5px}
.tracker small{display:block;color:var(--faint);font-size:11.5px;line-height:1.35}
.tracker>b{margin-left:auto;color:var(--faint);font-weight:500}
.panel-note{margin-top:16px;color:var(--faint);font-size:12.5px;line-height:1.55}
.panel-note a{color:var(--copper-hi)}

/* Links */
.link-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
.link-stack{display:grid;gap:14px}
.link-card{padding:22px 22px 10px;border:1px solid var(--line);border-radius:20px;background:var(--panel)}
.qr-card{display:grid;grid-template-columns:112px minmax(0,1fr);gap:18px;align-items:center;padding:20px;border:1px solid rgba(227,154,92,.3);border-radius:20px;background:radial-gradient(320px 180px at 0% 0%,rgba(227,154,92,.16),transparent 70%),var(--panel-2)}
.qr-card .qr{display:block;width:112px;height:112px;border-radius:12px}
.qr-card h3{margin:8px 0 6px;font-size:17px;letter-spacing:-.02em}
.qr-card p{margin-bottom:10px;color:var(--muted);font-size:13.5px;line-height:1.55}
.link-card h3{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:17px;letter-spacing:-.02em}
.link-card-icon{width:34px;height:34px;border-radius:10px;background:rgba(227,154,92,.12);color:var(--copper-hi)}
.link-list{margin:0;padding:0;list-style:none}
.link-list li+li{border-top:1px solid var(--line)}
.link-list a{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;padding:12px 2px}
.link-list a>b{grid-column:2;grid-row:1/4;align-self:center;color:var(--faint);font-weight:500;transition:color .15s,transform .15s}
.link-title{font-size:14.5px;font-weight:620;transition:color .15s}
.link-detail{color:var(--muted);font-size:12.5px}
.link-host{margin-top:2px;overflow:hidden;color:var(--faint);font-family:var(--mono);font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.link-list a:hover .link-title{color:var(--copper-hi)}
.link-list a:hover>b{color:var(--copper-hi);transform:translate(2px,-2px)}

/* Safety */
.checks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}
.check{padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}
.check-no{display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(227,154,92,.5);border-radius:50%;color:var(--copper-hi);font-family:var(--mono);font-size:13px;font-weight:700}
.check h3{margin:16px 0 8px;font-size:17px;letter-spacing:-.02em}
.check p{color:var(--muted);font-size:14px;line-height:1.6}

/* Join */
.join-grid{display:grid;grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(0,1fr));gap:14px}
.join-card{display:flex;flex-direction:column;gap:12px;padding:26px;border:1px solid var(--line);border-radius:20px;background:var(--panel)}
.join-card h3{font-size:22px;letter-spacing:-.035em}
.join-card p{color:var(--muted);font-size:14.5px;line-height:1.62}
.join-kicker{color:var(--copper);font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.join-feature{border-color:rgba(227,154,92,.35);background:radial-gradient(420px 240px at 100% 0%,rgba(227,154,92,.2),transparent 70%),var(--panel-2)}
.join-feature h3{font-family:var(--mono);font-size:19px;letter-spacing:-.02em;overflow-wrap:anywhere}
.join-card>.btn{align-self:flex-start;margin-top:auto}
.join-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:auto}
.join-actions .btn{min-height:42px;padding:0 15px;border-radius:11px;font-size:14px}
.join-actions .btn+.btn{margin-left:-6px}

/* FAQ */
.faq-layout{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:56px;align-items:start}
.faq-intro{position:sticky;top:104px}
.faq-intro>p:not(.eyebrow){margin:20px 0 26px;color:var(--muted);font-size:16.5px;line-height:1.7}
.faq{display:grid;gap:10px}
.faq-item{border:1px solid var(--line);border-radius:16px;background:var(--panel);transition:border-color .15s}
.faq-item[open]{border-color:rgba(227,154,92,.35)}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;font-size:16px;font-weight:640;list-style:none;cursor:pointer}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";display:grid;place-items:center;flex:none;width:28px;height:28px;border:1px solid var(--line-2);border-radius:50%;color:var(--copper-hi);font-size:18px;font-weight:400;transition:transform .2s}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-item p{max-width:62em;padding:0 20px 20px;color:var(--muted);font-size:15px;line-height:1.7;overflow-wrap:anywhere}

/* Footer and the shared StonkBuilder contact control */
.footer{padding:56px 0 30px;border-top:1px solid rgba(255,255,255,.06);background:rgba(0,0,0,.22)}
.footer-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:40px}
.footer-brand p{max-width:62ch;margin-top:16px;color:var(--faint);font-size:13px;line-height:1.7}
.footer-brand .footer-contact{color:var(--muted)}
.footer-nav{display:grid;align-content:start;justify-items:start;gap:10px;color:var(--muted);font-size:14px}
.footer-nav a:hover{color:var(--text)}
body.ore-hub #stonkbuilder-x-contact{position:static;width:max-content;max-width:calc(100% - 32px);margin:0 auto 36px;border-color:var(--line-2);background:var(--panel);box-shadow:none}

/* Responsive */
@media (max-width:1100px){
  .facts-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .fact:nth-child(4){padding-left:0;border-left:0}
  .fact:nth-child(n+4){border-top:1px solid rgba(255,255,255,.06)}
  .steps,.mechanics,.checks{grid-template-columns:repeat(2,minmax(0,1fr))}
  .step:not(:last-child)::after{display:none}
  .join-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .join-feature{grid-column:1/-1}
  .token-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:961px) and (max-width:1250px){
  .float-chip{display:none}
}
@media (max-width:960px){
  .topbar-inner{flex-wrap:wrap;row-gap:0;padding-top:10px}
  .topbar .btn{margin-left:auto}
  .page-nav{order:5;width:calc(100% + 48px);margin:6px -24px 0;padding:0 18px 10px;overflow-x:auto;scrollbar-width:none}
  .page-nav::-webkit-scrollbar{display:none}
  .page-nav a{flex:none}
  .hero{grid-template-columns:1fr;gap:28px;padding:52px 0 72px}
  .hero-art{min-height:500px}
  .section-head{grid-template-columns:1fr;gap:18px}
  .token-grid,.link-columns{grid-template-columns:1fr}
  .flow-track{flex-direction:column;align-items:stretch}
  .flow-node{min-height:0}
  .faq-layout{grid-template-columns:1fr;gap:30px}
  .faq-intro{position:static}
  .flow-arrow{transform:rotate(90deg)}
  .flow-split{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-grid{grid-template-columns:1fr;gap:26px}
}
@media (max-width:640px){
  .wrap{width:calc(100% - 32px)}
  .page-nav{width:calc(100% + 32px);margin-inline:-16px;padding-inline:10px}
  .brand small{display:none}
  .brand strong{font-size:15px}
  .hero{padding:40px 0 60px}
  .kicker{gap:8px;padding:6px 12px 6px 10px;font-size:10px;letter-spacing:.1em}
  .lede{font-size:16.5px}
  .actions .btn{flex:1 1 100%}
  .ca-card{padding:14px}
  .ca-head{flex-wrap:wrap}
  .hero-art{min-height:auto;padding:52px 0 52px}
  .board{padding:14px}
  .board-grid{gap:5px}
  .tile{border-radius:8px;font-size:11px}
  .board-stats dt{font-size:13px}
  .float-chip{font-size:9.5px;padding:6px 10px}
  .chip-sol{top:-44px;left:0}
  .chip-ore{right:0;bottom:-44px}
  .qr-card{grid-template-columns:96px minmax(0,1fr)}
  .qr-card .qr{width:96px;height:96px}
  .facts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fact,.fact:nth-child(4){padding:20px 16px;border-left:1px solid rgba(255,255,255,.06)}
  .fact:nth-child(odd){padding-left:0;border-left:0}
  .fact:nth-child(n+3){border-top:1px solid rgba(255,255,255,.06)}
  .fact:last-child{grid-column:1/-1}
  .section{padding-block:72px}
  .section-head{margin-bottom:30px}
  .steps,.mechanics,.checks,.join-grid,.trackers{grid-template-columns:1fr}
  .panel{padding:18px}
  .token-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .address-row{grid-template-columns:1fr;gap:8px}
  .flow{padding:16px}
  .faq-item summary{padding:16px;font-size:15px}
  .faq-item p{padding:0 16px 16px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .tile.strike-first::before{opacity:1}
  .tile.strike-first i{color:#3b1d09}
}
@media print{
  body{background:#fff;color:#111}
  .topbar,.hero-art,#stonkbuilder-x-contact{display:none}
}
