@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap");@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes gradient-x{0%,to{background-size:200% 200%;background-position:0}50%{background-size:200% 200%;background-position:100%}}.animate-float{animation:float 3s ease-in-out infinite}.animate-gradient-x{animation:gradient-x 3s ease infinite;background-size:200% 200%}@keyframes wave{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(-2px);opacity:.8}}.animate-wave{animation:wave 2s ease-in-out infinite}@media (max-width:768px){.hero-grid{grid-template-columns:1fr;gap:2rem}.hero-text{text-align:center;order:1}.hero-showcase{order:2}.before-after-container{flex-direction:column;gap:1.5rem}.input-section,.output-section{width:100%}.arrow-container{transform:rotate(90deg);margin:1rem 0}.stats-grid{grid-template-columns:2fr;gap:1rem}.pricing-grid{grid-template-columns:1fr;gap:1rem}.nav-links{display:none}.hero-title{font-size:2.5rem;line-height:1.2}.hero-subtitle{font-size:1.5rem}}@media (max-width:640px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1.25rem}.examples-grid,.stats-grid{grid-template-columns:1fr}}