/* One visual language: dimensional agents, open editorial layouts, dark edges. */
html:has(body.agent-animated-review),body.spatial-site.agent-animated-review{background:#070a10;color-scheme:dark}
body.agent-animated-review main{overflow:clip}
body.agent-animated-review .agent-page-intro{width:100%;margin:0;background:transparent}
.agent-animated-review .agent-intro-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:60px}
.agent-animated-review .agent-intro-copy{position:relative;z-index:2;min-width:0}
.agent-animated-review .agent-intro-copy p{font-size:18px;max-width:49ch}
.agent-animated-review .agent-intro-grid h1{font-size:clamp(2.8rem,4.7vw,4.7rem)}
.agent-animated-review .agent-system-explainer{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}
.agent-animated-review .agent-system-explainer h2{margin-bottom:28px}
.agent-animated-review .agent-system-explainer .agent-copy{max-width:57ch}
.agent-scene{position:relative;margin:0;min-width:0;isolation:isolate}
.agent-scene-stage{position:relative;width:100%;height:380px;min-width:0}
.agent-scene-stage canvas{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;transition:opacity .4s;touch-action:pan-y}
.agent-scene.has-agent-webgl .agent-scene-stage canvas{opacity:1}
.agent-scene-fallback{position:absolute;inset:0;display:grid;place-items:center;color:#b7c3fa}
.agent-scene-fallback svg{height:75%;max-width:80%;filter:drop-shadow(0 18px 18px #0005)}
.agent-scene.has-agent-webgl .agent-scene-fallback{visibility:hidden}
.agent-scene figcaption{color:#aabbd5;text-align:center;font-size:13px;line-height:1.7;max-width:43ch;margin:0 auto}
.agent-system-scene .agent-scene-stage{height:420px}
.agent-intro-scene .agent-scene-stage{height:390px}
.agent-animated-review .agent-usecase{grid-template-columns:200px .8fr 1.2fr 28px;align-items:center;gap:35px;padding:22px 0}
.agent-usecase-scene .agent-scene-stage{height:190px}
.agent-animated-review .agent-usecase h3{font-size:26px;line-height:1.2}
.agent-animated-review .agent-usecase p{font-size:14px}
.agent-animated-review .agent-sculpture-figure{background:linear-gradient(140deg,#17233d55,#10172200 70%);box-shadow:none;border-color:#b6cbff15}
.agent-animated-review .agent-sculpture-stage{height:390px;margin-top:-4px}
.agent-animated-review .agent-sculpture-figure .agent-mode-tabs{margin-top:0}
.agent-animated-review .agent-example{min-height:115px}
.agent-animated-review .agent-example .agent-example-steps{font-size:13px;line-height:1.75}
.agent-animated-review .agent-sculpture-figure figcaption{font-size:12px}
.agent-animated-review .agent-questions{background:#101a2a66}
.agent-faq-list details{border-bottom:1px solid #bac7dc26;padding:22px 0}
.agent-faq-list details:first-child{padding-top:0}
.agent-faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:24px;cursor:pointer;list-style:none;font-size:18px;line-height:1.5;color:#e8eeff;font-weight:500}
.agent-faq-list summary::-webkit-details-marker{display:none}
.agent-faq-list summary:after{content:'+';font-size:24px;font-weight:300;line-height:1;flex:none;color:#bbc7ff}
.agent-faq-list details[open] summary:after{content:'−'}
.agent-faq-list p{font-size:15px;line-height:1.8;margin-top:18px}
.agent-related .agent-copy a{color:#dde3ff;text-decoration:underline;text-decoration-color:#8e9ed180;text-underline-offset:4px}
.agent-animated-review :is(a,button,summary):focus-visible{outline:2px solid #c7ceff;outline-offset:6px}
@media(min-width:1600px){.agent-animated-review .agent-sculpture-stage{height:420px}}
@media(max-width:1100px){.agent-animated-review .agent-intro-grid{gap:35px;grid-template-columns:1.1fr .9fr}.agent-intro-scene .agent-scene-stage{height:320px}.agent-animated-review .agent-system-explainer{gap:50px}.agent-system-scene .agent-scene-stage{height:360px}.agent-animated-review .agent-usecase{grid-template-columns:150px .8fr 1.2fr 22px;gap:24px}.agent-usecase-scene .agent-scene-stage{height:155px}.agent-animated-review .agent-sculpture-stage{height:330px}}
@media(max-width:800px){.agent-animated-review .agent-intro-grid{grid-template-columns:1fr;gap:10px}.agent-animated-review .agent-page-intro{padding-bottom:35px}.agent-intro-scene{width:min(480px,100%);justify-self:center}.agent-intro-scene .agent-scene-stage{height:310px}.agent-animated-review .agent-intro-copy p{font-size:17px}.agent-animated-review .agent-system-explainer{grid-template-columns:1fr;gap:22px}.agent-system-scene{width:min(500px,100%);justify-self:center}.agent-system-scene .agent-scene-stage{height:340px}.agent-animated-review .agent-usecase{grid-template-columns:160px 1fr 24px;gap:12px 24px;padding-block:28px}.agent-animated-review .agent-usecase>figure{grid-row:1/3;grid-column:1}.agent-animated-review .agent-usecase>h3{grid-row:1;grid-column:2}.agent-animated-review .agent-usecase>div{grid-row:2;grid-column:2}.agent-animated-review .agent-usecase>.usecase-arrow{grid-row:1;grid-column:3}.agent-usecase-scene .agent-scene-stage{height:190px}.agent-animated-review .agent-sculpture-stage{height:360px}}
@media(max-width:520px){.agent-animated-review .agent-usecase{grid-template-columns:1fr 24px;gap:10px}.agent-animated-review .agent-usecase>figure{grid-column:1/-1;grid-row:1;width:100%;height:210px}.agent-usecase-scene .agent-scene-stage{height:210px;width:100%;max-width:300px;margin:auto}.agent-animated-review .agent-usecase>h3{grid-column:1;grid-row:2;font-size:25px}.agent-animated-review .agent-usecase>div{grid-column:1/-1;grid-row:3}.agent-animated-review .agent-usecase>.usecase-arrow{grid-column:2;grid-row:2}.agent-animated-review .agent-usecase p{font-size:14px}.agent-animated-review .agent-sculpture-stage{height:290px}.agent-animated-review .agent-example .agent-example-steps{font-size:12px}.agent-intro-scene .agent-scene-stage{height:280px}.agent-system-scene .agent-scene-stage{height:300px}.agent-animated-review .agent-intro-copy p{font-size:16px}.agent-faq-list summary{font-size:17px}.agent-faq-list p{font-size:14px}.agent-scene figcaption{font-size:12px}}
@media(prefers-reduced-motion:reduce){.agent-scene-stage canvas{transition:none}}
@media(max-width:520px){.agent-animated-review .agent-example .agent-example-steps{font-size:13px}}