:root{--bg:#030407;--bg2:#070a11;--panel:#0d111adb;--panel2:#121827db;--line:#b2c4ff26;--line2:#ffffff14;--text:#f6f8ff;--muted:#9aa8bd;--soft:#dce5f5;--green:#55f0a7;--violet:#8c7cff;--cyan:#6ae8ff;--amber:#ffd36b;--red:#ff6d7a;--shadow:0 1px 0 #ffffff0d inset, 0 34px 110px #0000006b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:radial-gradient(circle at 18% -10%, #8c7cff42, transparent 34rem), radial-gradient(circle at 92% 10%, #55f0a71f, transparent 28rem), radial-gradient(circle at 50% 70%, #6ae8ff14, transparent 32rem), linear-gradient(180deg, var(--bg), var(--bg2) 48%, #05060a);min-width:320px;color:var(--text);font-feature-settings:"cv01", "ss03";margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:58px 58px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000c,#0000 78%);mask-image:linear-gradient(#000c,#0000 78%)}a{color:inherit;text-decoration:none}.shell{grid-template-columns:286px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(#080b11eb,#06080dd1);height:100vh;padding:24px;position:sticky;top:0;box-shadow:24px 0 80px #0000003d}.brand{letter-spacing:-.045em;align-items:center;gap:12px;margin-bottom:28px;font-weight:850;display:flex}.mark{background:conic-gradient(from 140deg, var(--violet), var(--cyan), var(--green), var(--violet));color:#030407;border-radius:14px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 0 50px #8c7cff59}.nav{gap:8px;display:grid}.nav a{color:var(--muted);border:1px solid #0000;border-radius:15px;padding:12px 13px;transition:all .18s}.nav a:hover{color:var(--text);border-color:var(--line);background:#ffffff0b;transform:translate(2px)}.main{width:100%;max-width:1560px;padding:28px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.badge,.pill{border:1px solid var(--line);color:var(--soft);letter-spacing:.01em;background:#ffffff0b;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:760;display:inline-flex}.badge.live span{background:var(--green);border-radius:99px;width:8px;height:8px;box-shadow:0 0 0 7px #55f0a71a,0 0 22px #55f0a7bf}.hero{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(#ffffff13,#ffffff07);border-radius:32px;padding:30px}.cockpit-hero{grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);align-items:stretch;gap:26px;display:grid;position:relative;overflow:hidden}.cockpit-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 18% 0,#8c7cff38,#0000 28rem),radial-gradient(circle at 80% 18%,#55f0a71f,#0000 24rem);position:absolute;inset:-1px}.hero-copy,.command-panel{position:relative}h1{letter-spacing:-.082em;max-width:1120px;margin:14px 0 18px;font-size:clamp(42px,6.4vw,88px);line-height:.9}h2{letter-spacing:-.06em;margin:0 0 12px;font-size:clamp(25px,3vw,40px);line-height:1.02}p{color:var(--muted);line-height:1.65}.lead{color:#dce4f2;max-width:900px;font-size:clamp(18px,2vw,22px)}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.btn{border:1px solid var(--line);background:#ffffff0b;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:11px 16px;font-weight:780;transition:all .18s;display:inline-flex}.btn:hover{background:#ffffff13;border-color:#ffffff3d;transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,#8c7cff57,#55f0a724);border-color:#8c7cff80;box-shadow:0 20px 70px #8c7cff2e}.command-panel,.console{border:1px solid var(--line);background:#03050ab8;border-radius:24px;font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:hidden;box-shadow:inset 0 1px #ffffff0d}.window-bar{border-bottom:1px solid var(--line2);color:var(--muted);align-items:center;gap:7px;padding:13px 15px;display:flex}.window-bar span{background:#fff3;border-radius:99px;width:9px;height:9px}.window-bar em{margin-left:auto;font-size:12px;font-style:normal}.stream-row{border-bottom:1px solid var(--line2);grid-template-columns:150px 1fr 70px;align-items:center;gap:12px;padding:14px 15px;display:grid}.stream-row:last-child{border-bottom:0}.stream-row b,.console b{color:var(--green)}.stream-row p{color:#d7dfef;margin:0}.status-ok{color:var(--green)!important}.status-warn{color:var(--amber)!important}.status-hold{color:var(--cyan)!important}.status-block{color:var(--red)!important}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0;display:grid}.metric-card,.card,.runtime-card,.work-node{border:1px solid var(--line);background:linear-gradient(180deg, var(--panel2), #0d111ac2);box-shadow:var(--shadow);border-radius:24px;padding:20px}.metric-card strong{letter-spacing:-.07em;font-size:34px;display:block}.metric-card span{color:var(--soft);font-weight:780;display:block}.metric-card p{margin:4px 0 0;font-size:14px}.workgraph-band{grid-template-columns:repeat(6,minmax(0,1fr));gap:11px;margin:18px 0;display:grid}.work-node{background:radial-gradient(circle at top left, #55f0a71f, transparent 14rem), linear-gradient(180deg, var(--panel2), var(--panel));min-height:132px}.work-node span,.card small,.runtime-card small{color:var(--green);text-transform:uppercase;letter-spacing:.09em;font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.work-node strong{margin:12px 0 8px;font-size:18px;display:block}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}.card.lane{background:radial-gradient(circle at 20% 0,#55f0a721,#0000 18rem),linear-gradient(#8c7cff1a,#0d111ad1)}.source-card{border-color:#6ae8ff3d}.split{grid-template-columns:1fr 1fr;gap:16px;margin-top:18px;display:grid}.card{min-height:160px}.card h2,.runtime-card h2{margin-top:8px}.card p{margin:0 0 10px}.glass-card{background:radial-gradient(circle at 20% 0,#8c7cff29,#0000 22rem),linear-gradient(#ffffff12,#ffffff06)}.accent-card{background:radial-gradient(circle at 90% 0,#55f0a729,#0000 22rem),linear-gradient(#ffffff12,#ffffff06)}.chip-row{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.chip-row span{border:1px solid var(--line2);color:#e7edfb;background:#ffffff0a;border-radius:999px;padding:7px 10px;font-size:12px}.section-head{max-width:980px;margin:42px 0 18px}.section-head.compact{margin-top:30px}.section-head p{font-size:17px}.runtime-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.runtime-card{min-height:312px;position:relative;overflow:hidden}.runtime-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#6ae8ff1c,#0000 16rem);position:absolute;inset:0}.runtime-card>*{position:relative}.no-scratch-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0;display:grid}.no-scratch-grid.compact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.source-card{border:1px solid var(--line);min-height:230px;box-shadow:var(--shadow);background:radial-gradient(circle at 12% 0,#55f0a721,#0000 15rem),linear-gradient(#121827eb,#080b11cc);border-radius:24px;padding:18px}.source-card small{color:var(--green);text-transform:uppercase;letter-spacing:.09em;font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.source-card h2{letter-spacing:-.045em;margin-top:10px;font-size:22px}.source-card span{color:var(--cyan);margin-top:14px;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:block}.source-lanes{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:12px 0 18px;display:grid}.source-lanes.runtime-lanes{grid-template-columns:repeat(3,minmax(0,1fr))}.source-lanes div{border:1px solid var(--line2);background:#ffffff09;border-radius:18px;padding:13px}.source-lanes b,.source-lanes span,.source-lanes em{display:block}.source-lanes b{color:var(--soft);font-size:13px}.source-lanes span{color:var(--muted);margin:7px 0;font-size:12px}.source-lanes em{color:var(--green);font-size:12px;font-style:normal}.card-top{justify-content:space-between;align-items:center;gap:10px;display:flex}dl{gap:10px;margin:18px 0 0;display:grid}dt{color:var(--green);text-transform:uppercase;letter-spacing:.08em;font-size:11px}dd{color:var(--soft);margin:2px 0 0}.source-line strong{color:var(--soft);margin-top:12px;display:block}.console{white-space:pre-wrap;color:#d9e8ff;padding:20px}.approval-row{border-top:1px solid var(--line2);grid-template-columns:130px 1fr 70px;align-items:center;gap:10px;padding:12px 0;display:grid}.approval-row strong{color:var(--soft)}.approval-row span{color:var(--muted)}.approval-row em{text-align:right;font-style:normal}.proof-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.proof-grid div{border:1px solid var(--line2);background:#0000002e;border-radius:16px;padding:12px}.proof-grid strong{margin-bottom:7px;display:block}.proof-grid span{color:var(--muted);font-size:13px}@media (max-width:1220px){.cockpit-hero,.split{grid-template-columns:1fr}.runtime-grid,.metrics-grid,.workgraph-band,.proof-grid,.grid.five,.no-scratch-grid,.source-lanes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:980px){.shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.grid,.grid.two,.grid.three,.grid.five,.runtime-grid,.metrics-grid,.workgraph-band,.proof-grid,.no-scratch-grid,.no-scratch-grid.compact-grid,.source-lanes,.source-lanes.runtime-lanes{grid-template-columns:1fr}.main{padding:18px}.stream-row,.approval-row{grid-template-columns:1fr}.approval-row em{text-align:left}}@media (max-width:640px){.topbar{flex-direction:column;align-items:flex-start}.hero{border-radius:24px;padding:20px}h1{letter-spacing:-.07em}.window-bar em{display:none}}.ops-surface{align-items:stretch}.mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.mini-grid div{border:1px solid var(--line);background:#ffffff09;border-radius:16px;padding:12px}.mini-grid p{margin:6px 0 0;font-size:13px}.assembly-board{border:1px solid var(--line);box-shadow:var(--shadow);background:radial-gradient(circle at 0 0,#55f0a71a,#0000 18rem),#0d111a80;border-radius:30px;margin-top:18px;padding:22px}.assembly-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.assembly-card{background:radial-gradient(circle at 100% 0%, #8c7cff1f, transparent 15rem), linear-gradient(180deg, var(--panel2), #0d111ab8);align-content:start;min-height:230px;display:grid}.assembly-card small{color:var(--amber);text-transform:none;letter-spacing:0;overflow-wrap:anywhere}.assembly-card b{color:var(--green);font-size:13px;line-height:1.5}@media (max-width:1280px){.assembly-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.assembly-grid{grid-template-columns:1fr}}@media (max-width:680px){.mini-grid{grid-template-columns:1fr}}.runtime-matrix{gap:10px;margin:18px 0;display:grid}.runtime-matrix-row{border:1px solid var(--line);box-shadow:var(--shadow);background:radial-gradient(circle at 0 0,#55f0a71a,#0000 18rem),linear-gradient(#fff1,#ffffff06);border-radius:20px;grid-template-columns:.55fr 1.2fr 1.25fr 1.15fr;align-items:stretch;gap:12px;padding:14px;display:grid}.runtime-matrix-row div{border:1px solid var(--line2);background:#0000002e;border-radius:14px;min-width:0;padding:11px}.runtime-matrix-row small{color:var(--green);text-transform:uppercase;letter-spacing:.09em;margin-bottom:6px;font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:block}.runtime-matrix-row strong{letter-spacing:-.04em;font-size:20px;display:block}.runtime-matrix-row span,.runtime-matrix-row em{color:var(--soft);overflow-wrap:anywhere;font-style:normal}@media (max-width:1220px){.runtime-matrix-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.runtime-matrix-row{grid-template-columns:1fr}}.reuse-ledger{gap:10px;margin:18px 0;display:grid}.reuse-row{border:1px solid var(--line);box-shadow:var(--shadow);background:radial-gradient(circle at 0 0,#8c7cff24,#0000 20rem),linear-gradient(#ffffff10,#ffffff06);border-radius:22px;grid-template-columns:.85fr 1.35fr 1.3fr 1.1fr;align-items:stretch;gap:12px;padding:14px;display:grid}.reuse-row div{border:1px solid var(--line2);background:#0000002b;border-radius:15px;min-width:0;padding:12px}.reuse-row small,.operator-band small,.pipeline-strip small{color:var(--green);text-transform:uppercase;letter-spacing:.09em;margin-bottom:7px;font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:block}.reuse-row strong{letter-spacing:-.04em;font-size:19px;display:block}.reuse-row span,.reuse-row em{color:var(--soft);overflow-wrap:anywhere;font-style:normal}.operator-band{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:18px 0;display:grid}.operator-band article{border:1px solid var(--line);background:radial-gradient(circle at 50% 0,#6ae8ff1a,#0000 14rem),#ffffff09;border-radius:20px;padding:16px}.operator-band strong{margin-bottom:8px;font-size:18px;display:block}.operator-band p{margin:0;font-size:13px}.pipeline-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:18px 0 4px;display:grid}.pipeline-strip article{background:linear-gradient(#55f0a714,#ffffff06);border:1px solid #55f0a738;border-radius:18px;padding:14px}.pipeline-strip p{margin:0;font-size:13px}@media (max-width:1220px){.reuse-row,.operator-band,.pipeline-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.reuse-row,.operator-band,.pipeline-strip{grid-template-columns:1fr}}.chamber-hero{grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);align-items:stretch;gap:24px;display:grid;position:relative;overflow:hidden}.chamber-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 0 0,#6ae8ff2e,#0000 28rem),radial-gradient(circle at 92% 18%,#8c7cff29,#0000 28rem);position:absolute;inset:-1px}.chamber-console{border:1px solid var(--line);background:#02040ac7;border-radius:24px;font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 28px 90px #00000059}.trace-row{border-bottom:1px solid var(--line2);grid-template-columns:74px 138px 116px minmax(0,1fr) 92px;align-items:center;gap:10px;padding:12px 14px;display:grid}.trace-row:last-child{border-bottom:0}.trace-row code{color:var(--cyan)}.trace-row b{color:var(--green)}.trace-row span{color:var(--soft)}.trace-row p{color:#d7dfef;margin:0}.trace-row em{text-align:right;font-style:normal}.chamber-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.chamber-grid.compact{margin-bottom:18px}.chamber-pane{border:1px solid var(--line);min-height:245px;box-shadow:var(--shadow);background:linear-gradient(#ffffff10,#ffffff06);border-radius:24px;padding:18px;position:relative;overflow:hidden}.chamber-pane:before{content:"";pointer-events:none;background:radial-gradient(circle at 92% 0,#55f0a71f,#0000 16rem);position:absolute;inset:0}.chamber-pane.terminal:before{background:radial-gradient(circle at 92% 0,#55f0a72e,#0000 16rem)}.chamber-pane.editor:before{background:radial-gradient(circle at 92% 0,#8c7cff2e,#0000 16rem)}.chamber-pane.sandbox:before{background:radial-gradient(circle at 92% 0,#ffd36b24,#0000 16rem)}.chamber-pane>*{position:relative}.chamber-pane strong{color:var(--soft);overflow-wrap:anywhere;margin-top:14px;display:block}.ops-deck{grid-template-columns:1.15fr .85fr;gap:16px;margin-top:18px;display:grid}.graph-surface,.editor-surface,.rollback-card{background:radial-gradient(circle at 10% 0%, #6ae8ff1f, transparent 24rem), linear-gradient(180deg, var(--panel2), #0d111ac2)}.mini-workgraph{border:1px solid var(--line2);background:radial-gradient(circle at 50% 45%,#55f0a71f,#0000 16rem),#0003;border-radius:22px;min-height:260px;margin-top:18px;position:relative;overflow:hidden}.mini-workgraph:before,.mini-workgraph:after{content:"";border-top:1px dashed #6ae8ff57;position:absolute;top:50%;left:10%;right:10%;transform:rotate(-9deg)}.mini-workgraph:after{border-color:#8c7cff57;transform:rotate(9deg)}.mini-workgraph span{--x0:16%;z-index:1;left:calc(var(--x0) + var(--i) * 19%);top:calc(24% + (var(--i) % 2) * 32%);border:1px solid var(--line);max-width:150px;color:var(--soft);background:#04080feb;border-radius:999px;padding:10px 12px;font-weight:760;position:absolute;box-shadow:0 18px 60px #00000057}.editor-surface pre{border:1px solid var(--line2);color:#dffbea;background:#0000003d;border-radius:18px;margin:18px 0 0;padding:16px;overflow:auto}.approval-row.wide{grid-template-columns:112px 1fr 132px}.rollback-row{border-top:1px solid var(--line2);grid-template-columns:62px 110px 1fr 78px;align-items:center;gap:10px;padding:12px 0;display:grid}.rollback-row code{color:var(--cyan)}.rollback-row strong{color:var(--soft)}.rollback-row span{color:var(--muted)}.rollback-row em{text-align:right;font-style:normal}@media (max-width:1320px){.chamber-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chamber-hero,.ops-deck{grid-template-columns:1fr}}@media (max-width:820px){.chamber-grid,.trace-row,.approval-row.wide,.rollback-row{grid-template-columns:1fr}.trace-row em,.rollback-row em{text-align:left}.mini-workgraph span{margin:10px;display:block;position:relative;top:auto;left:auto}}.production-cockpit{box-shadow:var(--shadow);background:radial-gradient(circle at 8% 0,#6ae8ff21,#0000 26rem),radial-gradient(circle at 92% 10%,#8c7cff29,#0000 26rem),#070a11bd;border:1px solid #6ae8ff38;border-radius:34px;margin:20px 0 26px;padding:22px}.cockpit-frame-head{grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);align-items:stretch;gap:18px;margin-bottom:16px;display:grid}.cockpit-frame-head h2{max-width:920px}.api-stack{gap:8px;display:grid}.api-stack a{border:1px solid var(--line2);background:#0000002e;border-radius:16px;grid-template-columns:.85fr 1fr;gap:10px;padding:11px 12px;transition:all .18s;display:grid}.api-stack a:hover{background:#6ae8ff0b;border-color:#6ae8ff57;transform:translateY(-1px)}.api-stack strong{color:var(--soft);font-size:13px}.api-stack span{color:var(--cyan);overflow-wrap:anywhere;font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.cockpit-grid{grid-template-columns:minmax(0,1.15fr) minmax(360px,.9fr) minmax(330px,.78fr);grid-template-areas:"live graph runtime""proof graph approval""toolmesh rollback rollback";grid-auto-rows:minmax(255px,auto);gap:14px;display:grid}.cockpit-pane{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(#ffffff10,#ffffff06);border-radius:26px;min-width:0;padding:18px;position:relative;overflow:hidden}.cockpit-pane:before{content:"";pointer-events:none;background:radial-gradient(circle at 96% 0,#55f0a71c,#0000 16rem);position:absolute;inset:0}.cockpit-pane>*{position:relative}.live-pane{grid-area:live}.graph-pane{grid-area:graph}.runtime-pane{grid-area:runtime}.proof-review{grid-area:proof}.approval-pane{grid-area:approval}.toolmesh-pane{grid-area:toolmesh}.rollback-pane{grid-area:rollback}.pane-title{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.pane-title small{color:var(--green);text-transform:uppercase;letter-spacing:.1em;font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.pane-title span{overflow-wrap:anywhere;text-align:right;font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.event-feed{gap:8px;margin-top:14px;display:grid}.event-row{border:1px solid var(--line2);background:#0000002e;border-radius:15px;grid-template-columns:72px 140px minmax(0,1fr) 72px;align-items:center;gap:9px;padding:10px;display:grid}.event-row code,.rollback-step code{color:var(--cyan);font-size:12px}.event-row b{color:var(--green);overflow-wrap:anywhere;font-size:12px}.event-row p,.review-row p,.queue-row p,.permission-row p,.rollback-step p{color:#d8e0ef;margin:0;font-size:12px;line-height:1.45}.event-row em,.studio-node em,.console-list em,.queue-row em,.permission-row em,.rollback-step em{text-align:right;font-size:12px;font-style:normal}.studio-canvas{border:1px solid var(--line2);background:radial-gradient(circle at 50% 45%,#55f0a721,#0000 18rem),linear-gradient(135deg,#ffffff09,#0000002e);border-radius:24px;min-height:620px;margin-top:16px;position:relative;overflow:hidden}.studio-canvas:before,.studio-canvas:after{content:"";border-top:1px dashed #6ae8ff4d;position:absolute;inset:12% 9%;transform:rotate(15deg)}.studio-canvas:after{border-color:#8c7cff4d;transform:rotate(-18deg)}.studio-node{border:1px solid var(--line);z-index:2;background:#04080feb;border-radius:20px;width:168px;min-height:112px;padding:12px;position:absolute;box-shadow:0 24px 80px #00000061}.studio-node small{color:var(--green);text-transform:uppercase;letter-spacing:.08em;font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.studio-node strong{color:var(--soft);margin:7px 0 5px;display:block}.studio-node p{margin:0 0 8px;font-size:12px;line-height:1.35}.node-objective{top:7%;left:6%}.node-planner{top:7%;left:48%}.node-runtime{top:40%;left:18%}.node-toolmesh{top:38%;left:57%}.node-proof{bottom:7%;left:10%}.node-approval{bottom:8%;right:6%}.edge{z-index:1;color:#dce5f594;background:#00000038;border:1px dashed #6ae8ff47;border-radius:999px;padding:4px 8px;font:10px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;position:absolute}.edge-objective-planner{top:13%;left:34%}.edge-planner-runtime{top:31%;left:34%}.edge-runtime-toolmesh{top:52%;left:42%}.edge-runtime-proof{top:67%;left:18%}.edge-toolmesh-approval{top:58%;right:14%}.edge-proof-approval{bottom:18%;left:44%}.console-list{gap:9px;margin-top:12px;display:grid}.console-list div{border:1px solid var(--line2);background:#0000002e;border-radius:15px;grid-template-columns:.72fr .58fr 1fr;align-items:start;gap:8px;padding:10px;display:grid}.console-list strong{color:var(--soft)}.console-list span{color:var(--green);font-size:12px}.console-list code{color:var(--cyan);overflow-wrap:anywhere;grid-column:1/3;font-size:11px}.review-row,.queue-row,.permission-row,.rollback-step{border-top:1px solid var(--line2);gap:5px;padding:11px 0;display:grid}.review-row:first-of-type,.queue-row:first-of-type,.permission-row:first-of-type,.rollback-step:first-of-type{border-top:0}.review-row strong,.queue-row strong,.permission-row strong,.rollback-step strong{color:var(--soft)}.review-row span,.queue-row span,.permission-row span{color:var(--green);font-size:12px}.queue-row,.permission-row,.rollback-step{grid-template-columns:.8fr 1fr auto;align-items:start}.queue-row p,.permission-row p,.rollback-step p{grid-column:2}.rollback-step code{overflow-wrap:anywhere}.source-pattern-board{margin:22px 0}.pattern-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.pattern-grid article{border:1px solid var(--line);box-shadow:var(--shadow);background:radial-gradient(circle at 15% 0,#6ae8ff1a,#0000 14rem),#ffffff09;border-radius:22px;padding:16px}.pattern-grid small{color:var(--green);text-transform:uppercase;letter-spacing:.09em;font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.pattern-grid strong{color:var(--soft);overflow-wrap:anywhere;margin:10px 0;font-size:13px;display:block}.pattern-grid p{margin:0;font-size:13px}@media (max-width:1380px){.cockpit-grid{grid-template-columns:1fr 1fr;grid-template-areas:"live runtime""graph graph""proof approval""toolmesh rollback"}.pattern-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:980px){.cockpit-frame-head,.cockpit-grid{grid-template-columns:1fr;grid-template-areas:"live""graph""runtime""proof""approval""toolmesh""rollback"}.api-stack a,.event-row,.console-list div,.queue-row,.permission-row,.rollback-step{grid-template-columns:1fr}.event-row em,.console-list em,.queue-row em,.permission-row em,.rollback-step em{text-align:left}.studio-canvas{gap:10px;min-height:auto;padding:12px;display:grid}.studio-canvas:before,.studio-canvas:after,.edge{display:none}.studio-node{width:100%;position:relative;inset:auto}.pattern-grid{grid-template-columns:1fr}}.decision-dock{box-shadow:var(--shadow);background:radial-gradient(circle at 12% 0,#ffd36b1f,#0000 24rem),radial-gradient(circle at 88% 16%,#6ae8ff21,#0000 26rem),#070a11bd;border:1px solid #ffd36b38;border-radius:34px;margin:22px 0;padding:22px}.decision-grid{grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);grid-template-areas:"decisions compiler""replay memory";gap:14px;display:grid}.decision-card{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(#ffffff10,#ffffff06);border-radius:26px;min-width:0;padding:18px;overflow:hidden}.decision-main{grid-area:decisions}.compiler-card{grid-area:compiler}.replay-card{grid-area:replay}.memory-card{grid-area:memory}.decision-row,.compiler-row,.replay-row,.memory-row{border-top:1px solid var(--line2);gap:6px;padding:12px 0;display:grid}.decision-row:first-of-type,.compiler-row:first-of-type,.replay-row:first-of-type,.memory-row:first-of-type{border-top:0}.decision-row{grid-template-columns:minmax(170px,.75fr) minmax(0,1.1fr) 92px 94px;align-items:start}.decision-row code{color:var(--cyan);overflow-wrap:anywhere;font-size:11px}.decision-row strong,.compiler-row strong,.replay-row strong,.memory-row strong{color:var(--soft);overflow-wrap:anywhere}.decision-row p{color:#d8e0ef;grid-column:2/5;margin:0;font-size:13px;line-height:1.45}.decision-row span{color:var(--green);font-size:12px}.decision-row em{text-align:right;font-size:12px;font-style:normal}.decision-row small{color:var(--amber);overflow-wrap:anywhere;grid-column:1/5;font:11px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.compiler-row{grid-template-columns:.78fr 1fr;align-items:start}.compiler-row code,.memory-row code,.replay-row code{color:var(--cyan);overflow-wrap:anywhere;font-size:11px}.compiler-row p{color:#d8e0ef;grid-column:1/3;margin:0;font-size:13px;line-height:1.45}.replay-row{grid-template-columns:.84fr .9fr minmax(0,1fr) 92px;align-items:center}.replay-row p{color:#d8e0ef;margin:0;font-size:13px}.replay-row em{text-align:right;font-size:12px;font-style:normal}.memory-row{grid-template-columns:.9fr .8fr;align-items:start}.memory-row span{color:var(--green);font-size:12px}.memory-row p{color:#d8e0ef;grid-column:1/3;margin:0;font-size:13px;line-height:1.45}.memory-row code{grid-column:1/3}@media (max-width:1180px){.decision-grid{grid-template-columns:1fr;grid-template-areas:"decisions""compiler""replay""memory"}.decision-row,.compiler-row,.replay-row,.memory-row{grid-template-columns:1fr}.decision-row p,.decision-row small,.compiler-row p,.memory-row p,.memory-row code{grid-column:auto}.decision-row em,.replay-row em{text-align:left}}.operator-handoff-rail{box-shadow:var(--shadow);background:radial-gradient(circle at 12% 0,#55f0a71f,#0000 20rem),#080b1194;border:1px solid #55f0a72e;border-radius:30px;margin:18px 0 26px;padding:20px}.handoff-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.handoff-card{border:1px solid var(--line);background:linear-gradient(#ffffff0f,#ffffff06);border-radius:22px;min-height:180px;padding:16px}.handoff-card small{color:var(--green);text-transform:uppercase;letter-spacing:.09em;margin-bottom:10px;font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:block}.handoff-card div{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.handoff-card strong{color:var(--soft);letter-spacing:-.035em;font-size:18px}.handoff-card em{text-align:right;font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.handoff-card p{margin:12px 0 0;font-size:13px}@media (max-width:1220px){.handoff-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.handoff-grid{grid-template-columns:1fr}}.live-api-cockpit{background:radial-gradient(circle at 0 0,#55f0a729,#0000 28rem),radial-gradient(circle at 88% 8%,#8c7cff2e,#0000 30rem),#080c14e0;border:1px solid #55f0a759;border-radius:34px;margin-top:18px;padding:22px;box-shadow:0 24px 80px #00000042}.live-api-head{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:18px;display:grid}.live-api-head h2{max-width:980px;font-size:clamp(30px,4.8vw,62px)}.api-connection{border:1px solid var(--line);background:#00000038;border-radius:24px;gap:8px;padding:18px;display:grid;box-shadow:inset 0 1px #ffffff0d}.api-connection strong{color:var(--amber);text-transform:uppercase;letter-spacing:.08em}.api-connection.connected strong{color:var(--green)}.api-connection.blocked strong{color:var(--red)}.api-connection span,.api-connection em{color:var(--muted);overflow-wrap:anywhere}.endpoint-strip{grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;margin-top:18px;display:grid}.endpoint-pill{border:1px solid var(--line2);background:#0000002e;border-radius:18px;gap:5px;min-height:104px;padding:11px;display:grid}.endpoint-pill.ok{background:linear-gradient(#55f0a714,#0000002e);border-color:#55f0a74d}.endpoint-pill.fail{background:linear-gradient(#ff6d7a14,#0000002e);border-color:#ff6d7a57}.endpoint-pill strong{color:var(--soft);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.endpoint-pill code{color:var(--cyan);overflow-wrap:anywhere;font-size:10px}.endpoint-pill span{color:var(--muted);font-size:12px;line-height:1.35}.live-product-grid{grid-template-columns:minmax(0,1.1fr) minmax(280px,.76fr) minmax(320px,.88fr);grid-template-areas:"command graph runtime""command proof decision";gap:12px;margin-top:14px;display:grid}.product-pane{border:1px solid var(--line);min-height:240px;box-shadow:var(--shadow);background:linear-gradient(#ffffff10,#ffffff06);border-radius:26px;padding:18px;overflow:hidden}.product-pane small{color:var(--green);text-transform:uppercase;letter-spacing:.09em;margin-bottom:8px;font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:block}.product-pane h3{letter-spacing:-.05em;margin:0 0 12px;font-size:24px;line-height:1.02}.command-lane{grid-area:command}.graph-lane{grid-area:graph}.runtime-lane{grid-area:runtime}.proof-lane{grid-area:proof}.decision-lane{grid-area:decision}.api-row{border-top:1px solid var(--line);grid-template-columns:54px minmax(110px,.7fr) minmax(100px,.7fr);gap:8px;padding:10px 0;display:grid}.api-row:first-of-type{border-top:0}.api-row code{color:var(--green)}.api-row p{grid-column:2/-1;margin:0;font-size:13px}.api-kv{border-top:1px solid var(--line);justify-content:space-between;gap:12px;padding:10px 0;display:flex}.api-kv:first-of-type{border-top:0}.api-kv span{color:var(--muted);text-align:right}.stat-row{border:1px solid var(--line2);background:#0000002e;border-radius:18px;grid-template-columns:repeat(3,auto 1fr);align-items:baseline;gap:8px;margin:10px 0 14px;padding:12px;display:grid}.stat-row b{color:var(--green);letter-spacing:-.06em;font-size:28px}.stat-row span{color:var(--muted);font-size:12px}.proof-ref-cloud{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.proof-ref-cloud code{color:var(--amber);border:1px solid var(--line2);background:#0003;border-radius:999px;padding:5px 8px;font-size:11px}.product-console-hero{grid-template-columns:minmax(0,1fr) minmax(420px,.86fr);align-items:stretch;gap:22px;display:grid;position:relative;overflow:hidden}.product-console-hero b{color:var(--green)}.api-live-card{box-shadow:var(--shadow);background:#03050abd;border:1px solid #55f0a73d;border-radius:26px;position:relative;overflow:hidden}.api-status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px;display:grid}.api-status-grid div,.ledger-summary div{border:1px solid var(--line2);background:#ffffff09;border-radius:16px;min-width:0;padding:12px}.api-status-grid small,.ledger-summary small{color:var(--green);text-transform:uppercase;letter-spacing:.09em;margin-bottom:7px;font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:block}.api-status-grid strong,.ledger-summary strong{color:var(--soft);overflow-wrap:anywhere;display:block}.endpoint-ledger{gap:8px;padding:0 16px 16px;display:grid}.endpoint-ledger div{border:1px solid var(--line2);background:#0000002e;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.endpoint-ledger code{color:var(--cyan);overflow-wrap:anywhere}.endpoint-ledger em{font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.command-strip{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffff09;border-radius:24px;flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0;padding:14px;display:flex}.command-strip button{color:var(--soft);cursor:default;background:linear-gradient(#55f0a71a,#ffffff09);border:1px solid #55f0a747;border-radius:999px;padding:10px 13px;font-weight:800}.command-strip span{color:var(--muted);margin-left:auto;font-size:13px}.product-cockpit{border-color:#55f0a747}.live-metrics .metric-card{min-height:132px}.ledger-summary{grid-template-columns:.75fr .35fr 1fr;gap:10px;margin:14px 0;display:grid}.live-ledger-canvas{min-height:460px}.api-event-row{grid-template-columns:64px 145px minmax(0,1fr) 52px}.live-runtime-list div{grid-template-columns:.62fr .42fr 1fr}.event-table{box-shadow:var(--shadow);background:radial-gradient(circle at 10% 0,#6ae8ff1a,#0000 22rem),#080b1194;border:1px solid #6ae8ff33;border-radius:30px;margin:22px 0;padding:20px}.event-table-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.event-table-grid article{border:1px solid var(--line);background:#ffffff09;border-radius:20px;min-height:190px;padding:15px}.event-table-grid small{color:var(--green);text-transform:uppercase;letter-spacing:.09em;margin-bottom:8px;font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:block}.event-table-grid strong{color:var(--soft);margin-bottom:8px;display:block}.event-table-grid span{color:var(--amber);margin:8px 0;font-size:13px;display:block}.event-table-grid code{color:var(--cyan);overflow-wrap:anywhere;font-size:12px;display:block}@media (max-width:1380px){.endpoint-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.live-product-grid{grid-template-columns:1fr 1fr;grid-template-areas:"command command""graph runtime""proof decision"}}@media (max-width:1220px){.product-console-hero{grid-template-columns:1fr}.event-table-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1120px){.live-api-head,.live-product-grid{grid-template-columns:1fr;grid-template-areas:"command""graph""runtime""proof""decision"}.endpoint-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.api-row{grid-template-columns:1fr}.api-row p{grid-column:auto}}@media (max-width:760px){.api-status-grid,.ledger-summary,.event-table-grid{grid-template-columns:1fr}.command-strip span{margin-left:0}}.product-actions .card{flex-direction:column;align-items:flex-start;min-height:260px;display:flex}.product-button{color:var(--text);cursor:pointer;background:#55f0a71f;border:1px solid #55f0a773;border-radius:999px;margin-top:auto;padding:10px 14px;font-weight:800;display:inline-flex}button.product-button{font:inherit}@media (max-width:680px){.endpoint-strip{grid-template-columns:1fr}.stat-row{grid-template-columns:1fr 1fr}}
