/* Automation product page — "building scenarios" workflow window (same visual as the home page). Scoped to .auto-scenario. */
.auto-scenario .scenario-visual{background:#fff;border:1px solid #dfe9e2;border-radius:18px;overflow:hidden;box-shadow:0 18px 45px #153b2910}
.auto-scenario .scenario-window-bar{display:flex;align-items:center;gap:5px;height:34px;padding:0 14px;direction:ltr;border-bottom:1px solid #edf2ee;background:#fafcfb}
.auto-scenario .scenario-window-bar>span{width:5px;height:5px;background:#d7e2da;border-radius:50%}
.auto-scenario .scenario-window-bar>b{margin:auto;font-size:10px;color:#8a9b90;font-weight:400}
.auto-scenario .scenario-canvas{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:42px;min-height:360px;padding:30px 18px;background:radial-gradient(circle,#d8e6dd80 1px,transparent 1.5px) 0 0/24px 24px,#fff}
.auto-scenario .scenario-flow{display:flex;align-items:flex-start;width:100%;max-width:480px}
.auto-scenario .scenario-node{width:74px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:9px;font-size:10px;color:#718579}
.auto-scenario .scenario-node-icon{width:65px;height:65px;border:1px solid #a8c3b1;border-radius:12px;display:grid;place-items:center;background:#fff;color:var(--brand-action);animation:scenarioNodePulse 5s ease-in-out infinite}
.auto-scenario .scenario-node:nth-child(3) .scenario-node-icon{animation-delay:.6s}
.auto-scenario .scenario-node:nth-child(5) .scenario-node-icon{animation-delay:1.2s}
.auto-scenario .scenario-node:nth-child(7) .scenario-node-icon{animation-delay:1.8s}
.auto-scenario .scenario-node-icon img,.auto-scenario .scenario-node-icon svg{width:30px;height:30px;object-fit:contain}
.auto-scenario .scenario-connector{height:2px;flex:1;min-width:12px;margin-top:32px;background:#d4e2d9;position:relative}
.auto-scenario .scenario-connector:after{content:'';position:absolute;right:0;top:-3px;border-left:5px solid #a7beb0;border-top:4px solid transparent;border-bottom:4px solid transparent}
.auto-scenario .scenario-connector>i{position:absolute;top:-2px;left:0;width:6px;height:6px;border-radius:50%;background:var(--brand-action);animation:scenarioFlow 2s ease-in-out infinite}
.auto-scenario .scenario-connector:nth-child(4)>i{animation-delay:.6s}
.auto-scenario .scenario-connector:nth-child(6)>i{animation-delay:1.2s}
.auto-scenario .scenario-running{display:flex;align-items:center;gap:8px;background:#f0f8f3;border:1px solid #e0ede5;border-radius:999px;padding:8px 14px;font-size:11px;color:#60836d}
.auto-scenario .scenario-running>i{width:5px;height:5px;border-radius:50%;background:var(--brand-action)}
.auto-scenario .scenario-visual-footer{display:flex;justify-content:space-around;gap:10px;padding:15px 10px;border-top:1px solid #edf2ee;font-size:10px;color:#85988b;background:#fafcfb}
@keyframes scenarioFlow{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:calc(100% - 6px);opacity:0}}
@keyframes scenarioNodePulse{0%,100%{border-color:#a8c3b1}35%{border-color:var(--brand-action);box-shadow:0 0 0 4px #087d430a}}
.auto-scenario .scenario-visual{
  background:var(--v2-ink)!important;border:1px solid #9bf0c82e!important;border-radius:28px!important;transform-style:preserve-3d;
  box-shadow:0 60px 120px -40px #06140d99,0 0 0 8px #0f4b2410!important;
}
.auto-scenario .scenario-window-bar{background:#0b2116!important;border-bottom:1px solid #ffffff12!important}
.auto-scenario .scenario-window-bar>span{background:#ffffff2e!important}
.auto-scenario .scenario-window-bar>b{color:var(--v2-on-dark-muted)!important;font-family:var(--v2-mono)!important}
.auto-scenario .scenario-canvas{background:radial-gradient(circle,#9bf0c82b 1px,transparent 1.5px) 0 0/26px 26px,radial-gradient(ellipse at 50% 40%,#145833aa,transparent 70%),var(--v2-ink)!important;min-height:clamp(320px,32vw,440px)!important}
.auto-scenario .scenario-node{color:var(--v2-on-dark-muted)!important;font-size:12px!important;transition:color .5s}
.auto-scenario .scenario-node-icon{background:#0f2a1c!important;border-color:#9bf0c844!important;border-radius:18px!important;box-shadow:0 0 0 0 #52e3a400;transition:transform .6s var(--v2-ease),border-color .5s,box-shadow .6s,opacity .5s}
.auto-scenario .scenario-node-icon img{filter:none}
.auto-scenario .scenario-connector{background:#9bf0c824!important}
.auto-scenario .scenario-connector:after{border-left-color:#52e3a4!important}
.auto-scenario .scenario-connector>i{background:var(--v2-mint)!important;box-shadow:0 0 12px var(--v2-mint)}
.auto-scenario .scenario-running{background:#0f2a1c!important;border:1px solid #9bf0c833!important;color:var(--v2-mint-2)!important;font-family:var(--v2-mono)!important}
.auto-scenario .scenario-running>i{background:var(--v2-mint)!important;box-shadow:0 0 10px var(--v2-mint)}
.auto-scenario .scenario-visual-footer{background:#0b2116!important;border-top:1px solid #ffffff12!important;color:var(--v2-on-dark-muted)!important;font-family:var(--v2-mono)!important}
.auto-scenario .scenario-visual-footer>span{transition:color .4s}
.auto-scenario .scenario-visual-footer>span.on{color:var(--v2-mint)}
.auto-scenario .scenario-node.on .scenario-node-icon{border-color:var(--v2-mint)!important;box-shadow:0 0 0 6px #52e3a41c,0 0 40px #52e3a455}
.auto-scenario .scenario-node.on{color:#fff!important}