:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#10b981;--color-secondary:#047857;--color-accent:#3b82f6;--color-bg:#fff;--color-bg-alt:#f9fafb;--color-text:#111827;--color-text-muted:#6b7280;--color-border:#e5e7eb}html{scroll-behavior:smooth;max-width:100vw;overflow-x:hidden}body{color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:100vw;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Inter,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;overflow-x:hidden}.app{width:100%;max-width:100vw;overflow-x:hidden}.animate-on-scroll{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(30px)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);z-index:1000;background:#fffffff2;width:100%;max-width:100vw;transition:all .3s;position:fixed;top:0}.navbar.scrolled{background:#fffffffa;box-shadow:0 4px 12px #00000014}.nav-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:16px 20px;display:flex}.logo{color:var(--color-primary);letter-spacing:-.01em;align-items:center;gap:8px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;font-size:24px;font-weight:700;display:flex}.logo-icon{font-size:28px}.nav-links{align-items:center;gap:24px;display:flex}.nav-links a{color:var(--color-text);white-space:nowrap;font-size:15px;font-weight:500;text-decoration:none;transition:color .3s}.nav-links a:hover{color:var(--color-primary)}.mobile-menu-btn{cursor:pointer;background:0 0;border:none;font-size:24px;display:none}.mobile-menu{background:var(--color-bg);border-top:1px solid var(--color-border);flex-direction:column;padding:16px 20px;display:none}.mobile-menu a{color:var(--color-text);border-bottom:1px solid var(--color-border);padding:12px 0;font-weight:500;text-decoration:none}.hero{text-align:center;background:linear-gradient(135deg,#e0f2fe 0%,#f0fdf4 100%);justify-content:center;align-items:center;width:100%;max-width:100vw;min-height:600px;padding:140px 20px 80px;display:flex;overflow:hidden}.hero-content{max-width:900px;margin:0 auto}.hero-badge{color:var(--color-primary);background:#fff;border-radius:50px;margin-bottom:24px;padding:8px 20px;font-size:14px;font-weight:600;display:inline-block;box-shadow:0 4px 12px #00000014}.hero h1{color:var(--color-text);letter-spacing:-.02em;margin-bottom:24px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;font-size:56px;font-weight:800;line-height:1.1}.hero-subtitle{color:var(--color-text-muted);max-width:700px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:20px;font-weight:400;line-height:1.6}.hero-subtitle strong{color:var(--color-primary);font-weight:700}.hero-cta{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:60px;display:flex}.hero-stats{flex-wrap:wrap;justify-content:center;gap:40px;margin-top:60px;display:flex}.stat{text-align:center}.stat-number{color:var(--color-primary);margin-bottom:8px;font-size:36px;font-weight:700}.stat-label{color:var(--color-text-muted);font-size:14px;font-weight:500}.stats-bar{border-bottom:1px solid var(--color-border);background:#fff;padding:40px 20px}.stats-content{grid-template-columns:repeat(4,1fr);gap:40px;max-width:1200px;margin:0 auto;display:grid}.stat-item{align-items:center;gap:16px;display:flex}.stat-icon{flex-shrink:0;font-size:36px}.stat-info{text-align:left}.stat-value{color:var(--color-primary);margin-bottom:4px;font-size:24px;font-weight:700}.stat-desc{color:var(--color-text-muted);font-size:14px}.btn-primary,.btn-secondary,.btn-product{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:14px 32px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-large{padding:16px 40px;font-size:17px}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-secondary);transform:translateY(-2px);box-shadow:0 8px 16px #10b9814d}.btn-arrow{font-size:20px;transition:transform .3s}.btn-primary:hover .btn-arrow{transform:translate(4px)}.btn-secondary{color:var(--color-primary);border:2px solid var(--color-primary);background:#fff}.btn-secondary:hover{background:var(--color-primary);color:#fff}.btn-product{background:var(--color-accent);color:#fff;width:100%}.btn-product:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 8px 16px #3b82f64d}.section{width:100%;max-width:1200px;margin:0 auto;padding:80px 20px;overflow:hidden}.section-badge{background:var(--color-bg-alt);color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;border-radius:20px;margin-bottom:16px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-block}.section-header{text-align:center;margin-bottom:60px}.section-header h2{letter-spacing:-.02em;margin-bottom:16px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;font-size:42px;font-weight:700}.section-header p{color:var(--color-text-muted);font-size:18px}.products-section{background:var(--color-bg-alt);width:100%;max-width:100vw;overflow:hidden}.products-grid{grid-template-columns:repeat(3,1fr);gap:24px;max-width:100%;display:grid}.product-card{border:2px solid var(--color-border);background:#fff;border-radius:16px;padding:32px 24px;transition:all .3s;position:relative}.product-card:hover{border-color:var(--color-primary);transform:translateY(-8px);box-shadow:0 20px 40px #0000001f}.product-card.popular{border-color:var(--color-primary);box-shadow:0 8px 24px #10b98126}.popular-badge{background:var(--color-primary);color:#fff;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:600;position:absolute;top:-12px;right:20px}.product-header{border-bottom:2px solid var(--color-bg-alt);margin-bottom:20px;padding-bottom:20px}.product-card h3{color:var(--color-text);margin-bottom:12px;font-size:24px}.product-power{color:var(--color-primary);margin-bottom:8px;font-size:36px;font-weight:700}.product-price{color:var(--color-text);margin-bottom:0;font-size:28px;font-weight:700}.product-specs{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.spec-item{background:var(--color-bg-alt);border-radius:8px;align-items:center;gap:12px;padding:10px;display:flex}.spec-icon{font-size:20px}.spec-label{color:var(--color-text-muted);font-size:12px;font-weight:500}.spec-value{color:var(--color-text);font-size:14px;font-weight:600}.product-ideal{color:var(--color-accent);background:#dbeafe;border-radius:8px;margin-bottom:20px;padding:12px;font-size:14px}.product-features{margin:24px 0;list-style:none}.product-features li{color:var(--color-text);border-bottom:1px solid var(--color-bg-alt);padding:10px 0;font-size:15px}.product-features li:last-child{border-bottom:none}.features-section{background:#fff}.features-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.feature-card{text-align:center;background:var(--color-bg-alt);border-radius:16px;padding:32px 24px;transition:all .3s}.feature-card:hover{background:#fff;transform:translateY(-4px);box-shadow:0 12px 32px #0000001a}.feature-icon{margin-bottom:16px;font-size:48px}.feature-card h3{color:var(--color-text);margin-bottom:12px;font-size:20px}.feature-card p{color:var(--color-text-muted);font-size:15px;line-height:1.6}.how-section{background:var(--color-bg-alt);width:100%;max-width:100vw;overflow:hidden}.how-grid{grid-template-columns:repeat(4,1fr);gap:24px;max-width:100%;display:grid}.how-card{text-align:center;background:#fff;border-radius:16px;padding:32px 20px;transition:all .3s;position:relative}.how-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001a}.how-number{background:var(--color-bg-alt);width:40px;height:40px;color:var(--color-primary);border-radius:8px;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex;position:absolute;top:16px;left:16px}.how-icon{margin:20px 0;font-size:48px}.how-card h3{margin-bottom:12px;font-size:20px}.how-card p{color:var(--color-text-muted);font-size:15px;line-height:1.6}.dashboard-section{background:#fff;width:100%;max-width:100vw;overflow:hidden}.dashboard-content{grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:100%;display:grid}.dashboard-text{max-width:100%}.dashboard-text h2{margin-bottom:20px;font-size:38px}.dashboard-text p{color:var(--color-text-muted);margin-bottom:28px;font-size:18px}.dashboard-features{margin-bottom:32px;list-style:none}.dashboard-features li{color:var(--color-text);align-items:center;gap:12px;padding:12px 0;font-size:16px;display:flex}.feature-check{color:var(--color-primary);font-size:18px;font-weight:700}.dashboard-image{max-width:100%}.dashboard-mockup{border:1px solid var(--color-border);background:#fff;border-radius:16px;max-width:100%;overflow:hidden;box-shadow:0 20px 60px #00000026}.mockup-header{border-bottom:1px solid var(--color-border);background:#f3f4f6;align-items:center;gap:8px;padding:12px 16px;display:flex}.mockup-dot{border-radius:50%;width:12px;height:12px}.mockup-dot.red{background:#ef4444}.mockup-dot.yellow{background:#f59e0b}.mockup-dot.green{background:#10b981}.mockup-title{margin-left:8px;font-size:14px;font-weight:600}.mockup-content{gap:20px;padding:32px 20px;display:grid}.mock-card{background:var(--color-bg-alt);border-radius:12px;max-width:100%;padding:20px;transition:all .3s}.mock-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.mock-card.highlight{border:2px solid var(--color-primary);background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%)}.mock-label{color:var(--color-text-muted);margin-bottom:8px;font-size:13px;font-weight:500}.mock-value{color:var(--color-primary);font-size:32px;font-weight:700}.mock-trend{color:var(--color-text-muted);margin-top:4px;font-size:13px}.mock-trend.up{color:var(--color-primary);font-weight:600}.why-section{background:var(--color-bg-alt)}.why-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.why-card{text-align:center;background:#fff;border-radius:16px;padding:40px 32px;transition:all .3s}.why-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001a}.why-icon{margin-bottom:20px;font-size:56px}.why-card h3{margin-bottom:16px;font-size:22px}.why-card p{color:var(--color-text-muted);font-size:15px;line-height:1.6}.installation-section{background:#fff;width:100%;max-width:100vw;overflow:hidden}.installation-grid{grid-template-columns:repeat(3,1fr);gap:24px;max-width:100%;display:grid}.install-card{background:var(--color-bg-alt);text-align:center;border-radius:16px;padding:32px;transition:all .3s}.install-card:hover{background:#fff;transform:translateY(-4px);box-shadow:0 12px 32px #0000001a}.install-icon{margin-bottom:16px;font-size:48px}.install-card h3{margin-bottom:16px;font-size:22px}.install-card p{color:var(--color-text-muted);font-size:15px;line-height:1.6}.roi-section{text-align:center;background:linear-gradient(135deg,#dbeafe 0%,#d1fae5 100%);width:100%;max-width:100vw;overflow:hidden}.roi-content h2{margin-bottom:12px;font-size:38px}.roi-content>p{color:var(--color-text-muted);margin-bottom:40px;font-size:18px}.roi-calculator{background:#fff;border-radius:16px;max-width:700px;margin:0 auto;padding:40px;box-shadow:0 12px 40px #0000001f}.calculator-input label{text-align:left;margin-bottom:16px;font-size:16px;font-weight:600;display:block}.input-group{flex-direction:column;gap:16px;margin-bottom:32px;display:flex}.slider{background:var(--color-bg-alt);-webkit-appearance:none;border-radius:5px;outline:none;width:100%;height:8px}.slider::-webkit-slider-thumb{appearance:none;background:var(--color-primary);cursor:pointer;border-radius:50%;width:20px;height:20px}.slider::-moz-range-thumb{background:var(--color-primary);cursor:pointer;border-radius:50%;width:20px;height:20px}.number-input{border:2px solid var(--color-border);text-align:center;border-radius:8px;padding:14px 16px;font-size:20px;font-weight:600}.calculator-results{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.result-card{background:var(--color-bg-alt);border-radius:12px;padding:24px;transition:all .3s}.result-card:hover{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);transform:translateY(-2px)}.result-icon{margin-bottom:8px;font-size:32px}.result-label{color:var(--color-text-muted);margin-bottom:8px;font-size:13px;font-weight:500}.result-value{color:var(--color-primary);font-size:28px;font-weight:700}.testimonials-section{background:var(--color-bg-alt)}.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.testimonial-card{background:#fff;border-radius:16px;padding:32px;transition:all .3s}.testimonial-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001a}.testimonial-rating{margin-bottom:16px;font-size:20px}.testimonial-text{color:var(--color-text);margin-bottom:24px;font-size:16px;font-style:italic;line-height:1.7}.testimonial-author{align-items:center;gap:16px;display:flex}.author-avatar{background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:700;display:flex}.author-name{font-size:16px;font-weight:600}.author-location{color:var(--color-text-muted);font-size:14px}.contact-section{background:#fff;width:100%;max-width:100vw;overflow:hidden}.contact-content{grid-template-columns:1fr 1fr;gap:60px;max-width:100%;display:grid}.contact-info{max-width:100%}.contact-info h2{margin-bottom:20px;font-size:38px}.contact-info>p{color:var(--color-text-muted);margin-bottom:40px;font-size:16px}.contact-details{flex-direction:column;gap:24px;display:flex}.contact-item{background:var(--color-bg-alt);border-radius:12px;align-items:flex-start;gap:16px;padding:20px;display:flex}.contact-icon{flex-shrink:0;font-size:24px}.contact-item strong{margin-bottom:4px;font-size:16px;display:block}.contact-item p{color:var(--color-text-muted);font-size:15px}.contact-form{flex-direction:column;gap:16px;max-width:100%;display:flex}.contact-form input,.contact-form select,.contact-form textarea{border:2px solid var(--color-border);border-radius:8px;width:100%;max-width:100%;padding:14px 16px;font-family:inherit;font-size:15px;transition:border-color .3s}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--color-primary);outline:none}.contact-form button{width:100%;margin-top:8px}.footer{color:#fff;background:#111827;width:100%;max-width:100vw;padding:60px 20px 24px;overflow:hidden}.footer-content{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;max-width:1200px;margin:0 auto 40px;display:grid}.footer-section h3{align-items:center;gap:8px;margin-bottom:16px;font-size:20px;display:flex}.footer-section h4{margin-bottom:16px;font-size:16px;font-weight:600}.footer-section p{color:#9ca3af;margin-bottom:20px;font-size:14px;line-height:1.6}.footer-social{gap:12px;display:flex}.footer-social a{background:#374151;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;transition:all .3s;display:flex}.footer-social a:hover{background:var(--color-primary);transform:translateY(-2px)}.footer-section a{color:#9ca3af;margin-bottom:10px;font-size:14px;text-decoration:none;transition:color .3s;display:block}.footer-section a:hover{color:var(--color-primary)}.footer-bottom{text-align:center;border-top:1px solid #374151;max-width:1200px;margin:0 auto;padding-top:24px}.footer-bottom p{color:#9ca3af;font-size:14px}@media (max-width:768px){.nav-links{display:none}.mobile-menu-btn{display:block}.mobile-menu{display:flex}.hero{padding:100px 16px 60px}.hero h1{font-size:32px}.hero-subtitle{font-size:16px}.hero-cta{flex-direction:column;align-items:stretch}.hero-stats{flex-direction:column;gap:24px}.stats-content{grid-template-columns:1fr;gap:24px}.section{padding:60px 16px}.section-header h2{font-size:32px}.products-grid,.features-grid,.how-grid{grid-template-columns:1fr}.dashboard-content{grid-template-columns:1fr;gap:40px}.dashboard-text h2{font-size:28px}.dashboard-text p{font-size:16px}.why-grid,.installation-grid{grid-template-columns:1fr}.roi-content h2{font-size:28px}.calculator-results,.testimonials-grid,.contact-content{grid-template-columns:1fr}.contact-info h2{font-size:28px}.footer-content{grid-template-columns:1fr;gap:32px}}