.automation-section{padding:20px 0 85px}.automation-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}.automation-heading h2{font-size:clamp(28px,3vw,43px);margin:0}.automation-heading p{color:var(--muted);max-width:300px;font-size:14px;line-height:1.6}.automation-heading .section-index{margin:0 0 12px}.automation-stage{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:start;padding:8px 24px 15px;isolation:isolate}.automation-window{font:inherit;color:inherit;text-align:left;cursor:pointer;border:1px solid #8a72b3;border-radius:22px;background:linear-gradient(155deg,#282037ef,#141020f5);box-shadow:inset 0 0 0 3px #b294e01c,inset 0 1px 7px #c1a4f84a,0 22px 40px -26px #000,0 5px 15px -7px #9564ed70;padding:0;overflow:hidden;position:relative;transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .55s;transform:perspective(1200px) rotateY(5deg) rotateZ(-1deg);margin-right:-24px;z-index:1}.automation-window:nth-child(2){margin:34px 0 0 -24px;transform:perspective(1200px) rotateY(-5deg) rotateZ(1deg);z-index:2}.automation-window:hover,.automation-window:focus-visible{transform:perspective(1200px) translateY(-5px) rotateY(0) rotateZ(0);z-index:3;box-shadow:inset 0 0 0 3px #b294e033,0 20px 45px -20px #000,0 0 28px -12px #9564ed}.automation-window:focus-visible{outline:2px solid #ddccff;outline-offset:5px}.automation-window .browser-bar{background:#ffffff08;height:30px}.automation-mini{display:flex;gap:18px;align-items:center;min-height:130px;padding:22px 27px}.automation-mini h3{font-size:20px;letter-spacing:-.035em;margin:0 0 7px}.automation-mini p{font-size:13px;color:#bfb4d5;line-height:1.6;margin:0}.automation-mini-icon{display:grid;place-items:center;flex:none;width:52px;height:60px;border:1px solid #b996f04f;border-radius:13px;background:#a77cef0e;color:#c7b0ff;font-size:25px}.automation-caption{display:flex;justify-content:space-between;padding:13px 26px;border-top:1px solid #b6a0dc1a;color:#c8b2f8;font-size:12px}.automation-mini-flow{font-size:11px!important;margin-top:9px!important}.automation-open{overflow:hidden}.automation-dialog{box-sizing:border-box;width:min(940px,calc(100% - 28px));max-height:calc(100dvh - 36px);border:1px solid #a68ac4;border-radius:24px;padding:30px;background:linear-gradient(145deg,#241c33f5,#100e1bf9);color:#f8f5ff;box-shadow:inset 0 0 0 3px #b99ae021,0 30px 100px #000a;overflow:auto}.automation-dialog::backdrop{background:#070610c9;backdrop-filter:blur(9px)}.automation-dialog[open]{animation:automation-arrive .3s ease-out}.automation-dialog-header{display:flex;justify-content:space-between;align-items:start;gap:20px}.automation-dialog h2{font-size:clamp(24px,3.2vw,38px);margin:10px 0 14px;letter-spacing:-.04em}.automation-label{color:#c2a6fd;font-size:10px;letter-spacing:.13em;font-weight:700}.automation-close{border:1px solid #8b729e;background:#ffffff09;color:#fff;border-radius:50%;min-width:42px;min-height:42px;font-size:23px;cursor:pointer}.automation-disclosure{font-size:13px;line-height:1.6;color:#c9bed8;margin:0 0 24px}.automation-steps{display:flex;gap:7px;list-style:none;padding:0;margin:0 0 25px;counter-reset:demo}.automation-steps li{flex:1;border-bottom:2px solid #564568;padding:8px 6px 12px;font-size:12px;color:#aaa0b7;counter-increment:demo}.automation-steps li::before{content:'0' counter(demo);display:block;margin-bottom:7px;color:#9682b0}.automation-steps .current{color:#e5d8fa}.automation-steps .done{border-color:#ba92fa;color:#dbc3ff}.automation-content{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px}.automation-input,.automation-result{border:1px solid #b091cf2c;border-radius:14px;padding:21px;background:#09071230;min-width:0}.automation-content p{font-size:14px;line-height:1.65}.automation-content h3{font-size:20px}.automation-muted,.demo-approval-note{font-size:12px!important;color:#afa2c2}.automation-content dl{font-size:13px;margin:17px 0}.automation-content dl>div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid #ffffff12}.automation-content dt{color:#b5a7c6}.automation-content dd{margin:0;text-align:right;overflow-wrap:anywhere}.automation-content label{font-size:12px}.automation-content textarea{box-sizing:border-box;width:100%;color:#f6f1ff;border:1px solid #665179;border-radius:9px;background:#09071270;padding:12px;margin-top:9px;font-family:inherit;font-size:13px;line-height:1.6;min-height:115px;resize:vertical}.automation-content table{width:100%;border-collapse:collapse;font-size:12px;margin-top:12px}.automation-content caption{font-size:12px;color:#b5a7c6;text-align:left;margin-bottom:15px}.automation-content th,.automation-content td{padding:12px 5px;text-align:left;border-bottom:1px solid #ffffff15}.automation-content th:not(:first-child),.automation-content td:not(:first-child){text-align:right}.automation-content .low{color:#ffd49b}.demo-alert{min-height:48px;font-size:13px!important}.automation-status{font-size:13px;min-height:22px;line-height:1.5;margin:20px 0 15px;color:#d7c3f5}.automation-controls{display:flex;gap:10px;flex-wrap:wrap}.automation-controls button{font:inherit;font-size:13px;cursor:pointer;min-height:44px;padding:0 18px}.automation-controls button:disabled{opacity:.55;cursor:default}.automation-dialog button:focus-visible,.automation-dialog textarea:focus-visible{outline:2px solid #dec6ff;outline-offset:4px}[data-approve][hidden]{display:none}@keyframes automation-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:760px){.automation-section{padding-bottom:60px}.automation-heading{display:block}.automation-heading p{max-width:none}.automation-stage{grid-template-columns:1fr;gap:16px;padding:0}.automation-window,.automation-window:nth-child(2){margin:0;transform:none}.automation-mini{padding:20px;min-height:110px}.automation-caption{padding:13px 20px}.automation-dialog{padding:20px;border-radius:19px}.automation-content{grid-template-columns:1fr}.automation-input,.automation-result{padding:16px}.automation-steps{gap:3px}.automation-steps li{font-size:10px;padding-inline:2px}.automation-controls button{flex:1}.automation-dialog h2{font-size:26px}}@media(prefers-reduced-motion:reduce){.automation-window{transition:none}.automation-window:hover,.automation-window:focus-visible{transform:none}.automation-dialog[open]{animation:none}}html.motion-disabled .automation-dialog[open]{animation:none}html.motion-disabled .automation-window{transition:none}

.automation-mini{display:block;min-height:218px;padding:22px 25px}.automation-mini>strong{font-size:21px;letter-spacing:-.035em}.automation-mini-flow{display:block;color:#baadce;margin-top:6px!important}.mini-app{display:block;background:#100c1980;border:1px solid #b294d62a;border-radius:9px;margin-top:15px;overflow:hidden;font-size:11px}.mini-toolbar{display:flex;justify-content:space-between;gap:10px;background:#b291f10d;padding:10px 12px;border-bottom:1px solid #ffffff12;color:#c4b4d9}.mini-pill{font-size:9px;border:1px solid #ba9bdd44;border-radius:20px;padding:2px 6px;color:#d5bcff;white-space:nowrap}.mini-record{display:flex;justify-content:space-between;gap:10px;padding:8px 12px;border-bottom:1px solid #ffffff0c;color:#b5a8c6}.mini-record b,.mini-stock-row b{font-weight:500;color:#eee7f8}.mini-draft{display:block;padding:10px 12px;color:#bcb0ce;line-height:1.5;font-size:10px}.mini-stock-row{display:grid;grid-template-columns:1fr 55px 55px;gap:8px;padding:11px 12px;border-bottom:1px solid #ffffff0c}.mini-stock-head{font-size:10px;color:#b5a8c6}.mini-stock-row>:not(:first-child){text-align:right}.mini-low,.mini-stock-row .mini-low{color:#ffd49b}@media(max-width:760px){.automation-mini{padding:20px;min-height:0}.mini-record b{overflow-wrap:anywhere}}

.automation-window{--card-turn:5deg;--card-roll:-1deg;--surface-z:1}.automation-window:nth-child(2){--card-turn:-5deg;--card-roll:1deg;--surface-z:2}.automation-window.depth-managed,.automation-window.depth-managed:hover,.automation-window.depth-managed:focus-visible{transform:perspective(1100px) translateY(calc(var(--hover-progress,0)*-7px)) rotateY(calc(var(--card-turn) + var(--tilt-y,0deg))) rotateZ(var(--card-roll)) rotateX(var(--tilt-x,0deg)) scale(calc(1 + var(--hover-progress,0)*.008));transition:border-color .65s ease;z-index:var(--surface-z)}.automation-window.depth-managed:hover,.automation-window.depth-managed:focus-visible{z-index:5}html.motion-disabled .automation-window.depth-managed,.automation-window.depth-managed{will-change:auto}@media(max-width:760px){.automation-window,.automation-window:nth-child(2){--card-turn:0deg;--card-roll:0deg}}@media(prefers-reduced-motion:reduce){html:not(.motion-enabled) .automation-window.depth-managed,html:not(.motion-enabled) .automation-window.depth-managed:hover{transform:perspective(1100px) rotateY(var(--card-turn)) rotateZ(var(--card-roll))}}html.motion-disabled .automation-window.depth-managed,html.motion-disabled .automation-window.depth-managed:hover{transform:perspective(1100px) rotateY(var(--card-turn)) rotateZ(var(--card-roll))}

.automation-steps li{min-width:0;padding-bottom:8px}.automation-step-name{display:block;min-height:32px}.automation-step-data{display:flex;align-items:center;min-height:58px;margin-top:8px;font-size:11.5px;line-height:1.5;color:#a69ab8;overflow-wrap:anywhere}.automation-steps .current .automation-step-data,.automation-steps .done .automation-step-data{color:#d6bcff}.automation-step-data.data-arrived{animation:automation-step-arrive .3s ease-out both}@keyframes automation-step-arrive{from{opacity:.35;translate:0 4px}to{opacity:1;translate:0 0}}.demo-hidden .automation-step-data{animation:none!important}@media(max-width:760px){.automation-steps{display:grid;grid-template-columns:1fr 1fr;gap:12px}.automation-steps li{font-size:12px}.automation-step-name{min-height:32px}.automation-step-data{min-height:58px;font-size:11.5px}}@media(prefers-reduced-motion:reduce){html:not(.motion-enabled) .automation-step-data{animation:none!important}}html.motion-disabled .automation-step-data{animation:none!important}

.automation-steps .current{border-color:#ba92fa}.automation-status{min-height:42px}