.solar-site { --solar-green:#0b4b3a; --solar-deep:#062f2a; --solar-blue:#0d75c7; --solar-yellow:#ffc42e; --solar-cream:#f4f7f2; margin:0; color:#12312b; background:#fff; font-family:Arial,Helvetica,sans-serif; }
.solar-container { width:min(1180px,calc(100% - 48px)); margin-inline:auto; }
.solar-demo-bar { color:#a9c4be; background:#05241f; border-bottom:1px solid rgba(255,255,255,.1); }
.solar-demo-bar .solar-container { min-height:38px; display:flex; align-items:center; justify-content:space-between; gap:20px; font-size:10px; letter-spacing:.08em; }
.solar-demo-bar span,.solar-demo-bar a { display:flex; align-items:center; gap:7px; }
.solar-demo-bar span svg { color:var(--solar-yellow); }
.solar-demo-bar a { color:#e0efeb; font-weight:700; }
.solar-header { position:absolute; z-index:10; top:38px; left:0; right:0; border-bottom:1px solid rgba(255,255,255,.17); }
.solar-header-inner { height:86px; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.solar-brand { display:flex; align-items:center; gap:11px; color:#fff; }
.solar-mark { width:44px; height:44px; display:grid; place-items:center; color:#07372e; background:var(--solar-yellow); border-radius:50%; }
.solar-brand > span:last-child { display:flex; flex-direction:column; line-height:1; }
.solar-brand strong { font-size:18px; letter-spacing:.15em; }
.solar-brand small { margin-top:6px; color:#c4d7d2; font-size:8px; letter-spacing:.28em; }
.solar-header nav { display:flex; gap:27px; margin-left:auto; }
.solar-header nav a { color:#e2ece9; font-size:12px; }
.solar-header-cta { min-height:42px; padding:0 17px; display:inline-flex; align-items:center; gap:8px; color:#092c26; background:var(--solar-yellow); border-radius:22px; font-size:11px; font-weight:800; }
.solar-hero { position:relative; min-height:790px; display:flex; align-items:center; overflow:hidden; color:#fff; background:var(--solar-deep); }
.solar-hero > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; }
.solar-hero-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(4,39,34,.97) 0%,rgba(4,39,34,.85) 36%,rgba(4,39,34,.25) 67%,rgba(4,39,34,.03)),linear-gradient(0deg,rgba(4,28,25,.62),transparent 48%); }
.solar-hero-content { position:relative; z-index:2; padding-top:100px; }
.solar-kicker { display:flex; align-items:center; gap:9px; color:#ffe080; font-size:10px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.solar-hero h1 { max-width:720px; margin:24px 0 22px; font-size:clamp(54px,6.3vw,88px); line-height:.94; letter-spacing:-.058em; }
.solar-hero h1 em { color:var(--solar-yellow); font-style:normal; }
.solar-hero-content > p { max-width:580px; margin:0; color:#d2dfdc; font-size:17px; line-height:1.7; }
.solar-actions { display:flex; gap:14px; margin-top:35px; }
.solar-btn { min-height:52px; padding:0 22px; display:inline-flex; align-items:center; justify-content:center; gap:9px; border-radius:28px; font-size:12px; font-weight:800; transition:.2s ease; }
.solar-btn:hover { transform:translateY(-2px); }
.solar-btn.primary { color:#092c26; background:var(--solar-yellow); }
.solar-btn.ghost { color:#fff; border:1px solid rgba(255,255,255,.3); }
.solar-btn.dark { color:#fff; background:var(--solar-deep); }
.solar-trust { display:flex; gap:24px; margin-top:33px; color:#bad0ca; font-size:10px; }
.solar-trust span { display:flex; align-items:center; gap:7px; }
.solar-trust svg { color:var(--solar-yellow); }
.solar-float { position:absolute; z-index:3; right:6vw; bottom:50px; width:215px; height:215px; padding:30px; display:flex; flex-direction:column; justify-content:center; color:#0b332c; background:rgba(255,255,255,.92); border-radius:50%; box-shadow:0 25px 60px rgba(0,0,0,.2); backdrop-filter:blur(8px); }
.solar-float span { font-size:8px; font-weight:800; letter-spacing:.15em; }
.solar-float strong { margin:8px 0 3px; color:#0c6f54; font-size:39px; letter-spacing:-.05em; }
.solar-float small { color:#6b817b; font-size:10px; }
.solar-benefits { border-bottom:1px solid #dfe9e4; background:#fff; }
.solar-benefits .solar-container { min-height:105px; display:grid; grid-template-columns:repeat(3,1fr); }
.solar-benefits .solar-container > div { padding:24px 30px; display:flex; align-items:center; gap:15px; border-right:1px solid #dfe9e4; color:#0d7358; }
.solar-benefits .solar-container > div:first-child { padding-left:0; }
.solar-benefits .solar-container > div:last-child { border:0; }
.solar-benefits span { display:flex; flex-direction:column; gap:4px; color:#71847f; font-size:10px; }
.solar-benefits strong { color:#183d35; font-size:13px; }
.solar-section { padding:112px 0; }
.solar-heading { display:grid; grid-template-columns:1.2fr .8fr; gap:90px; align-items:end; }
.solar-label { display:inline-flex; align-items:center; gap:10px; color:#08765a; font-size:10px; font-weight:800; letter-spacing:.17em; text-transform:uppercase; }
.solar-label::before { content:""; width:30px; height:2px; background:var(--solar-yellow); }
.solar-label.light { color:#9ee8d2; }
.solar-heading h2,.savings-copy h2,.solar-process-head h2,.impact-copy h2,.solar-contact h2 { margin:18px 0 0; font-size:clamp(37px,4.2vw,58px); line-height:1.04; letter-spacing:-.047em; }
.solar-heading > p { margin:0 0 4px; color:#71807c; font-size:14px; line-height:1.75; }
.solar-solution-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:58px; }
.solar-solution-grid article { min-height:390px; padding:30px; display:flex; flex-direction:column; border:1px solid #dce7e2; border-radius:15px; background:#fff; transition:.25s ease; }
.solar-solution-grid article:hover { transform:translateY(-6px); box-shadow:0 24px 55px rgba(8,72,56,.11); }
.solution-icon { width:57px; height:57px; display:grid; place-items:center; color:#08765a; background:#eaf5f0; border-radius:50%; }
.solar-solution-grid article > span { margin-top:40px; color:#138368; font-size:9px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.solar-solution-grid h3 { margin:9px 0 13px; font-size:25px; letter-spacing:-.03em; }
.solar-solution-grid p { margin:0; color:#71807c; font-size:13px; line-height:1.75; }
.solar-solution-grid a { margin-top:auto; padding-top:22px; display:flex; align-items:center; gap:8px; color:#08765a; font-size:11px; font-weight:800; border-top:1px solid #e1e9e5; }
.solar-savings { padding:112px 0; color:#fff; background:linear-gradient(120deg,#073c33,#075849 60%,#0b735b); }
.savings-grid { display:grid; grid-template-columns:1fr .85fr; gap:100px; align-items:center; }
.savings-copy > p { margin:24px 0; color:#b9d2cb; font-size:14px; line-height:1.8; }
.savings-copy ul { list-style:none; margin:0; padding:25px 0 0; display:grid; gap:13px; border-top:1px solid rgba(255,255,255,.16); }
.savings-copy li { display:flex; align-items:center; gap:9px; color:#dcebe7; font-size:12px; }
.savings-copy li svg { color:var(--solar-yellow); }
.savings-card { padding:34px; color:#173832; background:#fff; border-radius:18px; box-shadow:0 28px 70px rgba(0,0,0,.18); }
.savings-card-head { display:flex; align-items:center; justify-content:space-between; color:#0d7559; }
.savings-card-head span { font-size:9px; font-weight:800; letter-spacing:.16em; }
.savings-card label { margin-top:30px; display:flex; justify-content:space-between; color:#6a7f79; font-size:11px; }
.savings-card label strong { color:#143b32; font-size:16px; }
.solar-range { position:relative; height:7px; margin:19px 0 30px; background:#dce9e4; border-radius:8px; }
.solar-range i { position:absolute; inset:0 28% 0 0; background:linear-gradient(90deg,#17a77c,#ffc42e); border-radius:8px; }
.solar-range i::after { content:""; position:absolute; right:-8px; top:-5px; width:17px; height:17px; background:#ffbe17; border:3px solid #fff; border-radius:50%; box-shadow:0 2px 8px rgba(0,0,0,.2); }
.savings-result { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }
.savings-result div { padding:17px; background:#edf6f2; border-radius:10px; }
.savings-result span { display:block; color:#6e827c; font-size:9px; }
.savings-result strong { display:block; margin-top:7px; color:#0b795c; font-size:21px; }
.savings-card > small { display:block; margin:18px 0; color:#8b9995; font-size:8px; line-height:1.45; }
.savings-card > a { min-height:48px; display:flex; align-items:center; justify-content:center; gap:8px; color:#fff; background:#08765a; border-radius:25px; font-size:11px; font-weight:800; }
.solar-process { background:var(--solar-cream); }
.solar-process-head { max-width:760px; }
.solar-process ol { list-style:none; margin:58px 0 0; padding:0; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid #ccded7; }
.solar-process li { padding:29px 25px 0 0; display:flex; gap:19px; border-right:1px solid #ccded7; }
.solar-process li + li { padding-left:25px; }
.solar-process li:last-child { border:0; }
.solar-process li > span { color:#0b7c5e; font-size:10px; font-weight:800; letter-spacing:.15em; }
.solar-process li strong { font-size:18px; }
.solar-process li p { margin:10px 0 0; color:#73827e; font-size:12px; line-height:1.65; }
.solar-impact { padding:112px 0; color:#fff; background:#062c27; overflow:hidden; }
.impact-grid { display:grid; grid-template-columns:.75fr 1.25fr; gap:110px; align-items:center; }
.impact-visual { position:relative; min-height:470px; display:grid; place-items:center; color:var(--solar-yellow); }
.impact-visual svg { position:relative; z-index:2; filter:drop-shadow(0 0 35px rgba(255,196,46,.35)); }
.impact-visual > span { position:absolute; bottom:38px; color:#7db1a4; font-size:10px; font-weight:800; line-height:1.5; letter-spacing:.2em; text-align:center; }
.orbit { position:absolute; border:1px solid rgba(133,217,195,.18); border-radius:50%; }
.orbit.one { width:300px; height:300px; }
.orbit.two { width:430px; height:430px; box-shadow:0 0 0 55px rgba(89,182,157,.025); }
.impact-copy > p { margin:24px 0; color:#aac8c0; font-size:14px; line-height:1.8; }
.impact-numbers { display:grid; grid-template-columns:repeat(3,1fr); margin-top:36px; border-top:1px solid rgba(255,255,255,.15); }
.impact-numbers div { padding:25px 15px 0 0; display:flex; flex-direction:column; }
.impact-numbers strong { color:#ffd45f; font-size:24px; }
.impact-numbers span { margin-top:5px; color:#91b1a9; font-size:9px; text-transform:uppercase; letter-spacing:.08em; }
.solar-contact { padding:82px 0; background:var(--solar-yellow); }
.solar-contact-inner { display:flex; align-items:center; justify-content:space-between; gap:60px; }
.solar-contact h2 { max-width:780px; color:#0a392f; }
.solar-contact p { margin:15px 0 0; color:#5f571d; font-size:13px; }
.solar-footer { padding:50px 0; color:#8eaaa3; background:#041e1a; }
.solar-footer .solar-container { display:grid; grid-template-columns:1fr auto; gap:30px; align-items:center; }
.solar-footer-info { display:flex; gap:24px; }
.solar-footer-info span { display:flex; align-items:center; gap:7px; font-size:10px; }
.solar-footer p { margin:0; font-size:9px; }
.solar-footer > .solar-container > a { display:flex; align-items:center; justify-content:flex-end; gap:8px; color:#acc6bf; font-size:10px; }
.solar-footer a img { width:24px; height:24px; object-fit:contain; }
@media (max-width:900px) {
  .solar-header nav { display:none; }
  .solar-heading,.savings-grid,.impact-grid { grid-template-columns:1fr; gap:45px; }
  .solar-solution-grid { grid-template-columns:1fr; }
  .solar-solution-grid article { min-height:320px; }
  .solar-process ol { grid-template-columns:repeat(2,1fr); gap:30px 0; }
  .solar-float { width:175px; height:175px; right:35px; }
  .solar-contact-inner { align-items:flex-start; flex-direction:column; }
  .solar-footer .solar-container { grid-template-columns:1fr; }
  .solar-footer > .solar-container > a { justify-content:flex-start; }
}
@media (max-width:640px) {
  .solar-container { width:min(100% - 30px,1180px); }
  .solar-demo-bar .solar-container { min-height:44px; }
  .solar-demo-bar span { display:none; }
  .solar-demo-bar a { margin-left:auto; }
  .solar-header { top:44px; }
  .solar-header-inner { height:75px; }
  .solar-header-cta { width:42px; padding:0; font-size:0; justify-content:center; }
  .solar-hero { min-height:850px; align-items:flex-end; }
  .solar-hero > img { object-position:66% center; }
  .solar-hero-shade { background:linear-gradient(0deg,rgba(4,39,34,.99) 16%,rgba(4,39,34,.48) 74%,rgba(4,39,34,.72)); }
  .solar-hero-content { padding:155px 0 220px; }
  .solar-hero h1 { font-size:49px; }
  .solar-hero-content > p { font-size:15px; }
  .solar-actions { flex-direction:column; align-items:stretch; }
  .solar-trust { align-items:flex-start; flex-direction:column; gap:10px; }
  .solar-float { right:15px; bottom:25px; width:165px; height:165px; padding:24px; }
  .solar-float strong { font-size:31px; }
  .solar-benefits .solar-container { grid-template-columns:1fr; padding:15px 0; }
  .solar-benefits .solar-container > div,.solar-benefits .solar-container > div:first-child { padding:17px 0; border-right:0; border-bottom:1px solid #dfe9e4; }
  .solar-section,.solar-savings,.solar-impact { padding:82px 0; }
  .solar-heading h2,.savings-copy h2,.solar-process-head h2,.impact-copy h2,.solar-contact h2 { font-size:39px; }
  .savings-card { padding:24px; }
  .savings-result { grid-template-columns:1fr; }
  .solar-process ol { grid-template-columns:1fr; }
  .solar-process li,.solar-process li + li { padding:25px 0 0; border-right:0; border-top:1px solid #ccded7; }
  .solar-process li:first-child { border-top:0; }
  .impact-visual { min-height:380px; transform:scale(.85); }
  .impact-numbers { grid-template-columns:1fr; }
  .solar-footer-info { align-items:flex-start; flex-direction:column; gap:10px; }
}
@media (prefers-reduced-motion:reduce) { .solar-site * { scroll-behavior:auto!important; transition:none!important; } }