*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#1a1a1a;background-color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 20px}.hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden}.hero .container{display:grid;zzgrid-template-columns:1fr 1fr;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:60px;align-items:center;position:relative}.logo-section{position:absolute;top:20px;left:20px;z-index:1000}.logo{height:80px;width:auto}.hero-title{font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:24px}.hero-subtitle{font-size:1.25rem;font-weight:400;line-height:1.5;margin-bottom:32px;opacity:.95}.cta-button{background:#ff6b6b;color:#fff;border:none;padding:16px 32px;font-size:1.1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease;display:inline-block;text-decoration:none}.cta-button:hover{background:#ff5252;transform:translateY(-2px);box-shadow:0 8px 25px #ff6b6b4d}.cta-button.large{padding:20px 40px;font-size:1.2rem}.hero-visual{display:flex;justify-content:center;align-items:center;flex:1;min-width:0}.hero-visual img{max-width:100%;height:auto;display:block}.bulb-animation{position:relative;width:200px;height:300px}.smart-bulb{width:120px;height:180px;background:#f8f9fa;border-radius:60px 60px 20px 20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 30px #0000001a}.smart-bulb:before{content:"";position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:60px;height:20px;background:#e9ecef;border-radius:10px}.light-flash{position:absolute;top:20px;left:50%;transform:translate(-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,0,.3) 0%,transparent 70%);border-radius:50%;animation:flash 2s infinite ease-in-out}@keyframes flash{0%,50%{opacity:0;transform:translate(-50%) scale(.8)}25%{opacity:1;transform:translate(-50%) scale(1.2)}to{opacity:0;transform:translate(-50%) scale(.8)}}.benefits{padding:100px 0;background:#f8f9fa}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.benefit{text-align:center;padding:40px 20px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000000d;transition:transform .2s ease}.benefit:hover{transform:translateY(-5px)}.benefit-icon{font-size:3rem;margin-bottom:20px}.benefit h3{font-size:1.5rem;font-weight:600;margin-bottom:12px;color:#2c3e50}.benefit p{font-size:1rem;color:#6c757d}.how-it-works{padding:100px 0}.how-it-works h2{text-align:center;font-size:2.5rem;font-weight:600;margin-bottom:60px;color:#2c3e50}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.step{text-align:center;padding:40px 20px}.step-number{width:60px;height:60px;background:#667eea;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600;margin:0 auto 20px}.step h3{font-size:1.3rem;font-weight:600;margin-bottom:12px;color:#2c3e50}.step p{color:#6c757d}.testimonials{padding:100px 0;background:#f8f9fa}.testimonials h2{text-align:center;font-size:2.5rem;font-weight:600;margin-bottom:60px;color:#2c3e50}.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:40px}.testimonial{background:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 20px #0000000d}.testimonial blockquote{font-size:1.2rem;font-style:italic;margin-bottom:20px;color:#2c3e50;line-height:1.6}.testimonial cite{font-weight:500;color:#6c757d;font-style:normal}.cta-section{padding:100px 0;text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.cta-section h2{font-size:2.5rem;font-weight:600;margin-bottom:40px}.sticky-cta{position:fixed;bottom:20px;right:20px;z-index:1000;opacity:0;animation:slideUp .5s ease 2s forwards}@keyframes slideUp{to{opacity:1;transform:translateY(0)}0%{opacity:0;transform:translateY(20px)}}@media (max-width: 768px){.hero-content{margin-top:30px}.logo-section{position:unset;top:20px;left:20px;z-index:1000;padding-top:10px;text-align:center}.hero-visual img{max-width:95%!important}.hero .container{grid-template-columns:1fr;text-align:center;gap:40px;padding-bottom:30px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.benefits-grid,.steps,.testimonial-grid{grid-template-columns:1fr}.testimonial-grid .testimonial{min-width:auto}.container{padding:0 15px}.benefits,.how-it-works,.testimonials,.cta-section{padding:60px 0}.how-it-works h2,.testimonials h2,.cta-section h2{font-size:2rem}.sticky-cta{bottom:15px;right:15px}}@media (max-width: 480px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.cta-button{padding:14px 24px;font-size:1rem}.cta-button.large{padding:16px 32px;font-size:1.1rem}}