*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;max-width:100vw;overflow-x:hidden}body{color:#f5f4f0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a0a;max-width:100vw;overflow-x:hidden}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-pulse-dot{animation:1.5s ease-in-out infinite pulse-dot}.hero-badge{opacity:0;animation:.6s .1s forwards fade-in-up}.hero-title{opacity:0;animation:.6s .25s forwards fade-in-up}.hero-sub{opacity:0;animation:.6s .4s forwards fade-in-up}.hero-buttons{opacity:0;animation:.6s .55s forwards fade-in-up}.hero-mockup{opacity:0;animation:.7s .7s forwards fade-in-up}.section-reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(32px)}.section-reveal.visible{opacity:1;transform:translateY(0)}.feature-card{transition:border-color .2s,transform .2s}.feature-card:hover{transform:translateY(-4px);border-color:#ffe500!important}.payment-card{transition:border-color .2s,transform .2s}.payment-card:hover{transform:translateY(-4px);border-color:#ffe500!important}.plan-card{transition:transform .2s}.plan-card:hover{transform:translateY(-4px)}.navbar-scrolled{-webkit-backdrop-filter:blur(12px);background-color:#0a0a0ad9!important}