.automation-lab{padding-block:120px}.automation-lab-heading{display:grid;grid-template-columns:1.1fr .75fr;gap:8vw;align-items:end;margin-bottom:48px}.automation-lab-heading h2{margin-bottom:0}.automation-lab-heading>p{font-size:18px;margin:0}.automation-console{display:grid;grid-template-columns:minmax(260px,.72fr) 1.65fr;border:1px solid #ddc2973d;background:linear-gradient(145deg,#0b1a24 0%,#102a30 58%,#13252f 100%);box-shadow:0 35px 90px #02090d66;overflow:hidden;position:relative}.automation-console:before{content:"";position:absolute;inset:-40% 35% 30% -20%;background:radial-gradient(circle,#74bea21b,transparent 62%);pointer-events:none}.automation-triggers{display:flex;flex-direction:column;border-right:1px solid #ddc2972b;background:#07131bdd;position:relative;z-index:1}.automation-triggers>span{padding:25px 28px 18px;font-size:10px;letter-spacing:.16em;color:#ddc297}.automation-triggers button{appearance:none;border:0;border-top:1px solid #cfdddf1c;background:transparent;color:#f2eee6;text-align:left;padding:22px 28px;display:grid;grid-template-columns:34px 1fr;gap:2px 12px;transition:background .35s ease,color .35s ease}.automation-triggers button:hover,.automation-triggers button[aria-pressed="true"]{background:linear-gradient(90deg,#bddd9717,transparent);color:#edce92}.automation-triggers button[aria-pressed="true"]{box-shadow:inset 3px 0 #bddd97}.automation-triggers i{grid-row:1/3;font-style:normal;color:#b5c2ca;font-size:11px;padding-top:4px}.automation-triggers b{font-size:15px;font-weight:600}.automation-triggers small{color:#93a6af;font-size:12px}.automation-stage{padding:28px 32px 32px;position:relative;z-index:1;min-width:0}.automation-stage-top,.automation-stage-foot{display:flex;align-items:center;justify-content:space-between;gap:20px}.automation-stage-top{font-size:10px;letter-spacing:.14em;color:#a9bbc2;padding-bottom:26px}.automation-live-state{color:#bddd97}.automation-live-state i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#bddd97;box-shadow:0 0 0 0 #bddd9780;animation:auto-pulse 2s infinite;margin-right:7px}.automation-route{display:grid;grid-template-columns:1fr 44px 1fr 44px 1fr;gap:0;align-items:center}.automation-route>div{min-height:146px;border:1px solid #cfdddf2e;padding:20px;background:#081720a6;display:flex;flex-direction:column;justify-content:center}.automation-route span{font-size:9px;letter-spacing:.15em;color:#ddc297;margin-bottom:18px}.automation-route b{font-size:18px;line-height:1.25;font-weight:500}.automation-route small{font-size:12px;color:#9eb0b7;margin-top:9px;line-height:1.45}.route-signal{height:1px;background:#cfdddf45;position:relative;overflow:visible}.route-signal:after{content:"";position:absolute;top:-3px;left:-2px;width:7px;height:7px;border-radius:50%;background:#edce92;box-shadow:0 0 14px #edce92;animation:auto-travel 2.8s cubic-bezier(.45,0,.2,1) infinite}.route-signal.second:after{animation-delay:1.2s}.automation-event{display:flex;gap:18px;align-items:center;margin:24px 0;padding:16px 18px;border-left:2px solid #bddd97;background:#bddd970b}.automation-event>span{font-size:9px;letter-spacing:.14em;color:#bddd97}.automation-event p{margin:0;display:flex;flex-direction:column}.automation-event b{color:#f2eee6;font-size:16px}.automation-event small{font-size:12px;color:#9eb0b7}.automation-signals{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #cfdddf25}.automation-signals div{padding:18px 16px}.automation-signals div+div{border-left:1px solid #cfdddf25}.automation-signals span{display:block;font-size:9px;letter-spacing:.14em;color:#849ba5}.automation-signals b{display:block;color:#edce92;font-size:22px;font-family:Georgia,serif;font-weight:400;margin:4px 0}.automation-signals small{font-size:11px;color:#8fa2aa}.automation-stage-foot{padding-top:24px}.automation-stage-foot p{font-size:11px;margin:0;max-width:330px}.automation-stage.is-switching .automation-route>div,.automation-stage.is-switching .automation-event{animation:auto-refresh .55s ease both}@keyframes auto-travel{0%{transform:translateX(0);opacity:0}20%{opacity:1}80%{opacity:1}100%{transform:translateX(42px);opacity:0}}@keyframes auto-pulse{0%{box-shadow:0 0 0 0 #bddd9780}70%{box-shadow:0 0 0 9px #bddd9700}100%{box-shadow:0 0 0 0 #bddd9700}}@keyframes auto-refresh{0%{opacity:.35;transform:translateY(5px)}100%{opacity:1;transform:none}}@media(max-width:900px){.automation-lab-heading{grid-template-columns:1fr;gap:14px}.automation-console{grid-template-columns:1fr}.automation-triggers{display:grid;grid-template-columns:1fr 1fr;border-right:0;border-bottom:1px solid #ddc2972b}.automation-triggers>span{grid-column:1/-1}.automation-route{grid-template-columns:1fr}.route-signal{width:1px;height:28px;margin:auto}.route-signal:after{animation:auto-travel-y 2.8s infinite}.route-signal.second:after{animation-delay:1.2s}@keyframes auto-travel-y{0%{transform:translateY(0);opacity:0}20%{opacity:1}80%{opacity:1}100%{transform:translateY(27px);opacity:0}}}.automation-stage-foot{align-items:flex-start}@media(max-width:600px){.automation-lab{padding-block:84px}.automation-triggers{grid-template-columns:1fr}.automation-triggers>span{grid-column:auto}.automation-stage{padding:24px 18px}.automation-stage-top,.automation-stage-foot{align-items:flex-start;flex-direction:column}.automation-signals{grid-template-columns:1fr}.automation-signals div+div{border-left:0;border-top:1px solid #cfdddf25}}@media(prefers-reduced-motion:reduce){.route-signal:after,.automation-live-state i{animation:none}}