:root {
        --paper: #f6f1e3;
        --paper-deep: #ece2c8;
        --panel: #fdfaf0;
        --ink: #221d11;
        --ink-soft: #45402c;
        --muted: #5d5540;
        --line: #cfc19c;
        --line-strong: #a08d5c;
        --amber: #8a5604;
        --amber-bright: #9a6206;
        --amber-soft: #f0dfb2;
        --stamp: #2f5d1f;
        --stamp-soft: #e4ecd2;
        --fail: #8c2f1b;
        --dark: #211c10;
        --dark-panel: #2b2515;
        --dark-ink: #f3ecd8;
        --dark-soft: #d8cfb2;
      }
      * { box-sizing: border-box; }
      html { scroll-behavior: smooth; }
      body {
        margin: 0;
        background: var(--paper);
        color: var(--ink);
        font-family: "Archivo", system-ui, sans-serif;
        font-size: 16.5px;
        line-height: 1.6;
        -webkit-font-smoothing: antialiased;
      }
      .mono { font-family: "IBM Plex Mono", ui-monospace, monospace; }
      a, button, summary { cursor: pointer; }
      a { color: inherit; }
      :focus-visible { outline: 3px solid var(--amber); outline-offset: 2px; }
      .wrap { max-width: 1080px; margin: 0 auto; padding: 0 22px; }

      /* top bar */
      .topbar {
        position: sticky; top: 0; z-index: 30;
        background: var(--paper);
        border-bottom: 2px solid var(--ink);
      }
      .topbar-in { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; padding: 6px 0; }
      .brand { font-weight: 900; letter-spacing: -0.01em; font-size: 18px; text-decoration: none; min-height: 48px; display: inline-flex; align-items: center; }
      .brand .qa-mark {
        font-family: "IBM Plex Mono", monospace; font-size: 12px; font-weight: 700; color: var(--stamp);
        border: 2px solid var(--stamp); padding: 2px 6px; margin-left: 10px; transform: rotate(-4deg); letter-spacing: 0.06em;
      }
      .topnav { display: flex; flex-wrap: wrap; gap: 2px 4px; }
      .topnav a {
        text-decoration: none; color: var(--ink-soft); font-family: "IBM Plex Mono", monospace;
        font-size: 12.5px; letter-spacing: 0.03em; min-height: 48px; display: inline-flex; align-items: center; padding: 0 9px;
      }
      .topnav a:hover { color: var(--amber); text-decoration: underline; }
      .topnav a:active { color: var(--ink); background: var(--amber-soft); }

      /* generic buttons */
      .btn {
        display: inline-flex; align-items: center; justify-content: center; gap: 8px;
        font-family: "IBM Plex Mono", monospace; font-size: 14px; font-weight: 600;
        min-height: 48px; padding: 12px 20px; border: 2px solid var(--ink); text-decoration: none;
        background: transparent; color: var(--ink); border-radius: 2px;
        transition: background 0.15s ease, color 0.15s ease;
      }
      .btn-solid { background: var(--ink); color: var(--paper); }
      .btn-solid:hover { background: var(--amber); border-color: var(--amber); color: #fff; }
      .btn-solid:active { background: var(--ink); color: var(--paper); }
      .btn-ghost:hover { background: var(--amber-soft); }
      .btn-ghost:active { background: var(--paper-deep); }

      /* stamp motif */
      .stamp {
        display: inline-block; font-family: "IBM Plex Mono", monospace; font-weight: 700;
        font-size: 12px; letter-spacing: 0.09em; color: var(--stamp);
        border: 2px solid var(--stamp); padding: 3px 8px; transform: rotate(-3deg);
        white-space: nowrap; border-radius: 2px;
      }
      .stamp-big { font-size: 14px; padding: 6px 14px; border-width: 3px; transform: rotate(-5deg); }

      /* hero */
      .hero { padding: 58px 0 54px; border-bottom: 2px solid var(--ink); }
      .hero-grid { display: grid; grid-template-columns: 1.25fr 1fr; gap: 44px; align-items: start; }
      @media (max-width: 860px) { .hero-grid { grid-template-columns: 1fr; } }
      .kicker { font-family: "IBM Plex Mono", monospace; font-size: 13px; font-weight: 600; letter-spacing: 0.05em; color: var(--amber); margin: 0 0 18px; }
      h1 { font-size: clamp(32px, 5.4vw, 52px); line-height: 1.08; letter-spacing: -0.024em; font-weight: 900; margin: 0 0 20px; max-width: 16ch; }
      h1 .desk { color: var(--amber); }
      .hero-sub { font-size: 18px; color: var(--ink-soft); max-width: 56ch; margin: 0 0 28px; }
      .hero-sub strong { color: var(--ink); }
      .cta-row { display: flex; flex-wrap: wrap; gap: 10px; }
      .avail { margin-top: 28px; display: flex; flex-wrap: wrap; gap: 6px 22px; font-family: "IBM Plex Mono", monospace; font-size: 12.5px; color: var(--muted); }
      .avail b { color: var(--ink); }
      .avail .dot { color: var(--stamp); font-weight: 700; }

      .board { border: 2px solid var(--ink); background: var(--panel); border-radius: 2px; }
      .board-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; border-bottom: 2px solid var(--ink); padding: 12px 16px; }
      .board-head .mono { font-size: 12px; font-weight: 700; letter-spacing: 0.06em; }
      .board-row { display: grid; grid-template-columns: auto 1fr auto auto; gap: 6px 14px; align-items: center; padding: 13px 16px; border-bottom: 1px solid var(--line); }
      .board-sprite { height: 62px; width: auto; image-rendering: pixelated; display: block; }
      .group-sprite { height: 54px; width: auto; image-rendering: pixelated; display: block; align-self: center; }
      .inspector { display: flex; gap: 18px; align-items: flex-end; margin-top: 28px; border-top: 1px solid var(--line); padding-top: 18px; }
      .inspector img { height: 148px; width: auto; image-rendering: pixelated; display: block; }
      .inspector-cap { font-family: "IBM Plex Mono", monospace; font-size: 12.5px; color: var(--muted); line-height: 1.55; padding-bottom: 6px; margin: 0; }
      .inspector-cap b { color: var(--ink); display: block; font-size: 13px; letter-spacing: 0.03em; }

      /* office scene */
      .scene { position: relative; margin-top: 44px; border: 2px solid var(--ink); border-radius: 2px; overflow: hidden; background: var(--paper-deep); aspect-ratio: 3 / 2; }
      .scene-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
      .scene-night { position: absolute; inset: 0; background: rgba(10, 16, 48, 0.38); opacity: 0; transition: opacity 0.6s ease; pointer-events: none; z-index: 4; }
      .scene.night .scene-night { opacity: 1; }
      .desk-unit { position: absolute; transform: translateX(-50%); width: 9.5%; z-index: 2; display: flex; flex-direction: column; align-items: center; }
      .desk-unit img { width: 100%; height: auto; display: block; image-rendering: pixelated; }
      .bubble { position: relative; margin-bottom: 5px; background: var(--panel); border: 1.5px solid var(--ink); border-radius: 8px; font-family: "IBM Plex Mono", monospace; font-size: 10.5px; font-weight: 600; color: var(--ink); padding: 5px 9px; white-space: nowrap; transition: opacity 0.35s ease; }
      .bubble::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -4px; border: 4px solid transparent; border-top-color: var(--ink); }
      .bubble.waiting { border-color: var(--amber); }
      .bubble.waiting::after { border-top-color: var(--amber); }
      .pill { display: inline-flex; align-items: center; gap: 5px; margin-bottom: 4px; background: var(--ink); color: var(--paper); font-family: "IBM Plex Mono", monospace; font-size: 10px; font-weight: 700; letter-spacing: 0.03em; padding: 3px 9px; border-radius: 999px; white-space: nowrap; }
      .pill .dot { width: 7px; height: 7px; border-radius: 50%; flex: none; }
      .walker { position: absolute; bottom: 6%; left: 2%; width: 11%; z-index: 3; display: flex; flex-direction: column; align-items: center; will-change: left, bottom; }
      .walker img { width: 100%; height: auto; display: block; image-rendering: pixelated; }
      .walker.flip img { transform: scaleX(-1); }
      .walker-bubble { position: relative; margin-bottom: 5px; background: var(--panel); border: 1.5px solid var(--ink); border-radius: 8px; font-family: "IBM Plex Mono", monospace; font-size: 10.5px; font-weight: 700; color: var(--ink); padding: 5px 9px; white-space: nowrap; }
      .walker-bubble.stamp { color: var(--stamp); border-color: var(--stamp); transform: rotate(-4deg); animation: pop 0.18s ease-out; }
      @keyframes pop { from { transform: rotate(-4deg) scale(1.3); } to { transform: rotate(-4deg) scale(1); } }
      @keyframes sway { 0%, 100% { transform: rotate(-1.1deg) translateY(0); } 50% { transform: rotate(1.1deg) translateY(-2px); } }
      .desk-unit img { animation: sway 3.8s ease-in-out infinite; transform-origin: 50% 100%; }
      .wob { display: block; position: relative; width: 100%; aspect-ratio: 174 / 320; transform-origin: 50% 100%; will-change: transform; }
      .wob img { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }
      .walker-shadow { position: absolute; bottom: 1%; left: 50%; transform: translateX(-50%); width: 74%; height: 4.2%; background: radial-gradient(ellipse at center, rgba(24, 18, 8, 0.40) 0%, rgba(24, 18, 8, 0) 68%); border-radius: 50%; }
      #walkerFront { width: 100%; }
      #walkerWalk { width: 114%; }
      .desk-unit.sit img { animation: none; }
      .screen-glow { position: absolute; background: radial-gradient(ellipse at center, rgba(150, 205, 255, 0.55), rgba(150, 205, 255, 0) 70%); mix-blend-mode: screen; opacity: 0.08; animation: glow 3.7s ease-in-out infinite; pointer-events: none; }
      @keyframes glow { 0%, 100% { opacity: 0.06; } 50% { opacity: 0.15; } }
      @media (prefers-reduced-motion: reduce) { .desk-unit img { animation: none; } .screen-glow { animation: none; } .walker-bubble.stamp { animation: none; } }
      .scene-bar { position: absolute; top: 0; left: 0; right: 0; z-index: 5; display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 10px 12px; }
      .scene-bar .mono { background: var(--panel); border: 1.5px solid var(--ink); padding: 5px 9px; font-size: 11px; font-weight: 700; letter-spacing: 0.05em; border-radius: 2px; }
      .shift-btn { min-height: 48px; font-family: "IBM Plex Mono", monospace; font-size: 12px; font-weight: 700; border: 2px solid var(--ink); background: var(--panel); color: var(--ink); padding: 8px 14px; border-radius: 2px; cursor: pointer; }
      .shift-btn:hover { background: var(--amber-soft); }
      .scene-cap { font-family: "IBM Plex Mono", monospace; font-size: 12px; color: var(--muted); margin: 10px 2px 0; }
      @media (max-width: 700px) { .bubble { font-size: 8.5px; padding: 3px 6px; white-space: normal; width: max-content; max-width: 118px; text-align: center; } .pill { font-size: 8px; padding: 2px 6px; } .walker-bubble { font-size: 8.5px; padding: 3px 6px; white-space: normal; width: max-content; max-width: 110px; text-align: center; } .scene-bar .mono { font-size: 9.5px; } }
      .board-row:last-child { border-bottom: 0; }
      .board-name { font-weight: 800; font-size: 16px; }
      .board-kind { display: block; font-family: "IBM Plex Mono", monospace; font-size: 12px; color: var(--muted); letter-spacing: 0.04em; margin-top: 1px; }
      .board-count { font-family: "IBM Plex Mono", monospace; font-size: 13px; font-weight: 600; color: var(--ink-soft); white-space: nowrap; }
      .board-foot { border-top: 1px solid var(--line); padding: 11px 16px; font-family: "IBM Plex Mono", monospace; font-size: 12px; color: var(--muted); }

      /* sections */
      section { padding: 60px 0; border-bottom: 1px solid var(--line); }
      .sec-head { display: flex; align-items: baseline; gap: 16px; margin-bottom: 10px; flex-wrap: wrap; }
      .sec-no { font-family: "IBM Plex Mono", monospace; font-size: 13px; color: var(--amber); font-weight: 700; }
      h2 { font-size: clamp(25px, 3.6vw, 34px); font-weight: 900; letter-spacing: -0.018em; margin: 0; line-height: 1.18; }
      .sec-lede { color: var(--ink-soft); max-width: 68ch; margin: 4px 0 34px; }
      .sec-lede strong { color: var(--ink); }
      h3 { font-size: 19px; font-weight: 800; margin: 0 0 8px; letter-spacing: -0.01em; }

      /* quiz: the dark desk panel */
      .quiz-sec { background: var(--paper-deep); }
      .case-file { border: 2px solid var(--ink); background: var(--panel); margin-bottom: 30px; border-radius: 2px; }
      .case-head { display: flex; flex-wrap: wrap; gap: 8px 16px; align-items: center; justify-content: space-between; border-bottom: 2px solid var(--ink); padding: 12px 18px; }
      .case-head .mono { font-size: 12.5px; font-weight: 700; letter-spacing: 0.05em; }
      .case-tag { font-family: "IBM Plex Mono", monospace; font-size: 12px; color: var(--muted); letter-spacing: 0.04em; }
      .case-body { padding: 20px 18px 22px; }
      .prompt-line { margin: 0 0 18px; font-size: 16px; }
      .prompt-line .mono { font-size: 12px; font-weight: 700; color: var(--amber); letter-spacing: 0.05em; display: block; margin-bottom: 4px; }
      .responses { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
      @media (max-width: 700px) { .responses { grid-template-columns: 1fr; } }
      .response { border: 1px solid var(--line-strong); background: var(--paper); padding: 16px; border-radius: 2px; }
      .response .r-label { font-family: "IBM Plex Mono", monospace; font-size: 12px; font-weight: 700; letter-spacing: 0.06em; color: var(--amber); margin: 0 0 8px; }
      .response p { margin: 0 0 16px; font-size: 16px; }
      .pick-btn {
        width: 100%; min-height: 48px; font-family: "IBM Plex Mono", monospace; font-size: 13.5px; font-weight: 600;
        border: 2px solid var(--ink); background: var(--panel); color: var(--ink); padding: 12px 14px; border-radius: 2px;
        transition: background 0.15s ease, color 0.15s ease;
      }
      .pick-btn:hover { background: var(--amber-soft); }
      .pick-btn:active { background: var(--paper-deep); }
      .pick-btn[disabled] { cursor: not-allowed; opacity: 0.55; }
      .pick-btn.picked { background: var(--ink); color: var(--paper); opacity: 1; }
      .verdict { display: none; margin-top: 18px; border-top: 2px solid var(--ink); padding-top: 16px; }
      .verdict.show { display: block; }
      .verdict-top { display: flex; flex-wrap: wrap; gap: 10px 18px; align-items: center; margin-bottom: 10px; }
      .verdict-match { font-family: "IBM Plex Mono", monospace; font-size: 13px; font-weight: 700; letter-spacing: 0.04em; }
      .verdict-match.yes { color: var(--stamp); }
      .verdict-match.no { color: var(--fail); }
      .verdict p { margin: 0; color: var(--ink-soft); max-width: 72ch; }
      .verdict p strong { color: var(--ink); }
      .score-line { font-family: "IBM Plex Mono", monospace; font-size: 14px; font-weight: 600; border: 2px solid var(--ink); background: var(--panel); padding: 14px 18px; display: flex; flex-wrap: wrap; gap: 8px 20px; justify-content: space-between; }
      @keyframes stamp-in { from { transform: rotate(-5deg) scale(1.6); opacity: 0; } to { transform: rotate(-5deg) scale(1); opacity: 1; } }
      .verdict.show .stamp-big { animation: stamp-in 0.18s ease-out; }

      /* case files register */
      .filters { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 10px; }
      .filter-btn {
        font-family: "IBM Plex Mono", monospace; font-size: 12.5px; font-weight: 600;
        min-height: 48px; padding: 10px 16px; border: 1px solid var(--line-strong); background: var(--panel);
        color: var(--ink-soft); border-radius: 2px; transition: background 0.12s ease, color 0.12s ease;
      }
      .filter-btn:hover { border-color: var(--ink); color: var(--ink); }
      .filter-btn:active { background: var(--paper-deep); }
      .filter-btn.active { background: var(--ink); color: var(--paper); border-color: var(--ink); }
      .filter-count { font-family: "IBM Plex Mono", monospace; font-size: 12.5px; color: var(--muted); margin: 8px 0 20px; }
      .group-head { display: flex; align-items: baseline; gap: 14px; margin: 34px 0 2px; flex-wrap: wrap; }
      .group-head:first-of-type { margin-top: 10px; }
      .group-head h3 { margin: 0; }
      .group-head .mono { font-size: 12px; color: var(--muted); letter-spacing: 0.04em; }
      .group-head .pipe { font-size: 13.5px; color: var(--ink-soft); width: 100%; margin: 2px 0 4px; }
      .file-row { display: grid; grid-template-columns: 70px 1fr auto; gap: 3px 18px; align-items: center; padding: 14px 0; border-top: 1px solid var(--line); }
      .file-code { font-family: "IBM Plex Mono", monospace; font-size: 13px; color: var(--amber); font-weight: 700; }
      .file-name { font-weight: 700; font-size: 16.5px; }
      .file-desc { color: var(--ink-soft); font-size: 14.5px; }
      .file-row .stamp { font-size: 12px; padding: 2px 7px; }
      .file-link { font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
      .file-note { opacity: .72; font-style: italic; }
      @media (max-width: 560px) {
        .file-row { grid-template-columns: 58px 1fr; }
        .file-row .stamp { grid-column: 2; justify-self: start; margin-top: 6px; }
      }
      .hidden { display: none !important; }

      /* process */
      .process-sec { background: var(--dark); color: var(--dark-ink); border-bottom: 2px solid var(--ink); }
      .process-sec .sec-lede { color: var(--dark-soft); }
      .process-sec .sec-lede strong { color: var(--dark-ink); }
      .process-sec .sec-no { color: var(--amber-soft); }
      .pipe-strip { display: grid; grid-template-columns: repeat(5, 1fr); border: 1px solid var(--line-strong); margin-bottom: 36px; }
      .pipe-cell { padding: 18px 16px; border-right: 1px solid var(--line-strong); background: var(--dark-panel); }
      .pipe-cell:last-child { border-right: 0; }
      .pipe-cell .mono { font-size: 12px; color: var(--amber-soft); font-weight: 700; letter-spacing: 0.05em; }
      .pipe-cell h3 { color: var(--dark-ink); margin: 6px 0 5px; font-size: 17px; }
      .pipe-cell p { margin: 0; font-size: 13.5px; color: var(--dark-soft); line-height: 1.55; }
      @media (max-width: 800px) {
        .pipe-strip { grid-template-columns: 1fr; }
        .pipe-cell { border-right: 0; border-bottom: 1px solid var(--line-strong); }
        .pipe-cell:last-child { border-bottom: 0; }
      }
      .role-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 36px; }
      @media (max-width: 700px) { .role-grid { grid-template-columns: 1fr; } }
      .role-grid h3 { color: var(--dark-ink); }
      .role-grid p { margin: 0 0 12px; color: var(--dark-soft); }
      .role-grid p strong { color: var(--dark-ink); }
      .qa-line { font-size: clamp(19px, 2.6vw, 25px); font-weight: 900; letter-spacing: -0.01em; border-top: 2px solid var(--dark-ink); border-bottom: 2px solid var(--dark-ink); padding: 18px 0; margin-top: 36px; }
      .qa-line .stamp { color: #b9d69a; border-color: #b9d69a; margin-left: 10px; vertical-align: middle; }

      /* ledger */
      .ledger { border: 2px solid var(--ink); background: var(--panel); border-radius: 2px; }
      .ledger-row { display: grid; grid-template-columns: auto 1fr; gap: 4px 26px; align-items: baseline; padding: 16px 20px; border-bottom: 1px solid var(--line); }
      .ledger-row:last-child { border-bottom: 0; }
      .ledger-num { font-family: "IBM Plex Mono", monospace; font-size: clamp(26px, 3.6vw, 36px); font-weight: 700; line-height: 1; min-width: 130px; }
      .ledger-num span { color: var(--amber); }
      .ledger-label { font-size: 15px; color: var(--ink-soft); }
      .ledger-note { margin-top: 22px; border-left: 3px solid var(--amber); padding: 2px 0 2px 16px; font-size: 16.5px; max-width: 68ch; }

      /* services and terms */
      .svc-layout { display: grid; grid-template-columns: 1.35fr 1fr; gap: 40px; align-items: start; }
      @media (max-width: 820px) { .svc-layout { grid-template-columns: 1fr; } }
      .svc-list { list-style: none; margin: 0; padding: 0; }
      .svc-list li { padding: 15px 0; border-top: 1px solid var(--line); display: grid; grid-template-columns: 44px 1fr; gap: 4px 14px; }
      .svc-list li:last-child { border-bottom: 1px solid var(--line); }
      .svc-no { font-family: "IBM Plex Mono", monospace; font-size: 13px; font-weight: 700; color: var(--amber); padding-top: 3px; }
      .svc-name { font-weight: 700; font-size: 17px; }
      .svc-note { color: var(--ink-soft); font-size: 14.5px; grid-column: 2; }
      .terms { border: 2px solid var(--ink); background: var(--panel); padding: 22px; border-radius: 2px; }
      .terms h3 { margin-bottom: 12px; }
      .terms dl { margin: 0; }
      .terms dt { font-family: "IBM Plex Mono", monospace; font-size: 12px; font-weight: 700; letter-spacing: 0.05em; color: var(--amber); margin-top: 16px; }
      .terms dt:first-child { margin-top: 0; }
      .terms dd { margin: 3px 0 0; font-size: 15px; color: var(--ink-soft); }
      .terms dd strong { color: var(--ink); }

      /* faq */
      .faq-sec { background: var(--paper-deep); }
      details { border-top: 1px solid var(--line-strong); background: var(--panel); }
      details:last-of-type { border-bottom: 1px solid var(--line-strong); }
      summary {
        min-height: 48px; padding: 15px 18px; font-weight: 700; font-size: 16.5px;
        display: flex; align-items: center; list-style: none;
      }
      summary::-webkit-details-marker { display: none; }
      summary::after { content: "+"; font-family: "IBM Plex Mono", monospace; margin-left: auto; font-size: 20px; color: var(--amber); padding-left: 16px; }
      details[open ] summary::after { content: "-"; }
      summary:hover { background: var(--amber-soft); }
      summary:active { background: var(--paper-deep); }
      details p { margin: 0; padding: 0 18px 18px; color: var(--ink-soft); max-width: 74ch; }
      details p strong { color: var(--ink); }

      /* closing and footer */
      .closing { background: var(--paper); border-bottom: 0; }
      .closing h2 { font-size: clamp(27px, 4.2vw, 38px); max-width: 22ch; }
      .closing p { color: var(--ink-soft); max-width: 62ch; }
      .rate-line { font-family: "IBM Plex Mono", monospace; font-size: 13.5px; margin-top: 22px; }
      .rate-line b { color: var(--amber); }
      footer { border-top: 2px solid var(--ink); padding: 26px 0 40px; }
      .foot-in { display: flex; flex-wrap: wrap; gap: 8px 26px; justify-content: space-between; font-family: "IBM Plex Mono", monospace; font-size: 12px; color: var(--muted); }

      .toast {
        position: fixed; left: 50%; bottom: 22px; transform: translateX(-50%) translateY(16px);
        background: var(--ink); color: var(--paper); font-family: "IBM Plex Mono", monospace;
        font-size: 13px; padding: 12px 18px; opacity: 0; pointer-events: none; transition: opacity 0.2s ease, transform 0.2s ease; z-index: 50; border-radius: 2px;
      }
      .toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }

      @media (prefers-reduced-motion: reduce) {
        html { scroll-behavior: auto; }
        *, *::before, *::after { transition: none !important; animation: none !important; }
      }

      /* v14: brief composer + office order lists */
      .brief-form { border: 2px solid var(--ink); background: var(--panel); padding: 22px; border-radius: 2px; max-width: 720px; }
      .brief-form label { display: block; font-family: "IBM Plex Mono", monospace; font-size: 12px; font-weight: 700; letter-spacing: 0.05em; color: var(--amber); margin: 16px 0 6px; }
      .brief-form label:first-child { margin-top: 0; }
      .brief-form input, .brief-form select, .brief-form textarea { width: 100%; min-height: 48px; font: inherit; font-size: 15.5px; padding: 10px 12px; border: 1.5px solid var(--line-strong); background: var(--paper); color: var(--ink); border-radius: 2px; }
      .brief-form textarea { min-height: 84px; resize: vertical; }
      .brief-form .btn { margin-top: 20px; }
      .order-label { font-family: "IBM Plex Mono", monospace; font-size: 12px; font-weight: 700; letter-spacing: 0.06em; color: var(--amber); margin: 28px 0 2px; }
      .receive-line { margin: 20px 0 6px; border-left: 3px solid var(--amber); padding: 2px 0 2px 16px; max-width: 68ch; }
      .fit-line { margin: 0 0 4px; max-width: 68ch; color: var(--ink-soft); }
      .fit-line strong { color: var(--ink); }
      .pipe-strip.pipe-4 { grid-template-columns: repeat(4, 1fr); }
      @media (max-width: 800px) { .pipe-strip.pipe-4 { grid-template-columns: 1fr; } }
      /* v19: on-site order desk widget */
      .desk-log { border: 1.5px solid var(--line-strong); background: var(--paper); padding: 4px 14px; max-height: 320px; overflow-y: auto; margin-bottom: 18px; }
      .desk-msg { padding: 10px 0; border-bottom: 1px dashed var(--line); white-space: pre-wrap; font-size: 15px; }
      .desk-msg:last-child { border-bottom: 0; }
      .desk-who { font-family: "IBM Plex Mono", monospace; font-size: 12px; font-weight: 700; letter-spacing: 0.05em; color: var(--amber); }
      .desk-note { font-size: 13.5px; color: var(--muted); margin: 14px 0 0; }
      .desk-hint { font-size: 13px; color: var(--muted); margin: 6px 0 0; }
      .desk-err { font-size: 14px; font-weight: 600; color: var(--fail); margin: 10px 0 0; }
      .desk-status { font-size: 14.5px; margin: 14px 0 0; white-space: pre-wrap; }
      .desk-retry { margin-top: 10px; }
      .hp { position: absolute; left: -9999px; top: -9999px; width: 1px; height: 1px; opacity: 0; }
      .order-box { border: 2px solid var(--go, #2f5d1f); background: #f4f8ec; padding: 14px 16px; margin: 14px 0 0; }
      .order-box .ob-no { font-family: "IBM Plex Mono", monospace; font-size: 20px; font-weight: 700; }
      .order-box .ob-status { font-size: 14.5px; margin-top: 4px; }
      .pkg-strip { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin: 18px 0 8px; }
      .pkg-cell { border: 1.5px solid var(--line-strong); background: var(--panel); padding: 20px; border-radius: 2px; }
      .pkg-cell h3 { margin: 0 0 8px; font-size: 16px; }
      .pkg-cell ul { margin: 0 0 12px; padding-left: 18px; font-size: 14px; }
      .pkg-cell p { font-size: 14px; margin: 0 0 12px; }
      .pkg-cell .mono { font-size: 12px; letter-spacing: .06em; opacity: .7; text-transform: uppercase; }
      @media (max-width: 760px) { .pkg-strip { grid-template-columns: 1fr; } }
      .tl { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; padding: 0; margin: 14px 0 6px; }
      .tl li { border: 1.5px solid var(--line-strong); padding: 6px 10px; font-size: 12.5px; border-radius: 2px; background: var(--panel); }
      .tl li.done { background: var(--ink); color: var(--paper); border-color: var(--ink); }
      .tl li.current { box-shadow: inset 0 0 0 1.5px var(--ink); font-weight: 700; }
      .tl-note { font-size: 13.5px; margin: 4px 0 8px; }
      #deskNotes { font-size: 14px; margin: 8px 0; }
      #deskNotes .note-item { border-left: 3px solid var(--line-strong); padding: 4px 10px; margin: 6px 0; }
      #deskNotes .note-who { font-family: var(--mono, "IBM Plex Mono", monospace); font-size: 12px; letter-spacing: .06em; text-transform: uppercase; opacity: .7; }
      #deskActions { margin-top: 10px; }
      #deskActions .btn { margin: 6px 8px 6px 0; }
      .lang-btn { font: inherit; font-size: 12px; letter-spacing: .06em; border: 1.5px solid var(--line-strong); background: var(--panel); color: var(--ink); padding: 6px 10px; cursor: pointer; border-radius: 2px; margin-left: 8px; min-height: 32px; }
      .wiz-progress { font-family: var(--mono, "IBM Plex Mono", monospace); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; margin: 14px 0 10px; opacity: .75; }
      .wiz-choices { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 0 0 14px; }
      .wiz-choice { font: inherit; text-align: left; padding: 14px; min-height: 48px; border: 1.5px solid var(--line-strong); background: var(--panel); color: var(--ink); border-radius: 2px; cursor: pointer; }
      .wiz-choice strong { display: block; font-size: 15.5px; margin-bottom: 2px; }
      .wiz-choice span { font-size: 13px; opacity: .75; }
      .wiz-choice.active { background: var(--paper); box-shadow: inset 0 0 0 1.5px var(--ink); }
      .wiz-est { border: 1px dashed var(--line-strong); background: var(--paper); padding: 10px 12px; font-size: 14px; margin-top: 14px; }
      .wiz-consent { display: flex; gap: 10px; align-items: flex-start; font-size: 14px; margin: 14px 0; cursor: pointer; }
      .brief-form .wiz-consent input { width: 18px; height: 18px; min-height: 0; flex: none; margin-top: 3px; }
      .wiz-nav { display: flex; gap: 10px; margin-top: 16px; }
      @media (max-width: 560px) { .wiz-choices { grid-template-columns: 1fr; } }
      .check-block { margin: 16px 0 0; border-top: 1px dashed var(--line, #d8d2c2); padding-top: 14px; }
      .check-block h4 { margin: 0 0 8px; font-size: 15px; }
      .check-row { display: flex; gap: 8px; flex-wrap: wrap; }
      .check-row input { flex: 1 1 160px; }
      .check-result { font-size: 14.5px; margin: 10px 0 0; white-space: pre-wrap; }
    .copy-line { margin-top: 10px; }
.copy-link { font-family: "IBM Plex Mono", monospace; font-size: 12px; background: none; border: none; border-bottom: 1.5px dashed currentColor; cursor: pointer; padding: 2px 0; color: inherit; }
.hero .btn-solid { min-height: 54px; padding-left: 28px; padding-right: 28px; font-weight: 700; }
.btn-solid:hover { filter: brightness(1.3); }
.board-row .stamp { border-width: 1.5px; font-weight: 600; }
.cta-link { font-family: "IBM Plex Mono", monospace; font-size: 14px; font-weight: 600; align-self: center; color: inherit; text-decoration: none; border-bottom: 2px solid var(--ink); padding-bottom: 2px; }
.pkg-cell h3 + .mono { font-size: 17px; font-weight: 800; opacity: 1; color: var(--ink); }
.board-row { border-left: 5px solid var(--line); }
.board-row.acc-nc { border-left-color: #0e7c86; }
.board-row.acc-fg { border-left-color: #d9622b; }
.board-row.acc-lw { border-left-color: #6d4fa1; }
.board-row.acc-le { border-left-color: #2f5d1f; }
.pkg-cell > p:not(.mono) { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.scene-cap { text-align: center; font-size: 12.5px; color: var(--ink-soft); }
.sec-head h1 { font-size: clamp(25px, 3.6vw, 34px); font-weight: 900; letter-spacing: -0.018em; margin: 0; line-height: 1.18; max-width: none; }
h2.order-label { line-height: inherit; }
.skip-link { position: absolute; left: 12px; top: -64px; z-index: 300; background: var(--ink); color: var(--paper); padding: 10px 16px; font-weight: 700; text-decoration: none; transition: top 160ms ease; }
.skip-link:focus { top: 12px; }