:root{--navy:#0e2d3c;--navy2:#08222e;--teal:#00c7b6;--teal2:#70d6cf;--mist:#e9eff1;--paper:#f7f9f9;--ink:#102b37;--muted:#667980;--line:#dce5e7;--white:#fff;--font:'DM Sans',sans-serif;--display:'Manrope',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.65;background:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{width:min(1180px,calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;left:-9999px;top:auto}.skip-link:focus{left:12px;top:12px;background:#fff;padding:12px;z-index:1000}.site-header{height:88px;background:rgba(255,255,255,.96);position:sticky;top:0;z-index:99;border-bottom:1px solid rgba(14,45,60,.08);backdrop-filter:blur(12px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:var(--navy)}.brand-mark{width:42px;height:30px;display:block}.brand-mark svg{width:100%;height:100%}.brand-text{display:flex;flex-direction:column;line-height:1}.brand-text strong{font:800 27px/1 var(--display);letter-spacing:-1.8px}.brand-text small{font:700 8px/1.8 var(--font);letter-spacing:2.7px;color:var(--teal);margin-top:4px}.main-nav{display:flex;align-items:center;gap:30px}.main-nav ul{display:flex;gap:25px;align-items:center;list-style:none;margin:0;padding:0}.main-nav li a{font-size:13px;font-weight:600;color:#34505a;transition:.2s}.main-nav li a:hover{color:#009f95}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:15px 22px;border-radius:3px;font-size:13px;font-weight:700;letter-spacing:.1px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--teal);color:var(--navy2)}.btn-primary:hover{background:#27d7c7}.btn-small{padding:12px 16px;font-size:12px}.menu-toggle{display:none;border:0;background:none;padding:10px}.menu-toggle span{display:block;width:23px;height:2px;background:var(--navy);margin:5px}
.hero{background:radial-gradient(ellipse at 78% 45%,#174b59 0%,transparent 38%),linear-gradient(115deg,#071f2a,#0e2d3c 58%,#123c49);color:#fff;position:relative;overflow:hidden;min-height:660px}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(90deg,black,transparent)}.hero-glow{position:absolute;width:600px;height:600px;border:1px solid rgba(0,199,182,.15);border-radius:50%;right:-150px;top:20px;box-shadow:0 0 0 70px rgba(0,199,182,.025),0 0 0 140px rgba(0,199,182,.02)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;min-height:610px;position:relative;z-index:1}.hero-copy{padding:70px 0 80px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.5px;color:#159f9b;display:flex;align-items:center;gap:10px}.hero .eyebrow{color:var(--teal2)}.eyebrow-line{width:28px;height:1px;background:var(--teal)}h1,h2,h3,p{margin-top:0}.hero h1{font:700 clamp(48px,6vw,76px)/1.06 var(--display);letter-spacing:-4px;margin:28px 0 24px}.hero h1 em,.section-heading h2 em,.approach-copy h2 em,.faq-grid h2 em{color:var(--teal2);font-style:normal}.hero-copy>p{max-width:490px;color:#c2d1d5;font-size:16px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:34px}.text-link{font-size:12px;font-weight:700;color:#fff}.text-link span{color:var(--teal);margin-left:8px}.hero-proof{display:flex;align-items:center;gap:12px;margin-top:65px;color:#a9bec4;font-size:10px;letter-spacing:.4px}.proof-icon{color:var(--teal);font-size:18px}.proof-separator{height:16px;width:1px;background:#47616b;margin:0 4px}.hero-visual{height:490px;position:relative;display:flex;align-items:center;justify-content:center}.visual-orbit{position:absolute;border:1px solid rgba(0,199,182,.2);border-radius:50%;width:430px;height:430px}.orbit-two{width:340px;height:340px;border-style:dashed;opacity:.7}.visual-label{position:absolute;font-size:9px;letter-spacing:2px;color:#9ac5c8}.label-top{top:35px;right:28px}.label-bottom{bottom:35px;left:25px}.pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 5px rgba(0,199,182,.15);margin-right:8px}.hero-house{width:360px;height:300px;position:relative;filter:drop-shadow(0 28px 30px rgba(0,0,0,.3));z-index:2}.house-sky{position:absolute;inset:0 0 80px;background:linear-gradient(145deg,#1c5965,#173b49);clip-path:polygon(50% 0,100% 30%,100% 100%,0 100%,0 30%);border:1px solid rgba(255,255,255,.2)}.house-roof{position:absolute;top:0;left:-12px;width:384px;height:100px;background:linear-gradient(120deg,#dce8e8,#78969a);clip-path:polygon(50% 0,100% 58%,95% 66%,50% 17%,5% 66%,0 58%)}.house-body{position:absolute;left:22px;right:22px;bottom:0;height:190px;background:linear-gradient(100deg,#dce4df,#aebfbc);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);box-shadow:inset 0 0 30px rgba(0,0,0,.1)}.house-window{position:absolute;left:35px;top:42px;width:90px;height:95px;background:linear-gradient(130deg,#153d4a,#0a2733);border:5px solid #f1f4ed;box-shadow:inset 0 0 20px rgba(0,199,182,.2)}.house-window.second{left:145px;width:70px}.house-door{position:absolute;right:20px;bottom:0;width:55px;height:125px;background:#34515a;border:5px solid #f1f4ed}.house-base{position:absolute;bottom:-7px;left:0;right:0;height:9px;background:#7d9694}.heat-pump{position:absolute;right:-38px;bottom:0;width:82px;height:115px;background:linear-gradient(100deg,#f5f7f5,#b6c6c4);border:1px solid #d5e0df;border-radius:5px;box-shadow:0 10px 20px #061a22;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--navy);font-size:8px;font-weight:800;letter-spacing:1px}.hp-grille{width:58px;height:58px;border:2px solid #799397;border-radius:50%;background:repeating-conic-gradient(#6e898e 0 3deg,transparent 3deg 10deg);margin-bottom:8px}.floating-stat{position:absolute;right:0;bottom:72px;background:rgba(255,255,255,.96);color:var(--navy);padding:13px 17px;display:flex;align-items:center;gap:12px;box-shadow:0 12px 35px #061a2255;z-index:4}.stat-icon{width:34px;height:34px;background:#dff8f5;color:#009e94;border-radius:50%;display:grid;place-items:center}.floating-stat strong,.floating-stat small{display:block}.floating-stat strong{font:700 12px var(--display)}.floating-stat small{font-size:9px;color:#6d8186}.hero-bottom{display:flex;justify-content:space-between;padding:15px 0 20px;border-top:1px solid rgba(255,255,255,.12);font-size:8px;letter-spacing:1.8px;color:#8ba5ac;position:relative;z-index:2}
.trust-strip{background:#f5f8f8;border-bottom:1px solid #e8eeee}.trust-inner{display:flex;align-items:center;justify-content:space-between;min-height:75px;gap:18px}.trust-inner span{font-size:9px;color:#819297;letter-spacing:1.7px}.trust-inner strong{font-size:9px;letter-spacing:1.1px;color:#42616a}.trust-inner i{height:4px;width:4px;border-radius:50%;background:var(--teal)}
.section{padding:110px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:50px}.section-heading h2,.approach-copy h2,.faq-grid h2{font:700 clamp(34px,4vw,48px)/1.15 var(--display);letter-spacing:-2px;margin:17px 0 0;color:var(--navy)}.section-heading h2 em,.approach-copy h2 em,.faq-grid h2 em{color:#00a99f}.section-heading>p{max-width:390px;color:var(--muted);font-size:14px;line-height:1.8;margin:0 0 5px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-card{min-height:285px;padding:28px;background:#f5f8f8;border:1px solid #edf1f1;position:relative;display:flex;flex-direction:column;transition:.25s}.service-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(14,45,60,.09);border-color:#c5e8e4}.service-card.featured{background:#eaf8f6;border-color:#d5efec}.service-number{font-size:9px;letter-spacing:1.6px;color:#819398}.service-icon{font-size:32px;color:#00a99f;margin:26px 0 10px;line-height:1}.service-card h3{font:700 21px var(--display);letter-spacing:-.5px;margin:0 0 10px;color:var(--navy)}.service-card p{font-size:12px;line-height:1.7;color:#6c8085;margin:0 0 22px;max-width:300px}.service-arrow{font-size:10px;font-weight:700;color:#008f88;margin-top:auto}.service-card-dark{background:var(--navy);color:#fff;border-color:var(--navy)}.service-card-dark h3{color:#fff;font-size:24px;margin-top:35px}.service-card-dark h3 em{font-style:normal;color:var(--teal2)}.service-card-dark p{color:#b3c7cc}.service-card-dark .service-number{color:#8daab1}.service-card-dark .service-arrow{color:var(--teal2)}
.approach-section{background:#f5f8f8;padding:105px 0}.approach-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:center}.approach-visual{height:430px;background:linear-gradient(145deg,#0b2733,#164653);position:relative;display:grid;place-items:center;overflow:hidden}.approach-visual:before,.approach-visual:after{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(0,199,182,.25);border-radius:50%}.approach-visual:after{width:260px;height:260px;border-style:dashed}.approach-circle{width:190px;height:190px;border:1px solid rgba(0,199,182,.6);border-radius:50%;display:grid;place-items:center;position:relative;color:#fff}.approach-circle:before{content:"";position:absolute;inset:13px;border:1px solid rgba(255,255,255,.2);border-radius:50%}.approach-circle span{font:800 110px var(--display);color:#fff;letter-spacing:-10px}.approach-circle small{position:absolute;bottom:40px;right:-38px;font-size:8px;line-height:1.4;letter-spacing:2px;color:var(--teal)}.approach-note{position:absolute;bottom:20px;left:25px;color:#9db9be;font-size:8px;letter-spacing:2px}.approach-copy>p,.faq-grid>div>p{color:#6c8085;font-size:14px;line-height:1.9;margin:22px 0}.steps{margin:30px 0}.steps>div{display:flex;gap:18px;padding:15px 0;border-bottom:1px solid #dce5e7}.steps b{font:700 12px var(--display);color:#00a99f}.steps strong,.steps small{display:block}.steps strong{font-size:12px;color:var(--navy)}.steps small{font-size:11px;color:#829297;margin-top:3px}.dark-link{color:var(--navy)}
.statement-section{background:var(--navy);color:#fff;position:relative;overflow:hidden;padding:105px 0}.statement-inner{position:relative;z-index:2}.statement-section .eyebrow{color:var(--teal2)}.statement-section h2{font:700 clamp(55px,8vw,92px)/.98 var(--display);letter-spacing:-5px;margin:25px 0}.statement-section h2 em{font-style:normal;color:var(--teal)}.statement-section p{color:#b5c8cd;font-size:14px;margin-bottom:30px}.btn-light{background:#fff;color:var(--navy)}.statement-decoration{position:absolute;right:8%;top:-190px;font:800 650px/.9 var(--display);color:rgba(255,255,255,.025);letter-spacing:-60px}
.faq-section{padding:105px 0}.faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.faq-grid>div>p{max-width:360px}.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;font:700 14px var(--display);color:var(--navy);display:flex;justify-content:space-between;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:#00a99f;font-size:20px;font-weight:400;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:12px;color:#71858a;line-height:1.8;margin:15px 35px 0 0}
.contact-band{background:#eaf7f5;padding:55px 0}.contact-band-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.contact-band h2{font:700 32px/1.15 var(--display);letter-spacing:-1px;color:var(--navy);margin:12px 0 0}
.site-footer{background:#071f2a;color:#fff;padding:65px 0 22px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:80px;padding-bottom:55px}.brand-light{color:#fff}.footer-brand p{font-size:12px;color:#91a9af;line-height:1.8;margin-top:22px}.footer-grid h4{font:700 12px var(--display);letter-spacing:.8px;margin:5px 0 20px}.footer-grid ul{list-style:none;padding:0;margin:0}.footer-grid li{margin:9px 0}.footer-grid li a,.footer-grid p{font-size:11px;color:#9bb0b5;line-height:2}.footer-grid a:hover{color:var(--teal)}.footer-link{font-size:11px;color:var(--teal2);font-weight:700}.footer-bottom{border-top:1px solid #1c3944;padding-top:18px;display:flex;justify-content:space-between;color:#6f8990;font-size:9px}.footer-bottom a{color:#9bb0b5}
.page-content{padding-top:80px;padding-bottom:90px;min-height:55vh}.page-kicker{font-size:10px;letter-spacing:2.5px;color:#00a99f;font-weight:700}.page-title{font:700 clamp(38px,5vw,58px)/1.1 var(--display);letter-spacing:-2.5px;color:var(--navy);margin:18px 0 35px}.entry-content{max-width:850px;color:#536b72;font-size:15px;line-height:1.9}.entry-content h2,.entry-content h3{font-family:var(--display);color:var(--navy);line-height:1.2;margin-top:35px}.entry-content h2{font-size:28px}.entry-content h3{font-size:20px}.entry-content a{color:#008f88;text-decoration:underline}.page-cta{margin-top:65px;padding:35px;background:#eaf7f5;display:flex;align-items:center;justify-content:space-between;gap:25px}.page-cta h2{font:700 25px var(--display);color:var(--navy);margin:10px 0 0}.content-area{padding-top:50px;padding-bottom:80px}.article-card{max-width:850px}.article-card h1{font:700 42px var(--display);color:var(--navy)}
.olair-form-wrap{max-width:760px}.olair-form{margin-top:30px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.olair-form label{display:block;font-size:11px;font-weight:700;color:#38545e}.olair-form label.full{grid-column:1/-1}.olair-form input:not([type=checkbox]),.olair-form select,.olair-form textarea{display:block;width:100%;margin-top:7px;border:1px solid #d8e3e5;background:#f9fbfb;padding:13px 14px;font:13px var(--font);color:var(--navy);border-radius:2px}.olair-form input:focus,.olair-form select:focus,.olair-form textarea:focus{outline:2px solid #8be5dc;border-color:#00a99f}.olair-form .consent{display:flex;align-items:flex-start;gap:9px;font-weight:400;color:#71858a;margin:18px 0;font-size:10px}.consent input{margin-top:2px}.consent a{color:#008f88;text-decoration:underline}.hp-field{position:absolute;left:-9999px}.form-notice{padding:14px 18px;margin:20px 0;font-size:13px}.form-notice.success{background:#e4f7ef;color:#176b4c}.form-notice.error{background:#fff0ed;color:#a33d2c}
@media(max-width:950px){.main-nav{gap:15px}.main-nav ul{gap:14px}.main-nav li a{font-size:11px}.hero-grid{gap:10px}.hero-visual{transform:scale(.9)}.approach-grid,.faq-grid{gap:55px}.trust-inner{flex-wrap:wrap;justify-content:center;padding:18px 0}.trust-inner span{width:100%;text-align:center}}
@media(max-width:760px){.container{width:min(100% - 36px,560px)}.site-header{height:72px}.menu-toggle{display:block;z-index:101}.main-nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;padding:22px 24px 28px;box-shadow:0 15px 25px #09232d20;align-items:stretch}.main-nav.is-open{display:flex;flex-direction:column}.main-nav ul{display:flex;flex-direction:column;align-items:stretch;gap:0}.main-nav li{border-bottom:1px solid #edf1f1}.main-nav li a{display:block;padding:12px 0;font-size:14px}.nav-cta{align-self:flex-start}.hero{min-height:0}.hero-grid{grid-template-columns:1fr;min-height:0}.hero-copy{padding:65px 0 10px}.hero h1{font-size:55px;letter-spacing:-3px}.hero-copy>p{font-size:14px}.hero-proof{margin-top:35px;flex-wrap:wrap}.hero-visual{height:380px;transform:scale(.88);margin:-5px -25px 0}.hero-house{transform:scale(.82)}.visual-orbit{width:350px;height:350px}.orbit-two{width:280px;height:280px}.floating-stat{right:5px;bottom:48px}.hero-bottom{font-size:7px;gap:10px}.trust-inner{gap:12px 18px}.trust-inner strong{font-size:8px}.section{padding:75px 0}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:20px;font-size:13px}.services-grid{grid-template-columns:1fr 1fr;gap:9px}.service-card{min-height:275px;padding:19px}.service-card h3{font-size:17px}.service-card p{font-size:11px}.service-number{font-size:8px}.approach-section{padding:70px 0}.approach-grid,.faq-grid{grid-template-columns:1fr;gap:38px}.approach-visual{height:320px;order:2}.approach-copy{order:1}.approach-copy h2,.faq-grid h2,.section-heading h2{font-size:37px}.statement-section{padding:75px 0}.statement-section h2{font-size:66px}.statement-decoration{font-size:400px;right:-20%;top:-80px}.faq-section{padding:75px 0}.contact-band-inner{align-items:flex-start;flex-direction:column}.contact-band h2{font-size:28px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px 20px}.footer-brand{grid-column:1/-1}.footer-bottom{gap:15px;flex-direction:column}.page-content{padding-top:55px;padding-bottom:65px}.page-cta{align-items:flex-start;flex-direction:column;padding:25px}.form-grid{grid-template-columns:1fr}.olair-form label.full{grid-column:auto}}
@media(max-width:420px){.services-grid{grid-template-columns:1fr}.service-card{min-height:230px}.hero h1{font-size:48px}.hero-visual{margin-inline:-45px;transform:scale(.78)}.hero-actions{gap:16px;flex-wrap:wrap}.hero-proof{font-size:9px}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}}

/* Manufacturer section */
.brand-section{padding:78px 0;background:#fff;border-bottom:1px solid #edf1f1}.brand-inner{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;align-items:center}.brand-copy h2{font:700 clamp(30px,3.5vw,42px)/1.15 var(--display);letter-spacing:-1.8px;color:var(--navy);margin:14px 0}.brand-copy h2 em{font-style:normal;color:#00a99f}.brand-copy p{max-width:490px;color:var(--muted);font-size:13px;line-height:1.85;margin:0}.brand-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.brand-tile{min-height:100px;border:1px solid var(--line);background:#fbfcfc;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px;text-align:center;color:var(--navy)}.brand-tile strong{font:800 clamp(14px,1.7vw,20px) var(--display);letter-spacing:-.5px}.brand-tile small{font-size:7px;letter-spacing:1.5px;color:#829297;margin-top:7px}.brand-list>p{grid-column:1/-1;font-size:10px;color:#829297;line-height:1.6;margin:3px 0 0}.manufacturer-note{margin-top:48px;padding:30px;background:#f3f8f8;border-left:3px solid var(--teal)}.manufacturer-note h2{font:700 24px var(--display);color:var(--navy);margin:12px 0}.manufacturer-note p{font-size:13px}.manufacturer-note .manufacturer-disclaimer{font-size:10px;color:#829297;margin-bottom:0}
@media(max-width:760px){.brand-section{padding:65px 0}.brand-inner{grid-template-columns:1fr;gap:28px}.brand-list{gap:8px}.brand-tile{min-height:85px;padding:8px}.brand-tile strong{font-size:13px}.manufacturer-note{padding:22px 18px}}

/* Photographic presentation and service detail pages */
.hero-visual .hero-photo{position:absolute;inset:18px 0 18px 10px;width:100%;height:calc(100% - 36px);object-fit:cover;border-radius:5px;box-shadow:0 28px 60px rgba(0,0,0,.32);z-index:1;border:1px solid rgba(255,255,255,.18)}
.hero-visual .visual-orbit,.hero-visual .hero-house,.hero-visual .floating-stat{display:none}
.hero-visual .visual-label{z-index:2;background:rgba(7,31,42,.68);padding:9px 12px;border-radius:2px}
.photo-services{background:#f5f8f8}
.photo-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.photo-card{position:relative;display:block;overflow:hidden;min-height:245px;grid-column:span 2;border-radius:4px;background:#0e2d3c}
.photo-card:nth-child(4),.photo-card:nth-child(5){grid-column:span 3}
.photo-card img{width:100%;height:100%;min-height:245px;object-fit:cover;display:block;transition:transform .5s}
.photo-card:hover img{transform:scale(1.045)}
.photo-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(4,24,33,.82))}
.photo-card span{position:absolute;z-index:1;bottom:18px;left:20px;right:20px;color:white;font:700 18px var(--display);display:flex;justify-content:space-between;align-items:center}
.photo-card span b{color:#70d6cf}
.page-feature-image{margin:25px 0 38px;max-height:440px;overflow:hidden;border-radius:5px;background:#e9eff1}
.page-feature-image img{width:100%;height:440px;object-fit:cover;display:block}
.benefits-panel,.manufacturer-panel{margin:55px 0;padding:38px;background:#f2f7f7;border:1px solid #e1ebeb;border-radius:4px}
.benefits-panel h2{font:700 30px var(--display);color:var(--navy);margin:12px 0 22px}
.benefits-panel ul{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 28px;padding:0;list-style:none}
.benefits-panel li{position:relative;padding-left:27px;color:#405a63}
.benefits-panel li:before{content:"✓";position:absolute;left:0;color:#009f95;font-weight:800}
.benefits-note,.manufacturer-panel p{font-size:13px;color:#6b7f85;line-height:1.8;margin:20px 0 0}
.manufacturer-panel>div{display:flex;flex-wrap:wrap;align-items:center;gap:36px;margin-top:20px;color:var(--navy)}
.manufacturer-panel strong{font:800 22px var(--display)}
@media(max-width:760px){.photo-grid{grid-template-columns:1fr 1fr}.photo-card,.photo-card:nth-child(4),.photo-card:nth-child(5){grid-column:span 1;min-height:190px}.photo-card img{min-height:190px}.hero-visual{height:320px}.hero-visual .hero-photo{inset:10px 0;width:100%;height:300px}.benefits-panel,.manufacturer-panel{padding:24px}.benefits-panel ul{grid-template-columns:1fr}.page-feature-image img{height:260px}}

.related-links{margin:48px 0;padding:30px;background:#f4f8f8;border:1px solid #e1ebeb}
.related-links h2{font:700 26px var(--display);color:var(--navy);margin:0 0 20px}
.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.related-grid a{padding:17px 18px;background:#fff;border:1px solid #e2ebeb;color:#173b49;font-weight:700;display:flex;justify-content:space-between;gap:10px}
.related-grid a:hover{border-color:#00b9ad;color:#008f88}
@media(max-width:640px){.related-grid{grid-template-columns:1fr}}


/* OLAIR – uporządkowany nagłówek i menu główne */
.site-header { height: 88px; }
.header-inner { gap: 34px; }
.brand { flex: 0 0 auto; }
.main-nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 24px;
  min-width: 0;
  flex: 1 1 auto;
}
.main-nav > div { min-width: 0; }
.main-nav ul {
  display: flex;
  align-items: center;
  gap: clamp(14px, 1.5vw, 25px);
  list-style: none;
  margin: 0;
  padding: 0;
}
.main-nav ul li { position: relative; }
.main-nav li a {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  font-size: 13px;
  line-height: 1.25;
  font-weight: 650;
  padding: 12px 0;
}
.main-nav ul ul {
  display: none;
  position: absolute;
  top: 100%;
  left: -18px;
  z-index: 120;
  min-width: 235px;
  padding: 10px 0;
  gap: 0;
  flex-direction: column;
  align-items: stretch;
  background: #fff;
  border: 1px solid #e4ecee;
  box-shadow: 0 16px 34px rgba(8,34,46,.13);
  border-radius: 4px;
}
.main-nav ul li:hover > ul,
.main-nav ul li:focus-within > ul { display: flex; }
.main-nav ul ul li { width: 100%; }
.main-nav ul ul li a {
  display: block;
  white-space: normal;
  padding: 11px 18px;
  font-size: 12px;
  line-height: 1.4;
}
.main-nav ul ul li a:hover { background: #f1f8f7; }
.main-nav .nav-cta {
  flex: 0 0 auto;
  white-space: nowrap;
  padding: 13px 17px;
}
@media (max-width: 1100px) and (min-width: 761px) {
  .header-inner { gap: 20px; }
  .main-nav { gap: 14px; }
  .main-nav > ul { gap: 12px; }
  .main-nav li a { font-size: 11px; }
  .main-nav .nav-cta { padding: 11px 12px; font-size: 11px; }
}
@media (max-width: 760px) {
  .site-header { height: 72px; }
  .header-inner { gap: 12px; }
  .main-nav {
    gap: 14px;
    max-height: calc(100vh - 72px);
    overflow-y: auto;
  }
  .main-nav ul {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
  }
  .main-nav ul ul {
    display: flex;
    position: static;
    min-width: 0;
    padding: 0 0 8px 14px;
    border: 0;
    box-shadow: none;
    background: #f8fbfb;
  }
  .main-nav ul ul li a {
    padding: 9px 12px;
    font-size: 12px;
  }
  .main-nav li a { white-space: normal; }
}

/* Przydomowe turbiny wiatrowe – dedykowana podstrona */
.wind-intro{margin:34px 0 58px}.wind-intro>h2,.wind-benefits>h2,.wind-process h2{font:700 clamp(28px,3vw,42px)/1.15 var(--display);letter-spacing:-1.2px;color:var(--navy);margin:14px 0 18px}.wind-lead{max-width:900px;font-size:18px;line-height:1.75;color:#53676e}.wind-photo-grid{display:grid;grid-template-columns:minmax(280px,.9fr) 1.1fr;gap:38px;align-items:center;margin-top:30px}.wind-photo-grid img{width:100%;height:360px;object-fit:cover;border-radius:8px}.wind-photo-grid h3{font:700 25px/1.25 var(--display);color:var(--navy);margin-bottom:14px}.wind-photo-grid p{font-size:15px;line-height:1.8;color:#5d7077}.wind-benefits{padding:42px;background:#f2f8f7;border-radius:8px;margin:45px 0}.wind-benefits>h2{margin-top:0}.wind-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.wind-benefit-grid article{border-top:2px solid var(--teal);padding-top:16px}.wind-benefit-grid article>b{font-size:12px;letter-spacing:2px;color:var(--teal)}.wind-benefit-grid h3{font:700 17px/1.35 var(--display);color:var(--navy);margin:12px 0}.wind-benefit-grid p{font-size:13px;line-height:1.7;color:#60737a}.wind-process{display:grid;grid-template-columns:1.1fr .9fr;gap:45px;align-items:center;margin:52px 0}.wind-process p{font-size:15px;line-height:1.8;color:#5d7077}.wind-process ul{margin:0;padding:25px 30px;background:#f8fbfb;border-left:3px solid var(--teal);list-style:none}.wind-process li{padding:10px 0 10px 25px;position:relative;color:#344b53;font-size:14px}.wind-process li:before{content:"✓";position:absolute;left:0;color:var(--teal);font-weight:800}.wind-disclaimer{padding:18px 22px;border:1px solid #dce8e7;border-radius:6px;color:#60737a;font-size:12px;line-height:1.7;margin:30px 0 48px}@media(max-width:760px){.wind-photo-grid,.wind-process{grid-template-columns:1fr;gap:22px}.wind-photo-grid img{height:260px}.wind-benefits{padding:24px}.wind-benefit-grid{grid-template-columns:1fr 1fr;gap:20px}}


/* OLAIR – prezentacja zespołu i samochodu serwisowego */
.olair-team-showcase{display:grid;grid-template-columns:.82fr 1.18fr;gap:42px;align-items:center;margin:42px 0 58px;padding:28px;background:#f5f9f8;border:1px solid #e2ecea;border-radius:10px}
.olair-team-copy .eyebrow{display:block;margin-bottom:14px}
.olair-team-copy h2{font:800 clamp(26px,2.8vw,38px)/1.16 var(--display);letter-spacing:-1px;color:var(--navy);margin:0 0 18px}
.olair-team-copy p{font-size:15px;line-height:1.8;color:#5d7077;margin:0 0 14px}
.olair-team-copy .btn{display:inline-flex;margin-top:10px}
.olair-team-photo{margin:0;min-width:0}
.olair-team-photo img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:center;border-radius:7px}
.olair-team-photo figcaption{font-size:11px;color:#73858a;margin-top:9px;letter-spacing:.2px}
@media(max-width:760px){.olair-team-showcase{grid-template-columns:1fr;gap:24px;margin:28px 0 40px;padding:18px}.olair-team-photo img{aspect-ratio:4/3}}


/* OLAIR v1.2.4 – desktop header aligned to the supplied reference */
@media (min-width: 761px) {
  .site-header { height: 94px; }
  .site-header .header-inner {
    width: calc(100% - 52px);
    max-width: 1360px;
    gap: 28px;
    justify-content: space-between;
  }
  .site-header .brand { flex: 0 0 218px; gap: 10px; }
  .site-header .brand-mark { width: 52px; height: 36px; }
  .site-header .brand-text strong { font-size: 31px; }
  .site-header .brand-text small { font-size: 8px; letter-spacing: 2.5px; }
  .site-header .main-nav {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
  }
  .site-header .main-nav > ul {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: clamp(12px, 1.35vw, 21px);
  }
  .site-header .main-nav > ul > li { position: relative; flex: 0 1 auto; }
  .site-header .main-nav > ul > li > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    padding: 8px 0;
    color: #263f49;
    font-size: 13px;
    line-height: 1.35;
    font-weight: 650;
    text-align: center;
    white-space: normal;
    max-width: 132px;
  }
  .site-header .main-nav > ul > li.menu-item-has-children > a:after {
    content: "";
    width: 7px; height: 7px;
    border-right: 1.7px solid currentColor;
    border-bottom: 1.7px solid currentColor;
    transform: rotate(45deg);
    margin: -4px 0 0 10px;
    flex: 0 0 auto;
  }
  .site-header .main-nav > ul > li > ul {
    display: none;
    position: absolute;
    top: calc(100% - 1px);
    left: -16px;
    z-index: 200;
    min-width: 245px;
    padding: 8px 0;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    background: #fff;
    border: 1px solid #e5eeee;
    border-radius: 4px;
    box-shadow: 0 16px 35px rgba(7,31,42,.14);
  }
  .site-header .main-nav > ul > li:hover > ul,
  .site-header .main-nav > ul > li:focus-within > ul { display: flex; }
  .site-header .main-nav > ul > li > ul > li { width: 100%; }
  .site-header .main-nav > ul > li > ul > li > a {
    display: block;
    max-width: none;
    min-height: 0;
    padding: 11px 16px;
    text-align: left;
    white-space: normal;
    font-size: 12px;
    line-height: 1.35;
  }
  .site-header .main-nav > ul > li > ul > li > a:hover { background: #f0f8f7; color: #008f88; }
  .site-header .main-nav .nav-cta {
    flex: 0 0 auto;
    white-space: nowrap;
    padding: 14px 18px;
    min-width: 184px;
    font-size: 12px;
  }
}
@media (min-width: 761px) and (max-width: 1180px) {
  .site-header .header-inner { width: calc(100% - 32px); gap: 16px; }
  .site-header .brand { flex-basis: 180px; }
  .site-header .brand-mark { width: 42px; }
  .site-header .brand-text strong { font-size: 27px; }
  .site-header .main-nav { gap: 10px; }
  .site-header .main-nav > ul { gap: 9px; }
  .site-header .main-nav > ul > li > a { font-size: 11px; max-width: 105px; }
  .site-header .main-nav .nav-cta { min-width: 150px; padding: 12px 10px; font-size: 10px; }
}
/* Keep the mobile drawer behavior intact. */
@media (max-width: 760px) {
  .site-header { height: 72px; }
  .site-header .header-inner { width: calc(100% - 36px); }
  .site-header .main-nav ul ul { display: flex; position: static; min-width: 0; padding: 0 0 8px 14px; border: 0; box-shadow: none; background: #f7fbfa; }
  .site-header .main-nav ul ul a { padding: 9px 12px; }
}


/* OLAIR v1.2.5 – mobile navigation drawer: compact, scrollable and closable */
@media (max-width: 760px) {
  .site-header {
    height: 78px;
    position: sticky;
    top: 0;
    z-index: 1000;
  }
  .site-header .header-inner {
    height: 78px;
    position: relative;
    z-index: 1003;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }
  .site-header .brand { flex: 0 1 auto; min-width: 0; }
  .site-header .brand-mark { width: 42px; height: 30px; }
  .site-header .brand-text strong { font-size: 27px; }
  .site-header .brand-text small { font-size: 7px; letter-spacing: 2px; }
  .site-header .menu-toggle {
    display: flex;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    padding: 10px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 6px;
    border: 0;
    border-radius: 4px;
    background: transparent;
    cursor: pointer;
    position: relative;
    z-index: 1005;
  }
  .site-header .menu-toggle span {
    display: block;
    width: 25px;
    height: 2px;
    margin: 0;
    background: #102f3c;
    transition: transform .22s ease, opacity .18s ease;
  }
  .site-header .menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(8px) rotate(45deg); }
  .site-header .menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
  .site-header .menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-8px) rotate(-45deg); }

  .site-header .main-nav {
    display: flex !important;
    position: fixed;
    top: 78px;
    right: 0;
    left: auto;
    bottom: 0;
    width: min(86vw, 370px);
    max-height: calc(100dvh - 78px);
    padding: 18px 22px 28px;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 16px;
    background: #fff;
    box-shadow: -14px 18px 35px rgba(7,31,42,.17);
    z-index: 1004;
    transform: translateX(110%);
    visibility: hidden;
    pointer-events: none;
    transition: transform .26s ease, visibility .26s ease;
  }
  .site-header .main-nav.is-open {
    transform: translateX(0);
    visibility: visible;
    pointer-events: auto;
  }
  .site-header .main-nav > ul {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    width: 100%;
  }
  .site-header .main-nav > ul > li {
    width: 100%;
    border-bottom: 1px solid #e9eeee;
  }
  .site-header .main-nav > ul > li > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: none;
    min-height: 48px;
    padding: 12px 2px;
    box-sizing: border-box;
    font-size: 15px;
    line-height: 1.35;
    text-align: left;
    white-space: normal;
  }
  .site-header .main-nav > ul > li.menu-item-has-children > a:after {
    content: "";
    width: 8px;
    height: 8px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    margin: -5px 5px 0 12px;
    transition: transform .2s ease;
  }
  .site-header .main-nav > ul > li.submenu-open > a:after { transform: rotate(225deg); margin-top: 4px; }
  .site-header .main-nav > ul > li > ul {
    display: none;
    position: static;
    width: 100%;
    min-width: 0;
    padding: 0 0 8px 13px;
    margin: 0;
    flex-direction: column;
    gap: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: #f5f9f8;
  }
  .site-header .main-nav > ul > li.submenu-open > ul { display: flex; }
  .site-header .main-nav > ul > li > ul > li { border-bottom: 1px solid #e7eeee; }
  .site-header .main-nav > ul > li > ul > li > a {
    display: block;
    min-height: 0;
    max-width: none;
    padding: 11px 12px;
    font-size: 13px;
    line-height: 1.35;
    text-align: left;
  }
  .site-header .main-nav .nav-cta {
    display: flex;
    align-self: stretch;
    justify-content: center;
    width: 100%;
    min-width: 0;
    margin-top: 4px;
    padding: 15px 18px;
    font-size: 14px;
  }
  .site-header .menu-backdrop {
    display: block;
    position: fixed;
    inset: 78px 0 0;
    width: 100%;
    height: calc(100dvh - 78px);
    padding: 0;
    border: 0;
    background: rgba(5,24,32,.38);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 1001;
    transition: opacity .22s ease, visibility .22s ease;
  }
  .site-header .menu-backdrop.is-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  body.menu-open { overflow: hidden; touch-action: none; }
}
@media (prefers-reduced-motion: reduce) {
  .site-header .main-nav,
  .site-header .menu-toggle span,
  .site-header .menu-backdrop { transition: none !important; }
}


/* OLAIR v1.2.6 – fix drawer height on iOS Safari */
@media (max-width: 760px) {
  .site-header,
  .site-header .header-inner { overflow: visible !important; }
  .site-header .main-nav {
    position: fixed !important;
    top: 78px !important;
    right: 0 !important;
    left: auto !important;
    bottom: 0 !important;
    width: min(86vw, 370px) !important;
    height: calc(100vh - 78px) !important;
    height: calc(100dvh - 78px) !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 18px 22px 32px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    transform: translate3d(110%, 0, 0) !important;
    visibility: hidden !important;
    pointer-events: none !important;
    z-index: 1004 !important;
  }
  .site-header .main-nav.is-open {
    transform: translate3d(0, 0, 0) !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
  .site-header .main-nav > ul,
  .site-header .main-nav > ul.menu {
    display: flex !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: max-content !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    overflow: visible !important;
  }
  .site-header .main-nav > ul > li {
    display: block !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
  }
  .site-header .main-nav > ul > li > a {
    display: flex !important;
    width: 100% !important;
    min-height: 48px !important;
    height: auto !important;
    box-sizing: border-box !important;
  }
  .site-header .main-nav > ul > li > ul {
    position: static !important;
    display: none !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    transform: none !important;
    visibility: visible !important;
  }
  .site-header .main-nav > ul > li.submenu-open > ul {
    display: flex !important;
  }
  .site-header .main-nav .nav-cta {
    display: flex !important;
    flex: 0 0 auto !important;
    margin: 18px 0 4px !important;
  }
  .site-header .menu-backdrop {
    position: fixed !important;
    top: 78px !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    height: auto !important;
    z-index: 1001 !important;
  }
}