:root {
    --bg: #FAFAF7;
    --ink: #0A0A0A;
    --ink-soft: #4A4A48;
    --rule: #E5E3DC;
    --money: #1E7F4F;
    --fed: #B33A2E;
    --gold: #C5A43A;
    --radius: 4px;
    --maxw: 1080px;
    --font-display: "Instrument Serif", "Tiempos Headline", Georgia, serif;
    --font-body: "Inter Tight", "Söhne", system-ui, sans-serif;
    --font-mono: "JetBrains Mono", ui-monospace, monospace;
  }
  *, *::before, *::after { box-sizing: border-box; }
  html, body { margin: 0; padding: 0; }
  body {
    background: var(--bg);
    color: var(--ink);
    font-family: var(--font-body);
    font-size: 16px;
    line-height: 1.55;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-feature-settings: "ss01", "cv11";
  }
  a { color: inherit; text-decoration: none; }
  button { font-family: inherit; cursor: pointer; background: none; border: none; padding: 0; color: inherit; }

  .wrap { max-width: var(--maxw); margin: 0 auto; padding: 0 24px; }

  /* ------- Section base ------- */
  section.s {
    padding: 96px 0;
    border-top: 0;
  }
  section.s:first-of-type { border-top: 0; padding-top: 0; }
  @media (max-width: 768px) {
    section.s { padding: 64px 0; }
  }

  /* ------- Type ------- */
  .display {
    font-family: var(--font-display);
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 1.05;
  }
  .mono {
    font-family: var(--font-mono);
    font-feature-settings: "tnum" 1;
    font-variant-numeric: tabular-nums;
  }
  .num { font-variant-numeric: tabular-nums; }
  .label {
    font-family: var(--font-mono);
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--ink-soft);
  }
  .label-11 { font-size: 11px; }
  .ital { font-style: italic; }

  /* ------- Italic rule helpers (display serif italic only on PONZI / (3,3) / Fugazi) ------- */
  .ponzi-it { font-family: var(--font-display); font-style: italic; font-weight: 400; }

  /* ------- Nav ------- */
  .nav {
    border-bottom: 0;
  }
  .nav-inner {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    min-height: 48px;
    padding: 4px 0;
    gap: 16px;
  }
  .nav-inner > :nth-child(1) { justify-self: start; }
  .nav-inner > :nth-child(2) { justify-self: center; }
  .nav-inner > :nth-child(3) { justify-self: end; }
  /* Stats centered, top — acts as a subtitle to the brand */
  .nav-stats-center {
    display: flex; gap: 14px;
    font-family: var(--font-mono); font-size: 11px;
    text-transform: uppercase; letter-spacing: 0.12em;
    color: var(--ink-soft);
    white-space: nowrap;
    align-items: center;
  }
  .nav-stats-center .k { color: var(--ink-soft); }
  .nav-stats-center .v { color: var(--ink); font-weight: 600; margin-left: 4px; }
  .nav-stats-center .v[data-state="prelaunch"] { color: var(--ink-soft); }
  .nav-stats-center .sep { color: var(--rule); }
  /* Right cluster: CA pill + social icons */
  .nav-right-cluster {
    display: inline-flex; align-items: center; gap: 8px;
  }
  .nav-socials { display: inline-flex; gap: 4px; }
  .nav-soc {
    display: inline-flex; align-items: center; justify-content: center;
    width: 30px; height: 30px;
    border-radius: 50%;
    color: var(--ink-soft);
    transition: color 160ms ease, background 160ms ease;
  }
  .nav-soc:hover { color: var(--ink); background: #F4F2EC; }
  .nav-soc svg { width: 14px; height: 14px; }
  @media (max-width: 768px) {
    .nav-inner {
      padding: 12px 4px;
      gap: 6px;
      grid-template-columns: auto 1fr;
      grid-template-areas:
        "logo right"
        "stats stats";
    }
    .nav-inner > :nth-child(1) { grid-area: logo; }
    .nav-inner > .nav-stats-center { grid-area: stats; justify-self: center; }
    .nav-inner > .nav-right-cluster { grid-area: right; justify-self: end; }
    .nav-stats-center { font-size: 9.5px; gap: 10px; letter-spacing: 0.08em; padding-top: 4px; }
    .nav-soc { width: 26px; height: 26px; }
    .nav-soc svg { width: 12px; height: 12px; }
  }
  .nav-logo { height: 24px; display: block; }
  .nav-meta {
    display: flex; gap: 18px;
    font-family: var(--font-mono); font-size: 11px;
    text-transform: uppercase; letter-spacing: 0.14em;
    color: var(--ink-soft);
  }
  .nav-meta span { white-space: nowrap; }
  @media (max-width: 768px) {
    .nav-meta { display: none; }
  }
  /* Right-side nav stack: CA pill on top, stats row below */
  .nav-right {
    display: flex; flex-direction: column; align-items: flex-end;
    gap: 6px;
  }
  .nav-stats {
    display: flex; gap: 14px;
    font-family: var(--font-mono); font-size: 11px;
    text-transform: uppercase; letter-spacing: 0.12em;
    color: var(--ink-soft);
    white-space: nowrap;
  }
  .nav-stats .k { color: var(--ink-soft); }
  .nav-stats .v { color: var(--ink); font-weight: 600; margin-left: 4px; }
  .nav-stats .v[data-state="prelaunch"] { color: var(--ink-soft); }
  .nav-stats .sep { color: var(--rule); }
  @media (max-width: 768px) {
    .nav-stats { font-size: 9.5px; gap: 10px; letter-spacing: 0.08em; }
  }
  /* Contract address pill with one-click copy */
  .nav-ca {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 6px 10px;
    border: 1px solid var(--rule);
    border-radius: 999px;
    background: var(--bg);
    font-family: var(--font-mono); font-size: 11px;
    letter-spacing: 0.06em;
    color: var(--ink);
    cursor: pointer;
    transition: border-color 160ms ease, background 160ms ease, color 160ms ease;
    user-select: none;
  }
  .nav-ca:hover { border-color: var(--ink); background: #F4F2EC; }
  .nav-ca .ca-label { color: var(--ink-soft); font-weight: 500; text-transform: uppercase; letter-spacing: 0.14em; }
  .nav-ca .ca-addr { color: var(--ink); font-weight: 600; }
  .nav-ca .ca-copy { width: 12px; height: 12px; opacity: 0.55; flex-shrink: 0; transition: opacity 160ms ease; }
  .nav-ca:hover .ca-copy { opacity: 1; }
  .nav-ca.copied { border-color: var(--money); color: var(--money); }
  .nav-ca.copied .ca-addr { color: var(--money); }
  .nav-ca.copied .ca-copy { opacity: 1; color: var(--money); }
  .nav-ca[data-state="prelaunch"] { cursor: not-allowed; opacity: 0.65; }
  .nav-ca[data-state="prelaunch"]:hover { border-color: var(--rule); background: var(--bg); }
  @media (max-width: 768px) {
    .nav-ca { padding: 5px 8px; font-size: 10px; gap: 6px; }
    .nav-ca .ca-label { display: none; }
  }
  /* Compact CA — just the address + copy icon, no pill border */
  .nav-ca-mini {
    display: inline-flex; align-items: center; gap: 6px;
    background: transparent; border: 0; padding: 4px 6px;
    font-family: var(--font-mono); font-size: 11px;
    letter-spacing: 0.06em;
    color: var(--ink-soft);
    cursor: pointer;
    white-space: nowrap;
    transition: color 160ms ease;
  }
  .nav-ca-mini .ca-addr { white-space: nowrap; }
  .nav-ca-mini:hover { color: var(--ink); }
  .nav-ca-mini .ca-addr { color: var(--ink); font-weight: 600; }
  .nav-ca-mini .ca-copy { width: 12px; height: 12px; opacity: 0.55; flex-shrink: 0; transition: opacity 160ms ease; }
  .nav-ca-mini:hover .ca-copy { opacity: 1; }
  .nav-ca-mini.copied { color: var(--money); }
  .nav-ca-mini.copied .ca-addr { color: var(--money); }
  .nav-ca-mini.copied .ca-copy { opacity: 1; color: var(--money); }
  .nav-ca-mini[data-state="prelaunch"] { cursor: not-allowed; opacity: 0.65; }
  .nav-ca-mini[data-state="prelaunch"]:hover { color: var(--ink-soft); }
  /* Looper pill — same shape as nav-buy, gray to differentiate */
  .nav-looper {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 7px 14px;
    border: 1px solid var(--ink-soft);
    border-radius: 999px;
    background: #E5E3DC;
    color: var(--ink);
    font-family: var(--font-mono); font-size: 11px;
    text-transform: uppercase; letter-spacing: 0.14em;
    font-weight: 600;
    text-decoration: none;
    transition: transform 160ms ease, box-shadow 160ms ease, background 160ms ease;
    box-shadow: 0 2px 0 0 var(--ink);
    white-space: nowrap;
  }
  .nav-looper:hover { transform: translateY(-1px); box-shadow: 0 3px 0 0 var(--ink); background: #D4D2CB; }
  .nav-looper:active { transform: translateY(1px); box-shadow: 0 1px 0 0 var(--ink); }

  /* Buy pill — same outline shape as old nav-ca, but money-green */
  .nav-buy {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 7px 14px;
    border: 1px solid var(--money);
    border-radius: 999px;
    background: var(--money);
    color: var(--bg);
    font-family: var(--font-mono); font-size: 11px;
    text-transform: uppercase; letter-spacing: 0.14em;
    font-weight: 600;
    text-decoration: none;
    transition: transform 160ms ease, box-shadow 160ms ease, background 160ms ease;
    box-shadow: 0 2px 0 0 var(--ink);
    white-space: nowrap;
  }
  .nav-buy:hover { transform: translateY(-1px); box-shadow: 0 3px 0 0 var(--ink); background: #1A6E45; }
  .nav-buy:active { transform: translateY(1px); box-shadow: 0 1px 0 0 var(--ink); }
  .nav-buy .ponzi-it { color: var(--bg); font-size: 1.05em; }
  .nav-buy-arrow { display: inline-block; transition: transform 200ms ease; }
  .nav-buy:hover .nav-buy-arrow { transform: translateX(2px); }
  @media (max-width: 768px) {
    .nav-ca-mini { font-size: 10px; padding: 2px 4px; }
    .nav-buy, .nav-looper { font-size: 10px; padding: 6px 10px; letter-spacing: 0.1em; gap: 4px;
    white-space: nowrap; }
  }
  .pulse { animation: pulse 5s ease-in-out infinite; }
  @keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.45; }
  }

  /* ------- Hero ------- */
  .hero { padding-top: 64px; padding-bottom: 96px; }
  .hero-mark {
    font-family: var(--font-display);
    font-style: normal;
    font-weight: 400;
    font-size: clamp(72px, 14vw, 140px);
    line-height: 0.95;
    letter-spacing: -0.04em;
    color: var(--ink);
    margin: 0;
  }
  .hero-tag {
    margin: 16px 0 0 0;
    font-size: 22px;
    color: var(--ink-soft);
    line-height: 1.3;
  }
  @media (max-width: 768px) { .hero-tag { font-size: 18px; } }

  .hero-grid {
    margin-top: 56px;
    display: grid; grid-template-columns: 1fr 1fr;
    gap: 24px;
  }
  @media (max-width: 768px) {
    .hero-grid { grid-template-columns: 1fr; gap: 48px; margin-top: 32px; }
    .hero-grid .card { padding: 20px; }
  }

  .card {
    border: 1px solid var(--rule);
    border-radius: var(--radius);
    padding: 24px;
    background: var(--bg);
    transition: border-color 200ms ease;
    min-width: 0;
  }
  .card.click:hover { border-color: var(--ink); }
  /* Global responsive guards */
  img, video, svg { max-width: 100%; height: auto; }
  .hero-grid > *, .gt-grid > *, .sl-grid > *, .three-cards > *, .fz-grid > * { min-width: 0; }

  .meta-row {
    display: flex; justify-content: space-between; align-items: center;
    margin-bottom: 16px;
  }

  .video-frame {
    aspect-ratio: 16 / 9;
    background: var(--ink);
    color: var(--ink-soft);
    display: flex; align-items: center; justify-content: center;
    border-radius: 2px;
    font-family: var(--font-mono);
    font-size: 14px;
    text-align: center;
    padding: 24px;
  }
  .rec-dot { color: var(--money); }

  .wp-title { font-size: 56px; margin: 0; line-height: 1; }
  @media (max-width: 768px) { .wp-title { font-size: 44px; } }
  .wp-body { font-size: 14px; color: var(--ink-soft); max-width: 320px; margin: 16px 0 32px 0; }
  .wp-bottom { display: flex; justify-content: space-between; align-items: flex-end; }

  /* Whitepaper: marquee word salad left, doc icon right */
  .wp-grid {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 28px;
    margin-top: 20px;
    align-items: center;
  }
  .wp-marquee {
    height: 206px;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 4px;
    mask-image: linear-gradient(90deg, transparent 0, var(--bg) 6%, var(--bg) 94%, transparent 100%);
    -webkit-mask-image: linear-gradient(90deg, transparent 0, var(--bg) 6%, var(--bg) 94%, transparent 100%);
  }
  .wp-row {
    overflow: hidden;
    flex: 1 1 0;
    display: flex;
    align-items: center;
  }
  .wp-row-track {
    display: flex;
    flex-shrink: 0;
    white-space: nowrap;
    will-change: transform;
  }
  .wp-row-track > .wp-set {
    display: inline-flex;
    gap: 28px;
    padding-right: 28px;
    flex-shrink: 0;
  }
  .wp-row.dir-l .wp-row-track { animation: wp-scroll-l linear infinite; }
  .wp-row.dir-r .wp-row-track { animation: wp-scroll-r linear infinite; }
  .wp-row.s-1 .wp-row-track { animation-duration: 21s; }
  .wp-row.s-2 .wp-row-track { animation-duration: 28s; }
  .wp-row.s-3 .wp-row-track { animation-duration: 17s; }
  .wp-row.s-4 .wp-row-track { animation-duration: 24s; }
  .wp-row.s-5 .wp-row-track { animation-duration: 19s; }
  .wp-row.s-6 .wp-row-track { animation-duration: 26s; }
  @keyframes wp-scroll-l {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
  }
  @keyframes wp-scroll-r {
    from { transform: translateX(-50%); }
    to   { transform: translateX(0); }
  }
  .wp-marquee .salad {
    font-family: var(--font-body);
    font-size: 17px;
    line-height: 1;
    color: var(--ink-soft);
  }
  .wp-marquee .salad strong {
    color: var(--ink);
    font-weight: 600;
  }
  .wp-tri {
    display: inline-block;
    color: var(--fed);
    font-size: 14px;
    transform: translateY(-2px);
    margin: 0 2px;
  }
  .wp-icon-col {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    text-align: right;
    flex-shrink: 0;
  }
  /* On mobile keep the side-by-side layout: marquee left, smaller icon right */
  @media (max-width: 768px) {
    .wp-grid { grid-template-columns: 1fr 72px; gap: 14px; align-items: center; }
    .wp-marquee { height: 132px; }
    .wp-icon-col svg { width: 72px !important; height: 92px !important; }
    .wp-icon-col .label { display: none; }
  }
  @media (max-width: 380px) {
    .wp-grid { grid-template-columns: 1fr 60px; }
    .wp-icon-col svg { width: 60px !important; height: 78px !important; }
    .wp-marquee .salad { font-size: 14px; }
  }

  /* Doc icon ONLY: idle attention bump every ~1.5s, irregular */
  @keyframes wp-icon-bump {
    0%   { transform: translateY(0); }
    7%   { transform: translateY(-6px) rotate(-0.6deg); }
    11%  { transform: translateY(-2px); }
    15%  { transform: translateY(0); }
    32%  { transform: translateY(-4px); }
    35%  { transform: translateY(0); }
    58%  { transform: translateY(-8px) rotate(0.8deg); }
    62%  { transform: translateY(-3px); }
    66%  { transform: translateY(0); }
    84%  { transform: translateY(-3px); }
    87%  { transform: translateY(0); }
    100% { transform: translateY(0); }
  }
  .wp-icon-col svg {
    animation: wp-icon-bump 5.5s infinite cubic-bezier(0.4, 0, 0.4, 1);
    transform-origin: center bottom;
    will-change: transform;
  }
  .whitepaper-card { cursor: pointer; }
  .wp-icon-col svg {
    transition: transform 220ms cubic-bezier(0.2, 0.8, 0.2, 1.4), filter 220ms ease;
  }
  .whitepaper-card:hover .wp-icon-col svg,
  .wp-icon-col:hover svg {
    animation: none;
    transform: translateY(-12px) rotate(-3deg) scale(1.06);
    filter: drop-shadow(0 12px 22px rgba(10,10,10,0.18));
  }

  /* PDF modal */
  dialog.pdf-modal {
    width: min(1100px, 92vw);
    height: 88vh;
    padding: 0;
    border: 1px solid var(--rule);
    border-radius: 6px;
    background: var(--bg);
    color: var(--ink);
  }
  dialog.pdf-modal::backdrop { background: rgba(0,0,0,0.55); }
  .pdf-modal-head {
    display: flex; align-items: center; justify-content: space-between;
    padding: 14px 20px; border-bottom: 1px solid var(--rule);
    font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase;
  }
  .pdf-modal-close {
    background: transparent; border: 0; cursor: pointer; font: inherit; color: var(--ink);
    padding: 4px 10px; letter-spacing: 0.12em;
  }
  .pdf-modal-close:hover { color: var(--money); }
  .pdf-modal-body { width: 100%; height: calc(100% - 49px); }
  .pdf-modal-body iframe { width: 100%; height: 100%; border: 0; display: block; }

  /* Audio button (bottom-left, fixed) */
  .audio-btn {
    position: fixed; left: 24px; bottom: 24px; z-index: 100;
    width: 96px; height: 96px; border-radius: 50%;
    background: var(--ink); color: var(--bg);
    border: 0; cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 6px 22px rgba(0,0,0,0.22);
    transition: box-shadow 0.18s ease;
    --sway: 0px;
    --hover: 0px;
    --rot: 0deg;
    transform: translate(var(--sway), var(--hover)) rotate(var(--rot));
  }
  .audio-btn:hover { --hover: -3px; box-shadow: 0 10px 28px rgba(0,0,0,0.32); }
  .audio-btn svg { width: 40px; height: 40px; }
  .audio-btn.playing { background: var(--money); }
  @media (max-width: 768px) {
    .audio-btn { width: 56px; height: 56px; left: 12px; bottom: 12px; }
    .audio-btn svg { width: 22px; height: 22px; }
  }

  .btn {
    border: 1px solid var(--rule);
    color: var(--ink);
    font-family: var(--font-mono);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    padding: 10px 18px;
    border-radius: var(--radius);
    transition: all 180ms ease;
    background: transparent;
    display: inline-block;
  }
  .btn:hover { border-color: var(--ink); }
  .btn.money { border-color: var(--money); color: var(--money); }
  .btn.money:hover { background: var(--money); color: var(--bg); }
  .btn.flashing {
    background: var(--money);
    color: var(--bg);
    border-color: var(--money);
    box-shadow: 0 0 0 0 rgba(30, 127, 79, 0.55);
    animation: ponzi-pulse 1.6s infinite cubic-bezier(0.4, 0, 0.6, 1);
    position: relative;
  }
  .btn.flashing:hover {
    animation-play-state: paused;
    background: var(--ink);
    color: var(--bg);
    border-color: var(--ink);
  }
  @keyframes ponzi-pulse {
    0%   { box-shadow: 0 0 0 0    rgba(30, 127, 79, 0.55); transform: scale(1); }
    50%  { box-shadow: 0 0 0 12px rgba(30, 127, 79, 0);    transform: scale(1.04); }
    100% { box-shadow: 0 0 0 0    rgba(30, 127, 79, 0);    transform: scale(1); }
  }

  /* ------- Section header ------- */
  .section-label { margin-bottom: 24px; }
  .section-h {
    font-size: 56px;
    margin: 0 0 32px 0;
  }
  @media (max-width: 768px) { .section-h { font-size: 40px; } }
  .section-h-sm {
    font-size: 48px;
    margin: 0 0 48px 0;
  }
  @media (max-width: 768px) { .section-h-sm { font-size: 36px; } }
  .subhead {
    font-family: var(--font-display);
    font-size: 32px;
    color: var(--ink-soft);
    line-height: 1.15;
    letter-spacing: -0.02em;
    margin: 0 0 48px 0;
  }
  @media (max-width: 768px) { .subhead { font-size: 24px; } }

  /* ------- Game theory ------- */
  .matrix-wrap { max-width: 1100px; margin: 0 auto; padding: 0 8px; }
  .gt-grid {
    display: grid; grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: start;
  }
  @media (max-width: 768px) { .gt-grid { grid-template-columns: 1fr; gap: 48px; } }

  .matrix {
    border: 1px solid var(--rule);
    border-radius: var(--radius);
    overflow: hidden;
  }
  .matrix-collabels {
    display: grid; grid-template-columns: 180px 1fr 1fr;
    border-bottom: 0;
  }
  .matrix-collabels > div {
    padding: 12px;
    font-family: var(--font-mono); font-size: 11px;
    text-transform: uppercase; letter-spacing: 0.1em;
    color: var(--ink-soft);
    text-align: center;
  }
  .matrix-row {
    display: grid; grid-template-columns: 180px 1fr 1fr;
    border-bottom: 0;
  }
  .matrix-row:last-child { border-bottom: 0; }
  .matrix-rowlabel {
    padding: 24px 12px;
    font-family: var(--font-mono); font-size: 11px;
    text-transform: uppercase; letter-spacing: 0.1em;
    color: var(--ink-soft);
    border-right: 1px solid var(--rule);
    display: flex; align-items: center;
  }
  .cell {
    padding: 36px 32px;
    border-right: 1px solid var(--rule);
    min-height: 200px;
    display: flex; flex-direction: column; justify-content: space-between;
  }
  .cell:last-child { border-right: 0; }
  .cell-val {
    font-family: var(--font-display); font-style: italic; font-weight: 400;
    font-size: 96px; line-height: 1;
    letter-spacing: -0.02em;
  }
  .cell-sub {
    font-family: var(--font-mono); font-size: 10px;
    text-transform: uppercase; letter-spacing: 0.12em;
    color: var(--ink-soft);
    margin-top: 24px;
  }
  .cell.coop-coop { background: rgba(30, 127, 79, 0.08); }
  .cell.coop-coop .cell-val { color: var(--money); }
  .cell.def-def { background: rgba(179, 58, 46, 0.05); }
  .cell.def-def .cell-val { color: var(--fed); }

  .bullets {
    display: grid; grid-template-columns: repeat(3, 1fr);
    gap: 32px;
    max-width: 920px;
    margin: 0 auto;
    counter-reset: bullet;
  }
  @media (max-width: 768px) { .bullets { grid-template-columns: 1fr; gap: 20px; } }
  .bullet {
    counter-increment: bullet;
    padding: 28px 0 0 0;
    font-size: 15px;
    line-height: 1.5;
    color: var(--ink);
    text-align: left;
    position: relative;
    border-top: 1px solid var(--ink);
    border-left: 0;
  }
  .bullet::before {
    content: counter(bullet, decimal-leading-zero);
    position: absolute;
    top: 8px; left: 0;
    font-family: var(--font-mono);
    font-size: 11px;
    letter-spacing: 0.14em;
    color: var(--ink-soft);
  }
  .bullet.money, .bullet.gold { color: var(--ink); }
  .bullet.muted { color: var(--ink-soft); }

  .equilibrium {
    margin-top: 64px;
    text-align: center;
    font-family: var(--font-display);
    font-style: italic; font-weight: 400;
    font-size: 22px;
    color: var(--ink-soft);
    letter-spacing: -0.01em;
    line-height: 1.4;
    padding: 0 24px;
  }
  @media (max-width: 768px) { .equilibrium { font-size: 18px; } }

  /* ------- Synthetic leverage ------- */
  .sl-grid {
    display: grid; grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: start;
    margin-bottom: 48px;
  }
  .sl-grid > * { min-width: 0; }
  @media (max-width: 768px) { .sl-grid { grid-template-columns: 1fr; gap: 48px; } }

  .strategy { display: flex; flex-direction: column; gap: 0; counter-reset: step; }
  .strategy p {
    margin: 0;
    font-size: 17px;
    line-height: 1.6;
    color: var(--ink-soft);
    padding: 18px 0 18px 56px;
    border-bottom: 0;
    position: relative;
    counter-increment: step;
  }
  .strategy p:first-child { border-top: 0; }
  .strategy p::before {
    content: counter(step, decimal-leading-zero);
    position: absolute;
    left: 0; top: 22px;
    font-family: var(--font-mono);
    font-size: 11px;
    letter-spacing: 0.14em;
    color: var(--ink-soft);
  }
  .strategy p:last-child {
    color: var(--ink);
    font-weight: 500;
  }

  /* Printer SVG block */
  .printer-block {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    min-height: 280px;
    gap: 24px;
  }
  .printer { width: 100%; max-width: 320px; height: auto; }
  .printer .stroke { stroke: var(--ink); stroke-width: 1.5; fill: none; stroke-linejoin: round; stroke-linecap: round; }
  .printer .paper { fill: var(--bg); stroke: var(--ink); stroke-width: 1.5; }
  .printer-screen {
    font-family: var(--font-display); font-style: italic; font-weight: 400;
    font-size: 22px; fill: var(--ink);
  }
  .marquee {
    width: 100%;
    overflow: hidden;
    border-top: 2px solid var(--ink);
    border-bottom: 2px solid var(--ink);
    padding: 12px 0;
    background: var(--bg);
  }
  .marquee-track {
    display: flex; white-space: nowrap;
    animation: marquee 1.5s linear infinite;
    font-family: var(--font-mono); font-size: 13px;
    letter-spacing: 0.04em;
    font-weight: 500;
    will-change: transform;
  }
  /* Smaller viewports cover fewer px per cycle, so visually slower —
     scale duration to keep px/sec roughly constant. */
  @media (max-width: 768px) { .marquee-track { animation-duration: 0.7s; } }
  .m-set { display: inline-flex; flex-shrink: 0; padding-right: 18px; }
  .m-set > span { padding-right: 18px; }
  .marquee-track > span { padding-right: 18px; }
  .marquee .m-money { color: var(--money); }
  .marquee .m-fed { color: var(--fed); }
  .marquee .m-gold { color: var(--gold); }
  .marquee .m-ink { color: var(--ink); }
  .marquee .m-tilt { display: inline-block; transform: rotate(-3deg); }
  .marquee .m-tilt-r { display: inline-block; transform: rotate(2.5deg); }
  .marquee .m-big { font-size: 16px; font-weight: 600; }
  @keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
  }

  .three-cards {
    display: grid; grid-template-columns: 1fr 1fr 1fr;
    gap: 16px;
    margin-top: 24px;
  }
  @media (max-width: 768px) { .three-cards { grid-template-columns: 1fr; } }
  .info-card { padding: 24px 24px 24px 0; border: 0; border-radius: 0; }
  .info-card-overrides { padding: 0 !important; border: 0 !important; }
  .info-card h4 {
    font-family: var(--font-mono); font-size: 10px;
    text-transform: uppercase; letter-spacing: 0.14em;
    color: var(--ink-soft);
    margin: 0 0 12px 0; font-weight: 400;
  }
  .info-card p {
    margin: 0;
    font-size: 14px; line-height: 1.55;
    color: var(--ink-soft);
  }

  /* ------- Fugazi ------- */
  .fz-hero {
    display: flex; align-items: baseline; gap: 32px;
    margin-bottom: 64px;
    flex-wrap: wrap;
  }
  .fz-num {
    font-family: var(--font-mono);
    font-size: 96px;
    color: var(--fed);
    line-height: 1;
    font-feature-settings: "tnum" 1;
    font-variant-numeric: tabular-nums;
    animation: flicker 3.5s ease-in-out infinite;
  }
  @media (max-width: 768px) { .fz-num { font-size: 72px; } }
  @keyframes flicker {
    0%, 100% { opacity: 1; }
    47% { opacity: 1; }
    48% { opacity: 0.4; }
    49% { opacity: 1; }
    50% { opacity: 0.6; }
    51% { opacity: 1; }
  }
  .fz-cap {
    font-size: 14px; color: var(--ink-soft);
    max-width: 360px;
    line-height: 1.5;
  }

  .fz-grid {
    display: grid; grid-template-columns: 1fr 1fr;
    gap: 0;
    border-top: 0;
    border-bottom: 0;
  }
  @media (max-width: 768px) { .fz-grid { grid-template-columns: 1fr; } }
  .fz-col { padding: 32px 32px 32px 0; }
  .fz-col + .fz-col { border-left: 1px solid var(--rule); padding-left: 32px; }
  @media (max-width: 768px) {
    .fz-col + .fz-col { border-left: 0; border-top: 0; padding-left: 0; padding-top: 32px; }
    .fz-col { padding-right: 0; }
  }
  .fz-sublabel {
    font-family: var(--font-mono); font-size: 11px;
    text-transform: uppercase; letter-spacing: 0.12em;
    color: var(--ink-soft);
    margin: 8px 0 16px 0;
  }
  .fz-bignum {
    font-family: var(--font-mono); font-size: 36px;
    line-height: 1;
    font-variant-numeric: tabular-nums;
    display: inline-block;
    transform-origin: left center;
  }
  @media (max-width: 768px) { .fz-bignum { font-size: 26px; } }
  .fz-bignum.fed {
    color: var(--fed);
    animation: fz-erupt 1.8s cubic-bezier(0.7, 0, 0.3, 1) infinite;
    will-change: transform, text-shadow, color;
  }
  .fz-bignum.money {
    color: var(--money);
    animation: fz-ruminate 6s ease-in-out infinite;
    text-shadow: 0 0 0 transparent;
    will-change: transform, text-shadow;
  }
  /* Erratic eruptions: more violent — bigger jolts, harder shake, deeper glow */
  @keyframes fz-erupt {
    0%   { transform: translate(0,0) scale(1) skewX(0); text-shadow: 0 0 0 rgba(179,58,46,0); color: var(--fed); }
    7%   { transform: translate(-2px,2px) scale(1.025) skewX(-1deg); }
    11%  { transform: translate(4px,-4px) scale(1.07) skewX(2deg); text-shadow: 0 0 28px rgba(179,58,46,0.85), 0 0 12px rgba(179,58,46,0.6); color: #E84838; }
    14%  { transform: translate(-3px,2px) scale(1.03) skewX(-1deg); text-shadow: 0 0 14px rgba(179,58,46,0.5); }
    17%  { transform: translate(0,0) scale(1) skewX(0); text-shadow: 0 0 0 rgba(179,58,46,0); color: var(--fed); }
    32%  { transform: translate(0,0) scale(1); }
    37%  { transform: translate(-4px,2px) scale(1.045) skewX(1.5deg); text-shadow: 0 0 22px rgba(179,58,46,0.65); color: #D14333; }
    40%  { transform: translate(3px,-2px) scale(1.02); text-shadow: 0 0 8px rgba(179,58,46,0.3); }
    43%  { transform: translate(0,0) scale(1); text-shadow: 0 0 0 rgba(179,58,46,0); color: var(--fed); }
    63%  { transform: translate(0,0) scale(1); }
    68%  { transform: translate(4px,-2px) scale(1.09) skewX(-2deg); text-shadow: 0 0 36px rgba(179,58,46,1), 0 0 16px rgba(179,58,46,0.7); color: #F04A38; }
    71%  { transform: translate(-4px,4px) scale(1.04) skewX(2deg); text-shadow: 0 0 18px rgba(179,58,46,0.6); }
    74%  { transform: translate(2px,-1px) scale(1.015); text-shadow: 0 0 6px rgba(179,58,46,0.25); }
    77%  { transform: translate(0,0) scale(1) skewX(0); text-shadow: 0 0 0 rgba(179,58,46,0); color: var(--fed); }
    88%  { transform: translate(-2px,1px) scale(1.03) skewX(-1deg); text-shadow: 0 0 14px rgba(179,58,46,0.5); }
    92%  { transform: translate(2px,2px) scale(1.012); text-shadow: 0 0 4px rgba(179,58,46,0.2); }
    100% { transform: translate(0,0) scale(1); }
  }
  /* Calm rumination: slow breathing + subtle glow */
  @keyframes fz-ruminate {
    0%, 100% { transform: scale(1); text-shadow: 0 0 0 rgba(30,127,79,0); }
    50%      { transform: scale(1.012); text-shadow: 0 0 14px rgba(30,127,79,0.35); }
  }
  /* Calm green arrow next to PONZI reserves */
  .fz-arrow {
    display: inline-block;
    margin-left: 14px;
    color: var(--money);
    font-family: var(--font-mono);
    font-size: 0.7em;
    font-weight: 700;
    transform-origin: center center;
    animation: fz-arrow-flash 3.4s ease-in-out infinite;
    will-change: opacity, transform, text-shadow;
  }
  @keyframes fz-arrow-flash {
    0%, 100% { opacity: 0.45; transform: translateY(-4px) scale(1); text-shadow: 0 0 0 rgba(30,127,79,0); }
    50%      { opacity: 1;    transform: translateY(-9px) scale(2); text-shadow: 0 0 28px rgba(30,127,79,0.85), 0 0 56px rgba(30,127,79,0.55), 0 0 12px rgba(30,127,79,1); }
  }
  .fz-subline { font-size: 12px; color: var(--ink-soft); margin: 8px 0 24px 0; }
  .fz-kv {
    display: flex; justify-content: space-between;
    padding: 10px 0;
    border-top: 0;
    font-family: var(--font-mono); font-size: 11px;
    text-transform: uppercase; letter-spacing: 0.12em;
  }
  .fz-kv .k { color: var(--ink-soft); }
  .fz-kv .v.fed { color: var(--fed); }
  .fz-kv .v.money { color: var(--money); }

  .ratio {
    text-align: center;
    margin-top: 48px;
    font-family: var(--font-display);
    font-size: 28px;
    letter-spacing: -0.02em;
    color: var(--ink-soft);
  }
  .ratio em {
    font-style: italic; color: var(--ink);
  }

  /* ------- CTA ------- */
  .cta { padding: 128px 0; text-align: center; }
  .cta-mark {
    font-family: var(--font-display);
    font-style: italic; font-weight: 400;
    font-size: clamp(120px, 22vw, 200px);
    line-height: 0.95;
    letter-spacing: -0.04em;
    color: var(--ink);
    margin: 0;
  }
  .cta-sub { font-size: 18px; color: var(--ink-soft); margin: 32px 0 48px 0; }
  .cta-btns {
    display: flex; gap: 16px; justify-content: center; flex-wrap: wrap;
  }
  .cta-btns .btn {
    width: 200px;
    padding: 16px 24px;
    font-size: 12px;
    letter-spacing: 0.1em;
  }
  @media (max-width: 768px) {
    .cta-btns { flex-direction: column; align-items: center; }
    .cta-btns .btn { width: 100%; max-width: 280px; }
  }

  /* ------- Footer ------- */
  footer.foot {
    border-top: 0;
    padding: 64px 0 48px 0;
  }
  .foot-ticker {
    display: flex; gap: 24px; flex-wrap: wrap;
    font-family: var(--font-mono); font-size: 13px;
    color: var(--ink);
    margin-bottom: 24px;
    font-variant-numeric: tabular-nums;
  }
  .foot-ticker .sep { color: var(--rule); }
  details.disclosures {
    margin: 24px 0;
    border-top: 0;
    border-bottom: 0;
    padding: 16px 0;
  }
  details.disclosures > summary {
    list-style: none;
    cursor: pointer;
    font-family: var(--font-mono); font-size: 11px;
    text-transform: uppercase; letter-spacing: 0.14em;
    color: var(--ink-soft);
  }
  details.disclosures > summary::-webkit-details-marker { display: none; }
  details[open] > summary > .arrow { transform: rotate(180deg); }
  .arrow { display: inline-block; transition: transform 200ms ease; }
  .disc-list {
    list-style: none; padding: 0; margin: 16px 0 0 0;
    font-size: 12px; color: var(--ink-soft); line-height: 1.6;
  }
  .disc-list li { padding: 6px 0; }
  .foot-cluster { display: inline-flex; align-items: center; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
  .foot-row {
    display: flex; justify-content: space-between; align-items: center;
    margin-top: 32px;
    font-family: var(--font-mono); font-size: 10px;
    text-transform: uppercase; letter-spacing: 0.14em;
    color: var(--ink-soft);
  }
  .foot-row a:hover { color: var(--ink); }

  /* ------- Page-load reveal ------- */
  .reveal { opacity: 0; transform: translateY(8px); animation: reveal 700ms cubic-bezier(0.2,0.7,0.2,1) forwards; }
  .reveal.d1 { animation-delay: 0ms; }
  .reveal.d2 { animation-delay: 200ms; }
  .reveal.d3 { animation-delay: 400ms; }
  .reveal.d4 { animation-delay: 600ms; }
  .reveal.d5 { animation-delay: 800ms; }
  @keyframes reveal {
    to { opacity: 1; transform: translateY(0); }
  }

  /* ------- Matrix bold override ------- */
  .matrix {
    border: 3px solid var(--ink) !important;
    border-radius: 0 !important;
    box-shadow: 10px 10px 0 var(--ink);
    background: var(--bg);
    overflow: hidden;
  }
  .matrix-collabels {
    background: var(--bg) !important;
    border-bottom: 3px solid var(--ink) !important;
  }
  .matrix-collabels > div {
    color: var(--ink) !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    letter-spacing: 0.14em !important;
    border-left: 3px solid var(--ink) !important;
    padding: 22px 16px !important;
  }
  .matrix-collabels > div:first-child { border-left: 0 !important; background: var(--bg) !important; }
  .matrix-row {
    border-bottom: 3px solid var(--ink) !important;
  }
  .matrix-row:last-child { border-bottom: 0 !important; }
  .matrix-rowlabel {
    background: var(--bg) !important;
    color: var(--ink) !important;
    border-right: 3px solid var(--ink) !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    letter-spacing: 0.14em !important;
  }
  .cell {
    border-right: 3px solid var(--ink) !important;
  }
  .cell:last-child { border-right: 0 !important; }
  .cell-val { font-weight: 400; }
  .cell-sub {
    font-weight: 600 !important;
    font-size: 13px !important;
    letter-spacing: 0.12em !important;
    color: var(--ink) !important;
  }

  /* ------- Single-grid matrix (gap-as-border for clean alignment) ------- */
  .matrix-grid {
    display: grid;
    grid-template-columns: 200px 1fr 1fr;
    gap: 3px;
    background: var(--ink);
    border: 3px solid var(--ink);
    box-shadow: 10px 10px 0 var(--ink);
    overflow: hidden;
  }
  .mg-cell {
    background: var(--bg);
    padding: 22px 16px;
  }
  .mg-empty { background: var(--bg); }
  .mg-collabel,
  .mg-rowlabel {
    font-family: var(--font-mono);
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: var(--ink);
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .mg-rowlabel { justify-content: flex-start; padding-left: 22px; }
  .mg-payoff {
    min-height: 220px;
    padding: 36px 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 18px;
    text-align: center;
  }
  .mg-payoff.coop-coop { background: #E9F2EC; }
  .mg-payoff.def-def  { background: #F4E5E3; }
  .mg-payoff .cell-val {
    font-family: var(--font-display);
    font-style: italic;
    line-height: 1;
    letter-spacing: -0.02em;
    color: var(--ink);
  }
  .mg-payoff.coop-coop .cell-val { color: var(--money); }
  .mg-payoff.def-def .cell-val { color: var(--fed); }
  @media (max-width: 768px) {
    .matrix-grid { grid-template-columns: 100px 1fr 1fr; }
    .mg-payoff { min-height: 140px; padding: 16px 8px; }
    .mg-payoff .cell-val { font-size: 48px !important; }
    .mg-collabel, .mg-rowlabel { font-size: 10px; padding: 12px 6px; }
  }

  /* ------- Schizo button: irregular pulse + occasional spurts ------- */
  @keyframes ponzi-schizo {
    0%   { transform: scale(1)     rotate(0deg);    box-shadow: 0 0 0 0    rgba(30, 127, 79, 0.55); }
    7%   { transform: scale(1.02)  rotate(-0.4deg); box-shadow: 0 0 0 4px  rgba(30, 127, 79, 0.35); }
    14%  { transform: scale(1.01)  rotate(0.3deg);  box-shadow: 0 0 0 8px  rgba(30, 127, 79, 0.0); }
    20%  { transform: scale(1)     rotate(0deg);    box-shadow: 0 0 0 0    rgba(30, 127, 79, 0.0); }
    32%  { transform: scale(1.04)  rotate(0.6deg);  box-shadow: 0 0 0 14px rgba(179, 58, 46, 0.3); }
    36%  { transform: scale(1.06)  rotate(-0.5deg); box-shadow: 0 0 0 18px rgba(179, 58, 46, 0.0); }
    40%  { transform: scale(0.98)  rotate(0.2deg);  box-shadow: 0 0 0 0    rgba(30, 127, 79, 0.0); }
    52%  { transform: scale(1.01)  rotate(0deg);    box-shadow: 0 0 0 6px  rgba(197, 164, 58, 0.4); }
    58%  { transform: scale(1)     rotate(-0.2deg); box-shadow: 0 0 0 12px rgba(197, 164, 58, 0.0); }
    72%  { transform: scale(1.08)  rotate(0.8deg);  box-shadow: 0 0 0 22px rgba(30, 127, 79, 0.4); }
    76%  { transform: scale(1.05)  rotate(-0.6deg); box-shadow: 0 0 0 28px rgba(30, 127, 79, 0.0); }
    80%  { transform: scale(1)     rotate(0deg);    box-shadow: 0 0 0 0    rgba(30, 127, 79, 0.0); }
    94%  { transform: scale(1.015) rotate(0.3deg);  box-shadow: 0 0 0 4px  rgba(30, 127, 79, 0.25); }
    100% { transform: scale(1)     rotate(0deg);    box-shadow: 0 0 0 0    rgba(30, 127, 79, 0.0); }
  }
  .btn.flashing {
    background: var(--money) !important;
    color: var(--bg) !important;
    border-color: var(--money) !important;
    animation: ponzi-schizo 4.3s infinite;
    transform-origin: center;
    will-change: transform, box-shadow;
  }
  .btn.flashing:hover {
    animation-play-state: paused;
    background: var(--ink) !important;
    border-color: var(--ink) !important;
  }

  /* ------- Section 3: GIF bleeds right + overlaps heading; text clean on left ------- */
  .lev-section { position: relative; overflow: hidden; }

  .lev-h, .lev-subtitle {
    position: relative;
    z-index: 10;
  }
  .lev-subtitle {
    font-family: var(--font-mono);
    font-size: 13px;
    color: var(--ink-soft);
    letter-spacing: 0.06em;
    margin: 0 0 32px 0;
  }
  .lev-link {
    color: #1E5FB3;
    text-decoration: underline;
    text-decoration-thickness: 1.5px;
    text-underline-offset: 4px;
  }

  .lev-canvas {
    position: relative;
    min-height: 540px;
    padding-bottom: 64px;
  }

  .lev-bg {
    position: absolute;
    top: -120px;
    right: -180px;
    width: 75%;
    min-width: 640px;
    max-width: 1180px;
    aspect-ratio: 600 / 331;
    height: auto;
    z-index: 5;
    object-fit: contain;
    pointer-events: none;
  }

  .lev-steps {
    position: relative;
    z-index: 6;
    list-style: none;
    margin: 0;
    padding: 48px 0 0 0;
    max-width: 460px;
    display: flex;
    flex-direction: column;
  }
  .lev-steps li {
    display: flex;
    align-items: baseline;
    gap: 28px;
    padding: 18px 0;
    border-top: 0;
  }
  .lev-steps li:last-child {
    border-bottom: 0;
  }
  .lev-steps li.last {
    padding: 24px 0;
  }
  .lev-num {
    font-family: var(--font-mono);
    font-size: 11px;
    color: var(--ink-soft);
    letter-spacing: 0.18em;
    min-width: 20px;
    flex-shrink: 0;
    padding-top: 4px;
  }
  .lev-text {
    font-family: var(--font-body);
    font-size: 24px;
    line-height: 1.45;
    color: var(--ink);
    font-weight: 400;
  }
  .lev-steps li.last .lev-text {
    font-size: 32px;
    font-weight: 600;
  }

  .lev-meta {
    position: relative;
    z-index: 6;
    margin: 28px 0 0 0;
    font-family: var(--font-mono);
    font-size: 11px;
    color: var(--ink-soft);
    text-transform: uppercase;
    letter-spacing: 0.18em;
    max-width: 420px;
    display: none; /* folded into step 04 */
  }

  .lev-marquee {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
  }

  .lev-printer {
    display: none; /* folded into step 04 */
  }

  @media (max-width: 768px) {
    .lev-canvas { min-height: auto; padding-bottom: 80px; }
    .lev-bg {
      position: relative;
      top: 0; right: 0;
      width: 100%;
      margin: 24px 0;
      max-width: 100%;
      min-width: 0;
    }
    .lev-steps { padding-top: 16px; max-width: 100%; }
    .lev-text { font-size: 16px; }
    .lev-steps li.last .lev-text { font-size: 20px; }
    .lev-marquee { position: relative; margin-top: 32px; }
  }

  /* ------- Tekk: 3 cards (back to original, refined) ------- */
  .tekk-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 32px;
  }
  .tekk-card {
    border: 1.5px solid var(--ink);
    border-radius: var(--radius);
    padding: 28px 24px;
    background: var(--bg);
    position: relative;
    transition: transform 200ms cubic-bezier(0.2,0.7,0.2,1), box-shadow 200ms;
  }
  .tekk-card:hover {
    transform: translate(-3px, -3px);
    box-shadow: 6px 6px 0 var(--ink);
  }
  .tekk-card .tekk-num {
    font-family: var(--font-mono);
    font-size: 11px;
    letter-spacing: 0.18em;
    color: var(--ink-soft);
  }
  .tekk-card h4 {
    font-family: var(--font-display);
    font-size: 48px;
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 1;
    margin: 12px 0 16px 0;
    color: var(--ink);
  }
  .tekk-card .tekk-stat {
    font-family: var(--font-mono);
    font-size: 28px;
    font-weight: 600;
    color: var(--money);
    line-height: 1;
    margin: 8px 0 16px 0;
  }
  .tekk-card.fed-stat .tekk-stat { color: var(--fed); }
  .tekk-card p {
    margin: 0;
    font-size: 14px;
    line-height: 1.55;
    color: var(--ink-soft);
  }
  @media (max-width: 768px) {
    .tekk-cards { grid-template-columns: 1fr; }
  }

  /* ------- Fugazi index: caption side-of-number ------- */
  .fz-hero-side {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 28px;
    margin: 16px 0 56px 0;
    flex-wrap: wrap;
  }
  .fz-hero-side .fz-num {
    font-size: 192px;
    line-height: 0.9;
    letter-spacing: -0.04em;
  }
  .fz-hero-side .fz-cap-side {
    max-width: 220px;
    text-align: left;
    font-size: 10px;
    line-height: 1.7;
    color: #B5B3AC;
    padding-bottom: 28px;
    font-family: var(--font-mono);
    text-transform: uppercase;
    letter-spacing: 0.12em;
  }
  .fz-hero-side .fz-cap-side strong {
    color: #888680;
    font-weight: 500;
  }
  @media (max-width: 768px) {
    .fz-hero-side { gap: 16px; }
    .fz-hero-side .fz-num { font-size: 96px; }
    .fz-hero-side .fz-cap-side { max-width: 320px; padding-bottom: 0; text-align: center; }
  }

  .lang-toggle {
    display: inline-flex; align-items: center; justify-content: center;
    padding: 7px 8px; margin: 0;
    border: 1px solid transparent;
    background: transparent;
    color: inherit;
    font-family: var(--font-mono); font-size: 13px;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
    transition: opacity 180ms ease;
    box-shadow: none;
  }
  .lang-toggle:hover { opacity: 0.6; }
  :not(html)[data-lang="en"], :not(html)[data-lang="zh"] { display: none; }
  html[data-lang="en"] [data-lang="en"] { display: inline-block; }
  html[data-lang="zh"] [data-lang="zh"] { display: inline-block; }