.automation-page{--auto-navy:#041f3d;--auto-blue:#087fd2;--auto-cyan:#24cef5;--auto-mint:#42dfb5;overflow:hidden;color:#10243a}
.automation-page .page-hero{position:relative;isolation:isolate;min-height:690px;padding:8rem 0;display:flex;align-items:center;background:#031d39;color:#fff;overflow:hidden}
.automation-page .page-hero::before{content:"";position:absolute;z-index:-2;inset:0;background:url("../assets/images/banner-automation-team-v3.webp") 76% center/cover no-repeat;filter:saturate(.95) contrast(1.05)}
.automation-page .page-hero::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(2,18,40,.98) 0%,rgba(2,25,51,.9) 42%,rgba(2,25,51,.12) 78%),linear-gradient(0deg,rgba(2,20,42,.45),transparent 55%)}
.automation-page .page-hero .container{position:relative}.automation-page .page-hero .hero-tag{color:#5edcff;background:rgba(35,202,244,.1);border:1px solid rgba(71,213,248,.22);text-transform:uppercase;letter-spacing:.12em;font-size:.7rem}
.automation-page .page-title{max-width:780px;color:#fff;font-size:clamp(3.2rem,6vw,6.4rem);line-height:.92;letter-spacing:-.065em;text-wrap:balance}.automation-page .page-description{max-width:690px;color:#c4d8e5;font-size:1.08rem}
.automation-page .btn{min-height:56px;padding:0 1.55rem;display:inline-flex;align-items:center;justify-content:center;border-radius:14px!important;font-family:inherit;font-weight:750;background:linear-gradient(115deg,#064682,#087fd2,#0aafe3)!important;color:#fff!important;border:1px solid rgba(89,221,255,.35)!important;box-shadow:0 16px 38px rgba(2,93,160,.3);transition:transform .3s ease,box-shadow .3s ease}.automation-page .btn:hover{transform:translateY(-4px);box-shadow:0 24px 50px rgba(2,115,188,.4)}
.auto-proof{position:relative;z-index:5;display:grid;grid-template-columns:repeat(4,1fr);margin-top:-50px;padding:1rem;border-radius:26px;background:rgba(255,255,255,.88);border:1px solid rgba(7,125,190,.12);box-shadow:0 28px 70px rgba(3,63,102,.14);backdrop-filter:blur(20px)}
.auto-proof>div{padding:1.35rem 1.5rem;border-right:1px solid #e1edf3}.auto-proof>div:last-child{border:0}.auto-proof strong{display:block;color:#056aaa;font-size:1.55rem;letter-spacing:-.04em}.auto-proof span{display:block;margin-top:.35rem;color:#60778a;font-size:.73rem;line-height:1.45}
.auto-nav{position:relative;z-index:4;display:grid;grid-template-columns:repeat(6,1fr);gap:.55rem;margin-block:2rem;padding:.65rem;border-radius:20px;background:#fff;border:1px solid #e3eef4;box-shadow:0 16px 45px rgba(3,68,110,.08)}
.auto-nav a{min-height:62px;padding:.7rem;display:flex;align-items:center;gap:.55rem;border-radius:14px;color:#36566d;font-size:.73rem;font-weight:800;transition:.3s}.auto-nav span{color:#0aa2dd;font-size:.62rem}.auto-nav a:hover{color:#fff;background:linear-gradient(135deg,#07539a,#08a9df);transform:translateY(-4px)}
.auto-story,.auto-stages,.auto-stack,.auto-architecture{padding:7.5rem 0;position:relative}.auto-story{background:radial-gradient(circle at 80% 8%,rgba(41,207,246,.18),transparent 25%),linear-gradient(145deg,#f5fcff,#eaf7fd)}
.auto-section-head{display:grid;grid-template-columns:1.2fr .8fr;gap:4rem;align-items:end;margin-bottom:3rem}.auto-section-head h2,.auto-stack h2{margin:.7rem 0 0;font-size:clamp(2.5rem,4.7vw,5rem);line-height:.98;letter-spacing:-.06em;color:#052c52;text-wrap:balance}.auto-section-head p{color:#60798b;line-height:1.8}.auto-kicker{color:#069bd5;font-size:.68rem;font-weight:850;letter-spacing:.15em;text-transform:uppercase}
.auto-story-banner,.auto-architecture-banner{position:relative;min-height:590px;border-radius:38px;overflow:hidden;background:#041e3b;box-shadow:0 45px 110px rgba(3,57,95,.22)}.auto-story-banner>img,.auto-architecture-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.auto-story-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,18,40,.95),rgba(2,26,51,.72) 45%,transparent 78%)}
.auto-story-copy{position:relative;z-index:2;width:56%;padding:clamp(2.5rem,6vw,5.5rem);color:#fff}.auto-story-copy>span{color:#58dcff;font-size:.67rem;font-weight:850;letter-spacing:.16em}.auto-story-copy h3{margin:1rem 0;font-size:clamp(2.4rem,4.2vw,4.7rem);line-height:.96;letter-spacing:-.06em;color:#fff}.auto-story-copy p{max-width:560px;color:#bdd1de;line-height:1.75}.auto-story-copy .btn{margin-top:1.5rem}
.auto-flow-pills{position:absolute;z-index:3;left:5.5rem;right:4rem;bottom:2rem;display:flex;justify-content:flex-end;gap:.5rem}.auto-flow-pills i{padding:.55rem .8rem;border-radius:10px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(12px);color:#d5e8f1;font-size:.67rem;font-style:normal}.auto-flow-pills i+ i::before{content:"→";margin-right:.5rem;color:#55d9ff}
.auto-scenario-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem;margin-top:1rem}.auto-scenario-grid article{grid-column:span 4;min-height:310px;padding:2rem;display:flex;flex-direction:column;position:relative;border-radius:26px;background:#fff;box-shadow:0 18px 50px rgba(4,72,113,.08);overflow:hidden;transition:transform .35s ease,box-shadow .35s ease}.auto-scenario-grid article:nth-child(2),.auto-scenario-grid article:nth-child(5){background:linear-gradient(145deg,#e9e7ff,#fff)}.auto-scenario-grid article:nth-child(3),.auto-scenario-grid article:nth-child(6){background:linear-gradient(145deg,#e2fbf2,#fff)}.auto-scenario-grid article:hover{transform:translateY(-9px);box-shadow:0 30px 70px rgba(4,72,113,.16)}.auto-scenario-grid b{position:absolute;right:1.3rem;top:.8rem;color:rgba(5,100,160,.08);font-size:4rem}.auto-scenario-grid span{color:#079ed7;font-size:.63rem;font-weight:850;letter-spacing:.13em}.auto-scenario-grid h3{margin:2.2rem 0 .75rem;font-size:1.3rem}.auto-scenario-grid p{color:#61798b;font-size:.86rem;line-height:1.7}.auto-scenario-grid a{margin-top:auto;color:#067dc1;font-size:.76rem;font-weight:800}
.auto-benefits{background:#061f3d!important;color:#fff}.auto-benefits .section-header :is(h2,p){color:#fff}.auto-benefits .features-grid{gap:1rem}.auto-benefits .feature-card{border:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,rgba(35,197,242,.14),rgba(255,255,255,.045));color:#fff;backdrop-filter:blur(15px);border-radius:26px}.auto-benefits .feature-card p{color:#b8cfdd}
.auto-capture{background:linear-gradient(145deg,#e9faff,#f8fcff)!important}.auto-capture .cta-banner{position:relative;overflow:hidden;padding:4rem!important;border-radius:34px!important;background:linear-gradient(135deg,#063e78,#079dd8)!important;box-shadow:0 32px 80px rgba(5,83,137,.22)}.auto-capture .cta-banner::after{content:"";position:absolute;width:420px;height:420px;right:-100px;top:-190px;border-radius:50%;border:1px solid rgba(255,255,255,.18);box-shadow:0 0 0 55px rgba(255,255,255,.035),0 0 0 110px rgba(255,255,255,.025)}.auto-capture input{min-height:54px;border-radius:12px!important}
.auto-architecture{background:#edf8fd}.auto-architecture-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,18,40,.97),rgba(2,22,45,.78) 50%,transparent 82%)}.auto-architecture-copy{position:relative;z-index:2;width:58%;padding:clamp(2.5rem,6vw,5.5rem);color:#fff}.auto-architecture-copy h2{margin:1rem 0;font-size:clamp(2.4rem,4vw,4.4rem);line-height:.98;letter-spacing:-.06em;color:#fff}.auto-architecture-copy p{color:#bcd1de;line-height:1.75}.auto-architecture-copy ul{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin:1.4rem 0 2rem;padding:0;list-style:none}.auto-architecture-copy li{padding-left:1rem;color:#d8e7ef;font-size:.78rem}.auto-architecture-copy li::before{content:"";display:inline-block;width:6px;height:6px;margin-right:.6rem;border-radius:50%;background:#45dafa;box-shadow:0 0 12px #45dafa}
.auto-stages{background:#fff}.auto-stage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.auto-stage-grid article{min-height:250px;padding:2rem;border-radius:26px;background:linear-gradient(145deg,#edfaff,#fff);border:1px solid rgba(8,138,201,.1);transition:.35s}.auto-stage-grid article:nth-child(even){background:linear-gradient(145deg,#eeecff,#fff)}.auto-stage-grid article:hover{transform:translateY(-8px);box-shadow:0 24px 60px rgba(4,72,113,.12)}.auto-stage-grid strong{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,#07509a,#08aee2);color:#fff}.auto-stage-grid h3{margin:1.4rem 0 .6rem}.auto-stage-grid p{color:#637a8c;font-size:.86rem;line-height:1.7}
.auto-stack{background:radial-gradient(circle at 80% 10%,rgba(64,218,255,.18),transparent 27%),#051f3d;color:#fff}.auto-stack h2{max-width:980px;margin-bottom:1.35rem;line-height:1.06;color:#fff}.auto-stack> .container>p{position:relative;max-width:720px;margin:0;color:#b9cfdd;line-height:1.75}.auto-stack-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:.8rem;margin-top:3rem}.auto-stack-grid>div{min-height:145px;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;border-radius:22px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.1);transition:.3s}.auto-stack-grid>div:hover{transform:translateY(-8px);background:rgba(255,255,255,.11)}.auto-stack-grid img{width:40px;height:40px}.auto-stack-grid b{font-size:.7rem;color:#fff}.auto-brand-text{font-size:1.45rem;font-weight:900;color:#f43d46}
.auto-faq{background:linear-gradient(145deg,#f5fcff,#eaf8fd)!important}.auto-faq .faq-accordion{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.auto-faq .faq-item{margin:0;border:1px solid rgba(5,124,187,.12);border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 14px 36px rgba(4,72,113,.06)}.auto-faq .faq-question{min-height:84px;padding:1.3rem;text-align:left;color:#082f55;font-family:inherit;font-weight:750}
.auto-departments .section-header h2{font-size:clamp(2.4rem,4vw,4.3rem);letter-spacing:-.05em}.auto-departments> .container>div:last-child{gap:1rem!important}.auto-departments .feature-card{min-height:250px;border:0!important;border-radius:26px!important;background:linear-gradient(145deg,#e8f9ff,#fff)!important;box-shadow:0 20px 55px rgba(4,72,113,.08)}.auto-departments .feature-card:nth-child(2),.auto-departments .feature-card:nth-child(4){background:linear-gradient(145deg,#edeaff,#fff)!important}
.auto-transform{background:#071e39!important;color:#fff}.auto-transform .section-header h2{color:#fff}.auto-transform> .container>div:last-child>div{border:1px solid rgba(255,255,255,.1)!important;border-radius:28px!important;background:rgba(255,255,255,.06)!important;color:#fff!important;backdrop-filter:blur(14px)}.auto-transform li{color:#c4d6e1!important}.auto-links> .container>div{border:0!important;border-radius:28px!important;background:linear-gradient(145deg,#e8f9ff,#fff)!important;box-shadow:0 20px 60px rgba(4,72,113,.09)}
.auto-story-banner,.auto-architecture-banner,.auto-scenario-grid article,.auto-stage-grid article,.auto-stack-grid>div{--spot-x:50%;--spot-y:50%}
.automation-page .b24-reveal{opacity:0;transform:translateY(34px);transition:opacity .75s ease var(--reveal-delay,0ms),transform .75s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms)}
.automation-page .b24-reveal.is-visible{opacity:1;transform:none}
.auto-scenario-grid article::after,.auto-stage-grid article::after,.auto-stack-grid>div::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(300px circle at var(--spot-x) var(--spot-y),rgba(41,207,246,.18),transparent 44%);opacity:0;transition:opacity .3s}
.auto-scenario-grid article:hover::after,.auto-stage-grid article:hover::after,.auto-stack-grid>div:hover::after{opacity:1}
@media(max-width:1000px){.auto-proof{grid-template-columns:1fr 1fr}.auto-nav{grid-template-columns:repeat(3,1fr)}.auto-section-head{grid-template-columns:1fr;gap:1rem}.auto-scenario-grid article{grid-column:span 6}.auto-stack-grid{grid-template-columns:repeat(4,1fr)}.auto-story-copy,.auto-architecture-copy{width:68%}}
@media(max-width:700px){.automation-page .page-hero{min-height:760px;padding:6rem 0;align-items:flex-end}.automation-page .page-hero::before{background-position:68% center}.automation-page .page-hero::after{background:linear-gradient(180deg,rgba(2,18,40,.2),rgba(2,18,40,.98) 55%)}.automation-page .page-title{font-size:3.15rem}.automation-page .hero-cta-box .btn{width:100%}.auto-proof{grid-template-columns:1fr;margin:1rem}.auto-proof>div{border-right:0;border-bottom:1px solid #e1edf3}.auto-nav{display:flex;overflow-x:auto;margin-inline:1rem}.auto-nav a{min-width:145px}.auto-story,.auto-stages,.auto-stack,.auto-architecture{padding:4.5rem 0}.auto-section-head h2,.auto-stack h2{font-size:2.7rem}.auto-story-banner,.auto-architecture-banner{min-height:720px;border-radius:28px}.auto-story-banner::after,.auto-architecture-banner::after{background:linear-gradient(180deg,rgba(2,18,40,.08),rgba(2,18,40,.98) 50%)}.auto-story-banner>img,.auto-architecture-banner>img{object-position:65% center}.auto-story-copy,.auto-architecture-copy{width:100%;padding:300px 1.5rem 2rem}.auto-story-copy h3,.auto-architecture-copy h2{font-size:2.45rem}.auto-flow-pills{display:none}.auto-scenario-grid article{grid-column:1/-1}.auto-stage-grid{grid-template-columns:1fr}.auto-stack-grid{grid-template-columns:1fr 1fr}.auto-faq .faq-accordion{grid-template-columns:1fr}.auto-architecture-copy ul{grid-template-columns:1fr}.auto-capture .cta-banner{padding:2rem!important}}
@media(prefers-reduced-motion:reduce){.automation-page *{scroll-behavior:auto!important}.automation-page .b24-reveal{opacity:1;transform:none;transition:none}}

/* Visual QA layer: reliable contrast and non-template section rhythm */
.automation-page :is(button,input,textarea,select,a){font-family:inherit}
.automation-page :is(.page-hero,.auto-benefits,.auto-transform,.auto-stack,.auto-story-banner,.auto-architecture-banner) :is(h1,h2,h3,h4,strong){color:#fff!important}
.automation-page :is(.page-hero,.auto-benefits,.auto-transform,.auto-stack,.auto-story-banner,.auto-architecture-banner) :is(p,li){color:#c5d8e4!important}
.auto-benefits{position:relative;isolation:isolate}
.auto-benefits::before{content:"IMPACT";position:absolute;z-index:-1;right:-.03em;bottom:-.15em;font-size:22vw;font-weight:950;line-height:1;letter-spacing:-.08em;color:rgba(255,255,255,.025)}
.auto-benefits .feature-card{position:relative;overflow:hidden;min-height:280px}
.auto-benefits .feature-card::after{content:"";position:absolute;right:-65px;bottom:-65px;width:160px;height:160px;border-radius:50%;background:rgba(58,215,249,.1);transition:transform .4s ease}
.auto-benefits .feature-card:hover::after{transform:scale(1.5)}
.auto-benefits .feature-card h3{color:#fff!important}
.auto-story-banner,.auto-architecture-banner{isolation:isolate;border:1px solid rgba(107,225,255,.23)}
.auto-story-banner::before,.auto-architecture-banner::before{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 42%,rgba(78,219,250,.12) 49%,transparent 56%);transform:translateX(-110%);animation:autoSweep 9s ease-in-out infinite}
.auto-story-banner>img,.auto-architecture-banner>img{filter:saturate(1.08) contrast(1.04);transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.auto-story-banner:hover>img,.auto-architecture-banner:hover>img{transform:scale(1.035)}
.auto-faq{position:relative;isolation:isolate;counter-reset:auto-faq}
.auto-faq::before{content:"FAQ";position:absolute;z-index:-1;left:-.05em;top:.05em;font-size:24vw;font-weight:950;line-height:.8;color:rgba(5,107,164,.027);letter-spacing:-.1em}
.auto-faq .faq-item{counter-increment:auto-faq;position:relative;border-radius:22px;transition:transform .3s ease,box-shadow .3s ease}
.auto-faq .faq-item:nth-child(3n+2){background:linear-gradient(135deg,#f0edff,#fff)}
.auto-faq .faq-item:nth-child(3n){background:linear-gradient(135deg,#e8fbf4,#fff)}
.auto-faq .faq-item:hover{transform:translateY(-5px);box-shadow:0 24px 55px rgba(4,72,113,.13)}
.auto-faq .faq-question{padding-left:4rem!important;color:#092e50!important}
.auto-faq .faq-question::before{content:"0" counter(auto-faq);position:absolute;left:1.25rem;color:#068ac8;font-size:.7rem;letter-spacing:.08em}
.auto-faq .faq-answer p{color:#587184!important;line-height:1.75}
.auto-departments{counter-reset:auto-dept;background:radial-gradient(circle at 8% 80%,rgba(43,208,246,.12),transparent 24%),#fff}
.auto-departments .feature-card{counter-increment:auto-dept;position:relative;isolation:isolate;overflow:hidden}
.auto-departments .feature-card::before{content:"0" counter(auto-dept);position:absolute;z-index:-1;right:1rem;bottom:-.2em;font-size:8rem;font-weight:950;line-height:1;color:rgba(5,102,161,.055)}
.auto-departments .feature-card:nth-child(3n){background:linear-gradient(145deg,#e2fbf2,#fff)!important}
.auto-departments .feature-card h3{color:#092d4d!important}
.auto-transform{position:relative;isolation:isolate}
.auto-transform::before{content:"BEFORE / AFTER";position:absolute;z-index:-1;right:-.03em;top:.12em;font-size:10vw;font-weight:950;line-height:1;letter-spacing:-.07em;color:rgba(255,255,255,.025)}
.auto-transform> .container>div:last-child{position:relative;gap:1rem!important}
.auto-transform> .container>div:last-child::after{content:"→";position:absolute;left:50%;top:50%;z-index:3;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#30d6f6,#42dfb5);color:#032544;font-size:1.4rem;font-weight:900;box-shadow:0 0 0 10px #071e39,0 15px 35px rgba(0,0,0,.3)}
.auto-transform> .container>div:last-child>div{padding:2.4rem!important}
.auto-transform> .container>div:last-child>div:first-child{background:linear-gradient(145deg,rgba(255,89,76,.12),rgba(255,255,255,.035))!important}
.auto-transform> .container>div:last-child>div:last-child{background:linear-gradient(145deg,rgba(48,222,166,.14),rgba(255,255,255,.035))!important}
.auto-links{background:#f5fbfe}
.auto-links> .container>div{position:relative;overflow:hidden;padding:2.4rem!important;background:linear-gradient(120deg,#062b52,#075d92)!important;color:#fff}
.auto-links> .container>div::after{content:"";position:absolute;right:-80px;top:-150px;width:340px;height:340px;border-radius:50%;border:1px solid rgba(73,218,250,.25);box-shadow:0 0 0 45px rgba(73,218,250,.05),0 0 0 90px rgba(73,218,250,.025)}
.auto-links> .container>div :is(h2,h3,h4,p){position:relative;z-index:1;color:#fff!important}
.auto-links> .container>div>div{position:relative;z-index:1}
@keyframes autoSweep{0%,65%{transform:translateX(-110%)}82%,100%{transform:translateX(110%)}}
@media(max-width:700px){
  .auto-transform> .container>div:last-child::after{transform:translate(-50%,-50%) rotate(90deg)}
  .auto-links> .container>div{padding:1.6rem!important}
}
@media(prefers-reduced-motion:reduce){.auto-story-banner::before,.auto-architecture-banner::before{animation:none}.auto-story-banner>img,.auto-architecture-banner>img{transition:none}}