:root {--navy:#123850;--deep:#132e40;--teal:#159e8b;--muted:#5f7683;--line:#dce8e7;--pale:#f4f9f7;--amber:#d8922c;--white:#fff;}
* {box-sizing:border-box} html {scroll-behavior:smooth} body {margin:0;color:var(--deep);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:#fafcfb}
a {color:inherit;text-decoration:none}button {font:inherit}a:focus-visible,button:focus-visible {outline:3px solid #208ccc;outline-offset:3px}.container {width:min(1180px,calc(100% - 42px));margin-inline:auto}
.site-header {background:#fff;border-bottom:1px solid #e7eeeb}.header-row{display:flex;justify-content:space-between;gap:24px;align-items:center;min-height:92px}.wordmark{color:var(--navy);font-size:33px;letter-spacing:.035em;line-height:1;font-weight:850}.wordmark small{font-size:9px;letter-spacing:.20em;display:block;color:#68838a;margin-top:8px;font-weight:700}
.header-actions{display:flex;align-items:center;gap:20px}.header-email{font-size:14px;color:#4d6a76}.language{border:1px solid #dce5e3;border-radius:24px;display:flex;padding:4px;gap:3px}.language button{background:transparent;border:0;color:#536a73;padding:6px 12px;border-radius:22px;cursor:pointer;font-weight:700;font-size:13px}.language button[aria-pressed="true"] {background:var(--navy);color:#fff}
.hero{padding:76px 0 28px;background:radial-gradient(circle at 89% 12%,#daf5e9 0,transparent 30%),linear-gradient(155deg,#fff 15%,#eff7f4 100%)}.eyebrow{color:#187e76;letter-spacing:.12em;text-transform:uppercase;font-weight:800;font-size:13px}.hero h1{font-size:clamp(36px,5vw,62px);line-height:1.13;letter-spacing:-.035em;max-width:900px;margin:20px 0}.hero h1 span{color:var(--teal)}.intro{font-size:18px;color:var(--muted);max-width:760px;margin-bottom:32px}.subtle-pills{display:flex;flex-wrap:wrap;gap:11px}.pill{background:#fff;border:1px solid #e0eae7;color:#507b79;border-radius:30px;padding:7px 14px;font-size:13px;font-weight:650}
.divisions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:43px;align-items:stretch}.division{background:#fff;border:1px solid #dce9e5;border-radius:23px;padding:32px;position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:405px;box-shadow:0 12px 40px rgba(18,56,80,.05)}.division::before{content:"";position:absolute;height:6px;background:linear-gradient(90deg,var(--navy),var(--teal));top:0;left:0;right:0}.division.energy::before{background:linear-gradient(90deg,var(--navy),var(--amber))}.division-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:76px}.school-brand{display:block;max-width:315px;width:100%;height:auto;max-height:76px;object-fit:contain;object-position:left center}.energy-brand{display:flex;align-items:center;gap:13px}.energy-glyph{display:grid;place-items:center;width:60px;height:60px;background:#e8f1f5;border-radius:18px;color:var(--navy)}.energy-glyph svg{width:33px;height:33px}.energy-brand strong{font-size:24px;line-height:1.1;letter-spacing:.035em;color:var(--navy)}.energy-brand small{display:block;letter-spacing:.11em;font-size:11px;color:#a87327;font-weight:800;margin-top:5px}.card-overline{color:#668087;font-size:12px;font-weight:750;letter-spacing:.10em;text-transform:uppercase;margin-top:26px}.division h2{font-size:clamp(22px,2.5vw,29px);margin:9px 0 7px;letter-spacing:-.02em}.division p{color:var(--muted);margin:0 0 26px;max-width:470px}.card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;flex-wrap:wrap}.button{display:inline-flex;gap:11px;align-items:center;justify-content:center;padding:12px 19px;background:var(--teal);color:#fff;border-radius:11px;font-weight:700;border:1px solid transparent;cursor:pointer}.button:hover{background:#118c7d}.button.secondary{background:var(--navy)}.button.secondary:hover{background:#0d2738}.muted-note{font-size:12px;color:#72858b;max-width:230px}
.section{padding:65px 0}.section h2{font-size:28px;line-height:1.2;margin:0 0 14px}.section p{color:#607a86;margin:0;max-width:790px}.section-panel{border:1px solid #dfe9e7;background:#fff;border-radius:20px;padding:30px}.section-row{display:flex;justify-content:space-between;gap:30px;align-items:center}.small{font-size:14px}.site-footer{margin-top:30px;padding:30px 0;background:var(--navy);color:#c9dbde}.footer-row{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-row strong{color:#fff;letter-spacing:.04em}.footer-row a{text-decoration:underline;text-underline-offset:3px}
.back-link {display:inline-block;color:#147e74;font-size:14px;font-weight:700;margin-bottom:22px}.energy-page{padding:72px 0 85px}.energy-page h1{font-size:clamp(34px,4vw,52px);line-height:1.14;margin:10px 0 15px}.energy-page .intro{max-width:830px}.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:35px 0 45px}.category{padding:20px 24px;border:1px solid var(--line);border-radius:14px;background:#fff;font-weight:700}.contact-actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:20px}.copy-status{font-size:13px;color:#21796c;margin-top:10px;min-height:23px}
@media(max-width:780px){.divisions{grid-template-columns:1fr}.hero{padding-top:50px}.division{min-height:350px}.header-email{display:none}.section-row{align-items:flex-start;flex-direction:column}.footer-row{flex-direction:column;align-items:flex-start}.category-grid{grid-template-columns:1fr}}@media(max-width:450px){.container{width:min(100% - 28px,1180px)}.header-row{min-height:80px}.wordmark{font-size:27px}.division{padding:23px}.school-brand{max-width:245px}.energy-brand strong{font-size:20px}.intro{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Archived EDUSOL Energy approved logo: use original asset, do not redraw. */
.energy-approved-logo{display:block;max-width:min(100%,270px);height:auto;object-fit:contain;object-position:left center}.energy-page-approved-logo{display:block;max-width:min(100%,345px);height:auto;margin:0 0 22px;object-fit:contain;object-position:left center}
@media(max-width:450px){.energy-approved-logo{max-width:min(100%,245px)}.energy-page-approved-logo{max-width:min(100%,280px)}}


/* EDUSOL HOME V1.1: lock the two approved logo originals; align visible letter heights.
   The school SVG has a much wider viewBox than its visible EDUSOL wordmark;
   the saved energy PNG contains larger lettering within its own aspect ratio.
   Different CSS widths are therefore intentional to achieve equal visual scale. */
.division-top {height:100px;min-height:100px;display:flex;align-items:center;justify-content:flex-start;}
.school-brand {flex:0 0 auto;width:390px;max-width:100%;height:auto;max-height:95px;object-fit:contain;object-position:left center;}
.energy-approved-logo {flex:0 0 auto;width:230px;max-width:100%;height:auto;max-height:78px;object-fit:contain;object-position:left center;}
/* Align the text and CTAs between business cards regardless of logo aspect ratio. */
.card-overline {margin-top:24px;}
@media(max-width:450px){
  .division-top {height:80px;min-height:80px;}
  .school-brand{width:min(335px,100%);max-height:78px;}
  .energy-approved-logo{width:min(205px,100%);max-height:66px;}
  .card-overline{margin-top:18px;}
}