#ai-automation-site .site-header{position:sticky;top:0;background:#09111df5;backdrop-filter:blur(12px)}#ai-automation-site .main-nav{gap:32px}#ai-automation-site .main-nav [aria-current]{color:#ff6268}.ax-main{font-size:15px;line-height:1.85}.ax-container{width:min(1196px,calc(100% - 64px));margin:auto}.ax-main h1,.ax-main h2,.ax-main h3,.ax-main p{margin-top:0}.ax-main h2{font-size:clamp(30px,3.3vw,44px);line-height:1.4;letter-spacing:-1.8px;margin-bottom:24px;word-break:keep-all}.ax-main h3{font-size:20px;line-height:1.55;letter-spacing:-.6px;word-break:keep-all}.ax-kicker{color:#d71920;font:700 11px/1.5 'DM Sans',sans-serif;letter-spacing:2px;margin-bottom:22px!important}.ax-hero{overflow:hidden;background:radial-gradient(ellipse at 85% 40%,#1a304b 0,transparent 55%),#09111d;padding:66px 0 0}.ax-hero-grid{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:35px}.ax-hero .ax-kicker,.ax-dark .ax-kicker,.ax-contact .ax-kicker{color:#ff6268}.ax-hero h1{font-size:clamp(52px,6vw,82px);line-height:1.2;letter-spacing:-4px;margin-bottom:24px}.ax-hero h2{font-size:clamp(26px,3vw,36px);letter-spacing:-1.5px}.ax-hero-lead{color:#b5c1d0;line-height:1.95;margin-bottom:30px}.ax-button{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;padding:15px 23px;font-size:14px;font-weight:700;transition:background-color .25s,transform .25s,box-shadow .25s}.ax-red{background:#e51b23;color:#fff}.ax-outline{border:1px solid #ffffff55}.ax-visual{height:450px;position:relative;display:flex;align-items:center;justify-content:center}.ax-orbit{position:absolute;width:360px;height:360px;border:1px solid #99b4d22b;border-radius:50%;transform:rotate(-30deg)}.orbit-two{width:440px;height:440px;border-style:dashed;border-color:#99b4d21a}.ax-core{width:225px;height:225px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#2b405b,#0d1828);box-shadow:0 0 70px #779dcd14,inset 0 0 30px #8baed21a;border:1px solid #ffffff24;display:flex;flex-direction:column;align-items:center;justify-content:center}.ax-core span{font-size:10px;letter-spacing:2px;color:#9fb2ca}.ax-core strong{font:600 88px/1.25 'DM Sans',sans-serif;letter-spacing:-4px}.ax-core small{font-size:9px;letter-spacing:2px;color:#ff747a}.ax-node{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 18px;background:#142235;border:1px solid #667f9b66;font-size:13px;box-shadow:0 10px 25px #0003}.ax-node i{width:6px;height:6px;border-radius:50%;background:#ff5059;box-shadow:0 0 12px #e51b23}.node-one{left:2%;top:80px}.node-two{right:0;top:165px}.node-three{left:9%;bottom:55px}.ax-visual-note{position:absolute;bottom:-6px;color:#8095ad;font:10px 'DM Sans',sans-serif;letter-spacing:2px}.ax-hero-foot{display:flex;gap:30px;align-items:center;margin-top:48px;padding:22px 0;border-top:1px solid #ffffff20;font:11px 'DM Sans',sans-serif;letter-spacing:2px;color:#8194ab}.ax-hero-foot a{margin-left:auto;letter-spacing:0;color:#c6d1df!important;font-size:12px}.ax-section-nav{background:#101b2b;border-bottom:1px solid #ffffff15}.ax-section-nav .ax-container{display:flex;justify-content:space-between;gap:22px;overflow:auto}.ax-section-nav a{padding:19px 0;white-space:nowrap;font-size:13px;color:#c5cfdb!important;transition:color .2s}.ax-section{padding:96px 0;scroll-margin-top:100px}.ax-white{background:#fff;color:#172230}.ax-light{background:#f1f3f6;color:#172230}.ax-dark{background:linear-gradient(120deg,#0a1320,#17283d);color:#f5f7fa}.ax-about-grid,.ax-target-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:80px}.ax-about-copy{color:#5e6b79;font-size:15px}.ax-about-copy strong{color:#18283c;font-weight:600}.ax-about-note{border-left:3px solid #e51b23;padding:14px 20px;background:#f5f6f8;color:#293c53;margin:24px 0;font-weight:500}.ax-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px}.ax-heading h2{margin-bottom:0}.ax-heading>p{color:#73808e;font-size:14px;margin-bottom:4px}.ax-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ax-card{background:#fff;border:1px solid #dde3ea;padding:28px;transition:transform .3s,border-color .3s,box-shadow .3s}.ax-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px}.ax-card-top svg{width:34px;height:34px;color:#d71920}.ax-card-top span{font:12px 'DM Sans',sans-serif;color:#9ba6b3}.ax-card h3{margin-bottom:12px}.ax-card p{font-size:14px;color:#6c7886;margin-bottom:0;word-break:keep-all}.ax-process{list-style:none;padding:0;margin:50px 0 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.ax-process li{border-top:1px solid #ffffff40;padding:30px 20px 0 0;position:relative}.ax-process li:before{content:'';width:7px;height:7px;background:#ff5059;border-radius:50%;position:absolute;top:-4px;left:0}.ax-step{font:11px 'DM Sans',sans-serif;letter-spacing:1.5px;color:#ff747a}.ax-process h3{font-size:17px;margin:18px 0 14px}.ax-process p{color:#acb9c9;font-size:13px;margin:0;word-break:keep-all}.ax-benefits{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}.ax-benefits article{border-top:2px solid #dfe4e9;padding-top:24px}.ax-benefits article>span{font:12px 'DM Sans',sans-serif;color:#d71920}.ax-benefits h3{font-size:18px;margin:18px 0 12px}.ax-benefits p{font-size:14px;color:#6c7886;word-break:keep-all;margin:0}.ax-muted{color:#6c7886;font-size:14px}.ax-checks{list-style:none;margin:0;padding:0}.ax-checks li{border-bottom:1px solid #d4dce5;padding:18px 0;display:flex;gap:18px;align-items:center;font-weight:500;word-break:keep-all}.ax-checks li:first-child{padding-top:0}.ax-checks span{color:#d71920;font-size:15px;flex:none}.ax-contact{text-align:center;background:radial-gradient(ellipse at 50% 100%,#243752,transparent 70%),#0d1828}.ax-contact h2{font-size:clamp(32px,4vw,50px)}.ax-contact p:not(.ax-kicker){color:#b4c1d1;font-size:15px;line-height:2}.ax-contact strong{display:block;font-weight:500;margin:24px 0;font-size:17px}.ax-actions{display:flex;justify-content:center;gap:12px;margin:30px 0 36px}.ax-contact-info{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;font-size:13px}.ax-contact-info span{color:#899db7;font:10px 'DM Sans',sans-serif;letter-spacing:1px;margin-right:12px}.ax-main a:focus-visible{outline:2px solid #ff6268;outline-offset:5px}@media(hover:hover){.ax-card:hover{transform:translateY(-5px);border-color:#c18b91;box-shadow:0 15px 35px #13243612}.ax-button:hover{transform:translateY(-3px);box-shadow:0 8px 22px #0002}.ax-red:hover{background:#c9141b}.ax-outline:hover{background:#ffffff12}.ax-section-nav a:hover{color:#ff747a!important}}
@media(max-width:1000px){.ax-hero-grid{grid-template-columns:1.2fr 1fr;gap:10px}.ax-visual{transform:scale(.8)}.ax-about-grid,.ax-target-grid{gap:40px}.ax-process{grid-template-columns:repeat(3,1fr);gap:35px 0}.ax-benefits{grid-template-columns:repeat(3,1fr)}#ai-automation-site .main-nav{gap:22px}}
@media(max-width:720px){.ax-container{width:calc(100% - 40px)}#ai-automation-site .site-header{height:auto;min-height:108px}#ai-automation-site .header-inner{padding:15px 20px;flex-wrap:wrap;gap:14px}#ai-automation-site .brand-logo{width:135px;height:32px}#ai-automation-site .main-nav{width:100%;margin:0;gap:10px;justify-content:space-between;font-size:11px}.ax-hero{padding-top:48px}.ax-hero-grid{grid-template-columns:1fr}.ax-hero h1{font-size:56px;letter-spacing:-2px}.ax-hero h2{font-size:28px}.ax-hero-lead{font-size:14px}.ax-visual{height:330px;transform:scale(.78);margin:-12px -5px}.ax-hero-foot{gap:16px;margin-top:5px;font-size:8px;letter-spacing:1px}.ax-hero-foot a{font-size:10px}.ax-section-nav .ax-container{gap:26px}.ax-section{padding:64px 0;scroll-margin-top:130px}.ax-about-grid,.ax-target-grid{grid-template-columns:1fr;gap:22px}.ax-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ax-card{padding:22px 18px}.ax-card h3{font-size:18px}.ax-card p{font-size:13px}.ax-heading{display:block;margin-bottom:30px}.ax-heading>p{margin-top:18px}.ax-process{grid-template-columns:1fr;gap:0;margin-top:32px}.ax-process li{border-top:0;border-left:1px solid #ffffff30;margin-left:4px;padding:0 0 30px 25px}.ax-process li:before{top:9px;left:-4px}.ax-process li:last-child{border-color:transparent;padding-bottom:0}.ax-process h3{margin:10px 0}.ax-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.ax-actions{flex-wrap:wrap}.ax-contact-info{gap:14px}.ax-contact p:not(.ax-kicker){font-size:14px}.ax-contact strong{font-size:15px}.desktop-break{display:none}}
@media(max-width:380px){.ax-cards{grid-template-columns:1fr}.ax-visual{transform:scale(.66);margin-left:-25px;margin-right:-25px}.ax-hero-foot{gap:10px}.ax-benefits h3{font-size:16px}}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media(prefers-reduced-motion:reduce){.ax-main *{transition:none!important;transform:none!important}}
/* Gentle motion for the AX introduction diagram. */
@media (prefers-reduced-motion: no-preference) {
  .ax-visual .orbit-one { animation: ax-orbit-turn 65s linear infinite; }
  .ax-visual .orbit-two { animation: ax-orbit-turn 95s linear infinite reverse; }
  .ax-visual .ax-core { animation: ax-core-drift 8s ease-in-out infinite; }
  .ax-visual .node-one { animation: ax-node-drift 6.5s ease-in-out infinite; }
  .ax-visual .node-two { animation: ax-node-drift 7.5s ease-in-out -2s infinite; }
  .ax-visual .node-three { animation: ax-node-drift 8.5s ease-in-out -4s infinite; }
  .ax-visual .ax-node i { animation: ax-dot-glow 4s ease-in-out infinite; }
}
@keyframes ax-orbit-turn {
  from { transform: rotate(-30deg); }
  to { transform: rotate(330deg); }
}
@keyframes ax-core-drift {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-5px); }
}
@keyframes ax-node-drift {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-9px); }
}
@keyframes ax-dot-glow {
  0%, 100% { box-shadow: 0 0 8px rgba(229,27,35,.35); }
  50% { box-shadow: 0 0 16px rgba(255,80,89,.7); }
}
/* Gradient rings and five consulting areas. */
.ax-visual .ax-orbit { border:0; background:conic-gradient(from 20deg,rgba(105,155,211,.12),rgba(139,185,235,.7),rgba(116,141,200,.16),rgba(229,65,88,.5),rgba(105,155,211,.12)); -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px)); mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px)); pointer-events:none; }
.ax-visual .orbit-two { background:conic-gradient(from 140deg,rgba(115,153,201,.04),rgba(123,166,221,.32),rgba(212,85,112,.3),rgba(115,153,201,.04)); }
.ax-visual .node-one { left:2%;top:70px; }
.ax-visual .node-two { right:0;top:170px; }
.ax-visual .node-three { left:auto;right:4%;bottom:52px; }
.ax-visual .node-four { left:auto;right:14%;top:10px; }
.ax-visual .node-five { left:0;top:auto;bottom:78px; }
@media(prefers-reduced-motion:no-preference){
 .ax-visual .node-four{animation:ax-node-drift 7s ease-in-out -3s infinite}
 .ax-visual .node-five{animation:ax-node-drift 8s ease-in-out -1s infinite}
}
@media(max-width:720px){
 .ax-visual .ax-orbit{width:300px;height:300px}
 .ax-visual .orbit-two{width:360px;height:360px}
 .ax-visual .ax-core{width:190px;height:190px}
 .ax-visual .ax-core strong{font-size:74px}
 .ax-visual .ax-node{padding:10px 13px;font-size:12px}
 .ax-visual .node-one{left:-2%;top:48px}
 .ax-visual .node-two{right:-2%;top:136px}
 .ax-visual .node-three{right:1%;bottom:16px}
 .ax-visual .node-four{right:7%;top:-8px}
 .ax-visual .node-five{left:-2%;bottom:32px}
 .ax-visual .ax-visual-note{bottom:-35px}
}
/* Brighter rotating spectrum with light radiating from AX. */
.ax-visual{isolation:isolate}
.ax-visual:before{content:'';position:absolute;z-index:-1;inset:4%;border-radius:50%;background:radial-gradient(circle at center,rgba(116,153,255,.3) 0%,rgba(94,131,221,.23) 22%,rgba(130,71,163,.17) 42%,transparent 70%);pointer-events:none}
.ax-visual .orbit-one{background:conic-gradient(from 20deg,#59bbff,#9d88ff 24%,#ff667e 48%,#ffc17c 65%,#51d8ca 82%,#59bbff);opacity:.95;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px))}
.ax-visual .orbit-two{background:conic-gradient(from 150deg,rgba(82,191,255,.1),#6daaff 20%,rgba(183,114,255,.85) 40%,rgba(255,94,128,.9) 60%,rgba(73,221,196,.65) 82%,rgba(82,191,255,.1));opacity:.8}
.ax-visual .ax-core{background:radial-gradient(circle at 35% 25%,#3b5f8d 0%,#273b65 42%,#131f36 78%);border-color:#95bcff66;box-shadow:0 0 45px #789dff35,0 0 100px #697cdb20,inset 0 0 32px #a0bdff20}
.ax-visual .ax-node{background:linear-gradient(125deg,var(--node-tint),#142235 85%);border-color:var(--node-border);box-shadow:0 8px 24px #0003,0 0 20px var(--node-glow);color:var(--node-text)}
.ax-visual .node-one{--node-tint:#23476b;--node-border:#66baff99;--node-glow:#4aaaff16;--node-text:#d7eeff;--node-dot:#69bdff}
.ax-visual .node-two{--node-tint:#453568;--node-border:#b294ff99;--node-glow:#a57bff16;--node-text:#eee3ff;--node-dot:#b69aff}
.ax-visual .node-three{--node-tint:#5b303e;--node-border:#ff839d99;--node-glow:#ff6c9716;--node-text:#ffe1e8;--node-dot:#ff8ca8}
.ax-visual .node-four{--node-tint:#20534f;--node-border:#64dbca99;--node-glow:#4fddc516;--node-text:#d4fff5;--node-dot:#66e0cc}
.ax-visual .node-five{--node-tint:#59462f;--node-border:#efbb7599;--node-glow:#ffbd6616;--node-text:#ffedd4;--node-dot:#ffc67e}
.ax-visual .ax-node i{background:var(--node-dot);box-shadow:0 0 12px var(--node-dot)}
@media(prefers-reduced-motion:no-preference){
 .ax-visual:before{animation:ax-center-glow 7s ease-in-out infinite}
 .ax-visual .orbit-one{animation-duration:38s}
 .ax-visual .orbit-two{animation-duration:55s}
 .ax-visual .ax-node i{animation:ax-colored-glow 4s ease-in-out infinite}
}
@keyframes ax-center-glow{0%,100%{opacity:.08;filter:brightness(.08);transform:scale(.98)}50%{opacity:1;filter:brightness(1.3);transform:scale(1.04)}}
@keyframes ax-colored-glow{0%,100%{box-shadow:0 0 7px var(--node-dot)}50%{box-shadow:0 0 17px var(--node-dot)}}
/* Light travels along the consulting process without moving the cards. */
.ax-process{position:relative;isolation:isolate}
.ax-process li{position:relative}
.ax-process li:before{z-index:2}
.ax-process li:after{content:'';position:absolute;top:-2px;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,#ff525d 30%,#ffb7bd 75%,#ff525d);transform:scaleX(0);transform-origin:left;opacity:0;pointer-events:none;box-shadow:0 0 12px #ff525d88}
@media(prefers-reduced-motion:no-preference){
 .ax-process li:after{animation:ax-step-trace 15s linear infinite}
 .ax-process li:before{animation:ax-step-light 15s ease-in-out infinite}
 .ax-process li .ax-step{animation:ax-step-ink 15s ease-in-out infinite}
 .ax-process li h3{animation:ax-step-heading 15s ease-in-out infinite}
 .ax-process li:nth-child(1){--step-delay:0s}
 .ax-process li:nth-child(2){--step-delay:3s}
 .ax-process li:nth-child(3){--step-delay:6s}
 .ax-process li:nth-child(4){--step-delay:9s}
 .ax-process li:nth-child(5){--step-delay:12s}
 .ax-process li:after,.ax-process li:before,.ax-process li .ax-step,.ax-process li h3{animation-delay:var(--step-delay)}
}
@keyframes ax-step-trace{0%{transform:scaleX(0);opacity:0}2%{opacity:1}18%{transform:scaleX(1);opacity:1}21%{transform:scaleX(1);opacity:0}100%{transform:scaleX(1);opacity:0}}
@keyframes ax-step-light{0%,22%,100%{background:#ff5059;box-shadow:none}3%,18%{background:#fff0f1;box-shadow:0 0 0 5px #ff505925,0 0 20px #ff5059bb}}
@keyframes ax-step-ink{0%,22%,100%{color:#ff747a;text-shadow:none}3%,18%{color:#fff0f1;text-shadow:0 0 14px #ff505988}}
@keyframes ax-step-heading{0%,22%,100%{color:#f5f7fa}3%,18%{color:#ff9ca4}}
@media(max-width:720px){.ax-process li:after{top:0;left:-2px;width:3px;height:100%;transform:scaleY(0);transform-origin:top;background:linear-gradient(180deg,transparent,#ff525d 30%,#ffb7bd 75%,#ff525d)}
@media(prefers-reduced-motion:no-preference){.ax-process li:after{animation-name:ax-step-trace-vertical}}}
@keyframes ax-step-trace-vertical{0%{transform:scaleY(0);opacity:0}2%{opacity:1}18%{transform:scaleY(1);opacity:1}21%{transform:scaleY(1);opacity:0}100%{transform:scaleY(1);opacity:0}}
/* Subtle office backdrop for the recommended companies section. */
#ai-automation-site #ax-targets{position:relative;isolation:isolate;background:#f1f3f6}
#ai-automation-site #ax-targets:before{content:'';position:absolute;inset:0;z-index:-1;background:url('./images/faq-ai-workspace.webp') center center / cover no-repeat;opacity:.1;pointer-events:none}

/* Gentle hover emphasis for the five expected benefits. */
.ax-benefits article{transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease,background-color .35s ease}
.ax-benefits article h3{transition:color .35s ease}
@media(hover:hover) and (pointer:fine){
 .ax-benefits article:hover{transform:translateY(-5px);border-top-color:#e51b23;background-color:#fffafb;box-shadow:0 12px 24px -18px #b52b3c55}
 .ax-benefits article:hover h3{color:#c91b24}
}
@media(prefers-reduced-motion:reduce){.ax-benefits article,.ax-benefits article h3{transition:none!important}.ax-benefits article:hover{transform:none!important}}


/* Fade the outer AX halo through deep navy at the dark end of its cycle. */
.ax-visual:before{z-index:-2}
.ax-visual:after{content:'';position:absolute;z-index:-1;inset:4%;border-radius:50%;background:radial-gradient(circle at center,#0a1628 0%,#0a1628 30%,rgba(10,22,40,.88) 45%,transparent 72%);opacity:0;pointer-events:none}
@media(prefers-reduced-motion:no-preference){.ax-visual:after{animation:ax-halo-black 7s ease-in-out infinite}}
@keyframes ax-halo-black{0%,100%{opacity:1;transform:scale(.98)}50%{opacity:0;transform:scale(1.04)}}