:root{--bg: #07070d;--bg-2: #0b0b16;--bg-3: #10101f;--panel: rgba(255, 255, 255, .028);--panel-2: rgba(255, 255, 255, .05);--border: rgba(255, 255, 255, .09);--border-2: rgba(255, 255, 255, .16);--violet: #8b5cf6;--violet-2: #7c3aed;--cyan: #22d3ee;--magenta: #fb3d80;--lime: #9ae23a;--amber: #ffb020;--blue: #3b82f6;--emerald: #34d399;--text: #edecf5;--text-2: #b9b8ce;--muted: #7f7e97;--muted-2: #57566b;--ok: #34d399;--warn: #ffb020;--err: #fb3d80;--font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "JetBrains Mono", "SF Mono", ui-monospace, monospace;--r-sm: 8px;--r: 12px;--r-lg: 18px;--r-xl: 26px;--shadow: 0 12px 40px -12px rgba(0, 0, 0, .7);--glow-violet: 0 0 0 1px rgba(139, 92, 246, .4), 0 8px 30px -6px rgba(139, 92, 246, .5)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(60% 55% at 12% 8%,rgba(124,58,237,.16),transparent 60%),radial-gradient(50% 45% at 92% 12%,rgba(34,211,238,.1),transparent 55%),radial-gradient(55% 55% at 78% 96%,rgba(251,61,128,.1),transparent 60%),var(--bg)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(ellipse 100% 80% at 50% 0%,#000 40%,transparent 100%);mask-image:radial-gradient(ellipse 100% 80% at 50% 0%,#000 40%,transparent 100%);pointer-events:none}::selection{background:#8b5cf666;color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:20px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#fff3;background-clip:padding-box}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}code,pre,.mono{font-family:var(--mono)}.app{min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 28px}.nav{position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);background:#07070db8;border-bottom:1px solid var(--border)}.nav-inner{display:flex;align-items:center;gap:22px;height:62px}.brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.02em;font-size:1.04rem}.brand-logo{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--violet-2),var(--magenta));display:grid;place-items:center;font-size:1.05rem;box-shadow:0 0 20px -3px #8b5cf6b3}.brand b{background:linear-gradient(90deg,#fff,#c9c4ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.brand span{color:var(--muted);font-weight:500;font-size:.72rem;letter-spacing:.04em}.nav-tabs{display:flex;gap:3px;margin-left:8px}.nav-tab{padding:8px 15px;border-radius:9px;border:none;background:transparent;color:var(--muted);font-size:.86rem;font-weight:600;transition:all .16s;display:flex;align-items:center;gap:7px;position:relative}.nav-tab.has-lock{padding-right:23px}.tab-lock{position:absolute;top:2px;right:5px;font-size:.52rem;line-height:1;opacity:.9}.nav-tab:hover{color:var(--text);background:var(--panel-2)}.nav-tab.active{color:#fff;background:#8b5cf629;box-shadow:inset 0 0 0 1px #8b5cf659}.nav-tab.locked{color:#777986;opacity:.48}.nav-tab.locked:hover{color:#92949f;background:#ffffff09}.nav-tab .dot{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.6}.nav-spacer{flex:1}.auth-prompt-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:250;display:grid;place-items:center;padding:20px;background:#030308b8;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);animation:fade .2s}.auth-prompt{position:relative;width:min(420px,100%);padding:28px;border:1px solid var(--border-2);border-radius:8px;background:var(--bg-2);box-shadow:var(--shadow);text-align:center}.auth-prompt h2{margin:8px 0 10px;font-size:1.45rem}.auth-prompt p{margin:0 auto 22px;max-width:340px;color:var(--text-2);line-height:1.55}.auth-prompt-close{position:absolute;top:10px;right:10px;width:32px;height:32px;border:0;background:transparent;color:var(--muted);font-size:1.35rem;line-height:1}.auth-prompt-close:hover{color:var(--text);background:var(--panel-2)}.presence{display:flex;align-items:center;gap:10px}.avatars{display:flex}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:.72rem;font-weight:700;color:#fff;margin-left:-8px;border:2px solid var(--bg);box-shadow:0 2px 8px #00000080;position:relative}.avatar:first-child{margin-left:0}.avatar-live:after{content:"";position:absolute;right:-1px;bottom:-1px;width:9px;height:9px;border-radius:50%;background:var(--lime);border:2px solid var(--bg);box-shadow:0 0 6px var(--lime)}.presence-count{font-size:.78rem;color:var(--muted);font-weight:600}.presence-count b{color:var(--lime)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:10px;font-size:.88rem;font-weight:600;border:1px solid var(--border-2);background:var(--panel-2);color:var(--text);transition:all .16s;white-space:nowrap}.btn:hover{background:#ffffff17;border-color:#ffffff47;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,var(--violet-2),var(--violet));border:none;color:#fff;box-shadow:0 6px 22px -6px #7c3aedcc}.btn-primary:hover{box-shadow:0 10px 30px -6px #7c3aede6}.btn-run{background:linear-gradient(135deg,#16a34a,var(--lime));color:#05140a;border:none;box-shadow:0 6px 22px -6px #9ae23ab3;font-weight:700}.btn-ghost{background:transparent;border-color:var(--border);color:var(--text-2)}.btn-ghost:hover{color:var(--text)}.btn-sm{padding:7px 13px;font-size:.8rem;border-radius:8px}.btn:disabled{opacity:.5;pointer-events:none}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card{background:linear-gradient(180deg,#ffffff0a,#ffffff04);border:1px solid var(--border);border-radius:var(--r-lg);transition:all .2s;position:relative;overflow:hidden}.card:hover{border-color:var(--border-2);transform:translateY(-3px);box-shadow:var(--shadow)}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;font-size:.72rem;font-weight:600;border:1px solid var(--border-2);background:var(--panel-2);color:var(--text-2);white-space:nowrap}.pill .dot{width:6px;height:6px;border-radius:50%}.tag-mono{font-family:var(--mono);font-size:.72rem;padding:2px 8px;border-radius:6px;background:#ffffff0d;border:1px solid var(--border);color:var(--text-2)}.eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--violet);display:flex;align-items:center;gap:8px}.eyebrow:before{content:"";width:22px;height:2px;background:linear-gradient(90deg,var(--violet),transparent)}.gradient-text{background:linear-gradient(100deg,#fff 10%,var(--violet) 45%,var(--cyan) 80%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.section-title{font-size:1.7rem;font-weight:800;letter-spacing:-.02em}.section-sub{color:var(--muted);font-size:.95rem;margin-top:8px;max-width:640px;line-height:1.6}.doc-shell{padding-top:18px}.doc-header{padding:22px 22px 12px;background:linear-gradient(180deg,#0a0b12fa,#0d0e15cc);box-shadow:inset 0 0 0 1px #ffffff05,0 18px 30px -28px #8b5cf6bf}.doc-hero-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:18px}.doc-stat{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-top:2px solid var(--violet);border-radius:12px;padding:12px 14px;min-height:82px;display:flex;flex-direction:column;justify-content:center;gap:6px}.doc-stat-label{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.doc-stat strong{font-size:1.12rem;letter-spacing:-.02em;color:var(--text)}.doc-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;align-items:start}.doc-content{min-width:0}.doc-tabbar{display:flex;flex-direction:column;gap:6px;padding:8px;position:sticky;top:78px;border:1px solid rgba(255,255,255,.06);background:#ffffff05;border-radius:14px}.doc-tab{width:100%;text-align:left;padding:9px 14px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--text-2);font-weight:600;font-size:.82rem;transition:all .16s ease}.doc-tab:hover{background:#ffffff0a;color:var(--text)}.doc-tab.active{color:#fff;background:linear-gradient(135deg,#8b5cf62e,#22d3ee1a);border-color:#8b5cf64d;box-shadow:inset 0 0 0 1px #8b5cf62e}.doc-learn-link{display:flex;align-items:center;gap:9px;width:fit-content;max-width:100%;margin:0 0 14px;padding:9px 12px;border:1px solid rgba(34,211,238,.2);border-radius:10px;color:var(--text-2);background:#22d3ee0d;text-decoration:none;font-size:.78rem}.doc-learn-link:hover{color:var(--text);border-color:#22d3ee66;background:#22d3ee17}.autopilot-shell{padding:26px;background:linear-gradient(180deg,#0b0c18eb,#0b0c18b8);box-shadow:var(--shadow),inset 0 0 0 1px #ffffff05}.autopilot-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap}.autopilot-heading{display:flex;flex-direction:column;gap:8px}.autopilot-status-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.08);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.autopilot-status-pill.live{background:#34d3991f;color:#a7f3d0;border-color:#34d39959}.autopilot-status-pill.stopped{background:#ffffff0a;color:var(--text-2);border-color:#ffffff1f}.autopilot-status-pill:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor}.autopilot-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.autopilot-sub{margin-top:8px;max-width:760px}.autopilot-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:18px 0 16px}.autopilot-grid{display:grid;grid-template-columns:1.1fr 1.5fr;gap:16px;align-items:start}.autopilot-queue,.autopilot-focus,.autopilot-history{padding:16px;background:#0e0e18cc;border:1px solid rgba(255,255,255,.08);border-radius:var(--r-lg)}.autopilot-queue-list,.autopilot-run-list{display:flex;flex-direction:column;gap:10px}.autopilot-minihead{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.autopilot-minihead h3{font-size:.9rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:700}.autopilot-badge{display:inline-flex;min-width:26px;justify-content:center;padding:4px 8px;border-radius:999px;background:#ffb8001f;border:1px solid rgba(255,184,0,.22);color:#ffd99a;font-size:.7rem;font-weight:700}.autopilot-run-item{width:100%;text-align:left;cursor:pointer;border-radius:12px;background:#ffffff05;border:1px solid rgba(255,255,255,.08);padding:12px 14px;transition:all .16s ease}.autopilot-run-item:hover{border-color:#8b5cf659;background:#8b5cf60f}.autopilot-run-item.active{border-color:#8b5cf673;background:#8b5cf617}.autopilot-run-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.autopilot-run-ref{font-family:var(--mono);font-size:.7rem;color:var(--text-2);background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:6px;padding:2px 6px}.autopilot-pill{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.12);font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:capitalize}.autopilot-focus-card{border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#ffffff05;padding:14px}.autopilot-focus-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.autopilot-detail{color:var(--text-2);line-height:1.6;margin-top:12px}.autopilot-ul{margin:12px 0 0;padding-left:18px;color:var(--text-2);line-height:1.7}.autopilot-history{margin-top:18px}@media(max-width:900px){.autopilot-grid,.doc-layout{grid-template-columns:1fr}.doc-tabbar{position:static;flex-direction:row;overflow-x:auto;scrollbar-width:thin}.doc-tab{width:auto;flex:0 0 auto}}.hero{position:relative;padding:60px 0 40px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.hero h1{font-size:3.15rem;line-height:1.03;font-weight:900;letter-spacing:-.035em;margin:20px 0 0}.hero p.lead{color:var(--text-2);font-size:1.08rem;line-height:1.65;margin-top:20px;max-width:540px}.hero-cta{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.hero-signin-prompt{position:absolute;right:14px;bottom:14px;z-index:1;display:flex;align-items:center;gap:12px;max-width:calc(100% - 28px);padding:10px 12px;background:#0a0c14e0;border:1px solid var(--border-2);color:var(--text-2);font-size:.82rem;font-weight:600}.hero-signin-prompt span{max-width:260px;line-height:1.35}.hero-stats{display:flex;gap:30px;margin-top:36px}.hero-stat b{font-size:1.65rem;font-weight:800;display:block;letter-spacing:-.02em}.hero-stat span{font-size:.78rem;color:var(--muted)}.hero-visual{position:relative;border-radius:var(--r-xl);overflow:hidden;border:1px solid var(--border-2);box-shadow:var(--shadow),0 0 60px -20px #8b5cf680}.hero-visual img{width:100%;display:block}.hero-visual .glow-ring{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 80px -30px #8b5cf699;pointer-events:none}.grid{display:grid;gap:18px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.monitoring-overview{padding:20px;margin-bottom:22px;background:linear-gradient(145deg,#0e0e19f5,#100d16e6)}.monitoring-overview-head,.monitoring-group-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.monitoring-overview-head h2{font-size:1.08rem;margin:7px 0 0}.monitoring-overview-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.monitoring-group-head{margin:20px 0 10px}.monitoring-group-head>div{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}.monitoring-group-head b{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.monitoring-group-head span:not(.tag-mono){color:var(--muted);font-size:.74rem}.monitoring-group-head-a2a{border-top:1px solid var(--border);padding-top:18px;margin-top:18px}.monitoring-metric-grid{display:grid;gap:10px}.monitoring-metric-grid-primary{grid-template-columns:repeat(6,minmax(0,1fr))}.monitoring-metric-grid-a2a{grid-template-columns:repeat(4,minmax(0,1fr))}.monitoring-metric{min-width:0;padding:13px 14px;border-radius:12px;border:1px solid var(--border);border-left:2px solid var(--metric-accent);background:#ffffff06}.monitoring-metric-label{color:var(--muted);font-size:.66rem;text-transform:uppercase;letter-spacing:.09em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monitoring-metric-value{font-size:1.28rem;font-weight:800;margin-top:5px;letter-spacing:-.02em}.monitoring-metric-hint{color:var(--muted);font-size:.68rem;margin-top:4px}.monitoring-outcomes{display:flex;align-items:center;gap:8px 20px;flex-wrap:wrap;margin-top:12px;padding:10px 12px;border-radius:10px;background:#ffffff05;color:var(--text-2);font-size:.76rem}.monitoring-outcomes span{white-space:nowrap}.monitoring-reliability{margin-top:12px;border-top:1px solid var(--border);padding-top:11px}.monitoring-reliability summary{width:fit-content;color:var(--text-2);cursor:pointer;font-size:.76rem;font-weight:650}.monitoring-reliability summary:hover{color:var(--text)}.monitoring-reliability-grid{display:flex;gap:8px 18px;flex-wrap:wrap;margin-top:12px;color:var(--text-2);font-size:.74rem}.monitoring-reliability p{color:var(--muted);font-size:.72rem;line-height:1.5;margin:10px 0 0}@media(max-width:900px){.monitoring-metric-grid-primary{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:620px){.monitoring-overview{padding:16px}.monitoring-metric-grid-primary,.monitoring-metric-grid-a2a{grid-template-columns:repeat(2,minmax(0,1fr))}}.scn-card{padding:22px;cursor:pointer;display:flex;flex-direction:column;gap:14px}.scn-card .accent-bar{position:absolute;top:0;left:0;right:0;height:3px;opacity:.85}.scn-emoji{font-size:1.9rem;line-height:1}.scn-num{font-family:var(--mono);font-size:.72rem;color:var(--muted);letter-spacing:.1em}.scn-card h3{font-size:1.12rem;font-weight:700;letter-spacing:-.01em;line-height:1.25}.scn-card p{font-size:.86rem;color:var(--muted);line-height:1.55;flex:1}.scn-agents{display:flex;align-items:center;gap:-4px}.scn-agent-dot{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;font-size:.8rem;margin-left:-6px;border:1.5px solid var(--bg-2)}.scn-agent-dot:first-child{margin-left:0}.scn-foot{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--border)}.agent-card{padding:18px;display:flex;flex-direction:column;gap:12px}.agent-head{display:flex;align-items:flex-start;gap:12px}.agent-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;font-size:1.2rem;flex-shrink:0}.agent-card h4{font-size:.98rem;font-weight:700}.agent-role{font-size:.78rem;color:var(--muted);line-height:1.45}.agent-replaces{display:flex;align-items:center;gap:7px;font-size:.74rem;color:var(--muted);font-family:var(--mono)}.agent-replaces s{color:var(--muted-2)}.agent-replaces b{color:var(--lime)}.agent-tools{display:flex;flex-wrap:wrap;gap:5px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#030308b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:flex-end;animation:fade .2s}.drawer{width:min(920px,94vw);height:100%;overflow-y:auto;background:var(--bg-2);border-left:1px solid var(--border-2);box-shadow:-30px 0 80px -20px #000c;animation:slideIn .28s cubic-bezier(.16,1,.3,1)}@keyframes slideIn{0%{transform:translate(40px);opacity:.6}to{transform:translate(0);opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}.drawer-head{position:sticky;top:0;z-index:5;background:#0b0b16e6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);padding:20px 28px;display:flex;align-items:flex-start;gap:16px}.drawer-body{padding:28px;display:flex;flex-direction:column;gap:26px}.close-x{margin-left:auto;width:34px;height:34px;border-radius:9px;border:1px solid var(--border);background:var(--panel-2);color:var(--text-2);font-size:1rem;display:grid;place-items:center;flex-shrink:0}.close-x:hover{background:var(--panel);color:#fff}.block h5{font-size:.74rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin-bottom:12px;font-weight:700;display:flex;align-items:center;gap:8px}.trigger-box{font-family:var(--mono);font-size:.86rem;padding:14px 16px;border-radius:var(--r);background:#8b5cf614;border:1px solid rgba(139,92,246,.28);color:#dcd6ff;display:flex;gap:10px;align-items:flex-start}.trigger-box .who{color:var(--violet);font-weight:700;flex-shrink:0}.wf{display:flex;flex-direction:column;gap:0}.wf-planner{align-self:center;padding:12px 20px;border-radius:12px;font-weight:700;font-size:.9rem;background:linear-gradient(135deg,#8b5cf640,#7c3aed26);border:1px solid rgba(139,92,246,.5);color:#fff;display:flex;align-items:center;gap:9px;box-shadow:0 0 24px -8px #8b5cf699}.wf-connector{width:2px;height:22px;background:linear-gradient(var(--violet),transparent);align-self:center}.wf-branches{display:flex;flex-direction:column;gap:10px;margin-top:4px}.wf-branch{display:flex;align-items:center;gap:14px;padding:13px 16px;border-radius:var(--r);background:var(--panel);border:1px solid var(--border);transition:all .16s;position:relative}.wf-branch:hover{border-color:var(--border-2);background:var(--panel-2)}.wf-branch:before{content:"+->";font-family:var(--mono);color:var(--muted-2);font-size:.8rem;flex-shrink:0}.wf-branch .agent-icon{width:34px;height:34px;font-size:1rem}.wf-branch .b-name{font-weight:700;font-size:.88rem}.wf-branch .b-role{font-size:.78rem;color:var(--muted)}.wf-branch .b-arrow{margin-left:auto;color:var(--muted-2);font-family:var(--mono);font-size:.76rem}.runner-layout{display:grid;grid-template-columns:1fr 340px;gap:20px;align-items:start}.console{background:#06060e;border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;font-family:var(--mono);min-height:440px;display:flex;flex-direction:column}.console-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border);background:#ffffff05}.console-bar .tl{width:11px;height:11px;border-radius:50%}.console-title{margin-left:10px;font-size:.78rem;color:var(--muted)}.console-live{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:.72rem;color:var(--lime);font-weight:600}.console-body{padding:16px 18px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:4px;font-size:.82rem;line-height:1.6}.run-step{padding:10px 0;border-bottom:1px dashed rgba(255,255,255,.06);animation:stepIn .3s}@keyframes stepIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.run-step-head{display:flex;align-items:center;gap:10px}.run-step-icon{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;font-size:.8rem;flex-shrink:0}.run-agent-name{font-weight:700;color:var(--text)}.run-action{color:var(--muted)}.run-status{margin-left:auto;font-size:.72rem;padding:2px 9px;border-radius:999px;font-weight:600;display:flex;align-items:center;gap:5px}.run-status.running{background:#ffb02026;color:var(--amber)}.run-status.done{background:#34d39926;color:var(--ok)}.run-status.gate{background:#fb3d8026;color:var(--magenta)}.run-thinking{color:var(--muted);padding-left:36px;font-size:.78rem}.run-thinking .tok{color:var(--cyan)}.run-output{margin:8px 0 2px 36px;padding:12px 14px;border-radius:10px;background:#ffffff08;border:1px solid var(--border);font-size:.78rem;color:var(--text-2);white-space:pre-wrap}.run-output.json{color:#a5d6ff}.cursor-blink{display:inline-block;width:8px;height:14px;background:var(--lime);animation:blink 1s step-end infinite;vertical-align:middle;margin-left:2px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.metrics-row{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0 2px 36px}.metric-chip{padding:8px 12px;border-radius:9px;background:#ffffff08;border:1px solid var(--border)}.metric-chip b{font-size:1.05rem;display:block}.metric-chip span{font-size:.68rem;color:var(--muted)}.run-side{display:flex;flex-direction:column;gap:16px;position:sticky;top:80px}.run-side-card{padding:16px}.step-list{display:flex;flex-direction:column;gap:2px}.step-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;font-size:.82rem;color:var(--muted);transition:all .2s}.step-item.active{background:#ffb0201a;color:var(--amber)}.step-item.complete{color:var(--text-2)}.step-item .si-dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex-shrink:0}.step-item.complete .si-dot{background:var(--ok)}.studio-layout{display:grid;grid-template-columns:260px 1fr 320px;gap:18px;align-items:start}.palette{padding:16px;position:sticky;top:80px;max-height:calc(100vh - 100px);overflow-y:auto}.palette h5{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:6px 0 10px}.palette-item{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:9px;border:1px solid var(--border);background:var(--panel);margin-bottom:6px;cursor:grab;transition:all .14s;-webkit-user-select:none;user-select:none}.palette-item:hover{border-color:var(--border-2);background:var(--panel-2);transform:translate(2px)}.palette-item:active{cursor:grabbing}.palette-item .agent-icon{width:30px;height:30px;font-size:.9rem}.palette-item .pi-name{font-size:.82rem;font-weight:600}.canvas{min-height:540px;border-radius:var(--r-lg);border:1px dashed var(--border-2);background:radial-gradient(circle at 1px 1px,rgba(255,255,255,.06) 1px,transparent 0);background-size:22px 22px;padding:24px;position:relative}.canvas-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--muted-2);text-align:center;pointer-events:none}.canvas-node{display:flex;align-items:center;gap:12px;padding:12px 15px;border-radius:var(--r);background:var(--bg-3);border:1px solid var(--border-2);margin-bottom:12px;box-shadow:var(--shadow);animation:stepIn .25s;position:relative}.canvas-node .drag{color:var(--muted-2);cursor:grab;font-size:.9rem}.canvas-node .cn-name{font-weight:700;font-size:.9rem}.canvas-node .cn-role{font-size:.76rem;color:var(--muted)}.canvas-node .cn-remove{margin-left:auto;width:26px;height:26px;border-radius:7px;border:1px solid var(--border);background:transparent;color:var(--muted)}.canvas-node .cn-remove:hover{color:var(--err);border-color:#fb3d8066}.canvas-node .cn-order{position:absolute;left:-10px;top:-10px;width:22px;height:22px;border-radius:50%;background:var(--violet-2);color:#fff;font-size:.7rem;font-weight:700;display:grid;place-items:center;box-shadow:0 0 12px -2px var(--violet)}.canvas-arrow{text-align:center;color:var(--muted-2);font-size:1rem;margin:-6px 0 6px}.code-block{background:#06060e;border:1px solid var(--border);border-radius:var(--r);font-family:var(--mono);font-size:.78rem;line-height:1.65;overflow-x:auto}.code-head{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--border)}.code-body{padding:14px 16px;white-space:pre;color:#c9d6e8}.code-body .k{color:var(--violet)}.code-body .s{color:var(--lime)}.code-body .c{color:var(--muted-2)}.comments{display:flex;flex-direction:column;gap:12px}.comment{display:flex;gap:11px;animation:stepIn .25s}.comment .avatar{width:30px;height:30px;margin:0;flex-shrink:0}.comment-body{flex:1}.comment-meta{display:flex;align-items:baseline;gap:8px}.comment-meta b{font-size:.84rem}.comment-meta time{font-size:.7rem;color:var(--muted)}.comment-text{font-size:.86rem;color:var(--text-2);line-height:1.5;margin-top:3px}.comment-input{display:flex;gap:8px}.comment-input input{flex:1;padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-family:inherit;font-size:.86rem;outline:none}.comment-input input:focus{border-color:var(--violet);background:var(--panel-2)}.activity{display:flex;flex-direction:column;gap:2px}.act-item{display:flex;gap:10px;padding:9px 4px;align-items:flex-start;border-bottom:1px solid rgba(255,255,255,.04)}.act-icon{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;font-size:.72rem;flex-shrink:0}.act-text{font-size:.8rem;color:var(--text-2);line-height:1.4}.act-text b{color:var(--text)}.act-time{font-size:.68rem;color:var(--muted-2);margin-top:2px}.arch-table{width:100%;border-collapse:separate;border-spacing:0}.arch-table th{text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);padding:10px 14px;border-bottom:1px solid var(--border);font-weight:700;white-space:nowrap}.arch-table td{padding:13px 14px;border-bottom:1px solid rgba(255,255,255,.05);font-size:.86rem;vertical-align:top}.arch-table tr:hover td{background:#ffffff05}.table-viewport{overflow-x:auto;overflow-y:auto;max-height:min(420px,52vh);overscroll-behavior:contain;scrollbar-gutter:stable}.table-viewport .arch-table thead th{position:sticky;top:0;z-index:2;background:var(--bg-3)}.arch-table .col-status{min-width:90px;white-space:nowrap}.arch-table .col-agent{min-width:180px}.arch-table .col-scenario{min-width:160px}.arch-table .col-asked,.arch-table .col-done{min-width:200px;white-space:normal;word-break:break-word}.arch-table .col-provider{min-width:130px;white-space:nowrap}.arch-table .col-latency{min-width:80px;white-space:nowrap}.arch-table .col-tokens{min-width:70px;white-space:nowrap}.arch-table .col-date{min-width:150px;white-space:nowrap}.arch-table .col-corr{min-width:130px;white-space:nowrap}.arch-table .col-link{min-width:90px;white-space:nowrap}.arch-table .col-runs{min-width:60px;white-space:nowrap}.arch-table .col-success{min-width:80px;white-space:nowrap}.arch-table .col-eval{min-width:90px;white-space:nowrap}.arch-table .col-score{min-width:65px;white-space:nowrap}.arch-table .col-step{min-width:130px;white-space:nowrap}.arch-old{color:var(--muted);text-decoration:line-through;text-decoration-color:#fb3d8080}.arch-new{color:var(--text);font-weight:600}.arch-new .up{color:var(--lime)}.arch-badge{font-family:var(--mono);font-size:.68rem;padding:2px 7px;border-radius:5px;background:#9ae23a1f;color:var(--lime);border:1px solid rgba(154,226,58,.25)}.azure-architecture{padding:20px;margin-bottom:24px;overflow:hidden;background:radial-gradient(circle at 80% 0%,rgba(0,120,212,.12),transparent 32%),radial-gradient(circle at 20% 100%,rgba(139,92,246,.1),transparent 30%),#ffffff06}.azure-arch-caption{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:18px;border-bottom:1px solid var(--border)}.azure-arch-caption h4{font-size:1.08rem;margin-top:6px}.azure-arch-caption p{color:var(--muted);font-size:.78rem;line-height:1.5;margin-top:5px}.azure-arch-legend{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 14px;color:var(--muted);font-size:.68rem;padding-top:4px}.azure-arch-legend span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.legend-line{display:inline-block;width:22px;height:0;border-top:2px solid #50a7e8}.legend-line.dashed{border-top-style:dashed;border-color:var(--cyan)}.legend-lock{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#34d39921;border:1px solid rgba(52,211,153,.35);color:var(--emerald);font-size:.62rem;font-style:normal;font-weight:800}.azure-arch-stage{padding:24px 4px 4px}.azure-arch-primary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:32px}.azure-arch-primary-step{position:relative;min-width:0}.azure-arch-node{--arch-tone: #50a7e8;width:100%;min-height:142px;padding:15px 12px;border-radius:15px;border:1px solid color-mix(in srgb,var(--arch-tone) 34%,var(--border));background:linear-gradient(155deg,color-mix(in srgb,var(--arch-tone) 10%,var(--bg-3)),var(--bg-2));color:var(--text);text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:11px;box-shadow:inset 0 1px #ffffff0a,0 12px 28px -24px var(--arch-tone);transition:border-color .18s,transform .18s,box-shadow .18s}.azure-arch-node:hover,.azure-arch-node:focus-visible{transform:translateY(-2px);border-color:color-mix(in srgb,var(--arch-tone) 72%,white);box-shadow:0 14px 34px -22px var(--arch-tone);outline:none}.azure-arch-node.selected{border-color:var(--arch-tone);box-shadow:0 0 0 2px color-mix(in srgb,var(--arch-tone) 20%,transparent),0 16px 36px -22px var(--arch-tone)}.azure-arch-node-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;flex-shrink:0;background:#fffffff0;border:1px solid rgba(255,255,255,.7);padding:7px}.azure-arch-node-icon img,.azure-arch-detail-icon img{width:100%;height:100%;object-fit:contain}.azure-arch-user-glyph{width:100%;height:100%;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#0078d4,#50e6ff);color:#fff;font-weight:800;font-size:.92rem}.azure-arch-node-copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:5px}.azure-arch-node-copy strong{font-size:.8rem;line-height:1.3}.azure-arch-eyebrow{color:color-mix(in srgb,var(--arch-tone) 80%,white);font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em;line-height:1.3}.azure-arch-badge{color:var(--muted);font-family:var(--mono);font-size:.57rem;line-height:1.25;border-radius:5px;background:#ffffff0a;padding:3px 6px}.tone-blue{--arch-tone: #50a7e8}.tone-cyan{--arch-tone: #22d3ee}.tone-violet{--arch-tone: #a78bfa}.tone-magenta{--arch-tone: #fb3d80}.tone-lime{--arch-tone: #9ae23a}.azure-arch-connector{position:absolute;z-index:2;top:51px;left:calc(100% + 3px);width:30px;display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none}.azure-arch-connector span{color:var(--muted);font-family:var(--mono);font-size:.49rem;white-space:nowrap}.azure-arch-connector i{position:relative;display:block;width:28px;border-top:2px solid #50a7e8}.azure-arch-connector i:after{content:"";position:absolute;right:-1px;top:-4px;width:6px;height:6px;border-top:2px solid #50a7e8;border-right:2px solid #50a7e8;transform:rotate(45deg)}.azure-arch-plane-label{display:flex;align-items:center;gap:12px;color:var(--muted);margin:20px 0 8px;font-size:.62rem;text-transform:uppercase;letter-spacing:.13em}.azure-arch-plane-label:before,.azure-arch-plane-label:after{content:"";height:1px;background:var(--border);flex:1}.azure-arch-support{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.azure-arch-support-step{min-width:0}.azure-arch-support .azure-arch-node{min-height:124px;flex-direction:row;align-items:flex-start;padding:13px}.azure-arch-support .azure-arch-node-icon{width:36px;height:36px;padding:6px}.azure-arch-upstream{height:30px;display:flex;justify-content:center;align-items:center;gap:7px;color:var(--muted);font-family:var(--mono);font-size:.51rem}.azure-arch-upstream i{height:20px;border-left:1px dashed var(--cyan)}.azure-arch-detail{display:grid;grid-template-columns:46px 1fr;gap:13px;align-items:start;margin-top:18px;padding:14px 16px;border-radius:13px;background:color-mix(in srgb,var(--arch-tone) 7%,var(--bg-2));border:1px solid color-mix(in srgb,var(--arch-tone) 28%,var(--border))}.azure-arch-detail-icon{width:46px;height:46px;padding:8px;display:grid;place-items:center;border-radius:12px;background:#fffffff0}.azure-arch-detail strong{display:block;font-size:.9rem;margin-top:3px}.azure-arch-detail p{color:var(--text-2);font-size:.76rem;line-height:1.55;margin-top:5px}.azure-arch-attribution{color:var(--muted-2);font-size:.62rem;line-height:1.45;margin:10px 2px 0}.enterprise-topology{padding:20px;margin-bottom:24px;overflow:hidden;background:linear-gradient(120deg,rgba(34,211,238,.055),transparent 42%),repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 40px),var(--panel)}.enterprise-topology-caption{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:18px;border-bottom:1px solid var(--border)}.enterprise-topology-caption h4{font-size:1.08rem;margin-top:6px}.enterprise-topology-caption p{color:var(--muted);font-size:.78rem;line-height:1.5;margin-top:5px;max-width:650px}.enterprise-topology-legend{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 14px;color:var(--muted);font-size:.68rem;padding-top:4px}.enterprise-topology-legend span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.enterprise-line{display:inline-block;width:22px;height:0;border-top:2px solid}.enterprise-line.public{border-color:#50a7e8}.enterprise-line.private{border-color:var(--cyan);border-top-style:dashed}.enterprise-line.control{border-color:var(--lime);border-top-style:dotted}.enterprise-topology-stage{padding-top:22px}.enterprise-topology-flow{display:flex;flex-direction:column;gap:8px}.enterprise-topology-node,.enterprise-topology-service,.enterprise-private-service,.enterprise-foundation-item{min-width:0;display:flex;align-items:flex-start;gap:10px}.enterprise-topology-node{padding:14px 12px;border:1px solid var(--border);background:var(--bg-2)}.enterprise-topology-node.access{border-top:2px solid #50a7e8}.enterprise-topology-node.edge{border-top:2px solid var(--magenta)}.enterprise-topology-glyph,.enterprise-topology-service-glyph{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border-radius:8px;background:#ffffff0f;border:1px solid var(--border-2);color:var(--cyan);font-family:var(--mono);font-size:.62rem;font-weight:800}.enterprise-topology-node small,.enterprise-topology-service small,.enterprise-foundation-item small{display:block;color:var(--muted);font-size:.58rem;font-weight:700;text-transform:uppercase;line-height:1.3}.enterprise-topology-node strong,.enterprise-topology-service strong,.enterprise-private-service strong,.enterprise-foundation-item strong{display:block;margin-top:3px;font-size:.74rem;line-height:1.3}.enterprise-topology-node span:last-child,.enterprise-topology-service span:last-child,.enterprise-private-service span,.enterprise-foundation-item span:last-child{display:block;color:var(--muted);font-size:.61rem;line-height:1.4;margin-top:4px}.enterprise-topology-arrow{align-self:center;width:100%;height:32px;min-width:0;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:10px;text-align:center}.enterprise-topology-arrow span{display:block;font-family:var(--mono);font-size:.55rem;line-height:1.2}.enterprise-topology-arrow i{position:relative;display:block;width:46px;border-top:2px solid #50a7e8;transform:rotate(90deg)}.enterprise-topology-arrow.private i{border-top-style:dashed;border-color:var(--cyan)}.enterprise-topology-arrow i:after{content:"";position:absolute;right:0;top:-4px;width:6px;height:6px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}.enterprise-topology-arrow.public{color:#50a7e8}.enterprise-topology-arrow.private{color:var(--cyan)}.enterprise-topology-zone{padding:12px;border:1px solid;background:#040c1847}.enterprise-topology-zone.workload{border-color:#22d3ee57}.enterprise-topology-zone.services{border-color:#9ae23a4d}.enterprise-topology-zone-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.enterprise-topology-zone-title span{color:var(--muted);font-size:.58rem;text-transform:uppercase;font-weight:800}.enterprise-topology-zone-title b{color:var(--cyan);font-family:var(--mono);font-size:.55rem;font-weight:600}.enterprise-topology-zone.services .enterprise-topology-zone-title b{color:var(--lime)}.enterprise-topology-zone-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.enterprise-topology-service{min-height:96px;padding:10px;background:var(--bg-2);border:1px solid var(--border)}.enterprise-topology-service img,.enterprise-private-service img,.enterprise-foundation-item img{width:34px;height:34px;object-fit:contain;flex-shrink:0;padding:5px;border-radius:8px;background:#fffffff0}.enterprise-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.enterprise-private-service{min-height:58px;padding:9px;background:var(--bg-2);border:1px solid var(--border)}.enterprise-private-service .enterprise-topology-service-glyph{width:34px;height:34px}.enterprise-topology-foundation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px;padding-top:14px;border-top:1px dotted var(--lime)}.enterprise-foundation-item{padding:11px;border-left:2px solid color-mix(in srgb,var(--lime) 55%,transparent);background:#9ae23a09}.enterprise-foundation-item .enterprise-topology-service-glyph{width:34px;height:34px;color:var(--lime)}.mod-list{display:flex;flex-direction:column;gap:9px}.mod-item{display:flex;gap:11px;align-items:flex-start;font-size:.86rem;color:var(--text-2);line-height:1.5}.mod-item .mi-icon{color:var(--lime);flex-shrink:0;margin-top:1px}.mod-item b{color:var(--text)}.kv{display:flex;flex-direction:column;gap:10px}.kv-row{display:flex;gap:12px;font-size:.86rem}.kv-row .k{color:var(--muted);min-width:130px;flex-shrink:0}.kv-row .v{color:var(--text-2)}.roi-box{padding:16px 18px;border-radius:var(--r);background:linear-gradient(135deg,#34d3991a,#34d39908);border:1px solid rgba(52,211,153,.25)}.roi-box .roi-num{font-size:1.5rem;font-weight:800;color:var(--emerald);letter-spacing:-.02em}.divider{height:1px;background:var(--border);margin:4px 0}.spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.2);border-top-color:var(--amber);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--lime);animation:pulse 1.4s ease-in-out infinite;box-shadow:0 0 8px var(--lime)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.empty{text-align:center;padding:60px 20px;color:var(--muted)}.footer{border-top:1px solid var(--border);padding:28px 0;margin-top:60px;color:var(--muted);font-size:.82rem}.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.fade-up{animation:fadeUp .5s cubic-bezier(.16,1,.3,1) both}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.livedata-layout{display:grid;grid-template-columns:240px 1fr;gap:18px;align-items:start}.livedata-sidebar{padding:14px;position:sticky;top:80px;max-height:calc(100vh - 100px);overflow-y:auto}.livedata-table-btn{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--text-2);cursor:pointer;transition:all .14s;margin-bottom:3px;text-align:left}.livedata-table-btn:hover{background:var(--panel-2);border-color:var(--border)}.livedata-table-btn.active{background:#8b5cf61f;border-color:#8b5cf659;color:#fff}.kpi-card{padding:18px;transition:all .2s;position:relative;overflow:hidden}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--kpi-color, var(--violet));opacity:.7}.kpi-card:hover{transform:translateY(-2px);border-color:var(--border-2)}.data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.78rem}.data-table th{text-align:left;padding:10px 14px;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700;white-space:nowrap;border-bottom:1px solid var(--border);background:#ffffff05;position:sticky;top:0;z-index:1}.data-table td{padding:9px 14px;border-bottom:1px solid rgba(255,255,255,.04);color:var(--text-2);font-family:var(--mono);font-size:.76rem;white-space:nowrap;max-width:320px;overflow:hidden;text-overflow:ellipsis}.data-table tr:hover td{background:#ffffff06}.data-table td:first-child{color:var(--text);font-weight:600}@media(max-width:1080px){.hero-grid{grid-template-columns:1fr;gap:32px}.runner-layout,.studio-layout,.livedata-layout{grid-template-columns:1fr}.palette,.run-side,.livedata-sidebar{position:static;max-height:none}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.azure-arch-primary{grid-template-columns:repeat(3,minmax(0,1fr))}.azure-arch-primary-step:nth-child(3) .azure-arch-connector{display:none}.azure-arch-primary-step:nth-child(n+4){margin-top:12px}.azure-arch-support{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.container{padding:0 18px}.nav-tabs{display:none}.hero h1{font-size:2.3rem}.hero-visual{overflow:visible;margin-bottom:82px}.hero-signin-prompt{top:calc(100% + 10px);right:0;bottom:auto;max-width:100%;background:var(--bg-2)}.grid-3,.grid-2,.grid-4{grid-template-columns:1fr}.hero-stats{flex-wrap:wrap;gap:18px}.section-title{font-size:1.4rem}.azure-architecture{padding:16px}.azure-arch-caption{flex-direction:column;gap:12px}.azure-arch-legend{justify-content:flex-start}.azure-arch-primary,.azure-arch-support{grid-template-columns:1fr;gap:10px}.azure-arch-primary-step:nth-child(n+4){margin-top:0}.azure-arch-connector{position:static;width:100%;height:28px;flex-direction:row;justify-content:center}.azure-arch-connector i{width:44px}.azure-arch-primary-step:nth-child(3) .azure-arch-connector{display:flex}.azure-arch-support .azure-arch-node{min-height:104px}.azure-arch-detail{grid-template-columns:38px 1fr}.azure-arch-detail-icon{width:38px;height:38px;padding:6px}.enterprise-topology{padding:16px}.enterprise-topology-caption{flex-direction:column;gap:12px}.enterprise-topology-legend{justify-content:flex-start}.enterprise-topology-zone-grid,.enterprise-service-grid,.enterprise-topology-foundation{grid-template-columns:1fr}.enterprise-topology-service{min-height:76px}}