@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-25px)}}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 4px 20px rgba(15,212,108,.3)}50%{transform:scale(1.03);box-shadow:0 6px 25px rgba(15,212,108,.4)}}.featuresPageContainer{width:100%;background-color:#f8fcff}.container{max-width:1200px;margin:0 auto;padding:0 24px}.animateOnScroll{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.175,.885,.32,1.275),transform .8s cubic-bezier(.175,.885,.32,1.275)}.animateIn{animation:fadeIn .8s ease-out forwards}.featuresHeroSection{padding:120px 0;background:linear-gradient(135deg,#e0f8eb,#ffffff);min-height:60vh;display:flex;align-items:center;text-align:center}.heroTitle{font-size:3.8rem;font-weight:800;margin-bottom:16px;color:#1a1a1a;line-height:1.15;letter-spacing:-.03em;animation:fadeIn 1.2s ease-out forwards}.heroDescription{font-size:1.25rem;color:#555;line-height:1.7;max-width:600px;margin:0 auto}.featuresSection{padding:120px 0;background:#ffffff}.featuresGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:40px;gap:40px}.featureCard{background:#ffffff;padding:40px 32px;border-radius:20px;text-align:center;box-shadow:0 10px 40px rgba(0,0,0,.05);border:1px solid #f0f0f0;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.featureCard:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#0FD46C,#00C853);opacity:0;transition:opacity .4s ease}.featureCard:hover{transform:translateY(-12px);box-shadow:0 20px 50px rgba(15,212,108,.15)}.featureCard:hover:before{opacity:1}.featureIconContainer{margin-bottom:24px;display:flex;align-items:center;justify-content:center}.feature-icon{width:48px;height:48px}.featureTitle{font-size:1.5rem;font-weight:600;margin-bottom:16px;color:#1a1a1a;line-height:1.3}.featureDesc{color:#666;line-height:1.7;font-size:1rem;margin:0}@media (max-width:1024px){.heroTitle{font-size:2.8rem}}@media (max-width:768px){.heroTitle{font-size:2.2rem}.heroDescription{font-size:1.1rem}.featuresGrid{grid-template-columns:1fr;gap:32px}.featureCard{padding:32px 24px}}@media (max-width:480px){.heroTitle{font-size:2rem}.heroDescription{font-size:1rem}.featureCard{padding:28px 20px}.featureTitle{font-size:1.3rem}}