:root {
      --bg:#F6F7F9; --surface:#FFFFFF; --surface-soft:#F1F3F7;
      --fg:#16233A; --muted:#6B7689; --border:#DDE2EA;
      --accent:#FF5A1F; --blue:#2F6BFF; --blue-soft:#5B8DFF; --deep:#123A8F;
      --font-body:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
      --font-mono:"SFMono-Regular","SF Mono",Menlo,Consolas,monospace;
      --ease-out: cubic-bezier(0.23,1,0.32,1);
      --shadow-lg:0 28px 80px rgba(22,35,58,.12);
      --section-space:clamp(72px,8vw,120px);
    }

    * { box-sizing:border-box; }
    html { scroll-behavior:smooth; }
    html, body { overflow-x:hidden; max-width:100%; }
    body {
      margin:0;
      background:var(--bg);
      color:var(--fg);
      font:16px/1.8 var(--font-body);
      -webkit-font-smoothing:antialiased;
      text-rendering:optimizeLegibility;
    }
    body.menu-open { overflow:hidden; }
    a { color:inherit; text-decoration:none; }
    button, a { -webkit-tap-highlight-color:transparent; }
    button { font:inherit; }
    img { display:block; max-width:100%; }
    p, h1, h2, h3, figure { margin:0; }
    ul { margin:0; padding:0; list-style:none; }
    a:focus-visible, button:focus-visible, [tabindex]:focus-visible {
      outline:3px solid var(--accent);
      outline-offset:4px;
    }
    ::selection { color:var(--surface); background:var(--deep); }

    .container {
      width:100%;
      max-width:1200px;
      margin-inline:auto;
      padding-inline:clamp(20px,5vw,64px);
    }
    .skip-link {
      position:fixed;
      top:12px;
      left:12px;
      z-index:2000;
      padding:10px 16px;
      color:var(--fg);
      background:var(--surface);
      border:1px solid var(--border);
      transform:translateY(-160%);
      transition:transform .2s var(--ease-out);
    }
    .skip-link:focus { transform:translateY(0); }

    .site-header {
      position:fixed;
      inset:0 0 auto;
      z-index:1000;
      height:80px;
      color:var(--surface);
      background:rgba(12,18,32,.35);
      -webkit-backdrop-filter:blur(18px);
      backdrop-filter:blur(18px);
      border-bottom:1px solid rgba(255,255,255,.14);
      transition:background .35s var(--ease-out), color .35s var(--ease-out), border-color .35s var(--ease-out);
    }
    .site-header.is-solid {
      color:var(--fg);
      background:rgba(255,255,255,.78);
      border-color:rgba(221,226,234,.85);
      box-shadow:0 12px 40px rgba(22,35,58,.06);
    }
    .header-inner {
      height:100%;
      display:grid;
      grid-template-columns:1fr auto 1fr;
      align-items:center;
      gap:28px;
    }
    .brand {
      display:inline-flex;
      align-items:center;
      gap:11px;
      width:max-content;
      font-size:18px;
      font-weight:650;
      letter-spacing:.015em;
      line-height:1;
    }
    .brand-mark {
      position:relative;
      width:25px;
      height:25px;
      border:1.5px solid currentColor;
      border-radius:50%;
    }
    .brand-mark::before,
    .brand-mark::after {
      content:"";
      position:absolute;
      inset:5px;
      border:1px solid currentColor;
      border-radius:50%;
    }
    .brand-mark::after {
      inset:10px -4px 10px 50%;
      border-width:0 0 0 1px;
      border-radius:0;
      transform:rotate(35deg);
      transform-origin:left center;
    }
    .desktop-nav {
      display:flex;
      align-items:center;
      gap:clamp(20px,3vw,38px);
      font-size:14px;
      font-weight:520;
      letter-spacing:.02em;
    }
    .desktop-nav a {
      position:relative;
      padding-block:29px;
      white-space:nowrap;
      transition:opacity .2s var(--ease-out);
    }
    .desktop-nav a:hover { opacity:.72; }
    .desktop-nav a[aria-current="page"]::after {
      content:"";
      position:absolute;
      right:0;
      bottom:20px;
      left:0;
      height:2px;
      background:var(--accent);
      border-radius:2px;
    }
    .header-actions {
      justify-self:end;
      display:flex;
      align-items:center;
      gap:14px;
    }
    .cta {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:44px;
      padding:0 22px;
      color:#fff;
      background:var(--accent);
      border:1px solid rgba(255,255,255,.18);
      border-radius:999px;
      font-size:14px;
      font-weight:620;
      letter-spacing:.02em;
      box-shadow:0 8px 26px rgba(255,90,31,.24);
      transition:transform .2s var(--ease-out), box-shadow .2s var(--ease-out), background .2s var(--ease-out);
    }
    .cta:hover { transform:translateY(-2px); box-shadow:0 12px 32px rgba(255,90,31,.32); }
    .cta:active { transform:translateY(0); }
    .menu-toggle {
      display:none;
      width:44px;
      height:44px;
      align-items:center;
      justify-content:center;
      color:inherit;
      background:transparent;
      border:1px solid rgba(255,255,255,.34);
      border-radius:50%;
      cursor:pointer;
    }
    .site-header.is-solid .menu-toggle { border-color:var(--border); }
    .menu-toggle span,
    .menu-toggle span::before,
    .menu-toggle span::after {
      display:block;
      width:18px;
      height:1.5px;
      background:currentColor;
      transition:transform .25s var(--ease-out), opacity .2s var(--ease-out);
    }
    .menu-toggle span { position:relative; }
    .menu-toggle span::before,
    .menu-toggle span::after { content:""; position:absolute; left:0; }
    .menu-toggle span::before { top:-6px; }
    .menu-toggle span::after { top:6px; }
    .menu-toggle[aria-expanded="true"] span { background:transparent; }
    .menu-toggle[aria-expanded="true"] span::before { top:0; transform:rotate(45deg); }
    .menu-toggle[aria-expanded="true"] span::after { top:0; transform:rotate(-45deg); }
    .mobile-panel {
      position:fixed;
      top:80px;
      right:0;
      left:0;
      z-index:999;
      display:none;
      padding:20px clamp(20px,5vw,64px) 30px;
      color:var(--surface);
      background:rgba(12,18,32,.94);
      -webkit-backdrop-filter:blur(18px);
      backdrop-filter:blur(18px);
      border-bottom:1px solid rgba(255,255,255,.14);
    }
    .mobile-panel.is-open { display:block; }
    .mobile-panel nav { display:grid; }
    .mobile-panel nav a {
      padding:14px 0;
      border-bottom:1px solid rgba(255,255,255,.12);
      font-size:18px;
    }
    .mobile-panel .cta { width:100%; margin-top:22px; }

    .glass {
      position:relative; isolation:isolate;
      background:rgba(255,255,255,.10);
      -webkit-backdrop-filter:blur(24px) saturate(180%);
      backdrop-filter:blur(24px) saturate(180%);
      border:1.5px solid rgba(255,255,255,.45);
      border-radius:28px;
      box-shadow:0 28px 90px rgba(0,0,0,.55),
                 inset 0 1px 0 rgba(255,255,255,.65),
                 inset 0 -1px 0 rgba(255,255,255,.10);
      overflow:hidden;
    }
    .glass::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
      background:linear-gradient(148deg,rgba(255,255,255,.30) 0%,rgba(255,255,255,.06) 30%,rgba(255,255,255,0) 52%);}
    .glass::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.12), inset 0 24px 48px -24px rgba(255,255,255,.28);}
    .glass, .glass h1, .glass h2, .glass h3, .glass p { color:#fff; }

    .qa-hero {
      position:relative;
      min-height:max(780px,100svh);
      overflow:hidden;
      background:#07101e;
    }
    .qa-hero__photo {
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      object-fit:cover;
      object-position:center 46%;
    }
    .qa-hero__shade {
      position:absolute;
      inset:0;
      background:linear-gradient(105deg,rgba(6,10,20,.45),rgba(6,10,20,.12) 60%,transparent);
    }
    .qa-hero__shade::after {
      content:"";
      position:absolute;
      inset:auto 0 0;
      height:34%;
      background:linear-gradient(to top,rgba(6,10,20,.54),transparent);
    }
    .qa-hero__inner {
      position:relative;
      z-index:1;
      min-height:max(780px,100svh);
      display:flex;
      align-items:center;
      padding-top:122px;
      padding-bottom:56px;
    }
    .qa-panel {
      width:min(720px,72vw);
      padding:clamp(30px,4vw,56px);
    }
    .breadcrumb {
      display:flex;
      align-items:center;
      gap:10px;
      margin-bottom:clamp(40px,6vw,80px);
      color:rgba(255,255,255,.72);
      font-size:13px;
      letter-spacing:.03em;
    }
    .breadcrumb a { transition:color .2s var(--ease-out); }
    .breadcrumb a:hover { color:#fff; }
    .breadcrumb span[aria-current] { color:#fff; }
    .breadcrumb .slash { color:rgba(255,255,255,.38); }
    .eyebrow {
      display:flex;
      align-items:center;
      gap:12px;
      margin-bottom:18px;
      font-family:var(--font-mono);
      font-size:11px;
      line-height:1.5;
      letter-spacing:.14em;
      text-transform:uppercase;
    }
    .eyebrow::before {
      content:"";
      width:26px;
      height:1px;
      background:currentColor;
      opacity:.65;
    }
    .qa-panel h1 {
      max-width:8em;
      font-size:clamp(38px,4.6vw,64px);
      font-weight:650;
      line-height:1.3;
      letter-spacing:0;
    }
    .qa-definition {
      max-width:17em;
      margin-top:22px;
      font-size:clamp(18px,2vw,23px);
      line-height:1.7;
      color:rgba(255,255,255,.92);
    }
    .qa-meta {
      display:flex;
      flex-wrap:wrap;
      align-items:center;
      justify-content:space-between;
      gap:20px;
      margin-top:clamp(42px,6vw,74px);
      padding-top:22px;
      border-top:1px solid rgba(255,255,255,.22);
    }
    .status-line {
      display:inline-flex;
      align-items:center;
      gap:10px;
      font-size:14px;
      font-weight:550;
      letter-spacing:.02em;
    }
    .status-line::before {
      content:"";
      width:8px;
      height:8px;
      background:var(--blue-soft);
      border-radius:50%;
      box-shadow:0 0 0 5px rgba(91,141,255,.15);
    }
    .text-link-light {
      display:inline-flex;
      align-items:center;
      gap:12px;
      min-height:44px;
      color:#fff;
      font-size:14px;
      font-weight:560;
      border-bottom:1px solid rgba(255,255,255,.4);
      transition:border-color .2s var(--ease-out), gap .2s var(--ease-out);
    }
    .text-link-light:hover { gap:16px; border-color:#fff; }

    .section { padding-block:var(--section-space); }
    .section-kicker {
      display:flex;
      align-items:center;
      gap:13px;
      margin-bottom:22px;
      color:var(--blue);
      font-family:var(--font-mono);
      font-size:11px;
      line-height:1.5;
      letter-spacing:.12em;
      text-transform:uppercase;
    }
    .section-kicker::after {
      content:"";
      width:42px;
      height:1px;
      background:currentColor;
      opacity:.45;
    }
    h2 {
      font-size:clamp(28px,3vw,42px);
      font-weight:640;
      line-height:1.35;
      letter-spacing:0;
    }
    .split-heading {
      display:grid;
      grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);
      gap:clamp(40px,8vw,110px);
      align-items:end;
    }
    .split-heading h2 { max-width:12em; }
    .split-heading p {
      max-width:32em;
      color:var(--muted);
      font-size:17px;
      line-height:1.85;
    }
    .intro-grid {
      display:grid;
      grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);
      gap:clamp(42px,8vw,110px);
      align-items:start;
      margin-top:clamp(58px,8vw,96px);
    }
    .plain-language {
      font-size:clamp(20px,2.1vw,27px);
      line-height:1.72;
      font-weight:520;
      max-width:18em;
    }
    .plain-language strong {
      color:var(--deep);
      font-weight:650;
    }
    .context-strip {
      display:grid;
      grid-template-columns:1fr 1fr;
      border-top:1px solid var(--border);
      border-bottom:1px solid var(--border);
    }
    .context-side {
      position:relative;
      min-height:186px;
      padding:28px 26px;
    }
    .context-side + .context-side { border-left:1px solid var(--border); }
    .context-label {
      display:block;
      margin-bottom:46px;
      color:var(--muted);
      font-family:var(--font-mono);
      font-size:10px;
      letter-spacing:.12em;
      text-transform:uppercase;
    }
    .context-side p { font-size:16px; font-weight:560; }
    .context-side small {
      display:block;
      margin-top:8px;
      color:var(--muted);
      font-size:13px;
      line-height:1.7;
    }
    .context-side.is-inside::after {
      content:"";
      position:absolute;
      top:20px;
      right:18px;
      width:34px;
      height:34px;
      border:1px solid var(--border);
      border-radius:50%;
    }
    .context-side.is-inside::before {
      content:"×";
      position:absolute;
      top:23px;
      right:32px;
      z-index:1;
      color:var(--deep);
      font-size:24px;
      line-height:1;
    }

    .how-section { background:var(--surface-soft); }
    .isolation-layout {
      display:grid;
      grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);
      gap:clamp(48px,8vw,112px);
      align-items:start;
      margin-top:clamp(56px,7vw,90px);
    }
    .machine-figure {
      position:relative;
      padding:30px;
      background:var(--surface);
      border:1px solid var(--border);
      box-shadow:var(--shadow-lg);
    }
    .machine-figure__meta {
      display:flex;
      justify-content:space-between;
      gap:20px;
      margin-bottom:84px;
      color:var(--muted);
      font-family:var(--font-mono);
      font-size:10px;
      letter-spacing:.1em;
      text-transform:uppercase;
    }
    .machine {
      position:relative;
      width:min(230px,72%);
      height:150px;
      margin-inline:auto;
      border:1.5px solid var(--fg);
      border-radius:8px;
      background:linear-gradient(180deg,var(--surface) 0%,var(--surface-soft) 100%);
    }
    .machine::before {
      content:"";
      position:absolute;
      right:24px;
      bottom:-28px;
      left:24px;
      height:27px;
      border:1.5px solid var(--fg);
      border-top:0;
      border-radius:0 0 8px 8px;
      background:var(--surface-soft);
    }
    .machine::after {
      content:"独立设备";
      position:absolute;
      top:50%;
      left:50%;
      padding:6px 10px;
      color:var(--surface);
      background:var(--deep);
      font-size:12px;
      letter-spacing:.08em;
      white-space:nowrap;
      transform:translate(-50%,-50%);
    }
    .separation {
      position:relative;
      height:110px;
      margin:34px 0 8px;
    }
    .separation::before {
      content:"";
      position:absolute;
      top:0;
      bottom:0;
      left:50%;
      border-left:1.5px dashed var(--blue-soft);
    }
    .separation span {
      position:absolute;
      top:50%;
      left:50%;
      padding:10px 12px;
      color:var(--blue);
      background:var(--surface);
      border:1px solid rgba(47,107,255,.24);
      font-family:var(--font-mono);
      font-size:10px;
      letter-spacing:.08em;
      white-space:nowrap;
      transform:translate(-50%,-50%) rotate(-90deg);
    }
    .office-zone {
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:18px;
      padding-top:22px;
      border-top:1px solid var(--border);
    }
    .office-zone strong { font-size:15px; font-weight:600; }
    .office-zone span {
      max-width:15em;
      color:var(--muted);
      font-size:12px;
      line-height:1.6;
      text-align:right;
    }
    .method-list { border-top:1px solid var(--border); }
    .method-item {
      display:grid;
      grid-template-columns:48px minmax(0,1fr);
      gap:24px;
      padding:28px 0;
      border-bottom:1px solid var(--border);
    }
    .method-index {
      color:var(--blue);
      font-family:var(--font-mono);
      font-size:11px;
      letter-spacing:.1em;
    }
    .method-item h3 {
      margin-bottom:8px;
      font-size:20px;
      line-height:1.5;
      font-weight:630;
    }
    .method-item p {
      max-width:39em;
      color:var(--muted);
      font-size:15px;
      line-height:1.8;
    }

    .knowledge-panel {
      margin-top:clamp(54px,7vw,88px);
      padding-top:32px;
      border-top:1px solid var(--border);
    }
    .knowledge-head {
      display:flex;
      justify-content:space-between;
      gap:28px;
      align-items:flex-start;
    }
    .knowledge-head h3 {
      max-width:15em;
      font-size:clamp(24px,2.6vw,32px);
      line-height:1.45;
      font-weight:630;
    }
    .knowledge-head p {
      max-width:27em;
      color:var(--muted);
      font-size:14px;
      line-height:1.8;
    }
    .knowledge-switcher {
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:1px;
      margin-top:34px;
      background:var(--border);
      border:1px solid var(--border);
    }
    .knowledge-tabs {
      display:flex;
      grid-column:1 / -1;
      background:var(--surface);
    }
    .knowledge-tab {
      flex:1;
      min-height:54px;
      padding:10px 18px;
      color:var(--muted);
      background:var(--surface);
      border:0;
      border-bottom:1px solid var(--border);
      cursor:pointer;
      font-size:14px;
      font-weight:590;
      letter-spacing:.02em;
      transition:background .2s var(--ease-out), color .2s var(--ease-out);
    }
    .knowledge-tab + .knowledge-tab { border-left:1px solid var(--border); }
    .knowledge-tab[aria-selected="true"] {
      color:var(--deep);
      background:var(--surface-soft);
      border-bottom-color:var(--surface-soft);
    }
    .knowledge-tab:hover { color:var(--fg); background:var(--surface-soft); }
    .knowledge-list {
      min-height:245px;
      grid-column:1 / -1;
      padding:28px 30px 32px;
      background:var(--surface);
    }
    .knowledge-list[hidden] { display:none; }
    .knowledge-list-title {
      margin-bottom:19px;
      color:var(--muted);
      font-family:var(--font-mono);
      font-size:10px;
      letter-spacing:.1em;
      text-transform:uppercase;
    }
    .knowledge-list li {
      display:grid;
      grid-template-columns:22px minmax(0,1fr);
      gap:12px;
      align-items:start;
      padding:11px 0;
      font-size:15px;
      border-bottom:1px solid rgba(221,226,234,.7);
    }
    .knowledge-list li:last-child { border-bottom:0; }
    .list-mark {
      color:var(--blue);
      font-family:var(--font-mono);
      font-size:12px;
      line-height:1.8;
    }
    .knowledge-list.is-blocked .list-mark { color:var(--muted); }

    .status-section { background:var(--surface); }
    .status-shell {
      display:grid;
      grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
      gap:clamp(42px,8vw,112px);
      margin-top:clamp(54px,7vw,90px);
      align-items:start;
    }
    .status-state {
      padding-top:26px;
      border-top:2px solid var(--deep);
    }
    .status-state__label {
      display:block;
      margin-bottom:26px;
      color:var(--muted);
      font-family:var(--font-mono);
      font-size:10px;
      letter-spacing:.1em;
      text-transform:uppercase;
    }
    .status-state strong {
      display:block;
      color:var(--deep);
      font-size:clamp(32px,4.2vw,56px);
      line-height:1.3;
      font-weight:630;
    }
    .status-state p {
      margin-top:18px;
      color:var(--muted);
      font-size:15px;
    }
    .status-details { display:grid; }
    .status-row {
      display:grid;
      grid-template-columns:minmax(120px,.38fr) minmax(0,.62fr);
      gap:28px;
      padding:24px 0;
      border-top:1px solid var(--border);
    }
    .status-row:last-child { border-bottom:1px solid var(--border); }
    .status-row dt {
      color:var(--muted);
      font-size:13px;
    }
    .status-row dd {
      margin:0;
      font-size:16px;
      font-weight:540;
    }
    .status-row dd span {
      display:inline-flex;
      align-items:center;
      gap:9px;
    }
    .status-row dd span::before {
      content:"";
      width:7px;
      height:7px;
      background:var(--blue);
      border-radius:50%;
    }

    .boundary-section {
      position:relative;
      padding-block:clamp(82px,9vw,132px);
      color:var(--surface);
      background:var(--deep);
      overflow:hidden;
    }
    .boundary-section::after {
      content:"";
      position:absolute;
      top:0;
      right:8%;
      width:1px;
      height:100%;
      background:rgba(255,255,255,.16);
    }
    .boundary-grid {
      position:relative;
      z-index:1;
      display:grid;
      grid-template-columns:minmax(0,1fr) minmax(320px,.78fr);
      gap:clamp(50px,8vw,122px);
      align-items:start;
    }
    .boundary-section .section-kicker { color:var(--blue-soft); }
    .boundary-section h2 {
      max-width:9em;
      font-size:clamp(28px,3vw,42px);
      line-height:1.35;
      font-weight:640;
    }
    .boundary-section h2 span {
      display:block;
      color:rgba(255,255,255,.58);
    }
    .boundary-copy {
      padding-top:8px;
    }
    .boundary-copy > p {
      max-width:30em;
      color:rgba(255,255,255,.82);
      font-size:17px;
      line-height:1.9;
    }
    .hard-rule {
      margin-top:46px;
      padding-top:26px;
      border-top:1px solid rgba(255,255,255,.2);
    }
    .hard-rule strong {
      display:block;
      margin-bottom:10px;
      font-size:18px;
      font-weight:620;
    }
    .hard-rule p {
      color:rgba(255,255,255,.68);
      font-size:14px;
      line-height:1.8;
    }
    .boundary-diagram {
      display:grid;
      grid-template-columns:1fr 42px 1fr;
      align-items:stretch;
      min-height:110px;
      margin-top:30px;
      border:1px solid rgba(255,255,255,.24);
    }
    .boundary-node {
      padding:18px;
      font-size:12px;
      letter-spacing:.04em;
    }
    .boundary-node small {
      display:block;
      margin-top:8px;
      color:rgba(255,255,255,.55);
      font-family:var(--font-mono);
      font-size:9px;
      letter-spacing:.08em;
      text-transform:uppercase;
    }
    .boundary-wall {
      display:grid;
      place-items:center;
      color:var(--blue-soft);
      border-right:1px solid rgba(255,255,255,.24);
      border-left:1px solid rgba(255,255,255,.24);
      font-family:var(--font-mono);
      font-size:9px;
      letter-spacing:.08em;
      writing-mode:vertical-rl;
      transform:rotate(180deg);
    }

    .related-section { background:var(--bg); }
    .related-link {
      display:grid;
      grid-template-columns:minmax(0,1fr) auto;
      gap:32px;
      align-items:center;
      min-height:178px;
      padding:32px 0;
      border-top:1px solid var(--border);
      border-bottom:1px solid var(--border);
      transition:padding .25s var(--ease-out), background .25s var(--ease-out);
    }
    .related-link:hover { padding-inline:22px; background:var(--surface); }
    .related-link__lead {
      display:grid;
      grid-template-columns:minmax(160px,.42fr) minmax(0,.58fr);
      gap:32px;
      align-items:center;
    }
    .related-link small {
      color:var(--muted);
      font-family:var(--font-mono);
      font-size:10px;
      letter-spacing:.1em;
      text-transform:uppercase;
    }
    .related-link h3 {
      font-size:clamp(26px,3vw,38px);
      line-height:1.35;
      font-weight:630;
    }
    .related-link p {
      max-width:27em;
      color:var(--muted);
      font-size:14px;
      line-height:1.8;
    }
    .related-arrow {
      display:grid;
      width:52px;
      height:52px;
      place-items:center;
      color:var(--deep);
      border:1px solid var(--border);
      border-radius:50%;
      transition:transform .25s var(--ease-out), border-color .25s var(--ease-out);
    }
    .related-link:hover .related-arrow { transform:translateX(5px); border-color:var(--blue); }

    .site-footer {
      color:var(--surface);
      background:var(--deep);
      padding:clamp(62px,7vw,92px) 0 26px;
    }
    .footer-grid {
      display:grid;
      grid-template-columns:1.6fr .75fr .75fr .75fr;
      gap:clamp(34px,6vw,80px);
    }
    .footer-brand .brand { margin-bottom:22px; }
    .footer-brand p {
      max-width:20em;
      color:rgba(255,255,255,.72);
      font-size:15px;
      line-height:1.9;
    }
    .footer-column h3 {
      margin:0 0 18px;
      color:rgba(255,255,255,.48);
      font-family:var(--font-mono);
      font-size:10px;
      line-height:1.5;
      letter-spacing:.12em;
      text-transform:uppercase;
    }
    .footer-column ul { display:grid; gap:10px; }
    .footer-column a {
      display:inline-flex;
      min-height:32px;
      align-items:center;
      color:rgba(255,255,255,.82);
      font-size:14px;
      transition:color .2s var(--ease-out);
    }
    .footer-column a:hover { color:#fff; text-decoration:underline; text-underline-offset:4px; }
    .footer-bottom {
      display:flex;
      justify-content:space-between;
      gap:24px;
      margin-top:clamp(60px,7vw,94px);
      padding-top:22px;
      color:rgba(255,255,255,.58);
      border-top:1px solid rgba(255,255,255,.18);
      font-size:12px;
    }

    .reveal {
      opacity:0;
      transform:translateY(26px);
      transition:opacity .65s var(--ease-out), transform .65s var(--ease-out);
    }
    .reveal.is-visible { opacity:1; transform:none; }
    .section [id] { scroll-margin-top:104px; }

    @media (max-width: 980px) {
      .desktop-nav { display:none; }
      .menu-toggle { display:inline-flex; }
      .header-inner { grid-template-columns:1fr auto; }
      .header-actions .cta { display:none; }
      .qa-panel { width:min(700px,90vw); }
      .split-heading,
      .intro-grid,
      .isolation-layout,
      .status-shell,
      .boundary-grid { grid-template-columns:1fr; }
      .split-heading { align-items:start; }
      .machine-figure { max-width:580px; }
      .knowledge-head { display:grid; }
      .status-shell { gap:42px; }
      .boundary-grid { gap:44px; }
      .boundary-section h2 { max-width:11em; }
      .footer-grid { grid-template-columns:1fr 1fr; }
      .footer-brand { grid-column:1 / -1; }
      .footer-column:last-child { grid-column:auto; }
    }

    @media (max-width: 700px) {
      .site-header { height:72px; }
      .mobile-panel { top:72px; }
      .brand { font-size:16px; }
      .brand-mark { width:22px; height:22px; }
      .qa-hero,
      .qa-hero__inner { min-height:760px; }
      .qa-hero__inner { padding-top:104px; padding-bottom:36px; align-items:flex-end; }
      .qa-panel {
        width:100%;
        padding:28px 24px 30px;
      }
      .breadcrumb { margin-bottom:38px; font-size:12px; }
      .qa-panel h1 { font-size:clamp(38px,4.6vw,64px); }
      .qa-definition { margin-top:16px; font-size:18px; }
      .qa-meta { margin-top:38px; }
      .qa-hero__photo { object-position:56% center; }
      .section { padding-block:72px; }
      .intro-grid { margin-top:42px; gap:38px; }
      .context-strip { grid-template-columns:1fr; }
      .context-side + .context-side { border-top:1px solid var(--border); border-left:0; }
      .context-label { margin-bottom:30px; }
      .method-item { grid-template-columns:36px minmax(0,1fr); gap:14px; }
      .knowledge-list { padding:24px 20px 28px; min-height:280px; }
      .knowledge-tab { font-size:13px; }
      .status-state strong { font-size:40px; }
      .status-row { grid-template-columns:1fr; gap:8px; }
      .boundary-section { padding-block:78px; }
      .boundary-section::after { display:none; }
      .boundary-diagram { grid-template-columns:1fr; }
      .boundary-wall {
        min-height:42px;
        writing-mode:horizontal-tb;
        transform:none;
        border:0;
        border-top:1px solid rgba(255,255,255,.24);
        border-bottom:1px solid rgba(255,255,255,.24);
      }
      .related-link,
      .related-link__lead { grid-template-columns:1fr; }
      .related-link { gap:24px; }
      .related-arrow { width:46px; height:46px; }
      .footer-grid { grid-template-columns:1fr 1fr; }
      .footer-brand { grid-column:1 / -1; }
      .footer-column:last-child { grid-column:auto; }
      .footer-bottom { display:block; }
    }

    @media (max-width: 430px) {
      .qa-panel { padding:24px 20px 26px; }
      .qa-meta { align-items:flex-start; flex-direction:column; }
      .knowledge-tabs { flex-direction:column; }
      .knowledge-tab + .knowledge-tab { border-top:1px solid var(--border); border-left:0; }
      .footer-grid { grid-template-columns:1fr; }
      .footer-brand,
      .footer-column:last-child { grid-column:auto; }
    }

    @media (prefers-reduced-motion: reduce) {
      html { scroll-behavior:auto; }
      *, *::before, *::after {
        animation-duration:.01ms !important;
        animation-iteration-count:1 !important;
        transition-duration:.01ms !important;
      }
      .reveal { opacity:1; transform:none; }
    }