.automation-demo{width:100%;min-width:0;margin-left:20px;border:1px solid #3b5b82;border-radius:18px;overflow:hidden;background:radial-gradient(ellipse at 70% 25%,#15395a66,transparent 70%),linear-gradient(140deg,#14253a,#0a1524);box-shadow:0 25px 90px #0005,0 0 55px #2a70c515;position:relative;z-index:3}.sim-top{padding:17px 22px;display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #ffffff14;font-size:8px;letter-spacing:1px;color:#7b9fc1}.sim-top b{font-size:14px;letter-spacing:-.5px;color:white;margin-right:6px}.sim-badge{padding:4px 7px;color:#98c7df;background:#21394e;border:1px solid #405e78;border-radius:4px;letter-spacing:0;font-size:9px;white-space:nowrap}.sim-title{display:flex;align-items:center;justify-content:space-between;padding:23px 23px 12px;gap:10px}.sim-title span{display:block;font:8px monospace;letter-spacing:1.8px;color:#6ca3cf}.sim-title strong{display:block;margin-top:8px;font-size:21px;letter-spacing:-.8px}.sim-title button{border:1px solid #36536f;background:#0e1e30;color:#9dbad7;border-radius:5px;font-size:10px;padding:7px 9px;white-space:nowrap}.sim-chart{padding:0 17px;position:relative}.sim-chart svg{display:block;width:100%;height:auto;overflow:hidden}.sim-chart-label{position:absolute;left:34px;top:9px;font-size:9px;color:#6d90ad}.sim-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;list-style:none;margin:12px 20px 18px;padding:0}.sim-steps li{border:1px solid #2e435c;border-radius:7px;padding:12px 8px;background:#102034;transition:background .4s,border-color .4s}.sim-steps span{font:8px monospace;color:#6688a9;display:block;margin-bottom:7px}.sim-steps b{font-size:11px;font-weight:500;display:block}.sim-steps small{display:block;font-size:8px;color:#809bb7;margin-top:5px}.sim-steps li.active{background:#163e50;border-color:#57b8ce}.sim-steps li.active span{color:#7ae4e8}.sim-log{display:flex;align-items:center;gap:9px;border-top:1px solid #ffffff12;padding:15px 22px;color:#9ac4d9;font-size:10px;min-height:55px}.sim-indicator{width:5px;height:5px;background:#65dce0;border-radius:50%;flex-shrink:0}.automation-demo figcaption{padding:0 22px 17px;font-size:9px;color:#7490ac;line-height:1.7}.sim-order,.sim-pulse,.sim-exit{opacity:0;transition:opacity .4s}.automation-demo[data-stage="1"] .sim-order,.automation-demo[data-stage="2"] .sim-order,.automation-demo[data-stage="2"] .sim-pulse,.automation-demo[data-stage="3"] .sim-exit{opacity:1}.sim-scan{animation:simscan 12s linear infinite}.sim-pulse{transform-origin:258px 118px;animation:simpulse 1.5s ease-out infinite}.sim-candle{animation:simcandle 12s linear infinite;animation-delay:var(--delay)}.automation-demo.paused *{animation-play-state:paused!important}.hero-grid{gap:25px}.hero-copy h1{font-size:clamp(32px,3.5vw,49px)}@keyframes simscan{0%{transform:translateX(0)}100%{transform:translateX(440px)}}@keyframes simpulse{0%{transform:scale(.6)}100%{transform:scale(1.6)}}@keyframes simcandle{0%,8%{opacity:.2}15%,95%{opacity:1}100%{opacity:.2}}@media(max-width:1100px){.automation-demo{margin-left:0}.sim-top{padding:15px}.sim-title{padding:20px 15px 10px}.sim-title strong{font-size:18px}.sim-steps{margin:12px 12px 16px;gap:4px}.sim-steps li{padding:10px 6px}}@media(max-width:760px){.hero-grid{gap:30px}.automation-demo{margin:0 0 30px;width:100%}.hero-copy h1{font-size:clamp(27px,7.4vw,43px)}.sim-top{font-size:7px;letter-spacing:.5px}.sim-badge{font-size:8px}.sim-title strong{font-size:20px}.sim-steps b{font-size:10px}.sim-steps small{font-size:7px}.sim-log{padding:13px 16px;font-size:9px}.automation-demo figcaption{padding:0 16px 15px}}@media(prefers-reduced-motion:reduce){.automation-demo *{animation:none!important;transition:none!important}}