:root{color-scheme:dark;--bg:#090f1b;--panel:#111b2a;--soft:#172438;--line:#2b3c51;--text:#ebf3ff;--muted:#92a6bd;--blue:#82b4ff;--mint:#7de3c5;--purple:#b3acff;--red:#ff9fa6;--gold:#ffd08a;--mono:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(ellipse 700px 500px at 83% 0%,#24335d50,transparent 75%),radial-gradient(ellipse 650px 440px at 10% 8%,#173b4955,transparent 70%),var(--bg);color:var(--text);font:14px/1.6 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:3px}button,a{transition:background .16s,border-color .16s,transform .16s}h1,h2,h3,p{margin-top:0}.wrap{width:min(1210px,calc(100% - 66px));margin:auto}
.topbar{position:sticky;top:0;z-index:10;background:#09111be3;backdrop-filter:blur(15px);border-bottom:1px solid #2c3c52}.bar{height:73px;display:flex;justify-content:space-between;align-items:center;gap:12px}.logo{display:flex;align-items:center;font-weight:800;font-size:19px;letter-spacing:-.7px;white-space:nowrap}.logo-icon{display:grid;place-items:center;width:32px;height:32px;border:1px solid #5179a6;background:#183453;color:#b0e4ff;border-radius:9px;font-size:21px;margin-right:11px}.logo-blue{color:var(--blue)}.logo-suffix{font-size:13px;color:var(--muted);font-weight:500;letter-spacing:0;margin-left:9px}.nav{display:flex;align-items:center;gap:11px}.pill{display:inline-flex;align-items:center;gap:8px;font:700 10px var(--mono);letter-spacing:.04em;padding:8px 10px;border:1px solid #334961;border-radius:28px;background:#142338;color:#a9bed6}.pill.small{font-size:9px;padding:6px 8px}.live-dot{width:7px;height:7px;background:var(--mint);border-radius:50%;box-shadow:0 0 0 4px #68cea92a;display:inline-block;flex-shrink:0}.small{font-size:11px}.outline,.primary{border-radius:9px;border:1px solid #41536b;background:#152338;color:#d7e9ff;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 18px;font-weight:700;font-size:12px;min-height:41px}.outline:hover{border-color:#78a6df;background:#1b3046;transform:translateY(-1px)}.primary{background:#82b4ff;border-color:#99c2ff;color:#0b1a30;box-shadow:0 4px 25px #4179b524}.primary:hover{background:#9bc6ff;transform:translateY(-1px)}.nav .small{min-height:32px;padding:7px 11px}
.hero{padding:84px 0 74px;display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}.eyebrow{display:flex;align-items:center;gap:10px;color:#8dc9ff;font:700 11px var(--mono);letter-spacing:.08em}.accent-line{height:15px;width:3px;background:var(--mint);border-radius:4px;display:inline-block;box-shadow:0 0 12px #5decc0a0}h1{font-size:clamp(44px,5.5vw,72px);line-height:1.13;letter-spacing:-.07em;margin:23px 0;font-weight:800}.gradient{background:linear-gradient(100deg,#99c8ff 5%,#c0b8ff 54%,#82e4d5 94%);background-clip:text;-webkit-background-clip:text;color:transparent}.lead{font-size:15px;max-width:570px;color:#b0c0d5;line-height:1.85}.hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin:29px 0 18px}.hint{color:#89a0b9;font-size:11px}.hint:first-letter{color:var(--mint)}
.arch{border:1px solid #354a63;border-radius:18px;overflow:hidden;background:radial-gradient(ellipse at center,#192b42,#0f1a29);box-shadow:0 22px 75px #01081455}.arch-header{display:flex;align-items:center;gap:9px;border-bottom:1px solid #30445d;background:#121e2b;padding:13px 18px;color:#b3c8df;font:700 10px var(--mono);letter-spacing:.08em}.diamond{width:8px;height:8px;background:var(--blue);transform:rotate(45deg)}.lights{margin-left:auto;color:#536581;font-size:8px;letter-spacing:5px}.arch-body{padding:28px 25px 23px}.arch-agents{display:grid;grid-template-columns:1fr 1fr;gap:11px}.arch-agent{border:1px solid #32455f;border-radius:10px;padding:13px 10px;display:flex;align-items:center;gap:10px;background:#121f30}.arch-agent b,.arch-agent small{display:block}.arch-agent b{font-size:12px;white-space:nowrap}.arch-agent small{font-size:10px;color:#91a6c0;white-space:nowrap}.avatar{width:33px;height:33px;display:grid;place-items:center;font:700 15px var(--mono);border-radius:9px;flex-shrink:0}.avatar.a{color:#b5d9ff;background:#193853;border:1px solid #507cac}.avatar.b{color:#d0c6ff;background:#302c50;border:1px solid #716baf}.paths{height:54px;display:flex;justify-content:space-around;position:relative}.paths span{height:53px;width:2px;background:linear-gradient(#46759d,#75d6bb);position:relative}.paths span:after{content:"";position:absolute;top:17px;left:-3px;width:8px;height:8px;background:var(--mint);border-radius:50%;box-shadow:0 0 12px #65efd4;animation:move 3s infinite alternate}.paths span+span:after{animation-delay:1.1s}@keyframes move{to{top:43px;opacity:.5}}.arch-core{border:1px solid #557ea2;background:linear-gradient(135deg,#29496c,#182b44);border-radius:13px;padding:22px 15px;text-align:center;box-shadow:0 0 35px #5a9ddd21}.core-mark{display:grid;place-items:center;margin:0 auto 7px;border:1px solid #588ab1;color:#a1e2ff;background:#1b3a55;font-size:28px;width:47px;height:47px;border-radius:11px}.arch-core strong{font-size:21px;letter-spacing:-.7px}.arch-core strong small{font:500 10px var(--mono);color:#a1bbd7;margin-left:6px}.arch-core p{font-size:12px;color:#b5c9df;margin:3px 0 17px}.core-tags{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.core-tags span{border:1px solid #507095;padding:5px 8px;border-radius:6px;color:#d4e2f6;font:700 9px var(--mono)}.arch-foot{border-top:1px dashed #394d61;display:flex;justify-content:center;gap:11px;align-items:center;color:#91abc4;font:700 10px var(--mono);margin-top:20px;padding-top:17px;text-align:center}
.benefits{display:grid;grid-template-columns:repeat(3,1fr);background:#101a29;border:1px solid var(--line);border-radius:14px;margin-bottom:105px}.benefit{display:flex;gap:13px;align-items:center;padding:21px 18px}.benefit+.benefit{border-left:1px solid var(--line)}.benefit-symbol{width:34px;height:34px;display:grid;place-items:center;color:#85e1d6;background:#153344;border:1px solid #336071;border-radius:9px;font-size:19px;flex-shrink:0}.benefit b{display:block;font-size:12px}.benefit small{font-size:11px;line-height:1.6;color:var(--muted);display:block;margin-top:3px}
.playground{scroll-margin-top:103px;padding-bottom:115px}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:25px}.section-head h2,.more h2{font-size:clamp(26px,3vw,36px);letter-spacing:-.047em;line-height:1.2;margin:14px 0 10px}.section-head p{color:#93a8c0;font-size:13px;margin:0}.scenario{display:flex;flex-direction:column;min-width:165px;text-align:right}.scenario small{color:#7187a2;font:700 10px var(--mono)}.scenario b{font-size:12px;color:#b6c9e1}.disclaimer{border:1px solid #645665;background:#231e2a75;border-radius:9px;padding:12px 15px;margin-bottom:17px;color:#d6c1b1;font:600 11px/1.6 var(--mono)}
.panels{display:grid;grid-template-columns:245px minmax(280px,1fr) minmax(290px,1.02fr);gap:15px;align-items:stretch}.panel{border:1px solid #32445d;background:#111b29;border-radius:13px;overflow:hidden;min-width:0;display:flex;flex-direction:column}.panel-top{min-height:66px;padding:16px;display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.panel-top h3{font-size:13px;margin:0;font-weight:750}.panel-top small{font-size:10px;color:#8ea2bb;display:block}.progress{color:#8bbdff;font:700 11px var(--mono)}.steps{padding:8px;display:flex;flex-direction:column;gap:3px;flex:1}.step{width:100%;display:flex;align-items:center;text-align:left;gap:10px;padding:12px 9px;color:#9daec3;border:1px solid transparent;border-radius:8px;background:transparent}.step:not(:disabled):hover{background:#1a2d43}.step:disabled{opacity:.65}.step-no{font:700 10px var(--mono);border:1px solid #40516a;background:#1e2b3d;color:#8daccb;border-radius:6px;padding:8px}.step-label{flex:1;min-width:0}.step-label strong{font-size:11px;display:block}.step-label small{font-size:10px;color:#8094ad;line-height:1.5;display:block}.step-arrow{font-size:13px;opacity:.4}.step.next{border-color:#4b77a0;background:#183150;color:#def0ff}.step.done .step-no{color:#8fe6c1;background:#174239;border-color:#3a856e}.step.done .step-arrow{color:#86dec0;opacity:1}.guide-buttons{padding:10px 13px;display:grid;gap:8px}.full{width:100%}.guide .tiny{text-align:center;padding:0 9px 14px;margin:0;font-size:10px;color:#7489a3}
.tabs{display:flex;justify-content:stretch;gap:0;background:#101a28;border-bottom:1px solid var(--line)}.tab{flex:1;border:0;border-bottom:2px solid transparent;background:none;color:#8ca2ba;padding:14px 9px;font-weight:700;font-size:11px}.tab.selected{color:#c8e2ff;background:#1b293d;border-bottom-color:#8cbfff}.tab:hover{background:#1a2b40}.workspace-view{padding:17px;min-height:420px;display:flex;flex-direction:column;gap:14px;flex:1}.ws-title{display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:13px}.folder{display:grid;place-items:center;width:35px;height:35px;border:1px solid #446586;background:#1c3a52;border-radius:8px;color:#b0dafc;font-size:16px}.ws-title b{display:block;font:750 12px var(--mono)}.ws-title small{display:block;font-size:10px;color:#8ba3bc}.empty{flex:1;display:flex;min-height:235px;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:9px;color:#90a6bc}.empty>span{font:700 32px var(--mono);color:#5f82a6}.empty b{font-size:12px;color:#c6d9ed}.empty p{font-size:11px;max-width:260px}.ws-hint{font-size:11px;color:#abc0d9;line-height:1.75}.ws-row{display:flex;align-items:center;gap:10px;border:1px solid #30435d;background:#18283b;border-radius:9px;padding:12px;color:#cadcf1;font-size:11px}.ws-row>span:first-child{color:#91c3ee}.ws-row b{font:700 11px var(--mono);display:block;overflow-wrap:anywhere}.ws-row small{display:block;font-size:10px;color:#8ea7c2}.status{font:750 10px var(--mono);color:#7fe8c4;margin-left:auto;white-space:nowrap}.status.readonly{color:#e2d4a5}.ws-note{border:1px solid #334861;background:#0c1726;border-radius:9px;overflow:hidden}.ws-note>div{font:700 10px var(--mono);color:#acc0d8;border-bottom:1px solid #35465c;padding:9px 12px}.ws-note pre{font:11px/1.85 var(--mono);white-space:pre-wrap;word-break:break-word;padding:12px;margin:0;color:#c1d8f0}.notice{border:1px solid #89545c;background:#592f3930;color:#f5bac2;border-radius:8px;font-size:11px;padding:12px}.pending,.approved{border:1px solid #8f7853;background:#59452a30;border-radius:9px;padding:13px;color:#f7d399;font-size:11px}.approved{border-color:#407c6e;color:#a0efc9;background:#1d4d4130}.tiny-note{font-size:10px;color:#7089a3;margin-top:auto}.panel-foot{border-top:1px solid var(--line);color:#98b5cb;font-size:10px;padding:12px 15px;display:flex;gap:10px;align-items:center;background:#122033}
.simulated{color:#c7b3ed;border-color:#63527a;background:#30243d}.events{flex:1;max-height:280px;min-height:242px;padding:13px;overflow:auto;display:flex;flex-direction:column;gap:7px;scrollbar-color:#476281 transparent}.events-empty{height:100%;display:grid;place-items:center;text-align:center;color:#879eb9;font-size:11px;padding:30px}.event{background:transparent;border:1px solid transparent;border-bottom-color:#293c55;width:100%;color:#d9e7f5;text-align:left;display:flex;gap:10px;align-items:flex-start;padding:8px;border-radius:7px}.event:hover,.event.selected{background:#1a2d42}.event-tag{border:1px solid #47668b;border-radius:5px;color:#9eccff;background:#1c3753;font:700 9px var(--mono);padding:4px 6px;white-space:nowrap}.event-tag.deny{color:#ffc0c5;background:#432631;border-color:#85515a}.event-tag.approve{color:#a3f3c8;background:#234635;border-color:#4d8a70}.event strong{display:block;font:700 10px/1.55 var(--mono)}.event small{display:block;color:#8aa4bf;font:400 10px/1.55 var(--mono);margin-top:3px}.trace-divider{padding:12px 13px;background:#142033;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:#9ab4cf;font:700 10px var(--mono)}.copy{border:1px solid #426082;border-radius:6px;color:#bbd8fa;background:#213950;padding:5px 10px;font:700 10px var(--mono)}.payload{background:#0b1421;margin:0;padding:14px;color:#b6d0ea;font:10px/1.8 var(--mono);white-space:pre-wrap;overflow:auto;word-break:break-word;flex:1;min-height:190px;max-height:350px}
.more{border-top:1px solid var(--line);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:85px;padding:80px 0 100px}.more p{font-size:13px;line-height:1.85;color:#a1b6ce}.command-card{border:1px solid #3b506b;border-radius:13px;background:#111f2e;overflow:hidden}.command-card>div{font:700 10px var(--mono);color:#b3cce9;background:#192c42;padding:15px;border-bottom:1px solid #344862}.command-card pre{font:11px/1.95 var(--mono);color:#c2e0f8;padding:20px 16px;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.command-card pre span{color:#7899b7}.command-card footer{border-top:1px solid var(--line);padding:12px 15px;display:flex;align-items:center;gap:10px;font-size:10px;color:#a2b8cf}.footer{border-top:1px solid var(--line);background:#0b1320}.footer .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:25px 0;font-size:11px;color:#8196ae}.footer a{color:#c1d7ed}
@media(max-width:1160px){.panels{grid-template-columns:240px 1fr}.trace{grid-column:1/-1}.trace .events{max-height:220px}.more{gap:40px}}@media(max-width:830px){.wrap{width:calc(100% - 38px)}.hero{grid-template-columns:1fr;gap:30px;padding:60px 0}.hero h1{font-size:clamp(46px,9vw,64px)}.arch{max-width:590px;width:100%;margin:auto}.benefits{margin-bottom:75px}.benefit{padding:15px 11px;gap:8px}.benefit-symbol{width:29px;height:29px}.benefit b{font-size:11px}.benefit small{font-size:10px}.panels{grid-template-columns:1fr}.guide .steps{display:grid;grid-template-columns:1fr 1fr}.trace{grid-column:auto}.workspace-view{min-height:300px}.more{grid-template-columns:1fr;gap:25px;padding:65px 0}}@media(max-width:560px){.wrap{width:calc(100% - 30px)}.bar{height:63px}.logo{font-size:16px}.logo-suffix{font-size:11px;margin-left:4px}.logo-icon{width:29px;height:29px;margin-right:6px}.nav{gap:7px}.nav .pill{display:none}.nav .small{padding:6px 8px}.hero{padding:45px 0}.hero h1{font-size:clamp(41px,10vw,55px)}.lead{font-size:14px}.eyebrow{font-size:9px}.arch-body{padding:20px 12px}.arch-agent{padding:10px 6px;gap:7px}.arch-agent b{font-size:10px}.arch-agent small{font-size:9px}.avatar{width:29px;height:29px}.benefits{grid-template-columns:1fr;margin-bottom:65px}.benefit+.benefit{border-left:0;border-top:1px solid var(--line)}.benefit{padding:13px 18px}.benefit b{font-size:12px}.benefit small{font-size:11px}.section-head{flex-direction:column;align-items:flex-start}.scenario{text-align:left}.disclaimer{font-size:10px}.guide .steps{grid-template-columns:1fr}.step{padding:9px}.workspace-view{padding:13px;min-height:340px}.tab{font-size:10px}.more h2{font-size:29px}.footer .wrap>span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}