:root{--navy:#071a35;--navy-2:#0c2345;--cyan:#00b8d9;--yellow:#ffc400;--ink:#101c2e;--muted:#5f6b7b;--pale:#f2f6fa;--white:#fff;--line:#dce4ec;--font-body:'DM Sans',Arial,sans-serif;--font-display:'Manrope','Arial',sans-serif;--max:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.65;background:#fff}a{color:inherit;text-decoration:none}.skip-link{position:absolute;left:1rem;top:-4rem;background:#fff;color:var(--navy);padding:.8rem 1rem;z-index:100}.skip-link:focus{top:1rem}.site-header{height:92px;padding:0 max(5.5vw,24px);display:flex;align-items:center;justify-content:space-between;position:absolute;inset:0 0 auto;z-index:5;border-bottom:1px solid rgba(255,255,255,.12)}.brand{width:112px;height:78px;display:flex;align-items:center;overflow:hidden}.brand img{width:100%;height:auto;mix-blend-mode:screen;filter:brightness(1.1);border-radius:3px}.main-nav{display:flex;align-items:center;gap:38px;color:rgba(255,255,255,.85);font-size:14px;font-weight:600}.main-nav a:hover{color:#fff}.main-nav .nav-cta{color:var(--navy);background:var(--yellow);padding:12px 20px;border-radius:3px}.menu-toggle{display:none}.hero{min-height:790px;background:var(--navy);color:#fff;padding:170px max(5.5vw,24px) 0;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-310px;right:-230px;width:720px;height:720px;background:radial-gradient(circle,rgba(0,184,217,.16),rgba(0,184,217,0) 68%);pointer-events:none}.hero-grid{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:4vw;position:relative;z-index:1}.hero-copy{padding:20px 0 30px}.eyebrow,.section-kicker{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.hero .eyebrow{color:#c2cfdd;display:flex;align-items:center;gap:11px;margin:0 0 22px}.sun-mark{color:var(--yellow);font-size:19px}.hero h1,.manifesto h2,.solutions h2,.process h2,.planner h2,.closing h2{font-family:var(--font-display);font-weight:800;letter-spacing:-.06em;line-height:1.08}.hero h1{font-size:clamp(46px,6vw,78px);margin:0 0 24px}.hero h1 span{color:var(--cyan)}.hero-lede{font-size:18px;line-height:1.7;color:#c7d2df;max-width:550px;margin:0 0 30px}.hero-actions{display:flex;align-items:center;gap:27px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 23px;font-weight:700;font-size:14px;border:0;border-radius:2px;transition:transform .2s,background .2s;cursor:pointer}.button:hover{transform:translateY(-2px)}.button-yellow{background:var(--yellow);color:var(--navy)}.button-yellow:hover{background:#ffd33f}.text-link{font-size:14px;font-weight:700;color:#e4ebf3;border-bottom:1px solid rgba(255,255,255,.45);padding:8px 0}.hero-proof{display:flex;align-items:center;gap:12px;color:#9eafc3;font-size:13px;margin-top:48px}.proof-line{height:1px;width:38px;background:var(--cyan)}.hero-art{height:510px;position:relative;display:flex;align-items:center;justify-content:center}.art-orbit{position:absolute;border:1px solid rgba(255,255,255,.13);border-radius:50%;width:440px;height:440px}.orbit-two{width:355px;height:355px;border-color:rgba(255,196,0,.27)}.sun-disc{position:absolute;width:410px;height:410px;border-radius:50%;background:radial-gradient(circle,rgba(255,196,0,.11) 0 27%,transparent 28%);}.ray{position:absolute;display:block;width:16px;height:57px;background:var(--yellow);clip-path:polygon(50% 0,100% 100%,0 100%);opacity:.9}.ray-a{left:197px;top:4px}.ray-b{right:70px;top:58px;transform:rotate(48deg)}.ray-c{right:19px;top:184px;transform:rotate(90deg)}.ray-d{left:70px;top:58px;transform:rotate(-48deg)}.ray-e{left:18px;top:184px;transform:rotate(-90deg)}.ray-f{left:197px;bottom:2px;transform:rotate(180deg)}.logo-card{position:relative;width:min(78%,400px);aspect-ratio:1/1;border-radius:50%;overflow:hidden;box-shadow:0 28px 90px rgba(0,0,0,.35);border:6px solid rgba(255,255,255,.9);background:#fff;display:grid;place-items:center}.logo-card img{width:100%;height:100%;object-fit:cover}.art-caption{position:absolute;bottom:8px;left:0;background:#fff;color:var(--navy);padding:12px 15px;font-size:12px;font-weight:700;letter-spacing:.02em;box-shadow:0 12px 30px #020c19}.caption-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--cyan);margin-right:7px}.art-index{position:absolute;right:2px;bottom:13px;color:#8da0b6;font-size:11px;letter-spacing:.14em}.art-index span{color:var(--yellow)}.hero-bottom{max-width:var(--max);margin:30px auto 0;display:flex;align-items:center;gap:15px;color:#8294aa;font-size:10px;letter-spacing:.18em;position:relative;z-index:1}.bottom-rule{height:1px;background:rgba(255,255,255,.15);flex:1}.manifesto,.process{max-width:var(--max);margin:auto;padding:112px max(5.5vw,24px)}.section-kicker{display:flex;align-items:center;gap:12px;color:#627186;font-size:11px}.section-kicker>span:first-child{color:var(--cyan);font-weight:800}.kicker-rule{width:33px;height:1px;background:#b7c4d2}.manifesto-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;margin:36px 0 72px;align-items:start}.manifesto h2,.solutions h2,.process h2,.planner h2,.closing h2{font-size:clamp(40px,5vw,63px);margin:0}.manifesto h2 em,.process h2 em,.planner h2 em,.closing h2 em{font-style:normal;color:var(--cyan)}.manifesto-copy{max-width:500px;padding-top:4px;color:var(--muted)}.manifesto-copy p{margin:0 0 16px}.arrow-link{display:inline-flex;align-items:center;gap:14px;font-size:14px;font-weight:700;color:var(--navy);margin-top:8px;border-bottom:1px solid var(--cyan);padding:0 0 6px}.arrow-link span{color:var(--cyan);font-size:18px}.value-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.value-strip article{padding:28px 35px 30px 0}.value-strip article+article{border-left:1px solid var(--line);padding-left:35px}.value-number{font-size:12px;letter-spacing:.1em;color:#06a9ca;font-weight:800}.value-strip h3{font:700 18px var(--font-display);letter-spacing:-.03em;margin:14px 0 8px}.value-strip p{font-size:14px;line-height:1.7;color:var(--muted);margin:0;max-width:300px}.solutions{background:var(--navy);color:#fff;padding:100px max(5.5vw,24px) 80px;position:relative;overflow:hidden}.solutions:after{content:"";position:absolute;width:420px;height:420px;right:-180px;top:-190px;border:1px solid rgba(0,184,217,.23);border-radius:50%;box-shadow:0 0 0 40px rgba(0,184,217,.04),0 0 0 80px rgba(0,184,217,.025);pointer-events:none}.solutions-head,.solution-cards,.solutions-footnote{max-width:var(--max);margin-left:auto;margin-right:auto;position:relative;z-index:1}.solutions-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:46px}.section-kicker.light{color:#96a9c0}.solutions h2{margin-top:26px}.solutions h2 em{color:var(--yellow);font-style:normal}.solutions-head>p{max-width:410px;color:#b3c0d0;margin:0 0 5px}.solution-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.solution-card{min-height:325px;padding:28px;background:#0c2446;border:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column}.solution-card.featured{background:#0d3457;border-color:rgba(0,184,217,.65);transform:translateY(-12px)}.card-top{display:flex;justify-content:space-between;align-items:center}.card-icon{width:44px;height:44px;border:1px solid rgba(255,255,255,.24);display:grid;place-items:center;font-size:24px}.icon-sun{color:var(--yellow)}.icon-battery{color:var(--cyan)}.icon-spark{color:#a8ddec}.card-count{font-size:11px;letter-spacing:.1em;color:#90a3ba}.solution-card h3{font:700 23px var(--font-display);letter-spacing:-.04em;margin:36px 0 10px}.solution-card p{font-size:14px;color:#bdcada;margin:0 0 26px;line-height:1.7}.card-line{width:100%;height:1px;background:rgba(255,255,255,.14);margin-top:auto}.card-note{font-size:12px;color:#9fb0c3;padding-top:14px}.solutions-footnote{color:#8396ad;font-size:12px;margin-top:25px}.process{padding-top:108px;padding-bottom:112px}.process-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin:34px 0 48px}.process h2 em{color:#02accd}.process-heading p{max-width:390px;color:var(--muted);margin:0 0 4px}.steps{border-top:1px solid var(--line)}.steps article{display:grid;grid-template-columns:90px 1fr 30px;gap:20px;align-items:center;padding:25px 0;border-bottom:1px solid var(--line)}.step-no{font-size:13px;color:#00a8c7;font-weight:800;letter-spacing:.1em}.steps h3{font:700 19px var(--font-display);margin:0 0 4px;letter-spacing:-.03em}.steps p{font-size:14px;color:var(--muted);margin:0}.step-plus{color:#00a8c7;font-size:23px;font-weight:400;text-align:right}.planner{background:var(--navy-2);padding:96px max(5.5vw,24px);color:#fff;position:relative;overflow:hidden}.planner:before{content:"";position:absolute;width:560px;height:560px;border-radius:50%;border:1px solid rgba(0,184,217,.13);top:-240px;left:-220px;box-shadow:0 0 0 44px rgba(0,184,217,.03),0 0 0 88px rgba(0,184,217,.025)}.planner-inner{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1fr .83fr;gap:9vw;align-items:start;position:relative;z-index:1}.planner h2{margin:30px 0 22px}.planner h2 em{color:var(--yellow)}.planner-intro>p{max-width:450px;color:#bdcada}.planner-note{display:flex;gap:12px;align-items:start;max-width:440px;margin-top:40px;color:#aab9cb;font-size:13px}.note-symbol{flex:0 0 22px;height:22px;border:1px solid #8094ac;border-radius:50%;display:grid;place-items:center;font:700 12px var(--font-body)}.planner-form{background:#fff;color:var(--ink);padding:30px 32px 23px;box-shadow:0 28px 80px rgba(0,0,0,.22)}.form-heading{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:22px;font-size:11px;letter-spacing:.13em;font-weight:800;color:var(--navy)}.form-step{color:#8794a3}.planner-form label,.planner-form legend{display:block;font-size:13px;font-weight:700;color:#283951;margin-bottom:7px}.planner-form input:not([type=radio]){height:48px;width:100%;border:1px solid #cbd5df;border-radius:2px;padding:0 13px;font:400 15px var(--font-body);color:var(--ink);background:#fff}.planner-form input:focus{outline:3px solid rgba(0,184,217,.22);border-color:#00a9c8}.planner-form>input{margin-bottom:18px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.input-prefix{display:flex;align-items:center;border:1px solid #cbd5df;height:48px}.input-prefix:focus-within{outline:3px solid rgba(0,184,217,.22);border-color:#00a9c8}.input-prefix>span{padding-left:12px;font-size:14px;color:#566477}.planner-form .input-prefix input{border:0;height:46px}.planner-form fieldset{border:0;padding:0;margin:20px 0 22px}.planner-form legend{margin-bottom:10px}.choice-row{display:flex;gap:9px}.choice{display:flex!important;align-items:center;gap:8px;border:1px solid #d3dce5;padding:10px 12px;margin:0!important;flex:1;min-height:48px;cursor:pointer}.choice:has(input:checked){border-color:#00a9c8;background:#effaff}.choice input{accent-color:#009dbb}.choice span{font-size:12px;font-weight:600}.form-submit{width:100%;min-height:51px}.form-privacy{font-size:11px;color:#778394;text-align:center;margin:12px 0 0}.form-result{margin-top:16px;background:#edf9fc;border-left:3px solid var(--cyan);padding:12px 14px}.form-result p{font-size:13px;line-height:1.5;margin:0 0 8px;white-space:pre-wrap}.copy-button{border:0;background:none;padding:0;color:#006b83;font:700 13px var(--font-body);cursor:pointer;text-decoration:underline}.closing{padding:100px 24px 110px;text-align:center;background:#f4f8fb;position:relative;overflow:hidden}.closing:before,.closing:after{content:"";position:absolute;width:310px;height:310px;border:1px solid #d9e5ed;border-radius:50%;top:-210px}.closing:before{left:-100px;box-shadow:0 0 0 38px rgba(0,184,217,.035)}.closing:after{right:-130px;top:auto;bottom:-235px}.closing-sun{font-size:25px;color:var(--yellow);margin-bottom:13px}.closing .eyebrow{color:#758398;margin:0 0 16px}.closing h2{margin-bottom:28px}.closing h2 em{color:#00a7c6}.button-navy{background:var(--navy);color:#fff}.button-navy:hover{background:#11315b}.site-footer{background:#06152c;color:#fff;padding:35px max(5.5vw,24px) 22px;display:grid;grid-template-columns:160px 1fr auto;gap:18px 30px;align-items:center}.footer-brand{width:130px;height:55px;overflow:hidden;display:flex;align-items:center}.footer-brand img{width:100%;mix-blend-mode:screen;border-radius:2px}.footer-copy p{font-size:13px;color:#aab7c7;margin:1px 0}.footer-copy p:first-child{color:#fff;font-weight:700}.back-top{font-size:13px;font-weight:600;color:#cad4e0}.back-top span{color:var(--yellow);margin-left:7px}.footer-bottom{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.13);padding-top:18px;margin-top:12px;display:flex;justify-content:space-between;gap:20px;color:#8292a8;font-size:11px}.footer-bottom span:last-child{letter-spacing:.03em}
@media(max-width:900px){.site-header{height:78px}.main-nav{gap:22px}.hero{min-height:auto;padding-top:140px;padding-bottom:32px}.hero-grid{grid-template-columns:1fr .8fr;gap:10px}.hero-art{height:430px}.logo-card{width:80%}.art-orbit{width:360px;height:360px}.orbit-two{width:292px;height:292px}.sun-disc{transform:scale(.83)}.hero h1{font-size:clamp(44px,6vw,62px)}.manifesto-grid{gap:5vw}.planner-inner{gap:5vw}.planner-form{padding:26px 24px}.choice-row{flex-direction:column}.choice{min-height:42px}}
@media(max-width:680px){html{scroll-padding-top:74px}.site-header{height:72px;padding:0 20px}.brand{width:92px;height:66px}.menu-toggle{display:flex;width:44px;height:44px;border:1px solid rgba(255,255,255,.25);background:transparent;flex-direction:column;justify-content:center;align-items:center;gap:6px}.menu-toggle span{width:18px;height:1px;background:#fff}.main-nav{display:none;position:absolute;top:72px;left:0;right:0;background:#091d3a;padding:18px 22px 24px;flex-direction:column;align-items:stretch;gap:5px;border-top:1px solid rgba(255,255,255,.1)}.main-nav.open{display:flex}.main-nav a{padding:11px 2px}.main-nav .nav-cta{text-align:center;margin-top:8px;padding:12px}.hero{padding:118px 22px 27px}.hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:0}.hero-copy{padding:4px 0 0}.hero .eyebrow{font-size:10px;letter-spacing:.13em;margin-bottom:17px}.hero h1{font-size:clamp(42px,12vw,62px);line-height:1.04;letter-spacing:-.065em}.hero-lede{font-size:16px;line-height:1.65}.hero-actions{gap:17px;flex-wrap:wrap}.button{min-height:50px;padding:0 16px}.text-link{font-size:13px}.hero-proof{margin-top:27px;font-size:12px}.hero-art{height:340px;margin-top:13px}.art-orbit{width:290px;height:290px}.orbit-two{width:235px;height:235px}.sun-disc{transform:scale(.68)}.logo-card{width:235px;border-width:4px}.art-caption{left:0;bottom:0;font-size:10px;padding:9px 10px}.art-index{right:0;bottom:5px;font-size:9px}.hero-bottom{margin-top:24px;font-size:8px;letter-spacing:.1em;gap:8px}.manifesto,.process{padding:76px 22px}.manifesto-grid{grid-template-columns:1fr;gap:23px;margin:27px 0 42px}.manifesto h2,.solutions h2,.process h2,.planner h2,.closing h2{font-size:clamp(38px,10vw,52px)}.manifesto-copy{font-size:15px}.value-strip{grid-template-columns:1fr}.value-strip article,.value-strip article+article{padding:21px 0;border-left:0;border-bottom:1px solid var(--line)}.value-strip article:last-child{border-bottom:0}.value-strip h3{margin:9px 0 5px}.solutions{padding:76px 22px 57px}.solutions-head{display:block;margin-bottom:34px}.solutions-head>p{margin-top:19px;font-size:15px}.solution-cards{grid-template-columns:1fr;gap:12px}.solution-card{min-height:245px;padding:23px}.solution-card.featured{transform:none}.solution-card h3{margin-top:24px}.solutions-footnote{font-size:11px}.process-heading{display:block;margin:28px 0 33px}.process-heading p{margin-top:18px}.steps article{grid-template-columns:42px 1fr 20px;gap:10px;padding:20px 0}.steps h3{font-size:16px}.steps p{font-size:13px;line-height:1.55}.planner{padding:72px 20px}.planner-inner{grid-template-columns:1fr;gap:34px}.planner h2{margin:26px 0 17px}.planner-intro>p{font-size:15px}.planner-note{margin-top:23px;font-size:12px}.planner-form{padding:24px 19px}.form-row{grid-template-columns:1fr;gap:14px}.choice-row{flex-direction:row}.choice{padding:9px 7px;gap:5px}.choice span{font-size:11px}.closing{padding:78px 22px 82px}.site-footer{padding:27px 22px 18px;grid-template-columns:1fr auto;gap:8px 16px}.footer-brand{grid-column:1/-1;width:110px;height:48px}.footer-copy{grid-column:1/-1;margin-bottom:9px}.back-top{grid-column:1/-1}.footer-bottom{font-size:10px;display:flex;flex-direction:column;gap:5px;margin-top:13px}.footer-bottom span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Brand cutout, real field photos, and responsive photo gallery */
.site-header .brand{width:auto;height:78px;gap:10px;overflow:visible;flex:0 0 auto}
.site-header .brand img{width:42px;height:48px;object-fit:contain;mix-blend-mode:normal;filter:none;border-radius:0}
.brand-text{display:flex;flex-direction:column;line-height:1.15}
.brand-text strong{font:800 17px var(--font-display);letter-spacing:-.04em;color:#fff}
.brand-text small{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#adbdcf;margin-top:4px}
.photo-hero{height:510px;display:flex;align-items:center;justify-content:center;padding:8px 2px 26px}
.hero-photo{position:relative;width:min(100%,470px);height:470px;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.17);background:#0b2744;box-shadow:0 24px 70px rgba(0,0,0,.28)}
.hero-photo:after{content:"";position:absolute;inset:25% 0 0;background:linear-gradient(180deg,transparent,rgba(4,14,28,.88))}
.hero-photo>img{width:100%;height:100%;object-fit:cover;object-position:50% 44%;display:block}
.hero-photo figcaption{position:absolute;z-index:1;left:23px;right:23px;bottom:23px;display:flex;align-items:flex-start;gap:12px;color:#fff}
.hero-photo figcaption .caption-dot{flex:0 0 8px;margin-top:7px}
.hero-photo figcaption>span:last-child{display:flex;flex-direction:column;gap:5px}
.hero-photo figcaption small{font-size:10px;letter-spacing:.15em;color:#c6d7e5}
.hero-photo figcaption strong{font:700 19px/1.3 var(--font-display);max-width:290px}
.photo-hero .art-index{right:0;bottom:0}
.field-gallery{padding:102px max(5.5vw,24px) 78px;background:#f2f6fa;overflow:hidden}
.field-heading,.field-grid,.gallery-note{max-width:var(--max);margin-left:auto;margin-right:auto}
.field-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:36px}
.field-heading h2{font:800 clamp(40px,5vw,60px)/1.08 var(--font-display);letter-spacing:-.06em;margin:25px 0 0;color:var(--navy)}
.field-heading h2 em{font-style:normal;color:#00a7c6}
.field-heading>p{max-width:390px;color:var(--muted);margin:0 0 6px}
.field-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(170px,220px);grid-auto-flow:dense;gap:12px}
.field-card{position:relative;min-height:0;margin:0;overflow:hidden;background:#0a1d36}
.field-card.field-wide{grid-column:span 2}
.field-card.field-tall{grid-row:span 2}
.field-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.field-card:hover img{transform:scale(1.035)}
.field-card:after{content:"";position:absolute;inset:32% 0 0;background:linear-gradient(180deg,transparent,rgba(4,15,30,.82))}
.field-card figcaption{position:absolute;z-index:1;left:17px;right:16px;bottom:14px;display:flex;align-items:center;gap:10px;color:#fff}
.field-card figcaption span{font-size:10px;letter-spacing:.12em;color:var(--yellow);font-weight:800}
.field-card figcaption strong{font:700 13px/1.3 var(--font-display)}
.gallery-note{font-size:12px;color:#647286;margin-top:17px}
.site-footer{background:#f2f6fa;color:var(--navy);border-top:1px solid #dce4ec}
.footer-brand{width:150px;height:118px;overflow:visible;align-self:center}
.footer-brand img{width:100%;height:100%;object-fit:contain;mix-blend-mode:normal;border-radius:0}
.footer-copy p{color:#637186}
.footer-copy p:first-child{color:var(--navy)}
.footer-copy .footer-location{max-width:560px;margin:10px 0;color:#465b73;font-size:14px;line-height:1.6}
.footer-location strong{color:var(--navy)}
.footer-location>span{display:block;color:#69798d;font-size:13px}
.footer-location a{display:inline-block;margin-top:4px;color:#006d86;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.footer-location a:hover{color:#004e66}
.back-top{color:var(--navy)}
.footer-bottom{border-color:#d4dfe8;color:#68778b}
@media(max-width:900px){.photo-hero{height:435px}.hero-photo{height:400px}.field-grid{grid-auto-rows:190px}}
@media(max-width:680px){.site-header .brand{height:64px;gap:8px}.site-header .brand img{width:34px;height:40px}.brand-text strong{font-size:15px}.brand-text small{font-size:8px;letter-spacing:.055em}.photo-hero{height:325px;padding:0;margin-top:20px}.hero-photo{width:100%;height:300px}.hero-photo figcaption{left:14px;right:14px;bottom:14px}.hero-photo figcaption strong{font-size:16px}.hero-photo figcaption small{font-size:9px}.photo-hero .art-index{font-size:8px}.field-gallery{padding:76px 20px 54px}.field-heading{display:block;margin-bottom:25px}.field-heading h2{font-size:clamp(38px,10vw,50px);margin-top:22px}.field-heading>p{margin-top:16px;font-size:14px}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:155px;gap:8px}.field-card.field-wide{grid-column:span 2}.field-card.field-tall{grid-row:span 1}.field-card figcaption{left:10px;right:9px;bottom:9px;gap:7px}.field-card figcaption strong{font-size:11px}.field-card figcaption span{font-size:9px}.gallery-note{font-size:10px;margin-top:13px}.footer-brand{width:115px;height:94px}.site-footer{padding-top:24px}}

/* Homepage direction based on Ren's supplied Sidlak-ph homepage artwork */
.site-header{background:rgba(255,255,255,.97);border-bottom:1px solid #e5ebf0;color:var(--navy)}
.main-nav{color:#20314a}
.main-nav a:hover{color:#008aa6}
.main-nav .nav-cta{background:var(--navy);color:#fff;padding:12px 18px}
.main-nav .nav-cta:hover{background:#12345d;color:#fff}
.site-header .brand img{mix-blend-mode:normal;filter:none}
.brand-text strong{color:var(--navy)}
.brand-text small{color:#617187}
.hero{min-height:610px;padding:132px max(5.5vw,24px) 18px;background:#fff;color:var(--navy)}
.hero:before{top:-190px;right:-150px;width:600px;height:600px;background:radial-gradient(circle,rgba(0,184,217,.09),rgba(0,184,217,0) 68%)}
.hero-grid{grid-template-columns:1fr 1.12fr;gap:3vw}
.hero-copy{padding:24px 0 32px}
.hero .eyebrow{color:#ad7900;margin-bottom:17px}
.hero h1{font-size:clamp(48px,5.9vw,76px);color:var(--navy);line-height:1.02;letter-spacing:-.065em}
.hero h1 span{color:#eca900}
.hero-lede{color:#2d3b50;font-size:17px;max-width:480px}
.hero .text-link{color:var(--navy);border-color:#00a9c8}
.hero-proof{color:#56657a;margin-top:27px;font-size:12px;letter-spacing:.03em}
.hero-bottom{display:none}
.photo-hero{height:480px;padding:0;overflow:hidden}
.hero-photo{width:100%;max-width:660px;height:445px;border:0;box-shadow:none;background:#e8eff4}
.hero-photo:after,.hero-photo figcaption{display:none}
.hero-photo>img{object-fit:cover;object-position:center center}
.benefit-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:var(--max);margin:0 auto;padding:27px max(5.5vw,24px);border-top:1px solid #e4ebf1;border-bottom:1px solid #e4ebf1;background:#fff}
.benefit-strip article{display:flex;align-items:center;gap:15px;padding:7px 23px 7px 0}
.benefit-strip article+article{border-left:1px solid #dce5ed;padding-left:23px}
.benefit-icon{font-size:30px;line-height:1;color:#edb000;flex:0 0 36px;text-align:center}
.benefit-strip h2{font:800 15px/1.3 var(--font-display);letter-spacing:-.025em;color:var(--navy);margin:0 0 5px}
.benefit-strip p{font-size:12px;line-height:1.5;color:#657287;margin:0}
.manifesto{padding-top:78px;padding-bottom:86px}
.manifesto-grid{margin-top:26px;margin-bottom:42px}
.manifesto h2{font-size:clamp(37px,4.4vw,56px)}
.value-strip article{padding-top:25px;padding-bottom:26px}
.value-strip h3{font-size:17px}
.value-strip p{font-size:13px;max-width:340px}
.profile-download{display:flex;width:max-content;margin-top:14px}
.solutions-head>p{max-width:445px}
.closing{background:#f2f6fa}
@media(max-width:900px){.hero{min-height:550px;padding-top:114px}.hero-grid{grid-template-columns:1fr 1fr}.photo-hero{height:410px}.hero-photo{height:380px}.benefit-strip{padding-left:24px;padding-right:24px}.benefit-strip article{gap:10px;padding-right:14px}.benefit-strip article+article{padding-left:14px}}
@media(max-width:680px){.site-header{background:rgba(255,255,255,.98);border-color:#e3eaf0}.main-nav{background:#fff;color:var(--navy);border-top:1px solid #e3eaf0;box-shadow:0 14px 24px rgba(7,26,53,.1)}.main-nav a{color:var(--navy)}.main-nav .nav-cta{color:#fff;text-align:center}.menu-toggle{border-color:#b8c5d1}.menu-toggle span{background:var(--navy)}.hero{padding:105px 22px 20px;min-height:0;background:#fff;color:var(--navy)}.hero-grid{display:flex;flex-direction:column;gap:0}.hero-copy{padding:5px 0 0}.hero .eyebrow{font-size:10px;color:#9b7000}.hero h1{font-size:clamp(40px,11vw,59px);color:var(--navy)}.hero-lede{font-size:16px;color:#34445a}.hero-proof{font-size:11px;color:#627187;margin-top:21px}.photo-hero{height:270px;padding:0;margin-top:16px}.hero-photo{width:100%;height:260px}.benefit-strip{grid-template-columns:1fr;padding:8px 22px;background:#fff}.benefit-strip article,.benefit-strip article+article{padding:14px 0;border-left:0;border-bottom:1px solid #e1e8ee}.benefit-strip article:last-child{border-bottom:0}.benefit-icon{font-size:25px}.benefit-strip h2{font-size:14px}.benefit-strip p{font-size:12px}.manifesto{padding:67px 22px}.manifesto-grid{margin-bottom:30px}.value-strip article,.value-strip article+article{padding:18px 0}.profile-download{font-size:13px}}

/* Use the supplied transparent Sidlak-ph mark consistently in both brand positions. */
.site-header{height:112px;background:rgba(255,255,255,.98);border-bottom-color:#e3eaf0}
.site-header .brand-logo-full{width:104px;height:104px;flex:0 0 104px;justify-content:center;overflow:visible}
.site-header .brand-logo-full img{display:block;width:104px;height:104px;object-fit:contain;mix-blend-mode:normal;filter:none;border-radius:0}
.main-nav{color:rgba(7,26,53,.82)}
.main-nav a:hover{color:var(--navy)}
.footer-brand{width:136px;height:136px;overflow:visible}
.footer-brand img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:normal}
@media(max-width:900px){.site-header{height:112px}}
@media(max-width:680px){.site-header{height:68px}.site-header .brand-logo-full{width:68px;height:68px;flex:0 0 68px}.site-header .brand-logo-full img{width:68px;height:68px}.footer-brand{width:104px;height:104px}}

.battery-demo-link{display:block;width:max-content;max-width:100%;margin-top:auto;padding-top:17px;color:#91e8f1;font-size:13px;font-weight:700;text-decoration:underline;text-decoration-color:rgba(145,232,241,.55);text-underline-offset:5px}
.battery-demo{max-width:1100px;margin:58px auto 0;padding:34px;display:grid;grid-template-columns:.82fr 1.18fr;gap:34px;background:#f3f7fa;color:var(--navy);border:1px solid rgba(255,255,255,.2);border-radius:5px}
.battery-demo-intro{align-self:center}
.battery-demo-kicker{font-size:11px;font-weight:800;letter-spacing:.15em;color:#087d96}
.battery-demo-intro h3{margin:13px 0 14px;font:800 clamp(25px,3vw,36px)/1.08 var(--font-display);letter-spacing:-.045em}
.battery-demo-intro p{font-size:15px;line-height:1.6;color:#465970;margin:0 0 14px}
.battery-demo-intro .battery-demo-note{font-size:12px;color:#65758a;margin:20px 0 0}
.battery-demo-widget{min-width:0}
.battery-demo-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px 14px}
.battery-demo-fields label,.battery-projection>label{display:block;margin:0 0 6px;font-size:13px;font-weight:700;color:#263b55}
.battery-demo-fields select,.battery-demo-fields input{width:100%;min-height:45px;padding:9px 11px;border:1px solid #c5d2de;border-radius:3px;background:#fff;color:#132d4b;font:500 14px var(--font-body)}
.battery-input-suffix{position:relative}
.battery-input-suffix input{padding-right:38px}
.battery-input-suffix span{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:13px;color:#53647a}
.battery-demo-result{display:grid;grid-template-columns:.82fr 1.18fr;gap:22px;align-items:center;margin-top:20px;padding:20px;background:#fff;border:1px solid #dce5ed}
.battery-runtime>span,.battery-runtime>small{display:block;color:#5a6b80;font-size:12px;line-height:1.45}
.battery-runtime strong{display:block;margin:5px 0 7px;font:800 clamp(24px,3vw,34px)/1.1 var(--font-display);letter-spacing:-.04em;color:var(--navy)}
.battery-projection{min-width:0}
.battery-range-row{display:flex;align-items:center;gap:12px}
.battery-range-row input{min-width:0;flex:1;accent-color:#00a9c7}
.battery-range-row output{min-width:54px;text-align:right;font-size:13px;font-weight:700;color:#163653}
#battery-projection-text{margin:10px 0 12px;font-size:13px;line-height:1.45;color:#42556d}
.battery-soc-track{height:13px;position:relative;overflow:visible;background:#dce5ed;border-radius:10px}
.battery-soc-fill{position:absolute;inset:0 auto 0 0;width:75%;background:linear-gradient(90deg,#e7b73e 0%,#31a879 45%,#00a8c5 100%);border-radius:10px;transition:width .2s ease}
.battery-reserve-mark{position:absolute;top:-4px;bottom:-4px;left:20%;border-left:2px dashed #18334f;z-index:1}
.battery-soc-labels{display:flex;justify-content:space-between;gap:8px;margin-top:7px;font-size:10px;color:#697a8e}
.battery-formula{margin-top:15px;color:#40546c}
.battery-formula summary{width:max-content;max-width:100%;font-size:12px;font-weight:700;cursor:pointer;color:#087d96}
.battery-formula p{margin:8px 0 0;font-size:12px;line-height:1.55;color:#53657b}
.battery-demo :focus-visible,.battery-demo-link:focus-visible{outline:3px solid #00a8c5;outline-offset:3px}
@media(max-width:900px){.battery-demo{grid-template-columns:1fr;gap:24px;margin-top:42px;padding:28px}.battery-demo-intro h3{max-width:620px}}
@media(max-width:680px){.battery-demo{margin-top:32px;padding:22px 18px;gap:21px}.battery-demo-fields{grid-template-columns:1fr;gap:13px}.battery-demo-result{grid-template-columns:1fr;gap:18px;padding:17px}.battery-runtime strong{font-size:29px}.battery-demo-intro p{font-size:14px}.battery-soc-labels{font-size:9px}}

.assessment-demo{max-width:1100px;margin:28px auto 0;padding:34px;display:grid;grid-template-columns:.82fr 1.18fr;gap:34px;background:#f3f7fa;color:var(--navy);border:1px solid rgba(255,255,255,.2);border-radius:5px}
.assessment-demo-intro{align-self:center}
.assessment-demo-intro h3{margin:13px 0 14px;font:800 clamp(25px,3vw,36px)/1.08 var(--font-display);letter-spacing:-.045em}
.assessment-demo-intro p{font-size:15px;line-height:1.6;color:#465970;margin:0 0 14px}
.assessment-demo-intro .battery-demo-note{font-size:12px;color:#65758a;margin:20px 0 0}
.assessment-demo-widget{min-width:0}
.assessment-demo-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.assessment-demo-fields label{display:block;margin:0 0 6px;font-size:13px;font-weight:700;color:#263b55}
.assessment-demo-fields label span{font-weight:400;color:#728196}
.assessment-demo-fields input,.assessment-demo-fields select{width:100%;min-height:44px;padding:9px 11px;border:1px solid #c5d2de;border-radius:3px;background:#fff;color:#132d4b;font:500 14px var(--font-body)}
.assessment-ready{margin:18px 0 16px;padding:14px 15px 12px;border:1px solid #d0dbe5;background:#fff}
.assessment-ready legend{padding:0 5px;font-size:13px;font-weight:700;color:#263b55}
.assessment-ready label{display:flex;align-items:flex-start;gap:9px;margin:8px 0;font-size:13px;line-height:1.4;color:#40546b;cursor:pointer}
.assessment-ready input{margin:3px 0 0;accent-color:#078da7;flex:0 0 auto}
.assessment-generate{min-height:46px;font-size:14px}
.assessment-result{margin-top:18px;padding:18px;background:#fff;border:1px solid #dce5ed}
.assessment-result-head{display:flex;justify-content:space-between;align-items:center;gap:15px}
.assessment-result-kicker{font-size:10px;font-weight:800;letter-spacing:.13em;color:#087d96}
.assessment-result h4{margin:4px 0 0;font:800 21px/1.2 var(--font-display);color:var(--navy)}
.assessment-progress{width:92px;height:9px;background:#e0e8ef;border-radius:10px;overflow:hidden;flex:0 0 auto}
.assessment-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#ffc400,#00a8c5);transition:width .2s ease}
.assessment-result ul{margin:14px 0 0;padding-left:20px;color:#40546b}
.assessment-result li{margin:0 0 8px;font-size:13px;line-height:1.5}
.assessment-safety-note{margin:13px 0 12px;color:#64758a;font-size:11px;line-height:1.5}
.assessment-copy{min-height:40px;padding:8px 12px;border:1px solid #b9c8d7;border-radius:3px;background:#fff;color:#123555;font:700 13px var(--font-body);cursor:pointer}
.assessment-copy:hover{background:#eef5f8}
.assessment-demo :focus-visible{outline:3px solid #00a8c5;outline-offset:3px}
@media(max-width:900px){.assessment-demo{grid-template-columns:1fr;gap:24px;margin-top:24px;padding:28px}}
@media(max-width:680px){.assessment-demo{margin-top:20px;padding:22px 18px;gap:21px}.assessment-demo-fields{grid-template-columns:1fr;gap:12px}.assessment-ready{padding:12px}.assessment-result{padding:15px}.assessment-result-head{align-items:flex-start}.assessment-result h4{font-size:19px}}

/* Contact links and the branded sizing address */
.sizing-domain-link{display:inline-block;margin-top:14px;color:#adc4d8;font-size:12px;font-weight:600;text-decoration:underline;text-decoration-color:rgba(255,255,255,.38);text-underline-offset:4px}
.sizing-domain-link span{color:var(--yellow);margin-left:4px}
.contact-options{border-top:1px solid #e1e7ed;margin-top:22px;padding-top:16px;text-align:center}
.contact-heading{margin:0;color:#637186;font-size:12px;font-weight:600}
.contact-number{margin:2px 0 11px;font:800 21px var(--font-display);letter-spacing:.01em;color:var(--navy)}
.contact-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.contact-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 12px;border:1px solid #d6e0e8;border-radius:3px;color:var(--navy);font-size:12px;font-weight:700;transition:background .18s,border-color .18s}
.contact-action:hover{background:#f0f8fb;border-color:#00a9c8}
.contact-whatsapp span{color:#128c7e}.contact-viber span{color:#7360f2}.contact-call span{color:#00a2c2}
.footer-copy .footer-contact{margin-top:8px;color:var(--navy);font-weight:600}
.footer-contact a{color:#006d86;text-decoration:underline;text-underline-offset:3px}
@media(max-width:680px){.sizing-domain-link{font-size:11px}.contact-actions{gap:6px}.contact-action{flex:1;padding:0 8px}.contact-number{font-size:19px}}

/* Click-to-open Sidlak-ph project steps */
.process-step{border-bottom:1px solid var(--line)}
.process-step-summary{list-style:none;display:grid;grid-template-columns:90px minmax(0,1fr) 30px;gap:20px;align-items:center;padding:25px 0;cursor:pointer}
.process-step-summary::-webkit-details-marker{display:none}
.process-step-summary:focus-visible{outline:3px solid rgba(0,184,217,.45);outline-offset:4px}
.process-step-title h3{font:700 19px var(--font-display);letter-spacing:-.03em;margin:0 0 4px}
.process-step-title p{font-size:14px;color:var(--muted);margin:0;line-height:1.55}
.process-step-summary:hover .step-plus{background:#eaf8fb;border-color:var(--cyan)}
.process-step .step-plus{transition:transform .18s,background .18s,border-color .18s}
.process-step[open] .step-plus{transform:rotate(45deg)}
.process-step-detail{padding:0 50px 28px 110px;color:var(--muted);font-size:14px;line-height:1.7}
.process-step-detail>p{margin:0 0 15px;max-width:880px}
.process-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;max-width:850px}
.process-detail-grid h4{margin:0 0 7px;color:var(--navy);font:700 13px var(--font-display)}
.process-detail-grid ul{margin:0;padding-left:18px}
.process-detail-grid li{padding:2px 0}
.process-step-detail .process-detail-note{margin-top:14px;color:#758398;font-size:12px}
.contact-email span{color:#006d86}
.footer-copy .footer-email{margin-top:2px;color:#637186}
.footer-email a{color:#006d86;text-decoration:underline;text-underline-offset:3px}
@media(max-width:680px){
  .process-step-summary{grid-template-columns:42px minmax(0,1fr) 20px;gap:10px;padding:20px 0}
  .process-step-title h3{font-size:16px}
  .process-step-title p{font-size:13px;line-height:1.5}
  .process-step-detail{padding:0 0 22px 52px;font-size:14px}
  .process-detail-grid{grid-template-columns:1fr;gap:14px}
  .process-step-detail .process-detail-note{font-size:12px}
  .contact-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .contact-action{font-size:13px}
}

/* Expandable value cards with practical household details */
.benefit-card{min-width:0}
.benefit-card+.benefit-card{border-left:1px solid #dce5ed;padding-left:23px}
.benefit-summary{display:flex;align-items:center;gap:15px;padding:7px 16px 7px 0;cursor:pointer;list-style:none}
.benefit-summary::-webkit-details-marker{display:none}
.benefit-summary:focus-visible{outline:3px solid rgba(0,184,217,.45);outline-offset:4px}
.benefit-copy{display:grid;gap:4px;min-width:0}
.benefit-title{font:700 15px var(--font-display);color:var(--navy)}
.benefit-teaser{font-size:13px;line-height:1.45;color:var(--muted)}
.benefit-toggle{width:25px;height:25px;flex:0 0 25px;border:1px solid #cad7e1;border-radius:50%;display:grid;place-items:center;color:#008dab;font-size:18px;line-height:1;transition:transform .18s,background .18s}
.benefit-summary:hover .benefit-toggle{background:#eaf8fb;border-color:var(--cyan)}
.benefit-card[open] .benefit-toggle{transform:rotate(45deg)}
.benefit-detail{padding:1px 12px 10px 51px;color:var(--muted);font-size:13px;line-height:1.6}
.benefit-detail p{margin:0 0 8px}
.benefit-detail a{color:#006d86;text-decoration:underline;text-underline-offset:3px;font-size:13px;font-weight:700}
.who-we-are-link{color:inherit;text-decoration:none;border-bottom:1px solid #8c9bac;padding-bottom:2px}
.who-we-are-link:hover,.who-we-are-link:focus-visible{color:#006d86;border-color:#00a8c5}
.field-heading-copy{max-width:390px;color:var(--muted)}
.field-heading-copy p{margin:0 0 14px}
.youtube-channel-link{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 13px;border:1px solid #d6e0e8;border-radius:3px;color:var(--navy);font-size:14px;font-weight:700}
.youtube-channel-link:hover{background:#fff5f5;border-color:#dc2933;color:#9f1420}
.youtube-channel-link span{color:#d9222a;font-size:12px}
@media(max-width:900px){.benefit-card+.benefit-card{padding-left:14px}.benefit-summary{gap:10px}.benefit-detail{padding-left:46px}}
@media(max-width:680px){
  .benefit-card,.benefit-card+.benefit-card{padding:0;border-left:0;border-bottom:1px solid #e1e8ee}
  .benefit-card:last-child{border-bottom:0}
  .benefit-summary{gap:10px;padding:14px 0}
  .benefit-title{font-size:15px}
  .benefit-teaser{font-size:13px}
  .benefit-detail{padding:0 0 14px 46px}
  .field-heading-copy{margin-top:16px}
  .field-heading-copy p{font-size:14px;margin:0 0 12px}
}
.field-media-link{color:inherit;text-decoration:none;border-bottom:1px solid #8c9bac;padding-bottom:2px}
.field-media-link:hover,.field-media-link:focus-visible{color:#006d86;border-color:#00a8c5}
.field-media-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 20px}
.field-media-head p{margin:0;color:var(--muted);font-size:14px}
@media(max-width:680px){.field-media-head{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:14px}.field-media-head p{font-size:14px}}
.field-media-head{justify-content:flex-start;flex-wrap:wrap}
.facebook-channel-link:hover{background:#eef5ff;border-color:#1877f2;color:#145dbb}
.facebook-channel-link span{width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:#1877f2;color:#fff!important;font:700 13px Arial,sans-serif}
.footer-copy .footer-social{margin-top:2px;color:#637186}
.footer-social a{color:#1464bd;text-decoration:underline;text-underline-offset:3px}

/* Quick support launcher with direct, human handoff */
.support-widget{position:fixed;right:max(22px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));z-index:20;display:flex;flex-direction:column;align-items:flex-end;gap:12px;font-family:var(--font-body)}
.support-launcher{display:flex;align-items:center;gap:10px;min-height:54px;padding:0 20px;border:0;border-radius:999px;background:var(--navy);color:#fff;box-shadow:0 12px 34px rgba(7,26,53,.25);font:700 14px var(--font-body);cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s}
.support-launcher:hover{background:#0b2c50;transform:translateY(-2px);box-shadow:0 16px 38px rgba(7,26,53,.3)}
.support-launcher:focus-visible,.support-close:focus-visible,.support-option:focus-visible,.support-message-link:focus-visible,.support-call-link:focus-visible{outline:3px solid #00b8d9;outline-offset:3px}
.support-launcher-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--yellow);color:var(--navy);font-size:15px}
.support-panel{width:min(384px,calc(100vw - 32px));max-height:min(620px,calc(100dvh - 108px));overflow:auto;border:1px solid #dbe4ec;border-radius:12px;background:#fff;box-shadow:0 20px 60px rgba(7,26,53,.24);padding:22px;color:var(--navy)}
.support-panel[hidden]{display:none}
.support-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.support-kicker{color:#007c95;font-size:11px;font-weight:800;letter-spacing:.13em}
.support-panel-head h2{margin:5px 0 0;font:800 22px/1.2 var(--font-display);letter-spacing:-.03em}
.support-close{width:34px;height:34px;flex:0 0 34px;border:1px solid #dbe4ec;border-radius:50%;background:#fff;color:var(--navy);font-size:23px;line-height:1;cursor:pointer}
.support-intro{margin:10px 0 16px;color:#607187;font-size:14px;line-height:1.5}
.support-options{display:grid;gap:9px}
.support-option{width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) 16px;align-items:center;gap:11px;padding:12px;text-align:left;border:1px solid #dbe4ec;border-radius:8px;background:#fff;color:var(--navy);cursor:pointer;transition:background .18s,border-color .18s}
.support-option:hover{background:#f1fafc;border-color:#67c4d4}
.support-option-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#eaf8fb;color:#007c95;font-size:18px}
.support-option strong,.support-option small{display:block}
.support-option strong{font-size:14px;line-height:1.3}
.support-option small{margin-top:3px;color:#62748a;font-size:12px;line-height:1.4}
.support-option>span:last-child{color:#008eaa;font-size:21px}
.support-reply{margin-top:13px;padding:13px;border-radius:8px;background:#f2f7fa}
.support-reply[hidden]{display:none}
.support-reply p{margin:0 0 11px;color:#465b73;font-size:13px;line-height:1.55}
.support-message-link,.support-call-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;margin:0 6px 5px 0;padding:0 13px;border-radius:6px;font-size:13px;font-weight:700}
.support-message-link{background:#0c7951;color:#fff}
.support-message-link:hover{background:#096b47}
.support-call-link{border:1px solid #cad8e4;color:var(--navy)}
.support-call-link:hover{background:#fff}
.support-panel-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid #e2e9ef}
.support-panel-foot a{color:#006d86;font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.support-panel-foot span{color:#748398;font-size:11px;text-align:right}
@media(max-width:520px){.support-widget{right:12px;bottom:12px}.support-launcher{min-height:50px;padding:0 16px;font-size:13px}.support-panel{width:calc(100vw - 24px);max-height:calc(100dvh - 84px);padding:18px}.support-panel-foot{align-items:flex-start;flex-direction:column;gap:5px}.support-panel-foot span{text-align:left}}

/* High-contrast brand header, including the expanded mobile navigation. */
.site-header{background:#fff;border-bottom:3px solid var(--cyan)}
.main-nav{color:var(--navy)}
.main-nav a:hover{color:#00778d}
@media(max-width:680px){.menu-toggle{border-color:#bdcedc}.menu-toggle span{background:var(--navy)}.main-nav{background:#fff;border-top:1px solid #dce4ec;box-shadow:0 12px 24px rgba(7,26,53,.1)}}

/* Projects and practical field notes */
.solar-notes{max-width:var(--max);margin:38px auto 0;padding-top:28px;border-top:1px solid #dce4ec}
.solar-notes-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:0 0 18px}
.solar-notes-kicker{font-size:11px;font-weight:800;letter-spacing:.14em;color:#087d96}
.solar-notes-head h3{margin:7px 0 0;font:800 clamp(24px,3vw,34px)/1.12 var(--font-display);letter-spacing:-.04em;color:var(--navy)}
.solar-notes-head>p{max-width:390px;margin:0;color:#5f6f83;font-size:14px}
.solar-note-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.solar-note{padding:18px 19px;background:#fff;border:1px solid #dce4ec;border-radius:2px}
.solar-note summary{position:relative;padding-right:24px;color:var(--navy);font:700 16px/1.4 var(--font-display);cursor:pointer;list-style:none}
.solar-note summary::-webkit-details-marker{display:none}
.solar-note summary::after{content:'+';position:absolute;right:0;top:-2px;color:#087d96;font:700 22px/1 var(--font-body)}
.solar-note[open] summary::after{content:'−'}
.solar-note p{margin:12px 0 0;color:#4d5f74;font-size:14px;line-height:1.65}
.solar-note:focus-within{outline:2px solid #00a9c8;outline-offset:3px}
@media(max-width:900px){.solar-notes{margin-top:30px}.solar-note-grid{grid-template-columns:1fr}}
@media(max-width:680px){.solar-notes{margin-top:25px;padding-top:22px}.solar-notes-head{display:block}.solar-notes-head>p{margin-top:9px;font-size:13px}.solar-note{padding:15px}.solar-note summary{font-size:15px}}
@media(min-width:681px) and (max-width:800px){
  .site-header{height:84px;padding:0 24px}
  .site-header .brand-logo-full{width:80px;height:80px;flex:0 0 80px}
  .site-header .brand-logo-full img{width:80px;height:80px}
  .menu-toggle{display:flex;width:44px;height:44px;border:1px solid #bdcedc;border-radius:2px;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:6px}
  .menu-toggle span{width:18px;height:1px;background:var(--navy)}
  .main-nav{display:none;position:absolute;top:84px;left:0;right:0;background:#fff;padding:14px 24px 20px;flex-direction:column;align-items:stretch;gap:4px;border-top:1px solid #dce4ec;box-shadow:0 12px 24px rgba(7,26,53,.1)}
  .main-nav.open{display:flex}
  .main-nav a{padding:9px 2px;color:var(--navy)}
  .main-nav .nav-cta{color:#fff;text-align:center;margin-top:7px;padding:12px}
}

/* Refined About links and structured contact footer */
.manifesto-copy{max-width:520px;align-self:start;color:#536278}
.manifesto-copy p{font-size:15px;line-height:1.75;margin:0 0 16px}
.manifesto-actions{display:grid;max-width:390px;margin-top:22px;border-top:1px solid var(--line)}
.manifesto-actions .arrow-link{display:flex;width:100%;min-height:50px;align-items:center;justify-content:space-between;gap:16px;margin:0;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.45}
.manifesto-actions .arrow-link span{flex:0 0 auto;color:#00a7c6;font-size:17px}
.manifesto-actions .arrow-link:hover{color:#007b95}
.site-footer{display:block;padding:40px max(5.5vw,24px) 18px;background:#f2f6fa;color:var(--navy);border-top:1px solid #dce4ec}
.footer-layout{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:minmax(290px,1.2fr) minmax(190px,.8fr) minmax(250px,1fr);gap:36px;align-items:start}
.footer-brand-block{display:flex;align-items:center;gap:18px;min-width:0}
.footer-brand{width:104px;height:104px;flex:0 0 104px;overflow:visible}
.footer-brand img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:normal;border-radius:0}
.footer-brand-copy{max-width:260px}
.footer-brand-copy p{margin:0;color:#637186;font-size:13px;line-height:1.6}
.footer-brand-copy .footer-title{margin:0 0 5px;color:var(--navy);font:800 16px/1.3 var(--font-display);letter-spacing:-.025em}
.footer-group{min-width:0}
.footer-group h2{margin:2px 0 17px;padding:0 0 10px;border-bottom:1px solid #d4dfe8;color:#66758a;font:800 11px/1.3 var(--font-body);letter-spacing:.14em;text-transform:uppercase}
.footer-group p{margin:0 0 15px;font-size:14px;line-height:1.55}
.footer-group a{color:#006d86;font-weight:700;overflow-wrap:anywhere}
.footer-group a:hover{text-decoration:underline;text-underline-offset:3px}
.footer-label{display:block;margin-bottom:3px;color:#77869a;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.footer-address>span:last-child{display:block;color:#253954;font-weight:600}
.footer-group .footer-note{margin:-8px 0 11px;color:#748398;font-size:12px;line-height:1.5}
.footer-map-link{display:inline-flex;align-items:center;gap:7px;font-size:13px}
.footer-map-link span,.footer-social-links span{color:#00a7c6}
.footer-social-links{margin-top:13px;padding-top:12px;border-top:1px solid #dce4ec}
.footer-social-links a{display:inline-flex;align-items:center;gap:7px;font-size:13px}
.footer-bottom{max-width:var(--max);margin:30px auto 0;padding-top:15px;border-top:1px solid #d4dfe8;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#6d7c90;font-size:11px}
.footer-bottom .back-top{flex:0 0 auto;color:var(--navy);font-size:12px}
.footer-bottom .back-top span{color:#c99500;margin-left:5px}
@media(max-width:900px){
  .footer-layout{grid-template-columns:minmax(0,1fr) minmax(220px,1fr);gap:28px 34px}
  .footer-brand-block{grid-column:1/-1}
}
@media(max-width:680px){
  .manifesto-copy{max-width:none;font-size:15px}
  .manifesto-actions{max-width:none;margin-top:20px}
  .manifesto-actions .arrow-link{min-height:49px}
  .site-footer{padding:28px 22px 18px}
  .footer-layout{grid-template-columns:1fr;gap:22px}
  .footer-brand-block{grid-column:auto;align-items:center;gap:14px;padding-bottom:2px}
  .footer-brand{width:88px;height:88px;flex-basis:88px}
  .footer-brand-copy .footer-title{font-size:15px}
  .footer-brand-copy p{font-size:12px}
  .footer-group{padding-top:18px;border-top:1px solid #d4dfe8}
  .footer-group h2{margin:0 0 14px}
  .footer-group p{font-size:14px}
  .footer-bottom{margin-top:23px;align-items:flex-start;flex-direction:column;gap:6px}
}

/* Project gallery: gentle hover enlargement and responsive photo tiles */
.field-gallery{overflow:visible}
.field-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:clamp(205px,24vw,300px);grid-auto-flow:row;gap:16px;padding:5px}
.field-card{z-index:0;border-radius:5px;transition:transform .28s ease,box-shadow .28s ease;overflow:hidden;box-shadow:0 4px 16px rgba(7,26,53,.08)}
.field-card:after{pointer-events:none}
.field-image-button{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:#0a1d36;cursor:zoom-in}
.field-image-button:focus-visible{outline:3px solid var(--cyan);outline-offset:-4px}
.field-card img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .42s cubic-bezier(.2,.7,.2,1)}
.field-zoom-hint{position:absolute;z-index:2;top:12px;right:12px;padding:6px 9px;border:1px solid rgba(255,255,255,.65);border-radius:999px;background:rgba(7,26,53,.78);color:#fff;font-size:11px;font-weight:700;opacity:0;transform:translateY(4px);transition:opacity .25s ease,transform .25s ease}
.field-card figcaption{pointer-events:none}
.field-card figcaption strong{font-size:14px}
.gallery-lightbox{position:relative;width:min(1000px,94vw);max-width:94vw;max-height:94dvh;margin:auto;padding:0;border:0;overflow:visible;background:transparent;color:#fff}
.gallery-lightbox::backdrop{background:rgba(3,11,24,.88);backdrop-filter:blur(4px)}
.gallery-lightbox img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(88dvh - 44px);margin:0 auto;object-fit:contain;border-radius:5px;box-shadow:0 18px 65px rgba(0,0,0,.4)}
.gallery-lightbox p{margin:12px 54px 0;text-align:center;color:#fff;font:700 15px/1.45 var(--font-display)}
.gallery-lightbox-close{position:absolute;z-index:3;top:12px;right:12px;width:42px;height:42px;border:1px solid rgba(255,255,255,.75);border-radius:50%;background:rgba(7,26,53,.86);color:#fff;font-size:26px;line-height:1;cursor:pointer}
.gallery-lightbox-close:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
@media(hover:hover){
  .field-card:hover,.field-card:focus-within{z-index:4;transform:scale(1.035);box-shadow:0 16px 38px rgba(7,26,53,.22)}
  .field-card:hover img,.field-card:focus-within img{transform:scale(1.035)}
  .field-card:hover .field-zoom-hint,.field-card:focus-within .field-zoom-hint{opacity:1;transform:translateY(0)}
}
@media(max-width:900px){.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(200px,34vw,270px);gap:12px}}
@media(max-width:600px){.field-grid{grid-template-columns:1fr;grid-auto-rows:clamp(245px,72vw,360px);gap:14px;padding:3px}.field-card figcaption{left:13px;right:12px;bottom:12px}.field-card figcaption strong{font-size:13px}.gallery-lightbox{width:96vw;max-width:96vw}.gallery-lightbox img{max-height:80dvh}.gallery-lightbox p{margin:10px 46px 0;font-size:14px}.gallery-lightbox-close{top:8px;right:8px;width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){.field-card,.field-card img,.field-zoom-hint{transition:none}.field-card:hover,.field-card:focus-within{transform:none}.field-card:hover img,.field-card:focus-within img{transform:none}}

/* Editorial rooftop-solar cover hero */
.hero{min-height:790px;padding:160px max(5.5vw,24px) 30px;background:#06172f;color:#fff;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-start}
.hero:before{display:none}
.hero-art.photo-hero{position:absolute;inset:0;height:auto;padding:0;display:block;z-index:-1;overflow:hidden}
.hero-photo{position:absolute;inset:0;width:100%;max-width:none;height:100%;margin:0;border:0;box-shadow:none;background:#071a35}
.hero-photo>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 54%}
.hero-art.photo-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,13,29,.88) 0%,rgba(3,13,29,.72) 38%,rgba(3,13,29,.28) 78%,rgba(3,13,29,.12) 100%),linear-gradient(0deg,rgba(3,13,29,.64) 0%,rgba(3,13,29,.12) 36%,transparent 70%);pointer-events:none}
.hero-grid{width:100%;grid-template-columns:minmax(0,1fr);align-items:start;gap:0;padding:34px 0 54px}
.hero-copy{max-width:1120px;padding:10px 0 18px}
.hero .eyebrow{color:rgba(255,255,255,.85);font-size:12px;letter-spacing:.2em;margin-bottom:24px}
.hero h1{max-width:1100px;font-size:clamp(58px,7.25vw,96px);line-height:.99;letter-spacing:-.068em;color:#fff;margin:0 0 28px}
.hero h1 span{color:#ffd12e}
.hero-lede{max-width:610px;color:rgba(255,255,255,.9);font-size:18px;line-height:1.65}
.hero .text-link{color:#fff;border-color:rgba(255,255,255,.7)}
.hero-proof{color:rgba(255,255,255,.78);margin-top:30px;font-size:12px}
.hero-bottom{display:flex;width:100%;margin:auto auto 0;color:rgba(255,255,255,.82);font-size:11px;letter-spacing:.17em}
.hero-bottom .bottom-rule{background:rgba(255,255,255,.45)}
@media(max-width:900px){.hero{min-height:720px;padding-top:145px}.hero-grid{grid-template-columns:minmax(0,1fr);padding-top:28px}.hero h1{font-size:clamp(58px,8.7vw,82px)}.hero-photo>img{object-position:56% 50%}.hero-art.photo-hero:after{background:linear-gradient(90deg,rgba(3,13,29,.86),rgba(3,13,29,.48) 75%,rgba(3,13,29,.3)),linear-gradient(0deg,rgba(3,13,29,.7),transparent 55%)}}
@media(max-width:680px){.hero{min-height:740px;padding:112px 22px 24px;background:#06172f;color:#fff}.hero-grid{display:block;padding:42px 0 38px}.hero-copy{padding:0}.hero .eyebrow{font-size:10px;letter-spacing:.15em;margin-bottom:19px;color:rgba(255,255,255,.9)}.hero h1{font-size:clamp(46px,11.3vw,67px);line-height:1.02;letter-spacing:-.065em;color:#fff;margin-bottom:22px}.hero h1 span{color:#ffd12e}.hero-lede{font-size:16px;line-height:1.6;color:rgba(255,255,255,.92);margin-bottom:24px}.hero-actions{align-items:flex-start;gap:14px 20px;flex-wrap:wrap}.hero-actions .button{min-height:50px}.hero .text-link{font-size:13px}.hero-proof{font-size:11px;color:rgba(255,255,255,.82);margin-top:24px}.hero-bottom{font-size:9px;letter-spacing:.12em;gap:9px}.hero-photo>img{object-position:57% center}.hero-art.photo-hero:after{background:linear-gradient(90deg,rgba(3,13,29,.82),rgba(3,13,29,.56)),linear-gradient(0deg,rgba(3,13,29,.78),rgba(3,13,29,.08) 67%,rgba(3,13,29,.28))}}