:root{--ink:#17343d;--deep:#0c2932;--sea:#0c7980;--mist:#edf3f1;--line:#d5e2df;--paper:#f7f9f7;--sun:#e4ac54}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.6 Inter,Arial,"PingFang SC","Microsoft YaHei",sans-serif}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}button,input,textarea,select{font:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--sun);outline-offset:3px}.wrap{max-width:1440px;margin:auto;padding:0 clamp(20px,4.5vw,76px)}.topline{background:#08252e;color:#b9d4d2;font-size:12px}.topline .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:8px}.topline a:hover,.nav a:hover{color:#fff}.sitehead{position:sticky;top:0;z-index:20;background:#12333bdc;backdrop-filter:blur(15px);color:#fff;border-bottom:1px solid #fff2}.headrow{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:27px;font-weight:800;letter-spacing:-1px;line-height:1}.brand small{display:block;font-size:10px;letter-spacing:3px;color:#a6d6ce;margin-top:6px}.nav{display:flex;align-items:center;gap:25px;font-size:13px;font-weight:700}.nav a{white-space:nowrap}.nav a[aria-current]{color:#8ee1d4}.headtools{display:flex;align-items:center;gap:14px;font-size:12px}.headtools .cta{background:var(--sun);color:#17343d;font-weight:800;padding:11px 17px;border-radius:3px}.menubtn{display:none;border:1px solid #ffffff60;background:none;color:white;padding:7px 11px}.hero{background:var(--deep);color:#fff;min-height:675px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:90px clamp(20px,4.5vw,76px) 105px max(20px,calc((100vw - 1440px)/2 + 76px));position:relative;z-index:1}.eyebrow{font-size:12px;letter-spacing:2.4px;font-weight:800;color:var(--sea);text-transform:uppercase}.hero .eyebrow{color:#9fe2d6}.hero h1{font-size:clamp(44px,5vw,82px);line-height:1.07;letter-spacing:-.045em;margin:19px 0 22px;max-width:780px}.hero p{font-size:17px;color:#c4d9d9;max-width:640px;margin:0 0 34px}.hero-image{position:relative;min-height:675px}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:40% center}.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--deep) 0,transparent 28%)}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;border-radius:3px;padding:14px 20px;font-size:13px;font-weight:800}.btn-primary{background:var(--sun);color:#1b3439}.btn-outline{border-color:#a5c9c6;color:#fff}.btn-light{background:#fff;color:var(--ink)}.section{padding:clamp(70px,8vw,122px) 0}.section.light{background:#fff}.section.dark{background:var(--deep);color:white}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:36px}.section h2,.pagehero h1{font-size:clamp(32px,3.8vw,60px);letter-spacing:-.035em;line-height:1.13;margin:10px 0 12px}.section-head p,.lead{max-width:580px;color:#647983;font-size:15px}.dark .section-head p,.dark .lead{color:#bad0ce}.cardgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{background:#fff;border:1px solid var(--line);overflow:hidden}.card img{width:100%;height:280px;object-fit:cover}.card .body{padding:25px}.card h3{font-size:23px;line-height:1.2;margin:0 0 11px}.card p{font-size:14px;color:#62777d;margin:0 0 18px}.card small,.spec{color:var(--sea);font-weight:800;font-size:12px;letter-spacing:.8px}.card .link{font-size:13px;font-weight:800;color:var(--sea)}.productgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.product{display:grid;grid-template-columns:45% 55%;background:#fff;border:1px solid var(--line);min-height:330px}.product img{width:100%;height:100%;object-fit:cover}.product .body{padding:28px;display:flex;flex-direction:column;justify-content:center}.product h3{font-size:28px;line-height:1.16;margin:10px 0}.product p{font-size:14px;color:#657b80}.product a{color:var(--sea);font-size:13px;font-weight:800}.feature{display:grid;grid-template-columns:1fr 1fr;min-height:530px;background:#fff}.feature.reverse img{order:2}.feature img{width:100%;height:100%;min-height:500px;object-fit:cover}.feature .copy{padding:clamp(36px,6vw,100px);display:flex;flex-direction:column;justify-content:center}.feature h2{font-size:clamp(31px,3.4vw,54px);line-height:1.15;margin:12px 0}.feature p{color:#62777d}.strip{border-block:1px solid var(--line);background:#f1f5f1}.strip .wrap{display:grid;grid-template-columns:repeat(4,1fr)}.strip div{padding:28px 20px;border-right:1px solid var(--line)}.strip div:first-child{padding-left:0}.strip div:last-child{border:0}.strip b{display:block;font-size:22px;line-height:1.25}.strip span{font-size:12px;color:#6c8085}.pagehero{background:var(--deep);color:#fff;padding:75px 0 90px}.pagehero .lead{color:#bbd1d0}.pagehero .eyebrow{color:#9fe2d6}.gallerypair{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.gallerypair img{width:100%;height:540px;object-fit:cover}.gallerypair img:last-child{height:540px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step{border-top:3px solid var(--sea);padding:20px;background:#fff}.step b{color:var(--sea);font-size:13px}.step h3{font-size:20px;margin:8px 0}.step p{font-size:13px;color:#647983}.downloads{display:flex;gap:15px;flex-wrap:wrap}.footercta{background:#17434a;color:white;padding:80px 0}.footercta h2{font-size:clamp(30px,4vw,58px);line-height:1.15;margin:5px 0 20px}.footercta p{color:#c6dcda;max-width:680px}.footer{background:#09262e;color:#bdd0d0;padding:52px 0 25px;font-size:13px}.footergrid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:30px}.footer h3{color:#fff;font-size:15px}.footer a{display:block;margin:8px 0}.footer .brand{color:white}.legal{border-top:1px solid #ffffff24;margin-top:50px;padding-top:18px;color:#8da9a9}.contactgrid{display:grid;grid-template-columns:1fr 1fr;gap:42px}.contactbox{background:#fff;padding:35px;border:1px solid var(--line)}.contactbox label{font-size:13px;font-weight:700;display:block;margin:16px 0 6px}.contactbox input,.contactbox select,.contactbox textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:3px;background:#fff;color:var(--ink)}.contactbox textarea{min-height:150px}.contactbox button{margin-top:18px}.contactfacts{padding:20px}.contactfacts a{color:var(--sea);font-weight:800}.notice{font-size:12px;color:#7a8d90}.specs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.specs div{padding:20px;background:#fff;border:1px solid var(--line)}.specs strong{font-size:21px;display:block}.specs span{font-size:12px;color:#698087}.imgcap{font-size:11px;color:#738789;margin-top:8px}@media(max-width:1050px){.nav{gap:13px;font-size:12px}.headtools .cta{display:none}.hero{min-height:590px}.hero-image{min-height:590px}.productgrid{grid-template-columns:1fr}.cardgrid{grid-template-columns:repeat(2,1fr)}.footergrid{grid-template-columns:2fr 1fr 1fr}}@media(max-width:720px){.topline{display:none}.headrow{height:66px}.brand{font-size:24px}.menubtn{display:block}.nav{display:none;position:absolute;top:66px;left:0;right:0;background:#12333b;padding:18px 24px;flex-direction:column;align-items:stretch;gap:14px;box-shadow:0 18px 35px #0018}.nav.open{display:flex}.headtools{margin-left:auto}.hero{display:flex;flex-direction:column-reverse;min-height:0}.hero-image{min-height:0;height:330px}.hero-image:after{background:linear-gradient(0deg,var(--deep) 0,transparent 42%)}.hero-copy{padding:12px 20px 55px}.hero h1{font-size:44px}.hero p{font-size:15px}.section{padding:65px 0}.section-head{display:block}.cardgrid,.productgrid,.feature,.contactgrid,.gallerypair,.specs{grid-template-columns:1fr}.card img{height:260px}.product{grid-template-columns:1fr}.product img{height:275px}.feature.reverse img{order:0}.feature img,.gallerypair img,.gallerypair img:last-child{height:330px;min-height:0}.feature .copy{padding:40px 20px 54px}.strip .wrap{grid-template-columns:repeat(2,1fr)}.strip div:nth-child(2){border-right:0}.steps{grid-template-columns:repeat(2,1fr)}.footergrid{grid-template-columns:1fr 1fr}.footergrid>div:first-child{grid-column:1/-1}}@media(max-width:480px){.steps{grid-template-columns:1fr}.strip b{font-size:18px}.strip div{padding:18px 8px}.footergrid{grid-template-columns:1fr}.footergrid>div:first-child{grid-column:auto}.headtools{font-size:11px}.pagehero{padding:55px 0 65px}}
 .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only:focus{position:fixed;z-index:100;top:8px;left:8px;width:auto;height:auto;clip:auto;margin:0;padding:8px 12px;background:#fff;color:#17343d}

/* Motion and interaction language shared with the Easysail family. */
.scroll-progress{position:fixed;left:0;top:0;z-index:50;width:var(--scroll-progress,0%);height:3px;background:var(--sun);pointer-events:none}
.sitehead,.headrow,.brand{transition:background-color .25s ease,height .25s ease,font-size .25s ease,box-shadow .25s ease}
.sitehead.is-scrolled{background:#0c2932f7;box-shadow:0 10px 25px #06232b28}
.sitehead.is-scrolled .headrow{height:64px}
.sitehead.is-scrolled .brand{font-size:24px}
.btn,.headtools .cta,.filter-btn,.contact-option,.card,.product{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background-color .25s ease}
.btn:hover,.headtools .cta:hover{transform:translateY(-3px);box-shadow:0 10px 22px #06232b35}
.card:hover,.product:hover{transform:translateY(-4px);box-shadow:0 18px 40px #0e374019;border-color:#a8cfca}
.card img,.product img{transition:transform .55s ease}
.card:hover img,.product:hover img{transform:scale(1.035)}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}
.reveal.is-visible{opacity:1;transform:translateY(0)}
.cardgrid .reveal:nth-child(2),.productgrid .reveal:nth-child(2),.steps .reveal:nth-child(2){transition-delay:.08s}
.cardgrid .reveal:nth-child(3),.steps .reveal:nth-child(3){transition-delay:.16s}
.contact-rail{position:fixed;z-index:19;right:20px;bottom:24px;display:flex;flex-direction:column;gap:9px}
.contact-rail a{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#0c7980;color:#fff;font-size:15px;font-weight:800;box-shadow:0 8px 24px #09262e4d;transition:transform .2s ease,background .2s ease}
.contact-rail a:last-child{background:#228c68;font-size:13px}
.contact-rail a:hover{transform:translateX(-4px);background:#17343d}
.product-filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:11px}
.filter-btn{border:1px solid #c7d9d5;background:#fff;color:#25444c;border-radius:2px;padding:10px 16px;font-size:13px;font-weight:750}
.filter-btn:hover{border-color:var(--sea);transform:translateY(-2px)}
.filter-btn[aria-pressed="true"]{background:var(--deep);color:#fff;border-color:var(--deep)}
.filter-count{color:#6b8185;font-size:12px;margin:0 0 22px}
.product[hidden]{display:none!important}
.contact-direct{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,5vw,80px);align-items:center}
.contact-intro h2{font-size:clamp(34px,4vw,58px);line-height:1.12;letter-spacing:-.035em;margin:12px 0 20px}
.contact-intro p{color:#61777e;max-width:580px}
.contact-points{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}
.contact-points span{border:1px solid var(--line);padding:9px 12px;color:#4d6d73;font-size:12px;background:#f7faf8}
.contact-options{display:grid;gap:16px}
.contact-option{display:flex;align-items:center;gap:18px;min-height:145px;background:#f4f8f6;border:1px solid #d3e2de;padding:25px;color:var(--ink)}
.contact-option:hover{transform:translateY(-4px);box-shadow:0 18px 36px #0e374019;border-color:var(--sea)}
.contact-icon{display:grid;place-items:center;flex:none;width:62px;height:62px;background:var(--sea);color:#fff;border-radius:50%;font-size:18px;font-weight:800}
.contact-option:first-child .contact-icon{background:#228c68;font-size:16px}
.contact-option span:nth-child(2){display:grid;gap:3px}
.contact-option small{color:var(--sea);font-weight:800;letter-spacing:1.4px;font-size:10px}
.contact-option strong{font-size:23px;line-height:1.2}
.contact-option em{font-style:normal;color:#657e83;font-size:13px;overflow-wrap:anywhere}
.contact-option b{margin-left:auto;color:var(--sea);font-size:21px;align-self:flex-start}
.scene-explorer{display:grid;grid-template-columns:1.05fr .95fr;background:var(--deep);color:#fff;min-height:570px;overflow:hidden}
.scene-visual{min-height:570px;overflow:hidden}
.scene-visual img{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}
.scene-copy{padding:clamp(25px,4vw,62px);display:flex;flex-direction:column;justify-content:space-between;gap:35px}
.scene-tabs{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.scene-btn{text-align:left;border:1px solid #ffffff52;background:#ffffff12;color:#e6f2f0;padding:13px 14px;font-size:13px;font-weight:700;transition:background .25s ease,border-color .25s ease}
.scene-btn span{display:block;color:#9ed8cb;font-size:10px;letter-spacing:1px;margin-bottom:3px}
.scene-btn:hover{background:#ffffff28}
.scene-btn[aria-pressed="true"]{background:#e4ac54;color:#18343b;border-color:#e4ac54}
.scene-btn[aria-pressed="true"] span{color:#335657}
.scene-description .eyebrow{color:#9fe2d6}
.scene-description h3{font-size:clamp(30px,3vw,45px);letter-spacing:-.03em;line-height:1.1;margin:12px 0}
.scene-description p{font-size:18px;color:#e2eeec;margin:0 0 12px}
.scene-description small{display:block;color:#b2c9c6;font-size:13px}
.scene-description a{display:inline-block;margin-top:25px;font-size:13px;font-weight:800;color:#e4ac54}
.category-card{min-height:355px}
.category-card img{object-fit:contain;background:#f5f6f2;padding:13px}
.category-card .body{padding:24px}
.category-card h3{font-size:25px}
.category-card p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:12px}
.series-codes{display:block;color:#789095;font-size:11px;font-weight:700;letter-spacing:.3px;margin-bottom:18px}
.detail-hero{background:var(--deep);color:white}
.detail-hero-grid{display:grid;grid-template-columns:1fr 1fr;min-height:650px;align-items:stretch}
.detail-copy{padding:clamp(45px,6vw,90px) clamp(25px,4vw,60px) clamp(55px,6vw,90px) 0;display:flex;flex-direction:column;justify-content:center}
.detail-copy .eyebrow{color:#9fe2d6}
.back-link{display:inline-block;color:#9fcbc6;font-size:12px;font-weight:700;margin-bottom:40px}
.back-link:hover{color:#fff}
.detail-copy h1{font-size:clamp(40px,4.9vw,72px);line-height:1.04;letter-spacing:-.045em;margin:17px 0 22px}
.detail-copy>p{color:#bbd3d1;max-width:640px;font-size:16px;margin:0 0 32px}
.detail-metrics{display:flex;gap:22px;flex-wrap:wrap;padding:18px 0 27px;border-top:1px solid #ffffff40}
.detail-metrics div{min-width:110px}
.detail-metrics strong{display:block;font-size:24px;line-height:1.2;color:#fff}
.detail-metrics span{display:block;font-size:11px;color:#a7c3bf}
.detail-product{display:grid;place-items:center;min-height:650px;background:#f1f2ee;padding:25px}
.detail-product img{width:100%;height:100%;max-height:600px;object-fit:contain}
.series-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.series-card{background:#f6f9f7;border:1px solid var(--line);padding:24px;display:flex;flex-direction:column;min-height:270px}
.series-top{display:flex;align-items:baseline;justify-content:space-between;gap:14px;color:var(--sea);font-size:12px;font-weight:800}
.series-top strong{color:#24464d}
.series-card h3{font-size:24px;margin:20px 0 10px;line-height:1.15}
.series-card p{color:#60767d;font-size:14px;margin:0 0 22px}
.series-card details{margin-top:auto;border-top:1px solid var(--line);padding-top:14px}
.series-card summary{color:var(--sea);font-size:13px;font-weight:800;cursor:pointer;list-style-position:inside}
.model-list{display:flex;gap:7px;flex-wrap:wrap;padding-top:15px}
.model-list span{background:white;border:1px solid #dce9e5;color:#45646a;padding:4px 7px;font-size:11px}
.detail-scene{display:grid;grid-template-columns:1fr 1fr;min-height:510px;background:#eaf2ef}
.detail-scene-copy{padding:clamp(40px,6vw,90px);display:flex;flex-direction:column;justify-content:center}
.detail-scene-copy h2,.selection-note h2{font-size:clamp(31px,3.8vw,54px);letter-spacing:-.035em;line-height:1.12;margin:12px 0 17px}
.detail-scene-copy p,.selection-note p{color:#627b7d;max-width:550px}
.detail-scene-copy small{color:#7a9192;font-size:11px;max-width:520px}
.detail-scene-copy a{color:var(--sea);font-size:13px;font-weight:800;margin-top:26px}
.detail-scene img{width:100%;height:100%;min-height:510px;max-height:650px;object-fit:cover}
.selection-note{max-width:850px;margin:auto;text-align:center}
.selection-note p{margin:auto}
@media(max-width:720px){.sitehead.is-scrolled .headrow{height:60px}.sitehead.is-scrolled .nav{top:60px}.contact-rail{right:12px;bottom:16px}.contact-rail a{width:43px;height:43px}.contact-direct{grid-template-columns:1fr}.contact-option{min-height:120px;padding:18px}.contact-icon{width:50px;height:50px}.contact-option strong{font-size:19px}}
@media(max-width:850px){.scene-explorer{grid-template-columns:1fr}.scene-visual{min-height:0;height:390px}.scene-copy{gap:28px}}
@media(max-width:900px){.series-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-hero-grid{grid-template-columns:1fr}.detail-copy{padding:50px 0}.detail-product{min-height:0;height:500px}.detail-scene{grid-template-columns:1fr}.detail-scene img{height:400px;min-height:0}}
@media(max-width:600px){.series-grid{grid-template-columns:1fr}.detail-copy{padding:35px 0 45px}.back-link{margin-bottom:25px}.detail-product{height:390px}.detail-metrics strong{font-size:20px}.detail-metrics div{min-width:85px}.detail-scene img{height:300px}.category-card{min-height:0}.category-card img{height:290px}}
@media(max-width:480px){.scene-visual{height:290px}.scene-tabs{gap:6px}.scene-btn{padding:10px;font-size:11px}.scene-copy{padding:24px}.scene-description p{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.reveal.is-visible{opacity:1;transform:none;transition:none}.btn,.headtools .cta,.filter-btn,.contact-option,.card,.product,.card img,.product img,.sitehead,.headrow,.brand{transition:none}}

/* Easysail Energy light industrial theme. Keep the equipment and real settings in focus. */
:root{--paper:#f7f9f6;--mist:#eef4f1;--sun:#e4a45d;--sea:#0c737b;--line:#d9e5e0}
body{background:var(--paper)}
.topline{background:#edf3ef;color:#49666b;border-bottom:1px solid #dbe7e1}
.topline a:hover{color:var(--sea)}
.sitehead{background:#ffffffef;color:var(--ink);border-bottom:1px solid #dce7e3;backdrop-filter:blur(15px)}
.sitehead.is-scrolled{background:#fffffffa;box-shadow:0 10px 25px #15404b14}
.sitehead .brand,.footer .brand{color:var(--ink)}
.sitehead .brand small,.footer .brand small{color:var(--sea)}
.nav a:hover,.nav a[aria-current]{color:var(--sea)}
.headtools .cta{background:var(--sun);color:#26383d}
.menubtn{border-color:#bfd1cd;color:var(--ink)}
.hero{background:linear-gradient(120deg,#f5f7f2,#eaf3ee);color:var(--ink)}
.hero .eyebrow{color:var(--sea)}
.hero h1{color:#17343d}
.hero p{color:#526e73}
.hero-image:after{background:linear-gradient(90deg,#f2f6f1 0,transparent 30%)}
.btn-primary{background:var(--sun);color:#26383d}
.btn-outline{border-color:#7da9a6;color:var(--ink)}
.pagehero{background:radial-gradient(circle at 86% 50%,#dbece6 0,transparent 37%),linear-gradient(120deg,#f7faf7,#eef4f0);color:var(--ink);border-bottom:1px solid var(--line);padding:63px 0 72px}
.pagehero .lead{color:#5b757a}
.pagehero .eyebrow{color:var(--sea)}
.strip{background:#f2f7f3}
.detail-hero{background:linear-gradient(120deg,#f5f8f4,#ecf4ef);color:var(--ink)}
.detail-copy .eyebrow,.scene-description .eyebrow{color:var(--sea)}
.detail-copy>p{color:#5a7478}
.back-link{color:var(--sea)}
.back-link:hover{color:#16444c}
.detail-metrics{border-top-color:#c8d9d3}
.detail-metrics strong{color:var(--ink)}
.detail-metrics span{color:#657e81}
.detail-product{background:#fff}
.detail-copy .btn-outline{color:var(--ink);border-color:#8faeaa}
.scene-explorer{background:#edf5f0;color:var(--ink)}
.scene-btn{border-color:#c7dad2;background:#fff;color:#29484e}
.scene-btn span{color:var(--sea)}
.scene-btn:hover{background:#e0eee7}
.scene-btn[aria-pressed="true"]{background:#d8eee4;border-color:#54a596;color:#163e40}
.scene-btn[aria-pressed="true"] span{color:#25776b}
.scene-description p{color:#33565c}
.scene-description small{color:#657f80}
.scene-description a{color:var(--sea)}
.footercta{background:#e5f0ea;color:var(--ink);border-top:1px solid #d2e4db}
.footercta p{color:#5b7478}
.footer{background:#f8faf8;color:#526b70;border-top:1px solid #d8e6df}
.footer h3{color:var(--ink)}
.legal{border-top-color:#d9e5df;color:#71888a}
@media(max-width:720px){.nav{background:#fff;box-shadow:0 18px 35px #173b4b24}.nav a{color:var(--ink)}.nav a:hover{color:var(--sea)}.hero-image:after{background:linear-gradient(0deg,#eef5f0 0,transparent 42%)}}
.pagehero.with-art{padding:0;overflow:hidden}
.pagehero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:stretch;min-height:365px}
.pagehero-copy{display:flex;flex-direction:column;justify-content:center;padding:50px 28px 55px 0;position:relative;z-index:1}
.pagehero-copy h1{max-width:750px}
.pagehero-art{min-height:365px;overflow:hidden;background:#ecf2ed}
.pagehero-art img{width:100%;height:100%;max-height:420px;object-fit:cover}
.pagehero-art.product-art{background:#f8faf7}
.pagehero-art.product-art img{object-fit:contain}
@media(max-width:720px){.pagehero-grid{grid-template-columns:1fr}.pagehero-copy{padding:40px 0 32px}.pagehero-art{min-height:0;height:245px}.pagehero-art img{max-height:none}}

/* Shared Easysail masthead and a deliberate product-first opening. */
.topline{background:#eee9de;color:#526267;border-bottom:1px solid #e2dbce;font-size:11px}
.topline .wrap{padding-block:7px}
.sitehead{background:#fff;color:#18343d;border-bottom:1px solid #e4e6e1}
.headrow{height:82px;display:grid;grid-template-columns:minmax(205px,1fr) auto minmax(205px,1fr);align-items:center;gap:20px}
.brand{display:inline-flex;align-items:center;gap:11px;width:max-content;font-size:27px;letter-spacing:-1.1px}
.brand-mark{display:block;width:57px;height:32px;object-fit:contain;flex:none}
.brand-text{display:block;line-height:.92}
.brand-text small{display:block;margin-top:7px;font-size:9px;letter-spacing:3px;color:#576f73}
.nav{justify-self:center;gap:clamp(16px,1.8vw,28px);font-size:13px;font-weight:750}
.nav a[aria-current]{color:#0c737b}
.headtools{justify-self:end}
.headtools .cta{display:inline-flex;align-items:center;justify-content:center;background:#e4834b;color:#18343d;min-width:164px;min-height:44px;padding:11px 17px;font-size:13px;border-radius:2px}
.sitehead.is-scrolled .headrow{height:68px}
.sitehead.is-scrolled .brand{font-size:25px}
.sitehead.is-scrolled .brand-mark{width:53px;height:30px}
.hero{min-height:630px;grid-template-columns:48% 52%;background:#f7f9f5}
.hero-copy{background:#f7f9f5;padding:72px 55px 76px max(28px,calc((100vw - 1440px)/2 + 76px))}
.hero .eyebrow{max-width:460px;color:#0c737b;letter-spacing:2px}
.hero h1{font-size:clamp(44px,5.1vw,76px);max-width:600px}
.hero p{max-width:545px}
.hero-image{min-height:630px}
.hero-image img{object-position:50% 50%}
.hero-image:after{display:none}
.hero-photo-note{position:absolute;right:92px;bottom:26px;z-index:2;display:grid;gap:2px;min-width:215px;padding:17px 20px;background:#fffffff0;box-shadow:0 12px 30px #0b343644;color:#17343d}
.hero-photo-note span{font-size:10px;font-weight:800;letter-spacing:1.5px;color:#0c737b}
.hero-photo-note strong{font-size:20px;line-height:1.1}
.hero-photo-note small{font-size:11px;color:#5b7378}
@media(max-width:1100px){.headrow{grid-template-columns:auto 1fr auto}.nav{justify-self:end}.headtools .cta{display:none}.hero-copy{padding-right:30px}}
@media(max-width:720px){.topline{display:none}.headrow,.sitehead.is-scrolled .headrow{display:flex;height:68px}.brand{font-size:23px;gap:8px}.brand-mark,.sitehead.is-scrolled .brand-mark{width:48px;height:28px}.brand-text small{font-size:8px;letter-spacing:2.5px}.nav{top:68px}.sitehead.is-scrolled .nav{top:68px}.headtools{display:none}.menubtn{margin-left:auto}.hero{display:flex;flex-direction:column-reverse;min-height:0}.hero-image{height:320px;min-height:0}.hero-copy{padding:35px 20px 50px}.hero-photo-note{display:none}}

/* Match the shared Easysail family navigation: clear mark, two controls, full-page menu. */
.sitehead{position:sticky;top:0;z-index:80;background:#fff;box-shadow:0 1px 0 #dce4e0}
.headrow,.sitehead.is-scrolled .headrow{height:76px;display:flex;justify-content:space-between;gap:20px}
.sitehead .brand{font-size:24px;gap:10px}
.sitehead .brand-mark{width:54px;height:34px}
.sitehead .brand-text small{font-size:9px;letter-spacing:1.8px;margin-top:5px}
.head-actions{display:flex;gap:12px;align-items:center}
.head-icon{width:43px;height:43px;display:grid;place-items:center;background:#fff;border:1px solid #d6dfdc;border-radius:6px;color:#19343c;cursor:pointer;transition:background .2s,border-color .2s}
.head-icon:hover,.head-icon[aria-expanded="true"]{background:#edf4ef;border-color:#8ab8aa}
.search-icon span{display:block;position:relative;width:15px;height:15px;border:2px solid currentColor;border-radius:50%}
.search-icon span:after{content:"";position:absolute;right:-6px;bottom:-4px;width:7px;height:2px;background:currentColor;transform:rotate(45deg);border-radius:2px}
.menu-icon span{display:block;width:18px;height:14px;border-top:2px solid currentColor;border-bottom:2px solid currentColor;position:relative;transition:transform .2s}
.menu-icon span:after{content:"";position:absolute;left:0;right:0;top:5px;border-top:2px solid currentColor}
.menu-icon[aria-expanded="true"] span{border:0;transform:rotate(45deg);height:18px}
.menu-icon[aria-expanded="true"] span:after{top:8px;transform:rotate(90deg)}
.menu-icon[aria-expanded="true"] span:before{content:"";position:absolute;left:0;right:0;top:8px;border-top:2px solid currentColor}
body.panel-open{overflow:hidden}
.nav-overlay,.search-overlay{display:none;position:fixed;inset:76px 0 0;z-index:70;overflow-y:auto;background:#fff}
.nav-overlay.open,.search-overlay.open{display:block}
.nav-panel{max-width:610px;margin:0 auto;padding:45px 24px 70px}
.nav-kicker{display:block;color:#68837d;font-size:11px;font-weight:800;letter-spacing:2px;margin-bottom:20px}
.nav-panel>a{display:flex;align-items:center;gap:22px;min-height:69px;border-bottom:1px solid #e4ece7;color:#19343c;font-size:24px;font-weight:750;letter-spacing:-.03em}
.nav-panel>a:hover,.nav-panel>a[aria-current]{color:#0a737b}
.nav-panel>a span{color:#7b9b94;font-size:12px;letter-spacing:0}
.nav-panel>a b{margin-left:auto;font-size:18px;font-weight:400}
.nav-direct{display:flex;gap:22px;flex-wrap:wrap;margin-top:28px}
.nav-direct a{font-size:13px;font-weight:700;color:#0b737b}
.search-panel{max-width:810px;margin:0 auto;padding:62px 24px 70px}
.search-panel label{display:block;font-size:clamp(30px,4vw,50px);font-weight:800;letter-spacing:-.04em;color:#18343c;margin-bottom:24px}
.search-panel input{width:100%;height:62px;border:1px solid #bacfc5;border-radius:4px;padding:0 20px;font:inherit;font-size:17px;outline:none}
.search-panel input:focus{border-color:#0c737b;box-shadow:0 0 0 4px #d7ebe5}
.search-results{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;margin-top:24px}
.search-results a{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #e2eae5;padding:16px 0;color:#19343c;font-size:15px;font-weight:700}
.search-results a:hover{color:#0c737b}
.search-results a span{white-space:nowrap;color:#79918c;font-size:12px;font-weight:500}
.search-results a[hidden]{display:none}
#search-empty{color:#607d77}
.range-section{background:#fff;padding:76px 0 84px}
.range-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:30px}
.range-entry{display:block;min-width:0;border:1px solid #dce8e2;background:#fff;color:#19343c;transition:transform .25s,box-shadow .25s,border-color .25s}
.range-entry:hover{transform:translateY(-5px);box-shadow:0 14px 30px #1a49321c;border-color:#9dcbb8}
.range-image{display:block;background:#f4f7f4;height:220px;overflow:hidden}
.range-image img{width:100%;height:100%;object-fit:contain;padding:13px;transition:transform .3s}
.range-entry:hover img{transform:scale(1.04)}
.range-meta{display:grid;gap:7px;padding:17px 19px 19px}
.range-meta small{font-size:11px;color:#0c737b;font-weight:800}
.range-meta strong{font-size:20px;line-height:1.2}
.range-meta em{font-size:12px;color:#66847b;font-weight:750;font-style:normal;margin-top:5px}
.range-all{display:inline-block;margin-top:25px;color:#0c737b;font-size:14px;font-weight:800}
@media(max-width:900px){.range-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.headrow,.sitehead.is-scrolled .headrow{height:66px}.sitehead .brand{font-size:21px}.sitehead .brand-mark{width:46px;height:29px}.head-icon{width:39px;height:39px}.nav-overlay,.search-overlay{top:66px}.nav-panel{padding-top:30px}.nav-panel>a{min-height:65px;font-size:22px}.search-results{grid-template-columns:1fr}.hero-image{height:360px}.hero-image img{object-position:50% 68%}.range-section{padding:52px 0 60px}.range-image{height:185px}}
@media(max-width:480px){.range-grid{gap:9px}.range-image{height:145px}.range-meta{padding:12px}.range-meta strong{font-size:16px}.range-meta small{font-size:10px}.nav-panel>a{font-size:20px}}

/* Open product-led masthead and integrated photographic banner. */
.sitehead{box-shadow:0 1px 0 #e1e7e5}
.headrow,.sitehead.is-scrolled .headrow{height:80px}
.nav-inline{display:flex;align-items:center;justify-content:center;gap:clamp(18px,2.2vw,34px);margin-left:auto;margin-right:auto}
.nav-inline a{position:relative;color:#284148;font-size:13px;font-weight:750;white-space:nowrap;line-height:80px;transition:color .2s}
.nav-inline a:hover,.nav-inline a[aria-current]{color:#0a737b}
.nav-inline a[aria-current]:after,.nav-inline a:hover:after{content:"";position:absolute;bottom:20px;left:0;right:0;height:2px;background:#0a737b}
.head-actions{gap:13px}
.head-contact{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:43px;padding:0 18px;border-radius:4px;background:#db9b55;color:#19343c;font-size:13px;font-weight:800;white-space:nowrap;transition:background .2s,transform .2s}
.head-contact:hover{background:#efb875;transform:translateY(-2px)}
.menu-icon{display:none}
.hero{position:relative;display:flex;align-items:center;min-height:650px;background:#d4e5e6;isolation:isolate;overflow:hidden}
.hero-image{position:absolute;inset:0;min-height:0;z-index:-1}
.hero-image img{width:100%;height:100%;object-fit:cover;object-position:50% 52%}
.hero-image:after{display:none}
.hero-copy{position:relative;z-index:1;width:min(530px,calc(100% - 48px));margin:50px 0 50px max(28px,calc((100vw - 1164px)/2));padding:42px 44px 44px;background:#fbfcf9f2;border:1px solid #ffffffc2;box-shadow:0 24px 60px #143a3b35;backdrop-filter:blur(4px)}
.hero .eyebrow{font-size:11px;line-height:1.5;letter-spacing:1.7px}
.hero h1{font-size:clamp(43px,4.5vw,64px);line-height:1.03;margin:19px 0 20px}
.hero p{font-size:16px;line-height:1.65;margin:0 0 28px}
.hero .actions{gap:9px}
.hero .actions .btn{font-size:12px;padding:14px 15px;min-height:46px}
.hero-photo-note{display:none}
@media(max-width:1100px){.nav-inline{gap:17px}.nav-inline a{font-size:12px}.head-contact{padding:0 13px}}
@media(max-width:900px){.nav-inline,.head-contact{display:none}.headrow,.sitehead.is-scrolled .headrow{height:68px}.menu-icon{display:grid}.nav-overlay,.search-overlay{top:68px}.hero-copy{margin-left:24px}}
@media(max-width:720px){.headrow,.sitehead.is-scrolled .headrow{height:66px}.nav-overlay,.search-overlay{top:66px}.hero{display:flex;flex-direction:column-reverse;align-items:stretch;min-height:0;background:#f7faf7}.hero-image{position:relative;inset:auto;z-index:auto;height:390px;min-height:0;order:0}.hero-image img{object-position:50% 53%}.hero-copy{width:auto;margin:-22px 16px 0;padding:28px 24px 33px;background:#fbfcf9;box-shadow:0 9px 30px #193d4217;border:1px solid #e4eee8;order:1}.hero h1{font-size:clamp(38px,9.7vw,49px);margin:15px 0}.hero p{font-size:15px}.hero .actions{display:flex;flex-wrap:wrap}}
@media(max-width:430px){.hero-image{height:370px}.hero-copy{margin-inline:12px;padding:25px 20px 31px}.hero .actions .btn{font-size:11px;padding:12px}}

/* The homepage presents one complete wind + PV + storage offer. */
.hero{min-height:710px}
.hero-image img{width:112%;max-width:none;object-position:50% 50%}
.hero-copy{width:min(520px,calc(100% - 48px));margin-top:30px;margin-bottom:98px}
.hero h1{font-size:clamp(46px,4.7vw,68px);max-width:450px}
.hero-system-preview{position:absolute;right:max(50px,calc((100vw - 1164px)/2));bottom:28px;z-index:2;width:300px;display:grid;grid-template-columns:95px 1fr;align-items:stretch;background:#ffffffef;color:#19343c;border:1px solid #ffffffd9;box-shadow:0 12px 30px #163d4350;transition:transform .25s,box-shadow .25s}
.hero-system-preview:hover{transform:translateY(-4px);box-shadow:0 17px 36px #163d435c}
.hero-system-preview img{width:95px;height:85px;object-fit:cover}
.hero-system-preview span{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:11px}
.hero-system-preview strong{font-size:14px;line-height:1.15}
.hero-system-preview small{font-size:10px;color:#0c737b;font-weight:700}
@media(max-width:900px){.hero{min-height:650px}.hero-copy{margin-bottom:90px}.hero-system-preview{right:24px;width:260px;grid-template-columns:80px 1fr}.hero-system-preview img{width:80px}}
@media(max-width:720px){.hero{min-height:0}.hero-image img{width:100%;max-width:100%;object-position:50% 50%}.hero-copy{width:auto;margin-top:-22px;margin-bottom:0;padding-bottom:30px}.hero-system-preview{position:relative;right:auto;bottom:auto;align-self:stretch;width:auto;margin:0 16px 25px;grid-template-columns:90px 1fr;box-shadow:none;border:1px solid #dce8e2}.hero-system-preview img{width:90px;height:78px}.hero-system-preview strong{font-size:13px}}
@media(max-width:430px){.hero-system-preview{margin-inline:12px}}
@media(min-width:901px){.hero{min-height:640px}.hero-image img{width:108%;object-position:50% 70%}.hero-copy{margin-top:24px;margin-bottom:24px}}
@media(min-width:901px){.hero-system-preview{right:max(100px,calc((100vw - 1080px)/2))}}
@media(max-width:720px){.hero{flex-direction:column}.hero-image{order:0}.hero-copy{order:1}.hero-system-preview{order:2}}

/* Hybrid system banner: image remains visible through the outlined headline. */
.hero{background:#7897a7;min-height:650px}
.hero-image img{width:100%;max-width:100%;object-fit:cover;object-position:50% 47%}
.hero-image:after{display:block;content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0e2735b8 0%,#173b4c91 34%,#183e4c38 66%,transparent 100%)}
.hero-copy{width:min(760px,calc(100% - 80px));margin:0 0 0 max(50px,calc((100vw - 1164px)/2));padding:0;background:none;border:0;box-shadow:none;backdrop-filter:none;color:#fff}
.hero .eyebrow{color:#f3d6aa;font-size:12px;font-weight:800;letter-spacing:2px}
.hero h1{max-width:760px;margin:17px 0 24px;font-size:clamp(56px,6.5vw,92px);letter-spacing:-.065em;line-height:.98}
.hero-solid,.hero-outline{display:block}
.hero-solid{color:#fff}
.hero-outline{color:transparent;-webkit-text-stroke:1.5px #fff;text-shadow:none}
.hero p{max-width:570px;color:#eef7f7;font-size:17px;line-height:1.6;text-shadow:0 1px 5px #16374088}
.hero .btn-outline{color:#fff;border-color:#ffffffa8;background:#ffffff18}
.hero .btn-outline:hover{background:#ffffff2c}
.hero .btn-primary{background:#e4aa60;color:#17323d}
@media(min-width:721px){.hero-image img{object-position:50% 0}}
@media(max-width:900px){.hero-copy{margin-left:28px;width:min(720px,calc(100% - 56px))}.hero h1{font-size:clamp(52px,8vw,76px)}}
@media(max-width:720px){.hero{min-height:0;background:#e6f0ed}.hero-image{height:350px}.hero-image img{object-position:56% 40%}.hero-image:after{background:linear-gradient(0deg,#123a489c,transparent 62%)}.hero-copy{position:relative;z-index:2;order:1;width:auto;margin:-70px 14px 0;padding:30px 25px 35px;background:#183d47f0;border:1px solid #6d9295;box-shadow:0 12px 24px #133a4230;color:#fff}.hero h1{font-size:clamp(43px,10vw,62px);margin:13px 0 19px}.hero p{font-size:15px}.hero .eyebrow{font-size:10px}}
@media(max-width:430px){.hero-image{height:330px}.hero-copy{margin-inline:12px;padding:26px 20px 30px}.hero h1{font-size:43px}.hero .actions{gap:9px}}

/* Catalogue photograph: keep the turbines clear on the left, copy on the right. */
.hero-image img{object-position:50% 0}
.hero-image:after{background:linear-gradient(270deg,#102f3dbd 0%,#163a4d91 37%,#1236472e 68%,transparent 82%)}
.hero-copy{width:min(610px,calc(100% - 100px));margin:0 max(50px,calc((100vw - 1164px)/2)) 0 auto}
.hero h1{font-size:clamp(56px,5.9vw,81px)}
.hero p{max-width:550px}
@media(max-width:900px){.hero-copy{width:min(560px,calc(100% - 56px));margin:0 28px 0 auto}.hero h1{font-size:clamp(49px,6.8vw,70px)}}
@media(max-width:720px){.hero-image img{object-position:42% 12%}.hero-image:after{background:linear-gradient(0deg,#183e4a4a,transparent 60%)}.hero-copy{width:auto;margin:-46px 14px 0;padding:28px 23px 31px;background:#ffffffde;border:1px solid #ffffffd9;box-shadow:0 14px 28px #193b4126;backdrop-filter:blur(9px);color:#193b45}.hero .eyebrow{color:#0c737b}.hero-solid{color:#193b45}.hero-outline{-webkit-text-stroke:1.25px #0b6b74}.hero p{color:#3c6165;text-shadow:none}.hero .btn-outline{color:#193b45;border-color:#8bb3ac;background:#ffffff8a}}
@media(max-width:430px){.hero-copy{margin-inline:12px;padding:25px 19px 29px}}

/* Homepage catalogue images retain the source framing and turbine geometry. */
.home-catalog-cards .card img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.home-wind-feature{min-height:510px}
.home-wind-feature img{object-fit:contain;background:#e8efec}
@media(max-width:720px){.home-catalog-cards .card img{height:auto;aspect-ratio:3/2}.home-wind-feature{min-height:0}.home-wind-feature img{height:auto;min-height:0;aspect-ratio:4/3}}

/* Lead with the catalogue's complete tulip turbine and keep its generator visible. */
@media(min-width:721px){
 .hero-tulip .hero-image{background:#7594ad}
 .hero-tulip .hero-image img{width:78%;max-width:none;height:100%;object-fit:contain;object-position:left center}
 .hero-tulip .hero-image:after{background:linear-gradient(270deg,#143240 0%,#193d4bcf 31%,#183d4b5e 52%,transparent 70%)}
}
@media(max-width:720px){
 .hero-tulip .hero-image img{width:100%;height:100%;object-fit:cover;object-position:50% 0}
}

@media(min-width:721px){.hero-tulip .hero-image img{-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 78%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 78%,transparent 100%)}}

@media(max-width:720px){.hero-tulip .hero-image{height:390px}.hero-tulip .hero-copy{margin-top:-8px}}

/* Multi-turbine application banner, with the complete foreground generator in view. */
@media(min-width:721px){
 .hero-tulip{height:min(56.3vw,820px);min-height:650px}
 .hero-tulip .hero-image{background:#6f8fa7}
 .hero-tulip .hero-image img{width:100%;height:100%;max-width:100%;object-fit:cover;object-position:50% 0;-webkit-mask-image:none;mask-image:none}
 .hero-tulip .hero-image:after{background:linear-gradient(270deg,#102e3bd9 0%,#123747ae 37%,#173b4b42 64%,transparent 83%)}
}
@media(max-width:720px){.hero-tulip .hero-image{height:390px}.hero-tulip .hero-image img{width:100%;height:100%;object-fit:cover;object-position:0 0}}

/* Bright banner treatment: clear equipment, light reading area, transparent type. */
@media(min-width:721px){
 .hero-tulip{background:#eaf2f0}
 .hero-tulip .hero-image:after{background:linear-gradient(270deg,#f9fbf5f0 0%,#f7faf5d8 31%,#eef5ef68 49%,transparent 62%)}
 .hero-tulip .hero-copy{color:#153942}
 .hero-tulip .hero .eyebrow,.hero-tulip .eyebrow{color:#126c76}
 .hero-tulip .hero-solid{color:#153942}
 .hero-tulip .hero-outline{-webkit-text-stroke:1.5px #176a75}
 .hero-tulip p{color:#315a63;text-shadow:none}
 .hero-tulip .btn-outline{color:#164e58;border-color:#6d9da4;background:#ffffffa6}
 .hero-tulip .btn-outline:hover{background:#fff}
}
@media(max-width:720px){.hero-tulip .hero-image:after{display:none}}

/* Show the application photograph directly, with no banner overlay or gradient. */
.hero-tulip .hero-image:after{display:none!important;background:none!important}

/* Solid white editorial copy panel; the image itself has no treatment. */
@media(min-width:901px){
 .hero-tulip .hero-copy{width:470px;margin:0 clamp(24px,3.5vw,56px) 0 auto;padding:30px 32px 34px;background:#fff;border:1px solid #e2ebea;box-shadow:none;backdrop-filter:none;color:#153942}
 .hero-tulip h1{font-size:clamp(52px,5vw,67px);margin:15px 0 18px}
 .hero-tulip p{font-size:15px;line-height:1.55;margin-bottom:22px}
 .hero-tulip .actions{gap:8px}
 .hero-tulip .actions .btn{padding:12px 13px;font-size:11px}
}
@media(max-width:900px){
 .hero-tulip{display:flex;flex-direction:column;align-items:stretch;height:auto;min-height:0;background:#fff}
 .hero-tulip .hero-image{position:relative;inset:auto;z-index:auto;order:0;width:100%;height:auto;min-height:0;aspect-ratio:1672/941}
 .hero-tulip .hero-image img{width:100%;height:100%;object-fit:cover;object-position:0 0}
 .hero-tulip .hero-copy{order:1;position:relative;z-index:auto;width:100%;margin:0;padding:30px 24px 36px;background:#fff;border:0;box-shadow:none;backdrop-filter:none;color:#153942}
}
@media(max-width:720px){.hero-tulip .hero-image{height:auto;aspect-ratio:1672/941}.hero-tulip .hero-copy{margin:0;padding:27px 20px 34px}}

@media(max-width:720px){.hero-tulip .hero-image{height:350px;aspect-ratio:auto}}

/* Editorial hero: title on the page, complete photograph below. No image overlay. */
.hero.hero-tulip{display:flex;flex-direction:column;align-items:stretch;height:auto;min-height:0;background:#fff;overflow:visible}
.hero-tulip .hero-copy{order:0;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);grid-template-rows:auto auto auto;column-gap:48px;align-items:start;width:100%;max-width:none;margin:0;padding:48px max(24px,calc((100vw - 1164px)/2)) 44px;background:none;border:0;box-shadow:none;backdrop-filter:none;color:#153942}
.hero-tulip .hero-copy .eyebrow{grid-column:1/-1;grid-row:1;color:#126c76;letter-spacing:1.5px}
.hero-tulip .hero-copy h1{grid-column:1;grid-row:2/4;margin:14px 0 0;max-width:none;font-size:clamp(52px,4.8vw,72px);line-height:.99}
.hero-tulip .hero-solid{color:#153942}
.hero-tulip .hero-outline{-webkit-text-stroke:1.4px #176a75}
.hero-tulip .hero-copy p{grid-column:2;grid-row:2;margin:14px 0 18px;max-width:460px;color:#45646b;text-shadow:none;font-size:15px;line-height:1.6}
.hero-tulip .hero-copy .actions{grid-column:2;grid-row:3;align-self:end;gap:9px}
.hero-tulip .btn-outline{color:#164e58;border-color:#6d9da4;background:#fff}
.hero-tulip .hero-image{order:1;position:relative;inset:auto;z-index:auto;width:100%;height:auto;min-height:0;aspect-ratio:1672/941;overflow:hidden;background:#fff}
.hero-tulip .hero-image img{width:100%;height:100%;max-width:100%;object-fit:cover;object-position:center}
.hero-tulip .hero-image:after{display:none!important}
@media(max-width:900px){
 .hero-tulip .hero-image{order:0;height:auto;aspect-ratio:1672/941}
 .hero-tulip .hero-copy{order:1;display:block;padding:30px 24px 36px}
 .hero-tulip .hero-copy h1{margin:15px 0 19px;font-size:clamp(43px,7vw,65px)}
 .hero-tulip .hero-copy p{margin:0 0 24px;max-width:640px}
}
@media(max-width:720px){.hero-tulip .hero-image{height:350px;aspect-ratio:auto}.hero-tulip .hero-image img{object-position:0 0}.hero-tulip .hero-copy{padding:27px 20px 34px}.hero-tulip .hero-copy h1{font-size:43px}}

/* Conventional split hero: image left, copy right, no overlays or floating panels. */
@media(min-width:901px){
 .hero.hero-tulip{display:grid;grid-template-columns:64% 36%;align-items:stretch;height:650px;min-height:0;overflow:hidden;background:#fff}
 .hero-tulip .hero-image{grid-column:1;grid-row:1;position:relative;inset:auto;order:0;z-index:auto;width:100%;height:100%;min-height:0;aspect-ratio:auto;background:#fff}
 .hero-tulip .hero-image img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:left center}
 .hero-tulip .hero-copy{grid-column:2;grid-row:1;order:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:auto;max-width:none;margin:0;padding:36px clamp(25px,3vw,46px);background:#fff;border:0;box-shadow:none;backdrop-filter:none;color:#153942}
 .hero-tulip .hero-copy .eyebrow{font-size:10px;letter-spacing:1.35px;color:#126c76}
 .hero-tulip .hero-copy h1{margin:17px 0 20px;font-size:clamp(52px,4.8vw,66px);line-height:1.02;max-width:none}
 .hero-tulip .hero-outline{font-size:clamp(37px,3.8vw,52px);letter-spacing:-.055em;-webkit-text-stroke:1.25px #176a75}
 .hero-tulip .hero-copy p{margin:0 0 26px;max-width:420px;color:#45646b;font-size:15px;line-height:1.6;text-shadow:none}
 .hero-tulip .hero-copy .actions{display:flex;flex-wrap:wrap;gap:9px;align-self:auto}
 .hero-tulip .hero-copy .actions .btn{font-size:11px;padding:12px 13px}
}

/* Restored catalogue image with genuinely transparent copy over the photograph. */
@media(min-width:721px){
 .hero.hero-tulip{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;height:650px;min-height:650px;isolation:isolate;overflow:hidden;background:#84949b}
 .hero-tulip .hero-image{position:absolute;inset:0;z-index:-1;order:0;width:100%;height:100%;min-height:0;aspect-ratio:auto;overflow:hidden}
 .hero-tulip .hero-image img{width:100%;height:100%;max-width:100%;object-fit:cover;object-position:50% 0}
 .hero-tulip .hero-image:after{display:none!important}
 .hero-tulip .hero-copy{position:relative;z-index:1;order:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:min(590px,calc(100% - 70px));max-width:none;margin:0 max(42px,calc((100vw - 1164px)/2)) 0 auto;padding:0;background:transparent;border:0;box-shadow:none;backdrop-filter:none;color:#fff}
 .hero-tulip .hero-copy .eyebrow{color:#fff;font-size:11px;letter-spacing:1.7px;text-shadow:0 1px 3px #18343b}
 .hero-tulip .hero-copy h1{margin:17px 0 23px;font-size:clamp(56px,5.6vw,78px);line-height:.99;max-width:none}
 .hero-tulip .hero-solid{color:#fff;text-shadow:0 2px 5px #18343b7a}
 .hero-tulip .hero-outline{font-size:inherit;letter-spacing:-.065em;-webkit-text-stroke:1.5px #fff;text-shadow:none}
 .hero-tulip .hero-copy p{margin:0 0 27px;max-width:550px;color:#fff;font-size:16px;line-height:1.6;text-shadow:0 1px 3px #112b32}
 .hero-tulip .hero-copy .actions{display:flex;flex-wrap:wrap;gap:9px;align-self:auto}
 .hero-tulip .btn-outline{color:#fff;border-color:#fff;background:transparent}
 .hero-tulip .btn-outline:hover{background:#ffffff24}
}
@media(max-width:720px){
 .hero.hero-tulip{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;height:720px;min-height:720px;isolation:isolate;overflow:hidden;background:#84949b}
 .hero-tulip .hero-image{position:absolute;inset:0;z-index:-1;order:0;width:100%;height:100%;min-height:0;aspect-ratio:auto}
 .hero-tulip .hero-image img{width:100%;height:100%;object-fit:cover;object-position:35% 0}
 .hero-tulip .hero-image:after{display:none!important}
 .hero-tulip .hero-copy{position:relative;z-index:1;order:0;display:flex;flex-direction:column;align-items:flex-start;width:auto;max-width:none;margin:0;padding:0 20px 28px;background:transparent;border:0;box-shadow:none;backdrop-filter:none;color:#fff}
 .hero-tulip .hero-copy .eyebrow{color:#fff;text-shadow:0 1px 3px #17343d}
 .hero-tulip .hero-copy h1{margin:12px 0 16px;font-size:44px}
 .hero-tulip .hero-solid{color:#fff;text-shadow:0 2px 5px #17343d}
 .hero-tulip .hero-outline{-webkit-text-stroke:1.25px #fff}
 .hero-tulip .hero-copy p{color:#fff;text-shadow:0 1px 3px #17343d;font-size:14px;line-height:1.5;margin:0 0 20px}
 .hero-tulip .btn-outline{color:#fff;border-color:#fff;background:transparent}
}

@media(min-width:721px){.hero-tulip .hero-outline{-webkit-text-stroke:1.7px #173d48}}
@media(max-width:720px){
 .hero.hero-tulip{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;height:auto;min-height:0;overflow:visible;background:#fff}
 .hero-tulip .hero-image{position:relative;inset:auto;z-index:auto;order:0;width:100%;height:350px;min-height:0;aspect-ratio:auto}
 .hero-tulip .hero-image img{width:100%;height:100%;object-fit:cover;object-position:35% 0}
 .hero-tulip .hero-copy{position:relative;z-index:auto;order:1;display:block;width:100%;max-width:none;margin:0;padding:28px 20px 34px;background:transparent;border:0;box-shadow:none;backdrop-filter:none;color:#17343d}
 .hero-tulip .hero-copy .eyebrow{color:#126c76;text-shadow:none}
 .hero-tulip .hero-copy h1{margin:12px 0 18px;font-size:44px}
 .hero-tulip .hero-solid{color:#17343d;text-shadow:none}
 .hero-tulip .hero-outline{-webkit-text-stroke:1.25px #176a75}
 .hero-tulip .hero-copy p{color:#45646b;text-shadow:none;font-size:15px;line-height:1.6;margin:0 0 23px}
 .hero-tulip .btn-outline{color:#164e58;border-color:#6d9da4;background:transparent}
}

/* Readable type on the untouched mine photograph, with no panel or image overlay. */
@media(min-width:721px){
 .hero-tulip .hero-copy .eyebrow{color:#fff;font-weight:850;text-shadow:0 2px 4px #10252ce0}
 .hero-tulip .hero-solid{color:#fff;text-shadow:0 2px 5px #0a2630cc}
 .hero-tulip .hero-outline{-webkit-text-stroke:2px #fff;text-shadow:0 2px 4px #0b2931}
 .hero-tulip .hero-copy p{color:#fff;font-size:17px;font-weight:600;text-shadow:0 2px 4px #0b2931,0 0 9px #0b2931b8}
 .hero-tulip .btn-outline{color:#17343d;border-color:#fff;background:#fff}
 .hero-tulip .btn-outline:hover{background:#eaf4f1}
}
@media(max-width:720px){
 .hero-tulip .hero-outline{-webkit-text-stroke:0;color:#17343d;text-shadow:none}
 .hero-tulip .hero-copy p{color:#29444b}
}

/* Easysail direct-contact and company presentation. */
.head-contact{min-height:46px;padding:0 8px 0 19px;gap:17px;border-radius:24px;background:#102844;color:#fff;box-shadow:0 4px 12px #10284420}
.head-contact span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e5a358;color:#102844;font-size:17px;line-height:1}
.head-contact:hover{background:#163b62;color:#fff;transform:translateY(-1px)}
.contact-rail{right:20px;bottom:23px;gap:11px}
.contact-rail a{width:56px;height:56px;background:#3979e8;box-shadow:0 7px 19px #142c4b36}
.contact-rail a:last-child{background:#35bf6b}
.contact-rail a:hover{background:#2869d8;transform:translateY(-3px)}
.contact-rail a:last-child:hover{background:#24a95a}
.contact-rail svg{width:28px;height:28px;display:block}
.footer-direct a{display:flex;align-items:center;gap:10px;margin:15px 0;line-height:1.25;font-weight:700;color:#234049}
.footer-direct a:hover{color:#0c737b}
.footer-direct small{display:block;margin-top:3px;color:#627a81;font-size:12px;font-weight:500;overflow-wrap:anywhere}
.footer-channel-icon{width:33px;height:33px;flex:none;display:grid;place-items:center;border-radius:50%;color:#fff}
.footer-channel-icon.email{background:#3979e8}
.footer-channel-icon.whatsapp{background:#35bf6b}
.footer-channel-icon svg{width:18px;height:18px}
.footercta{background:#f0f4f5;color:#102844;border-top:1px solid #dbe5e9}
.footercta-layout{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center}
.footercta-layout h2{max-width:710px}
.footercta-layout p{max-width:680px;color:#516772}
.footercta-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px;flex-wrap:wrap}
.footercta-actions .btn{background:#102844;color:#fff;border-radius:24px;padding:12px 19px;min-height:45px;box-shadow:0 4px 12px #1028441d}
.footercta-actions .btn:hover{background:#163b62}
.footercta-actions>a:not(.btn){display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:800;color:#234049}
.footercta-actions>a:not(.btn):hover{color:#0c737b}
.footercta-actions svg{width:17px;height:17px}
.company-scope{background:#eff3f5;border-bottom:1px solid #dbe4e9}
.company-scope .wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.company-scope .wrap>div{padding:28px 28px 30px;border-right:1px solid #d7e1e6}
.company-scope .wrap>div:first-child{padding-left:0}
.company-scope .wrap>div:last-child{border:0}
.company-scope span{display:block;color:#b47b3d;font-size:11px;font-weight:850;letter-spacing:1.4px}
.company-scope strong{display:block;color:#102844;font-size:20px;line-height:1.2;margin:7px 0 5px}
.company-scope p{margin:0;color:#526873;font-size:13px;line-height:1.55}
.company-story{background:#fff;padding:96px 0}
.company-story-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(35px,6vw,95px)}
.company-story-copy{max-width:600px}
.company-story h2{font-size:clamp(34px,3.8vw,55px);letter-spacing:-.04em;line-height:1.1;color:#102844;margin:12px 0 20px}
.company-story p{color:#516873;font-size:16px;line-height:1.7}
.company-story ul{list-style:none;padding:0;margin:24px 0 25px;border-top:1px solid #dce5e8}
.company-story li{padding:10px 0;border-bottom:1px solid #dce5e8;color:#203e49;font-size:14px;font-weight:700}
.company-story li:before{content:'✓';color:#0c737b;margin-right:11px}
.company-story-image{height:530px;overflow:hidden}
.company-story-image img{width:100%;height:100%;object-fit:cover}
.text-link{display:inline-flex;align-items:center;gap:13px;color:#0c737b;font-size:14px;font-weight:800;border-bottom:2px solid #0c737b;padding-bottom:5px}
.text-link:hover{color:#102844;border-color:#102844}
.company-evidence{background:#f8faf9!important}
.company-evidence .card{border-radius:4px}
.company-evidence .card img{height:260px}
.company-note{margin:22px 0 0;color:#667a7d;font-size:12px}
.contact-hero{background:#f2f5f6;border-bottom:1px solid #dce5e8}
.contact-hero-grid{display:grid;grid-template-columns:1fr .85fr;height:550px;align-items:stretch}
.contact-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:60px 7% 65px 0}
.contact-hero h1{color:#102844;font-size:clamp(43px,4.6vw,65px);line-height:1.06;letter-spacing:-.045em;margin:14px 0 20px;max-width:650px}
.contact-hero p{color:#4c6570;max-width:620px;font-size:16px;line-height:1.7;margin:0 0 28px}
.contact-hero-image{overflow:hidden;min-height:0}
.contact-hero-image img{width:100%;height:100%;object-fit:cover;object-position:50% 48%}
.contact-hero-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.contact-hero-wa{display:inline-flex;align-items:center;gap:9px;background:#27ad60;color:#fff;border-radius:25px;min-height:47px;padding:0 19px;font-size:14px;font-weight:850;box-shadow:0 6px 17px #268e5140}
.contact-hero-wa:hover{background:#209a55}
.contact-hero-wa svg{width:20px;height:20px}
.contact-hero-wa span{margin-left:6px}
.contact-hero-mail{font-size:14px;font-weight:800;color:#175aac;border-bottom:2px solid #a9c7e9;padding-bottom:4px}
.contact-hero-mail:hover{border-color:#175aac}
.contact-section{padding:94px 0;background:#fff}
.contact-layout{display:grid;grid-template-columns:1fr .9fr;gap:clamp(45px,7vw,105px)}
.contact-layout h2{color:#102844;font-size:clamp(31px,3.2vw,46px);line-height:1.14;letter-spacing:-.04em;margin:12px 0 14px}
.contact-layout p{font-size:15px;color:#536a74;line-height:1.7;margin:0 0 28px}
.contact-method{display:flex;align-items:center;gap:19px;min-height:108px;padding:18px 21px;border:1px solid #dce5e9;border-radius:5px;background:#fff;color:#102844;margin-top:12px;transition:transform .2s,box-shadow .2s,border-color .2s}
.contact-method:hover{transform:translateY(-2px);box-shadow:0 12px 28px #10284412;border-color:#b8cdd7}
.method-icon{display:grid;place-items:center;flex:none;width:54px;height:54px;border-radius:50%;background:#35bf6b;color:#fff}
.contact-method-mail .method-icon{background:#3979e8}
.method-icon svg{width:27px;height:27px}
.method-body{min-width:0;display:flex;flex-direction:column;line-height:1.25}
.method-body small{font-size:10px;font-weight:850;letter-spacing:1.5px;color:#61777f}
.method-body strong{font-size:19px;margin:5px 0;color:#102844}
.method-body em{font-size:14px;font-style:normal;color:#4e6974;overflow-wrap:anywhere}
.method-arrow{margin-left:auto;align-self:flex-start;color:#69828a;font-size:22px}
.contact-guide{padding:32px 35px 36px;background:#f4f7f8;border-left:3px solid #d5a062}
.contact-guide p{margin-bottom:20px}
.contact-guide ol{list-style:none;margin:0;padding:0;counter-reset:guide}
.contact-guide li{display:grid;gap:2px;padding:12px 0;border-top:1px solid #dce5e8;counter-increment:guide}
.contact-guide li b{color:#102844;font-size:14px}
.contact-guide li b:before{content:counter(guide,decimal-leading-zero)' / ';color:#ad7840;font-size:11px;letter-spacing:1px;margin-right:8px}
.contact-guide li span{color:#5f747d;font-size:13px;line-height:1.55;padding-left:40px}
.contact-next{background:#eef3f5;padding:72px 0 80px;border-top:1px solid #dce5e8}
.contact-next h2{color:#102844;font-size:clamp(31px,3.4vw,49px);letter-spacing:-.04em;line-height:1.15;margin:10px 0 27px}
.contact-next-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.contact-next-grid p{border-top:2px solid #d5a062;padding-top:16px;color:#506874;font-size:14px;line-height:1.65;margin:0}
.contact-next-grid b{display:block;color:#102844;font-size:16px;margin-bottom:5px}
@media(max-width:1000px){.footercta-layout{grid-template-columns:1fr}.footercta-actions{justify-content:flex-start}.contact-hero-grid{grid-template-columns:1fr .8fr}}
@media(max-width:720px){.contact-rail{right:12px;bottom:16px;gap:8px}.contact-rail a{width:46px;height:46px}.contact-rail svg{width:24px;height:24px}.company-scope .wrap{grid-template-columns:1fr}.company-scope .wrap>div,.company-scope .wrap>div:first-child{padding:18px 0;border-right:0;border-bottom:1px solid #d7e1e6}.company-scope .wrap>div:last-child{border:0}.company-story{padding:65px 0}.company-story-grid{grid-template-columns:1fr}.company-story-image{height:350px}.contact-hero-grid{grid-template-columns:1fr;height:auto}.contact-hero-copy{padding:43px 0 39px}.contact-hero h1{font-size:43px}.contact-hero-image{min-height:0;height:290px}.contact-section{padding:64px 0}.contact-layout{grid-template-columns:1fr;gap:47px}.contact-guide{padding:26px}.contact-next{padding:58px 0}.contact-next-grid{grid-template-columns:1fr;gap:19px}}
@media(max-width:430px){.contact-hero h1{font-size:39px}.contact-hero-actions{gap:14px}.contact-method{gap:13px;padding:15px 12px}.method-icon{width:45px;height:45px}.method-icon svg{width:23px;height:23px}.method-body strong{font-size:16px}.method-body em{font-size:12px}.contact-guide li span{padding-left:0}}
.home-brand{background:#fff;padding:80px 0;border-top:1px solid #e0e8ea}
.home-brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,6vw,88px);align-items:center}
.home-brand-image{height:430px;overflow:hidden}
.home-brand-image img{width:100%;height:100%;object-fit:cover}
.home-brand-copy{max-width:590px}
.home-brand h2{color:#102844;font-size:clamp(34px,3.7vw,53px);line-height:1.12;letter-spacing:-.04em;margin:12px 0 18px}
.home-brand p{color:#506874;font-size:16px;line-height:1.7;margin:0 0 26px}
@media(max-width:720px){.home-brand{padding:60px 0}.home-brand-grid{grid-template-columns:1fr;gap:32px}.home-brand-image{height:280px}}
.footergrid{grid-template-columns:minmax(0,1.8fr) minmax(180px,.85fr) minmax(220px,1.1fr)}
@media(max-width:720px){.footergrid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.footergrid{grid-template-columns:1fr}}
/* Solar and storage pages, 2026-11-01 */
.energy-intro,.energy-detail-hero{background:#f2f6f7;color:#102844;border-bottom:1px solid #dce5e8}
.energy-intro-grid,.energy-detail-grid{display:grid;grid-template-columns:1fr .93fr;min-height:560px;align-items:stretch}
.energy-intro-copy,.energy-detail-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:72px clamp(35px,5vw,80px) 76px 0}
.energy-intro h1,.energy-detail-hero h1{font-size:clamp(44px,5vw,70px);line-height:1.05;letter-spacing:-.05em;margin:14px 0 22px;max-width:690px;color:#102844}
.energy-intro p,.energy-detail-hero p{font-size:17px;line-height:1.7;color:#4e6872;max-width:620px;margin:0 0 30px}
.energy-intro-image,.energy-detail-image{overflow:hidden;min-height:0}
.energy-intro-image img,.energy-detail-image img{width:100%;height:100%;object-fit:cover}
.energy-intro-image img{object-position:50% center}
.energy-intro-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.energy-intro-actions .btn,.energy-detail-copy .btn{background:#102844;color:white;border-radius:3px}
.energy-intro-actions .btn:hover,.energy-detail-copy .btn:hover{background:#165065}
.energy-components{background:#fff!important;padding:85px 0 92px}
.energy-components .card{border:0;background:#f7f9fa}
.energy-components .card img{height:auto;aspect-ratio:3/2;object-fit:cover}
.energy-components .card .body{padding:23px 22px 27px}
.energy-components .card small{color:#a77036}
.energy-flow{background:#edf3f5;padding:88px 0 96px;color:#102844}
.energy-flow h2,.energy-detail-heading h2,.energy-needs h2,.energy-storage-scale h2,.energy-bridge h2{font-size:clamp(34px,3.8vw,54px);line-height:1.12;letter-spacing:-.04em;margin:12px 0 25px;color:#102844}
.energy-flow-steps,.energy-detail-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}
.energy-flow-steps>div,.energy-detail-list article{border-top:2px solid #b88951;padding-top:18px}
.energy-flow-steps b,.energy-detail-list b{display:block;font-size:12px;color:#a16c33;letter-spacing:1.3px}
.energy-flow-steps strong,.energy-detail-list h3{display:block;font-size:24px;line-height:1.2;margin:10px 0 9px;color:#102844}
.energy-flow-steps p,.energy-detail-list p{font-size:14px;line-height:1.7;color:#566d76;margin:0}
.energy-needs,.energy-storage-scale{background:white;padding:90px 0}
.energy-needs-grid,.energy-storage-scale-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,90px);align-items:center}
.energy-needs-grid>div:first-child,.energy-storage-scale-grid>div:first-child{height:450px;overflow:hidden}
.energy-needs img,.energy-storage-scale img{height:100%;width:100%;object-fit:cover}
.energy-needs p,.energy-storage-scale p,.energy-detail-heading p,.energy-bridge p{font-size:15px;line-height:1.75;color:#566e78;max-width:700px}
.energy-needs .specs{grid-template-columns:1fr 1fr;gap:0;border-top:1px solid #dce5e8;margin-top:25px}
.energy-needs .specs div{padding:14px 12px 14px 0;border:0;border-bottom:1px solid #dce5e8}
.energy-needs .specs strong{color:#b47b3d;font-size:12px}
.energy-needs .specs span{font-size:13px;color:#244450}
.energy-detail-hero .back-link{margin:0 0 30px;color:#426b78;font-weight:700;font-size:13px}
.energy-detail-hero .back-link:hover{color:#0c737b}
.energy-detail-section{padding:90px 0 95px;background:#fff}
.energy-detail-heading{max-width:930px;margin-bottom:42px}
.energy-detail-heading p{margin:0}
.energy-bridge{background:#eef3f5;padding:72px 0 80px}
.energy-bridge h2{max-width:800px;margin-bottom:12px}
.energy-bridge>div>div{display:flex;gap:25px;flex-wrap:wrap;margin-top:24px}
.energy-bridge a{color:#0b6873;font-size:14px;font-weight:800;border-bottom:2px solid #0b6873;padding-bottom:4px}
.energy-storage-examples{background:#f7f9fa}
.energy-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.energy-example-grid article{background:white;border:1px solid #dae5e9;padding:26px 25px 27px}
.energy-example-grid span{display:block;color:#a16c33;font-size:11px;font-weight:850;letter-spacing:1.4px;margin-bottom:20px}
.energy-example-grid strong{display:block;color:#102844;font-size:clamp(27px,2.7vw,39px);letter-spacing:-.04em;line-height:1.1;white-space:nowrap}
.energy-example-grid em{color:#aebdc3;font-style:normal;font-weight:400}
.energy-example-grid p{font-size:14px;color:#5c737d;margin:15px 0 0}
.energy-disclaimer{font-size:12px;color:#617882;margin:22px 0 0}
.energy-storage-scale-grid>div:first-child{height:440px}
@media(max-width:1000px){.energy-intro-grid,.energy-detail-grid{grid-template-columns:1fr .8fr;min-height:510px}.energy-example-grid strong{font-size:27px}}
@media(max-width:720px){.energy-intro-grid,.energy-detail-grid,.energy-needs-grid,.energy-storage-scale-grid{grid-template-columns:1fr;min-height:0}.energy-intro-copy,.energy-detail-copy{padding:50px 0 48px}.energy-intro h1,.energy-detail-hero h1{font-size:43px}.energy-intro p,.energy-detail-hero p{font-size:15px}.energy-intro-image,.energy-detail-image{height:310px}.energy-components,.energy-flow,.energy-detail-section,.energy-needs,.energy-storage-scale{padding:65px 0}.energy-flow-steps,.energy-detail-list,.energy-example-grid{grid-template-columns:1fr;gap:25px}.energy-needs-grid>div:first-child,.energy-storage-scale-grid>div:first-child{height:310px}.energy-storage-scale-grid>div:first-child{order:2}.energy-needs .specs{grid-template-columns:1fr 1fr}.energy-bridge{padding:62px 0}.energy-example-grid strong{font-size:32px}}
@media(max-width:430px){.energy-intro h1,.energy-detail-hero h1{font-size:38px}.energy-intro-actions{gap:17px}.energy-needs .specs{grid-template-columns:1fr}}
/* Complete navigation targets, 2026-11-01 */
.card-linked{display:block;cursor:pointer;color:inherit}
.card-linked:hover h3,.card-linked:focus-visible h3{color:#0b6973}
.card-linked:hover .link,.card-linked:focus-visible .link{color:#123e56}
.card-linked:focus-visible,.product.category-card:focus-visible{outline:3px solid #d2a264;outline-offset:3px}
.product.category-card{color:inherit;cursor:pointer}
.product.category-card:hover h3,.product.category-card:focus-visible h3{color:#0b6973}
.product-action{display:inline-block;color:#0c737b;font-size:13px;font-weight:800;margin-top:10px}
@media(max-width:1100px){.nav-inline{gap:12px}.nav-inline a{font-size:11.5px}}
/* Three energy directions */
.home-three-strip .wrap{grid-template-columns:repeat(3,minmax(0,1fr))}
.home-three-strip .wrap>div:nth-child(3){border-right:0}
#directions{scroll-margin-top:78px}
@media(max-width:720px){.home-three-strip .wrap{grid-template-columns:1fr}.home-three-strip .wrap>div,.home-three-strip .wrap>div:first-child{padding:16px 0;border-right:0;border-bottom:1px solid var(--line)}.home-three-strip .wrap>div:last-child{border-bottom:0}}
/* Language navigation */
.lang-menu{position:relative;z-index:95;flex:none}
.lang-menu summary{list-style:none;display:flex;align-items:center;gap:5px;min-height:40px;padding:0 5px;color:#25464e;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}
.lang-menu summary::-webkit-details-marker{display:none}
.lang-menu summary span{font-size:15px;font-weight:500;color:#79949b}
.lang-options{position:absolute;right:0;top:calc(100% + 13px);min-width:158px;padding:7px;background:#fff;border:1px solid #dce5e8;box-shadow:0 16px 36px #17343d20}
.lang-options a{display:block;padding:9px 11px;color:#28434c;font-size:13px;font-weight:700;white-space:nowrap}
.lang-options a:hover,.lang-options a[aria-current]{color:#0a737b;background:#eef5f5}
@media(max-width:900px){.lang-menu summary{min-width:36px;justify-content:center}.lang-options{top:calc(100% + 9px)}}
@media(min-width:901px) and (max-width:1180px){.nav-inline,.head-contact{display:none}.headrow,.sitehead.is-scrolled .headrow{height:68px}.menu-icon{display:grid}.nav-overlay,.search-overlay{top:68px}}
/* Compact footer: keep every destination while using fewer rows. */
.footercta{padding:30px 0}
.footercta-layout{grid-template-columns:minmax(0,1fr) auto;gap:24px}
.footercta h2{font-size:clamp(23px,2.5vw,34px);line-height:1.22;margin:0;max-width:700px}
.footercta-actions{gap:16px;flex-wrap:nowrap}
.footercta-actions .btn{min-height:41px;padding:9px 17px}
.footer{padding:34px 0 16px}
.footergrid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(210px,.82fr);gap:30px}
.footer .brand{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:22px}
.footer .brand-mark{width:49px;height:auto}
.footer .brand-text small{margin-top:5px;font-size:8px}
.footergrid>div:first-child p{margin:13px 0 0;max-width:360px;font-size:12px;line-height:1.55}
.footergrid>div:nth-child(2){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;column-gap:16px;row-gap:6px}
.footergrid>div:nth-child(2) h3{grid-column:1/-1;margin:0 0 4px}
.footergrid>div:nth-child(2) a{margin:0;font-size:12px;line-height:1.45}
.footer-direct h3{margin:0 0 5px}
.footer-direct a{margin:9px 0;gap:8px}
.footer-channel-icon{width:29px;height:29px}
.footer-channel-icon svg{width:16px;height:16px}
.footer-direct small{font-size:11px}
.legal{margin-top:26px;padding-top:13px;font-size:11px}
@media(max-width:1000px){.footercta-layout{grid-template-columns:1fr;gap:14px}.footercta-actions{justify-content:flex-start}.footergrid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.footergrid>div:first-child{grid-column:1/-1}.footer-direct{grid-column:2}}
@media(max-width:720px){.footercta{padding:25px 0}.footer{padding:28px 0 15px}.footergrid{grid-template-columns:1fr 1fr;gap:22px}.footergrid>div:first-child{grid-column:1/-1}.footer-direct{grid-column:auto}}
@media(max-width:480px){.footergrid{grid-template-columns:1fr;gap:23px}.footergrid>div:first-child,.footer-direct{grid-column:auto}.footercta h2{font-size:25px}.footercta-actions{gap:13px}.legal{margin-top:19px}}
@media(max-width:480px){.footercta{display:none}.footer{padding:21px 0 12px}.footergrid{gap:16px}.footergrid>div:first-child p{display:none}.footergrid>div:nth-child(2){row-gap:3px}.footergrid h3{font-size:13px}.footer-direct a{margin:7px 0}.legal{margin-top:14px;padding-top:10px}}

/* Human-readable site map, with the same destinations as the XML sitemap. */
.sitemap-section{padding-top:28px}
.sitemap-hero{padding:36px 0 40px}
.sitemap-hero h1{font-size:clamp(38px,4vw,54px);margin:8px 0 12px}
.sitemap-hero .lead{margin:0}
.sitemap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 48px}
.sitemap-group{border-top:1px solid #cbd8d6;padding-top:20px}
.sitemap-group h2{font-size:20px;line-height:1.3;margin:0 0 14px;color:#142c38}
.sitemap-group ul{list-style:none;padding:0;margin:0}
.sitemap-group li+li{margin-top:9px}
.sitemap-group a{display:inline-flex;align-items:baseline;gap:8px;color:#35565d;font-size:14px;line-height:1.45;text-decoration:none}
.sitemap-group a:hover{color:#0f7280;text-decoration:underline;text-underline-offset:3px}
.sitemap-group a span{font-size:12px}
.legal{display:flex;align-items:center;justify-content:space-between;gap:16px}
.legal a{white-space:nowrap;color:#4b6e73;text-decoration:underline;text-underline-offset:2px}
@media(max-width:900px){.sitemap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.sitemap-grid{grid-template-columns:1fr;gap:26px}.sitemap-section{padding-top:12px}.sitemap-group{padding-top:17px}}

/* Branded error pages, shared by all locale paths. */
.error-top-home{font-size:13px;font-weight:750;color:#0b6871}
.error-top-home:hover,.error-links a:hover{color:#0b6871}
.error-page{min-height:calc(100vh - 158px);background:#f7f9f6}
.error-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.96fr);align-items:center;gap:clamp(32px,6vw,90px);padding-top:clamp(40px,6vw,86px);padding-bottom:clamp(34px,4vw,58px)}
.error-copy{max-width:625px}
.error-number{font-size:clamp(118px,16vw,240px);font-weight:850;line-height:.96;letter-spacing:-.085em;color:#d4e5dd;margin:13px 0 7px}
.error-copy h1{font-size:clamp(34px,4.2vw,64px);line-height:1.1;letter-spacing:-.045em;margin:0 0 17px;color:#18343d}
.error-copy p{font-size:clamp(16px,1.4vw,19px);line-height:1.65;color:#536d71;max-width:530px;margin:0 0 26px}
.error-home{display:inline-flex;align-items:center;justify-content:center;background:#0d737b;color:#fff;font-size:14px;font-weight:750;padding:14px 21px;min-height:48px}
.error-home:hover{background:#0b5e65}
.error-photo{height:clamp(320px,34vw,470px);overflow:hidden;background:#e6efea}
.error-photo img{width:100%;height:100%;object-fit:cover;object-position:center}
.error-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #cadbd4;border-bottom:1px solid #cadbd4;margin-bottom:56px}
.error-links a{display:flex;align-items:baseline;gap:10px;padding:20px 16px 20px 0;border-right:1px solid #cadbd4;min-width:0}
.error-links a:not(:first-child){padding-left:18px}
.error-links a:last-child{border-right:0}
.error-links span{font-size:11px;font-weight:800;color:#0c737b}
.error-links strong{font-size:clamp(13px,1.3vw,17px);line-height:1.35;font-weight:700}
.error-links b{margin-left:auto;font-size:17px;font-weight:500;color:#0c737b}
.error-footer{border-top:1px solid #e0e9e3;background:#fff;color:#577178;font-size:12px}
.error-footer .wrap{display:flex;justify-content:space-between;gap:20px;padding-top:18px;padding-bottom:18px}
@media(max-width:800px){.error-layout{grid-template-columns:1fr}.error-photo{height:330px}.error-links{grid-template-columns:repeat(2,minmax(0,1fr))}.error-links a:nth-child(2){border-right:0}.error-links a:nth-child(-n+2){border-bottom:1px solid #cadbd4}.error-links a:nth-child(3){padding-left:0}}
@media(max-width:520px){.error-layout{gap:28px;padding-top:34px}.error-number{font-size:120px}.error-photo{height:250px}.error-links{margin-bottom:34px}.error-links a{padding:15px 10px 15px 0}.error-links a:not(:first-child){padding-left:10px}.error-links a:nth-child(3){padding-left:0}.error-links strong{font-size:13px}.error-top-home{font-size:11px}.error-footer .wrap{display:block}.error-footer a{display:block;margin-top:4px}}