/* Purpose-built native artwork. Motion remains inside a fixed, responsive viewBox. */
.hero-stage .hero-visual.growth-visual{position:relative;width:100%;height:auto;max-width:640px;aspect-ratio:640/580;margin-inline:auto;overflow:visible;isolation:isolate;transform:none;color:#eae7df}
.growth-visual .growth-art{display:block;width:100%;height:100%;overflow:visible}
.growth-art-caption{position:absolute;bottom:1%;inset-inline:12%;text-align:center;color:#d2d0ca;font-size:11px;letter-spacing:0;line-height:1.8}
.growth-aperture{transform-box:fill-box;transform-origin:center;animation:brand-aperture 30s cubic-bezier(.45,0,.55,1) infinite}
.growth-focus{animation:brand-focus 7s ease-in-out infinite}
.growth-proof{will-change:transform}
.growth-proof-a{animation:brand-proof-a 8s ease-in-out infinite}
.growth-proof-b{animation:brand-proof-b 9.5s ease-in-out infinite}
.growth-proof-c{animation:brand-proof-c 10s ease-in-out infinite}
.growth-signal{animation:brand-signal 13s linear infinite}
.growth-beacon{animation:brand-beacon 5s ease-in-out infinite}
.contact-art{position:relative;width:min(100%,420px);margin-inline:auto;align-self:center;color:#eae7df;isolation:isolate}
.contact-art svg{width:100%;height:auto;display:block;overflow:visible}
.contact-art>span{display:block;text-align:center;color:#d8d4ce;font-size:12px;line-height:1.8;margin-top:-10px}
.conversation-front{animation:brand-conversation-front 8s ease-in-out infinite}
.conversation-back{animation:brand-conversation-back 8s ease-in-out infinite}
.conversation-trace{animation:brand-conversation-trace 10s linear infinite}
.conversation-dots circle{animation:brand-dot 3.6s ease-in-out infinite}
.conversation-dots circle:nth-child(2){animation-delay:.2s}.conversation-dots circle:nth-child(3){animation-delay:.4s}
@keyframes brand-aperture{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(25deg)}}
@keyframes brand-focus{0%,100%{opacity:.72}50%{opacity:1}}
@keyframes brand-proof-a{0%,100%{transform:translate(0,0)}50%{transform:translate(2px,-9px)}}
@keyframes brand-proof-b{0%,100%{transform:translate(0,0)}50%{transform:translate(-3px,8px)}}
@keyframes brand-proof-c{0%,100%{transform:translate(0,0)}50%{transform:translate(2px,-6px)}}
@keyframes brand-signal{to{stroke-dashoffset:-676}}
@keyframes brand-beacon{0%,100%{opacity:.6}50%{opacity:1}}
@keyframes brand-conversation-front{0%,100%{transform:translate(0,0)}50%{transform:translate(0,-7px)}}
@keyframes brand-conversation-back{0%,100%{transform:translate(0,0)}50%{transform:translate(0,6px)}}
@keyframes brand-conversation-trace{to{stroke-dashoffset:-818}}
@keyframes brand-dot{0%,25%,65%,100%{opacity:.55}45%{opacity:1}}
@media(hover:hover) and (pointer:fine){.growth-visual:hover .growth-focus{opacity:1;animation-play-state:paused}.growth-visual:hover .growth-proof{animation-play-state:paused}}
@media(max-width:1100px){.hero-stage .hero-visual.growth-visual{max-width:560px}.contact-art{max-width:360px}}
@media(max-width:760px){.hero-stage .hero-visual.growth-visual{width:min(100%,440px);max-width:440px;margin-top:0;aspect-ratio:640/580}.growth-art-caption{font-size:10px;bottom:0}.contact-art{max-width:300px}.contact-art>span{font-size:11px}.growth-proof{will-change:auto}}
@media(max-width:420px){.hero-stage .hero-visual.growth-visual{max-width:360px}.contact-art{max-width:260px}}
.motion-paused .growth-visual *,.motion-paused .contact-art *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.growth-visual *,.contact-art *{animation:none!important;transition:none!important;will-change:auto!important}}