/* Approved card direction: navy surround with a white illustration panel. */
.page-index #how-we-help .service-motion,.page-index #why .why-motion,.page-index .home-poster{background:#102033;border:1px solid #253e4d;border-radius:20px;color:#fff;padding:28px!important}
.page-index #how-we-help .service-motion h3,.page-index #why .why-motion h3,.page-index .home-poster h3{color:#fff}
.page-index #how-we-help .service-motion p,.page-index #why .why-motion p,.page-index .home-poster p{color:#bdcdd3}
.page-index #how-we-help .service-motion a{color:#63dca5!important}
.page-index #how-we-help .service-motion .step-number{color:#81dfb5;border-color:#3b5964}
.page-index .home-poster .poster-artwork{background:#fff;border-radius:14px;margin:0 0 24px}
.page-index .home-poster .poster-copy{padding:0 0 38px}.page-index .home-poster .poster-arrow{color:#63dca5}
.page-index #why .why-art{background:#fff;border-radius:14px;height:124px;margin:0 0 24px;justify-content:center}.page-index #why .why-art svg{width:140px;height:112px}.page-index #why .why-accent{display:none}
.home-service-route{position:relative;height:340px;width:100%;margin:22px 0 26px;background:#fff;border-radius:14px;padding:18px 14px;display:grid;grid-template-rows:repeat(4,1fr);overflow:hidden}
.route-spine{position:absolute;top:56px;bottom:56px;width:2px;left:calc(50% - 1px);background:#b5c9bf}
.route-stop{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;--accent:#167655}
.route-stop.stop-2{--accent:#28617b}.route-stop.stop-3{--accent:#a97713}.route-stop.stop-4{--accent:#168d85}
.route-node{position:absolute;left:50%;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border:2px solid var(--accent);border-radius:50%;background:#fff;z-index:2}.route-node:after{content:'';position:absolute;inset:5px;background:var(--accent);border-radius:50%}
.route-branch{position:absolute;left:50%;top:50%;height:2px;width:12%;background:var(--accent)}
.route-label{grid-column:2;padding-left:28%;color:var(--accent);display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.route-label svg{width:25px;height:25px}.route-label strong{color:#102033;font-size:14px;line-height:1.35;font-weight:700;overflow-wrap:normal}
.route-stop:nth-of-type(even) .route-label{grid-column:1;padding:0 28% 0 0}
.route-stop:nth-of-type(even) .route-branch{left:38%}
.route-seed{position:absolute;left:calc(50% - 4px);top:52px;width:8px;height:8px;border-radius:50%;background:#fcc04e;z-index:3}
.home-service-route.route-2{grid-template-rows:repeat(2,1fr);padding-block:58px}.route-2 .route-spine{top:114px;bottom:114px}.route-2 .route-seed{top:110px}
@keyframes home-route-four{0%,12%{transform:translateY(0)}28%,38%{transform:translateY(76px)}54%,64%{transform:translateY(152px)}80%,100%{transform:translateY(228px)}}
@keyframes home-route-two{0%,20%{transform:translateY(0)}80%,100%{transform:translateY(112px)}}
@media(prefers-reduced-motion:no-preference){.home-service-route.is-active .route-seed{animation:home-route-four 9s ease-in-out infinite alternate}.route-2.is-active .route-seed{animation-name:home-route-two;animation-duration:5s}}
@media(max-width:600px){.page-index #how-we-help .service-motion,.page-index #why .why-motion,.page-index .home-poster{padding:22px!important}.route-label strong{font-size:12px}.home-service-route{padding-inline:12px}.home-service-route.is-active .route-seed{animation:none}}
@media(prefers-reduced-motion:reduce){.route-seed{display:none}}
html.motion-paused .route-seed{animation:none!important}
