:root {
  --bg: #000;
  --fg: #f5f5f5;
  --muted: #777;
  --muted-2: #3d3d3d;
  --line: rgba(255,255,255,.14);
  --line-strong: rgba(255,255,255,.32);
  --panel: rgba(7,7,7,.72);
  --mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --shell: min(1180px, calc(100vw - 40px));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--bg); }
body {
  margin: 0;
  min-width: 320px;
  background: var(--bg);
  color: var(--fg);
  font-family: var(--mono);
  font-size: 15px;
  line-height: 1.6;
  overflow-x: hidden;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -4;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: radial-gradient(circle at center, #000 0, transparent 78%);
}

a { color: inherit; }
button, a { font-family: inherit; }
::selection { background: #fff; color: #000; }

#code-rain {
  position: fixed;
  inset: 0;
  z-index: -3;
  width: 100%;
  height: 100%;
  opacity: .18;
  pointer-events: none;
}
.noise {
  position: fixed;
  inset: 0;
  z-index: 50;
  opacity: .025;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");
}
.scanline {
  position: fixed;
  z-index: 49;
  left: 0;
  right: 0;
  height: 1px;
  top: -2px;
  background: rgba(255,255,255,.2);
  box-shadow: 0 0 15px rgba(255,255,255,.12);
  pointer-events: none;
  animation: pageScan 9s linear infinite;
}

.shell { width: var(--shell); margin-inline: auto; }
.dim { color: var(--muted); }

.topbar {
  position: fixed;
  inset: 0 0 auto;
  z-index: 40;
  min-height: 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px max(20px, calc((100vw - 1180px)/2));
  border-bottom: 1px solid var(--line);
  background: rgba(0,0,0,.72);
  backdrop-filter: blur(16px);
}
.brand {
  display: flex;
  gap: 8px;
  align-items: center;
  color: var(--fg);
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 13px;
}
.brand-prompt { color: var(--muted); }
.blink { animation: blink .9s steps(1) infinite; }
.social-nav { display: flex; gap: 8px; }
.icon-button {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border: 1px solid var(--line-strong);
  background: #000;
  transition: background .18s ease, color .18s ease, transform .18s ease, border-color .18s ease;
}
.icon-button svg { width: 18px; height: 18px; fill: currentColor; }
.icon-button:hover, .icon-button:focus-visible { background: #fff; color: #000; border-color: #fff; transform: translateY(-2px); outline: 0; }

.hero { padding-top: 132px; min-height: 100vh; display: flex; flex-direction: column; justify-content: center; }
.hero-status {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 9px 12px;
  border: 1px solid var(--line);
  font-size: 11px;
  letter-spacing: .11em;
  color: #a5a5a5;
}
.status-dot { width: 6px; height: 6px; background: #fff; box-shadow: 0 0 10px rgba(255,255,255,.9); animation: pulse 1.7s ease-in-out infinite; }
.status-ping { justify-self: end; color: var(--fg); }
.hero-grid { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(350px,.95fr); align-items: center; gap: 60px; padding: 74px 0 56px; }
.eyebrow { color: #8f8f8f; font-size: 12px; letter-spacing: .1em; margin: 0 0 20px; }
.hero h1, .section h2, .final h2 { margin: 0; line-height: .88; letter-spacing: -.065em; font-weight: 800; }
.hero h1 { font-size: clamp(70px, 10vw, 150px); }
.outline { color: transparent; -webkit-text-stroke: 1px #fff; text-stroke: 1px #fff; }
.hero-sub { margin: 28px 0 0; font-size: clamp(18px, 2.2vw, 27px); line-height: 1.5; letter-spacing: -.025em; }
.typing-line { color: #9c9c9c; }
.cursor { display: inline-block; margin-left: 2px; color: #fff; animation: blink .8s steps(1) infinite; }
.hero-desc { max-width: 650px; color: #868686; margin: 28px 0 0; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 34px; }
.terminal-button {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  padding: 13px 16px;
  border: 1px solid var(--line-strong);
  text-decoration: none;
  color: #d7d7d7;
  background: rgba(0,0,0,.64);
  text-transform: uppercase;
  letter-spacing: .04em;
  font-size: 12px;
  transition: all .18s ease;
}
.terminal-button span { color: var(--muted); }
.terminal-button:hover, .terminal-button:focus-visible { background: #fff; color: #000; border-color: #fff; transform: translateY(-2px); outline: none; }
.terminal-button:hover span { color: #000; }
.terminal-button.primary { background: #fff; color: #000; border-color: #fff; }
.terminal-button.primary:hover { background: #000; color: #fff; }
.terminal-button.big { padding: 16px 20px; }

.logo-stage { position: relative; max-width: 520px; justify-self: end; width: 100%; }
.logo-frame {
  position: relative;
  aspect-ratio: 1;
  overflow: hidden;
  border: 1px solid var(--line);
  background: #000;
  box-shadow: inset 0 0 80px rgba(255,255,255,.025), 0 0 80px rgba(255,255,255,.025);
}
.logo-frame::before, .logo-frame::after {
  content:""; position:absolute; z-index:2; pointer-events:none;
}
.logo-frame::before { inset: 50% 0 auto; border-top: 1px solid rgba(255,255,255,.07); }
.logo-frame::after { inset: 0 auto 0 50%; border-left: 1px solid rgba(255,255,255,.07); }
.logo-frame img { width: 100%; height: 100%; display:block; object-fit: cover; filter: contrast(1.08); animation: logoFloat 7s ease-in-out infinite; }
.logo-scan { position:absolute; z-index:3; left:0; right:0; top:-20%; height:16%; background: linear-gradient(transparent,rgba(255,255,255,.08),transparent); animation: logoScan 4.5s linear infinite; pointer-events:none; }
.corner { position: absolute; z-index: 4; width: 22px; height: 22px; pointer-events: none; }
.corner::before,.corner::after { content:""; position:absolute; background:#fff; opacity:.7; }
.corner::before { width: 22px; height: 1px; }
.corner::after { width: 1px; height: 22px; }
.corner.tl { left:10px;top:10px; }
.corner.tr { right:10px;top:10px; transform:rotate(90deg); }
.corner.br { right:10px;bottom:10px; transform:rotate(180deg); }
.corner.bl { left:10px;bottom:10px; transform:rotate(270deg); }
.coordinates { display:flex; justify-content:space-between; gap:16px; margin-top:10px; color:#555; font-size:9px; letter-spacing:.06em; }

.terminal-window { border: 1px solid var(--line-strong); background: rgba(0,0,0,.84); min-height: 205px; margin-bottom: 80px; box-shadow: 0 30px 90px rgba(0,0,0,.7); }
.terminal-head { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:12px; padding:9px 12px; border-bottom:1px solid var(--line); color:#666; font-size:10px; }
.terminal-head > :last-child { justify-self:end; }
.terminal-dots { display:flex; gap:5px; }
.terminal-dots i { width:7px;height:7px;border:1px solid #777;display:block; }
.terminal-body { padding: 18px 20px 24px; font-size: 13px; min-height: 160px; }
.prompt { color:#fff; }
.path { color:#666; }
.cursor.thin { font-size:.8em; }
.terminal-output { margin-top:10px; color:#777; white-space:pre-wrap; }
.terminal-output .ok { color:#d8d8d8; }
.terminal-output .finding { color:#fff; }

.marquee { overflow:hidden; border-block: 1px solid var(--line); background:#030303; }
.marquee-track { width:max-content; display:flex; align-items:center; gap:24px; padding:12px 0; white-space:nowrap; font-size:11px; letter-spacing:.12em; animation: marquee 30s linear infinite; }
.marquee-track i { color:#3a3a3a; font-style:normal; }

.section { padding: 130px 0; }
.section-head { position:relative; display:grid; grid-template-columns:1fr auto; column-gap:30px; border-top:1px solid var(--line-strong); padding-top:22px; margin-bottom:60px; }
.section-head p { margin:0 0 24px; color:#666; font-size:11px; letter-spacing:.08em; grid-column:1/-1; }
.section h2, .final h2 { font-size: clamp(42px, 6vw, 82px); }
.section-index { align-self:end; color:#555; font-size:11px; }

.command-grid { display:grid; grid-template-columns:repeat(3, 1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.command-card { min-height:290px; display:flex; flex-direction:column; padding:24px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:rgba(0,0,0,.55); transition: background .25s ease, transform .25s ease; }
.command-card:hover { background:#070707; transform:translateY(-3px); }
.card-index { color:#515151; font-size:10px; }
.command-card h3 { margin:44px 0 10px; font-size:26px; font-weight:500; }
.command-card h3::before { content:"vertexy "; color:#555; font-size:12px; }
.command-card p { color:#747474; font-size:12px; margin:0 0 30px; }
.command-card code { margin-top:auto; display:block; padding-top:16px; border-top:1px dashed #292929; color:#bdbdbd; font-size:10px; overflow-wrap:anywhere; }

.pipeline-map { position:relative; display:grid; grid-template-columns:repeat(4,1fr); gap:0; border:1px solid var(--line); background:rgba(0,0,0,.62); }
.pipeline-line { position:absolute; left:8%; right:8%; top:56px; border-top:1px dashed #555; }
.pipeline-line::after { content:""; position:absolute; right:0; top:-4px; width:7px; height:7px; border-top:1px solid #aaa; border-right:1px solid #aaa; transform:rotate(45deg); }
.pipeline-node { position:relative; z-index:1; min-height:190px; padding:28px; border-right:1px solid var(--line); display:flex; flex-direction:column; background:linear-gradient(180deg,rgba(0,0,0,.92),rgba(0,0,0,.7)); }
.pipeline-node:last-child { border-right:0; }
.node-num { width:max-content; padding:3px 7px; background:#000; border:1px solid #555; font-size:9px; color:#999; }
.pipeline-node strong { margin-top:58px; letter-spacing:.08em; }
.pipeline-node small { color:#666; margin-top:5px; font-size:10px; }

.split-section { display:grid; grid-template-columns:1.1fr .9fr; gap:70px; align-items:center; }
.code-panel { border:1px solid var(--line-strong); background:#020202; box-shadow:0 30px 100px rgba(0,0,0,.75); }
.code-panel-head { display:flex; justify-content:space-between; padding:10px 13px; border-bottom:1px solid var(--line); color:#5e5e5e; font-size:10px; }
.code-panel pre { margin:0; padding:24px; overflow:auto; font-family:var(--mono); font-size:12px; line-height:1.8; }
.code-panel code { font-family:inherit; }
.ln { display:inline-block; width:30px; color:#3f3f3f; user-select:none; }
.kw { color:#eee; font-weight:700; }.fn { color:#bdbdbd; }.cm { color:#555; }.str { color:#919191; }
.split-copy h2 { font-size:clamp(38px,5vw,70px); margin:0; }
.split-copy > p:not(.eyebrow) { color:#777; max-width:570px; margin:28px 0; }
.code-list { list-style:none; padding:0; margin:30px 0 0; border-top:1px solid var(--line); }
.code-list li { padding:10px 0; border-bottom:1px solid var(--line); color:#999; font-size:12px; }
.code-list span { color:#fff; margin-right:12px; }

.install-terminal { border:1px solid var(--line-strong); }
.install-row { display:grid; grid-template-columns:54px 1fr auto; align-items:center; min-height:68px; border-bottom:1px solid var(--line); }
.install-row:last-child { border-bottom:0; }
.install-row .step { height:100%; display:grid; place-items:center; border-right:1px solid var(--line); color:#4d4d4d; font-size:10px; }
.install-row code { padding:12px 20px; overflow:auto; color:#c7c7c7; font-family:var(--mono); }
.copy { height:100%; min-width:80px; border:0; border-left:1px solid var(--line); color:#777; background:#000; font-size:9px; cursor:pointer; transition:.18s; }
.copy:hover,.copy:focus-visible { background:#fff;color:#000;outline:0; }

.final { padding-bottom:150px; }
.final-box { position:relative; overflow:hidden; min-height:500px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; border:1px solid var(--line-strong); padding:60px; background:radial-gradient(circle at 85% 50%,rgba(255,255,255,.055),transparent 35%),#010101; }
.final-box::before { content:""; position:absolute; inset:0; background:repeating-linear-gradient(0deg,transparent 0 15px,rgba(255,255,255,.018) 16px); pointer-events:none; }
.final-box > * { position:relative; z-index:1; }
.final-box > p { color:#666; font-size:11px; }
.final-box h2 { margin:18px 0 34px; }
.ascii { position:absolute; z-index:0; right:30px; top:30px; color:#262626; font-size:10px; }

.footer { min-height:95px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:20px; border-top:1px solid var(--line); color:#5e5e5e; font-size:9px; letter-spacing:.08em; }
.footer :nth-child(2) { text-align:center; color:#888; }
.footer :last-child { text-align:right; }

[data-reveal] { opacity:0; transform:translateY(18px); transition:opacity .7s ease, transform .7s ease; }
[data-reveal].visible { opacity:1; transform:none; }

@keyframes blink { 0%,45%{opacity:1}46%,100%{opacity:0} }
@keyframes pulse { 0%,100%{opacity:.35;box-shadow:0 0 3px #fff}50%{opacity:1;box-shadow:0 0 14px #fff} }
@keyframes pageScan { from{transform:translateY(-2px)} to{transform:translateY(100vh)} }
@keyframes logoScan { from{transform:translateY(-100%)} to{transform:translateY(760%)} }
@keyframes logoFloat { 0%,100%{transform:scale(1.01)}50%{transform:scale(1.035)} }
@keyframes marquee { to{transform:translateX(-50%)} }

@media (max-width: 980px) {
  .hero-grid { grid-template-columns:1fr; gap:45px; }
  .logo-stage { justify-self:start; max-width:500px; }
  .command-grid { grid-template-columns:repeat(2,1fr); }
  .pipeline-map { grid-template-columns:repeat(2,1fr); }
  .pipeline-line { display:none; }
  .pipeline-node:nth-child(3) { border-right:0; }
  .pipeline-node { border-bottom:1px solid var(--line); }
  .pipeline-node:nth-last-child(-n+2) { border-bottom:0; }
  .split-section { grid-template-columns:1fr; }
}

@media (max-width: 680px) {
  :root { --shell: calc(100vw - 28px); }
  .topbar { min-height:62px; padding-inline:14px; }
  .brand { font-size:11px; }
  .icon-button { width:38px; height:38px; }
  .hero { padding-top:105px; }
  .hero-grid { padding-top:52px; }
  .hero-status { grid-template-columns:auto 1fr; }
  .status-ping { display:none; }
  .coordinates { flex-direction:column; gap:3px; }
  .terminal-head { grid-template-columns:1fr auto; }
  .terminal-head > :nth-child(2) { display:none; }
  .terminal-body { padding-inline:14px; font-size:11px; }
  .section { padding:90px 0; }
  .section-head { grid-template-columns:1fr; }
  .section-index { margin-top:18px; }
  .command-grid { grid-template-columns:1fr; }
  .command-card { min-height:240px; }
  .pipeline-map { grid-template-columns:1fr; }
  .pipeline-node { border-right:0; border-bottom:1px solid var(--line)!important; min-height:145px; }
  .pipeline-node:last-child { border-bottom:0!important; }
  .pipeline-node strong { margin-top:38px; }
  .code-panel pre { padding:15px; font-size:10px; }
  .install-row { grid-template-columns:42px minmax(0,1fr) 62px; }
  .install-row code { padding-inline:10px; font-size:10px; }
  .copy { min-width:62px; }
  .final-box { min-height:430px; padding:28px; }
  .ascii { display:none; }
  .footer { grid-template-columns:1fr; padding:28px 0; gap:8px; }
  .footer :nth-child(2), .footer :last-child { text-align:left; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *, *::before, *::after { animation-duration:.001ms!important; animation-iteration-count:1!important; transition-duration:.001ms!important; }
  [data-reveal] { opacity:1; transform:none; }
  #code-rain,.scanline,.logo-scan { display:none; }
}


/* $VERTEXY coin surface --------------------------------------------------- */
.top-link {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  padding: 0 13px;
  border: 1px solid var(--line);
  color: #9a9a9a;
  text-decoration: none;
  font-size: 10px;
  letter-spacing: .1em;
  transition: background .18s ease, color .18s ease, border-color .18s ease;
}
.top-link:hover, .top-link:focus-visible, .top-link.active { background:#fff; color:#000; border-color:#fff; outline:0; }
.coin-cta { border-style:dashed; }
.homepage-ca { max-width:760px; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:12px; margin:0 0 28px; border:1px solid var(--line); padding:10px 12px; font-size:10px; }
.homepage-ca > span { color:#666; }
.homepage-ca code { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#aaa; }
.homepage-ca button { border:0; border-left:1px solid var(--line); color:#777; background:transparent; padding:6px 10px; font-size:9px; cursor:pointer; }
.homepage-ca button:disabled { cursor:not-allowed; opacity:.35; }

.coin-page { min-height:100vh; }
.coin-hero { min-height:100vh; padding-top:118px; display:flex; flex-direction:column; justify-content:center; }
.coin-status { display:grid; grid-template-columns:auto 1fr auto; gap:10px; align-items:center; width:100%; padding:8px 0; border-block:1px solid var(--line); color:#737373; font-size:9px; letter-spacing:.1em; }
.coin-chain { color:#cfcfcf; }
.coin-grid { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr); gap:70px; align-items:center; padding:70px 0 90px; }
.coin-copy h1 { margin:10px 0 20px; font-size:clamp(62px,10vw,146px); line-height:.82; letter-spacing:-.08em; font-weight:700; }
.coin-cursor { display:inline-block; color:#555; animation:blink 1s steps(1,end) infinite; }
.coin-lead { max-width:720px; color:#858585; font-size:clamp(13px,1.5vw,17px); }
.ca-terminal { margin-top:40px; border:1px solid var(--line-strong); background:rgba(0,0,0,.86); }
.ca-terminal-head { display:flex; justify-content:space-between; padding:9px 12px; border-bottom:1px solid var(--line); color:#555; font-size:9px; }
.ca-line { display:grid; grid-template-columns:auto auto minmax(0,1fr); gap:12px; align-items:center; padding:20px; font-size:11px; }
.ca-key { color:#8b8b8b; }
.ca-arrow { color:#444; }
.ca-line code { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#f2f2f2; }
.ca-actions { display:flex; flex-wrap:wrap; gap:10px; padding:0 20px 20px; }
.terminal-button.compact { min-height:44px; padding:10px 15px; }
button.terminal-button { cursor:pointer; }
button.terminal-button:disabled { opacity:.32; cursor:not-allowed; }
html[data-ca-ready="false"] [data-buy-link] { border-style:dashed; }
.coin-note { display:grid; grid-template-columns:auto 1fr; gap:12px; margin-top:24px; color:#555; font-size:10px; }
.coin-note span { color:#aaa; }
.coin-note p { margin:0; }

.coin-logo-wrap { position:relative; justify-self:end; width:min(100%,540px); aspect-ratio:1; display:grid; place-items:center; }
.coin-logo-frame { position:relative; z-index:2; width:76%; aspect-ratio:1; display:grid; place-items:center; border:1px solid var(--line); background:#000; overflow:hidden; }
.coin-logo-frame::before,.coin-logo-frame::after { content:""; position:absolute; inset:8%; border:1px dashed rgba(255,255,255,.12); transform:rotate(45deg); }
.coin-logo-frame::after { inset:18%; transform:rotate(0); }
.coin-logo-frame img { position:relative; z-index:2; width:100%; height:100%; object-fit:cover; filter:grayscale(1) contrast(1.12); animation:logoFloat 7s ease-in-out infinite; }
.coin-orbit { position:absolute; inset:2%; border:1px solid rgba(255,255,255,.13); border-radius:50%; animation:orbitSpin 18s linear infinite; }
.coin-orbit::before,.coin-orbit::after { content:""; position:absolute; inset:12%; border:1px dashed rgba(255,255,255,.09); border-radius:50%; }
.coin-orbit::after { inset:27%; }
.coin-orbit i { position:absolute; width:6px; height:6px; background:#fff; box-shadow:0 0 14px #fff; }
.coin-orbit i:nth-child(1){left:50%;top:-3px}.coin-orbit i:nth-child(2){right:-3px;top:50%}.coin-orbit i:nth-child(3){left:50%;bottom:-3px}.coin-orbit i:nth-child(4){left:-3px;top:50%}
.coin-hash { position:absolute; z-index:3; inset:auto 0 4%; display:flex; justify-content:space-between; gap:12px; color:#4e4e4e; font-size:8px; letter-spacing:.06em; }
.coin-hash b { color:#818181; font-weight:400; }

.coin-strip { overflow:hidden; border-block:1px solid var(--line); background:#020202; }
.coin-strip-track { width:max-content; display:flex; gap:24px; align-items:center; padding:12px 0; animation:marquee 32s linear infinite; font-size:10px; letter-spacing:.1em; white-space:nowrap; }
.coin-strip-track i { color:#333; font-style:normal; }
.coin-strip-track b { color:#8b8b8b; font-weight:400; }
.config-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.config-card { min-height:320px; display:flex; flex-direction:column; padding:26px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:rgba(0,0,0,.65); }
.config-card h3 { margin:48px 0 12px; font-size:24px; font-weight:500; }
.config-card h3::before { content:"config."; color:#444; font-size:12px; }
.config-card p { color:#707070; font-size:11px; }
.config-value { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:12px; margin-top:auto; padding-top:18px; border-top:1px dashed #2a2a2a; }
.config-value code { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:9px; color:#bdbdbd; }
.config-value button { border:1px solid var(--line); background:#000; color:#777; padding:8px 10px; font-size:8px; cursor:pointer; }
.config-value button:disabled { opacity:.35; cursor:not-allowed; }
.config-market { margin-top:auto; padding-top:18px; border-top:1px dashed #2a2a2a; color:#aaa; text-decoration:none; font-size:10px; }
.config-market:hover { color:#fff; }
.big-ca { width:100%; display:grid; grid-template-columns:auto minmax(0,1fr); gap:14px; align-items:center; margin:0 0 28px; border:1px solid var(--line); padding:14px; }
.big-ca span { color:#555; font-size:10px; }
.big-ca code { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#bdbdbd; font-size:11px; }
.coin-final-actions { display:flex; flex-wrap:wrap; gap:12px; }

@keyframes orbitSpin { to { transform:rotate(360deg); } }

@media (max-width:980px) {
  .coin-grid { grid-template-columns:1fr; }
  .coin-logo-wrap { justify-self:start; width:min(100%,500px); }
  .config-grid { grid-template-columns:1fr; }
  .config-card { min-height:230px; }
}
@media (max-width:680px) {
  .top-link { padding-inline:8px; font-size:8px; min-height:38px; }
  .coin-hero { padding-top:94px; }
  .coin-grid { padding:48px 0 70px; gap:38px; }
  .coin-copy h1 { font-size:clamp(58px,20vw,95px); }
  .ca-line { grid-template-columns:1fr; gap:4px; }
  .ca-arrow { display:none; }
  .ca-actions { flex-direction:column; }
  .ca-actions > * { width:100%; justify-content:center; }
  .coin-hash { flex-direction:column; gap:3px; bottom:-4%; }
  .homepage-ca { grid-template-columns:1fr auto; }
  .homepage-ca > span { grid-column:1/-1; }
  .coin-final-actions { flex-direction:column; width:100%; }
  .coin-final-actions > * { width:100%; justify-content:center; }
}