/* The cinematic stage extends the existing accessible demonstration controls. */
.ai-lab{background:#060b14;border-color:#364154;box-shadow:0 40px 90px #0005}
.ai-lab::before{background:radial-gradient(ellipse at 17% 18%,#943c6a19,transparent 45%),radial-gradient(ellipse at 72% 62%,rgba(var(--ai-rgb),.045),transparent 50%)}
.ai-lab-head{padding:20px 36px}.ai-lab-kicker{font-size:.62rem;color:#99acbd}.ai-lab-kicker b{color:#e0eee9}.ai-motion{font:.66rem var(--mono)!important;min-height:36px;background:#ffffff04}
.ai-lab-intro{padding:32px 36px 26px}.ai-lab h2{font:700 clamp(2.3rem,4.4vw,3.8rem)/.99 var(--sans);letter-spacing:-.05em;color:#f1f4f5;max-width:none}.ai-lab h2 em{display:inline-block;margin-top:4px;font:400 1.05em/1.14 var(--serif);letter-spacing:-.035em;background:linear-gradient(100deg,#d6f9eb,var(--ai-accent) 65%,#c2ecf6);background-clip:text;-webkit-background-clip:text;color:transparent}.ai-lab-intro>p{font-size:.92rem;line-height:var(--copy-leading);max-width:35ch}
.ai-scenario-bar{padding:0 36px 30px;gap:24px}.ai-scenario-bar .ai-scenarios{padding:5px;gap:6px;border:1px solid #ffffff12;border-radius:12px;background:#ffffff03}.ai-scenario{min-height:46px;padding:10px 15px!important;background:transparent;border-color:transparent;font-size:.76rem!important}.ai-scenario[aria-pressed="true"]{border-color:rgba(var(--ai-rgb),.36);background:rgba(var(--ai-rgb),.065)}.ai-run{min-height:52px;padding:13px 22px;border-color:#c8fbea;background:linear-gradient(110deg,#c4f7e3,var(--ai-accent));color:#0b2022;box-shadow:0 0 30px rgba(var(--ai-rgb),.16),inset 0 1px #ffffffaa;font-size:.82rem!important;border-radius:9px}
.ai-stage{position:relative;display:block;height:650px;min-height:0;padding:0;border-top:1px solid #ffffff0f;border-bottom:1px solid #ffffff0f;background:radial-gradient(ellipse at 50% 44%,rgba(var(--ai-rgb),.055),transparent 43%);overflow:clip}
.ai-stage-stamp{position:absolute;top:22px;left:36px;right:36px;display:flex;justify-content:space-between;gap:20px;font:500 .5rem/1.6 var(--mono);letter-spacing:.2em;color:#8398ac;z-index:3;pointer-events:none}
.ai-horizon{position:absolute;bottom:-250px;left:-50%;width:200%;height:500px;transform:perspective(430px) rotateX(65deg);background-image:linear-gradient(#60879422 1px,transparent 1px),linear-gradient(90deg,#60879422 1px,transparent 1px);background-size:55px 55px;mask-image:radial-gradient(ellipse,#000 15%,transparent 64%);pointer-events:none}
.ai-visual{position:absolute;inset:0;width:100%;height:100%;max-width:none;margin:0;cursor:grab;touch-action:pan-y}.ai-visual canvas{z-index:1}.ai-core-aura{position:absolute;width:35%;height:18%;left:32.5%;top:45%;border-radius:50%;background:radial-gradient(ellipse,rgba(var(--ai-rgb),.14),transparent 70%);filter:blur(30px);mix-blend-mode:screen;pointer-events:none;transition:background .8s}
.ai-core-copy{bottom:111px;left:29%;right:29%;z-index:3}.ai-core-copy>span{font-size:.52rem;letter-spacing:.21em;margin-bottom:9px}.ai-core-copy strong{font:400 1.23rem/1.3 var(--serif);color:#eaf6f5}.ai-core-copy small{font:.54rem/1.7 var(--mono);color:#91a9ba;margin-top:9px}
.ai-orb-fallback{width:34%;left:33%;top:12%;border-radius:48% 52% 41% 59%;border-color:rgba(var(--ai-rgb),.5);box-shadow:inset 0 0 40px rgba(var(--ai-rgb),.12),0 0 45px rgba(var(--ai-rgb),.1);transform:rotate(-25deg)}
.ai-tokens{position:absolute;inset:0;pointer-events:none;z-index:2}.ai-tokens>span{position:absolute;padding:6px 9px;background:#091521a8;border:1px solid #54738340;border-radius:4px;font:500 .51rem/1.5 var(--mono);letter-spacing:.025em;color:#97adbe;white-space:nowrap;transition:color .6s,border-color .6s,box-shadow .6s,opacity .6s}.ai-tokens>span::before{content:"";display:inline-block;height:4px;width:4px;background:currentColor;border-radius:50%;margin-right:6px}.ai-tokens>span:nth-child(1){top:21%;left:29%}.ai-tokens>span:nth-child(2){top:9%;left:49%}.ai-tokens>span:nth-child(3){top:27%;right:27%}.ai-tokens>span:nth-child(4){top:67%;left:28%}.ai-tokens>span:nth-child(5){top:64%;right:27%}.ai-tokens>span.is-active{color:var(--ai-accent);border-color:rgba(var(--ai-rgb),.5);box-shadow:0 0 22px rgba(var(--ai-rgb),.13)}
.ai-card{position:absolute;width:22%;max-width:282px;z-index:4;top:50%;transform:translateY(-56%);padding:22px;border-color:#687d8f44;border-radius:13px;background:linear-gradient(130deg,#1a2b3cbd,#0c1522e8);box-shadow:0 20px 50px #0004,inset 0 1px #ffffff0b;backdrop-filter:blur(14px)}.ai-input{left:28px}.ai-output{right:28px;min-height:355px}.ai-card-top{font-size:.56rem;letter-spacing:.1em;margin-bottom:19px}.ai-source{font-size:.65rem;line-height:1.6;margin-bottom:12px}.ai-message{font-size:.9rem!important;line-height:var(--copy-leading)!important;color:#dde8ef!important;margin:0!important}.ai-challenge{font-size:.68rem!important;line-height:1.6!important;margin-top:20px;padding-top:15px}
.ai-output h3{font-size:1.22rem}.ai-output p{font-size:.73rem;line-height:var(--copy-leading)}.ai-output dl>div{grid-template-columns:45px minmax(0,1fr);gap:9px;font-size:.64rem;line-height:1.7}.ai-review{font-size:.5rem;letter-spacing:.05em}.ai-approve{font-size:.68rem!important;background:linear-gradient(120deg,#ffe0a820,#ffc36813);color:#ffe5ae;border-color:#e2c17e8c}.ai-lab[data-step="4"] .ai-output{border-color:#e2c17e8c;box-shadow:0 0 34px #e2c17e14,0 25px 50px #0004}.ai-lab[data-complete="true"] .ai-tokens{opacity:.3}
.ai-shape-control{position:absolute;width:30%;max-width:355px;left:50%;bottom:22px;transform:translateX(-50%);z-index:5;padding:12px 17px 10px;border:1px solid #8aadbd20;border-radius:10px;background:#0b1522aa;backdrop-filter:blur(12px)}.ai-shape-control>div{display:flex;justify-content:space-between;align-items:center;gap:12px;font:.57rem/1.6 var(--mono);color:#b2c7d5}.ai-shape-control label{color:#e3efef}.ai-shape-control #aiFormationState{color:var(--ai-accent)}.ai-shape-control .ai-shape-ends{font-size:.48rem;color:#8ba4b6;letter-spacing:.06em}
.ai-shape-control input{appearance:none;-webkit-appearance:none;display:block;width:100%;height:24px;margin:3px 0;background:transparent;cursor:ew-resize;touch-action:pan-y}.ai-shape-control input::-webkit-slider-runnable-track{height:3px;border-radius:9px;background:linear-gradient(90deg,#5d366e,var(--ai-accent))}.ai-shape-control input::-moz-range-track{height:3px;border-radius:9px;background:linear-gradient(90deg,#5d366e,var(--ai-accent))}.ai-shape-control input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;height:13px;width:13px;border-radius:50%;margin-top:-5px;background:#eafff5;border:2px solid var(--ai-accent);box-shadow:0 0 13px rgba(var(--ai-rgb),.7)}.ai-shape-control input::-moz-range-thumb{height:10px;width:10px;border-radius:50%;background:#eafff5;border:2px solid var(--ai-accent);box-shadow:0 0 13px rgba(var(--ai-rgb),.7)}
.ai-sequence{padding:23px 36px 0;margin:0;gap:10px}.ai-step{font-size:.66rem!important;min-height:62px}.ai-step>span{font-size:.5rem}.ai-lab-controls{padding:16px 36px 23px}.ai-demo-note{font-size:.64rem;max-width:95ch}
@media(min-width:1450px){.ai-stage{height:690px}.ai-visual{height:100%}.ai-card{padding:25px}.ai-output p{font-size:.8rem}.ai-message{font-size:.96rem!important}.ai-output h3{font-size:1.35rem}.ai-card-top{font-size:.6rem}.ai-source{font-size:.7rem}.ai-output dl>div{font-size:.7rem}.ai-core-copy{bottom:118px}.ai-core-copy strong{font-size:1.45rem}.ai-tokens>span{font-size:.57rem}}
@media(max-width:1100px){.ai-card{padding:18px;width:23%}.ai-input{left:20px}.ai-output{right:20px}.ai-tokens>span:nth-child(1){left:28%}.ai-tokens>span:nth-child(3){right:25%}.ai-message{font-size:.82rem!important}.ai-core-copy strong{font-size:1.13rem}.ai-scenario{padding:9px 12px!important;font-size:.72rem!important}.ai-lab-intro>p{font-size:.82rem;max-width:30ch}.ai-stage{height:620px}.ai-visual{height:100%}}
@media(max-width:900px){.ai-lab-head,.ai-lab-intro{padding-left:24px;padding-right:24px}.ai-scenario-bar{padding:0 24px 24px;gap:14px}.ai-scenario>span{display:none}.ai-scenario-bar .ai-run{padding:12px 17px;font-size:.74rem!important}.ai-stage{height:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;padding:0 24px 24px}.ai-visual{position:relative;inset:auto;grid-column:1/-1;grid-row:1;height:470px;max-width:680px;width:100%;margin:0 auto;order:0}.ai-card{position:relative;inset:auto;transform:none;width:auto;max-width:none;min-height:0}.ai-input,.ai-output{grid-row:3}.ai-card::before{display:none}.ai-core-copy{left:15%;right:15%;bottom:15px}.ai-core-copy strong{font-size:1.35rem}.ai-shape-control{position:relative;left:auto;bottom:auto;transform:none;width:70%;max-width:370px;margin:0 auto 8px;grid-column:1/-1;grid-row:2}.ai-tokens>span:nth-child(1){left:8%;top:27%}.ai-tokens>span:nth-child(2){top:10%}.ai-tokens>span:nth-child(3){right:3%;top:31%}.ai-tokens>span:nth-child(4){left:7%;top:67%}.ai-tokens>span:nth-child(5){right:8%;top:70%}.ai-stage-stamp{top:15px;left:24px;right:24px;font-size:.43rem}.ai-sequence{padding-left:24px;padding-right:24px}.ai-lab-controls{padding-left:24px;padding-right:24px}.ai-output p{font-size:.82rem}.ai-output h3{font-size:1.3rem}.ai-output dl>div{grid-template-columns:55px minmax(0,1fr);font-size:.7rem}.ai-message{font-size:.9rem!important}}
@media(max-width:650px){.ai-lab{margin-top:48px;border-radius:15px;scroll-margin-top:130px}.ai-lab-head{padding:16px 18px;gap:10px}.ai-lab-kicker{font-size:.5rem;gap:8px;letter-spacing:.1em}.ai-engine-label{display:none}.ai-motion{font-size:.6rem!important;min-height:36px}.ai-lab-intro{display:block;padding:25px 20px 23px}.ai-lab h2{font-size:2.75rem}.ai-lab-intro>p{font-size:.82rem;max-width:48ch;margin-top:16px}.ai-scenario-bar{display:block;padding:0 18px 24px}.ai-scenario-bar .ai-scenarios{padding:4px;gap:3px}.ai-scenario{flex:1;justify-content:center;padding:9px 6px!important;font-size:.65rem!important}.ai-scenario-bar .ai-run{width:100%;margin-top:13px;min-height:48px}.ai-stage{display:flex;flex-direction:column;padding:0 18px 20px;gap:16px}.ai-visual{height:380px;flex:none}.ai-input{order:2}.ai-output{order:3}.ai-card{padding:21px}.ai-shape-control{order:1;width:100%;max-width:none;box-sizing:border-box;margin:0}.ai-stage-stamp{left:18px;right:18px;gap:10px;font-size:.4rem;letter-spacing:.1em}.ai-core-copy{left:0;right:0;bottom:4px}.ai-core-copy strong{font-size:1.15rem}.ai-core-copy>span{font-size:.45rem}.ai-core-copy small{font-size:.49rem;margin-top:7px}.ai-tokens>span{font-size:.4rem;padding:4px 6px}.ai-tokens>span:nth-child(1){left:0;top:20%}.ai-tokens>span:nth-child(2){top:12%;left:45%}.ai-tokens>span:nth-child(3){right:0;top:40%}.ai-tokens>span:nth-child(4){left:0;top:69%}.ai-tokens>span:nth-child(5){right:0;top:68%}.ai-shape-control>div{font-size:.64rem}.ai-shape-control input{height:30px;margin:6px 0}.ai-shape-control input::-webkit-slider-thumb{width:18px;height:18px;margin-top:-7.5px}.ai-shape-control input::-moz-range-thumb{width:14px;height:14px}.ai-sequence{padding:21px 18px 0;gap:6px}.ai-step{font-size:.59rem!important}.ai-lab-controls{padding:12px 18px 20px}.ai-demo-note{font-size:.65rem}}
@media(max-width:360px){.ai-lab h2{font-size:2.3rem}.ai-visual{height:340px}.ai-scenario{font-size:.59rem!important}.ai-tokens>span{font-size:.36rem}.ai-core-copy strong{font-size:1rem}.ai-core-copy small{font-size:.44rem}.ai-step{font-size:.53rem!important}.ai-card{padding:17px}.ai-stage-stamp span:last-child{display:none}}