:root{--primary-red:#bb0a1e;--dark-blue:#233454;--darker-blue:#1c2a43;--light-blue:#f0f4f8;--text-dark:#333;--text-light:#fff;--font-serif:"Playfair Display", serif;--font-sans:"Inter", sans-serif;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--text-dark);background-color:#fff;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:600;line-height:1.2}a{color:inherit;text-decoration:none}.btn{cursor:pointer;transition:var(--transition);text-align:center;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:600;display:inline-block}.btn-primary{background-color:var(--primary-red);color:var(--text-light);border:2px solid var(--primary-red)}.btn-primary:hover{background-color:#900010;border-color:#900010}.btn-outline{color:var(--dark-blue);background-color:#fffffff2;border:none;border-radius:30px;padding:15px 30px}.btn-outline:hover{background-color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.header{z-index:100;justify-content:space-between;align-items:center;width:100%;padding:20px 5%;display:flex;position:absolute;top:0;left:0}.logo-container{align-items:center;display:flex}.logo-wrapper{flex-direction:column;align-items:center;display:flex;position:relative}.brand-logo{width:auto;height:80px;display:block}.logo-subtext{font-family:var(--font-sans);letter-spacing:5px;color:#fff;text-transform:uppercase;text-align:center;border-top:1px solid #fff6;width:100%;margin-top:-3px;padding-top:2px;font-size:.65rem;font-weight:700}.header-right{align-items:center;gap:30px;display:flex}.header-phone{color:#fff;font-size:1.1rem;font-weight:600;font-family:var(--font-sans);transition:var(--transition)}.header-phone:hover{opacity:.8}.btn-quote{background-color:var(--primary-red);color:#fff;letter-spacing:.5px;border-radius:4px;padding:12px 24px;font-size:.95rem;font-weight:700}.btn-quote:hover{background-color:#900010;transform:translateY(-1px)}.hero{background-position:50%;background-size:cover;align-items:center;min-height:100vh;padding:140px 5% 60px;display:flex;position:relative}.hero-container{justify-content:space-between;align-items:center;gap:40px;width:100%;max-width:1400px;margin:0 auto;display:flex}.hero-container--centered{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:0}.hero-logo-wrap{margin-bottom:32px}.hero-logo{width:auto;height:88px;margin:0 auto;display:block}.hero-content{color:#fff;flex:1.1;max-width:650px}.hero-content--centered{text-align:center;flex:none;max-width:800px}.hero-title{letter-spacing:-1px;margin-bottom:20px;font-size:4.5rem;font-weight:400}.hero-subtitle{opacity:.9;margin-bottom:40px;font-size:1.15rem;line-height:1.8}.hero-stats{gap:60px;margin-top:60px;display:flex}.hero-stats--centered{justify-content:center;gap:80px}.stat-item{flex-direction:column;display:flex}.stat-value{font-family:var(--font-serif);font-size:3rem;font-weight:700;line-height:1}.stat-label{opacity:.8;margin-top:5px;font-size:.9rem}.hero-form-card{background:#fff;border-radius:20px;flex:.9;width:100%;max-width:480px;padding:40px;box-shadow:0 20px 60px #00000026}.hero-form-card h3{font-family:var(--font-sans);color:var(--dark-blue);text-transform:uppercase;letter-spacing:2px;opacity:.65;margin-bottom:24px;font-size:.85rem;font-weight:700}.form-container{width:100%}.consultation-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#4a5568;font-size:.9rem;font-weight:500}.form-group input,.form-group select{width:100%;font-family:var(--font-sans);transition:var(--transition);color:#2d3748;background-color:#fff;border:1.5px solid #e2e8f0;border-radius:8px;padding:14px;font-size:.95rem}.form-group input::placeholder{color:#a0aec0}.form-group input:focus,.form-group select:focus{border-color:var(--dark-blue);outline:none;box-shadow:0 0 0 3px #2334541a}.btn-submit{background:var(--primary-red);color:#fff;width:100%;transition:var(--transition);border:none;border-radius:8px;margin-top:10px;padding:18px;font-size:1.1rem;font-weight:600}.btn-submit:hover{background:#a00515;transform:translateY(-1px);box-shadow:0 4px 12px #bb0a1e40}section{padding:100px 5%}.section-title{text-align:center;color:var(--dark-blue);margin-bottom:15px;font-size:3rem;font-weight:400}.section-subtitle{text-align:center;color:#4b5563;max-width:650px;margin:0 auto 50px;font-size:1.1rem}.eyebrow{text-align:center;text-transform:uppercase;letter-spacing:1.5px;color:var(--primary-red);margin-bottom:10px;font-size:.85rem;font-weight:700;display:block}.systems-header .eyebrow{color:#1c3271}.certifications{background:#f8fafc;border-bottom:1px solid #e2e8f0}.cert-grid{flex-wrap:wrap;justify-content:center;align-items:center;gap:60px;max-width:1200px;margin:40px auto 0;display:flex}.cert-logo{transition:var(--transition);justify-content:center;align-items:center;display:flex}.cert-logo:hover{transform:translateY(-2px)}.cert-logo img{object-fit:contain;width:auto;max-width:130px;height:auto;max-height:50px;transition:var(--transition)}.choose-us{background-color:#fff;position:relative;overflow:hidden}.choose-us-header{border-bottom:1.5px solid #e2e8f0;justify-content:space-between;align-items:flex-end;max-width:1400px;margin:0 auto 60px;padding-bottom:25px;display:flex}.choose-us-header .section-title{text-align:left;margin-bottom:0;font-size:3.5rem}.choose-us-header .section-subtitle{text-align:right;color:#233454;max-width:480px;margin:0;font-size:1.1rem;line-height:1.6}.choose-us-layout{grid-template-columns:1.1fr 1.2fr 1.1fr;align-items:center;gap:50px;max-width:1400px;margin:0 auto;display:grid;position:relative}.choose-us-layout:before{content:"";pointer-events:none;z-index:0;border:1.5px dashed #b9c2d0;border-bottom:none;border-radius:50% 50% 0 0/100% 100% 0 0;height:220px;position:absolute;top:45px;left:45px;right:45px}.choose-left{position:relative}.choose-left:after{content:"";pointer-events:none;z-index:0;border-bottom:1.5px solid #b9c2d0;border-left:1.5px solid #b9c2d0;border-bottom-left-radius:20px;width:calc(100% - 20px);height:380px;position:absolute;top:185px;left:45px}.choose-right{position:relative}.choose-right:after{content:"";pointer-events:none;z-index:0;border-bottom:1.5px solid #b9c2d0;border-right:1.5px solid #b9c2d0;border-bottom-right-radius:20px;width:calc(100% - 20px);height:380px;position:absolute;top:185px;right:45px}.choose-column{z-index:2;flex-direction:column;gap:70px;display:flex}.choose-card{align-items:center;gap:25px;display:flex;position:relative}.choose-left .choose-card{text-align:left;flex-direction:row}.choose-right .choose-card{text-align:left;flex-direction:row-reverse}.choose-badge{z-index:5;flex-shrink:0}.choose-icon-img{object-fit:contain;width:90px;height:90px;transition:var(--transition);display:block}.choose-card:hover .choose-icon-img{transform:scale(1.08)rotate(5deg)}.choose-content h3{color:var(--dark-blue);font-size:1.5rem;font-family:var(--font-sans);margin-bottom:8px;font-weight:700}.choose-content p{color:#4b5563;font-size:.95rem;line-height:1.7}.stacked-images{flex-direction:column;gap:25px;width:100%;margin-top:65px;display:flex}.roof-img{object-fit:cover;border-radius:12px;width:100%;height:250px;box-shadow:0 10px 30px #00000014}.choose-center-bottom{text-align:center;flex-direction:column;align-items:center;margin-top:40px}.systems{background-color:#f8fafc}.systems-list{flex-direction:column;gap:50px;max-width:1300px;margin:0 auto;display:flex}.system-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;grid-template-columns:1.2fr 1fr;align-items:center;gap:60px;padding:60px;display:grid;box-shadow:0 10px 40px #00000005}.system-left{flex-direction:column;align-items:flex-start;display:flex}.system-badge{text-transform:uppercase;letter-spacing:1px;border-radius:30px;margin-bottom:20px;padding:6px 16px;font-size:.75rem;font-weight:700}.badge-blue{color:#fff;background-color:#1c3271}.badge-red{background-color:var(--primary-red);color:#fff}.system-name{color:var(--dark-blue);letter-spacing:-.5px;margin-bottom:10px;font-size:2.4rem;font-weight:700}.system-tagline{color:#4b5563;font-size:.85rem;font-weight:600;font-family:var(--font-sans);margin-bottom:20px}.system-desc{color:#4b5563;margin-bottom:35px;font-size:.95rem;line-height:1.7}.system-specs-grid{border-top:1px solid #e2e8f0;grid-template-columns:repeat(3,1fr);gap:20px;width:100%;padding-top:30px;display:grid}.spec-block{flex-direction:column;display:flex}.spec-label{color:#94a3b8;text-transform:uppercase;letter-spacing:1px;font-size:.75rem;font-family:var(--font-sans);margin-bottom:6px}.spec-value{color:var(--dark-blue);font-size:1.4rem;font-weight:700;font-family:var(--font-serif)}.system-right{grid-template-columns:1fr;gap:20px;display:grid}.profile-img{object-fit:cover;object-position:center 75%;border-radius:12px;width:100%;height:200px}.installed-img{object-fit:cover;border-radius:12px;width:100%;height:240px}.benefits{background-color:var(--dark-blue);color:#fff}.text-white{color:#fff!important}.benefits-header{text-align:center;max-width:800px;margin:0 auto 60px}.benefits-grid{grid-template-columns:repeat(3,1fr);gap:30px;max-width:1300px;margin:50px auto 0;display:grid}.benefit-card{transition:var(--transition);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;justify-content:space-between;padding:50px 40px;display:flex}.benefit-card:hover{background:#ffffff17;border-color:#fff3;transform:translateY(-5px)}.benefit-card h3{margin-bottom:20px;font-size:1.8rem;font-weight:600}.benefit-card p{opacity:.85;margin-bottom:50px;font-size:.95rem;line-height:1.7}.benefit-footer{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:flex-end;padding-top:25px;display:flex}.benefit-meta{flex-direction:column;display:flex}.meta-value{font-size:1.8rem;font-weight:700;font-family:var(--font-serif)}.meta-label{opacity:.6;letter-spacing:1px;text-transform:uppercase;font-size:.7rem}.benefit-icon{flex-shrink:0}.benefit-icon-img{object-fit:contain;width:90px;height:90px;transition:var(--transition);display:block}.benefit-card:hover .benefit-icon-img{transform:scale(1.08)rotate(3deg)}.process{text-align:center;background-color:#fff}.process-header{text-align:center;max-width:800px;margin:0 auto 60px}.process-grid{grid-template-columns:repeat(4,1fr);gap:20px;max-width:1300px;margin:50px auto 0;display:grid}.process-step{color:#fff;text-align:left;min-height:350px;transition:var(--transition);background-color:#3b5d94;border:1px solid #ffffff1a;border-radius:6px;flex-direction:column;justify-content:flex-end;padding:90px 30px 30px;display:flex;position:relative}.process-step:hover{transform:translateY(-5px);box-shadow:0 15px 35px #1c2a4326}.step-1,.step-2,.step-3{background-color:#3f5a87}.step-4{background-color:#d13b4f}.step-badge-icon{z-index:5;position:absolute;top:30px;right:30px}.process-badge-img{object-fit:contain;width:90px;height:90px;transition:var(--transition);display:block}.process-step:hover .process-badge-img{transform:scale(1.08)rotate(3deg)}.step-content h3{color:#fff;font-size:2.2rem;font-weight:700;line-height:1.25;font-family:var(--font-sans);letter-spacing:-.5px;margin-bottom:15px}.step-content p{color:#ffffffe6;font-size:.98rem;line-height:1.6}.cta{color:#fff;background-position:50%;background-size:cover;padding:100px 5%;position:relative}.cta-layout{grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1200px;margin:0 auto;display:grid}.cta-left{flex-direction:column;align-items:flex-start;gap:0;display:flex}.cta-call-btn{color:#fff;letter-spacing:1.5px;text-transform:uppercase;transition:var(--transition);background-color:#cc001f;border-radius:4px;align-items:center;gap:10px;margin-top:10px;padding:16px 32px;font-size:.9rem;font-weight:700;display:inline-flex;box-shadow:0 8px 24px #cc001f59}.cta-call-btn:hover{background-color:#a80019;transform:translateY(-2px);box-shadow:0 12px 32px #cc001f73}.cta-form-card{background:#fff;border-radius:16px;width:100%;max-width:520px;margin-left:auto;padding:40px;box-shadow:0 20px 60px #0003}.cta-title{letter-spacing:-1px;margin-bottom:32px;font-size:3.5rem;font-weight:400;line-height:1.15}.cta-ready{font-size:1.1rem;font-family:var(--font-sans);opacity:.9;margin-bottom:16px;font-weight:500}.cta-content{text-align:center;max-width:800px;margin:0 auto}.cta-note{opacity:.95;font-size:1.1rem;font-family:var(--font-sans);margin-bottom:15px}.cta-btn{background-color:var(--primary-red);color:#fff;transition:var(--transition);border-radius:4px;padding:18px 45px;font-size:1.1rem;font-weight:700;box-shadow:0 10px 35px #bb0a1e4d}.cta-btn:hover{background-color:#900010;transform:translateY(-2px);box-shadow:0 12px 40px #bb0a1e66}@media (width<=1200px){.hero-title{font-size:3.8rem}.choose-us-layout{grid-template-columns:1fr;gap:60px}.choose-us-layout:before,.choose-left:after,.choose-right:after{display:none}.choose-left .choose-card{text-align:left;flex-direction:row-reverse}.choose-middle{order:-1;max-width:600px;margin:0 auto}.stacked-images{flex-direction:row;margin-top:0}.roof-img{width:50%}.system-card{gap:40px;padding:40px;grid-template-columns:1fr!important}.system-right{grid-template-columns:1fr 1fr}.profile-img,.installed-img{height:220px}}@media (width<=1024px){.hero-container{text-align:center;flex-direction:column;gap:60px;padding-top:40px}.hero-content{max-width:100%}.hero-stats{justify-content:center}.hero-form-card{width:100%;max-width:600px}.benefits-grid{grid-template-columns:1fr;gap:30px}.process-grid{grid-template-columns:1fr 1fr;gap:30px}}@media (width<=768px){section{padding:70px 5%}.section-title{font-size:2.4rem!important}.choose-us-header{text-align:center;flex-direction:column;align-items:center;gap:15px}.choose-us-header .section-title,.choose-us-header .section-subtitle{text-align:center}.header{background:var(--dark-blue);flex-direction:column;gap:15px;padding:15px 5%;position:relative}.header-right{flex-direction:column;gap:10px;width:100%}.header-phone{font-size:1rem}.btn-quote{text-align:center;width:100%}.hero{padding:40px 5% 60px}.hero-title{font-size:2.8rem}.hero-subtitle{font-size:1rem}.hero-stats{flex-direction:column;align-items:center;gap:20px}.stat-value{font-size:2.4rem}.choose-left .choose-card,.choose-right .choose-card{text-align:center;flex-direction:column;align-items:center}.stacked-images{flex-direction:column}.roof-img{width:100%}.system-name{font-size:1.8rem}.system-right{grid-template-columns:1fr}.spec-value{font-size:1.1rem}.benefit-card{padding:30px}.benefit-card h3{font-size:1.5rem}.process-grid{grid-template-columns:1fr}.cta{padding:80px 5%}.cta-layout{grid-template-columns:1fr;gap:48px}.cta-form-card{max-width:100%;margin-left:0}.cta-title{font-size:2.6rem}.cta-ready{font-size:1rem}.cta-call-btn{justify-content:center;width:100%;padding:15px;font-size:.9rem}}.success-container{text-align:center;flex-direction:column;align-items:center;padding:40px 20px;animation:.4s ease-out fadeIn;display:flex}.success-icon-wrapper{margin-bottom:20px}.success-checkmark{stroke:#22c55e;stroke-width:1.5px;fill:none;width:72px;height:72px}.success-eyebrow{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:1.5px;color:#8b96ab;margin-bottom:15px;font-size:.85rem;font-weight:600;display:block}.success-title{font-family:var(--font-serif);color:var(--dark-blue);margin-bottom:20px;font-size:2.4rem;font-weight:500;line-height:1.2}.success-desc{font-family:var(--font-sans);color:#4b5563;max-width:500px;margin:0 auto 40px;font-size:1rem;line-height:1.6}.success-divider{background-color:#e2e8f0;width:100%;max-width:500px;height:1px;margin-bottom:30px}.success-call-info{font-family:var(--font-sans);color:#4b5563;margin-bottom:15px;font-size:.95rem}.success-phone-btn{font-family:var(--font-sans);color:var(--dark-blue);border:1px solid #cbd5e0;border-radius:8px;padding:12px 35px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.success-phone-btn:hover{background-color:#f8fafc;border-color:#a0aec0;transform:translateY(-1px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.required-asterisk{color:#ef4444;margin-left:3px;font-weight:700}.btn-submit:disabled{opacity:.6;cursor:not-allowed;box-shadow:none!important;transform:none!important}.colors-img{max-width:100%;height:auto;margin-top:30px;display:block}.single-installed-img{object-fit:cover;border-radius:12px;width:100%;height:380px}@media (width<=1200px){.single-installed-img{height:240px}}