@media (max-width: 780px) {
  body { overflow: auto; }
  .lab-shell { display: block; min-height: 100dvh; }
  .lab-topbar { height: 64px; position: sticky; top: 0; }
  .menu-button { display: block; }
  .lab-brand small, .topbar-status, .source-button { display: none; }
  .library { position: fixed; inset: 64px auto 0 0; width: min(88vw, 340px); transform: translateX(-102%); transition: transform .25s ease; box-shadow: 24px 0 60px rgba(0,0,0,.35); }
  .library.open { transform: translateX(0); }
  .workspace { min-height: calc(100dvh - 64px); grid-template-rows: auto minmax(520px, 1fr) auto; }
  .demo-bar { grid-template-columns: 1fr; align-items: start; gap: .55rem; }
  .demo-actions { flex-wrap: wrap; }
  .demo-bar > p { grid-row: auto; grid-column: auto; }
  .telemetry { grid-template-columns: repeat(3, 1fr); }
  .telemetry-help { grid-column: 1 / -1; }
  .site-nav { overflow-x: auto; }
  .site-hero { grid-template-columns: 1fr; padding: 2rem 1.2rem; }
  .site-hero h2 { font-size: 3rem; }
  .site-grid { grid-template-columns: 1fr; }
  .metric-grid { grid-template-columns: repeat(2,1fr); }
  .game-hud { padding: .6rem; }
  .game-stats { gap: .25rem; }
  .game-stat { min-width: 65px; padding: .45rem; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; scroll-behavior: auto !important; }
}

/* Production category-specific systems */
.empty-list { color: var(--muted); padding: 1rem; font-size: .8rem; }
.stage-error { min-height: 100%; display:grid; place-items:center; align-content:center; text-align:center; gap:.7rem; background:#190c13; padding:2rem; }
.stage-error strong { font-size:1.4rem; }.stage-error p{color:#f5a7b5;max-width:620px}.stage-error button{border:0;border-radius:999px;padding:.7rem 1rem;background:#fff;color:#111;font-weight:800}
.command-center-root { background:radial-gradient(circle at 50% 40%,#102541,#020611 70%); }
.command-overlay { position:absolute; left:1.2rem; bottom:1.2rem; width:min(470px,calc(100% - 2.4rem)); padding:1rem 1.1rem; border:1px solid rgba(103,232,249,.35); background:rgba(3,9,20,.78); backdrop-filter:blur(15px); border-radius:1rem; }
.command-overlay>span{font-size:.58rem;letter-spacing:.16em;color:#67e8f9}.command-overlay>strong{display:block;font-size:1.25rem;margin:.28rem 0}.command-overlay p{color:#a9bad0;line-height:1.5;font-size:.78rem;margin:.3rem 0 .7rem}.command-overlay div{display:flex;flex-wrap:wrap;gap:.35rem}.command-overlay b{border:1px solid color-mix(in srgb,var(--tag,#67e8f9) 55%,transparent);color:var(--tag,#d8f8ff);background:color-mix(in srgb,var(--tag,#67e8f9) 13%,transparent);padding:.35rem .48rem;border-radius:999px;font-size:.62rem}.command-tour{margin-top:.75rem;border:0;background:#67e8f9;color:#06111d;border-radius:.55rem;padding:.55rem .75rem;font-weight:800;font-size:.68rem}

/* Agent office */
.agent-office canvas,.router-world canvas,.incident-world canvas{width:100%;height:100%;display:block}
.agent-ops-hud{position:absolute;inset:1rem;pointer-events:none;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;gap:.8rem}.agent-ops-hud>section{align-self:start;max-width:460px;background:rgba(248,250,252,.9);color:#132033;padding:.85rem 1rem;border-radius:.8rem;box-shadow:0 18px 45px rgba(0,0,0,.18)}.agent-ops-hud section span{font-size:.57rem;letter-spacing:.14em;color:#6d28d9}.agent-ops-hud section strong{display:block;font-size:1.1rem;margin:.2rem 0}.agent-ops-hud section p{margin:0;color:#5c6878;font-size:.72rem;line-height:1.45}.agent-ops-hud>aside{pointer-events:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;align-self:start;background:rgba(8,14,28,.82);padding:.65rem;border:1px solid rgba(255,255,255,.14);border-radius:.8rem;backdrop-filter:blur(14px)}.agent-ops-hud aside div{padding:.4rem;min-width:64px}.agent-ops-hud aside span,.agent-ops-hud aside strong{display:block}.agent-ops-hud aside span{font-size:.5rem;color:#9fb0c6}.agent-ops-hud aside strong{font-size:.95rem}.agent-ops-hud aside button{border:1px solid rgba(255,255,255,.16);background:#111d31;color:#fff;border-radius:.45rem;padding:.45rem;font-size:.62rem}.agent-ops-hud aside button:first-of-type{background:#8b5cf6;border-color:#8b5cf6}.agent-ops-hud ol{grid-column:1/-1;align-self:end;justify-self:start;margin:0;padding:.75rem .9rem .75rem 2rem;max-width:520px;max-height:160px;overflow:hidden;background:rgba(5,10,20,.82);border:1px solid rgba(255,255,255,.14);border-radius:.8rem;backdrop-filter:blur(12px);font:600 .68rem/1.55 ui-monospace,monospace;color:#c9d8e8}

/* Router */
.router-console{position:absolute;left:1rem;right:1rem;bottom:1rem;display:grid;grid-template-columns:auto minmax(260px,1fr) minmax(300px,1.25fr);gap:.6rem;padding:.75rem;background:rgba(3,8,17,.85);border:1px solid rgba(103,232,249,.22);border-radius:1rem;backdrop-filter:blur(16px)}.router-console header span,.router-console header strong{display:block}.router-console header span{color:#67e8f9;font-size:.55rem;letter-spacing:.13em}.router-console header strong{margin-top:.25rem}.router-request{display:flex;gap:.4rem}.router-request input{min-width:0;flex:1;background:#081427;border:1px solid #28425f;color:#eef7ff;border-radius:.5rem;padding:.55rem}.router-request button{border:0;border-radius:.5rem;background:#67e8f9;color:#05111b;font-weight:900}.provider-switches{display:grid;grid-template-columns:repeat(4,1fr);gap:.3rem;grid-column:1/-1}.provider-switches label{display:grid;grid-template-columns:auto 1fr;gap:.25rem .45rem;align-items:center;border:1px solid color-mix(in srgb,var(--provider) 35%,#24344b);background:rgba(255,255,255,.035);padding:.45rem;border-radius:.5rem}.provider-switches label:has(input:not(:checked)){opacity:.38}.provider-switches input{accent-color:var(--provider)}.provider-switches span{font-size:.68rem;font-weight:800}.provider-switches small{grid-column:2;color:#8da0b8;font-size:.55rem}.router-console>p{margin:0;color:#c5d4e5;font-size:.7rem;line-height:1.45}

/* Incident */
.incident-console{position:absolute;right:1rem;top:1rem;width:min(430px,calc(100% - 2rem));background:rgba(17,8,14,.9);border:1px solid rgba(255,77,109,.4);border-radius:1rem;padding:1rem;backdrop-filter:blur(16px)}.incident-console header span{color:#ff617e;font-size:.56rem;letter-spacing:.14em}.incident-console header strong{display:block;font-size:1.15rem;margin:.25rem 0}.incident-console header p{font-size:.72rem;color:#d5a8b3}.runbook{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;margin:.75rem 0}.runbook button{border:1px solid #4c2631;background:#211019;color:#f8e9ed;border-radius:.5rem;padding:.6rem;text-align:left;font-size:.64rem}.runbook button.done{border-color:#34d399;color:#79efbd}.runbook button.running{animation:pulse-border .6s infinite alternate}.runbook button:disabled{opacity:.35}.incident-console pre{white-space:pre-wrap;min-height:120px;background:#070508;border:1px solid #35202a;border-radius:.55rem;padding:.75rem;color:#f7c7d1;font:600 .66rem/1.55 ui-monospace,monospace}@keyframes pulse-border{to{box-shadow:0 0 18px #ff4d6d}}

/* Voice */
.voice-product{min-height:100%;background:#f0f3f7;color:#192432;display:grid;grid-template-rows:auto 1fr}.voice-product>header{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.1rem;background:#fff;border-bottom:1px solid #d8e0e8}.voice-product>header span,.voice-product>header strong{display:block}.voice-product>header span{color:#e75b23;font-size:.55rem;letter-spacing:.14em}.voice-product>header strong{font-size:1.05rem}.voice-kpis{display:flex;gap:.45rem}.voice-kpis b{font-size:.62rem;border:1px solid #d7e0e8;border-radius:999px;padding:.4rem .55rem;background:#f7f9fb}.voice-layout{display:grid;grid-template-columns:260px minmax(420px,1fr) 300px;min-height:0}.call-queue{background:#182432;padding:.75rem;overflow:auto}.call-queue button{width:100%;border:0;border-radius:.65rem;background:transparent;color:white;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.55rem;text-align:left;padding:.65rem;margin-bottom:.3rem}.call-queue button.active{background:#2e4053}.call-queue i{width:10px;height:10px;border-radius:50%;background:#38d996;box-shadow:0 0 12px #38d996}.call-queue strong,.call-queue small{display:block}.call-queue strong{font-size:.72rem}.call-queue small{color:#9fb0c0;font-size:.58rem;margin-top:.15rem}.call-queue em{font-style:normal;font-size:.6rem;color:#c2d1df}.call-focus{padding:1rem 1.4rem;display:flex;flex-direction:column;gap:.8rem;min-width:0}.caller-card{display:flex;align-items:center;gap:.8rem}.caller-card .avatar{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#f97316,#ef4444);color:#fff;font-weight:900}.caller-card small{color:#ef6a28;font-size:.55rem;letter-spacing:.12em}.caller-card h2{margin:.1rem 0;font-size:1.15rem}.caller-card p{margin:0;color:#6a7785;font-size:.68rem}.call-time{margin-left:auto;font:800 1.25rem ui-monospace}.waveform{height:90px;display:flex;align-items:center;gap:3px;padding:0 .5rem;border-radius:.7rem;background:#fff;border:1px solid #d7e0e8}.waveform i{width:100%;max-width:8px;height:var(--h);border-radius:999px;background:linear-gradient(#f97316,#ef4444);transition:height .15s}.transcript{flex:1;overflow:auto;background:#fff;border:1px solid #d7e0e8;border-radius:.7rem;padding:1rem}.transcript p{font-size:.78rem;line-height:1.55}.call-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:.45rem}.call-actions button{border:1px solid #cbd7e2;background:#fff;color:#243346;border-radius:.55rem;padding:.6rem;font-size:.66rem}.call-actions button:last-child{background:#1d9b66;color:#fff;border-color:#1d9b66}.call-intelligence{background:#fff;border-left:1px solid #d7e0e8;padding:1rem}.call-intelligence h3{font-size:.6rem;letter-spacing:.12em;color:#758394}.call-intelligence dl{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.call-intelligence dl div{background:#f4f7fa;border-radius:.55rem;padding:.6rem}.call-intelligence dt{font-size:.5rem;color:#7b8794}.call-intelligence dd{font-size:.68rem;font-weight:800;margin:.2rem 0 0}.call-intelligence p{font-size:.72rem;line-height:1.5;color:#536273}.call-intelligence ol{padding-left:1.1rem;font-size:.65rem;line-height:1.5;color:#536273}

/* RAG */
.rag-studio{min-height:100%;background:#07111e;color:#e8f3ff;display:grid;grid-template-rows:auto auto 1fr}.rag-studio>header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;border-bottom:1px solid #1e3850}.rag-studio header span,.rag-studio header strong{display:block}.rag-studio header span{font-size:.52rem;letter-spacing:.14em;color:#38bdf8}.rag-studio header button{border:0;background:#38bdf8;color:#03111c;border-radius:.55rem;padding:.6rem .75rem;font-weight:900}.rag-query{padding:.75rem 1rem;border-bottom:1px solid #1e3850}.rag-query label{display:grid;grid-template-columns:auto 1fr;gap:.6rem;align-items:center;font-size:.56rem;color:#8ba1b7}.rag-query input{background:#0d1b2a;color:#edf7ff;border:1px solid #28445c;border-radius:.5rem;padding:.55rem}.rag-stage-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:.35rem;margin-top:.65rem}.rag-stage-strip div{border:1px solid #233c53;background:#0b1826;border-radius:.5rem;padding:.45rem;display:grid;grid-template-columns:auto 1fr;gap:.25rem .45rem}.rag-stage-strip span{grid-row:1/3;color:#38bdf8;font-size:.58rem}.rag-stage-strip strong{font-size:.62rem}.rag-stage-strip small{color:#8299af;font-size:.5rem}.rag-stage-strip div.active{box-shadow:0 0 20px rgba(56,189,248,.3);border-color:#38bdf8}.rag-stage-strip div.done{border-color:#34d399}.rag-workspace{display:grid;grid-template-columns:1fr .85fr 1.15fr;gap:.6rem;padding:.7rem;min-height:0}.rag-workspace>section{background:#0b1724;border:1px solid #203a50;border-radius:.7rem;padding:.75rem;min-width:0;overflow:auto}.rag-workspace h3{font-size:.58rem;letter-spacing:.12em;color:#85a0b6}.document-stack article{border-left:3px solid #38bdf8;background:#102235;padding:.6rem;margin:.45rem 0;border-radius:.35rem}.document-stack article span{float:right;color:#34d399;font-size:.58rem}.document-stack article strong{font-size:.7rem}.document-stack article p{font-size:.62rem;color:#9eb1c3;line-height:1.4}.context-window pre{white-space:pre-wrap;font:600 .62rem/1.55 ui-monospace;color:#b8d5ea}.answer-preview article{font-size:.72rem;line-height:1.55;color:#d8e7f2}.answer-preview ol{padding-left:1.1rem;color:#78cffa}.answer-preview footer{border-top:1px solid #244258;padding-top:.6rem;color:#34d399;font-size:.64rem;font-weight:800}

/* Release */
.release-product{min-height:100%;background:#f6f7f9;color:#1d2632;display:grid;grid-template-rows:auto auto 1fr}.release-product>header{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;background:#fff;border-bottom:1px solid #dce2e8}.release-product header span,.release-product header strong{display:block}.release-product header span{font-size:.52rem;color:#16a36a;letter-spacing:.14em}.release-product header button{border:1px solid #d3dbe3;background:#fff;border-radius:.5rem;padding:.5rem .65rem;margin-left:.35rem}.release-product header button:first-child{background:#111827;color:#fff}.git-graph{position:relative;height:250px;margin:1rem;background:#fff;border:1px solid #dce2e8;border-radius:.8rem}.git-graph svg{position:absolute;inset:20px 25px;width:calc(100% - 50px);height:calc(100% - 40px)}.git-graph path{fill:none;stroke:#8b5cf6;stroke-width:7}.git-graph .main-line{stroke:#cbd5e1;stroke-width:4}.git-graph article{position:absolute;left:var(--x);top:50%;transform:translate(-50%,-50%);width:125px;text-align:center}.git-graph article i{display:grid;place-items:center;margin:auto;width:44px;height:44px;border-radius:50%;background:#fff;border:4px solid #94a3b8;font-style:normal;font-weight:900}.git-graph article strong,.git-graph article small,.git-graph article b{display:block}.git-graph article strong{font-size:.68rem;margin-top:.4rem}.git-graph article small{font-size:.55rem;color:#718095}.git-graph article b{font-size:.48rem;margin-top:.2rem;color:#8491a0}.git-graph article.active i{border-color:#f59e0b;box-shadow:0 0 22px #fbbf24}.git-graph article.passed i{border-color:#10b981;background:#d1fae5}.git-graph article.failed i{border-color:#ef4444;background:#fee2e2}.pipeline-bottom{display:grid;grid-template-columns:1fr 300px;gap:.75rem;padding:0 1rem 1rem}.pipeline-bottom section,.pipeline-bottom aside{background:#fff;border:1px solid #dce2e8;border-radius:.8rem;padding:.8rem}.pipeline-bottom h3{font-size:.58rem;letter-spacing:.12em;color:#718095}.pipeline-bottom pre{white-space:pre-wrap;font:600 .64rem/1.55 ui-monospace;background:#101827;color:#cce7dc;border-radius:.55rem;padding:.8rem;height:150px;overflow:auto}.pipeline-bottom aside label{display:block;font-size:.66rem;margin:.45rem 0}.release-state{margin-top:.8rem;background:#ecfdf5;border-radius:.6rem;padding:.7rem}.release-state span,.release-state strong,.release-state small{display:block}.release-state span{font-size:.5rem;color:#16845d}.release-state strong{font-size:1rem}.release-state small{color:#50756a;font-size:.58rem}

/* Websites refinements */
.agency-site{--site-muted:#a8b0bd}.agency-hero em{color:#ff4d6d;font-style:normal}.agency-hero small,.agency-services>small,.agency-process>small,.agency-intake small,.agency-work-grid+small{color:#ff6b82;letter-spacing:.14em;font-size:.65rem}.agency-proof{display:flex;gap:1rem;margin-top:2rem}.agency-proof span{font-size:.68rem;color:#a8b0bd}.agency-proof b{display:block;color:#fff;font-size:1.25rem}.agency-marquee{overflow:hidden;border-top:1px solid #2b2f38;border-bottom:1px solid #2b2f38;padding:1rem}.agency-marquee p{white-space:nowrap;font-size:.75rem;letter-spacing:.18em;color:#ff8194}.agency-work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#333641}.agency-work-grid article{background:#0b0d12;padding:1.5rem}.agency-work-grid article>b{color:#ff4d6d}.agency-work-grid h4{font-size:1.4rem;margin:1.3rem 0 .4rem}.agency-work-grid p{color:#adb5c2}.agency-work-grid span{font-size:.65rem;color:#ff8295}.agency-work-grid button{display:block;margin-top:1.3rem;border:0;background:transparent;color:#fff;padding:0}.agency-process ol{list-style:none;padding:0;max-width:900px}.agency-process li{display:grid;grid-template-columns:80px 1fr;gap:1rem;padding:1.2rem 0;border-top:1px solid #333641}.agency-process li>b{color:#ff4d6d}.agency-process h4{font-size:1.2rem;margin:0}.agency-process p{color:#abb4c0}.agency-intake{display:grid;grid-template-columns:.8fr 1.2fr;gap:3rem;min-height:600px}.agency-intake form,.portfolio-contact form{display:grid;gap:.75rem;background:#141820;border:1px solid #303642;border-radius:1rem;padding:1.2rem}.agency-intake label,.portfolio-contact label{display:grid;gap:.3rem;font-size:.68rem;color:#b7c0cc}.agency-intake input,.agency-intake textarea,.agency-intake select,.portfolio-contact input,.portfolio-contact textarea{background:#0b0d12;border:1px solid #3a414e;color:#fff;border-radius:.5rem;padding:.7rem}.agency-intake textarea,.portfolio-contact textarea{min-height:140px}.agency-intake form button,.portfolio-contact form button{border:0;background:#ff4d6d;color:#fff;padding:.75rem;border-radius:.55rem;font-weight:900}