.header,.desktop-nav a,.locale-trigger .chevron,.locale-menu button,.button,.send-button,.suggestions button,.feature-card,.language-list button,.language-native,.language-arrow,.faq-list summary{transition:background .3s,color .3s,border-color .3s,transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s}.desktop-nav a::after{transition:transform .3s}.button::before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 15%,#fff2 50%,transparent 80%);transform:translateX(-140%)}.button:hover::before{transform:translateX(140%);transition:transform .8s}.button>.svg-icon,.text-button>.svg-icon{transition:transform .3s cubic-bezier(.2,.8,.2,1)}.button:hover>.svg-icon,.text-button:hover>.svg-icon{transform:translate(2px,-2px)}.button.secondary:hover>.svg-icon{transform:translateY(2px)}.locale-menu button:hover{transform:translateX(2px)}[dir=rtl] .locale-menu button:hover{transform:translateX(-2px)}.feature-card:hover{transform:translateY(-4px);border-color:#bdcbd5;box-shadow:0 16px 40px #68879f0c}.feature-card::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(350px circle at var(--spot-x,50%) var(--spot-y,20%),#fff7,transparent 65%);opacity:0;z-index:-1;transition:opacity .4s}.feature-card:hover::after{opacity:1}.creative-square{transition:transform 1s cubic-bezier(.2,.8,.2,1),border-color .5s}.feature-card:hover .square-one{transform:translate(-50%,-60%) rotate(-39deg)}.feature-card:hover .square-two{transform:translate(-50%,-60%) rotate(-5deg) scale(1.06)}.feature-card:hover .square-three{transform:translate(-50%,-60%) rotate(29deg)}.art-cursor{transition:transform .8s cubic-bezier(.2,.8,.2,1)}.feature-card:hover .art-cursor{transform:translate(-12px,-10px) rotate(-6deg)}.language-list button:hover .language-native{transform:translateY(-3px)}.language-list button:hover .language-arrow{transform:translate(2px,-2px)}.chapter,.chapter-track{transition:color .4s,transform .5s}.scene-dots i{transition:background .4s}.story-response,.story-code{scrollbar-width:thin;scrollbar-color:#d5dde3 transparent}.product-stage[data-motion-active=false] .ambient-motion,.orbit-scene[data-motion-active=false] .ambient-motion,.feature-art[data-motion-active=false] *,.page-hidden .ambient-motion,.page-hidden .feature-art *,.motion-paused .ambient-motion,.motion-paused .feature-art *{animation-play-state:paused!important}
@media(prefers-reduced-motion:no-preference){
 .hero-eyebrow{animation:premium-enter .7s cubic-bezier(.2,.8,.2,1) both}
 .hero h1>span{animation:title-unfold 1s .07s cubic-bezier(.2,.8,.2,1) both;transform-origin:center bottom}.hero h1>span:nth-child(2){animation-delay:.15s}
 .hero-description{animation:premium-enter .8s .18s cubic-bezier(.2,.8,.2,1) both}.hero-actions{animation:premium-enter .8s .25s cubic-bezier(.2,.8,.2,1) both}.product-stage{animation:stage-enter 1.3s .16s cubic-bezier(.2,.8,.2,1) both}.hero-below{animation:premium-enter .9s .35s cubic-bezier(.2,.8,.2,1) both}
 .sculpture-assembly{animation:chrome-float 14s ease-in-out infinite}.stage-ambient{animation:light-drift 18s ease-in-out infinite alternate}.sculpture-ring{animation:ring-breathe 18s ease-in-out infinite}.ring-two{animation-direction:reverse;animation-duration:23s}
 .learning-orbit{animation:atom-turn 38s linear infinite}.orbit-b{animation-duration:45s;animation-direction:reverse}.orbit-c{animation-duration:55s}.mini-code{animation:code-float 7s ease-in-out infinite}.code-caret{animation:caret-blink 1.2s steps(1) infinite}
 .locale-menu:not([hidden]){animation:menu-enter .2s ease-out both}.chat-dialog[open]{animation:dialog-enter .3s cubic-bezier(.2,.8,.2,1) both}.chat-dialog[open]::backdrop{animation:stage-enter .3s ease-out both}.message.is-new{animation:message-enter .35s ease-out both}.welcome-message{animation:premium-enter .4s ease-out both}.faq-list details[open] p{animation:message-enter .3s ease-out both}
 .story-window.is-changing .story-subject,.story-window.is-changing .story-response,.story-window.is-changing .story-code{animation:scene-enter .55s cubic-bezier(.2,.8,.2,1) both}
 .motion-ready .reveal-target{opacity:0;translate:0 28px;transition:opacity .9s calc(var(--reveal-order,0)*70ms) ease,translate .9s calc(var(--reveal-order,0)*70ms) cubic-bezier(.2,.8,.2,1)}.motion-ready .reveal-target.is-visible{opacity:1;translate:0 0}
}
@keyframes premium-enter{from{opacity:0;translate:0 17px;filter:blur(3px)}to{opacity:1;translate:0 0;filter:blur(0)}}
@keyframes title-unfold{from{opacity:0;transform:translateY(30%) rotateX(-35deg);filter:blur(4px)}to{opacity:1;transform:translateY(0) rotateX(0);filter:blur(0)}}
@keyframes stage-enter{from{opacity:0}to{opacity:1}}
@keyframes chrome-float{0%,100%{transform:translateX(-50%) translateY(0) rotate(-12deg) rotateY(-5deg)}50%{transform:translateX(-50%) translateY(-11px) rotate(-5deg) rotateY(8deg)}}
@keyframes light-drift{from{transform:translate(-2%,1%) scale(1)}to{transform:translate(3%,-2%) scale(1.07)}}
@keyframes ring-breathe{0%,100%{opacity:.4}50%{opacity:1}}
@keyframes atom-turn{from{transform:translate(-50%,-65%) rotate(var(--atom-angle))}to{transform:translate(-50%,-65%) rotate(calc(var(--atom-angle) + 360deg))}}
@keyframes code-float{0%,100%{transform:translate(-50%,-57%) rotate(-5deg)}50%{transform:translate(-50%,-60%) rotate(-3deg)}}
@keyframes caret-blink{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes menu-enter{from{opacity:0;transform:translateY(-5px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes dialog-enter{from{opacity:0;translate:0 12px;scale:.98}to{opacity:1;translate:0 0;scale:1}}
@keyframes message-enter{from{opacity:0;translate:0 7px}to{opacity:1;translate:0 0}}
@keyframes scene-enter{from{opacity:.2;translate:0 7px;filter:blur(2px)}to{opacity:1;translate:0 0;filter:blur(0)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.motion-ready .reveal-target{opacity:1;translate:none}.product-stage{transform:none}.orbit-parallax{transform:none}.experience{height:auto;min-height:0;max-height:none}.experience-sticky{position:relative;top:auto}.button::before{display:none}.button:hover>.svg-icon,.text-button:hover>.svg-icon,.button.secondary:hover>.svg-icon,.feature-card:hover,.language-list button:hover .language-native,.language-list button:hover .language-arrow{transform:none}}
.motion-paused .product-stage{transform:none}.motion-paused .orbit-parallax{transform:none}.motion-paused .story-window.is-changing *{animation:none!important}