@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:wght@300;400;500;600;700&family=Barlow+Condensed:wght@700;900&display=swap";html,body,#root{background:#fff;width:100%;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.ect-landing,.ect-landing *,.ect-landing :before,.ect-landing :after{box-sizing:border-box;margin:0;padding:0}.ect-landing{--navy:#0f1b2d;--navy-mid:#162236;--navy-card:#1c2d44;--blue:#1e7bc4;--blue-dark:#155f9a;--blue-glow:#3a9de0;--blue-light:#e8f4fc;--white:#fff;--off-white:#f4f7fb;--muted:#ffffff73;--gold:#2a7fc9;--teal:#17a88e;--red:#e05050;--border-dark:#ffffff14;--border-light:#d0dcea;--green:#2ea86e;--text-light:#3a4a5e;background:var(--off-white);color:var(--navy);min-height:100vh;font-family:DM Sans,sans-serif}.ect-landing .site-header{border-bottom:3px solid var(--blue);background:#fff;justify-content:space-between;align-items:center;min-height:80px;padding:0 40px;display:flex;box-shadow:0 2px 12px #1e7bc41a}.ect-landing .logo-img{width:auto;height:52px;display:block}.ect-landing .header-right{text-align:right;align-items:center;gap:20px;display:flex}.ect-landing .header-meta{text-align:right}.ect-landing .header-title{color:var(--navy);font-family:DM Serif Display,serif;font-size:22px;font-style:italic}.ect-landing .header-sub{color:var(--blue);letter-spacing:.1em;text-transform:uppercase;margin-top:2px;font-size:11px;font-weight:600}.ect-landing .contractor-login{letter-spacing:.06em;text-transform:uppercase;color:var(--blue);border:1.5px solid var(--blue);white-space:nowrap;border-radius:6px;padding:8px 14px;font-size:12px;font-weight:600;text-decoration:none;transition:background .15s,color .15s}.ect-landing .contractor-login:hover{background:var(--blue);color:#fff}.ect-landing .hero-band{background:linear-gradient(135deg, var(--navy) 0%, #1a3a5c 100%);text-align:center;padding:36px 40px 32px;position:relative;overflow:hidden}.ect-landing .hero-band:before{content:"";background-image:linear-gradient(#1e7bc40f 1px,#0000 1px),linear-gradient(90deg,#1e7bc40f 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.ect-landing .hero-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--blue-glow);margin-bottom:10px;font-size:12px;font-weight:700;position:relative}.ect-landing .hero-h1{color:#fff;margin-bottom:10px;font-family:DM Serif Display,serif;font-size:clamp(24px,3.5vw,40px);line-height:1.15;position:relative}.ect-landing .hero-h1 em{color:var(--blue-glow);font-style:italic}.ect-landing .hero-sub{color:#ffffffe6;max-width:560px;margin:0 auto 20px;font-size:16px;line-height:1.7;position:relative}.ect-landing .incentive-bar{flex-wrap:wrap;justify-content:center;gap:10px;display:flex;position:relative}.ect-landing .inc-pill{background:#ffffff14;border:1px solid #ffffff2e;border-radius:99px;align-items:center;gap:8px;padding:7px 16px;display:flex}.ect-landing .inc-pill-amount{color:var(--gold);font-family:Barlow Condensed,sans-serif;font-size:18px;font-weight:900}.ect-landing .inc-pill-label{color:#fff9;letter-spacing:.06em;text-transform:uppercase;font-size:10px}.ect-landing .main-wrap{background:#fff;grid-template-columns:320px 1fr;gap:0;max-width:1200px;min-height:calc(100vh - 200px);margin:0 auto;display:grid;box-shadow:0 4px 40px #0f1b2d1a}.ect-landing .left-panel{border-right:1px solid var(--border-light);background:#f4f7fb;padding:28px 24px;overflow-y:auto}.ect-landing .section-label{letter-spacing:.14em;text-transform:uppercase;color:var(--blue-dark);border-bottom:1.5px solid #1e7bc44d;margin-bottom:12px;padding-bottom:7px;font-size:11px;font-weight:700}.ect-landing .field{margin-bottom:16px}.ect-landing .field label{color:var(--navy);letter-spacing:.01em;margin-bottom:6px;font-size:14px;font-weight:600;display:block}.ect-landing .field select{width:100%;color:var(--navy);cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='8' viewBox='0 0 11 8'%3E%3Cpath d='M1 1.5l4.5 4.5 4.5-4.5' stroke='%231e7bc4' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") right 11px center no-repeat;border:1.5px solid #b0c4d8;border-radius:6px;outline:none;padding:10px 32px 10px 12px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:500;transition:border-color .2s}.ect-landing .field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1e7bc41f}.ect-landing .field select option{color:var(--navy);background:#fff;font-weight:500}.ect-landing input[type=range]{appearance:none;cursor:pointer;background:#b0c4d8;border-radius:3px;outline:none;width:100%;height:6px;margin-top:4px}.ect-landing input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--blue);cursor:pointer;border:3px solid #fff;border-radius:50%;width:26px;height:26px;box-shadow:0 2px 6px #1e7bc466}.ect-landing .slider-val{color:var(--blue-dark);margin-bottom:4px;font-family:Barlow Condensed,sans-serif;font-size:26px;font-weight:700;display:block}.ect-landing .slider-desc{color:#3a5070;margin-top:5px;font-size:13px;line-height:1.6}.ect-landing .pill-group{flex-wrap:wrap;gap:5px;display:flex}.ect-landing .pill-group input[type=radio]{display:none}.ect-landing .pill-group label{color:#4a6080;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1.5px solid #b0c4d8;border-radius:99px;padding:7px 14px;font-size:13px;font-weight:500;transition:all .15s}.ect-landing .pill-group input[type=radio]:checked+label{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:600}.ect-landing .pill-group label:hover{border-color:var(--blue);color:var(--blue)}.ect-landing .divider{border:none;border-top:1px solid var(--border-light);margin:18px 0}.ect-landing .fuel-input-row{align-items:center;gap:8px;margin-top:6px;display:flex}.ect-landing .fuel-input-row input[type=number]{color:var(--navy);-moz-appearance:textfield;background:#fff;border:1.5px solid #b0c4d8;border-radius:6px;outline:none;width:90px;padding:6px 10px;font-family:Barlow Condensed,sans-serif;font-size:20px;font-weight:700;transition:border-color .2s}.ect-landing .fuel-input-row input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.ect-landing .fuel-input-row input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.ect-landing .fuel-input-row input[type=number]:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1e7bc41f}.ect-landing .fuel-unit{color:#3a5070;font-size:14px;font-weight:500}.ect-landing .elec-rate-display{background:#fff;border:1.5px solid #b0c4d8;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:4px;padding:9px 14px;display:flex}.ect-landing .elec-rate-label{color:var(--text-light);font-size:11.5px;font-weight:500}.ect-landing .elec-rate-val{color:var(--blue);font-family:Barlow Condensed,sans-serif;font-size:18px;font-weight:900}.ect-landing .right-panel{background:#fff;padding:28px 32px;overflow-y:auto}.ect-landing .options-title{letter-spacing:.12em;text-transform:uppercase;color:var(--blue-dark);border-bottom:2px solid #1e7bc440;margin-bottom:14px;padding-bottom:8px;font-size:12px;font-weight:700}.ect-landing .ongoing-strip{grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.ect-landing .ongoing-col{border:1.5px solid var(--border-light);background:#fff;border-radius:12px;padding:16px 18px}.ect-landing .ongoing-col.conv{background:#fdf3f3;border-color:#f0c8c8}.ect-landing .ongoing-col.cash{background:#eef6ff;border-color:#1e7bc44d}.ect-landing .ongoing-col.eas{background:#eafaf6;border-color:#17a88e4d}.ect-landing .ongoing-header{color:var(--navy);letter-spacing:.01em;border-bottom:1.5px solid #0f1b2d1a;margin-bottom:12px;padding-bottom:8px;font-family:Barlow Condensed,sans-serif;font-size:17px;font-weight:900}.ect-landing .ongoing-col.cash .ongoing-header{color:var(--blue)}.ect-landing .ongoing-col.eas .ongoing-header{color:var(--teal)}.ect-landing .ongoing-row{justify-content:space-between;align-items:baseline;padding:6px 0;font-size:13px;display:flex}.ect-landing .ongoing-row-label{color:var(--navy);font-weight:500;line-height:1.4}.ect-landing .ongoing-row-val{color:var(--navy);flex-shrink:0;margin-left:8px;font-family:Barlow Condensed,sans-serif;font-size:16px;font-weight:700}.ect-landing .ongoing-divider{border:none;border-top:1.5px solid #0f1b2d1f;margin:8px 0 6px}.ect-landing .ongoing-total-row{justify-content:space-between;align-items:baseline;padding:4px 0 0;display:flex}.ect-landing .ongoing-total-label{color:#2a4060;letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:700}.ect-landing .ongoing-total-val{font-family:Barlow Condensed,sans-serif;font-size:26px;font-weight:900;line-height:1}.ect-landing .ongoing-total-val.red{color:var(--red)}.ect-landing .ongoing-total-val.blue{color:var(--blue)}.ect-landing .ongoing-total-val.teal{color:var(--teal)}@media (width<=780px){.ect-landing .ongoing-strip{grid-template-columns:1fr}}.ect-landing .results-placeholder{text-align:center;background:linear-gradient(135deg,#eef6ff 0%,#eafaf6 100%);border:2px dashed #1e7bc459;border-radius:16px;margin-top:20px;padding:60px 36px}.ect-landing .results-placeholder.hidden{display:none}.ect-landing .ph-icon{color:var(--blue);margin-bottom:16px;font-family:Barlow Condensed,sans-serif;font-size:56px;font-weight:900;line-height:1;animation:2.4s ease-in-out infinite ect-nudge}@keyframes ect-nudge{0%,to{transform:translate(0)}50%{transform:translate(-8px)}}.ect-landing .ph-title{color:var(--navy);margin-bottom:12px;font-family:DM Serif Display,serif;font-size:26px}.ect-landing .ph-body{color:#2a4060;max-width:460px;margin:0 auto 24px;font-size:15px;line-height:1.6}.ect-landing .ph-steps{flex-direction:column;align-items:center;gap:10px;max-width:320px;margin:0 auto;display:flex}.ect-landing .ph-step{color:var(--navy);background:#ffffffb3;border:1px solid #1e7bc433;border-radius:99px;align-items:center;gap:12px;width:100%;padding:8px 18px 8px 8px;font-size:14px;font-weight:500;display:flex}.ect-landing .ph-num{background:var(--blue);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-family:Barlow Condensed,sans-serif;font-size:14px;font-weight:900;display:inline-flex}.ect-landing .results-hidden{display:none}.ect-landing .roi-box{background:linear-gradient(135deg,#e8f6f0,#eef6ff);border:1.5px solid #17a88e;border-radius:12px;margin-bottom:20px;padding:18px 22px}.ect-landing .roi-box.hidden{display:none}.ect-landing .roi-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--teal);margin-bottom:10px;font-size:12px;font-weight:700}.ect-landing .roi-cols{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:12px;display:grid}.ect-landing .roi-stat-lbl{letter-spacing:.06em;text-transform:uppercase;color:#2a4060;margin-bottom:4px;font-size:12px;font-weight:600;line-height:1.4}.ect-landing .roi-stat-val{font-family:Barlow Condensed,sans-serif;font-size:34px;font-weight:900;line-height:1}.ect-landing .roi-stat-val.blue{color:var(--blue)}.ect-landing .roi-stat-val.teal{color:var(--teal)}.ect-landing .roi-stat-val.gold{color:var(--gold)}.ect-landing .roi-stat-sub{color:#3a5070;margin-top:3px;font-size:13px;line-height:1.4}.ect-landing .roi-divider{border:none;border-top:1px solid #17a88e33;margin:12px 0}.ect-landing .roi-sentence{color:var(--navy);font-family:DM Serif Display,serif;font-size:17px;line-height:1.6}.ect-landing .cost-strip{border:1.5px solid var(--border-light);border-radius:12px;grid-template-columns:1fr auto 1fr auto 1fr;margin-bottom:20px;display:grid;overflow:hidden}.ect-landing .cost-col{background:#fff;padding:16px}.ect-landing .cost-col.geo-cash{background:#eef6ff}.ect-landing .cost-col.geo-eas{background:#eafaf6}.ect-landing .cost-col.vs-sep{color:#b0c4d8;border-left:1px solid var(--border-light);border-right:1px solid var(--border-light);background:#f4f7fb;justify-content:center;align-items:center;padding:0 8px;font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:900;display:flex}.ect-landing .col-header{color:var(--navy);letter-spacing:.01em;margin-bottom:4px;font-family:Barlow Condensed,sans-serif;font-size:17px;font-weight:900}.ect-landing .cost-col.geo-cash .col-header{color:var(--blue)}.ect-landing .cost-col.geo-eas .col-header{color:var(--teal)}.ect-landing .col-badge{letter-spacing:.1em;text-transform:uppercase;margin-bottom:5px;font-size:11px;font-weight:700}.ect-landing .col-badge.conv{color:#3a5070}.ect-landing .col-badge.geo-b{color:var(--blue)}.ect-landing .col-badge.eas-b{color:var(--teal)}.ect-landing .col-title{color:#2a4060;min-height:30px;margin-bottom:10px;font-size:13px;font-weight:600;line-height:1.45}.ect-landing .cost-before-row{align-items:baseline;gap:6px;margin-bottom:3px;display:flex}.ect-landing .cost-before{color:#7a9ab8;font-family:Barlow Condensed,sans-serif;font-size:16px;font-weight:700;text-decoration:line-through}.ect-landing .cost-before-lbl{color:#5a7a98;font-size:12px}.ect-landing .cost-downpmt-row{align-items:baseline;gap:6px;margin-bottom:3px;display:flex}.ect-landing .cost-downpmt-amt{color:#2a4060;font-family:Barlow Condensed,sans-serif;font-size:16px;font-weight:700}.ect-landing .cost-downpmt-lbl{color:#5a7a98;font-size:12px}.ect-landing .cost-big{margin-bottom:3px;font-family:Barlow Condensed,sans-serif;font-size:36px;font-weight:900;line-height:1}.ect-landing .cost-big.red{color:var(--red)}.ect-landing .cost-big.blue{color:var(--blue)}.ect-landing .cost-big.teal{color:var(--teal)}.ect-landing .cost-lbl{color:#3a5070;margin-bottom:8px;font-size:13px;font-weight:500}.ect-landing .cost-annual{color:#2a4060;margin-bottom:6px;font-size:13px;line-height:1.55}.ect-landing .cost-annual strong{color:var(--red);font-weight:700}.ect-landing .cost-note{color:#3a5570;border-top:1px solid var(--border-light);margin-top:6px;padding-top:8px;font-size:12px;line-height:1.6}.ect-landing .cost-note strong{color:#1a3050}.ect-landing .savings-pill{color:var(--teal);background:#17a88e1a;border:1px solid #17a88e4d;border-radius:99px;align-items:center;gap:4px;margin-top:8px;padding:3px 10px;font-size:13px;font-weight:600;display:inline-flex}.ect-landing .upfront-pill{color:var(--gold);background:#e8a0201a;border:1px solid #e8a0204d;border-radius:99px;align-items:center;gap:4px;margin-top:4px;padding:3px 10px;font-size:10px;font-weight:600;display:inline-flex}.ect-landing .eas-breakdown{background:#17a88e0a;border:1px solid #17a88e33;border-radius:6px;margin-bottom:10px;padding:8px 10px}.ect-landing .eas-section-label{letter-spacing:.1em;text-transform:uppercase;color:#2a5070;margin-top:6px;margin-bottom:5px;font-size:11px;font-weight:700}.ect-landing .eas-section-label:first-child{margin-top:0}.ect-landing .eas-line{border-bottom:1px solid #17a88e1a;justify-content:space-between;align-items:baseline;padding:4px 0;font-size:13px;display:flex}.ect-landing .eas-line:last-of-type{border-bottom:none}.ect-landing .eas-line-label{color:#2a4060;font-weight:500;line-height:1.4}.ect-landing .eas-line-val{color:var(--navy);flex-shrink:0;margin-left:8px;font-family:Barlow Condensed,sans-serif;font-size:12px;font-weight:700}.ect-landing .eas-line-val.green{color:var(--teal)}.ect-landing .eas-line-val.gold{color:var(--gold)}.ect-landing .eas-line-val.dim{color:#b0c4d8;text-decoration:line-through}.ect-landing .monthly-big{color:var(--teal);margin-bottom:2px;font-family:Barlow Condensed,sans-serif;font-size:32px;font-weight:900;line-height:1}.ect-landing .monthly-sub{color:#2a4060;font-size:14px;font-weight:500}.ect-landing .monthly-breakdown{color:#3a5570;margin-top:6px;font-size:12px;line-height:1.7}.ect-landing .energy-visual{background:var(--navy);border-radius:12px;margin-bottom:20px;padding:20px 22px}.ect-landing .ev-title{letter-spacing:.1em;text-transform:uppercase;color:var(--blue-glow);margin-bottom:14px;font-size:12px;font-weight:700}.ect-landing .ev-diagram{border-radius:8px;align-items:stretch;height:52px;margin-bottom:10px;display:flex;overflow:hidden}.ect-landing .ev-seg{justify-content:center;align-items:center;transition:width .8s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden}.ect-landing .ev-seg-ground{background:linear-gradient(90deg,#1a5c3a,#2d9b6a)}.ect-landing .ev-seg-elec{background:linear-gradient(90deg,#1a3a6a,#1e7bc4)}.ect-landing .ev-seg-label{color:#fff;white-space:nowrap;font-family:Barlow Condensed,sans-serif;font-size:14px;font-weight:900}.ect-landing .ev-legend{flex-wrap:wrap;gap:16px;margin-bottom:10px;display:flex}.ect-landing .ev-legend-item{color:#ffffffe6;align-items:center;gap:8px;font-size:14px;display:flex}.ect-landing .ev-dot{border-radius:2px;flex-shrink:0;width:9px;height:9px}.ect-landing .ev-dot-ground{background:#2d9b6a}.ect-landing .ev-dot-elec{background:#1e7bc4}.ect-landing .ev-callout{color:#ffffffeb;background:#2d9b6a1f;border:1px solid #2d9b6a4d;border-radius:7px;padding:14px 16px;font-size:14px;line-height:1.7}.ect-landing .ev-callout strong{color:#4cef9a}.ect-landing .rebates-card{background:#eef6ff;border:1.5px solid #1e7bc440;border-radius:10px;margin-bottom:20px;padding:14px 16px}.ect-landing .rebate-row{border-bottom:1px solid #1e7bc426;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;display:flex}.ect-landing .rebate-row:last-child{border-bottom:none}.ect-landing .rebate-name{color:var(--navy);font-weight:500}.ect-landing .rebate-amount{color:var(--gold);font-family:Barlow Condensed,sans-serif;font-size:14px;font-weight:700}.ect-landing .rebate-total-row{border-top:1.5px solid #1e7bc433;justify-content:space-between;align-items:center;margin-top:8px;padding-top:8px;display:flex}.ect-landing .rebate-total-label{color:var(--blue-dark);font-size:14px;font-weight:700}.ect-landing .rebate-total-val{color:var(--gold);font-family:Barlow Condensed,sans-serif;font-size:20px;font-weight:900}.ect-landing .benefits-grid{grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:20px;display:grid}.ect-landing .benefit-card{border:1px solid var(--border-light);border-top:2.5px solid var(--blue);background:#f4f7fb;border-radius:10px;padding:14px 13px}.ect-landing .benefit-icon{margin-bottom:8px;font-size:26px}.ect-landing .benefit-title{color:var(--navy);margin-bottom:5px;font-size:14px;font-weight:700;line-height:1.3}.ect-landing .benefit-val{margin-top:4px;font-family:Barlow Condensed,sans-serif;font-size:17px;font-weight:900}.ect-landing .bv-gold{color:var(--gold)}.ect-landing .bv-teal{color:var(--teal)}.ect-landing .bv-green{color:var(--green)}.ect-landing .bv-blue{color:var(--blue)}.ect-landing .benefit-desc{color:#2a4060;margin-top:4px;font-size:13px;line-height:1.6}.ect-landing .site-footer{background:var(--navy);color:#fffc;text-align:center;padding:20px 32px;font-size:13px;line-height:1.9}.ect-landing .site-footer a{color:var(--blue-glow)}.ect-landing .cta-band{background:linear-gradient(135deg, var(--blue-dark), var(--blue));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:20px 32px;display:flex}.ect-landing .cta-text{color:#fff;font-family:DM Serif Display,serif;font-size:18px}.ect-landing .cta-sub{color:#ffffffeb;margin-top:4px;font-size:15px}.ect-landing .cta-btn{color:var(--blue-dark);cursor:pointer;white-space:nowrap;background:#fff;border:none;border-radius:6px;padding:12px 28px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;transition:transform .15s,box-shadow .15s}.ect-landing .cta-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0003}.ect-landing .disclaimer{color:#3a5070;margin-top:8px;font-size:12px;line-height:1.8}@media (width<=860px){.ect-landing .main-wrap{grid-template-columns:1fr}.ect-landing .left-panel{border-right:none;border-bottom:1px solid var(--border-light)}.ect-landing .cost-strip{grid-template-columns:1fr}.ect-landing .cost-col.vs-sep{display:none}.ect-landing .benefits-grid,.ect-landing .roi-cols{grid-template-columns:1fr 1fr}.ect-landing .site-header{padding:0 20px}.ect-landing .hero-band{padding:24px 20px}}@media (width<=480px){.ect-landing .benefits-grid,.ect-landing .roi-cols{grid-template-columns:1fr}.ect-landing .right-panel,.ect-landing .left-panel{padding:18px 16px}.ect-landing .logo-img{height:40px}}