@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap');
:root{--navy:#080f18;--blue:#008bec;--text:#17232e;--muted:#65727e;--line:#dce2e8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:'Inter',Arial,sans-serif;color:var(--text);font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.1}h1,h2{font-family:'Montserrat',Arial,sans-serif;font-weight:600}header{height:94px;padding:0 5%;display:flex;align-items:center;gap:36px;background:var(--navy);color:white;border-bottom:1px solid #ffffff15}header .brand{margin-right:auto}.brand{display:flex;align-items:center;gap:12px;line-height:1.1;font-weight:700;font-size:24px;letter-spacing:1.8px}.brand small{display:block;font-size:11px;color:#2da6f9;letter-spacing:5.5px;margin-top:7px}.brand-symbol{font-size:45px;color:#b6c5d0;position:relative;letter-spacing:-10px;margin-right:12px}.brand-symbol span{font-size:34px;color:var(--blue)}nav{display:flex;gap:27px;font-size:14px}nav a:hover{color:#43b4ff}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--blue);color:#fff;padding:17px 25px;font-weight:600;font-size:15px;transition:background .2s,transform .2s}.button:hover{background:#0879c8;transform:translateY(-2px)}.button span{font-size:23px;line-height:1}.small{padding:12px 17px;font-size:14px}#menu{display:none}.hero{background:var(--navy);color:white;overflow:hidden}.hero-inner{max-width:1440px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;padding:65px 5% 58px;gap:30px;align-items:center}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:600;color:#a5b6c8;display:flex;align-items:center;gap:11px;margin-bottom:23px}.eyebrow>span{width:20px;height:2px;background:var(--blue)}h1{font-size:clamp(48px,5.1vw,76px);letter-spacing:-1.2px}h1 em{font-style:normal;color:#169ef9}.hero-copy>p{font-size:17px;color:#aab9c7;max-width:490px;margin:25px 0 30px}.hero-actions{display:flex;align-items:center;gap:25px}.text-link{font-size:14px;font-weight:600;display:inline-flex;gap:18px;align-items:center}.text-link:hover{color:var(--blue)}.hero-signature{border-top:1px solid #ffffff1c;display:flex;gap:18px;align-items:center;margin-top:40px;padding-top:22px;font-size:12px;letter-spacing:1px;color:#8598aa}.hero-signature strong{color:#d1deea;font-weight:500;letter-spacing:.6px}.hero-visual{position:relative;border:1px solid #ffffff17;background:#040c12}.visual-label,.visual-bottom{font-size:10px;letter-spacing:1.8px;color:#8094a6;padding:15px 20px}.visual-label{border-bottom:1px solid #ffffff15}.logo-window{position:relative;aspect-ratio:1.22;overflow:hidden}.logo-window img{display:block;width:122%;max-width:none;position:absolute;top:-14%;left:-11%}.visual-bottom{border-top:1px solid #ffffff15;display:flex;justify-content:space-between}.hero-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff18;padding:22px 5%;max-width:1440px;margin:auto;font-size:13px;color:#a6b5c3;letter-spacing:.4px}.hero-strip span+span{border-left:1px solid #ffffff22;padding-left:30px}.section{padding:90px max(5%,calc((100% - 1296px)/2))}.blue{color:#057fcf}h2{font-size:clamp(36px,3.5vw,52px);letter-spacing:-.6px}h2 span{color:#0086dc}.about{display:grid;grid-template-columns:1fr 1.1fr;gap:70px}.about-copy p{color:var(--muted);margin-bottom:18px}.about-details{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin-top:28px;padding-top:24px;gap:22px}.about-details strong,.about-details span{display:block}.about-details strong{font-size:14px}.about-details span{font-size:13px;color:var(--muted);margin-top:7px}.services{background:#f2f5f7}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:42px}.section-heading>p{max-width:310px;color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service{background:white;border:1px solid #e0e7ed;padding:29px;display:flex;flex-direction:column}.card-top{display:flex;justify-content:space-between;align-items:center;color:#95a7b5;font-size:13px;margin-bottom:26px}.service-icon{font-size:29px;line-height:1;color:#007bcc}.service h3{font-size:23px;font-weight:600;line-height:1.25;margin-bottom:15px}.service>p{font-size:14px;color:var(--muted);margin-bottom:20px}.service ul{list-style:none;margin:0 0 26px;padding:0;color:#536573;font-size:14px}.service li{padding:7px 0 7px 15px;position:relative}.service li:before{content:'—';position:absolute;left:0;color:#1399ee;font-size:11px}.service-contact{display:flex;justify-content:space-between;gap:10px;font-size:13px;font-weight:600;margin-top:auto;border-top:1px solid var(--line);padding-top:20px;color:#077dc7}.service-contact:hover{color:#004e84}.featured{border-top:3px solid var(--blue);padding-top:27px}.climate{grid-column:span 2}.technical{background:#0c1723;color:white;display:grid;grid-template-columns:1fr 1fr;gap:95px}.technical-intro>p{color:#94a9bb;margin-top:24px;max-width:380px}.registration{font-size:11px;letter-spacing:1.6px;color:#7993aa;margin-top:38px}.registration strong{display:block;color:#fff;font-size:18px;letter-spacing:1px;margin-top:8px}.engineer{border-left:1px solid #ffffff20;padding-left:50px}.engineer-label{color:#289eec;font-size:12px;letter-spacing:2px}.engineer h3{font-size:27px;line-height:1.3;margin:15px 0 22px}.engineer p{font-size:15px;color:#9cb0c1;margin-bottom:17px}.engineer-facts{display:flex;gap:60px;margin-top:30px;border-top:1px solid #ffffff20;padding-top:22px}.engineer-facts strong{display:block;font-family:'Montserrat',Arial,sans-serif;font-size:33px;font-weight:500}.engineer-facts span{font-size:12px;color:#829bb0}.coverage-inner{display:grid;grid-template-columns:1.1fr 1fr;gap:70px}.coverage p{color:var(--muted);margin-bottom:24px}.dark{color:#0078bf}.contact{background:#087ecc;color:white;display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center}.contact .eyebrow{color:#b3e0ff;font-size:11px}.contact h2{font-size:49px}.contact p{color:#d0eaff;max-width:465px;margin-top:22px}.contact-actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.white{background:white;color:#0879be}.white:hover{background:#e1f1fb}.phone{font-size:26px;font-weight:500;margin-top:8px}.contact-actions>span{font-size:12px;color:#c5e9ff}footer{background:var(--navy);color:white;display:flex;align-items:center;gap:30px;padding:38px 5%}footer .brand{font-size:20px}footer p{font-size:12px;color:#8b9fb1;margin-left:auto}footer>span{font-size:11px;color:#778c9e}.floating-wa{position:fixed;bottom:24px;right:23px;width:55px;height:55px;border-radius:50%;background:#159b5d;color:white;display:grid;place-items:center;box-shadow:0 3px 18px #0004;z-index:9}.floating-wa svg{width:29px;height:29px}.floating-wa:hover{background:#087d46}a:focus-visible,button:focus-visible{outline:3px solid #ffbd4a;outline-offset:5px}.skip{position:fixed;top:-80px;left:10px;background:white;color:black;padding:12px;z-index:99}.skip:focus{top:10px}@media(min-width:1500px){header,footer{padding-left:calc((100% - 1296px)/2);padding-right:calc((100% - 1296px)/2)}}@media(max-width:1100px){header{gap:20px}nav{gap:18px}.header-cta{display:none}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.hero-inner{gap:20px}.service{padding:23px}.technical{gap:40px}.contact{gap:25px}.white{font-size:14px;padding:17px}.hero-signature{gap:10px;flex-wrap:wrap}.brand{font-size:21px}}@media(max-width:760px){header{height:80px;position:relative}.brand-symbol{font-size:38px}.brand{font-size:20px}.brand small{font-size:10px}#menu{display:block;background:none;color:white;border:1px solid #ffffff30;font-size:24px;padding:0 9px;cursor:pointer}nav{display:none;position:absolute;top:80px;left:0;right:0;background:#0b1724;padding:20px 6%;z-index:20;flex-direction:column;border-bottom:1px solid #ffffff30}nav.open{display:flex}.hero-inner{grid-template-columns:1fr;padding:42px 6% 35px;gap:35px}h1{font-size:58px}.hero-copy>p{font-size:16px}.eyebrow{font-size:10px;letter-spacing:1.4px}.hero-actions{flex-direction:row;flex-wrap:wrap;align-items:center;gap:22px}.button{font-size:14px;padding:16px 20px}.hero-signature{margin-top:27px}.hero-visual{max-width:460px;width:100%;margin:auto}.logo-window{aspect-ratio:1.6}.logo-window img{width:110%;left:-5%;top:-17%}.visual-bottom{font-size:9px}.hero-strip{grid-template-columns:1fr 1fr;gap:17px;padding:25px 6%;font-size:12px}.hero-strip span+span{border:0;padding-left:0}.section{padding:58px 6%}h2{font-size:40px}.about,.technical,.coverage-inner,.contact{grid-template-columns:1fr;gap:30px}.about-details{gap:17px}.section-heading{display:block}.section-heading>p{margin-top:20px}.service-grid{grid-template-columns:1fr}.climate{grid-column:auto}.service{padding:26px}.service h3{font-size:24px}.engineer{border-left:0;border-top:1px solid #ffffff20;padding:30px 0 0}.contact h2{font-size:43px}.contact-actions .button{font-size:13px;padding:16px}.phone{font-size:25px}footer{flex-direction:column;align-items:flex-start;gap:20px;padding:35px 6% 80px}footer p{margin:0}.floating-wa{width:51px;height:51px;right:16px;bottom:16px}.registration{margin-top:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

.brand-symbol{display:block;position:relative;width:48px;height:48px;overflow:hidden;flex-shrink:0;margin-right:0}.brand-symbol img{position:absolute;width:124px;max-width:none;left:-38px;top:-10px}

/* Updated typography: open, geometric headings and clear body text. */
h1,h2,h3{font-family:'Montserrat',Arial,sans-serif;font-weight:600;line-height:1.2}
h1{font-size:clamp(2rem,4vw,3.6rem);letter-spacing:-1.2px}
h2{font-size:clamp(1.9rem,3vw,2.7rem);letter-spacing:-.8px}
.contact h2{font-size:clamp(1.9rem,3vw,2.7rem)}
.service h3{font-size:1.3rem;line-height:1.35}
.engineer h3{font-size:1.55rem;line-height:1.4}
.hero-copy,.technical-intro,.engineer{min-width:0}
@media(max-width:760px){h1{font-size:clamp(1.75rem,7.6vw,3rem);letter-spacing:-.7px}h2,.contact h2{font-size:clamp(1.65rem,6.6vw,2.35rem)}.service h3{font-size:1.3rem}.engineer h3{font-size:1.4rem}}
/* Keep the complete logo and company name visible at every viewport. */
.hero-visual{align-self:center;min-width:0;background:#060e15}
.logo-window{width:100%;aspect-ratio:1.65;overflow:hidden}
.logo-window img{width:100%;height:auto;left:0;top:0;max-width:100%}
.hero-inner{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:clamp(30px,4vw,64px)}
.hero-copy h1{font-size:clamp(2rem,3.7vw,3.35rem);line-height:1.23}
.visual-label,.visual-bottom{letter-spacing:1.2px;font-size:11px}
@media(max-width:760px){.hero-inner{grid-template-columns:minmax(0,1fr);gap:32px}.hero-copy h1{font-size:clamp(1.75rem,7.6vw,3rem)}.hero-visual{max-width:460px}.visual-label,.visual-bottom{font-size:9px;letter-spacing:.8px}}