:root{--brand-green:#17a04a;--deep-green:#0f5c31;--light-green:#5ed18a;--ink-dark:#14251c;--text-body:#4a5a50;--text-dark:#2b3c32;--bg-page:#fbfaf6;--bg-alt:#f2f0e8;--bg-card:#fffdf9;--primary:#17a04a;--primary-light:#5ed18a;--primary-dark:#0f5c31;--accent:#17a04a;--accent-light:#17a04a14;--secondary:#14251c;--bg-main:#fbfaf6;--bg-surface:#fffdf9;--text-main:#14251c;--text-muted:#4a5a50;--text-light:#fbfaf6;--border-color:#14251c1f;--border-focus:var(--primary);--shadow-sm:0 2px 4px #14251c0a;--shadow-md:0 6px 18px #14251c0f;--shadow-lg:0 16px 36px #14251c1a;--font-sans:"DM Sans", Helvetica, Arial, sans-serif;--font-serif:"Instrument Serif", Georgia, serif;--font-heading:"Instrument Serif", Georgia, serif;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);scroll-behavior:smooth}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--secondary);margin-top:0;font-weight:700;line-height:1.25}a{color:var(--primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-light)}.app-container{flex-direction:column;min-height:100vh;display:flex}main{flex-grow:1}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:80px 0}@media (width<=768px){.section{padding:48px 0}}.grid{gap:32px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (width<=992px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.navbar{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:100;transition:all var(--transition-normal);background-color:#ffffffe6;position:sticky;top:0}.navbar-container{justify-content:space-between;align-items:center;height:80px;display:flex}.logo-link{align-items:center;gap:12px;display:flex}.logo-img{object-fit:contain;width:auto;height:48px}.logo-text{font-family:var(--font-heading);color:var(--primary);letter-spacing:-.5px;font-size:22px;font-weight:800}.nav-links{align-items:center;gap:32px;display:flex}.nav-link{color:var(--secondary);padding:8px 0;font-size:15px;font-weight:600;position:relative}.nav-link:after{content:"";background-color:var(--primary);width:0;height:2px;transition:width var(--transition-normal);position:absolute;bottom:0;left:0}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-link.active{color:var(--primary)}.nav-cta{align-items:center;gap:16px;display:flex}.nav-toggle{color:var(--secondary);cursor:pointer;background:0 0;border:none;padding:8px;display:none}@media (width<=768px){.nav-links{background-color:var(--bg-surface);border-bottom:1px solid var(--border-color);width:100%;box-shadow:var(--shadow-lg);flex-direction:column;gap:20px;padding:24px;display:none;position:absolute;top:80px;left:0}.nav-links.open{display:flex}.nav-cta{display:none}.nav-toggle{display:block}}.btn{font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--primary);color:var(--text-light);box-shadow:0 4px 6px #2e7d3226}.btn-primary:hover{background-color:var(--primary-light);color:var(--text-light);transform:translateY(-2px);box-shadow:0 6px 12px #2e7d3240}.btn-secondary{background-color:var(--accent-light);color:var(--primary);border:1px solid #2e7d3226}.btn-secondary:hover{background-color:#2e7d321a;transform:translateY(-2px)}.btn-outline{color:var(--secondary);border:2px solid var(--border-color);background-color:#0000}.btn-outline:hover{border-color:var(--secondary);background-color:#00000005}.btn-lg{border-radius:var(--radius-lg);padding:16px 32px;font-size:16px}.btn-phone{color:#fff;background-color:#25d366}.btn-phone:hover{background-color:#20ba5a;transform:translateY(-2px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.hero{background:linear-gradient(135deg, var(--primary-dark) 0%, #124927 100%);color:var(--text-light);text-align:center;padding:100px 0 120px;position:relative;overflow:hidden}.hero:after{content:"";background:var(--bg-main);clip-path:polygon(0 100%,100% 100%,100% 0);height:48px;position:absolute;bottom:0;left:0;right:0}.hero-content{z-index:2;max-width:800px;margin:0 auto;position:relative}.hero-badge{color:var(--accent-light);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff1a;border:1px solid #fff3;margin-bottom:24px;padding:8px 16px;font-size:14px;font-weight:600;display:inline-block}.hero-title{color:var(--text-light);letter-spacing:-1.5px;margin-bottom:24px;font-size:56px;font-weight:800;line-height:1.15}.hero-subtitle{color:#ffffffd9;margin-bottom:40px;font-size:20px;font-weight:400}.hero-actions{justify-content:flex-start;gap:16px;display:flex}.hero-grid{z-index:2;text-align:left;grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid;position:relative}.hero-text-content{max-width:600px}.hero-image-wrapper{position:relative}.hero-image-card{border-radius:var(--radius-lg);background-color:var(--primary-dark);border:3px solid #ffffff26;position:relative;overflow:hidden;box-shadow:0 20px 40px #0006}.hero-image{object-fit:cover;width:100%;height:380px;transition:transform .5s;display:block}.hero-image-card:hover .hero-image{transform:scale(1.03)}.hero-image-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-md);color:#fff;background:#0f2d19e0;border:1px solid #fff3;align-items:center;gap:12px;padding:12px 16px;display:flex;position:absolute;bottom:16px;left:16px;right:16px}.badge-icon{font-size:24px}.badge-text strong{color:var(--accent-light);font-size:14px;display:block}.badge-text span{color:#fffc;font-size:12px}@media (width<=992px){.hero-grid{text-align:center;grid-template-columns:1fr;gap:40px}.hero-text-content{max-width:100%;margin:0 auto}.hero-actions{justify-content:center}.hero-image{height:320px}}@media (width<=768px){.hero{padding:64px 0 80px}.hero-title{letter-spacing:-.5px;font-size:38px}.hero-subtitle{font-size:17px}.hero-actions{flex-direction:column;align-items:stretch;gap:12px;max-width:320px;margin:0 auto}}.services-section{background-color:var(--bg-main)}.section-header{text-align:center;max-width:600px;margin:0 auto 56px}.section-badge{color:var(--primary);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:12px;font-size:14px;font-weight:700;display:block}.section-title{margin-bottom:16px;font-size:36px}.section-description{color:var(--text-muted);font-size:16px}.card{background-color:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);text-align:left;flex-direction:column;padding:32px;display:flex}.card:hover{box-shadow:var(--shadow-lg);border-color:#2e7d3226;transform:translateY(-8px)}.card-icon{background-color:var(--accent-light);color:var(--primary);border-radius:var(--radius-md);justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:24px;font-size:24px;display:flex}.card-title{margin-bottom:12px;font-size:20px;font-weight:700}.card-description{color:var(--text-muted);flex-grow:1;margin-bottom:24px;font-size:15px}.card-link{align-items:center;gap:8px;font-weight:600;display:inline-flex}.card-highlight{background:linear-gradient(135deg, var(--bg-surface) 50%, var(--accent-light) 100%);border:2px solid var(--primary-light);position:relative;overflow:hidden}.card-highlight:before{content:"NEW FEATURE";background-color:var(--primary);color:#fff;letter-spacing:.5px;padding:4px 30px;font-size:9px;font-weight:700;position:absolute;top:15px;right:-30px;transform:rotate(45deg)}.about-section{background-color:var(--bg-alt)}.about-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:64px;display:grid}@media (width<=992px){.about-grid{grid-template-columns:1fr;gap:40px}}.about-content{text-align:left}.about-stats{grid-template-columns:repeat(2,1fr);gap:24px;margin-top:32px;display:grid}.stat-item{background-color:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);padding:20px}.stat-number{font-family:var(--font-heading);color:var(--primary);margin-bottom:4px;font-size:32px;font-weight:800;line-height:1}.stat-label{color:var(--text-muted);font-size:13px;font-weight:600}.about-badge-container{justify-content:center;align-items:center;display:flex}.badge-seal{background:var(--bg-surface);border:3px double var(--primary-light);text-align:center;width:220px;height:220px;box-shadow:var(--shadow-md);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex}.badge-seal-year{font-family:var(--font-heading);color:var(--primary);font-size:38px;font-weight:800;line-height:1}.badge-seal-text{color:var(--secondary);text-transform:uppercase;letter-spacing:1px;font-size:13px;font-weight:700}.quote-section{background-color:var(--bg-surface)}.quote-tool-container{background-color:var(--bg-main);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);margin-top:24px;overflow:hidden}.address-input-wrapper{background-color:var(--bg-surface);border-bottom:1px solid var(--border-color);flex-direction:column;gap:12px;padding:24px;display:flex}.address-input-container{width:100%;display:flex;position:relative}.address-input{width:100%;font-size:16px;font-family:var(--font-sans);border:2px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-normal);background-color:var(--bg-main);padding:16px 20px 16px 48px}.address-input:focus{border-color:var(--border-focus);background-color:var(--bg-surface);box-shadow:var(--shadow-inset);outline:none}.address-icon{color:var(--text-muted);font-size:18px;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.map-placeholder-text{color:var(--text-muted);font-size:15px}.map-outer-container{background-color:var(--bg-alt);flex-direction:column;justify-content:center;align-items:center;height:480px;display:flex;position:relative}.map-container{width:100%;height:100%}.map-instruction-overlay{color:#fff;border-radius:var(--radius-full);box-shadow:var(--shadow-md);z-index:10;pointer-events:none;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#143c1ef2;padding:10px 20px;font-size:14px;font-weight:500;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.quote-results-container{background-color:var(--bg-surface);border-top:1px solid var(--border-color);padding:32px 24px}.quote-cards-grid{grid-template-columns:repeat(2,1fr);gap:24px;margin-top:16px;display:grid}@media (width<=768px){.quote-cards-grid{grid-template-columns:1fr;gap:20px}}.quote-result-card{border:2px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-normal);background-color:var(--bg-surface);flex-direction:column;justify-content:space-between;padding:32px 24px;display:flex}.quote-result-card.premium{border-color:var(--primary-light);background:linear-gradient(180deg, var(--bg-surface) 0%, var(--accent-light) 100%);position:relative}.quote-result-card.premium:after{content:"RECOMMENDED";background-color:var(--primary);color:#fff;border-radius:var(--radius-full);letter-spacing:.5px;padding:4px 16px;font-size:11px;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.quote-card-title{text-transform:uppercase;color:var(--text-muted);letter-spacing:1px;margin-bottom:8px;font-size:16px;font-weight:700}.quote-result-card.premium .quote-card-title{color:var(--primary)}.quote-price-box{margin:16px 0 24px}.quote-price{font-family:var(--font-heading);color:var(--secondary);font-size:44px;font-weight:800;line-height:1}.quote-period{color:var(--text-muted);font-size:14px;font-weight:500}.quote-setup-fee{color:var(--primary);margin-top:4px;font-size:13px;font-weight:700}.quote-features-list{text-align:left;flex-direction:column;gap:12px;margin:0 0 32px;padding:0;list-style:none;display:flex}.quote-feature-item{align-items:center;gap:10px;font-size:14px;display:flex}.quote-feature-icon{color:var(--primary-light);font-weight:700}.features-grid{grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:64px;display:grid}@media (width<=992px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.features-grid{grid-template-columns:1fr}}.hardware-card{background-color:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);grid-template-columns:1.1fr .9fr;align-items:center;margin-bottom:64px;display:grid;overflow:hidden}@media (width<=992px){.hardware-card{grid-template-columns:1fr}}.hardware-content{text-align:left;padding:48px}.hardware-image-container{background:linear-gradient(135deg, var(--accent-light) 0%, var(--border-color) 100%);justify-content:center;align-items:center;height:100%;min-height:320px;display:flex}.pricing-table-container{margin:56px 0;overflow-x:auto}.comparison-table{border-collapse:collapse;text-align:left;background-color:var(--bg-surface);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-md);border:1px solid var(--border-color);overflow:hidden}.comparison-table th,.comparison-table td{border-bottom:1px solid var(--border-color);padding:20px 24px}.comparison-table th{background-color:var(--bg-alt);font-family:var(--font-heading);color:var(--secondary);font-size:16px;font-weight:700}.comparison-table tr:last-child td{border-bottom:none}.comparison-table td.highlight-column,.comparison-table th.highlight-column{background-color:var(--accent-light);border-left:2px solid #2e7d321a;border-right:2px solid #2e7d321a}.comparison-table tr:hover td{background-color:var(--bg-main)}.comparison-table tr:hover td.highlight-column{background-color:#def7e7}.check-icon{color:var(--primary-light);font-size:18px}.cross-icon{color:#e74c3c;font-size:18px}.footer{background-color:var(--secondary);color:#fffc;text-align:left;padding:64px 0 32px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr;gap:48px;margin-bottom:48px;display:grid}@media (width<=768px){.footer-grid{grid-template-columns:1fr;gap:32px}}.footer-brand{flex-direction:column;gap:16px;display:flex}.footer-logo-img{filter:brightness(0)invert();align-self:flex-start;width:auto;height:48px}.footer-logo-text{font-family:var(--font-heading);color:#fff;font-size:20px;font-weight:800}.footer-description{font-size:14px}.footer-title{color:#fff;margin-bottom:20px;padding-bottom:8px;font-size:16px;position:relative}.footer-title:after{content:"";background-color:var(--primary-light);width:40px;height:2px;position:absolute;bottom:0;left:0}.footer-links{flex-direction:column;gap:10px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.footer-link-item a{color:#ffffffb3;transition:all var(--transition-fast)}.footer-link-item a:hover{color:#fff;padding-left:4px}.footer-bottom{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding-top:32px;font-size:13px;display:flex}@media (width<=768px){.footer-bottom{text-align:center;flex-direction:column;gap:16px}}.modal-backdrop{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a140fbf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-main);border-radius:var(--radius-lg);width:100%;max-width:520px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);padding:32px;position:relative}.modal-close{border:1px solid var(--border-color);color:var(--secondary);cursor:pointer;width:32px;height:32px;transition:all var(--transition-fast);background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute;top:16px;right:16px}.modal-close:hover{background-color:var(--bg-alt);color:var(--primary)}.btn-pulse{animation:2s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #25d36666}70%{box-shadow:0 0 0 10px #25d36600}to{box-shadow:0 0 #25d36600}}.text-center{text-align:center}.flex-center{justify-content:center;align-items:center;display:flex}.error-message{color:#e74c3c;border-radius:var(--radius-md);background-color:#e74c3c0d;border:1px solid #e74c3c26;margin-top:8px;padding:12px 16px;font-size:14px}.map-instructions{background-color:var(--accent-light);border-radius:var(--radius-md);text-align:left;color:var(--primary-dark);border:1px solid #2e7d3226;margin-bottom:16px;padding:16px 20px;font-size:14px}.map-instructions p{margin-bottom:8px;font-weight:600}.map-instructions ul{margin:0;padding-left:20px}.map-instructions li{margin-bottom:4px}