:root{--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Consolas, ui-monospace, monospace;--spring: cubic-bezier(.16, 1, .3, 1);--smooth: cubic-bezier(.4, 0, .2, 1)}[data-theme=kawaii],.workflow-root[data-theme=kawaii],body{--bg-base: #F7EFF5;--bg-gradient: radial-gradient(circle at 14% 12%, rgba(255, 105, 180, .16), transparent 45%), radial-gradient(circle at 86% 16%, rgba(147, 51, 234, .12), transparent 45%), radial-gradient(circle at 50% 88%, rgba(59, 130, 246, .1), transparent 50%);--crystal-plate: rgba(255, 255, 255, .85);--crystal-card: rgba(255, 255, 255, .95);--crystal-card-hover: #FFFFFF;--crystal-popover: rgba(255, 255, 255, .98);--crystal-slot: rgba(250, 235, 244, .9);--crystal-input: rgba(255, 255, 255, .96);--border-outer: rgba(255, 255, 255, .98);--border-subtle: rgba(226, 190, 212, .78);--specular-inset: inset 0 1.5px 1px rgba(255, 255, 255, 1), inset 0 -1px 2px rgba(255, 71, 133, .06);--shadow-plate: 0 10px 30px -8px rgba(135, 65, 100, .08);--shadow-card: 0 4px 18px -2px rgba(135, 65, 100, .08), 0 1px 3px rgba(135, 65, 100, .04);--shadow-hover: 0 16px 36px -4px rgba(225, 29, 102, .25), 0 2px 8px rgba(225, 29, 102, .12);--shadow-drawer: -14px 0 42px rgba(110, 40, 75, .22);--text-main: #20131B;--text-sub: #584351;--text-muted: #8E7786;--c-pink: #E11D66;--c-blue: #2563EB;--c-amber: #D97706;--c-purple: #7C3AED;--c-emerald: #059669;--c-danger: #E11D48;--text-on-primary: #FFFFFF;--tint-pink: rgba(225, 29, 102, .12);--tint-blue: rgba(37, 99, 235, .12);--tint-amber: rgba(217, 119, 6, .12);--tint-purple: rgba(124, 58, 237, .12);--tint-emerald: rgba(5, 150, 105, .12);--tint-danger: rgba(225, 29, 72, .12);--grid-dot: rgba(212, 178, 198, .32);--dag-edge-bg: rgba(226, 190, 212, .72);--dag-edge-pulse: #E11D66}[data-theme=cyber],.workflow-root[data-theme=cyber]{--bg-base: #060A12;--bg-gradient: radial-gradient(circle at 14% 12%, rgba(0, 240, 255, .15), transparent 45%), radial-gradient(circle at 86% 16%, rgba(168, 85, 247, .15), transparent 45%), radial-gradient(circle at 50% 88%, rgba(0, 255, 157, .1), transparent 52%);--crystal-plate: rgba(13, 21, 38, .88);--crystal-card: rgba(20, 31, 54, .95);--crystal-card-hover: rgba(28, 43, 74, .98);--crystal-popover: rgba(12, 19, 34, .98);--crystal-slot: rgba(27, 39, 66, .88);--crystal-input: rgba(16, 26, 46, .95);--border-outer: rgba(148, 163, 184, .28);--border-subtle: rgba(56, 189, 248, .24);--specular-inset: inset 0 1.5px 1px rgba(255, 255, 255, .14), inset 0 -1px 2px rgba(0, 240, 255, .12);--shadow-plate: 0 12px 34px -6px rgba(0, 0, 0, .68);--shadow-card: 0 6px 20px -2px rgba(0, 0, 0, .58);--shadow-hover: 0 0 28px rgba(0, 240, 255, .42), 0 8px 24px rgba(0, 0, 0, .75);--shadow-drawer: -16px 0 46px rgba(0, 0, 0, .92);--text-main: #F1F5F9;--text-sub: #94A3B8;--text-muted: #64748B;--c-pink: #00F0FF;--c-blue: #38BDF8;--c-amber: #FBBF24;--c-purple: #C084FC;--c-emerald: #00FF9D;--c-danger: #FF3366;--text-on-primary: #060A12;--tint-pink: rgba(0, 240, 255, .15);--tint-blue: rgba(56, 189, 248, .15);--tint-amber: rgba(251, 191, 36, .15);--tint-purple: rgba(192, 132, 252, .15);--tint-emerald: rgba(0, 255, 157, .15);--tint-danger: rgba(255, 51, 102, .18);--grid-dot: rgba(56, 189, 248, .16);--dag-edge-bg: rgba(56, 189, 248, .38);--dag-edge-pulse: #00F0FF}.workflow-root{display:flex;flex-direction:column;width:100%;height:100%;position:relative;background-color:var(--bg-base);color:var(--text-main);font-family:var(--font-sans);overflow:hidden;-webkit-user-select:none;user-select:none}.dag-global-masthead{height:48px;min-height:48px;max-height:48px;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--crystal-plate);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border-subtle);box-shadow:var(--shadow-plate);z-index:50;flex-shrink:0}.brand-section{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand-totem{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--c-pink),var(--c-purple));display:flex;align-items:center;justify-content:center;font-size:15px;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:inset 0 1px 2px #ffffffb3,0 0 12px var(--tint-pink);transition:transform .25s var(--spring)}.brand-totem:hover{transform:scale(1.12) rotate(12deg)}.brand-title{font-size:.88rem;font-weight:800;letter-spacing:-.01em;color:var(--text-main);display:flex;align-items:center;gap:8px}.brand-badge{font-size:.6rem;font-family:var(--font-mono);font-weight:800;color:var(--c-pink);background:var(--tint-pink);padding:1.5px 7px;border-radius:9999px;border:1px solid var(--border-subtle)}.masthead-center{display:flex;align-items:center;gap:8px;flex:1;max-width:520px;margin:0 16px}.role-select{height:30px;background:var(--crystal-slot);border:1px solid var(--border-outer);border-radius:7px;padding:0 8px;font-size:.7rem;font-weight:700;color:var(--text-main);outline:none;cursor:pointer}.search-input-wrap{flex:1;position:relative;display:flex;align-items:center}.search-input{width:100%;height:30px;background:var(--crystal-input);border:1px solid var(--border-outer);border-radius:7px;padding:0 8px 0 26px;font-size:.7rem;color:var(--text-main);outline:none;transition:all .2s ease}.search-input:focus{border-color:var(--c-pink);box-shadow:0 0 0 2px var(--tint-pink)}.search-icon{position:absolute;left:7px;font-size:12px;color:var(--text-muted);pointer-events:none}.masthead-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.action-btn{background:var(--crystal-slot);border:1px solid var(--border-outer);box-shadow:var(--specular-inset);color:var(--text-main);padding:4px 10px;border-radius:9999px;font-size:.7rem;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:all .2s var(--spring);-webkit-user-select:none;user-select:none;text-decoration:none}.action-btn:hover{background:var(--crystal-card-hover);border-color:var(--c-pink);color:var(--c-pink);transform:translateY(-1px)}.action-btn.sim-btn{background:linear-gradient(135deg,var(--c-pink),var(--c-purple));color:var(--text-on-primary);border:none;box-shadow:0 3px 12px var(--tint-pink)}.action-btn.sim-btn:hover{transform:translateY(-1px) scale(1.03);color:var(--text-on-primary);filter:brightness(1.08)}.action-btn.sim-btn.running{background:var(--c-danger);animation:simPulse 1.2s infinite}@keyframes simPulse{0%,to{box-shadow:0 0 0 0 var(--tint-danger)}50%{box-shadow:0 0 0 6px var(--tint-danger)}}.dag-stage-container{flex:1;width:100%;height:calc(100vh - 48px);position:relative;overflow:hidden;background-image:radial-gradient(circle,var(--grid-dot) 1.2px,transparent 1.2px),var(--bg-gradient);background-size:24px 24px,100% 100%;cursor:grab;-webkit-user-select:none;user-select:none}.dag-stage-container.dragging{cursor:grabbing}.dag-canvas-board{position:absolute;top:0;left:0;width:1680px;min-height:720px;transform-origin:top left;transition:transform .06s ease-out;padding:30px 40px 60px}.dag-svg-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5;overflow:visible}.dag-edge-bg-line{stroke:var(--dag-edge-bg);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;fill:none;transition:stroke .25s,stroke-width .25s}.dag-edge-pulse-line{stroke:var(--edge-color, var(--dag-edge-pulse));stroke-width:2.5;stroke-dasharray:8 20;stroke-linecap:round;stroke-linejoin:round;fill:none;animation:dagEdgeFlow 1.3s linear infinite;filter:drop-shadow(0 0 3px var(--edge-color, var(--dag-edge-pulse)))}.dag-edge-active-line{stroke:var(--edge-color, var(--dag-edge-pulse));stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;fill:none;opacity:0;transition:opacity .2s var(--spring);filter:drop-shadow(0 0 8px var(--edge-color, var(--dag-edge-pulse)))}.dag-edge-group.highlight .dag-edge-active-line{opacity:1}.dag-edge-group.highlight .dag-edge-bg-line{stroke:var(--edge-color, var(--dag-edge-pulse));stroke-width:3.2}@keyframes dagEdgeFlow{to{stroke-dashoffset:-28}}.dag-network-grid{width:1580px;display:flex;flex-direction:column;gap:56px;position:relative;z-index:10}.dag-tier-flow-row{width:100%;position:relative}.dag-tier-tag-pill{position:absolute;top:-30px;font-family:var(--font-mono);font-size:.6rem;font-weight:800;color:var(--tier-color, var(--c-purple));background:var(--crystal-card);padding:2px 10px;border-radius:999px;border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);display:inline-flex;align-items:center;gap:5px;pointer-events:none;z-index:20}.dag-row-tier1{display:flex;align-items:center;justify-content:space-between}.dag-column-dual-stack{display:flex;flex-direction:column;gap:16px}.dag-row-tier2,.dag-row-tier3{display:flex;align-items:center;justify-content:space-between}.dag-node-card{width:236px;height:112px;background:var(--crystal-card);border:1px solid var(--border-outer);box-shadow:var(--specular-inset),var(--shadow-card);border-radius:13px;padding:8px 11px;display:flex;flex-direction:column;justify-content:space-between;gap:4px;cursor:pointer;position:relative;transition:all .22s var(--spring);-webkit-user-select:none;user-select:none;z-index:10;flex-shrink:0}.dag-node-card:hover{border-color:var(--node-accent-color, var(--c-pink));transform:translateY(-2.5px) scale(1.02);box-shadow:var(--shadow-hover);background:var(--crystal-card-hover);z-index:20}.dag-node-card.active-selected{border-color:var(--node-accent-color, var(--c-pink));box-shadow:0 0 0 2px var(--node-accent-color, var(--c-pink)),var(--shadow-hover);background:var(--crystal-card-hover);z-index:25}.dag-node-card.sim-active{border-color:var(--c-pink);box-shadow:0 0 0 3px var(--c-pink),0 0 30px var(--tint-pink);transform:translateY(-3px) scale(1.03);z-index:30}.dag-node-card.dimmed{opacity:.16;filter:grayscale(88%);pointer-events:none}.dag-pin-left,.dag-pin-right,.dag-pin-top,.dag-pin-bottom{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--node-accent-color, var(--c-blue));border:1.5px solid var(--crystal-card);box-shadow:0 0 6px var(--node-accent-color, var(--c-blue));pointer-events:none;transition:transform .2s;display:none}.has-pin-left .dag-pin-left{display:block;left:-4px;top:50%;transform:translateY(-50%)}.has-pin-right .dag-pin-right{display:block;right:-4px;top:50%;transform:translateY(-50%)}.has-pin-top .dag-pin-top{display:block;top:-4px;left:50%;transform:translate(-50%)}.has-pin-bottom .dag-pin-bottom{display:block;bottom:-4px;left:50%;transform:translate(-50%)}.dag-node-card:hover .dag-pin-left,.dag-node-card:hover .dag-pin-right,.dag-node-card:hover .dag-pin-top,.dag-node-card:hover .dag-pin-bottom{transform:scale(1.3)}.node-breathing-orb{width:7px;height:7px;border-radius:50%;background:var(--node-accent-color, var(--c-blue));box-shadow:0 0 7px var(--node-accent-color, var(--c-blue));flex-shrink:0;position:relative}.node-breathing-orb:after{content:"";position:absolute;top:-2.5px;right:-2.5px;bottom:-2.5px;left:-2.5px;border-radius:50%;border:1px solid var(--node-accent-color, var(--c-blue));opacity:.6;animation:orbBreathe 2.4s ease-in-out infinite alternate}@keyframes orbBreathe{0%{transform:scale(.9);opacity:.3}to{transform:scale(1.4);opacity:.8}}.card-ripple-wave{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:13px;border:2px solid var(--c-emerald);opacity:0;pointer-events:none}.dag-node-card.sim-active .card-ripple-wave{animation:rippleOut 1.2s ease-out infinite}@keyframes rippleOut{0%{transform:scale(.96);opacity:.9}to{transform:scale(1.1);opacity:0}}.card-header-bar{display:flex;align-items:center;justify-content:space-between;gap:5px}.card-step-badge{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:.58rem;font-weight:800;padding:1.5px 6px;border-radius:9999px;background:var(--tint-step, var(--tint-blue));color:var(--node-accent-color, var(--c-blue));border:1px solid var(--border-subtle)}.card-category-tag{font-size:.56rem;font-weight:800;color:var(--text-muted);white-space:nowrap}.card-main-flow{display:flex;align-items:center;gap:7px;min-width:0}.card-flow-icon{width:25px;height:25px;border-radius:7px;background:var(--crystal-slot);display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;border:1px solid var(--border-subtle);box-shadow:var(--shadow-card)}.card-flow-text-wrap{display:flex;flex-direction:column;gap:1.5px;min-width:0}.card-flow-title{font-size:.74rem;font-weight:800;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.card-flow-brief{font-size:.6rem;color:var(--text-sub);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-status-capsule{background:var(--crystal-slot);border:1px solid var(--border-subtle);border-radius:5px;padding:2.5px 6px;font-size:.56rem;display:flex;align-items:center;justify-content:space-between;gap:5px}.card-status-label{color:var(--text-muted);font-weight:700;flex-shrink:0}.card-status-val{font-weight:800;color:var(--text-main);font-family:var(--font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-status-val.alert-val{color:var(--c-danger)}.card-status-val.pass-val{color:var(--c-emerald)}.card-footer-bar{display:flex;align-items:center;justify-content:space-between;gap:5px;padding-top:4px;border-top:1px solid var(--border-subtle)}.card-agent-badge{display:inline-flex;align-items:center;gap:4px;font-size:.58rem;font-weight:700;color:var(--text-sub);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-agent-avatar{font-size:12px;line-height:1}.card-detail-hint{font-size:.56rem;font-weight:800;color:var(--node-accent-color, var(--c-pink));display:inline-flex;align-items:center;gap:2px;flex-shrink:0;transition:transform .2s ease}.dag-node-card:hover .card-detail-hint{transform:translate(2px)}.dag-hud-zoom-bar{position:absolute;bottom:18px;right:20px;background:var(--crystal-plate);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-outer);border-radius:999px;padding:4px 8px;display:flex;align-items:center;gap:5px;box-shadow:var(--shadow-plate);z-index:40}.hud-btn{background:var(--crystal-slot);border:1px solid var(--border-outer);color:var(--text-main);padding:3px 8px;border-radius:999px;font-size:.65rem;font-weight:800;cursor:pointer;transition:all .2s}.hud-btn:hover{background:var(--c-pink);color:var(--text-on-primary);border-color:var(--c-pink)}.hud-zoom-text{font-family:var(--font-mono);font-size:.64rem;font-weight:800;color:var(--text-sub);min-width:38px;text-align:center}.dag-hud-telemetry-badge{position:absolute;bottom:18px;left:20px;background:var(--crystal-plate);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-outer);border-radius:12px;padding:6px 12px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-plate);font-size:.65rem;font-weight:800;z-index:40}.sim-banner{position:absolute;top:12px;left:50%;transform:translate(-50%) translateY(-10px);background:var(--crystal-card);border:1.5px solid var(--c-pink);border-radius:12px;padding:6px 16px;display:none;align-items:center;gap:12px;box-shadow:var(--shadow-hover);z-index:45}.sim-banner.active{display:flex;transform:translate(-50%) translateY(0);animation:slideDown .25s var(--spring)}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.sim-step-badge{background:var(--c-pink);color:var(--text-on-primary);font-family:var(--font-mono);font-size:.64rem;font-weight:800;padding:2px 8px;border-radius:999px;flex-shrink:0}.sim-step-text{font-size:.72rem;font-weight:700;color:var(--text-main)}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000052;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:990;opacity:0;pointer-events:none;transition:opacity .24s ease}.drawer-overlay.open{opacity:1;pointer-events:auto}.slide-drawer{position:fixed;top:0;right:0;bottom:0;width:540px;max-width:94vw;background:var(--crystal-popover);backdrop-filter:blur(36px) saturate(200%);-webkit-backdrop-filter:blur(36px) saturate(200%);border-left:1.5px solid var(--border-outer);box-shadow:var(--shadow-drawer);z-index:1000;padding:18px 22px;display:flex;flex-direction:column;gap:12px;transform:translate(100%);transition:transform .28s var(--spring);overflow-y:auto;-webkit-user-select:text;user-select:text}.slide-drawer.open{transform:translate(0)}.drawer-top-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border-subtle);padding-bottom:10px}.drawer-step-badge{display:inline-block;font-family:var(--font-mono);font-size:.62rem;font-weight:800;padding:2px 9px;border-radius:9999px;margin-bottom:4px;border:1px solid var(--border-subtle)}.drawer-title-heading{font-size:1.02rem;font-weight:800;color:var(--text-main);line-height:1.35}.drawer-nav-actions{display:flex;align-items:center;gap:5px;flex-shrink:0}.drawer-nav-btn{background:var(--crystal-slot);border:1px solid var(--border-outer);color:var(--text-sub);cursor:pointer;font-size:13px;width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;transition:all .2s}.drawer-nav-btn:hover{background:var(--crystal-card-hover);color:var(--c-pink);border-color:var(--c-pink)}.drawer-nav-btn.close-btn:hover{background:var(--c-danger);color:var(--text-on-primary);border-color:var(--c-danger)}.inspector-layer-badge{font-family:var(--font-mono);font-size:.6rem;font-weight:800;padding:2px 7px;border-radius:5px;display:inline-flex;align-items:center;gap:4px}.layer-01-title{background:var(--tint-emerald);color:var(--c-emerald)}.layer-02-title{background:var(--tint-amber);color:var(--c-amber)}.layer-03-title{background:var(--tint-pink);color:var(--c-pink)}.drawer-block{display:flex;flex-direction:column;gap:6px}.drawer-block-title{font-size:.68rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:center;justify-content:space-between}.drawer-visual-diagram{background:var(--crystal-slot);border:1px solid var(--border-outer);border-radius:10px;padding:9px;display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap;gap:5px;font-size:.64rem;font-weight:800;color:var(--text-main)}.diag-box{background:var(--crystal-card);border:1px solid var(--border-subtle);border-radius:7px;padding:5px 8px;text-align:center;box-shadow:var(--shadow-card)}.diag-arrow{color:var(--c-pink);font-family:var(--font-mono);font-weight:900}.copy-item-card{background:var(--crystal-slot);border:1px solid var(--border-outer);border-radius:7px;padding:5px 9px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.68rem;font-family:var(--font-mono);color:var(--text-main)}.copy-action-btn{background:var(--crystal-plate);border:1px solid var(--border-outer);border-radius:5px;padding:2.5px 7px;font-size:.62rem;font-weight:700;color:var(--text-sub);cursor:pointer;flex-shrink:0;transition:all .2s}.copy-action-btn:hover{border-color:var(--c-pink);color:var(--c-pink)}.drawer-panel-box{background:var(--crystal-slot);border:1px solid var(--border-subtle);border-radius:9px;padding:8px 11px;font-size:.7rem;line-height:1.5;color:var(--text-sub);white-space:pre-line}.drawer-panel-box.alert-border{border-left:3.5px solid var(--c-danger)}.drawer-panel-box.success-border{border-left:3.5px solid var(--c-emerald)}.drawer-ag-row{background:var(--crystal-slot);border:1px solid var(--border-outer);border-radius:8px;padding:7px 9px;display:flex;align-items:center;justify-content:space-between;gap:8px}.ag-info-left{display:flex;align-items:center;gap:8px;min-width:0}.ag-avatar-icon{font-size:16px}.ag-name-title{font-size:.72rem;font-weight:800;color:var(--text-main);display:flex;align-items:center;gap:6px}.ag-tier-tag{font-family:var(--font-mono);font-size:.56rem;padding:1px 5px;border-radius:4px;background:var(--tint-pink);color:var(--c-pink)}.ag-role-desc{font-size:.62rem;color:var(--text-sub);line-height:1.35}.triad-sub-grid-full{display:grid;grid-template-columns:1fr;gap:8px}.triad-sub-card-detail{background:var(--crystal-slot);border:1px solid var(--border-subtle);border-radius:9px;padding:8px 10px;display:flex;flex-direction:column;gap:3px}.triad-sub-card-detail.fs{border-left:3px solid var(--c-blue)}.triad-sub-card-detail.ctx{border-left:3px solid var(--c-purple)}.triad-sub-card-detail.tool{border-left:3px solid var(--c-pink)}.tree-branches-list-full{display:flex;flex-direction:column;gap:5px}.tree-branch-item{background:var(--crystal-slot);border:1px solid var(--border-subtle);border-radius:7px;padding:5px 9px;display:flex;align-items:center;justify-content:space-between;gap:8px}.checklist-wrap{background:var(--crystal-card);border:1px solid var(--border-outer);border-radius:9px;padding:9px 11px;display:flex;flex-direction:column;gap:7px}.check-row{display:flex;align-items:flex-start;gap:7px;font-size:.68rem;color:var(--text-sub);cursor:pointer;-webkit-user-select:none;user-select:none}.check-row input[type=checkbox]{margin-top:2px;cursor:pointer;accent-color:var(--c-pink)}.telemetry-drawer{position:fixed;top:48px;left:0;right:0;background:var(--crystal-popover);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-bottom:1.5px solid var(--border-outer);box-shadow:0 16px 40px #00000038;padding:16px 24px;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;z-index:100;transform:translateY(-120%);transition:transform .28s var(--spring)}.telemetry-drawer.open{transform:translateY(0)}.chart-card{background:var(--crystal-card);border:1px solid var(--border-subtle);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow-card)}.chart-head{display:flex;align-items:center;justify-content:space-between;font-size:.68rem;font-weight:800;color:var(--text-main)}.chart-tag{font-family:var(--font-mono);font-size:.56rem;font-weight:800;padding:1px 6px;border-radius:4px}.bar-chart-wrap{display:flex;flex-direction:column;gap:4px}.bar-row{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:.62rem;color:var(--text-sub)}.bar-track{flex:1;background:var(--crystal-slot);border-radius:3px;overflow:hidden}.bar-fill{height:100%;border-radius:3px}.toast-box{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(40px);background:var(--text-main);color:var(--bg-base);font-size:.74rem;font-weight:700;padding:7px 16px;border-radius:9999px;box-shadow:0 6px 20px #00000047;opacity:0;pointer-events:none;transition:all .22s var(--spring);z-index:2000;display:flex;align-items:center;gap:6px}.toast-box.show{transform:translate(-50%) translateY(0);opacity:1}.internal-console-container{display:flex;height:100vh;width:100vw;overflow:hidden;background:#07080b;color:#e2e8f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;box-sizing:border-box;isolation:isolate}.internal-master-nav{width:280px;min-width:280px;height:100vh;background:#0b0c10;border-right:1px solid rgba(0,240,255,.18);display:flex;flex-direction:column;box-sizing:border-box;z-index:10}.master-brand-header{padding:20px 20px 16px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:8px}.master-brand-title{display:flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:700;color:#f8fafc;letter-spacing:-.01em}.master-brand-title svg{color:#00f0ff}.master-node-badge{display:inline-flex;align-items:center;gap:6px;background:#00f0ff1a;border:1px solid rgba(0,240,255,.3);padding:3px 8px;border-radius:9999px;font-size:.75rem;font-weight:600;color:#00f0ff;width:fit-content}.node-pulse-dot{width:6px;height:6px;background:#00f0ff;border-radius:50%;box-shadow:0 0 8px #00f0ff;animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%{transform:scale(.95);opacity:.8;box-shadow:0 0 #00f0ffb3}70%{transform:scale(1);opacity:1;box-shadow:0 0 0 6px #00f0ff00}to{transform:scale(.95);opacity:.8;box-shadow:0 0 #00f0ff00}}.master-evolution-tag{font-size:.75rem;color:#94a3b8;padding:0 20px;margin-top:12px;font-family:monospace}.master-nav-links{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:6px;overflow-y:auto}.master-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;background:transparent;border:1px solid transparent;color:#94a3b8;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);text-align:left;width:100%}.master-nav-item:hover{background:#ffffff0a;color:#f8fafc}.master-nav-item.active{background:#00f0ff1f;border-color:#00f0ff59;color:#00f0ff;box-shadow:inset 0 1px #ffffff1a,0 4px 12px #00f0ff1a;font-weight:600}.master-nav-icon{font-size:1.1rem;min-width:24px;text-align:center}.master-footer{padding:16px 20px;border-top:1px solid rgba(255,255,255,.08);background:#0000004d;font-size:.75rem;color:#64748b;display:flex;flex-direction:column;gap:6px}.master-footer-env{font-family:monospace;color:#94a3b8;word-break:break-all}.internal-detail-workbench{flex:1;height:100vh;overflow-y:auto;display:flex;flex-direction:column;background:#07080b;box-sizing:border-box}.detail-topbar{padding:20px 32px;border-bottom:1px solid rgba(255,255,255,.08);background:#0b0c10bf;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:5}.detail-title-area h2{font-size:1.4rem;font-weight:700;color:#f8fafc;margin:0 0 4px}.detail-title-area p{font-size:.85rem;color:#94a3b8;margin:0}.detail-action-group{display:flex;align-items:center;gap:12px}.detail-content-body{padding:32px;flex:1;display:flex;flex-direction:column;gap:28px;box-sizing:border-box;max-width:1600px;width:100%;margin:0 auto}.internal-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:20px}.internal-grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.internal-card{background:#12161fd1;border:1px solid rgba(0,240,255,.2);border-radius:16px;padding:20px;box-shadow:0 8px 24px #0006;transition:all .25s ease}.internal-card:hover{border-color:#00f0ff73;box-shadow:0 12px 32px #00f0ff1f}.card-header-flex{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.card-title{font-size:1rem;font-weight:600;color:#f8fafc;display:flex;align-items:center;gap:8px}.status-indicator{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:9999px}.status-indicator.online{background:#27c93f26;color:#27c93f;border:1px solid rgba(39,201,63,.35)}.status-indicator.active{background:#00f0ff26;color:#00f0ff;border:1px solid rgba(0,240,255,.35)}.gateway-endpoint{font-family:monospace;font-size:.8rem;color:#00f0ff;background:#0006;padding:6px 10px;border-radius:6px;margin:10px 0;border:1px dashed rgba(0,240,255,.2);word-break:break-all}.card-desc{font-size:.85rem;color:#94a3b8;line-height:1.5;margin:0}.iframe-container{flex:1;display:flex;flex-direction:column;width:100%;height:calc(100vh - 110px);border-radius:16px;overflow:hidden;border:1px solid rgba(0,240,255,.25);background:#0b0c10;box-shadow:0 16px 40px #0009;position:relative}.iframe-toolbar{padding:12px 20px;background:#12161f;border-bottom:1px solid rgba(0,240,255,.2);display:flex;align-items:center;justify-content:space-between}.iframe-title{font-weight:600;font-size:.9rem;color:#00f0ff;display:flex;align-items:center;gap:8px}.btn-terminal{background:#00f0ff1a;border:1px solid rgba(0,240,255,.3);color:#00f0ff;padding:6px 14px;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;gap:6px}.btn-terminal:hover{background:#00f0ff40;box-shadow:0 0 12px #00f0ff4d}.console-iframe{flex:1;width:100%;height:100%;border:none;background:#0b0c10}.rules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.rule-card{background:#12161fd9;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:12px}.rule-card h3{font-size:1.1rem;color:#f8fafc;margin:0;display:flex;align-items:center;justify-content:space-between}.rule-tier-badge{font-size:.75rem;padding:2px 8px;background:#94a3b826;color:#94a3b8;border-radius:4px;font-family:monospace}.rule-desc{font-size:.85rem;color:#94a3b8;line-height:1.6;margin:0}.internal-console-container .section-container{max-width:100%!important;margin:0!important;padding:0!important;background:transparent!important}.internal-console-container .section-header{margin-bottom:24px;text-align:left!important;padding:0!important}.internal-console-container .section-title{color:#f8fafc!important;font-size:1.3rem!important}.internal-console-container .section-subtitle{color:#94a3b8!important}.internal-console-container .agent-filter-tabs{justify-content:flex-start!important;margin-top:16px}:root[data-theme=kawaii]{--effect-frosted-blur: var(--effects-blur-frosted);--effect-glow-soft: var(--effects-glow-soft);--effect-glow-medium: var(--effects-glow-medium);--effect-glow-intense: var(--effects-glow-intense);--effect-scanline: var(--effects-scanline-pattern);--easing-spring-base: var(--easing-spring-base);--easing-expo-out: var(--easing-expo-out);--crystal-bg: rgba(255, 245, 247, .75);--crystal-bg-card: rgba(255, 255, 255, .85);--crystal-bg-hover: rgba(255, 255, 255, .95);--crystal-border: rgba(236, 122, 148, .45);--crystal-border-subtle: rgba(236, 122, 148, .25);--crystal-specular: inset 0 1px 0 0 rgba(255, 255, 255, .95);--crystal-shadow: 0 12px 32px -5px rgba(220, 100, 130, .22), 0 4px 12px -2px rgba(0, 0, 0, .06);--crystal-shadow-hover: 0 22px 42px -10px rgba(220, 100, 130, .32), 0 8px 20px -4px rgba(0, 0, 0, .1);--colors-text: #3D2B31;--colors-text-muted: #584351;--color-primary: #D6336C;--color-focus-ring: #D6336C;--bg-primary: #FFF9EE;--bg-secondary: #F8F9FA;--bg-card: rgba(255, 255, 255, .85);--text-primary: #3D2B31;--text-secondary: #584351}:root[data-theme=scifi]{--effect-frosted-blur: var(--effects-blur-frosted);--effect-glow-soft: var(--effects-glow-soft);--effect-glow-medium: var(--effects-glow-medium);--effect-glow-intense: var(--effects-glow-intense);--effect-scanline: var(--effects-scanline-pattern);--easing-spring-base: var(--easing-spring-base);--easing-expo-out: var(--easing-expo-out);--crystal-bg: rgba(11, 12, 16, .85);--crystal-bg-card: rgba(18, 22, 31, .82);--crystal-bg-hover: rgba(26, 32, 44, .92);--crystal-border: rgba(0, 240, 255, .35);--crystal-border-subtle: rgba(0, 240, 255, .18);--crystal-specular: inset 0 1px 0 0 rgba(255, 255, 255, .18);--crystal-shadow: 0 12px 32px -5px rgba(0, 0, 0, .6), 0 0 25px rgba(0, 240, 255, .12);--crystal-shadow-hover: 0 22px 42px -10px rgba(0, 0, 0, .8), 0 0 35px rgba(0, 240, 255, .25);--colors-text: #E2E8F0;--colors-text-muted: #94A3B8;--color-primary: #00F0FF;--color-focus-ring: #00F0FF;--bg-primary: #0B0C10;--bg-secondary: #0F172A;--bg-card: rgba(18, 22, 31, .82);--text-primary: #F8FAFC;--text-secondary: #94A3B8}.crystal-plate{background:var(--crystal-bg);backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);border:1px solid var(--crystal-border);box-shadow:var(--crystal-specular),var(--crystal-shadow);border-radius:20px;transition:all .3s cubic-bezier(.16,1,.3,1)}.crystal-card{background:var(--crystal-bg-card);backdrop-filter:blur(16px) saturate(170%);-webkit-backdrop-filter:blur(16px) saturate(170%);border:1px solid var(--crystal-border);box-shadow:var(--crystal-specular),var(--crystal-shadow);border-radius:18px;transition:all .3s cubic-bezier(.16,1,.3,1)}.crystal-card:hover{background:var(--crystal-bg-hover);box-shadow:var(--crystal-specular),var(--crystal-shadow-hover);transform:translateY(-3px);border-color:var(--color-primary, var(--crystal-border))}.crystal-popover{background:var(--crystal-bg-hover);backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);border:1px solid var(--crystal-border);box-shadow:var(--crystal-specular),var(--crystal-shadow-hover);border-radius:24px}.crystal-badge{background:var(--crystal-bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--crystal-border-subtle);box-shadow:var(--crystal-specular);border-radius:9999px;padding:.25rem .75rem;font-size:.85rem;font-weight:500}:focus-visible{outline:2px solid var(--color-focus-ring, #60a5fa)!important;outline-offset:2px!important;border-radius:4px}:focus:not(:focus-visible){outline:none}:root{--line-height-tight: var(--typography-line-height-tight);--line-height-normal: var(--typography-line-height-normal);--line-height-relaxed: var(--typography-line-height-relaxed);--tracking-tight: var(--typography-tracking-tight);--tracking-normal: var(--typography-tracking-normal);--tracking-wide: var(--typography-tracking-wide);--tracking-wider: var(--typography-tracking-wider)}@keyframes scanlineScroll{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes glowPulse{0%,to{opacity:.8;filter:brightness(1)}50%{opacity:1;filter:brightness(1.2)}}@keyframes glassShimmer{0%{transform:translate(-100%) skew(-15deg);opacity:0}50%{opacity:.5}to{transform:translate(100%) skew(-15deg);opacity:0}}.scifi-scanline{position:relative;overflow:hidden}.scifi-scanline:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--effect-scanline);pointer-events:none;z-index:10;animation:scanlineScroll 8s linear infinite}.kawaii-glass{-webkit-backdrop-filter:var(--effect-frosted-blur);backdrop-filter:var(--effect-frosted-blur);background:var(--colors-glass-background);border:1px solid var(--colors-glass-border);box-shadow:var(--colors-glass-shadow);position:relative;overflow:hidden}.kawaii-glass:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);pointer-events:none;animation:glassShimmer 5s ease-in-out infinite}.scifi-glow{box-shadow:var(--effect-glow-soft);border:1px solid var(--colors-primary);animation:glowPulse 4s ease-in-out infinite}:root,[data-theme=dark],[data-theme=scifi]{--font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Arial, sans-serif;--bg-primary: #000000;--bg-secondary: #0A0A0C;--bg-card: rgba(22, 22, 26, .7);--bg-card-hover: rgba(30, 30, 36, .85);--border-subtle: rgba(255, 255, 255, .08);--border-focus: rgba(255, 255, 255, .2);--text-primary: #F5F5F7;--text-secondary: #86868B;--text-muted: #6E6E73;--accent-apple-blue: #0056B3;--accent-apple-blue-hover: #0077ED;--accent-apple-purple: #BF5AF2;--accent-apple-green: #30D158;--accent-apple-gold: #FFD60A;--pill-bg: rgba(255, 255, 255, .08);--pill-hover: rgba(255, 255, 255, .15);--card-radius: 28px;--inner-radius: 18px;--shadow-apple: 0 20px 40px rgba(0, 0, 0, .6);--shadow-subtle: 0 8px 24px rgba(0, 0, 0, .3);--glass-blur: blur(24px) saturate(180%)}[data-theme=light],[data-theme=kawaii]{--bg-primary: #F5F5F7;--bg-secondary: #FFFFFF;--bg-card: rgba(255, 255, 255, .85);--bg-card-hover: rgba(255, 255, 255, .98);--border-subtle: rgba(0, 0, 0, .08);--border-focus: rgba(0, 0, 0, .18);--text-primary: #1D1D1F;--text-secondary: #6E6E73;--text-muted: #86868B;--accent-apple-blue: #0071E3;--accent-apple-blue-hover: #0077ED;--accent-apple-purple: #AF52DE;--accent-apple-green: #34C759;--accent-apple-gold: #FF9500;--pill-bg: rgba(0, 0, 0, .05);--pill-hover: rgba(0, 0, 0, .1);--shadow-apple: 0 20px 40px rgba(0, 0, 0, .08);--shadow-subtle: 0 8px 20px rgba(0, 0, 0, .04);--glass-blur: blur(24px) saturate(160%)}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);overflow-x:hidden;line-height:1.47059;letter-spacing:-.022em;transition:background-color .4s ease,color .4s ease}svg{width:20px;height:20px;min-width:20px;min-height:20px;flex-shrink:0;fill:currentColor}.banner-top{background:var(--bg-secondary, #0A0A0C);border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .08));font-size:12px;color:var(--text-secondary, #86868B);text-align:center;padding:9px 16px;font-weight:400;letter-spacing:-.01em}[data-theme=light] .banner-top,[data-theme=kawaii] .banner-top{background:var(--bg-secondary, #FFFFFF);color:var(--text-secondary, #6E6E73);border-bottom:1px solid var(--border-subtle, rgba(0, 0, 0, .08))}.banner-top a{color:var(--accent-apple-blue);text-decoration:none;margin-left:6px;font-weight:500}.banner-top a:hover{text-decoration:underline}.apple-nav{position:sticky;top:0;z-index:999;background:var(--bg-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border-subtle);height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;transition:background-color .3s ease,border-color .3s ease}.nav-brand{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:600;color:var(--text-primary);text-decoration:none;letter-spacing:-.03em}.nav-links{display:flex;align-items:center;gap:32px;list-style:none}.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:13px;font-weight:400;transition:color .2s ease}.nav-links a:hover,.nav-links a.active{color:var(--text-primary);font-weight:500}.nav-actions{display:flex;align-items:center;gap:16px}.theme-toggle-btn{background:var(--pill-bg);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:980px;padding:6px 12px;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background-color .2s ease,transform .1s ease}.theme-toggle-btn:hover{background:var(--pill-hover)}.btn-portal-pill{background:var(--accent-apple-blue);color:#fff;text-decoration:none;padding:6px 16px;border-radius:980px;font-size:12px;font-weight:500;transition:background-color .2s ease;display:inline-flex;align-items:center;justify-content:center}.btn-portal-pill:hover{background:var(--accent-apple-blue-hover)}.section-container{max-width:1240px;margin:0 auto;padding:96px 24px}.hero-section{text-align:center;padding:120px 24px 80px;max-width:1080px;margin:0 auto;position:relative}.hero-eyebrow{font-size:14px;font-weight:600;color:var(--accent-apple-blue);letter-spacing:.05em;text-transform:uppercase;margin-bottom:16px;display:inline-block}.hero-title{font-size:clamp(40px,6.5vw,76px);font-weight:700;line-height:1.05;letter-spacing:-.035em;margin-bottom:24px;color:#f5f5f7}[data-theme=light] .hero-title,[data-theme=kawaii] .hero-title{color:#1d1d1f}.hero-gradient-text{background:linear-gradient(135deg,#fff 20%,#a1a1a6 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-theme=light] .hero-gradient-text,[data-theme=kawaii] .hero-gradient-text{background:linear-gradient(135deg,#1d1d1f 30%,#515154 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-description{font-size:clamp(19px,2.5vw,24px);line-height:1.4;color:var(--text-secondary);max-width:760px;margin:0 auto 36px;font-weight:400}.hero-cta-group{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:64px}.btn-apple-primary{background:var(--accent-apple-blue);color:#fff;padding:14px 28px;border-radius:980px;font-size:16px;font-weight:500;text-decoration:none;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.btn-apple-primary:hover{background:var(--accent-apple-blue-hover);transform:scale(1.02)}.btn-apple-secondary{background:var(--pill-bg);border:1px solid var(--border-subtle);color:var(--text-primary);padding:14px 28px;border-radius:980px;font-size:16px;font-weight:500;text-decoration:none;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.btn-apple-secondary:hover{background:var(--pill-hover);border-color:var(--border-focus)}.hero-preview-frame{background:var(--bg-secondary, #0A0A0C);border:1px solid var(--border-subtle, rgba(255, 255, 255, .08));border-radius:var(--card-radius);box-shadow:var(--shadow-apple);padding:24px;position:relative;overflow:hidden;margin:0 auto}[data-theme=light] .hero-preview-frame,[data-theme=kawaii] .hero-preview-frame{background:var(--bg-secondary, #FFFFFF);border:1px solid var(--border-subtle, rgba(0, 0, 0, .08))}.preview-header-dots{display:flex;gap:8px;margin-bottom:20px}.dot{width:10px;height:10px;border-radius:50%;background:#fff3}[data-theme=light] .dot,[data-theme=kawaii] .dot{background:#00000026}.preview-content-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;text-align:left}.preview-mock-card{background:var(--bg-card, rgba(22, 22, 26, .7));border:1px solid var(--border-subtle, rgba(255, 255, 255, .08));border-radius:var(--inner-radius);padding:20px}[data-theme=light] .preview-mock-card,[data-theme=kawaii] .preview-mock-card{background:var(--bg-card, rgba(255, 255, 255, .85));border:1px solid var(--border-subtle, rgba(0, 0, 0, .08))}.mock-tag{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--accent-apple-blue);margin-bottom:8px}.mock-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.mock-desc{font-size:13px;color:var(--text-secondary);line-height:1.4}.section-header{text-align:center;margin-bottom:64px}.section-eyebrow{font-size:13px;font-weight:600;color:var(--accent-apple-blue);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px}.section-title{font-size:clamp(32px,4.5vw,48px);font-weight:700;letter-spacing:-.03em;margin-bottom:16px;color:var(--text-primary)}.section-subtitle{font-size:18px;color:var(--text-secondary);max-width:640px;margin:0 auto;line-height:1.45}.bento-grid,.bento-grid-products{display:grid;grid-template-columns:repeat(12,1fr);gap:24px}.bento-card{background:var(--bg-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-subtle);border-radius:var(--card-radius);padding:40px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;box-shadow:var(--shadow-subtle);cursor:pointer}.bento-card:hover{transform:translateY(-4px);border-color:var(--border-focus);box-shadow:var(--shadow-apple)}.card-col-8{grid-column:span 8;min-height:440px}.card-col-4{grid-column:span 4;min-height:440px}.card-col-6{grid-column:span 6;min-height:380px}.bento-card-header{margin-bottom:20px}.bento-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:980px;background:var(--pill-bg);border:1px solid var(--border-subtle);color:var(--text-secondary);margin-bottom:20px;width:fit-content}.bento-card-title{font-size:28px;font-weight:700;letter-spacing:-.025em;margin-bottom:12px;color:var(--text-primary)}.bento-card-desc,.bento-card-lead{font-size:16px;color:var(--text-secondary);line-height:1.5;margin-bottom:28px;max-width:500px}.bento-interactive-preview{margin-top:auto;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--inner-radius);padding:20px}.orchestration-flow{display:flex;align-items:center;justify-content:space-between;gap:12px}.agent-node{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:10px 14px;font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px;color:var(--text-primary)}.node-status{width:8px;height:8px;border-radius:50%;background:var(--accent-apple-green)}.flow-arrow{color:var(--text-muted);font-size:14px}.tokens-palette-preview{display:flex;gap:10px;margin-top:16px}.palette-circle{width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,.2)}.policies-hub-container,.policies-grid{background:var(--bg-secondary);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);padding:96px 24px}.policy-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:48px}.policy-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--inner-radius);padding:32px;transition:all .2s ease;cursor:pointer}.policy-card:hover{border-color:var(--border-focus);transform:translateY(-2px)}.policy-icon,.policy-icon-box{width:48px;height:48px;border-radius:12px;background:var(--pill-bg);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:20px;color:var(--accent-apple-blue)}.policy-title,.policy-card-title{font-size:19px;font-weight:600;letter-spacing:-.02em;margin-bottom:10px;color:var(--text-primary)}.policy-desc,.policy-card-desc{font-size:14px;color:var(--text-secondary);line-height:1.5;margin-bottom:16px}.policy-link-label{font-size:13px;font-weight:500;color:var(--accent-apple-blue);display:flex;align-items:center;gap:4px}.pricing-toggle-wrap{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:48px}.pricing-toggle-pill{background:var(--pill-bg);border:1px solid var(--border-subtle);border-radius:980px;padding:4px;display:flex}.toggle-opt-btn{padding:8px 18px;border-radius:980px;font-size:13px;font-weight:500;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:all .2s ease}.toggle-opt-btn.active{background:var(--bg-card-hover);color:var(--text-primary);box-shadow:0 2px 8px #00000026}.save-badge{background:#30d15826;color:var(--accent-apple-green);font-size:11px;font-weight:600;padding:2px 8px;border-radius:980px;margin-left:6px}.pricing-grid,.pricing-cards-matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;align-items:stretch}.pricing-card,.pricing-tier-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--card-radius);padding:40px 32px;display:flex;flex-direction:column;justify-content:space-between;position:relative;transition:all .3s ease}.pricing-tier-card.featured{border-color:var(--accent-apple-blue);box-shadow:0 0 30px #2997ff26}.featured-ribbon{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--accent-apple-blue);color:#fff;font-size:11px;font-weight:600;padding:4px 14px;border-radius:980px;letter-spacing:.04em;text-transform:uppercase}.tier-header{margin-bottom:24px}.tier-name{font-size:22px;font-weight:700;color:var(--text-primary);margin-bottom:6px}.tier-tagline{font-size:13px;color:var(--text-secondary)}.tier-price-box{margin-bottom:28px;display:flex;align-items:baseline;gap:4px}.price-currency{font-size:20px;font-weight:600;color:var(--text-primary)}.price-amount,.pricing-amount{font-size:48px;font-weight:800;letter-spacing:-.03em;color:var(--text-primary)}.price-period{font-size:14px;color:var(--text-secondary)}.tier-features-list{list-style:none;margin-bottom:36px;flex:1}.tier-features-list li{font-size:14px;color:var(--text-secondary);margin-bottom:14px;display:flex;align-items:center;gap:10px}.tier-features-list li svg{width:16px;height:16px;fill:var(--accent-apple-blue);flex-shrink:0}.refund-guarantee-badge{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--accent-apple-green);font-weight:500;margin-top:14px;justify-content:center}.legal-column{max-width:760px;margin:0 auto}.text-lead{font-size:15px;color:var(--text-secondary);line-height:1.7;margin-bottom:24px}.space-y-6>*+*{margin-top:24px}.legal-section{margin-bottom:24px}.legal-h2{font-size:20px;font-weight:700;letter-spacing:-.02em;margin:0 0 12px;color:var(--text-primary)}.legal-p{font-size:15px;color:var(--text-secondary);line-height:1.7;margin:0 0 18px}.legal-contact a{color:var(--accent-apple-blue);text-decoration:underline;font-weight:500}.legal-contact a:hover{text-decoration:none}.apple-footer{background:var(--bg-secondary);border-top:1px solid var(--border-subtle);font-size:12px;color:var(--text-muted);padding:64px 24px 48px}.footer-container{max-width:1080px;margin:0 auto}.footer-disclaimer{line-height:1.5;margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid var(--border-subtle)}.footer-links-grid,.footer-col{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-bottom:48px}.footer-col-title{font-size:12px;font-weight:600;color:var(--text-primary);margin-bottom:14px}.footer-links,.footer-links-list{list-style:none}.footer-links-list li{margin-bottom:10px}.footer-links-list a,.footer-links-list button{color:var(--text-secondary);text-decoration:none;background:transparent;border:none;padding:0;cursor:pointer;font-size:12px;transition:color .2s ease;text-align:left}.footer-links-list a:hover,.footer-links-list button:hover{color:var(--text-primary)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border-subtle);padding-top:24px;color:var(--text-muted)}.legal-links{display:flex;gap:16px}.legal-links a,.legal-links button{color:var(--text-muted);text-decoration:none;background:transparent;border:none;cursor:pointer}.legal-links a:hover,.legal-links button:hover{color:var(--text-secondary)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:10000;display:none;align-items:center;justify-content:center;padding:24px}.modal-backdrop.active{display:flex}.modal-dialog,.modal-drawer{background:var(--bg-secondary);border:1px solid var(--border-focus);border-radius:var(--card-radius);max-width:680px;width:100%;padding:40px;box-shadow:var(--shadow-apple);position:relative;max-height:85vh;overflow-y:auto}.modal-close-btn{position:absolute;top:24px;right:24px;background:var(--pill-bg);border:none;color:var(--text-secondary);width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px}.modal-body h3{font-size:24px;margin-bottom:16px;color:var(--text-primary)}.modal-body p{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:16px}.modal-body ul{margin-left:20px;margin-bottom:16px;color:var(--text-secondary);font-size:14px;line-height:1.6}@media(max-width:992px){.card-col-8,.card-col-4,.card-col-6{grid-column:span 12}.policy-cards-grid,.pricing-cards-matrix,.pricing-grid,.policies-grid,.preview-content-grid{grid-template-columns:1fr}.footer-links-grid,.footer-col{grid-template-columns:repeat(2,1fr)}}.agent-filter-tabs{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:32px;flex-wrap:wrap}.filter-tab-pill{background:var(--pill-bg);border:1px solid var(--border-subtle);color:var(--text-secondary);padding:8px 18px;border-radius:980px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.filter-tab-pill:hover{background:var(--pill-hover);color:var(--text-primary)}.filter-tab-pill:focus{outline:none;border-color:var(--border-focus)}.filter-tab-pill.active{background:var(--accent-apple-blue)!important;color:#fff!important;border-color:var(--accent-apple-blue)!important}.tab-badge{background:#fff3;padding:2px 6px;border-radius:980px;font-size:11px}.filter-tab-pill.active .tab-badge{background:#0003;color:#fff}.agent-grid-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px}@media(max-width:1200px){.agent-grid-cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.agent-grid-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.agent-grid-cards{grid-template-columns:1fr}}.agent-showcase-card{background:var(--bg-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-subtle);border-radius:var(--card-radius);padding:24px;display:flex;flex-direction:column;justify-content:space-between;min-height:420px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.agent-showcase-card:hover{transform:translateY(-6px);border-color:var(--border-focus);background:var(--bg-card-hover);box-shadow:var(--shadow-apple)}.agent-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.agent-layer-tag{font-size:11px;font-weight:600;padding:4px 10px;border-radius:980px;letter-spacing:-.01em}.agent-layer-tag.layer-strategic{background:#af52de26;color:var(--accent-apple-purple)}.agent-layer-tag.layer-robust{background:#0071e326;color:var(--accent-apple-blue)}.agent-layer-tag.layer-agile{background:#34c75926;color:var(--accent-apple-green)}.agent-rank-tag{font-size:11px;font-weight:700;color:var(--text-muted);background:var(--pill-bg);padding:2px 8px;border-radius:6px}.agent-portrait-container{width:100%;height:160px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;background:radial-gradient(circle,rgba(255,255,255,.03) 0%,transparent 70%);border-radius:var(--inner-radius);overflow:hidden;flex-shrink:0}.agent-card-portrait{width:110px;height:110px;object-fit:cover;border-radius:50%;border:2px solid var(--border-subtle);transition:transform .4s ease}.agent-showcase-card:hover .agent-card-portrait{transform:scale(1.08)}.agent-card-content{flex:1;display:flex;flex-direction:column}.agent-card-name{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:4px;letter-spacing:-.02em}.agent-card-slug{font-size:12px;color:var(--text-secondary);font-family:monospace;margin-bottom:8px}.agent-card-role{font-size:13px;color:var(--text-muted);line-height:1.4;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.agent-card-specialties{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.spec-chip{font-size:11px;background:var(--pill-bg);color:var(--text-secondary);padding:3px 8px;border-radius:6px;word-break:break-word}.agent-card-footer{border-top:1px solid var(--border-subtle);padding-top:12px;display:flex;justify-content:flex-end;margin-top:auto}.view-profile-link{font-size:12px;font-weight:500;color:var(--accent-apple-blue);transition:opacity .2s ease}.agent-showcase-card:hover .view-profile-link{opacity:.8;text-decoration:underline}.agent-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:99999;display:flex;justify-content:flex-end}.agent-drawer-container{box-sizing:border-box;width:100%;max-width:min(540px,92vw);height:100%;background:var(--bg-secondary);border-left:1px solid var(--border-focus);box-shadow:var(--shadow-apple);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding:32px 28px;position:relative}.agent-drawer-header{box-sizing:border-box;width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-top:12px;position:sticky;top:0;background:var(--bg-secondary);z-index:10;padding-bottom:12px;border-bottom:1px solid var(--border-subtle)}.agent-drawer-badge-group{display:flex;gap:10px;align-items:center}.agent-layer-badge{font-size:12px;font-weight:600;padding:4px 12px;border-radius:980px;background:#0071e326;color:var(--accent-apple-blue)}.agent-rank-badge{font-size:12px;font-weight:700;background:var(--pill-bg);color:var(--text-primary);padding:4px 10px;border-radius:6px}.agent-drawer-close{box-sizing:border-box;background:var(--pill-bg);border:none;color:var(--text-primary);width:36px;height:36px;border-radius:50%;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .1s ease;box-shadow:var(--shadow-subtle);margin-left:auto;flex-shrink:0}.agent-drawer-close:hover{background:var(--pill-hover);transform:scale(1.05)}.agent-drawer-body{box-sizing:border-box;width:100%;display:flex;flex-direction:column;gap:24px;padding-top:4px}.agent-drawer-profile-top{display:flex;gap:24px;align-items:center}.agent-drawer-portrait-wrap{width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.05) 0%,transparent 75%);border:2px solid var(--border-focus);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.agent-drawer-portrait{width:100%;height:100%;object-fit:cover}.agent-drawer-meta h2{font-size:28px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:4px}.agent-drawer-slug{font-size:13px;font-family:monospace;color:var(--text-secondary);margin-bottom:6px}.agent-drawer-role{font-size:14px;color:var(--text-muted)}.agent-drawer-catchphrase{background:var(--pill-bg);border-left:3px solid var(--accent-apple-blue);padding:16px 20px;border-radius:0 12px 12px 0;position:relative;word-break:break-word}.quote-icon{font-size:32px;color:var(--accent-apple-blue);opacity:.4;position:absolute;top:4px;left:10px;line-height:1}.agent-drawer-catchphrase p{font-size:14px;font-style:italic;color:var(--text-primary);line-height:1.5;margin:0;padding-left:12px;word-break:break-word}.agent-drawer-section h4{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:12px;letter-spacing:-.01em}.capability-bars-grid{display:grid;grid-template-columns:1fr;gap:12px}.capability-bar-item{box-sizing:border-box;width:100%;background:var(--pill-bg);padding:12px 16px;border-radius:12px;display:flex;flex-direction:column;gap:6px}.capability-bar-label{box-sizing:border-box;width:100%;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-secondary)}.capability-score{font-weight:700;color:var(--text-primary);padding-right:2px}.capability-bar-track{width:100%;height:8px;background:#7878802e;border-radius:4px;overflow:hidden;margin-top:6px}.capability-bar-fill{height:100%;background:linear-gradient(90deg,#0071e3,#af52de);border-radius:4px;display:block}.agent-tags-flow{display:flex;flex-wrap:wrap;gap:8px}.specialty-pill{font-size:12px;font-weight:500;background:#0071e31f;color:var(--accent-apple-blue);padding:6px 12px;border-radius:8px;word-break:break-word}.tag-pill-sub{font-size:12px;background:var(--pill-bg);color:var(--text-muted);padding:4px 10px;border-radius:6px;word-break:break-word}.agent-battles-list{list-style-type:disc;margin-left:20px;display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--text-secondary);word-break:break-word}