/* Self-hosted fonts (OFL, latin subset): Space Grotesk + JetBrains Mono. font-display: swap preserves prior loading behaviour; zero third-party requests. */
  @font-face { font-family: "Space Grotesk"; font-style: normal; font-weight: 400; font-display: swap; src: url("assets/fonts/space-grotesk-400.woff2") format("woff2"); }
  @font-face { font-family: "Space Grotesk"; font-style: normal; font-weight: 500; font-display: swap; src: url("assets/fonts/space-grotesk-500.woff2") format("woff2"); }
  @font-face { font-family: "Space Grotesk"; font-style: normal; font-weight: 600; font-display: swap; src: url("assets/fonts/space-grotesk-600.woff2") format("woff2"); }
  @font-face { font-family: "Space Grotesk"; font-style: normal; font-weight: 700; font-display: swap; src: url("assets/fonts/space-grotesk-700.woff2") format("woff2"); }
  @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("assets/fonts/jetbrains-mono-400.woff2") format("woff2"); }
  @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url("assets/fonts/jetbrains-mono-500.woff2") format("woff2"); }
  @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 600; font-display: swap; src: url("assets/fonts/jetbrains-mono-600.woff2") format("woff2"); }

  :root {
    /* === Drenched ground: deep petrol / teal. Owned, premium, never pure black. === */
    --bg-0: oklch(0.22 0.040 210);
    --bg-1: oklch(0.255 0.044 210);
    --bg-2: oklch(0.295 0.046 211);
    --bg-3: oklch(0.345 0.048 212);
    --bg-4: oklch(0.40 0.050 213);

    --line:      oklch(0.52 0.040 210 / 0.45);
    --line-soft: oklch(0.52 0.040 210 / 0.24);
    --line-hair: oklch(0.52 0.040 210 / 0.14);

    /* Warm-tinted off-white ink, never pure white, on the teal ground */
    --ink:   oklch(0.965 0.014 90);
    --ink-1: oklch(0.885 0.016 95);
    --ink-2: oklch(0.755 0.018 110);
    --ink-3: oklch(0.625 0.020 150);

    /* One luminous accent: warm gold. The data + active elements glow with it. */
    --gold:      oklch(0.84 0.135 86);
    --gold-1:    oklch(0.77 0.135 80);
    --gold-deep: oklch(0.60 0.110 72);
    --gold-glow: oklch(0.84 0.135 86 / 0.22);
    --gold-faint: oklch(0.84 0.135 86 / 0.085);

    /* Cool counter-tone for SARIF / normalized data tokens, used sparingly */
    --cool:  oklch(0.78 0.085 200);
    --cool-1: oklch(0.66 0.080 205);

    /* Moat accent: a brighter lime-leaning gold for the AI-checks slab only */
    --moat:  oklch(0.86 0.155 122);
    --moat-glow: oklch(0.86 0.155 122 / 0.22);

    /* Severity, restrained */
    --crit: oklch(0.68 0.165 25);
    --high: oklch(0.78 0.140 55);
    --med:  oklch(0.84 0.120 92);
    --low:  oklch(0.78 0.085 200);

    --r-sm: 8px;
    --r-md: 14px;
    --r-lg: 22px;

    --maxw: 1200px;
    --read: 68ch;

    --ease: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-soft: cubic-bezier(0.22, 1, 0.36, 1);
  }

  * { box-sizing: border-box; }
  html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }

  body {
    margin: 0;
    background:
      radial-gradient(125% 95% at 50% -8%, oklch(0.31 0.052 210) 0%, transparent 56%),
      radial-gradient(70% 55% at 86% 6%, var(--gold-faint) 0%, transparent 46%),
      radial-gradient(60% 50% at 8% 92%, oklch(0.30 0.05 210 / 0.6) 0%, transparent 50%),
      var(--bg-0);
    color: var(--ink-1);
    font-family: "Space Grotesk", system-ui, -apple-system, sans-serif;
    font-size: 17px;
    line-height: 1.65;
    letter-spacing: 0.002em;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    overflow-x: hidden;
  }

  ::selection { background: var(--gold-glow); color: var(--ink); }
  a { color: inherit; text-decoration: none; }

  .mono {
    font-family: "JetBrains Mono", ui-monospace, "SF Mono", monospace;
    font-feature-settings: "ss01", "cv01";
    letter-spacing: -0.01em;
  }

  .version-at::before { content: "@"; }

  /* ---------- type scale (~1.30 ratio) ---------- */
  h1, h2, h3 {
    font-family: "Space Grotesk", sans-serif;
    color: var(--ink);
    font-weight: 600;
    line-height: 1.04;
    letter-spacing: -0.022em;
    margin: 0;
    text-wrap: balance;
  }
  .display {
    font-size: clamp(2.7rem, 7.4vw, 5.6rem);
    font-weight: 600;
    letter-spacing: -0.036em;
    line-height: 0.97;
  }
  h2 { font-size: clamp(1.95rem, 4.1vw, 3.15rem); letter-spacing: -0.03em; }
  h3 { font-size: clamp(1.2rem, 1.9vw, 1.5rem); font-weight: 600; }
  p { margin: 0; }

  .eyebrow {
    font-family: "JetBrains Mono", monospace;
    font-size: 0.72rem;
    font-weight: 500;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    color: var(--gold);
    display: inline-flex;
    align-items: center;
    gap: 0.7em;
  }
  .eyebrow::before {
    content: "";
    width: 26px; height: 1px;
    background: linear-gradient(90deg, var(--gold), transparent);
    display: inline-block;
  }

  .lede {
    font-size: clamp(1.06rem, 1.55vw, 1.32rem);
    color: var(--ink-2);
    line-height: 1.62;
    max-width: var(--read);
  }

  .wrap {
    width: 100%;
    max-width: var(--maxw);
    margin: 0 auto;
    padding: 0 clamp(20px, 5vw, 48px);
  }

  section { position: relative; }
  /* anchor targets clear the sticky nav */
  section[id], header[id], [id] { scroll-margin-top: 76px; }

  /* ===================== NAV ===================== */
  .nav {
    position: sticky; top: 0; z-index: 50;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    background: oklch(0.22 0.040 210 / 0.62);
    border-bottom: 1px solid var(--line-hair);
  }
  .nav-inner {
    max-width: var(--maxw); margin: 0 auto;
    padding: 14px clamp(20px, 5vw, 48px);
    display: flex; align-items: center; justify-content: space-between;
  }
  .brand { display: flex; align-items: center; gap: 11px; font-weight: 600; color: var(--ink); letter-spacing: -0.01em; }
  .brand .mark { height: 23px; width: auto; flex: none; display: block; }
  .brand .wm-code { color: var(--gold); font-weight: 700; }
  .brand .wm-insp { color: var(--ink); font-weight: 700; }
  .brand .by { color: var(--ink-3); font-weight: 400; font-size: 0.86rem; margin-left: 0.5em; }
  .foot-top .brand .mark { height: 30px; }
  .nav-links { display: flex; gap: 26px; align-items: center; }
  .nav-links a { font-size: 0.86rem; color: var(--ink-2); transition: opacity 0.2s var(--ease), color 0.2s var(--ease); }
  .nav-links a:hover { color: var(--ink); }
  .nav-cta {
    font-family: "JetBrains Mono", monospace;
    font-size: 0.78rem; color: var(--bg-0) !important;
    background: var(--gold); padding: 8px 14px; border-radius: var(--r-sm);
    font-weight: 500; transition: transform 0.25s var(--ease), filter 0.25s var(--ease);
  }
  .nav-cta:hover { transform: translateY(-1px); filter: brightness(1.06); }
  @media (max-width: 860px) { .nav-links a:not(.nav-cta) { display: none; } }

  /* ===================== PLAIN HERO (non-technical, names the fear) ===================== */
  .hero-plain { padding: clamp(60px, 11vh, 124px) 0 clamp(44px, 7vh, 84px); }
  .hero-plain .wrap { max-width: 1000px; }
  .hero-plain h1 { margin-top: 22px; max-width: 15ch; }
  .hero-plain h1 .hl { color: var(--gold); }
  .hero-plain .lede {
    margin-top: 28px; font-size: clamp(1.16rem, 1.9vw, 1.5rem);
    color: var(--ink-1); max-width: 58ch; line-height: 1.55;
  }
  .hero-plain .lede b { color: var(--ink); font-weight: 600; }
  .hero-cta { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 36px; align-items: center; }
  .btn {
    font-family: "JetBrains Mono", monospace;
    font-size: 0.86rem; font-weight: 500;
    padding: 13px 20px; border-radius: var(--r-sm);
    display: inline-flex; align-items: center; gap: 9px;
    transition: transform 0.25s var(--ease), filter 0.25s var(--ease), background 0.25s var(--ease);
  }
  .btn-primary { background: var(--gold); color: var(--bg-0); box-shadow: 0 6px 22px var(--gold-glow); }
  .btn-primary:hover { transform: translateY(-2px); filter: brightness(1.05); }
  .btn-ghost { color: var(--ink-1); border: 1px solid var(--line); background: oklch(0.30 0.045 210 / 0.4); }
  .btn-ghost:hover { transform: translateY(-2px); background: oklch(0.34 0.046 210 / 0.55); }
  .reassure {
    display: flex; flex-wrap: wrap; gap: 9px 22px; margin-top: 32px;
    font-family: "JetBrains Mono", monospace; font-size: 0.76rem; color: var(--ink-3);
  }
  .reassure span { display: inline-flex; align-items: center; gap: 8px; }
  .reassure span::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 8px var(--gold-glow); }

  /* ===================== SOC CONSOLE (relocated lower, illustrative) ===================== */
  .console-frame { position: relative; min-height: 360px; }
  .console {
    background: linear-gradient(180deg, oklch(0.27 0.046 210 / 0.92), oklch(0.235 0.042 210 / 0.92));
    border: 1px solid var(--line);
    border-radius: var(--r-lg);
    box-shadow:
      0 0 0 1px oklch(0.50 0.04 210 / 0.14) inset,
      0 30px 70px oklch(0.13 0.03 210 / 0.5);
    overflow: hidden;
    display: flex; flex-direction: column;
  }
  .console-bar {
    display: flex; align-items: center; gap: 12px; padding: 12px 16px;
    border-bottom: 1px solid var(--line-soft);
    font-family: "JetBrains Mono", monospace; font-size: 0.72rem; color: var(--ink-3);
    background: oklch(0.20 0.036 210 / 0.7);
  }
  .console-bar .dots { display: flex; gap: 6px; }
  .console-bar .dots i { width: 9px; height: 9px; border-radius: 50%; background: var(--line); }
  .console-bar .dots i:first-child { background: var(--crit); }
  .console-bar .title { color: var(--gold); font-weight: 500; }
  .console-bar .scan-id { margin-left: auto; color: var(--ink-3); }
  .console-bar .offline { color: var(--gold); display: inline-flex; align-items: center; gap: 6px; }

  .console-body { padding: 16px; display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }

  .hud-panel {
    background: oklch(0.215 0.038 210 / 0.7);
    border: 1px solid var(--line-soft);
    border-radius: var(--r-md);
    padding: 14px;
  }
  .hud-panel > .ph {
    display: flex; align-items: center; justify-content: space-between; gap: 10px;
    font-family: "JetBrains Mono", monospace; font-size: 0.66rem; letter-spacing: 0.16em; text-transform: uppercase;
    color: var(--ink-3); margin-bottom: 12px;
  }
  .hud-panel > .ph .coord { color: var(--gold-1); }

  /* radar / scope */
  .radar-panel { grid-row: span 2; display: flex; flex-direction: column; }
  .scope { position: relative; width: 100%; aspect-ratio: 1 / 1; max-height: 260px; margin: 0 auto; }
  .scope svg { width: 100%; height: 100%; display: block; }
  html.js .blip { opacity: 0; transition: opacity 500ms var(--ease); }
  html.js .blip.on { opacity: 1; }
  .legend {
    margin-top: 12px; display: flex; flex-wrap: wrap; gap: 8px 14px;
    font-family: "JetBrains Mono", monospace; font-size: 0.64rem; color: var(--ink-2);
  }
  .legend span { display: inline-flex; align-items: center; gap: 6px; }
  .legend i { width: 8px; height: 8px; border-radius: 2px; }

  /* severity gauges */
  .sev-list { display: flex; flex-direction: column; gap: 11px; }
  .sev-row { display: grid; grid-template-columns: 78px 1fr 30px; align-items: center; gap: 10px; }
  .sev-name { font-family: "JetBrains Mono", monospace; font-size: 0.7rem; color: var(--ink-2); display: inline-flex; align-items: center; gap: 7px; }
  .sev-name i { width: 9px; height: 9px; border-radius: 2px; flex: none; }
  .sev-track { height: 8px; border-radius: 6px; background: oklch(0.30 0.03 210); overflow: hidden; }
  .sev-fill { height: 100%; border-radius: 6px; transform: scaleX(0); transform-origin: left center; }
  .sev-num { font-family: "JetBrains Mono", monospace; font-size: 0.8rem; font-weight: 600; text-align: right; color: var(--ink); }

  /* posture gauge */
  .posture { display: flex; align-items: center; gap: 16px; }
  .gauge { position: relative; width: 110px; height: 110px; flex: none; }
  .gauge svg { width: 100%; height: 100%; transform: rotate(-90deg); }
  .gauge .val {
    position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center;
    font-family: "JetBrains Mono", monospace;
  }
  .gauge .val b { font-size: 1.6rem; font-weight: 600; color: var(--ink); line-height: 1; }
  .gauge .val small { font-size: 0.58rem; letter-spacing: 0.12em; color: var(--ink-3); text-transform: uppercase; margin-top: 4px; }
  .posture-note { font-size: 0.8rem; color: var(--ink-2); }
  .posture-note strong { color: var(--ink); font-weight: 600; }
  .posture-note .tag { font-family: "JetBrains Mono", monospace; font-size: 0.62rem; color: var(--ink-3); display: block; margin-top: 6px; letter-spacing: 0.04em; }

  /* finding feed */
  .feed-panel { grid-column: 1 / -1; }
  .feed {
    font-family: "JetBrains Mono", monospace; font-size: 0.72rem; line-height: 1.45;
    max-height: 176px; overflow-y: auto; position: relative;
    display: flex; flex-direction: column; gap: 0;
  }
  .feed-row {
    display: grid; grid-template-columns: auto auto auto 1fr auto; gap: 12px; align-items: baseline;
    padding: 6px 4px; border-bottom: 1px dashed var(--line-soft);
  }
  html.js .feed-row { opacity: 0; transform: translateY(6px); }
  html.js .feed-row.on { opacity: 1; transform: translateY(0); transition: opacity 420ms var(--ease), transform 420ms var(--ease-soft); }
  .feed-row .fid { color: var(--ink-3); }
  .feed-row .sev { font-weight: 600; letter-spacing: 0.04em; }
  .feed-row .sev.critical { color: var(--crit); }
  .feed-row .sev.high { color: var(--high); }
  .feed-row .sev.medium { color: var(--med); }
  .feed-row .sev.low { color: var(--low); }
  .feed-row .eng { color: var(--gold-1); }
  .feed-row .loc { color: var(--ink-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .feed-row .cwe { color: var(--ink-3); white-space: nowrap; }
  .feed-foot {
    margin-top: 10px; font-family: "JetBrains Mono", monospace; font-size: 0.64rem; color: var(--ink-3);
    display: flex; flex-wrap: wrap; gap: 6px 16px; align-items: center; line-height: 1.7;
  }

  /* status LEDs */
  .led { width: 8px; height: 8px; border-radius: 50%; flex: none; box-shadow: 0 0 8px currentColor; display: inline-block; }
  .led.gold { color: var(--gold); background: var(--gold); }
  .led.live { color: var(--moat); background: var(--moat); animation: ledpulse 2.8s ease-in-out infinite; }
  @keyframes ledpulse { 0%,100% { opacity: 1; } 50% { opacity: 0.42; } }

  /* ===================== SECTION SCAFFOLD ===================== */
  .band { padding: clamp(60px, 9vh, 116px) 0; }
  .band-tint { background: linear-gradient(180deg, transparent, oklch(0.25 0.044 210 / 0.5), transparent); }
  .sec-head { max-width: 760px; margin-bottom: clamp(34px, 5vh, 56px); }
  .sec-head h2 { margin-top: 18px; }
  .sec-head p { margin-top: 20px; }
  .bridge {
    font-family: "JetBrains Mono", monospace; font-size: 0.74rem; letter-spacing: 0.04em;
    color: var(--ink-3); margin-bottom: 16px;
  }

  /* reveal on enter — hidden state gated behind html.js so no-JS users see all content (progressive enhancement) */
  html.js .reveal { opacity: 0; transform: translateY(14px); filter: blur(4px); transition: opacity 560ms var(--ease-soft), transform 560ms var(--ease-soft), filter 560ms var(--ease-soft); }
  html.js .reveal.in { opacity: 1; transform: none; filter: none; }
  .reveal.d1 { transition-delay: 80ms; }
  .reveal.d2 { transition-delay: 160ms; }
  .reveal.d3 { transition-delay: 240ms; }
  .reveal.d4 { transition-delay: 320ms; }

  /* ===================== PLAIN STEPS (how it works in 30s) ===================== */
  .steps {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(212px, 1fr));
    gap: clamp(18px, 2.6vw, 32px);
  }
  .step { padding-top: 22px; border-top: 1px solid var(--line); }
  .step .n { font-family: "JetBrains Mono", monospace; font-size: 0.74rem; color: var(--gold-1); letter-spacing: 0.12em; }
  .step h3 { font-size: 1.14rem; margin: 13px 0 9px; }
  .step p { font-size: 0.95rem; color: var(--ink-2); line-height: 1.55; }

  /* ===================== WHAT IT CHECKS (plain risk rows, no jargon) ===================== */
  .checks { display: flex; flex-direction: column; }
  .check {
    display: grid; grid-template-columns: minmax(0, 0.44fr) minmax(0, 1fr);
    gap: clamp(16px, 4vw, 56px);
    padding: clamp(24px, 3.4vh, 38px) 0; border-top: 1px solid var(--line-soft);
  }
  .check:last-child { border-bottom: 1px solid var(--line-soft); }
  .check .ctag { font-family: "JetBrains Mono", monospace; font-size: 0.7rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--gold); }
  .check h3 { font-size: clamp(1.2rem, 2vw, 1.55rem); margin-top: 12px; }
  .check .cbody p { color: var(--ink-2); font-size: 1.02rem; line-height: 1.62; }
  .check .cbody .why { margin-top: 13px; color: var(--ink-1); font-size: 0.96rem; }
  .check .cbody .why b { color: var(--gold); font-weight: 600; }
  @media (max-width: 760px) { .check { grid-template-columns: 1fr; gap: 12px; } }

  /* ===================== TRUST (privacy headline, prominent) ===================== */
  .trust-block {
    border: 1px solid var(--line); border-radius: var(--r-lg);
    padding: clamp(30px, 4.6vw, 60px);
    background:
      radial-gradient(120% 110% at 0% 0%, var(--gold-faint), transparent 56%),
      oklch(0.255 0.044 210 / 0.62);
    box-shadow: 0 0 0 1px var(--gold-faint) inset, 0 30px 70px oklch(0.13 0.03 210 / 0.4);
  }
  .trust-block h2 { margin-top: 16px; max-width: 17ch; }
  .trust-block .lede { margin-top: 22px; color: var(--ink-1); max-width: 60ch; }
  .trust-block .how { margin-top: 18px; color: var(--ink-2); max-width: 66ch; line-height: 1.62; }
  .trust-chips { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px; }
  .trust-chips span {
    font-family: "JetBrains Mono", monospace; font-size: 0.76rem; color: var(--ink-1);
    border: 1px solid var(--line-soft); background: oklch(0.28 0.044 210 / 0.5);
    border-radius: 100px; padding: 8px 15px; display: inline-flex; gap: 8px; align-items: center;
  }
  .trust-chips span::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--gold); }

  /* ===================== CONSENT LOOP (how you use it) ===================== */
  .consent { display: flex; flex-direction: column; }
  .cstep {
    display: grid; grid-template-columns: 40px 1fr; gap: 18px; align-items: start;
    padding: 20px 0; border-top: 1px solid var(--line-soft);
  }
  .cstep:last-child { border-bottom: 1px solid var(--line-soft); }
  .cstep .cn { font-family: "JetBrains Mono", monospace; font-size: 0.95rem; color: var(--gold); font-weight: 600; line-height: 1.5; }
  .cstep h3 { font-size: 1.08rem; margin: 0 0 6px; }
  .cstep p { font-size: 0.96rem; color: var(--ink-2); line-height: 1.56; }
  .cstep p b { color: var(--ink); font-weight: 600; }
  .cstep.rotate {
    border-radius: var(--r-md); padding: 20px 18px;
    background: oklch(0.30 0.052 62 / 0.20);
    border-top: 1px solid oklch(0.78 0.140 55 / 0.32);
  }
  .cstep.rotate .cn { color: var(--high); }

  /* ===================== WORKFLOW SURFACES ===================== */
  .v2-lanes {
    display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px; background: var(--line-hair); border: 1px solid var(--line-hair);
    border-radius: var(--r-lg); overflow: hidden;
  }
  .v2-lane { padding: clamp(22px, 3vw, 34px); background: oklch(0.235 0.040 210); }
  .v2-lane .vk { font-family: "JetBrains Mono", monospace; font-size: 0.68rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--gold); }
  .v2-lane h3 { margin-top: 13px; font-size: 1.2rem; }
  .v2-lane p { margin-top: 10px; color: var(--ink-2); font-size: 0.94rem; line-height: 1.58; }
  .v2-cmd { display: block; margin-top: 18px; color: var(--cool); font-family: "JetBrains Mono", monospace; font-size: 0.75rem; overflow-wrap: anywhere; }
  .v2-evidence { margin-top: clamp(28px, 4vw, 42px); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--line-soft); }
  .v2-proof { padding: 22px 0; border-bottom: 1px solid var(--line-soft); display: grid; grid-template-columns: minmax(120px, 0.36fr) 1fr; gap: clamp(16px, 3vw, 34px); }
  .v2-proof:nth-child(odd) { padding-right: clamp(18px, 3vw, 38px); }
  .v2-proof:nth-child(even) { padding-left: clamp(18px, 3vw, 38px); border-left: 1px solid var(--line-soft); }
  .v2-proof b { color: var(--ink); font-weight: 600; }
  .v2-proof span { color: var(--ink-2); font-size: 0.9rem; line-height: 1.55; }
  .v2-note { margin-top: 24px; max-width: 72ch; color: var(--ink-2); font-size: 0.94rem; line-height: 1.62; }
  .v2-note b { color: var(--gold); font-weight: 600; }
  @media (max-width: 820px) { .v2-lanes { grid-template-columns: 1fr; } }
  @media (max-width: 700px) {
    .v2-evidence { grid-template-columns: 1fr; }
    .v2-proof, .v2-proof:nth-child(odd), .v2-proof:nth-child(even) { padding-left: 0; padding-right: 0; border-left: 0; grid-template-columns: 1fr; gap: 7px; }
  }

  /* ===================== HONEST / DON'T CLAIM (named, prominent) ===================== */
  .honest { display: flex; flex-direction: column; }
  .honest-item {
    display: grid; grid-template-columns: minmax(0, 0.42fr) minmax(0, 1fr);
    gap: clamp(16px, 3.4vw, 48px);
    padding: 24px 0; border-top: 1px solid var(--line-soft);
  }
  .honest-item:last-child { border-bottom: 1px solid var(--line-soft); }
  .honest-item .no { font-family: "JetBrains Mono", monospace; font-size: 0.72rem; letter-spacing: 0.04em; color: var(--gold-1); display: inline-flex; align-items: center; gap: 9px; }
  .honest-item .no::before { content: ""; width: 16px; height: 1px; background: var(--gold-deep); display: inline-block; }
  .honest-item h3 { font-size: 1.14rem; margin-top: 12px; }
  .honest-item p { color: var(--ink-2); font-size: 0.98rem; line-height: 1.62; }
  .honest-foot { margin-top: 26px; font-size: 1.0rem; color: var(--ink-1); max-width: 64ch; line-height: 1.6; }
  .honest-foot b { color: var(--ink); font-weight: 600; }
  @media (max-width: 760px) { .honest-item { grid-template-columns: 1fr; gap: 10px; } }

  /* ===================== DATAFLOW (architecture explained) ===================== */
  .flow {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 14px;
    counter-reset: step;
  }
  .flow-step {
    border: 1px solid var(--line-soft);
    border-radius: var(--r-md);
    padding: 18px 18px 20px;
    background: oklch(0.27 0.044 210 / 0.5);
    position: relative;
    overflow: hidden;
  }
  .flow-step::before {
    counter-increment: step;
    content: counter(step, decimal-leading-zero);
    font-family: "JetBrains Mono", monospace;
    font-size: 0.66rem; color: var(--gold-1);
    letter-spacing: 0.1em;
  }
  .flow-step h3 { font-size: 1.02rem; margin: 8px 0 7px; }
  .flow-step p { font-size: 0.86rem; color: var(--ink-2); line-height: 1.5; }
  .flow-step .io { margin-top: 12px; font-family: "JetBrains Mono", monospace; font-size: 0.66rem; color: var(--ink-3); }
  .flow-step .io b { color: var(--cool); font-weight: 500; }

  /* ===================== ENGINE COLUMNS ===================== */
  .engine-columns {
    margin-top: 4px;
    display: grid; grid-template-columns: repeat(3, 1fr);
    gap: 0;
  }
  .ecol {
    padding: 0 clamp(18px, 2.4vw, 34px);
    border-right: 1px solid var(--line-soft);
  }
  .ecol:first-child { padding-left: 0; }
  .ecol:last-child { padding-right: 0; border-right: none; }
  .ecol .ec-name {
    font-family: "Space Grotesk", sans-serif; font-weight: 600;
    font-size: clamp(1.5rem, 2.4vw, 1.85rem); letter-spacing: -0.02em;
    color: var(--ink); margin-bottom: 0.35rem;
  }
  .ecol .ec-kicker {
    font-family: "JetBrains Mono", monospace; font-size: 0.66rem; letter-spacing: 0.16em;
    text-transform: uppercase; color: var(--gold); margin-bottom: 16px; display: block;
  }
  .ecol p { font-size: 0.94rem; line-height: 1.58; color: var(--ink-2); margin: 0 0 4px; }
  .ecol .pipe {
    margin-top: 14px; font-family: "JetBrains Mono", monospace; font-size: 0.7rem;
    color: var(--ink-3); line-height: 1.6;
  }
  .ecol .pipe b { color: var(--cool-1); font-weight: 500; }
  .ecol .covers { list-style: none; padding: 0; margin: 18px 0 0; border-top: 1px solid var(--line-soft); }
  .ecol .covers li {
    font-family: "JetBrains Mono", monospace; font-size: 0.72rem; padding: 0.6rem 0;
    border-bottom: 1px solid var(--line-soft);
    color: var(--ink-1); display: flex; justify-content: space-between; gap: 0.6rem; letter-spacing: 0.01em;
  }
  .ecol .covers li span { color: var(--gold-1); }
  .engines-foot {
    margin-top: 28px; padding-top: 20px; border-top: 1px solid var(--line-soft);
    font-family: "JetBrains Mono", monospace; font-size: 0.74rem; letter-spacing: 0.02em;
    color: var(--ink-2); line-height: 1.7; max-width: 88ch;
  }
  .engines-foot b { color: var(--gold); font-weight: 500; }
  @media (max-width: 820px) {
    .engine-columns { grid-template-columns: 1fr; }
    .ecol { padding: 26px 0; border-right: none; border-bottom: 1px solid var(--line-soft); }
    .ecol:first-child { padding-top: 0; }
    .ecol:last-child { border-bottom: none; }
  }

  /* plain-language scope note (in "what it checks") */
  .scope-note {
    margin-top: clamp(28px, 4vh, 44px); padding-top: 22px;
    border-top: 1px solid var(--line-soft);
    font-size: 1.02rem; color: var(--ink-2); max-width: 66ch; line-height: 1.62;
  }
  .scope-note b { color: var(--ink); font-weight: 600; }

  /* ===================== LANGUAGE SUPPORT (technical scope matrix) ===================== */
  .langs { display: flex; flex-direction: column; }
  .lang-row {
    display: grid; grid-template-columns: minmax(0, 0.5fr) minmax(0, 1fr);
    gap: clamp(16px, 3.4vw, 52px);
    padding: clamp(22px, 3vh, 32px) 0; border-top: 1px solid var(--line-soft);
  }
  .lang-row:last-child { border-bottom: 1px solid var(--line-soft); }
  .lang-scope {
    font-family: "JetBrains Mono", monospace; font-size: 0.68rem; letter-spacing: 0.03em;
    padding: 5px 11px; border-radius: 100px; display: inline-block; border: 1px solid var(--line-soft);
  }
  .lang-scope.any { color: var(--moat); border-color: oklch(0.86 0.155 122 / 0.4); background: var(--moat-glow); }
  .lang-scope.many { color: var(--cool); border-color: oklch(0.78 0.085 200 / 0.4); background: oklch(0.78 0.085 200 / 0.10); }
  .lang-scope.sast { color: var(--gold); border-color: var(--gold-deep); background: var(--gold-faint); }
  .lang-scope.moat { color: var(--gold-1); border-color: var(--gold-deep); background: var(--gold-faint); }
  .lang-k h3 { font-size: 1.12rem; margin: 13px 0 6px; }
  .lang-k .lang-eng { font-family: "JetBrains Mono", monospace; font-size: 0.72rem; color: var(--ink-3); line-height: 1.5; }
  .lang-d p { color: var(--ink-2); font-size: 1.0rem; line-height: 1.62; }
  .lang-d .mono { color: var(--ink-1); font-size: 0.9em; }
  .lang-d a { color: var(--gold-1); border-bottom: 1px solid var(--gold-deep); transition: color 0.2s var(--ease); white-space: nowrap; }
  .lang-d a:hover { color: var(--gold); }
  .langs-foot { margin-top: 26px; font-size: 1.0rem; color: var(--ink-1); max-width: 72ch; line-height: 1.62; }
  .langs-foot b { color: var(--ink); font-weight: 600; }
  @media (max-width: 760px) { .lang-row { grid-template-columns: 1fr; gap: 11px; } }

  /* ===================== MOAT SLAB (differentiator) ===================== */
  .moat-block {
    border: 1px solid var(--moat);
    border-radius: var(--r-lg);
    padding: clamp(28px, 4vw, 48px);
    background:
      radial-gradient(120% 100% at 100% 0%, var(--moat-glow), transparent 55%),
      oklch(0.29 0.052 175 / 0.55);
    box-shadow: 0 0 0 1px var(--moat-glow) inset, 0 30px 70px oklch(0.14 0.03 210 / 0.4);
    position: relative;
    overflow: hidden;
  }
  .moat-block .eyebrow { color: var(--moat); }
  .moat-block .eyebrow::before { background: linear-gradient(90deg, var(--moat), transparent); }
  .moat-block h2 { margin-top: 16px; }
  .moat-grid {
    margin-top: 34px;
    display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 16px;
  }
  .moat-item {
    border-top: 1px solid var(--moat-glow);
    padding-top: 16px;
  }
  .moat-item .mtag { font-family: "JetBrains Mono", monospace; font-size: 0.68rem; color: var(--moat); letter-spacing: 0.02em; }
  .moat-item h3 { font-size: 1.05rem; margin: 9px 0 8px; }
  .moat-item p { font-size: 0.86rem; color: var(--ink-2); line-height: 1.5; }
  .moat-foot {
    margin-top: 34px; padding-top: 22px; border-top: 1px solid var(--moat-glow);
    font-size: 0.96rem; color: var(--ink-1); max-width: 66ch;
  }
  .moat-foot b { color: var(--moat); font-weight: 600; }

  /* ===== WHAT WE SCAN (coverage) — reuses .moat-grid/.moat-item, existing tokens only ===== */
  .scan-tier { margin-top: clamp(34px, 4.5vh, 52px); }
  .scan-tier:first-of-type { margin-top: clamp(28px, 3.5vh, 40px); }
  .scan-sub { font-size: 1.18rem; color: var(--ink); font-weight: 600; margin: 0; line-height: 1.25; }
  .scan-tier.star .scan-sub { color: var(--moat); }
  .scan-sub small { font-family: "JetBrains Mono", monospace; font-size: 0.7rem; letter-spacing: 0.08em; color: var(--ink-3); font-weight: 400; margin-left: 0.5em; white-space: nowrap; }
  .scan-tier .moat-grid { margin-top: 18px; }
  .scan-tier .moat-item .mtag { display: block; }
  .scan-tier .moat-item p { margin: 5px 0 0; }
  .moat-item.std { border-top-color: var(--line-soft); }
  .moat-item.std .mtag { color: var(--gold-1); }
  .scan-breadth { color: var(--ink-1); line-height: 1.62; max-width: 80ch; margin: 14px 0 0; }
  .scan-breadth b { color: var(--ink); font-weight: 600; }

  /* ===================== LOOP ===================== */
  .loop { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin-top: 38px; border-top: 1px solid var(--line); }
  @media (max-width: 720px) { .loop { grid-template-columns: 1fr; } }
  .loop-node {
    padding: 28px 30px 6px 0;
    position: relative;
  }
  .loop-node + .loop-node { border-left: 1px solid var(--line-soft); padding-left: 30px; }
  @media (max-width: 720px) {
    .loop-node { padding: 24px 0; }
    .loop-node + .loop-node { border-left: none; border-top: 1px solid var(--line-soft); padding-left: 0; }
  }
  .loop-node .ln-tool { font-family: "JetBrains Mono", monospace; font-size: 0.72rem; color: var(--gold); }
  .loop-node h3 { font-size: 1.1rem; margin: 10px 0 8px; }
  .loop-node p { font-size: 0.86rem; color: var(--ink-2); line-height: 1.5; }
  .loop-node .arrow { position: absolute; right: -1px; top: 38px; transform: translateX(50%); color: var(--gold-1); font-family: "JetBrains Mono", monospace; z-index: 2; }
  @media (max-width: 720px) { .loop-node .arrow { display: none; } }

  /* ===================== SUPPLY CHAIN ===================== */
  .supply-grid { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,0.9fr); gap: clamp(28px,4vw,56px); align-items: start; }
  @media (max-width: 860px) { .supply-grid { grid-template-columns: 1fr; gap: 36px; } }
  .verify-stack { display: flex; flex-direction: column; gap: 10px; }
  .verify-row {
    display: flex; align-items: center; gap: 14px;
    font-family: "JetBrains Mono", monospace; font-size: 0.8rem;
    padding: 14px 16px; border: 1px solid var(--line-soft); border-radius: var(--r-sm);
    background: oklch(0.27 0.044 210 / 0.5);
  }
  .verify-row .vk { color: var(--ink); font-weight: 500; flex: none; min-width: 92px; }
  .verify-row .sha { color: var(--ink-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .verify-row .ok { margin-left: auto; flex: none; color: var(--bg-0); background: var(--gold); border-radius: 100px; padding: 2px 9px; font-size: 0.66rem; }
  .supply-note .warn { font-family: "JetBrains Mono", monospace; font-size: 0.7rem; color: var(--high); letter-spacing: 0.04em; }
  .supply-note h3 { margin: 12px 0; }
  .supply-note p { color: var(--ink-2); font-size: 0.96rem; }
  .supply-note p + p { margin-top: 14px; }

  /* ===================== COMPLIANCE ===================== */
  .disclaimer {
    margin-top: 30px; padding: 20px 22px;
    border: 1px solid var(--line-soft); border-radius: var(--r-md);
    background: oklch(0.26 0.044 210 / 0.5);
    font-size: 0.92rem; color: var(--ink-2); max-width: 72ch; line-height: 1.6;
  }
  .disclaimer b { color: var(--ink); font-weight: 600; }

  /* compliance coverage rows */
  .cov-grid { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(0,0.85fr); gap: clamp(28px,4vw,56px); align-items: start; margin-top: 34px; }
  @media (max-width: 860px) { .cov-grid { grid-template-columns: 1fr; gap: 34px; } }
  .cov-list { display: flex; flex-direction: column; }
  .cov-row { padding: 16px 2px; border-top: 1px solid var(--line-soft); }
  .cov-row:last-child { border-bottom: 1px solid var(--line-soft); }
  .cov-top { display: flex; justify-content: space-between; align-items: baseline; gap: 18px; }
  .cov-name { font-size: 1.02rem; font-weight: 600; color: var(--ink); }
  .cov-name small { color: var(--ink-3); font-weight: 400; font-size: 0.82rem; }
  .cov-stat { font-family: "JetBrains Mono", monospace; font-size: 0.74rem; color: var(--ink-2); text-align: right; white-space: nowrap; }
  .cov-stat b { color: var(--gold); font-weight: 600; }
  .cov-bar { margin-top: 11px; height: 3px; background: var(--line-soft); border-radius: 2px; overflow: hidden; }
  .cov-fill { height: 100%; background: var(--gold-1); border-radius: 2px; }
  .cov-foot-note { font-family: "JetBrains Mono", monospace; font-size: 0.66rem; color: var(--ink-3); margin-top: 14px; line-height: 1.6; }
  .cov-aside { padding: 22px 24px; border: 1px solid var(--line-soft); border-radius: var(--r-md); background: oklch(0.26 0.044 210 / 0.5); position: sticky; top: 88px; }
  .cov-aside .ce { font-family: "JetBrains Mono", monospace; font-size: 0.66rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--gold); display: block; margin-bottom: 14px; }
  .cov-aside p { font-size: 0.9rem; color: var(--ink-2); line-height: 1.6; margin-bottom: 14px; }
  .cov-aside p:last-child { margin-bottom: 0; }
  .cov-aside b { color: var(--ink); font-weight: 600; }
  .cov-aside .sub { font-family: "JetBrains Mono", monospace; font-size: 0.66rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-3); display: block; margin: 4px 0 10px; }
  @media (max-width: 860px) { .cov-aside { position: static; } }
  @media (max-width: 560px) {
    .cov-top { flex-direction: column; align-items: flex-start; gap: 5px; }
    .cov-stat { white-space: normal; text-align: left; }
  }

  /* ===================== BUILT IN THE OPEN ===================== */
  .open-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,0.82fr); gap: clamp(28px,4vw,56px); align-items: start; }
  @media (max-width: 860px) { .open-grid { grid-template-columns: 1fr; gap: 34px; } }
  .open-copy p { color: var(--ink-2); font-size: 1.0rem; line-height: 1.64; }
  .open-copy p + p { margin-top: 16px; }
  .open-copy p b { color: var(--ink); font-weight: 600; }
  .open-flow { margin-top: 20px; font-family: "JetBrains Mono", monospace; font-size: 0.74rem; color: var(--ink-3); letter-spacing: 0.02em; }
  .open-flow b { color: var(--gold-1); font-weight: 500; }
  .open-links { display: flex; flex-direction: column; gap: 10px; }
  .open-link {
    display: flex; align-items: center; gap: 12px; padding: 15px 18px;
    border: 1px solid var(--line-soft); border-radius: var(--r-sm);
    background: oklch(0.27 0.044 210 / 0.5);
    font-family: "JetBrains Mono", monospace; font-size: 0.8rem; color: var(--ink-1);
    transition: transform 0.25s var(--ease), border-color 0.25s var(--ease), background 0.25s var(--ease);
  }
  .open-link:hover { transform: translateY(-2px); border-color: var(--gold-deep); background: oklch(0.30 0.046 210 / 0.6); }
  .open-link .ol-k { color: var(--ink); font-weight: 500; }
  .open-link .ol-d { color: var(--ink-3); }
  .open-link .arr { margin-left: auto; color: var(--gold-1); flex: none; }
  .open-stat { margin-top: 16px; padding: 20px 22px; border: 1px solid var(--line-soft); border-radius: var(--r-md); background: oklch(0.26 0.044 210 / 0.5); }
  .open-stat .big { font-family: "JetBrains Mono", monospace; font-size: 2.3rem; font-weight: 600; color: var(--gold); line-height: 1; letter-spacing: -0.02em; }
  .open-stat .lbl { font-size: 0.88rem; color: var(--ink-2); margin-top: 10px; line-height: 1.55; }

  /* ===================== DEEP DETAIL (expandables) ===================== */
  .deep-list { display: flex; flex-direction: column; gap: 12px; }
  details.exp {
    border: 1px solid var(--line-soft); border-radius: var(--r-md);
    background: oklch(0.255 0.042 210 / 0.5); overflow: hidden;
    transition: border-color 0.25s var(--ease);
  }
  details.exp[open] { border-color: var(--line); }
  details.exp > summary {
    cursor: pointer; list-style: none; padding: 20px 22px;
    display: flex; align-items: center; gap: 14px;
    font-family: "Space Grotesk", sans-serif; font-weight: 600; color: var(--ink); font-size: 1.06rem;
  }
  details.exp > summary::-webkit-details-marker { display: none; }
  details.exp > summary:hover { color: var(--ink); }
  details.exp > summary .ex-k { font-family: "JetBrains Mono", monospace; font-size: 0.64rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--gold); }
  details.exp > summary .chev { margin-left: auto; color: var(--ink-3); transition: transform 0.3s var(--ease); flex: none; }
  details.exp[open] > summary .chev { transform: rotate(90deg); }
  .ex-body { padding: 4px 22px 26px; }
  .ex-body > p { color: var(--ink-2); font-size: 0.94rem; line-height: 1.6; margin-bottom: 16px; max-width: 76ch; }
  details.exp[open] .ex-body { animation: exfade 360ms var(--ease-soft); }
  @keyframes exfade { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }

  /* guardrail list */
  .guards { display: grid; grid-template-columns: repeat(auto-fit, minmax(248px, 1fr)); gap: 1px; background: var(--line-hair); border: 1px solid var(--line-hair); border-radius: var(--r-sm); overflow: hidden; }
  .guard { background: oklch(0.235 0.040 210); padding: 16px 18px; }
  .guard .gk { font-family: "JetBrains Mono", monospace; font-size: 0.64rem; letter-spacing: 0.06em; color: var(--gold-1); }
  .guard h4 { margin: 7px 0 6px; font-size: 0.98rem; color: var(--ink); font-weight: 600; font-family: "Space Grotesk", sans-serif; letter-spacing: -0.01em; }
  .guard p { font-size: 0.82rem; color: var(--ink-2); line-height: 1.5; }
  .guard .src { display: block; margin-top: 8px; font-family: "JetBrains Mono", monospace; font-size: 0.62rem; color: var(--ink-3); }

  /* rule catalogue table */
  .rule-grp { font-family: "JetBrains Mono", monospace; font-size: 0.7rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--moat); margin: 22px 0 10px; }
  .rule-grp:first-child { margin-top: 4px; }
  .rule-table-wrap { overflow-x: auto; }
  .rule-table { width: 100%; border-collapse: collapse; font-size: 0.8rem; min-width: 520px; }
  .rule-table th, .rule-table td { text-align: left; padding: 8px 12px 8px 0; border-bottom: 1px solid var(--line-hair); vertical-align: top; }
  .rule-table th { font-family: "JetBrains Mono", monospace; font-size: 0.62rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-3); font-weight: 500; }
  .rule-table td.lbl { color: var(--ink-1); }
  .rule-table td.rid, .rule-table td.rcwe { font-family: "JetBrains Mono", monospace; color: var(--gold-1); white-space: nowrap; font-size: 0.74rem; }
  .rule-table td.rcwe { color: var(--ink-3); }

  /* version table */
  .ver-table { width: 100%; border-collapse: collapse; font-family: "JetBrains Mono", monospace; font-size: 0.78rem; }
  .ver-table th, .ver-table td { text-align: left; padding: 9px 14px 9px 0; border-bottom: 1px solid var(--line-hair); }
  .ver-table th { font-size: 0.62rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-3); font-weight: 500; }
  .ver-table td.vn { color: var(--ink); }
  .ver-table td.vv { color: var(--gold-1); }
  .ver-table td.vs { color: var(--ink-3); white-space: nowrap; }
  .ver-note { margin-top: 14px; font-size: 0.8rem; color: var(--ink-3); line-height: 1.55; }

  /* ===================== GET STARTED (final CTA) ===================== */
  .getstarted { text-align: center; }
  .getstarted .wrap { display: flex; flex-direction: column; align-items: center; }
  .getstarted .eyebrow::before { width: 5px; height: 5px; border-radius: 50%; background: var(--gold); }
  .getstarted h2 { margin-top: 20px; max-width: 18ch; }
  .getstarted h2 .hl { color: var(--gold); }
  .getstarted .lede { margin: 22px auto 0; max-width: 54ch; }
  .cmd-box {
    display: inline-flex; align-items: center; justify-content: space-between; gap: 18px;
    margin-top: clamp(34px, 5vh, 48px); width: min(560px, 100%);
    padding: 16px 16px 16px 24px;
    border: 1px solid var(--line); border-radius: var(--r-md);
    background: oklch(0.18 0.034 210 / 0.92);
    box-shadow: 0 24px 60px oklch(0.12 0.03 210 / 0.4);
  }
  .cmd-box .cmd-text { font-family: "JetBrains Mono", monospace; font-size: clamp(0.95rem, 1.5vw, 1.08rem); color: var(--ink); letter-spacing: -0.01em; }
  .cmd-box .pr { color: var(--gold); margin-right: 8px; }
  .cmd-box .copy {
    font-family: "JetBrains Mono", monospace; font-size: 0.74rem; text-transform: uppercase; letter-spacing: 0.08em;
    color: var(--ink-2); background: transparent; border: 1px solid var(--line-soft); border-radius: var(--r-sm);
    padding: 9px 16px; cursor: pointer; flex: none;
    transition: color 0.25s var(--ease), border-color 0.25s var(--ease), background 0.25s var(--ease);
  }
  .cmd-box .copy:hover { color: var(--ink); border-color: var(--gold-1); background: var(--gold-faint); }
  .cmd-box .copy.copied { color: var(--moat); border-color: oklch(0.86 0.155 122 / 0.4); }
  .cta-sub { display: flex; flex-wrap: wrap; justify-content: center; gap: clamp(16px, 3vw, 30px); margin-top: 24px; font-family: "JetBrains Mono", monospace; font-size: 0.74rem; letter-spacing: 0.04em; color: var(--ink-3); }
  .cta-sub span { display: inline-flex; align-items: center; gap: 8px; }
  .cta-sub span::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: var(--gold-1); opacity: 0.75; }

  /* ---- Get started: multi-step install ---- */
  .install-panel { width: min(680px, 100%); text-align: left; margin-top: clamp(30px, 4.5vh, 46px); }
  .install-steps { display: flex; flex-direction: column; gap: clamp(16px, 2.4vh, 26px); }
  .istep .cmd-box.block { display: block; position: relative; width: 100%; margin-top: 14px; padding: 14px 16px; }
  .istep .cmd-box.block pre { margin: 0; overflow-x: auto; }
  .istep .cmd-box.block code { display: block; font-family: "JetBrains Mono", ui-monospace, monospace; font-size: clamp(0.78rem, 1.35vw, 0.92rem); color: var(--ink); white-space: pre; line-height: 1.62; padding-right: 58px; }
  .istep .cmd-box.block .pr { color: var(--gold); margin-right: 8px; }
  .istep .cmd-box.block .copy { position: absolute; top: 11px; right: 11px; }
  .istep .ask { margin-top: 13px; color: var(--ink-1); font-size: 0.95rem; }
  .istep .ask .mono { color: var(--gold-1); }
  .inst-meta { margin-top: clamp(20px, 3vh, 28px); font-family: "JetBrains Mono", monospace; font-size: 0.74rem; letter-spacing: 0.02em; display: flex; flex-wrap: wrap; gap: 8px 20px; }
  .inst-meta a { color: var(--ink-2); border-bottom: 1px solid var(--line-soft); transition: color 0.25s var(--ease), border-color 0.25s var(--ease); }
  .inst-meta a:hover { color: var(--gold-1); border-color: var(--gold-1); }
  .agent-reg { width: min(920px, 100%); text-align: left; margin-top: clamp(40px, 6vh, 66px); }
  .agent-reg .rhead { font-family: "JetBrains Mono", monospace; font-size: 0.72rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--gold); margin: 0 0 6px; }
  .agent-reg .rsub { color: var(--ink-2); font-size: 0.95rem; margin: 0 0 20px; max-width: 60ch; }
  .agent-reg .guards { display: flex; flex-wrap: wrap; }
  .agent-reg .guard { flex: 1 1 248px; }
  .agent-reg .guard .gk { color: var(--gold); }
  .agent-reg .guard .mono { overflow-wrap: anywhere; }

  /* ===================== FOOTER ===================== */
  footer { border-top: 1px solid var(--line-hair); padding: clamp(48px,7vh,80px) 0 56px; }
  .foot-top { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 28px; align-items: flex-start; }
  .foot-claims { max-width: 60ch; }
  .foot-claims h3 { font-size: 0.94rem; color: var(--ink); margin-bottom: 14px; }
  .foot-claims ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 9px; }
  .foot-claims li { font-size: 0.82rem; color: var(--ink-3); line-height: 1.5; padding-left: 18px; position: relative; }
  .foot-claims li::before { content: "\203A"; position: absolute; left: 0; color: var(--gold-deep); }
  .foot-bottom { margin-top: 44px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px; font-family: "JetBrains Mono", monospace; font-size: 0.72rem; color: var(--ink-3); }

  :focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; border-radius: 3px; }

  .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

  /* ===================== RESPONSIVE: console ===================== */
  @media (max-width: 560px) {
    .console-body { grid-template-columns: 1fr; }
    .radar-panel { grid-row: auto; }
    .feed-row { grid-template-columns: auto auto 1fr; }
    .feed-row .loc, .feed-row .cwe { display: none; }
    .feed-row .eng { justify-self: end; }
    .console-bar { flex-wrap: wrap; }
    .console-bar .scan-id { display: none; }
  }

  /* ===================== HOVER LIFTS ===================== */
  .hud-panel, .flow-step, .verify-row, .cov-aside, .open-link {
    transition: opacity 560ms var(--ease-soft), transform 320ms var(--ease), filter 320ms var(--ease), border-color 320ms var(--ease), background 320ms var(--ease);
  }
  .hud-panel:hover, .flow-step:hover, .verify-row:hover, .cov-aside:hover {
    transform: translateY(-3px); filter: brightness(1.06); border-color: var(--gold-deep);
  }
  .moat-block, .trust-block { transition: opacity 560ms var(--ease-soft), transform 360ms var(--ease), filter 360ms var(--ease); }
  .moat-block:hover, .trust-block:hover { transform: translateY(-4px); filter: brightness(1.04); }

  /* ===================== RESPONSIVE HARDENING (zero sideways overflow) ===================== */
  /* clip (not hidden) so the root never becomes a scroll container -> sticky nav stays intact */
  html { overflow-x: clip; }
  /* let flex/grid children shrink instead of stretching to wide mono content */
  .verify-row .sha, .cov-stat, .feed-foot { min-width: 0; }
  .supply-grid > *, .cov-grid > *, .open-grid > *, .deep-list > details, .engine-columns > *, .flow > * { min-width: 0; }
  /* wide data tables scroll inside their own box, never the page */
  .rule-table-wrap, .ver-table-wrap { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  img { max-width: 100%; }

  @media (max-width: 860px) {
    .supply-grid, .cov-grid, .open-grid { grid-template-columns: minmax(0, 1fr); }
  }
  @media (max-width: 560px) {
    .verify-row { gap: 10px; padding: 12px 13px; }
    .verify-row .vk { min-width: 0; }
    .nav-inner { padding-left: 16px; padding-right: 16px; }
    .nav-cta { white-space: nowrap; }
  }
  @media (max-width: 480px) {
    .nav .brand .by { display: none; }
  }
  /* touch: >=44px tap targets, >=14px body copy on phones */
  @media (max-width: 600px) {
    .nav-cta { padding-top: 12px; padding-bottom: 12px; }
    .cmd-box .copy { padding-top: 13px; padding-bottom: 13px; }
    .flow-step p, .moat-item p, .loop-node p, .foot-claims li { font-size: 0.9rem; }
  }

  /* ===================== REDUCED MOTION ===================== */
  @media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { animation: none !important; transition: none !important; }
    .reveal { opacity: 1 !important; transform: none !important; filter: none !important; }
    .hud-panel:hover, .flow-step:hover, .verify-row:hover, .cov-aside:hover, .moat-block:hover, .trust-block:hover { transform: none !important; }
    .feed-row { opacity: 1 !important; transform: none !important; }
    .blip { opacity: 1 !important; }
    .led.live { opacity: 1 !important; }
    details.exp[open] .ex-body { animation: none !important; }
  }

  /* CSP-safe replacements for the document's former inline style attributes. */
  .sweep { transform-origin: 100px 100px; }
  .bg-critical { background: var(--crit); }
  .bg-high { background: var(--high); }
  .bg-medium { background: var(--med); }
  .bg-low { background: var(--low); }
  .bg-info { background: var(--ink-3); }
  .feed-value { color: var(--ink-2); }
  .moat-lede { margin-top: 18px; }
  .verify-row-rejected { border-color: var(--gold-deep); }
  .verify-key-rejected { color: var(--gold); }
  .verify-status-rejected { background: var(--crit); color: var(--ink); }
  .cov-fill-100 { width: 100%; }
  .cov-fill-86 { width: 86%; }
  .cov-fill-60 { width: 60%; }
  .cov-fill-50 { width: 50%; }
  .foot-brand { font-size: 1.1rem; }