.automation-hero{background:radial-gradient(ellipse at 50% 25%,#214558,transparent 65%),#071f33;padding-bottom:37px}.automation-intro{text-align:center;max-width:790px;margin:52px auto 44px}.automation-intro .fs-label{justify-content:center}.automation-intro h1{font-size:clamp(65px,7vw,100px)!important}.automation-intro>p:not(.fs-label){max-width:650px;margin:25px auto;font-size:16px}.automation-canvas{border:1px solid #b1ccdd35;background:#0a2339c9;box-shadow:0 30px 55px #0002;border-radius:15px;overflow:hidden}.automation-toolbar{padding:17px 23px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#ffffff05;border-bottom:1px solid #ffffff15}.automation-toolbar>span{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.04em;color:#c5d9e6}.automation-toolbar>span>.icon{width:18px;height:18px}.automation-canvas .cm-tabs{border:0;padding-bottom:5px}.automation-nodes{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;list-style:none;padding:35px 25px;margin:0;position:relative;background-image:radial-gradient(#98b4c218 1px,transparent 1px);background-size:19px 19px}.automation-nodes li{position:relative;isolation:isolate;border:1px solid #8badc33b;background:#123149;border-radius:11px;padding:19px 16px;min-width:0;transition:background .3s,border-color .3s}.automation-nodes li:not(:last-child):after{content:'→';position:absolute;right:-19px;top:40%;color:#91acba;font-size:20px}.auto-node-icon{display:flex;width:35px;height:35px;align-items:center;justify-content:center;border:1px solid #9ebaca42;border-radius:9px;color:#b1ccde;background:#ffffff05}.auto-node-icon .icon{width:19px;height:19px}.automation-nodes small{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.02em;color:#aec6d8;margin:17px 0 9px;line-height:1.6}.automation-nodes strong{display:block;font-size:14px;line-height:1.45;font-weight:550;min-height:62px}.auto-node-status{display:block;font-size:9px;margin-top:20px;color:#aac3d2}.automation-nodes li.is-current{background:#f8c194;border-color:#f8c194;color:#13324a;box-shadow:0 0 0 5px #f8c19410}.automation-nodes li.is-current small,.automation-nodes li.is-current .auto-node-status{color:#67452d}.automation-nodes li.is-current .auto-node-icon{background:#ffffff32;color:#243d4d;border-color:#ac774c55}.automation-nodes li.is-complete{border-color:#79b2a580}.automation-nodes li.is-complete .auto-node-status{color:#a6d8c6}.automation-output{padding:22px 25px;background:#ffffff05;border-top:1px solid #9bb6c328;display:flex;gap:35px;align-items:center;min-height:87px}.automation-output>span{font-size:11px;min-width:142px;color:#ffc695}.automation-output p{font-size:13px;margin:0;max-width:760px}
.automation-friction>.container{display:grid;grid-template-columns:1fr 1fr;gap:90px}.automation-friction-title p{font-size:15px;margin:27px 0 0;max-width:465px}.automation-comparison{display:grid;gap:16px}.automation-comparison>div{padding:27px 30px;border:1px solid #dfe6eb;border-radius:11px;background:#f6f8fa}.automation-comparison small{font-size:9px;letter-spacing:.05em;color:#586f80}.automation-comparison p{font-size:15px;line-height:2.4!important;margin:17px 0 0}.automation-comparison .icon{width:15px;height:15px;color:#8297a6;margin:0 7px}.automation-comparison>div:last-child{background:#edf3ef;border-color:#d2e1d7}.automation-comparison>div:last-child p{line-height:1.8!important;color:#305443}.automation-comparison>div:last-child .icon{width:25px;height:25px;margin-left:0;color:#417a60}.automation-comparison strong{font-weight:600}
.automation-playbook{background:#f7f4ee}.automation-safety>.container{display:grid;grid-template-columns:.85fr 1.2fr;gap:100px;align-items:center}.automation-safety h2{font-size:43px!important}.automation-safety p{margin:23px 0;font-size:15px}.automation-exception{max-width:430px}.automation-exception>span{display:flex;align-items:center;gap:12px;border:1px solid #dab28770;background:#3c3c37;color:#f7d5ae;border-radius:10px;padding:23px;font-size:13px}.automation-exception>i{display:block;width:1px;height:45px;margin:auto;background:#9bb7c370}.automation-exception>div{padding:27px;border:1px solid #ffffff27;border-radius:11px;background:#ffffff06;font-size:13px;color:#c4d9e8}.automation-exception .icon{width:20px;height:20px;margin-right:8px}.automation-exception strong{display:block;margin-top:15px;color:#fff;font-size:23px;font-weight:550}
@media(max-width:1100px){.automation-nodes{gap:13px;padding:28px 19px}.automation-nodes li{padding:15px 11px}.automation-nodes strong{font-size:12px}.automation-nodes li:not(:last-child):after{right:-13px;font-size:15px}.automation-friction>.container{gap:45px}.automation-safety>.container{gap:55px}}
@media(max-width:850px){.automation-intro h1{font-size:77px!important}.automation-nodes{grid-template-columns:repeat(3,1fr);gap:22px}.automation-nodes li{padding:19px}.automation-nodes strong{font-size:15px;min-height:45px}.automation-nodes li:not(:last-child):after{right:-20px}.automation-nodes li:nth-child(3):after{display:none}.automation-friction>.container,.automation-safety>.container{grid-template-columns:1fr;gap:35px}.automation-exception{max-width:100%}.automation-safety h2{font-size:37px!important}}
@media(max-width:600px){.automation-intro{margin:34px auto 33px;text-align:left}.automation-intro .fs-label{justify-content:flex-start}.automation-intro h1{font-size:62px!important;max-width:350px}.automation-intro>p:not(.fs-label){font-size:14px}.automation-toolbar{padding:13px;flex-wrap:wrap;gap:9px}.automation-toolbar>span{font-size:8px}.automation-toolbar .cm-play{margin-left:auto}.automation-canvas .cm-tabs button{flex:1;font-size:10px;padding:10px}.automation-nodes{grid-template-columns:1fr 1fr;gap:16px;padding:23px 14px}.automation-nodes li{padding:15px 12px}.automation-nodes li:not(:last-child):after{display:none}.automation-nodes small{font-size:8px;min-height:25px;margin:12px 0 8px}.automation-nodes strong{font-size:13px;min-height:56px}.auto-node-status{margin-top:15px}.auto-node-icon{width:31px;height:31px}.automation-output{display:block;padding:20px;min-height:147px}.automation-output>span{display:block;margin-bottom:12px}.automation-output p{font-size:12px}.automation-friction-title p{font-size:14px}.automation-comparison>div{padding:23px}.automation-comparison p{font-size:14px}.automation-safety h2{font-size:32px!important}.automation-exception>span{font-size:12px;padding:20px}.automation-exception strong{font-size:22px}.automation-hero{padding-bottom:30px}}