.agency-visual .booster-art{position:relative;isolation:isolate;max-width:520px;margin-left:auto}
.agency-visual .booster-phone{position:relative;z-index:1;display:block;width:100%;height:auto;max-height:580px;object-fit:contain}
.agency-visual .reach-bars{position:absolute;inset:7% 1% 12%;z-index:0;display:flex;align-items:flex-end;gap:3%;pointer-events:none}
.agency-visual .reach-bars span{flex:1;height:var(--bar-height);border-radius:12px 12px 3px 3px;background:linear-gradient(180deg,#8eb8eea6,#c8b7e370);transform-origin:bottom;animation:reach-grow 7s cubic-bezier(.22,.7,.25,1) infinite both;animation-delay:var(--bar-delay)}
.agency-visual .reach-bars span:nth-child(2n){background:linear-gradient(180deg,#b6a0dea6,#edd6e880)}
.agency-visual .reach-bars span:last-child{background:linear-gradient(180deg,#73a5dfa6,#cbb7df80)}
@keyframes reach-grow{0%{transform:scaleY(.12);opacity:0}10%{opacity:1}65%,85%{transform:scaleY(1);opacity:1}97%,100%{transform:scaleY(1);opacity:0}}
@media(prefers-reduced-motion:reduce){.agency-visual .reach-bars span{animation:none;transform:none;opacity:1}}
.agency-visual .booster-label{display:none}
.agency-visual .booster-art .hero-reactions{inset:0;overflow:visible;z-index:2}
.agency-visual .booster-art .reaction{background:transparent;border:0;box-shadow:none;border-radius:0;width:40px;height:40px;font:34px/1 Arial,sans-serif;opacity:0;animation:flying-reaction 8s linear infinite;will-change:transform,opacity}
.agency-visual .booster-art .reaction-heart{color:#e4445c;left:10%;top:53%;animation-delay:-1s}
.agency-visual .booster-art .reaction-thumb{right:12%;top:59%;animation-delay:-5s;font-size:30px}
.agency-visual .booster-art .reaction-love{color:#9670c7;left:12%;top:77%;animation-delay:-6s;font-size:26px}
.agency-visual .booster-art .reaction-small{left:auto;right:5%;top:27%;font-size:25px;animation-delay:-3s}
.agency-visual .booster-art .motion-toggle{top:auto;bottom:-10px;left:50%;transform:translateX(-50%);white-space:nowrap;border:1px solid #e4dce0;background:#fffffff0;color:#50555a;font-size:12px;padding:8px 12px;border-radius:20px}
@keyframes flying-reaction{0%{opacity:0;transform:translate(-4px,45px) rotate(-12deg) scale(.8)}15%{opacity:1}75%{opacity:.9}100%{opacity:0;transform:translate(15px,-105px) rotate(14deg) scale(1.08)}}
.footer-agency{grid-template-columns:minmax(0,1fr) minmax(290px,.8fr);gap:36px;padding:30px 38px}
.agency-visual{max-width:360px;transform:none;width:100%;pointer-events:auto}
.agency-visual .booster-art{margin:0;max-width:none}
.agency-visual .booster-phone{max-height:none;filter:drop-shadow(0 16px 18px #1a174218);aspect-ratio:auto}
.agency-visual .hero-reactions{position:absolute;pointer-events:none}
.agency-visual .reaction{position:absolute;display:grid;place-items:center}
.agency-visual .reach-bars span,.agency-visual .booster-art .reaction{animation-play-state:paused}
.agency-visual.is-active:not(.is-paused) .reach-bars span,.agency-visual.is-active:not(.is-paused) .reaction{animation-play-state:running}
.agency-motion-toggle{display:block;margin:8px auto 0;border:1px solid #d8dce3;border-radius:20px;background:#ffffffb8;padding:7px 13px;min-height:36px;font-size:12px;color:#50555a;cursor:pointer}
@media(max-width:760px){.footer-agency{grid-template-columns:1fr;padding:25px 22px;gap:22px}.agency-content{grid-column:1;grid-row:1}.agency-brand-line{padding-right:0;min-height:0}.agency-visual{grid-column:1;grid-row:2;max-width:280px;justify-self:center}.agency-visual .reaction{font-size:27px}.agency-visual .reaction-thumb{font-size:25px}.agency-visual .reaction-small{font-size:22px}}
@media(prefers-reduced-motion:reduce){.agency-visual .reach-bars span,.agency-visual .booster-art .reaction{animation:none!important}.agency-visual .reach-bars span{transform:none;opacity:1}.agency-visual .booster-art .reaction{opacity:.8;transform:none}.agency-motion-toggle{display:none}}

/* Compact partner panel with automatic, reduced-motion-aware animation. */
.footer-agency{grid-template-columns:minmax(0,1fr) minmax(250px,.7fr);padding:22px 30px;gap:26px}
.agency-visual{max-width:300px}
.agency-brand-line{margin-bottom:17px}
.agency-content h2{font-size:clamp(26px,2.5vw,34px)}
.agency-intro{margin-top:12px}
.agency-expertise{margin-top:10px}
.agency-discover{margin-top:15px}
@media(max-width:760px){.footer-agency{grid-template-columns:1fr;padding:22px 20px;gap:12px}.agency-visual{max-width:230px}.agency-brand-line{margin-bottom:17px}.agency-content h2{font-size:clamp(23px,6.2vw,30px)}}