:root{--ink:#17231c;--muted:#5b675f;--paper:#f5f4ed;--white:#fffefa;--green:#375a43;--lime:#d4ea85;--line:rgba(23,35,28,.17);--serif:Georgia,'Times New Roman',serif;--sans:'DM Sans',sans-serif;--display:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.skip-link{position:absolute;left:-999px;top:1rem;background:var(--ink);color:white;padding:.8rem;z-index:9}.skip-link:focus{left:1rem}.site-header{height:82px;padding:0 7.2%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:11px;font-family:var(--display);font-weight:700;font-size:15px;line-height:1}.brand b{font-weight:500}.brand small{display:block;margin-top:6px;font:600 8px var(--sans);letter-spacing:.17em;color:var(--muted)}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--green);color:var(--lime);font:800 20px var(--display)}.nav-links{display:flex;align-items:center;gap:36px;font-size:12px;font-weight:600}.nav-links a:not(.nav-cta):hover,.text-link:hover,.arrow-link:hover{color:var(--green)}.nav-cta{background:var(--ink);color:white;padding:12px 17px;border-radius:30px}.nav-cta span{padding-left:12px;color:var(--lime)}.menu-toggle{display:none}.hero{min-height:650px;padding:88px 7.2% 38px;display:grid;grid-template-columns:48% 52%;position:relative;overflow:hidden}.hero-copy{position:relative;z-index:1;padding-top:26px}.eyebrow{display:flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:700;color:var(--green);margin:0 0 23px}.eyebrow-dot{width:7px;height:7px;background:#95a85c;border-radius:50%}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--display);font-weight:500;letter-spacing:-.055em}h1{font-size:clamp(48px,5.6vw,82px);line-height:1.03;margin-bottom:23px}h1 em,h2 em,h3 em{font-family:var(--serif);font-weight:400;letter-spacing:-.045em}h1 em{color:var(--green)}.hero-intro{max-width:435px;color:var(--muted);line-height:1.8;font-size:15px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;border:0;border-radius:30px;padding:14px 19px;font-weight:700;font-size:12px;cursor:pointer;transition:transform .2s}.button:hover{transform:translateY(-2px)}.button span{font-size:16px}.button-dark{background:var(--ink);color:white}.button-dark span{color:var(--lime)}.button-light{background:var(--lime);color:var(--ink)}.text-link,.arrow-link{font-size:12px;font-weight:700}.text-link span,.arrow-link span{padding-left:8px}.hero-note{position:absolute;left:0;bottom:-116px;display:flex;align-items:center;gap:12px;font-size:10px;color:var(--muted);line-height:1.55}.note-lines{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;font-size:18px;color:var(--green)}.hero-art{height:480px;align-self:center;position:relative;margin-left:15px;background:#e5ebdc;border-radius:48% 48% 44% 44% / 45% 45% 35% 35%;overflow:hidden}.sun{position:absolute;right:16%;top:13%;width:92px;height:92px;border-radius:50%;background:#e8a76c}.hill{position:absolute;border-radius:50%}.hill-back{width:120%;height:56%;left:-18%;bottom:-10%;background:#a2b88b;transform:rotate(-12deg)}.hill-front{width:120%;height:48%;left:8%;bottom:-18%;background:#557657;transform:rotate(9deg)}.house{position:absolute;z-index:1;bottom:25%;width:92px;height:67px;background:#f7e9c9}.house:before{content:'';position:absolute;left:-10px;top:-35px;border-left:56px solid transparent;border-right:56px solid transparent;border-bottom:38px solid #b87550}.house i{position:absolute;width:20px;height:34px;bottom:0;left:34px;background:#759389}.house b{position:absolute;left:8px;top:11px;width:18px;height:17px;background:#c0d1c1}.house-one{left:19%;transform:scale(.8)}.house-two{left:44%;bottom:32%;transform:scale(1.1)}.house-three{right:10%;bottom:21%;transform:scale(.75)}.solar-panel{position:absolute;z-index:2;left:52%;bottom:38%;width:84px;height:46px;background:#405c63;transform:skewY(-12deg) rotate(-8deg);border:3px solid #d7e1d4;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.solar-panel span{border:1px solid #99b6b1}.tree{position:absolute;z-index:2;bottom:24%;width:40px;height:78px}.tree i{position:absolute;bottom:0;left:17px;width:7px;height:30px;background:#614e37}.tree b{position:absolute;left:0;top:0;width:40px;height:45px;border-radius:50%;background:#536c4c}.tree-one{left:10%}.tree-two{right:13%;transform:scale(1.2)}.art-tag{position:absolute;z-index:3;background:var(--white);font-size:10px;font-weight:700;padding:11px 15px;box-shadow:0 5px 25px #263c2e1a}.tag-top{top:22%;left:5%;border-radius:22px}.tag-top span{margin-left:18px;color:#789550}.tag-bottom{bottom:12%;right:4%;border-radius:24px;display:flex;align-items:center;gap:10px}.tag-icon{display:grid;place-items:center;background:var(--lime);width:25px;height:25px;border-radius:50%}.hero-bottom{position:absolute;bottom:0;left:7.2%;right:7.2%;padding:16px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.11em;font-size:9px;color:var(--muted)}.hero-bottom b{font-size:15px;color:var(--ink);padding-left:7px}.section-pad{padding:105px 10%}.section-kicker{text-transform:uppercase;letter-spacing:.14em;font-size:9px;font-weight:700;color:var(--muted)}.section-kicker span{color:var(--green)}.intro-section{background:var(--white)}.intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:12%;padding-top:52px}.intro-grid h2,.section-heading h2,.focus-top h2,.pathway-heading h2,.energy-services h2,.contact-section h2{font-size:clamp(38px,4vw,56px);line-height:1.1;margin-bottom:0}.intro-grid h2 em,.section-heading h2 em,.focus-top h2 em,.pathway-heading h2 em,.contact-section h2 em{color:var(--green)}.intro-text{max-width:420px;color:var(--muted);font-size:13px;line-height:1.8}.intro-text p+p{margin-top:15px}.arrow-link{color:var(--ink);display:inline-block;margin-top:14px}.companies-section{padding-top:110px;padding-bottom:120px}.section-heading,.focus-top{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:48px}.section-heading>p,.focus-top>p{max-width:300px;color:var(--muted);font-size:13px;line-height:1.8;margin:0 0 5px}.section-heading h2,.focus-top h2{margin-top:28px}.company-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.company-card{border-radius:10px;background:#ebece3;overflow:hidden;min-width:0}.energy-card{background:#e7edeb}.coedu-card{background:#ece9df}.card-top{height:47px;display:flex;justify-content:space-between;align-items:center;padding:0 23px}.card-index{font-size:9px;letter-spacing:.13em;font-weight:700;color:var(--muted)}.card-symbol{font-size:17px;color:var(--green)}.card-illustration{height:183px;position:relative;overflow:hidden;margin:0 13px;border-radius:6px}.community-illus{background:#dbe3cc}.community-sun{position:absolute;right:18%;top:13%;width:48px;height:48px;border-radius:50%;background:#f1b875}.community-ground{position:absolute;bottom:-35px;left:-10%;width:120%;height:90px;border-radius:50%;background:#7b9670}.community-person{position:absolute;z-index:1;bottom:50px;width:22px;height:36px;border-radius:12px 12px 5px 5px;background:#426452}.community-person:before{content:'';position:absolute;left:4px;top:-16px;width:14px;height:14px;border-radius:50%;background:#ba8059}.p1{left:27%;transform:rotate(-8deg)}.p2{left:46%;bottom:56px;background:#d17e56;transform:scale(1.15)}.p3{left:64%;background:#e7cc8a;transform:rotate(7deg)}.community-plant{position:absolute;left:80%;bottom:42px;width:7px;height:37px;background:#46694d}.community-plant:before{content:'';position:absolute;left:-14px;top:-2px;width:32px;height:23px;border-radius:50%;background:#6c8451}.energy-illus{background:#d2e0dd}.energy-sun{position:absolute;right:17%;top:16%;width:55px;height:55px;border-radius:50%;background:#e8ae73}.energy-horizon{position:absolute;bottom:-46px;left:-8%;width:120%;height:110px;border-radius:50%;background:#78917b}.energy-panel{position:absolute;bottom:44px;left:30%;width:104px;height:53px;background:#35596a;transform:skewY(-10deg);border:3px solid #e5ede1;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.energy-panel i{border:1px solid #9bb4b0}.energy-spark{position:absolute;top:19px;left:21%;font-size:16px;color:#fff}.coedu-illus{background:#e3e1d3}.book{position:absolute;width:106px;height:90px;top:52px;left:calc(50% - 53px);border-radius:4px 8px 8px 4px;transform:rotate(-8deg);box-shadow:0 12px 20px #493f2625}.book-back{background:#95a98b;transform:rotate(8deg) translate(10px,-5px)}.book-front{background:#fbf1d9;display:grid;place-items:center}.book-front:after{content:'CO';font:700 28px var(--serif);color:#375a43}.coedu-orbit{position:absolute;left:calc(50% - 78px);top:34px;width:156px;height:110px;border:1px solid #91a18d;border-radius:50%;transform:rotate(-19deg)}.orbit-two{transform:rotate(42deg);border-color:#b79b70}.coedu-star{position:absolute;right:20%;top:25%;font-size:22px;color:#d39359}.card-content{padding:19px 23px 23px}.company-parent{font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:var(--muted);margin-bottom:8px}.card-content h3{font:700 15px var(--display);letter-spacing:.02em;margin-bottom:11px}.card-content>p:not(.company-parent){font-size:11px;color:var(--muted);line-height:1.7;min-height:58px}.chip-row{display:flex;gap:6px;flex-wrap:wrap;margin:15px 0 17px}.chip-row span{font-size:8px;padding:5px 8px;border:1px solid #8491855c;border-radius:20px;color:#46564a}.card-link{width:100%;background:none;border:0;border-top:1px solid var(--line);padding:14px 0 0;text-align:left;display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:700;cursor:pointer}.card-link span{font-size:15px;color:var(--green)}.focus-section{background:#e8eade}.focus-top{align-items:end}.focus-top>p{max-width:350px}.focus-list{border-top:1px solid var(--line)}.focus-row{display:grid;grid-template-columns:9% 1fr 23%;align-items:center;gap:20px;min-height:115px;border-bottom:1px solid var(--line)}.focus-num,.focus-company{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--green);font-weight:700}.focus-row h3{font:600 19px var(--display);letter-spacing:-.03em;margin:0 0 6px}.focus-row p{font-size:11px;color:var(--muted);margin:0}.focus-company{text-align:right;color:var(--muted)}.trust-note{margin:28px 0 0;font-size:10px;color:var(--muted);display:flex;gap:10px;align-items:center}.trust-note span{font-size:17px;color:var(--green)}.pathway-section{background:var(--white)}.pathway-heading{margin-bottom:38px}.pathway-switch{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:15px}.pathway-tab{border:1px solid var(--line);background:transparent;padding:18px 20px;display:flex;align-items:center;gap:14px;text-align:left;cursor:pointer;border-radius:7px;color:var(--muted)}.pathway-tab.active{background:#e8ece1;border-color:#e8ece1;color:var(--ink)}.tab-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:var(--white);color:var(--green);font-size:17px}.pathway-tab>span:nth-child(2){font-size:12px;font-weight:700}.pathway-tab small{display:block;text-transform:uppercase;letter-spacing:.13em;font-size:8px;color:var(--muted);font-weight:600;margin-bottom:4px}.tab-arrow{margin-left:auto;font-size:16px}.pathway-panel{padding:43px 4.5%;background:#f2f2eb;border-radius:7px;display:grid;grid-template-columns:1.05fr .95fr;gap:8%}.pathway-panel-copy .eyebrow{font-size:9px;margin-bottom:18px}.pathway-panel h3{font:600 30px/1.15 var(--display);letter-spacing:-.04em;margin-bottom:15px}.pathway-panel h3 em{color:var(--green)}.pathway-panel-copy>p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:1.8;max-width:410px;margin-bottom:22px}.service-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.service-list li{display:flex;gap:16px;align-items:center;min-height:47px;border-bottom:1px solid var(--line);font-size:11px;font-weight:600}.service-list li span{font-size:9px;color:var(--green)}.energy-services{background:var(--green);color:white;display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:90px;padding-bottom:90px}.energy-services .section-kicker{color:#c3d3bd}.energy-services .section-kicker span{color:var(--lime)}.energy-services h2{margin:25px 0 20px}.energy-services h2 em{color:var(--lime)}.energy-services-copy>p{max-width:430px;color:#e0e7dd;font-size:12px;line-height:1.85;margin-bottom:25px}.energy-service-list{align-self:center;display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.energy-service-list>div{padding:18px 0;border-top:1px solid #ffffff45}.energy-service-list span{font-size:8px;color:var(--lime);letter-spacing:.12em}.energy-service-list h3{font:600 14px var(--display);margin:10px 0 5px}.energy-service-list p{font-size:10px;line-height:1.6;color:#d7e0d5;margin:0}.contact-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:13%;background:#f4f2e9}.contact-section h2{margin:27px 0 18px}.contact-copy>p{color:var(--muted);font-size:12px;max-width:350px;line-height:1.8}.contact-aside{display:flex;gap:12px;align-items:center;margin-top:37px}.contact-aside>span{width:35px;height:35px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--green)}.contact-aside p{font-size:10px;color:var(--muted);line-height:1.6;margin:0}.contact-aside b{color:var(--ink)}.contact-hint{display:block;margin-top:45px;color:#787f73;font-size:9px}.contact-form{background:var(--white);padding:30px 33px;border-radius:7px;display:grid;grid-template-columns:1fr;box-shadow:0 15px 50px #3242310b}.contact-form label{font-size:10px;font-weight:700;margin:8px 0}.contact-form select,.contact-form input,.contact-form textarea{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:4px;background:var(--white);color:var(--ink);font-size:11px;margin-bottom:10px;outline:none}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--green);box-shadow:0 0 0 2px #375a4320}.contact-form textarea{resize:vertical}.form-submit{justify-self:start;margin-top:8px}.form-feedback{font-size:11px;color:var(--green);min-height:15px;margin:10px 0 0}.form-privacy{font-size:9px;color:var(--muted);margin:3px 0 0}.site-footer{padding:32px 7.2% 20px;background:var(--ink);color:white;display:grid;grid-template-columns:1fr 1.3fr auto;align-items:center;gap:20px}.footer-brand{font-size:13px}.footer-brand .brand-mark{background:#476b4d;color:var(--lime)}.footer-brand small{color:#b7c4b6}.footer-center{font-size:10px;color:#dde5d8}.footer-center small{display:block;font-size:8px;color:#aeb9ad;margin-top:5px}.back-top{font-size:10px;color:var(--lime)}.footer-bottom{grid-column:1/-1;border-top:1px solid #ffffff30;margin-top:22px;padding-top:17px;display:flex;justify-content:space-between;font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:#b5c0b2}.footer-bottom a{color:var(--lime)}[hidden]{display:none!important}.modal-backdrop{position:fixed;z-index:20;inset:0;background:#101914a8;display:grid;place-items:center;padding:20px}.details-modal{position:relative;background:var(--paper);border-radius:9px;max-width:570px;width:100%;padding:48px}.details-modal h2{font-size:38px;margin:0 0 15px}.details-modal>p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.8}.details-modal ul{padding:0;list-style:none;border-top:1px solid var(--line);margin:23px 0}.details-modal li{padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.details-modal li:before{content:'↗';color:var(--green);margin-right:11px}.modal-close{position:absolute;right:18px;top:15px;border:0;background:transparent;font-size:27px;cursor:pointer;color:var(--muted)}
@media(max-width:900px){.site-header{padding:0 5%}.hero{padding-left:5%;padding-right:5%;grid-template-columns:48% 52%;min-height:600px}.hero-art{height:405px}.section-pad{padding-left:7%;padding-right:7%}.company-grid{gap:10px}.card-content{padding:17px}.card-top{padding:0 17px}.card-illustration{height:155px}.contact-section{gap:7%}.hero-bottom{left:5%;right:5%}}
@media(max-width:700px){.site-header{height:69px}.brand{font-size:13px}.brand-mark{width:33px;height:33px}.menu-toggle{display:flex;width:40px;height:40px;border:0;background:transparent;flex-direction:column;justify-content:center;gap:6px;cursor:pointer}.menu-toggle span{height:1px;width:23px;background:var(--ink)}.nav-links{display:none;position:absolute;left:0;right:0;top:68px;background:var(--paper);padding:18px 6% 24px;box-shadow:0 16px 20px #17231c12;flex-direction:column;align-items:stretch;gap:0}.nav-links.open{display:flex}.nav-links a{padding:13px 0;border-bottom:1px solid var(--line)}.nav-links .nav-cta{margin-top:12px;text-align:center;border:0;padding:13px}.hero{display:flex;flex-direction:column;padding:43px 6% 45px;min-height:0}.hero-copy{padding:0}.eyebrow{font-size:8px;margin-bottom:17px}h1{font-size:clamp(46px,12vw,70px)}.hero-intro{font-size:13px;max-width:400px}.hero-actions{gap:19px;margin-top:23px}.button{font-size:10px;padding:13px 15px;gap:16px}.text-link{font-size:10px}.hero-art{width:100%;height:320px;margin:42px 0 15px;border-radius:44% 44% 12px 12px / 32% 32% 8px 8px}.hero-note{display:none}.hero-bottom{position:static;margin-top:8px;padding-top:14px;font-size:8px}.section-pad{padding:73px 6%}.intro-grid{grid-template-columns:1fr;gap:24px;padding-top:30px}.intro-grid h2,.section-heading h2,.focus-top h2,.pathway-heading h2,.energy-services h2,.contact-section h2{font-size:42px}.section-heading,.focus-top{display:block;margin-bottom:32px}.section-heading>p,.focus-top>p{margin-top:20px;font-size:12px}.company-grid{grid-template-columns:1fr;gap:14px}.company-card{display:grid;grid-template-columns:40% 60%;grid-template-rows:41px 1fr;min-height:260px}.card-top{grid-column:1/-1;height:41px}.card-illustration{grid-column:1;grid-row:2;height:auto;min-height:197px;margin:0 0 15px 12px}.card-content{grid-column:2;grid-row:2;padding:6px 14px 16px}.card-content>p:not(.company-parent){min-height:0}.chip-row{margin:12px 0}.card-content h3{font-size:12px}.card-index{font-size:8px}.focus-row{grid-template-columns:10% 1fr;gap:12px;min-height:105px;padding:15px 0}.focus-company{grid-column:2;text-align:left;font-size:8px}.focus-row h3{font-size:16px}.focus-row p{font-size:10px}.trust-note{align-items:flex-start;line-height:1.7}.pathway-switch{grid-template-columns:1fr}.pathway-tab{padding:13px}.pathway-panel{grid-template-columns:1fr;padding:28px 7%;gap:26px}.pathway-panel h3{font-size:25px}.pathway-panel-copy>p:not(.eyebrow){font-size:11px}.service-list li{font-size:10px}.energy-services{grid-template-columns:1fr;gap:30px;padding-top:70px;padding-bottom:70px}.energy-service-list{gap:0 18px}.energy-service-list h3{font-size:12px}.contact-section{grid-template-columns:1fr;gap:35px}.contact-hint{margin-top:24px}.contact-form{padding:24px 20px}.site-footer{grid-template-columns:1fr auto;padding:28px 6% 18px}.footer-center{grid-column:1/-1;grid-row:2}.back-top{grid-column:2;grid-row:1}.footer-bottom{flex-wrap:wrap;gap:12px}.footer-bottom span:nth-child(2){display:none}.details-modal{padding:38px 25px}.details-modal h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Brighter palette inspired by the group's service artwork */
:root{--ink:#101d4d;--muted:#52617d;--paper:#f2f6ff;--white:#fff;--green:#1452b8;--lime:#ff9b24;--line:rgba(16,29,77,.16)}
.site-header{background:rgba(242,246,255,.96);backdrop-filter:blur(12px)}
.brand-mark{background:linear-gradient(145deg,#123a91,#1c70d4);color:#fff}
.nav-cta,.button-dark{background:linear-gradient(120deg,#101d4d,#1549a5)}
.button-dark span,.nav-cta span{color:#ffad3d}
.hero{background:radial-gradient(ellipse at 84% 38%,rgba(85,153,232,.11),transparent 44%),linear-gradient(180deg,#f2f6ff 0%,#f8faff 100%)}
.hero-art{background:linear-gradient(160deg,#d6eaff 0%,#edf4fb 48%,#c9e4d0 100%);box-shadow:0 25px 70px rgba(23,68,137,.13)}
.sun,.community-sun,.energy-sun{background:#ffad3d}
.hill-back{background:#76a876}.hill-front{background:#28694e}
.house:before{border-bottom-color:#e67938}.house{background:#fff0d7}
.tree b{background:#2d744f}.tree i{background:#755536}
.solar-panel,.energy-panel{background:#123d73}
.art-tag,.company-card,.contact-form{box-shadow:0 12px 34px rgba(22,54,111,.09)}
.intro-section,.pathway-section{background:#fff}
.companies-section{background:linear-gradient(180deg,#f2f6ff,#eaf1ff)}
.company-card{border:1px solid rgba(21,66,144,.09)}
.foundation-card{background:linear-gradient(145deg,#f2f6e7,#e7efd9)}
.energy-card{background:linear-gradient(145deg,#e9f5ff,#dcecff)}
.coedu-card{background:linear-gradient(145deg,#fff5e9,#ffecd6)}
.community-illus{background:linear-gradient(145deg,#dcecc8,#c6dfbe)}
.energy-illus{background:linear-gradient(145deg,#cfe9ff,#d5e8f7)}
.coedu-illus{background:linear-gradient(145deg,#ffe7c7,#f8edce)}
.focus-section{background:linear-gradient(135deg,#e6efff,#edf4fb)}
.pathway-tab.active{background:#e7efff;border-color:#d4e3ff}
.pathway-panel{background:linear-gradient(135deg,#f0f5ff,#edf4fa)}
.energy-services{background:radial-gradient(ellipse at 82% 12%,#2570ca 0%,transparent 38%),linear-gradient(125deg,#101d4d,#123f8d 72%,#145b9b)}
.energy-services .section-kicker span,.energy-service-list span{color:#ffb646}
.button-light{background:#ffad3d;color:#101d4d}
.energy-service-list>div{border-color:rgba(255,255,255,.27)}
.contact-section{background:linear-gradient(145deg,#fff8ef,#f3f6ff)}
.contact-form{border:1px solid rgba(21,66,144,.1)}
.footer-brand .brand-mark{background:#1c57ae;color:#fff}
.footer-bottom a,.back-top{color:#ffad3d}
.modal-backdrop{background:rgba(8,20,55,.76)}
.company-photo{background:#e7eef6}
.company-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.company-photo.energy-illus img{object-position:center 48%}
.company-photo.coedu-illus img{object-position:center 52%}
.foundation-photo{height:260px;background:#09070a}
.foundation-photo img{object-position:center 50%}

/* Scroll-driven motion and responsive interaction cues */
html.motion-ready [data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}
html.motion-ready [data-reveal].is-revealed{opacity:1;transform:translateY(0)}
.scroll-progress{position:fixed;z-index:30;top:0;left:0;width:var(--scroll-progress,0%);height:3px;background:linear-gradient(90deg,#ff9b24,#ffbd53,#1763ca);opacity:0;transition:opacity .25s ease;width:var(--scroll-progress,0%);pointer-events:none}
.scroll-progress.is-active{opacity:1}
.floating-top{position:fixed;z-index:12;right:25px;bottom:25px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(140deg,#101d4d,#1a5fc0);color:#ffad3d;font-size:22px;font-weight:700;box-shadow:0 8px 24px rgba(16,29,77,.22);opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .25s ease,transform .25s ease}
.floating-top.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}
.site-header{transition:box-shadow .25s ease,background .25s ease}
.site-header.is-scrolled{box-shadow:0 8px 28px rgba(16,29,77,.09)}
.nav-links a[aria-current="location"]{color:var(--green)}
.nav-links .nav-cta[aria-current="location"]{color:#fff}
.nav-links a[aria-current="location"]:not(.nav-cta)::after{content:'';position:absolute;left:0;right:0;bottom:-5px;height:2px;background:#ff9b24;border-radius:2px}
.nav-links a:not(.nav-cta){position:relative}
.company-card{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease}
.company-card{transform:perspective(1100px) rotateX(var(--pointer-y,0deg)) rotateY(var(--pointer-x,0deg))}
.company-card:hover{transform:perspective(1100px) rotateX(var(--pointer-y,0deg)) rotateY(var(--pointer-x,0deg)) translateY(-6px);box-shadow:0 24px 52px rgba(22,54,111,.15)}
.company-photo img{transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.company-card:hover .company-photo img{transform:scale(1.045)}
.card-link{transition:color .2s ease,padding .2s ease}
.card-link:hover{color:var(--green);padding-left:4px}
.service-items article{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.service-items article:hover{transform:translateY(-4px);border-color:rgba(20,82,184,.28);box-shadow:0 13px 30px rgba(22,54,111,.09)}
.button,.service-contact-link{transition:transform .2s ease,box-shadow .2s ease}
.button:hover,.service-contact-link:hover{box-shadow:0 10px 22px rgba(16,29,77,.16)}
.hero-art .sun{animation:sun-drift 7s ease-in-out infinite alternate;transform-origin:center}
.hero-art .tag-top{animation:tag-float 5s ease-in-out infinite alternate}
.hero-art .solar-panel{animation:panel-glint 6s ease-in-out infinite}
.hero-art{transform:perspective(1000px) rotateX(var(--pointer-y,0deg)) rotateY(var(--pointer-x,0deg));transition:transform .22s ease-out}
@keyframes sun-drift{from{transform:translateY(0) scale(1)}to{transform:translateY(-8px) scale(1.035)}}
@keyframes tag-float{from{transform:translateY(0)}to{transform:translateY(-6px)}}
@keyframes panel-glint{0%,100%{filter:brightness(1)}45%{filter:brightness(1.16)}}
@media(prefers-reduced-motion:reduce){html.motion-ready [data-reveal]{opacity:1;transform:none;transition:none}.company-card,.company-photo img,.service-items article,.button,.service-contact-link,.floating-top,.site-header,.hero-art{transition:none}.hero-art .sun,.hero-art .tag-top,.hero-art .solar-panel{animation:none}}
.photo-note{position:absolute;right:8px;bottom:8px;padding:4px 7px;border-radius:12px;background:rgba(16,29,77,.72);color:white;font:600 8px var(--sans);letter-spacing:.03em}
.contact-details{display:grid;grid-template-columns:1fr 1fr;gap:9px 14px;margin-top:23px;max-width:430px}
.contact-details a{display:flex;flex-direction:column;gap:2px;font-size:11px;font-weight:700;color:var(--ink);overflow-wrap:anywhere}
.contact-details a span{font-size:8px;text-transform:uppercase;letter-spacing:.12em;color:var(--green)}
.contact-details a b{display:none}
.contact-details a:hover{color:var(--green)}
.footer-center small a{color:#d1def1}
.footer-center small a:hover{color:#ffad3d}
@media(max-width:700px){.contact-details{margin-top:24px;gap:12px}.contact-details a{font-size:10px}}

/* Dedicated all-services page */
.services-page{background:#f2f6ff}
.services-hero{padding:64px 10% 72px;background:radial-gradient(ellipse at 88% 20%,rgba(255,173,61,.2),transparent 29%),linear-gradient(180deg,#f2f6ff,#e9f1ff)}
.back-link{display:inline-block;margin-bottom:43px;font-size:11px;font-weight:700;color:var(--green)}
.services-hero .eyebrow{margin-bottom:15px}
.services-hero h1{font-size:clamp(48px,6vw,76px);margin:0 0 17px;color:var(--ink)}
.services-hero h1 em{color:var(--green)}
.services-hero>p:not(.eyebrow){max-width:520px;color:var(--muted);font-size:14px;line-height:1.8}
.services-jump{display:flex;gap:10px;flex-wrap:wrap;margin-top:34px}
.services-jump a{display:inline-flex;gap:17px;align-items:center;border:1px solid rgba(16,29,77,.18);border-radius:30px;padding:10px 15px;font-size:9px;font-weight:700;letter-spacing:.06em;background:#ffffffa8}
.services-jump a span{color:var(--green);font-size:13px}
.service-company{padding:78px 10%;background:#fff;border-bottom:1px solid var(--line);scroll-margin-top:82px}
.service-company:nth-of-type(odd){background:#f7f9ff}
.service-company-head{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;margin-bottom:37px}
.service-company-head h2{font-size:clamp(30px,3.5vw,44px);margin:18px 0 13px;letter-spacing:-.04em}
.service-company-head>div>p:last-child{max-width:760px;margin:0;color:var(--muted);font-size:13px;line-height:1.8}
.service-company-symbol{flex:none;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#e7efff;color:#1452b8;font-size:26px}
.foundation-services{background:linear-gradient(135deg,#f5f8e9,#fff)}
.energy-services-detail{background:linear-gradient(135deg,#eaf4ff,#fff)}
.coedu-services{background:linear-gradient(135deg,#fff4e6,#fff)}
.service-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.service-items article{position:relative;background:#ffffffc9;border:1px solid rgba(16,29,77,.1);border-radius:8px;padding:22px 20px 20px;min-height:150px}
.service-items article>span{font-size:9px;letter-spacing:.1em;font-weight:700;color:var(--green)}
.service-items h3{font:700 15px/1.35 var(--display);letter-spacing:-.02em;margin:14px 0 8px;color:var(--ink)}
.service-items p{font-size:11px;line-height:1.7;color:var(--muted);margin:0}
.service-items .service-item-wide{grid-column:span 2}
.service-contact-link{display:inline-flex;align-items:center;gap:16px;margin-top:28px;padding:13px 18px;border-radius:30px;background:linear-gradient(120deg,#101d4d,#1549a5);color:#fff;font-size:10px;font-weight:700}
.service-contact-link span{color:#ffad3d;font-size:15px}
.service-contact-link:hover{transform:translateY(-1px)}
.services-page .site-header{position:sticky}
@media(max-width:850px){.services-hero,.service-company{padding-left:7%;padding-right:7%}.service-items{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.services-hero{padding:42px 6% 50px}.back-link{margin-bottom:35px}.services-hero h1{font-size:48px}.services-hero>p:not(.eyebrow){font-size:12px}.services-jump{gap:7px}.services-jump a{font-size:8px;padding:9px 11px}.service-company{padding:58px 6%;scroll-margin-top:69px}.service-company-head{margin-bottom:26px}.service-company-head h2{font-size:29px}.service-company-head>div>p:last-child{font-size:11px}.service-company-symbol{width:42px;height:42px;font-size:20px}.service-items{grid-template-columns:1fr;gap:9px}.service-items article,.service-items .service-item-wide{grid-column:auto;min-height:0;padding:18px}.service-items h3{font-size:14px;margin:9px 0 6px}.service-items p{font-size:10px}.service-contact-link{font-size:9px}.services-page .nav-links{display:flex;gap:0}.services-page .nav-links a:not(.nav-cta){display:none}}

/* Compact 3C group brand mark */
.brand-mark{font-size:15px;letter-spacing:-.06em}

/* Replace the drawn hero scene with the official 3C Group logo */
.brand-hero-art{display:grid;place-items:center;padding:34px;background:radial-gradient(ellipse at 50% 42%,#fff 0%,#e1efff 52%,#d7e8fa 100%);border-radius:48% 48% 44% 44% / 45% 45% 35% 35%}
.brand-hero-art>img{display:block;width:92%;height:92%;object-fit:contain;filter:drop-shadow(0 18px 20px rgba(8,46,87,.14))}
@media(max-width:700px){.brand-hero-art{padding:20px}.brand-hero-art>img{width:96%;height:96%}}
