*{box-sizing:border-box}body{font-size:14px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}p{color:rgb(var(--text-secondary));line-height:1.8}.light{--text-secondary:100,110,128}.topbar{height:64px;position:sticky;top:0;z-index:20;background:rgb(var(--background));border-bottom:1px solid rgb(var(--border));display:flex;align-items:center;gap:32px;padding:0 24px}.topbar nav{margin-left:auto;display:flex;align-items:center;gap:22px;font-size:12px}.brand{gap:10px}.beta{font-size:10px;color:rgb(var(--primary));background:rgba(var(--primary),.08);padding:2px 6px;border-radius:4px}.header-note{font-size:12px;color:rgb(var(--text-secondary))}#theme-toggle{background:none;color:inherit;border:1px solid rgb(var(--border));border-radius:5px;width:30px;height:30px}.rail{position:fixed;top:64px;bottom:0;width:200px;background:rgb(var(--background));border-right:1px solid rgb(var(--border));padding:26px 12px}.rail>p{font-size:9px;letter-spacing:1px;margin:0 12px 24px}.rail nav{display:grid;gap:8px}.rail nav a{display:flex;gap:13px;padding:10px 12px;border-radius:5px;color:rgb(var(--text-secondary));font-size:12px}.rail nav a span{font:10px monospace;opacity:.7}.rail nav a:hover,.rail nav a[aria-current]{background:rgba(var(--primary),.07);color:rgb(var(--primary))}.rail-bottom{position:absolute;bottom:24px;font-size:10px;padding:0 10px;color:rgb(var(--text-secondary))}.rail-bottom a{display:block;margin-top:16px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#27a179;margin-right:6px}main{margin-left:200px;background:rgb(var(--background-secondary));padding:12px 30px 0}section{max-width:1280px;margin:0 auto 36px;scroll-margin-top:82px}.crumb{font-size:11px;margin:16px 0 14px}.crumb span{padding:0 9px;opacity:.5}.panel{border:1px solid rgb(var(--border));border-radius:7px;background:rgb(var(--background));padding:46px;box-shadow:0 2px 3px #00000002}.hero{padding:48px 36px;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;min-height:620px}.eyebrow{font:10px/1.6 monospace;letter-spacing:1.5px;color:rgb(var(--primary));margin:0 0 22px}h1,h2,h3,h4{line-height:1.18;margin:0;color:rgb(var(--text-primary))}h1{font-size:clamp(34px,3.45vw,56px);letter-spacing:-2px;font-weight:650}h1 span{color:rgb(var(--primary))}h2{font-size:clamp(28px,2.8vw,42px);letter-spacing:-1.4px;font-weight:600}h3{font-size:20px;letter-spacing:-.5px;margin-bottom:18px}h4{font-size:16px;line-height:1.4;margin:18px 0 10px}.lead{font-size:15px;margin-top:24px}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:26px}.actions a{font-size:12px}.btn-primary,.btn-secondary{padding:11px 16px;border-radius:5px}.hero-visual{min-width:0;border:1px solid rgb(var(--border));border-radius:6px;overflow:hidden;background:rgb(var(--background-secondary));box-shadow:0 12px 40px #00000008}.window-label{padding:13px;font:9px monospace;letter-spacing:.7px;border-bottom:1px solid rgb(var(--border));display:flex;align-items:center}.window-label>span:last-child{margin-left:auto;color:rgb(var(--text-secondary));letter-spacing:0}.logs{display:block;width:100%;height:auto;border-bottom:1px solid rgb(var(--border))}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.section-heading{margin-bottom:40px}.split p{max-width:500px}.icon{background:rgba(var(--primary),.08);color:rgb(var(--primary));width:38px;height:38px;display:grid;place-items:center;font-size:24px;border-radius:6px;margin-bottom:20px}.component-list{border:1px solid rgb(var(--border));border-radius:6px}.component-list>div{display:flex;align-items:center;padding:16px;gap:14px;border-bottom:1px solid rgb(var(--border))}.component-list>div:last-child{border:0}.component-symbol{background:rgba(var(--primary),.08);color:rgb(var(--primary));width:28px;height:28px;display:grid;place-items:center;border-radius:5px}.component-list strong{font-size:12px}.component-list>div>span:last-child{margin-left:auto;font-size:10px;color:rgb(var(--text-secondary))}.intro{max-width:670px}.feature-heading{border-top:1px solid rgb(var(--border));margin-top:30px;padding-top:28px}.feature-heading h3{font-size:17px}.flows{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.flows article{padding:24px;border:1px solid rgb(var(--border));border-radius:6px;background:rgb(var(--background-secondary))}.flow-number{font:11px monospace;color:rgb(var(--primary))}.flows p{font-size:12px;line-height:2}.footnote{font-size:12px;margin:24px 0 0}.access{padding:28px;background:rgb(var(--background-secondary));border:1px solid rgb(var(--border));border-radius:6px}.access h3{font-size:27px}.access-row{display:flex;gap:8px;margin:24px 0}.access-row span{padding:7px 12px;border:1px solid rgb(var(--border));border-radius:4px;font-size:11px;background:rgb(var(--background))}.access .actions{color:rgb(var(--primary))}.closing{background:linear-gradient(120deg,rgba(var(--primary),.06),rgb(var(--background)))}footer{display:flex;align-items:center;gap:24px;max-width:1280px;margin:auto;padding:12px 0 32px;font-size:11px;color:rgb(var(--text-secondary))}footer>span{margin-right:auto}.run-gantt{margin:0;padding:18px;background:rgb(var(--background));border:1px solid rgb(var(--border));border-radius:6px;font-size:10px}.hero-visual .run-gantt{margin:14px 14px 0}.run-header{display:flex;justify-content:space-between;gap:10px;margin-bottom:20px}.run-header strong{font-size:12px}.run-header span{color:#249d78}.gantt-scale,.gantt-row{display:grid;grid-template-columns:110px 1fr;gap:12px;margin:14px 0}.gantt-scale>div{display:flex;justify-content:space-between;color:rgb(var(--text-secondary));font-size:8px}.gantt-row small{display:block;font-size:8px;color:rgb(var(--text-secondary))}.gantt-track{background:repeating-linear-gradient(90deg,transparent,transparent calc(25% - 1px),rgba(var(--border),.5) 25%);position:relative;min-height:24px}.gantt-bar{position:absolute;left:var(--start);width:var(--duration);top:2px;height:20px;background:rgba(var(--primary),.16);border-left:2px solid rgb(var(--primary));color:rgb(var(--primary));font-size:8px;padding:3px;white-space:nowrap}.gantt-footer{border-top:1px solid rgb(var(--border));padding-top:12px;font-size:9px;color:rgb(var(--text-secondary))}.gantt-footer>span:last-child{display:block;margin-top:5px}.example-label{font-size:9px;margin:8px 14px 12px}.skip{position:absolute;left:16px;top:-100px;padding:10px;background:rgb(var(--background));z-index:100}.skip:focus{top:10px}:focus-visible{outline:2px solid rgb(var(--primary));outline-offset:4px}@media(min-width:1600px){.hero{min-height:680px}}@media(max-width:1150px){.rail{width:165px}main{margin-left:165px;padding:10px 20px}.hero{grid-template-columns:1fr}.hero-copy{max-width:650px}.hero-visual{max-width:700px}.split{gap:30px}.panel{padding:30px}.header-note{display:none}}@media(max-width:760px){.rail{display:none}main{margin-left:0;padding:8px 14px}.topbar{padding:0 14px}.topbar nav{gap:12px}.topbar nav>a:not(.btn-primary){display:none}.topbar .btn-primary{padding:8px 10px;font-size:11px}.panel{padding:24px 20px}.split,.flows{grid-template-columns:1fr;gap:24px}h1{font-size:39px;letter-spacing:-1.6px}.hero{min-height:0;gap:26px}.hero-visual{margin:0 -8px}.gantt-scale,.gantt-row{grid-template-columns:95px 1fr;gap:5px}.component-list>div{padding:12px}.component-list>div>span:last-child{font-size:9px}footer{flex-wrap:wrap;gap:15px}footer>span{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Keep timeline icons at workbench scale, independent of the SVG intrinsic size. */
.run-gantt .ui-icon{display:block;width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.run-gantt figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.run-gantt .panel-title{display:flex;align-items:center;gap:9px;min-width:0}
.run-gantt .timeline-icon{display:grid;place-items:center;width:30px;height:30px;flex:none;border:1px solid rgb(var(--border));border-radius:5px;color:rgb(var(--primary));background:rgba(var(--primary),.05)}
.run-gantt .panel-title strong{font-size:12px;font-weight:600}
.run-gantt .timeline-subtitle{display:block;margin-top:3px;font-size:9px;color:rgb(var(--text-secondary))}
.run-gantt .timeline-duration{font:10px monospace;color:rgb(var(--text-secondary));white-space:nowrap}
.run-gantt .run-context{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 0;border-top:1px solid rgb(var(--border));font-size:10px}
.run-gantt .run-context .example-label{margin:0 0 0 5px}
.run-gantt .run-success{color:#249d78;font-size:9px}
.run-gantt .status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#27a179;margin-right:6px}

/* Label tiny durations without widening their proportional execution bar. */
.gantt-bar--short{padding:0;min-width:1px}.gantt-bar--short>span{position:absolute;right:calc(100% + 4px);top:3px;white-space:nowrap}

/* Organization and agent positioning, within the existing workbench layout. */
.hero-positioning{font-size:19px;font-weight:550;line-height:1.5;color:rgb(var(--text-primary));margin:22px 0 0}
.hero .lead{font-size:14px;margin-top:14px}.compatibility{font-size:11px;margin-top:20px;max-width:420px}
.copy-wide{max-width:800px;margin-top:28px}.copy-wide h3{margin-top:28px;line-height:1.45}
.capabilities{margin-top:32px}.capability{display:grid;grid-template-columns:48px minmax(0,1fr);gap:22px;padding:30px 0;border-top:1px solid rgb(var(--border))}.capability:last-child{padding-bottom:0}.capability-number{font:15px monospace;color:rgb(var(--primary));padding-top:3px}.capability h3{font-size:23px;line-height:1.35;margin-bottom:16px}.capability p{max-width:800px;margin:10px 0}.capability .capability-takeaway{color:rgb(var(--primary));font-weight:550;margin-top:18px}
.content-cards{margin-top:32px}.content-cards h3{font-size:19px;line-height:1.4}.content-cards h4{font-size:14px;line-height:1.5}.content-cards p{font-size:13px;line-height:1.8}.execution-preview{max-width:650px;margin:32px auto 0}.closing .copy-wide{max-width:760px}
@media(max-width:760px){.capability{grid-template-columns:28px minmax(0,1fr);gap:12px}.capability h3{font-size:20px}.hero-positioning{font-size:17px}.content-cards{gap:16px}.header-note{display:none}}

/* Workbench screenshot carousel and expanded viewer. */
.work-slide{margin:0}.work-slide[hidden]{display:none}.carousel-viewport{aspect-ratio:2880/1720;background:#f5f5f5;overflow:hidden}.expand-slide{position:relative;display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.expand-slide img{display:block;width:100%;height:auto;aspect-ratio:2880/1720;object-fit:contain}.expand-hint{position:absolute;right:10px;bottom:10px;padding:5px 9px;border:1px solid #d4d4d4;border-radius:4px;background:#ffffffed;color:#0846a6;font-size:10px}.carousel-controls{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 12px;border-top:1px solid rgb(var(--border));background:rgb(var(--background))}.carousel-arrow,.carousel-close{display:grid;place-items:center;flex:none;width:36px;height:36px;border:1px solid rgb(var(--border));border-radius:5px;background:rgb(var(--background));color:rgb(var(--text-primary));font-size:17px}.carousel-dots{display:flex;gap:2px}.carousel-dot{width:26px;height:32px;border:0;background:transparent;display:grid;place-items:center;padding:0}.carousel-dot:before{content:'';width:6px;height:6px;border-radius:50%;background:rgb(var(--border))}.carousel-dot[aria-pressed=true]:before{background:rgb(var(--primary));width:8px;height:8px}.carousel-count{font:10px monospace;color:rgb(var(--text-secondary));white-space:nowrap}.carousel-dialog{width:min(1500px,96vw);max-width:96vw;max-height:94dvh;padding:0;border:1px solid rgb(var(--border));border-radius:9px;color:rgb(var(--text-primary));background:rgb(var(--background));overflow:auto}.carousel-dialog::backdrop{background:rgba(8,15,28,.8)}.expanded-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px}.expanded-header h2{font-size:16px;letter-spacing:0}.expanded-image{display:flex;justify-content:center;background:#f5f5f5}.expanded-image img{display:block;max-width:100%;max-height:calc(94dvh - 126px);object-fit:contain}.carousel-open{overflow:hidden}@media(max-width:760px){.carousel-controls{gap:6px}.carousel-dialog{width:96vw}.expanded-header{padding:10px 12px}}

/* Preserve screenshot colors. Only native dark captures represent the workbench dark theme. */
.dark .carousel-viewport,.dark .expanded-image{background:rgb(var(--background-secondary))}
.carousel-dots{min-width:0;flex-wrap:wrap;justify-content:center}
@media(max-width:760px){.carousel-dot{width:20px}.carousel-controls{gap:4px}.carousel-arrow{width:30px;height:34px}.carousel-count{font-size:9px}}

/* Match the workbench's dark surface hierarchy, not just its palette. */
html.dark{color-scheme:dark}
html.light{color-scheme:light}
.dark main{background:rgb(var(--background-tertiary))}
.dark .topbar,.dark .rail,.dark .panel,.dark .run-gantt,.dark .carousel-controls,.dark .carousel-dialog{background:rgb(var(--background))}
.dark .flows article,.dark .access{background:rgb(var(--background-secondary))}
.dark .closing{background:rgb(var(--background))}
.dark .btn-primary{color:rgb(var(--background));background:rgb(var(--primary));border-color:rgb(var(--primary))}
.dark .btn-secondary{color:rgb(var(--text-primary));background:rgb(var(--background));border-color:rgb(var(--border))}
.dark .expand-hint{background:rgb(var(--background));border-color:rgb(var(--border));color:rgb(var(--text-primary))}
.dark .dot,.dark .run-gantt .status-dot{background:#00875a}
.dark .run-gantt .run-success{color:#38b889}
.dark .hero-visual,.dark .panel{box-shadow:none}
.dark .brand strong{color:rgb(var(--primary))}

/* Same wordmark and Beta badge typography as WorkbenchHeader. */
.topbar .brand{gap:8px}
.topbar .brand>img{width:28px;height:28px;flex-shrink:0;object-fit:contain}
.topbar .brand>strong{font-size:18px;line-height:28px;font-weight:700;letter-spacing:normal;color:rgb(var(--primary))}
.topbar .brand>.beta{font-size:10px;line-height:1.5;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:2px 6px;border-radius:4px;background:rgba(var(--primary),.1);color:rgb(var(--primary))}
@media(min-width:640px){.topbar .brand{gap:12px}.topbar .brand>strong{font-size:20px}}