#services #automation-lab .lab-description{isolation:isolate;background:linear-gradient(110deg,#0a151c,#10191d);border-bottom:1px solid #d66b263d;box-shadow:inset 0 1px #ffba6f19;align-items:center}
#services #automation-lab .lab-description>*:not(canvas){position:relative;z-index:1}
#services #automation-lab .lab-description>.lab-controls:has(.color-picker-wrap){z-index:40;grid-column:2;grid-row:3}
#services #automation-lab .lab-description>.text-link{grid-column:2;grid-row:4}
#services #automation-lab .lab-description>.lab-controls:not(:has(.color-picker-wrap)){grid-column:1;grid-row:3;display:flex;gap:15px}
#services #automation-lab .lab-reset{padding:6px;font-size:9px}
#services #automation-lab .lab-run{padding:13px 20px;font-size:10px}
#services #automation-lab .lab-stage{isolation:isolate;min-height:630px;padding:55px 55px 35px;background:#071017}
.automation-lava-surface{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.85}
#services .automation-stage{z-index:2;max-width:900px;min-height:420px}
#services .automation-nodes{gap:65px 85px;max-width:820px;transform:perspective(1400px) rotateX(7deg) rotateY(-3deg)}
#services .automation-node{min-height:145px;padding:30px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(130deg,#192c35ed,#09151eeb);border-color:color-mix(in srgb,var(--lab-accent) 35%,#6b797a);box-shadow:0 10px 0 #15232c,0 27px 45px #000a,inset 0 1px #dfe6de17;backdrop-filter:blur(9px)}
#services .automation-node>span{color:color-mix(in srgb,var(--lab-accent) 70%,#e7cfab);letter-spacing:.16em;font-size:9px}
#services .automation-node strong{font-size:23px;letter-spacing:-.03em;color:#edf0e8}
#services .automation-node small{font-size:11px;color:#a0b1b9}
#services .automation-node.is-running{border-color:var(--lab-accent);box-shadow:0 12px 0 #302821,0 0 65px color-mix(in srgb,var(--lab-accent) 25%,transparent);transform:translateY(-12px)}
#services .automation-node.is-running:before{background:linear-gradient(120deg,transparent 25%,color-mix(in srgb,var(--lab-accent) 25%,transparent) 50%,transparent 75%)}
#services .automation-node.is-done{background:linear-gradient(140deg,color-mix(in srgb,var(--lab-accent) 15%,#14212a),#0c1b24ed);border-color:color-mix(in srgb,var(--lab-accent) 65%,#777)}
#services .automation-node.is-done:after{color:var(--lab-accent)}
#services .automation-nodes:before{border-color:color-mix(in srgb,var(--lab-accent) 40%,transparent);box-shadow:0 0 18px color-mix(in srgb,var(--lab-accent) 12%,transparent)}
#services #automation-lab .automation-status{position:relative;z-index:2;background:#071118d9;border:1px solid #dfaa602e;padding:13px 25px;border-radius:6px;font-size:13px!important;color:#f1d8b3!important}
#services #automation-lab .demo-note{z-index:2;padding:12px 20px;background:#071118bb;border-radius:5px}
#services .workflow-record{background:#0c1a23ed!important;border-color:color-mix(in srgb,var(--lab-accent) 45%,#5b676a)!important;box-shadow:0 15px 40px #0009}
@media(max-width:700px){#services #automation-lab .lab-description{align-items:stretch}#services #automation-lab .lab-description>.lab-controls{align-self:start}#services #automation-lab .lab-stage{padding:40px 18px 28px;min-height:550px}#services .automation-nodes{gap:35px 20px;transform:none}#services .automation-node{min-height:125px;padding:18px 14px}#services .automation-node strong{font-size:16px}#services .automation-node>span{font-size:7px}#services .automation-node small{font-size:9px}#services #automation-lab .automation-status{font-size:11px!important;padding:12px 15px}}
