/* Native interactions. No render loop, video, or external dependencies. */
.flow-lab{background:#0b0c0e;scroll-margin-top:25px}
.flow-lab .section-intro{align-items:end}
.lab-console{border:1px solid #414044;border-radius:14px;overflow:hidden;background:#101114;box-shadow:0 30px 90px #0003}
.lab-topbar{min-height:65px;padding:18px 28px;display:flex;align-items:center;gap:27px;border-bottom:1px solid #ffffff14}
.lab-wordmark{font:500 19px var(--display);letter-spacing:-.07em}.lab-wordmark>span{color:var(--orange)}
.lab-demo-tag{display:flex;align-items:center;gap:8px;font-size:11px;color:#ccc7c3}.lab-demo-tag i{width:5px;height:5px;border-radius:50%;background:var(--orange)}
.lab-edition{margin-left:auto;font-size:8px;letter-spacing:.18em;color:#aaa7ab}
.lab-configuration{display:grid;grid-template-columns:1fr 1.65fr 1fr;gap:26px;padding:25px 28px;border-bottom:1px solid #ffffff14;background:#151619}
.lab-configuration label,.lab-tasks legend{display:block;font-size:12px;line-height:1.5;color:#e4e1df;margin:0 0 13px}
.lab-configuration label>span,.lab-tasks legend>span{color:#b2a096;margin-right:9px;font-size:9px}
.lab-config{min-width:0}.lab-config select{width:100%;min-height:46px;padding:10px 30px 10px 12px;border:1px solid #535158;border-radius:5px;background:#101114;color:#f3eeea;font:12px var(--font);cursor:pointer}
.lab-tasks{min-width:0;border:0;padding:0;margin:0}.lab-tasks>div{display:flex;gap:6px}.lab-tasks button{flex:1;min-height:46px;padding:10px 6px;font:12px var(--font);color:#cac6c4;background:#101114;border:1px solid #535158;border-radius:5px;transition:background .2s,border-color .2s;color-scheme:dark}
.lab-tasks button:hover{border-color:#b09383}.lab-tasks button[aria-pressed=true]{color:#ffc2a9;border-color:#d98260;background:#ff784c13}
.lab-stage{height:330px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 42% 38%,#5b2b1d24,transparent 60%)}
.lab-grid{position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#7d777841 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent)}
.lab-wires{position:absolute;width:100%;height:100%;inset:0;overflow:visible;pointer-events:none;fill:none;stroke-width:1;vector-effect:non-scaling-stroke}.wire-base{stroke:#625149;stroke-dasharray:3 5}.wire-signal{stroke:#ff9e71;stroke-width:2;stroke-dasharray:12 88;stroke-dashoffset:100;opacity:0;filter:drop-shadow(0 0 4px #ff875e)}.lab-wires-narrow{display:none}
.lab-node{position:absolute;top:135px;transform:translate(-50%,-42px);width:190px;text-align:center;transition:opacity .35s}
.lab-input{left:14%}.lab-brain{left:41.5%}.lab-human{left:68%}.lab-output{left:89%}
.node-orb{position:relative;display:grid;place-items:center;width:84px;height:84px;margin:0 auto 16px;border-radius:23px;border:1px solid #665954;background:linear-gradient(140deg,#353134,#19191d 64%);box-shadow:0 12px 22px #0005,inset 0 1px #ffffff19;transition:box-shadow .4s,border-color .4s,transform .4s}
.node-orb svg{width:30px;height:30px;fill:none;stroke:#c9b5a8;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.lab-node strong{font:500 15px var(--display);display:block;margin:6px 0}.lab-node small{display:block;color:#aaa5a4;font-size:10px}.lab-node-number{font-size:8px;letter-spacing:.12em;color:#b7a194}
.brain-orb{border-radius:50%;width:118px;height:118px;margin-top:-17px;margin-bottom:0;background:radial-gradient(circle,#3e241e,#151519 67%);border-color:#c8815e;box-shadow:0 0 45px #ff784c15,inset 0 0 27px #ff784c12}.brain-orb b{font:500 33px var(--display);letter-spacing:-.08em;color:#ffb99d}
.brain-ring{position:absolute;inset:-9px;border:1px solid #cc784b68;border-radius:50%;border-top-color:#ffb086;border-bottom-color:#ffb086;transform:rotate(-28deg)}.ring-two{inset:-21px;border-style:dashed;border-color:#98674844;transform:rotate(24deg)}
.lab-stage-caption{position:absolute;bottom:25px;left:0;width:100%;text-align:center;font-size:8px;letter-spacing:.18em;color:#a69892}
.lab-workbench{display:grid;grid-template-columns:1fr 1.18fr;border-top:1px solid #ffffff17;min-height:217px;background:#141518}
.lab-incoming,.lab-receipt{padding:28px 30px;min-width:0}.lab-incoming{border-right:1px solid #ffffff17}.lab-micro{font-size:8px;letter-spacing:.14em;color:#ada8a6;margin:0;line-height:1.6}.lab-micro>span{float:right;color:#e59d7c;font-size:15px;line-height:1}
#lab-request{font:400 20px/1.5 var(--display);letter-spacing:-.02em;margin:20px 0;color:#e7e0dc;max-width:430px}
.lab-source-note{font-size:10px;color:#aca4a0;line-height:1.6;display:flex;gap:9px}.lab-source-note>span:first-child{color:#ec966f}
.lab-receipt{position:relative;padding-bottom:39px;background:linear-gradient(115deg,#191a1c,#171719)}.lab-receipt-head{display:flex;gap:12px;align-items:center;justify-content:space-between}.lab-receipt-head>span{font-size:8px;white-space:nowrap;padding:5px 7px;border:1px solid #6b554950;border-radius:3px;color:#f0b496;background:#ff784c09}
.lab-receipt h3{font:500 22px/1.25 var(--display);letter-spacing:-.035em;margin:19px 0 11px}.lab-receipt>p{font-size:12px;line-height:1.7;color:#bfb8b4;max-width:540px;margin:0;min-height:42px}
.lab-progress{position:absolute;bottom:0;left:0;height:2px;width:100%;background:#ffffff07}.lab-progress i{display:block;height:100%;width:var(--lab-progress,0%);background:linear-gradient(90deg,#8d3e25,#ffb187);transition:width .45s}
.lab-approve{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:42px;margin-top:15px;padding:8px 12px;color:#ffc5ab;background:#ff784c12;border:1px solid #ce8262;border-radius:4px;font-size:11px}.lab-approve:hover{background:#ff784c24}.lab-approve[hidden]{display:none}
.lab-controlbar{min-height:90px;border-top:1px solid #ffffff17;padding:18px 28px;display:flex;gap:25px;align-items:center;justify-content:space-between;background:#101114}
.lab-status-wrap{display:flex;align-items:center;gap:10px;min-width:0}.lab-state-dot{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#a79a93}#lab-status{font-size:11px;line-height:1.6;color:#c5bab4;margin:0}
.lab-run{display:flex;gap:36px;align-items:center;justify-content:space-between;background:#ff976e;border:1px solid #ffb08d;border-radius:5px;color:#21140d;padding:14px 18px;min-width:205px;min-height:52px;font:600 13px var(--font);transition:background .2s,transform .2s;flex-shrink:0}.lab-run:hover{background:#ffb293;transform:translateY(-2px)}.lab-play{font-size:21px;line-height:1}.lab-run:disabled{opacity:.5;cursor:wait}
.lab-afterword{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:22px}.lab-afterword p,.lab-disclaimer{font-size:10px;color:#aba6a2;line-height:1.6}.lab-contact{font-size:12px;color:#e6c2b0;display:flex;align-items:center;gap:24px;min-height:44px;flex-shrink:0}.lab-contact:hover{color:#fff}
.lab-console :focus-visible,.reactor-control:focus-visible{outline:2px solid #ffc3a4;outline-offset:5px}
.flow-lab[data-phase=receiving] .lab-input .node-orb,.flow-lab[data-phase=thinking] .brain-orb,.flow-lab[data-phase=review] .lab-human .node-orb,.flow-lab[data-phase=delivering] .lab-output .node-orb,.flow-lab[data-phase=done] .node-orb{border-color:#ffb282;box-shadow:0 0 30px #ff784c26,inset 0 0 14px #ff784c0c;transform:translateY(-4px)}
.flow-lab[data-phase=thinking] .brain-ring{animation:brain-turn 3s linear infinite}.flow-lab[data-phase=thinking] .ring-two{animation-direction:reverse;animation-duration:7s}
.flow-lab[data-phase=receiving] .signal-1,.flow-lab[data-phase=thinking] .signal-2,.flow-lab[data-phase=delivering] .signal-3{opacity:1;animation:packet-travel .85s linear infinite}
.flow-lab[data-phase=review] .lab-stage{background:radial-gradient(ellipse at 68% 38%,#5b2b1d37,transparent 62%)}
.flow-lab[data-phase=done] .wire-base{stroke:#d88759;stroke-dasharray:none}.flow-lab[data-phase=done] .lab-result-badge{color:#fff}.flow-lab[data-phase=done] .lab-state-dot,.flow-lab[data-phase=review] .lab-state-dot{background:#ff976e;box-shadow:0 0 15px #ff784c55}
.flow-lab[data-phase=done] .lab-receipt{background:linear-gradient(120deg,#37261f,#171719 80%)}
@keyframes packet-travel{to{stroke-dashoffset:0}}@keyframes brain-turn{to{transform:rotate(332deg)}}
/* Hero: touch/click can expand its architecture, pointer adds depth. */
.cursor-aura{position:absolute;left:var(--cursor-x,72%);top:var(--cursor-y,48%);width:500px;height:500px;transform:translate(-50%,-50%);background:radial-gradient(circle,#ff8a3d12,transparent 65%);pointer-events:none;opacity:0;transition:opacity .5s}.cinematic:hover .cursor-aura{opacity:1}
.reactor-control{position:absolute;right:calc(25% - 120px);bottom:83px;z-index:8;min-height:44px;display:flex;align-items:center;gap:12px;padding:10px 17px;border:1px solid #97746667;background:#151313df;color:#e1c6b8;border-radius:50px;font-size:10px;letter-spacing:.025em;transition:background .3s,border-color .3s}.reactor-icon{font-size:21px;color:#ff9c75;line-height:1;transition:transform .7s}.reactor-control:hover{background:#36231c;border-color:#dc9f7d}.reactor-control[aria-pressed=true] .reactor-icon{transform:rotate(135deg)}
.system-object{--reactor:0;--reveal:0}.cinematic.is-expanded .system-object{--reactor:1;--reveal:1}
.data-plane{transform:translateZ(calc(-110px - var(--spread)*80px - var(--reactor)*68px));transition:transform .75s cubic-bezier(.2,.7,.2,1)}
.flow-plane{transform:translateZ(calc(6px + var(--spread)*7px)) translateX(calc(var(--spread)*-30px));transition:transform .75s cubic-bezier(.2,.7,.2,1)}
.app-plane{transform:translateZ(calc(130px + var(--spread)*90px - var(--assembly)*130px + var(--reactor)*65px));transition:transform .75s cubic-bezier(.2,.7,.2,1)}
.cinematic.is-expanded .core-emblem{opacity:0}.cinematic.is-expanded .core-dashboard{opacity:1}.core-emblem,.core-dashboard{transition:opacity .6s}
.cinematic.is-expanded .plane-edge{box-shadow:0 0 24px #ff7e3dd4}.cinematic.is-expanded .scene-tag-top{border-color:#ff976e70;color:#ffd0b7}
.cinematic[data-scene="2"] .reactor-control{visibility:hidden;opacity:0;pointer-events:none}
@media(max-width:1100px){.lab-configuration{grid-template-columns:1fr 1.45fr 1fr;gap:14px;padding:24px 20px}.lab-node{width:160px}.lab-node strong{font-size:13px}.lab-node small{font-size:9px}.lab-tasks button{font-size:11px}.lab-stage{height:310px}.lab-workbench{grid-template-columns:1fr 1.1fr}.lab-afterword{align-items:start}.lab-contact{font-size:11px}}
@media(max-width:760px){.flow-lab{scroll-margin-top:10px}.lab-topbar{padding:17px 19px;min-height:59px;justify-content:space-between;gap:10px}.lab-edition{display:none}.lab-configuration{grid-template-columns:1fr 1fr;gap:20px 12px;padding:23px 19px}.lab-tasks{grid-column:1/-1;grid-row:2}.lab-configuration label,.lab-tasks legend{font-size:10px}.lab-config select{font-size:11px;min-height:46px;padding-left:9px;padding-right:16px}.lab-configuration label>span{display:none}.lab-tasks legend>span{display:none}.lab-tasks button{font-size:12px}.lab-stage{height:370px}.lab-wires-wide{display:none}.lab-wires-narrow{display:block}.lab-node{width:155px;transform:translate(-50%,-34px)}.lab-input{left:22.5%;top:97.6px}.lab-brain{left:76.25%;top:97.6px}.lab-human{left:76.25%;top:277.5px}.lab-output{left:22.5%;top:277.5px}.node-orb{width:68px;height:68px;border-radius:18px;margin-bottom:12px}.brain-orb{width:84px;height:84px;border-radius:50%;margin-top:-8px;margin-bottom:4px}.brain-orb b{font-size:25px}.brain-ring{inset:-7px}.ring-two{inset:-14px}.lab-node strong{font-size:12px;margin:5px 0}.lab-node small{font-size:8px;line-height:1.5}.lab-node-number{font-size:7px}.lab-stage-caption{display:none}.lab-workbench{display:block;min-height:0}.lab-incoming,.lab-receipt{padding:22px}.lab-incoming{border-right:0;border-bottom:1px solid #ffffff15}#lab-request{font-size:18px;margin:16px 0}.lab-source-note{font-size:9px}.lab-receipt{padding-bottom:28px;min-height:207px}.lab-receipt h3{font-size:21px}.lab-receipt>p{font-size:11px}.lab-controlbar{flex-direction:column;align-items:stretch;gap:16px;padding:22px}.lab-status-wrap{min-height:34px}#lab-status{font-size:11px}.lab-run{min-height:50px}.lab-afterword{display:block;margin-top:16px}.lab-afterword p{font-size:10px}.lab-contact{justify-content:space-between;margin-top:12px;font-size:12px}.reactor-control{bottom:80px;right:50%;transform:translateX(50%);font-size:9px;padding:7px 14px;min-height:36px;white-space:nowrap}.reactor-icon{font-size:18px}.cursor-aura{display:none}}
@media(max-width:380px){.lab-node{width:125px}.lab-node small{font-size:7px}.lab-node strong{font-size:11px}.lab-receipt-head{gap:8px}.lab-micro{font-size:7px}.lab-receipt-head>span{font-size:7px}.lab-config select{font-size:10px}.lab-configuration{padding-inline:14px}}
@media(max-height:600px) and (min-width:761px){.reactor-control{bottom:75px}}
@media(prefers-reduced-motion:reduce){.cursor-aura{display:none}.wire-signal{animation:none!important;stroke-dasharray:none}.brain-ring{animation:none!important}.lab-node .node-orb{transform:none!important}.reactor-icon{transform:none!important}.system-object{--tilt-x:0deg!important;--tilt-y:0deg!important}.lab-progress i{transition:none}}
.lab-controlbar{border-top:0;border-bottom:1px solid #ffffff17}.lab-console{scroll-margin-top:22px}
@media(max-width:760px){.lab-configuration label,.lab-tasks legend{font-size:11px}.lab-config select{font-size:12px}.lab-tasks button{font-size:13px}.lab-node strong{font-size:13px}.lab-node small{font-size:10px}.lab-node-number{font-size:8px}#lab-status{font-size:12px}.lab-receipt>p{font-size:13px}.lab-micro{font-size:9px}.lab-source-note{font-size:11px}.lab-approve{font-size:12px;min-height:46px}.lab-afterword p{font-size:11px}.lab-receipt-head{flex-wrap:wrap}.lab-node{width:150px}}
@media(max-width:360px){.lab-config select{font-size:11px}.lab-node{width:129px}.lab-node strong{font-size:12px}.lab-node small{font-size:9px}.lab-tasks button{font-size:12px}}
@media(scripting:none){.reactor-control{display:none}}