/* Agentic Managed Services follows the shared ART service-page typography and themes. */
.ams-hero{grid-template-columns:1fr 1.05fr;min-height:690px}
.ams-hero .ams-service-name{font:600 .9rem/1.4 var(--display);margin:0 0 20px;color:var(--ink-2)}
.ams-hero h1{font-size:clamp(2.6rem,4.4vw,4.1rem)}
.ams-hero-visual{min-width:0}
.ams-hero .cxo-dashboard{border:1px solid #46515a;overflow:hidden;font-family:var(--display)}
.ams-hero .cxo-dashboard>svg{display:block;width:100%;height:auto}
.ams-dashboard-caption{font:.76rem/1.5 var(--sans);color:var(--ink-3);margin-top:16px;text-align:center}
.ams-process-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:center}
.ams-process-panel[hidden]{display:none}
.ams-process-panel h3{font:500 1.9rem/1.2 var(--display);letter-spacing:-.025em;margin-bottom:22px}
.ams-process-panel>p{margin-bottom:26px}
.ams-process-panel .spe-deliverables{display:grid;gap:12px}
.ams-process-panel .spe-gate{border-top:1px solid var(--line-strong);padding-top:22px}
.ams-process-steps{display:grid;gap:14px;position:relative}
.ams-process-steps:before{content:'';position:absolute;top:20px;bottom:20px;left:34px;width:1px;background:var(--line-strong)}
.ams-process-steps button{position:relative;display:flex;align-items:center;gap:22px;text-align:left;padding:23px;background:var(--bg);border:1px solid var(--line-strong);border-radius:8px;color:var(--ink);cursor:pointer;transition:border-color 160ms ease-out,box-shadow 160ms ease-out}
.ams-process-steps button:hover{border-color:var(--spe-accent)}
.ams-process-steps button[aria-selected=true]{border-color:var(--spe-accent);box-shadow:inset 3px 0 var(--spe-accent);background:linear-gradient(var(--spe-soft),var(--spe-soft)),var(--bg)}
.ams-step-number{font:500 .85rem/1.5 var(--display);color:var(--spe-accent)}
.ams-process-steps strong{display:block;font:500 1.18rem/1.3 var(--display)}
.ams-process-steps small{display:block;margin-top:7px;font:.82rem/1.5 var(--sans);color:var(--ink-3)}
.ams-step-arrow{margin-left:auto;font:500 1.5rem var(--display);color:var(--spe-accent)}
.ams-client-story{display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid var(--line-strong);border-radius:10px;overflow:hidden;text-decoration:none;color:var(--ink);background:var(--bg)}
.ams-client-results{padding:40px;background:#171b20;color:#f2f4f5}
.ams-client-results>span{font:.8rem var(--display);color:#b9c0c5}
.ams-client-results>strong{display:block;font:600 clamp(3.5rem,6vw,5.3rem)/1 var(--display);letter-spacing:-.04em;color:#fec422;margin:28px 0 12px}
.ams-client-results>p{color:#ddd!important}
.ams-client-results>div{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:35px;padding-top:24px;border-top:1px solid #46515a;font:.82rem/1.6 var(--sans);color:#bdc4ca}
.ams-client-results b{display:block;color:white;font:500 1.7rem/1.4 var(--display)}
.ams-client-copy{padding:45px;display:flex;flex-direction:column;justify-content:center}
.ams-client-copy h3{font:500 clamp(1.55rem,2.2vw,2.1rem)/1.2 var(--display);letter-spacing:-.025em;margin-bottom:22px}
.ams-client-copy>p{margin-bottom:32px}
.ams-client-copy .spe-story-read{margin-top:0}
.ams-client-story:hover{border-color:var(--spe-accent)}
.ams-client-story:hover .spe-story-read{color:var(--spe-accent)}
@media(max-width:1000px){.ams-process-layout{gap:35px}.ams-hero{gap:35px}.ams-client-copy{padding:30px}}
@media(max-width:720px){.ams-hero{grid-template-columns:1fr;min-height:0}.ams-hero-visual{max-width:600px;width:100%;justify-self:center}.ams-hero h1{font-size:clamp(2.6rem,9vw,3.4rem)}.ams-process-layout{grid-template-columns:1fr;gap:30px}.ams-process-steps{grid-row:1}.ams-process-steps button{padding:18px;gap:16px}.ams-process-panel h3{font-size:1.55rem}.ams-client-story{grid-template-columns:1fr}.ams-client-results,.ams-client-copy{padding:28px}.ams-client-results>strong{font-size:4.5rem}}
@media(prefers-reduced-motion:reduce){.ams-process-steps button{transition:none}}

.cap-outcome-visual.cxo-dashboard{background:#171b20;border-color:#46515a;border-radius:10px;box-shadow:0 18px 45px #00000024}

/* Quiet telemetry motion: pause when off-screen or when the visitor asks. */
.cxo-dashboard{position:relative}
.cxo-dashboard .dashboard-chart-track{animation:dashboard-telemetry 18s linear infinite}
.cxo-dashboard .dashboard-payment-bar{animation:dashboard-status 3.8s ease-in-out infinite;animation-delay:var(--pulse-delay)}
.cxo-dashboard .dashboard-incident-0{--row-shift:31px;animation:dashboard-reorder 12s cubic-bezier(.22,1,.36,1) infinite}
.cxo-dashboard .dashboard-incident-1{--row-shift:-31px;animation:dashboard-reorder 12s cubic-bezier(.22,1,.36,1) infinite}
.cxo-dashboard .dashboard-incident-1 .dashboard-row-highlight{animation:dashboard-update 12s ease-in-out infinite}
.cxo-dashboard .dashboard-chart-track,.cxo-dashboard .dashboard-payment-bar,.cxo-dashboard .dashboard-incident,.cxo-dashboard .dashboard-row-highlight{animation-play-state:paused}
.cxo-dashboard.is-dashboard-visible:not(.is-dashboard-paused) .dashboard-chart-track,.cxo-dashboard.is-dashboard-visible:not(.is-dashboard-paused) .dashboard-payment-bar,.cxo-dashboard.is-dashboard-visible:not(.is-dashboard-paused) .dashboard-incident,.cxo-dashboard.is-dashboard-visible:not(.is-dashboard-paused) .dashboard-row-highlight{animation-play-state:running}
@keyframes dashboard-telemetry{to{transform:translateX(-322px)}}
@keyframes dashboard-status{0%,100%{opacity:.6}45%,65%{opacity:1;fill:#77c6aa}}
@keyframes dashboard-reorder{0%,22%,88%,100%{transform:translateY(0)}28%,80%{transform:translateY(var(--row-shift))}}
@keyframes dashboard-update{0%,20%,39%,100%{opacity:0}25%,32%{opacity:.1}}
.dashboard-motion-toggle{position:absolute;right:2.1%;top:2.8%;width:25px;height:25px;display:grid;place-items:center;background:#20262d;border:1px solid #46515a;border-radius:50%;color:#bcc7cf;cursor:pointer;opacity:.75}
.dashboard-motion-toggle:hover{opacity:1}.dashboard-motion-toggle:focus-visible{outline:2px solid #FEC422;outline-offset:3px}
.dashboard-motion-toggle svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5}
.dashboard-play{display:none}.dashboard-motion-toggle[aria-pressed=true] .dashboard-pause{display:none}.dashboard-motion-toggle[aria-pressed=true] .dashboard-play{display:block}
@media(max-width:720px){.dashboard-motion-toggle{width:20px;height:20px}}
@media(prefers-reduced-motion:reduce){.cxo-dashboard .dashboard-chart-track,.cxo-dashboard .dashboard-payment-bar,.cxo-dashboard .dashboard-incident,.cxo-dashboard .dashboard-row-highlight{animation:none!important}.dashboard-motion-toggle{display:none}}

/* Connected process panels with a visual for each stage. */
.ams-transition-panels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:44px 0 0;align-items:stretch;grid-auto-rows:1fr}
.ams-transition-panel{position:relative;display:flex;flex-direction:column;min-width:0;background:var(--bg);border:1px solid var(--line-strong);border-radius:12px;padding:23px 22px;box-shadow:0 9px 25px #00000005}
.ams-transition-panel:not(:last-child)::after{content:'›';position:absolute;top:153px;right:-25px;width:24px;height:25px;display:grid;place-items:center;background:var(--bg-soft);font:400 26px/1 var(--display);color:var(--ink-3);z-index:1}
.ams-transition-panel:nth-child(3)::after{color:var(--spe-accent)}
.ams-panel-heading{display:flex;gap:12px;align-items:center;min-height:50px}
.ams-panel-number{font:500 .76rem/1 var(--display);color:var(--ink-3);flex-shrink:0;border:1px solid var(--line-strong);border-radius:50%;width:28px;height:28px;display:grid;place-items:center}
.ams-panel-heading h3{font:600 1.07rem/1.25 var(--display);letter-spacing:-.02em;color:var(--ink)}
.ams-stage-visual{border-block:1px solid var(--line);margin:20px 0 23px;background:var(--bg-soft);border-radius:5px;overflow:hidden}
.ams-stage-visual svg{width:100%;height:auto;display:block;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.process-surface{fill:var(--bg);stroke:var(--line-strong)}
.process-muted{stroke:var(--ink-4)}
.process-accent{stroke:var(--spe-accent);stroke-width:2}
.process-lens{fill:var(--bg);stroke:var(--spe-accent)}
.process-status{fill:var(--spe-accent)}
.process-neutral{fill:var(--ink-4)}
.ams-stage-visual text{stroke:none;fill:var(--ink-2);font:500 11px var(--display);text-anchor:middle}
.ams-stage-points{list-style:none;display:grid;gap:11px;margin:0;padding:0}
.ams-stage-points li{display:flex;align-items:baseline;gap:9px;font:.83rem/1.6 var(--sans);color:var(--ink-3)}
.ams-stage-points li::before{content:'';width:4px;height:4px;border-radius:50%;background:var(--ink-4);flex-shrink:0}
.ams-transition-panel>.ams-stage-points{min-height:146px}
.ams-stage-more{margin:16px 0 22px}
.ams-stage-more summary{display:flex;justify-content:space-between;align-items:center;list-style:none;cursor:pointer;color:var(--ink-2);font:500 .82rem/1.5 var(--display);padding:8px 0}
.ams-stage-more summary::-webkit-details-marker{display:none}
.ams-more-symbol{font-size:1.15rem;color:var(--spe-accent);transition:transform 180ms ease-out}
.ams-stage-more[open] .ams-more-symbol{transform:rotate(45deg)}
.ams-less-label{display:none}.ams-stage-more[open] .ams-less-label{display:inline}.ams-stage-more[open] .ams-more-label{display:none}
.ams-stage-more .ams-stage-points{padding-top:12px}
.ams-stage-outcome{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding:16px 0;font:500 .76rem/1.5 var(--display);color:var(--ink-3);margin-top:auto}
.ams-stage-outcome>span{color:var(--spe-accent)}
.ams-handover{color:var(--ink);font-weight:600}
.ams-handover>span{font-size:1.25rem;line-height:1}
.ams-transition-panel:last-child .ams-panel-number{background:var(--spe-accent);border-color:var(--spe-accent);color:#fff}
.case-dark .ams-transition-panel:last-child .ams-panel-number{color:#141414}
@media(max-width:1150px){.ams-transition-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.ams-transition-panel:nth-child(2)::after{display:none}.ams-transition-panel>.ams-stage-points{min-height:110px}.ams-stage-visual svg{max-height:160px}}
@media(max-width:600px){.ams-transition-panels{grid-template-columns:1fr;gap:30px;margin-top:30px}.ams-transition-panel{padding:22px 24px}.ams-transition-panel:not(:last-child)::after{display:grid;top:auto;bottom:-31px;right:calc(50% - 12px);height:30px;transform:rotate(90deg)}.ams-panel-heading{min-height:34px}.ams-panel-heading h3{font-size:1.2rem}.ams-transition-panel>.ams-stage-points{min-height:0}.ams-stage-points li{font-size:.9rem}.ams-stage-more summary{font-size:.88rem;padding:10px 0}.ams-stage-outcome{font-size:.82rem}.ams-stage-visual{margin-top:20px}.ams-stage-visual svg{max-height:165px}}
@media(prefers-reduced-motion:reduce){.ams-more-symbol{transition:none}}

/* Business coverage: one introduction and five accurately grouped service areas. */
.ams-business-coverage{display:grid;grid-template-columns:.85fr 1.35fr;gap:clamp(40px,6vw,85px);align-items:stretch}
.ams-business-intro{display:flex;flex-direction:column;justify-content:center;padding:38px 32px;background:var(--bg-soft);border:1px solid var(--line-strong);border-radius:12px}
.ams-business-intro h2{font-size:clamp(2rem,2.8vw,2.7rem);line-height:1.12}
.ams-business-intro p{margin-top:26px;font-size:.95rem;line-height:1.8}
.ams-business-areas>article{padding:23px 0;border-top:1px solid var(--line-strong)}
.ams-business-areas>article:first-child{padding-top:22px}
.ams-business-areas>article:last-child{border-bottom:1px solid var(--line-strong)}
.ams-business-areas h3{font:600 1.18rem/1.3 var(--display);letter-spacing:-.015em;margin-bottom:9px;color:var(--ink)}
.ams-business-areas p{font-size:.87rem;line-height:1.8}
.ams-support-scope{display:grid;gap:13px}
.ams-support-scope strong{display:block;font:600 .79rem/1.5 var(--display);color:var(--ink-2);margin-bottom:3px}

@media(max-width:850px){.ams-business-coverage{grid-template-columns:1fr;gap:30px}.ams-business-intro{padding:28px}.ams-business-intro h2{max-width:560px}.ams-business-intro p{margin-top:20px}.ams-business-areas p{font-size:.91rem}}

.ams-transition .spe-heading>p a{color:var(--spe-accent);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}

/* Dark introduction panel across the two light themes. */
.ams-page:not(.case-dark) .ams-business-intro{background:#171b20;border-color:#171b20;color:#ffffff}
.ams-page:not(.case-dark) .ams-business-intro h2{color:#ffffff}
.ams-page:not(.case-dark) .ams-business-intro p{color:#dddddd}