*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;background:linear-gradient(135deg,#1a1a1a,#2d1b00,#1a1a1a);color:#fff;overflow-x:hidden}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateY(0)}40%,43%{transform:translateY(-10px)}70%{transform:translateY(-5px)}90%{transform:translateY(-2px)}}.fade-in-up{opacity:0;animation:fadeInUp .8s ease-out forwards}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.bounce-arrow{animation:bounce 2s infinite}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.landing-page{min-height:100vh}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero-background{position:absolute;inset:0;overflow:hidden}.floating-orb{position:absolute;width:24rem;height:24rem;border-radius:50%;filter:blur(3rem);opacity:.2;animation:float 6s ease-in-out infinite}.orb-1{top:25%;left:25%;background:#f59e0b;mix-blend-mode:multiply}.orb-2{top:33%;right:25%;background:#f97316;mix-blend-mode:multiply;animation-delay:2s}.orb-3{bottom:25%;left:33%;background:#ea580c;mix-blend-mode:multiply;animation-delay:4s}.hero-content{position:relative;z-index:10;text-align:center;max-width:80rem;margin:0 auto;padding:0 1.5rem}.hero-text{display:flex;flex-direction:column;align-items:center;gap:1rem}.brand-logo{margin-bottom:2rem}.brand-title{font-size:4rem;font-weight:900;margin-bottom:.5rem;background:linear-gradient(90deg,#fbbf24,#f59e0b,#f97316);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1}.headlines{display:flex;flex-direction:column;gap:1rem;margin-bottom:3rem}.headline{font-size:3rem;font-weight:700;line-height:1.1;color:#fff}.headline-gradient{background:linear-gradient(90deg,#fbbf24,#f97316);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.cta-section{margin-bottom:5rem}.cta-button{position:relative;padding:1.25rem 3rem;font-size:1.25rem;font-weight:700;border-radius:9999px;background:linear-gradient(90deg,#f59e0b,#f97316);border:none;color:#1a1a1a;cursor:pointer;transition:all .3s ease;box-shadow:0 25px 50px -12px #00000040;text-decoration:none;display:inline-block}.cta-button:hover{background:linear-gradient(90deg,#fbbf24,#ea580c);transform:scale(1.05);box-shadow:0 25px 50px -12px #f59e0b80;color:#1a1a1a}.cta-button:before{content:"";position:absolute;inset:0;border-radius:9999px;background:#fff;opacity:0;transition:opacity .3s ease}.cta-button:hover:before{opacity:.2}.install-form,.form-group{display:flex;flex-direction:column;align-items:center;gap:1rem}.form-group label{display:flex;flex-direction:column;gap:.5rem;text-align:left;font-size:1rem}.form-group input{padding:.75rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;background:#ffffff1a;color:#fff;font-size:1rem;min-width:300px}.form-group input::placeholder{color:#fff9}.form-group input:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.scroll-indicator{margin-top:5rem}.arrow-icon{width:1.5rem;height:1.5rem;color:#f59e0b}.how-it-works{padding:8rem 0;position:relative}.section-title{font-size:3.75rem;font-weight:700;text-align:center;margin-bottom:5rem;background:linear-gradient(90deg,#fbbf24,#f97316);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:80rem;margin:0 auto}.step-card{position:relative;background:#ffffff0d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:1.5rem;padding:2rem;border:1px solid rgba(255,255,255,.1);transition:all .5s ease}.step-card:hover{background:#ffffff1a;transform:scale(1.05);border-color:#f59e0b80}.step-card-wide{grid-column:span 2}.step-number{position:absolute;top:-1.5rem;left:-1.5rem;width:4rem;height:4rem;background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:1rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#1a1a1a;box-shadow:0 25px 50px -12px #00000040}.step-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;margin-top:1rem;color:#fff}.step-description{color:#e5e7eb;line-height:1.6}.pricing-section{padding:8rem 0;position:relative}.pricing-header{text-align:center;margin-bottom:5rem}.pricing-subtitle{font-size:1.25rem;color:#e5e7eb}.pricing-card{position:relative;max-width:32rem;margin:0 auto;background:linear-gradient(135deg,#f59e0b33,#f9731633);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:1.5rem;padding:3rem;border:2px solid rgba(245,158,11,.5);box-shadow:0 25px 50px -12px #00000040}.pricing-glow{position:absolute;inset:0;background:linear-gradient(135deg,#f59e0b33,#f9731633);border-radius:1.5rem;filter:blur(2rem)}.pricing-content{position:relative;z-index:10}.price-display{text-align:center;margin-bottom:2.5rem}.price-amount{font-size:4.5rem;font-weight:900}.price-number{background:linear-gradient(90deg,#fbbf24,#f97316);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.price-period{font-size:1.875rem;color:#d1d5db}.features-list{list-style:none;margin-bottom:2.5rem}.feature-item{display:flex;align-items:center;font-size:1.125rem;margin-bottom:1.25rem;color:#fff}.check-icon{width:1.5rem;height:1.5rem;color:#10b981;margin-right:1rem;flex-shrink:0}.pro-tip{background:linear-gradient(90deg,#f59e0b33,#f9731633);border-radius:1rem;padding:1.5rem;text-align:center;border:1px solid rgba(245,158,11,.3)}.tip-icon{font-weight:700;color:#fbbf24}.tip-highlight{font-weight:700;color:#f97316}.final-cta{padding:8rem 0;position:relative}.cta-content{text-align:center;max-width:64rem;margin:0 auto}.cta-title{font-size:3rem;font-weight:700;margin-bottom:2rem;color:#fff}.footer{padding:3rem 0;border-top:1px solid rgba(255,255,255,.1)}.footer-content{text-align:center;color:#d1d5db}.footer-content p{margin-bottom:.5rem}@media (max-width: 768px){.brand-title{font-size:3rem}.headline{font-size:2.5rem}.section-title{font-size:3rem}.steps-grid{grid-template-columns:1fr}.step-card-wide{grid-column:span 1}.cta-title{font-size:2.5rem}.form-group input{min-width:250px}}@media (max-width: 480px){.brand-title{font-size:2.5rem}.headline{font-size:2rem}.section-title{font-size:2.5rem}.cta-button{padding:1rem 2rem;font-size:1rem}.form-group input{min-width:200px}}