/* Actual product screens anchor the two case openings. */
.agent-intro,.museum-intro{position:relative;isolation:isolate}
.case-runtime-backdrop{position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);overflow:hidden;pointer-events:none}
.case-runtime-backdrop img{display:block;position:absolute;max-width:none;height:auto}
.agent-intro{min-height:calc(100svh - 67px);padding-top:58px;padding-bottom:42px}
.agent-intro:before{display:none}
.agent-intro h2{font-size:clamp(49px,5.1vw,78px);margin:18px 0 16px}
.agent-intro-lead{max-width:600px;font-size:clamp(15px,1.2vw,18px);line-height:1.65;margin:0}
.agent-facts{max-width:610px;margin-top:18px}
.agent-facts span{background:#ffffffd9}
.agent-runtime-backdrop{background:linear-gradient(90deg,#f6f8fd 0%,#f6f8fd 43%,#e7effd 100%)}
.agent-runtime-backdrop img{width:min(45vw,710px);right:3%;top:315px;opacity:.96;filter:none;transform:rotate(3deg);border:8px solid #ffffff;border-radius:14px;box-shadow:0 22px 65px #3d5b9638}
.agent-runtime-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f6f8fd 0%,#f6f8fd 24%,transparent 58%)}
.agent-intro>.agent-kicker,.agent-intro>h2,.agent-intro>.agent-intro-lead,.agent-intro>.agent-facts,.agent-intro>.agent-opening-question,.agent-intro>.agent-scroll-cue,.museum-intro>.museum-kicker,.museum-intro>.museum-thesis-grid{position:relative;z-index:1}
.agent-opening-question{max-width:590px;margin-top:24px;padding:15px 20px 15px;border-left:3px solid #5975bd;background:#f7faffed;box-shadow:0 10px 35px #486ba51a}
.agent-opening-question .agent-kicker{margin:0;font-size:10px}
.agent-opening-question blockquote{font-family:var(--sans);font-size:clamp(23px,2.25vw,34px);font-weight:850;line-height:1.23;letter-spacing:-.065em;margin:9px 0}
.agent-opening-question blockquote em{font-family:var(--serif);font-weight:400;font-style:italic;color:var(--agent-blue)}
.agent-opening-question p:last-child{margin:0;color:#50617e;font-size:12px;line-height:1.65}
.agent-scroll-cue{margin-top:18px}
.museum-runtime-backdrop{background:#e7f0fd}
.museum-runtime-backdrop img{width:min(86vw,1500px);right:-10%;top:-18%;opacity:.84;filter:blur(1px);transform:rotate(4deg)}
.museum-runtime-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f7f9ffdf 0%,#f7f9ff8a 38%,#f7f9ff20 100%),linear-gradient(0deg,#f7f9ff 0%,transparent 20%)}
.museum-thesis{background:#ffffffeb;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.museum-sequence{background:#f8fbffeb;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
@media(max-width:1100px){.agent-intro{min-height:0;padding-top:45px}.agent-intro h2{font-size:clamp(46px,5.7vw,69px)}.agent-runtime-backdrop img{width:65vw;right:-18%;top:270px;opacity:.58}.agent-runtime-backdrop:after{background:linear-gradient(90deg,#f6f8fd 0%,#f6f8fddd 42%,#f6f8fd2e 100%)}.museum-runtime-backdrop img{width:120vw;right:-30%;top:0}}
@media(max-width:760px){.agent-intro{padding:42px 0 50px}.agent-intro h2{font-size:clamp(42px,9vw,58px)}.agent-intro-lead{font-size:15px}.agent-runtime-backdrop img{width:120vw;right:-49%;top:190px;opacity:.3}.agent-runtime-backdrop:after{background:linear-gradient(90deg,#f6f8fdef,#f6f8fdc9 70%,#f6f8fd8a)}.agent-opening-question{margin-top:23px}.agent-opening-question blockquote{font-size:clamp(23px,6vw,32px)}.museum-runtime-backdrop img{width:165vw;right:-55%;top:0;opacity:.6}.museum-runtime-backdrop:after{background:linear-gradient(180deg,#f7f9ff80,#f7f9ffdb 75%,#f7f9ff)}}
/* The original SVG stays sharp; fit by its intrinsic ratio instead of forcing a small image box. */
.agent-product{min-height:calc(100svh - 67px);box-sizing:border-box;padding:27px 0 24px}
.agent-product .agent-section-head{display:block;padding-top:12px}
.agent-product .agent-section-head>span{display:block;margin-bottom:10px}
.agent-product .agent-section-head h3{font-size:clamp(37px,3.15vw,58px);line-height:1.13;margin:0;max-width:none}
.agent-product .agent-section-head p{font-size:13px;margin:8px 0 0;max-width:none}
.agent-product .agent-architecture{margin:18px 0 0;padding:8px;text-align:center}
.agent-product .agent-architecture a{display:block;line-height:0}
.agent-product .agent-architecture a:focus-visible{outline:3px solid #4c67b4;outline-offset:4px}
.agent-product .agent-architecture img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100svh - 300px);margin:auto;object-fit:contain}
@media(max-width:1100px){.agent-product{min-height:0;padding:50px 0}.agent-product .agent-section-head h3{font-size:clamp(38px,5vw,55px)}.agent-product .agent-architecture img{max-height:65svh}}
@media(max-width:570px){.agent-product{padding:48px 0}.agent-product .agent-section-head h3{font-size:clamp(36px,9vw,47px)}.agent-product .agent-architecture{margin-top:22px;padding:6px}.agent-product .agent-architecture img{max-height:none}}
/* Two actual runs share a single viewport, with their original explanations beside the image. */
.agent-live{min-height:calc(100svh - 67px);box-sizing:border-box;padding:34px 0 30px}
.agent-live .agent-section-head{grid-template-columns:125px minmax(0,1fr) 300px;gap:18px;padding-top:16px}
.agent-live .agent-section-head h3{font-size:clamp(35px,3.45vw,55px)}
.agent-live .agent-section-head p{font-size:12px;line-height:1.65}
.agent-live-carousel{margin-top:25px;padding:12px 15px 9px;border:1px solid #bcd2ea;border-radius:18px;background:#ffffffed;box-shadow:0 22px 65px #587da62b}
.agent-live-carousel-stage{display:grid;position:relative;min-height:min(61svh,640px)}
.agent-live-slide{grid-area:1/1;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);align-items:center;gap:25px;min-width:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .7s ease,visibility 0s linear .7s}
.agent-live-slide.is-active{z-index:1;opacity:1;visibility:visible;pointer-events:auto;transition:opacity .7s ease,visibility 0s}
.agent-live-shot{margin:0;min-width:0;overflow:hidden;border:1px solid #cfdded;border-radius:10px;background:#f4f8fd}
.agent-live-shot .agent-window-bar{height:35px;padding:0 12px;font-size:9px}
.agent-live-shot .agent-window-bar strong{font-size:10px}
.agent-live-shot img{display:block;width:100%;height:min(55svh,570px);object-fit:contain;object-position:center top}
.agent-live-shot figcaption{padding:10px 12px;background:#fff;color:#607794;font-size:11px}
.agent-live-slide-copy{display:block;align-self:center;padding:8px 12px 8px 0;color:#324965}
.agent-live-slide-copy>span{color:#3d6bae;font-size:10px;font-weight:850;letter-spacing:.14em}
.agent-live-slide-copy h4{font-family:var(--sans);font-size:clamp(25px,2.4vw,38px);font-weight:900;line-height:1.25;letter-spacing:-.065em;margin:16px 0 20px;color:#192b49}
.agent-live-slide-copy p{font-size:13px;line-height:1.75;margin:0 0 15px}
.agent-live-slide-copy .agent-proof-result{padding:12px 13px;border-left:3px solid #5b79ba;background:#eaf2fc;color:#244971;font-weight:750}
.agent-live-carousel-controls{display:flex;align-items:center;justify-content:center;gap:14px;padding:10px 0 0;color:#3d5a7c;font-size:11px}
.agent-live-carousel-controls button{border:1px solid #b7cbe4;background:#f7fbff;color:#294c79;border-radius:100px;min-width:32px;height:32px;cursor:pointer;font:inherit;font-weight:800}
.agent-live-carousel-controls button:hover{background:#e5f1ff}
.agent-live-carousel-controls button:focus-visible{outline:3px solid #4c67b4;outline-offset:2px}
.agent-live-dots{display:flex;align-items:center;gap:7px}
.agent-live-dots button{min-width:9px;width:9px;height:9px;padding:0;background:#b9cbe0;border:0}
.agent-live-dots button[aria-current="true"]{width:24px;background:#4c67b4}
.agent-live-count{min-width:36px;text-align:center}
.agent-live-play{padding:0 12px}
@media(max-width:1100px){.agent-live{min-height:0;padding:65px 0}.agent-live .agent-section-head{grid-template-columns:1fr}.agent-live-carousel-stage{min-height:590px}.agent-live-slide{grid-template-columns:minmax(0,1.15fr) minmax(240px,.85fr)}.agent-live-shot img{height:480px}}
@media(max-width:760px){.agent-live{padding:55px 0}.agent-live-carousel{padding:8px}.agent-live-carousel-stage{min-height:0}.agent-live-slide{grid-template-columns:1fr;gap:12px;align-content:start}.agent-live-shot img{height:auto;max-height:48svh}.agent-live-slide-copy{padding:6px 10px 12px}.agent-live-slide-copy h4{font-size:27px;margin:8px 0 10px}.agent-live-slide-copy p{font-size:12px;line-height:1.6}.agent-live-carousel-controls{gap:9px}}