/* Home-only decorative motion. All content remains visible without JavaScript. */
.page-index .connected-art{height:auto;min-height:0;display:block;margin:12px 0 18px}
.connected-art svg{width:100%;height:auto;display:block}
.page-index .service-motion{position:relative;overflow:hidden;padding-top:26px}
.page-index .service-motion .step-number{position:absolute;top:26px;left:28px;font-size:1.1rem;z-index:1}
.service-art{margin:-8px -6px 20px;border-bottom:1px solid #a7c6b2;color:#176542}
.service-art svg{display:block;width:100%;height:auto;max-height:210px}
.motion-art *{transform-box:fill-box;transform-origin:center}
.motion-art .chart-bar{transform-origin:center bottom}
@keyframes gb-signal{0%,100%{transform:scale(.85);opacity:.25}50%{transform:scale(1.25);opacity:.55}}
@keyframes gb-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes gb-travel{0%{transform:translateX(-23px);opacity:.4}50%{opacity:1}100%{transform:translateX(57px);opacity:.4}}
@keyframes gb-bars{0%,100%{transform:scaleY(.72)}50%{transform:scaleY(1)}}
@keyframes gb-turn{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}
@media(prefers-reduced-motion:no-preference){
.motion-art.is-active .signal-ring{animation:gb-signal 4s ease-in-out infinite}
.motion-art.is-active .float-detail{animation:gb-float 5s ease-in-out infinite}
.motion-art.is-active .traveller{animation:gb-travel 3s ease-in-out infinite alternate}
.motion-art.is-active .chart-bar{animation:gb-bars 4s ease-in-out infinite}
.motion-art.is-active .bar-b{animation-delay:-.6s}.motion-art.is-active .bar-c{animation-delay:-1.2s}
.motion-art.is-active .turn-detail{animation:gb-turn 6s ease-in-out infinite}
}
.motion-paused .motion-art *{animation:none!important;transform:none!important}
@media(max-width:600px){.service-art svg{max-height:160px}.motion-art.is-active .signal-ring,.motion-art.is-active .chart-bar{animation:none}.page-index .service-motion .step-number{left:22px}}
@media(prefers-reduced-motion:reduce){.motion-art *{animation:none!important;transform:none!important}}

/* Six promises: compact illustrations, with no change to editable copy. */
.page-index #why .why-motion{padding:28px;position:relative;overflow:hidden;border-color:#dce6df;border-radius:18px;background:#fff}
.why-art{height:102px;display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;color:#19b47c}
.why-art svg{width:126px;height:101px;flex:none}
.why-accent{display:block;width:44px;height:3px;background:#fcc04e;transform-origin:left}
.page-index #why .why-motion h3{font-size:1.45rem;line-height:1.2}
@keyframes gb-why-detail{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes gb-why-pulse{0%,100%{transform:scale(.9)}50%{transform:scale(1.08)}}
@media(prefers-reduced-motion:no-preference){
.why-art.is-active .why-detail{animation:gb-why-detail 4.8s ease-in-out infinite}
.why-art.is-active .why-pulse{animation:gb-why-pulse 4.8s ease-in-out infinite}
.why-motion:nth-child(even) .why-detail{animation-delay:-2.4s}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
.why-symbol,.why-accent{transition:transform .4s ease}
.why-motion:hover .why-symbol{transform:translateY(-3px) rotate(-3deg)}
.why-motion:hover .why-accent{transform:scaleX(1.4)}
}
@media(max-width:600px){.why-art{height:86px;margin-bottom:14px}.why-art svg{height:86px;width:108px}.why-art.is-active .why-detail{animation:none}}