.scroll-progress{position:absolute;left:0;bottom:-1px;height:2px;width:100%;transform:scaleX(0);transform-origin:left;background:var(--accent);pointer-events:none}.star-object{animation:star-float 10s ease-in-out infinite}.polygon-one{animation:polygon-turn 20s linear infinite}.polygon-two{animation:polygon-turn 25s linear infinite reverse}.showcase-assistant{animation:card-float 8s ease-in-out infinite}.button:after{content:'';position:absolute;top:-80%;left:-70%;height:250%;width:40%;transform:rotate(25deg);background:linear-gradient(90deg,transparent,#ffffff25,transparent);transition:left .65s;pointer-events:none}.button:hover:after{left:140%}.button>span{transition:transform .25s}.button:hover>span{transform:translate(2px,-2px)}.showcase-screen{perspective:1200px}.showcase .browser{transition:transform .7s cubic-bezier(.2,.7,.2,1)}.showcase:hover .browser{transform:rotate(-2deg) rotateY(-3deg)}.price-card{transition:background .3s}.price-card:hover{background:#e9eae3}.price-card.featured:hover{background:#e1e7d7}.benefits article h3{transition:translate .3s}.benefits article:hover h3{translate:5px 0}.motion-enabled .reveal-item{opacity:0;translate:var(--reveal-x,0px) 32px;transition:opacity .7s ease,translate .95s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms)}.motion-enabled .reveal-item.revealed{opacity:1;translate:0 0}.motion-enabled .hero-copy>*{animation:enter 1s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--intro-delay,0ms)}.motion-enabled .hero-visual{animation:enter 1.2s cubic-bezier(.16,1,.3,1) both}.star-symbol{transition:transform .7s cubic-bezier(.2,.8,.2,1)}@keyframes enter{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes star-float{0%,100%{transform:translateY(0) rotate(-14deg)}50%{transform:translateY(-12px) rotate(-4deg)}}@keyframes polygon-turn{to{rotate:360deg}}@keyframes card-float{0%,100%{translate:0 0}50%{translate:0 -7px}}@media(max-width:550px){.star-object{animation-duration:14s}.showcase-assistant{animation:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.motion-enabled .reveal-item{opacity:1;translate:none}.motion-enabled .hero-copy>*,.motion-enabled .hero-visual{opacity:1;transform:none}.scroll-progress{display:none}.star-symbol{transform:none!important}}

/* Inset belongs to the resting layout, so hover never moves the content. */
.pricing-grid{gap:12px}.price-card,.price-card.featured{padding:32px 24px;margin:0 -24px;border-radius:15px}.price-card:focus-within{background:#e9eae3}.price-card.featured:focus-within{background:#e1e7d7}.parallax-card{transform:translate3d(0,var(--parallax-y,0px),0)}
@media(max-width:850px){.price-card,.price-card.featured{padding:28px 20px;margin:0 -20px}.parallax-card{transform:none}}
@media(max-width:550px){.pricing-grid{gap:14px}.price-card,.price-card.featured{padding:27px 18px;margin:0;border-radius:13px}.motion-enabled .reveal-item{translate:0 22px}.motion-enabled .reveal-item.revealed{translate:0 0}}
@media(prefers-reduced-motion:reduce){.parallax-card{transform:none!important}.motion-enabled .reveal-item{opacity:1;translate:none!important}}
