.automation-page{font-family:"Segoe UI",Arial,sans-serif;color:#092a4d;background:#fff}.automation-page::before{display:none}.automation-page main .container{max-width:1500px;width:92%}.automation-page h1,.automation-page h2,.automation-page h3{font-family:"Segoe UI",Arial,sans-serif}.automation-page h2{font-size:clamp(29px,2.6vw,42px);line-height:1.17;letter-spacing:-1px;color:#06234e;font-weight:800;margin:14px 0}.automation-page h3{font-size:17px;font-weight:700;line-height:1.35}.auto-kicker{display:inline-block;color:#0085ff;background:#e8f5ff;border-radius:5px;padding:4px 7px;letter-spacing:1.3px;font-size:12px;font-weight:750}.auto-hero{position:relative;background:radial-gradient(ellipse at 85% 65%,#cbe8ff 0%,transparent 65%),linear-gradient(110deg,#fff,#f1f9ff);padding:40px 0 70px;overflow:hidden;border-radius:0 0 50% 4% / 0 0 5% 1%}.auto-hero-grid{display:grid;grid-template-columns:.86fr 1.7fr;gap:35px;align-items:center}.auto-hero-copy{position:relative;z-index:2}.auto-hero h1{font-size:clamp(35px,3.1vw,52px);line-height:1.12;letter-spacing:-1.6px;font-weight:800;margin:19px 0}.auto-hero h1 em{font-style:normal;color:#0085ff}.auto-hero-copy>p{font-size:17px;line-height:1.6;color:#506d89;max-width:440px}.auto-checklist{list-style:none;padding:0;display:grid;gap:12px;margin:24px 0;color:#264c6e;font-size:15px}.auto-checklist li{display:flex;align-items:center;gap:9px}.auto-check{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#04bd96;color:#fff;font-size:13px;font-weight:800;flex-shrink:0}.auto-actions{display:flex;flex-wrap:wrap;gap:13px}.auto-actions .button{min-height:49px;font-size:15px;border-radius:8px;padding:13px 20px}.auto-handwritten{font-family:"Segoe Print","Comic Sans MS",cursive;font-size:23px;color:#174b75;display:block;transform:rotate(-7deg);margin:35px 0 0 8px;line-height:1.4;max-width:235px}.auto-handwritten svg{width:112px;height:38px;display:block;margin-left:auto}.auto-hero-visual{min-width:0;position:relative;padding-top:10px}.auto-mini-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px;position:relative;z-index:2;transform:rotate(-3deg);padding-right:5px}.auto-mini-card{background:#ffffffec;border:1px solid #dbeeff;border-radius:16px;box-shadow:0 12px 25px #047dcc12;padding:18px 14px 20px;position:relative;min-height:190px}.auto-mini-card:not(:last-child)::after{content:'→';position:absolute;right:-21px;top:50%;font-size:28px;font-weight:800;color:#00a5ff;text-shadow:0 0 9px #fff}.auto-icon{display:inline-grid;place-items:center;width:47px;height:47px;border-radius:12px;background:#e9f5ff;color:#0085ff;flex-shrink:0}.auto-icon svg{width:29px;height:29px}.tone-1{background:#e1fbf3;color:#00ad84}.tone-2{background:#f0e9ff;color:#8c51ed}.tone-3{background:#fff0f0;color:#fc5465}.tone-4{background:#e3faf5;color:#00af9c}.tone-5{background:#fff2df;color:#f89b35}.auto-mini-card strong{display:block;font-size:15px;line-height:1.35;margin:12px 0 7px}.auto-mini-card small{display:block;font-size:12px;color:#6e89a1}.auto-mini-card>.auto-check{position:absolute;right:12px;top:38px;width:18px;height:18px}.auto-dashboard{position:relative;margin:29px 45px 0 -20px}.auto-dashboard>img{display:block;width:100%;height:auto;filter:drop-shadow(0 20px 22px #113b5a22)}.auto-floating{position:absolute;right:-60px;background:#ffffffed;border:1px solid #d6eaff;box-shadow:0 10px 25px #1b71ab16;border-radius:16px;padding:15px;display:flex;gap:10px;align-items:center;max-width:270px}.auto-floating strong{display:block;font-size:14px}.auto-floating div>span{display:block;color:#60819e;font-size:12px;margin-top:5px}.auto-floating-data{top:12%}.auto-floating-plan{bottom:11%}.auto-floating .auto-icon{width:37px;height:37px}.auto-floating .auto-icon svg{width:24px;height:24px}.auto-preview-note{font-size:11px;text-align:right;color:#6888a3;margin-top:14px}.auto-section{padding:80px 0}.auto-lead{font-size:18px;line-height:1.6;color:#54718d;max-width:750px;margin-top:12px}.auto-steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;margin-top:30px}.auto-steps article{position:relative;background:#fff;border:1px solid #e1edf7;border-radius:14px;padding:23px 17px;box-shadow:0 6px 20px #076aaa07}.auto-steps article:not(:last-child)::after{content:'→';position:absolute;right:-18px;top:75px;color:#0085ff;font-size:26px;z-index:1}.auto-steps h3{margin:16px 0 10px;font-size:16px}.auto-steps p{font-size:14px;line-height:1.55;color:#5d7993}.auto-scenarios{background:linear-gradient(#fff,#f2faff 50%,#fff);padding-top:35px}.auto-scenario-grid{display:grid;grid-template-columns:1fr .85fr 1.15fr;gap:40px;align-items:center}.auto-scenario-copy .auto-lead{font-size:17px}.auto-scenario-copy .button{font-size:15px;min-height:49px}.auto-phone{position:relative;min-height:560px;transform:rotate(-4deg);border:7px solid #173342;border-radius:43px;background:linear-gradient(135deg,#315472,#a6c5df);box-shadow:inset 0 0 0 2px #94a8b6,0 18px 35px #244d6b25;padding:58px 12px 33px}.auto-phone-camera{position:absolute;top:0;left:27%;width:46%;height:23px;border-radius:0 0 16px 16px;background:#173342}.auto-phone-time{text-align:center;font-size:51px;font-weight:300;line-height:1;color:#fff}.auto-phone-day{text-align:center;font-size:12px;color:#edf7ff;margin:10px 0 27px}.auto-notifications{display:grid;gap:12px;margin-left:-25px;margin-right:-25px;transform:rotate(4deg)}.auto-notifications article{display:flex;gap:10px;background:#f4fafff2;border:1px solid #d5eaff;border-radius:14px;padding:14px;box-shadow:0 5px 12px #103f661a}.auto-notifications article>img{object-fit:contain;align-self:flex-start;flex-shrink:0}.auto-notifications article>div{min-width:0;flex:1}.auto-notification-meta{display:flex;justify-content:space-between;align-items:center;gap:6px}.auto-notification-meta strong{font-size:12px}.auto-notification-meta small{font-size:10px;color:#7b93a9}.auto-notifications h3{font-size:14px;margin-top:3px}.auto-notifications article p{font-size:12px;line-height:1.45;color:#4e6a85;margin-top:3px}.auto-notification-empty{font-size:15px;line-height:1.5;color:white;padding:25px;text-align:center}.auto-phone-bar{height:4px;width:36%;background:#fff;border-radius:5px;position:absolute;bottom:13px;left:32%}.auto-rule-panel{background:#fff;border:1px solid #deedfa;border-radius:20px;padding:24px;box-shadow:0 12px 30px #0085ff0c}.auto-rule-heading{margin-bottom:15px}.auto-rule-heading>strong{font-size:18px}.auto-rule-heading small{display:block;color:#718ba3;font-size:12px;margin-top:5px}.auto-toggle-row{display:flex;gap:12px;align-items:flex-start;padding:18px 0;border-top:1px solid #edf3f9}.auto-toggle-row .auto-icon{width:39px;height:39px;border-radius:50%}.auto-toggle-row .auto-icon svg{width:23px;height:23px}.auto-toggle-row>div{flex:1;min-width:0}.auto-toggle-row h3{font-size:14px}.auto-toggle-row p{font-size:13px;line-height:1.5;margin-top:6px;color:#647d93}.auto-switch{width:37px;height:22px;background:#b8cad9;border:0;border-radius:20px;padding:3px;flex-shrink:0;cursor:pointer;transition:background .2s}.auto-switch span{display:block;width:16px;height:16px;background:white;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #001b4030}.auto-switch[aria-checked=true]{background:#0085ff}.auto-switch[aria-checked=true] span{transform:translateX(15px)}.auto-switch:focus-visible{outline:3px solid #0085ff;outline-offset:4px}.auto-demo-note{font-size:12px;line-height:1.5;color:#7890a5;margin-top:16px}.auto-integration-section{padding-top:45px}.auto-integration-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:60px;align-items:center}.auto-tool-logos{display:flex;flex-wrap:wrap;gap:11px;margin-top:25px}.auto-tool-logos span{display:flex;align-items:center;justify-content:center;gap:8px;min-height:70px;padding:15px 17px;background:#fff;border:1px solid #e2edf7;box-shadow:0 5px 15px #075f9f07;border-radius:11px;font-size:17px;font-weight:700;color:#163c69}.auto-tool-logos .auto-lexware{color:#e22e38}.auto-tool-logos .auto-datev{color:#40b83e}.auto-tool-logos .auto-stripe{color:#6759e8;font-size:25px}.auto-data-flow{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:30px;align-items:center;position:relative}.auto-flow-column{display:grid;gap:18px;z-index:1}.auto-flow-column>div{position:relative;display:grid;justify-items:center;align-content:center;gap:10px;min-height:100px;background:#fff;border:1px solid #deedfa;border-radius:16px;box-shadow:0 7px 21px #0085ff0b;font-size:14px;text-align:center;padding:13px}.auto-flow-column svg{width:32px;height:32px;color:#0085ff}.auto-flow-center{position:relative;aspect-ratio:1;display:grid;place-items:center;border:1px solid #bfe8ff;border-radius:50%;background:radial-gradient(circle,#fff 50%,#e9f8ff);box-shadow:0 0 0 18px #f1faff,0 0 0 35px #f8fcff}.auto-flow-center:before,.auto-flow-center:after{content:'';position:absolute;top:50%;width:45px;height:2px;background:#69cbff}.auto-flow-center:before{right:100%}.auto-flow-center:after{left:100%}.auto-flow-center img{width:55%;height:auto;z-index:1}.auto-flow-check{position:absolute;background:#00bd9b;color:white;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 5px #fff;z-index:2}.auto-flow-check.one{top:-2%;right:4%}.auto-flow-check.two{bottom:-2%;left:4%}.auto-results{padding-top:30px;background:linear-gradient(#fff,#f5fbff)}.auto-results-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:28px}.auto-results-grid article{background:#fff;border:1px solid #e1edf8;border-radius:14px;display:flex;align-items:center;gap:15px;padding:25px 19px}.auto-results-grid p{font-size:14px;line-height:1.5;color:#5c7790;margin-top:6px}.auto-results-grid .auto-icon{border-radius:50%;width:53px;height:53px}.auto-closing{position:relative;display:grid;grid-template-columns:1.6fr 1fr;gap:40px;align-items:center;background:linear-gradient(100deg,#032339 35%,#063958bf),url('/media/hero-building.png') right center/cover;border-radius:22px;padding:48px 45px;margin-top:25px;margin-bottom:70px;overflow:hidden;color:#fff}.auto-closing h2{color:white;font-size:clamp(29px,2.5vw,41px);margin:18px 0}.auto-closing-copy>p{font-size:18px;color:#cee7f5;margin-bottom:24px}.auto-closing .auto-kicker{background:#0079a324;color:#5dd2f2}.auto-closing .outline{background:transparent;color:white;border-color:#83bad5}.auto-closing-checks{list-style:none;display:flex;flex-wrap:wrap;gap:17px;padding:0;margin:29px 0 0;font-size:12px;color:#d9edf7}.auto-closing-checks li{display:flex;gap:7px;align-items:center}.auto-closing-motto{padding:32px;border:1px solid #56b2de55;background:#0434595c;border-radius:17px;backdrop-filter:blur(3px)}.auto-closing-motto img{width:210px;max-width:100%;height:auto}.auto-closing-motto p{font-family:"Segoe Print","Comic Sans MS",cursive;font-size:29px;line-height:1.5;margin:25px 0;color:#e3f5ff}.auto-closing-motto>span{font-size:14px;color:#b9dcec}.automation-page .site-footer{margin-top:0}.automation-page .footer-invitation{display:none}@media(hover:hover) and (pointer:fine){.auto-steps article:hover{border-color:#a3d8ff;box-shadow:0 8px 20px #0085ff10}.auto-switch:hover{filter:brightness(1.08)}}@media(max-width:1250px){.auto-hero-grid{grid-template-columns:.9fr 1.4fr;gap:24px}.auto-mini-flow{gap:12px}.auto-mini-card{padding:13px 10px;min-height:180px}.auto-mini-card strong{font-size:13px}.auto-mini-card:not(:last-child)::after{right:-16px;font-size:23px}.auto-floating{right:-35px;padding:11px}.auto-floating .auto-check{display:none}.auto-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.auto-steps article:nth-child(3)::after{display:none}.auto-scenario-grid{grid-template-columns:1fr 1fr;gap:40px}.auto-scenario-copy{grid-column:1/-1;max-width:800px}.auto-phone{max-width:340px;width:90%;justify-self:center}.auto-integration-grid{gap:40px}.auto-data-flow{gap:16px}.auto-flow-column>div{font-size:12px}.auto-results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1000px){.auto-hero-grid{grid-template-columns:1fr}.auto-hero-copy{max-width:760px}.auto-hero h1{font-size:46px;max-width:650px}.auto-hero-copy>p{max-width:620px}.auto-hero .auto-checklist{grid-template-columns:1fr 1fr;max-width:680px}.auto-handwritten{position:absolute;right:20px;bottom:0;font-size:20px;margin:0}.auto-hero-visual{margin-top:30px;padding-right:20px}.auto-mini-card{min-height:160px;padding:18px}.auto-mini-card strong{font-size:16px}.auto-dashboard{max-width:740px;margin:30px auto 0}.auto-floating{right:-20px}.auto-integration-grid{grid-template-columns:1fr}.auto-data-flow{max-width:680px;width:100%;justify-self:center;margin:30px 0}.auto-closing{grid-template-columns:1fr}.auto-closing-motto{display:none}}@media(max-width:700px){.automation-page main .container{width:90%}.auto-hero{padding-top:25px;padding-bottom:40px}.auto-hero h1{font-size:36px;letter-spacing:-1px}.auto-hero-copy>p{font-size:17px}.auto-hero .auto-checklist{grid-template-columns:1fr}.auto-handwritten{display:none}.auto-mini-flow{grid-template-columns:1fr 1fr;transform:none;gap:14px}.auto-mini-card{min-height:155px;padding:15px}.auto-mini-card:nth-child(2)::after{display:none}.auto-mini-card strong{font-size:14px}.auto-hero-visual{padding-right:0}.auto-dashboard{margin:22px 0 0}.auto-floating{position:static;display:inline-flex;max-width:none;padding:10px;margin:8px 5px 0 0}.auto-floating strong{font-size:12px}.auto-floating div>span{font-size:11px}.auto-floating .auto-icon{width:27px;height:27px}.auto-floating .auto-icon svg{width:20px;height:20px}.auto-preview-note{text-align:left}.auto-section{padding:50px 0}.auto-lead{font-size:17px}.auto-steps{grid-template-columns:1fr 1fr;gap:14px}.auto-steps article{padding:20px 14px}.auto-steps article::after{display:none}.auto-scenario-grid{grid-template-columns:1fr;gap:40px}.auto-scenario-copy{grid-column:auto}.auto-phone{min-height:530px;width:85%;max-width:320px}.auto-rule-panel{padding:20px}.auto-results-grid{grid-template-columns:1fr}.auto-flow-column>div{min-height:88px;font-size:10px;padding:9px}.auto-flow-column svg{width:26px;height:26px}.auto-data-flow{gap:14px;grid-template-columns:1fr 1fr 1fr}.auto-flow-center{box-shadow:0 0 0 10px #f1faff,0 0 0 19px #f8fcff}.auto-flow-check{width:22px;height:22px;font-size:12px}.auto-closing{padding:30px 23px;margin-top:0;margin-bottom:45px}.auto-closing-checks{gap:12px}.auto-closing .auto-actions{flex-direction:column}.auto-kicker{font-size:11px}.auto-rule-panel .auto-demo-note{font-size:11px}}@media(prefers-reduced-motion:reduce){.auto-switch,.auto-switch span{transition:none}}
/* Four steps above the screen, then two separate steps on its right. */
.auto-dashboard{display:grid;grid-template-columns:minmax(0,1fr) 175px;grid-template-rows:1fr 1fr;gap:22px;margin:30px 0 0 -20px;align-items:stretch}
.auto-dashboard>img{grid-column:1;grid-row:1 / 3;width:100%;height:auto;align-self:center}
.auto-floating{position:relative;right:auto;top:auto;bottom:auto;grid-column:2;max-width:none;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;padding:19px 16px;margin:0}
.auto-floating-data{grid-row:1}
.auto-floating-plan{grid-row:2}
.auto-floating::before{content:'↓';position:absolute;top:-32px;left:calc(50% - 12px);color:#009dff;font-size:30px;font-weight:800;text-shadow:0 0 6px white}
.auto-floating>.auto-check{display:inline-grid;position:absolute;top:18px;right:13px}
.auto-floating strong{font-size:15px;line-height:1.35}
.auto-floating div>span{font-size:13px;line-height:1.5}
.auto-floating .auto-icon{width:42px;height:42px}
.auto-floating .auto-icon svg{width:28px;height:28px}
.auto-mini-flow{padding-right:0;transform:none}
.auto-side-details{list-style:none;margin:0;padding:0;display:grid;gap:8px;color:#5b7891;font-size:12px;line-height:1.4}
.auto-side-details li::before{content:'✓';color:#00b899;margin-right:6px;font-weight:800}
@media(min-width:1251px){.auto-hero-grid{grid-template-columns:.8fr 1.8fr;gap:30px}}
@media(max-width:1250px){.auto-dashboard{grid-template-columns:minmax(0,1fr) 145px;gap:20px;margin-left:0}.auto-floating{padding:15px 12px}.auto-floating strong{font-size:14px}.auto-side-details{font-size:11px}}
@media(max-width:1000px){.auto-dashboard{max-width:none;margin:30px 0 0;grid-template-columns:minmax(0,1fr) 175px}.auto-hero-visual{padding-right:0}}
@media(max-width:700px){.auto-dashboard{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:18px;margin-top:22px}.auto-dashboard>img{grid-column:1 / 3;grid-row:1}.auto-floating{grid-row:2;grid-column:auto;margin:0;padding:18px 14px}.auto-floating::before{display:none}.auto-floating strong{font-size:14px}.auto-side-details{font-size:12px}.auto-floating div>span{font-size:12px}}
.ref-hero{padding:26px 0 45px;background:linear-gradient(175deg,#f8fcff 0%,#edf7ff 57%,#c5dafa 86%,#f8fcff 87%)}
.ref-hero .auto-hero-grid{grid-template-columns:.76fr 1.9fr;gap:28px;align-items:start}
.ref-hero .auto-hero-copy{padding-top:30px}
.ref-hero h1{font-size:clamp(30px,2.7vw,45px);letter-spacing:-1.3px;line-height:1.14}
.ref-hero .auto-hero-copy>p{font-size:16px;line-height:1.5}
.ref-hero .auto-checklist{font-size:14px;gap:12px;margin:22px 0}
.ref-hero .auto-actions{flex-direction:column;align-items:flex-start}
.ref-hero .auto-actions .button{font-size:14px}
.ref-hero .auto-handwritten{margin-top:110px;font-size:24px}
.ref-hero .auto-mini-flow{gap:22px;transform:perspective(1100px) rotateY(-7deg) rotateZ(-2deg);transform-origin:center}
.ref-hero .auto-mini-card{min-height:235px;padding:18px 14px;border-radius:18px;background:linear-gradient(135deg,#fff,#f6fcff);box-shadow:0 12px 22px #087aca20;display:flex;flex-direction:column;align-items:flex-start}
.ref-hero .auto-mini-card strong{font-size:14px;margin-top:14px;line-height:1.3}
.ref-hero .auto-mini-card>small{font-size:10px;margin-top:10px}
.ref-hero .auto-mini-card>.auto-check{top:80px;right:10px}
.ref-customer{width:59px;height:65px;object-fit:cover;border-radius:16px;align-self:center}
.ref-icon{width:60px;height:60px;align-self:center;transform:rotate(-6deg);color:#fff;background:linear-gradient(135deg,#009fff,#005de6);box-shadow:4px 5px 0 #bde3ff,0 8px 13px #007eff20;border-radius:10px}
.ref-icon svg{width:38px;height:38px;stroke-width:1.6}
.ref-hero .auto-mini-card ul{padding:0;margin:0;list-style:none;width:100%;display:grid;gap:4px;font-size:10px;color:#58718b}
.ref-hero .auto-mini-card li{border-radius:5px;background:#edf4fc;padding:4px 5px}
.ref-hero .auto-mini-card li:before{content:'✓';color:#00b79a;margin-right:5px}
.ref-price{margin-top:12px;font-size:24px;letter-spacing:-1px;padding:5px;background:#f1f7ff;white-space:nowrap}
.ref-payments{display:flex;gap:8px;font-size:14px;color:#0841b4;align-items:center;margin-top:13px;flex-wrap:wrap}
.ref-mastercard{width:32px;height:20px;position:relative}.ref-mastercard:before,.ref-mastercard:after{content:'';position:absolute;top:2px;width:18px;height:18px;border-radius:50%;background:#ff2636}.ref-mastercard:after{left:13px;background:#ffb020;opacity:.9}
.ref-hero .auto-mini-card:not(:last-child)::after,.ref-hero .auto-floating::before{color:white;-webkit-text-stroke:1px #1cacff;filter:drop-shadow(0 0 4px #009fff);font-size:35px}
.ref-hero .auto-dashboard{grid-template-columns:minmax(0,1fr) 170px;margin:36px 0 0 -30px;gap:30px 24px;grid-template-rows:1fr 1fr;padding-bottom:65px}
.ref-desktop{grid-column:1;grid-row:1/3;position:relative;align-self:center;padding-bottom:76px;margin-bottom:-75px;perspective:1200px}
.ref-screen{display:grid;grid-template-columns:23% 77%;aspect-ratio:1.38;background:#f2f7fc;border:12px solid #13232e;border-radius:14px 14px 3px 3px;overflow:hidden;transform:rotateY(-7deg) rotateZ(1deg);transform-origin:right bottom;box-shadow:0 15px 25px #152c3d30}
.ref-screen aside{background:linear-gradient(150deg,#073652,#021d31);padding:15px 8px;color:#d6e9f8;display:flex;flex-direction:column;gap:3px;min-width:0}
.ref-screen-logo{display:flex;align-items:center;gap:6px;font-size:19px;font-weight:700;color:white;margin-bottom:12px}.ref-screen-logo img{width:24px;height:27px;object-fit:contain}
.ref-screen aside>span{display:flex;gap:6px;align-items:center;padding:7px 5px;font-size:9px;border-radius:5px}.ref-screen aside b{font-weight:500}.ref-screen aside svg{width:13px;height:13px;flex-shrink:0}.ref-screen aside .selected{background:linear-gradient(90deg,#0071f4,#00a9e9);color:white}
.ref-screen-main{padding:17px 13px;min-width:0}.ref-screen-top{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:8px;color:#7891a9;margin-bottom:24px}.ref-screen-top>span{background:white;border:1px solid #e3edf6;padding:8px;border-radius:15px;flex:1}.ref-screen-top>b{font-size:7px;color:#284860;white-space:nowrap}
.automation-page .ref-screen h2{font-size:18px;margin:0 0 5px;letter-spacing:-.5px;line-height:1.2}.ref-screen-main>p{font-size:9px;color:#7590a8}.ref-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:20px 0}.ref-stats>div{background:white;padding:10px 6px;border-radius:6px;min-width:0;box-shadow:0 3px 9px #26567208}.ref-stats small{font-size:7px;color:#2b5e89;display:block;min-height:21px}.ref-stats strong{font-size:18px;display:block;letter-spacing:-1px}.ref-stats span{display:block;font-size:7px;color:#00b58d;margin-top:7px;text-align:right}.ref-orders{background:white;border-radius:7px;padding:11px 9px}.ref-orders>strong{font-size:12px}.ref-order-head,.ref-order-row{display:grid;grid-template-columns:1.15fr 1.1fr 1fr 1fr;gap:5px;font-size:7px;align-items:center;min-height:29px;border-bottom:1px solid #f1f5f8}.ref-order-head{color:#6a8aaa}.ref-order-row{color:#355575}.ref-status{color:#008c8a;background:#e9fbf5;padding:4px;border-radius:7px;font-size:6px}
.ref-monitor-chin{position:relative;z-index:2;height:25px;background:linear-gradient(90deg,#aab5bf,#eff2f5 55%,#a8b4bd);border-radius:0 0 10px 10px;transform:rotateZ(1deg);box-shadow:0 7px 12px #2444511a}
.ref-monitor-stand{position:absolute;bottom:30px;left:45%;height:64px;width:17%;background:linear-gradient(#758893,#d6dfe5 70%,#91a3af);clip-path:polygon(20% 0,80% 0,100% 100%,0 100%)}.ref-monitor-foot{position:absolute;bottom:24px;left:34%;height:17px;width:39%;border-radius:50%;background:linear-gradient(#d9e1e7,#8f9fa9);box-shadow:0 9px 10px #22415323}
.ref-keyboard{position:absolute;bottom:-16px;left:18%;width:45%;height:49px;display:grid;grid-template-columns:repeat(14,1fr);gap:3px;padding:7px;background:linear-gradient(#fff,#d0d8df);border:1px solid #c1cbd2;border-radius:6px;transform:perspective(200px) rotateX(35deg) rotateZ(3deg);box-shadow:0 5px 6px #28465c22}.ref-keyboard i{background:#fafafa;border:1px solid #c9d1d9;border-radius:2px;box-shadow:0 1px #9aabb8}.ref-mouse{position:absolute;bottom:-12px;left:69%;width:50px;height:30px;border-radius:50%;background:linear-gradient(120deg,#fff,#bcc9d3);transform:rotate(-12deg);box-shadow:0 6px 8px #12364c25}.ref-plant{position:absolute;bottom:17px;left:-135px;width:145px;height:185px;z-index:3;filter:drop-shadow(0 8px 5px #19394415)}
.ref-hero .auto-floating{padding:18px 15px;min-height:190px;justify-content:flex-start;gap:15px;background:#f8fcff;box-shadow:0 10px 20px #0085ff18}.ref-hero .auto-floating strong{font-size:14px}.ref-hero .auto-floating>.auto-check{top:43px;right:11px}.ref-hero .auto-floating .ref-icon{align-self:flex-start;width:40px;height:40px}.ref-hero .auto-floating .ref-icon svg{width:28px;height:28px}.ref-accounting{display:flex;align-items:center;gap:12px}.ref-accounting b{color:#f12a3c;font-size:20px}.ref-accounting span{font-size:12px;background:#4bb650;color:white;padding:7px 3px}.ref-hero .auto-side-details{font-size:11px;width:100%;gap:6px}.ref-hero .auto-side-details li{background:#eef5ff;border-radius:6px;padding:4px}.ref-hero .auto-preview-note{font-size:10px;margin-top:10px}
@media(max-width:1250px){.ref-hero .auto-dashboard{grid-template-columns:minmax(0,1fr) 145px;gap:25px 18px}.ref-hero .auto-mini-flow{gap:17px}.ref-hero .auto-mini-card{padding:16px 10px;min-height:220px}.ref-price{font-size:20px}.ref-screen{border-width:9px}.ref-screen aside>span{font-size:7px;padding:5px 3px}.ref-screen-logo{font-size:14px}.ref-screen-main{padding:13px 10px}.ref-stats strong{font-size:14px}.ref-orders{padding:8px 5px}.ref-plant{left:-105px;width:115px}.ref-hero .auto-checklist{font-size:12px}.ref-hero .auto-hero-copy>p{font-size:15px}}
@media(max-width:1000px){.ref-hero .auto-hero-grid{grid-template-columns:1fr}.ref-hero .auto-hero-copy{max-width:700px;padding-top:0}.ref-hero h1{font-size:42px}.ref-hero .auto-handwritten{display:none}.ref-hero .auto-actions{flex-direction:row}.ref-hero .auto-mini-flow{transform:none}.ref-hero .auto-dashboard{margin-left:0;grid-template-columns:minmax(0,1fr) 170px;padding-left:30px}.ref-plant{left:-45px;width:100px;bottom:15px}.ref-hero .auto-hero-copy>p{font-size:17px}.ref-hero .auto-checklist{font-size:15px}.ref-screen aside>span{font-size:9px}}
@media(max-width:700px){.ref-hero h1{font-size:35px}.ref-hero .auto-mini-flow{grid-template-columns:1fr 1fr}.ref-hero .auto-mini-card{min-height:220px}.ref-hero .auto-dashboard{grid-template-columns:1fr 1fr;padding-left:0;margin-top:25px;padding-bottom:0;gap:30px 14px}.ref-desktop{grid-column:1/-1;grid-row:1;margin-bottom:15px;padding-bottom:76px}.ref-hero .auto-floating{grid-column:auto;grid-row:2;min-height:200px}.ref-screen{transform:none;aspect-ratio:1.2}.ref-screen aside{padding:10px 4px}.ref-screen aside>span{font-size:7px;gap:4px}.ref-screen-logo{font-size:13px;margin-bottom:6px}.ref-screen-logo img{width:20px}.ref-screen-main{padding:10px 7px}.ref-screen-top{margin-bottom:15px}.automation-page .ref-screen h2{font-size:14px}.ref-stats{gap:3px;margin:12px 0}.ref-stats>div{padding:7px 3px}.ref-stats strong{font-size:12px}.ref-orders>strong{font-size:10px}.ref-order-row,.ref-order-head{font-size:5px;min-height:24px;gap:3px}.ref-status{font-size:5px;padding:2px}.ref-plant{left:-10px;width:70px;height:100px;bottom:20px}.ref-keyboard{left:24%;width:47%;height:35px;gap:2px;padding:5px}.ref-mouse{left:79%;width:32px;height:23px}.ref-hero .auto-mini-card:not(:last-child)::after{font-size:29px}}

/* Individually rendered hero elements, scaled to the reference composition. */
@media(min-width:1001px){
.ref-hero{padding:32px 0 30px;background:radial-gradient(ellipse at 76% 28%,#fff 0,transparent 48%),linear-gradient(165deg,#f8fbff 10%,#deecff 80%,#f7fbff 80.3%)}
.ref-hero .auto-hero-grid{grid-template-columns:29% minmax(0,1fr);gap:20px;max-width:1440px;width:calc(100% - 48px)}
.ref-hero .auto-hero-copy{padding-top:24px}
.ref-hero h1{font-size:clamp(30px,2.85vw,42px);line-height:1.12;letter-spacing:-1.5px}
.ref-hero .auto-hero-copy>p{max-width:355px;font-size:16px}
.ref-hero .auto-handwritten{margin-top:105px;font-size:25px;max-width:230px}
.ref-hero .auto-mini-flow{grid-template-columns:.88fr .91fr 1.04fr 1.08fr;gap:22px;transform:skewY(-3deg);padding:0 3px 0 14px}
.ref-hero .auto-mini-card{min-height:0;height:244px;padding:17px 13px;box-shadow:0 13px 17px #14569921,inset 0 0 0 1px #fff;border:1px solid #d8ebff;border-radius:19px}
.ref-hero .auto-mini-card strong{font-size:14px;margin-top:13px}
.ref-hero .auto-mini-card ul{margin-top:7px;font-size:10px}
.ref-hero .auto-mini-card>small{font-size:10px}
.ref-hero .auto-mini-card>.auto-check{top:77px}
.ref-hero .auto-mini-card:nth-child(4){border-color:#a7dfff;background:linear-gradient(120deg,#fff,#e8f7ff)}
.ref-hero .auto-dashboard{grid-template-columns:minmax(0,1fr) 21%;grid-template-rows:auto auto;gap:30px 25px;margin:40px 0 0 -40px;padding-bottom:50px;align-items:start}
.ref-desktop{align-self:start;padding-bottom:88px;margin-bottom:-50px;transform:perspective(1400px) rotateY(-8deg) rotateZ(-2deg);transform-origin:right center}
.ref-screen{transform:skewY(-2deg);aspect-ratio:1.48;border:11px solid #111b22;border-radius:17px 17px 3px 3px;grid-template-columns:22% 78%;box-shadow:5px 1px 0 #84919b,9px 5px 0 #d0dae1,0 18px 25px #21394a35}
.ref-monitor-chin{transform:skewY(-2deg);height:31px;background:linear-gradient(100deg,#b7c2ca,#f2f5f6 60%,#a5b2bb);box-shadow:7px 1px 0 #aebac4}
.ref-screen aside{padding:19px 9px;gap:5px}
.ref-screen aside>span{font-size:10px;padding:7px 4px}
.ref-screen-logo{font-size:21px;margin-bottom:16px}
.ref-screen-main{display:flex;flex-direction:column;padding:18px 13px 13px}
.ref-screen-top{font-size:10px;margin-bottom:25px;flex-shrink:0}.ref-screen-top>b{font-size:9px}.ref-screen-top>span{padding:9px}
.automation-page .ref-screen h2{font-size:21px;letter-spacing:-.8px}
.ref-screen-main>p{font-size:10px;margin:5px 0}
.ref-stats{margin:17px 0;gap:8px}.ref-stats>div{padding:12px 7px}.ref-stats small{font-size:9px;min-height:25px}.ref-stats strong{font-size:21px}.ref-stats span{font-size:8px;margin-top:9px}
.ref-orders{display:flex;flex-direction:column;flex:1;min-height:0;padding:12px 9px}.ref-orders>strong{font-size:15px;margin-bottom:6px}.ref-order-head{font-size:9px;min-height:26px}.ref-order-row{flex:1;font-size:9px;min-height:33px}.ref-status{font-size:8px}
.ref-hero .auto-floating{height:auto;min-height:0;padding:18px 14px;gap:15px;border-radius:20px}.ref-hero .auto-floating-data{margin-top:10px}.ref-hero .auto-floating-plan{align-self:start}.ref-hero .auto-floating strong{font-size:14px}.ref-hero .auto-side-details{font-size:11px;gap:7px}.ref-hero .auto-side-details li{padding:5px 3px}
.ref-hero .auto-floating::before{font-size:45px;top:-42px}.ref-accounting{gap:8px}.ref-accounting b{font-size:20px}.ref-accounting span{font-size:10px;color:#fff}
.ref-monitor-stand{bottom:35px;height:65px;left:47%;width:18%;background:linear-gradient(#798b96,#c2cfd8 70%,#eef3f6)}
.ref-monitor-foot{bottom:26px;left:38%;width:35%;height:18px}
.ref-keyboard{bottom:-13px;left:10%;width:52%;height:45px;transform:perspective(200px) rotateX(38deg) rotateZ(8deg)}
.ref-mouse{bottom:-8px;left:69%;width:60px;height:34px}
.ref-plant{left:-125px;bottom:39px;width:140px;height:190px}
.ref-hero .auto-preview-note{margin-top:40px;font-size:11px}
}
@media(min-width:1001px) and (max-width:1200px){
.ref-hero .auto-mini-flow{gap:16px}.ref-hero .auto-mini-card{padding:13px 9px;height:224px}.ref-hero .auto-mini-card strong{font-size:12px}.ref-icon{width:49px;height:49px}.ref-customer{height:54px;width:49px}.ref-price{font-size:20px}.ref-payments{font-size:11px;gap:5px}
.ref-hero .auto-dashboard{gap:26px 17px;margin-left:-20px}.ref-screen-main{padding:12px 9px}.ref-screen aside{padding:12px 6px;gap:3px}.ref-screen aside>span{font-size:8px;padding:5px 3px}.ref-screen-logo{font-size:17px;margin-bottom:10px}.ref-screen-top{margin-bottom:15px}.ref-screen-top>b{font-size:7px}.automation-page .ref-screen h2{font-size:16px}.ref-stats{margin:12px 0}.ref-stats small{font-size:7px}.ref-stats strong{font-size:17px}.ref-orders>strong{font-size:12px}.ref-order-head,.ref-order-row{font-size:7px;min-height:26px}.ref-status{font-size:6px}.ref-hero .auto-floating{padding:12px 9px;gap:11px}.ref-hero .auto-floating strong{font-size:12px}.ref-hero .auto-side-details{font-size:9px}.ref-accounting b{font-size:16px}.ref-accounting span{font-size:8px}
}
.ref-hero .ref-accounting span{color:#fff;font-weight:700}

/* Supplied transparent artwork, arranged independently of the live copy. */
.asset-hero{padding:28px 0 30px;background:radial-gradient(ellipse at 78% 23%,#fff,transparent 55%),linear-gradient(160deg,#f8fcff,#e4f0ff 80%,#f8fcff);overflow:hidden}
.asset-hero-grid{display:grid;grid-template-columns:29% minmax(0,1fr);gap:20px;align-items:start;max-width:1440px;width:calc(100% - 48px)}
.asset-hero .auto-hero-copy{padding-top:28px;position:relative;z-index:1}
.asset-hero h1{font-size:clamp(30px,2.85vw,43px);line-height:1.13;letter-spacing:-1.3px}
.asset-hero .auto-hero-copy>p{font-size:16px;line-height:1.55;max-width:360px}
.asset-hero .auto-checklist{font-size:14px;gap:12px;margin:23px 0}
.asset-hero .auto-actions{flex-direction:column;align-items:flex-start;gap:12px}
.asset-hero .auto-actions .button{font-size:14px}
.asset-hero .auto-handwritten{margin-top:90px;font-size:25px;max-width:230px}
.asset-hero-visual{min-width:0}
.asset-process{display:block;width:100%;height:auto}
.asset-devices{display:grid;grid-template-columns:minmax(0,1fr) 23%;gap:6px;align-items:start;margin-top:18px}
.asset-monitor{display:block;width:122%;max-width:none;height:auto;margin-left:-22%;margin-top:3px}
.asset-side{position:relative;padding-top:34px}
.asset-down-arrow{position:absolute;top:-14px;left:50%;transform:translateX(-50%);font-size:48px;line-height:1;color:white;-webkit-text-stroke:1px #0fa9ff;filter:drop-shadow(0 0 4px #00a5ff)}
.asset-side-crop{position:relative;width:100%;aspect-ratio:570/1167;overflow:hidden}
.asset-side-crop img{position:absolute;top:0;left:-68.42%;width:236.3158%;max-width:none;height:auto}
.asset-hero .auto-preview-note{font-size:11px;line-height:1.5;margin-top:15px;color:#5a7597;text-align:right}
@media(max-width:1000px){.asset-hero-grid{grid-template-columns:1fr;gap:30px}.asset-hero .auto-hero-copy{max-width:650px;padding-top:0}.asset-hero h1{font-size:42px}.asset-hero .auto-hero-copy>p{max-width:620px;font-size:17px}.asset-hero .auto-actions{flex-direction:row}.asset-hero .auto-handwritten{display:none}.asset-monitor{width:100%;margin-left:0}.asset-hero .auto-preview-note{text-align:left}}
@media(max-width:600px){.asset-hero{padding-top:24px}.asset-hero-grid{width:calc(100% - 32px)}.asset-hero h1{font-size:34px}.asset-hero .auto-actions{flex-direction:column}.asset-hero .auto-checklist{font-size:14px}.asset-devices{grid-template-columns:minmax(0,1fr) 25%;gap:0;margin-top:12px}.asset-side{padding-top:12px}.asset-down-arrow{font-size:24px;top:-10px}.asset-hero .auto-preview-note{font-size:11px}}
/* Match the additional canvas around the updated PC artwork. */
.asset-monitor{width:152.5%;margin-left:-52.5%}
@media(max-width:1000px){.asset-monitor{width:125%;margin-left:-25%}}

/* Broad, symmetrical curve into the following white section. */
.automation-page .asset-hero{border-radius:0 0 50% 50% / 0 0 56px 56px;padding-bottom:65px}
@media(max-width:700px){.automation-page .asset-hero{border-radius:0 0 50% 50% / 0 0 26px 26px;padding-bottom:40px}}

/* Blend only the lower tabletop into the hero background. */
.asset-monitor{-webkit-mask-image:url('/media/monitor-edge-mask.svg');mask-image:url('/media/monitor-edge-mask.svg');-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}

/* Raise the blue boundary while keeping the preview note readable below it. */
.automation-page .asset-hero{border-radius:0;padding-bottom:18px;background:none;isolation:isolate}
.asset-hero::before{content:'';position:absolute;z-index:-1;inset:0 0 100px;pointer-events:none;background:radial-gradient(ellipse at 78% 23%,#fff,transparent 55%),linear-gradient(160deg,#f8fcff,#e4f0ff 80%,#f8fcff);border-radius:0 0 50% 50% / 0 0 110px 110px}
@media(max-width:700px){.automation-page .asset-hero{padding-bottom:18px}.asset-hero::before{bottom:70px;border-radius:0 0 50% 50% / 0 0 45px 45px}}

/* More room and larger typography for the hero copy. */
@media(min-width:1001px){
.asset-hero-grid{grid-template-columns:37% minmax(0,1fr);gap:28px}
.asset-hero h1{font-size:clamp(38px,3.45vw,52px);line-height:1.12}
.asset-hero .auto-hero-copy>p{font-size:19px;line-height:1.6;max-width:450px}
.asset-hero .auto-checklist{font-size:17px;gap:14px;margin:26px 0}
.asset-hero .auto-actions .button{font-size:16px;min-height:52px}
.asset-hero .auto-hero-visual{min-width:0}
.asset-hero .auto-handwritten{margin-top:55px}
}

/* Enlarge the two right-hand workflow cards. */
@media(min-width:1001px){.asset-devices{grid-template-columns:minmax(0,1fr) 27%;gap:10px}}
@media(min-width:601px) and (max-width:1000px){.asset-devices{grid-template-columns:minmax(0,1fr) 26%}}
@media(max-width:600px){.asset-devices{grid-template-columns:minmax(0,1fr) 29%}}

/* Pull the right workflow upward and match the illustrated arrows. */
.asset-side{padding-top:12px}
.asset-down-arrow{top:-39px;width:38px;height:54px;overflow:visible;filter:drop-shadow(0 0 5px #00a8ff)}
.asset-down-arrow path{stroke-linecap:round;stroke-linejoin:round}
.asset-down-arrow .arrow-glow{stroke:#13b9ff;stroke-width:10;filter:drop-shadow(0 0 3px #008eff)}
.asset-down-arrow .arrow-core{stroke:#fff;stroke-width:4}
@media(max-width:600px){.asset-side{padding-top:6px}.asset-down-arrow{top:-21px;width:22px;height:31px}}

/* Use more of wide desktop screens for the complete hero composition. */
@media(min-width:1001px){
.automation-page .asset-hero-grid{width:94%;max-width:1760px;gap:32px}
.asset-hero h1{font-size:clamp(40px,3.45vw,60px)}
.asset-hero .auto-hero-copy>p{max-width:520px;font-size:clamp(19px,1.2vw,22px)}
.asset-hero .auto-checklist{font-size:clamp(17px,1.05vw,20px)}
}

@media(min-width:1001px){}

/* Keep the hero actions together and place the handwritten note by the desk. */
@media(min-width:1001px){
.asset-hero .auto-actions{flex-direction:row;flex-wrap:nowrap;align-items:center;gap:12px}
.asset-hero .auto-actions .button{white-space:nowrap;padding-inline:17px;font-size:clamp(13px,1vw,16px)}
.asset-hero .auto-handwritten{margin:70px 24px 0 auto;max-width:260px;font-size:26px;line-height:1.35;transform:rotate(-7deg)}
.asset-hero .auto-handwritten svg{width:120px;margin-right:-20px;margin-top:5px}
}
@media(min-width:1001px) and (max-width:1200px){.asset-hero .auto-actions .button{padding-inline:10px;font-size:12px}.asset-hero .auto-actions{gap:8px}.asset-hero .auto-handwritten{margin-top:50px;margin-right:15px;font-size:23px}}

/* Align every following content section with the hero and header. */
@media(min-width:1001px){.automation-page main .container{width:94%;max-width:1760px}}

/* User-supplied phone with the existing interactive notifications. */
.automation-page .supplied-phone{width:100%;max-width:350px;min-height:0;aspect-ratio:738/1536;padding:0;border:0;border-radius:0;background:none;box-shadow:none;transform:rotate(-3deg)}
.supplied-phone-art{position:absolute;inset:0;overflow:hidden;border-radius:17% / 8%;filter:drop-shadow(0 14px 18px #17354c24)}
.supplied-phone-art>img{display:block;width:138.753%;max-width:none;height:auto;margin-left:-19.65%}
.supplied-phone .auto-phone-bar{display:none}
.supplied-phone .auto-notifications{position:absolute;top:31%;left:-6%;width:112%;max-height:63%;overflow:auto;margin:0;padding:4px;transform:rotate(3deg);z-index:1;scrollbar-width:thin}
.supplied-phone .auto-notification-empty{background:#f4fafff2;border-radius:14px;padding:20px;color:#264c6e}
@media(max-width:700px){.automation-page .supplied-phone{width:85%;max-width:310px}}

.auto-flow-center>img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54%;height:60%;object-fit:contain;margin:0}

@media(min-width:1001px){.asset-hero .auto-handwritten{position:relative;left:-80px}}

/* Floating notification cards, with no internal scrolling. */
.supplied-phone .auto-notifications{inset:0;left:0;top:0;width:100%;height:100%;max-height:none;overflow:visible;padding:0;margin:0;display:block;transform:rotate(3deg);pointer-events:none}
.supplied-phone .auto-notifications article{position:absolute;width:88%;max-width:290px;margin:0;padding:13px;text-align:left;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);box-shadow:0 9px 24px #123d6524;border:1px solid #d6ebff;pointer-events:auto}
.supplied-phone .auto-notifications article:nth-of-type(odd){left:-38px;--message-slide:-35px}
.supplied-phone .auto-notifications article:nth-of-type(even){right:-38px;--message-slide:35px}
.supplied-phone .auto-notifications article:nth-of-type(1){top:12%}
.supplied-phone .auto-notifications article:nth-of-type(2){top:29%}
.supplied-phone .auto-notifications article:nth-of-type(3){top:46%}
.supplied-phone .auto-notifications article:nth-of-type(4){top:63%}
.supplied-phone .auto-notifications article:nth-of-type(5){top:80%}
.supplied-phone .auto-notifications article:not([hidden]){animation:message-arrive .45s ease-out both}
.supplied-phone .auto-notifications h3,.supplied-phone .auto-notifications article p{text-align:left}
.supplied-phone .auto-notification-empty{position:absolute;top:40%;left:0;width:100%;box-sizing:border-box}
@keyframes message-arrive{from{opacity:0;transform:translateX(var(--message-slide)) translateY(7px)}to{opacity:1;transform:translate(0)}}
@media(min-width:1201px){.auto-scenario-grid{grid-template-columns:.95fr 1.15fr 1.1fr;gap:45px}}
@media(max-width:700px){.supplied-phone .auto-notifications article{width:88%;padding:10px}.supplied-phone .auto-notifications article:nth-of-type(odd){left:-20px}.supplied-phone .auto-notifications article:nth-of-type(even){right:-20px}.supplied-phone .auto-notifications h3{font-size:12px}.supplied-phone .auto-notifications article p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.supplied-phone .auto-notifications article:not([hidden]){animation:none}}
.auto-scenarios{overflow-x:clip}

/* Consistent interaction feedback across the automation page. */
.automation-page .button,.auto-steps>article,.auto-results-grid>article,.auto-tool-logos>span,.auto-flow-column>div,.auto-toggle-row,.auto-flow-center,.asset-process,.asset-side-crop,.auto-icon{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background-color .22s ease,filter .22s ease}
.automation-page .button>span{display:inline-block;transition:transform .22s ease}
.automation-page :is(a,button):focus-visible{outline:3px solid #008cff;outline-offset:4px}
.auto-toggle-row:focus-within{background:#edf8ff;border-radius:12px}
@media(hover:hover) and (pointer:fine){
.automation-page .button:hover{transform:translateY(-3px);box-shadow:0 9px 20px #008acb26;filter:brightness(1.035)}
.automation-page .button:hover>span{transform:translateX(4px)}
.automation-page .button:active{transform:translateY(0);box-shadow:0 3px 8px #008acb20}
.auto-steps>article:hover,.auto-results-grid>article:hover{transform:translateY(-6px);border-color:#80caff;box-shadow:0 12px 26px #126aab18}
.auto-steps>article:hover .auto-icon,.auto-results-grid>article:hover .auto-icon{transform:scale(1.08) rotate(-4deg)}
.auto-tool-logos>span:hover,.auto-flow-column>div:hover{transform:translateY(-4px);border-color:#83cfff;box-shadow:0 8px 20px #037dcc1a}
.auto-flow-center:hover{transform:scale(1.035);box-shadow:0 0 0 20px #eaf8ff,0 0 0 38px #f5fbff,0 10px 24px #0099ef18}
.auto-toggle-row:hover{background:#edf8ff;border-radius:12px}
.auto-toggle-row:hover .auto-icon{transform:scale(1.08)}
.auto-switch:hover{box-shadow:0 0 0 5px #008dff18}
.asset-process:hover,.asset-side-crop:hover{transform:translateY(-3px);filter:drop-shadow(0 6px 7px #008aff12)}
}
@media(prefers-reduced-motion:reduce){
.automation-page .button,.automation-page .button>span,.auto-steps>article,.auto-results-grid>article,.auto-tool-logos>span,.auto-flow-column>div,.auto-toggle-row,.auto-flow-center,.asset-process,.asset-side-crop,.auto-icon{transition:none}
.automation-page .button:hover,.automation-page .button:hover>span,.auto-steps>article:hover,.auto-results-grid>article:hover,.auto-tool-logos>span:hover,.auto-flow-column>div:hover,.auto-flow-center:hover,.asset-process:hover,.asset-side-crop:hover,.auto-toggle-row:hover .auto-icon,.auto-steps>article:hover .auto-icon,.auto-results-grid>article:hover .auto-icon{transform:none}
}

@media(hover:hover) and (pointer:fine){
.auto-scenarios:has([data-rule="0"]:hover) [data-notification="0"],.auto-scenarios:has([data-rule="0"]:focus-visible) [data-notification="0"]{border-color:#008cff;box-shadow:0 0 0 2px #008cff24,0 10px 24px #125da329}
.auto-scenarios:has([data-rule="1"]:hover) [data-notification="1"],.auto-scenarios:has([data-rule="1"]:focus-visible) [data-notification="1"]{border-color:#008cff;box-shadow:0 0 0 2px #008cff24,0 10px 24px #125da329}
.auto-scenarios:has([data-rule="2"]:hover) [data-notification="2"],.auto-scenarios:has([data-rule="2"]:focus-visible) [data-notification="2"]{border-color:#008cff;box-shadow:0 0 0 2px #008cff24,0 10px 24px #125da329}
.auto-scenarios:has([data-rule="3"]:hover) [data-notification="3"],.auto-scenarios:has([data-rule="3"]:focus-visible) [data-notification="3"]{border-color:#008cff;box-shadow:0 0 0 2px #008cff24,0 10px 24px #125da329}
.auto-scenarios:has([data-rule="4"]:hover) [data-notification="4"],.auto-scenarios:has([data-rule="4"]:focus-visible) [data-notification="4"]{border-color:#008cff;box-shadow:0 0 0 2px #008cff24,0 10px 24px #125da329}
}

.automation-page .auto-tool-logos{gap:13px;flex-wrap:wrap}
.automation-page .auto-tool-logos>span{min-height:78px;padding:18px 22px;font-size:20px;border-radius:12px}
.automation-page .auto-tool-logos .auto-stripe{font-size:26px}
.automation-page .auto-tool-logos img{width:30px;height:30px}
@media(max-width:600px){.automation-page .auto-tool-logos>span{min-height:65px;padding:14px 17px;font-size:18px}}

.automation-page .auto-closing .button.outline:hover,.automation-page .auto-closing .button.outline:focus-visible{background:#fff;color:#062b49;border-color:#fff}
.automation-page .auto-closing .button.outline:hover span,.automation-page .auto-closing .button.outline:focus-visible span{color:inherit}
@media(min-width:1001px){}
@media(min-width:1001px){}

/* Share the home-page header typography and responsive rules. */
.automation-page .site-header{font-family:Objexa,"Segoe UI",Arial,sans-serif}