/* A self-running demonstration, scoped to the hero. No changes to offer cards. */
.hero-bc #heroStage.autonomous{width:100%;min-width:0;align-items:stretch;gap:0;padding:24px 16px 20px;background:radial-gradient(ellipse at 49% 47%,#17465738,transparent 66%)}
#heroStage.autonomous .studio-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:20px;font:11px monospace;letter-spacing:.11em;color:#b4c38f}
#heroStage.autonomous .studio-status{display:flex;align-items:center;gap:7px;font:12px var(--sans);letter-spacing:0;color:#829ba6;white-space:nowrap}
.studio-status i{width:5px;height:5px;background:#c7f04a;border-radius:50%;box-shadow:0 0 9px #c7f04a70}
.studio-visual{height:390px;width:100%;min-width:0;position:relative;isolation:isolate;touch-action:pan-y;user-select:none}
.hero-bc #heroStage.autonomous .avatar-rig{top:55px;left:-3%;width:38%;height:305px;z-index:3;pointer-events:none}
.hero-bc #heroStage.autonomous .capability-display{left:30%;right:0;top:105px;height:230px;border:1px solid #7c9fab40;border-radius:10px;background:linear-gradient(135deg,#10242bea,#081219f2);box-shadow:0 22px 52px #0005;overflow:hidden}
#heroStage.autonomous .display-bar{height:33px;border-bottom:1px solid #acc9d018;background:none;gap:8px;padding:0 12px}
#heroStage.autonomous .display-bar span{font:10px monospace;color:#a7c69b;letter-spacing:.02em}
#heroStage.autonomous .display-bar small{font-size:11px;color:#8ba3b1;white-space:nowrap}
#heroStage.autonomous .display-body{height:197px;padding:12px}
.studio-input{position:absolute;left:33%;right:3%;top:22px;display:flex;align-items:center;gap:10px;font-size:13px;color:#c4d8df;min-height:44px;padding:10px 12px;border-left:1px solid #91c4ca77;background:linear-gradient(90deg,#20434b65,transparent);white-space:nowrap}
.studio-input>i{font:10px monospace;color:#7897a2;font-style:normal}
.studio-input>span{overflow:hidden;text-overflow:ellipsis}
.studio-link{position:absolute;left:36%;right:5%;top:65px;height:41px;color:#86bbc570;overflow:visible}
.studio-link path{fill:none;stroke:currentColor;stroke-width:1}.studio-link .signal{stroke:#c7f04a;stroke-dasharray:13 160;stroke-dashoffset:160;opacity:0}
#heroStage.autonomous[data-phase="0"] .signal{opacity:1;animation:studio-signal .65s linear infinite}
@keyframes studio-signal{to{stroke-dashoffset:-15}}
#heroStage.autonomous .studio-output{position:absolute;left:33%;right:0;top:350px;display:flex;gap:8px;align-items:center;min-height:26px;font-size:12px;color:#c7f04a;opacity:0;transform:translateY(5px);transition:opacity .35s,transform .35s}
#heroStage.autonomous[data-phase="2"] .studio-output{opacity:1;transform:none}
.studio-output>i{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;border:1px solid #b5d85c80;font-style:normal;font-size:10px;flex-shrink:0}
#heroStage.autonomous .studio-unit{opacity:.12;transform:translateY(4px);transition:opacity .35s ease,transform .35s ease}
#heroStage.autonomous .studio-unit.arrived{opacity:1;transform:none}
#heroStage.autonomous .knowledge-map{height:136px;width:100%;margin:0}
#heroStage.autonomous .knowledge-source{font-size:10px;line-height:1.5;padding-top:8px}
#heroStage.autonomous .prototype-window{min-height:160px}
#heroStage.autonomous .skill-box{padding:9px 7px}
#heroStage.autonomous .skill-result{margin-top:10px;padding:8px;font-size:11px}
#heroStage.autonomous .demo-row{font-size:11px;padding:9px 0}
#heroStage.autonomous .demo-footer{font-size:9px;margin-top:10px;gap:5px}
#heroStage.autonomous .architecture-layer{font-size:10px;padding:8px 6px}
#heroStage.autonomous .automation-step{min-height:38px;font-size:11px}
.studio-caption{padding:8px 0 17px;min-height:107px}.studio-caption h3{font-size:25px;line-height:1.4;margin:0 0 9px;letter-spacing:-.03em}.studio-caption p{font-size:14px;color:#91a6b4;line-height:1.7;margin:0}
.studio-sequence{display:grid;grid-template-columns:repeat(3,1fr);gap:0;list-style:none;margin:0;padding:14px 0 0;border-top:1px solid #ffffff15}
.studio-sequence li{display:flex;gap:7px;align-items:center;font-size:12px;color:#526e79;transition:color .3s}
.studio-sequence li:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor;flex-shrink:0}
.studio-sequence li.current{color:#c3e995}.studio-sequence li.done{color:#8da6ad}
.studio-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;font:11px monospace;color:#607e8d;letter-spacing:.05em}
.studio-foot button{background:none;border:0;color:#8aa0ac;font:12px var(--sans);padding:8px 0 8px 12px;cursor:pointer;min-height:36px}
.studio-foot button:hover{color:#d1ebba}.studio-foot button:focus-visible{outline:1px solid #c7f04a;outline-offset:3px}
#heroStage.autonomous[data-paused="true"] .signal{animation-play-state:paused}
@media(max-width:650px){
 .hero-bc #heroStage.autonomous{padding:22px 0 8px}.studio-visual{height:350px}
 #heroStage.autonomous .studio-head{font-size:10px}.studio-status{font-size:11px}
 .hero-bc #heroStage.autonomous .avatar-rig{top:70px;left:-5%;width:36%;height:246px}
 .hero-bc #heroStage.autonomous .capability-display{left:25%;right:0;top:106px;height:211px}
 #heroStage.autonomous .display-body{height:178px;padding:9px}
 .studio-input{left:28%;right:0;top:26px;font-size:12px;padding:9px;gap:7px}.studio-input>i{font-size:9px}
 .studio-link{left:30%;top:69px;height:37px}
 #heroStage.autonomous .studio-output{top:326px;left:28%;font-size:11px}
 #heroStage.autonomous .display-bar{padding:0 9px}#heroStage.autonomous .display-bar span{font-size:9px}#heroStage.autonomous .display-bar small{font-size:10px}
 #heroStage.autonomous .demo-row{font-size:10px;padding:8px 0}#heroStage.autonomous .demo-footer{font-size:8px}
 #heroStage.autonomous .knowledge-map{height:120px}#heroStage.autonomous .knowledge-source{font-size:9px}
 #heroStage.autonomous .architecture-layer{font-size:9px;padding:7px 5px}#heroStage.autonomous .architecture-layer b{font-size:9px}
 #heroStage.autonomous .automation-step{font-size:10px;min-height:35px}#heroStage.autonomous .automation-step span{font-size:8px}
 #heroStage.autonomous .prototype-window{min-height:150px}#heroStage.autonomous .skill-result{font-size:10px}
 .studio-caption h3{font-size:24px}.studio-caption p{font-size:13px}.studio-caption{min-height:99px;padding-top:16px}
 .studio-sequence li{font-size:11px;gap:5px}.studio-foot{font-size:10px}
}
@media(prefers-reduced-motion:reduce){#heroStage.autonomous .signal{animation:none!important}#heroStage.autonomous .studio-unit,#heroStage.autonomous .studio-output,.studio-sequence li{transition:none}}