/* Agent OS refresh: light hero with the execution trace, calmer surfaces, clearer rhythm.
   Loads after manykind-design.css and only restyles; copy and structure stay in the HTML. */
:root {
 --glow:rgba(174,217,238,.55);
 --grid:rgba(33,76,99,.06);
 --ok:#2f7a5b;
 --shadow:0 1px 2px rgba(24,48,60,.05),0 12px 32px -12px rgba(24,48,60,.18);
}

/* ---------- shared: kick, headings, section rhythm ---------- */
.kick { display:inline-flex;align-items:center;gap:10px; }
.kick::before { content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--primary-soft);flex:none; }
.band-dark .kick::before { background:var(--sky);box-shadow:0 0 0 4px rgba(174,217,238,.16); }
.section-head h2,.section>.wrap>h2 { max-width:22ch; }

/* ---------- home hero ---------- */
.mk-home .hero {
 position:relative;overflow:hidden;color:var(--ink);padding:72px 0 0;
 background:
  radial-gradient(60% 70% at 85% 30%,var(--glow),transparent 70%),
  radial-gradient(40% 50% at 10% 0%,rgba(174,217,238,.25),transparent 70%),
  var(--bg);
}
.mk-home .hero::before {
 content:"";position:absolute;inset:0;pointer-events:none;
 background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);
 background-size:48px 48px;
 -webkit-mask-image:radial-gradient(70% 80% at 70% 35%,#000 20%,transparent 75%);
 mask-image:radial-gradient(70% 80% at 70% 35%,#000 20%,transparent 75%);
}
.mk-home .hero .wrap { position:relative; }
.mk-home .hero .hero-grid { display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:64px;align-items:center; }
.mk-home .hero .kick { color:var(--primary); }
.mk-home .hero h1 { font-size:clamp(46px,5.4vw,80px);line-height:1.03;letter-spacing:-.055em;margin:0 0 26px;max-width:15ch;color:var(--ink); }
.mk-home .hero .lede { color:var(--muted);font-size:18px;line-height:1.75;max-width:56ch;margin:0 0 32px; }
.mk-home .hero .cta-row { flex-direction:row;padding:0;gap:12px; }
.mk-home .hero .btn { min-width:0; }
.mk-home .hero .btn-primary { background:var(--primary);color:#fff;border-color:var(--primary); }
.mk-home .hero .btn-primary:hover { background:#285b76; }
.mk-home .hero .btn-ghost { color:var(--primary);background:rgba(255,255,255,.7);border-color:var(--line2); }
.mk-home .hero .btn-ghost:hover { background:#fff; }

.mk-home .hero .proof {
 list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:64px 0 0;padding:0;
 border-top:1px solid var(--line);color:var(--ink);font-size:14px;font-weight:600;
}
.mk-home .hero .proof li { display:flex;align-items:center;gap:10px;padding:20px 20px 22px 0; }
.mk-home .hero .proof li+li { padding-left:20px;border-left:1px solid var(--line); }
.mk-home .hero .proof li::before { content:"";width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px rgba(47,122,91,.12);flex:none; }




/* no JS or reduced motion: show the completed execution */

@keyframes mk-breathe { 0%,100% { opacity:1; } 50% { opacity:.35; } }

/* ---------- home: the meeting questions ---------- */
.questions { counter-reset:q; }
.questions .card { position:relative;padding:22px 0 0; }
.questions .card::before { display:block!important;counter-increment:q;content:"0" counter(q);position:static;font-family:var(--mono);font-size:12px;color:var(--faint);margin-bottom:10px; }
.questions .answer { display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-size:14px;font-weight:600;color:var(--ok); }
.questions .answer::before { content:"";width:12px;height:7px;border-left:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(-45deg) translateY(-2px);flex:none; }
.closing { color:var(--ink);font-size:18px;line-height:1.75;border-left:2px solid var(--sky);padding-left:20px; }

/* ---------- cards: quiet lift on hover ---------- */
.grid-3>.card,.grid-4>.card,#primitives .card,.mk-principles .card { position:relative; }
.grid-3>.card::after,.grid-4>.card::after,#primitives .card::after,.mk-principles .card::after {
 content:"";position:absolute;left:0;top:-1px;height:2px;width:36px;background:var(--accent);transition:width .5s var(--ease);
}
.grid-3>.card:hover::after,.grid-4>.card:hover::after,#primitives .card:hover::after,.mk-principles .card:hover::after { width:100%; }
.band-dark .card::after { background:var(--sky); }

/* numbered steps and principles regain their numbers */
.steps { counter-reset:none; }
.step .num,.mk-principles .card .num { display:inline-flex!important;align-items:center;justify-content:center;font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;color:var(--primary);background:var(--panel2);border:1px solid var(--line);border-radius:999px;min-width:34px;height:24px;padding:0 8px;margin-bottom:14px; }
.step { position:relative; }

/* ---------- inner-page heroes ---------- */
.mk-platform .hero,.mk-partners .hero,.mk-principles .hero,.mk-talk .hero {
 position:relative;overflow:hidden;
 background:radial-gradient(50% 90% at 90% 0%,var(--glow),transparent 70%),linear-gradient(180deg,#f3f9fc 0%,var(--bg) 100%);
 border-bottom:1px solid var(--line);
}
.mk-platform .hero::before,.mk-partners .hero::before,.mk-principles .hero::before,.mk-talk .hero::before {
 content:"";position:absolute;inset:0;pointer-events:none;
 background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:48px 48px;
 -webkit-mask-image:radial-gradient(60% 100% at 85% 0%,#000,transparent 75%);mask-image:radial-gradient(60% 100% at 85% 0%,#000,transparent 75%);
}
.mk-platform .hero .wrap,.mk-partners .hero .wrap,.mk-principles .hero .wrap,.mk-talk .hero .wrap { position:relative; }
.hero h1 { max-width:18ch; }
.mk-talk .form { background:#fff;box-shadow:var(--shadow);border-radius:14px; }

/* ---------- dark bands ---------- */
.band-dark { position:relative;overflow:hidden;background:radial-gradient(60% 120% at 100% 0%,rgba(174,217,238,.18),transparent 60%),var(--dark); }
.band-dark .btn-primary { background:var(--sky);color:var(--primary-ink); }
.band-dark .btn-primary:hover { background:#fff; }

/* ---------- footer tidy ---------- */
.site-footer li:empty { display:none; }
.site-footer ul a svg { display:none; }

/* ---------- reveal on scroll (only when JS marks the page ready) ---------- */
.mk-reveal-ready [data-reveal] { opacity:0;transform:translateY(14px);transition:opacity .7s var(--ease),transform .7s var(--ease); }
.mk-reveal-ready [data-reveal].is-in { opacity:1;transform:none; }
@media print { .mk-reveal-ready [data-reveal] { opacity:1!important;transform:none!important; } }

/* ---------- responsive ---------- */
@media(max-width:1080px) {
 .mk-home .hero .hero-grid { grid-template-columns:1fr;gap:44px; }
 .mk-home .hero h1 { max-width:14ch;font-size:clamp(44px,8vw,72px); }
 .mk-home .hero .proof { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .mk-home .hero .proof li:nth-child(3) { padding-left:0;border-left:0; }
 .mk-home .hero .proof li:nth-child(n+3) { border-top:1px solid var(--line); }
}
@media(max-width:760px) {
 .mk-home .hero { padding:44px 0 0; }
 .mk-home .hero .wrap { display:block; }
 .mk-home .hero .hero-grid { display:grid; }
 .mk-home .hero h1 { font-size:clamp(40px,11vw,56px);margin-bottom:20px; }
 .mk-home .hero .lede { font-size:16px;margin-bottom:26px; }
 .mk-home .hero .cta-row { margin:0; }
 .mk-home .hero .proof { margin-top:40px;font-size:13px; }
 .mk-home .hero .proof li { padding:16px 12px 16px 0; }
 .mk-home .hero .proof li+li { padding-left:12px; }
 .mk-home .hero .proof li:nth-child(3) { padding-left:0; }
 .closing { font-size:16px; }
}
@media(prefers-reduced-motion:reduce) {
 .mk-reveal-ready [data-reveal] { opacity:1;transform:none;transition:none; }
 .grid-3>.card::after,.grid-4>.card::after,#primitives .card::after,.mk-principles .card::after { transition:none; }
}

/* home partners band: keep the left column stacked instead of stretched across the card rows */
.mk-home #partners .wrap { align-content:start;grid-template-rows:repeat(4,auto) 1fr; }
.mk-home #partners .grid-3 { grid-row:1/-1; }
.mk-home #partners .wrap>h2 { margin-bottom:18px; }
@media(max-width:760px) { .mk-home #partners .wrap { grid-template-rows:none; } }

/* Agent OS product frames: abstracted console screens, module icons, and the diagrams
   rebuilt as live HTML. One frame language everywhere: grey chrome, white panels,
   real labels for the nouns that matter, placeholder bars for the rest. */
:root {
 --f-chrome:#f4f7f9; --f-line:#e2ebf0; --f-sk:#e3ecf1; --f-sk2:#edf2f5;
 --f-shadow:0 44px 90px -46px rgba(24,48,60,.38),0 2px 6px rgba(24,48,60,.05);
 --m-strong:#2c6688; --m-light:#bfdff0; --ok:#2f7a5b; --risk:#a8472f;
}

/* ---------- primitives ---------- */
.mod { display:block;width:100%;height:100%; }
.sk { display:inline-block;flex:none;width:var(--w,60%);max-width:100%;height:9px;border-radius:6px;background:var(--f-sk);vertical-align:middle; }
.sk-btn { display:inline-block;width:62px;height:26px;border-radius:7px;background:var(--f-sk); }
.sk-btn.primary { background:#5f8aa3; }
.c-pill { display:inline-flex;align-items:center;gap:6px;padding:2px 9px;border-radius:999px;background:#eef7f2;color:#276b4f;font-size:12px;font-weight:600;white-space:nowrap; }
.c-pill i { width:6px;height:6px;border-radius:50%;background:#35a274; }
.c-pill.off { background:#f7ecea;color:#9b3f2e; } .c-pill.off i { background:var(--risk); }
.chip { display:inline-flex;align-items:center;padding:2px 8px;border-radius:6px;background:var(--panel2);border:1px solid #d5e6ee;color:var(--primary);font-family:var(--mono);font-size:11.5px;white-space:nowrap; }
.meter { position:relative;display:inline-block;flex:none;width:72px;height:6px;border-radius:6px;background:var(--f-sk2);overflow:hidden;vertical-align:middle; }
.meter i { position:absolute;inset:0;background:linear-gradient(90deg,var(--sky),var(--accent));transform-origin:left;transform:scaleX(var(--v,.5));border-radius:inherit; }
.c-sig { display:inline-flex;align-items:center;gap:5px;color:var(--ok);font-size:11px;font-weight:600;white-space:nowrap; }
.c-sig::before { content:"";width:9px;height:5px;border-left:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(-45deg) translate(1px,-1px); }

.motion-toggle { position:absolute;right:16px;bottom:16px;z-index:5;width:34px;height:34px;border-radius:50%;border:1.5px solid var(--ink);background:rgba(255,255,255,.9);color:var(--ink);display:grid;place-items:center;cursor:pointer;padding:0; }
.motion-toggle svg { width:16px;height:16px;fill:currentColor; }
.motion-toggle .i-play { display:none; }
.motion-toggle[aria-pressed="true"] .i-pause { display:none; }
.motion-toggle[aria-pressed="true"] .i-play { display:block; }
.motion-toggle:focus-visible { outline:2px solid var(--accent);outline-offset:3px; }
.is-paused *,.is-paused *::before,.is-paused *::after { animation-play-state:paused!important; }

/* ---------- frame chrome, shared by every product screen ---------- */
.frame { position:relative;margin:0;background:var(--f-chrome);border:1px solid var(--line);border-radius:20px;box-shadow:var(--f-shadow);overflow:hidden;color:var(--ink);font-size:14px;line-height:1.45;text-align:left; }
.frame-top { display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 20px; }
.frame-brand { display:inline-flex;align-items:center;gap:12px;font-weight:600;font-size:15px;color:var(--ink);min-width:0; }
.frame-brand .mk-brand-mark { width:26px;height:21px;color:var(--ink); }
.frame-brand .sep { width:1px;height:20px;background:var(--line2); }
.frame-crumb { color:var(--muted);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.frame-crumb b { color:var(--ink);font-weight:600; }
.frame-tools { display:inline-flex;align-items:center;gap:8px;flex:none; }
.frame-panel { background:#fff;border-top:1px solid var(--f-line);padding:22px; }
.frame-head { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px; }
.frame-head h4 { font-size:19px;font-weight:600;letter-spacing:-.02em;line-height:1.2;margin:0; }
.frame-head .sub { font-family:var(--mono);font-size:11.5px;color:var(--muted); }
.ui-btn { display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:8px;border:1px solid var(--line2);background:#fff;color:var(--primary);font-size:13px;font-weight:600;white-space:nowrap; }
.ui-btn.danger { color:#9b3f2e;border-color:#e7c4bb;background:#fff8f6; }
.ui-btn.primary { background:var(--primary);border-color:var(--primary);color:#fff; }

/* ---------- home: the console, after the real dashboard ---------- */
#console { overflow:hidden;padding-bottom:104px; }
#console .section-head { margin-bottom:44px; }
.console-stage { width:min(var(--maxw),calc(100% - 96px));margin:0 auto; }
.console { position:relative;margin:0;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--f-shadow);color:var(--ink);font-size:13px;line-height:1.4;overflow:hidden; }
@media(min-width:1100px) { .console { width:calc(100% + (100vw - 100%) / 2);border-radius:18px 0 0 18px;border-right:0; } }
@media(min-width:1800px) { .console { width:100%;border-radius:18px;border-right:1px solid var(--line); } }
.r-app { display:grid;grid-template-columns:212px minmax(0,1fr);min-height:640px; }
.r-side { display:flex;flex-direction:column;border-right:1px solid var(--f-line);background:#fff; }
.r-brand { display:flex;align-items:center;gap:10px;height:52px;padding:0 16px;border-bottom:1px solid var(--f-line);font-weight:700;font-size:14px; }
.r-brand .mk-brand-mark { width:24px;height:19px;color:var(--ink); }
.r-brand em { margin-left:auto;font-style:normal;color:var(--muted);font-size:16px; }
.r-nav { list-style:none;display:grid;gap:2px;padding:10px 8px; }
.r-nav li { display:flex;align-items:center;gap:12px;height:36px;padding:0 10px;border-radius:8px;color:#3d5260;font-size:13.5px; }
.r-nav svg { width:18px;height:18px;flex:none;color:#4f6572; }
.r-nav li.on { background:var(--panel2);color:var(--primary);font-weight:600; }
.r-nav li.on svg { color:var(--primary); }
.r-side-foot { margin-top:auto;padding:12px 12px 14px;display:grid;gap:12px; }
.r-conn { display:inline-flex;align-items:center;gap:7px;justify-self:start;padding:5px 10px;border-radius:999px;background:#eef7f2;color:#276b4f;font-size:11.5px;font-weight:600; }
.r-conn i { width:6px;height:6px;border-radius:50%;background:#35a274; }
.r-me { display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:center;padding-top:12px;border-top:1px solid var(--f-line); }
.r-av { width:32px;height:32px;border-radius:50%;background:var(--primary);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:700; }
.r-me b { display:block;font-family:var(--mono);font-size:11.5px;font-weight:500; }
.r-me small { color:var(--muted);font-size:11.5px; }
.r-main { background:#f6f8fa;min-width:0;display:flex;flex-direction:column; }
.r-bar { display:flex;align-items:center;gap:8px;height:52px;padding:0 20px;background:#fff;border-bottom:1px solid var(--f-line);font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden; }
.r-bar .lnk { color:var(--accent); }
.r-bar b { color:var(--ink);font-weight:500; }
.r-org { display:inline-flex;align-items:center;gap:7px; }
.r-org i:first-child { width:18px;height:18px;border-radius:50%;background:var(--accent);color:#fff;font-style:normal;font-size:10px;font-weight:700;display:grid;place-items:center; }
.r-body { padding:16px 20px 22px;display:grid;gap:14px;min-width:0; }
.r-tools { display:flex;justify-content:flex-end;align-items:center;gap:10px;color:var(--muted); }
.r-tools svg { width:15px;height:15px; }
.r-seg { display:inline-flex;border:1px solid var(--f-line);border-radius:7px;background:#fff;overflow:hidden; }
.r-seg span { padding:5px 10px;font-size:11.5px;color:var(--muted);border-left:1px solid var(--f-line); }
.r-seg span:first-child { border-left:0; }
.r-seg span.on { background:var(--panel2);color:var(--ink);font-weight:700; }
.r-kpis { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px; }
.r-kpi { background:#fff;border:1px solid var(--f-line);border-radius:9px;padding:12px 14px; }
.r-kpi > span { display:block;font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--muted); }
.r-kpi b { display:block;font-size:22px;font-weight:700;letter-spacing:-.02em;margin:6px 0 2px;font-variant-numeric:tabular-nums; }
.r-kpi b small { font-size:12px;font-weight:500;color:var(--muted);margin-left:3px; }
.r-kpi em { font-style:normal;font-size:11px;color:var(--muted); }
.r-charts { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.68fr);gap:10px; }
.r-card { background:#fff;border:1px solid var(--f-line);border-radius:9px;padding:14px 16px;min-width:0; }
.r-card h5 { display:flex;justify-content:space-between;align-items:center;font-size:12.5px;font-weight:700;margin:0 0 10px; }
.r-card h5 a,.r-card h5 .lnk { font-size:11.5px;font-weight:600;color:var(--accent); }
.r-plot { position:relative;height:118px;background:repeating-linear-gradient(180deg,transparent 0 28.5px,#edf2f5 28.5px 29.5px);border-bottom:1px solid #dfe8ed; }
.r-plot svg { position:absolute;inset:0;width:100%;height:100%; }
.r-plot path { fill:none;stroke-width:1.6;vector-effect:non-scaling-stroke;stroke-linejoin:round; }
.s-ok { stroke:#3f9a6b; } .s-fail { stroke:#c7503c; } .s-run { stroke:#d29a2a; }
.s-cpu { stroke:#3d6fd1; } .s-mem { stroke:#3f9a6b; } .s-gpu { stroke:#d1782f; }
.r-legend { display:flex;justify-content:center;gap:14px;margin-top:10px;font-size:11px;color:var(--muted); }
.r-legend i { display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:5px;vertical-align:-1px; }
.k-ok { background:#3f9a6b; } .k-fail { background:#c7503c; } .k-run { background:#d29a2a; } .k-cpu { background:#3d6fd1; } .k-gpu { background:#d1782f; }
.r-attn h5 span { font-size:10px;letter-spacing:.08em;color:var(--muted); }
.r-attn h5 b { width:16px;height:16px;border-radius:4px;background:#f3c55a;color:#6b4d00;font-size:10px;display:grid;place-items:center; }
.r-attn p { display:grid;grid-template-columns:8px 1fr auto;gap:8px;align-items:start;font-size:12px;color:#3d5260;margin:6px 0; }
.r-attn p::before { content:"";width:6px;height:6px;border-radius:50%;background:#9fb3bf;margin-top:6px; }
.r-attn p .lnk { color:var(--accent);font-weight:600;font-size:11.5px; }
.r-fleet-head { display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11.5px;color:var(--muted); }
.r-fleet-head b { color:var(--ink);font-size:10.5px;letter-spacing:.08em;margin-right:8px; }
.r-fleet-head .ui-btn { height:28px;font-size:12px; }
.r-fleet { width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--f-line);border-radius:9px;overflow:hidden;font-size:12.5px;table-layout:fixed; }
.r-fleet th { text-align:left;font-size:10px;letter-spacing:.08em;color:var(--muted);font-weight:700;padding:9px 12px;border-bottom:1px solid var(--f-line);background:#fafcfd; }
.r-fleet td { padding:0 12px;height:44px;border-bottom:1px solid #eef3f6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.r-fleet tr:last-child td { border-bottom:0; }
.r-fleet tr.grp td { height:30px;background:#f6f8fa;font-size:11.5px;color:var(--muted); }
.r-fleet tr.grp b { color:var(--ink);margin-right:6px; }
.r-fleet th:nth-child(1) { width:auto; } .r-fleet th:nth-child(2) { width:56px; } .r-fleet th:nth-child(3) { width:74px; } .r-fleet th:nth-child(4) { width:196px; } .r-fleet th:nth-child(5) { width:104px; } .r-fleet th:nth-child(6) { width:62px; }
.r-wf { display:flex;align-items:center;gap:10px;min-width:0; }
.r-wf::before { content:"";width:3px;height:30px;border-radius:2px;background:var(--accent);flex:none; }
.r-dot { width:7px;height:7px;border-radius:50%;background:#35a274;flex:none; }
.r-dot.run { background:#d29a2a;animation:mk-breathe 1.6s ease-in-out infinite; }
.r-badge { font-size:9.5px;font-weight:700;letter-spacing:.06em;padding:2px 6px;border-radius:4px;background:var(--panel2);color:var(--primary);flex:none; }
.r-wf b { font-weight:600; }
.r-wf small { display:block;font-family:var(--mono);font-size:11px;color:var(--muted); }
.r-num { text-align:right;font-weight:700;font-variant-numeric:tabular-nums; }
.r-ok { color:#23734c;font-variant-numeric:tabular-nums; }
.r-use { color:var(--muted);font-size:11.5px; }
.r-trend svg { width:90px;height:22px;display:block; }
.r-trend path { fill:none;stroke:#3f9a6b;stroke-width:1.5;stroke-linejoin:round; }
.r-acts { color:#7f93a0;text-align:right; }
.r-acts svg { width:15px;height:15px;margin-left:8px;vertical-align:middle; }
.r-flash { animation:r-flash 1.2s ease; }
@keyframes r-flash { 0% { background:#eaf5fb; } 100% { background:transparent; } }
@media(max-width:1080px) {
 .r-app { grid-template-columns:1fr;min-height:0; }
 .r-side { display:none; }
 .r-charts { grid-template-columns:1fr 1fr; }
 .r-attn { grid-column:1/-1; }
}
@media(max-width:760px) {
 .console-stage { width:calc(100% - 40px); }
 #console { padding-bottom:64px; }
 .r-bar { padding:0 14px; }
 .r-body { padding:12px 12px 16px;gap:10px; }
 .r-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .r-kpi:nth-child(5) { display:none; }
 .r-charts { grid-template-columns:1fr; }
 .r-charts .r-card:nth-child(2) { display:none; }
 .r-fleet-head span:last-child { display:none; }
 .r-fleet th:nth-child(4),.r-fleet td:nth-child(4),.r-fleet th:nth-child(5),.r-fleet td:nth-child(5),.r-fleet th:nth-child(6),.r-fleet td:nth-child(6) { display:none; }
 .r-badge { display:none; }
}

/* ---------- launcher: the module family ---------- */
.launcher .launcher-body { display:grid;grid-template-columns:72px minmax(0,1fr); }
.rail { display:flex;flex-direction:column;align-items:center;gap:20px;padding:6px 0 24px; }
.rail svg { width:22px;height:22px;color:#7f93a0; }
.rail-plus { width:44px;height:44px;border-radius:12px;background:#fff;display:grid;place-items:center;box-shadow:0 2px 6px rgba(24,48,60,.08);color:var(--ink);margin-bottom:4px; }
.rail-plus svg { color:var(--ink); }
.launcher-grid { background:#fff;border:1px solid var(--f-line);border-right:0;border-bottom:0;border-top-left-radius:18px;padding:30px 26px 34px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 14px; }
.mod-tile { display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;font-size:14px;font-weight:500;color:var(--ink);border-radius:14px;padding:4px 2px; }
.mod-box { width:88px;height:88px;border-radius:24px;background:#fff;display:grid;place-items:center;box-shadow:0 14px 28px -14px rgba(24,48,60,.32),0 1px 2px rgba(24,48,60,.06);border:1px solid #edf2f5;transition:transform .35s var(--ease),box-shadow .35s var(--ease); }
.mod-box svg { width:46px;height:46px; }
a.mod-tile:hover .mod-box,a.mod-tile:focus-visible .mod-box { transform:translateY(-3px);box-shadow:0 20px 34px -14px rgba(24,48,60,.4),0 1px 2px rgba(24,48,60,.06); }
a.mod-tile:focus-visible { outline:2px solid var(--accent);outline-offset:4px; }
.mk-platform .hero .hero-split,.mk-partners .hero .hero-split { display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center; }
.mk-platform .hero,.mk-partners .hero { padding-bottom:72px; }
.mk-platform .hero h1,.mk-partners .hero h1 { max-width:13ch; }

/* module icon badges used in cards and steps */
.mod-badge { display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:#fff;border:1px solid #e6eef2;box-shadow:0 10px 20px -12px rgba(24,48,60,.3);margin-bottom:18px; }
.mod-badge svg { width:28px;height:28px; }
.step .mod-badge { width:46px;height:46px;border-radius:13px;margin:0 0 14px; }
.step .mod-badge svg { width:24px;height:24px; }

/* ---------- feature rows: copy beside a frame ---------- */
.feature { display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:56px;align-items:center;margin-bottom:34px; }
.feature.flip .feature-copy { order:2; }
.feature-copy .lede { margin-top:16px; }

/* grant detail */
.ui-fields { display:grid;gap:0;margin:0; }
.ui-fields > div { display:grid;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:12px;min-height:42px;border-top:1px solid #eef3f6; }
.ui-fields > div:first-child { border-top:0; }
.ui-fields dt { font-size:12.5px;color:var(--muted); }
.ui-fields dd { display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0;font-size:13.5px;color:var(--ink);min-width:0; }
.ui-fields dd.ok { color:var(--ok);font-weight:600; }
.ui-fields dd small { color:var(--muted);font-size:12px; }
.ui-actions { display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid #eef3f6; }
.ui-actions .sk { margin-right:auto; }

/* audit log table */
.ui-table { width:100%;border-collapse:collapse;font-size:12.5px;table-layout:fixed; }
.ui-table th { text-align:left;font-weight:600;color:var(--muted);font-size:11.5px;padding:0 8px 10px;border-bottom:1px solid var(--f-line);white-space:nowrap; }
.ui-table td { padding:0 8px;height:40px;border-bottom:1px solid #eef3f6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink); }
.ui-table td.t { font-family:var(--mono);color:var(--muted);font-size:11.5px; }
.ui-table td.op code { font-family:var(--mono);color:var(--accent); }
.ui-table tr.is-new td { animation:c-in .6s var(--ease); }
.ui-table th:nth-child(1) { width:74px; } .ui-table th:nth-child(4) { width:62px; } .ui-table th:nth-child(6) { width:74px; }
.ui-foot { display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;font-size:12.5px;color:var(--muted); }
.ui-foot b { color:var(--ink); }

/* agent catalog */
.ui-search { display:flex;align-items:center;gap:10px;height:38px;padding:0 12px;border:1px solid var(--f-line);border-radius:9px;margin-bottom:16px;color:var(--muted); }
.ui-search svg { width:16px;height:16px; }
.ui-catalog { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
.ui-op { display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;row-gap:2px;align-items:center;padding:12px;border:1px solid var(--f-line);border-radius:12px; }
.ui-op .mod-box { width:44px;height:44px;border-radius:12px;grid-row:1/3;box-shadow:none;background:var(--f-chrome);border:0; }
.ui-op .mod-box svg { width:26px;height:26px; }
.ui-op b { font-size:13.5px;font-weight:600; }
.ui-op small { display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px; }
.ui-op.wide { grid-column:1/-1; }

/* partner client workspaces */
.ui-clients { list-style:none;display:grid; }
.ui-clients li { display:grid;grid-template-columns:36px minmax(0,1.2fr) minmax(0,.8fr) 84px;align-items:center;gap:12px;min-height:56px;border-top:1px solid #eef3f6; }
.ui-clients li:first-child { border-top:0; }
.ui-clients li.head { min-height:30px;font-size:11.5px;color:var(--muted);font-weight:600; }
.ui-clients .av { width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--f-chrome); }
.ui-clients .av svg { width:22px;height:22px; }
.ui-clients .nm { display:grid;gap:6px; }
.ui-clients .nm small { font-family:var(--mono);font-size:11px;color:var(--muted); }
.ui-clients .spark { width:84px;height:26px; }
.ui-clients .spark path { fill:none;stroke:#2c6688;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round; }

/* owner key and grants */
.ui-key { display:flex;align-items:center;gap:14px;padding:14px;border-radius:12px;background:var(--f-chrome);margin-bottom:16px; }
.ui-key .mod-box { width:48px;height:48px;border-radius:13px;box-shadow:none;border:1px solid #e6eef2; }
.ui-key .mod-box svg { width:28px;height:28px; }
.ui-key b { display:block;font-size:14px; }
.ui-key small { font-family:var(--mono);font-size:11.5px;color:var(--muted); }
.ui-key .c-pill { margin-left:auto; }
.ui-grants { list-style:none;display:grid; }
.ui-grants li { display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:50px;border-top:1px solid #eef3f6; }
.ui-grants li:first-child { border-top:0; }
.ui-grants .who { display:grid;gap:4px;min-width:0; }
.ui-grants .who b { font-size:13.5px;font-weight:600; }
.ui-grants .who span { display:flex;gap:6px;flex-wrap:wrap; }
.ui-grants .rv { font-size:12.5px;font-weight:600;color:#9b3f2e; }
.ui-grants li.revoked .who b { color:var(--muted);text-decoration:line-through; }

/* ---------- home: trust by construction ---------- */
#primitives .os-map { display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:48px;align-items:start; }
.pillars { list-style:none;display:grid;gap:6px; }
.pillar { display:grid;grid-template-columns:48px minmax(0,1fr);gap:18px;padding:20px 20px 18px;border-radius:14px;border:1px solid transparent;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease;cursor:default;outline:0; }
.pillar-icon { width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:#fff;border:1px solid #e6eef2;box-shadow:0 10px 20px -12px rgba(24,48,60,.3);color:var(--primary);transition:transform .3s var(--ease); }
.pillar-icon svg { width:26px;height:26px; }
.pillar h3 { font-size:20px;margin:2px 0 6px; }
.pillar p { color:var(--muted);font-size:15.5px;line-height:1.7;margin:0; }
.pillar a.more { display:inline-flex;align-items:center;min-height:36px;margin-top:6px;font-size:14px;font-weight:600;color:var(--primary);border-bottom:1px solid var(--line); }
.pillar:is(:hover,:focus-within,.is-active) { background:#fff;border-color:var(--line);box-shadow:var(--shadow); }
.pillar:is(:hover,:focus-within,.is-active) .pillar-icon { transform:scale(1.06); }
.os-hint { margin:14px 20px 0;font-family:var(--mono);font-size:12px;color:var(--muted); }
.perimeter { position:sticky;top:110px;margin:0;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--f-shadow);padding:22px; }
.per-head { display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 16px;font-size:12.5px;margin:0 4px 16px; }
.per-label { font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--primary);font-weight:500; }
.per-meta { color:var(--muted); }
.per-grid { position:relative;display:grid;grid-template-columns:minmax(0,1fr) 184px minmax(0,1fr);grid-template-rows:auto auto;column-gap:30px;row-gap:46px;align-items:center;padding:34px 20px;border:1.5px dashed #a9c7d6;border-radius:16px;background:radial-gradient(circle at 50% 50%,rgba(174,217,238,.3),transparent 62%);transition:border-color .35s ease,box-shadow .35s ease; }
.n-gateway { grid-column:1;grid-row:1; } .n-runtime { grid-column:3;grid-row:1; }
.n-perms { grid-column:1;grid-row:2; } .n-compute { grid-column:3;grid-row:2; }
.pnode { position:relative;z-index:1;display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:12px;background:#fff;border:1px solid var(--line);border-radius:13px;transition:opacity .35s ease,border-color .35s ease,box-shadow .35s ease; }
.pnode-icon { grid-row:1/3;width:40px;height:40px;border-radius:11px;background:var(--f-chrome);display:grid;place-items:center; }
.pnode-icon svg { width:26px;height:26px; }
.pnode b { font-size:14px;line-height:1.3;color:var(--ink); }
.pnode > span:last-child { font-size:12.5px;line-height:1.4;color:var(--muted); }
.pnode::after { content:"";position:absolute;top:50%;height:2px;margin-top:-1px;width:72px;z-index:-1;background:repeating-linear-gradient(90deg,var(--accent) 0 6px,transparent 6px 12px);opacity:.5; }
.n-gateway::after,.n-perms::after { left:100%; }
.n-runtime::after,.n-compute::after { right:100%; }
.vault { position:relative;z-index:2;grid-column:2;grid-row:1/3;justify-self:center;width:184px;height:184px;border-radius:50%;background:#fff;border:1.5px solid #9cc3d7;box-shadow:0 0 0 10px rgba(174,217,238,.28),0 18px 40px -20px rgba(24,48,60,.35);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px;transition:opacity .35s ease,box-shadow .35s ease; }
.vault-icon { width:50px;height:50px;margin-bottom:8px; }
.vault b { font-size:15px;line-height:1.25; }
.vault > span:last-child { font-size:12px;color:var(--muted);line-height:1.4;margin-top:4px; }
.perimeter figcaption { margin-top:18px;text-align:center;font-weight:600;font-size:15px;color:var(--ink); }
.os-map:has(.pillar:is(:hover,:focus-within,.is-active)) :is(.pnode,.vault) { opacity:.3; }
.os-map:has([data-pillar=identity]:is(:hover,:focus-within,.is-active)) [data-in~=identity],
.os-map:has([data-pillar=isolation]:is(:hover,:focus-within,.is-active)) [data-in~=isolation],
.os-map:has([data-pillar=audit]:is(:hover,:focus-within,.is-active)) [data-in~=audit],
.os-map:has([data-pillar=managed]:is(:hover,:focus-within,.is-active)) [data-in~=managed] { opacity:1;border-color:var(--accent);box-shadow:0 0 0 4px rgba(174,217,238,.55),0 18px 40px -20px rgba(24,48,60,.35); }
.os-map:has([data-pillar=isolation]:is(:hover,:focus-within,.is-active)) .per-grid { border-color:var(--accent);border-style:solid;box-shadow:inset 0 0 0 5px rgba(174,217,238,.35); }

/* ---------- home: open standard ---------- */
#standard .standard-grid { display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px;align-items:center; }
#standard .section-head { margin:0; }
.spec { background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--f-shadow);overflow:hidden; }
.spec-bar { display:flex;justify-content:space-between;padding:13px 22px;background:var(--dark);color:#d6e9f3;font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase; }
.spec-cols { display:grid;grid-template-columns:1fr 1fr; }
.spec-cols > div { padding:24px 22px; }
.spec-cols > div + div { border-left:1px solid var(--line);background:#fbfdfe; }
.spec-label { display:block;font-size:13px;font-weight:700;color:var(--primary);margin-bottom:14px; }
.spec ul { list-style:none;display:grid;gap:12px; }
.spec li { display:flex;align-items:center;gap:10px;font-size:15px;color:var(--ink); }
.spec li::before { content:"";width:8px;height:8px;border-radius:2px;background:var(--m-strong);flex:none; }
.spec-cols > div + div li::before { border-radius:50%;background:var(--m-light);box-shadow:inset 0 0 0 2px var(--m-strong); }
.spec-foot { padding:14px 22px;border-top:1px solid var(--line);background:var(--panel2);font-size:13px;color:var(--muted); }

/* ---------- platform: owned stack comparison ---------- */

/* ---------- responsive ---------- */
@media(max-width:1080px) {
 .mk-platform .hero .hero-split,.mk-partners .hero .hero-split,.feature { grid-template-columns:1fr;gap:40px; }
 .feature.flip .feature-copy { order:0; }
 .mk-platform .hero h1,.mk-partners .hero h1 { max-width:16ch; }
 #primitives .os-map { grid-template-columns:1fr; }
 .perimeter { position:relative;top:0;order:-1; }
 .os-hint { display:none; }
 #standard .standard-grid { grid-template-columns:1fr;gap:40px; }
}
@media(max-width:760px) {
 .console-stage { width:calc(100% - 40px); }
 #console { padding-bottom:64px; }
 .motion-toggle { right:10px;bottom:10px; }
 .frame { border-radius:16px; }
 .frame-top { padding:12px 14px; }
 .frame-panel { padding:16px 14px; }
 .launcher .launcher-body { grid-template-columns:1fr; }
 .rail { display:none; }
 .launcher-grid { border-left:0;border-top-left-radius:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 6px;padding:20px 10px 22px; }
 .mod-box { width:62px;height:62px;border-radius:18px; }
 .mod-box svg { width:34px;height:34px; }
 .mod-tile { font-size:12px;gap:8px; }
 .ui-fields > div { grid-template-columns:84px minmax(0,1fr); }
 .ui-table th:nth-child(3),.ui-table td:nth-child(3),.ui-table th:nth-child(5),.ui-table td:nth-child(5) { display:none; }
 .ui-catalog { grid-template-columns:1fr; }
 .ui-clients li { grid-template-columns:36px minmax(0,1fr) auto; }
 .ui-clients li > :nth-child(3),.ui-clients li > :nth-child(4) { display:none; }
 .per-grid { grid-template-columns:1fr 1fr;grid-template-rows:auto;row-gap:12px;column-gap:10px;padding:18px 12px; }
 .vault { grid-column:1/-1;grid-row:1;width:150px;height:150px;margin-bottom:8px; }
 .vault-icon { width:38px;height:38px; }
 .n-gateway,.n-runtime,.n-perms,.n-compute { grid-column:auto;grid-row:auto; }
 .pnode { grid-template-columns:1fr;row-gap:6px;padding:12px 10px; }
 .pnode-icon { grid-row:auto; }
 .pnode::after { display:none; }
 .pillar { grid-template-columns:40px minmax(0,1fr);gap:14px;padding:16px 12px; }
 .pillar-icon { width:40px;height:40px; }
 .pillar-icon svg { width:22px;height:22px; }
 .spec-cols { grid-template-columns:1fr; }
 .spec-cols > div + div { border-left:0;border-top:1px solid var(--line); }
}
@media(prefers-reduced-motion:no-preference) {
 .n-gateway::after,.n-perms::after { animation:per-flow-r 1.4s linear infinite; }
 .n-runtime::after,.n-compute::after { animation:per-flow-l 1.4s linear infinite; }
}
@keyframes per-flow-r { to { background-position:12px 0; } }
@keyframes per-flow-l { to { background-position:-12px 0; } }
@media(prefers-reduced-motion:reduce) {
 .mod-box,.pnode,.vault,.pillar,.pillar-icon { transition:none; }
 .ui-table tr.is-new td,.r-flash { animation:none; }
 .wf-node { transition:none; }
}


/* perimeter: roomier nodes, icon above label */
#primitives .os-map { grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px; }
.per-grid { grid-template-columns:minmax(0,1fr) 172px minmax(0,1fr);column-gap:34px;padding:30px 22px; }
.vault { width:172px;height:172px; }
.pnode { grid-template-columns:1fr;row-gap:4px;padding:14px 14px 13px; }
.pnode-icon { grid-row:auto;margin-bottom:6px; }
.pnode::after { width:80px; }
@media(max-width:1080px) { #primitives .os-map { grid-template-columns:1fr; } }
@media(max-width:760px) { .per-grid { grid-template-columns:1fr 1fr;column-gap:10px;padding:18px 12px; } .vault { width:150px;height:150px; } }
.c-pill.idle { background:#eef3f6;color:var(--muted); } .c-pill.idle i { background:#9fb3bf; }
.step-top { display:flex;align-items:center;justify-content:space-between;margin-bottom:14px; }
.step-top .mod-badge,.step-top .num { margin:0!important; }
.mk-platform .section:not(:first-child)>.wrap { padding-top:56px; }
.mk-platform .section { padding-block:36px 56px; }
.mk-platform .feature + .grid-3 { margin-top:8px; }
.mk-principles .section > .wrap.split { grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px;align-items:start; }
.mk-principles .keys { position:sticky;top:110px; }
@media(max-width:1080px) { .mk-principles .section > .wrap.split { grid-template-columns:1fr; } .mk-principles .keys { position:relative;top:0; } }
.feature.flip { grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); }
@media(max-width:1080px) { .feature.flip { grid-template-columns:1fr; } }
.frame:has(.motion-toggle) .ui-foot { padding-right:44px; }
/* footer logo was shrunk by the generic footer-icon rule */
.site-footer .brand .mk-brand-mark { width:36px;height:29px; }

/* ---------- platform: workflow editor, after the real editor ---------- */
.feature-copy.wide { max-width:820px;margin-bottom:34px; }
.feature-copy.wide .lede { margin-top:16px; }
.ui-btn.ghost { color:#5b6f7b;border-color:var(--f-line); }
.wf-tabs { display:inline-flex;gap:4px;font-size:12.5px;font-weight:600;color:var(--muted); }
.wf-tabs span { padding:8px 12px;border-bottom:2px solid transparent; }
.wf-tabs span.on { color:var(--primary);border-color:var(--primary); }
.wf-tabs em { font-style:normal;font-variant-numeric:tabular-nums; }
.frame-panel > .wf-tabs { display:flex;margin:-8px 0 12px;border-bottom:1px solid var(--f-line);width:100%; }
.wf-bar { display:flex;justify-content:space-between;align-items:center;gap:16px;padding:6px 16px;background:#fff;border-top:1px solid var(--f-line);border-bottom:1px solid var(--f-line); }
.wf-actions { display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);white-space:nowrap; }
.wf-actions .ui-btn { height:30px;font-size:12px; }
.wf-actions svg { width:13px;height:13px;vertical-align:-2px; }
.c-field-sm { display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border:1px solid var(--f-line);border-radius:7px;color:var(--ink);margin-left:4px; }
.wf-runs { display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border:1px solid var(--f-line);border-radius:999px; }
.wf-deployed { display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px;border:1px solid var(--f-line);border-radius:999px;color:var(--ink);font-weight:600; }
.wf-deployed i { width:7px;height:7px;border-radius:50%;background:#35a274; }
.wf-canvas { position:relative;height:300px;background-color:#fbfcfd;background-image:radial-gradient(#dde7ec 1px,transparent 1px);background-size:16px 16px; }
.wf-tools-top { position:absolute;top:12px;right:14px;display:flex;gap:6px; }
.wf-tools-top i,.wf-zoom i { width:28px;height:28px;border:1px solid var(--f-line);border-radius:7px;background:#fff;display:grid;place-items:center;color:var(--muted);font-style:normal;font-size:13px; }
.wf-tools-top svg { width:14px;height:14px; }
.wf-zoom { position:absolute;left:14px;bottom:14px;display:grid;gap:4px; }
.wf-track { position:absolute;inset:0;overflow-x:auto;display:flex;align-items:center;padding:0 28px 30px; }
.wf-pipe { display:flex;align-items:center;margin:0 auto;min-width:max-content; }
.wf-node { position:relative;display:flex;align-items:center;gap:8px;width:128px;padding:9px 10px;background:#fff;border:1px solid #d9e4ea;border-radius:8px;box-shadow:0 1px 2px rgba(24,48,60,.05);transition:border-color .35s ease,box-shadow .35s ease; }
.wf-node::before,.wf-node::after { content:"";position:absolute;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:#fff;border:1.5px solid #9fb3bf; }
.wf-node::before { left:-4px; } .wf-node::after { right:-4px; }
.wf-node:first-child::before { display:none; }
.wf-ic { width:24px;height:24px;border-radius:6px;background:var(--f-chrome);display:grid;place-items:center;color:var(--muted);flex:none; }
.wf-ic svg { width:14px;height:14px; }
.wf-txt { min-width:0; }
.wf-txt b { display:block;font-size:11.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.wf-txt small { display:block;font-family:var(--mono);font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.wf-node.agent .wf-ic { background:var(--panel2);color:var(--primary); }
.wf-tools { position:absolute;left:50%;top:calc(100% + 26px);transform:translateX(-50%);display:flex;gap:10px; }
.wf-tools::before { content:"";position:absolute;left:50%;bottom:100%;height:26px;border-left:1.5px dashed #a9c3d1; }
.wf-tools i { width:28px;height:28px;border-radius:50%;background:#fff;border:1px solid #d9e4ea;display:grid;place-items:center;color:var(--muted); }
.wf-tools svg { width:13px;height:13px; }
.wf-edge { display:block;flex:0 0 22px;width:22px;height:8px;overflow:visible; }
.wf-edge line { stroke-width:2;stroke-linecap:round; }
.wf-edge .e-bg { stroke:#cfdde5; }
.wf-edge .e-on { stroke:#3f9a6b;stroke-dasharray:22;stroke-dashoffset:22;transition:stroke-dashoffset .45s ease; }
.wf-edge.agent .e-on { stroke:var(--accent); }

.wf-node.done { border-color:#9cc9b2; }
.wf-node.done .wf-ic { color:#2f8a5d;background:#eef7f2; }
.wf-node.agent.done .wf-ic { color:var(--primary);background:var(--panel2); }
.wf-node.now { box-shadow:0 0 0 4px rgba(174,217,238,.6);border-color:var(--accent); }
.wf-edge.done .e-on { stroke-dashoffset:0; }
.wf-editor.is-static .wf-node { border-color:#9cc9b2; }
.wf-editor.is-static .wf-edge .e-on { stroke-dashoffset:0; }
@media(max-width:1080px) { .wf-runs,.wf-actions .ghost { display:none; } }
@media(max-width:760px) {
 .wf-bar { flex-direction:column;align-items:flex-start;gap:6px;padding:6px 12px 10px; }
 .wf-scope { display:none; }
 .wf-canvas { height:260px; }
 .wf-track { justify-content:flex-start; }
 .wf-pipe { margin:0; }
 .wf-tools-top { display:none; }
}
.ui-table th:nth-child(4) { width:84px; }
.p-kpis { grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:14px; }
@media(max-width:760px) { .p-kpis { grid-template-columns:repeat(3,minmax(0,1fr)); } .p-kpis .r-kpi { padding:10px; } .p-kpis .r-kpi b { font-size:18px; } .p-kpis em { display:none; } }
.wf-node { width:auto;max-width:170px;gap:7px;padding:8px 10px 8px 8px; }
.wf-ic { width:22px;height:22px; }

.wf-txt b,.wf-txt small { overflow:visible; }
@media(max-width:760px) {
 .r-fleet { table-layout:auto; }
 .r-fleet th:nth-child(2),.r-fleet th:nth-child(3) { width:auto; }
 .r-fleet td:first-child { white-space:normal; }
 .r-wf { gap:8px; }
 .r-wf b { font-size:12.5px; }
}
.ui-set-tabs { display:flex;gap:4px;margin:-8px 0 14px;border-bottom:1px solid var(--f-line);font-size:12.5px;font-weight:600;color:var(--muted); }
.ui-set-tabs span { padding:8px 12px;border-bottom:2px solid transparent; }
.ui-set-tabs span.on { color:var(--primary);border-color:var(--primary); }
.ui-members { list-style:none;display:grid;margin-top:6px; }
.ui-members li { display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:44px;border-top:1px solid #eef3f6; }
.ui-members .av { width:30px;height:30px;border-radius:50%;background:var(--panel2);color:var(--primary);display:grid;place-items:center;font-size:11px;font-weight:700; }
.ui-members code { font-family:var(--mono);font-size:11.5px;color:var(--muted); }
.wf-track { scrollbar-width:thin;scrollbar-color:#d4e0e7 transparent; }

/* perimeter v2: an architecture drawing with real connectors, grant checkpoints and the owner key */
.perimeter { padding:18px 18px 20px; }
.per-head { margin:0 6px 14px; }
.per-label { display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);letter-spacing:0;text-transform:none;font-size:13px;font-weight:700;color:var(--primary); }
.per-label::before { content:"";width:14px;height:10px;border:1.5px dashed var(--accent);border-radius:3px; }
.per-stage { position:relative;aspect-ratio:1000/640;border:1.5px dashed #a9c7d6;border-radius:18px;background:radial-gradient(circle at 50% 52%,rgba(174,217,238,.35),transparent 55%),#fbfdfe;transition:border-color .35s ease,box-shadow .35s ease; }
.per-wires { position:absolute;inset:0;width:100%;height:100%;overflow:visible; }
.per-wires .wire { fill:none;stroke:#9cbfd1;stroke-width:1.6;stroke-dasharray:5 5; }
.per-wires .wire.key { stroke:#c7a14a; }
.per-wires .flow { fill:var(--accent); }
.per-wires .flow.key { fill:#c7a14a; }
.per-stage .pnode { position:absolute;transform:translateY(-50%);width:28%;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;row-gap:1px;padding:10px 12px;box-shadow:0 8px 20px -14px rgba(24,48,60,.35); }
.per-stage .pnode::after { display:none; }
.per-stage .pnode-icon { grid-row:1/3;width:34px;height:34px;margin:0;border-radius:9px; }
.per-stage .pnode-icon svg { width:22px;height:22px; }
.per-stage .pnode b { font-size:13px; }
.per-stage .pnode > span:last-child { font-size:11.5px; }
.per-stage .vault { position:absolute;height:auto;aspect-ratio:1;grid-column:auto;grid-row:auto;padding:6%;box-shadow:0 0 0 12px rgba(174,217,238,.25),0 22px 44px -22px rgba(24,48,60,.4); }
.per-stage .vault-icon { width:30%;height:auto;aspect-ratio:1;margin-bottom:6px; }
.per-stage .vault b { font-size:14px; }
.per-stage .vault > span:last-child { font-size:11.5px; }
.gate { position:absolute;z-index:3;width:28px;height:28px;margin:-14px 0 0 -14px;border-radius:50%;background:#fff;border:1.5px solid #c7a14a;display:grid;place-items:center;box-shadow:0 4px 10px -4px rgba(24,48,60,.3);transition:opacity .35s ease,box-shadow .35s ease; }
.gate svg { width:16px;height:16px; }
.per-key { position:absolute;z-index:3;left:50%;top:0;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 6px;background:#fff;border:1.5px solid #c7a14a;border-radius:999px;box-shadow:0 6px 14px -8px rgba(24,48,60,.35);white-space:nowrap;transition:opacity .35s ease,box-shadow .35s ease; }
.pk-icon { width:26px;height:26px;border-radius:50%;background:#fbf4e3;display:grid;place-items:center; }
.pk-icon svg { width:18px;height:18px; }
.per-key b { display:block;font-size:12px;line-height:1.1; }
.per-key small { display:block;font-size:10.5px;color:var(--muted);line-height:1.2; }
.os-map:has(.pillar:is(:hover,:focus-within,.is-active)) :is(.gate,.per-key) { opacity:.3; }
.os-map:has([data-pillar=identity]:is(:hover,:focus-within,.is-active)) :is(.gate,.per-key) { opacity:1;box-shadow:0 0 0 4px rgba(199,161,74,.25); }
.os-map:has([data-pillar=isolation]:is(:hover,:focus-within,.is-active)) .per-stage { border-color:var(--accent);border-style:solid;box-shadow:inset 0 0 0 5px rgba(174,217,238,.35); }
@media(prefers-reduced-motion:reduce) { .per-wires .flow { display:none; } }
@media(max-width:760px) {
 .per-stage { aspect-ratio:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:34px 10px 12px; }
 .per-wires,.gate { display:none; }
 .per-stage .pnode,.per-stage .vault { position:static;transform:none;width:auto; }
 .per-stage .pnode { grid-template-columns:1fr; }
 .per-stage .pnode-icon { grid-row:auto;margin-bottom:6px; }
 .per-stage .vault { grid-column:1/-1;grid-row:1;justify-self:center;width:150px!important;order:-1; }
}
.per-stage .vault { aspect-ratio:auto;padding:14px;justify-content:center; }
.per-stage .vault-icon { width:44px;height:44px;flex:none; }
@media(max-width:760px) { .per-stage .vault { height:150px!important; } }
.perimeter figcaption { padding-inline:44px; }
.brand .wordmark { font-family:"Inter Tight",system-ui,sans-serif;font-weight:600;letter-spacing:-.035em; }
@media(max-width:760px) {
 #console .r-charts,#console .r-kpi:nth-child(n+3) { display:none; }
 #console .r-fleet tr:nth-child(n+4) { display:none; }
 .wf-canvas { height:200px; }
 .ui-table tbody tr:nth-child(n+4) { display:none; }
}

/* ROC-faithful frames: job drill, org switcher */
.view-switch { font-size:11.5px; }
.view-switch span { padding:4px 9px;border:1px solid var(--f-line);border-radius:6px;margin-left:4px; }
.view-switch span.on { background:var(--panel2);border-color:#b9d4e2;color:var(--primary); }
.drill-crumb { font-size:12px;color:var(--muted);margin:-4px 0 10px; }
.drill-crumb b { color:var(--ink); }
.drill-tasks td { height:46px;white-space:normal;line-height:1.3; }
.drill-tasks td b { font-size:12.5px; }
.drill-tasks td code { font-family:var(--mono);font-size:10.5px;color:var(--muted); }
.drill-h { display:flex;align-items:baseline;gap:8px;font-size:13px;font-weight:700;margin:16px 0 6px; }
.drill-h small { font-family:var(--mono);font-size:11px;color:var(--muted);font-weight:400; }
.drill-tasks th,.drill-tasks td,.drill-calls th,.drill-calls td { width:auto!important; }
.org-pick { display:inline-flex;align-items:center;gap:6px;padding:2px 6px;border:1px solid var(--f-line);border-radius:7px;background:#fff; }
.org-pick svg { width:12px;height:12px; }
.org-av { width:18px;height:18px;border-radius:5px;background:var(--accent);color:#fff;font-size:10px;font-weight:700;display:inline-grid;place-items:center;flex:none; }
.partner-panel { display:grid;grid-template-columns:200px minmax(0,1fr);gap:16px;align-items:start; }
.org-menu { list-style:none;border:1px solid var(--f-line);border-radius:10px;padding:6px;box-shadow:0 14px 30px -18px rgba(24,48,60,.35);background:#fff; }
.org-menu li { display:flex;align-items:center;gap:8px;min-height:36px;padding:0 8px;border-radius:7px;font-size:12px; }
.org-menu li .sk { flex:1; }
.org-menu li small { color:var(--muted);font-size:10.5px;white-space:nowrap; }
.org-menu li.on { background:var(--panel2); }
.org-menu .org-head { min-height:26px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted); }
.org-menu .org-add { color:var(--accent);font-weight:600;border-top:1px solid #eef3f6;border-radius:0;margin-top:4px; }
.partner-fleet .r-fleet th:nth-child(2) { width:56px; }
.partner-fleet .r-fleet th:nth-child(3) { width:74px; }
@media(max-width:760px) { .partner-panel { grid-template-columns:1fr; } .drill-calls th:nth-child(4),.drill-calls td:nth-child(4) { display:none; } }
.partner-fleet .r-wf small { white-space:normal; }

/* ---------- component pass: deploy checklist, versions, FAQ, links, section dock, word focus ---------- */
.managed-row { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin-top:20px; }
.deploy-steps,.ver-list { list-style:none;display:grid; }
.deploy-steps li { display:grid;grid-template-columns:22px 70px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:46px;border-top:1px solid #eef3f6;font-size:13px;transition:opacity .35s ease; }
.deploy-steps li:first-child { border-top:0; }
.deploy-steps .st { position:relative;width:18px;height:18px; }
.deploy-steps .st svg { position:absolute;inset:0;width:18px;height:18px;fill:none;stroke-width:1.6;opacity:0;transition:opacity .25s ease; }
.st-ok { stroke:#2f8a5d; } .st-ok circle { fill:#eef7f2; }
.st-run { stroke:var(--accent);stroke-dasharray:30 12;stroke-linecap:round;transform-origin:center; }
.st-wait { stroke:#c6d5de; }
.deploy-steps li[data-state="done"] .st-ok,.deploy-card.is-static .st-ok { opacity:1; }
.deploy-steps li[data-state="run"] .st-run { opacity:1;animation:st-spin 1s linear infinite; }
.deploy-steps li[data-state="wait"] .st-wait { opacity:1; }
.deploy-steps li[data-state="wait"] { opacity:.5; }
.deploy-steps li[data-state="run"] .dur,.deploy-steps li[data-state="wait"] .dur { visibility:hidden; }
.deploy-steps b { font-weight:700; }
.deploy-steps .what { color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.deploy-steps .dur { font-family:var(--mono);font-size:11.5px;color:var(--muted); }
@keyframes st-spin { to { transform:rotate(360deg); } }
.ver-list li button { all:unset;box-sizing:border-box;display:grid;grid-template-columns:14px 54px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:50px;padding:0 8px;border-radius:9px;cursor:pointer;font-size:13px; }
.ver-list li button:hover { background:#f5f9fb; }
.ver-list li button:focus-visible { outline:2px solid var(--accent);outline-offset:1px; }
.ver-list li.on button { background:var(--panel2); }
.ver-list .dial { width:10px;height:10px;border-radius:50%;border:2px solid #b9cdd8;background:#fff;position:relative; }
.ver-list li.on .dial { border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 4px rgba(174,217,238,.5); }
.ver-list li + li .dial::before { content:"";position:absolute;left:50%;bottom:100%;height:40px;border-left:2px solid #e2ebf0;transform:translateX(-50%); }
.ver-list .v { font-family:var(--mono);font-weight:500;color:var(--ink); }
.ver-list .note { display:grid;min-width:0;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.ver-list .note small { color:var(--muted);font-size:11.5px; }
.ver-actions { display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #eef3f6;font-size:12.5px;color:var(--muted); }
.ver-actions .ver-current { margin-right:auto; }
.ver-actions b { font-family:var(--mono);color:var(--ink); }
.ver-actions .ui-btn { cursor:default; }
.faq-wrap { display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;align-items:start; }
.faq { border-top:1px solid var(--line); }
.faq-item { border-bottom:1px solid var(--line); }
.faq-item summary { list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:14px 0;font-size:18px;font-weight:600;color:var(--ink);cursor:pointer; }
.faq-item summary::-webkit-details-marker { display:none; }
.faq-item summary:focus-visible { outline:2px solid var(--accent);outline-offset:4px;border-radius:4px; }
.faq-icon { position:relative;width:14px;height:14px;flex:none; }
.faq-icon::before,.faq-icon::after { content:"";position:absolute;left:0;top:6px;width:14px;height:2px;border-radius:2px;background:var(--accent);transition:transform .3s var(--ease); }
.faq-icon::after { transform:rotate(90deg); }
.faq-item[open] .faq-icon::after { transform:rotate(0); }
.faq-body { display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s var(--ease); }
.faq-item[open] .faq-body { grid-template-rows:1fr; }
.faq-body > p { overflow:hidden;margin:0;padding:0 40px 0 0;color:var(--muted);font-size:16px;line-height:1.75; }
.faq-item[open] .faq-body > p { padding-bottom:20px; }
main p a:not(.btn),.more,.site-footer ul a,.lede a { background-image:linear-gradient(currentColor,currentColor);background-size:0% 1.5px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .35s var(--ease); }
main p a:not(.btn):hover,.more:hover,.site-footer ul a:hover,.lede a:hover,main p a:not(.btn):focus-visible,.more:focus-visible { background-size:100% 1.5px; }
.card a.more,.pillar a.more { border-bottom-color:transparent; }
.section-dock { position:fixed;z-index:30;left:50%;bottom:20px;transform:translate(-50%,24px);opacity:0;pointer-events:none;display:flex;gap:2px;padding:5px;border-radius:999px;background:rgba(255,255,255,.92);border:1px solid var(--line);box-shadow:0 16px 36px -16px rgba(24,48,60,.35);backdrop-filter:blur(10px);transition:opacity .3s ease,transform .3s var(--ease); }
.section-dock.show { opacity:1;transform:translate(-50%,0);pointer-events:auto; }
.section-dock a { padding:8px 14px;border-radius:999px;font-size:13px;font-weight:600;color:var(--muted);white-space:nowrap; }
.section-dock a:hover { color:var(--ink); }
.section-dock a.on { background:var(--primary);color:#fff; }
.section-dock a:focus-visible { outline:2px solid var(--accent);outline-offset:2px; }
[data-word-focus] .wf-word { display:inline-block;transition:opacity .2s linear,filter .2s linear,transform .2s linear; }
@media(max-width:1080px) { .managed-row,.faq-wrap { grid-template-columns:1fr;gap:28px; } }
@media(max-width:760px) {
 .section-dock { left:12px;right:12px;bottom:12px;transform:translateY(24px);overflow-x:auto;scrollbar-width:none; }
 .section-dock.show { transform:none; }
 .section-dock a { padding:8px 11px;font-size:12.5px; }
 .deploy-steps li { grid-template-columns:22px 58px minmax(0,1fr); }
 .deploy-steps .dur { display:none; }
 .faq-item summary { font-size:16px; }
}
@media(prefers-reduced-motion:reduce) {
 .deploy-steps li[data-state="run"] .st-run { animation:none; }
 .faq-body,.section-dock,[data-word-focus] .wf-word,main p a:not(.btn),.more { transition:none; }
}

/* console v2: one consistent day, bars for jobs, labelled usage rows, sparkline tiles */
.spk { display:block;width:100%;height:28px;overflow:visible; }
.spk .l { fill:none;stroke-width:1.6;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round; }
.spk .a { opacity:.14; }
.spk.c-jobs .l { stroke:#2c6688; } .spk.c-jobs .a { fill:#2c6688; }
.spk.c-cpu .l { stroke:#3d6fd1; } .spk.c-cpu .a { fill:#3d6fd1; }
.spk.c-mem .l { stroke:#2f8a5d; } .spk.c-mem .a { fill:#2f8a5d; }
.spk.c-gpu .l { stroke:#c96f2a; } .spk.c-gpu .a { fill:#c96f2a; }
.spk.c-dur .l { stroke:#6f7f8a; } .spk.c-dur .a { fill:#6f7f8a; }
.r-kpi { display:flex;flex-direction:column;padding:12px 14px 10px; }
.r-kpi b { font-size:24px;margin:6px 0 0; }
.kpi-foot { display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;margin-top:8px; }
.kpi-foot .spk { height:24px; }
.delta { font-style:normal;font-size:10.5px;font-weight:700;color:#23734c;background:#eef7f2;border-radius:999px;padding:2px 7px;white-space:nowrap; }
.delta.down { color:#23734c; }
.r-jobs .jc-wrap { display:grid;grid-template-columns:18px minmax(0,1fr);gap:6px;height:120px; }
.jc-axis { display:flex;flex-direction:column;justify-content:space-between;font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;padding:2px 0; }
.jc { width:100%;height:100%;display:block; }
.jc .g line { stroke:#edf2f5;stroke-width:1;vector-effect:non-scaling-stroke; }
.jc .bok { fill:#3f9a6b; } .jc .brun { fill:#d29a2a; } .jc .b0 { fill:#e3ecf1; }
.jc-x { display:flex;justify-content:space-between;margin:6px 0 0 24px;font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums; }
.r-usage h5 .u-note { font-size:11px;font-weight:500;color:var(--muted); }
.u-row { display:grid;grid-template-columns:56px minmax(0,1fr) 78px;align-items:center;gap:10px;height:40px;border-top:1px solid #eef3f6; }
.u-row:first-of-type { border-top:0; }
.u-name { font-size:12px;font-weight:600;color:var(--muted); }
.u-row .spk { height:30px; }
.u-row b { font-size:15px;font-weight:700;text-align:right;font-variant-numeric:tabular-nums; }
.u-row b small { font-size:10.5px;font-weight:500;color:var(--muted);margin-left:3px; }
.dep-health { margin-top:auto;padding-top:14px;border-top:1px solid #eef3f6; }
.r-attn { display:flex;flex-direction:column; }
.dh-bar { display:flex;height:8px;border-radius:6px;overflow:hidden;background:#eef3f6;gap:2px; }
.dh-bar i { width:var(--w);background:#3f9a6b; } .dh-bar i.warn { background:#e3b341; }
.dh-legend { display:grid;gap:4px;margin-top:10px;font-size:11.5px;color:var(--muted); }
.dh-legend i { display:inline-block;width:8px;height:8px;border-radius:2px;background:#3f9a6b;margin-right:6px;vertical-align:-1px; }
.dh-legend i.warn { background:#e3b341; }
.u-mini { display:flex;gap:2px;height:6px;width:100%;max-width:150px;border-radius:4px;overflow:hidden;background:#f0f4f7;margin-bottom:4px; }
.u-mini i { width:var(--w); } .u-mini .uc { background:#3d6fd1; } .u-mini .um { background:#2f8a5d; } .u-mini .ug { background:#c96f2a; }
.r-use small { display:block;font-size:11px;color:var(--muted); }
.r-trend .spk { width:90px;height:22px; }
.r-ok.muted { color:var(--muted);font-size:11.5px; }
.r-dot.idle { background:#b9c7cf; }
.r-fleet tr.grp td { font-size:11.5px; }
@media(max-width:760px) { .kpi-foot .spk { display:none; } .u-row { grid-template-columns:52px minmax(0,1fr) 70px; } }
@media(max-width:760px) { #console .r-charts { display:grid;grid-template-columns:1fr; } #console .r-usage,#console .r-attn { display:none; } }

/* console:flat start (generated by scripts/console-gen.py; edit there) */
.cf { --cf-ok:#2f8a5d;--cf-ok-ink:#1f6b45;--cf-ok-bg:#e8f4ed;--cf-run:#b7791f;--cf-run-ink:#8a5410;--cf-run-bg:#fbf2e1;--cf-bad:#c4503c;--cf-idle:#8c9ca6;--cf-soft:#f2f7fa;--cf-bg:#f7fafb; }
.console.cf {
  width:auto;border:1px solid var(--line);border-radius:14px;box-shadow:none;background:var(--cf-bg);font-size:13px;line-height:1.45; }
.cf-app { display:grid;gap:12px;padding:18px; }
.cf-top { display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap; }
.cf-crumb { color:var(--muted); } .cf-crumb span { margin:0 4px; } .cf-crumb b { color:var(--ink);font-weight:600; }
.cf-seg { display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff; }
.cf-seg span { padding:4px 11px;font-size:12px;color:var(--muted);border-left:1px solid var(--line); } .cf-seg span:first-child { border-left:0; }
.cf-seg .on { background:var(--cf-soft);color:var(--ink);font-weight:700; }
.cf-tiles { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px; }
.cf-tile,.cf-card { background:#fff;border:1px solid var(--line);border-radius:10px;min-width:0; }
.cf-tile { display:grid;align-content:start;gap:4px;padding:14px 16px; }
.cf-lab { font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted); }
.cf-val { font-size:28px;font-weight:700;line-height:1.1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ink); }
.cf-val small { font-size:14px;font-weight:600;color:var(--muted); }
.cf-sub { font-size:12px;color:var(--muted); }
.cf-row { display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:12px; }
.cf-card { padding:16px 18px; }
.cf-row > .cf-card:first-child { display:flex;flex-direction:column; } .cf-row > .cf-card:first-child .cf-chart { flex:1; }
.cf-card .cf-h { display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap;margin:0 0 12px;font-size:14px;font-weight:700;letter-spacing:0;color:var(--ink); }
.cf-card .cf-h small { font-size:12px;font-weight:500;color:var(--muted); }
.cf-chart { display:grid;grid-template-columns:14px minmax(0,1fr);gap:8px;min-height:140px; }
.cf-axis { display:flex;flex-direction:column;justify-content:space-between;margin:-7px 0;font-size:11px;line-height:14px;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums; }
.cf-plot { position:relative;display:flex;flex-direction:column;justify-content:space-between; }
.cf-plot i { display:block;height:0;border-top:1px dashed var(--line); } .cf-plot i:last-of-type { border-top-style:solid; }
.cf-plot svg { position:absolute;inset:0;width:100%;height:100%;display:block; }
.cf .cf-ok { fill:var(--cf-ok);background:var(--cf-ok); } .cf .cf-run { fill:var(--cf-run);background:var(--cf-run); } .cf .cf-bad { background:var(--cf-bad); } .cf .cf-idle { background:var(--cf-idle); }
.cf-z { fill:var(--line); }
.cf-x { display:flex;justify-content:space-between;margin:6px 0 0 22px;font-size:11px;color:var(--muted); }
.cf-legend { display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:12px;font-size:12px;color:var(--muted); }
.cf-legend i { display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:6px;vertical-align:-1px; }
.cf-feed { list-style:none;margin:0;padding:0; }
.cf-feed li { display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:start;padding:9px 0;border-top:1px solid var(--line); }
.cf-feed li:first-child { border-top:0;padding-top:0; }
.cf-t { font:12px/1.6 var(--mono);color:var(--muted); }
.cf-what { display:grid;gap:1px;min-width:0; } .cf-what b { font-weight:600;color:var(--ink); } .cf-what span { color:var(--muted); }
.cf-meta { display:grid;justify-items:end;gap:3px; } .cf-meta small { font-size:11px;color:var(--muted);white-space:nowrap; }
.cf code { font:11.5px var(--mono);color:var(--ink);background:none;padding:0; }
.cf-pill { display:inline-block;padding:1px 9px;border-radius:999px;font-size:11.5px;font-weight:600;white-space:nowrap; }
.cf-p-ok { background:var(--cf-ok-bg);color:var(--cf-ok-ink); } .cf-p-run { background:var(--cf-run-bg);color:var(--cf-run-ink); } .cf-p-idle { background:var(--cf-soft);color:#5a6e7a; }
.cf-scroll { overflow-x:auto; }
.cf table { width:100%;border-collapse:collapse;font-size:13px; }
.cf th { text-align:left;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:0 10px 8px;border-bottom:1px solid var(--line);white-space:nowrap; }
.cf td { padding:10px;border-bottom:1px solid var(--line);vertical-align:middle;white-space:nowrap;color:var(--ink); }
.cf th:first-child,.cf td:first-child { padding-left:0; } .cf th:last-child,.cf td:last-child { padding-right:0; }
.cf tr:last-child td { border-bottom:0; }
.cf td b { font-weight:600; } .cf td small { display:block;margin-left:16px;font:11px var(--mono);color:var(--muted); }
.cf-dot { display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px; }
.cf-chip { display:inline-block;margin-right:4px;padding:1px 8px;border-radius:6px;background:var(--cf-soft);font:11.5px var(--mono); }
.cf .cf-n { text-align:right;font-variant-numeric:tabular-nums;font-weight:600; } .cf td.cf-good { color:var(--cf-ok-ink); }
.cf-mute { color:var(--muted);font-weight:400; }
.cf-mini { display:block;width:96px;height:18px; } .cf-mini .cf-ok { fill:var(--accent); }
.cf-attn { display:flex;align-items:center;gap:10px;padding:12px 18px;color:var(--muted); } .cf-attn b { color:var(--ink);font-weight:600; }
.cf-badge { flex:none;display:grid;place-items:center;width:20px;height:20px;border-radius:5px;background:var(--cf-run-bg);color:var(--cf-run-ink);font-size:12px;font-weight:700; }
@media (max-width:1080px) { .cf-tiles { grid-template-columns:repeat(6,minmax(0,1fr)); } .cf-tiles > .cf-tile { grid-column:span 2; } .cf-tiles > .cf-tile:nth-child(n+4) { grid-column:span 3; } .cf-row { grid-template-columns:1fr; } }
@media (max-width:720px) { .cf-app { padding:12px;gap:10px; } .cf-tiles { grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; } .cf-tiles > .cf-tile:nth-child(n+1) { grid-column:auto; } .cf-tiles > .cf-tile:nth-child(5) { grid-column:1 / -1; }
  .cf-tile { padding:12px; } .cf-val { font-size:24px; } .cf-card { padding:14px; }
  .cf-c-agent,.cf-c-last,.cf-c-trend,.cf-c-succ { display:none; } .cf td.cf-c-scope { white-space:normal; } .cf td small { display:none; } .cf th,.cf td { padding-inline:6px; } .cf-chip { margin-block:2px; }
  .cf-feed li { grid-template-columns:40px minmax(0,1fr); } .cf-meta { grid-column:2;display:flex;align-items:center;gap:8px; } }
.partner-fleet.cf .cf-card { padding:14px 16px; } .partner-fleet.cf td { padding-block:8px; }
/* console:flat end */

/* Visual audit pass: flat org menu, real names, vertical workflow on phones */
.org-menu { box-shadow:none; }
.org-menu li .org-name { flex:1;min-width:0;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.org-pick .org-name { font-size:12px;font-weight:600;color:var(--ink); }
.ui-members b { font-size:12.5px;font-weight:600;color:var(--ink); }
.deploy-steps code { font-family:var(--mono);font-size:.92em; }
.vault { box-shadow:0 0 0 10px rgba(174,217,238,.22); }
@media(max-width:900px) {
 .wf-canvas { height:auto; }
 .wf-track { position:static;display:block;overflow:visible;padding:16px; }
 .wf-pipe { flex-direction:column;align-items:stretch;min-width:0; }
 .wf-node { max-width:none;width:100%; }
 .wf-node::before,.wf-node::after { display:none; }
 .wf-edge { align-self:center;transform:rotate(90deg);margin:4px 0; }
 .wf-zoom,.wf-tools,.wf-tools-top { display:none; }
 .wf-track { padding-bottom:56px; }
}

/* Ownership comparison: flat, two columns, rent against own */
.compare { margin:40px 0 0;background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px; }
.cmp-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px; }
.cmp-col { display:flex;flex-direction:column;gap:10px;padding:22px;border:1px solid var(--line);border-radius:10px; }
.cmp-rent { background:#fbf8f7; }
.cmp-own { background:#f4f9fb;border-color:#c9dce6; }
.cmp-k { font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted); }
.cmp-col h3 { margin:0;font-size:clamp(20px,1.9vw,24px);font-weight:600;letter-spacing:-.02em;line-height:1.2; }
.cmp-col > p { margin:0;font-size:14px;color:var(--muted); }
.cmp-list,.cmp-stack { list-style:none;margin:6px 0 0;padding:0;display:grid; }
.cmp-list li { padding:10px 0;border-top:1px solid var(--line);font-size:14px;font-weight:600; }
.cmp-list li::before { content:"";display:inline-block;width:7px;height:7px;margin-right:10px;border-radius:50%;background:var(--risk);vertical-align:1px; }
.cmp-stack li { display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:12px;align-items:center;padding:8px 0;border-top:1px solid #d9e7ee; }
.cmp-stack .mod-box { grid-row:span 2;width:36px;height:36px;border-radius:9px;box-shadow:none;border:1px solid #d9e7ee;background:#fff; }
.cmp-stack .mod-box svg { width:22px;height:22px; }
.cmp-stack b { font-size:14px;font-weight:600; } .cmp-stack span { font-size:13px;color:var(--muted); }
.cmp-cost { display:flex;align-items:baseline;gap:8px;margin-top:auto;padding-top:14px;border-top:1px solid var(--line); }
.cmp-cost b { font-size:clamp(28px,2.6vw,34px);font-weight:600;letter-spacing:-.03em;line-height:1; }
.cmp-cost sup { font-size:.45em; }
.cmp-cost span { font-size:14px;color:var(--muted); }
.cmp-rent .cmp-cost b { color:var(--risk); }
.cmp-own .cmp-cost { border-color:#c9dce6; }
.cmp-note { display:block;margin-top:14px;font-size:12.5px;color:var(--muted);text-align:center; }
@media(max-width:760px) { .compare { padding:14px; } .cmp-grid { grid-template-columns:1fr;gap:12px; } .cmp-col { padding:16px; } }
/* Workflow editor: tighter steps when the canvas is narrower than the full pipeline */
@media(min-width:901px) {
 .wf-track { container-type:inline-size; }
 @container (max-width:1180px) {
  .wf-track > .wf-pipe .wf-node { gap:5px;padding:7px 8px 7px 6px; }
  .wf-track > .wf-pipe .wf-edge { flex-basis:12px;width:12px; }
 }
 @container (max-width:1050px) {
  .wf-track > .wf-pipe .wf-txt small { display:none; }
 }
 @container (max-width:940px) {
  .wf-track > .wf-pipe .wf-ic { display:none; }
 }
}
/* Talk: what happens after the form */
.talk-next { list-style:none;margin:28px 0 0;padding:0;display:grid;gap:0;max-width:440px;counter-reset:tn; }
.talk-next li { counter-increment:tn;display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:12px;padding:12px 0;border-top:1px solid var(--line);font-size:14px;color:var(--muted); }
.talk-next li::before { content:counter(tn);grid-row:span 2;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid var(--line2);font-size:12px;font-weight:700;color:var(--ink); }
.talk-next b { color:var(--ink);font-weight:600; }
.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; }
/* Open roles */
.job-why .card h2 { font-size:18px;font-weight:600;letter-spacing:-.01em;margin:0 0 6px; }
.job-head { margin-top:64px; }
.jobs { list-style:none;margin:0;padding:0;border-bottom:1px solid var(--line); }
.job { display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0;border-top:1px solid var(--line); }
.job h3 { margin:0 0 6px;font-size:20px;font-weight:600;letter-spacing:-.01em; }
.job-meta { display:flex;flex-wrap:wrap;gap:6px;margin:0; }
.job-meta span { padding:2px 10px;border-radius:999px;background:var(--panel2);font-size:12.5px;color:var(--muted); }
.job .btn { flex:none; }
@media(max-width:620px) { .job { flex-direction:column;align-items:flex-start; } }

/* Hero: one agent run, ending on the vault. refresh.js sets data-step 0-5; .is-static is the finished state.
   Direction: the vault feeds the agent (up), the agent calls the model (right), the output is written to the vault (down). */
.hv { --hv-ink:#1f4558;--hv-on:var(--accent);--hv-off:#c9d9e2;margin:0;padding:28px 28px 20px;background:#f6f9fa;border:1px solid var(--line);border-radius:16px; }
.hv-stage { display:grid;grid-template-columns:auto minmax(24px,1fr) auto;grid-template-rows:auto 72px auto;align-items:center;--hv-w:160px; }
.hv-node { display:grid;justify-items:center;align-self:start;gap:2px;width:var(--hv-w);text-align:center; }
.hv-node b { margin-top:8px;font-size:15px;font-weight:600;color:var(--ink); }
.hv-node small { font-size:12.5px;line-height:1.35;color:var(--muted);min-height:2.7em; }
.hv-ring { position:relative;z-index:1;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;border:1.5px solid var(--hv-off);background:#fff;transition:border-color .3s ease,box-shadow .3s ease; }
.hv-ring .mod { width:24px;height:24px; }
.hv-wire { position:relative;display:block;background:var(--hv-off); }
.hv-wire::after { content:"";position:absolute;inset:0;background:var(--hv-on);transition:transform .5s ease; }
.hv-wire::before { content:"";position:absolute;width:7px;height:7px;border:solid var(--hv-off);border-width:0 2px 2px 0;transition:border-color .3s ease; }
.hv-h { height:2px;align-self:start;margin:21px calc(22px - var(--hv-w) / 2) 0;z-index:0; }
.hv-h::after { transform:scaleX(0);transform-origin:left; }
.hv-h::before { right:24px;top:-3.5px;transform:rotate(-45deg); }
.hv-v { flex:none;width:2px;height:100%; }
.hv-conn .hv-v::after { transform:scaleY(0);transform-origin:bottom; }
.hv-conn .hv-v::before { left:-3.5px;top:2px;transform:rotate(-135deg); }
.hv-back .hv-v::after { transform:scaleY(0);transform-origin:top; }
.hv-back .hv-v::before { left:-3.5px;bottom:2px;transform:rotate(45deg); }
.hv-pulse { position:absolute;width:8px;height:8px;border-radius:50%;background:var(--hv-on);opacity:0; }
.hv-h .hv-pulse { top:-3px;left:0; }
.hv-v .hv-pulse { left:-3px; }
.hv-conn,.hv-back { grid-row:2;display:flex;align-items:stretch;gap:14px;height:100%; }
.hv-conn { grid-column:1;width:var(--hv-w);padding-left:calc(var(--hv-w) / 2 - 1px); }
.hv-back { grid-column:3;justify-content:center;width:var(--hv-w); }
.hv-conn-label { display:grid;align-content:center;gap:2px;white-space:nowrap; }
.hv-conn-label b { font-size:13px;font-weight:600;color:var(--ink); }
.hv-conn-label small { font-size:12px;color:var(--muted); }
.hv-vault { grid-column:1 / -1;grid-row:3;padding:20px 22px 16px;border-radius:12px;background:var(--hv-ink);color:#fff; }
.hv-vault-head { display:flex;justify-content:space-between;align-items:baseline;gap:12px; }
.hv-vault-head b { font-size:24px;font-weight:600;letter-spacing:-.02em; }
.hv-vault-head span { font-size:12.5px;color:#b9d2de; }
.hv-items { display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:16px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.16); }
.hv-item { display:grid;gap:4px;padding:10px 12px;border-radius:8px;background:rgba(255,255,255,.06);transition:background .3s ease; }
.hv-item > span { display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:#fff;margin-bottom:2px; }
.hv-item > span svg { width:16px;height:16px;color:#9fd3b6;transition:opacity .3s ease; }
.hv-item em { font-style:normal;font-family:var(--mono);font-size:11.5px;color:#c4dbe6;transition:opacity .35s ease; }
.hv-rec { display:flex;align-items:center;gap:8px;margin-top:12px;font-size:13px;color:#e3eef3;transition:opacity .3s ease; }
.hv-rec svg { width:16px;height:16px;color:#9fd3b6; }
.hv-foot { display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line);font-size:15px;color:var(--ink); }
.hv-replay { border:0;background:none;padding:4px 0;font:inherit;font-size:13.5px;color:var(--muted);cursor:pointer;text-decoration:underline;text-underline-offset:3px; }
.hv-replay:hover { color:var(--ink); }
/* finished state: every path drawn, arrows lit */
.hv.is-static .hv-wire::after,.hv[data-step="5"] .hv-wire::after { transform:none; }
.hv.is-static .hv-wire::before,.hv[data-step="5"] .hv-wire::before { border-color:var(--hv-on); }
/* while running: the brief and the record are still to come */
.hv:not(.is-static) .hv-brief em,.hv:not(.is-static) .hv-brief span svg,.hv:not(.is-static) .hv-rec { opacity:.2; }
.hv[data-step="1"] .hv-agent .hv-ring,.hv[data-step="2"] .hv-agent .hv-ring { border-color:var(--hv-on);box-shadow:0 0 0 4px rgba(55,104,129,.12); }
.hv[data-step="1"] .hv-conn .hv-wire::after,.hv[data-step="2"] .hv-conn .hv-wire::after,.hv[data-step="3"] .hv-conn .hv-wire::after,.hv[data-step="4"] .hv-conn .hv-wire::after { transform:none; }
.hv[data-step="2"] .hv-conn .hv-wire::before { border-color:var(--hv-on); }
.hv[data-step="2"] .hv-conn .hv-pulse { animation:hv-up .8s ease-in-out infinite; }
.hv[data-step="2"] .hv-ctx { background:rgba(255,255,255,.16); }
.hv[data-step="3"] .hv-h::after,.hv[data-step="4"] .hv-h::after { transform:none; }
.hv[data-step="3"] .hv-h::before { border-color:var(--hv-on); }
.hv[data-step="3"] .hv-h .hv-pulse { animation:hv-right .8s ease-in-out infinite; }
.hv[data-step="3"] .hv-model .hv-ring { border-color:var(--hv-on);box-shadow:0 0 0 4px rgba(55,104,129,.12); }
.hv[data-step="4"] .hv-back .hv-wire::after { transform:none; }
.hv[data-step="4"] .hv-back .hv-wire::before { border-color:var(--hv-on); }
.hv[data-step="4"] .hv-back .hv-pulse { animation:hv-down .8s ease-in-out infinite; }
.hv[data-step="4"] .hv-brief { background:rgba(255,255,255,.16); }
.hv[data-step="4"] .hv-brief em,.hv[data-step="5"] .hv-brief em,.hv[data-step="5"] .hv-brief span svg,.hv[data-step="5"] .hv-rec { opacity:1; }
@keyframes hv-up { 0% { bottom:0;opacity:0; } 20%,80% { opacity:1; } 100% { bottom:calc(100% - 8px);opacity:0; } }
@keyframes hv-down { 0% { top:0;opacity:0; } 20%,80% { opacity:1; } 100% { top:calc(100% - 8px);opacity:0; } }
@keyframes hv-right { 0% { left:22px;opacity:0; } 20%,80% { opacity:1; } 100% { left:calc(100% - 30px);opacity:0; } }
@media(max-width:520px) {
 .hv { padding:20px 16px 14px; }
 .hv-stage { --hv-w:118px; }
 .hv-items { grid-template-columns:1fr;gap:10px; }
 .hv-vault-head b { font-size:20px; }
}
@media(prefers-reduced-motion:reduce) { .hv *,.hv *::after,.hv *::before { transition:none !important;animation:none !important; } }

/* Memory bank: the people-and-agents workflow graph (home) */
.os-map:has([data-pillar=memory]:is(:hover,:focus-within,.is-active)) [data-in~=memory] { opacity:1;border-color:var(--accent);box-shadow:0 0 0 4px rgba(174,217,238,.55),0 18px 40px -20px rgba(24,48,60,.35); }
.mg-fig { margin:8px 0 28px;padding:28px 28px 16px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow, 0 24px 60px -30px rgba(24,48,60,.3)); }
.mg-fig figcaption { margin-top:10px;font-size:13px;color:var(--muted); }
.mg-graph { display:block;width:100%;height:auto; }
.mg-tall { display:none;max-width:420px;margin:0 auto; }
.mg-n rect { fill:#fff;stroke:var(--line2);stroke-width:1.2; }
.mg-tag { font-family:var(--sans);font-weight:600;fill:var(--muted); }
.mg-title { font-family:var(--sans);font-weight:700;fill:var(--primary); }
.mg-sub { font-family:var(--sans);font-weight:500;fill:var(--muted); }
.mg-agent rect { fill:#eef6fa;stroke:var(--accent); }
.mg-gate rect { fill:var(--primary);stroke:var(--primary); }
.mg-gate .mg-tag { fill:var(--sky); }
.mg-gate .mg-title,.mg-gate .mg-sub { fill:#fff; }
.mg-mem rect { fill:#eef6fa;stroke:var(--primary);stroke-width:2; }
.mg-gate-ic path { fill:none;stroke:var(--sky);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
.mg-edge path { fill:none;stroke:var(--accent);stroke-width:2; }
.mg-arr { fill:var(--accent); }
.mg-loop path { fill:none;stroke:var(--accent);stroke-width:1.6;stroke-dasharray:5 5; }
.mg-loop text,.mg-loop-t2 { font:600 14px var(--sans);fill:var(--accent);text-anchor:middle; }
.mg-points .card h3 { margin-bottom:8px; }
@media (max-width:760px) {
  .mg-fig { padding:14px 8px 12px; }
  .mg-wide { display:none; }
  .mg-tall { display:block; }
  .mg-fig figcaption { padding:0 8px; }
}
.compare .cmp-copy { max-width:62ch;margin:22px 0 6px;font-size:17px;font-weight:600;line-height:1.6;color:var(--primary); }

/* Principles: many vendors, one standard, one vault */
.sscp-flow { margin:0;padding:32px;border:1px solid var(--line);border-radius:14px;background:#fff;display:grid;justify-items:center;gap:0; }
.sscp-agents { display:flex;flex-wrap:wrap;justify-content:center;gap:14px;width:100%; }
.sscp-agents span { display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid var(--line2);border-radius:10px;background:#fff;font-weight:600;color:var(--primary); }
.sscp-agents .mod,.sscp-vault .mod { width:22px;height:22px; }
.sscp-arrows { display:flex;justify-content:center;gap:min(18%,150px);width:100%;height:38px; }
.sscp-arrows i { position:relative;width:2px;height:100%;background:var(--accent); }
.sscp-arrows i::after { content:"";position:absolute;bottom:-1px;left:-5px;border:6px solid transparent;border-top:8px solid var(--accent);border-bottom:0; }
.sscp-layer { width:min(100%,720px);padding:14px 20px;border-radius:10px;background:var(--primary);color:#fff;display:flex;gap:14px;align-items:baseline;justify-content:center;flex-wrap:wrap;text-align:center; }
.sscp-layer b { font-size:18px;letter-spacing:.04em; }
.sscp-layer span { color:#d6e9f3;font-size:15px; }
.sscp-vault { display:grid;justify-items:center;gap:4px;padding:18px 28px;border:2px solid var(--primary);border-radius:12px;background:#eef6fa;text-align:center; }
.sscp-vault b { color:var(--primary);font-size:18px; }
.sscp-vault span { color:var(--muted);font-size:14px; }
.sscp-flow figcaption { margin-top:16px;color:var(--muted);font-size:14px; }
@media (max-width:760px) { .sscp-flow { padding:18px 12px; } .sscp-arrows { gap:28%; } }
/* 2026-10-21: the hero figure is gone, so the copy takes the full measure */
.mk-home .hero .hero-grid { grid-template-columns:minmax(0,1fr);gap:0; }
.mk-home .hero .hero-copy { max-width:1120px; }
.mk-home .hero h1 { max-width:21ch;font-size:clamp(48px,6vw,88px); }
.mk-home .hero .lede { max-width:72ch;font-size:clamp(18px,1.45vw,22px); }