/* A selectable, keyboard-accessible delivery process shared by service pages. */
.process-explorer.sp-process{padding-block:76px}
.process-explorer .sp-section-heading{margin-bottom:30px;align-items:end}
.process-explorer .sp-section-heading>p{font-size:13px;max-width:300px;line-height:1.7}
.process-tablist{display:grid;grid-template-columns:repeat(var(--process-count,3),minmax(0,1fr));gap:10px}
.process-stage{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:15px;padding:20px 24px 23px;border:1px solid #d9e4ee;border-radius:13px;background:#f5f8fc;color:#4b6680;text-align:left;min-height:141px;cursor:pointer;transition:background .25s,border-color .25s,box-shadow .25s,color .25s}
.process-stage-number{font:400 42px/1 Outfit,Inter,sans-serif;letter-spacing:-.045em;color:#8aa9c4}
.process-stage-title{display:block;font:500 19px/1.23 Outfit,Inter,sans-serif;letter-spacing:-.02em;max-width:220px;padding-right:15px}
.process-stage-action{position:absolute;right:18px;top:23px;color:#89a7be;transition:transform .2s}
.process-stage-action>.icon{width:19px;height:19px}
.process-stage:hover{border-color:#7baee0;background:#eaf3ff}
.process-stage:hover .process-stage-action{transform:translateX(3px)}
.process-stage[aria-selected=true]{background:linear-gradient(130deg,#12395b,#081f35);border-color:#5cb8e594;color:#fff;box-shadow:0 10px 30px #2a6f9e16}
.process-stage[aria-selected=true] .process-stage-number{color:#a6e6fd}
.process-stage[aria-selected=true] .process-stage-action{color:#b9efff}
.process-stage:focus-visible,.process-panel:focus-visible{outline:3px solid #2b82eb;outline-offset:4px}
.process-stage:disabled{cursor:default}
.process-progress{height:3px;margin:13px 0 17px;background:#e4edf4;overflow:hidden;border-radius:999px;position:relative}
.process-progress>span{height:100%;width:calc(100% / var(--process-count,3));display:block;transform:translateX(calc(var(--process-active,0) * 100%));background:linear-gradient(90deg,#2873e7,#69d0e9);border-radius:999px;transition:transform .35s cubic-bezier(.2,.65,.2,1)}
.process-panel{display:grid;grid-template-columns:1.08fr .92fr;gap:48px;background:linear-gradient(110deg,#f2f8ff,#f9fbff);border:1px solid #d8e6f2;border-radius:15px;padding:30px 35px;min-height:235px;position:relative;overflow:hidden}
.process-panel[hidden]{display:none!important}
.process-panel+.process-panel{margin-top:15px}
[data-process-ready=true] .process-panel+.process-panel{margin-top:0}
.process-panel-kicker{display:block;font-size:9px;color:#4681a5;letter-spacing:.13em;font-weight:600;margin-bottom:11px}
.process-panel-copy h3{font:500 29px/1.15 Outfit,Inter,sans-serif;letter-spacing:-.025em;color:#102d47;margin:0 0 12px;max-width:440px}
.process-panel-copy p{font-size:13px;color:#506c82;line-height:1.8;margin:0;max-width:530px}
.process-panel-outputs{align-self:center;border-left:1px solid #d1e1ee;padding-left:31px}
.process-panel-outputs h4{font:500 12px/1.4 Inter,sans-serif;letter-spacing:0;color:#1e4f76;margin:0 0 16px}
.process-panel-outputs ul{padding:0;margin:0;list-style:none;display:grid;gap:13px}
.process-panel-outputs li{display:flex;gap:10px;font-size:12px;line-height:1.5;color:#43627d;align-items:flex-start}
.process-panel-outputs li>.icon{width:16px;height:16px;color:#3f9ab5;flex:none;margin-top:1px}
.process-fallback-note{font-size:12px;color:#5c728a}
html[data-motion=on] [data-process-ready=true] .process-panel:not([hidden]){animation:process-panel-enter .32s ease both}
html[data-motion=off] .process-explorer *,html[data-page-visible=false] .process-explorer *{animation-play-state:paused!important}
html[data-motion=off] .process-stage,html[data-motion=off] .process-progress>span,html[data-motion=off] .process-stage-action{transition:none}
@keyframes process-panel-enter{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1180px){.process-stage{padding:18px 19px;min-height:135px}.process-stage-title{font-size:18px}.process-stage-number{font-size:38px}.process-stage-action{right:14px;top:20px}.process-panel{padding:28px;gap:30px}.process-panel-copy h3{font-size:27px}.process-panel-outputs{padding-left:25px}}
@media(max-width:1000px){.process-stage-title{font-size:16px;padding-right:0}.process-stage{min-height:137px}.process-stage-action{top:18px}.process-panel{gap:25px;grid-template-columns:1fr 1fr}.process-panel-copy h3{font-size:26px}.process-panel-copy p{font-size:13px}.process-panel-outputs{padding-left:22px}.process-panel-outputs li{font-size:11px}.sp-page-services .process-stage{padding:17px 13px}.sp-page-services .process-stage-title{font-size:15px}}
@media(max-width:760px){.process-explorer.sp-process{padding-block:55px}.process-explorer .sp-section-heading{margin-bottom:24px}.process-tablist{gap:8px}.process-stage{padding:16px 13px;min-height:141px;gap:16px}.process-stage-number{font-size:33px}.process-stage-title{font-size:16px}.process-stage-action{right:10px;top:18px}.process-stage-action>.icon{width:16px;height:16px}.process-panel{padding:25px;grid-template-columns:1fr;gap:24px;min-height:0}.process-panel-outputs{padding:21px 0 0;border-left:0;border-top:1px solid #d1e1ee}.process-panel-outputs ul{gap:10px}.process-panel-outputs li{font-size:12px}.process-panel-copy h3{font-size:29px}.sp-page-services .process-tablist{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-page-services .process-stage{min-height:120px}.sp-page-services .process-progress{display:none}.sp-page-services .process-panels{margin-top:16px}}
@media(max-width:480px){.process-tablist,.sp-page-services .process-tablist{grid-template-columns:1fr}.process-stage,.sp-page-services .process-stage{flex-direction:row;align-items:center;gap:15px;min-height:63px;padding:13px 15px;border-radius:10px}.process-stage-number{font-size:30px;width:34px;flex:none}.process-stage-title,.sp-page-services .process-stage-title{font-size:17px;max-width:none;padding-right:25px}.process-stage-action{right:15px;top:calc(50% - 8px)}.process-progress{margin-block:13px 16px}.process-panel{padding:23px 21px}.process-panel-copy h3{font-size:27px}.process-panel-copy p{font-size:13px}.process-panel-outputs h4{margin-bottom:13px}.process-explorer .sp-section-heading>p{font-size:13px;max-width:none}}
@media(prefers-reduced-motion:reduce){html:not([data-motion=on]) .process-explorer *{animation:none!important;transition:none!important}}
