@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#004c58;--green:#398e2e;--lime:#c8ee95;--paper:#fafbf7;--muted:#657773}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #e72429;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif;font-weight:500;line-height:1.12;letter-spacing:-.05em}h1{font-size:clamp(52px,6.5vw,94px)}h2{font-size:clamp(38px,4.5vw,64px)}h3{font-size:29px}p{color:var(--muted)}.wrap{width:min(1320px,88%);margin:auto}.eyebrow{font-size:11px;letter-spacing:.17em;font-weight:700;color:var(--ink);margin-bottom:28px}.skip{position:fixed;top:-60px;background:white;z-index:99;padding:10px}.skip:focus{top:0}header{height:96px;display:flex;align-items:center;gap:36px;padding:0 6%;border-bottom:1px solid #dde4db;background:#fafbf7f5;position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:8px;margin-right:auto}.brand img{width:52px;height:54px;object-fit:cover;object-position:top;clip-path:inset(13% 12% 32%);transform:scale(1.6)}.brand>span{font-size:20px;font-weight:800;letter-spacing:.12em;line-height:1.1}.brand small{display:block;font-size:10px;color:var(--green);letter-spacing:.5em;margin-top:6px}nav{display:flex;gap:26px;font-size:13px}.languages{display:flex;gap:2px}.languages button{border:0;background:none;padding:5px 7px;font-size:11px;cursor:pointer;color:var(--ink)}.languages button[aria-pressed=true]{background:var(--ink);color:white;border-radius:4px}.contact-link{font-size:13px;border-bottom:1px solid var(--ink);padding:4px 0}.hero{min-height:700px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;position:relative;padding-top:65px;gap:20px}.dot{display:inline-block;width:7px;height:7px;border-radius:100%;background:#4a9b36;margin-right:8px}.intro{font-size:18px;max-width:520px;margin:28px 0 32px}.button{display:inline-flex;gap:36px;align-items:center;padding:16px 24px;background:var(--ink);color:white;border-radius:3px;font-size:14px}.button:hover{background:#126370}.hero-note{font-size:12px;margin-top:24px}.hero-art{position:relative;aspect-ratio:1;display:grid;place-items:center;background:radial-gradient(circle,#e5eedf 0,transparent 65%)}.hero-art>img{width:87%;mix-blend-mode:multiply;position:relative;z-index:2}.orbit{position:absolute;border:1px solid #d3ddcd;border-radius:50%;inset:2%}.o2{inset:10%;border-style:dashed}.art-label{position:absolute;bottom:0;font-size:9px;letter-spacing:.26em}.cross{position:absolute;top:5%;right:8%;font-size:28px;font-weight:300}.hero-bottom{grid-column:1/-1;border-top:1px solid #d8e0d5;display:flex;justify-content:space-between;font-size:12px;padding:24px 0;margin-top:35px}.values{background:#edf1e8;margin-top:35px}.story-layout{display:grid;grid-template-columns:1fr 1fr;gap:12%}.story-sticky{position:sticky;top:135px;align-self:start;padding:45px 0}.logo-stage{position:relative;width:min(380px,90%);aspect-ratio:1;margin-top:20px}.story-main,.story-motif{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;will-change:opacity,transform}.story-main{opacity:1}.story-motif{opacity:0;transition:opacity .15s linear,transform .15s linear}.small{font-size:12px}.chapters article{min-height:70vh;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid #ccd8c7;padding:70px 0}.chapter-no{font-size:13px;color:#69915f;margin-bottom:30px}.chapters h3{font-size:clamp(30px,3.3vw,46px)}.chapters p{margin-top:24px;max-width:460px;font-size:17px}.solutions{padding:110px 0}.section-top{display:grid;grid-template-columns:1.5fr 1fr;gap:20px 80px}.section-top>.eyebrow{grid-column:1/-1;margin-bottom:0}.section-top>p:last-child{align-self:end}.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:55px}.tech-art{height:265px;position:relative;overflow:hidden;margin-bottom:28px;border-radius:3px}.tech-art>span{position:absolute;bottom:16px;left:20px;font-size:11px;letter-spacing:.14em;color:#fff}.solar-art{background:linear-gradient(150deg,#95bd9e,#184d4e)}.sun{position:absolute;width:90px;height:90px;background:#e9f3b3;border-radius:50%;top:30px;right:45px;box-shadow:0 0 70px #e9f3b344}.panels{position:absolute;width:110%;height:150px;top:125px;left:-12%;background:repeating-linear-gradient(90deg,transparent 0 46px,#91bcc5 47px 49px),repeating-linear-gradient(0deg,#073c52 0 28px,#91bcc5 29px 31px);transform:perspective(400px) rotateX(45deg) rotateZ(-18deg);border:5px solid #8eabb3}.battery-art{background:#c7d6c9}.battery{position:absolute;bottom:55px;width:70px;height:140px;background:repeating-linear-gradient(0deg,transparent 0 7px,#ccd6ce 8px 9px),linear-gradient(90deg,#f6faf1,#dce6dd);border-top:6px solid #004c58;box-shadow:14px 10px 0 #758e84;transform:skewY(-8deg)}.battery:after{content:'';display:block;margin:20px 10px;width:6px;height:6px;background:#4fa23a;border-radius:50%}.b1{left:13%}.b2{left:38%;bottom:65px}.b3{left:63%;bottom:75px}.hydrogen-art{background:radial-gradient(circle at 60% 30%,#3e8176,#073f48)}.h-circle{position:absolute;left:calc(50% - 66px);top:55px;width:132px;height:132px;border:1px solid #b5ecc0;border-radius:50%;display:grid;place-content:center;color:#d1f3b8;font-size:66px;box-shadow:0 0 60px #91db9a33}.h-circle span{font-size:25px;position:absolute;right:30px;bottom:30px}.hydrogen-art i{position:absolute;border:1px solid #9ecab455;width:230px;height:90px;left:calc(50% - 115px);top:77px;border-radius:50%;transform:rotate(-35deg)}.hydrogen-art i:nth-of-type(2){transform:rotate(45deg)}.tech .eyebrow{margin-bottom:15px}.tech h3{font-size:27px;margin-bottom:18px}.tech>p:not(.eyebrow){font-size:15px;min-height:145px}.tech>a{display:block;border-top:1px solid #d7dfd3;padding-top:18px;font-size:12px}.model{background:#004c58;color:#f4f8ef;padding:100px 0}.model .eyebrow{color:#b5dd9f}.model-head{display:grid;grid-template-columns:1.4fr 1fr;gap:100px}.model p{color:#bdd1ce}.model-head>p{align-self:end}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:75px}.steps article{border-top:1px solid #49767c;padding-top:24px}.steps span{color:#b9e994;font-size:13px}.steps h3{font-size:24px;margin:24px 0 15px}.steps p{font-size:15px}.model details{margin-top:60px;padding:24px 0;border-top:1px solid #49767c;border-bottom:1px solid #49767c}.model summary{cursor:pointer}.model details p{margin-top:20px;max-width:850px}.contact{display:grid;grid-template-columns:1.3fr 1fr;gap:90px;padding:110px 0}.contact p{margin:25px 0}.contact .eyebrow{margin:0 0 25px}.contact .button{margin-top:10px}.people{align-self:center}.people article{display:flex;gap:24px;padding:30px 0;border-bottom:1px solid #d6dfd0}.people article>span{width:60px;height:60px;display:grid;place-items:center;background:#e6eddd;border-radius:50%;font-size:17px}.people h3{font-size:23px;letter-spacing:-.03em}.people p{font-size:12px;margin:6px 0}.people a{font-size:14px}footer{padding:35px 0 45px;display:flex;justify-content:space-between;border-top:1px solid #d6dfd0;font-size:12px}footer p{margin-top:8px}footer>div:last-child{text-align:right}footer>div:last-child>a:last-child{display:block;margin-top:8px}@media(min-width:1600px){.hero{min-height:800px}}@media(max-width:950px){header{gap:20px}nav{display:none}.hero{min-height:auto;padding-top:50px}.story-layout{gap:5%}.tech-grid{gap:18px}.tech-art{height:210px}.model-head{gap:40px}.contact{gap:35px}.people a{font-size:12px}}@media(max-width:650px){header{height:78px;padding:0 5%;gap:12px}.brand>span{font-size:15px}.brand img{width:38px}.brand small{font-size:8px}.contact-link{display:none}.wrap{width:88%}.hero{grid-template-columns:1fr;gap:0}.hero-copy{padding-top:10px}.hero h1{font-size:56px}.hero .eyebrow{font-size:9px}.intro{font-size:17px}.hero-art{width:90%;margin:25px auto 0}.hero-bottom{font-size:10px;gap:20px;margin-top:22px}.story-layout{display:block}.story-sticky{top:78px;z-index:2;padding:24px 0 10px;background:#edf1e8;display:grid;grid-template-columns:1fr 115px;align-items:center}.story-sticky .eyebrow{font-size:8px;grid-column:1/-1;margin-bottom:12px}.story-sticky h2{font-size:30px}.logo-stage{width:115px;margin:0;height:115px}.story-sticky .small{display:none}.chapters article{min-height:55vh;padding:45px 0}.chapters h3{font-size:32px}.chapters p{font-size:16px}.solutions{padding:70px 0}.section-top,.tech-grid,.model-head,.steps,.contact{grid-template-columns:1fr}.section-top{gap:20px}.tech-grid{gap:45px;margin-top:35px}.tech-art{height:260px}.tech>p:not(.eyebrow){min-height:0;margin-bottom:25px}.model{padding:70px 0}.model-head{gap:25px}.steps{gap:35px;margin-top:40px}.contact{padding:70px 0;gap:35px}footer{gap:25px;flex-direction:column}footer>div:last-child{text-align:left}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Mobile QA: prevent min-content overflow and keep chapter links accessible. */
@media(max-width:650px){
 html{scroll-padding-top:140px}
 header{margin-bottom:44px}
 header nav{display:flex;position:absolute;top:78px;left:0;width:100%;height:44px;padding:0 5%;gap:22px;overflow-x:auto;white-space:nowrap;align-items:center;background:var(--paper);border-bottom:1px solid #dde4db;font-size:12px}
 header nav a{display:flex;align-items:center;min-height:44px;flex-shrink:0}
 .languages button{min-width:36px;min-height:44px;padding:5px}
 .hero,.section-top,.model-head,.contact{grid-template-columns:minmax(0,1fr)}
 .hero-copy,.story-sticky>*{min-width:0}
 .hero h1{font-size:clamp(40px,12vw,56px);overflow-wrap:anywhere}
 h2,h3{overflow-wrap:anywhere}
 .story-sticky{top:122px;grid-template-columns:minmax(0,1fr) 95px;gap:8px}
 .story-sticky h2{font-size:clamp(23px,6vw,30px)}
 .story-sticky .logo-stage{width:95px;height:95px}
 .hero-bottom>*{min-width:0}
 .button{max-width:100%}
}