/* Automation & Sales Follow-up — WordPress integration layer for the scoped V3 port (automation-service.css).
   Only what the review file got from its own page shell lives here: font stacks, resets against site/plugin CSS,
   no-JS states, and the few contrast corrections WCAG 2.2 AA needs. */
.ms-service.am{--am-ui:var(--site-font-en);--am-display:var(--site-font-en);--am-ar:var(--site-font-ar);display:block;width:100%;max-width:none;margin:0;padding:0;line-height:normal;text-align:start;overflow-wrap:anywhere;text-wrap:wrap;background-color:var(--surface);color:var(--ink)}
.ms-service.am[dir="rtl"]{--am-ui:var(--site-font-ar);--am-display:var(--site-font-ar)}
.ms-service.am [hidden]{display:none!important}
.ms-service.am :where(p,li,h2,h3,summary,label,small,strong,span){max-width:none;text-wrap:wrap}
.ms-service.am :where(p,li){font-size:inherit;line-height:inherit}
.ms-service.am :where(ul,ol){margin:0;padding:0;list-style:none}
.ms-service.am :where(h2,h3){letter-spacing:inherit}
.ms-service.am .ms-closing{margin:0;border-radius:0;max-width:none}
.ms-service.am .ms-closing a{border-radius:inherit}
.ms-service.am summary{list-style:none;cursor:pointer}
.ms-service.am summary::-webkit-details-marker{display:none}
.ms-service.am summary::marker{content:""}
.ms-service.am img{max-width:100%;height:auto}

/* No script: nothing stays hidden waiting for a scroll observer. */
.ms-service.am:not(.am-js) .ax-reveal{opacity:1;transform:none;transition:none}
.ms-service.am .ax-container{width:min(100%,1280px);margin-inline:auto}

/* Hero fallback when the private film/posters are not staged: the navy stage stays a complete, readable hero. */
.ms-service.am .motion-hero{background-color:#071e30;color:#fff}
.ms-service.am .motion-hero .hero-art{background:linear-gradient(135deg,#071e30,#0c3243 55%,#0a2638)}
.ms-service.am .motion-cta{background-color:#f58b51}
.ms-service.am .motion-hero h1{margin:0;max-width:none;white-space:normal}
.ms-service.am .motion-hero .story-overlay p{color:inherit}

/* Native <details> FAQ: sign follows the open state. */
.ms-service.am .ax-faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;text-align:start;font:inherit}
.ms-service.am .ax-faq-item .ax-faq-sign::before{content:"+"}
.ms-service.am .ax-faq-item[open] .ax-faq-sign::before{content:"−"}
.ms-service.am .ax-faq-item p{padding-block:0 18px}
.ms-service.am .ax3-scope-item[open] .ax3-plus{transform:rotate(45deg)}

/* Visible focus on every control, in both themes. */
.ms-service.am a:focus-visible,.ms-service.am button:focus-visible,.ms-service.am summary:focus-visible,.ms-service.am input:focus-visible,.ms-service.am select:focus-visible,.ms-service.am textarea:focus-visible{outline:3px solid #ffb27f;outline-offset:3px;box-shadow:0 0 0 6px #061a2b}
.ms-service.am .ax-08 summary:focus-visible,.ms-service.am .ax-10 summary:focus-visible{box-shadow:0 0 0 6px #061a2b}

/* Related / proof / resources band — the only block that is not in the review (service-page contract). */
.ms-service.am .ax-related{background:var(--paper);padding-block:clamp(56px,7vw,96px);border-top:1px solid var(--line)}
.ms-service.am .ax-related .ms-related h2{font-size:clamp(34px,4.4vw,56px);line-height:1.1;margin:0 0 20px}
.ms-service.am .ax-related .ms-related h3{font-size:18px;line-height:1.3;margin:0 0 10px}
.ms-service.am .ax-related-quiet{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:36px}
.ms-service.am .ax-related ul{display:grid;gap:10px}
.ms-service.am .ax-related li a{display:inline-flex;align-items:center;min-height:44px;padding:8px 2px;border-bottom:1px solid currentColor;color:var(--ink)}
.ms-service.am .ax-related .ms-empty{margin:0;color:var(--subtle);font-size:15px;line-height:1.6}
.ms-service.am .am-enquiry-link{display:inline-flex;align-items:center;gap:10px;min-height:48px;margin-top:22px;padding:12px 22px;border:1px solid currentColor;border-radius:999px;font-weight:700;color:#fff}
.ms-service.am .am-enquiry-missing{margin-top:22px;color:#d8e6e8}

/* Solid colours under the review's gradients, so text always has a defined surface. */
.ms-service.am .motion-hero .motion-cta{background-color:#f58b51}
.ms-service.am .ax-lab{background-color:#0c2335}
.ms-service.am .ax3-network-shell{background-color:#09283a}
.ms-service.am .ax3-engine{background-color:#124356}

/* Contrast corrections (small copper text on light surfaces; muted body copy on tinted surfaces). */
.ms-service.am :is(.ax-01,.ax-04,.ax-05,.ax-06,.ax-08,.ax-09,.ax-10) .ax-kicker,.ms-service.am .ax-image-credit{color:#8a3c14}
.ms-service.am :is(.ax-02,.ax-03,.ax-07,.ax-11) .ax-kicker,:root[data-site-theme="dark"] .ms-service.am :is(.ax-kicker,.ax-image-credit){color:#ffb27f}
.ms-service.am :is(.ax-01,.ax-05,.ax-06,.ax-09) .ax-text,.ms-service.am .ax-10 .ax-faq-item p{color:#43525e}
:root[data-site-theme="dark"] .ms-service.am :is(.ax-text,.ax-faq-item p){color:#c3d2d7}
.ms-service.am .ax-related .ms-empty,.ms-service.am .ax3-scope-hint{color:var(--subtle)}
.ms-service.am .ax3-cap-choice-body small{opacity:.88}

@media (max-width:740px){
  .ms-service.am .ax-related-quiet{grid-template-columns:1fr}
}
@media (max-width:374px){
  .ms-service.am{overflow-x:clip}
  .ms-service.am .ax-container{padding-inline:14px}
  .ms-service.am .motion-hero h1{font-size:clamp(34px,11vw,44px)}
}
@media (prefers-reduced-motion:reduce){
  .ms-service.am *,.ms-service.am *::before,.ms-service.am *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
.ms-service.am .ax-rail-links{scrollbar-width:thin;scrollbar-color:#4a7685 transparent}

/* Autoplay (W1 edit 1): a pause/play control per selector group and a progress line that runs for exactly the next 3 s beat. */
.ms-service.am .am-autoplay-row{display:flex;justify-content:flex-start;margin-top:18px;color:#14333d;--am-bar:#b9561f}
.ms-service.am .am-autoplay-row.am-autoplay-dark{justify-content:flex-start;margin-top:16px;color:#ecf2f0;--am-bar:#f3a06e}
.ms-service.am .am-autoplay-row.am-autoplay-wide{justify-content:flex-end;margin:0 0 18px}
.ms-service.am .am-autoplay{position:relative;display:inline-flex;align-items:center;gap:9px;min-height:40px;padding:8px 16px;overflow:hidden;border:1px solid currentColor;border-radius:999px;background:transparent;color:inherit;font-family:inherit;font-size:13px;font-weight:700;line-height:1;cursor:pointer}
.ms-service.am .am-autoplay-icon{flex:none;width:9px;height:11px;background:linear-gradient(90deg,currentColor 0 34%,transparent 34% 66%,currentColor 66%)}
.ms-service.am .am-autoplay.is-paused .am-autoplay-icon{background:currentColor;clip-path:polygon(0 0,100% 50%,0 100%)}
.ms-service.am[dir="rtl"] .am-autoplay.is-paused .am-autoplay-icon{transform:scaleX(-1)}
.ms-service.am .am-autoplay::after{content:"";position:absolute;inset-inline-start:0;bottom:0;width:0;height:3px;background:var(--am-bar)}
.ms-service.am .is-autoplay .am-autoplay::after{animation:am-tick var(--am-cycle,3s) linear forwards}
@keyframes am-tick{to{width:100%}}
:root[data-site-theme="dark"] .ms-service.am .ax-04 .am-autoplay-row,:root[data-site-theme="dark"] .ms-service.am .ax-05 .am-autoplay-row{color:#ecf2f0;--am-bar:#f3a06e}

.ms-service.am .ax-scenario-buttons button{position:relative}
.ms-service.am :is(.ax-route-node[aria-current="true"],.ax3-cap-choice[aria-pressed="true"],.ax-scenario-buttons button[aria-pressed="true"],.ax3-use[aria-pressed="true"])::after{content:"";position:absolute;inset-inline:14px;bottom:6px;height:3px;border-radius:3px;background:#f3a06e;transform:scaleX(0);transform-origin:left center}
.ms-service.am[dir="rtl"] :is(.ax-route-node[aria-current="true"],.ax3-cap-choice[aria-pressed="true"],.ax-scenario-buttons button[aria-pressed="true"],.ax3-use[aria-pressed="true"])::after{transform-origin:right center}
.ms-service.am :is(.ax3-cap-choice[aria-pressed="true"],.ax3-use[aria-pressed="true"])::after{background:#b9561f}
.ms-service.am .is-autoplay :is(.ax-route-node[aria-current="true"],.ax3-cap-choice[aria-pressed="true"],.ax-scenario-buttons button[aria-pressed="true"],.ax3-use[aria-pressed="true"])::after{animation:am-item-tick var(--am-cycle,3s) linear forwards}
@keyframes am-item-tick{to{transform:scaleX(1)}}
.ms-service.am .ax3-cap-stage-media img{transition:opacity .45s ease,transform .6s ease}
.ms-service.am .ax3-cap-stage-media img.ax3-image-transition{opacity:.35;transform:scale(1.02)}

/* ---- Workflow drawing (Ali 2026-11-11): one enquiry from the first message to the report; data runs along the line every 3 s. ---- */
.ms-service.am .ax-flow{position:relative;padding-block:clamp(72px,9vw,128px);background:radial-gradient(900px 500px at 15% 10%,rgba(31,90,110,.4),transparent 60%),radial-gradient(800px 500px at 90% 90%,rgba(233,132,77,.12),transparent 60%),#061a2b;color:#eef4f3;overflow:hidden}
.ms-service.am .ax-flow::before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(132,201,214,.16) 1px,transparent 1.6px) 0 0/22px 22px;pointer-events:none}
.ms-service.am .ax-flow .ax-container{position:relative}
.ms-service.am .ax-flow .ax-kicker{color:#ffb27f}
.ms-service.am .ax-flow-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,64px);align-items:end;margin-bottom:clamp(36px,5vw,64px)}
.ms-service.am .ax-flow-head h2{color:#fff;font-size:clamp(30px,3.7vw,54px);line-height:1.1}
.ms-service.am[dir="rtl"] .ax-flow-head h2{line-height:1.3}
.ms-service.am .ax-flow-head p{color:#b9cbd1;font-size:clamp(17px,1.5vw,20px);max-width:52ch}
.ms-service.am .ax-flow-map{position:relative;aspect-ratio:100/48;margin-inline:auto;max-width:1180px}
.ms-service.am .ax-flow-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ms-service.am .ax-seg{fill:none;stroke:rgba(132,201,214,.28);stroke-width:2;vector-effect:non-scaling-stroke;transition:stroke .5s ease}
.ms-service.am .ax-seg.is-done{stroke:rgba(233,132,77,.75)}
.ms-service.am .ax-seg-run{fill:none;stroke:#ffb27f;stroke-width:3;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:2 14;opacity:0}
.ms-service.am .ax-seg-run.is-live{opacity:1;animation:am-run 1s linear infinite}
.ms-service.am .ax-seg-run.is-done{opacity:.45;animation:am-run 2.4s linear infinite}
.ms-service.am .ax-flow-nodes{position:absolute;inset:0;margin:0;padding:0;list-style:none}
.ms-service.am .ax-flow-nodes li{position:absolute;left:var(--x);top:var(--y);translate:-50% -50%}
.ms-service.am .ax-node{display:grid;justify-items:center;gap:8px;width:clamp(96px,11vw,140px);padding:0;border:0;background:transparent;color:#cfe0e4;text-align:center;font-weight:600}
.ms-service.am .ax-node-icon{position:relative;display:grid;place-items:center;width:clamp(54px,5.4vw,72px);aspect-ratio:1;border-radius:22px;background:rgba(12,35,53,.92);border:1px solid rgba(132,201,214,.35);box-shadow:0 14px 40px rgba(0,0,0,.35);transition:background-color .4s,border-color .4s,transform .4s,box-shadow .4s}
.ms-service.am .ax-node-icon svg{width:46%;height:46%;color:#84c9d6;transition:color .4s}
.ms-service.am .ax-node-n{position:absolute;margin-top:-10px;margin-inline-start:52px;display:grid;place-items:center;min-width:26px;height:26px;padding-inline:6px;border-radius:99px;background:#0c2335;border:1px solid rgba(132,201,214,.4);font-size:12px;color:#ffb27f}
.ms-service.am .ax-node-name{font-size:clamp(13px,1.1vw,15px);line-height:1.35}
.ms-service.am .ax-node.is-done .ax-node-icon{border-color:rgba(233,132,77,.6)}
.ms-service.am .ax-node.is-done .ax-node-icon svg{color:#ffb27f}
.ms-service.am .ax-node[aria-pressed="true"]{color:#fff}
.ms-service.am .ax-node[aria-pressed="true"] .ax-node-icon{background:#e9844d;border-color:#ffb27f;transform:scale(1.12);box-shadow:0 0 0 10px rgba(233,132,77,.16),0 20px 50px rgba(233,132,77,.35)}
.ms-service.am .ax-node[aria-pressed="true"] .ax-node-icon svg{color:#061a2b}
.ms-service.am .ax-node[aria-pressed="true"] .ax-node-icon::after{content:"";position:absolute;inset:-6px;border-radius:26px;border:2px solid #ffb27f;animation:am-ping 1.6s ease-out infinite}
.ms-service.am .ax-node:focus-visible{outline:3px solid #ffb27f;outline-offset:6px;border-radius:16px}
.ms-service.am .ax-flow-detail{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,3.5vw,56px);align-items:center;margin-top:clamp(28px,4vw,48px)}
.ms-service.am .ax-flow-photo{position:relative;aspect-ratio:16/9;border-radius:22px;overflow:hidden;background:#0c2335;box-shadow:0 30px 80px rgba(0,0,0,.4)}
.ms-service.am .ax-flow-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .35s ease,transform 3.2s ease;transform:scale(1.04)}
.ms-service.am .ax-flow-photo img.is-swapping{opacity:0;transform:scale(1.08)}
.ms-service.am .ax-flow-step{color:#ffb27f;font-weight:700;font-size:14px}
.ms-service.am .ax-flow-copy h3{margin-top:8px;color:#fff;font-size:clamp(24px,2.4vw,34px)}
.ms-service.am .ax-flow-copy p{margin-top:10px;color:#cddbe0;font-size:clamp(17px,1.4vw,19px);max-width:44ch}
.ms-service.am .ax-flow-copy small{display:block;margin-top:14px;color:#8fa6ad;font-size:13px}
.ms-service.am .ax-flow .am-autoplay{color:#fff;border-color:rgba(255,255,255,.6)}
@keyframes am-run{to{stroke-dashoffset:-16}}
@keyframes am-ping{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.35);opacity:0}}
@media (max-width:900px){
 .ms-service.am .ax-flow-head,.ms-service.am .ax-flow-detail{grid-template-columns:1fr}
 .ms-service.am .ax-flow-map{aspect-ratio:auto}
 .ms-service.am .ax-flow-lines{display:none}
 .ms-service.am .ax-flow-nodes{position:relative;display:grid;gap:12px;padding-inline-start:30px}
 .ms-service.am .ax-flow-nodes::before{content:"";position:absolute;inset-block:20px;inset-inline-start:30px;width:2px;background:linear-gradient(#e9844d,rgba(132,201,214,.3))}
 .ms-service.am .ax-flow-nodes li{position:relative;left:auto;top:auto;translate:none}
 .ms-service.am .ax-node{display:flex;align-items:center;gap:14px;width:auto;text-align:start;margin-inline-start:-28px}
 .ms-service.am .ax-node-icon{width:54px;border-radius:16px}
 .ms-service.am .ax-node-n{position:static;margin:0;order:3}
 .ms-service.am .ax-flow-detail{order:-1}
}
@media (prefers-reduced-motion:reduce){
 .ms-service.am :is(.ax-seg-run,.ax-node-icon::after){animation:none!important}
 .ms-service.am :is(.ax-node-icon,.ax-flow-photo img){transition:none!important}
}

/* ---- Workflow split into three sections, each its own design (Ali 2026-11-11). ---- */
.ms-service.am .ax-fs{position:relative;padding-block:clamp(80px,10vw,136px);overflow:hidden}
.ms-service.am .ax-fs-head{display:grid;grid-template-columns:auto 1fr;gap:clamp(16px,3vw,36px);align-items:end;max-width:900px;margin-bottom:clamp(32px,4vw,56px)}
.ms-service.am .ax-fs-n{font:800 clamp(70px,9vw,130px)/.8 var(--am-num,inherit);color:#e9844d}
.ms-service.am .ax-fs-head h2{font-size:clamp(30px,3.6vw,52px);line-height:1.12;margin:6px 0 10px}
.ms-service.am[dir="rtl"] .ax-fs-head h2{line-height:1.3}
.ms-service.am .ax-fs-head p{max-width:52ch;font-size:clamp(17px,1.5vw,20px)}
.ms-service.am .ax-fs-body{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,4vw,64px);align-items:center}
.ms-service.am .ax-fs-steps{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.ms-service.am .ax-fs-step{display:grid;grid-template-columns:auto 1fr;gap:16px;width:100%;padding:16px 18px;border:1px solid transparent;border-radius:18px;background:transparent;color:inherit;text-align:start;font:inherit;transition:background-color .35s,border-color .35s,box-shadow .35s}
.ms-service.am .ax-fs-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;border:1px solid currentColor;opacity:.6;transition:all .35s}
.ms-service.am .ax-fs-icon svg{width:24px;height:24px}
.ms-service.am .ax-fs-copy{display:grid;gap:4px}
.ms-service.am .ax-fs-copy strong{font-size:clamp(18px,1.6vw,21px);font-weight:600}
.ms-service.am .ax-fs-copy span{opacity:.8;max-height:0;overflow:hidden;transition:max-height .45s}
.ms-service.am .ax-fs-step[aria-pressed="true"] .ax-fs-copy span{max-height:5em}
.ms-service.am .ax-fs-step[aria-pressed="true"] .ax-fs-icon{opacity:1;background:#e9844d;border-color:#e9844d;color:#061a2b}
.ms-service.am .ax-fs-art{position:relative;display:grid;gap:22px}
.ms-service.am .ax-fs-photo{position:relative;aspect-ratio:16/9;border-radius:24px;overflow:hidden;box-shadow:0 40px 90px rgba(0,0,0,.25)}
.ms-service.am .ax-fs-art img{width:100%;height:100%;object-fit:cover;transition:opacity .4s ease,transform 3.4s ease}
.ms-service.am .ax-fs-art img.is-swapping{opacity:0;transform:scale(1.08)}
.ms-service.am .ax-fs-foot{margin-top:24px}

/* A capture: deep teal, channels flow along a belt into a hub and on to the CRM */
.ms-service.am .ax-fs-a{background:radial-gradient(900px 500px at 80% 0%,rgba(47,179,160,.25),transparent 60%),linear-gradient(160deg,#062a33,#061a2b);color:#eaf4f2}
.ms-service.am .ax-fs-a .ax-kicker{color:#7fe0cf}
.ms-service.am .ax-fs-a .ax-fs-step[aria-pressed="true"]{background:rgba(255,255,255,.06);border-color:rgba(127,224,207,.35)}
.ms-service.am .ax-track{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:10px;padding:18px;border-radius:20px;background:rgba(0,0,0,.25);border:1px solid rgba(127,224,207,.2)}
.ms-service.am .ax-track-in{display:grid;gap:8px}
.ms-service.am .ax-chip{padding:7px 12px;border-radius:99px;background:rgba(127,224,207,.12);border:1px solid rgba(127,224,207,.35);font-size:13px;font-weight:600;white-space:nowrap}
.ms-service.am .ax-track-belt{position:relative;height:6px;border-radius:6px;background:rgba(127,224,207,.18);overflow:hidden}
.ms-service.am .ax-track-belt i{position:absolute;top:-4px;width:14px;height:14px;border-radius:4px;background:#7fe0cf;animation:am-belt 2.4s linear infinite}
.ms-service.am .ax-track-belt i:nth-child(2){animation-delay:.8s}.ms-service.am .ax-track-belt i:nth-child(3){animation-delay:1.6s}
.ms-service.am .ax-track-belt.b2 i{background:#ffb27f}
.ms-service.am[dir="rtl"] .ax-track-belt i{animation-name:am-belt-rtl}
.ms-service.am .ax-track-hub{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#0c3a43;border:2px solid #7fe0cf}
.ms-service.am .ax-track-hub span{width:26px;height:26px;border-radius:50%;border:3px dashed #7fe0cf;animation:ws-spin-am 4s linear infinite}
.ms-service.am .ax-track-crm{display:grid;gap:5px;width:86px;padding:10px;border-radius:12px;background:#f4f3ec;color:#061a2b}
.ms-service.am .ax-track-crm b{font-size:12px}
.ms-service.am .ax-track-crm span{height:6px;border-radius:6px;background:#cfd6d2}
.ms-service.am .ax-fs-art[data-active="0"] .ax-track-in,.ms-service.am .ax-fs-art[data-active="1"] .ax-track-hub,.ms-service.am .ax-fs-art[data-active="2"] .ax-track-crm{box-shadow:0 0 0 6px rgba(255,178,127,.35);border-radius:16px}

/* B qualify and route: paper with a blue grid; one enquiry branches to the team */
.ms-service.am .ax-fs-b{background:linear-gradient(rgba(16,42,65,.06) 1px,transparent 1px) 0 0/100% 32px,linear-gradient(90deg,rgba(16,42,65,.06) 1px,transparent 1px) 0 0/32px 100%,#f2f5f4}
:root[data-site-theme="dark"] .ms-service.am .ax-fs-b{background:linear-gradient(rgba(194,226,226,.06) 1px,transparent 1px) 0 0/100% 32px,linear-gradient(90deg,rgba(194,226,226,.06) 1px,transparent 1px) 0 0/32px 100%,#0b1925}
.ms-service.am .ax-fs-b .ax-fs-step[aria-pressed="true"]{background:#fff;border-color:#e9844d;box-shadow:0 18px 40px rgba(8,32,48,.1)}
:root[data-site-theme="dark"] .ms-service.am .ax-fs-b .ax-fs-step[aria-pressed="true"]{background:#16303f}
.ms-service.am .ax-switch{position:relative;padding:20px;border-radius:22px;background:#fff;box-shadow:0 24px 60px rgba(8,32,48,.12)}
:root[data-site-theme="dark"] .ms-service.am .ax-switch{background:#122736}
.ms-service.am .ax-switch-card{display:grid;gap:7px;width:180px;margin-inline:auto;padding:12px;border-radius:12px;background:#061a2b}
.ms-service.am .ax-switch-card span{height:8px;border-radius:8px;background:#84c9d6}
.ms-service.am .ax-switch-card span+span{width:60%;background:#e9844d}
.ms-service.am .ax-switch svg{display:block;width:100%;height:90px}
.ms-service.am .ax-switch path{fill:none;stroke:#c9d3d3;stroke-width:3;vector-effect:non-scaling-stroke}
.ms-service.am .ax-switch path.on{stroke:#e9844d;stroke-dasharray:6 8;animation:am-run 1s linear infinite}
.ms-service.am .ax-switch-team{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:center}
.ms-service.am .ax-switch-team span{display:grid;justify-items:center;gap:6px;font-size:13px;font-weight:600;opacity:.55;transition:opacity .4s}
.ms-service.am .ax-switch-team i{width:42px;height:42px;border-radius:50%;background:#d6dcd9}
.ms-service.am .ax-switch-team span.on{opacity:1}
.ms-service.am .ax-switch-team span.on i{background:#e9844d;box-shadow:0 0 0 8px rgba(233,132,77,.2)}
.ms-service.am .ax-fs-b .ax-fs-art[data-active="0"] .ax-switch-team span.on{opacity:.55}
.ms-service.am .ax-fs-b .ax-fs-art[data-active="0"] .ax-switch-team span.on i{background:#d6dcd9;box-shadow:none}
.ms-service.am .ax-fs-b .ax-fs-art[data-active="0"] .ax-switch path.on{stroke:#c9d3d3;animation:none}

/* C follow-up and report: warm sand; a clock whose hand moves between three markers, the photo inside */
.ms-service.am .ax-fs-c{background:radial-gradient(700px 480px at 30% 50%,#f7dfc9,transparent 70%),#f6efe7}
:root[data-site-theme="dark"] .ms-service.am .ax-fs-c{background:radial-gradient(700px 480px at 30% 50%,#2b231c,transparent 70%),#15120f}
.ms-service.am .ax-fs-c .ax-fs-step[aria-pressed="true"]{background:#fff;box-shadow:0 18px 40px rgba(120,60,20,.12)}
:root[data-site-theme="dark"] .ms-service.am .ax-fs-c .ax-fs-step[aria-pressed="true"]{background:#2a2622}
.ms-service.am .ax-clock{position:relative;width:min(100%,460px);aspect-ratio:1;justify-self:center;border-radius:50%;background:conic-gradient(from -90deg,rgba(233,132,77,.25) 0 33%,rgba(132,201,214,.3) 33% 66%,rgba(16,42,65,.15) 66%);padding:22px;box-shadow:0 40px 90px rgba(120,60,20,.22)}
.ms-service.am .ax-clock-face{width:100%;height:100%;border-radius:50%;overflow:hidden;border:8px solid #fff}
:root[data-site-theme="dark"] .ms-service.am .ax-clock-face{border-color:#2a2622}
.ms-service.am .ax-clock-hand{position:absolute;left:50%;top:50%;width:6px;height:46%;margin-left:-3px;border-radius:6px;background:#061a2b;transform-origin:50% 0;transform:rotate(180deg);transition:transform .9s cubic-bezier(.7,0,.2,1);box-shadow:0 0 0 3px rgba(255,255,255,.7)}
.ms-service.am .ax-clock-hand::after{content:"";position:absolute;left:50%;top:0;width:20px;height:20px;margin:-10px;border-radius:50%;background:#e9844d}
.ms-service.am .ax-fs-art[data-active="1"] .ax-clock-hand{transform:rotate(300deg)}
.ms-service.am .ax-fs-art[data-active="2"] .ax-clock-hand{transform:rotate(420deg)}
.ms-service.am .ax-clock-mark{position:absolute;width:18px;height:18px;margin:-9px;border-radius:50%;background:#fff;border:4px solid #e9844d}
.ms-service.am .ax-clock-mark.m0{left:50%;top:2%}
.ms-service.am .ax-clock-mark.m1{left:91%;top:74%}
.ms-service.am .ax-clock-mark.m2{left:9%;top:74%}

@keyframes am-belt{from{left:-14px}to{left:100%}}
@keyframes am-belt-rtl{from{left:100%}to{left:-14px}}
@keyframes ws-spin-am{to{transform:rotate(1turn)}}
@media (max-width:960px){
 .ms-service.am .ax-fs-body{grid-template-columns:1fr}
 .ms-service.am .ax-fs-art{order:-1}
 .ms-service.am .ax-track{grid-template-columns:1fr;justify-items:center}
 .ms-service.am .ax-track-belt{width:6px;height:40px}
 .ms-service.am .ax-track-belt i{animation:none;left:-4px;top:12px}
 .ms-service.am .ax-track-in{grid-auto-flow:column}
}
@media (max-width:560px){.ms-service.am .ax-fs-head{grid-template-columns:1fr}.ms-service.am .ax-clock{width:86%}}
@media (prefers-reduced-motion:reduce){
 .ms-service.am :is(.ax-track-belt i,.ax-track-hub span,.ax-switch path.on){animation:none!important}
 .ms-service.am :is(.ax-clock-hand,.ax-fs-art img,.ax-fs-copy span){transition:none!important}
}