/* Small, transform-only movements keep the original composition intact. */
.motion-toggle{display:inline-flex;align-items:center;gap:7px;background:transparent;border:1px solid var(--line);border-radius:20px;padding:6px 11px;color:var(--muted);font-size:10px;white-space:nowrap}
.hero-note{flex-wrap:wrap}.motion-toggle:hover{border-color:var(--green);color:var(--green)}
.motion-enabled .browser-card{animation:float-birthday 7s ease-in-out infinite}
.motion-enabled .love-card{animation:float-love 8s ease-in-out -2s infinite}
.motion-enabled .art-spark{animation:soft-sparkle 4s ease-in-out infinite}
.motion-enabled .spark-two{animation-delay:-2s}
.motion-enabled .art-confetti{animation:soft-sparkle 3.8s ease-in-out infinite}
.motion-enabled .c2{animation-delay:-1.3s}.motion-enabled .c3{animation-delay:-2.5s}
.motion-enabled .candles b:before{transform-origin:center bottom;animation:candle-glow 1.8s ease-in-out infinite alternate}
.motion-enabled .candles b:nth-child(2):before{animation-delay:-.6s}.motion-enabled .candles b:nth-child(3):before{animation-delay:-1.2s}
.motion-enabled .made-badge{animation:badge-sway 9s ease-in-out infinite}
.motion-enabled .button span{transition:transform .25s ease}
.motion-enabled .button:hover span{transform:translate(3px,-3px)}
.motion-enabled .price-card{transition:transform .3s ease,box-shadow .3s ease}
.motion-enabled .price-card:hover{transform:translateY(-5px);box-shadow:0 14px 30px #43452d12}
#main-navigation a{position:relative}
#main-navigation a:after{content:'';position:absolute;left:0;right:0;bottom:-5px;height:1px;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
#main-navigation a:hover:after,#main-navigation a:focus-visible:after{transform:scaleX(1)}
.motion-off *, .motion-off *:before,.motion-off *:after{animation:none!important;transition:none!important}
html:has(.motion-off){scroll-behavior:auto}
.page-idle *, .page-idle *:before{animation-play-state:paused!important}
@keyframes float-birthday{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-10px) rotate(-4.8deg)}}
@keyframes float-love{0%,100%{transform:translateY(0) rotate(9deg)}50%{transform:translateY(-8px) rotate(7deg)}}
@keyframes soft-sparkle{0%,100%{opacity:.55;scale:.92}50%{opacity:1;scale:1.08}}
@keyframes candle-glow{from{transform:rotate(13deg) scale(.93);opacity:.75}to{transform:rotate(25deg) scale(1.08);opacity:1}}
@keyframes badge-sway{0%,100%{transform:rotate(-12deg)}50%{transform:rotate(-5deg)}}
@media(max-width:800px){#main-navigation a:after{bottom:5px;right:auto;width:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}