:root{--sun:#ffb600;--sun-dark:#d89000;--ocean:#174176;--ocean-deep:#0b2545;--leaf:#246b52;--ink:#172033;--muted:#637083;--line:#d9e1ea;--cloud:#f6f8fb;--white:#ffffff;--shadow:0 18px 50px rgba(13,32,63,0.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6;background:var(--white)}a{color:inherit}button,input,select,textarea{font:inherit}.site-header{position:fixed;inset:0 0 auto;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(23,32,51,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header-content{width:min(1180px,calc(100% - 32px));height:76px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.site-logo{width:174px;height:auto;display:block}.main-nav{display:flex;align-items:center;gap:26px}.nav-link{text-decoration:none;font-weight:700;color:var(--ocean-deep)}.nav-link:hover{color:var(--leaf)}.btn-primary,.btn-secondary,.cta-button,.submit-btn{min-height:46px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:800}.btn-primary,.cta-button,.submit-btn{background:var(--sun);color:var(--ocean-deep);border:2px solid var(--sun)}.cta-button{padding:10px 18px}.btn-primary,.btn-secondary{padding:13px 24px}.btn-primary:hover,.cta-button:hover,.submit-btn:hover{background:var(--sun-dark);border-color:var(--sun-dark)}.btn-secondary{border:2px solid var(--white);color:var(--white)}.btn-secondary:hover{background:var(--white);color:var(--ocean-deep)}.hero-section{min-height:94vh;position:relative;display:flex;align-items:center;justify-content:center;padding:136px 24px 84px;overflow:hidden;color:var(--white);text-align:center}.hero-image{object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,19,45,.28),rgba(4,19,45,.68)),linear-gradient(110deg,rgba(11,37,69,.78),rgba(36,107,82,.42))}.hero-content{position:relative;z-index:1;max-width:920px}.eyebrow{margin:0 0 14px;font-size:.9rem;font-weight:900;letter-spacing:0;text-transform:uppercase;color:var(--sun)}h1,h2,h3,p{margin-top:0}.hero-content h1{margin-bottom:20px;font-size:clamp(2.6rem,6vw,5.1rem);line-height:1}.hero-content p:not(.eyebrow){margin:0 auto 30px;max-width:820px;font-size:clamp(1.05rem,2vw,1.35rem)}.hero-buttons{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.company-content,.container,.costs-content,.footer-content,.quote-container{width:min(1180px,calc(100% - 32px));margin:0 auto}.company-section,.energy-costs-section,.features-section,.quote-section{padding:88px 0}.company-section,.features-section{background:var(--white)}.energy-costs-section,.quote-section{background:var(--cloud)}.company-text h2,.costs-text h2,.quote-content h2,.section-title{color:var(--ocean-deep);font-size:clamp(2rem,4vw,3.1rem);line-height:1.08;margin-bottom:16px}.section-subtitle{max-width:680px;margin:0 auto 40px;text-align:center;color:var(--muted);font-size:1.12rem}.section-title{text-align:center}.features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-card{min-height:320px;padding:28px;border:1px solid var(--line);border-radius:8px;background:var(--white);box-shadow:0 8px 28px rgba(23,32,51,.06)}.feature-card-top{display:flex;align-items:center;gap:16px;margin-bottom:24px}.feature-icon{width:92px;height:92px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:8px;overflow:hidden;background:#fff8ec;box-shadow:0 12px 28px rgba(23,32,51,.1),inset 0 0 0 1px rgba(255,182,0,.24)}.feature-icon img{width:100%;height:100%;object-fit:cover;display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.feature-card h3{margin-bottom:10px;color:var(--ocean);font-size:1.28rem;line-height:1.2}.company-text p,.costs-text p,.feature-card p,.footer-section p,.quote-content p{color:var(--muted)}.company-content,.costs-content,.quote-container{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}.contact-strip{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.contact-strip a{padding:10px 14px;border:1px solid var(--line);text-decoration:none;font-weight:800;color:var(--ocean)}.contact-strip a,.quote-form{border-radius:8px;background:var(--white)}.quote-form{padding:32px;box-shadow:var(--shadow)}.form-header{margin-bottom:22px}.form-header h3{color:var(--ocean-deep);font-size:1.55rem;margin-bottom:4px}.form-header p{margin-bottom:0;color:var(--muted)}.form-group{display:grid;gap:7px;margin-bottom:15px;font-weight:800;color:var(--ocean-deep)}.form-group input,.form-group select,.form-group textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:12px 13px;color:var(--ink);background:var(--white)}.form-group textarea{min-height:118px;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:3px solid rgba(255,182,0,.28);border-color:var(--sun-dark)}.submit-btn{width:100%;cursor:pointer;padding:13px 18px}.submit-btn:disabled{cursor:not-allowed;opacity:.68}.form-status{margin:12px 0 0;font-size:.95rem;font-weight:800}.form-status.success{color:var(--leaf)}.form-status.error{color:#9b1c1c}.chart-container{padding:16px;border-radius:8px;background:var(--white);box-shadow:var(--shadow)}.chart-container img,.company-image{width:100%;height:auto;display:block;border-radius:8px}.company-image{aspect-ratio:1;object-fit:cover;box-shadow:var(--shadow)}.site-footer{padding:58px 0 28px;background:var(--ocean-deep);color:var(--white)}.footer-content{display:grid;grid-template-columns:1.5fr 1fr 1.2fr 1fr;gap:32px}.footer-section h3{margin-bottom:14px;color:var(--sun)}.footer-section ul{padding:0;margin:0;list-style:none}.footer-section li{margin-bottom:9px;color:rgba(255,255,255,.78)}.footer-section a{color:rgba(255,255,255,.86);text-decoration:none}.footer-bottom button:hover,.footer-section a:hover{color:var(--sun)}.footer-bottom{width:min(1180px,calc(100% - 32px));margin:36px auto 0;padding-top:22px;border-top:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.64);text-align:center}.footer-bottom p{margin:0}.footer-bottom button{border:0;padding:0;margin-left:10px;background:transparent;color:var(--sun);cursor:pointer;font-weight:800}.modal{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(5,14,31,.72)}.modal-content{width:min(760px,100%);max-height:84vh;overflow:auto;border-radius:8px;background:var(--white);box-shadow:var(--shadow)}.modal-header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 24px;border-bottom:1px solid var(--line);background:var(--white)}.modal-header h2{margin:0;color:var(--ocean-deep)}.modal-close{min-height:40px;border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--ocean-deep);cursor:pointer;font-weight:800}.modal-body{padding:24px}.modal-body h3{color:var(--ocean)}@media (max-width:900px){.main-nav{gap:14px}.features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.company-content,.costs-content,.footer-content,.quote-container{grid-template-columns:1fr}.company-section{padding-top:70px}}@media (max-width:640px){.header-content{height:68px}.site-logo{width:142px}.main-nav .nav-link{display:none}.cta-button{padding-inline:12px;font-size:.9rem}.hero-section{min-height:88vh;padding:112px 16px 64px}.hero-buttons,.hero-buttons a{width:100%}.company-section,.energy-costs-section,.features-section,.quote-section{padding:64px 0}.features-grid{grid-template-columns:1fr}.quote-form{padding:22px}.contact-strip a{width:100%}}