@font-face{font-family:Inter;src:url('/assets/Inter-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url('/assets/Inter-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--green:#003c3d;--deep:#002c2d;--ink:#152d2d;--muted:#60716c;--paper:#f4f6f3;--line:#dbe2df;--pale:#edf2ec;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #608b7a;outline-offset:5px}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400;line-height:1.06;letter-spacing:-.055em}h1{font-size:clamp(44px,5.5vw,80px)}h2{font-size:clamp(35px,4vw,58px)}h3{font-size:28px;letter-spacing:-.035em}p+p{margin-top:18px}.wrap{width:min(1280px,calc(100% - 96px));margin:auto}.section{padding:100px 0}.kicker{font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;display:block;margin-bottom:25px}.muted{color:var(--muted)}.lead{font-size:18px;line-height:1.75;color:var(--muted);max-width:630px}.small{font-size:13px;line-height:1.7}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;padding:16px 23px;background:var(--green);color:white;border:1px solid var(--green);font-size:13px;font-weight:700;border-radius:3px;cursor:pointer;transition:background .2s,transform .2s}.btn:hover{background:var(--deep);transform:translateY(-2px)}.btn.light{background:white;color:var(--green);border-color:white}.btn.outline{color:var(--green);background:transparent;border-color:#aabdb6}.btn:after{content:'↗';font-size:19px;font-weight:400}.textlink{font-size:14px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:5px;display:inline-block}.actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:32px}.skip{position:absolute;left:15px;top:-100px;z-index:100;background:white;padding:15px}.skip:focus{top:10px}
.header{position:sticky;top:0;z-index:30;background:rgba(244,246,243,.97);border-bottom:1px solid var(--line)}.nav{height:91px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.brand img{width:58px;height:49px;object-fit:contain}.wordmark{font-weight:700;font-size:25px;letter-spacing:-1.4px;color:var(--green)}.wordmark span{color:#505450}.brand small{font-size:9px;letter-spacing:.08em;display:block;color:var(--muted);margin-top:-3px}.navlinks{display:flex;align-items:center;gap:26px;font-size:12px}.navlinks a:hover,.navlinks a[aria-current=page]{color:var(--green);text-decoration:underline;text-underline-offset:6px}.navlinks .btn{text-decoration:none;padding:11px 17px;font-size:11px}.menu-toggle{display:none;background:none;border:1px solid var(--line);padding:10px 14px;cursor:pointer}.hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:70px 0 65px;min-height:650px}.hero-copy h1{max-width:630px}.hero-copy .lead{font-size:16px;margin-top:28px;max-width:470px}.hero h1 em{font-style:normal;color:var(--green)}.hero-media{position:relative;padding-bottom:35px}.hero-media>img{width:100%;height:490px;object-fit:cover;border-radius:2px}.hero-stamp{position:absolute;bottom:0;left:25px;right:25px;background:var(--green);color:white;display:flex;justify-content:space-between;align-items:center;padding:23px 26px;font-size:11px;letter-spacing:.06em}.hero-stamp strong{font-size:25px;font-weight:400;letter-spacing:-.03em}.origin{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted);margin-top:35px}.origin:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--green)}.promise-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}.promise-strip b{color:var(--ink);font-weight:400}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:55px;margin-bottom:45px}.section-head p{max-width:380px}.systems{display:grid;grid-template-columns:1fr 1fr;gap:25px}.system-card{background:white;display:block;border:1px solid var(--line)}.system-photo{position:relative;overflow:hidden}.system-photo img{width:100%;height:320px;object-fit:cover;transition:transform .7s}.system-card:hover .system-photo img{transform:scale(1.03)}.system-photo .number{position:absolute;top:24px;left:24px;color:white;background:var(--green);padding:5px 13px;font-size:12px}.system-body{padding:32px}.system-body .kicker{margin-bottom:15px;color:var(--muted)}.system-body p{margin:17px 0;color:var(--muted);font-size:14px}.specs{display:flex;border-top:1px solid var(--line);padding-top:22px;gap:24px}.specs strong{font-size:23px;font-weight:400;display:block;letter-spacing:-.04em}.specs span{display:block;color:var(--muted);font-size:10px}.system-body .textlink{margin-top:25px}.compare{margin-top:50px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th,td{border-bottom:1px solid var(--line);padding:18px 20px}th{background:var(--pale);font-weight:700}td:first-child{color:var(--muted);width:37%}.table-note{margin-top:15px;font-size:11px;color:var(--muted)}.dark{background:var(--green);color:white}.dark .lead,.dark .muted{color:#bdcfca}.why{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.why h2{max-width:480px}.why .lead{font-size:16px;margin-top:28px}.benefit{display:grid;grid-template-columns:38px 1fr;gap:17px;padding:23px 0;border-top:1px solid #356263}.benefit:first-child{padding-top:0;border-top:0}.benefit>span{color:#9ebdb2;font-size:12px}.benefit h3{font-size:21px;letter-spacing:-.02em}.benefit p{font-size:13px;color:#bdcfca;margin-top:9px}.projects-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:22px}.project{display:block}.project img{width:100%;height:290px;object-fit:cover}.project:first-child img{height:430px}.project figcaption{display:flex;justify-content:space-between;align-items:center;margin-top:14px;font-size:12px}.project figure{margin:0}.project strong{font-weight:400}.project small{color:var(--muted)}.projects-grid .project:first-child{grid-row:span 2}.project-tag{font-size:10px;color:var(--muted);margin-top:7px}.energy-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.energy-flow{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}.energy-node{background:white;padding:30px;min-height:175px}.energy-node .num{font-size:11px;color:var(--muted);display:block;margin-bottom:23px}.energy-node b{font-weight:400;font-size:19px;letter-spacing:-.02em}.energy-node p{font-size:11px;color:var(--muted);margin-top:8px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:48px}.step{border-top:1px solid var(--line);padding-top:22px}.step .num{font-size:12px;color:var(--green);display:block;margin-bottom:30px}.step h3{font-size:25px}.step p{color:var(--muted);font-size:14px;margin-top:18px}.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;list-style:none;padding:23px 40px 23px 0;position:relative;font-size:15px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:8px;top:18px;font-size:25px;color:var(--green)}.faq details[open] summary:after{content:'−'}.faq details p{font-size:14px;color:var(--muted);padding:0 40px 25px 0}.cta{padding:70px 0}.cta-row{display:flex;justify-content:space-between;gap:50px;align-items:center}.cta h2{font-size:clamp(36px,4vw,55px)}.cta p{color:#bdcfca;font-size:14px;margin-top:17px;max-width:620px}.footer{padding:65px 0 25px;background:#e9eeea}.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px}.footer .wordmark{font-size:29px}.footer h3{font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:19px}.footer a:not(.brand){font-size:12px;display:block;margin-bottom:8px}.footer p{font-size:12px;color:var(--muted);margin-top:18px}.footer-bottom{border-top:1px solid #c8d3cc;margin-top:45px;padding-top:20px;font-size:10px;color:var(--muted);display:flex;justify-content:space-between;gap:20px}.footer-bottom div{display:flex;gap:20px}.footer-bottom a:not(.brand){font-size:10px;margin:0}.subhero{padding:70px 0 50px}.breadcrumb{font-size:11px;color:var(--muted);margin-bottom:40px}.subhero h1{max-width:900px}.subhero .lead{margin-top:25px}.subhero-media{width:100%;height:520px;object-fit:cover}.subhero.product{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.subhero.product .subhero-media{height:460px}.factband{display:grid;grid-template-columns:repeat(3,1fr);padding:35px 0;border-bottom:1px solid var(--line);gap:30px}.factband strong{font-size:34px;font-weight:400;letter-spacing:-.05em;display:block}.factband span{font-size:12px;color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.split h2{margin-bottom:25px}.split img{width:100%;height:430px;object-fit:cover}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.gallery figure{margin:0}.gallery img{width:100%;height:310px;object-fit:cover}.gallery figcaption{font-size:11px;color:var(--muted);margin-top:12px}.mounts{display:grid;grid-template-columns:1fr 1fr;gap:25px}.mount{background:white;border:1px solid var(--line);padding:32px;display:grid;grid-template-columns:110px 1fr;align-items:center;gap:25px}.mount img{width:110px;height:110px;object-fit:contain}.mount h3{font-size:22px}.mount p{font-size:13px;color:var(--muted);margin-top:13px}.all-projects{display:grid;grid-template-columns:1fr 1fr;gap:45px 25px}.all-projects img{height:400px;width:100%;object-fit:cover}.all-projects figure{margin:0}.all-projects figcaption{margin-top:19px;display:flex;justify-content:space-between;gap:20px}.all-projects h3{font-size:24px}.all-projects p{font-size:12px;color:var(--muted);margin-top:7px}.project-image{padding:0;border:0;background:none;width:100%;display:block;cursor:zoom-in}.lightbox{border:0;max-width:min(1100px,94vw);padding:14px;background:var(--paper)}.lightbox::backdrop{background:#002c2deb}.lightbox img{max-height:80vh;object-fit:contain;margin:auto}.lightbox button{border:1px solid var(--line);padding:7px 15px;float:right;background:white;margin-bottom:10px;cursor:pointer}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.contact-aside h3{margin:30px 0 10px;font-size:21px}.contact-aside a{font-size:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:flex;flex-direction:column;gap:8px}.field label{font-size:12px}.field input,.field select,.field textarea{border:1px solid #becdc5;border-radius:2px;padding:14px;background:white;color:var(--ink);width:100%;min-width:0}.field.full{grid-column:1/-1}.field textarea{min-height:135px;resize:vertical}.form-note{font-size:12px;color:var(--muted);margin:22px 0}.status{font-size:13px;color:var(--green);margin-top:20px;min-height:1em}.check{display:flex;gap:12px;align-items:start;font-size:12px;color:var(--muted);margin:20px 0}.check input{margin-top:5px}.check a{text-decoration:underline}.legal{max-width:850px;padding:0 0 90px}.legal h2{font-size:25px;letter-spacing:-.025em;margin:35px 0 17px}.legal p,.legal li{font-size:14px;color:var(--muted)}.legal a{text-decoration:underline}.legal address{font-style:normal;font-size:15px;line-height:1.8}.legal ul{padding-left:20px}.legal-notice{font-size:12px;background:var(--pale);border-left:3px solid var(--green);padding:20px;margin-bottom:25px}.guarantees{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.guarantees strong{font-size:50px;letter-spacing:-.06em;font-weight:400;display:block}.guarantees span{font-size:13px;color:var(--muted)}.partner{background:var(--pale);padding:45px;margin-top:50px}.partner h3{margin-bottom:15px}.partner p{font-size:14px;color:var(--muted)}
@media(min-width:1600px){.hero-media>img{height:540px}}@media(max-width:1100px){.wrap{width:calc(100% - 60px)}.navlinks{gap:15px}.navlinks a{font-size:11px}.hero{gap:35px}.hero-media>img{height:420px}.wordmark{font-size:23px}.brand img{width:45px}.why{gap:55px}.section{padding:75px 0}.contact-grid{gap:60px}.projects-grid{gap:16px}.project img{height:250px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.nav{height:75px}.menu-toggle{display:block}.navlinks{display:none;position:absolute;top:75px;left:0;right:0;padding:25px 20px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.navlinks.open{display:flex}.navlinks a{font-size:15px;padding:13px 10px}.navlinks .btn{margin-top:15px;justify-content:center}.hero{grid-template-columns:1fr;gap:35px;padding:42px 0}.hero h1{max-width:600px}.hero-copy .lead{max-width:550px}.hero-media>img{height:380px}.hero-stamp{left:17px;right:17px}.origin{margin-top:25px}.promise-strip{flex-wrap:wrap;justify-content:flex-start;gap:12px 25px;font-size:10px}.section{padding:65px 0}.section-head{display:block}.section-head p{margin-top:25px}.systems{gap:18px}.system-photo img{height:230px}.system-body{padding:24px}.system-body h3{font-size:25px}.specs{gap:15px}.specs strong{font-size:20px}.why,.faq-layout,.energy-grid,.split,.contact-grid{grid-template-columns:1fr;gap:40px}.projects-grid{grid-template-columns:1fr 1fr}.projects-grid .project:first-child{grid-column:1/-1;grid-row:auto}.project:first-child img{height:330px}.project img{height:280px}.steps{gap:25px}.footer-top{grid-template-columns:1.3fr 1fr;gap:35px}.footer-top>div:first-child{grid-column:1/-1}.cta-row{display:block}.cta .btn{margin-top:30px}.subhero.product{grid-template-columns:1fr;gap:30px}.subhero.product .subhero-media,.subhero-media{height:370px}.gallery{grid-template-columns:1fr 1fr}.gallery figure:last-child{grid-column:1/-1}.mounts{grid-template-columns:1fr}.all-projects img{height:330px}.footer-bottom{flex-direction:column}.footer-bottom div{flex-wrap:wrap}.contact-aside{border-bottom:1px solid var(--line);padding-bottom:30px}.guarantees{gap:20px}.guarantees strong{font-size:42px}}
@media(max-width:520px){h1{font-size:46px}h2{font-size:37px}.hero-media>img{height:290px}.hero-stamp{padding:18px}.hero-stamp strong{font-size:21px}.hero-stamp span{font-size:9px}.systems,.steps,.all-projects,.gallery{grid-template-columns:1fr}.system-photo img{height:280px}.system-body{padding:27px}.section-head{margin-bottom:30px}.projects-grid{gap:28px 15px}.project img{height:200px}.project:first-child img{height:280px}.project figcaption{font-size:11px;gap:5px}.factband{gap:18px}.factband strong{font-size:25px}.factband span{font-size:10px}.subhero{padding-top:42px}.subhero.product .subhero-media,.subhero-media{height:280px}.gallery figure:last-child{grid-column:auto}.split img{height:310px}.mount{padding:25px;grid-template-columns:85px 1fr;gap:17px}.mount img{width:85px;height:85px}.all-projects img{height:330px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.guarantees{grid-template-columns:1fr;gap:25px}.guarantees>div{border-top:1px solid var(--line);padding-top:18px}.guarantees strong{display:inline;font-size:35px;margin-right:15px}.guarantees span{display:inline}.partner{padding:28px}.footer-top{grid-template-columns:1fr 1fr;gap:30px}.brand small{font-size:8px}.wordmark{font-size:22px}.brand{gap:6px}.brand img{width:42px}.actions{gap:20px}.btn{padding:15px 19px}th,td{padding:15px 12px;font-size:12px}.compare table{min-width:530px}.energy-node{padding:24px}.steps{gap:32px}.step .num{margin-bottom:18px}.contact-aside a{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

h1,h2,h3{overflow-wrap:break-word;hyphens:auto}

/* VERO / STALEX-PHIOM */
.brand .vero-logo{width:110px;height:auto;object-fit:contain}.brand{gap:18px}.brand .wordmark{font-size:20px;letter-spacing:-.6px;border-left:1px solid var(--line);padding-left:18px}.brand small{font-size:8px;margin-top:5px;letter-spacing:.08em}.group-quality{padding:80px 0;background:#e7eeea;border-top:1px solid var(--line)}.quality-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.stalex-logo{width:235px;margin:25px 0 34px}.group-copy p{max-width:480px;margin-top:22px;color:var(--muted)}.quality-card{background:white;border:1px solid var(--line);padding:34px;border-radius:4px}.quality-card h3{margin:12px 0 16px}.quality-card>img{width:min(100%,350px);margin:24px 0}.quality-card .table-note{margin-top:20px}@media(max-width:1100px){.brand .vero-logo{width:85px}.brand .wordmark{font-size:16px;padding-left:10px}.brand{gap:10px}.nav{flex-wrap:wrap}}@media(max-width:700px){.quality-grid{grid-template-columns:1fr;gap:35px}.group-quality{padding:48px 0}.quality-card{padding:24px}.brand .vero-logo{width:76px}.brand .wordmark{font-size:15px}.brand small{font-size:6px}.header .wrap{width:calc(100% - 32px)}}

.stalex-logo{width:375px;max-width:100%;height:auto;margin:25px 0 34px}

/* Readable brand on the pale header and footer */
.brand .wordmark,.footer .brand .wordmark{color:#505450;font-size:24px;line-height:1.2;font-weight:700;letter-spacing:-.8px}.brand .wordmark .solar-name,.footer .brand .wordmark .solar-name{color:#003c3d}.brand .wordmark .domain-name,.footer .brand .wordmark .domain-name{color:#505450}.brand .vero-logo,.footer .brand .vero-logo{filter:none;width:125px;height:auto}.brand small,.footer .brand small{color:#60716c;line-height:1.5;margin-top:8px;font-size:9px}.stalex-logo{width:420px;max-width:100%;height:auto}.footer .brand .wordmark{border-color:#c8d3ce}@media(max-width:700px){.brand .vero-logo,.footer .brand .vero-logo{width:85px}.brand .wordmark,.footer .brand .wordmark{font-size:20px}.brand small,.footer .brand small{font-size:7px}.brand{gap:12px}.brand .wordmark{padding-left:12px}}

.footer .brand{align-items:center;flex-wrap:wrap;gap:20px}.footer .brand .wordmark{font-size:28px}.footer .brand .vero-logo{filter:none!important}.footer-top{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr)}.footer-top>div{min-width:0}.footer a{overflow-wrap:anywhere}@media(max-width:900px){.footer-top{grid-template-columns:1fr 1fr}.footer-top>div:first-child{grid-column:1/-1}}@media(max-width:600px){.brand .vero-logo[style]{width:95px!important}.footer .brand .wordmark{font-size:22px}}
