.ventilation-page{overflow:hidden}
.ventilation-hero{min-height:710px;
    padding:155px 0 105px;position:relative;color:#fff;
    background:radial-gradient(circle at 17% 48%,rgba(35,161,169,.22),transparent 29%),linear-gradient(105deg,#10100f 0%,#102326 55%,#12363a 100%)
}
.ventilation-hero::before{content:"";width:620px;height:620px;position:absolute;right:-150px;top:30px;border-radius:50%;background:radial-gradient(circle,rgba(45,181,188,.16),transparent 68%)}
.ventilation-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.88fr 1.12fr;gap:70px;align-items:center}
.ventilation-hero-visual{min-height:470px;position:relative;display:grid;place-items:center}
.ventilation-hex-photo{width:min(430px,100%);aspect-ratio:1/1.08;position:relative;z-index:2;
    overflow:hidden;clip-path:polygon(50% 0,93% 22%,93% 76%,50% 100%,7% 76%,7% 22%);
    background:#10292c;box-shadow:0 30px 75px rgba(0,0,0,.34)
}

.ventilation-hex-photo img,.ventilation-intro-image img,.ventilation-benefits-image img{width:100%;height:100%;object-fit:cover}
.ventilation-glow{width:390px;height:390px;position:absolute;bottom:-25px;border-radius:50%;background:radial-gradient(circle,rgba(35,161,169,.22),transparent 68%)}
.ventilation-service-title{display:flex;align-items:center;gap:20px}
.ventilation-service-icon{width:72px;height:72px;flex:0 0 72px;border:1px solid rgba(255,255,255,.2);
    border-radius:20px;display:grid;place-items:center;font-size:31px;background:linear-gradient(145deg,#50c7cc,#0f7f89);box-shadow:0 18px 45px rgba(16,126,137,.3)
}
.ventilation-service-title small{display:block;color:#b8d0d2;font-size:14px}
.ventilation-service-title h1{margin:3px 0 0;font-size:clamp(58px,6vw,92px);line-height:.95;letter-spacing:-.065em}
.ventilation-hero-copy>h2{max-width:800px;margin:34px 0 20px;font-size:clamp(35px,3.7vw,57px);line-height:1.08;letter-spacing:-.05em}
.ventilation-hero-copy>p{max-width:760px;margin:0;color:#d2e2e3;font-size:17px;line-height:1.8}
.ventilation-badges,.ventilation-actions,.ventilation-cta-actions{display:flex;flex-wrap:wrap;gap:13px}
.ventilation-badges{margin-top:25px;gap:10px}
.ventilation-badges span{padding:9px 13px;border:1px solid rgba(56,183,190,.24);border-radius:999px;color:#d8f5f6;background:rgba(35,161,169,.1);font-size:11px;font-weight:800}
.ventilation-actions{margin-top:32px}.ventilation-button-outline{border:1px solid rgba(255,255,255,.5);background:rgba(255,255,255,.05);backdrop-filter:blur(12px)}
.ventilation-intro,.ventilation-benefits,.ventilation-cta{padding:105px 0;background:#fff}
.ventilation-intro-grid,.ventilation-benefits-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:80px;align-items:center}
.ventilation-intro-copy h2,.ventilation-section-heading h2,.ventilation-benefits-copy h2,
.ventilation-process-heading h2,.ventilation-cta-card h2{margin:0;font-size:clamp(38px,4vw,62px);line-height:1.08;letter-spacing:-.05em}
.ventilation-intro-copy>p:last-of-type,.ventilation-section-heading>p{color:#68717d;font-size:17px;line-height:1.85}
.ventilation-intro-copy>p:last-of-type{margin:24px 0 0}
.ventilation-trust-box{margin-top:30px;padding:20px;border:1px solid #d7eeee;
    border-radius:16px;display:flex;align-items:center;gap:15px;background:linear-gradient(135deg,rgba(35,161,169,.08),rgba(35,161,169,.02))

}.ventilation-trust-icon{width:44px;height:44px;flex:0 0 44px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#35b4bb,#0f7f89)}
.ventilation-trust-box strong,.ventilation-trust-box small{display:block}
.ventilation-trust-box strong{font-size:14px}
.ventilation-trust-box small{margin-top:4px;color:#74808c;font-size:12px}
.ventilation-intro-image,.ventilation-benefits-image{border-radius:24px;overflow:hidden;box-shadow:0 25px 65px rgba(20,36,56,.14)}
.ventilation-intro-image{height:440px}.ventilation-services{padding:105px 0;background:#f7f5f2}
.ventilation-section-heading{margin-bottom:45px;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:end}
.ventilation-section-heading>p{margin:0}.ventilation-services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ventilation-card{min-height:290px;padding:28px;
    border:1px solid #dceaea;border-top:3px solid #169aa3;
    border-radius:18px;position:relative;overflow:hidden;
    background:linear-gradient(145deg,#fff 55%,#f2fbfb);
    box-shadow:0 18px 45px rgba(20,36,56,.07);transition:transform .28s ease,box-shadow .28s ease
}
.ventilation-card:hover{transform:translateY(-8px);box-shadow:0 28px 62px rgba(20,36,56,.13)}
.ventilation-card-number{position:absolute;right:23px;top:20px;color:#169aa3;opacity:.11;font-size:48px;font-weight:800}
.ventilation-card-icon{width:62px;height:62px;border:1px solid rgba(239,108,34,.28);
    border-radius:18px;display:grid;place-items:center;color:#169aa3;font-size:25px;background:rgba(239,108,34,.07)
}
.ventilation-card h3{margin:24px 0 11px;color:#121820;font-size:21px;letter-spacing:-.035em}
.ventilation-card p,.ventilation-benefit-item p{margin:0;color:#5f6974;font-size:14px;line-height:1.75}
.ventilation-benefits-grid{grid-template-columns:1.05fr .95fr}
.ventilation-benefits-list{margin-top:36px;display:grid;gap:22px}
.ventilation-benefit-item{display:grid;grid-template-columns:54px 1fr;gap:17px}
.ventilation-benefit-item>span{width:54px;height:54px;border-radius:16px;
    display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#35b4bb,#0f7f89);
    box-shadow:0 12px 28px rgba(16,126,137,.2);font-size:13px;font-weight:800
}
.ventilation-benefit-item h3{margin:0 0 7px;font-size:19px}
.ventilation-benefits-image{height:540px;position:relative}
.ventilation-stat{position:absolute;left:24px;bottom:24px;
    padding:18px 22px;border:1px solid rgba(255,255,255,.16);border-radius:16px;
    color:#fff;background:rgba(20,12,7,.84);backdrop-filter:blur(16px)
}
.ventilation-stat strong,.ventilation-stat span{display:block}
.ventilation-stat strong{color:#50c7cc;font-size:28px}
.ventilation-stat span{margin-top:2px;font-size:11px;font-weight:700}
.ventilation-process{padding:105px 0;color:#fff;background:#0e1f22}
.ventilation-process-heading{max-width:800px}
.ventilation-process-grid{margin-top:44px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.ventilation-process-grid article{padding:27px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(255,255,255,.035)}
.ventilation-process-grid article>span{color:#50c7cc;font-size:14px;font-weight:800}.ventilation-process-grid h3{margin:22px 0 10px;font-size:20px}
.ventilation-process-grid p{margin:0;color:#bfd2d3;font-size:13px;line-height:1.75}
.ventilation-cta-card{padding:55px;border-radius:28px;
    display:flex;align-items:center;justify-content:space-between;
    gap:45px;color:#fff;background:radial-gradient(circle at 10% 20%,rgba(35,161,169,.27),transparent 34%),#10272a
}
.ventilation-cta-card h2{max-width:900px}
.ventilation-cta-card>div:first-child>p:last-child{color:#c0d3d4}
.ventilation-cta-actions{flex:0 0 auto}

@media(max-width:1180px){.ventilation-services-grid,.ventilation-process-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:950px){
    .ventilation-hero-grid,.ventilation-intro-grid,.ventilation-section-heading,.ventilation-benefits-grid{grid-template-columns:1fr}
    .ventilation-hero-visual{order:2}.ventilation-cta-card{align-items:flex-start;flex-direction:column}
}
@media(max-width:680px){
    .ventilation-hero{padding:10px 0 20px}
    .ventilation-service-title{align-items:flex-start}
    .ventilation-service-icon{width:58px;height:58px;flex-basis:58px;border-radius:16px;font-size:25px}
    .ventilation-service-title h1{font-size:clamp(30px,12vw,70px)}

    .section-label {
        font-size: 13px;
    }

    .ventilation-hero-copy h2 {
        font-size: 25px;
    }
    .ventilation-hero-copy p {
        font-size: 15px;
    }
    .ventilation-actions .button {
        font-size: 12px;
        min-height:50px;
        padding:0 28px;
    }
    .ventilation-hero-visual {
        display: none;
    }
    .ventilation-intro-copy h2, .ventilation-services h2 {
        font-size: 25px;
    }
    .ventilation-trust-box {
        font-size: 13px;
    }
    .ventilation-cta h2 {
        font-size: 30px;
    }

    .ventilation-actions,.ventilation-cta-actions,.ventilation-actions .button,
    .ventilation-cta-actions .button{width:100%}.ventilation-services-grid,.ventilation-process-grid{grid-template-columns:1fr}
    .ventilation-intro,.ventilation-services,.ventilation-benefits,.ventilation-process,.ventilation-cta{padding:75px 0}
    .ventilation-intro-image{height:330px}.ventilation-benefits-image{height:420px}.ventilation-cta-card{padding:35px 24px}
}