:root{--background: #f7f8f5;--surface: #ffffff;--surface-muted: #eef2ed;--surface-strong: #101513;--foreground: #17201c;--muted: #5f6f67;--muted-strong: #34423b;--border: #dce4dd;--border-strong: #b8c8bd;--accent: #0f766e;--accent-strong: #0a5a53;--accent-soft: #d9f4ee;--blue: #246bfe;--blue-soft: #e4ecff;--amber: #b86b00;--amber-soft: #fff0d6;--component-caller: #4f6b5f;--component-caller-soft: #e7ede8;--component-gateway: #0f766e;--component-gateway-soft: #d9f4ee;--component-agent: #3f63d8;--component-agent-soft: #e4eaff;--component-identity: #9a6500;--component-identity-soft: #fff0d6;--component-connector: #15724f;--component-connector-soft: #dcf3e7;--component-resource: #6f5b2e;--component-resource-soft: #f2ead8;--component-policy: #b86b00;--component-policy-soft: #fff0d6;--component-trace: #29384f;--component-trace-soft: #e4eaf2;--shadow-soft: 0 24px 80px rgba(18, 33, 27, .12);--shadow-tight: 0 14px 36px rgba(18, 33, 27, .1);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 24px;--container: 1320px;--brand-font: "IBM Plex Sans Condensed", "Roboto Condensed", "Arial Narrow", Inter, ui-sans-serif, system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);color:var(--foreground);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}p,h1,h2,h3{margin:0}main{display:flex;flex-direction:column;min-height:100vh;overflow:hidden}.hero-section{order:1}.invocation-section{order:2}.story-path{order:2;position:relative}.agent-section{order:3}.connector-section{order:4}.security-band{order:5}.compare-section{order:6}.pilot-section{order:7}.topbar,.hero-grid,.section{margin-inline:auto;max-width:var(--container)}.section{padding:96px 24px}.section-heading{margin-bottom:36px;max-width:800px}.section-heading.compact{max-width:920px}.section-heading p{margin-top:18px}.eyebrow{color:var(--accent-strong);font-size:12px;font-weight:780;letter-spacing:0;line-height:1.2;margin-bottom:14px;text-transform:uppercase}h1{font-family:var(--brand-font);font-size:clamp(92px,12vw,176px);font-weight:880;letter-spacing:0;line-height:.84;margin-bottom:24px;text-transform:uppercase}h2{color:var(--foreground);font-size:clamp(34px,5vw,62px);letter-spacing:0;line-height:.98}h3{color:var(--foreground);font-size:18px;letter-spacing:0;line-height:1.2}.hero-text,.section-heading p,.split-section p,.security-copy p,.pilot-section p{color:var(--muted);font-size:18px;line-height:1.62}.button{align-items:center;border:0;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:15px;font-weight:760;gap:10px;justify-content:center;min-height:54px;padding:0 22px;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.button:hover{transform:translateY(-1px)}.button span{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.button-primary{background:var(--foreground);color:#fff}.button-primary:hover{background:#26312c}.button-secondary{background:var(--surface);border:1px solid var(--border);color:var(--foreground)}.button-secondary:hover{border-color:var(--border-strong)}.hero-section{background:linear-gradient(135deg,rgba(217,244,238,.86),transparent 36%),linear-gradient(180deg,#fbfcfa,#f4f7f3);border-bottom:1px solid var(--border);display:flex;flex-direction:column;min-height:100vh;min-height:100svh;padding:30px 40px}.topbar{align-items:center;display:flex;gap:24px;justify-content:space-between;width:100%}.brand,.nav-links,.hero-actions{align-items:center;display:flex}.brand{font-family:var(--brand-font);font-size:18px;font-variant-caps:all-small-caps;font-weight:820;gap:10px;text-transform:uppercase}.brand-mark{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);display:inline-flex;height:44px;justify-content:center;width:44px}.brand-mark img{height:30px;object-fit:contain;width:30px}.nav-links{background:#ffffffbd;border:1px solid var(--border);border-radius:999px;box-shadow:0 8px 24px #12211b0d;color:var(--muted-strong);font-size:16px;gap:4px;padding:7px}.nav-links a{border-radius:999px;padding:12px 18px}.nav-links a:hover{background:var(--surface-muted)}.nav-cta{background:transparent;border:1px solid var(--border-strong);border-radius:999px;color:var(--muted-strong);cursor:pointer;font:inherit;font-size:16px;font-weight:660;padding:14px 20px}.theme-toggle{align-items:center;background:transparent;border:1px solid var(--border-strong);border-radius:999px;color:var(--muted-strong);cursor:pointer;display:inline-flex;height:44px;justify-content:center;padding:0;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;width:44px}.theme-toggle:hover{background:var(--surface-muted);transform:translateY(-1px)}.theme-toggle-icon{border:2px solid currentColor;border-radius:999px;display:block;height:17px;position:relative;width:17px}.theme-toggle-icon:after{background:var(--background);border-radius:999px;content:"";height:12px;position:absolute;right:-4px;top:-3px;width:12px}body[data-theme=dark] .theme-toggle-icon:after{background:var(--surface)}body[data-theme=dark] .theme-toggle-icon{box-shadow:0 -8px 0 -6px currentColor,0 8px 0 -6px currentColor,8px 0 0 -6px currentColor,-8px 0 0 -6px currentColor}.hero-grid{align-items:center;display:grid;flex:1;gap:72px;grid-template-columns:minmax(0,.78fr) minmax(600px,1.22fr);width:100%;padding-top:0}.hero-copy{max-width:680px}.hero-subtitle{color:var(--foreground);font-size:clamp(34px,3.45vw,52px);font-weight:710;letter-spacing:0;line-height:1.06;max-width:780px}.hero-text{font-size:20px;margin-top:20px;max-width:650px}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px}.hero-visual{min-width:0}.access-map-shell{background:#ffffffe0;border:1px solid rgba(184,200,189,.7);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);overflow:hidden}.access-map-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;min-width:760px;padding:22px 24px}.access-map-header strong{color:var(--foreground);display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:18px;margin-top:4px}.mini-expand-button{background:var(--foreground);border:0;border-radius:999px;color:#fff;cursor:pointer;font:inherit;font-size:14px;font-weight:760;min-height:42px;padding:0 18px}.access-map{min-width:760px;min-height:520px;overflow:hidden;padding:32px;position:relative}.map-glow{display:none;background:radial-gradient(circle,rgba(15,118,110,.2),transparent 58%),radial-gradient(circle at 60% 40%,rgba(36,107,254,.15),transparent 46%);border-radius:var(--radius-md);inset:96px 118px 112px;position:absolute;z-index:0}.map-cluster{display:grid;gap:12px;position:absolute;width:168px;z-index:3}.map-cluster>span{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;font-weight:760;padding-left:4px;text-transform:uppercase}.map-cluster-callers .map-node,.map-cluster-systems .map-node{margin-top:10px}.map-cluster-callers>span+.map-node,.map-cluster-systems>span+.map-node{margin-top:0}.map-cluster-callers{left:32px;top:74px}.map-cluster-systems{right:32px;top:74px}.map-cluster-llms{bottom:34px;gap:8px;grid-template-columns:repeat(2,1fr);left:50%;transform:translate(-50%);width:190px}.map-cluster-identity{gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));left:50%;top:26px;transform:translate(-50%);width:330px}.map-cluster-identity>span{grid-column:1 / -1;padding-left:0;text-align:center}.map-cluster-llms>span{grid-column:1 / -1;padding-left:0;text-align:center}.map-node{background:#ffffffe6;border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 8px 26px #12211b12;color:var(--muted-strong);cursor:pointer;font:inherit;font-size:14px;font-weight:760;min-height:44px;padding:10px 13px;text-align:left;transition:border-color .18s ease,box-shadow .18s ease,color .18s ease,transform .18s ease}.map-node:before{background:var(--component-soft, var(--surface-muted));border:1px solid color-mix(in srgb,var(--component-color, var(--border-strong)) 22%,transparent);border-radius:999px;content:"";display:inline-block;height:9px;margin-right:10px;width:9px}.map-node:hover,.map-node.is-active{border-color:color-mix(in srgb,var(--component-color, var(--accent)) 42%,var(--border));box-shadow:0 12px 30px #12211b1f;color:var(--foreground);transform:translateY(-1px)}.caller-human,.caller-slack,.caller-service,.caller-webhook,.caller-schedule{--component-color: var(--component-caller);--component-soft: var(--component-caller-soft)}.system-api,.system-db,.system-external,.system-stripe,.system-salesforce{--component-color: var(--component-connector);--component-soft: var(--component-connector-soft)}.llm-node{--component-color: var(--component-agent);--component-soft: var(--component-agent-soft);align-items:center;display:flex;font-size:13px;justify-content:center;min-height:36px;padding:8px 10px;text-align:center}.identity-node{--component-color: var(--component-identity);--component-soft: var(--component-identity-soft);align-items:center;display:flex;font-size:12px;justify-content:center;min-height:36px;padding:8px 9px;text-align:center}.hal8-core{align-items:center;background:radial-gradient(circle at 50% 8%,rgba(134,239,225,.15),transparent 38%),linear-gradient(135deg,rgba(255,255,255,.08),transparent 34%,rgba(0,0,0,.24)),linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),#101513;background-size:auto,auto,20px 20px,20px 20px,auto;border:1px solid rgba(217,244,238,.34);border-radius:28px;box-shadow:0 26px 70px #12211b3d,inset 0 0 0 1px #ffffff14;color:#fff;display:grid;gap:12px;justify-items:center;left:50%;min-height:248px;padding:22px 24px;position:absolute;top:50%;transform:translate(-50%,-50%);width:244px;z-index:4}.hal8-core-logo{filter:brightness(0) invert(1);height:124px;object-fit:contain;position:relative;width:124px;z-index:1}.hal8-core-agent{align-items:center;background:#e8eeff1a;border:1px solid rgba(190,202,255,.3);border-radius:var(--radius-sm);color:#edf2ff;display:flex;gap:9px;min-height:40px;padding:7px 10px;position:relative;width:100%;z-index:1}.hal8-core-agent>span{align-items:center;background:var(--component-agent);border-radius:6px;color:#fff;display:inline-flex;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:850;height:24px;justify-content:center;width:24px}.hal8-core-agent strong{color:#edf2ff;font-family:inherit;font-size:12px;line-height:1}.core-ring{border:1px solid rgba(134,239,225,.34);border-radius:34px;inset:-10px;position:absolute}.core-kicker{color:#d9f4ee9e;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:760;letter-spacing:.06em;text-transform:uppercase}.hal8-core-brand{align-items:center;display:flex;gap:10px;justify-content:center}.hal8-core-brand img{background:#fff;border-radius:8px;height:38px;object-fit:contain;padding:5px;width:38px}.hal8-core strong{font-family:var(--brand-font);font-size:54px;line-height:.9}.hal8-core .hal8-core-agent strong{color:#edf2ff;font-family:inherit;font-size:12px;font-weight:780;line-height:1;white-space:nowrap}.agent-chip{align-items:center;background:#e8eeff1a;border:1px solid rgba(190,202,255,.24);border-radius:var(--radius-sm);color:#edf2ff;display:flex;gap:10px;min-height:42px;padding:8px 10px;width:100%}.agent-chip span{align-items:center;background:var(--component-agent);border-radius:6px;color:#fff;display:inline-flex;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;font-weight:820;height:26px;justify-content:center;width:30px}.agent-chip small{color:#edf2ff;font-size:14px;font-weight:800}.core-controls{align-items:center;border-top:1px solid rgba(255,255,255,.1);color:#d9f4eebd;display:flex;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:760;justify-content:space-between;padding-top:10px;text-transform:uppercase;width:100%}.core-controls span+span{border-left:1px solid rgba(255,255,255,.12);padding-left:12px}.map-routes{inset:0;overflow:visible;pointer-events:none;position:absolute;z-index:2}.route-path,.model-path{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;transition:opacity .24s ease,stroke .24s ease,stroke-dasharray .24s ease}.identity-path{fill:none;opacity:.58;stroke:#9a650057;stroke-dasharray:6 7;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.identity-path.is-active{animation:routeFlow 1.25s linear infinite,routePulse 2.2s ease-in-out infinite;opacity:1;stroke:#9a6500db;stroke-dasharray:11 8;stroke-width:2.5}.route-path{opacity:.58;stroke:#5f6f6752;stroke-dasharray:6 7}.model-path{opacity:.58;stroke:#3f63d857;stroke-dasharray:6 7}.route-path.is-active{animation:routeFlow 1.1s linear infinite,routePulse 2s ease-in-out infinite;opacity:1;stroke:#0f766ef5;stroke-dasharray:12 8;stroke-dashoffset:0;stroke-width:2.5}.model-path.is-active{animation:modelFlow 1.35s linear infinite,routePulse 2.2s ease-in-out infinite;opacity:1;stroke:#3f63d8db;stroke-dasharray:10 10;stroke-dashoffset:0;stroke-width:3}.access-map-footer{background:#f8faf7;border-top:1px solid var(--border);display:grid;gap:1px;grid-template-columns:repeat(3,1fr);min-width:760px}.access-map-footer span{background:var(--surface);color:var(--muted-strong);font-size:13px;font-weight:710;line-height:1.35;padding:15px}.story-path{background:linear-gradient(90deg,transparent max(24px,calc((100vw - var(--container)) / 2 + 10px)),rgba(15,118,110,.12) max(24px,calc((100vw - var(--container)) / 2 + 10px)),rgba(15,118,110,.12) calc(max(24px,(100vw - var(--container)) / 2 + 10px) + 1px),transparent max(24px,(100vw - var(--container)) / 2 + 11px));position:relative}.story-connection-path{fill:none;opacity:.28;stroke:var(--accent);stroke-dasharray:6 8;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.story-connection-path.is-active{animation:storyPathFlow 1.25s linear infinite;opacity:1;stroke:var(--accent-strong);stroke-dasharray:12 8;stroke-width:3}.story-segment-path{opacity:.48}.story-section>*{position:relative;z-index:1}.caller-source.is-story-active,.invocation-flow-step.is-story-active,.agent-boundary-node.is-story-active,.connector-board span.is-story-active{border-color:#0f766ec7;box-shadow:0 0 0 4px #0f766e1f,0 12px 28px #12211b1f}.connector-board span.is-story-active{background:#f5fbf8}@media(prefers-reduced-motion:reduce){.story-connection-path.is-active{animation:none}}.story-section{position:relative}.story-section+.story-section:before{background:var(--accent);content:"";height:36px;left:max(24px,calc((100vw - var(--container)) / 2 + 10px));position:absolute;top:-18px;width:2px}.story-section-heading{align-items:flex-start;background:var(--background);display:grid;gap:18px;grid-template-columns:46px minmax(0,1fr);padding-block:4px}.story-step{align-items:center;background:var(--accent);border:6px solid var(--background);border-radius:999px;box-shadow:0 0 0 1px #0f766e4d;color:#fff;display:inline-flex;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;font-weight:850;height:38px;justify-content:center;margin-top:4px;position:relative;width:38px;z-index:2}.story-section-heading .section-heading{margin-bottom:28px}.callers-section{padding-bottom:78px;padding-top:82px}.callers-stage{align-items:center;display:grid;gap:26px;grid-template-columns:minmax(0,1fr) minmax(130px,.22fr) minmax(180px,.34fr);margin-left:64px}.caller-source-grid{display:grid;gap:10px;grid-template-columns:repeat(5,minmax(0,1fr))}.caller-source{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-tight);min-width:0;padding:14px 12px}.caller-source-icon{align-items:center;background:var(--component-caller-soft);border-radius:7px;color:var(--component-caller);display:inline-flex;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:850;height:28px;justify-content:center;width:28px}.caller-source strong,.caller-source small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.caller-source strong{color:var(--foreground);font-size:13px;margin-top:12px}.caller-source small{color:var(--muted);font-size:10px;margin-top:3px}.caller-source-slack .caller-source-icon{background:var(--amber-soft);color:var(--amber)}.caller-source-backend .caller-source-icon,.caller-source-webhook .caller-source-icon{background:var(--blue-soft);color:var(--blue)}.callers-exit{align-items:center;display:flex;gap:8px}.callers-exit-line{background:var(--accent);height:2px;flex:1}.callers-exit-arrow{color:var(--accent-strong);font-size:22px;font-weight:800}.story-boundary-chip{background:var(--surface-muted);border:1px dashed var(--border-strong);border-radius:var(--radius-md);padding:16px}.story-boundary-chip span,.story-boundary-chip small{display:block}.story-boundary-chip span{color:var(--muted-strong);font-size:13px;font-weight:820;text-transform:uppercase}.story-boundary-chip small{color:var(--muted);font-size:11px;line-height:1.35;margin-top:4px}.invocation-section{max-width:1320px;padding-top:96px}.invocation-layout{align-items:stretch;display:grid;gap:18px;grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr)}.invocation-side-stack{display:grid;gap:18px}.invocation-diagram{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);overflow:hidden}.invocation-diagram-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 18px}.invocation-diagram-header span,.invocation-diagram-header small{font-size:12px;font-weight:780}.invocation-diagram-header span{color:var(--muted-strong);text-transform:uppercase}.invocation-diagram-header small{color:var(--muted)}.invocation-flow{align-items:center;display:grid;gap:12px;grid-template-columns:minmax(120px,1fr) minmax(28px,.25fr) minmax(180px,1.4fr) minmax(28px,.25fr) minmax(120px,1fr);min-height:250px;padding:30px 24px 68px;position:relative}.invocation-flow-step{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 10px 26px #12211b14;min-width:0;padding:14px;position:relative;z-index:2}.invocation-flow-step strong,.invocation-flow-step small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invocation-flow-step strong{color:var(--foreground);font-size:14px;margin-top:12px}.invocation-flow-step small{color:var(--muted);font-size:11px;line-height:1.35;margin-top:4px}.invocation-step-index{align-items:center;background:var(--surface-muted);border-radius:6px;color:var(--muted-strong);display:inline-flex;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;font-weight:820;height:28px;justify-content:center;width:28px}.invocation-gateway-step{background:#f5fbf8;border-color:#0f766e61;box-shadow:0 0 0 4px #0f766e14,0 14px 30px #12211b1a}.invocation-gateway-step .invocation-step-index{background:var(--accent);color:#fff}.invocation-agent-step .invocation-step-index{background:var(--blue-soft);color:var(--blue)}.invocation-flow-line{background:var(--accent);height:2px;position:relative;z-index:1}.invocation-flow-line:after{border-bottom:4px solid transparent;border-left:6px solid var(--accent);border-top:4px solid transparent;content:"";position:absolute;right:-1px;top:-3px}.invocation-idp-panel{background:var(--amber-soft);border:1px solid rgba(184,107,0,.26);border-radius:var(--radius-lg);display:grid;gap:6px;padding:22px}.invocation-idp-panel span,.invocation-idp-panel strong,.invocation-idp-panel small{display:block}.invocation-idp-panel span{color:#795000;font-size:11px;font-weight:820;text-transform:uppercase}.invocation-idp-panel strong{color:#674600;font-size:16px}.invocation-idp-panel small{color:#946b2a;font-size:11px;line-height:1.4}.invocation-points{border:1px solid var(--border);border-radius:var(--radius-lg);display:grid;overflow:hidden}.invocation-points>div{background:var(--surface);display:grid;gap:6px;padding:22px}.invocation-points>div+div{border-top:1px solid var(--border)}.invocation-points strong{color:var(--foreground);font-size:15px}.invocation-points span{color:var(--muted);font-size:13px;line-height:1.45}@keyframes routeFlow{to{stroke-dashoffset:-20}}@keyframes modelFlow{to{stroke-dashoffset:-20}}@keyframes routePulse{0%,to{opacity:.72}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.route-path.is-active,.model-path.is-active,.identity-path{animation:none;opacity:1}}.flow-shell{background:#ffffffd6;border:1px solid rgba(184,200,189,.7);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);overflow:hidden}.flow-header,.trace-toolbar{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between}.flow-header{color:var(--muted-strong);font-size:14px;font-weight:680;padding:18px 20px}.health-dot{align-items:center;color:var(--accent-strong);display:inline-flex;gap:8px}.health-dot:before{background:var(--accent);border-radius:50%;box-shadow:0 0 0 5px var(--accent-soft);content:"";height:8px;width:8px}.flow-map{display:grid;gap:18px;grid-template-columns:repeat(5,minmax(96px,1fr));padding:34px 24px 26px;position:relative}.flow-map:before{background:linear-gradient(90deg,transparent,var(--border-strong),transparent);content:"";height:2px;left:54px;position:absolute;right:54px;top:50%}.flow-node{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);min-height:132px;padding:18px;position:relative;z-index:1}.component-icon{align-items:center;background:var(--component-soft, var(--surface-muted));border:1px solid color-mix(in srgb,var(--component-color, var(--border-strong)) 28%,transparent);border-radius:var(--radius-sm);color:var(--component-color, var(--muted-strong));display:inline-flex;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;font-weight:820;height:30px;justify-content:center;letter-spacing:0;line-height:1;margin-bottom:16px;width:30px}.flow-node span,.console-label{color:var(--muted);display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;letter-spacing:0;margin-bottom:10px;text-transform:uppercase}.flow-node .component-icon{color:var(--component-color, var(--muted-strong));display:inline-flex;margin-bottom:16px}.flow-node strong{display:block;font-size:16px;line-height:1.25}.flow-node[class*=component-]{border-color:color-mix(in srgb,var(--component-color, var(--border-strong)) 32%,var(--border));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--component-color, transparent) 8%,transparent)}.component-caller{--component-color: var(--component-caller);--component-soft: var(--component-caller-soft)}.component-gateway{--component-color: var(--component-gateway);--component-soft: var(--component-gateway-soft)}.component-agent{--component-color: var(--component-agent);--component-soft: var(--component-agent-soft)}.component-connector{--component-color: var(--component-connector);--component-soft: var(--component-connector-soft)}.component-resource{--component-color: var(--component-resource);--component-soft: var(--component-resource-soft)}.decision-strip{background:#f8faf7;border-top:1px solid var(--border);display:grid;gap:1px;grid-template-columns:1fr 1fr}.decision-strip div{background:var(--surface);padding:20px 22px}.decision-strip p{color:var(--muted-strong);font-size:14px;line-height:1.45;margin-top:10px}.status{border-radius:999px;display:inline-flex;font-size:12px;font-weight:760;line-height:1;padding:8px 10px}.status-allow,.status-allowed,.status-verified,.status-scoped,.status-resumed{background:var(--accent-soft);color:var(--accent-strong)}.status-gate,.status-gated{background:var(--amber-soft);color:var(--amber)}.agent-section{max-width:1320px;padding-top:72px}.agent-boundary-layout{align-items:stretch;display:grid;gap:18px;grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr)}.agent-boundary-diagram{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);overflow:hidden}.agent-boundary-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 18px}.agent-boundary-header span,.agent-boundary-header small{font-size:12px;font-weight:780}.agent-boundary-header span{color:var(--muted-strong);text-transform:uppercase}.agent-boundary-header small{color:var(--muted)}.agent-boundary-scene{background-color:#fbfcfa;background-image:radial-gradient(#dce5df .8px,transparent .8px);background-size:18px 18px;height:300px;min-width:760px;overflow:hidden;position:relative}.agent-boundary-lines{height:100%;inset:0;overflow:visible;pointer-events:none;position:absolute;width:100%;z-index:1}.agent-loop-path{fill:none;stroke:var(--accent);stroke-dasharray:12 8;stroke-linecap:round;stroke-linejoin:round;stroke-width:3}.agent-loop-bottom{opacity:.48}.agent-direct-path{fill:none;opacity:.18;stroke:var(--muted-strong);stroke-dasharray:4 8;stroke-linecap:round;stroke-width:2}.agent-boundary-node{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 12px 28px #12211b1a;display:grid;min-height:66px;padding:12px 14px;position:absolute;text-align:center;transform:translate(-50%,-50%);width:150px;z-index:2}.agent-boundary-node span,.agent-boundary-node small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-boundary-node span{color:var(--foreground);font-size:14px;font-weight:800}.agent-boundary-node small{color:var(--muted);font-size:10px;margin-top:4px}.agent-gateway-node{border-color:#0f766e61;left:16%;top:50%}.agent-runtime-node{background:#f0f4ff;border:1px dashed rgba(63,99,216,.6);box-shadow:0 0 0 7px #3f63d814,0 12px 28px #12211b1a;left:50%;top:50%;width:176px}.agent-connector-node{border-color:#15724f61;left:84%;top:50%}.agent-boundary-label{background:#ffffffe6;border:1px solid var(--border);border-radius:999px;color:var(--muted-strong);font-size:10px;font-weight:820;padding:6px 9px;position:absolute;text-transform:uppercase;z-index:3}.agent-boundary-label-top{left:50%;top:17px;transform:translate(-50%)}.agent-boundary-label-bottom{bottom:17px;left:50%;transform:translate(-50%)}.agent-boundary-points{border:1px solid var(--border);border-radius:var(--radius-lg);display:grid;overflow:hidden}.agent-boundary-points>div{background:var(--surface);display:grid;gap:6px;padding:22px}.agent-boundary-points>div+div{border-top:1px solid var(--border)}.agent-boundary-points strong{color:var(--foreground);font-size:15px}.agent-boundary-points span{color:var(--muted);font-size:13px;line-height:1.45}.demo-section{padding-bottom:112px;padding-top:84px}.demo-goal-layout{align-items:center;display:grid;gap:36px;grid-template-columns:minmax(0,1.4fr) minmax(260px,.7fr);margin-left:64px}.demo-goal-visual{align-items:center;background:radial-gradient(circle at center,rgba(15,118,110,.26),transparent 42%),#101513;border:1px solid #27352f;border-radius:var(--radius-lg);display:grid;min-height:280px;overflow:hidden;place-items:center;position:relative}.demo-goal-ring{border:1px solid rgba(134,239,225,.48);border-radius:999px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.demo-goal-ring-outer{animation:goalPulse 2.8s ease-in-out infinite;height:210px;width:210px}.demo-goal-ring-inner{animation:goalPulse 2.8s ease-in-out .45s infinite;height:154px;opacity:.7;width:154px}.demo-goal-core{align-items:center;color:#fff;display:grid;justify-items:center;position:relative;text-align:center;z-index:1}.demo-goal-check{align-items:center;background:var(--accent);border-radius:999px;box-shadow:0 0 0 8px #0f766e29,0 0 34px #86efe166;display:inline-flex;font-size:24px;font-weight:850;height:56px;justify-content:center;width:56px}.demo-goal-core strong{font-size:19px;margin-top:18px}.demo-goal-core small{color:#ffffff9e;font-size:12px;margin-top:5px}.demo-goal-copy{display:grid;gap:24px}.demo-goal-copy>div{display:grid;gap:8px}.demo-goal-copy strong{color:var(--foreground);font-size:17px}.demo-goal-copy span{color:var(--muted);font-size:14px;line-height:1.5}@keyframes goalPulse{0%,to{opacity:.38;transform:translate(-50%,-50%) scale(.94)}50%{opacity:.9;transform:translate(-50%,-50%) scale(1.04)}}@media(prefers-reduced-motion:reduce){.demo-goal-ring-outer,.demo-goal-ring-inner{animation:none;opacity:.72}}.trace-section{max-width:1320px;padding-top:64px}.trace-console{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);color:var(--foreground);overflow:hidden}.trace-toolbar{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:18px;justify-content:space-between;padding:18px 22px}.trace-toolbar strong{display:block;color:var(--foreground);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:17px;margin-top:4px}.trace-summary{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.trace-summary span{background:var(--surface-muted);border:1px solid var(--border);border-radius:999px;color:var(--muted-strong);font-size:12px;font-weight:680;padding:8px 10px}.trace-inspector{align-items:center;background:var(--surface-strong);color:#fff;display:grid;gap:18px;grid-template-columns:minmax(0,1fr) minmax(400px,1.3fr);min-width:0;padding:18px 22px}.trace-inspector-main{min-width:0}.trace-inspector-main>span{color:#86ead9;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;font-weight:760;text-transform:uppercase}.trace-inspector h3{color:#fff;font-size:23px;line-height:1.05;margin-top:5px}.trace-inspector p{color:#ffffffad;font-size:13px;line-height:1.5;margin-top:8px;max-width:560px}.trace-highlight-row{display:flex;flex-wrap:wrap;gap:8px;min-width:0}.trace-data-card{background:#ffffff12;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-sm);min-width:132px;padding:9px 11px}.trace-data-card.wide{flex:1 1 190px}.trace-data-card small{color:#ffffff8a;display:block;font-size:10px;font-weight:800;text-transform:uppercase}.trace-data-card strong{color:#fff;display:block;font-size:12px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trace-layout{display:grid;gap:1px;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);min-width:0}.trace-map-panel,.trace-timeline{background:#f8faf7;min-width:0;padding:24px}.trace-map-panel{border-right:1px solid var(--border)}.trace-panel-heading{align-items:baseline;display:flex;gap:10px;justify-content:space-between;margin-bottom:14px}.trace-panel-heading span{color:var(--muted-strong);font-size:12px;font-weight:820;text-transform:uppercase}.trace-panel-heading small{color:var(--muted);font-size:11px}.trace-map{background-color:#fff;background-image:radial-gradient(#dce5df .8px,transparent .8px);background-size:18px 18px;border:1px solid var(--border);border-radius:var(--radius-md);height:360px;min-width:760px;overflow:hidden;position:relative}.trace-map-lines{height:100%;inset:0;overflow:visible;pointer-events:none;position:absolute;width:100%;z-index:2}.trace-map-lines path{fill:none;opacity:.28;stroke:#718078;stroke-dasharray:6 7;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;transition:opacity .18s ease,stroke .18s ease,stroke-width .18s ease}.trace-map-lines path.is-active{animation:traceEdgeFlow 1.15s linear infinite;opacity:1;stroke:var(--accent);stroke-dasharray:12 8;stroke-width:3}.trace-zone{border:1px solid;border-radius:var(--radius-sm);bottom:18px;padding:12px;position:absolute;top:18px;z-index:1}.trace-zone-external{background:#fff7e3bd;border-color:#b86b0047;left:1.5%;width:20%}.trace-zone-hal8{background:#d9f4ee7a;border-color:#0f766e52;left:25.5%;width:24%}.trace-zone-agent{background:#e4eaff85;border-color:#3f63d847;left:51.5%;width:24%}.trace-zone-internal{background:#dcf3e78f;border-color:#15724f47;left:77.5%;width:21%}.trace-zone-label{color:var(--muted-strong);display:block;font-size:10px;font-weight:820;letter-spacing:.03em;text-transform:uppercase}.trace-zone-stack{display:grid;gap:16px;height:calc(100% - 24px);place-content:center}.trace-thing{align-items:center;background:#fffffff0;border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 8px 20px #12211b0f;display:grid;gap:9px;grid-template-columns:auto minmax(0,1fr);min-height:62px;padding:9px;position:relative;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;z-index:3}.trace-thing.is-active{border-color:#0f766ebf;box-shadow:0 0 0 3px #0f766e24,0 12px 26px #12211b1f;transform:translateY(-1px)}.trace-thing-icon{align-items:center;background:var(--surface-muted);border-radius:6px;color:var(--muted-strong);display:inline-flex;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:850;height:30px;justify-content:center;width:30px}.trace-thing strong,.trace-thing small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trace-thing strong{color:var(--foreground);font-size:12px}.trace-thing small{color:var(--muted);font-size:10px;margin-top:3px}.trace-node-gateway .trace-thing-icon,.trace-node-connector .trace-thing-icon{background:var(--accent-soft);color:var(--accent-strong)}.trace-node-agent .trace-thing-icon,.trace-node-model .trace-thing-icon{background:var(--blue-soft);color:var(--blue)}.trace-node-resource .trace-thing-icon{background:var(--component-connector-soft);color:var(--component-connector)}.trace-caption{color:var(--muted);font-size:12px;line-height:1.45;margin:12px 2px 0}.trace-timeline{background:var(--surface)}.trace-span-list{display:grid;gap:8px}.trace-span-row{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--foreground);cursor:pointer;display:grid;gap:2px 10px;grid-template-columns:30px minmax(0,1fr);padding:10px;text-align:left;transition:background .18s ease,border-color .18s ease,transform .18s ease;width:100%}.trace-span-row:hover,.trace-span-row.active{background:#f5fbf8;border-color:#0f766e85;transform:translate(2px)}.trace-span-row>span{align-items:center;background:var(--surface-muted);border-radius:6px;color:var(--muted-strong);display:inline-flex;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;font-weight:850;grid-row:1 / 3;height:30px;justify-content:center;width:30px}.trace-span-row.active>span{background:var(--accent);color:#fff}.trace-span-row strong,.trace-span-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trace-span-row strong{font-size:13px}.trace-span-row small{color:var(--muted);font-size:11px}@keyframes traceEdgeFlow{to{stroke-dashoffset:-20}}@media(prefers-reduced-motion:reduce){.trace-map-lines path.is-active{animation:none}}@media(max-width:900px){.trace-inspector,.trace-layout{grid-template-columns:1fr}.trace-map-panel{border-bottom:1px solid var(--border);border-right:0}}@media(max-width:720px){.trace-map-panel{overflow-x:auto}.trace-toolbar{align-items:flex-start;flex-direction:column}}.compare-section{padding-top:48px}.compare-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));position:relative}.compare-group{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;padding:0}.compare-link{background:linear-gradient(90deg,#0f766e00,#0f766e6b,#0f766e00);height:1px;left:calc(50% - 14px);pointer-events:none;position:absolute;width:28px;z-index:2}.compare-link:nth-of-type(1){top:143px}.compare-link:nth-of-type(2){top:321px}.compare-link:nth-of-type(3){top:499px}.compare-link:nth-of-type(4){top:677px}.compare-without{background:#f2f4f0;border-color:#d7ded7;color:var(--muted-strong)}.compare-with{background:linear-gradient(180deg,#fff,#f5fbf8);border-color:#0f766e4d;box-shadow:var(--shadow-tight)}.compare-group-header{align-items:center;border-bottom:1px solid rgba(184,200,189,.48);display:flex;font-size:13px;font-weight:820;justify-content:space-between;line-height:1;padding:20px 24px;text-transform:uppercase}.compare-group-header:after{border-radius:999px;content:"";height:8px;width:8px}.compare-without .compare-group-header{color:#53635a}.compare-without .compare-group-header:after{background:#aeb9b1}.compare-with .compare-group-header{color:var(--accent-strong)}.compare-with .compare-group-header:after{background:var(--accent);box-shadow:0 0 0 5px var(--accent-soft)}.compare-card{min-height:178px;padding:24px}.compare-card+.compare-card{border-top:1px solid rgba(184,200,189,.48)}.compare-card h3{font-size:24px;line-height:1.08;max-width:460px}.compare-card p{color:var(--muted);font-size:16px;line-height:1.55;margin-top:14px;max-width:520px}.capability-grid{display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}.capability-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-tight);min-height:178px;padding:24px}.capability-card p{color:var(--muted);font-size:15px;line-height:1.55;margin-top:12px}.connector-section{padding-top:48px}.connector-layout{align-items:stretch;display:grid;gap:18px;grid-template-columns:minmax(0,1fr) minmax(340px,.76fr)}.split-section p,.security-copy p{margin-top:20px}.connector-board{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.connector-board span{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-tight);color:var(--muted-strong);display:flex;font-size:16px;font-weight:710;min-height:86px;padding:20px}.connector-board span:before{background:var(--blue-soft);border:1px solid rgba(36,107,254,.22);border-radius:var(--radius-sm);content:"";height:24px;margin-right:14px;width:24px}.connector-code{background:#101513;border:1px solid #27352f;border-radius:var(--radius-lg);box-shadow:var(--shadow-tight);color:#d9f4ee;min-width:0;padding:24px}.connector-code pre{margin:18px 0 0;overflow-x:auto}.connector-code code{color:#d9f4ee;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.72;white-space:pre}.security-band{align-items:center;background:var(--surface-strong);border-radius:var(--radius-lg);color:#fff;display:grid;gap:48px;grid-template-columns:minmax(0,.95fr) minmax(340px,1.05fr);margin-bottom:36px;margin-top:36px;max-width:calc(var(--container) - 48px)}.security-band .eyebrow{color:#86efe1}.security-band h2{color:#fff}.security-copy p{color:#c2d0c8}.security-stack{display:grid;gap:12px}.security-stack div{background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);display:grid;gap:8px;padding:20px}.security-stack strong{color:#fff;font-size:17px}.security-stack span{color:#b9c9c1;font-size:14px;line-height:1.45}.pilot-section{align-items:end;display:flex;gap:28px;justify-content:space-between;padding-top:48px}.pilot-section .section-heading{margin-bottom:0}.demo-modal[hidden]{display:none}.demo-modal{align-items:center;display:flex;inset:0;justify-content:center;opacity:0;padding:32px;position:fixed;transition:opacity .22s ease,visibility .22s ease;visibility:hidden;z-index:100}.demo-modal.is-open{opacity:1;visibility:visible}.demo-modal.is-closing{opacity:0;pointer-events:none;visibility:visible}.demo-modal-backdrop{background:#1015137a;inset:0;opacity:0;position:absolute;transition:opacity .22s ease}.demo-modal.is-open .demo-modal-backdrop{opacity:1}.demo-modal-panel{background:var(--surface);border:1px solid rgba(184,200,189,.72);border-radius:var(--radius-lg);box-shadow:0 34px 100px #12211b47;display:grid;gap:28px;grid-template-columns:minmax(0,.82fr) minmax(420px,1fr);max-height:calc(100vh - 64px);max-width:980px;overflow:auto;padding:34px;position:relative;opacity:0;transform:translateY(18px) scale(.98);transition:opacity .24s ease,transform .24s cubic-bezier(.22,1,.36,1);width:100%;z-index:1}.demo-modal.is-open .demo-modal-panel{opacity:1;transform:translateY(0) scale(1)}.demo-modal.is-closing .demo-modal-panel{opacity:0;transform:translateY(12px) scale(.985)}.demo-modal-close{align-items:center;background:var(--surface-strong);border:0;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font:inherit;font-size:16px;font-weight:760;height:36px;justify-content:center;position:absolute;right:18px;top:18px;width:36px}.demo-modal-copy{align-self:start;padding-right:18px;padding-top:24px}.demo-modal-brand{align-items:center;color:var(--foreground);display:inline-flex;font-family:var(--brand-font);font-size:24px;font-weight:800;gap:8px;line-height:1;margin-bottom:28px}.demo-modal-brand img{background:var(--surface-muted);border:1px solid var(--border);border-radius:8px;height:32px;object-fit:contain;padding:4px;width:32px}.demo-modal-copy h2{font-size:clamp(38px,4vw,56px)}.demo-modal-copy p{color:var(--muted);font-size:17px;line-height:1.6;margin-top:18px}.demo-form{display:grid;gap:14px}.demo-form label,.demo-form fieldset{display:grid;gap:8px}.demo-form label span,.demo-form legend{color:var(--muted-strong);font-size:13px;font-weight:760}.demo-form input,.demo-form select,.demo-form textarea{background:#fbfcfa;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--foreground);font:inherit;font-size:15px;min-height:46px;padding:11px 12px;width:100%}.demo-form textarea{line-height:1.5;resize:vertical}.demo-form input:focus,.demo-form select:focus,.demo-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);outline:0}.demo-form fieldset{border:1px solid var(--border);border-radius:var(--radius-md);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:14px}.demo-form legend{grid-column:1 / -1;padding:0 4px}.demo-form fieldset label{align-items:center;background:#fbfcfa;border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;gap:8px;min-height:42px;padding:10px}.demo-form fieldset input{min-height:0;padding:0;width:auto}.demo-form .button{margin-top:4px;width:100%}.demo-form-status{color:var(--muted);font-size:14px;line-height:1.45;min-height:20px}.demo-form-status[data-state=success]{color:var(--accent-strong)}.demo-form-status[data-state=error]{color:#9f3a21}@media(max-width:980px){.hero-grid,.trace-layout,.invocation-layout,.agent-boundary-layout,.demo-goal-layout,.connector-layout,.split-section,.security-band{grid-template-columns:1fr}.hero-grid{padding-top:64px}.flow-map{gap:12px;grid-template-columns:1fr;padding:24px 22px 20px}.flow-map:before{height:auto;inset:54px auto 54px 50%;width:2px}.flow-node{min-height:86px;padding:16px}.capability-grid{grid-template-columns:repeat(2,1fr)}.pilot-section{align-items:flex-start;flex-direction:column}.demo-modal-panel{grid-template-columns:1fr}.demo-modal-copy{padding-right:42px;padding-top:0}}@media(max-width:720px){.hero-section{padding:18px 16px 54px}.topbar{align-items:stretch;flex-direction:column;gap:14px}.nav-links{justify-content:space-between;overflow-x:auto;width:100%}.nav-cta{display:none}.hero-grid{gap:28px;padding-top:42px}.access-map-header{align-items:flex-start;gap:14px}.access-map-shell{overflow-x:auto;overflow-y:hidden}.flow-map{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));padding:18px 14px}.flow-map:before{display:none}.flow-node{border-radius:var(--radius-sm);min-height:88px;padding:12px}.flow-node.component-resource{grid-column:1 / -1}.flow-node span{font-size:10px;margin-bottom:8px}.flow-node strong{font-size:14px;line-height:1.18}.decision-strip,.connector-board,.capability-grid,.compare-grid{grid-template-columns:1fr}.compare-link{display:none}.hero-actions,.mini-metrics{align-items:stretch;flex-direction:column}.button{width:100%}.demo-modal{align-items:stretch;padding:14px}.demo-modal-panel{border-radius:var(--radius-md);max-height:calc(100vh - 28px);padding:24px 18px}.demo-modal-copy h2{font-size:32px}.demo-form fieldset{grid-template-columns:1fr}.section{padding:72px 16px}.trace-toolbar{align-items:flex-start;flex-direction:column;gap:16px}.agent-boundary-diagram{overflow-x:auto}.callers-stage,.demo-goal-layout{margin-left:0}.callers-stage{grid-template-columns:1fr}.caller-source-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.callers-exit{justify-content:center}.callers-exit-line{flex:0 1 160px}.timeline,.trace-inspector{width:100%;padding:14px}.timeline-event{grid-template-columns:1fr}.security-band{border-radius:var(--radius-md);margin-left:auto;margin-right:auto;max-width:none}.code-panel code,.connector-code code{white-space:pre-wrap;word-break:break-word}}@media(max-width:460px){h1{font-size:68px}.hero-subtitle{font-size:24px}h2{font-size:32px}.hero-text,.section-heading p,.split-section p,.security-copy p,.pilot-section p{font-size:16px}}.story-path{background:var(--background);isolation:isolate;overflow:hidden;position:relative}.story-connections{inset:0;overflow:visible;pointer-events:none;position:absolute;width:100%;z-index:0}.story-rail-base,.story-rail-flow{fill:none;stroke-linecap:round;stroke-width:2}.story-rail-base{opacity:.4;stroke:var(--border-strong)}.story-rail-flow{animation:storyPathFlow 1.25s linear infinite;opacity:.96;stroke:var(--accent);stroke-dasharray:10 10}.story-section{max-width:var(--container);padding-bottom:110px;padding-top:104px;position:relative;z-index:1}.story-section+.story-section{border-top:1px solid rgba(184,200,189,.58)}.story-section+.story-section:before{display:none}.story-intro,.story-station{column-gap:24px;display:grid;grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr)}.story-intro{align-items:start;margin-bottom:30px}.story-intro-left .story-section-heading{grid-column:1}.story-intro-right .story-section-heading{grid-column:3}.story-section-heading{background:var(--background);display:block;gap:16px;position:relative;z-index:2}.story-section-heading .section-heading{margin:0;max-width:560px}.story-section-heading h2{font-size:clamp(34px,4vw,54px);max-width:540px}.story-section-heading p:not(.eyebrow){font-size:16px;line-height:1.52;margin-top:14px;max-width:520px}.story-step{align-items:center;background:var(--foreground);border:5px solid var(--background);border-radius:999px;box-shadow:0 0 0 1px var(--border-strong);color:#fff;display:inline-flex;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:850;height:34px;justify-content:center;margin-top:2px;width:34px}.story-station{align-items:center;min-height:232px;position:relative}.story-station-left .story-visual{grid-column:1}.story-station-left .story-note{grid-column:3}.story-station-right .story-note{grid-column:1}.story-station-right .story-visual{grid-column:3}.story-station-rail{align-self:stretch;display:grid;grid-column:2;min-height:232px;place-items:center;position:relative;z-index:3}.story-station-left .story-station-rail:before,.story-station-right .story-station-rail:before{background:var(--accent);content:"";height:2px;position:absolute;top:50%;width:48px}.story-station-left .story-station-rail:before{left:-48px}.story-station-right .story-station-rail:before{right:-48px}.story-rail-node{align-items:center;background:var(--accent);border:7px solid var(--background);border-radius:999px;box-shadow:0 0 0 1px #0f766e8c,0 0 0 7px #0f766e1a;color:#fff;display:inline-flex;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:850;height:42px;justify-content:center;position:relative;width:42px}.gateway-node{background:var(--component-gateway)}.agent-node{background:var(--component-agent);box-shadow:0 0 0 1px #3f63d88c,0 0 0 7px #3f63d81f}.connector-node{background:var(--component-connector)}.result-node{background:#26312c;box-shadow:0 0 0 1px #0f766eb8,0 0 0 7px #0f766e1f,0 0 30px #0f766e47}.story-visual{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-tight);min-height:232px;overflow:hidden;padding:22px;position:relative;z-index:2}.visual-topline{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding-bottom:14px}.visual-topline span,.visual-topline small{font-size:11px;font-weight:800}.visual-topline span{color:var(--muted-strong);text-transform:uppercase}.visual-topline small{color:var(--muted)}.caller-source-grid{display:grid;gap:8px;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:22px}.story-path .caller-source{align-items:center;background:#fbfcfa;border:1px solid var(--border);border-radius:10px;box-shadow:none;color:var(--muted-strong);display:flex;flex-direction:column;font-size:11px;font-weight:760;gap:9px;justify-content:center;min-height:78px;padding:10px 6px;text-align:center}.story-path .caller-source i{align-items:center;background:var(--component-caller-soft);border-radius:8px;color:var(--component-caller);display:inline-flex;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-style:normal;font-weight:850;height:28px;justify-content:center;width:28px}.story-path .caller-source.is-story-active{background:#f5fbf8;border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent),0 0 0 4px var(--accent-soft);color:var(--accent-strong)}.story-path .caller-source.is-story-active i{background:var(--amber-soft);color:var(--amber)}.request-line{align-items:center;color:var(--accent-strong);display:flex;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;gap:12px;justify-content:center;margin-top:18px}.request-line span{background:var(--accent-soft);border-radius:999px;padding:7px 10px}.request-line b{font-size:16px}.story-note{align-self:center;background:var(--background);max-width:330px;padding:14px 0;position:relative;z-index:2}.story-note strong,.story-note span{display:block}.story-note strong{color:var(--foreground);font-size:15px}.story-note span{color:var(--muted);font-size:14px;line-height:1.48;margin-top:7px}.idp-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.idp-chip-row span,.gateway-foot span{border:1px solid rgba(154,101,0,.26);border-radius:999px;color:#765000;font-size:12px;font-weight:780;padding:8px 10px}.gateway-check-flow{align-items:center;display:flex;gap:10px;margin-top:28px}.gateway-check-flow span,.gateway-check-flow strong{background:var(--surface-muted);border-radius:8px;color:var(--muted-strong);font-size:12px;padding:10px;white-space:nowrap}.gateway-check-flow strong{background:var(--accent-soft);color:var(--accent-strong)}.gateway-check-flow i{color:var(--accent);font-style:normal}.gateway-foot{border-top:1px solid var(--border);display:flex;gap:8px;margin-top:26px;padding-top:14px}.gateway-foot span{border:0;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;padding:0}.agent-visual{background:#fafbff;border-color:#3f63d847;padding:26px}.agent-boundary-frame{border:1px solid rgba(15,118,110,.7);border-radius:14px;min-height:154px;padding:22px 86px;position:relative}.boundary-label{background:#fafbff;color:var(--accent-strong);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:850;left:16px;padding:0 6px;position:absolute;text-transform:uppercase;top:-7px}.boundary-port{align-items:center;color:var(--accent-strong);display:flex;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;gap:7px;position:absolute;top:50%;transform:translateY(-50%)}.boundary-port:before{background:var(--accent);border-radius:999px;content:"";height:7px;width:7px}.boundary-port-in{left:14px}.boundary-port-out{right:14px}.boundary-port-out:before{order:2}.agent-runtime-card{align-items:center;background:var(--component-agent-soft);border:1px dashed rgba(63,99,216,.66);border-radius:12px;display:grid;justify-items:center;margin:12px auto 0;padding:15px;text-align:center;width:178px}.agent-runtime-card small,.agent-runtime-card span{color:#5267aa;font-size:10px}.agent-runtime-card strong{color:#2f4ba8;font-size:18px;margin:3px 0}.agent-boundary-caption{color:#5267aa;font-size:11px;margin-top:16px;text-align:center}.connector-tool-grid{display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-top:22px}.connector-tool-grid span{background:#fbfcfa;border:1px solid var(--border);border-radius:9px;color:var(--muted-strong);font-size:12px;font-weight:760;min-height:42px;padding:12px 10px}.connector-tool-grid span.is-story-active{background:var(--component-resource-soft);border-color:#6f5b2e80;box-shadow:0 0 0 3px #b86b001a;color:#765000}.connector-tool-grid b{color:var(--amber);display:block;font-size:10px;font-weight:700;margin-top:3px}.generated-tool{align-items:center;background:#101513;border-radius:9px;color:#d9f4ee;display:flex;gap:14px;justify-content:space-between;margin-top:16px;padding:12px 14px}.generated-tool span{color:#86efe1;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;text-transform:uppercase}.generated-tool code{font-size:12px}.result-visual{align-items:center;background:#101513;border-color:#27352f;display:grid;min-height:232px;place-items:center}.result-glow{background:#0f766e61;border-radius:999px;filter:blur(18px);height:100px;position:absolute;width:100px}.result-card{background:#ffffff1a;border:1px solid rgba(134,239,225,.42);border-radius:12px;color:#fff;display:grid;gap:8px;min-width:250px;padding:18px;position:relative;z-index:1}.result-status{align-items:center;color:#86efe1;display:inline-flex;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;gap:7px;text-transform:uppercase}.result-status i{background:#86efe1;border-radius:999px;box-shadow:0 0 0 4px #86efe124;height:6px;width:6px}.result-card strong{font-size:22px}.result-card small{color:#bdd2c9;font-size:11px}.result-note{display:grid;gap:10px}.result-note .button{justify-self:start;margin-top:4px}@keyframes storyPathFlow{to{stroke-dashoffset:-20}}@media(prefers-reduced-motion:reduce){.story-rail-flow{animation:none}}@media(max-width:900px){.story-intro,.story-station{grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr)}.story-intro,.story-station{column-gap:14px}.story-station-left .story-station-rail:before,.story-station-right .story-station-rail:before{width:28px}.story-station-left .story-station-rail:before{left:-28px}.story-station-right .story-station-rail:before{right:-28px}.boundary-port-in{left:12px}.boundary-port-out{right:12px}}@media(max-width:680px){.story-section{padding-bottom:78px;padding-top:78px}.story-intro,.story-station{grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr)}.story-section-heading{gap:10px;grid-template-columns:34px minmax(0,1fr)}.story-section-heading h2{font-size:32px}.story-section-heading p:not(.eyebrow){font-size:14px}.story-visual{padding:14px}.caller-source-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.caller-source:nth-child(4),.caller-source:nth-child(5){grid-column:span 1}.gateway-check-flow{flex-wrap:wrap;gap:6px}.gateway-check-flow i{display:none}.connector-tool-grid{grid-template-columns:repeat(2,1fr)}.generated-tool{align-items:flex-start;flex-direction:column;gap:6px}.boundary-port-in{left:10px}.boundary-port-out{right:10px}.story-note span{font-size:12px}.result-card{min-width:0;width:100%}}.caller-story-layout{align-items:start;display:grid;grid-template-columns:1fr;row-gap:30px;position:relative}.caller-story-layout>.story-section-heading{align-self:start;grid-column:1;grid-row:1;max-width:640px}.caller-spine-anchor{align-items:center;display:flex;grid-column:1;grid-row:3;justify-content:center;min-height:64px;position:relative;z-index:3}.caller-lane-list{display:grid;gap:10px;grid-template-columns:repeat(5,minmax(0,1fr));grid-column:1;grid-row:2;position:relative;z-index:2}.caller-lane{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 26px #12211b12;display:grid;gap:8px;grid-template-columns:30px minmax(0,1fr);justify-items:start;min-height:78px;padding:12px 14px;text-align:left;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.caller-lane>i{align-items:center;background:var(--component-caller-soft);border-radius:8px;color:var(--component-caller);display:inline-flex;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-style:normal;font-weight:850;height:30px;justify-content:center;width:30px}.caller-lane strong{color:var(--foreground);font-size:12px;line-height:1.15}.caller-lane small{color:var(--muted);font-size:10px;line-height:1.2;grid-column:2;white-space:nowrap}.caller-lane.is-story-active{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft),0 14px 30px #12211b1a}.caller-lane.is-story-active>i{background:var(--amber-soft);color:var(--amber)}.caller-path{fill:none;opacity:.42;stroke:var(--border-strong);stroke-dasharray:6 8;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.caller-path.is-active{animation:storyPathFlow 1.1s linear infinite;opacity:1;stroke:var(--accent);stroke-dasharray:11 8;stroke-width:3}@media(max-width:720px){.caller-story-layout{row-gap:24px}.caller-lane-list{grid-template-columns:repeat(3,minmax(0,1fr))}.caller-lane{gap:8px;grid-template-columns:1fr;min-height:92px;padding:10px;text-align:center}.caller-lane>i,.caller-lane strong,.caller-lane small{grid-column:1;justify-self:center}.caller-lane small{display:block;text-align:center;white-space:normal}}@media(max-width:560px){.caller-story-layout{grid-template-columns:1fr;row-gap:24px}.caller-story-layout>.story-section-heading,.caller-spine-anchor,.caller-lane-list{grid-column:1;grid-row:auto}.caller-spine-anchor{min-height:42px}.caller-lane-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.gateway-story-layout{align-items:center;column-gap:24px;display:grid;grid-template-columns:minmax(0,1fr) 72px minmax(320px,.92fr);position:relative}.gateway-left-stack{align-items:center;display:grid;gap:24px;grid-column:1;grid-template-columns:minmax(0,1fr) minmax(210px,.76fr)}.gateway-left-stack .story-section-heading{align-self:start}.gateway-left-stack .story-section-heading h2{font-size:clamp(34px,3.2vw,44px)}.gateway-spine-anchor{align-items:center;align-self:stretch;display:flex;grid-column:2;justify-content:center;min-height:244px;position:relative;z-index:3}.gateway-spine-anchor:before{background:var(--accent);content:"";height:2px;left:-48px;position:absolute;top:50%;width:48px}.gateway-visual{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-tight);min-height:196px;overflow:hidden;padding:20px;position:relative;z-index:2}.gateway-visual .gateway-check-flow{align-items:stretch;flex-direction:column;gap:8px;margin-top:20px}.gateway-visual .gateway-check-flow i{display:none}.gateway-visual .gateway-check-flow span,.gateway-visual .gateway-check-flow strong{display:flex;justify-content:center;padding:8px;text-align:center}.gateway-visual .gateway-foot{margin-top:18px;padding-top:11px}.idp-lane-list{display:grid;gap:10px;grid-column:3;position:relative;z-index:2}.idp-lane{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 26px #12211b12;display:grid;gap:12px;grid-template-columns:30px minmax(0,1fr) auto;min-height:58px;padding:10px 14px}.idp-lane>i{align-items:center;background:var(--component-identity-soft);border-radius:8px;color:var(--component-identity);display:inline-flex;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-style:normal;font-weight:850;height:30px;justify-content:center;width:30px}.idp-lane strong{color:var(--foreground);font-size:14px}.idp-lane small{color:var(--muted);font-size:11px;text-align:right;white-space:nowrap}.idp-lane.is-story-active{border-color:var(--component-identity);box-shadow:0 0 0 4px var(--amber-soft),0 14px 30px #12211b1a}.idp-request{align-items:center;display:flex;gap:12px;justify-content:flex-end;margin-top:4px}.idp-request span{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;text-transform:uppercase}.idp-request code{background:var(--amber-soft);border-radius:999px;color:#765000;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;padding:8px 10px}.idp-path{fill:none;opacity:.42;stroke:#9a650080;stroke-dasharray:6 8;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.idp-path.is-active{animation:storyPathFlow 1.1s linear infinite;opacity:1;stroke:var(--component-identity);stroke-dasharray:11 8;stroke-width:3}@media(max-width:980px){.gateway-left-stack{grid-template-columns:1fr}}@media(max-width:720px){.gateway-story-layout{grid-template-columns:minmax(0,1fr) 42px minmax(220px,.9fr)}.gateway-left-stack{gap:18px}.gateway-spine-anchor:before{left:-28px;width:28px}.idp-lane{gap:8px;grid-template-columns:28px minmax(0,1fr);padding-inline:10px}.idp-lane small{display:none}}@media(max-width:560px){.gateway-story-layout{column-gap:0;grid-template-columns:1fr;row-gap:24px}.gateway-left-stack,.gateway-spine-anchor,.idp-lane-list{grid-column:1}.gateway-spine-anchor{min-height:42px}.gateway-spine-anchor:before{display:none}.idp-request{justify-content:flex-start}}.connector-left-stack{align-self:start;display:grid;gap:24px;grid-column:1;grid-row:1 / span 2}.connector-left-stack .story-section-heading{max-width:560px}.connector-code-panel{background:#101513;border:1px solid #27352f;border-radius:16px;box-shadow:var(--shadow-tight);color:#d9f4ee;overflow:hidden;padding:20px;position:relative;z-index:2}.connector-code-header{align-items:center;border-bottom:1px solid rgba(134,239,225,.18);display:flex;justify-content:space-between;padding-bottom:14px}.connector-code-header span,.connector-code-header small{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px}.connector-code-header span{color:#86efe1;font-weight:800;text-transform:uppercase}.connector-code-header small{color:#9db7ad}.connector-code-panel pre{margin:18px 0 0;overflow-x:auto}.connector-code-panel code{color:#d9f4ee;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.72;white-space:pre}.connector-code-panel .code-comment{color:#73978c}.connector-code-panel .code-keyword{color:#86efe1}.connector-code-panel .code-string{color:#f3c878}.connector-story-layout{align-items:center;column-gap:24px;display:grid;grid-template-columns:minmax(0,1fr) 72px minmax(320px,.92fr);position:relative}.connector-story-layout>.story-section-heading{align-self:start;grid-column:1;grid-row:1 / span 2;max-width:560px}.connector-spine-anchor{align-items:center;align-self:stretch;display:flex;grid-column:2;grid-row:1 / span 2;justify-content:center;min-height:570px;position:relative;z-index:3}.connector-lane-list{display:grid;gap:10px;grid-column:3;position:relative;z-index:2}.connector-lane{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 26px #12211b12;display:grid;gap:12px;grid-template-columns:30px minmax(0,1fr) auto;min-height:58px;padding:10px 14px}.connector-lane>i{align-items:center;background:var(--component-connector-soft);border-radius:8px;color:var(--component-connector);display:inline-flex;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-style:normal;font-weight:850;height:30px;justify-content:center;width:30px}.connector-lane strong{color:var(--foreground);font-size:14px}.connector-lane small{color:var(--muted);font-size:11px;text-align:right;white-space:nowrap}.connector-lane.is-story-active{border-color:var(--component-connector);box-shadow:0 0 0 4px var(--component-connector-soft),0 14px 30px #12211b1a}.connector-lane.is-story-active>i{background:var(--accent-soft);color:var(--accent-strong)}.connector-request{align-items:center;display:flex;gap:12px;justify-content:flex-end;margin-top:4px}.connector-request span{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;text-transform:uppercase}.connector-request code{background:var(--component-connector-soft);border-radius:999px;color:var(--component-connector);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;padding:8px 10px}.connector-path{fill:none;opacity:.42;stroke:#15724f80;stroke-dasharray:6 8;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.connector-path.is-active{animation:storyPathFlow 1.1s linear infinite;opacity:1;stroke:var(--component-connector);stroke-dasharray:11 8;stroke-width:3}@media(max-width:720px){.connector-story-layout{grid-template-columns:minmax(0,1fr) 42px minmax(220px,.9fr)}.connector-spine-anchor{min-height:570px}.connector-lane{gap:8px;grid-template-columns:28px minmax(0,1fr);padding-inline:10px}.connector-lane small{display:none}.connector-code-panel code{font-size:11px}}@media(max-width:560px){.connector-story-layout{column-gap:0;grid-template-columns:1fr;row-gap:24px}.connector-story-layout>.story-section-heading,.connector-spine-anchor,.connector-lane-list{grid-column:1;grid-row:auto}.connector-spine-anchor{min-height:42px}.connector-request{justify-content:flex-start}}.agent-story-section{max-width:var(--container);padding-bottom:128px;padding-top:128px}.agent-story-heading{background:var(--background);display:grid;gap:14px;justify-items:center;margin:0 auto 42px;max-width:760px;padding:4px 28px 12px;position:relative;text-align:center;z-index:2}.agent-story-heading .story-step{margin:0}.agent-story-heading .section-heading{margin:0;max-width:680px}.agent-story-heading h2{font-size:clamp(42px,5vw,68px)}.agent-story-heading .section-heading p:not(.eyebrow){font-size:17px;margin-top:14px}.agent-runtime-stage{align-items:center;display:grid;gap:24px;grid-template-columns:minmax(126px,150px) minmax(0,1fr) minmax(126px,150px);margin:0 auto;max-width:1120px;min-height:390px;position:relative}.agent-llm-node{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 30px #12211b1a;display:grid;gap:5px;justify-items:center;min-height:98px;padding:16px 12px;position:relative;text-align:center;transition:border-color .16s ease,box-shadow .16s ease;z-index:3}.agent-llm-node small,.agent-llm-node span{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;text-transform:uppercase}.agent-llm-node strong{color:var(--foreground);font-size:15px}.agent-llm-node.is-model-active{border-color:var(--component-agent);box-shadow:0 0 0 4px var(--component-agent-soft),0 14px 34px #12211b1f}.agent-llm-node.is-model-active strong{color:var(--component-agent)}.agent-model-connections{height:100%;inset:0;overflow:visible;pointer-events:none;position:absolute;width:100%;z-index:4}.agent-model-path{fill:none;opacity:.38;stroke:var(--border-strong);stroke-dasharray:6 8;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.agent-model-path.is-active{animation:storyPathFlow 1.1s linear infinite;opacity:1;stroke-dasharray:11 8;stroke-width:3}.agent-model-path-external.is-active{stroke:#718cff}.agent-model-path-internal.is-active{stroke:#86efe1}.agent-spotlight{background-color:#101513;background-image:linear-gradient(rgba(134,239,225,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(134,239,225,.05) 1px,transparent 1px);background-size:32px 32px;border:1px solid #27352f;border-radius:22px;box-shadow:0 28px 90px #12211b33;height:390px;margin:0 auto;max-width:1120px;overflow:hidden;position:relative;width:100%;z-index:2}.agent-spotlight:after{display:none}.agent-spotlight-label{color:#86efe1;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:850;left:50%;letter-spacing:.06em;position:absolute;text-transform:uppercase;top:21px;transform:translate(-50%);z-index:4}.agent-spotlight-frame{border:1px dashed rgba(134,239,225,.58);border-radius:24px;inset:48px 9%;position:absolute;z-index:1}.agent-spotlight-core{align-items:center;background:#e4eaff;border:1px dashed rgba(134,163,255,.86);border-radius:16px;box-shadow:0 0 0 9px #3f63d824,0 0 42px #86a3ff3d;color:#2f4ba8;display:grid;height:150px;justify-items:center;left:50%;padding:20px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:210px;z-index:5}.agent-core-step{align-items:center;background:#3f63d8;border-radius:999px;color:#fff;display:inline-flex;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:850;height:28px;justify-content:center;left:14px;position:absolute;top:14px;width:28px}.agent-spotlight-core small,.agent-spotlight-core span:last-child{color:#5267aa;font-size:10px}.agent-spotlight-core strong{color:#2f4ba8;font-size:24px;margin:4px 0}.agent-spotlight-caption{bottom:20px;color:#9db7ad;font-size:11px;left:50%;position:absolute;transform:translate(-50%);white-space:nowrap;z-index:4}@media(max-width:720px){.agent-story-section{padding-bottom:88px;padding-top:88px}.agent-spotlight{height:340px}.agent-runtime-stage{gap:14px;grid-template-columns:1fr;min-height:0}.agent-llm-node{min-height:68px;padding:10px 14px}.agent-llm-node[data-agent-model=openai]{grid-column:1;grid-row:1}.agent-spotlight{grid-column:1;grid-row:2}.agent-llm-node[data-agent-model=claude]{grid-column:1;grid-row:3}.agent-model-connections{display:none}.agent-spotlight-frame{inset:44px 5%}.agent-spotlight-core{height:132px;width:176px}.agent-spotlight-caption{font-size:10px}}.result-story-section{max-width:var(--container);padding-bottom:104px;padding-top:104px}.result-story-heading{background:var(--background);display:grid;gap:14px;justify-items:center;margin:0 auto 42px;max-width:800px;padding:4px 28px 12px;position:relative;text-align:center;z-index:2}.result-story-heading .story-step{margin:0}.result-story-heading .section-heading{margin:0;max-width:720px}.result-story-heading h2{font-size:clamp(42px,5vw,68px)}.result-story-heading .section-heading p:not(.eyebrow){font-size:17px;margin-top:14px}.trace-spotlight{background-color:#101513;background-image:linear-gradient(rgba(134,239,225,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(134,239,225,.05) 1px,transparent 1px);background-size:32px 32px;border:1px solid #27352f;border-radius:22px;box-shadow:0 28px 90px #12211b33;height:390px;margin:0 auto;max-width:1120px;overflow:hidden;position:relative;z-index:2}.trace-spotlight-label{color:#86efe1;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:850;left:50%;letter-spacing:.06em;position:absolute;text-transform:uppercase;top:21px;transform:translate(-50%);z-index:4}.trace-spotlight-frame{border:1px solid rgba(134,239,225,.36);border-radius:24px;inset:48px 9%;position:absolute;z-index:1}.trace-event-strip{align-items:center;color:#bdd2c9;display:flex;gap:8px;left:50%;position:absolute;top:92px;transform:translate(-50%);white-space:nowrap;z-index:3}.trace-event-strip span{border:1px solid rgba(134,239,225,.28);border-radius:999px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;padding:7px 10px;text-transform:uppercase}.trace-event-strip i{color:#86efe1;font-style:normal}.trace-goal-core{align-items:center;background:#e4f5ed;border:1px solid rgba(134,239,225,.74);border-radius:16px;box-shadow:0 0 0 9px #0f766e1f,0 0 42px #86efe13d;color:#17644f;display:grid;height:150px;justify-items:center;left:50%;padding:20px;position:absolute;text-align:center;top:53%;transform:translate(-50%,-50%);width:250px;z-index:4}.trace-goal-core:before,.trace-goal-core:after{border:1px solid rgba(134,239,225,.26);border-radius:999px;content:"";inset:-32px;position:absolute;z-index:-1}.trace-goal-core:after{inset:-58px;opacity:.62}.trace-goal-check{align-items:center;background:#0f766e;border-radius:999px;box-shadow:0 0 0 7px #0f766e1f,0 0 28px #86efe15c;color:#fff;display:inline-flex;font-size:20px;font-weight:850;height:44px;justify-content:center;width:44px}.trace-goal-core small,.trace-goal-core span:last-child{color:#4c7768;font-size:10px}.trace-goal-core strong{color:#17644f;font-size:22px;margin:3px 0}.trace-spotlight-caption{bottom:20px;color:#9db7ad;font-size:11px;left:50%;position:absolute;transform:translate(-50%);white-space:nowrap;z-index:4}.trace-story-actions{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:24px}.trace-story-actions>span{color:var(--muted);font-size:14px}@media(prefers-reduced-motion:reduce){.trace-goal-core{box-shadow:0 0 0 9px #0f766e1f,0 0 34px #86efe133}}@media(max-width:720px){.result-story-section{padding-bottom:88px;padding-top:88px}.result-story-heading{padding-inline:18px}.result-story-heading h2{font-size:42px}.result-story-heading .section-heading p:not(.eyebrow){font-size:15px}.trace-spotlight{height:340px}.trace-spotlight-frame{inset:44px 5%}.trace-event-strip{gap:5px}.trace-event-strip span{font-size:9px;padding:6px 7px}.trace-goal-core{height:132px;width:210px}.trace-spotlight-caption{font-size:10px}}@media(max-width:560px){.trace-event-strip{flex-wrap:wrap;justify-content:center;max-width:240px;top:76px;white-space:normal}.trace-event-strip i{display:none}.trace-story-actions{align-items:stretch;flex-direction:column}.trace-story-actions .button{width:100%}}.result-visual-centered{background:transparent;border:0;box-shadow:none;height:260px;margin:0 auto;max-width:1120px;min-height:260px}.result-visual-centered .result-glow{background:#0f766e2e}.result-visual-centered .result-card{background:#101513;box-shadow:0 14px 34px #12211b29;min-width:300px;padding:22px 26px}.result-visual-centered .result-card:before,.result-visual-centered .result-card:after{border:1px solid rgba(15,118,110,.48);border-radius:999px;content:"";inset:-30px;pointer-events:none;position:absolute;z-index:0}.result-visual-centered .result-card:after{inset:-58px;opacity:.55}.result-visual-centered .result-status{font-size:11px}.result-visual-centered .result-status i{align-items:center;color:#0f766e;display:inline-flex;font-size:10px;font-style:normal;font-weight:900;height:20px;justify-content:center;width:20px}.result-visual-centered .result-card strong{font-size:26px}.result-visual-centered .result-card>*{position:relative;z-index:1}@keyframes completionRing{0%{opacity:.78;transform:scale(.88)}72%,to{opacity:0;transform:scale(1.08)}}.result-visual-centered .result-card:before{opacity:.42}.result-visual-centered .result-card:after{animation:completionRing 2.8s ease-out infinite}.result-visual-centered .result-card:after{animation-delay:.48s}@media(prefers-reduced-motion:reduce){.result-visual-centered .result-card:after{animation:none;opacity:.28;transform:none}}.agent-lifecycle-panel{background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-soft);margin:0 auto;max-width:1120px;overflow:hidden;position:relative;z-index:2}.agent-lifecycle-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;min-height:78px;padding:18px 24px;position:relative}.agent-lifecycle-header div{display:grid;gap:5px}.agent-lifecycle-header span:first-child{color:var(--muted-strong);font-size:12px;font-weight:820;text-transform:uppercase}.agent-lifecycle-header small{color:var(--muted);font-size:12px}.agent-lifecycle-anchor{align-items:center;background:var(--foreground);border:5px solid var(--surface);border-radius:999px;box-shadow:0 0 0 1px var(--border-strong),0 0 0 6px #0f766e1a;color:#fff;display:inline-flex;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:850;height:36px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:36px}.agent-lifecycle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.agent-lifecycle-stage{display:grid;gap:8px;min-height:190px;padding:26px 28px}.agent-lifecycle-stage+.agent-lifecycle-stage{border-left:1px solid var(--border)}.agent-stage-index{color:var(--accent-strong);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:850}.agent-lifecycle-stage strong{color:var(--foreground);font-size:20px}.agent-lifecycle-stage small{color:var(--muted);font-size:13px}.agent-lifecycle-stage code{align-self:end;background:var(--surface-muted);border:1px solid var(--border);border-radius:7px;color:var(--muted-strong);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;justify-self:start;margin-top:12px;padding:9px 10px}.agent-lifecycle-stage:nth-child(2) .agent-stage-index{color:var(--amber)}.agent-lifecycle-stage:nth-child(3) .agent-stage-index{color:var(--component-agent)}.agent-runtime-band{align-items:center;background:#101513;color:#fff;display:flex;gap:10px;min-height:64px;padding:16px 24px}.agent-runtime-status{background:#86efe1;border-radius:999px;box-shadow:0 0 0 5px #86efe121;height:7px;width:7px}.agent-runtime-band strong{font-size:13px}.agent-runtime-band small,.agent-runtime-rule{color:#9db7ad;font-size:12px}.agent-runtime-rule{margin-left:auto}.request-demo-section{background-color:#101513;background-image:linear-gradient(rgba(134,239,225,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(134,239,225,.035) 1px,transparent 1px);background-size:32px 32px;color:#fff;isolation:isolate;margin-inline:0;max-width:none;min-height:620px;order:3;padding-bottom:150px;padding-top:112px;position:relative;width:100%}.request-demo-section:before{background-image:linear-gradient(rgba(134,239,225,.34) 1px,transparent 1px),linear-gradient(90deg,rgba(134,239,225,.34) 1px,transparent 1px);background-size:32px 32px;content:"";inset:0;mask-image:radial-gradient(circle at 50% 76%,#000 0%,#000 8%,rgba(0,0,0,.58) 22%,transparent 46%);opacity:.55;pointer-events:none;position:absolute;-webkit-mask-image:radial-gradient(circle at 50% 76%,#000 0%,#000 8%,rgba(0,0,0,.58) 22%,transparent 46%);z-index:0}.request-demo-panel{align-content:center;display:grid;gap:28px;justify-items:center;margin-inline:auto;max-width:var(--container);min-height:460px;overflow:hidden;padding:72px 40px;position:relative;text-align:center;z-index:1}.request-demo-panel:before{display:none}.request-demo-label{color:#86efe1;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:850;letter-spacing:.06em;position:relative;text-transform:uppercase;z-index:1}.request-demo-copy{max-width:760px;position:relative;z-index:1}.request-demo-copy .eyebrow{color:#86efe1}.request-demo-copy h2{color:#fff;font-size:clamp(48px,6vw,82px);line-height:.98}.request-demo-copy p:last-child{color:#bdd2c9;font-size:17px;line-height:1.5;margin:20px auto 0;max-width:520px}.request-demo-button{background:#e4f5ed;box-shadow:0 0 0 8px #86efe11a,0 0 38px #86efe147;color:#17644f;font-size:17px;min-height:66px;padding:0 28px;position:relative;z-index:1}.request-demo-button:before,.request-demo-button:after{border:1px solid rgba(134,239,225,.52);border-radius:calc(var(--radius-sm) + 4px);content:"";inset:-10px;pointer-events:none;position:absolute;z-index:-1}.request-demo-button:before{animation:buttonCompletionRing 2.8s ease-out infinite}.request-demo-button:after{animation:buttonCompletionRing 2.8s ease-out .48s infinite;inset:-18px;opacity:.55}@keyframes buttonCompletionRing{0%{opacity:.78;transform:scale(.94)}72%,to{opacity:0;transform:scale(1.06)}}.request-demo-button:hover{background:#fff;color:#0f766e}.site-footer{background:var(--background);border-top:1px solid var(--border);padding:22px 24px}.site-footer-inner{align-items:center;display:flex;gap:28px;justify-content:space-between;margin:0 auto;max-width:var(--container)}.footer-brand{align-items:center;color:var(--foreground);display:inline-flex;font-family:var(--brand-font);font-size:24px;font-weight:800;gap:8px;line-height:1}.footer-brand img{height:28px;object-fit:contain;width:28px}.footer-nav{align-items:center;display:flex;gap:20px}.footer-nav a,.footer-note{color:var(--muted);font-size:12px}.footer-nav a:hover{color:var(--accent-strong)}.footer-note{text-align:right}@media(max-width:720px){.request-demo-section{min-height:540px;padding-bottom:96px;padding-top:88px}.request-demo-panel{min-height:420px;padding:62px 22px}.request-demo-copy h2{font-size:48px}.request-demo-copy p:last-child{font-size:15px}.request-demo-button{width:min(100%,320px)}.site-footer-inner{align-items:flex-start;flex-wrap:wrap;gap:16px 22px}.footer-nav{gap:14px;order:3;width:100%}.footer-note{margin-left:auto}}@media(prefers-reduced-motion:reduce){.request-demo-button:before,.request-demo-button:after{animation:none;opacity:.28;transform:none}}@media(max-width:720px){.agent-lifecycle-grid{grid-template-columns:1fr}.agent-lifecycle-stage{min-height:0}.agent-lifecycle-stage+.agent-lifecycle-stage{border-left:0;border-top:1px solid var(--border)}.agent-runtime-band{align-items:flex-start;flex-wrap:wrap}.agent-runtime-rule{margin-left:17px;width:100%}}body[data-theme=dark]{color-scheme:dark;--background: #0b1210;--surface: #111b16;--surface-muted: #17271f;--surface-strong: #070c0a;--foreground: #edf5f0;--muted: #9dafa5;--muted-strong: #d1ded6;--border: #294037;--border-strong: #496659;--accent: #37b69d;--accent-strong: #73e0c6;--accent-soft: #10382f;--blue: #8aa5ff;--blue-soft: #1c2a53;--amber: #e1ae53;--amber-soft: #392b13;--component-caller: #8aa99a;--component-caller-soft: #1c3026;--component-gateway: #37b69d;--component-gateway-soft: #10382f;--component-agent: #8aa5ff;--component-agent-soft: #1c2a53;--component-identity: #e1ae53;--component-identity-soft: #392b13;--component-connector: #50c78f;--component-connector-soft: #143a2b;--component-resource: #c8a965;--component-resource-soft: #332b1b;--component-policy: #e1ae53;--component-policy-soft: #392b13;--component-trace: #9eb5df;--component-trace-soft: #1d2b40;--shadow-soft: 0 24px 80px rgba(0, 0, 0, .3);--shadow-tight: 0 14px 36px rgba(0, 0, 0, .24)}body[data-theme=dark] .hero-section{background:radial-gradient(circle at 18% 12%,rgba(55,182,157,.14),transparent 34%),linear-gradient(180deg,#101a15,#0b1210);border-bottom-color:var(--border)}body[data-theme=dark] .brand-mark{background:#edf5f0;border-color:#edf5f0}body[data-theme=dark] .nav-links{background:#0c1410d1;box-shadow:0 8px 24px #0003}body[data-theme=dark] .access-map-shell,body[data-theme=dark] .invocation-diagram,body[data-theme=dark] .flow-shell,body[data-theme=dark] .agent-boundary-diagram,body[data-theme=dark] .trace-console,body[data-theme=dark] .demo-modal-panel{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow-soft)}body[data-theme=dark] .access-map-header,body[data-theme=dark] .invocation-diagram-header,body[data-theme=dark] .agent-boundary-header,body[data-theme=dark] .trace-toolbar{border-bottom-color:var(--border)}body[data-theme=dark] .map-node,body[data-theme=dark] .caller-source,body[data-theme=dark] .caller-lane,body[data-theme=dark] .idp-lane,body[data-theme=dark] .connector-lane,body[data-theme=dark] .invocation-flow-step,body[data-theme=dark] .flow-node,body[data-theme=dark] .agent-boundary-node,body[data-theme=dark] .trace-thing,body[data-theme=dark] .trace-span-row{background:#142119;border-color:var(--border);box-shadow:0 12px 28px #0003;color:var(--muted-strong)}body[data-theme=dark] .map-node:hover,body[data-theme=dark] .map-node.is-active,body[data-theme=dark] .trace-span-row:hover,body[data-theme=dark] .trace-span-row.active{background:#1a3025;color:var(--foreground)}body[data-theme=dark] .mini-expand-button{background:var(--accent);color:#06110d}body[data-theme=dark] .access-map-footer,body[data-theme=dark] .decision-strip,body[data-theme=dark] .trace-map-panel,body[data-theme=dark] .trace-timeline{background:#0c1511}body[data-theme=dark] .access-map-footer span,body[data-theme=dark] .decision-strip div{background:var(--surface);color:var(--muted-strong)}body[data-theme=dark] .invocation-gateway-step{background:#12352c}body[data-theme=dark] .invocation-idp-panel{background:#352a15;border-color:#e1ae5361}body[data-theme=dark] .invocation-idp-panel span{color:#f0c778}body[data-theme=dark] .invocation-idp-panel strong{color:#ffe1a1}body[data-theme=dark] .invocation-idp-panel small{color:#d1ad6b}body[data-theme=dark] .agent-boundary-scene,body[data-theme=dark] .trace-map{background-color:#0f1914;background-image:radial-gradient(#294037 .8px,transparent .8px)}body[data-theme=dark] .agent-boundary-label{background:#17271f;border-color:var(--border-strong)}body[data-theme=dark] .agent-runtime-node{background:#17244a;border-color:#8aa5ff9e}body[data-theme=dark] .connector-code{background:#070c0a;border-color:var(--border)}body[data-theme=dark] .compare-without{background:#131d18;border-color:var(--border)}body[data-theme=dark] .compare-with{background:linear-gradient(180deg,#142b22,#102019);border-color:#37b69d6b}body[data-theme=dark] .security-band{background:#050a08}body[data-theme=dark] .demo-form input,body[data-theme=dark] .demo-form select,body[data-theme=dark] .demo-form textarea{background:#0d1712;border-color:var(--border);color:var(--foreground)}body[data-theme=dark] .demo-form fieldset label{background:#142119;border-color:var(--border);color:var(--muted-strong)}body[data-theme=dark] .demo-form fieldset input{accent-color:var(--accent)}body[data-theme=dark] .demo-modal-brand img{background:#edf5f0;border-color:#edf5f0}body[data-theme=dark] .demo-modal-close{background:var(--foreground);color:var(--surface-strong)}body[data-theme=dark] .demo-modal-backdrop{background:#000000ad}body[data-theme=dark] .button-primary{background:var(--foreground);color:#0b1210}body[data-theme=dark] .button-primary:hover{background:#fff}body[data-theme=dark] .site-footer{background:var(--background);border-top-color:var(--border)}body[data-theme=dark] .footer-brand img{filter:brightness(0) invert(1)}.theme-toggle{display:none}.caller-lane.is-story-active{border-color:var(--component-caller);box-shadow:0 0 0 4px var(--component-caller-soft),0 14px 30px #12211b1a}body[data-theme=dark] .caller-lane.is-story-active{border-color:var(--component-caller);box-shadow:0 0 0 4px var(--component-caller-soft),0 14px 30px #0000003d}