@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@500;700&display=swap";:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--bg-card:#fff;--bg-card-hover:#fafcff;--bg-header:#fffffff5;--border-color:#e2e8f0;--border-hover:#cbd5e1;--border-accent:#15803d;--solar-navy:#0a192f;--solar-navy-light:#1e293b;--solar-green:#15803d;--solar-green-light:#16a34a;--solar-green-bg:#dcfce7;--solar-orange:#ea580c;--solar-orange-light:#f97316;--solar-orange-bg:#ffedd5;--solar-gold:#d97706;--solar-gold-light:#f59e0b;--solar-gold-bg:#fef3c7;--text-main:#0a192f;--text-muted:#334155;--text-dim:#64748b;--text-light:#94a3b8;--text-white:#fff;--font-heading:"Outfit", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--font-mono:"JetBrains Mono", monospace;--shadow-sm:0 1px 3px #0a192f0d;--shadow-md:0 4px 12px #0a192f0f;--shadow-lg:0 10px 30px #0a192f14;--shadow-xl:0 20px 40px #0a192f1f;--shadow-green:0 10px 25px #15803d47;--shadow-orange:0 10px 25px #ea580c40}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 10% 10%,#15803d0d 0%,#0000 40%),radial-gradient(circle at 90% 90%,#ea580c0d 0%,#0000 40%);line-height:1.65;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--solar-navy);letter-spacing:-.02em;font-weight:800;line-height:1.25}a{color:inherit;text-decoration:none}.container-max{width:100%;max-width:1320px;margin:0 auto;padding:0 24px}.top-bar{background:var(--solar-navy);color:#f1f5f9;border-bottom:2px solid var(--solar-green);font-size:13px;font-weight:600}.top-bar-inner{justify-content:space-between;align-items:center;height:44px;display:flex}.top-bar-left,.top-bar-right{align-items:center;gap:20px;display:flex}@media (width<=768px){.top-bar{display:none}}.navbar{z-index:1000;background:var(--bg-header);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);position:sticky;top:0;box-shadow:0 4px 20px #0a192f0f}.nav-container{justify-content:space-between;align-items:center;height:84px;display:flex}.nav-brand{align-items:center;gap:12px;display:flex}.nav-menu{align-items:center;gap:6px;list-style:none;display:flex}.nav-link{color:var(--text-muted);white-space:nowrap;border-radius:10px;padding:10px 14px;font-size:14.5px;font-weight:700;transition:all .2s}.nav-link:hover{color:var(--solar-green);background:var(--solar-green-bg)}.nav-link.active{color:var(--solar-green);background:var(--solar-green-bg);box-shadow:inset 0 0 0 1px #15803d59}.nav-actions{align-items:center;gap:12px;display:flex}.desktop-only{display:flex}@media (width<=1100px){.desktop-only{display:none!important}}.mobile-toggle{background:var(--bg-tertiary);border:1px solid var(--border-color);cursor:pointer;color:var(--solar-navy);border-radius:12px;padding:10px;display:none}@media (width<=1100px){.mobile-toggle{display:block}}.mobile-drawer{border-bottom:1px solid var(--border-color);background:#fff;padding:24px;box-shadow:0 20px 40px #0a192f1f}.btn-solar{color:#fff;font-family:var(--font-heading);cursor:pointer;box-shadow:var(--shadow-green);white-space:nowrap;background:linear-gradient(135deg,#15803d 0%,#16a34a 100%);border:none;border-radius:50px;justify-content:center;align-items:center;gap:10px;padding:13px 26px;font-size:15px;font-weight:800;transition:all .25s;display:inline-flex}.btn-solar:hover{background:linear-gradient(135deg,#16a34a 0%,#15803d 100%);transform:translateY(-2px);box-shadow:0 14px 30px #15803d66}.btn-orange{color:#fff;font-family:var(--font-heading);cursor:pointer;box-shadow:var(--shadow-orange);background:linear-gradient(135deg,#ea580c 0%,#f97316 100%);border:none;border-radius:50px;justify-content:center;align-items:center;gap:10px;padding:13px 26px;font-size:15px;font-weight:800;transition:all .25s;display:inline-flex}.btn-orange:hover{transform:translateY(-2px);box-shadow:0 14px 30px #ea580c66}.btn-emerald{color:#fff;font-family:var(--font-heading);cursor:pointer;box-shadow:var(--shadow-green);background:linear-gradient(135deg,#16a34a 0%,#15803d 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-size:15px;font-weight:700;transition:all .25s;display:inline-flex}.btn-outline{color:var(--solar-navy);font-family:var(--font-heading);border:2px solid var(--border-color);cursor:pointer;background:#fff;border-radius:50px;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-size:15px;font-weight:700;transition:all .25s;display:inline-flex}.btn-outline:hover{border-color:var(--solar-green);color:var(--solar-green);background:var(--solar-green-bg)}.btn-banner-call{color:#fff;box-shadow:var(--shadow-green);background:#15803d;border:2px solid #fff;border-radius:9999px;align-items:center;gap:12px;padding:10px 24px 10px 14px;font-size:18px;font-weight:900;transition:all .25s;display:inline-flex}.btn-banner-call span{color:#facc15;font-size:20px}.btn-banner-call:hover{background:#16a34a;transform:scale(1.03)}.glass-panel{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-md);border-radius:24px;transition:all .35s cubic-bezier(.16,1,.3,1)}.glass-panel:hover{border-color:var(--border-hover);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.badge-green{background-color:var(--solar-green-bg);color:var(--solar-green);border:1px solid #15803d4d;border-radius:9999px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:800;display:inline-flex}.badge-orange{background-color:var(--solar-orange-bg);color:var(--solar-orange);border:1px solid #ea580c4d;border-radius:9999px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:800;display:inline-flex}.badge-navy{background-color:var(--solar-navy);color:#fff;border-radius:9999px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:800;display:inline-flex}.hero-section{border-bottom:1px solid var(--border-color);background:linear-gradient(#fff 0%,#f8fafc 100%);padding:44px 0 64px}.hero-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:48px;display:grid}@media (width<=992px){.hero-grid{grid-template-columns:1fr}}.hero-title{color:var(--solar-navy);margin:16px 0;font-size:46px;line-height:1.16}@media (width<=640px){.hero-title{font-size:33px}}.hero-title span{color:var(--solar-orange)}.calc-card{border:2px solid var(--solar-green);background:#fff;border-radius:24px;padding:32px;box-shadow:0 25px 50px -12px #15803d26}.calc-slider{background:var(--border-color);width:100%;height:8px;accent-color:var(--solar-green);cursor:pointer;border-radius:4px;outline:none;margin:16px 0}.calc-outputs{grid-template-columns:1fr 1fr;gap:16px;margin:20px 0;display:grid}.calc-box{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:16px;padding:18px}.section-header{text-align:center;max-width:720px;margin:0 auto 48px}.section-header h2{margin:12px 0;font-size:38px}.grid-3{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:28px;display:grid}.service-card{border:1px solid var(--border-color);box-shadow:var(--shadow-md);background:#fff;border-radius:24px;flex-direction:column;justify-content:space-between;transition:all .3s;display:flex;overflow:hidden}.service-card:hover{box-shadow:var(--shadow-xl);border-color:var(--solar-green);transform:translateY(-5px)}.service-img{object-fit:cover;width:100%;height:220px}.service-body{flex:1;padding:26px}.service-body h3{margin-bottom:8px;font-size:22px}.service-features{flex-direction:column;gap:10px;margin-top:16px;list-style:none;display:flex}.service-features li{color:var(--text-muted);align-items:flex-start;gap:10px;font-size:14px;display:flex}.site-footer{background:var(--solar-navy);color:#f1f5f9;margin-top:80px;padding:70px 0 0}.footer-grid{border-bottom:1px solid #ffffff1f;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px;padding-bottom:50px;display:grid}@media (width<=992px){.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=640px){.footer-grid{grid-template-columns:1fr}}.footer-col h4{color:#fff;font-size:18px;font-family:var(--font-heading);margin-bottom:20px}.footer-links{flex-direction:column;gap:12px;list-style:none;display:flex}.footer-links a{color:#94a3b8;font-size:14px;transition:color .2s}.footer-links a:hover{color:#4ade80}.footer-banner-strip{background:var(--solar-green);color:#fff;text-align:center;letter-spacing:.02em;padding:16px 24px;font-size:15px;font-weight:800}.floating-bar{z-index:999;gap:12px;display:flex;position:fixed;bottom:24px;right:24px}.floating-btn{border-radius:50px;justify-content:center;align-items:center;gap:10px;padding:14px 22px;font-size:14px;font-weight:800;transition:transform .2s;display:flex;box-shadow:0 10px 25px #00000040}.floating-btn:hover{transform:scale(1.05)}@media (width<=768px){.floating-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#060913f2;border-top:1px solid #ffffff26;justify-content:space-between;gap:10px;width:100%;padding:10px 14px;bottom:0;left:0;right:0}.mobile-flex-btn{border-radius:12px;flex:1 1 0;padding:12px 14px;font-size:13.5px}}.form-group{margin-bottom:20px}.form-label{color:var(--solar-navy);margin-bottom:8px;font-size:14px;font-weight:700;display:block}.form-input,.form-select,.form-textarea{border:1px solid var(--border-color);width:100%;color:var(--text-main);font-family:var(--font-body);background:#fff;border-radius:12px;padding:14px 16px;font-size:15px;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--solar-green);outline:none;box-shadow:0 0 0 4px #15803d2e}@media (width<=992px){.hero-grid,.grid-3{grid-template-columns:1fr!important}}@media (width<=768px){html,body,#root{max-width:100vw;overflow-x:hidden}body{padding-bottom:74px}.desktop-only{display:none!important}.container-max{padding:0 16px}h1,.hero-title{font-size:30px!important;line-height:1.25!important}h2,.section-header h2{font-size:24px!important;line-height:1.3!important}h3{font-size:19px!important}p{font-size:14.5px;line-height:1.6}.btn-solar,.btn-emerald,.btn-orange{justify-content:center;width:100%;padding:12px 18px;font-size:14px}section{padding:40px 0!important}}@media (width<=480px){.hero-title{font-size:26px!important}.section-header h2{font-size:22px!important}.glass-panel{border-radius:16px!important;padding:20px!important}}