
:root{--blue:#207897;--blue-dark:#155f78;--ink:#111;--muted:#555;--line:#b8b8b8;--soft:#f3f3f3;--max:860px;}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;font-size:14px;line-height:1.55}.site-header{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:14px 32px}.brand-icon{width:34px;height:34px;border-radius:50%;object-fit:cover}.nav{display:flex;gap:26px;align-items:center}.nav a{color:#fff;text-decoration:none;font-size:14px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.45)}.hero{position:relative;min-height:294px;background-image:linear-gradient(rgba(19,38,58,.58),rgba(19,38,58,.58)),url('assets/hero-solar.jpg');background-size:cover;background-position:center 52%;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;padding:70px 20px 44px}.hero h1{font-size:66px;line-height:.98;margin:0 0 25px;font-weight:800;letter-spacing:.5px}.hero p{max-width:720px;margin:0 auto;font-size:13px;font-weight:700}.callout{background:var(--blue);color:#fff;padding:30px 18px}.callout .inner{max-width:920px;margin:auto}.callout ul{width:max-content;max-width:100%;margin:0 auto;padding-left:18px;display:grid;gap:16px;list-style-type:square;font-size:12px;font-weight:700}.callout li{white-space:nowrap}.wrap{max-width:var(--max);margin:0 auto;padding:32px 18px}.about-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:34px;align-items:start}.section-title{text-align:center;font-size:18px;font-weight:400;margin:0 0 12px;color:#333}.about-photo{width:100%;display:block;max-height:275px;object-fit:cover}.about-copy{text-align:center;font-size:13px;line-height:1.65}.about-copy h3{font-size:14px;margin:0 0 24px}.about-copy a,.pay a,.learn{color:#006b8f}.learn{display:inline-block;margin-top:22px}.divider{height:1px;background:#999;margin:42px 5px}.featured{background:var(--blue);color:#fff;padding:56px 18px 88px;text-align:center}.featured h2{font-size:18px;margin:0 0 44px;font-weight:700}.video-card{display:inline-block;text-decoration:none;color:#fff}.video-frame{position:relative;max-width:720px;margin:0 auto}.video-frame img{display:block;width:100%;height:auto}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#ff0000;color:#fff;width:58px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:24px;font-weight:700}.video-caption{font-size:13px;margin-top:12px;font-weight:700}.steps{padding-top:38px}.step{display:grid;grid-template-columns:350px 1fr;gap:30px;align-items:start;margin-bottom:28px}.step h2{color:#006b9a;font-size:20px;font-weight:400;margin:0 0 12px}.step img{width:100%;display:block}.offer h2{color:#006b9a;font-size:20px;font-weight:400;margin:0 0 14px}.offer p{font-size:13px;line-height:1.35;margin:0 0 16px}.offer strong{font-weight:700}.pay-intro{margin-top:8px}.expand-callout{max-width:720px;margin:8px auto 30px;padding:14px 18px;border:1px solid #c9dce5;background:#f3fbfe;color:#0d5f7e;text-align:center;font-size:14px;line-height:1.45;border-radius:6px}.expand-callout strong{display:block;font-size:15px;margin-bottom:3px}.expand-callout span{display:block}.accordions{display:grid;grid-template-columns:1fr 1fr;gap:36px 96px;margin:34px 70px 66px}.acc{border-bottom:1px solid #555}.acc button{width:100%;padding:0 0 10px;background:transparent;border:0;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;color:#006b9a;font-size:20px;font-weight:400;cursor:pointer;text-align:left}.acc-title{display:flex;flex-direction:column;line-height:1.1}.acc-title small{font-size:11px;color:#666;margin-top:6px;letter-spacing:.2px}.acc .chev{font-size:22px;line-height:1;color:#666;transition:transform .15s ease}.panel{display:none;padding:12px 0 22px;font-size:13px}.acc.open .panel{display:block}.acc.open .chev{transform:rotate(180deg)}.qr{display:none;margin-top:12px;max-width:180px}.qr.show{display:block}.schedule{display:grid;grid-template-columns:130px 1fr;gap:30px;align-items:start;margin:0 8px}.schedule h2{color:#006b9a;font-size:20px;font-weight:400;margin:20px 0 0}.schedule img{max-width:390px;width:100%;display:block}.disclaimer{text-align:center;font-size:12px;font-weight:600;line-height:1.6;margin:32px auto 0;max-width:890px}.subscribe{background:#f1f1f1;text-align:center;padding:34px 18px}.subscribe h2{color:#006b9a;font-size:20px;font-weight:400;margin:0 0 34px}.subscribe a{display:inline-block;width:275px;max-width:90%;background:var(--blue);color:#fff;text-decoration:none;padding:8px 14px;border-radius:2px;font-size:12px;font-weight:700}.footer{background:var(--blue);color:#fff;padding:28px 18px;text-align:center}.footer-single{max-width:320px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.footer h3{font-size:13px;margin:0 0 14px}.footer a{color:#fff;text-decoration:none}.contact-link{display:inline-block;margin:0 0 16px;padding:7px 14px;border:1px solid rgba(255,255,255,.65);border-radius:999px;font-size:12px;font-weight:700}.contact-link:hover,.contact-link:focus{background:rgba(255,255,255,.16);outline:none}.social{width:28px;height:28px;border-radius:50%;background:#777;display:inline-grid;place-items:center;color:#ddd;font-weight:700}.x-social:hover,.x-social:focus{background:#555;outline:none}.mobile-break{display:none}@media (max-width:760px){body{font-size:15px}.expand-callout{text-align:left;margin:4px 0 26px}.site-header{padding:12px 18px}.nav{gap:16px}.hero{min-height:360px;padding-top:76px}.hero h1{font-size:46px}.hero p{font-size:13px}.callout ul{width:auto;margin:0;padding-left:20px;font-size:13px}.callout li{white-space:normal}.about-grid,.step,.schedule{grid-template-columns:1fr}.about-copy{text-align:left}.section-title{text-align:left}.featured{padding:42px 18px 58px}.accordions{grid-template-columns:1fr;margin:25px 10px 50px;gap:22px}.footer-grid{grid-template-columns:1fr 1fr;gap:26px}.mobile-break{display:inline}.wrap{padding-left:20px;padding-right:20px}.schedule img{max-width:100%}}@media (max-width:480px){.hero h1{font-size:38px}.hero p{font-size:12px}.step h2,.offer h2,.schedule h2,.acc button{font-size:18px}.footer-grid{grid-template-columns:1fr}.site-header{position:absolute}.nav a{font-size:13px}.about-photo{max-height:none}.play{width:50px;height:36px}}
