/* Motion has a visible rhythm: type, light, digits, and physical response. */
.motion-dock{position:fixed;left:22px;bottom:22px;z-index:70}
:root body .motion-dock .motion-toggle{display:flex!important;align-items:center;gap:10px;min-height:43px;padding:10px 15px;background:#0b1b32e8;border:1px solid #65b7ec50;border-radius:30px;box-shadow:0 6px 26px #0004;backdrop-filter:blur(14px);color:#c3e7fc;font:500 10px var(--body);white-space:nowrap;cursor:pointer}
.motion-toggle:hover{border-color:#80d9ff!important;background:#133456!important}.motion-toggle:focus-visible{outline:2px solid #7bdfff;outline-offset:4px}
.motion-meter{display:flex;align-items:center;gap:3px;height:14px}.motion-meter i{width:2px;height:5px;background:#67d9ff;border-radius:2px;animation:meter-dance .9s ease-in-out infinite alternate}.motion-meter i:nth-child(2){height:12px;animation-delay:-.4s}.motion-meter i:nth-child(3){height:8px;animation-delay:-.7s}.motion-paused .motion-meter i{height:3px}
.kinetic-title{perspective:900px}.kinetic-char,.kinetic-word{display:inline-block;transform-origin:50% 100%;backface-visibility:hidden}.brand-copy h1.kinetic-title>span{animation:none;opacity:1;transform:none}.kinetic-title em{display:inline}.brand-copy h1 .connection-word .kinetic-char{color:#69d7ff;background:linear-gradient(105deg,#52bfff 10%,#e8fbff 43%,#53c7ff 65%);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:letter-light 5s ease-in-out infinite}.brand-copy h1 .connection-word .kinetic-char:nth-child(2n){animation-delay:-.25s}.brand-copy h1 .connection-word .kinetic-char:nth-child(3n){animation-delay:-.5s}
.motion-enabled .brand-copy h1 .kinetic-char:hover{color:#c6f3ff;translate:0 -5px;transition:translate .3s}.brand-copy h1 .kinetic-char{transition:translate .6s}
.kinetic-button{position:relative;isolation:isolate;translate:var(--button-x,0px) var(--button-y,0px);transition:translate .25s ease-out,background .3s,box-shadow .3s,border-color .3s,transform .25s!important}
.button.kinetic-button,.teaser-cta.kinetic-button,.chat-options>.kinetic-button{overflow:hidden}
.button.kinetic-button:before,.teaser-cta.kinetic-button:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at var(--light-x,50%) var(--light-y,50%),#b7ecff45,transparent 65%);opacity:0;transition:opacity .3s}
.kinetic-button:hover:before{opacity:1}.kinetic-button:active{scale:.97}.kinetic-button>span[aria-hidden=true]{transition:transform .4s cubic-bezier(.2,.8,.2,1)}.kinetic-button:hover>span[aria-hidden=true]{transform:translate(4px,-4px) rotate(8deg)}
.brand-primary:after{content:'';position:absolute;inset:-50% auto -50% -65%;width:40%;background:linear-gradient(90deg,transparent,#e6faff66,transparent);transform:skewX(-25deg);animation:cta-sheen 4.8s ease-in-out infinite;pointer-events:none}
.motion-enabled .brand-primary{animation:cta-breathe 4.8s ease-in-out infinite}
.click-wave{position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,#c5edff75,transparent 70%);pointer-events:none;z-index:4}
.rolling-number{display:inline-flex!important;line-height:1!important;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.number-reel{display:block;height:1em;overflow:hidden;min-width:.61em;text-align:center}.number-strip{display:flex;flex-direction:column;transform:translateY(var(--digit-end));will-change:transform}.number-strip>span{display:block;height:1em;line-height:1em;flex:none}
.numbers-strip>div{position:relative}.numbers-strip>div:after{content:'';position:absolute;left:0;bottom:0;width:38%;height:1px;background:linear-gradient(90deg,transparent,#49c9ff,transparent);opacity:.5;animation:metric-line 5s ease-in-out infinite}.numbers-strip>div:nth-child(2):after{animation-delay:-1.5s}.numbers-strip>div:nth-child(3):after{animation-delay:-3s}
.solution-card.art-visible .card-art{animation:card-orbit 9s ease-in-out infinite alternate}.solution-card.art-visible .card-art i:nth-child(2n){animation:card-ring 8s ease-in-out infinite alternate}.solution-card.art-visible .card-art i:nth-child(3n){animation:card-ring 7s ease-in-out -3s infinite alternate-reverse}
.radar-visual{overflow:hidden}.radar-visual:after{content:'';position:absolute;width:65%;aspect-ratio:1;left:18%;top:16%;border-radius:50%;background:conic-gradient(from 0deg,transparent 65%,#36baff00 80%,#36baff24);mask-image:radial-gradient(circle,#000 0 60%,transparent 72%);pointer-events:none;animation:radar-sweep 9s linear infinite;animation-play-state:paused}.radar-visual.art-visible:after{animation-play-state:running}

body.motion-paused .kinetic-title *,body.motion-paused .kinetic-button{translate:0 0!important}body.motion-paused .reveal{opacity:1!important;transform:none!important;filter:none!important}
@keyframes meter-dance{to{height:14px;opacity:.55}}
@keyframes letter-light{0%,20%{background-position:100% 50%}75%,100%{background-position:-100% 50%}}
@keyframes cta-sheen{0%,40%{left:-65%;opacity:0}48%{opacity:1}74%,100%{left:145%;opacity:0}}
@keyframes cta-breathe{0%,100%{box-shadow:0 8px 30px #057eee25}55%{box-shadow:0 8px 45px #0699ff60,0 0 0 1px #71d5ff40}}
@keyframes metric-line{50%{translate:140% 0;opacity:1}}
@keyframes card-orbit{to{transform:rotate(17deg) translateY(-8px)}}
@keyframes card-ring{to{rotate:35deg;scale:.9}}
@keyframes radar-sweep{to{rotate:360deg}}

@media(max-width:600px){.motion-dock{left:12px;bottom:17px}:root body .motion-dock .motion-toggle{font-size:9px;min-height:40px;padding:10px 12px}.number-reel{min-width:.62em}.brand-bottom{padding-right:70px}.kinetic-word{max-width:100%}}