/* Open chapter titles pair the page's purpose with its own engraved illustration. */
.main .wrap.sec, .main .wrap.plate-head, .wallet, .auth2, .legal { max-width: 1240px; }
.main .plate-head {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);
  align-content: center;
  column-gap: clamp(20px, 5vw, 76px);
  min-height: clamp(210px, 23vw, 320px);
  padding: 30px 0;
  margin-inline: auto;
  border: 0;
  border-block-end: 1px solid var(--line);
  border-radius: 0;
  background: none;
  overflow: visible;
}
.plate-head::after { display: none; }
.plate-head > :not(.chapter-art) { grid-column: 1; }
.plate-head .chapter-art {
  grid-column: 2;
  grid-row: 1 / span 3;
  align-self: center;
  justify-self: center;
  width: min(100%, 380px);
  height: auto;
}
.plate-head h1.grad { color: var(--heading); background: none; -webkit-text-fill-color: currentColor; }
.plate-head .lead { max-width: 57ch; margin: 0; color: var(--muted); }
.plate-head .row { margin-top: 16px; }
.sec-title h2, .sec > h2, .sec-head > h2 { text-wrap: balance; }
.main .wrap.sec { padding-block: clamp(24px, 3.8vw, 56px); }
.sec-title::before, .sec > h2::before {
  content: "";
  display: block;
  width: 40px;
  height: 2px;
  margin-block-end: 12px;
  background: linear-gradient(90deg,var(--brand),transparent);
}
#specifications .bento { gap: 12px; }
#specifications .b-price {
  isolation: isolate;
  background: linear-gradient(130deg,#263457,#111b30) !important;
  border-color: #606e92;
  padding: clamp(22px,3.5vw,52px);
  color: #e7ecf6;
}
#specifications .b-price small, #specifications .b-price p { color: #d8dfef; }
#specifications .b-price .big { color: #f5d394; background: none; }
#specifications .b-price::after {
  inset-inline-end: -10%; inset-block-end: -18%; z-index:-1;
  width: 58%; height: 94%; opacity:.35;
  background: url('/static/art/token-instrument.svg?v=indigo2') center / contain no-repeat;
}
.secgrid .sec-card { padding: clamp(18px,2vw,28px); border-radius: 12px; }
.secgrid .feature-art { height: clamp(110px,11vw,154px); margin: 0 0 14px; border-bottom: 1px solid var(--line); }
.secgrid .sec-card p { line-height: 1.85; }
.paycard .payflow { position: relative; gap: 0; }
.payflow li { padding: 13px 0; background: transparent; border: 0; border-radius: 0; }
.payflow li + li { border-top: 1px solid var(--line); }
.payflow li b, .steps .n {
  background: var(--bg-2); color: var(--heading); border-radius: 50%;
  border: 1px solid color-mix(in srgb,var(--brand) 66%,var(--line));
  font-family: var(--mono);
}
.steps .step, .main .card.tool, .main .card.eco, .main .doc > article, .main .qa {
  border: 0;
  border-block-start: 1px solid var(--line);
  border-radius: 0;
  box-shadow: none;
  background: transparent;
}
.steps .step { padding-inline: 0; }
.steps .step .n { display: inline-grid; place-items: center; width: 40px; height: 40px; font-size: 1rem; }
.main .card.tool, .main .card.eco { padding-block: 22px; }
.main .card.tool:hover, .main .card.eco:focus-within { border-block-start-color: var(--brand); background: var(--surface); }
#roadmap .road { margin-block-start: 30px; }
#roadmap .road small { color: var(--muted); }
.big-cta::after { background-image: url('/static/art/engraved-layers.svg?v=indigo2'); background-repeat: no-repeat; }
.main .big-cta .btn.ghost { color: #fff5dd!important; border-color: #9b9981; }
.doc > article { scroll-margin-top: calc(var(--hdr) + 60px); }
.main .doc > article:hover, .main .qa:hover { transform: none; }
.main .doc > article p, .legal .prose p { max-width: 76ch; line-height: 2; }
.main .qa { margin-block: 0; }
.qa[open] { border-inline-start: 2px solid var(--brand); }
.faq-tools { padding-block-end: 16px; }
.faq-cat h2 { margin-block: 24px 12px; }
.table-wrap table { font-variant-numeric: tabular-nums; }
.table-wrap tbody tr:nth-child(even), .table-wrap thead { background: var(--surface-2); }
.vest { gap: 10px; }
.showcase { background: linear-gradient(145deg,#30436b,#10182b); }
.showcase .mesh { inset: 0; filter: none; animation: none; background: url('/static/art/token-instrument.svg?v=indigo2') center / 90% auto no-repeat; opacity: .72; }
.showcase .orbit { display: none; }
.showcase .coin.sm { width: min(30%,158px); }
.showcase .coin.sm img { height:auto; width:100%; }
.wallet .w-head { padding-block: 24px; border-block-end: 1px solid var(--line); }
.legal .side, .doc-grid .toc { border-inline-start: 2px solid var(--brand); }
.ftr { border-block-start: 1px solid var(--line); }
@media(max-width:760px) {
  .main .plate-head { grid-template-columns: minmax(0,1fr) minmax(66px,28%); column-gap: 10px; row-gap: 12px; min-height: 0; padding-block: 18px; }
  .plate-head h1 { grid-column:1; grid-row:1; align-self:center; margin:0; font-size:clamp(1.6rem,5vw,2.5rem); }
  .plate-head .chapter-art { grid-row:1; max-height:95px; }
  .plate-head > :is(.lead,.row) { grid-column: 1 / -1; }
  .plate-head .row { margin-top:0; }
  .secgrid .feature-art { height:110px; }
  .main .card.eco { flex-wrap: wrap; }
  .showcase .mesh { background-size: contain; opacity:.2; }
}
/* Inner-page covers give each illustration its own stage, on the open page. */
.main .chapter-hero {
  display: grid; grid-template-columns: minmax(0,1.05fr) minmax(0,.95fr);
  align-items: center; gap: clamp(20px,5vw,76px);
  max-width: 1240px; margin: 0 auto; padding: clamp(30px,5vw,76px) 0;
  border: none; border-block-end: 1px solid var(--line); border-radius: 0;
  overflow: visible; background: transparent;
}
.chapter-hero::after { display: none; }
.chapter-copy h1 { margin: 0 0 14px; text-wrap: balance; }
.chapter-copy .lead { max-width: 53ch; margin: 0; color: var(--muted); }
.chapter-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; margin-top: 20px; }
.chapter-actions a:not(.btn) { padding-block: 8px; text-decoration: underline; text-underline-offset: 5px; }
.chapter-actions input { width: min(100%, 28rem); border-radius: 12px; }
.chapter-scene {
  position: relative; isolation: isolate; display: grid; place-items: center;
  width: 100%; aspect-ratio: 1.9; pointer-events: none;
  background: radial-gradient(ellipse closest-side, #7c94c539, transparent);
}
.chapter-scene::before {
  content: ""; position: absolute; inset: 0;
  background-image: radial-gradient(#8c99ae 1px, transparent 1px);
  background-size: 13px 13px; opacity: .45;
  mask-image: radial-gradient(ellipse, black, transparent 72%);
}
.chapter-orbit {
  position: absolute; width: 77%; height: 62%; transform: rotate(-14deg);
  border: 1px solid color-mix(in srgb,var(--brand) 46%,transparent);
  border-inline-start-color: transparent; border-radius: 50%;
}
.chapter-orbit::before, .chapter-orbit::after {
  content: ""; position: absolute; width: 6px; height: 6px;
  top: 50%; inset-inline-end: -3px; border-radius: 50%; background: var(--brand);
}
.chapter-orbit::after { top: 13%; inset-inline-end: 15%; width: 4px; height: 4px; }
.chapter-scene img { position: relative; display: block; width: 100%; height: auto; filter: drop-shadow(0 12px 9px #19244024); }
@media(prefers-reduced-motion:no-preference) {
  .chapter-hero.in .chapter-scene img { animation: chapter-rise .85s ease-out both; }
  @keyframes chapter-rise { from { transform: translateY(8px); } to { transform: translateY(0); } }
}
@media(max-width:760px) {
  .main .chapter-hero { grid-template-columns: minmax(0,1fr) minmax(0,.67fr); gap: 10px; padding-block: 22px; }
  .chapter-copy { display: contents; }
  .chapter-copy h1 { grid-column: 1; grid-row: 1; font-size: clamp(1.5rem,5.5vw,2.3rem); margin: 0; }
  .chapter-scene { grid-column: 2; grid-row: 1; }
  .chapter-copy .lead, .chapter-actions { grid-column: 1 / -1; }
  .chapter-actions { margin-top: 4px; }
}