.automation-document .document-reader-heading h1{font-size:clamp(26px,3vw,38px)}
.automation-overview{position:relative;isolation:isolate;overflow:hidden;margin:22px 0;border:1px solid #324b7a;border-radius:22px;padding:clamp(22px,3vw,36px);background:radial-gradient(ellipse at 95% 0%,#315eff77,transparent 55%),#151e33;color:#f8fbff}
.automation-overview:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.12;background-image:radial-gradient(#71a1ff 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(180deg,transparent,#000)}
.automation-topline{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px}.automation-overview .automation-champion{font-size:11px;padding:7px 10px;border-radius:8px;border-color:#e07e83;color:#fff0ef}.automation-eyebrow{font-size:11px;color:#b8c9e7;letter-spacing:.02em}
.automation-overview h2{font-size:clamp(26px,3.2vw,38px);line-height:1.15;margin:22px 0 12px;color:#ffffff;letter-spacing:-.035em}.automation-overview h2>span{color:#8fb6ff}.automation-overview .automation-intro{max-width:590px;font-size:14px;line-height:1.65;color:#c6d3e9;margin:0}
.automation-flow{display:grid;grid-template-columns:1fr 32px 1.12fr 32px 1fr;align-items:center;gap:8px;margin:27px 0 18px}.automation-node{display:flex;min-width:0;align-items:center;flex-direction:column;text-align:center;gap:10px;padding:20px 10px;border:1px solid #ffffff25;border-radius:15px;background:#ffffff07}.automation-node strong{font-size:14px;line-height:1.4;color:#fff}.automation-node>span:last-child{font-size:12px;line-height:1.5;color:#b9cbe8}.automation-node .automation-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #7ba6ff66;background:#3762ff22;border-radius:12px;color:#90b7ff}.automation-icon svg{width:25px;height:25px}.automation-engine{background:linear-gradient(145deg,#315eff55,#2a7bc633);border-color:#7ca3ff88}.automation-engine strong>span{color:#90b7ff}
.automation-connection{position:relative;height:1px;background:#75a2ed88}.automation-connection b{position:absolute;top:-12px;left:0;width:100%;text-align:center;font-size:18px;color:#90b7ff;font-weight:400}.automation-connection i{position:absolute;top:-2px;width:5px;height:5px;border-radius:50%;background:#a4d8ff;box-shadow:0 0 10px #448cff;animation:automation-flow-dot 2.1s ease-in-out 2}.automation-connection:nth-of-type(2) i{animation-delay:.6s}
.automation-tasks{display:flex;justify-content:center;flex-wrap:wrap;gap:7px}.automation-tasks>span{border:1px solid #ffffff20;background:#ffffff05;border-radius:99px;padding:6px 10px;color:#d0ddf5;font-size:11px}.automation-overview .automation-caption{margin:16px 0 0;font-size:11px;line-height:1.6;text-align:center;color:#aebed9}
.automation-document .document-sections{display:grid;grid-template-columns:1fr 1fr;gap:14px}.automation-document .document-section{margin:0;padding:22px;border-radius:17px}.automation-document .document-section h2{font-size:18px;margin:0 0 12px}.automation-document .document-section .prose{font-size:14px;line-height:1.7}.automation-document .document-section p{margin:8px 0}.automation-document .document-section li{margin:7px 0}.automation-document .document-section:last-child{grid-column:1/-1;background:#eff4ff;border-color:#cbdafa}.automation-document .document-section .button{font-size:13px;min-height:42px;padding:11px 15px;margin:6px 7px 3px 0}
@keyframes automation-flow-dot{0%{left:0;opacity:0}15%,85%{opacity:1}100%{left:calc(100% - 5px);opacity:0}}
@media(max-width:650px){.automation-document .document-sections{grid-template-columns:1fr}.automation-overview{padding:22px 18px;border-radius:17px}.automation-overview h2{font-size:28px}.automation-flow{grid-template-columns:1fr;gap:0;margin-top:22px}.automation-node{flex-direction:row;flex-wrap:wrap;text-align:left;gap:10px;padding:15px}.automation-node .automation-icon{flex:0 0 37px;height:37px}.automation-node strong{flex:1;font-size:14px}.automation-node>span:last-child{flex:0 0 100%;padding-left:47px;font-size:12px;margin-top:-5px}.automation-node br{display:none}.automation-node strong>span:before{content:" "}.automation-connection{justify-self:center;width:1px;height:22px}.automation-connection b{top:0;left:-8px;transform:rotate(90deg);line-height:22px}.automation-connection i{display:none}.automation-tasks{justify-content:flex-start;gap:6px}.automation-tasks>span{font-size:10px}.automation-overview .automation-caption{text-align:left}.automation-document .document-section{padding:20px}}
@media(prefers-reduced-motion:reduce){.automation-connection i{animation:none;display:none}}

/* The original eComTasker brand: midnight blue, electric blue, open grid. */
.automation-overview{background:radial-gradient(ellipse at 0% 15%,#2d56c87a,transparent 55%),radial-gradient(ellipse at 100% 85%,#215aae55,transparent 50%),#151e33;border-color:#314875}
.automation-overview:before{opacity:.22;background-image:linear-gradient(#6b86bf33 1px,transparent 1px),linear-gradient(90deg,#6b86bf33 1px,transparent 1px);background-size:40px 40px;mask-image:none}
.automation-brand{display:block;width:190px;height:auto;margin:26px 0 0}
.automation-overview h2{font-size:clamp(32px,4vw,52px);font-weight:800;line-height:1.08;letter-spacing:-.04em;margin-top:20px}
.automation-overview h2>span{color:#94baff}
.automation-document .document-section .button{background:#315efb;border-color:#315efb;color:#fff}
.automation-document .document-section .button:hover{background:#2349d5;border-color:#2349d5}
@media(max-width:650px){.automation-brand{width:166px;margin-top:22px}.automation-overview h2{font-size:32px}}