body,html{width:100%;margin:0;padding:0;box-sizing:border-box}@media (max-width: 900px){.main-container,.App,.HomePage{padding:0 8px}nav{padding:6px 8px!important;min-height:unset!important;height:auto!important;overflow-x:unset!important;white-space:normal!important;display:block!important;max-width:100vw!important}nav .nav-inner,nav>div{flex-wrap:nowrap!important;overflow-x:auto!important;white-space:nowrap!important;width:100vw!important}nav a,nav .nav-link,nav button,nav .nav-btn{font-size:15px!important;padding:6px 0!important;margin:0!important;height:auto!important;min-height:32px!important;line-height:1.2!important;display:inline-block!important;min-width:90px!important;text-align:center!important}nav img{height:28px!important;margin-right:4px!important}nav{max-height:56px!important;overflow-y:visible!important}.hero-section,section[style*="min-height: 100vh"]{flex-direction:column!important;padding:40px 8px 20px!important;min-height:unset!important}.hero-section h1,section[style*="min-height: 100vh"] h1{font-size:32px!important;text-align:center!important}.hero-section p,section[style*="min-height: 100vh"] p{font-size:16px!important;text-align:center!important}.grid,[style*=grid-template-columns]{grid-template-columns:1fr!important;gap:20px!important}.indicator-card,.feature-card,.benefit-card{min-width:90vw!important;margin:0 auto 20px!important}img,.indicator-image{width:100%!important;height:auto!important;max-width:100%!important}h2,h3{font-size:24px!important;text-align:center!important}button,a[role=button],.cta-btn{width:100%!important;font-size:16px!important;padding:12px 0!important;margin-bottom:12px!important}input,textarea{font-size:16px!important;width:100%!important;box-sizing:border-box!important}.faq-card,.card,.benefit-card{padding:16px!important;font-size:15px!important}footer img,.footer-logo{height:40px!important;width:auto!important;max-width:180px!important;margin-bottom:8px!important;display:block!important}}@media (max-width: 480px){nav .nav-inner,nav>div{gap:6px!important}h1,h2,h3{font-size:18px!important}.indicator-card,.feature-card,.benefit-card{min-width:98vw!important}section,.main-container{padding:4px!important}}.animated-element{will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0)}.fade-in-up{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in-up.visible{opacity:1;transform:translateY(0)}.scale-in{opacity:0;transform:scale(.95);transition:opacity .6s ease-out,transform .6s ease-out}.scale-in.visible{opacity:1;transform:scale(1)}.slide-in-left{opacity:0;transform:translate(-30px);transition:opacity .6s ease-out,transform .6s ease-out}.slide-in-left.visible{opacity:1;transform:translate(0)}.slide-in-right{opacity:0;transform:translate(30px);transition:opacity .6s ease-out,transform .6s ease-out}.slide-in-right.visible{opacity:1;transform:translate(0)}.rotate-in{opacity:0;transform:rotate(-5deg);transition:opacity .6s ease-out,transform .6s ease-out}.rotate-in.visible{opacity:1;transform:rotate(0)}.stagger-1{animation-delay:.03s}.stagger-2{animation-delay:.06s}.stagger-3{animation-delay:.09s}.stagger-4{animation-delay:.12s}.stagger-5{animation-delay:.15s}.stagger-6{animation-delay:.18s}.text-fade-in{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.text-fade-in.visible{opacity:1;transform:translateY(0)}.card-rotate-in{opacity:0;transform:translateY(20px) rotateX(-5deg);transition:opacity .6s ease-out,transform .6s ease-out}.card-rotate-in.visible{opacity:1;transform:translateY(0) rotateX(0)}.image-scale-in{opacity:0;transform:scale(.9);transition:opacity .7s ease-out,transform .7s ease-out}.image-scale-in.visible{opacity:1;transform:scale(1)}*{box-sizing:border-box}@media (prefers-reduced-motion: no-preference){.animated-element{will-change:transform,opacity}}@media (prefers-reduced-motion: reduce){.fade-in-up,.scale-in,.slide-in-left,.slide-in-right,.rotate-in,.text-fade-in,.card-rotate-in,.image-scale-in{opacity:1;transform:none;transition:none}}@tailwind base;@tailwind components;@tailwind utilities;body{margin:0;padding:0;font-family:Inter,sans-serif}