/* ── Reset & Base ── */
    *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

    :root {
      /* Accent palette (restricted): electric pink + electric blue variations */
      --pink:      #FF2D9A; /* electric pink */
      --blue:      #3B82F6; /* electric blue */
      --indigo:    #1D4ED8; /* deeper electric blue */
      --purple:    #60A5FA; /* treated as lighter blue (no purple accents) */
      --lightblue: #38BDF8; /* bright light blue (not turquoise) */
      --electric-purple: #A855F7; /* electric purple (brand ring only) */

      /* Legacy tokens mapped into allowed palette (avoid introducing new hues) */
      /* Keep legacy `--cyan` from rendering as turquoise text */
      --cyan:   var(--indigo);
      --magenta: var(--pink);
      --green:  var(--blue);
      --orange: var(--purple);
      --red:    var(--pink);

      /* Grayscale base with “studio lighting” */
      --bg:      #050507;
      --bg2:     #0B0B10;
      --bg3:     #121219;
      --surface: #16161F;
      --border:  rgba(255,255,255,0.07);
      --border2: rgba(255,255,255,0.12);

      --text:    #F0F0FF;
      --text2:   #8888AA;
      --text3:   #555577;

      /* Two-color gradients only (pick adjacent swatch neighbors) */
      --grad-mp: linear-gradient(90deg, var(--pink), var(--purple));
      --grad-pi: linear-gradient(90deg, var(--purple), var(--indigo));
      --grad-ib: linear-gradient(90deg, var(--indigo), var(--blue));
      --grad-bc: linear-gradient(90deg, var(--blue), var(--lightblue));

      /* Defaults used across site (still two-color) */
      --grad:  var(--grad-pi);
      --grad2: var(--grad-bc);
      --btn-grad: var(--grad-bc);
      --ring-grad: var(--grad-mp);

      /* Brand accents (donkey logo + “Donkey Chase” moments) are ALWAYS electric pink→electric purple */
      --brand-grad: linear-gradient(90deg, var(--pink), var(--electric-purple));

      /* Text accent (restricted to blue family) */
      --accent: var(--blue);

      /* Typography scale (site-wide defaults) */
      --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
      --font-mono: 'JetBrains Mono', ui-monospace, monospace;
      --text-nav: 14px;
      --text-nav-compact: 13px;
      --text-label: 11px;
      --text-body: 16px;

      /* Full fixed header height (nav + social row inside nav); synced by assets/site.js */
      --site-fixed-header-total: 100px;
    }

    /* Alternate section themes (scoped tokens inherit into children) */
    section.theme-light {
      --bg: #F8FAFC;
      --bg2: #F1F5F9;
      --bg3: #FFFFFF;
      --surface: #FFFFFF;
      --border: rgba(15, 23, 42, 0.08);
      --border2: rgba(15, 23, 42, 0.14);
      --text: #0F172A;
      --text2: #64748B;
      background: var(--bg);
      color: var(--text);
      position: relative;
      z-index: 1;
    }
    section.theme-dark,
    footer.theme-dark {
      --bg: #050507;
      --bg2: #0B0B10;
      --bg3: #121219;
      --surface: #16161F;
      --border: rgba(255,255,255,0.07);
      --border2: rgba(255,255,255,0.12);
      --text: #F0F0FF;
      --text2: #8888AA;
      background: var(--bg2);
      color: var(--text);
      position: relative;
      z-index: 1;
    }
    /* Marquee: dark strip (class name is legacy; not a “light” section) */
    .theme-light.marquee-wrap {
      --bg: #2a2d34;
      --bg2: #2a2d34;
      --text: #f1f5f9;
      --text2: #a1a8b8;
      --accent: #7eb8ff;
      --border: rgba(255, 255, 255, 0.1);
      background: #2a2d34;
      color: var(--text2);
      position: relative;
      z-index: 1;
    }

    html { scroll-behavior: smooth; }

    body {
      font-family: var(--font-sans);
      font-size: var(--text-body);
      background: var(--bg);
      color: var(--text);
      line-height: 1.6;
      overflow-x: hidden;
    }

    img, video, iframe {
      max-width: 100%;
      height: auto;
    }

    /* ── Grid background ── */
    body::before {
      content: '';
      position: fixed;
      inset: 0;
      background-image:
        linear-gradient(rgba(255,255,255,0.028) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.028) 1px, transparent 1px);
      background-size: 60px 60px;
      pointer-events: none;
      z-index: 0;
    }

    /* Subtle “lighting” vignette */
    body::after {
      content: '';
      position: fixed;
      inset: -20%;
      background:
        radial-gradient(circle at 50% 18%, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.02) 22%, transparent 60%),
        radial-gradient(circle at 18% 55%, rgba(56,189,248,0.08) 0%, transparent 55%),
        radial-gradient(circle at 82% 55%, rgba(59,130,246,0.06) 0%, transparent 58%);
      pointer-events: none;
      z-index: 0;
      mix-blend-mode: screen;
    }

    /* ── Utility ── */
    .container {
      max-width: min(1100px, 100%);
      margin: 0 auto;
      padding-left: calc(clamp(16px, 4vw, 28px) + env(safe-area-inset-left, 0px));
      padding-right: calc(clamp(16px, 4vw, 28px) + env(safe-area-inset-right, 0px));
    }

    section[id],
    .dispatch-section {
      scroll-margin-top: calc(var(--site-fixed-header-total, 100px) + 12px);
    }
    .mono { font-family: var(--font-mono); }
    .grad-text {
      background: var(--grad);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }
    .grad-deepblue {
      background: var(--grad-ib);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }
    .grad-bc {
      background: var(--grad-bc);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }
    .grad-pi {
      background: var(--grad-pi);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }
    .grad-mp {
      background: var(--grad-mp);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }
    .grad-ib {
      background: var(--grad-ib);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }
    .grad-brand {
      background: var(--brand-grad);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }
    .grad-text2 {
      background: var(--grad2);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }
    /* Solid electric blue (overrides gradient text utilities when combined) */
    .text-electric-blue {
      background: none;
      -webkit-background-clip: border-box;
      background-clip: border-box;
      color: var(--lightblue);
      -webkit-text-fill-color: var(--lightblue);
      text-shadow: 0 0 22px rgba(56, 189, 248, 0.28);
    }
    .theme-light .text-electric-blue {
      text-shadow: 0 0 18px rgba(56, 189, 248, 0.16);
    }

    /* ── Animations ── */
    @keyframes float {
      0%, 100% { transform: translateY(0px); }
      50% { transform: translateY(-12px); }
    }
    @keyframes pulse-glow {
      0%, 100% { opacity: 0.6; }
      50% { opacity: 1; }
    }
    @keyframes scan-line {
      0% { top: -2px; }
      100% { top: 100%; }
    }
    @keyframes blink {
      0%, 100% { opacity: 1; }
      50% { opacity: 0; }
    }
    @keyframes orbit {
      from { transform: rotate(0deg) translateX(38px) rotate(0deg); }
      to   { transform: rotate(360deg) translateX(38px) rotate(-360deg); }
    }
    @keyframes gradient-shift {
      0%   { background-position: 0% 50%; }
      50%  { background-position: 100% 50%; }
      100% { background-position: 0% 50%; }
    }
    @keyframes fade-up {
      from { opacity: 0; transform: translateY(30px); }
      to   { opacity: 1; transform: translateY(0); }
    }
    @keyframes slide-in-right {
      from { opacity: 0; transform: translateX(40px); }
      to   { opacity: 1; transform: translateX(0); }
    }

    /* ── Navigation (only top bar — inner <nav> e.g. breadcrumbs must stay in-flow) ── */
    nav.site-nav {
      position: fixed;
      top: 0; left: 0; right: 0;
      z-index: 100;
      padding-top: env(safe-area-inset-top, 0px);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      background: rgba(8,8,10,0.92);
      border-bottom: 1px solid var(--border);
    }

    /* Social icons in top nav (right cluster, inside .nav-inner) */
    .site-social-strip--nav {
      flex-shrink: 0;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      margin-left: auto;
      padding: 0;
      background: transparent;
      border: none;
      backdrop-filter: none;
      -webkit-backdrop-filter: none;
    }
    .site-social-strip--nav .site-social-strip-inner {
      display: flex;
      flex-wrap: nowrap;
      align-items: center;
      justify-content: flex-end;
      gap: 5px;
      padding: 0;
      margin: 0;
      max-width: none;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none;
    }
    .site-social-strip--nav .site-social-strip-inner::-webkit-scrollbar {
      display: none;
    }
    .site-social-strip-link {
      flex: 0 0 auto;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 32px;
      height: 32px;
      border-radius: 9px;
      color: rgba(240,240,255,0.88);
      background: rgba(255,255,255,0.06);
      border: 1px solid var(--border2);
      text-decoration: none;
      transition: background 0.2s, border-color 0.2s, color 0.2s, transform 0.2s;
    }
    .site-social-strip-link:hover {
      color: #fff;
      background: rgba(96,165,250,0.14);
      border-color: rgba(96,165,250,0.4);
      transform: translateY(-1px);
    }
    .site-social-strip-link svg {
      width: 16px;
      height: 16px;
    }
    /* Home page: in-flow offset so first section clears fixed nav + strip */
    .site-header-spacer {
      height: var(--site-fixed-header-total);
      flex-shrink: 0;
    }
    main nav:not(.site-nav),
    section nav:not(.site-nav) {
      position: static;
      inset: auto;
      z-index: auto;
      backdrop-filter: none;
      -webkit-backdrop-filter: none;
      background: transparent;
      border: none;
    }
    .nav-inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      padding-top: 12px;
      padding-bottom: 12px;
      padding-left: calc(clamp(16px, 4vw, 28px) + env(safe-area-inset-left, 0px));
      padding-right: calc(clamp(16px, 4vw, 28px) + env(safe-area-inset-right, 0px));
      max-width: min(1180px, 100%);
      margin: 0 auto;
    }
    /* Top bar: links centered in remaining space, social pinned right */
    .site-nav .nav-inner {
      justify-content: flex-start;
      gap: 10px 16px;
      flex-wrap: nowrap;
    }
    @media (min-width: 769px) {
      .site-nav .nav-menu {
        flex: 1 1 auto;
        justify-content: center;
        max-width: 100%;
        min-width: 0;
      }
      .site-nav .nav-links {
        justify-content: center;
      }
    }
    @media (max-width: 768px) {
      .site-nav .nav-inner {
        justify-content: flex-end;
      }
      .site-nav .nav-menu {
        justify-content: stretch;
      }
      .site-nav .nav-links {
        justify-content: stretch;
      }
      .site-social-strip--nav .site-social-strip-link {
        width: 40px;
        height: 40px;
        min-width: 40px;
        min-height: 40px;
      }
      .site-social-strip--nav .site-social-strip-link svg {
        width: 18px;
        height: 18px;
      }
    }
    .nav-logo {
      display: flex;
      align-items: center;
      gap: 12px;
      text-decoration: none;
    }

    /* Brand mark (image) — use `assets/brand/donkey-mark.png` */
    .brand-mark {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      line-height: 1;
      user-select: none;
    }
    .brand-mark img,
    img.brand-mark {
      display: block;
      height: auto;
      width: var(--mark-size, 34px);
      filter: drop-shadow(0 12px 28px rgba(0,0,0,0.45));
    }
    .brand-mark--nav { --mark-size: 34px; flex-shrink: 0; }
    .brand-mark--hero { --mark-size: 320px; }
    .brand-mark--cta { --mark-size: 140px; margin: 0 auto 24px; }
    .brand-mark--footer { --mark-size: 26px; flex-shrink: 0; }
    .nav-wordmark {
      font-family: var(--font-sans);
      font-size: var(--text-nav);
      font-weight: 700;
      letter-spacing: 0.04em;
      color: var(--pink);
      line-height: 1.2;
    }
    .nav-wordmark span {
      display: block;
      font-size: 9px;
      font-weight: 500;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: var(--text2);
    }
    .nav-badge {
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      padding: 5px 12px;
      border-radius: 20px;
      background: rgba(56,189,248,0.10);
      color: #CFFAFE;
      border: 1px solid rgba(56,189,248,0.22);
      font-family: var(--font-mono);
    }
    .nav-cta {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-family: var(--font-sans);
      font-size: var(--text-nav-compact);
      font-weight: 600;
      color: #061017;
      text-decoration: none;
      padding: 8px 18px;
      border-radius: 8px;
      background: var(--grad-bc);
      box-shadow: 0 10px 26px rgba(56,189,248,0.18);
      transition: transform 0.2s, box-shadow 0.2s, filter 0.2s;
    }
    .nav-cta:hover { transform: translateY(-1px); box-shadow: 0 14px 34px rgba(56,189,248,0.24); filter: saturate(1.05); }
    .nav-right { display: flex; align-items: center; gap: 16px; }

    .nav-menu {
      display: flex;
      align-items: center;
      gap: 22px;
      flex: 1;
      justify-content: center;
      min-width: 0;
    }
    .nav-links {
      display: flex;
      align-items: center;
      gap: 4px;
      flex-wrap: wrap;
      justify-content: center;
    }
    .nav-links a {
      font-family: var(--font-sans);
      font-size: var(--text-nav-compact);
      font-weight: 600;
      color: rgba(240,240,255,0.78);
      text-decoration: none;
      padding: 8px 10px;
      border-radius: 8px;
      transition: color 0.2s, background 0.2s, box-shadow 0.2s;
      white-space: nowrap;
    }
    .nav-links a:hover {
      color: #F8FAFF;
      background: rgba(96,165,250,0.10);
      box-shadow: inset 0 0 0 1px rgba(96,165,250,0.18);
    }
    .nav-links a[aria-current="page"] {
      color: #fff;
      background: rgba(255, 45, 154, 0.14);
      box-shadow: inset 0 0 0 1px rgba(255, 45, 154, 0.38);
    }
    .nav-actions {
      display: flex;
      align-items: center;
      gap: 12px;
      flex-shrink: 0;
    }
    .nav-toggle {
      display: none;
      flex-direction: column;
      justify-content: center;
      gap: 5px;
      width: 44px;
      height: 44px;
      padding: 0;
      border: 1px solid var(--border2);
      border-radius: 10px;
      background: rgba(255,255,255,0.04);
      cursor: pointer;
      color: var(--text);
      flex-shrink: 0;
    }
    .nav-toggle-bar {
      display: block;
      width: 18px;
      height: 2px;
      margin: 0 auto;
      background: currentColor;
      border-radius: 2px;
    }

    /* ── Hero ── */
    .hero {
      position: relative;
      min-height: 100vh;
      min-height: 100dvh;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      padding: clamp(104px, 22vw, 140px) clamp(16px, 4vw, 28px) clamp(64px, 12vw, 80px);
      overflow: hidden;
    }

    /* Light hero: grayscale “studio” backdrop + lighting */
    section.hero.theme-light {
      /* Variation: hero leans cool (blue/light-blue) with pink/purple as secondary */
      --ring-grad: var(--brand-grad);
      --grad: var(--grad-pi);
      --accent: var(--indigo);
      background:
        radial-gradient(760px 520px at 26% 56%, rgba(99,102,241,0.10) 0%, transparent 62%),
        radial-gradient(760px 520px at 74% 56%, rgba(56,189,248,0.10) 0%, transparent 62%),
        linear-gradient(180deg, #F8FAFC 0%, #EEF2F6 55%, #E9EEF4 100%);
      border-bottom: 1px solid var(--border);
    }

    /* Radial glow behind hero */
    .hero::after {
      content: '';
      position: absolute;
      width: 800px;
      height: 800px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(96,165,250,0.08) 0%, rgba(59,130,246,0.05) 40%, transparent 70%);
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      pointer-events: none;
      z-index: 0;
    }

    /* On a light hero, keep the glow subtler + more “shadowed” */
    section.hero.theme-light::after {
      background: radial-gradient(circle, rgba(15,23,42,0.10) 0%, rgba(15,23,42,0.05) 42%, transparent 72%);
      opacity: 0.55;
    }

    .hero-eyebrow {
      position: relative;
      z-index: 1;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-size: 12px;
      font-weight: 600;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      color: var(--accent);
      padding: 6px 16px;
      border-radius: 20px;
      border: 1px solid rgba(99,102,241,0.22);
      background: rgba(99,102,241,0.06);
      margin-bottom: 32px;
      animation: fade-up 0.6s ease both;
    }
    .hero-eyebrow::before {
      content: '';
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: var(--accent);
      animation: pulse-glow 1.5s ease infinite;
    }

    .hero-logo-mark {
      position: relative;
      z-index: 1;
      margin: 0 auto 24px;
      animation: fade-up 0.6s 0.1s ease both;
    }

    /* Gradient ring wrapper around badge */
    .logo-badge-ring {
      --badge-size: 320px;
      --ring-w: 18px;
      width: calc(var(--badge-size) + var(--ring-w) * 2);
      height: calc(var(--badge-size) + var(--ring-w) * 2);
      display: inline-grid;
      place-items: center;
      position: relative;
      margin: 0 auto 24px;
    }
    .logo-badge-ring::before {
      content: '';
      position: absolute;
      inset: 0;
      border-radius: 50%;
      background: var(--ring-grad, var(--brand-grad));
      filter: drop-shadow(0 18px 46px rgba(0,0,0,0.18));
      z-index: 0;
    }
    .logo-badge-ring::after {
      content: '';
      position: absolute;
      inset: var(--ring-w);
      border-radius: 50%;
      background: #fff;
      box-shadow:
        inset 0 0 0 1px rgba(15,23,42,0.08),
        0 18px 46px rgba(15,23,42,0.14);
      z-index: 0;
    }
    .logo-badge-ring > img {
      width: var(--badge-size);
      height: auto;
      position: relative;
      z-index: 1;
    }

    .logo-badge-ring--hero { --badge-size: 320px; --ring-w: 18px; animation: float 3s ease-in-out infinite; }
    /* Final CTA uses the same badge as hero */
    .logo-badge-ring--cta  { --badge-size: 320px; --ring-w: 18px; margin-bottom: 24px; animation: float 3s ease-in-out infinite; }
    .logo-badge-ring--footer { --badge-size: 26px; --ring-w: 4px; }
    .logo-badge-ring--mwatch-hero,
    .logo-badge-ring--dispatch-issue,
    .logo-badge-ring--store-hero,
    .logo-badge-ring--dp-hero {
      --badge-size: min(168px, 38vw);
      --ring-w: 11px;
      margin: 0;
      animation: none;
    }

    /* Brand ring: always pink→purple for donkey identity */
    .logo-badge-ring { --ring-grad: var(--brand-grad); }

    .hero-logo-mark .brand-mark {
      filter:
        drop-shadow(0 24px 64px rgba(0,0,0,0.65))
        drop-shadow(0 0 22px rgba(236,72,153,0.14))
        drop-shadow(0 0 18px rgba(99,102,241,0.12));
      transform: translateZ(0);
    }

    section.hero.theme-light .hero-logo-mark .brand-mark {
      filter:
        drop-shadow(0 18px 52px rgba(15,23,42,0.28))
        drop-shadow(0 0 20px rgba(236,72,153,0.12))
        drop-shadow(0 0 16px rgba(99,102,241,0.10));
    }

    .hero h1 {
      position: relative;
      z-index: 1;
      font-size: clamp(40px, 7vw, 82px);
      font-weight: 900;
      line-height: 1.05;
      letter-spacing: -2px;
      margin-bottom: 28px;
      animation: fade-up 0.6s 0.2s ease both;
    }

    .hero-sub {
      position: relative;
      z-index: 1;
      font-size: clamp(16px, 2.2vw, 21px);
      font-weight: 400;
      color: var(--text2);
      max-width: 620px;
      line-height: 1.7;
      margin: 0 auto 48px;
      animation: fade-up 0.6s 0.3s ease both;
    }
    .hero-sub strong { color: var(--text); font-weight: 600; }

    .hero-form {
      position: relative;
      z-index: 1;
      display: flex;
      gap: 12px;
      max-width: 520px;
      width: 100%;
      margin: 0 auto 24px;
      animation: fade-up 0.6s 0.4s ease both;
    }
    .hero-form input {
      flex: 1;
      background: var(--surface);
      border: 1px solid var(--border2);
      color: var(--text);
      padding: 14px 18px;
      border-radius: 10px;
      font-size: 15px;
      font-family: 'Inter', sans-serif;
      outline: none;
      transition: border-color 0.2s;
    }
    .hero-form input::placeholder { color: var(--text2); }
    .hero-form input:focus { border-color: rgba(96,165,250,0.5); }

    .btn-primary {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 14px 24px;
      border-radius: 10px;
      font-size: 15px;
      font-weight: 700;
      color: #fff;
      border: none;
      cursor: pointer;
      background: var(--btn-grad);
      background-size: 200% 200%;
      animation: gradient-shift 4s ease infinite;
      transition: transform 0.2s, box-shadow 0.2s;
      white-space: nowrap;
      text-decoration: none;
    }
    .btn-primary:hover {
      transform: translateY(-2px);
      box-shadow: 0 10px 34px rgba(99,102,241,0.28);
    }

    .btn-secondary {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      padding: 14px 22px;
      border-radius: 10px;
      font-size: 15px;
      font-weight: 700;
      color: var(--text);
      border: 1px solid var(--border2);
      background: rgba(255,255,255,0.04);
      cursor: pointer;
      text-decoration: none;
      transition: border-color 0.2s, background 0.2s, transform 0.2s;
      white-space: nowrap;
    }
    .btn-secondary:hover {
      border-color: rgba(96,165,250,0.45);
      background: rgba(96,165,250,0.08);
      transform: translateY(-1px);
    }
    .theme-light .btn-secondary {
      background: var(--bg2);
      border-color: var(--border);
    }
    .theme-light .btn-secondary:hover {
      background: var(--bg3);
      border-color: rgba(96,165,250,0.35);
    }

    .hero-note {
      position: relative;
      z-index: 1;
      font-size: 12px;
      color: var(--text2);
      animation: fade-up 0.6s 0.5s ease both;
    }
    .hero-note a { color: var(--accent); text-decoration: none; }

    .hero-scroll-hint {
      position: absolute;
      bottom: 40px;
      left: 50%;
      transform: translateX(-50%);
      z-index: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 8px;
      color: var(--text2);
      font-size: 11px;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      animation: fade-up 0.6s 0.8s ease both;
    }
    .scroll-chevron {
      width: 20px;
      height: 20px;
      border-right: 2px solid var(--text2);
      border-bottom: 2px solid var(--text2);
      transform: rotate(45deg);
      animation: float 1.5s ease-in-out infinite;
    }

    /* ── Floating particles ── */
    .particles {
      position: absolute;
      inset: 0;
      pointer-events: none;
      z-index: 0;
    }
    .particle {
      position: absolute;
      width: 3px;
      height: 3px;
      border-radius: 50%;
      background: var(--blue);
      opacity: 0;
      animation: particle-float linear infinite;
    }
    @keyframes particle-float {
      0%   { opacity: 0; transform: translateY(0) scale(0); }
      10%  { opacity: 0.6; transform: scale(1); }
      90%  { opacity: 0.4; }
      100% { opacity: 0; transform: translateY(-100vh) scale(0.5); }
    }

    /* ── Marquee strip ── */
    .marquee-wrap {
      width: 100%;
      overflow: hidden;
      background: var(--bg2);
      border-top: 1px solid var(--border);
      border-bottom: 1px solid var(--border);
      padding: 14px 0;
    }
    .marquee-track {
      display: flex;
      gap: 0;
      white-space: nowrap;
      animation: marquee 28s linear infinite;
    }
    .marquee-track:hover { animation-play-state: paused; }
    @keyframes marquee {
      from { transform: translateX(0); }
      to   { transform: translateX(-50%); }
    }
    .marquee-item {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 0 32px;
      font-size: 12px;
      font-weight: 600;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--text2);
    }
    .marquee-item .dot {
      width: 4px; height: 4px;
      border-radius: 50%;
      background: var(--accent);
      flex-shrink: 0;
    }
    .marquee-item.highlight { color: var(--accent); }

    /* ── Section headers ── */
    .section-label {
      font-size: 18px;
      font-weight: 700;
      letter-spacing: 0.22em;
      text-transform: uppercase;
      color: var(--text);
      font-family: 'JetBrains Mono', monospace;
      margin-bottom: 16px;
    }
    .section-label::before { content: '// '; opacity: 0.5; }

    /* ── Pain Section ── */
    .pain-section {
      padding: 100px 0;
      position: relative;
    }
    .pain-inner {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 60px;
      align-items: center;
    }
    .pain-left h2 {
      font-size: clamp(22px, 3.1vw, 36px);
      font-weight: 800;
      line-height: 1.2;
      letter-spacing: -0.04em;
      margin-bottom: 20px;
    }
    .pain-left p {
      font-size: 17px;
      color: var(--text2);
      line-height: 1.75;
      margin-bottom: 16px;
    }
    .pain-left p strong { color: var(--text); }
    .pain-pullquote {
      margin-top: 28px;
      padding: 20px 22px;
      border-radius: 0 14px 14px 0;
      border-left: 3px solid transparent;
      border-image: linear-gradient(180deg, var(--pink), var(--electric-purple)) 1;
      background: linear-gradient(90deg, rgba(255, 45, 154, 0.1), transparent);
      font-size: clamp(17px, 2.2vw, 20px);
      font-weight: 700;
      line-height: 1.45;
      color: var(--pink);
      letter-spacing: -0.02em;
    }
    .pain-right {
      align-self: stretch;
      display: flex;
      min-width: 0;
    }

    /* Slack-style scrolling feed (pain section) */
    .slack-panel {
      /* Fill column width but don’t stretch to full grid row height — that left a
         white band below the scroll viewport when max-height capped it. */
      flex: 1 1 auto;
      align-self: flex-start;
      width: 100%;
      min-width: 0;
      display: flex;
      flex-direction: column;
      min-height: 0;
      background: #fff;
      border: 1px solid rgba(15, 23, 42, 0.12);
      border-radius: 12px;
      overflow: hidden;
      box-shadow:
        0 4px 6px rgba(15, 23, 42, 0.04),
        0 22px 48px rgba(15, 23, 42, 0.12);
    }
    .slack-topbar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      flex-wrap: wrap;
      padding: 11px 14px;
      background: linear-gradient(180deg, #4a1548 0%, #3d1140 100%);
      color: #f4f0f4;
      border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    }
    .slack-topbar-left {
      display: flex;
      align-items: center;
      gap: 10px;
      min-width: 0;
    }
    .slack-workspace-mark {
      width: 22px;
      height: 22px;
      border-radius: 6px;
      background: linear-gradient(135deg, var(--pink), var(--electric-purple));
      flex-shrink: 0;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
    }
    .slack-channel-block {
      display: flex;
      align-items: baseline;
      font-weight: 800;
      font-size: 15px;
      letter-spacing: -0.02em;
      flex-shrink: 0;
      min-width: 0;
    }
    .slack-hash {
      opacity: 0.85;
      margin-right: 1px;
      font-weight: 700;
    }
    .slack-channel-name {
      white-space: nowrap;
      overflow: visible;
    }
    .slack-topbar-hint {
      font-size: 9px;
      font-weight: 700;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      opacity: 0.72;
      font-family: 'JetBrains Mono', monospace;
      flex-shrink: 0;
    }
    .slack-scroll-viewport {
      position: relative;
      flex: 0 1 auto;
      min-height: 0;
      max-height: min(520px, 58vh);
      overflow-x: hidden;
      overflow-y: auto;
      scroll-behavior: smooth;
      background: #fff;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: thin;
      scrollbar-color: rgba(59, 130, 246, 0.35) transparent;
      /* Fade only the top edge so newest lines at bottom stay fully readable */
      -webkit-mask-image: linear-gradient(to bottom, transparent, #000 10px, #000 100%);
      mask-image: linear-gradient(to bottom, transparent, #000 10px, #000 100%);
    }
    [data-slack-scroll-track] {
      display: flex;
      flex-direction: column;
      min-height: min-content;
    }
    .slack-scroll-list {
      flex: 0 0 auto;
    }
    .slack-row--live {
      animation: slack-row-in 0.45s ease-out;
    }
    @keyframes slack-row-in {
      from {
        opacity: 0;
        transform: translateY(8px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }
    .slack-row {
      display: flex;
      gap: 10px;
      padding: 9px 14px 11px;
      font-size: 14px;
      line-height: 1.45;
      color: var(--text);
      border-bottom: 1px solid rgba(15, 23, 42, 0.06);
    }
    .slack-row:hover {
      background: rgba(59, 130, 246, 0.05);
    }
    .slack-row--me {
      background: rgba(59, 130, 246, 0.07);
    }
    .slack-row--me:hover {
      background: rgba(59, 130, 246, 0.1);
    }
    .slack-row--bot {
      background: rgba(139, 92, 246, 0.06);
    }
    .slack-row--bot:hover {
      background: rgba(139, 92, 246, 0.09);
    }
    .slack-ava {
      width: 36px;
      height: 36px;
      border-radius: 6px;
      flex-shrink: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 9px;
      font-weight: 800;
      letter-spacing: 0.02em;
      text-transform: uppercase;
      color: #fff;
      line-height: 1.1;
      text-align: center;
      padding: 2px;
    }
    .slack-ava--exec { background: linear-gradient(135deg, #6366f1, #4f46e5); }
    .slack-ava--me { background: linear-gradient(135deg, var(--blue), var(--indigo)); font-size: 8px; text-transform: lowercase; }
    .slack-ava--it { background: linear-gradient(135deg, #64748b, #475569); }
    .slack-ava--vp { background: linear-gradient(135deg, #a855f7, #7c3aed); }
    .slack-ava--cos { background: linear-gradient(135deg, #0ea5e9, #0369a1); }
    .slack-ava--eng { background: linear-gradient(135deg, #14b8a6, #0f766e); }
    .slack-ava--legal { background: linear-gradient(135deg, #f97316, #c2410c); }
    .slack-ava--sales { background: linear-gradient(135deg, #22c55e, #15803d); }
    .slack-ava--hr { background: linear-gradient(135deg, #ec4899, #be185d); }
    .slack-ava--cfo { background: linear-gradient(135deg, #eab308, #a16207); font-size: 8px; }
    .slack-ava--pm { background: linear-gradient(135deg, #8b5cf6, #5b21b6); }
    .slack-ava--data { background: linear-gradient(135deg, #38bdf8, #0369a1); font-size: 8px; }
    .slack-ava--new { background: linear-gradient(135deg, #94a3b8, #64748b); font-size: 11px; text-transform: lowercase; }
    .slack-ava--exec2 { background: linear-gradient(135deg, #cbd5e1, #64748b); color: #0f172a; font-size: 8px; }
    .slack-ava--deck { background: #f1f5f9; font-size: 14px; }
    .slack-ava--bot {
      background: linear-gradient(135deg, #60a5fa, #2563eb);
      font-size: 8px;
      font-style: normal;
    }
    .slack-main {
      flex: 1;
      min-width: 0;
    }
    .slack-meta {
      margin-bottom: 3px;
      line-height: 1.2;
    }
    .slack-name {
      font-weight: 900;
      color: var(--text);
      font-size: 14px;
    }
    .slack-time {
      font-size: 11px;
      font-weight: 600;
      color: #64748b;
      margin-left: 6px;
    }
    .slack-app-badge {
      display: inline-block;
      margin-left: 6px;
      padding: 1px 5px;
      border-radius: 4px;
      font-size: 9px;
      font-weight: 800;
      letter-spacing: 0.06em;
      vertical-align: middle;
      background: rgba(59, 130, 246, 0.15);
      color: var(--indigo);
      border: 1px solid rgba(59, 130, 246, 0.25);
    }
    .slack-text {
      color: #1e293b;
      font-size: 14px;
    }
    .slack-text code {
      font-family: 'JetBrains Mono', monospace;
      font-size: 12px;
      padding: 1px 5px;
      border-radius: 4px;
      background: rgba(15, 23, 42, 0.06);
    }
    .slack-text--bot {
      font-style: italic;
      color: #475569;
    }
    .slack-emoji {
      font-style: normal;
    }
    @media (prefers-reduced-motion: reduce) {
      .slack-scroll-viewport {
        -webkit-mask-image: none;
        mask-image: none;
        scroll-behavior: auto;
      }
      .slack-row--live {
        animation: none;
      }
    }

    /* ── Content formats ── */
    .formats-section {
      padding: 100px 0;
      position: relative;
      overflow: hidden;
    }
    .formats-section::before {
      content: '';
      position: absolute;
      inset: 0;
      pointer-events: none;
      background:
        radial-gradient(ellipse 72% 48% at 12% 18%, rgba(59, 130, 246, 0.11), transparent 52%),
        radial-gradient(ellipse 58% 42% at 92% 8%, rgba(255, 45, 154, 0.08), transparent 48%),
        radial-gradient(ellipse 55% 38% at 50% 96%, rgba(56, 189, 248, 0.08), transparent 55%);
    }
    .formats-section .container {
      position: relative;
      z-index: 1;
    }
    .formats-header {
      text-align: center;
      margin-bottom: 56px;
    }
    .formats-header h2 {
      font-size: clamp(30px, 4.2vw, 48px);
      font-weight: 800;
      letter-spacing: -1.2px;
      margin-bottom: 18px;
      line-height: 1.12;
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    }
    .formats-header p {
      font-size: 17px;
      color: var(--text2);
      max-width: 560px;
      margin: 0 auto;
      line-height: 1.65;
    }
    .formats-brand-strip {
      margin-top: 24px;
      font-size: 15px;
      color: var(--text2);
      line-height: 1.6;
      max-width: 540px;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
    }
    .formats-brand-strip strong { color: var(--text); }
    .formats-monogram {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-family: 'JetBrains Mono', monospace;
      font-size: 10px;
      font-weight: 800;
      letter-spacing: 0.18em;
      padding: 7px 11px;
      border-radius: 10px;
      color: #fff;
      background: var(--brand-grad);
      box-shadow:
        0 4px 14px rgba(255, 45, 154, 0.25),
        0 2px 6px rgba(59, 130, 246, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.35);
      vertical-align: middle;
      margin-right: 10px;
      margin-bottom: 2px;
    }

    .formats-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(min(100%, 290px), 1fr));
      gap: clamp(22px, 3.2vw, 32px);
    }
    .formats-hub-link {
      text-align: center;
      margin-top: 28px;
    }
    .formats-hub-link a {
      font-weight: 800;
      font-size: 13px;
      color: var(--indigo);
      text-decoration: none;
      font-family: 'JetBrains Mono', monospace;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 12px 20px;
      border-radius: 999px;
      border: 1px solid rgba(59, 130, 246, 0.28);
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(241, 245, 249, 0.9));
      box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08);
      transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    }
    .formats-hub-link a:hover {
      transform: translateY(-2px);
      border-color: rgba(59, 130, 246, 0.45);
      box-shadow: 0 16px 36px rgba(59, 130, 246, 0.18);
    }

    .format-card {
      border: 1px solid rgba(15, 23, 42, 0.11);
      border-radius: 22px;
      padding: 28px 26px 26px;
      transition:
        border-color 0.24s ease,
        transform 0.24s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.24s ease;
      position: relative;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      min-height: 100%;
      isolation: isolate;
      box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.72) inset,
        0 1px 0 rgba(255, 255, 255, 0.95) inset,
        0 10px 24px rgba(15, 23, 42, 0.08),
        0 2px 8px rgba(59, 130, 246, 0.05);
    }
    .format-card > * {
      position: relative;
      z-index: 1;
    }
    .format-card::after {
      content: '';
      position: absolute;
      inset: -1px;
      border-radius: inherit;
      pointer-events: none;
      z-index: 0;
      background: radial-gradient(115% 85% at 108% -8%, var(--format-glow, rgba(59, 130, 246, 0.16)) 0%, transparent 52%);
      opacity: 0.9;
    }
    .format-card.f1 {
      --format-glow: rgba(56, 189, 248, 0.38);
      --format-hover-shadow: rgba(56, 189, 248, 0.28);
    }
    .format-card.f2 {
      --format-glow: rgba(59, 130, 246, 0.32);
      --format-hover-shadow: rgba(99, 102, 241, 0.26);
    }
    .format-card.f3 {
      --format-glow: rgba(168, 85, 247, 0.28);
      --format-hover-shadow: rgba(168, 85, 247, 0.32);
    }
    .format-card.f4 {
      --format-glow: rgba(255, 45, 154, 0.22);
      --format-hover-shadow: rgba(255, 45, 154, 0.38);
    }
    a.format-card {
      text-decoration: none;
      color: inherit;
      cursor: pointer;
    }
    a.format-card:hover {
      transform: translateY(-9px) scale(1.015);
      border-color: rgba(59, 130, 246, 0.42);
      box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.85) inset,
        0 1px 0 rgba(255, 255, 255, 1) inset,
        0 16px 32px rgba(15, 23, 42, 0.1),
        0 28px 64px -12px var(--format-hover-shadow, rgba(59, 130, 246, 0.18));
    }
    a.format-card:focus-visible {
      outline: 2px solid var(--lightblue);
      outline-offset: 4px;
    }
    .format-card::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 5px;
      border-radius: 22px 22px 0 0;
      z-index: 2;
      pointer-events: none;
    }
    .format-card.f1::before {
      background: linear-gradient(90deg, var(--lightblue), var(--blue));
      box-shadow: 0 3px 16px rgba(56, 189, 248, 0.55);
    }
    .format-card.f2::before {
      background: linear-gradient(90deg, var(--blue), var(--purple));
      box-shadow: 0 3px 16px rgba(59, 130, 246, 0.5);
    }
    .format-card.f3::before {
      background: linear-gradient(90deg, var(--purple), var(--pink));
      box-shadow: 0 3px 16px rgba(168, 85, 247, 0.45);
    }
    .format-card.f4::before {
      background: linear-gradient(90deg, var(--orange), var(--red));
      box-shadow: 0 3px 16px rgba(255, 45, 154, 0.42);
    }
    div.format-card:hover { border-color: rgba(59, 130, 246, 0.3); transform: translateY(-5px); }

    /* Home “ecosystem” grid — dark electric gradient cards (no icons) */
    .formats-section.theme-light .formats-grid > a.format-card {
      padding: 24px 24px 22px;
      border: 1px solid rgba(255, 255, 255, 0.12);
      box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.06) inset,
        0 20px 48px rgba(0, 0, 0, 0.42);
    }
    .formats-section.theme-light .formats-grid > a.format-card::after {
      background: radial-gradient(120% 90% at 50% -20%, rgba(255, 255, 255, 0.1) 0%, transparent 52%);
      opacity: 1;
    }
    .formats-section.theme-light .formats-grid > a.format-card.f1 {
      background:
        radial-gradient(120% 85% at 100% 0%, rgba(56, 189, 248, 0.42) 0%, transparent 52%),
        radial-gradient(85% 65% at -5% 100%, rgba(59, 130, 246, 0.32) 0%, transparent 48%),
        linear-gradient(165deg, #101827 0%, #070b14 52%, #030508 100%);
    }
    .formats-section.theme-light .formats-grid > a.format-card.f2 {
      background:
        radial-gradient(110% 80% at 95% 0%, rgba(99, 102, 241, 0.45) 0%, transparent 50%),
        radial-gradient(80% 60% at 0% 100%, rgba(59, 130, 246, 0.28) 0%, transparent 48%),
        linear-gradient(165deg, #0f172a 0%, #080c18 50%, #04060d 100%);
    }
    .formats-section.theme-light .formats-grid > a.format-card.f3 {
      background:
        radial-gradient(100% 85% at 100% 0%, rgba(255, 45, 154, 0.32) 0%, transparent 48%),
        radial-gradient(90% 70% at 0% 100%, rgba(168, 85, 247, 0.4) 0%, transparent 52%),
        linear-gradient(165deg, #120f1c 0%, #0a0812 52%, #050507 100%);
    }
    .formats-section.theme-light .formats-grid > a.format-card.f4 {
      background:
        radial-gradient(115% 90% at 85% -5%, rgba(255, 45, 154, 0.52) 0%, transparent 46%),
        radial-gradient(70% 55% at -5% 95%, rgba(56, 189, 248, 0.22) 0%, transparent 45%),
        linear-gradient(165deg, #1a0c14 0%, #0d080e 50%, #050507 100%);
    }
    .formats-section.theme-light .formats-grid > a.format-card.f1::before {
      background: linear-gradient(90deg, var(--lightblue), var(--blue), var(--indigo));
      height: 4px;
      box-shadow: 0 2px 20px rgba(56, 189, 248, 0.55);
    }
    .formats-section.theme-light .formats-grid > a.format-card.f2::before {
      background: linear-gradient(90deg, var(--blue), var(--purple), var(--electric-purple));
      height: 4px;
      box-shadow: 0 2px 20px rgba(99, 102, 241, 0.5);
    }
    .formats-section.theme-light .formats-grid > a.format-card.f3::before {
      background: linear-gradient(90deg, var(--electric-purple), var(--pink), var(--lightblue));
      height: 4px;
      box-shadow: 0 2px 20px rgba(255, 45, 154, 0.45);
    }
    .formats-section.theme-light .formats-grid > a.format-card.f4::before {
      background: linear-gradient(90deg, var(--pink), var(--electric-purple), var(--blue));
      height: 4px;
      box-shadow: 0 2px 22px rgba(255, 45, 154, 0.55);
    }
    .formats-section.theme-light .formats-grid > a.format-card:hover {
      transform: translateY(-8px) scale(1.01);
      border-color: rgba(255, 255, 255, 0.22);
      box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.1) inset,
        0 28px 56px rgba(0, 0, 0, 0.52),
        0 0 80px -12px var(--format-hover-shadow, rgba(59, 130, 246, 0.25));
    }
    .formats-section.theme-light .formats-grid > a.format-card h3 {
      color: #f8fafc;
    }
    .formats-section.theme-light .formats-grid > a.format-card p {
      color: rgba(226, 232, 240, 0.84);
    }
    .formats-section.theme-light .formats-grid > a.format-card .format-card-go {
      color: #93c5fd;
    }
    .formats-section.theme-light .formats-grid > a.format-card:hover .format-card-go {
      color: #fff;
    }
    .formats-section.theme-light .formats-grid > a.format-card .badge-live {
      background: rgba(16, 185, 129, 0.16);
      color: #6ee7b7;
      border-color: rgba(52, 211, 153, 0.42);
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.12) inset;
    }
    .formats-section.theme-light .formats-grid > a.format-card .badge-soon {
      background: rgba(59, 130, 246, 0.2);
      color: #bfdbfe;
      border-color: rgba(96, 165, 250, 0.48);
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
    }
    .formats-section.theme-light .formats-grid > a.format-card .badge-q2 {
      background: rgba(99, 102, 241, 0.2);
      color: #c7d2fe;
      border-color: rgba(129, 140, 248, 0.48);
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
    }
    .format-card h3 {
      font-size: 20px;
      font-weight: 800;
      margin-bottom: 10px;
      letter-spacing: -0.5px;
      line-height: 1.18;
      color: var(--text);
    }
    .format-card p {
      font-size: 14px;
      color: #334155;
      line-height: 1.55;
      margin-bottom: 18px;
      flex: 1;
      font-weight: 500;
    }
    .format-card-go {
      margin-top: auto;
      padding-top: 4px;
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      font-family: 'JetBrains Mono', monospace;
      color: var(--indigo);
      transition: color 0.15s ease, letter-spacing 0.15s ease;
    }
    a.format-card:hover .format-card-go {
      color: var(--pink);
      letter-spacing: 0.16em;
    }
    .format-badge {
      display: inline-block;
      font-size: 10px;
      font-weight: 800;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      padding: 7px 14px;
      border-radius: 999px;
      font-family: 'JetBrains Mono', monospace;
      align-self: flex-start;
      box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.55) inset,
        0 4px 12px rgba(15, 23, 42, 0.08);
    }
    .badge-live {
      background: linear-gradient(135deg, rgba(16, 185, 129, 0.22), rgba(5, 150, 105, 0.12));
      color: #047857;
      border: 1px solid rgba(16, 185, 129, 0.35);
    }
    .badge-soon {
      background: linear-gradient(135deg, rgba(59, 130, 246, 0.18), rgba(96, 165, 250, 0.1));
      color: #1d4ed8;
      border: 1px solid rgba(59, 130, 246, 0.28);
    }
    .badge-q2 {
      background: linear-gradient(135deg, rgba(99, 102, 241, 0.14), rgba(59, 130, 246, 0.1));
      color: #4338ca;
      border: 1px solid rgba(99, 102, 241, 0.22);
    }
    @media (prefers-reduced-motion: reduce) {
      a.format-card,
      a.format-card:hover,
      .formats-hub-link a,
      .formats-hub-link a:hover {
        transition: none;
        transform: none;
      }
    }

    /* ── Comic preview ── */
    .comic-section {
      padding: 100px 0;
      position: relative;
      overflow: hidden;
    }
    .comic-section::before {
      content: '';
      position: absolute;
      inset: 0;
      pointer-events: none;
      background:
        radial-gradient(ellipse 85% 55% at 50% -15%, rgba(96,165,250,0.14), transparent 58%),
        radial-gradient(ellipse 50% 45% at 100% 85%, rgba(59,130,246,0.10), transparent 55%);
    }
    .comic-section .container { position: relative; z-index: 1; }

    .comic-header {
      text-align: center;
      margin-bottom: 28px;
    }
    .comic-header h2 {
      font-size: clamp(28px, 4vw, 46px);
      font-weight: 800;
      letter-spacing: -1px;
      margin-bottom: 14px;
    }
    .comic-header p {
      font-size: 17px;
      color: var(--text2);
      max-width: 560px;
      margin: 0 auto;
      line-height: 1.65;
    }
    .comic-header .comic-lede {
      margin-top: 14px;
      font-size: 15px;
      max-width: 520px;
    }
    .comic-header .comic-lede strong,
    .comic-header .comic-lede .product-brand-url { color: var(--text); font-weight: 700; }

    /* Episode cards (replaces comic slider) */
    .episode-cards {
      margin-top: 26px;
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 16px;
    }
    .episode-card {
      background: rgba(255,255,255,0.03);
      border: 1px solid rgba(255,255,255,0.10);
      border-radius: 16px;
      padding: 18px 18px 16px;
      box-shadow: 0 18px 44px rgba(0,0,0,0.35);
      transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
    }
    .episode-card:hover {
      transform: translateY(-2px);
      border-color: rgba(56,189,248,0.22);
      box-shadow: 0 22px 56px rgba(0,0,0,0.45);
    }
    .episode-no {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 6px 12px;
      border-radius: 999px;
      font-size: 12px;
      font-weight: 800;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: #f0f9ff;
      background: linear-gradient(135deg, rgba(56, 189, 248, 0.22), rgba(59, 130, 246, 0.28));
      border: 1px solid rgba(56, 189, 248, 0.65);
      box-shadow:
        0 0 0 1px rgba(14, 165, 233, 0.12),
        0 6px 20px rgba(56, 189, 248, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
      margin-bottom: 10px;
    }
    .episode-card h3 {
      font-size: 18px;
      font-weight: 900;
      letter-spacing: -0.3px;
      margin-bottom: 8px;
      color: rgba(255,255,255,0.94);
    }
    .episode-card p {
      font-size: 14px;
      color: rgba(240,240,255,0.72);
      line-height: 1.55;
      margin: 0;
    }

    @media (max-width: 900px) {
      .episode-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }
    @media (max-width: 560px) {
      .episode-cards { grid-template-columns: 1fr; }
    }

    .comic-meta {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      gap: 10px;
      margin-bottom: 32px;
    }
    .comic-chip {
      font-family: 'JetBrains Mono', monospace;
      font-size: 11px;
      font-weight: 600;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      padding: 8px 14px;
      border-radius: 999px;
      border: 1px solid var(--border2);
      background: rgba(255,255,255,0.04);
      color: var(--text2);
    }
    .comic-chip--accent {
      border-color: rgba(96,165,250,0.35);
      color: var(--cyan);
      background: rgba(96,165,250,0.08);
    }

    .comic-board {
      max-width: 1120px;
      margin: 0 auto;
      padding: 2px;
      border-radius: 22px;
      background: linear-gradient(135deg, rgba(56,189,248,0.55), rgba(59,130,246,0.45));
      box-shadow:
        0 32px 80px rgba(0,0,0,0.48),
        inset 0 1px 0 rgba(255,255,255,0.14);
    }

    .comic-slider {
      display: flex;
      flex-direction: column;
      background:
        radial-gradient(rgba(56,189,248,0.09) 1px, transparent 1.6px),
        radial-gradient(rgba(59,130,246,0.08) 1px, transparent 1.8px),
        linear-gradient(135deg, rgba(4,6,18,0.92), rgba(6,8,24,0.92));
      background-size: 22px 22px, 28px 28px, auto;
      border-radius: 20px;
      overflow: hidden;
      border: 1px solid rgba(255,255,255,0.12);
      box-shadow:
        0 36px 110px rgba(0,0,0,0.62),
        inset 0 1px 0 rgba(255,255,255,0.12);
    }
    .comic-slider-chrome {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      gap: 12px;
      padding: 14px 16px;
      border-bottom: 1px solid rgba(255,255,255,0.08);
      background: rgba(8,10,22,0.96);
    }
    .comic-slider-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 40px;
      height: 40px;
      border-radius: 12px;
      border: 1px solid rgba(255,255,255,0.14);
      background: rgba(255,255,255,0.06);
      color: var(--text);
      cursor: pointer;
      transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
    }
    .comic-slider-btn:disabled {
      opacity: 0.45;
      cursor: not-allowed;
      border-color: rgba(255,255,255,0.1);
      background: rgba(255,255,255,0.04);
      color: rgba(255,255,255,0.7);
    }
    .comic-slider-btn:hover {
      background: rgba(255,255,255,0.1);
      border-color: rgba(56,189,248,0.35);
      color: var(--cyan);
    }
    .comic-slider-btn:focus-visible {
      outline: 2px solid var(--cyan);
      outline-offset: 2px;
    }
    .comic-slider-dots {
      display: flex;
      align-items: center;
      gap: 8px;
    }
    .comic-slider-dot {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      border: none;
      padding: 0;
      background: rgba(255,255,255,0.22);
      cursor: pointer;
      transition: transform 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
    }
    .comic-slider-dot:focus-visible {
      outline: 2px solid var(--cyan);
      outline-offset: 3px;
    }
    .comic-slider-dot:hover {
      background: rgba(255,255,255,0.38);
    }
    .comic-slider-dot.is-active {
      background: var(--cyan);
      box-shadow: 0 0 12px rgba(56,189,248,0.45);
      transform: scale(1.12);
    }
    .comic-slider-counter {
      font-size: 11px;
      color: var(--text2);
      min-width: 3.5em;
      text-align: center;
    }
    .comic-slider-viewport {
      display: flex;
      width: 100%;
      overflow-x: auto;
      overflow-y: hidden;
      scroll-snap-type: x mandatory;
      scroll-behavior: smooth;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: thin;
    }
    @media (prefers-reduced-motion: reduce) {
      .comic-slider-viewport { scroll-behavior: auto; }
    }
    .comic-slide {
      flex: 0 0 100%;
      scroll-snap-align: start;
      scroll-snap-stop: always;
      box-sizing: border-box;
      min-width: 0;
      position: relative;
      padding: 22px 20px 26px;
      background:
        radial-gradient(circle at 16% 18%, rgba(56,189,248,0.10), transparent 42%),
        radial-gradient(circle at 86% 26%, rgba(59,130,246,0.10), transparent 48%),
        linear-gradient(rgba(0,0,0,0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0,0,0,0.05) 1px, transparent 1px),
        linear-gradient(180deg, #fbfaf6 0%, #f3f1ea 100%);
      background-size: auto, auto, 26px 26px, 26px 26px, auto;
    }
    .comic-slide::after {
      content: '';
      position: absolute;
      inset: 12px 12px 14px;
      border-radius: 16px;
      border: 3px solid rgba(0,0,0,0.82);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.55),
        0 28px 70px rgba(0,0,0,0.45);
      pointer-events: none;
    }
    .comic-slide::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 3px;
      opacity: 0.95;
    }
    .comic-slide--claim::before { background: linear-gradient(90deg, var(--orange), #fbbf24); }
    .comic-slide--reality::before { background: linear-gradient(90deg, var(--blue), var(--cyan)); }
    .comic-slide--mandate::before { background: linear-gradient(90deg, var(--orange), var(--purple)); }
    .comic-slide--chase::before { background: linear-gradient(90deg, var(--purple), var(--pink)); }
    .comic-slide-inner {
      display: grid;
      grid-template-columns: 1fr;
      gap: 16px;
      align-items: start;
      max-width: 980px;
      margin: 0 auto;
      position: relative;
      z-index: 1;
    }
    .comic-slide-narrative {
      display: grid;
      grid-template-columns: repeat(12, minmax(0, 1fr));
      gap: 10px;
      font-size: 14px;
      line-height: 1.55;
      color: rgba(0,0,0,0.86);
      min-width: 0;
      padding: 10px 12px 12px;
      border-radius: 16px;
      background: rgba(255,255,255,0.88);
      border: 3px solid rgba(0,0,0,0.82);
      box-shadow: 0 26px 70px rgba(0,0,0,0.22);
    }
    .comic-slide-eyebrow {
      font-family: 'JetBrains Mono', monospace;
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: rgba(0,0,0,0.78);
      padding: 7px 12px;
      border-radius: 10px;
      background: rgba(255,255,255,0.82);
      border: 2px solid rgba(0,0,0,0.82);
      align-self: flex-start;
      box-shadow: 0 10px 26px rgba(0,0,0,0.18);
      grid-column: 1 / -1;
    }
    .comic-slide-screen {
      font-size: 12px;
      color: rgba(0,0,0,0.86);
      margin: 0;
      padding: 8px 11px;
      border-radius: 8px;
      border: 2px solid rgba(0,0,0,0.82);
      background: rgba(56,189,248,0.12);
      grid-column: 1 / -1;
    }
    .comic-slide-sfx {
      font-size: 12px;
      color: rgba(0,0,0,0.74);
      margin: 0;
      padding: 8px 11px;
      border-radius: 8px;
      border: 2px solid rgba(0,0,0,0.78);
      background: rgba(255,255,255,0.68);
      grid-column: 1 / -1;
    }
    .comic-script-line {
      margin: 0;
      grid-column: 1 / -1;
      position: relative;
      padding: 10px 12px;
      border-radius: 12px;
      background: rgba(255,255,255,0.88);
      border: 2px solid rgba(0,0,0,0.82);
      box-shadow:
        0 16px 36px rgba(0,0,0,0.18),
        inset 0 1px 0 rgba(255,255,255,0.62);
    }
    .comic-script-line p {
      margin: 6px 0 0;
      color: rgba(0,0,0,0.88);
    }
    .comic-script-label {
      display: block;
      font-size: 10px;
      font-weight: 800;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: rgba(0,0,0,0.7);
    }
    .comic-script-line--narrator {
      background: rgba(59,130,246,0.12);
      border-color: rgba(0,0,0,0.82);
    }
    .comic-script-line--narrator .comic-script-label { color: #5b21b6; }
    .comic-script-line--sponsor .comic-script-label { color: var(--pink); }
    .comic-script-line--sponsor {
      background: rgba(244,114,182,0.12);
      border-color: rgba(0,0,0,0.82);
    }
    .comic-script-line--sponsor p {
      color: rgba(0,0,0,0.78);
      font-size: 13px;
    }
    .comic-slide-footcite {
      margin-top: 6px;
      padding-top: 8px;
      border-top: 2px solid rgba(0,0,0,0.18);
      font-size: 12px;
    }
    .comic-slide-footcite a {
      color: rgba(0,0,0,0.86);
      font-weight: 600;
      text-decoration: none;
    }
    .comic-slide-footcite a:hover { text-decoration: underline; }
    .comic-slide .panel-scene-photo.comic-slide-photo {
      max-height: min(320px, 42vh);
      border-radius: 18px;
      border: 3px solid rgba(0,0,0,0.82);
      padding: 6px;
      background: rgba(255,255,255,0.7);
      box-shadow:
        0 28px 70px rgba(0,0,0,0.38),
        0 0 0 1px rgba(0,0,0,0.22) inset;
      position: relative;
    }
    .comic-slide .panel-scene-photo.comic-slide-photo img {
      border-radius: 12px;
    }
    .comic-slider-hint {
      margin: 0;
      padding: 10px 16px 14px;
      text-align: center;
      font-size: 11px;
      color: var(--text2);
      border-top: 1px solid rgba(255,255,255,0.06);
      background: rgba(5,6,14,0.55);
    }

    /* Comic bubbles overlay */
    .comic-bubbles {
      position: absolute;
      inset: 10px;
      pointer-events: none;
      display: block;
    }
    .comic-bubble {
      position: absolute;
      max-width: min(68%, 440px);
      padding: 12px 14px;
      border-radius: 18px;
      background: rgba(255,255,255,0.93);
      color: #0b1020;
      border: 2px solid rgba(0,0,0,0.85);
      box-shadow: 0 16px 40px rgba(0,0,0,0.4);
      font-weight: 700;
      line-height: 1.25;
      font-size: 14px;
      text-shadow: none;
      backdrop-filter: blur(2px);
      -webkit-backdrop-filter: blur(2px);
    }
    .comic-bubble::after {
      content: '';
      position: absolute;
      width: 16px;
      height: 16px;
      background: rgba(255,255,255,0.93);
      border-right: 2px solid rgba(0,0,0,0.85);
      border-bottom: 2px solid rgba(0,0,0,0.85);
      transform: rotate(45deg);
      bottom: -9px;
      left: 22px;
    }
    .comic-bubble--right::after {
      left: auto;
      right: 22px;
    }
    .comic-bubble--hud {
      background: rgba(8,10,22,0.82);
      color: rgba(255,255,255,0.92);
      border-color: rgba(56,189,248,0.55);
      box-shadow: 0 0 0 1px rgba(56,189,248,0.18) inset, 0 18px 46px rgba(0,0,0,0.55);
      font-weight: 650;
      font-family: 'JetBrains Mono', monospace;
      letter-spacing: 0.01em;
    }
    .comic-bubble--hud::after {
      background: rgba(8,10,22,0.82);
      border-right-color: rgba(56,189,248,0.55);
      border-bottom-color: rgba(56,189,248,0.55);
    }
    .comic-bubble--ceo { border-color: rgba(245,158,11,0.95); }
    .comic-bubble--ceo::after { border-right-color: rgba(245,158,11,0.95); border-bottom-color: rgba(245,158,11,0.95); }
    .comic-bubble--it { border-color: rgba(96,165,250,0.95); }
    .comic-bubble--it::after { border-right-color: rgba(96,165,250,0.95); border-bottom-color: rgba(96,165,250,0.95); }
    .comic-bubble--hr { border-color: rgba(56,189,248,0.95); }
    .comic-bubble--hr::after { border-right-color: rgba(56,189,248,0.95); border-bottom-color: rgba(56,189,248,0.95); }
    .comic-bubble--warn { border-color: rgba(244,114,182,0.95); }
    .comic-bubble--warn::after { border-right-color: rgba(244,114,182,0.95); border-bottom-color: rgba(244,114,182,0.95); }

    /* bubble placement per panel */
    .comic-slide--claim .comic-bubble.b1 { top: 12px; right: 12px; }
    .comic-slide--claim .comic-bubble.b2 { bottom: 14px; left: 12px; max-width: min(62%, 420px); }
    .comic-slide--reality .comic-bubble.b1 { top: 14px; left: 12px; max-width: min(70%, 520px); }
    .comic-slide--mandate .comic-bubble.b1 { top: 12px; left: 12px; }
    .comic-slide--mandate .comic-bubble.b2 { bottom: 14px; right: 12px; max-width: min(70%, 520px); }
    .comic-slide--chase .comic-bubble.b1 { top: 12px; left: 12px; max-width: min(75%, 560px); }

    @media (max-width: 900px) {
      .comic-slide .panel-scene-photo.comic-slide-photo {
        max-height: min(280px, 58vw);
      }
      .comic-bubble { font-size: 13px; max-width: 86%; }
      .comic-slide--claim .comic-bubble.b2 { max-width: 86%; }
    }

    .comic-strip {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 2px;
      background: rgba(4,6,18,0.92);
      border-radius: 20px;
      overflow: hidden;
      border: none;
      max-width: none;
      margin: 0;
    }
    .comic-panel {
      background: linear-gradient(165deg, rgba(15,17,38,0.98) 0%, rgba(7,8,20,0.99) 100%);
      padding: 22px 20px 20px;
      display: flex;
      flex-direction: column;
      gap: 14px;
      min-height: 340px;
      position: relative;
    }
    .comic-panel::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 3px;
      opacity: 0.95;
    }
    .comic-panel--claim::before { background: linear-gradient(90deg, var(--orange), #fbbf24); }
    .comic-panel--reality::before { background: linear-gradient(90deg, var(--blue), var(--cyan)); }
    .comic-panel--mandate::before { background: linear-gradient(90deg, var(--orange), var(--purple)); }
    .comic-panel--chase::before { background: linear-gradient(90deg, var(--purple), var(--pink)); }

    .panel-num {
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: var(--text2);
      font-family: 'JetBrains Mono', monospace;
      align-self: flex-start;
      padding: 6px 11px;
      border-radius: 8px;
      background: rgba(255,255,255,0.045);
      border: 1px solid rgba(255,255,255,0.08);
    }
    .panel-scene {
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 0;
    }
    .panel-char-wrap {
      text-align: center;
      width: 100%;
    }
    .panel-role {
      font-size: 10px;
      font-weight: 700;
      margin-top: 8px;
      letter-spacing: 0.1em;
      text-transform: uppercase;
    }
    .panel-role--exec { color: var(--orange); }
    .panel-role--it { color: var(--blue); }
    .panel-role--chase { color: var(--purple); }

    .panel-scene-photo {
      margin: 0;
      width: 100%;
      border-radius: 14px;
      overflow: hidden;
      border: 1px solid rgba(255,255,255,0.12);
      background: #080812;
      box-shadow: 0 16px 44px rgba(0,0,0,0.5);
      aspect-ratio: 16 / 10;
      max-height: min(288px, 42vw);
    }
    .panel-scene-photo img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center 18%;
      display: block;
    }

    /* Episode panel visuals (abstract / editorial — no avatar circles) */
    .panel-visual {
      width: 100%;
      max-width: 220px;
      margin: 0 auto;
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 12px;
      min-height: 132px;
    }
    .panel-char-wrap--stack {
      display: flex;
      flex-direction: column;
      align-items: stretch;
      gap: 14px;
      width: 100%;
    }

    /* Panel 01 — projection deck + approval stamp */
    .panel-visual--exec {
      max-width: 210px;
    }
    .pv-exec-deck {
      position: relative;
      z-index: 1;
      width: 100%;
      display: flex;
      flex-direction: column;
      gap: 7px;
      align-items: center;
    }
    .pv-exec-slide {
      height: 10px;
      border-radius: 3px;
      border: 1px solid rgba(245,158,11,0.45);
      background: linear-gradient(90deg, rgba(245,158,11,0.08), rgba(245,158,11,0.35));
      box-shadow: 0 0 20px rgba(245,158,11,0.12);
    }
    .pv-exec-slide:nth-child(1) { width: 92%; }
    .pv-exec-slide:nth-child(2) { width: 74%; opacity: 0.88; }
    .pv-exec-slide:nth-child(3) { width: 86%; opacity: 0.72; }
    .pv-exec-slide:nth-child(4) { width: 62%; opacity: 0.55; height: 8px; }
    .pv-exec-glow {
      position: absolute;
      width: 140%;
      height: 80px;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -58%);
      background: radial-gradient(ellipse, rgba(245,158,11,0.14), transparent 68%);
      pointer-events: none;
      z-index: 0;
    }
    .pv-exec-stamp {
      position: relative;
      z-index: 1;
      font-family: 'JetBrains Mono', monospace;
      font-size: 10px;
      font-weight: 800;
      letter-spacing: 0.34em;
      color: rgba(251,191,36,0.55);
      border: 2px dashed rgba(245,158,11,0.55);
      padding: 16px 14px 14px;
      transform: rotate(-10deg);
      text-transform: uppercase;
      line-height: 1.35;
      text-align: center;
      box-shadow: inset 0 0 0 1px rgba(245,158,11,0.12);
    }
    .pv-exec-stamp-badge {
      display: inline-block;
      margin-top: 8px;
      padding: 3px 8px;
      border-radius: 4px;
      background: rgba(245,158,11,0.95);
      color: #1a0f08;
      font-size: 9px;
      letter-spacing: 0.14em;
      font-weight: 800;
    }
    .pv-exec-foot {
      font-family: 'JetBrains Mono', monospace;
      font-size: 9px;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: var(--text2);
      opacity: 0.85;
    }

    /* Panel 02 — spreadsheet dungeon */
    .panel-visual--it {
      max-width: 100%;
    }
    .pv-sheet {
      width: 100%;
      border-radius: 10px;
      overflow: hidden;
      border: 1px solid rgba(96,165,250,0.4);
      box-shadow: 0 12px 28px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.05);
      background: rgba(8,12,28,0.95);
    }
    .pv-sheet-grid {
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      gap: 1px;
      background: rgba(96,165,250,0.28);
    }
    .pv-cell {
      min-height: 24px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: 'JetBrains Mono', monospace;
      font-size: 7px;
      color: rgba(148,163,184,0.45);
      background: rgba(10,14,32,0.98);
      padding: 2px;
      text-align: center;
      line-height: 1.2;
    }
    .pv-cell--corner {
      background: rgba(30,58,95,0.95);
      color: rgba(147,197,253,0.45);
      font-weight: 700;
    }
    .pv-cell--hdr {
      background: rgba(25,45,85,0.95);
      color: #93c5fd;
      font-weight: 700;
    }
    .pv-cell--bad {
      color: rgba(248,113,113,0.75);
      font-weight: 700;
      font-size: 6px;
    }
    .pv-cell--danger {
      grid-column: 1 / -1;
      min-height: 28px;
      background: rgba(88,28,28,0.55);
      color: #fecaca;
      font-weight: 800;
      letter-spacing: 0.14em;
      font-size: 8px;
      text-transform: uppercase;
      border-top: 1px solid rgba(248,113,113,0.25);
    }
    .pv-sheet-meta {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 8px 10px;
      font-family: 'JetBrains Mono', monospace;
      font-size: 9px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--text2);
      border-top: 1px solid rgba(96,165,250,0.15);
      background: rgba(15,20,40,0.9);
    }
    .pv-sheet-meta span:last-child {
      color: var(--blue);
      opacity: 0.9;
    }

    /* Panel 03 — telephone game / signal chain */
    .panel-visual--signal {
      max-width: 100%;
      min-height: auto;
      gap: 8px;
    }
    .pv-signal-row {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
      flex-wrap: wrap;
      font-family: 'JetBrains Mono', monospace;
      font-size: 9px;
      font-weight: 700;
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }
    .pv-node {
      padding: 7px 10px;
      border-radius: 8px;
      border: 1px solid rgba(255,255,255,0.1);
      background: rgba(255,255,255,0.04);
      color: var(--text2);
      white-space: nowrap;
    }
    .pv-node--hot {
      border-color: rgba(245,158,11,0.45);
      color: var(--orange);
      background: rgba(245,158,11,0.08);
    }
    .pv-node--broken {
      opacity: 0.45;
      font-size: 8px;
      text-decoration: line-through;
      text-decoration-color: rgba(248,113,113,0.6);
    }
    .pv-wire {
      width: 18px;
      height: 3px;
      border-radius: 2px;
      background: repeating-linear-gradient(
        90deg,
        rgba(59,130,246,0.85),
        rgba(59,130,246,0.85) 3px,
        transparent 3px,
        transparent 6px
      );
      opacity: 0.75;
      flex-shrink: 0;
    }
    .pv-signal-caption {
      margin: 0;
      text-align: center;
      font-family: 'JetBrains Mono', monospace;
      font-size: 9px;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: var(--text2);
      opacity: 0.75;
    }

    /* Panel 04 — orbit chase (pure geometry) */
    .panel-visual--chase {
      max-width: 180px;
      min-height: 150px;
      position: relative;
    }
    .pv-chase-stage {
      position: relative;
      width: 156px;
      height: 146px;
      margin: 0 auto;
    }
    .pv-orbit {
      position: absolute;
      border-radius: 50%;
      border: 1px dashed rgba(59,130,246,0.28);
      pointer-events: none;
    }
    .pv-orbit--outer { inset: 6px; }
    .pv-orbit--mid { inset: 22px; opacity: 0.65; }
    .pv-orbit--inner { inset: 38px; opacity: 0.4; }
    .pv-stick {
      position: absolute;
      top: 24px;
      right: 18px;
      width: 62px;
      height: 3px;
      background: linear-gradient(90deg, rgba(245,158,11,0.15), rgba(245,158,11,0.65));
      transform: rotate(-24deg);
      transform-origin: right center;
      border-radius: 2px;
    }
    .pv-carrot {
      position: absolute;
      top: 10px;
      right: 12px;
      width: 20px;
      height: 30px;
      background: linear-gradient(165deg, #fde047, #f59e0b 55%, #d97706);
      clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
      filter: drop-shadow(0 4px 14px rgba(245,158,11,0.45));
    }
    .pv-carrot-leaf {
      position: absolute;
      top: 4px;
      right: 22px;
      width: 14px;
      height: 10px;
      border-radius: 50% 50% 0 50%;
      background: rgba(34,197,94,0.65);
      transform: rotate(-35deg);
    }
    .pv-chase-label {
      position: absolute;
      top: 44px;
      right: 8px;
      font-family: 'JetBrains Mono', monospace;
      font-size: 9px;
      font-weight: 800;
      letter-spacing: 0.12em;
      color: rgba(245,158,11,0.9);
      text-transform: uppercase;
      text-shadow: 0 0 18px rgba(245,158,11,0.35);
    }
    .pv-chase-label small {
      display: block;
      font-size: 7px;
      letter-spacing: 0.2em;
      opacity: 0.75;
      margin-top: 2px;
    }
    .pv-speed {
      position: absolute;
      bottom: 36px;
      left: 8px;
      display: flex;
      flex-direction: column;
      gap: 5px;
      opacity: 0.55;
    }
    .pv-speed span {
      display: block;
      height: 2px;
      border-radius: 2px;
      background: linear-gradient(90deg, transparent, rgba(59,130,246,0.85));
    }
    .pv-speed span:nth-child(1) { width: 36px; }
    .pv-speed span:nth-child(2) { width: 48px; opacity: 0.85; }
    .pv-speed span:nth-child(3) { width: 58px; opacity: 1; }
    .pv-chaser {
      position: absolute;
      bottom: 22px;
      left: 20px;
      display: flex;
      align-items: center;
      gap: 0;
    }
    .pv-chaser i {
      display: block;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 11px 0 11px 16px;
      border-color: transparent transparent transparent rgba(59,130,246,0.9);
      opacity: 0.28;
      margin-left: -7px;
      filter: drop-shadow(0 0 8px rgba(59,130,246,0.35));
    }
    .pv-chaser i:nth-child(2) { opacity: 0.52; }
    .pv-chaser i:nth-child(3) { opacity: 0.82; }
    .pv-chaser i:nth-child(4) { opacity: 1; margin-left: -5px; }

    .panel-memo {
      width: 100%;
      text-align: left;
      background: rgba(22,22,52,0.95);
      border: 1px solid rgba(245,158,11,0.35);
      border-radius: 10px;
      padding: 12px 14px;
      font-size: 11px;
      line-height: 1.6;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
    }
    .panel-memo-kicker {
      font-size: 8px;
      font-weight: 700;
      letter-spacing: 0.15em;
      text-transform: uppercase;
      color: var(--orange);
      margin-bottom: 8px;
    }
    .panel-memo-title {
      font-weight: 600;
      color: var(--text);
      margin-bottom: 6px;
    }
    .panel-memo-body { color: var(--text2); }
    .panel-memo-body + .panel-memo-body { margin-top: 6px; }
    .panel-memo-accent { color: var(--orange); font-weight: 700; }
    .panel-memo-footer {
      margin-top: 8px;
      font-size: 9px;
      color: var(--text2);
      border-top: 1px solid rgba(255,255,255,0.08);
      padding-top: 8px;
    }

    .panel-bubble {
      font-size: 13px;
      line-height: 1.58;
      color: var(--text);
      border: 1px solid var(--border2);
      background: rgba(255,255,255,0.035);
      border-radius: 12px;
      padding: 14px 16px;
      position: relative;
      backdrop-filter: blur(6px);
    }
    .panel-bubble::before {
      content: '';
      position: absolute;
      bottom: -9px;
      left: 20px;
      width: 0;
      height: 0;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-top: 9px solid var(--border2);
    }
    .panel-bubble::after {
      content: '';
      position: absolute;
      bottom: -7px;
      left: 21px;
      width: 0;
      height: 0;
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      border-top: 8px solid rgba(255,255,255,0.035);
    }
    .panel-bubble--sponsor {
      background: rgba(59,130,246,0.11);
      border-color: rgba(59,130,246,0.38);
    }
    .panel-bubble--sponsor::before { border-top-color: rgba(59,130,246,0.38); }
    .panel-bubble--sponsor::after { border-top-color: rgba(59,130,246,0.11); }
    .panel-sponsor-kicker {
      color: var(--purple);
      font-weight: 800;
      letter-spacing: 0.04em;
    }
    .panel-bubble .product-brand-url {
      background: var(--grad);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      font-weight: 700;
      letter-spacing: 0.05em;
    }

    .panel-speaker {
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      margin-top: auto;
      padding-top: 4px;
      line-height: 1.35;
    }
    .speaker-exec { color: var(--orange); }
    .speaker-mgr  { color: var(--blue); }
    .speaker-eng  { color: var(--green); }
    .speaker-ai   { color: var(--purple); }

    .comic-distribution {
      margin-top: 40px;
      text-align: center;
    }
    .comic-dist-label {
      font-family: 'JetBrains Mono', monospace;
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: var(--text2);
      display: block;
      margin-bottom: 14px;
    }
    .comic-dist-label::before { content: '// '; opacity: 0.5; }
    .comic-dist-chips {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 10px;
      list-style: none;
      padding: 0;
      margin: 0 0 10px;
    }
    .comic-dist-chips li {
      padding: 9px 15px;
      border-radius: 999px;
      border: 1px solid var(--border2);
      background: rgba(255,255,255,0.035);
      font-size: 13px;
      font-weight: 600;
      color: var(--text);
    }
    .comic-dist-note {
      font-size: 14px;
      color: var(--text2);
      max-width: 520px;
      margin: 0 auto;
      line-height: 1.55;
    }

    @media (max-width: 768px) {
      .comic-board { border-radius: 16px; }
      .comic-slider { border-radius: 14px; }
      .comic-slide { padding: 18px 14px 20px; }
      .comic-slider-chrome { padding: 12px 12px; }
    }

    /* ── Products ── */
    .products-section {
      padding: 100px 0;
    }
    .products-header {
      text-align: center;
      margin-bottom: 64px;
    }
    .products-header h2 {
      font-size: clamp(28px, 4vw, 46px);
      font-weight: 800;
      letter-spacing: -1px;
      margin-bottom: 14px;
    }
    .products-header p {
      font-size: 17px;
      color: var(--text2);
      max-width: 560px;
      margin: 0 auto;
    }
    /* Products: stacked blocks + snap sliders */
    .products-block + .products-block {
      margin-top: 56px;
      padding-top: 48px;
      border-top: 1px solid var(--border);
    }
    .products-block-label {
      text-align: center;
      margin-bottom: 10px;
    }
    .products-block-lede {
      text-align: center;
      font-size: 15px;
      color: var(--text2);
      max-width: 620px;
      margin: 0 auto 28px;
      line-height: 1.6;
    }

    .snap-slider {
      background: var(--bg3);
      border: 1px solid var(--border);
      border-radius: 18px;
      overflow: hidden;
      box-shadow: 0 4px 24px rgba(15,23,42,0.06);
    }
    .snap-slider-chrome {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      gap: 10px 14px;
      padding: 14px 16px;
      border-bottom: 1px solid var(--border);
      background: var(--bg2);
    }
    .snap-slider-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 42px;
      height: 42px;
      border-radius: 12px;
      border: 1px solid var(--border);
      background: var(--bg3);
      color: var(--text);
      cursor: pointer;
      transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
    }
    .snap-slider-btn:disabled {
      opacity: 0.45;
      cursor: not-allowed;
    }
    .snap-slider-btn:hover:not(:disabled) {
      border-color: rgba(56,189,248,0.35);
      color: var(--cyan);
    }
    .snap-slider-btn:focus-visible {
      outline: 2px solid var(--cyan);
      outline-offset: 2px;
    }
    .snap-slider-dots {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      gap: 8px;
      max-width: min(100%, 360px);
    }
    .snap-slider-dots--many {
      max-width: min(100%, 440px);
    }
    .snap-slider-dot {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      border: none;
      padding: 0;
      background: var(--border2);
      cursor: pointer;
      transition: transform 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
    }
    .snap-slider-dot:hover {
      background: var(--text2);
    }
    .snap-slider-dot.is-active {
      background: var(--cyan);
      box-shadow: 0 0 10px rgba(56,189,248,0.4);
      transform: scale(1.12);
    }
    .snap-slider-dot:focus-visible {
      outline: 2px solid var(--cyan);
      outline-offset: 3px;
    }
    .snap-slider-counter {
      font-size: 11px;
      color: var(--text2);
      min-width: 3.2em;
      text-align: center;
    }
    .snap-slider-viewport {
      display: flex;
      width: 100%;
      overflow-x: auto;
      overflow-y: hidden;
      scroll-snap-type: x mandatory;
      scroll-behavior: smooth;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: thin;
    }
    @media (prefers-reduced-motion: reduce) {
      .snap-slider-viewport { scroll-behavior: auto; }
    }
    .snap-slider-slide {
      flex: 0 0 100%;
      scroll-snap-align: start;
      scroll-snap-stop: always;
      box-sizing: border-box;
      min-width: 0;
      width: 100%;
    }

    .cert-slide {
      display: grid;
      grid-template-columns: minmax(0, 1.1fr) minmax(240px, 380px);
      gap: clamp(20px, 3vw, 36px);
      align-items: start;
      padding: clamp(16px, 3vw, 28px);
    }
    .cert-slide-visual {
      min-width: 0;
    }
    .cert-slide-body {
      background: var(--bg2);
      border: 1px solid var(--border);
      border-radius: 14px;
      padding: 20px 22px;
    }
    .cert-slide-lockup {
      margin-bottom: 14px;
      justify-content: flex-start;
    }
    .cert-slide-title {
      font-size: clamp(18px, 2.2vw, 22px);
      font-weight: 800;
      letter-spacing: -0.02em;
      margin: 0 0 10px;
      line-height: 1.25;
      color: var(--text);
    }
    .cert-slide-sub {
      display: block;
      font-weight: 600;
      font-size: 0.88em;
      color: var(--text2);
      margin-top: 4px;
    }
    .cert-slide-desc {
      font-size: 14px;
      line-height: 1.55;
      color: var(--text2);
      margin: 0 0 14px;
    }

    .snap-slider-viewport--merch .snap-slider-slide {
      padding: 16px clamp(12px, 3vw, 32px) 24px;
    }
    .snap-slider-viewport--merch .product-showcase-card {
      max-width: 520px;
      margin: 0 auto;
      width: 100%;
    }

    .cert-mockup--render {
      padding: 0;
      background: transparent;
      box-shadow: none;
      border-radius: 16px;
      overflow: hidden;
    }
    .cert-mockup--render::before { display: none; }
    .cert-render-img {
      width: 100%;
      height: auto;
      display: block;
      border-radius: 16px;
      box-shadow: 0 24px 70px rgba(0,0,0,0.55), 0 0 0 1px rgba(255,255,255,0.08);
    }
    .theme-light .cert-render-img {
      box-shadow: 0 28px 60px rgba(15,23,42,0.14), 0 0 0 1px rgba(15,23,42,0.07);
    }

    .product-showcase-card {
      background: var(--bg3);
      border: 1px solid var(--border);
      border-radius: 18px;
      overflow: hidden;
      transition: border-color 0.2s, box-shadow 0.2s;
      display: flex;
      flex-direction: column;
      min-width: 0;
    }
    .product-showcase-card:hover {
      border-color: var(--border2);
      box-shadow: 0 18px 44px rgba(15,23,42,0.1);
    }
    .theme-dark .product-showcase-card:hover {
      box-shadow: 0 18px 44px rgba(0,0,0,0.35);
    }
    .product-showcase-visual {
      aspect-ratio: 4 / 3;
      background: var(--bg2);
      overflow: hidden;
    }
    .product-showcase-visual .product-zoom-hit {
      height: 100%;
      min-height: 100%;
    }
    .product-showcase-visual img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
    .product-showcase-body {
      padding: 18px 20px 22px;
      flex: 1;
      display: flex;
      flex-direction: column;
    }
    .product-showcase-body h4 {
      font-size: 17px;
      font-weight: 700;
      margin-bottom: 8px;
      letter-spacing: -0.02em;
      line-height: 1.25;
    }
    .product-showcase-body p {
      font-size: 14px;
      color: var(--text2);
      line-height: 1.55;
      margin-bottom: 12px;
      flex: 1;
    }
    .product-showcase-price {
      font-size: 12px;
      font-weight: 700;
      font-family: 'JetBrains Mono', monospace;
      color: var(--cyan);
    }
    .product-brand-lockup {
      display: flex;
      align-items: center;
      gap: 8px;
      margin-top: 12px;
      padding-top: 12px;
      border-top: 1px solid var(--border);
      font-size: 11px;
      font-weight: 600;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: var(--text2);
      font-family: 'JetBrains Mono', monospace;
    }
    .product-brand-lockup .brand-mark {
      font-size: 15px;
      line-height: 1;
      letter-spacing: 0;
      text-transform: none;
    }
    .product-brand-lockup .product-brand-url {
      background: var(--grad);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      font-weight: 700;
      letter-spacing: 0.04em;
    }
    .product-brand-lockup--inline {
      margin-top: 0;
      padding-top: 0;
      border-top: none;
      justify-content: center;
      flex-wrap: wrap;
    }

    .products-cta {
      margin-top: 40px;
      padding: 22px 20px;
      background: rgba(56,189,248,0.08);
      border: 1px solid rgba(56,189,248,0.2);
      border-radius: 14px;
      text-align: center;
    }
    .theme-dark .products-cta {
      background: rgba(56,189,248,0.06);
      border-color: rgba(56,189,248,0.15);
    }
    .products-cta p {
      font-size: 14px;
      color: var(--text2);
      margin-bottom: 14px;
      line-height: 1.55;
    }
    .products-cta p strong { color: var(--text); }

    /* Product image zoom / lightbox */
    .product-zoom-hit {
      display: block;
      width: 100%;
      height: 100%;
      margin: 0;
      padding: 0;
      border: none;
      background: transparent;
      cursor: zoom-in;
      position: relative;
      border-radius: inherit;
      overflow: hidden;
    }
    .product-zoom-hit img {
      pointer-events: none;
      user-select: none;
    }
    .product-zoom-hit:focus-visible {
      outline: 2px solid var(--cyan);
      outline-offset: 2px;
    }
    .product-zoom-hit::after {
      content: 'Click to enlarge';
      position: absolute;
      bottom: 10px;
      right: 10px;
      padding: 6px 10px;
      border-radius: 8px;
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: #fff;
      background: rgba(6,6,15,0.72);
      backdrop-filter: blur(8px);
      pointer-events: none;
      opacity: 0;
      transition: opacity 0.2s;
    }
    .product-showcase-visual:hover .product-zoom-hit::after,
    .cert-slide-visual:hover .product-zoom-hit::after,
    .snap-slider-viewport--merch .product-showcase-visual:hover .product-zoom-hit::after {
      opacity: 1;
    }
    button.product-zoom-hit.cert-zoom-hit {
      border-radius: 16px;
    }

    .product-lightbox {
      position: fixed;
      inset: 0;
      z-index: 1100;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: clamp(16px, 4vw, 40px);
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.28s ease, visibility 0.28s;
    }
    .product-lightbox.is-open {
      opacity: 1;
      visibility: visible;
    }
    .product-lightbox-backdrop {
      position: absolute;
      inset: 0;
      background: rgba(6, 6, 15, 0.92);
      backdrop-filter: blur(14px);
      -webkit-backdrop-filter: blur(14px);
      cursor: zoom-out;
    }
    .product-lightbox-dialog {
      position: relative;
      z-index: 2;
      max-width: min(96vw, 1320px);
      max-height: 92vh;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 14px;
      animation: fade-up 0.35s ease both;
    }
    .product-lightbox-dialog img {
      max-width: 100%;
      max-height: min(82vh, 900px);
      width: auto;
      height: auto;
      object-fit: contain;
      border-radius: 14px;
      box-shadow: 0 28px 90px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(255,255,255,0.08);
    }
    .product-lightbox-close {
      position: fixed;
      top: max(16px, env(safe-area-inset-top));
      right: max(16px, env(safe-area-inset-right));
      width: 44px;
      height: 44px;
      border-radius: 50%;
      border: 1px solid rgba(255,255,255,0.2);
      background: rgba(24,24,48,0.95);
      color: #fff;
      font-size: 26px;
      line-height: 1;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: transform 0.15s, background 0.15s;
      z-index: 1101;
    }
    .product-lightbox-close:hover {
      transform: scale(1.06);
      background: rgba(34, 211, 238, 0.25);
    }
    .product-lightbox-caption {
      margin: 0;
      max-width: 640px;
      text-align: center;
      font-size: 15px;
      font-weight: 600;
      color: rgba(240, 240, 255, 0.92);
      line-height: 1.45;
      padding: 0 12px;
    }
    .product-lightbox-kicker {
      display: block;
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: var(--cyan);
      margin-bottom: 6px;
      font-family: 'JetBrains Mono', monospace;
    }

    /* ── Newsletter / Dispatch ── */
    .dispatch-section {
      padding: 100px 0;
      text-align: center;
      position: relative;
      overflow: hidden;
    }
    .dispatch-section::before {
      content: '';
      position: absolute;
      width: 600px;
      height: 600px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(59,130,246,0.08) 0%, transparent 70%);
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      pointer-events: none;
    }
    .dispatch-inner {
      position: relative;
      z-index: 1;
      max-width: 620px;
      margin: 0 auto;
    }
    .dispatch-inner .section-label { justify-content: center; display: flex; }
    .dispatch-inner h2 {
      font-size: clamp(28px, 4vw, 46px);
      font-weight: 800;
      letter-spacing: -1px;
      margin-bottom: 16px;
    }
    .dispatch-inner > p {
      font-size: 17px;
      color: var(--text2);
      line-height: 1.7;
      margin: 0;
    }
    .dispatch-inner > p strong { color: var(--text); }
    .dispatch-lead {
      margin-bottom: 12px;
    }
    .dispatch-tagline {
      margin-bottom: 36px;
      font-size: 15px;
      color: var(--text2);
      line-height: 1.55;
    }
    .dispatch-tagline .product-brand-url {
      font-weight: 700;
      letter-spacing: 0.04em;
      background: var(--grad);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
    }

    .dispatch-features {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 12px;
      margin-bottom: 36px;
      text-align: left;
    }
    .dispatch-feature {
      background: var(--bg2);
      border: 1px solid var(--border);
      border-radius: 12px;
      padding: 16px;
    }
    .dispatch-feature .icon { font-size: 22px; margin-bottom: 8px; }
    .dispatch-feature h4 { font-size: 13px; font-weight: 700; margin-bottom: 4px; }
    .dispatch-feature p { font-size: 12px; color: var(--text2); line-height: 1.5; }

    .dispatch-form {
      display: flex;
      gap: 12px;
      max-width: 460px;
      margin: 0 auto 16px;
    }
    .dispatch-form input {
      flex: 1;
      background: var(--surface);
      border: 1px solid var(--border2);
      color: var(--text);
      padding: 13px 16px;
      border-radius: 10px;
      font-size: 15px;
      font-family: 'Inter', sans-serif;
      outline: none;
      transition: border-color 0.2s;
    }
    .dispatch-form input::placeholder { color: var(--text2); }
    .dispatch-form input:focus { border-color: rgba(59,130,246,0.5); }

    .dispatch-sub-note {
      font-size: 12px;
      color: var(--text2);
    }

    /* ── Social section ── */
    .social-section {
      padding: 80px 0;
    }
    .social-inner {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      gap: 32px;
    }
    .social-inner h2 {
      font-size: clamp(24px, 3.5vw, 38px);
      font-weight: 800;
      letter-spacing: -0.5px;
    }
    .social-inner p {
      font-size: 16px;
      color: var(--text2);
      max-width: 440px;
    }
    .social-links {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      justify-content: center;
    }
    .social-link {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 12px 20px;
      border-radius: 12px;
      background: var(--bg3);
      border: 1px solid var(--border);
      color: var(--text);
      text-decoration: none;
      font-size: 14px;
      font-weight: 600;
      transition: border-color 0.2s, background 0.2s, transform 0.2s;
    }
    .social-link:hover {
      border-color: var(--border2);
      background: var(--surface);
      transform: translateY(-2px);
    }
    .social-link svg { width: 18px; height: 18px; flex-shrink: 0; }
    .social-handle {
      font-family: 'JetBrains Mono', monospace;
      font-size: 12px;
      color: var(--text2);
    }

    /* ── Stats bar ── */
    .stats-bar {
      padding: 72px 0;
      border-top: 1px solid var(--border);
    }
    .stats-intro {
      text-align: center;
      max-width: 560px;
      margin: 0 auto 40px;
    }
    .stats-eyebrow {
      font-family: 'JetBrains Mono', monospace;
      font-size: 18px;
      font-weight: 700;
      letter-spacing: 0.22em;
      text-transform: uppercase;
      color: var(--text);
      margin: 0 0 14px;
    }
    .stats-eyebrow::before { content: '// '; opacity: 0.5; }
    .stats-deck {
      font-size: 17px;
      color: var(--text2);
      line-height: 1.65;
      margin: 0;
    }

    .stats-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 1px;
      background: var(--border);
      border: 1px solid var(--border);
      border-radius: 16px;
      overflow: hidden;
    }
    .stat-cell {
      background: var(--bg);
      padding: 28px 24px;
      text-align: center;
      transition: background 0.22s ease, box-shadow 0.22s ease;
      position: relative;
    }
    .stat-cell::before {
      content: '';
      position: absolute;
      inset: 0;
      background: radial-gradient(ellipse at 50% 20%, rgba(59,130,246,0.10), transparent 62%);
      opacity: 0;
      transition: opacity 0.22s ease;
      pointer-events: none;
    }
    .stat-cell:hover {
      background: var(--bg2);
      box-shadow: inset 0 0 0 1px rgba(96,165,250,0.18);
    }
    .stat-cell:hover::before { opacity: 1; }
    .stat-cell > * { position: relative; z-index: 1; }

    /* Per-card gradient accents (more variation) */
    .stat-cell--one  { --stat-grad: var(--grad-bc); }
    .stat-cell--two  { --stat-grad: var(--grad-ib); }
    .stat-cell--three{ --stat-grad: var(--brand-grad); }
    .stat-cell--four { --stat-grad: linear-gradient(90deg, var(--pink), var(--blue)); }

    .stat-cell--one::before   { background: radial-gradient(ellipse at 50% 20%, rgba(56,189,248,0.16), transparent 62%); }
    .stat-cell--two::before   { background: radial-gradient(ellipse at 50% 20%, rgba(29,78,216,0.16), transparent 62%); }
    .stat-cell--three::before { background: radial-gradient(ellipse at 50% 20%, rgba(255,45,154,0.18), transparent 62%); }
    .stat-cell--four::before  { background: radial-gradient(ellipse at 50% 20%, rgba(59,130,246,0.14), transparent 62%); }

    .stat-cell--one:hover   { box-shadow: inset 0 0 0 1px rgba(56,189,248,0.22); }
    .stat-cell--two:hover   { box-shadow: inset 0 0 0 1px rgba(29,78,216,0.22); }
    .stat-cell--three:hover { box-shadow: inset 0 0 0 1px rgba(255,45,154,0.22); }
    .stat-cell--four:hover  { box-shadow: inset 0 0 0 1px rgba(59,130,246,0.22); }

    .stat-val {
      background: var(--stat-grad, currentColor);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      font-size: 36px;
      font-weight: 900;
      letter-spacing: -1px;
      line-height: 1;
      margin-bottom: 6px;
    }
    .stat-label {
      font-size: 12px;
      color: var(--text2);
      font-weight: 500;
    }

    /* ── FAQ / About ── */
    .about-section {
      padding: 100px 0;
    }
    .about-inner {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 80px;
    }
    .about-left h2 {
      font-size: clamp(26px, 3.5vw, 40px);
      font-weight: 800;
      letter-spacing: -0.8px;
      margin-bottom: 20px;
    }
    .about-left p {
      font-size: 16px;
      color: var(--text2);
      line-height: 1.75;
      margin-bottom: 16px;
    }
    .about-left p strong { color: var(--text); }

    .faq-list {
      display: flex;
      flex-direction: column;
      gap: 2px;
    }
    .faq-item {
      border: 1px solid var(--border);
      border-radius: 12px;
      overflow: hidden;
      background: var(--bg3);
    }
    .faq-q {
      padding: 16px 20px;
      font-size: 15px;
      font-weight: 600;
      cursor: pointer;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 12px;
    }
    .faq-q::after {
      content: '+';
      font-size: 20px;
      color: var(--text2);
      flex-shrink: 0;
    }
    .faq-a {
      padding: 0 20px 16px;
      font-size: 14px;
      color: var(--text2);
      line-height: 1.7;
    }

    /* ── Footer ── */
    footer.theme-dark {
      padding: 44px 0;
      border-top: 1px solid var(--border);
    }

    /* Final CTA band */
    .final-cta-section {
      padding: 100px 0;
      text-align: center;
      position: relative;
      overflow: hidden;
    }
    .final-cta-glow {
      position: absolute;
      width: min(700px, 140vw);
      height: min(700px, 140vw);
      border-radius: 50%;
      background:
        radial-gradient(circle, rgba(236,72,153,0.12) 0%, rgba(99,102,241,0.08) 52%, transparent 74%);
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      pointer-events: none;
    }
    .final-cta-inner { position: relative; z-index: 1; }
    .final-cta-section {
      /* Variation: CTA leans warmer (pink/purple) */
      --ring-grad: var(--brand-grad);
      --grad: var(--grad-mp);
      --accent: var(--pink);
    }
    .final-cta-section h2 {
      font-size: clamp(28px, 5vw, 56px);
      font-weight: 900;
      letter-spacing: -1.5px;
      margin-bottom: 16px;
      line-height: 1.1;
    }
    .final-cta-section .cta-sub {
      font-size: 0.7em;
      font-weight: 500;
      color: var(--text2);
    }
    .final-cta-section .cta-lead {
      font-size: 18px;
      color: var(--text2);
      max-width: 520px;
      margin: 0 auto 40px;
      line-height: 1.7;
    }
    .final-cta-form {
      display: flex;
      gap: 12px;
      max-width: 480px;
      margin: 0 auto 20px;
      flex-wrap: wrap;
      justify-content: center;
    }
    .final-cta-form input[type="email"] {
      flex: 1;
      min-width: 200px;
      background: var(--surface);
      border: 1px solid var(--border2);
      color: var(--text);
      padding: 15px 18px;
      border-radius: 10px;
      font-size: 16px;
      font-family: 'Inter', sans-serif;
      outline: none;
    }
    .final-cta-meta {
      font-size: 13px;
      color: var(--text2);
    }
    .final-cta-meta a { color: var(--text2); text-decoration: none; }
    .footer-inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
      flex-wrap: wrap;
    }
    .footer-logo {
      display: flex;
      align-items: center;
      gap: 10px;
      text-decoration: none;
    }
    .footer-brand {
      font-size: 14px;
      font-weight: 700;
      color: var(--pink);
    }
    .footer-brand span {
      display: block;
      font-size: 10px;
      font-weight: 400;
      color: var(--text2);
      letter-spacing: 0.08em;
    }
    .footer-links {
      display: flex;
      gap: 24px;
    }
    .footer-links a {
      font-size: 13px;
      color: var(--text2);
      text-decoration: none;
      transition: color 0.2s;
    }
    .footer-links a:hover { color: var(--text); }
    .footer-copy {
      font-size: 12px;
      color: var(--text2);
      font-family: 'JetBrains Mono', monospace;
    }

    /* ── Responsive ── */
    @media (max-width: 900px) {
      .cert-slide {
        grid-template-columns: 1fr;
      }
    }

    @media (max-width: 768px) {
      .pain-inner  { grid-template-columns: 1fr; gap: 40px; }
      .slack-scroll-viewport {
        max-height: min(440px, 50vh);
      }
      .snap-slider-chrome {
        padding: 12px 10px;
        gap: 8px 10px;
      }
      .snap-slider-dots--many {
        max-width: 100%;
        gap: 6px;
      }
      .dispatch-features { grid-template-columns: 1fr; }
      .stats-grid { grid-template-columns: repeat(2, 1fr); }
      .about-inner { grid-template-columns: 1fr; gap: 48px; }
      .hero-form { flex-direction: column; }
      .nav-toggle { display: flex; }
      .nav-menu {
        display: none;
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
        padding: 18px calc(clamp(16px, 4vw, 28px) + env(safe-area-inset-right, 0px)) max(22px, env(safe-area-inset-bottom, 0px)) calc(clamp(16px, 4vw, 28px) + env(safe-area-inset-left, 0px));
        background: rgba(8,8,18,0.98);
        border-bottom: 1px solid var(--border);
        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
        max-height: min(70vh, calc(100dvh - var(--site-fixed-header-total, 120px)));
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
      }
      .nav-menu.is-open {
        display: flex;
      }
      .nav-links {
        flex-direction: column;
        align-items: stretch;
      }
      .nav-links a {
        padding: 12px 14px;
      }
      .nav-actions {
        flex-direction: column;
        align-items: stretch;
      }
      .nav-actions .nav-cta {
        justify-content: center;
      }
      .nav-inner {
        position: relative;
        flex-wrap: wrap;
      }
      .footer-inner { flex-direction: column; text-align: center; }
      .footer-links { flex-wrap: wrap; justify-content: center; }
    }
    @media (max-width: 500px) {
      .social-link .social-handle { display: none; }
      .brand-mark--hero,
      .brand-mark--cta { font-size: 68px; }
      .final-cta-form { flex-direction: column; align-items: stretch; }
    }

    /* ═══ Format hub & format detail pages ═══ */
    .format-shell {
      padding-top: var(--site-fixed-header-total);
      min-height: 100vh;
    }
    .format-breadcrumb {
      font-family: var(--font-mono);
      font-size: var(--text-label);
      font-weight: 600;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      margin-bottom: 22px;
      color: var(--text2);
    }
    .format-breadcrumb a {
      color: var(--cyan);
      text-decoration: none;
    }
    .format-breadcrumb a:hover { text-decoration: underline; }

    .hub-hero {
      padding: clamp(48px, 10vw, 88px) 0 clamp(40px, 8vw, 64px);
      text-align: center;
      position: relative;
      overflow: hidden;
    }
    .hub-hero::after {
      content: '';
      position: absolute;
      width: min(900px, 90vw);
      height: min(900px, 90vw);
      border-radius: 50%;
      background: radial-gradient(circle, rgba(96,165,250,0.09) 0%, transparent 62%);
      top: 40%;
      left: 50%;
      transform: translate(-50%, -50%);
      pointer-events: none;
    }
    .hub-hero .container { position: relative; z-index: 1; }
    .hub-hero h1 {
      font-size: clamp(30px, 5vw, 52px);
      font-weight: 800;
      letter-spacing: -1px;
      margin-bottom: 16px;
      line-height: 1.12;
    }
    .hub-lead {
      font-size: clamp(16px, 2.2vw, 19px);
      color: var(--text2);
      max-width: 560px;
      margin: 0 auto 28px;
      line-height: 1.65;
    }
    .hub-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      justify-content: center;
      align-items: center;
    }

    .hub-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
      gap: clamp(16px, 3vw, 24px);
      padding-bottom: clamp(64px, 12vw, 100px);
    }
    .hub-card {
      background: var(--bg3);
      border: 1px solid var(--border);
      border-radius: 18px;
      padding: clamp(22px, 4vw, 30px);
      text-decoration: none;
      color: inherit;
      display: flex;
      flex-direction: column;
      gap: 12px;
      transition: border-color 0.2s, transform 0.2s, box-shadow 0.2s;
      position: relative;
      overflow: hidden;
      min-height: 100%;
    }
    .hub-card::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 3px;
    }
    .hub-card.f1::before { background: linear-gradient(90deg, var(--cyan), var(--blue)); }
    .hub-card.f2::before { background: linear-gradient(90deg, var(--blue), var(--purple)); }
    .hub-card.f3::before { background: linear-gradient(90deg, var(--purple), var(--pink)); }
    .hub-card:hover {
      border-color: var(--border2);
      transform: translateY(-5px);
      box-shadow: 0 20px 48px rgba(15, 23, 42, 0.12);
    }
    .hub-card:focus-visible {
      outline: 2px solid var(--cyan);
      outline-offset: 3px;
    }
    .hub-card-icon { font-size: 38px; line-height: 1; }
    .hub-card h2 {
      font-size: clamp(18px, 2.4vw, 21px);
      font-weight: 800;
      letter-spacing: -0.4px;
    }
    .hub-card p {
      font-size: 14px;
      color: var(--text2);
      line-height: 1.62;
      flex: 1;
    }
    .hub-card-meta {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      flex-wrap: wrap;
      margin-top: auto;
      padding-top: 8px;
    }
    .hub-card-arrow {
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      font-family: 'JetBrains Mono', monospace;
      color: var(--cyan);
    }

    .theme-light .format-split-visual .product-brand-url {
      background: var(--grad);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      font-weight: 700;
    }

    .format-wave-wrap {
      display: flex;
      align-items: flex-end;
      gap: 4px;
      height: 120px;
      padding-top: 8px;
    }
    .format-wave-bar {
      flex: 1;
      min-height: 18%;
      border-radius: 6px 6px 0 0;
      background: linear-gradient(180deg, var(--cyan), var(--purple));
      opacity: var(--o, 0.55);
      height: var(--h, 40%);
    }

    .format-hero {
      padding: clamp(56px, 11vw, 100px) 0 clamp(40px, 7vw, 72px);
      position: relative;
      overflow: hidden;
    }
    .format-hero::before {
      content: '';
      position: absolute;
      inset: 0;
      background:
        radial-gradient(ellipse 70% 55% at 20% 20%, rgba(56,189,248,0.12), transparent 55%),
        radial-gradient(ellipse 55% 45% at 90% 70%, rgba(59,130,246,0.10), transparent 50%);
      pointer-events: none;
    }
    .format-hero-inner {
      position: relative;
      z-index: 1;
      max-width: 760px;
    }
    .format-hero-badge-row {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      align-items: center;
      margin-bottom: 18px;
    }
    .format-hero h1 {
      font-size: clamp(30px, 5vw, 48px);
      font-weight: 800;
      letter-spacing: -1px;
      line-height: 1.1;
      margin-bottom: 16px;
    }
    .format-hero-lead {
      font-size: clamp(16px, 2.2vw, 19px);
      color: var(--text2);
      line-height: 1.65;
      margin-bottom: 26px;
      max-width: 620px;
    }
    .format-hero-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      align-items: center;
    }

    .format-metrics {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(min(100%, 160px), 1fr));
      gap: clamp(12px, 2vw, 18px);
      margin-top: clamp(28px, 5vw, 40px);
      padding-top: clamp(28px, 5vw, 36px);
      border-top: 1px solid var(--border);
    }
    .format-metric {
      padding: 16px 18px;
      border-radius: 14px;
      border: 1px solid var(--border);
      background: rgba(255,255,255,0.03);
    }
    .format-metric-k {
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: var(--text2);
      font-family: 'JetBrains Mono', monospace;
      margin-bottom: 6px;
    }
    .format-metric-v {
      font-size: 17px;
      font-weight: 800;
      color: var(--text);
    }

    .format-band {
      padding: clamp(56px, 9vw, 88px) 0;
    }
    .format-band-head {
      max-width: 620px;
      margin-bottom: clamp(28px, 5vw, 40px);
    }
    .format-band-head h2 {
      font-size: clamp(22px, 3.5vw, 34px);
      font-weight: 800;
      letter-spacing: -0.6px;
      margin-bottom: 12px;
      line-height: 1.2;
    }
    .format-band-head p {
      font-size: 16px;
      color: var(--text2);
      line-height: 1.65;
    }

    .format-split {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: clamp(28px, 5vw, 48px);
      align-items: start;
    }
    .format-split-visual {
      border-radius: 18px;
      border: 1px solid var(--border);
      background: var(--bg3);
      padding: clamp(20px, 4vw, 28px);
      min-height: 220px;
      box-shadow: 0 24px 56px rgba(0,0,0,0.2);
    }
    .theme-light .format-split-visual {
      box-shadow: 0 18px 42px rgba(15, 23, 42, 0.07);
    }
    .format-steps {
      counter-reset: fm;
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: 16px;
    }
    .format-steps li {
      counter-increment: fm;
      padding: 16px 18px 16px 52px;
      border-radius: 14px;
      border: 1px solid var(--border);
      background: var(--bg3);
      position: relative;
      font-size: 14px;
      color: var(--text2);
      line-height: 1.55;
    }
    .format-steps li::before {
      content: counter(fm, decimal-leading-zero);
      position: absolute;
      left: 16px;
      top: 50%;
      transform: translateY(-50%);
      font-family: 'JetBrains Mono', monospace;
      font-size: 12px;
      font-weight: 800;
      color: var(--cyan);
    }
    .format-steps strong { color: var(--text); }

    .format-pill-row {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 18px;
    }
    .format-pill {
      font-size: 12px;
      font-weight: 600;
      padding: 8px 14px;
      border-radius: 999px;
      border: 1px solid var(--border2);
      background: rgba(255,255,255,0.04);
      color: var(--text);
    }
    .theme-light .format-pill {
      background: var(--bg2);
    }

    .format-mock-table {
      width: 100%;
      border-collapse: collapse;
      font-size: 13px;
      margin-top: 8px;
    }
    .format-mock-table th,
    .format-mock-table td {
      text-align: left;
      padding: 12px 14px;
      border-bottom: 1px solid var(--border);
    }
    .format-mock-table th {
      font-size: 10px;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--text2);
      font-family: 'JetBrains Mono', monospace;
    }

    .format-related {
      padding: clamp(48px, 8vw, 72px) 0 clamp(64px, 10vw, 100px);
      border-top: 1px solid var(--border);
    }
    .format-related h3 {
      font-size: 13px;
      font-weight: 700;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      font-family: 'JetBrains Mono', monospace;
      color: var(--text2);
      margin-bottom: 16px;
    }
    .format-related-links {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
    }
    .format-related-links a {
      font-size: 14px;
      font-weight: 600;
      padding: 10px 16px;
      border-radius: 10px;
      border: 1px solid var(--border);
      background: var(--bg3);
      color: var(--text);
      text-decoration: none;
      transition: border-color 0.2s, transform 0.2s;
    }
    .format-related-links a:hover {
      border-color: var(--border2);
      transform: translateY(-2px);
    }

    .format-detail-card {
      padding: 22px 24px;
      border-radius: 16px;
      border: 1px solid var(--border);
      background: var(--bg3);
    }
    .format-detail-card h4 {
      font-size: 15px;
      font-weight: 700;
      margin-bottom: 8px;
      letter-spacing: -0.2px;
    }
    .format-detail-card p {
      font-size: 14px;
      color: var(--text2);
      line-height: 1.58;
      margin: 0;
    }

    .format-two-col {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
      gap: 18px;
    }

    .format-cta-panel {
      margin-top: clamp(28px, 5vw, 40px);
      padding: clamp(22px, 4vw, 32px);
      border-radius: 18px;
      border: 1px solid var(--border2);
      background: linear-gradient(135deg, rgba(56,189,248,0.08), rgba(59,130,246,0.08));
      display: flex;
      flex-wrap: wrap;
      gap: 18px;
      align-items: center;
      justify-content: space-between;
    }
    .format-cta-panel p {
      margin: 0;
      font-size: 15px;
      max-width: 420px;
      color: var(--text2);
      line-height: 1.55;
    }
    .format-cta-panel strong { color: var(--text); }

    /* ── Market Reality (formats/market-watch.html) ── */
    .page-market-watch main[data-market-watch-root] {
      display: flex;
      flex-direction: column;
      gap: 0;
    }
    .page-market-watch .mwatch-band {
      padding: clamp(28px, 4.5vw, 56px) 0;
    }
    .page-market-watch .mwatch-page-hero-lockup {
      position: relative;
      overflow: hidden;
      padding: clamp(40px, 7vw, 72px) 0 clamp(32px, 4.5vw, 48px);
    }
    .page-market-watch .mwatch-page-hero-lockup > .container {
      position: relative;
      z-index: 1;
    }
    .page-market-watch .mwatch-story-jumps-band {
      padding: clamp(16px, 2.5vw, 26px) 0;
      border-bottom: 1px solid var(--border);
    }
    .page-market-watch .mwatch-page-hero-lockup::before {
      content: '';
      position: absolute;
      inset: 0;
      background:
        radial-gradient(ellipse 65% 50% at 15% 15%, rgba(99, 102, 241, 0.09), transparent 55%),
        radial-gradient(ellipse 50% 45% at 92% 75%, rgba(56, 189, 248, 0.08), transparent 50%);
      pointer-events: none;
    }
    .page-market-watch .mwatch-hero-split {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      gap: clamp(22px, 4vw, 48px);
      align-items: center;
    }
    @media (max-width: 720px) {
      .page-market-watch .mwatch-hero-split {
        grid-template-columns: 1fr;
        justify-items: center;
        text-align: center;
      }
      .page-market-watch .mwatch-hero-split-main .format-breadcrumb,
      .page-market-watch .mwatch-hero-split-main .format-hero-badge-row {
        justify-content: center;
      }
    }
    .page-market-watch .mwatch-hero-logo-link {
      display: inline-flex;
      text-decoration: none;
      border-radius: 50%;
    }
    .page-market-watch .mwatch-hero-logo-link:focus-visible {
      outline: 2px solid var(--cyan);
      outline-offset: 4px;
    }
    .page-market-watch .mwatch-hero-split-main .format-breadcrumb {
      margin-bottom: 12px;
    }
    .page-market-watch .mwatch-hero-split-main h1 {
      font-size: clamp(28px, 4.2vw, 46px);
      font-weight: 800;
      letter-spacing: -0.04em;
      line-height: 1.12;
      margin: 0 0 14px;
      color: var(--text);
    }
    .page-market-watch .mwatch-hero-split-main .format-hero-lead {
      margin-bottom: 0;
      max-width: 40rem;
    }
    @media (max-width: 720px) {
      .page-market-watch .mwatch-hero-split-main .format-hero-lead {
        margin-left: auto;
        margin-right: auto;
      }
    }
    .page-market-watch .mwatch-hero-story-jumps {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-items: stretch;
      justify-content: center;
      gap: clamp(10px, 2vw, 20px);
      width: 100%;
      box-sizing: border-box;
      padding: 0;
      margin: 0;
    }
    .page-market-watch .mwatch-hero-story-jumps .btn-secondary {
      flex: 0 1 auto;
      justify-content: center;
      text-align: center;
      white-space: normal;
      max-width: min(100%, 22rem);
      line-height: 1.35;
      padding: 10px 16px 12px;
    }
    .page-market-watch .mwatch-band-divider {
      display: block;
      height: 12px;
      margin: 0;
      border: 0;
      flex-shrink: 0;
      background: linear-gradient(180deg, #050507 0%, #0f0f18 45%, #12121f 100%);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
    }

    /* ── Dispatch issue layout (formats/dispatch.html; legacy dispatch-issue.html redirects) ── */
    .page-dispatch-issue main[data-dispatch-issue-root] {
      display: flex;
      flex-direction: column;
      gap: 0;
    }
    .page-dispatch-issue .dispatch-page-hero-lockup {
      position: relative;
      overflow: hidden;
      padding: clamp(40px, 7vw, 72px) 0 clamp(28px, 4vw, 40px);
    }
    .page-dispatch-issue .dispatch-page-hero-lockup::before {
      content: '';
      position: absolute;
      inset: 0;
      background:
        radial-gradient(ellipse 65% 50% at 15% 15%, rgba(99, 102, 241, 0.09), transparent 55%),
        radial-gradient(ellipse 50% 45% at 92% 75%, rgba(56, 189, 248, 0.08), transparent 50%);
      pointer-events: none;
    }
    .page-dispatch-issue .dispatch-page-hero-lockup > .container {
      position: relative;
      z-index: 1;
    }
    .page-dispatch-issue .dispatch-hero-split {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      gap: clamp(22px, 4vw, 48px);
      align-items: center;
    }
    @media (max-width: 720px) {
      .page-dispatch-issue .dispatch-hero-split {
        grid-template-columns: 1fr;
        justify-items: center;
        text-align: center;
      }
      .page-dispatch-issue .dispatch-hero-split-main .format-breadcrumb,
      .page-dispatch-issue .dispatch-hero-split-main .format-hero-badge-row {
        justify-content: center;
      }
    }
    .page-dispatch-issue .dispatch-hero-logo-link {
      display: inline-flex;
      text-decoration: none;
      border-radius: 50%;
    }
    .page-dispatch-issue .dispatch-hero-logo-link:focus-visible {
      outline: 2px solid var(--cyan);
      outline-offset: 4px;
    }
    .page-dispatch-issue .dispatch-hero-split-main .format-breadcrumb {
      margin-bottom: 12px;
    }
    .page-dispatch-issue .dispatch-hero-split-main h1 {
      font-size: clamp(28px, 4.2vw, 46px);
      font-weight: 800;
      letter-spacing: -0.04em;
      line-height: 1.12;
      margin: 0 0 8px;
      color: var(--text);
    }
    .page-dispatch-issue .format-issue-dek {
      margin: 0 0 14px;
      font-size: 13px;
      font-weight: 700;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: var(--indigo);
      font-family: 'JetBrains Mono', monospace;
    }
    .page-dispatch-issue .dispatch-hero-split-main .format-hero-lead {
      margin-bottom: 0;
      max-width: 40rem;
      color: var(--text2);
    }
    @media (max-width: 720px) {
      .page-dispatch-issue .dispatch-hero-split-main .format-hero-lead {
        margin-left: auto;
        margin-right: auto;
      }
    }
    .page-dispatch-issue .dispatch-toc-band {
      padding: clamp(16px, 2.5vw, 26px) 0;
      border-bottom: 1px solid var(--border);
    }
    .page-dispatch-issue .dispatch-toc-nav {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-items: stretch;
      justify-content: center;
      gap: clamp(10px, 2vw, 16px);
      width: 100%;
      margin: 0;
      padding: 0;
    }
    .page-dispatch-issue .dispatch-toc-nav .btn-secondary,
    .page-dispatch-issue .dispatch-toc-nav .btn-primary {
      flex: 0 1 auto;
      justify-content: center;
      text-align: center;
      white-space: normal;
      max-width: min(100%, 16rem);
      line-height: 1.35;
      padding: 10px 16px 12px;
    }
    .page-dispatch-issue .dispatch-issue-article {
      padding: clamp(28px, 4vw, 48px) 0 clamp(40px, 5vw, 64px);
    }
    .page-dispatch-issue .dispatch-issue-inner {
      max-width: 44rem;
    }
    .page-dispatch-issue .dispatch-issue-rail {
      margin: 0 0 10px;
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: var(--indigo);
      font-family: 'JetBrains Mono', monospace;
    }
    .page-dispatch-issue .dispatch-lede-quote {
      margin: 0 0 clamp(28px, 4vw, 40px);
      padding: clamp(18px, 3vw, 24px) clamp(20px, 3vw, 28px);
      border: 1px solid var(--border);
      border-left: 4px solid var(--cyan);
      border-radius: 0 14px 14px 0;
      background: var(--surface);
      box-shadow: 0 8px 28px rgba(15, 23, 42, 0.06);
    }
    .page-dispatch-issue .dispatch-lede-quote p {
      margin: 0;
      font-size: clamp(16px, 2vw, 18px);
      line-height: 1.65;
      font-weight: 500;
      color: var(--text);
    }
    .page-dispatch-issue .dispatch-issue-week {
      margin-bottom: clamp(8px, 2vw, 16px);
    }
    .page-dispatch-issue .dispatch-issue-h2 {
      margin: 0 0 clamp(18px, 2.5vw, 26px);
      font-size: clamp(22px, 3vw, 28px);
      font-weight: 800;
      letter-spacing: -0.03em;
      color: var(--text);
      scroll-margin-top: 96px;
    }
    .page-dispatch-issue .dispatch-issue-h3 {
      margin: clamp(28px, 4vw, 36px) 0 16px;
      font-size: 14px;
      font-weight: 800;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--text2);
      scroll-margin-top: 96px;
    }
    .page-dispatch-issue .dispatch-story-card {
      margin: 0 0 clamp(20px, 3vw, 28px);
      padding: clamp(18px, 2.5vw, 22px) clamp(18px, 2.5vw, 22px);
      border-radius: 16px;
      border: 1px solid var(--border);
      background: var(--surface);
      box-shadow: 0 1px 0 rgba(15, 23, 42, 0.04);
    }
    .page-dispatch-issue .dispatch-story-card h4 {
      margin: 0 0 12px;
      font-size: clamp(17px, 2vw, 19px);
      font-weight: 800;
      line-height: 1.3;
      color: var(--text);
    }
    .page-dispatch-issue .dispatch-story-card p {
      margin: 0 0 12px;
      font-size: 15px;
      line-height: 1.65;
      color: var(--text2);
    }
    .page-dispatch-issue .dispatch-story-card p:last-child {
      margin-bottom: 0;
    }
    .page-dispatch-issue .dispatch-story-tag {
      margin: 14px 0 0;
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: var(--cyan);
    }
    .page-dispatch-issue .dispatch-tool-card {
      margin: 0 0 clamp(20px, 3vw, 28px);
      padding: clamp(18px, 2.5vw, 22px);
      border-radius: 16px;
      border: 1px dashed rgba(59, 130, 246, 0.35);
      background: rgba(59, 130, 246, 0.05);
    }
    .page-dispatch-issue .dispatch-tool-card h4 {
      margin: 0 0 6px;
      font-size: 17px;
      font-weight: 800;
      color: var(--text);
    }
    .page-dispatch-issue .dispatch-tool-dek {
      margin: 0 0 12px;
      font-size: 13px;
      font-style: italic;
      color: var(--text2);
    }
    .page-dispatch-issue .dispatch-tool-card > p:not(.dispatch-tool-dek):not(.dispatch-tool-stars) {
      margin: 0 0 12px;
      font-size: 15px;
      line-height: 1.65;
      color: var(--text2);
    }
    .page-dispatch-issue .dispatch-tool-stars {
      margin: 14px 0 0;
      font-size: 13px;
      font-weight: 700;
      font-family: 'JetBrains Mono', monospace;
      color: var(--text);
    }
    .page-dispatch-issue .dispatch-signals-intro {
      margin: 0 0 18px;
      font-size: 15px;
      line-height: 1.65;
      color: var(--text2);
    }
    .page-dispatch-issue .dispatch-signals-table-wrap {
      margin: 0 0 clamp(24px, 3vw, 32px);
      overflow-x: auto;
      border-radius: 14px;
      border: 1px solid var(--border);
      background: var(--surface);
    }
    .page-dispatch-issue .dispatch-signals-table {
      width: 100%;
      min-width: 520px;
      border-collapse: collapse;
      font-size: 14px;
    }
    .page-dispatch-issue .dispatch-signals-table th,
    .page-dispatch-issue .dispatch-signals-table td {
      padding: 14px 16px;
      text-align: left;
      vertical-align: top;
      border-bottom: 1px solid var(--border);
      line-height: 1.5;
    }
    .page-dispatch-issue .dispatch-signals-table thead th {
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--indigo);
      background: var(--bg3);
    }
    .page-dispatch-issue .dispatch-signals-table tbody th[scope="row"] {
      width: 22%;
      font-weight: 800;
      color: var(--text);
      background: rgba(99, 102, 241, 0.06);
    }
    .page-dispatch-issue .dispatch-signals-table tbody tr:last-child th,
    .page-dispatch-issue .dispatch-signals-table tbody tr:last-child td {
      border-bottom: none;
    }
    .page-dispatch-issue .dispatch-issue-hr {
      margin: clamp(28px, 4vw, 40px) 0;
      border: 0;
      height: 1px;
      background: var(--border);
    }
    .page-dispatch-issue .dispatch-issue-foot {
      margin-top: clamp(32px, 5vw, 48px);
      padding-top: clamp(22px, 3vw, 28px);
      border-top: 1px solid var(--border);
      font-size: 14px;
      line-height: 1.65;
      color: var(--text2);
    }
    .page-dispatch-issue .dispatch-issue-foot p {
      margin: 0 0 10px;
    }
    .page-dispatch-issue .dispatch-issue-foot p:last-child {
      margin-bottom: 0;
    }
    .page-dispatch-issue #dispatch-w1-lede,
    .page-dispatch-issue #dispatch-w2-lede {
      scroll-margin-top: 96px;
    }

    /* ── Stack directory (formats/ai-tools.html) ── */
    .page-ai-tools .ai-tools-filter-band {
      padding: clamp(14px, 2.2vw, 22px) 0;
      border-bottom: 1px solid var(--border);
    }
    .page-ai-tools .ai-tools-filter-inner {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 14px;
      text-align: center;
    }
    .page-ai-tools .ai-tools-filter-label {
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: var(--text2);
      font-family: 'JetBrains Mono', monospace;
    }
    .page-ai-tools .ai-tools-filter-chips {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 8px;
      max-width: 52rem;
    }
    .page-ai-tools .ai-tools-filter-btn {
      appearance: none;
      margin: 0;
      cursor: pointer;
      font: inherit;
      font-weight: 600;
      font-size: 13px;
      letter-spacing: -0.01em;
      padding: 9px 14px 11px;
      border-radius: 999px;
      border: 1px solid var(--border);
      background: var(--surface);
      color: var(--text2);
      transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
    }
    .page-ai-tools .ai-tools-filter-btn:hover {
      border-color: rgba(99, 102, 241, 0.35);
      color: var(--text);
    }
    .page-ai-tools .ai-tools-filter-btn:focus-visible {
      outline: 2px solid var(--cyan);
      outline-offset: 2px;
    }
    .page-ai-tools .ai-tools-filter-btn.is-active {
      border-color: rgba(99, 102, 241, 0.55);
      background: linear-gradient(180deg, rgba(99, 102, 241, 0.12), rgba(99, 102, 241, 0.04));
      color: var(--indigo);
      box-shadow: 0 4px 18px rgba(99, 102, 241, 0.1);
    }
    .page-ai-tools .ai-tools-directory {
      padding: clamp(28px, 4vw, 48px) 0 clamp(40px, 5vw, 64px);
    }
    .page-ai-tools .ai-tools-directory-inner {
      max-width: 72rem;
    }
    .page-ai-tools .ai-tools-category {
      margin: 0 0 clamp(14px, 2vw, 20px);
      border: none;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
      overflow: visible;
    }
    .page-ai-tools .ai-tools-category-summary {
      list-style: none;
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: clamp(12px, 3vw, 24px);
      padding: clamp(16px, 2.5vw, 22px) clamp(18px, 3vw, 26px);
      cursor: pointer;
      font: inherit;
      text-align: left;
      background: linear-gradient(188deg, #181b24 0%, #141824 55%, #12151c 100%);
      border: 1px solid rgba(255, 255, 255, 0.12);
      border-radius: 18px;
      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.28);
    }
    .page-ai-tools .ai-tools-category[open] > .ai-tools-category-summary {
      border-radius: 18px 18px 0 0;
      border-bottom: none;
      box-shadow: none;
    }
    .page-ai-tools .ai-tools-category:not([open]) > .ai-tools-category-summary:hover {
      border-color: rgba(129, 140, 248, 0.42);
      box-shadow: 0 12px 40px rgba(0, 0, 0, 0.38);
    }
    .page-ai-tools .ai-tools-category-summary:focus-visible {
      outline: 2px solid #22d3ee;
      outline-offset: 3px;
    }
    .page-ai-tools .ai-tools-category-summary::-webkit-details-marker {
      display: none;
    }
    .page-ai-tools .ai-tools-category-summary::marker {
      content: '';
    }
    .page-ai-tools .ai-tools-cat-heading {
      display: flex;
      flex-direction: column;
      gap: 8px;
      min-width: 0;
    }
    .page-ai-tools .ai-tools-category-summary .ai-tools-cat-title {
      font-size: clamp(17px, 2.1vw, 20px);
      font-weight: 800;
      letter-spacing: -0.03em;
      color: #f1f5f9;
    }
    .page-ai-tools .ai-tools-category-summary .ai-tools-cat-blurb {
      font-size: 12px;
      line-height: 1.55;
      color: rgba(186, 198, 214, 0.92);
      max-width: 42rem;
    }
    .page-ai-tools .ai-tools-cat-meta {
      display: flex;
      align-items: center;
      gap: 12px;
      flex-shrink: 0;
    }
    .page-ai-tools .ai-tools-category-summary .ai-tools-cat-count {
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: rgba(148, 163, 184, 0.88);
      font-family: 'JetBrains Mono', monospace;
      white-space: nowrap;
    }
    .page-ai-tools .ai-tools-cat-chevron {
      display: inline-block;
      width: 10px;
      height: 10px;
      border-right: 2px solid rgba(248, 250, 252, 0.45);
      border-bottom: 2px solid rgba(248, 250, 252, 0.45);
      transform: rotate(45deg);
      margin-top: 4px;
      transition: transform 0.2s ease;
    }
    .page-ai-tools .ai-tools-category[open] .ai-tools-cat-chevron {
      transform: rotate(-135deg);
      margin-top: 8px;
    }
    .page-ai-tools .ai-tools-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: clamp(14px, 2vw, 22px);
      padding: clamp(20px, 3vw, 28px) clamp(18px, 3vw, 26px) clamp(24px, 3.5vw, 36px);
      background: linear-gradient(188deg, #12151c 0%, #0d0f14 45%, #08090d 100%);
      border: 1px solid rgba(255, 255, 255, 0.1);
      border-top: none;
      border-radius: 0 0 18px 18px;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
    }
    @media (max-width: 900px) {
      .page-ai-tools .ai-tools-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }
    @media (max-width: 520px) {
      .page-ai-tools .ai-tools-grid {
        grid-template-columns: 1fr;
      }
      .page-ai-tools .ai-tools-category-summary {
        flex-direction: column;
        align-items: flex-start;
      }
      .page-ai-tools .ai-tools-cat-meta {
        width: 100%;
        justify-content: space-between;
      }
    }
    .page-ai-tools .ai-tools-card {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      min-height: 100%;
      padding: clamp(16px, 2.2vw, 20px);
      border-radius: 16px;
      border: 1px solid #e2e8f0;
      background: #ffffff;
      color: #0f172a;
      text-decoration: none;
      transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
    }
    .page-ai-tools .ai-tools-card:hover {
      border-color: rgba(99, 102, 241, 0.45);
      box-shadow: 0 14px 40px rgba(0, 0, 0, 0.35);
      transform: translateY(-3px);
    }
    .page-ai-tools .ai-tools-card:focus-visible {
      outline: 2px solid #22d3ee;
      outline-offset: 3px;
    }
    .page-ai-tools .ai-tools-card-logo {
      width: 44px;
      height: 44px;
      border-radius: 12px;
      border: 1px solid #e2e8f0;
      background: #ffffff;
      object-fit: contain;
      margin-bottom: 14px;
    }
    .page-ai-tools .ai-tools-card-title {
      margin: 0 0 10px;
      font-size: clamp(16px, 1.8vw, 18px);
      font-weight: 800;
      letter-spacing: -0.02em;
      color: #0f172a;
    }
    .page-ai-tools .ai-tools-card-desc {
      margin: 0 0 14px;
      flex: 1;
      font-size: 14px;
      line-height: 1.6;
      color: #475569;
    }
    .page-ai-tools .ai-tools-card-cta {
      font-size: 13px;
      font-weight: 700;
      color: #4338ca;
      font-family: 'JetBrains Mono', monospace;
    }
    .page-ai-tools .ai-tools-footnote {
      margin: clamp(24px, 3vw, 36px) 0 0;
      font-size: 11px;
      line-height: 1.55;
      color: var(--text2);
      max-width: 48rem;
    }

    /* ── Learn tracks (formats/education.html) ── */
    .page-education .edu-filter-band {
      padding: clamp(14px, 2.2vw, 22px) 0;
      border-bottom: 1px solid var(--border);
    }
    .page-education .edu-filter-stack {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: clamp(16px, 2.5vw, 22px);
      text-align: center;
      max-width: 56rem;
      margin: 0 auto;
    }
    .page-education .edu-filter-row {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 12px;
      width: 100%;
    }
    .page-education .edu-filter-label {
      font-size: 22px;
      font-weight: 800;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--text2);
      font-family: var(--font-mono);
      line-height: 1.2;
    }
    .page-education .edu-filter-label--sub {
      font-size: var(--text-label);
      font-weight: 800;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: var(--text2);
      font-family: var(--font-mono);
      line-height: 1.35;
    }
    .page-education .edu-filter-chips {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 8px;
      max-width: 52rem;
    }
    .page-education .edu-filter-btn {
      appearance: none;
      margin: 0;
      cursor: pointer;
      font: inherit;
      font-weight: 600;
      font-size: 13px;
      letter-spacing: -0.01em;
      padding: 9px 14px 11px;
      border-radius: 999px;
      border: 1px solid var(--border);
      background: var(--surface);
      color: var(--text2);
      transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
    }
    .page-education .edu-filter-btn:hover {
      border-color: rgba(99, 102, 241, 0.35);
      color: var(--text);
    }
    .page-education .edu-filter-btn:focus-visible {
      outline: 2px solid var(--cyan);
      outline-offset: 2px;
    }
    .page-education .edu-filter-btn.is-active {
      border-color: rgba(99, 102, 241, 0.55);
      background: linear-gradient(180deg, rgba(99, 102, 241, 0.12), rgba(99, 102, 241, 0.04));
      color: var(--indigo);
      box-shadow: 0 4px 18px rgba(99, 102, 241, 0.1);
    }
    .page-education .edu-jump-chips {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 8px;
      max-width: 56rem;
    }
    .page-education .edu-jump-link {
      display: inline-flex;
      align-items: center;
      padding: 8px 14px 9px;
      border-radius: 999px;
      font-family: var(--font-sans);
      font-size: var(--text-nav-compact);
      font-weight: 600;
      letter-spacing: -0.02em;
      text-decoration: none;
      color: #0f172a;
      border: 1px solid rgba(15, 23, 42, 0.12);
      background: #ffffff;
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
      transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
    }
    .page-education .edu-jump-link:hover {
      border-color: rgba(99, 102, 241, 0.45);
      color: #1e1b4b;
      box-shadow: 0 6px 20px rgba(15, 23, 42, 0.08);
    }
    .page-education .edu-jump-link:focus-visible {
      outline: 2px solid var(--cyan);
      outline-offset: 2px;
    }
    .page-education .edu-directory {
      padding: clamp(28px, 4vw, 48px) 0 clamp(40px, 5vw, 64px);
    }
    .page-education .edu-directory-inner {
      max-width: 72rem;
    }
    .page-education [id^="cat-"] {
      scroll-margin-top: 96px;
    }
    .page-education .edu-category {
      margin: 0 0 clamp(14px, 2vw, 20px);
      border: none;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
      overflow: visible;
    }
    .page-education .edu-category-summary {
      list-style: none;
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: clamp(12px, 3vw, 24px);
      padding: clamp(16px, 2.5vw, 22px) clamp(18px, 3vw, 26px);
      cursor: pointer;
      font: inherit;
      text-align: left;
      background: linear-gradient(188deg, #181b24 0%, #141824 55%, #12151c 100%);
      border: 1px solid rgba(255, 255, 255, 0.12);
      border-radius: 18px;
      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.28);
    }
    .page-education .edu-category[open] > .edu-category-summary {
      border-radius: 18px 18px 0 0;
      border-bottom: none;
      box-shadow: none;
    }
    .page-education .edu-category:not([open]) > .edu-category-summary:hover {
      border-color: rgba(129, 140, 248, 0.42);
      box-shadow: 0 12px 40px rgba(0, 0, 0, 0.38);
    }
    .page-education .edu-category-summary:focus-visible {
      outline: 2px solid #22d3ee;
      outline-offset: 3px;
    }
    .page-education .edu-category-summary::-webkit-details-marker {
      display: none;
    }
    .page-education .edu-category-summary::marker {
      content: '';
    }
    .page-education .edu-cat-heading {
      display: flex;
      flex-direction: column;
      gap: 8px;
      min-width: 0;
    }
    .page-education .edu-category-summary .edu-cat-title {
      font-size: clamp(17px, 2.1vw, 20px);
      font-weight: 800;
      letter-spacing: -0.03em;
      color: #f1f5f9;
    }
    .page-education .edu-category-summary .edu-cat-blurb {
      font-size: 12px;
      line-height: 1.55;
      color: rgba(186, 198, 214, 0.92);
      max-width: 42rem;
    }
    .page-education .edu-cat-meta {
      display: flex;
      align-items: center;
      gap: 12px;
      flex-shrink: 0;
    }
    .page-education .edu-category-summary .edu-cat-count {
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: rgba(148, 163, 184, 0.88);
      font-family: 'JetBrains Mono', monospace;
      white-space: nowrap;
    }
    .page-education .edu-cat-chevron {
      display: inline-block;
      width: 10px;
      height: 10px;
      border-right: 2px solid rgba(248, 250, 252, 0.45);
      border-bottom: 2px solid rgba(248, 250, 252, 0.45);
      transform: rotate(45deg);
      margin-top: 4px;
      transition: transform 0.2s ease;
    }
    .page-education .edu-category[open] .edu-cat-chevron {
      transform: rotate(-135deg);
      margin-top: 8px;
    }
    .page-education .edu-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: clamp(14px, 2vw, 22px);
      padding: clamp(20px, 3vw, 28px) clamp(18px, 3vw, 26px) clamp(24px, 3.5vw, 36px);
      background: linear-gradient(188deg, #12151c 0%, #0d0f14 45%, #08090d 100%);
      border: 1px solid rgba(255, 255, 255, 0.1);
      border-top: none;
      border-radius: 0 0 18px 18px;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
    }
    @media (max-width: 900px) {
      .page-education .edu-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }
    @media (max-width: 520px) {
      .page-education .edu-grid {
        grid-template-columns: 1fr;
      }
      .page-education .edu-category-summary {
        flex-direction: column;
        align-items: flex-start;
      }
      .page-education .edu-cat-meta {
        width: 100%;
        justify-content: space-between;
      }
    }
    .page-education .edu-card {
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      min-height: 100%;
      padding: clamp(16px, 2.2vw, 20px);
      padding-top: clamp(28px, 3vw, 34px);
      border-radius: 16px;
      border: 1px solid #e2e8f0;
      background: #ffffff;
      color: #0f172a;
      text-decoration: none;
      transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
    }
    .page-education .edu-card:hover {
      border-color: rgba(99, 102, 241, 0.45);
      box-shadow: 0 14px 40px rgba(0, 0, 0, 0.35);
      transform: translateY(-3px);
    }
    .page-education .edu-card:focus-visible {
      outline: 2px solid #22d3ee;
      outline-offset: 3px;
    }
    .page-education .edu-card[hidden] {
      display: none !important;
    }
    .page-education .edu-card-level {
      position: absolute;
      top: 12px;
      right: 12px;
      font-size: 10px;
      font-weight: 800;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      font-family: 'JetBrains Mono', monospace;
      padding: 4px 8px;
      border-radius: 999px;
      border: 1px solid #e2e8f0;
      background: #f8fafc;
      color: #64748b;
    }
    .page-education .edu-card-level--beginner {
      border-color: rgba(34, 197, 94, 0.35);
      background: rgba(240, 253, 244, 0.95);
      color: #166534;
    }
    .page-education .edu-card-level--intermediate {
      border-color: rgba(234, 179, 8, 0.4);
      background: rgba(254, 252, 232, 0.95);
      color: #854d0e;
    }
    .page-education .edu-card-level--advanced {
      border-color: rgba(239, 68, 68, 0.35);
      background: rgba(254, 242, 242, 0.95);
      color: #991b1b;
    }
    .page-education .edu-card-logo {
      width: 44px;
      height: 44px;
      border-radius: 12px;
      border: 1px solid #e2e8f0;
      background: #ffffff;
      object-fit: contain;
      margin-bottom: 14px;
    }
    .page-education .edu-card-title {
      margin: 0 0 10px;
      font-size: clamp(16px, 1.8vw, 18px);
      font-weight: 800;
      letter-spacing: -0.02em;
      color: #0f172a;
    }
    .page-education .edu-card-desc {
      margin: 0 0 14px;
      flex: 1;
      font-size: 14px;
      line-height: 1.6;
      color: #475569;
    }
    .page-education .edu-card-cta {
      font-size: 13px;
      font-weight: 700;
      color: #4338ca;
      font-family: 'JetBrains Mono', monospace;
    }
    .page-education .edu-footnote {
      margin: clamp(24px, 3vw, 36px) 0 0;
      font-size: 11px;
      line-height: 1.55;
      color: var(--text2);
      max-width: 48rem;
    }

    /* ── AI Layoffs board (formats/ai-layoffs.html) ── */
    .page-ai-layoffs .layoffs-hero-dek {
      color: var(--text2);
    }
    .page-ai-layoffs .layoffs-toc-band {
      padding: clamp(14px, 2.2vw, 22px) 0;
      border-bottom: 1px solid var(--border);
    }
    .page-ai-layoffs #layoffs-signals,
    .page-ai-layoffs #layoffs-truth-ladder,
    .page-ai-layoffs #layoffs-bento,
    .page-ai-layoffs #layoffs-confirmed,
    .page-ai-layoffs #layoffs-rumor,
    .page-ai-layoffs #layoffs-sources {
      scroll-margin-top: 96px;
    }
    .page-ai-layoffs .layoffs-signals {
      padding: clamp(28px, 4vw, 44px) 0;
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
      background: radial-gradient(120% 80% at 50% 0%, rgba(99, 102, 241, 0.14), transparent 55%), var(--bg2);
    }
    .page-ai-layoffs .layoffs-signals-inner {
      max-width: 52rem;
      margin: 0 auto;
      text-align: center;
    }
    .page-ai-layoffs .layoffs-signals-kicker {
      margin: 0 0 12px;
      font-size: 22px;
      font-weight: 800;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: rgba(248, 250, 252, 0.5);
    }
    .page-ai-layoffs .layoffs-signals-lede {
      margin: 0 0 clamp(18px, 2.5vw, 24px);
      font-size: 14px;
      line-height: 1.55;
      color: rgba(226, 232, 240, 0.78);
    }
    .page-ai-layoffs .layoffs-signal-buttons {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 10px;
    }
    .page-ai-layoffs .layoffs-signal-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 11px 18px 12px;
      border-radius: 999px;
      font-size: 13px;
      font-weight: 600;
      letter-spacing: -0.02em;
      text-decoration: none;
      color: rgba(248, 250, 252, 0.92);
      background: rgba(255, 255, 255, 0.06);
      border: 1px solid rgba(255, 255, 255, 0.14);
      transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease, color 0.15s ease;
    }
    .page-ai-layoffs .layoffs-signal-btn:hover {
      background: rgba(255, 255, 255, 0.12);
      border-color: rgba(129, 140, 248, 0.45);
      transform: translateY(-1px);
    }
    .page-ai-layoffs .layoffs-signal-btn:focus-visible {
      outline: 2px solid #22d3ee;
      outline-offset: 3px;
    }
    .page-ai-layoffs .layoffs-signal-btn--emph {
      background: rgba(239, 68, 68, 0.16);
      border-color: rgba(248, 113, 113, 0.4);
      color: #fecaca;
    }
    .page-ai-layoffs .layoffs-signal-btn--emph:hover {
      background: rgba(239, 68, 68, 0.26);
      border-color: rgba(252, 165, 165, 0.55);
      color: #fff1f2;
    }
    .page-ai-layoffs .layoffs-truth-ladder-wrap {
      padding: clamp(32px, 5vw, 56px) 0;
    }
    .page-ai-layoffs .layoffs-section-rail {
      margin: 0 0 10px;
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: var(--indigo);
    }
    .page-ai-layoffs .layoffs-rail--on-dark {
      color: rgba(129, 140, 248, 0.95);
    }
    .page-ai-layoffs .layoffs-section-title {
      margin: 0 0 12px;
      font-size: clamp(24px, 3.2vw, 32px);
      font-weight: 800;
      letter-spacing: -0.03em;
      color: var(--text);
    }
    .page-ai-layoffs .layoffs-title--on-dark {
      color: #f8fafc;
    }
    .page-ai-layoffs .layoffs-section-lede {
      margin: 0 0 clamp(22px, 3vw, 32px);
      max-width: 44rem;
      font-size: 17px;
      line-height: 1.6;
      color: var(--text2);
    }
    .page-ai-layoffs .layoffs-lede--on-dark {
      color: rgba(226, 232, 240, 0.82);
    }
    .page-ai-layoffs .layoffs-truth-ladder {
      list-style: none;
      margin: 0;
      padding: 0;
      display: flex;
      flex-direction: column;
      gap: 0;
      max-width: 52rem;
      border: 1px solid var(--border);
      border-radius: 18px;
      overflow: hidden;
      background: var(--surface);
      box-shadow: 0 12px 40px rgba(15, 23, 42, 0.06);
    }
    .page-ai-layoffs .layoffs-ladder-step {
      display: grid;
      grid-template-columns: minmax(7rem, 10rem) 1fr;
      gap: clamp(12px, 2vw, 20px);
      padding: clamp(16px, 2.2vw, 20px) clamp(18px, 2.5vw, 24px);
      border-bottom: 1px solid var(--border);
      align-items: start;
    }
    @media (max-width: 520px) {
      .page-ai-layoffs .layoffs-ladder-step {
        grid-template-columns: 1fr;
      }
    }
    .page-ai-layoffs .layoffs-ladder-step:last-child {
      border-bottom: 0;
    }
    .page-ai-layoffs .layoffs-ladder-step--1 {
      border-left: 4px solid #22d3ee;
    }
    .page-ai-layoffs .layoffs-ladder-step--2 {
      border-left: 4px solid #38bdf8;
    }
    .page-ai-layoffs .layoffs-ladder-step--3 {
      border-left: 4px solid #818cf8;
    }
    .page-ai-layoffs .layoffs-ladder-step--4 {
      border-left: 4px solid #a78bfa;
    }
    .page-ai-layoffs .layoffs-ladder-step--5 {
      border-left: 4px solid #f472b6;
    }
    .page-ai-layoffs .layoffs-ladder-k {
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--text2);
    }
    .page-ai-layoffs .layoffs-ladder-v {
      font-size: 14px;
      line-height: 1.55;
      color: var(--text);
    }
    .page-ai-layoffs .layoffs-bento-section {
      padding: clamp(28px, 4vw, 48px) 0;
    }
    .page-ai-layoffs .layoffs-bento {
      display: grid;
      grid-template-columns: 1.25fr 1fr 1fr;
      grid-template-rows: auto auto;
      gap: clamp(12px, 2vw, 18px);
    }
    @media (max-width: 900px) {
      .page-ai-layoffs .layoffs-bento {
        grid-template-columns: 1fr;
        grid-template-rows: none;
      }
    }
    .page-ai-layoffs .layoffs-bento-cell {
      padding: clamp(18px, 2.5vw, 24px);
      border-radius: 18px;
      border: 1px solid rgba(255, 255, 255, 0.1);
      background: rgba(255, 255, 255, 0.04);
    }
    .page-ai-layoffs .layoffs-bento-cell--hero {
      grid-column: 1 / 2;
      grid-row: 1 / 3;
      background: linear-gradient(165deg, rgba(99, 102, 241, 0.2), rgba(15, 23, 42, 0.3));
    }
    @media (max-width: 900px) {
      .page-ai-layoffs .layoffs-bento-cell--hero {
        grid-column: 1;
        grid-row: auto;
      }
    }
    .page-ai-layoffs .layoffs-bento-cell--stat {
      font-size: 14px;
      line-height: 1.55;
      color: rgba(226, 232, 240, 0.88);
    }
    .page-ai-layoffs .layoffs-bento-cell--wide {
      grid-column: 2 / 4;
      font-size: 13px;
      line-height: 1.6;
      color: rgba(226, 232, 240, 0.78);
    }
    @media (max-width: 900px) {
      .page-ai-layoffs .layoffs-bento-cell--wide {
        grid-column: 1;
      }
    }
    .page-ai-layoffs .layoffs-bento-title {
      margin: 0 0 14px;
      font-size: clamp(20px, 2.4vw, 24px);
      font-weight: 800;
      letter-spacing: -0.03em;
      color: #f8fafc;
    }
    .page-ai-layoffs .layoffs-bento-cell--hero p {
      margin: 0;
      font-size: 15px;
      line-height: 1.65;
      color: rgba(248, 250, 252, 0.9);
    }
    .page-ai-layoffs .layoffs-bento-cell--hero em {
      color: #fde68a;
      font-style: normal;
      font-weight: 700;
    }
    .page-ai-layoffs .layoffs-stat-k {
      display: block;
      margin-bottom: 8px;
      font-size: 10px;
      font-weight: 800;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: rgba(248, 250, 252, 0.45);
    }
    .page-ai-layoffs .layoffs-stat-v {
      display: block;
    }
    .page-ai-layoffs .layoffs-bento-tag {
      display: inline-block;
      margin-bottom: 10px;
      padding: 4px 10px;
      border-radius: 999px;
      font-size: 10px;
      font-weight: 800;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: #fef08a;
      background: rgba(250, 204, 21, 0.12);
      border: 1px solid rgba(250, 204, 21, 0.25);
    }
    .page-ai-layoffs .layoffs-confirmed-wrap {
      padding: clamp(32px, 5vw, 56px) 0;
    }
    .page-ai-layoffs .layoffs-cut-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: clamp(14px, 2vw, 20px);
    }
    @media (max-width: 960px) {
      .page-ai-layoffs .layoffs-cut-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }
    @media (max-width: 520px) {
      .page-ai-layoffs .layoffs-cut-grid {
        grid-template-columns: 1fr;
      }
    }
    .page-ai-layoffs .layoffs-cut-card {
      position: relative;
      padding: clamp(18px, 2.5vw, 22px);
      border-radius: 4px 18px 18px 18px;
      border: 1px solid var(--border);
      background: var(--surface);
      box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
    }
    .page-ai-layoffs .layoffs-cut-card::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 6px;
      border-radius: 4px 18px 0 0;
      background: repeating-linear-gradient(
        90deg,
        var(--border) 0,
        var(--border) 6px,
        transparent 6px,
        transparent 11px
      );
      opacity: 0.85;
    }
    .page-ai-layoffs .layoffs-cut-card--confirmed::before {
      background: repeating-linear-gradient(90deg, #94a3b8 0, #94a3b8 5px, transparent 5px, transparent 10px);
    }
    .page-ai-layoffs .layoffs-cut-card-head {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      margin-bottom: 12px;
      padding-top: 8px;
    }
    .page-ai-layoffs .layoffs-ticker {
      font-family: 'JetBrains Mono', monospace;
      font-size: 15px;
      font-weight: 800;
      letter-spacing: 0.06em;
      color: var(--text);
    }
    .page-ai-layoffs .layoffs-pill {
      font-size: 10px;
      font-weight: 800;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      padding: 5px 10px;
      border-radius: 999px;
      border: 1px solid var(--border);
      color: var(--text2);
    }
    .page-ai-layoffs .layoffs-pill--confirmed {
      border-color: rgba(34, 197, 94, 0.35);
      background: rgba(34, 197, 94, 0.08);
      color: #15803d;
    }
    .page-ai-layoffs .layoffs-pill--ai {
      border-color: rgba(239, 68, 68, 0.35);
      background: rgba(239, 68, 68, 0.08);
      color: #b91c1c;
    }
    .page-ai-layoffs .layoffs-cut-card p {
      margin: 0 0 14px;
      font-size: 14px;
      line-height: 1.6;
      color: var(--text2);
    }
    .page-ai-layoffs .layoffs-cut-link {
      font-size: 12px;
      font-weight: 700;
      font-family: 'JetBrains Mono', monospace;
      color: var(--indigo);
      text-decoration: none;
    }
    .page-ai-layoffs .layoffs-cut-link:hover {
      text-decoration: underline;
    }
    .page-ai-layoffs .layoffs-rumor-wrap {
      padding: clamp(32px, 5vw, 56px) 0;
    }
    .page-ai-layoffs .layoffs-radar-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: clamp(12px, 2vw, 18px);
      margin-bottom: clamp(20px, 3vw, 28px);
    }
    @media (max-width: 960px) {
      .page-ai-layoffs .layoffs-radar-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }
    @media (max-width: 520px) {
      .page-ai-layoffs .layoffs-radar-grid {
        grid-template-columns: 1fr;
      }
    }
    .page-ai-layoffs .layoffs-radar-card {
      padding: clamp(16px, 2vw, 20px);
      border-radius: 16px;
      border: 1px solid rgba(255, 255, 255, 0.1);
      background: rgba(255, 255, 255, 0.04);
    }
    .page-ai-layoffs .layoffs-radar-icon {
      display: block;
      margin-bottom: 10px;
      font-size: 22px;
      color: rgba(251, 191, 36, 0.85);
      font-family: 'JetBrains Mono', monospace;
    }
    .page-ai-layoffs .layoffs-radar-card h3 {
      margin: 0 0 10px;
      font-size: 15px;
      font-weight: 800;
      color: #f8fafc;
    }
    .page-ai-layoffs .layoffs-radar-card p {
      margin: 0;
      font-size: 13px;
      line-height: 1.55;
      color: rgba(226, 232, 240, 0.78);
    }
    .page-ai-layoffs .layoffs-rumor-foot {
      margin: 0;
      font-size: 12px;
      line-height: 1.55;
      color: rgba(148, 163, 184, 0.95);
      max-width: 48rem;
    }
    .page-ai-layoffs .layoffs-sources-wrap {
      padding: clamp(32px, 5vw, 56px) 0 clamp(40px, 5vw, 64px);
    }
    .page-ai-layoffs .layoffs-source-river {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: clamp(12px, 1.8vw, 16px);
    }
    @media (max-width: 1024px) {
      .page-ai-layoffs .layoffs-source-river {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }
    @media (max-width: 520px) {
      .page-ai-layoffs .layoffs-source-river {
        grid-template-columns: 1fr;
      }
    }
    .page-ai-layoffs .layoffs-source-tile {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      min-height: 100%;
      padding: clamp(16px, 2vw, 20px);
      border-radius: 16px;
      border: 1px solid var(--border);
      background: var(--surface);
      text-decoration: none;
      color: inherit;
      transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
    }
    .page-ai-layoffs .layoffs-source-tile:hover {
      border-color: rgba(99, 102, 241, 0.4);
      box-shadow: 0 12px 32px rgba(15, 23, 42, 0.08);
      transform: translateY(-2px);
    }
    .page-ai-layoffs .layoffs-source-tile--accent {
      border-color: rgba(239, 68, 68, 0.35);
      background: linear-gradient(160deg, rgba(239, 68, 68, 0.08), var(--surface));
    }
    .page-ai-layoffs .layoffs-source-name {
      font-size: 16px;
      font-weight: 800;
      letter-spacing: -0.02em;
      color: var(--text);
      margin-bottom: 8px;
    }
    .page-ai-layoffs .layoffs-source-desc {
      font-size: 13px;
      line-height: 1.55;
      color: var(--text2);
      flex: 1;
      margin-bottom: 12px;
    }
    .page-ai-layoffs .layoffs-source-go {
      font-size: 12px;
      font-weight: 700;
      color: var(--indigo);
    }
    .page-ai-layoffs .layoffs-disclaimer {
      margin: clamp(22px, 3vw, 32px) 0 0;
      font-size: 11px;
      line-height: 1.55;
      color: var(--text2);
      max-width: 52rem;
    }

    .page-dispatch-issue .dispatch-week-picker-band {
      padding: clamp(14px, 2.2vw, 22px) 0;
      border-bottom: 1px solid var(--border);
    }
    .page-dispatch-issue .dispatch-week-picker-inner {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 12px;
      text-align: center;
    }
    .page-dispatch-issue .dispatch-week-picker-label {
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: var(--text2);
      font-family: 'JetBrains Mono', monospace;
    }
    .page-dispatch-issue .dispatch-week-picker {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 10px;
    }
    .page-dispatch-issue .dispatch-week-picker-btn {
      appearance: none;
      margin: 0;
      cursor: pointer;
      font: inherit;
      font-weight: 700;
      font-size: 14px;
      letter-spacing: -0.02em;
      padding: 12px 20px 14px;
      border-radius: 999px;
      border: 1px solid var(--border);
      background: var(--surface);
      color: var(--text2);
      box-shadow: 0 1px 0 rgba(15, 23, 42, 0.04);
      transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
    }
    .page-dispatch-issue .dispatch-week-picker-btn:hover {
      border-color: rgba(99, 102, 241, 0.35);
      color: var(--text);
    }
    .page-dispatch-issue .dispatch-week-picker-btn:focus-visible {
      outline: 2px solid var(--cyan);
      outline-offset: 3px;
    }
    .page-dispatch-issue .dispatch-week-picker-btn.is-active {
      border-color: rgba(99, 102, 241, 0.55);
      background: linear-gradient(180deg, rgba(99, 102, 241, 0.12), rgba(99, 102, 241, 0.04));
      color: var(--indigo);
      box-shadow: 0 4px 20px rgba(99, 102, 241, 0.12);
    }
    .page-dispatch-issue .dispatch-week-panels {
      min-height: 12rem;
    }

    /* ── Storefront (formats/store.html) ── */
    .page-store main[data-store-root] {
      display: flex;
      flex-direction: column;
      gap: 0;
    }
    .page-store .store-page-hero-lockup {
      position: relative;
      overflow: hidden;
      padding: clamp(40px, 7vw, 72px) 0 clamp(28px, 4vw, 40px);
    }
    .page-store .store-page-hero-lockup::before {
      content: '';
      position: absolute;
      inset: 0;
      background:
        radial-gradient(ellipse 65% 50% at 15% 15%, rgba(99, 102, 241, 0.09), transparent 55%),
        radial-gradient(ellipse 50% 45% at 92% 75%, rgba(236, 72, 153, 0.07), transparent 50%);
      pointer-events: none;
    }
    .page-store .store-page-hero-lockup > .container {
      position: relative;
      z-index: 1;
    }
    .page-store .store-hero-split {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      gap: clamp(22px, 4vw, 48px);
      align-items: center;
    }
    @media (max-width: 720px) {
      .page-store .store-hero-split {
        grid-template-columns: 1fr;
        justify-items: center;
        text-align: center;
      }
      .page-store .store-hero-split-main .format-breadcrumb,
      .page-store .store-hero-split-main .format-hero-badge-row {
        justify-content: center;
      }
    }
    .page-store .store-hero-logo-link {
      display: inline-flex;
      text-decoration: none;
      border-radius: 50%;
    }
    .page-store .store-hero-logo-link:focus-visible {
      outline: 2px solid var(--cyan);
      outline-offset: 4px;
    }
    .page-store .store-hero-split-main .format-breadcrumb {
      margin-bottom: 12px;
    }
    .page-store .store-hero-split-main h1 {
      font-size: clamp(28px, 4.2vw, 46px);
      font-weight: 800;
      letter-spacing: -0.04em;
      line-height: 1.12;
      margin: 0 0 14px;
      color: var(--text);
    }
    .page-store .store-hero-split-main .format-hero-lead {
      margin-bottom: 0;
      max-width: 40rem;
    }
    @media (max-width: 720px) {
      .page-store .store-hero-split-main .format-hero-lead {
        margin-left: auto;
        margin-right: auto;
      }
    }
    .page-store .store-toc-band {
      padding: clamp(16px, 2.5vw, 26px) 0;
      border-bottom: 1px solid var(--border);
    }
    .page-store .store-toc-nav {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-items: stretch;
      justify-content: center;
      gap: clamp(8px, 1.5vw, 14px);
      width: 100%;
      margin: 0;
      padding: 0;
    }
    .page-store .store-toc-nav .btn-secondary,
    .page-store .store-toc-nav .btn-primary {
      flex: 0 1 auto;
      justify-content: center;
      text-align: center;
      white-space: normal;
      max-width: min(100%, 14rem);
      line-height: 1.35;
      padding: 10px 14px 12px;
    }
    .page-store .store-toc-band.mwatch-band {
      padding: clamp(16px, 2.5vw, 26px) 0;
    }
    .page-store .mwatch-band.theme-light:not(.store-toc-band):not(.store-foot-cta),
    .page-store .mwatch-band.theme-dark {
      padding: clamp(28px, 4vw, 52px) 0;
    }
    .page-store .mwatch-band {
      scroll-margin-top: 96px;
    }
    .page-store .store-section-rail {
      margin: 0 0 8px;
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: var(--indigo);
      font-family: 'JetBrains Mono', monospace;
    }
    .page-store .store-section-rail--on-dark {
      color: #93c5fd;
    }
    .page-store .store-section-title {
      margin: 0 0 10px;
      font-size: clamp(24px, 3.2vw, 32px);
      font-weight: 800;
      letter-spacing: -0.03em;
      color: var(--text);
    }
    .page-store .store-section-title--on-dark {
      color: #f8fafc;
    }
    .page-store .store-section-lede {
      margin: 0 0 clamp(22px, 3vw, 30px);
      max-width: 42rem;
      font-size: 16px;
      line-height: 1.65;
      color: var(--text2);
    }
    .page-store .store-section-lede--on-dark {
      color: #cbd5e1;
    }
    .page-store .store-merch-band,
    .page-store .store-bundle-band {
      background: linear-gradient(180deg, #0c0c12 0%, #12121c 50%, #16161f 100%);
      border-block: 1px solid rgba(255, 255, 255, 0.06);
    }
    .page-store .store-product-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: clamp(16px, 2.2vw, 22px);
    }
    .page-store .store-product-grid--dark {
      gap: clamp(18px, 2.5vw, 24px);
    }
    .page-store .store-product-grid--single {
      grid-template-columns: 1fr;
      max-width: 640px;
      margin: 0 auto;
    }
    @media (max-width: 900px) {
      .page-store .store-product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }
    @media (max-width: 520px) {
      .page-store .store-product-grid {
        grid-template-columns: 1fr;
      }
    }
    .page-store .store-product-card {
      display: flex;
      flex-direction: column;
      border-radius: 16px;
      border: 1px solid var(--border);
      background: var(--surface);
      overflow: hidden;
      box-shadow: 0 10px 32px rgba(15, 23, 42, 0.06);
      transition: transform 0.2s ease, box-shadow 0.2s ease;
    }
    .page-store .store-product-card:hover {
      transform: translateY(-3px);
      box-shadow: 0 16px 40px rgba(15, 23, 42, 0.1);
    }
    .page-store .store-product-card--dark {
      border-color: rgba(255, 255, 255, 0.1);
      background: rgba(28, 28, 40, 0.92);
      box-shadow: 0 12px 36px rgba(0, 0, 0, 0.35);
    }
    .page-store .store-product-card--dark:hover {
      box-shadow: 0 18px 48px rgba(0, 0, 0, 0.45);
    }
    .page-store .store-product-card--wide {
      flex-direction: row;
      max-width: 100%;
    }
    @media (max-width: 720px) {
      .page-store .store-product-card--wide {
        flex-direction: column;
      }
    }
    .page-store .store-product-visual {
      aspect-ratio: 4 / 3;
      background: var(--bg3);
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
    }
    .page-store .store-product-card--wide .store-product-visual {
      flex: 0 0 min(48%, 380px);
      aspect-ratio: auto;
      min-height: 220px;
    }
    @media (max-width: 720px) {
      .page-store .store-product-card--wide .store-product-visual {
        flex: none;
        width: 100%;
        min-height: 200px;
      }
    }
    .page-store .store-product-visual img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
    .page-store .store-product-body {
      padding: 16px 18px 18px;
      display: flex;
      flex-direction: column;
      gap: 6px;
      flex: 1;
    }
    .page-store .store-product-card--wide .store-product-body {
      justify-content: center;
    }
    .page-store .store-product-body h3 {
      margin: 0;
      font-size: 17px;
      font-weight: 800;
      line-height: 1.25;
      color: var(--text);
    }
    .page-store .store-product-card--dark .store-product-body h3 {
      color: #f1f5f9;
    }
    .page-store .store-product-sub {
      margin: 0;
      font-size: 13px;
      color: var(--text2);
      line-height: 1.4;
    }
    .page-store .store-product-card--dark .store-product-sub {
      color: #94a3b8;
    }
    .page-store .store-product-price {
      margin-top: auto;
      padding-top: 8px;
      font-size: 13px;
      font-weight: 700;
      font-family: 'JetBrains Mono', monospace;
      color: var(--indigo);
    }
    .page-store .store-product-card--dark .store-product-price {
      color: #7eb8ff;
    }
    .page-store .store-foot-cta {
      padding: clamp(28px, 4vw, 44px) 0;
    }
    .page-store .store-foot-cta-inner {
      text-align: center;
      max-width: 36rem;
      margin: 0 auto;
    }
    .page-store .store-foot-copy {
      margin: 0 0 18px;
      font-size: 16px;
      line-height: 1.6;
      color: var(--text2);
    }
    .page-store .store-foot-cta .format-hero-actions {
      justify-content: center;
    }

    .mwatch-details {
      border-radius: 18px;
      border: 1px solid var(--border);
      background: var(--surface);
      box-shadow: 0 1px 0 rgba(15, 23, 42, 0.04);
      overflow: hidden;
    }
    .mwatch-details--dark {
      background: rgba(18, 18, 26, 0.65);
      border-color: rgba(255, 255, 255, 0.08);
      box-shadow: none;
    }
    .mwatch-details__summary {
      display: flex;
      align-items: flex-start;
      gap: 16px;
      padding: clamp(16px, 2.5vw, 22px) clamp(18px, 2.5vw, 24px);
      cursor: pointer;
      list-style: none;
      user-select: none;
      transition: background 0.15s ease;
    }
    .mwatch-details__summary::-webkit-details-marker {
      display: none;
    }
    .mwatch-details__summary:hover {
      background: rgba(99, 102, 241, 0.04);
    }
    .mwatch-details--dark .mwatch-details__summary:hover {
      background: rgba(255, 255, 255, 0.04);
    }
    .mwatch-details__summary--dark {
      padding-block: 14px;
    }
    .mwatch-details__toggle {
      flex-shrink: 0;
      width: 38px;
      height: 38px;
      border-radius: 11px;
      display: grid;
      place-items: center;
      border: 1px solid var(--border);
      background: var(--bg2);
      font-family: 'JetBrains Mono', monospace;
      font-size: 20px;
      font-weight: 700;
      line-height: 1;
      color: var(--indigo);
    }
    .mwatch-details--dark .mwatch-details__toggle {
      border-color: rgba(255, 255, 255, 0.12);
      background: rgba(0, 0, 0, 0.35);
      color: #93c5fd;
    }
    .mwatch-details__icon--minus {
      display: none;
    }
    .mwatch-details[open] .mwatch-details__icon--plus {
      display: none;
    }
    .mwatch-details[open] .mwatch-details__icon--minus {
      display: block;
    }
    .mwatch-details__summary-text {
      min-width: 0;
      flex: 1;
    }
    .mwatch-details__summary-text .mwatch-section-label {
      margin-bottom: 10px;
      font-size: clamp(17px, 2.8vw, 24px);
      line-height: 1.15;
      letter-spacing: 0.11em;
    }
    .mwatch-details__summary-text--wide .mwatch-details__dek {
      max-width: 52rem;
    }
    .mwatch-details__heading {
      margin: 0;
      font-size: clamp(22px, 2.8vw, 30px);
      font-weight: 800;
      letter-spacing: -0.03em;
      line-height: 1.2;
      color: var(--text);
    }
    .mwatch-details--dark .mwatch-details__heading {
      color: #f1f5f9;
    }
    .mwatch-details__heading--compact {
      font-size: clamp(17px, 2vw, 21px);
    }
    .mwatch-details__dek {
      margin: 10px 0 0;
      font-size: 14px;
      line-height: 1.55;
      color: var(--text2);
    }
    .mwatch-details--dark .mwatch-details__dek {
      color: #a1a8b8;
    }
    .mwatch-details__body {
      padding: 0 clamp(18px, 2.5vw, 24px) clamp(18px, 2.5vw, 24px);
      border-top: 1px solid var(--border);
    }
    .mwatch-details--dark .mwatch-details__body {
      border-top-color: rgba(255, 255, 255, 0.08);
    }
    .mwatch-details__body--tight {
      padding: 10px 0 14px;
      border-top: 1px solid rgba(255, 255, 255, 0.08);
    }
    .mwatch-details__body .mwatch-tape-header {
      margin-top: 0;
    }
    .mwatch-details__body .mwatch-pulse-grid,
    .mwatch-details__body .mwatch-weird-list {
      margin-top: 4px;
    }
    .mwatch-section-label--on-dark {
      color: #93c5fd;
    }
    .mwatch-band--flush {
      padding-top: 0;
      padding-bottom: 0;
    }
    .mwatch-band--marquee {
      padding: clamp(12px, 2vw, 20px) 0;
    }
    .mwatch-intro-grid {
      display: grid;
      grid-template-columns: 1fr min(320px, 34%);
      gap: clamp(24px, 4vw, 48px);
      align-items: start;
    }
    @media (max-width: 820px) {
      .mwatch-intro-grid {
        grid-template-columns: 1fr;
      }
    }
    .mwatch-intro-title {
      font-size: clamp(22px, 3vw, 28px);
      font-weight: 800;
      letter-spacing: -0.03em;
      margin: 0 0 16px;
      color: var(--text);
    }
    .mwatch-intro-dek {
      margin: 18px 0 0;
      font-size: 15px;
      line-height: 1.65;
      color: var(--text2);
    }
    .mwatch-intro-dek strong {
      color: var(--text);
    }
    .mwatch-live-banner {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      gap: 14px 24px;
      padding: 14px 18px;
      border-radius: 14px;
      border: 1px solid var(--border2);
      background: var(--bg3);
      margin-bottom: clamp(24px, 4vw, 36px);
      font-size: 13px;
      color: var(--text2);
      line-height: 1.45;
    }
    .mwatch-live-banner--inline {
      margin-bottom: 0;
    }
    .mwatch-updated-line {
      margin: 0;
      flex-shrink: 0;
    }
    .mwatch-live-banner strong {
      color: var(--text);
      font-weight: 800;
    }
    .mwatch-live-banner time {
      font-family: 'JetBrains Mono', monospace;
      font-size: 12px;
      color: var(--text2);
    }
    .mwatch-glance {
      padding: 22px 22px 24px;
      border-radius: 16px;
      border: 1px solid var(--border);
      background: var(--surface);
      box-shadow: 0 12px 36px rgba(15, 23, 42, 0.06);
    }
    .mwatch-glance-title {
      font-size: 14px;
      font-weight: 800;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      margin: 0 0 14px;
      color: var(--text);
    }
    .mwatch-glance-list {
      list-style: none;
      padding: 0;
      margin: 0 0 18px;
    }
    .mwatch-glance-list li {
      display: grid;
      grid-template-columns: 1fr;
      gap: 4px;
      padding: 12px 0;
      border-bottom: 1px solid var(--border);
      font-size: 13px;
      line-height: 1.45;
    }
    .mwatch-glance-list li:last-of-type {
      border-bottom: none;
      padding-bottom: 0;
    }
    .mwatch-glance-k {
      font-weight: 800;
      font-size: 11px;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: var(--indigo);
    }
    .mwatch-glance-v {
      color: var(--text2);
    }
    .mwatch-glance-cta {
      display: inline-flex;
      font-size: 13px;
      font-weight: 700;
      color: var(--blue);
      text-decoration: none;
    }
    .mwatch-glance-cta:hover {
      text-decoration: underline;
    }
    .mwatch-tape-header {
      margin: 0 auto clamp(22px, 4vw, 34px);
      text-align: center;
      max-width: 920px;
    }
    .mwatch-tape-header--split {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      gap: clamp(18px, 3.5vw, 40px);
      align-items: start;
      text-align: left;
      max-width: none;
    }
    .mwatch-tape-header--tape-intro {
      text-align: left;
      max-width: none;
    }
    .mwatch-tape-header-mark {
      flex-shrink: 0;
      width: clamp(72px, 12vw, 96px);
      height: clamp(72px, 12vw, 96px);
      border-radius: 22px;
      display: grid;
      place-items: center;
      color: var(--indigo);
      background: linear-gradient(145deg, rgba(99, 102, 241, 0.12), rgba(56, 189, 248, 0.1));
      border: 1px solid var(--border);
      box-shadow: 0 6px 28px rgba(15, 23, 42, 0.06);
    }
    .mwatch-tape-header-icon {
      width: 48%;
      height: 48%;
    }
    .mwatch-tape-header-body .mwatch-section-label {
      margin-bottom: 8px;
    }
    .mwatch-tape-header-body .mwatch-tape-lead-wide {
      margin-left: 0;
      margin-right: 0;
      max-width: 52rem;
    }
    @media (max-width: 640px) {
      .mwatch-tape-header--split {
        grid-template-columns: 1fr;
        justify-items: center;
        text-align: center;
      }
      .mwatch-tape-header-body .mwatch-tape-lead-wide {
        margin-left: auto;
        margin-right: auto;
      }
    }
    .mwatch-tape-header .mwatch-section-label {
      margin-bottom: 10px;
    }
    .mwatch-tape-heading {
      font-size: clamp(24px, 3.2vw, 34px);
      font-weight: 800;
      letter-spacing: -0.03em;
      margin: 0 0 14px;
    }
    .mwatch-tape-lead-wide {
      font-size: clamp(14px, 1.55vw, 16px);
      line-height: 1.65;
      color: var(--text2);
      margin: 0 auto 14px;
      max-width: 880px;
    }
    .mwatch-tape-lead-wide strong {
      color: var(--text);
    }
    .mwatch-tape-hint-row {
      margin: 0;
      font-size: 12px;
      color: var(--text2);
      font-family: 'JetBrains Mono', monospace;
      opacity: 0.92;
    }
    .mwatch-tape-hint-row kbd {
      font-size: 10px;
      padding: 2px 6px;
      border-radius: 4px;
      border: 1px solid var(--border2);
      background: var(--bg3);
    }
    .mwatch-ai-tape-block {
      margin-bottom: clamp(20px, 3vw, 28px);
    }
    .mwatch-ai-tape-label,
    .mwatch-tech-tape-label {
      font-size: clamp(16px, 3.6vw, 22px);
      font-weight: 800;
      letter-spacing: 0.09em;
      text-transform: uppercase;
      color: var(--indigo);
      font-family: 'JetBrains Mono', monospace;
      margin: 0 0 12px;
      line-height: 1.2;
    }
    .mwatch-tech-tape-label {
      margin-top: clamp(8px, 1.5vw, 14px);
    }
    .theme-dark.mwatch-band--tape .mwatch-ai-tape-label,
    .theme-dark.mwatch-band--tape .mwatch-tech-tape-label {
      color: var(--lightblue);
    }
    .mwatch-stock-grid {
      display: grid;
      grid-template-columns: repeat(6, minmax(0, 1fr));
      gap: 2px;
      border-radius: 16px;
      overflow: hidden;
      border: 1px solid var(--border);
      background: rgba(0, 0, 0, 0.25);
    }
    .theme-dark.mwatch-band--tape .mwatch-stock-grid {
      background: rgba(0, 0, 0, 0.38);
      gap: 2px;
    }
    @media (max-width: 1100px) {
      .mwatch-stock-grid:not(.mwatch-stock-grid--ai) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
    }
    @media (max-width: 520px) {
      .mwatch-stock-grid:not(.mwatch-stock-grid--ai) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }
    .mwatch-stock-grid.mwatch-stock-grid--ai {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    @media (max-width: 900px) {
      .mwatch-stock-grid.mwatch-stock-grid--ai {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }
    @media (max-width: 420px) {
      .mwatch-stock-grid.mwatch-stock-grid--ai {
        grid-template-columns: minmax(0, 1fr);
      }
    }
    .mwatch-section-label {
      font-size: 12px;
      font-weight: 800;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: var(--lightblue);
      margin-bottom: 10px;
      font-family: 'JetBrains Mono', monospace;
    }
    .theme-light .mwatch-section-label {
      color: var(--indigo);
    }
    .mwatch-section-head {
      margin-bottom: clamp(20px, 3vw, 28px);
    }
    .mwatch-section-head h2 {
      font-size: clamp(22px, 3vw, 32px);
      font-weight: 800;
      letter-spacing: -0.03em;
      margin-bottom: 8px;
    }
    .mwatch-section-head p {
      font-size: 15px;
      color: var(--text2);
      max-width: 640px;
      line-height: 1.6;
      margin: 0;
    }
    .mwatch-section-head--split {
      display: grid;
      grid-template-columns: 1fr minmax(0, 340px);
      gap: 20px 32px;
      align-items: end;
    }
    @media (max-width: 720px) {
      .mwatch-section-head--split {
        grid-template-columns: 1fr;
      }
    }
    .mwatch-section-head-aside {
      margin: 0;
      font-size: 14px;
      line-height: 1.6;
      color: var(--text2);
    }
    .mwatch-band--tape .mwatch-stock-cell.mwatch-stock-card {
      position: relative;
      min-height: 118px;
      padding: 14px 12px 16px;
    }
    .mwatch-band--tape .mwatch-stock-expand {
      position: absolute;
      top: 10px;
      right: 10px;
      z-index: 2;
      font-weight: 800;
      font-size: 1.35rem;
      line-height: 1;
      color: #fff;
      pointer-events: none;
    }
    .mwatch-band--tape .mwatch-stock-sym {
      font-size: clamp(15px, 1.35vw, 19px);
      letter-spacing: 0.05em;
    }
    .mwatch-band--tape .mwatch-stock-name {
      font-size: clamp(12px, 1.15vw, 15px);
      max-width: none;
      margin-top: 4px;
    }
    .mwatch-band--tape .mwatch-stock-price {
      font-size: clamp(18px, 1.9vw, 26px);
      margin-top: 12px;
    }
    .mwatch-band--tape .mwatch-stock-chg {
      font-size: clamp(12px, 1vw, 14px);
      margin-top: 6px;
    }
    .mwatch-stock-cell.mwatch-stock-card {
      flex: none;
      scroll-snap-align: unset;
      min-width: 0;
      width: auto;
      min-height: 108px;
      padding: 12px 10px 14px;
      border-radius: 0;
      border: none;
      text-decoration: none;
      color: inherit;
      transition: box-shadow 0.2s, background 0.2s;
      font: inherit;
      font-family: inherit;
      text-align: left;
      cursor: pointer;
      appearance: none;
      -webkit-appearance: none;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
    }
    .mwatch-stock-cell--a.mwatch-stock-card {
      background: rgba(22, 22, 31, 0.95);
    }
    .mwatch-stock-cell--b.mwatch-stock-card {
      background: rgba(28, 28, 40, 0.88);
    }
    .mwatch-stock-card {
      border: 1px solid var(--border);
      background: var(--surface);
    }
    .mwatch-stock-cell.mwatch-stock-card:hover {
      box-shadow: inset 0 0 0 1px rgba(59, 130, 246, 0.55);
      z-index: 1;
    }
    .mwatch-stock-card:focus-visible {
      outline: 2px solid var(--blue);
      outline-offset: 2px;
    }
    .mwatch-stock-sym {
      font-family: 'JetBrains Mono', monospace;
      font-size: 13px;
      font-weight: 800;
      letter-spacing: 0.06em;
      color: var(--text);
    }
    .mwatch-stock-grid .mwatch-stock-name {
      max-width: 100%;
    }
    .mwatch-stock-name {
      font-size: 11px;
      color: var(--text2);
      margin-top: 2px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 140px;
    }
    .mwatch-stock-grid .mwatch-stock-price {
      font-size: clamp(15px, 2.4vw, 20px);
    }
    .mwatch-band--tape .mwatch-stock-grid .mwatch-stock-price {
      font-size: clamp(18px, 1.9vw, 26px);
    }
    .mwatch-stock-price {
      font-size: 20px;
      font-weight: 800;
      margin-top: 10px;
      letter-spacing: -0.02em;
    }
    .mwatch-stock-chg {
      font-size: 12px;
      font-weight: 700;
      margin-top: 4px;
      font-family: 'JetBrains Mono', monospace;
    }
    .mwatch-stock-chg--up { color: #4ade80; }
    .mwatch-stock-chg--down { color: #fb7185; }
    .mwatch-stock-chg--flat { color: var(--text2); }
    .mwatch-pulse-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
      gap: 16px;
    }
    @media (min-width: 900px) {
      .mwatch-pulse-grid--featured {
        grid-template-columns: repeat(3, 1fr);
      }
      .mwatch-pulse-card--wide {
        grid-column: 1 / -1;
      }
    }
    .mwatch-pulse-card {
      padding: 20px 22px;
      border-radius: 16px;
      border: 1px solid var(--border);
      background: var(--bg3);
    }
    .mwatch-pulse-card h4 {
      font-size: 15px;
      font-weight: 800;
      margin: 0 0 10px;
      letter-spacing: -0.02em;
    }
    .mwatch-pulse-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-bottom: 12px;
    }
    .mwatch-tag {
      font-size: 10px;
      font-weight: 800;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      padding: 4px 8px;
      border-radius: 6px;
      background: rgba(59, 130, 246, 0.15);
      color: var(--lightblue);
      border: 1px solid rgba(59, 130, 246, 0.25);
    }
    .mwatch-tag--risk {
      background: rgba(251, 113, 133, 0.12);
      color: #fda4af;
      border-color: rgba(251, 113, 133, 0.28);
    }
    .mwatch-tag--neutral {
      background: rgba(148, 163, 184, 0.12);
      color: #cbd5e1;
      border-color: rgba(148, 163, 184, 0.22);
    }
    .mwatch-pulse-card p {
      font-size: 14px;
      color: var(--text2);
      line-height: 1.55;
      margin: 0;
    }
    .mwatch-pulse-foot {
      margin-top: 12px;
      font-size: 12px;
      font-weight: 700;
      color: var(--text);
    }
    .mwatch-headline-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
      gap: 20px;
    }
    .mwatch-headline-card {
      display: flex;
      flex-direction: column;
      border-radius: 18px;
      border: 1px solid var(--border);
      background: var(--surface);
      overflow: hidden;
      min-height: 100%;
    }
    .mwatch-headline-card > a {
      display: block;
      padding: 22px 22px 16px;
      text-decoration: none;
      color: inherit;
      flex: 1;
    }
    .mwatch-headline-card > a:hover .mwatch-hl-title {
      color: var(--lightblue);
    }
    .mwatch-hl-top {
      display: flex;
      align-items: center;
      gap: 14px;
      margin-bottom: 14px;
    }
    .mwatch-hl-logo {
      width: 48px;
      height: 48px;
      flex-shrink: 0;
      border-radius: 12px;
      background: #fff;
      padding: 6px;
      object-fit: contain;
      box-shadow: 0 2px 14px rgba(0, 0, 0, 0.22);
    }
    .mwatch-hl-top .mwatch-hl-source {
      margin-bottom: 0;
      flex: 1;
      min-width: 0;
      line-height: 1.35;
    }
    .mwatch-hl-source {
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--text2);
      margin-bottom: 8px;
      font-family: 'JetBrains Mono', monospace;
    }
    .snap-slider--mwatch-hl {
      margin-top: 4px;
      background: var(--surface);
    }
    .snap-slider--mwatch-hl .snap-slider-chrome {
      background: var(--bg3);
    }
    .snap-slider-viewport--mwatch-hl {
      min-height: min(420px, 70vh);
    }
    .snap-slider-viewport--mwatch-two {
      --mwatch-hl-gap: clamp(12px, 2vw, 18px);
      gap: var(--mwatch-hl-gap);
      padding-inline: clamp(8px, 1.5vw, 14px);
    }
    .snap-slider-viewport--mwatch-two .snap-slider-slide {
      flex: 0 0 calc((100% - var(--mwatch-hl-gap)) / 2);
    }
    .mwatch-hl-slide {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: clamp(14px, 2.5vw, 24px) clamp(12px, 2.5vw, 20px) 22px;
      box-sizing: border-box;
    }
    .snap-slider-viewport--mwatch-two .mwatch-hl-slide {
      align-items: stretch;
    }
    .mwatch-hl-slide .mwatch-headline-card {
      width: 100%;
      max-width: 640px;
    }
    .snap-slider-viewport--mwatch-two .mwatch-hl-slide .mwatch-headline-card {
      max-width: none;
    }
    .mwatch-desks-band .snap-slider--mwatch-hl {
      background: var(--surface);
      box-shadow: 0 2px 20px rgba(15, 23, 42, 0.06);
    }
    .mwatch-desks-band .snap-slider--mwatch-hl .snap-slider-chrome {
      background: var(--bg2);
    }
    .mwatch-desks-band .mwatch-hl-logo {
      box-shadow: 0 2px 12px rgba(15, 23, 42, 0.08);
    }
    .mwatch-hl-title {
      font-size: 18px;
      font-weight: 800;
      line-height: 1.35;
      letter-spacing: -0.02em;
      margin: 0 0 10px;
      transition: color 0.2s;
    }
    .mwatch-hl-dek {
      font-size: 14px;
      color: var(--text2);
      line-height: 1.55;
      margin: 0;
    }
    .mwatch-hl-linkline {
      font-size: 12px;
      font-weight: 700;
      color: var(--blue);
      margin-top: 12px;
    }
    .mwatch-adc-take {
      padding: 16px 22px 20px;
      border-top: 1px solid var(--border);
      background: linear-gradient(180deg, rgba(255, 45, 154, 0.06), transparent);
    }
    .mwatch-adc-take-label {
      font-size: 10px;
      font-weight: 900;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: var(--pink);
      margin-bottom: 6px;
    }
    .mwatch-adc-take p {
      margin: 0;
      font-size: 14px;
      line-height: 1.55;
      color: var(--text);
      font-style: italic;
    }
    .mwatch-weird-list {
      display: flex;
      flex-direction: column;
      gap: 12px;
    }
    .mwatch-weird-row {
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 12px 16px;
      align-items: start;
      padding: 16px 18px;
      border-radius: 14px;
      border: 1px solid var(--border);
      background: var(--bg3);
    }
    @media (max-width: 560px) {
      .mwatch-weird-row {
        grid-template-columns: 1fr;
      }
    }
    .mwatch-weird-row a {
      color: var(--text);
      font-weight: 700;
      font-size: 15px;
      line-height: 1.45;
      text-decoration: none;
    }
    .mwatch-weird-row a:hover {
      color: var(--lightblue);
    }
    .mwatch-weird-row a span {
      color: var(--blue);
      font-weight: 800;
    }
    .mwatch-weird-snark {
      font-size: 13px;
      color: var(--text2);
      line-height: 1.5;
      max-width: 520px;
    }
    .mwatch-weird-src {
      font-size: 11px;
      font-family: 'JetBrains Mono', monospace;
      color: var(--text2);
      white-space: nowrap;
    }
    .mwatch-weird-src a {
      color: var(--lightblue);
      font-weight: 600;
    }
    .theme-light .mwatch-weird-row a {
      color: var(--text);
    }
    .theme-light .mwatch-weird-row a:hover {
      color: var(--indigo);
    }

    /* Stock detail drawer */
    .mwatch-drawer {
      position: fixed;
      inset: 0;
      z-index: 9998;
      pointer-events: none;
      visibility: hidden;
    }
    .mwatch-drawer.is-open {
      pointer-events: auto;
      visibility: visible;
    }
    .mwatch-drawer-backdrop {
      position: absolute;
      inset: 0;
      background: rgba(5, 5, 12, 0.72);
      opacity: 0;
      transition: opacity 0.28s ease;
    }
    .mwatch-drawer.is-open .mwatch-drawer-backdrop {
      opacity: 1;
    }
    .mwatch-drawer-panel {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      width: min(440px, 100vw - 12px);
      max-height: 100%;
      overflow-y: auto;
      background: var(--bg2, #0b0b10);
      border-left: 1px solid rgba(255, 255, 255, 0.1);
      box-shadow: -24px 0 60px rgba(0, 0, 0, 0.45);
      padding: 22px clamp(18px, 4vw, 26px) 28px;
      transform: translateX(100%);
      transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
      color: #f0f0ff;
      --text: #f0f0ff;
      --text2: #a1a8b8;
      --border: rgba(255, 255, 255, 0.1);
    }
    .mwatch-drawer.is-open .mwatch-drawer-panel {
      transform: translateX(0);
    }
    @media (max-width: 520px) {
      .mwatch-drawer-panel {
        width: 100vw;
        border-left: none;
        padding-bottom: max(28px, env(safe-area-inset-bottom));
      }
    }
    .mwatch-drawer-header {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 12px;
      margin-bottom: 18px;
    }
    .mwatch-drawer-eyebrow {
      font-family: 'JetBrains Mono', monospace;
      font-size: 22px;
      font-weight: 800;
      letter-spacing: 0.08em;
      margin: 0;
      color: #fff;
    }
    .mwatch-drawer-sub {
      margin: 6px 0 0;
      font-size: 13px;
      color: var(--text2);
      line-height: 1.4;
    }
    .mwatch-drawer-close {
      flex-shrink: 0;
      width: 40px;
      height: 40px;
      border-radius: 10px;
      border: 1px solid rgba(255, 255, 255, 0.15);
      background: rgba(255, 255, 255, 0.06);
      color: #fff;
      font-size: 24px;
      line-height: 1;
      cursor: pointer;
    }
    .mwatch-drawer-close:hover {
      background: rgba(255, 255, 255, 0.12);
    }
    .mwatch-drawer-priceblock {
      display: flex;
      flex-wrap: wrap;
      align-items: baseline;
      gap: 10px 16px;
      margin-bottom: 14px;
    }
    .mwatch-drawer-price {
      font-size: 28px;
      font-weight: 800;
      letter-spacing: -0.03em;
    }
    .mwatch-drawer-chg {
      font-size: 14px;
      font-weight: 800;
      font-family: 'JetBrains Mono', monospace;
    }
    .mwatch-drawer-chg--up { color: #4ade80; }
    .mwatch-drawer-chg--down { color: #fb7185; }
    .mwatch-drawer-chg--flat { color: #94a3b8; }
    .mwatch-drawer-meta {
      width: 100%;
      font-size: 12px;
      color: var(--text2);
      line-height: 1.5;
    }
    .mwatch-drawer-narrative {
      font-size: 14px;
      line-height: 1.6;
      color: #e2e8f0;
      margin: 0 0 22px;
    }
    .mwatch-drawer-chartblock {
      margin-bottom: 22px;
    }
    .mwatch-drawer-h {
      font-size: 12px;
      font-weight: 800;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      margin: 0 0 10px;
      color: #94a3b8;
    }
    .mwatch-drawer-sample {
      font-weight: 600;
      letter-spacing: 0;
      text-transform: none;
      color: #64748b;
      font-size: 11px;
    }
    .mwatch-drawer-chart {
      border-radius: 12px;
      overflow: hidden;
    }
    .mwatch-drawer-section {
      margin-bottom: 20px;
    }
    .mwatch-drawer-list {
      list-style: none;
      padding: 0;
      margin: 0;
    }
    .mwatch-drawer-list li {
      margin-bottom: 10px;
      font-size: 13px;
      line-height: 1.45;
    }
    .mwatch-drawer-list a {
      color: #e2e8f0;
      text-decoration: none;
      border-bottom: 1px solid rgba(96, 165, 250, 0.35);
    }
    .mwatch-drawer-list a:hover {
      color: #7eb8ff;
      border-bottom-color: #7eb8ff;
    }
    .mwatch-drawer-li-src,
    .mwatch-drawer-li-date {
      display: inline-block;
      font-size: 10px;
      font-weight: 800;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: #60a5fa;
      margin-right: 6px;
    }
    .mwatch-drawer-li-date {
      color: #94a3b8;
    }
    .mwatch-drawer-adc {
      padding: 16px 18px;
      border-radius: 14px;
      border: 1px solid rgba(255, 45, 154, 0.35);
      background: linear-gradient(135deg, rgba(255, 45, 154, 0.12), rgba(96, 165, 250, 0.06));
      margin-bottom: 22px;
    }
    .mwatch-drawer-adc-label {
      font-size: 10px;
      font-weight: 900;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: #ff2d9a;
      margin-bottom: 8px;
    }
    .mwatch-drawer-adc-body {
      margin: 0;
      font-size: 14px;
      line-height: 1.55;
      font-style: italic;
      color: #f0f0ff;
    }
    .mwatch-drawer-footer {
      display: flex;
      flex-direction: column;
      gap: 10px;
      padding-top: 8px;
    }
    .mwatch-drawer-footer .btn-primary {
      justify-content: center;
      text-align: center;
    }
    .mwatch-drawer-footer .btn-secondary {
      justify-content: center;
      border-color: rgba(255, 255, 255, 0.2);
      color: #e2e8f0;
    }

    .mwatch-desk-stream-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: clamp(14px, 2vw, 20px);
      width: 100%;
      margin: 0;
      padding: 4px 0 2px;
    }
    @media (max-width: 900px) {
      .mwatch-desk-stream-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }
    @media (max-width: 520px) {
      .mwatch-desk-stream-grid {
        grid-template-columns: 1fr;
      }
    }
    .mwatch-desk-stream-card {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 10px;
      padding: 18px 18px 16px;
      border-radius: 14px;
      border: 1px solid rgba(255, 255, 255, 0.12);
      background: rgba(22, 24, 32, 0.95);
      text-decoration: none;
      color: #e2e8f0;
      transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease;
      min-height: 118px;
      box-sizing: border-box;
    }
    .mwatch-desk-stream-card:hover {
      border-color: rgba(126, 184, 255, 0.45);
      box-shadow: 0 10px 32px rgba(0, 0, 0, 0.35);
    }
    .mwatch-desk-stream-card:focus-visible {
      outline: 2px solid #7eb8ff;
      outline-offset: 2px;
    }
    .mwatch-desk-stream-card__source {
      font-size: 10px;
      font-weight: 800;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: #7eb8ff;
    }
    .mwatch-desk-stream-card__headline {
      font-size: clamp(14px, 1.35vw, 16px);
      font-weight: 600;
      line-height: 1.45;
      color: #f1f5f9;
      flex: 1 1 auto;
    }
    .mwatch-desk-stream-card__action {
      font-size: 12px;
      font-weight: 700;
      color: #93c5fd;
      margin-top: auto;
    }
    .mwatch-data-layer {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
      gap: 16px;
      margin-top: 28px;
    }
    .mwatch-data-card {
      padding: 18px 20px;
      border-radius: 14px;
      border: 1px dashed rgba(59, 130, 246, 0.35);
      background: rgba(59, 130, 246, 0.05);
    }
    .mwatch-data-card h4 {
      margin: 0 0 8px;
      font-size: 14px;
      font-weight: 800;
    }
    .mwatch-data-card p,
    .mwatch-data-card li {
      font-size: 13px;
      color: var(--text2);
      line-height: 1.55;
    }
    .mwatch-data-card ul {
      margin: 0;
      padding-left: 18px;
    }
    .mwatch-data-card code {
      font-family: 'JetBrains Mono', monospace;
      font-size: 11px;
      background: rgba(0, 0, 0, 0.25);
      padding: 2px 6px;
      border-radius: 4px;
    }
    @media (max-width: 768px) {
      .format-split {
        grid-template-columns: 1fr;
      }
      .format-hero-actions {
        flex-direction: column;
        align-items: stretch;
      }
      .format-hero-actions .btn-primary,
      .format-hero-actions .btn-secondary {
        justify-content: center;
      }
    }

    /* ═══ Donkey Punch (formats/donkey-punch.html) ═══ */
    .visually-hidden {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
    }
    .page-donkey-punch .dp-page-hero-lockup {
      position: relative;
      overflow: hidden;
      padding: clamp(40px, 7vw, 72px) 0 clamp(28px, 4vw, 40px);
    }
    .page-donkey-punch .dp-page-hero-lockup::before {
      content: '';
      position: absolute;
      inset: 0;
      background:
        radial-gradient(ellipse 65% 50% at 15% 15%, rgba(99, 102, 241, 0.09), transparent 55%),
        radial-gradient(ellipse 50% 45% at 92% 75%, rgba(244, 63, 94, 0.06), transparent 50%);
      pointer-events: none;
    }
    .page-donkey-punch .dp-page-hero-lockup > .container {
      position: relative;
      z-index: 1;
    }
    .page-donkey-punch .dp-hero-split {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      gap: clamp(22px, 4vw, 48px);
      align-items: center;
    }
    @media (max-width: 720px) {
      .page-donkey-punch .dp-hero-split {
        grid-template-columns: 1fr;
        justify-items: center;
        text-align: center;
      }
      .page-donkey-punch .dp-hero-split-main .format-breadcrumb,
      .page-donkey-punch .dp-hero-split-main .format-hero-badge-row {
        justify-content: center;
      }
      .page-donkey-punch .dp-hero-split-main .format-hero-lead {
        margin-left: auto;
        margin-right: auto;
      }
    }
    .page-donkey-punch .dp-hero-logo-link {
      display: inline-flex;
      text-decoration: none;
      border-radius: 50%;
    }
    .page-donkey-punch .dp-hero-logo-link:focus-visible {
      outline: 2px solid var(--cyan);
      outline-offset: 4px;
    }
    .page-donkey-punch .dp-hero-split-main .format-breadcrumb {
      margin-bottom: 12px;
    }
    .page-donkey-punch .dp-hero-split-main h1 {
      font-size: clamp(28px, 4.2vw, 46px);
      font-weight: 800;
      letter-spacing: -0.04em;
      line-height: 1.12;
      margin: 0 0 8px;
      color: var(--text);
    }
    .page-donkey-punch .dp-hero-punch {
      background: linear-gradient(90deg, #ff2d9a, #fbbf24, #38bdf8);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      animation: dp-shimmer 5s ease-in-out infinite;
      background-size: 200% auto;
      filter: drop-shadow(0 1px 0 rgba(15, 23, 42, 0.12));
    }
    @keyframes dp-shimmer {
      0%, 100% { background-position: 0% 50%; }
      50% { background-position: 100% 50%; }
    }
    .page-donkey-punch .dp-hero-split-main .format-issue-dek {
      margin: 0 0 14px;
      font-size: 13px;
      font-weight: 700;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: var(--indigo);
      font-family: 'JetBrains Mono', monospace;
    }
    .page-donkey-punch .dp-hero-split-main .format-hero-lead {
      margin-bottom: 0;
      max-width: 40rem;
      color: var(--text2);
    }
    .page-donkey-punch .dp-hero-split-main .format-hero-actions {
      margin-top: 22px;
    }
    .page-donkey-punch .dp-band {
      padding: clamp(56px, 8vw, 88px) 0;
    }
    .page-donkey-punch .dp-band-head {
      text-align: center;
      max-width: 640px;
      margin: 0 auto 32px;
    }
    .page-donkey-punch .dp-band-head h2 {
      font-size: clamp(26px, 3.5vw, 38px);
      font-weight: 800;
      letter-spacing: -0.03em;
      margin-bottom: 14px;
    }
    .page-donkey-punch .dp-legend {
      display: flex;
      flex-wrap: wrap;
      gap: 16px;
      justify-content: center;
    }
    .page-donkey-punch .dp-legend-card {
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 14px 20px;
      border-radius: 14px;
      border: 1px solid rgba(15, 23, 42, 0.12);
      background: linear-gradient(145deg, #fff, #f1f5f9);
      font-weight: 700;
      font-size: 14px;
      box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
    }
    .page-donkey-punch .dp-legend-card--b {
      border-color: rgba(255, 45, 154, 0.35);
      background: linear-gradient(145deg, rgba(255, 45, 154, 0.08), #fff);
    }
    .page-donkey-punch .dp-legend-label {
      font-family: var(--font-mono);
      font-size: 11px;
      font-weight: 900;
      width: 28px;
      height: 28px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 8px;
      background: var(--indigo);
      color: #fff;
    }
    .page-donkey-punch .dp-legend-card--b .dp-legend-label {
      background: linear-gradient(135deg, var(--pink), var(--electric-purple));
    }
    .page-donkey-punch .dp-matrix-section {
      padding: clamp(40px, 6vw, 72px) 0 clamp(56px, 8vw, 88px);
    }
    .page-donkey-punch .dp-matrix-head {
      max-width: 640px;
      margin: 0 auto 28px;
      text-align: center;
    }
    .page-donkey-punch .dp-matrix-head h2 {
      font-size: clamp(24px, 3.2vw, 34px);
      font-weight: 800;
      letter-spacing: -0.03em;
      margin: 0 0 10px;
      color: var(--text);
    }
    .page-donkey-punch .dp-matrix-head p {
      margin: 0;
      font-size: 16px;
      line-height: 1.6;
      color: var(--text2);
    }
    .page-donkey-punch .dp-matrix-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
      gap: clamp(14px, 2.2vw, 20px);
      list-style: none;
      margin: 0;
      padding: 0;
    }
    .page-donkey-punch .dp-matrix-cell {
      margin: 0;
    }
    .page-donkey-punch .dp-matrix-details {
      display: flex;
      flex-direction: column;
      height: 100%;
      margin: 0;
      border-radius: 16px;
      border: 1px solid var(--border2);
      background: linear-gradient(160deg, #fff 0%, #f8fafc 55%, #f1f5f9 100%);
      box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.9) inset,
        0 10px 28px rgba(15, 23, 42, 0.06);
      transition: border-color 0.2s ease, box-shadow 0.2s ease;
    }
    .page-donkey-punch .dp-matrix-details:hover {
      border-color: rgba(99, 102, 241, 0.35);
      box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.95) inset,
        0 14px 36px rgba(99, 102, 241, 0.1);
    }
    .page-donkey-punch .dp-matrix-details[open] {
      border-color: rgba(244, 63, 94, 0.45);
      box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.95) inset,
        0 16px 40px rgba(244, 63, 94, 0.1);
    }
    .page-donkey-punch .dp-matrix-summary {
      list-style: none;
      cursor: pointer;
      padding: 18px 18px 16px;
      display: flex;
      flex-direction: column;
      align-items: stretch;
      text-align: left;
      flex: 1;
      min-height: 120px;
      box-sizing: border-box;
    }
    .page-donkey-punch .dp-matrix-summary::-webkit-details-marker {
      display: none;
    }
    .page-donkey-punch .dp-matrix-summary::marker {
      content: '';
    }
    .page-donkey-punch .dp-matrix-summary:focus {
      outline: none;
    }
    .page-donkey-punch .dp-matrix-summary:focus-visible {
      outline: 2px solid var(--cyan);
      outline-offset: 2px;
      border-radius: 14px;
    }
    .page-donkey-punch .dp-matrix-label {
      font-family: var(--font-mono);
      font-size: 9px;
      font-weight: 800;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: var(--indigo);
      margin-bottom: 8px;
    }
    .page-donkey-punch .dp-matrix-corp {
      display: block;
      margin: 0;
      font-size: 15px;
      font-weight: 700;
      line-height: 1.45;
      color: var(--text);
      flex: 1;
    }
    .page-donkey-punch .dp-matrix-body {
      padding: 0 18px 18px;
      margin-top: -4px;
    }
    .page-donkey-punch .dp-matrix-decode-label {
      display: block;
      font-family: var(--font-mono);
      font-size: 9px;
      font-weight: 800;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: var(--pink);
      margin-bottom: 8px;
      padding-top: 12px;
      border-top: 1px dashed var(--border);
    }
    .page-donkey-punch .dp-matrix-barn {
      margin: 0;
      font-size: 15px;
      font-weight: 800;
      line-height: 1.45;
      color: #be123c;
    }
    .page-donkey-punch .dp-matrix-hint {
      display: block;
      margin-top: auto;
      padding-top: 12px;
      font-size: 12px;
      font-weight: 600;
      color: var(--text2);
    }
    .page-donkey-punch .dp-matrix-details[open] .dp-matrix-hint {
      color: var(--indigo);
    }
    .page-donkey-punch .dp-slot {
      padding: clamp(56px, 8vw, 96px) 0;
    }
    .page-donkey-punch .dp-slot-inner {
      text-align: center;
    }
    .page-donkey-punch .dp-slot-title {
      font-size: clamp(26px, 3.5vw, 40px);
      font-weight: 900;
      letter-spacing: -0.03em;
      margin-bottom: 10px;
    }
    .page-donkey-punch .dp-slot-dek {
      color: var(--text2);
      max-width: 520px;
      margin: 0 auto 28px;
      font-size: 17px;
    }
    .page-donkey-punch .dp-slot-card {
      max-width: 640px;
      margin: 0 auto 24px;
      padding: 28px 26px 30px;
      border-radius: 20px;
      text-align: left;
      border: 1px solid rgba(15, 23, 42, 0.1);
      background: linear-gradient(155deg, #fff 0%, #f8fafc 55%, #eef2ff 100%);
      box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.9) inset,
        0 20px 50px rgba(59, 130, 246, 0.15),
        0 4px 16px rgba(255, 45, 154, 0.08);
      transform: rotate(-0.6deg);
      transition: transform 0.25s ease, box-shadow 0.25s ease;
    }
    .page-donkey-punch .dp-slot-card--pop {
      animation: dp-pop 0.55s cubic-bezier(0.22, 1, 0.36, 1);
    }
    @keyframes dp-pop {
      0% { transform: rotate(-0.6deg) scale(0.97); }
      40% { transform: rotate(0.8deg) scale(1.02); }
      100% { transform: rotate(-0.6deg) scale(1); }
    }
    .page-donkey-punch .dp-slot-label {
      font-family: var(--font-mono);
      font-size: 10px;
      font-weight: 800;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: var(--indigo);
      margin-bottom: 8px;
    }
    .page-donkey-punch .dp-slot-label--b {
      margin-top: 22px;
      color: var(--pink);
    }
    .page-donkey-punch .dp-slot-corp {
      font-size: 18px;
      font-weight: 700;
      color: #0f172a;
      margin: 0;
      line-height: 1.45;
    }
    .page-donkey-punch .dp-slot-barn {
      font-size: 18px;
      font-weight: 800;
      margin: 0;
      color: #be123c;
      line-height: 1.45;
    }
    .page-donkey-punch .dp-slot-actions {
      display: flex;
      justify-content: center;
    }
    .page-donkey-punch .dp-disclaimer {
      padding: clamp(48px, 7vw, 80px) 0;
      border-top: 1px solid rgba(255, 255, 255, 0.08);
    }
    .page-donkey-punch .dp-disclaimer-inner {
      max-width: 640px;
      margin: 0 auto;
      text-align: center;
    }
    .page-donkey-punch .dp-disclaimer-inner h2 {
      font-size: 22px;
      font-weight: 800;
      margin-bottom: 14px;
    }
    .page-donkey-punch .dp-disclaimer-inner p {
      color: rgba(226, 232, 240, 0.88);
      line-height: 1.7;
      margin-bottom: 16px;
    }
    .page-donkey-punch .dp-disclaimer-meta {
      margin-top: 8px;
    }
    @media (prefers-reduced-motion: reduce) {
      .page-donkey-punch .dp-hero-punch {
        animation: none !important;
      }
      .page-donkey-punch .dp-slot-card--pop {
        animation: none;
      }
    }

    /* ═══ Mobile polish — safe areas, hero scale, touch, scroll ═══ */
    @media (max-width: 768px) {
      .format-shell {
        padding-bottom: env(safe-area-inset-bottom, 0px);
      }
      .hero {
        padding-left: calc(clamp(16px, 4vw, 28px) + env(safe-area-inset-left, 0px));
        padding-right: calc(clamp(16px, 4vw, 28px) + env(safe-area-inset-right, 0px));
      }
      .hero h1 {
        font-size: clamp(26px, 9.2vw, 68px);
        letter-spacing: -0.05em;
      }
      .hero-sub {
        font-size: clamp(15px, 4vw, 19px);
      }
      .hero-form input,
      .hero-form .btn-primary {
        min-height: 48px;
      }
      .hero-form .btn-primary {
        justify-content: center;
        width: 100%;
      }
      .btn-primary,
      .btn-secondary {
        min-height: 44px;
      }
      .marquee-item {
        padding: 0 20px;
        font-size: 11px;
        letter-spacing: 0.1em;
      }
      .footer-inner {
        padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px));
      }
      .nav-toggle,
      .nav-links a,
      .site-social-strip-link,
      .btn-primary,
      .btn-secondary {
        touch-action: manipulation;
      }
      .format-hero-inner h1 {
        word-break: break-word;
      }
    }

    @media (max-width: 520px) {
      .logo-badge-ring--hero {
        --badge-size: min(200px, 74vw);
        --ring-w: 11px;
      }
      .stats-grid {
        grid-template-columns: 1fr;
      }
    }

    @media (max-width: 380px) {
      .nav-links a {
        font-size: 15px;
      }
    }