{"id":244,"date":"2023-06-26T08:40:52","date_gmt":"2023-06-26T08:40:52","guid":{"rendered":"https:\/\/demosites.royal-elementor-addons.com\/landing-page-digital-product-v1\/?page_id=7"},"modified":"2026-08-12T08:43:06","modified_gmt":"2026-08-12T08:43:06","slug":"home-landing-page-digital-product-v1","status":"publish","type":"page","link":"https:\/\/ventilateuk.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"244\" class=\"elementor elementor-244\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c1e4fae e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"c1e4fae\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-52264b8 elementor-widget elementor-widget-html\" data-id=\"52264b8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\nVENTILATE UK\r\nSECTION 01: HERO \/ AIRUNIT INTRODUCTION\r\nElementor-ready | Desktop-first | Tablet + Mobile responsive\r\n========================================================= -->\r\n\r\n<section class=\"vuk-hero\" aria-labelledby=\"vuk-hero-title\">\r\n\r\n    <!-- Background -->\r\n    <div class=\"vuk-hero__media\" aria-hidden=\"true\">\r\n        <img fetchpriority=\"high\"\r\n            src=\"https:\/\/calore-verde.it\/wp-content\/uploads\/2026\/08\/AIRUNIT-decentralized-domestic-ventilation-system-.png\"\r\n            alt=\"\"\r\n            width=\"1920\"\r\n            height=\"1080\"\r\n            fetchpriority=\"high\"\r\n            decoding=\"async\"\r\n        >\r\n    <\/div>\r\n\r\n    <div class=\"vuk-hero__overlay\" aria-hidden=\"true\"><\/div>\r\n\r\n    <!-- Main Container -->\r\n    <div class=\"vuk-hero__inner\">\r\n\r\n        <!-- Left Content -->\r\n        <div class=\"vuk-hero__content\">\r\n\r\n            <span class=\"vuk-hero__eyebrow\">\r\n                AIRUNIT\r\n                <span aria-hidden=\"true\">\u2022<\/span>\r\n                Intelligent, sensor-controlled ventilation\r\n            <\/span>\r\n\r\n            <!-- Semantic H1 retained for SEO and screen readers -->\r\n            <h1 id=\"vuk-hero-title\" class=\"vuk-hero__semantic-title\">\r\n                Decentralised Domestic Ventilation for Fresh, Healthy Indoor Air\r\n            <\/h1>\r\n\r\n            <!-- Visual title bypasses themes that suppress H1 elements -->\r\n            <div\r\n                class=\"vuk-hero__visual-title\"\r\n                aria-hidden=\"true\"\r\n                style=\"display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:20!important;transform:none!important;color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;font-size:clamp(36px,4.2vw,68px)!important;line-height:1.01!important;font-weight:500!important;letter-spacing:-0.045em!important;width:100%!important;max-width:780px!important;margin:0 0 20px!important;height:auto!important;max-height:none!important;overflow:visible!important;\"\r\n            >\r\n                Decentralised Domestic Ventilation for Fresh, Healthy Indoor Air\r\n            <\/div>\r\n\r\n            <p class=\"vuk-hero__lead\">\r\n                <strong>The AIRUNIT decentralized domestic ventilation system<\/strong>\r\n                ensures controlled air exchange and fresh, healthy indoor air.\r\n                It removes odors, pollutants and moisture, effectively preventing\r\n                mould growth.\r\n            <\/p>\r\n\r\n            <!-- CTA -->\r\n            <div class=\"vuk-hero__actions\" aria-label=\"Primary actions\">\r\n\r\n                <a class=\"vuk-btn vuk-btn--primary\" href=\"#airunit-functionality\">\r\n                    Explore AIRUNIT\r\n                <\/a>\r\n\r\n                <a class=\"vuk-btn vuk-btn--ghost\" href=\"#contact\">\r\n                    Contact Ventilate UK\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n            <!-- Key Benefits -->\r\n            <ul class=\"vuk-hero__features\" aria-label=\"AIRUNIT key benefits\">\r\n\r\n                <li>\r\n                    <span class=\"vuk-feature-icon\" aria-hidden=\"true\">01<\/span>\r\n                    <span>\r\n                        <strong>Convenience and added value<\/strong>\r\n                        <small>for properties.<\/small>\r\n                    <\/span>\r\n                <\/li>\r\n\r\n                <li>\r\n                    <span class=\"vuk-feature-icon\" aria-hidden=\"true\">02<\/span>\r\n                    <span>\r\n                        <strong>Fully automatic operation<\/strong>\r\n                        <small>\r\n                            Sensor-controlled through integrated humidity sensor.\r\n                        <\/small>\r\n                    <\/span>\r\n                <\/li>\r\n\r\n                <li>\r\n                    <span class=\"vuk-feature-icon\" aria-hidden=\"true\">03<\/span>\r\n                    <span>\r\n                        <strong>Healthy indoor climate<\/strong>\r\n                        <small>\r\n                            Thanks to regular air exchange.\r\n                        <\/small>\r\n                    <\/span>\r\n                <\/li>\r\n\r\n                <li>\r\n                    <span class=\"vuk-feature-icon\" aria-hidden=\"true\">04<\/span>\r\n                    <span>\r\n                        <strong>Whisper-quiet operation<\/strong>\r\n                        <small>\r\n                            From 11 dB(A).\r\n                        <\/small>\r\n                    <\/span>\r\n                <\/li>\r\n\r\n            <\/ul>\r\n\r\n        <\/div>\r\n\r\n        <!-- Right Product Image -->\r\n        <figure class=\"vuk-hero__product-card\">\r\n\r\n            <div class=\"vuk-hero__product-image\">\r\n\r\n                <img fetchpriority=\"high\"\r\n                    src=\"https:\/\/calore-verde.it\/wp-content\/uploads\/2026\/08\/AIRUNIT-Intelligent-sensor-controlled-ventilation.png\"\r\n                    alt=\"AIRUNIT decentralised domestic ventilation external wall terminal installed on a modern residential building\"\r\n                    title=\"AIRUNIT Decentralised Domestic Ventilation System\"\r\n                    width=\"1000\"\r\n                    height=\"800\"\r\n                    fetchpriority=\"high\"\r\n                    decoding=\"async\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n            <figcaption>\r\n\r\n                <span>AIRUNIT<\/span>\r\n\r\n                <strong>\r\n                    Sensor-controlled ventilation\r\n                <\/strong>\r\n\r\n            <\/figcaption>\r\n\r\n        <\/figure>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n(function () {\r\n    var hero = document.querySelector(\".vuk-hero\");\r\n    if (!hero) return;\r\n\r\n    var reduced = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\r\n\r\n    window.requestAnimationFrame(function () {\r\n        hero.classList.add(\"vuk-hero--ready\");\r\n    });\r\n\r\n    if (reduced || !window.matchMedia(\"(pointer: fine)\").matches) return;\r\n\r\n    var frame = null;\r\n    hero.addEventListener(\"pointermove\", function (event) {\r\n        if (frame) return;\r\n        frame = window.requestAnimationFrame(function () {\r\n            var bounds = hero.getBoundingClientRect();\r\n            var x = ((event.clientX - bounds.left) \/ bounds.width - .5) * 2;\r\n            var y = ((event.clientY - bounds.top) \/ bounds.height - .5) * 2;\r\n            hero.style.setProperty(\"--vuk-mouse-x\", x.toFixed(3));\r\n            hero.style.setProperty(\"--vuk-mouse-y\", y.toFixed(3));\r\n            frame = null;\r\n        });\r\n    }, { passive: true });\r\n\r\n    hero.addEventListener(\"pointerleave\", function () {\r\n        hero.style.setProperty(\"--vuk-mouse-x\", \"0\");\r\n        hero.style.setProperty(\"--vuk-mouse-y\", \"0\");\r\n    });\r\n})();\r\n<\/script>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\nVENTILATE UK HERO VARIABLES\r\n========================================================= *\/\r\n\r\n.vuk-hero {\r\n    --vuk-blue: #257da8;\r\n    --vuk-sky: #78bdd8;\r\n    --vuk-orange: #f5a11c;\r\n    --vuk-brown: #6e452f;\r\n    --vuk-dark: #0d3243;\r\n    --vuk-ink: #16394a;\r\n    --vuk-white: #ffffff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nGLOBAL SECTION SAFETY\r\nPrevents Elementor horizontal overflow\r\n========================================================= *\/\r\n\r\n.vuk-hero,\r\n.vuk-hero *,\r\n.vuk-hero *::before,\r\n.vuk-hero *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.vuk-hero {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    max-width: 100%;\r\n\r\n    min-height: min(790px, calc(100svh - 75px));\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    overflow: hidden;\r\n\r\n    background: var(--vuk-dark);\r\n\r\n    color: var(--vuk-white);\r\n\r\n    font-family:\r\n        Arial,\r\n        Helvetica,\r\n        sans-serif;\r\n\r\n    isolation: isolate;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nBACKGROUND IMAGE\r\n========================================================= *\/\r\n\r\n.vuk-hero__media {\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    z-index: -3;\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n.vuk-hero__media img {\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    max-width: none;\r\n\r\n    object-fit: cover;\r\n    object-position: center center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nOVERLAY\r\n========================================================= *\/\r\n\r\n.vuk-hero__overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    z-index: -2;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(8, 39, 54, 0.98) 0%,\r\n            rgba(10, 47, 63, 0.95) 38%,\r\n            rgba(12, 54, 73, 0.82) 58%,\r\n            rgba(12, 54, 73, 0.42) 78%,\r\n            rgba(12, 54, 73, 0.20) 100%\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\nMAIN WRAPPER\r\nVery important:\r\nNo vw overflow\r\nNo fixed 1440px width\r\n========================================================= *\/\r\n\r\n.vuk-hero__inner {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    width: calc(100% - 48px);\r\n    max-width: 1320px;\r\n\r\n    margin-inline: auto;\r\n\r\n    padding-block: clamp(42px, 5vh, 68px);\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0, 1.25fr)\r\n        minmax(300px, 0.55fr);\r\n\r\n    gap: clamp(32px, 4vw, 64px);\r\n\r\n    align-items: center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nLEFT CONTENT\r\n========================================================= *\/\r\n\r\n.vuk-hero__content {\r\n    width: 100%;\r\n    max-width: 790px;\r\n\r\n    min-width: 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nEYEBROW\r\n========================================================= *\/\r\n\r\n.vuk-hero__eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n\r\n    flex-wrap: wrap;\r\n\r\n    gap: 8px;\r\n\r\n    max-width: 100%;\r\n\r\n    padding: 9px 15px;\r\n\r\n    margin: 0 0 20px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,0.22);\r\n\r\n    border-radius: 999px;\r\n\r\n    background:\r\n        rgba(255,255,255,0.08);\r\n\r\n    backdrop-filter: blur(10px);\r\n\r\n    color: #eaf7fb;\r\n\r\n    font-size:\r\n        clamp(11px, 0.95vw, 13px);\r\n\r\n    line-height: 1.35;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 0.055em;\r\n\r\n    text-transform: uppercase;\r\n\r\n    white-space: normal;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nH1\r\n========================================================= *\/\r\n\r\n.vuk-hero h1 {\r\n    width: 100%;\r\n    max-width: 780px;\r\n\r\n    margin: 0 0 20px;\r\n\r\n    padding: 0;\r\n\r\n    color: #ffffff;\r\n\r\n    font-size:\r\n        clamp(42px, 4.2vw, 68px);\r\n\r\n    line-height: 1.01;\r\n\r\n    font-weight: 500;\r\n\r\n    letter-spacing: -0.045em;\r\n\r\n    overflow-wrap: normal;\r\n    word-break: normal;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nINTRO TEXT\r\n========================================================= *\/\r\n\r\n.vuk-hero__lead {\r\n    width: 100%;\r\n    max-width: 730px;\r\n\r\n    margin: 0;\r\n\r\n    color:\r\n        rgba(255,255,255,0.88);\r\n\r\n    font-size:\r\n        clamp(16px, 1.2vw, 20px);\r\n\r\n    line-height: 1.55;\r\n\r\n    font-weight: 400;\r\n}\r\n\r\n.vuk-hero__lead strong {\r\n    color: #ffffff;\r\n\r\n    font-weight: 700;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nBUTTONS\r\n========================================================= *\/\r\n\r\n.vuk-hero__actions {\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    flex-wrap: wrap;\r\n\r\n    gap: 12px;\r\n\r\n    margin:\r\n        25px 0\r\n        24px;\r\n}\r\n\r\n.vuk-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    min-height: 50px;\r\n\r\n    padding:\r\n        0\r\n        22px;\r\n\r\n    border-radius: 12px;\r\n\r\n    text-decoration: none !important;\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 700;\r\n\r\n    transition:\r\n        transform 0.25s ease,\r\n        background 0.25s ease,\r\n        border-color 0.25s ease,\r\n        box-shadow 0.25s ease;\r\n}\r\n\r\n.vuk-btn--primary {\r\n    background:\r\n        var(--vuk-orange);\r\n\r\n    border:\r\n        1px solid\r\n        var(--vuk-orange);\r\n\r\n    color:\r\n        #173747 !important;\r\n\r\n    box-shadow:\r\n        0 14px 32px\r\n        rgba(245,161,28,0.23);\r\n}\r\n\r\n.vuk-btn--primary:hover {\r\n    transform:\r\n        translateY(-2px);\r\n\r\n    box-shadow:\r\n        0 18px 40px\r\n        rgba(245,161,28,0.30);\r\n}\r\n\r\n.vuk-btn--ghost {\r\n    color:\r\n        #ffffff !important;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,0.30);\r\n\r\n    background:\r\n        rgba(255,255,255,0.06);\r\n}\r\n\r\n.vuk-btn--ghost:hover {\r\n    transform:\r\n        translateY(-2px);\r\n\r\n    background:\r\n        rgba(255,255,255,0.12);\r\n}\r\n\r\n\r\n\/* =========================================================\r\nFEATURE CARDS\r\n========================================================= *\/\r\n\r\n.vuk-hero__features {\r\n    width: 100%;\r\n    max-width: 730px;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(2, minmax(0,1fr));\r\n\r\n    gap: 10px;\r\n\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    list-style: none;\r\n}\r\n\r\n.vuk-hero__features li {\r\n    min-width: 0;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        38px\r\n        minmax(0,1fr);\r\n\r\n    gap: 11px;\r\n\r\n    align-items: center;\r\n\r\n    padding: 11px 12px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,0.11);\r\n\r\n    border-radius: 14px;\r\n\r\n    background:\r\n        rgba(255,255,255,0.07);\r\n\r\n    backdrop-filter:\r\n        blur(9px);\r\n}\r\n\r\n.vuk-feature-icon {\r\n    width: 38px;\r\n    height: 38px;\r\n\r\n    display: grid;\r\n\r\n    place-items: center;\r\n\r\n    border-radius: 11px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            var(--vuk-sky),\r\n            var(--vuk-blue)\r\n        );\r\n\r\n    color:\r\n        #ffffff;\r\n\r\n    font-size:\r\n        10px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 800;\r\n}\r\n\r\n.vuk-hero__features strong {\r\n    display: block;\r\n\r\n    color: #ffffff;\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1.25;\r\n\r\n    font-weight: 700;\r\n}\r\n\r\n.vuk-hero__features small {\r\n    display: block;\r\n\r\n    margin-top: 3px;\r\n\r\n    color:\r\n        rgba(255,255,255,0.70);\r\n\r\n    font-size: 11px;\r\n\r\n    line-height: 1.35;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nRIGHT PRODUCT CARD\r\n========================================================= *\/\r\n\r\n.vuk-hero__product-card {\r\n    width: 100%;\r\n    max-width: 400px;\r\n\r\n    justify-self: end;\r\n\r\n    margin: 0;\r\n\r\n    overflow: hidden;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,0.30);\r\n\r\n    border-radius: 24px;\r\n\r\n    background:\r\n        rgba(255,255,255,0.96);\r\n\r\n    box-shadow:\r\n        0 30px 70px\r\n        rgba(0,0,0,0.23);\r\n}\r\n\r\n.vuk-hero__product-image {\r\n    width: 100%;\r\n\r\n    aspect-ratio: 4 \/ 4.5;\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n.vuk-hero__product-image img {\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    max-width: 100%;\r\n\r\n    object-fit: cover;\r\n\r\n    transition:\r\n        transform 0.55s ease;\r\n}\r\n\r\n.vuk-hero__product-card:hover\r\n.vuk-hero__product-image img {\r\n    transform:\r\n        scale(1.025);\r\n}\r\n\r\n.vuk-hero__product-card figcaption {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    gap: 16px;\r\n\r\n    padding:\r\n        15px 18px;\r\n\r\n    color:\r\n        var(--vuk-ink);\r\n}\r\n\r\n.vuk-hero__product-card figcaption span {\r\n    color:\r\n        var(--vuk-orange);\r\n\r\n    font-size: 11px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 0.10em;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n.vuk-hero__product-card figcaption strong {\r\n    max-width: 210px;\r\n\r\n    color:\r\n        var(--vuk-ink);\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1.25;\r\n\r\n    font-weight: 700;\r\n\r\n    text-align: right;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nMEDIUM DESKTOP \/ LAPTOP\r\n========================================================= *\/\r\n\r\n@media (max-width: 1180px) {\r\n\r\n    .vuk-hero {\r\n        min-height: auto;\r\n    }\r\n\r\n    .vuk-hero__inner {\r\n        width:\r\n            calc(100% - 40px);\r\n\r\n        grid-template-columns:\r\n            minmax(0,1.2fr)\r\n            minmax(280px,.52fr);\r\n\r\n        gap:\r\n            32px;\r\n\r\n        padding-block:\r\n            55px;\r\n    }\r\n\r\n    .vuk-hero h1 {\r\n        font-size:\r\n            clamp(40px, 5vw, 58px);\r\n    }\r\n\r\n    .vuk-hero__product-card {\r\n        max-width:\r\n            350px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nTABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .vuk-hero {\r\n        min-height: auto;\r\n    }\r\n\r\n    .vuk-hero__overlay {\r\n        background:\r\n            linear-gradient(\r\n                180deg,\r\n                rgba(8,39,54,.94),\r\n                rgba(8,39,54,.97)\r\n            );\r\n    }\r\n\r\n    .vuk-hero__inner {\r\n        width:\r\n            calc(100% - 40px);\r\n\r\n        max-width:\r\n            760px;\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n        gap:\r\n            34px;\r\n\r\n        padding-block:\r\n            60px;\r\n    }\r\n\r\n    .vuk-hero__content {\r\n        max-width:\r\n            100%;\r\n    }\r\n\r\n    .vuk-hero h1 {\r\n        max-width:\r\n            720px;\r\n\r\n        font-size:\r\n            clamp(42px, 7vw, 58px);\r\n    }\r\n\r\n    .vuk-hero__lead {\r\n        max-width:\r\n            700px;\r\n    }\r\n\r\n    .vuk-hero__features {\r\n        max-width:\r\n            100%;\r\n    }\r\n\r\n    .vuk-hero__product-card {\r\n        max-width:\r\n            560px;\r\n\r\n        justify-self:\r\n            start;\r\n    }\r\n\r\n    .vuk-hero__product-image {\r\n        aspect-ratio:\r\n            16 \/ 9;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nMOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n    .vuk-hero__inner {\r\n        width:\r\n            calc(100% - 32px);\r\n\r\n        padding-block:\r\n            44px;\r\n\r\n        gap:\r\n            30px;\r\n    }\r\n\r\n    .vuk-hero__eyebrow {\r\n        margin-bottom:\r\n            18px;\r\n\r\n        padding:\r\n            8px\r\n            12px;\r\n\r\n        font-size:\r\n            10px;\r\n\r\n        border-radius:\r\n            14px;\r\n    }\r\n\r\n    .vuk-hero h1 {\r\n        font-size:\r\n            clamp(36px, 10.5vw, 48px);\r\n\r\n        line-height:\r\n            1.02;\r\n\r\n        letter-spacing:\r\n            -0.035em;\r\n\r\n        margin-bottom:\r\n            18px;\r\n    }\r\n\r\n    .vuk-hero__lead {\r\n        font-size:\r\n            16px;\r\n\r\n        line-height:\r\n            1.5;\r\n    }\r\n\r\n    .vuk-hero__actions {\r\n        display:\r\n            grid;\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n        width:\r\n            100%;\r\n\r\n        gap:\r\n            10px;\r\n\r\n        margin:\r\n            23px 0;\r\n    }\r\n\r\n    .vuk-btn {\r\n        width:\r\n            100%;\r\n    }\r\n\r\n    .vuk-hero__features {\r\n        grid-template-columns:\r\n            1fr;\r\n    }\r\n\r\n    .vuk-hero__product-card {\r\n        max-width:\r\n            100%;\r\n    }\r\n\r\n    .vuk-hero__product-image {\r\n        aspect-ratio:\r\n            4 \/ 3;\r\n    }\r\n\r\n    .vuk-hero__product-card figcaption {\r\n        padding:\r\n            14px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nVERY SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n    .vuk-hero__inner {\r\n        width:\r\n            calc(100% - 24px);\r\n    }\r\n\r\n    .vuk-hero h1 {\r\n        font-size:\r\n            34px;\r\n    }\r\n\r\n    .vuk-hero__features li {\r\n        grid-template-columns:\r\n            34px\r\n            minmax(0,1fr);\r\n\r\n        padding:\r\n            10px;\r\n    }\r\n\r\n    .vuk-feature-icon {\r\n        width:\r\n            34px;\r\n\r\n        height:\r\n            34px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nREDUCED MOTION ACCESSIBILITY\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .vuk-btn,\r\n    .vuk-hero__product-image img {\r\n        transition:\r\n            none;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nADVANCED HERO MOTION & PREMIUM INTERACTION LAYER\r\n========================================================= *\/\r\n\r\n.vuk-hero {\r\n    --vuk-mouse-x: 0;\r\n    --vuk-mouse-y: 0;\r\n}\r\n\r\n\/* Cinematic background with a very small GPU-friendly drift *\/\r\n.vuk-hero__media {\r\n    transform: scale(1.035);\r\n    animation: vuk-hero-background 18s ease-in-out infinite alternate;\r\n}\r\n\r\n.vuk-hero__media img {\r\n    transform: scale(1.07)\r\n        translate3d(\r\n            calc(var(--vuk-mouse-x) * -7px),\r\n            calc(var(--vuk-mouse-y) * -5px),\r\n            0\r\n        );\r\n    filter: saturate(.92) contrast(1.04);\r\n    transition: transform 1.2s cubic-bezier(.2,.8,.2,1), filter .8s ease;\r\n    will-change: transform;\r\n}\r\n\r\n.vuk-hero__overlay {\r\n    background:\r\n        radial-gradient(circle at 72% 40%, rgba(117,189,216,.16), transparent 30%),\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(8,39,54,.985) 0%,\r\n            rgba(10,47,63,.96) 38%,\r\n            rgba(12,54,73,.84) 58%,\r\n            rgba(12,54,73,.45) 78%,\r\n            rgba(12,54,73,.22) 100%\r\n        );\r\n}\r\n\r\n.vuk-hero::before,\r\n.vuk-hero::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: 0;\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n}\r\n\r\n.vuk-hero::before {\r\n    width: 460px;\r\n    height: 460px;\r\n    right: -250px;\r\n    top: -250px;\r\n    border: 1px solid rgba(117,189,216,.12);\r\n    box-shadow: inset 0 0 80px rgba(117,189,216,.05);\r\n    animation: vuk-hero-orbit 13s ease-in-out infinite alternate;\r\n}\r\n\r\n.vuk-hero::after {\r\n    width: 320px;\r\n    height: 320px;\r\n    left: -190px;\r\n    bottom: -210px;\r\n    background: radial-gradient(circle, rgba(245,161,28,.12), transparent 68%);\r\n    animation: vuk-hero-orange 15s ease-in-out infinite alternate;\r\n}\r\n\r\n\/* Staged first-paint entrance *\/\r\n.vuk-hero__eyebrow,\r\n.vuk-hero__lead,\r\n.vuk-hero__actions,\r\n.vuk-hero__features li,\r\n.vuk-hero__product-card {\r\n    opacity: 0;\r\n    transform: translateY(25px);\r\n    transition: opacity .72s ease, transform .78s cubic-bezier(.2,.8,.2,1);\r\n}\r\n\r\n.vuk-hero__product-card {\r\n    transform: translateY(28px) translateX(18px) scale(.97);\r\n}\r\n\r\n.vuk-hero--ready .vuk-hero__eyebrow,\r\n.vuk-hero--ready .vuk-hero__lead,\r\n.vuk-hero--ready .vuk-hero__actions,\r\n.vuk-hero--ready .vuk-hero__features li,\r\n.vuk-hero--ready .vuk-hero__product-card {\r\n    opacity: 1;\r\n    transform: translate(0) scale(1);\r\n}\r\n\r\n.vuk-hero--ready .vuk-hero__lead { transition-delay: .16s; }\r\n.vuk-hero--ready .vuk-hero__actions { transition-delay: .24s; }\r\n.vuk-hero--ready .vuk-hero__features li:nth-child(1) { transition-delay: .31s; }\r\n.vuk-hero--ready .vuk-hero__features li:nth-child(2) { transition-delay: .37s; }\r\n.vuk-hero--ready .vuk-hero__features li:nth-child(3) { transition-delay: .43s; }\r\n.vuk-hero--ready .vuk-hero__features li:nth-child(4) { transition-delay: .49s; }\r\n.vuk-hero--ready .vuk-hero__product-card { transition-delay: .18s; }\r\n\r\n\/* Live AIRUNIT status pill *\/\r\n.vuk-hero__eyebrow {\r\n    position: relative;\r\n    overflow: hidden;\r\n    box-shadow: inset 0 1px 0 rgba(255,255,255,.13), 0 12px 28px rgba(0,0,0,.08);\r\n}\r\n\r\n.vuk-hero__eyebrow::before {\r\n    content: \"\";\r\n    width: 7px;\r\n    height: 7px;\r\n    flex: 0 0 auto;\r\n    border-radius: 50%;\r\n    background: var(--vuk-orange);\r\n    box-shadow: 0 0 0 0 rgba(245,161,28,.48);\r\n    animation: vuk-hero-status 2.35s ease-out infinite;\r\n}\r\n\r\n.vuk-hero__eyebrow::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(110deg, transparent 25%, rgba(255,255,255,.12) 48%, transparent 72%);\r\n    transform: translateX(-125%);\r\n    animation: vuk-hero-pill-shine 6s ease-in-out infinite;\r\n}\r\n\r\n\/* Semantic title remains available without depending on theme H1 styling *\/\r\n.vuk-hero .vuk-hero__semantic-title {\r\n    position: absolute !important;\r\n    width: 1px !important;\r\n    height: 1px !important;\r\n    padding: 0 !important;\r\n    margin: -1px !important;\r\n    overflow: hidden !important;\r\n    clip: rect(0, 0, 0, 0) !important;\r\n    white-space: nowrap !important;\r\n    border: 0 !important;\r\n}\r\n\r\n.vuk-hero__visual-title {\r\n    text-shadow: 0 12px 34px rgba(0,0,0,.18);\r\n}\r\n\r\n\/* Advanced buttons *\/\r\n.vuk-btn {\r\n    position: relative;\r\n    isolation: isolate;\r\n    overflow: hidden;\r\n    gap: 9px;\r\n}\r\n\r\n.vuk-btn::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: -1;\r\n    inset: 0;\r\n    background: linear-gradient(110deg, transparent 20%, rgba(255,255,255,.42) 48%, transparent 74%);\r\n    transform: translateX(-135%);\r\n    transition: transform .68s ease;\r\n}\r\n\r\n.vuk-btn::after {\r\n    content: \"\u2192\";\r\n    display: inline-block;\r\n    transition: transform .32s cubic-bezier(.2,.8,.2,1);\r\n}\r\n\r\n.vuk-btn:hover::before { transform: translateX(135%); }\r\n.vuk-btn:hover::after { transform: translateX(4px); }\r\n\r\n.vuk-btn--primary {\r\n    background: linear-gradient(135deg, #ffb633 0%, var(--vuk-orange) 58%, #e98d05 100%);\r\n    box-shadow: 0 15px 34px rgba(245,161,28,.27), inset 0 1px 0 rgba(255,255,255,.35);\r\n}\r\n\r\n.vuk-btn--ghost {\r\n    box-shadow: inset 0 1px 0 rgba(255,255,255,.1);\r\n    backdrop-filter: blur(12px);\r\n}\r\n\r\n\/* Glass benefit cards *\/\r\n.vuk-hero__features li {\r\n    position: relative;\r\n    isolation: isolate;\r\n    overflow: hidden;\r\n    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 10px 26px rgba(0,0,0,.06);\r\n    transition-property: opacity, transform, border-color, background, box-shadow;\r\n}\r\n\r\n.vuk-hero__features li::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: -1;\r\n    inset: 0;\r\n    background: linear-gradient(110deg, rgba(120,189,216,.16), transparent 52%, rgba(245,161,28,.09));\r\n    opacity: 0;\r\n    transform: translateX(-16%);\r\n    transition: opacity .4s ease, transform .5s ease;\r\n}\r\n\r\n.vuk-hero--ready .vuk-hero__features li:hover {\r\n    transform: translateY(-4px);\r\n    border-color: rgba(120,189,216,.3);\r\n    background: rgba(255,255,255,.105);\r\n    box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 17px 34px rgba(0,0,0,.12);\r\n}\r\n\r\n.vuk-hero__features li:hover::before {\r\n    opacity: 1;\r\n    transform: translateX(0);\r\n}\r\n\r\n.vuk-feature-icon {\r\n    position: relative;\r\n    overflow: hidden;\r\n    border: 1px solid rgba(255,255,255,.35);\r\n    box-shadow: 0 9px 22px rgba(37,125,168,.22), inset 0 1px 0 rgba(255,255,255,.3);\r\n    transition: transform .4s cubic-bezier(.2,.8,.2,1), border-radius .4s ease;\r\n}\r\n\r\n.vuk-hero__features li:hover .vuk-feature-icon {\r\n    transform: rotate(-5deg) scale(1.08);\r\n    border-radius: 50%;\r\n}\r\n\r\n\/* Premium product glass card *\/\r\n.vuk-hero__product-card {\r\n    position: relative;\r\n    isolation: isolate;\r\n    border-color: rgba(255,255,255,.48);\r\n    background: rgba(255,255,255,.94);\r\n    box-shadow: 0 34px 85px rgba(0,0,0,.28), 0 0 0 1px rgba(255,255,255,.08);\r\n    transition-property: opacity, transform, box-shadow, border-color;\r\n}\r\n\r\n.vuk-hero__product-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: 4;\r\n    inset: 0;\r\n    border-radius: inherit;\r\n    border: 1px solid rgba(255,255,255,.4);\r\n    pointer-events: none;\r\n}\r\n\r\n.vuk-hero__product-card::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: 3;\r\n    top: -65%;\r\n    left: -35%;\r\n    width: 20%;\r\n    height: 230%;\r\n    background: linear-gradient(90deg, transparent, rgba(255,255,255,.34), transparent);\r\n    transform: rotate(16deg);\r\n    animation: vuk-hero-card-sweep 6.8s ease-in-out infinite;\r\n    pointer-events: none;\r\n}\r\n\r\n.vuk-hero--ready .vuk-hero__product-card:hover {\r\n    transform:\r\n        perspective(900px)\r\n        rotateY(calc(var(--vuk-mouse-x) * 1.8deg))\r\n        rotateX(calc(var(--vuk-mouse-y) * -1.4deg))\r\n        translateY(-7px);\r\n    border-color: rgba(120,189,216,.72);\r\n    box-shadow: 0 43px 100px rgba(0,0,0,.32), 0 0 35px rgba(120,189,216,.12);\r\n}\r\n\r\n.vuk-hero__product-card:hover .vuk-hero__product-image img {\r\n    transform: scale(1.055);\r\n}\r\n\r\n.vuk-hero__product-card figcaption {\r\n    position: relative;\r\n    background: linear-gradient(135deg, #fff, #f4fafc);\r\n    border-top: 1px solid rgba(37,125,168,.1);\r\n}\r\n\r\n@keyframes vuk-hero-background {\r\n    to { transform: scale(1.06) translate3d(-7px, -4px, 0); }\r\n}\r\n\r\n@keyframes vuk-hero-orbit {\r\n    to { transform: translate(-55px, 45px) scale(1.12); }\r\n}\r\n\r\n@keyframes vuk-hero-orange {\r\n    to { transform: translate(50px, -35px) scale(.9); }\r\n}\r\n\r\n@keyframes vuk-hero-status {\r\n    70%, 100% { box-shadow: 0 0 0 9px rgba(245,161,28,0); }\r\n}\r\n\r\n@keyframes vuk-hero-pill-shine {\r\n    0%, 48% { transform: translateX(-125%); }\r\n    72%, 100% { transform: translateX(125%); }\r\n}\r\n\r\n@keyframes vuk-hero-card-sweep {\r\n    0%, 25% { left: -35%; opacity: 0; }\r\n    38% { opacity: 1; }\r\n    67%, 100% { left: 130%; opacity: 0; }\r\n}\r\n\r\n@media (max-width: 900px) {\r\n    .vuk-hero__media img {\r\n        transform: scale(1.06);\r\n    }\r\n\r\n    .vuk-hero__media {\r\n        animation: none;\r\n    }\r\n\r\n    .vuk-hero__overlay {\r\n        background:\r\n            radial-gradient(circle at 70% 65%, rgba(117,189,216,.11), transparent 34%),\r\n            linear-gradient(180deg, rgba(8,39,54,.945), rgba(8,39,54,.98));\r\n    }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .vuk-hero__media,\r\n    .vuk-hero::before,\r\n    .vuk-hero::after,\r\n    .vuk-hero__eyebrow::before,\r\n    .vuk-hero__eyebrow::after,\r\n    .vuk-hero__product-card::after {\r\n        animation: none !important;\r\n    }\r\n\r\n    .vuk-hero__eyebrow,\r\n    .vuk-hero__lead,\r\n    .vuk-hero__actions,\r\n    .vuk-hero__features li,\r\n    .vuk-hero__product-card {\r\n        opacity: 1;\r\n        transform: none;\r\n        transition: none;\r\n    }\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ef4233f elementor-widget elementor-widget-html\" data-id=\"ef4233f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\nVENTILATE UK\r\nSECTION 02: AIRUNIT FUNCTIONALITY\r\nCONTENT KEPT SAME\r\nDESIGN RESET TO MATCH LOGO COLOUR SCHEME\r\n========================================================= -->\r\n\r\n<section class=\"vuk-func\" id=\"airunit-functionality\" aria-labelledby=\"vuk-func-title\">\r\n\r\n    <div class=\"vuk-func__inner\">\r\n\r\n        <!-- SECTION HEADING -->\r\n        <header class=\"vuk-func__header\">\r\n\r\n            <div class=\"vuk-func__header-label\">\r\n                <span class=\"vuk-func__kicker\">Functionality<\/span>\r\n            <\/div>\r\n\r\n            <h2 id=\"vuk-func-title\">\r\n                AIRUNIT Heat Recovery Ventilation Designed for New Builds and Renovations\r\n            <\/h2>\r\n\r\n        <\/header>\r\n\r\n\r\n        <!-- MAIN FUNCTIONALITY AREA -->\r\n        <div class=\"vuk-func__grid\">\r\n\r\n            <!-- DIAGRAM -->\r\n            <figure class=\"vuk-func__diagram\">\r\n\r\n                <div class=\"vuk-func__diagram-glow\" aria-hidden=\"true\"><\/div>\r\n\r\n                <img loading=\"lazy\"\r\n                    src=\"https:\/\/ventilateuk.com\/wp-content\/uploads\/2026\/08\/AIRUNIT-Heat-Recovery-Ventilation-Functionality.png\"\r\n                    alt=\"Exploded AIRUNIT decentralised heat recovery ventilation system showing external wall components and airflow\"\r\n                    title=\"AIRUNIT Heat Recovery Ventilation Functionality\"\r\n                    width=\"1200\"\r\n                    height=\"700\"\r\n                    loading=\"lazy\"\r\n                    decoding=\"async\"\r\n                >\r\n\r\n                <span class=\"vuk-func__badge\">\r\n                    <small>Up to<\/small>\r\n                    <strong>99%<\/strong>\r\n                    <span>heat recovery<\/span>\r\n                <\/span>\r\n\r\n            <\/figure>\r\n\r\n\r\n            <!-- FEATURE CARDS -->\r\n            <div class=\"vuk-func__features\">\r\n\r\n                <article>\r\n                    <span class=\"vuk-func__number\">01<\/span>\r\n                    <div>\r\n                        <h3>Easy Installation<\/h3>\r\n                        <p>Easy installation for new builds and renovations<\/p>\r\n                    <\/div>\r\n                <\/article>\r\n\r\n                <article>\r\n                    <span class=\"vuk-func__number\">02<\/span>\r\n                    <div>\r\n                        <h3>High Energy Savings<\/h3>\r\n                        <p>High energy savings of up to 99% heat recovery<\/p>\r\n                    <\/div>\r\n                <\/article>\r\n\r\n                <article>\r\n                    <span class=\"vuk-func__number\">03<\/span>\r\n                    <div>\r\n                        <h3>Flexible Outer Wall Installation<\/h3>\r\n                        <p>Flexible installation in the outer wall<\/p>\r\n                    <\/div>\r\n                <\/article>\r\n\r\n                <article>\r\n                    <span class=\"vuk-func__number\">04<\/span>\r\n                    <div>\r\n                        <h3>Fresh Filtered Air<\/h3>\r\n                        <p>Fresh filtered air, without opening windows<\/p>\r\n                    <\/div>\r\n                <\/article>\r\n\r\n                <article>\r\n                    <span class=\"vuk-func__number\">05<\/span>\r\n                    <div>\r\n                        <h3>Recycled PET Wall Duct<\/h3>\r\n                        <p>PET wall duct made from 100% recycled PET bottles<\/p>\r\n                    <\/div>\r\n                <\/article>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- APPROVAL PANEL -->\r\n        <div class=\"vuk-func__approval\">\r\n\r\n            <div class=\"vuk-func__approval-content\">\r\n\r\n                <span class=\"vuk-func__kicker vuk-func__kicker--light\">\r\n                    Tested, approved and eligible\r\n                <\/span>\r\n\r\n                <h3>\r\n                    Building Authority Tested and Approved AIRUNIT Systems\r\n                <\/h3>\r\n\r\n                <p>\r\n                    <strong>AIRUNIT systems<\/strong> are tested and approved by the building\r\n                    authorities, which ensures their eligibility for subsidies.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <figure class=\"vuk-func__approval-image\">\r\n\r\n                <img loading=\"lazy\"\r\n                    src=\"https:\/\/calore-verde.it\/wp-content\/uploads\/2026\/08\/page002_img002.png\"\r\n                    alt=\"AIRUNIT exterior ventilation grille installed beside a residential window\"\r\n                    title=\"AIRUNIT Exterior Ventilation Grille\"\r\n                    width=\"900\"\r\n                    height=\"1100\"\r\n                    loading=\"lazy\"\r\n                    decoding=\"async\"\r\n                >\r\n\r\n            <\/figure>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n(function () {\r\n    var section = document.querySelector(\".vuk-func\");\r\n    if (!section) return;\r\n\r\n    var reduceMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\r\n    var badgeValue = section.querySelector(\".vuk-func__badge strong\");\r\n\r\n    function revealSection() {\r\n        section.classList.add(\"vuk-func--visible\");\r\n\r\n        if (!badgeValue || reduceMotion || badgeValue.dataset.animated === \"true\") return;\r\n        badgeValue.dataset.animated = \"true\";\r\n\r\n        var startTime = null;\r\n        var duration = 1350;\r\n\r\n        function count(timestamp) {\r\n            if (!startTime) startTime = timestamp;\r\n            var progress = Math.min((timestamp - startTime) \/ duration, 1);\r\n            var eased = 1 - Math.pow(1 - progress, 3);\r\n            badgeValue.textContent = Math.round(99 * eased) + \"%\";\r\n            if (progress < 1) window.requestAnimationFrame(count);\r\n        }\r\n\r\n        window.requestAnimationFrame(count);\r\n    }\r\n\r\n    if (reduceMotion || !(\"IntersectionObserver\" in window)) {\r\n        revealSection();\r\n        return;\r\n    }\r\n\r\n    var observer = new IntersectionObserver(function (entries) {\r\n        entries.forEach(function (entry) {\r\n            if (entry.isIntersecting) {\r\n                revealSection();\r\n                observer.unobserve(section);\r\n            }\r\n        });\r\n    }, { threshold: 0.12 });\r\n\r\n    observer.observe(section);\r\n})();\r\n<\/script>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\nVENTILATE UK COLOUR SYSTEM\r\nBASED ON CLIENT LOGO\r\n========================================================= *\/\r\n\r\n.vuk-func {\r\n    --vuk-blue: #287da6;\r\n    --vuk-light-blue: #75b8d4;\r\n    --vuk-orange: #f6a01a;\r\n    --vuk-brown: #70462f;\r\n\r\n    --vuk-dark: #123b4c;\r\n    --vuk-dark-2: #0d3141;\r\n\r\n    --vuk-text: #173b4b;\r\n    --vuk-muted: #637985;\r\n\r\n    --vuk-line: #dbe8ed;\r\n    --vuk-soft-blue: #f2f8fb;\r\n    --vuk-soft-orange: #fff6e7;\r\n\r\n    --vuk-white: #ffffff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nELEMENTOR \/ WIDTH SAFETY\r\n========================================================= *\/\r\n\r\n.vuk-func,\r\n.vuk-func *,\r\n.vuk-func *::before,\r\n.vuk-func *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.vuk-func {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    max-width: 100%;\r\n\r\n    margin: 0;\r\n    padding: clamp(54px, 6vh, 76px) 0;\r\n\r\n    overflow: hidden;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            #ffffff 0%,\r\n            #ffffff 55%,\r\n            #f4f9fb 100%\r\n        );\r\n\r\n    color: var(--vuk-text);\r\n\r\n    font-family:\r\n        Arial,\r\n        Helvetica,\r\n        sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nMAIN INNER CONTAINER\r\nSAME SAFE SYSTEM AS HERO\r\n========================================================= *\/\r\n\r\n.vuk-func__inner {\r\n    width: calc(100% - 48px);\r\n    max-width: 1320px;\r\n\r\n    margin-inline: auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nHEADER\r\n========================================================= *\/\r\n\r\n.vuk-func__header {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(150px, .35fr)\r\n        minmax(0, 1.65fr);\r\n\r\n    gap: clamp(24px, 4vw, 60px);\r\n\r\n    align-items: end;\r\n\r\n    margin-bottom: 30px;\r\n}\r\n\r\n.vuk-func__header-label {\r\n    display: flex;\r\n    align-items: flex-end;\r\n}\r\n\r\n.vuk-func__kicker {\r\n    display: inline-flex;\r\n    align-items: center;\r\n\r\n    gap: 8px;\r\n\r\n    padding: 8px 13px;\r\n\r\n    border-radius: 999px;\r\n\r\n    background:\r\n        rgba(246,160,26,.12);\r\n\r\n    color: #c87800;\r\n\r\n    font-size: 11px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: .10em;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n.vuk-func__header h2 {\r\n    width: 100%;\r\n    max-width: 920px;\r\n\r\n    margin: 0;\r\n\r\n    color: var(--vuk-dark);\r\n\r\n    font-size:\r\n        clamp(34px, 3.3vw, 54px);\r\n\r\n    line-height: 1.04;\r\n\r\n    font-weight: 600;\r\n\r\n    letter-spacing: -.04em;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nMAIN GRID\r\n========================================================= *\/\r\n\r\n.vuk-func__grid {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0, 1.12fr)\r\n        minmax(360px, .88fr);\r\n\r\n    gap: clamp(24px, 3vw, 38px);\r\n\r\n    align-items: stretch;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nAIRUNIT DIAGRAM\r\n========================================================= *\/\r\n\r\n.vuk-func__diagram {\r\n    position: relative;\r\n\r\n    min-width: 0;\r\n    min-height: 455px;\r\n\r\n    margin: 0;\r\n    padding: clamp(18px, 2vw, 30px);\r\n\r\n    display: grid;\r\n    place-items: center;\r\n\r\n    overflow: hidden;\r\n\r\n    border: 1px solid #e6edf1;\r\n    background: #ffffff;\r\n\r\n    box-shadow:\r\n        0 22px 55px\r\n        rgba(18,59,76,.08);\r\n}\r\n\r\n.vuk-func__diagram-glow {\r\n    position: absolute;\r\n\r\n    width: 360px;\r\n    height: 360px;\r\n\r\n    right: -150px;\r\n    top: -150px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        rgba(246,160,26,.10);\r\n}\r\n\r\n.vuk-func__diagram img {\r\n    position: relative;\r\n    z-index: 1;\r\n\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    max-width: 100%;\r\n    max-height: 470px;\r\n\r\n    object-fit: contain;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n99% HEAT RECOVERY BADGE\r\n========================================================= *\/\r\n\r\n.vuk-func__badge {\r\n    position: absolute;\r\n    z-index: 3;\r\n\r\n    left: 22px;\r\n    bottom: 22px;\r\n\r\n    min-width: 135px;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    padding: 14px 17px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.8);\r\n\r\n    border-radius: 16px;\r\n\r\n    background:\r\n        rgba(255,255,255,.95);\r\n\r\n    box-shadow:\r\n        0 15px 35px\r\n        rgba(18,59,76,.13);\r\n\r\n    backdrop-filter:\r\n        blur(8px);\r\n}\r\n\r\n.vuk-func__badge small {\r\n    color: var(--vuk-muted);\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: .08em;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n.vuk-func__badge strong {\r\n    margin: 2px 0;\r\n\r\n    color: var(--vuk-orange);\r\n\r\n    font-size: 34px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 800;\r\n}\r\n\r\n.vuk-func__badge span {\r\n    color: var(--vuk-dark);\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 700;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nFEATURES\r\n========================================================= *\/\r\n\r\n.vuk-func__features {\r\n    min-width: 0;\r\n\r\n    display: grid;\r\n\r\n    grid-template-rows:\r\n        repeat(5, minmax(0,1fr));\r\n\r\n    gap: 10px;\r\n}\r\n\r\n.vuk-func__features article {\r\n    min-width: 0;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        46px\r\n        minmax(0,1fr);\r\n\r\n    gap: 14px;\r\n\r\n    align-items: center;\r\n\r\n    padding: 13px 16px;\r\n\r\n    border:\r\n        1px solid\r\n        var(--vuk-line);\r\n\r\n    border-radius: 16px;\r\n\r\n    background:\r\n        #ffffff;\r\n\r\n    box-shadow:\r\n        0 7px 20px\r\n        rgba(18,59,76,.035);\r\n\r\n    transition:\r\n        transform .25s ease,\r\n        border-color .25s ease,\r\n        box-shadow .25s ease;\r\n}\r\n\r\n.vuk-func__features article:hover {\r\n    transform:\r\n        translateY(-2px);\r\n\r\n    border-color:\r\n        rgba(40,125,166,.32);\r\n\r\n    box-shadow:\r\n        0 12px 28px\r\n        rgba(18,59,76,.08);\r\n}\r\n\r\n\r\n\/* NUMBER *\/\r\n\r\n.vuk-func__number {\r\n    width: 44px;\r\n    height: 44px;\r\n\r\n    display: grid;\r\n\r\n    place-items: center;\r\n\r\n    border-radius: 12px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            var(--vuk-light-blue),\r\n            var(--vuk-blue)\r\n        );\r\n\r\n    color: #ffffff;\r\n\r\n    font-size: 11px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 800;\r\n}\r\n\r\n\r\n\/* FEATURE TEXT *\/\r\n\r\n.vuk-func__features h3 {\r\n    margin: 0 0 4px;\r\n\r\n    color: var(--vuk-dark);\r\n\r\n    font-size: 16px;\r\n\r\n    line-height: 1.25;\r\n\r\n    font-weight: 700;\r\n}\r\n\r\n.vuk-func__features p {\r\n    margin: 0;\r\n\r\n    color: var(--vuk-muted);\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1.4;\r\n}\r\n\r\n\r\n\/* ORANGE INDICATOR *\/\r\n\r\n.vuk-func__features article::after {\r\n    content: \"\";\r\n\r\n    width: 4px;\r\n    height: 28px;\r\n\r\n    justify-self: end;\r\n\r\n    border-radius: 10px;\r\n\r\n    background:\r\n        var(--vuk-orange);\r\n\r\n    opacity: .75;\r\n}\r\n\r\n\r\n\/* Fix grid because ::after becomes extra column *\/\r\n.vuk-func__features article {\r\n    grid-template-columns:\r\n        46px\r\n        minmax(0,1fr)\r\n        4px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nAPPROVAL AREA\r\n========================================================= *\/\r\n\r\n.vuk-func__approval {\r\n    position: relative;\r\n\r\n    min-height: 235px;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0, 1.22fr)\r\n        minmax(330px, .78fr);\r\n\r\n    gap: 0;\r\n\r\n    margin-top: 28px;\r\n\r\n    overflow: hidden;\r\n\r\n    border-radius: 25px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            120deg,\r\n            var(--vuk-dark-2) 0%,\r\n            var(--vuk-dark) 60%,\r\n            #1d6685 100%\r\n        );\r\n\r\n    box-shadow:\r\n        0 25px 60px\r\n        rgba(18,59,76,.14);\r\n}\r\n\r\n.vuk-func__approval::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 350px;\r\n    height: 350px;\r\n\r\n    left: -160px;\r\n    bottom: -220px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        rgba(117,184,212,.10);\r\n}\r\n\r\n\r\n\/* APPROVAL CONTENT *\/\r\n\r\n.vuk-func__approval-content {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    align-self: center;\r\n\r\n    padding:\r\n        clamp(28px, 3.3vw, 48px);\r\n}\r\n\r\n.vuk-func__kicker--light {\r\n    background:\r\n        rgba(246,160,26,.14);\r\n\r\n    color:\r\n        #ffc55b;\r\n}\r\n\r\n.vuk-func__approval h3 {\r\n    max-width: 700px;\r\n\r\n    margin: 12px 0;\r\n\r\n    color: #ffffff;\r\n\r\n    font-size:\r\n        clamp(25px, 2.3vw, 36px);\r\n\r\n    line-height: 1.08;\r\n\r\n    font-weight: 600;\r\n\r\n    letter-spacing: -.025em;\r\n}\r\n\r\n.vuk-func__approval p {\r\n    max-width: 710px;\r\n\r\n    margin: 0;\r\n\r\n    color:\r\n        rgba(255,255,255,.76);\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.6;\r\n}\r\n\r\n.vuk-func__approval p strong {\r\n    color: #ffffff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nAPPROVAL IMAGE\r\n========================================================= *\/\r\n\r\n.vuk-func__approval-image {\r\n    position: relative;\r\n\r\n    min-width: 0;\r\n    min-height: 235px;\r\n\r\n    margin: 0;\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n.vuk-func__approval-image::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    z-index: 1;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(18,59,76,.55) 0%,\r\n            rgba(18,59,76,.06) 35%,\r\n            rgba(18,59,76,0) 100%\r\n        );\r\n}\r\n\r\n.vuk-func__approval-image img {\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    min-height: 235px;\r\n\r\n    object-fit: cover;\r\n\r\n    object-position: center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nLAPTOP\r\n========================================================= *\/\r\n\r\n@media (max-width: 1180px) {\r\n\r\n    .vuk-func__inner {\r\n        width:\r\n            calc(100% - 40px);\r\n    }\r\n\r\n    .vuk-func__grid {\r\n        grid-template-columns:\r\n            minmax(0,1fr)\r\n            minmax(330px,.78fr);\r\n    }\r\n\r\n    .vuk-func__header h2 {\r\n        font-size:\r\n            clamp(34px,4vw,48px);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nTABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .vuk-func__inner {\r\n        width:\r\n            calc(100% - 40px);\r\n\r\n        max-width:\r\n            760px;\r\n    }\r\n\r\n    .vuk-func__header {\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n        gap: 15px;\r\n    }\r\n\r\n    .vuk-func__grid {\r\n        grid-template-columns:\r\n            1fr;\r\n    }\r\n\r\n    .vuk-func__diagram {\r\n        min-height:\r\n            390px;\r\n    }\r\n\r\n    .vuk-func__features {\r\n        grid-template-rows:\r\n            auto;\r\n    }\r\n\r\n    .vuk-func__approval {\r\n        grid-template-columns:\r\n            1fr;\r\n    }\r\n\r\n    .vuk-func__approval-image {\r\n        height:\r\n            300px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nMOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n    .vuk-func {\r\n        padding:\r\n            46px 0;\r\n    }\r\n\r\n    .vuk-func__inner {\r\n        width:\r\n            calc(100% - 32px);\r\n    }\r\n\r\n    .vuk-func__header {\r\n        margin-bottom:\r\n            24px;\r\n    }\r\n\r\n    .vuk-func__header h2 {\r\n        font-size:\r\n            clamp(32px, 9vw, 42px);\r\n\r\n        line-height:\r\n            1.06;\r\n    }\r\n\r\n    .vuk-func__diagram {\r\n        min-height:\r\n            300px;\r\n\r\n        padding:\r\n            12px;\r\n\r\n        border-radius:\r\n            20px;\r\n    }\r\n\r\n    .vuk-func__diagram img {\r\n        max-height:\r\n            320px;\r\n    }\r\n\r\n    .vuk-func__badge {\r\n        left:\r\n            12px;\r\n\r\n        bottom:\r\n            12px;\r\n\r\n        min-width:\r\n            115px;\r\n\r\n        padding:\r\n            10px 13px;\r\n    }\r\n\r\n    .vuk-func__badge strong {\r\n        font-size:\r\n            28px;\r\n    }\r\n\r\n    .vuk-func__features article {\r\n        grid-template-columns:\r\n            40px\r\n            minmax(0,1fr)\r\n            4px;\r\n\r\n        gap:\r\n            11px;\r\n\r\n        padding:\r\n            12px;\r\n\r\n        border-radius:\r\n            14px;\r\n    }\r\n\r\n    .vuk-func__number {\r\n        width:\r\n            40px;\r\n\r\n        height:\r\n            40px;\r\n    }\r\n\r\n    .vuk-func__features h3 {\r\n        font-size:\r\n            15px;\r\n    }\r\n\r\n    .vuk-func__features p {\r\n        font-size:\r\n            12px;\r\n    }\r\n\r\n    .vuk-func__approval {\r\n        margin-top:\r\n            24px;\r\n\r\n        border-radius:\r\n            20px;\r\n    }\r\n\r\n    .vuk-func__approval-content {\r\n        padding:\r\n            25px 20px;\r\n    }\r\n\r\n    .vuk-func__approval h3 {\r\n        font-size:\r\n            27px;\r\n    }\r\n\r\n    .vuk-func__approval p {\r\n        font-size:\r\n            14px;\r\n    }\r\n\r\n    .vuk-func__approval-image {\r\n        height:\r\n            240px;\r\n\r\n        min-height:\r\n            240px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nSMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n    .vuk-func__inner {\r\n        width:\r\n            calc(100% - 24px);\r\n    }\r\n\r\n    .vuk-func__header h2 {\r\n        font-size:\r\n            30px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nACCESSIBILITY\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .vuk-func__features article {\r\n        transition:\r\n            none;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nADVANCED ANIMATION & INTERACTION LAYER\r\n========================================================= *\/\r\n\r\n.vuk-func::before,\r\n.vuk-func::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n}\r\n\r\n.vuk-func::before {\r\n    width: 520px;\r\n    height: 520px;\r\n    top: 90px;\r\n    right: -310px;\r\n    background: radial-gradient(circle, rgba(117,184,212,.16), rgba(117,184,212,0) 68%);\r\n    animation: vuk-func-float-blue 13s ease-in-out infinite alternate;\r\n}\r\n\r\n.vuk-func::after {\r\n    width: 380px;\r\n    height: 380px;\r\n    left: -230px;\r\n    bottom: 170px;\r\n    background: radial-gradient(circle, rgba(246,160,26,.11), rgba(246,160,26,0) 70%);\r\n    animation: vuk-func-float-orange 16s ease-in-out infinite alternate;\r\n}\r\n\r\n.vuk-func__inner {\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n\/* Staged scroll reveal *\/\r\n.vuk-func__header-label,\r\n.vuk-func__header h2,\r\n.vuk-func__diagram,\r\n.vuk-func__features article,\r\n.vuk-func__approval {\r\n    opacity: 0;\r\n    transform: translateY(26px);\r\n    transition: opacity .7s ease, transform .75s cubic-bezier(.2,.8,.2,1);\r\n}\r\n\r\n.vuk-func--visible .vuk-func__header-label,\r\n.vuk-func--visible .vuk-func__header h2,\r\n.vuk-func--visible .vuk-func__diagram,\r\n.vuk-func--visible .vuk-func__features article,\r\n.vuk-func--visible .vuk-func__approval {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n\r\n.vuk-func--visible .vuk-func__header h2 { transition-delay: .08s; }\r\n.vuk-func--visible .vuk-func__diagram { transition-delay: .14s; }\r\n.vuk-func--visible .vuk-func__features article:nth-child(1) { transition-delay: .18s; }\r\n.vuk-func--visible .vuk-func__features article:nth-child(2) { transition-delay: .24s; }\r\n.vuk-func--visible .vuk-func__features article:nth-child(3) { transition-delay: .30s; }\r\n.vuk-func--visible .vuk-func__features article:nth-child(4) { transition-delay: .36s; }\r\n.vuk-func--visible .vuk-func__features article:nth-child(5) { transition-delay: .42s; }\r\n.vuk-func--visible .vuk-func__approval { transition-delay: .48s; }\r\n\r\n\/* Animated section label *\/\r\n.vuk-func__kicker {\r\n    position: relative;\r\n    overflow: hidden;\r\n    border: 1px solid rgba(246,160,26,.18);\r\n    box-shadow: inset 0 1px 0 rgba(255,255,255,.65);\r\n}\r\n\r\n.vuk-func__kicker::before {\r\n    content: \"\";\r\n    width: 6px;\r\n    height: 6px;\r\n    flex: 0 0 auto;\r\n    border-radius: 50%;\r\n    background: var(--vuk-orange);\r\n    box-shadow: 0 0 0 0 rgba(246,160,26,.34);\r\n    animation: vuk-func-kicker-pulse 2.4s ease-out infinite;\r\n}\r\n\r\n\/* Diagram glass card *\/\r\n.vuk-func__diagram {\r\n    isolation: isolate;\r\n    border-radius: 26px;\r\n    background:\r\n        linear-gradient(145deg, rgba(255,255,255,.98), rgba(245,250,252,.95));\r\n    box-shadow: 0 25px 65px rgba(18,59,76,.1), inset 0 1px 0 #ffffff;\r\n    transition-property: opacity, transform, border-color, box-shadow;\r\n}\r\n\r\n.vuk-func__diagram::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 2;\r\n    border-radius: inherit;\r\n    border: 1px solid rgba(255,255,255,.7);\r\n    pointer-events: none;\r\n}\r\n\r\n.vuk-func__diagram::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: 0;\r\n    width: 280px;\r\n    height: 280px;\r\n    left: -120px;\r\n    bottom: -150px;\r\n    border-radius: 50%;\r\n    background: rgba(117,184,212,.1);\r\n    filter: blur(2px);\r\n}\r\n\r\n.vuk-func--visible .vuk-func__diagram:hover {\r\n    transform: translateY(-5px);\r\n    border-color: rgba(40,125,166,.25);\r\n    box-shadow: 0 34px 78px rgba(18,59,76,.14), inset 0 1px 0 #ffffff;\r\n}\r\n\r\n.vuk-func__diagram-glow {\r\n    filter: blur(2px);\r\n    animation: vuk-func-diagram-glow 7s ease-in-out infinite alternate;\r\n}\r\n\r\n.vuk-func__diagram img {\r\n    filter: drop-shadow(0 18px 22px rgba(18,59,76,.1));\r\n    transition: transform .8s cubic-bezier(.2,.8,.2,1), filter .6s ease;\r\n}\r\n\r\n.vuk-func__diagram:hover img {\r\n    transform: scale(1.035) translateY(-4px);\r\n    filter: drop-shadow(0 24px 28px rgba(18,59,76,.16));\r\n}\r\n\r\n\/* Animated recovery badge *\/\r\n.vuk-func__badge {\r\n    overflow: hidden;\r\n    border-color: rgba(255,255,255,.9);\r\n    background: rgba(255,255,255,.88);\r\n    box-shadow: 0 18px 40px rgba(18,59,76,.16), inset 0 1px 0 #ffffff;\r\n    animation: vuk-func-badge-float 3.8s ease-in-out infinite;\r\n}\r\n\r\n.vuk-func__badge::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(110deg, transparent 25%, rgba(255,255,255,.72) 48%, transparent 72%);\r\n    transform: translateX(-125%);\r\n    animation: vuk-func-badge-shine 5s ease-in-out infinite;\r\n    pointer-events: none;\r\n}\r\n\r\n.vuk-func__badge strong {\r\n    background: linear-gradient(135deg, #ffb633, #ed8c00);\r\n    -webkit-background-clip: text;\r\n    background-clip: text;\r\n    color: transparent;\r\n}\r\n\r\n\/* Interactive feature cards *\/\r\n.vuk-func__features article {\r\n    position: relative;\r\n    isolation: isolate;\r\n    overflow: hidden;\r\n    background: rgba(255,255,255,.9);\r\n    box-shadow: 0 8px 22px rgba(18,59,76,.045), inset 0 1px 0 #ffffff;\r\n    transition-property: opacity, transform, border-color, box-shadow;\r\n    transition-duration: .7s, .45s, .35s, .35s;\r\n}\r\n\r\n.vuk-func__features article::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: -1;\r\n    inset: 0;\r\n    background: linear-gradient(100deg, rgba(117,184,212,.1), transparent 50%, rgba(246,160,26,.07));\r\n    opacity: 0;\r\n    transform: translateX(-20%);\r\n    transition: opacity .4s ease, transform .55s cubic-bezier(.2,.8,.2,1);\r\n}\r\n\r\n.vuk-func--visible .vuk-func__features article:hover {\r\n    transform: translateX(6px) translateY(-2px);\r\n    border-color: rgba(40,125,166,.34);\r\n    box-shadow: 0 16px 35px rgba(18,59,76,.1);\r\n}\r\n\r\n.vuk-func__features article:hover::before {\r\n    opacity: 1;\r\n    transform: translateX(0);\r\n}\r\n\r\n.vuk-func__number {\r\n    position: relative;\r\n    overflow: hidden;\r\n    border: 1px solid rgba(255,255,255,.5);\r\n    box-shadow: 0 9px 22px rgba(40,125,166,.18), inset 0 1px 0 rgba(255,255,255,.35);\r\n    transition: transform .4s cubic-bezier(.2,.8,.2,1), border-radius .4s ease;\r\n}\r\n\r\n.vuk-func__features article:hover .vuk-func__number {\r\n    transform: rotate(-5deg) scale(1.08);\r\n    border-radius: 50%;\r\n}\r\n\r\n.vuk-func__features article::after {\r\n    transition: height .35s ease, opacity .35s ease, box-shadow .35s ease;\r\n}\r\n\r\n.vuk-func__features article:hover::after {\r\n    height: 42px;\r\n    opacity: 1;\r\n    box-shadow: 0 0 14px rgba(246,160,26,.38);\r\n}\r\n\r\n\/* Cinematic approval panel *\/\r\n.vuk-func__approval {\r\n    isolation: isolate;\r\n    background: linear-gradient(120deg, var(--vuk-dark-2) 0%, var(--vuk-dark) 55%, #1d6685 100%);\r\n    transition-property: opacity, transform, box-shadow;\r\n}\r\n\r\n.vuk-func__approval::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: 1;\r\n    top: -80%;\r\n    left: -25%;\r\n    width: 18%;\r\n    height: 260%;\r\n    background: linear-gradient(90deg, transparent, rgba(255,255,255,.12), transparent);\r\n    transform: rotate(17deg);\r\n    animation: vuk-func-approval-sweep 7s ease-in-out infinite;\r\n    pointer-events: none;\r\n}\r\n\r\n.vuk-func--visible .vuk-func__approval:hover {\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 34px 72px rgba(18,59,76,.22);\r\n}\r\n\r\n.vuk-func__approval-image img {\r\n    transition: transform 1.1s cubic-bezier(.2,.8,.2,1), filter .6s ease;\r\n}\r\n\r\n.vuk-func__approval:hover .vuk-func__approval-image img {\r\n    transform: scale(1.055);\r\n    filter: saturate(1.06) contrast(1.02);\r\n}\r\n\r\n@keyframes vuk-func-float-blue {\r\n    to { transform: translate(-65px, 42px) scale(1.12); }\r\n}\r\n\r\n@keyframes vuk-func-float-orange {\r\n    to { transform: translate(58px, -36px) scale(.9); }\r\n}\r\n\r\n@keyframes vuk-func-kicker-pulse {\r\n    70%, 100% { box-shadow: 0 0 0 8px rgba(246,160,26,0); }\r\n}\r\n\r\n@keyframes vuk-func-diagram-glow {\r\n    to { transform: translate(-35px, 32px) scale(1.14); opacity: .75; }\r\n}\r\n\r\n@keyframes vuk-func-badge-float {\r\n    0%, 100% { transform: translateY(0); }\r\n    50% { transform: translateY(-6px); }\r\n}\r\n\r\n@keyframes vuk-func-badge-shine {\r\n    0%, 45% { transform: translateX(-125%); }\r\n    70%, 100% { transform: translateX(125%); }\r\n}\r\n\r\n@keyframes vuk-func-approval-sweep {\r\n    0%, 25% { left: -25%; opacity: 0; }\r\n    38% { opacity: 1; }\r\n    68%, 100% { left: 125%; opacity: 0; }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .vuk-func::before,\r\n    .vuk-func::after,\r\n    .vuk-func__kicker::before,\r\n    .vuk-func__diagram-glow,\r\n    .vuk-func__badge,\r\n    .vuk-func__badge::after,\r\n    .vuk-func__approval::after {\r\n        animation: none !important;\r\n    }\r\n\r\n    .vuk-func__header-label,\r\n    .vuk-func__header h2,\r\n    .vuk-func__diagram,\r\n    .vuk-func__features article,\r\n    .vuk-func__approval {\r\n        opacity: 1;\r\n        transform: none;\r\n        transition: none;\r\n    }\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cb709a1 elementor-widget elementor-widget-html\" data-id=\"cb709a1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\nVENTILATE UK\r\nSECTION 03: AIRUNIT SOLUS 2.0\r\nCONTENT KEPT SAME\r\nDESIGN RESET TO MATCH LOGO COLOUR SCHEME\r\n========================================================= -->\r\n\r\n<section class=\"vuk-solus\" id=\"airunit-solus\" aria-labelledby=\"vuk-solus-title\">\r\n\r\n    <div class=\"vuk-solus__inner\">\r\n\r\n        <!-- LEFT CONTENT -->\r\n        <div class=\"vuk-solus__copy\">\r\n\r\n            <span class=\"vuk-solus__kicker\">\r\n                Compact ventilation\r\n            <\/span>\r\n\r\n            <h2 id=\"vuk-solus-title\">\r\n                AIRUNIT SOLUS 2.0 Compact Decentralised Heat Recovery Ventilation\r\n            <\/h2>\r\n\r\n            <p>\r\n                The <strong>AIRUNIT SOLUS 2.0<\/strong> uses integrated sensors\r\n                to monitor air quality, humidity and temperature, so that\r\n                operation is sensor-controlled and fully automatic.\r\n            <\/p>\r\n\r\n            <p>\r\n                The <strong>AIRUNIT SOLUS 2.0<\/strong> operates as quietly as a\r\n                whisper from 11 dB(A).\r\n            <\/p>\r\n\r\n\r\n            <!-- BENEFITS -->\r\n            <ul class=\"vuk-solus__list\">\r\n\r\n                <li>\r\n                    <span>99%<\/span>\r\n                    <div>\r\n                        <strong>Up to 99% heat recovery.<\/strong>\r\n                    <\/div>\r\n                <\/li>\r\n\r\n                <li>\r\n                    <span>AUTO<\/span>\r\n                    <div>\r\n                        <strong>Sensor-controlled and fully automatic operation.<\/strong>\r\n                    <\/div>\r\n                <\/li>\r\n\r\n                <li>\r\n                    <span>MOD<\/span>\r\n                    <div>\r\n                        <strong>Modulating operating mode to increase efficiency.<\/strong>\r\n                    <\/div>\r\n                <\/li>\r\n\r\n            <\/ul>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- MAIN PRODUCT -->\r\n        <figure class=\"vuk-solus__product\">\r\n\r\n            <div class=\"vuk-solus__product-image\">\r\n\r\n                <img loading=\"lazy\"\r\n                    src=\"https:\/\/calore-verde.it\/wp-content\/uploads\/2026\/08\/page003_img001.png\"\r\n                    alt=\"AIRUNIT SOLUS 2.0 compact decentralised heat recovery ventilation unit shown within an external wall\"\r\n                    title=\"AIRUNIT SOLUS 2.0 Compact Ventilation Unit\"\r\n                    width=\"1100\"\r\n                    height=\"900\"\r\n                    loading=\"lazy\"\r\n                    decoding=\"async\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n\r\n            <figcaption>\r\n                <small>PET WALL DUCT<\/small>\r\n                <strong>Made from 100% recycled PET bottles<\/strong>\r\n            <\/figcaption>\r\n\r\n        <\/figure>\r\n\r\n\r\n        <!-- GALLERY -->\r\n        <div class=\"vuk-solus__gallery\"\r\n             aria-label=\"AIRUNIT SOLUS 2.0 installation images\">\r\n\r\n            <figure>\r\n                <img loading=\"lazy\"\r\n                    src=\"https:\/\/calore-verde.it\/wp-content\/uploads\/2026\/08\/page003_img003.png\"\r\n                    alt=\"Installer fitting an AIRUNIT SOLUS 2.0 ventilation unit into an internal wall opening\"\r\n                    title=\"AIRUNIT SOLUS 2.0 Installation\"\r\n                    width=\"900\"\r\n                    height=\"650\"\r\n                    loading=\"lazy\"\r\n                    decoding=\"async\"\r\n                >\r\n            <\/figure>\r\n\r\n            <figure>\r\n                <img loading=\"lazy\"\r\n                    src=\"https:\/\/calore-verde.it\/wp-content\/uploads\/2026\/08\/page003_img005.png\"\r\n                    alt=\"AIRUNIT SOLUS 2.0 interior cover being fitted to the wall\"\r\n                    title=\"AIRUNIT SOLUS 2.0 Interior Cover\"\r\n                    width=\"700\"\r\n                    height=\"700\"\r\n                    loading=\"lazy\"\r\n                    decoding=\"async\"\r\n                >\r\n            <\/figure>\r\n\r\n            <figure>\r\n                <img loading=\"lazy\"\r\n                    src=\"https:\/\/calore-verde.it\/wp-content\/uploads\/2026\/08\/page003_img004.png\"\r\n                    alt=\"Quiet bedroom interior illustrating whisper-quiet AIRUNIT SOLUS 2.0 ventilation operation\"\r\n                    title=\"AIRUNIT SOLUS 2.0 Quiet Operation\"\r\n                    width=\"900\"\r\n                    height=\"650\"\r\n                    loading=\"lazy\"\r\n                    decoding=\"async\"\r\n                >\r\n            <\/figure>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n(function () {\r\n    var section = document.querySelector(\".vuk-solus\");\r\n    if (!section) return;\r\n\r\n    var reduceMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\r\n    var value = section.querySelector(\".vuk-solus__list li:first-child > span\");\r\n\r\n    function reveal() {\r\n        section.classList.add(\"vuk-solus--visible\");\r\n\r\n        if (!value || reduceMotion || value.dataset.animated === \"true\") return;\r\n        value.dataset.animated = \"true\";\r\n\r\n        var started = null;\r\n        var duration = 1300;\r\n\r\n        function count(time) {\r\n            if (!started) started = time;\r\n            var progress = Math.min((time - started) \/ duration, 1);\r\n            var eased = 1 - Math.pow(1 - progress, 3);\r\n            value.textContent = Math.round(99 * eased) + \"%\";\r\n            if (progress < 1) window.requestAnimationFrame(count);\r\n        }\r\n\r\n        window.requestAnimationFrame(count);\r\n    }\r\n\r\n    if (reduceMotion || !(\"IntersectionObserver\" in window)) {\r\n        reveal();\r\n        return;\r\n    }\r\n\r\n    var observer = new IntersectionObserver(function (entries) {\r\n        entries.forEach(function (entry) {\r\n            if (entry.isIntersecting) {\r\n                reveal();\r\n                observer.unobserve(section);\r\n            }\r\n        });\r\n    }, { threshold: 0.12 });\r\n\r\n    observer.observe(section);\r\n})();\r\n<\/script>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\nVENTILATE UK COLOUR SYSTEM\r\n========================================================= *\/\r\n\r\n.vuk-solus {\r\n    --vuk-blue: #287da6;\r\n    --vuk-light-blue: #75b8d4;\r\n    --vuk-orange: #f6a01a;\r\n    --vuk-brown: #70462f;\r\n\r\n    --vuk-dark: #123b4c;\r\n    --vuk-text: #173b4b;\r\n    --vuk-muted: #637985;\r\n\r\n    --vuk-line: #dbe8ed;\r\n    --vuk-soft-blue: #f3f8fa;\r\n    --vuk-white: #ffffff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nELEMENTOR SAFETY\r\n========================================================= *\/\r\n\r\n.vuk-solus,\r\n.vuk-solus *,\r\n.vuk-solus *::before,\r\n.vuk-solus *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.vuk-solus {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    max-width: 100%;\r\n\r\n    margin: 0;\r\n    padding: clamp(54px, 6vh, 78px) 0;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #ffffff;\r\n\r\n    color: var(--vuk-text);\r\n\r\n    font-family:\r\n        Arial,\r\n        Helvetica,\r\n        sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nMAIN CONTAINER\r\nSAME SAFE WIDTH AS HERO \/ SECTION 02\r\n========================================================= *\/\r\n\r\n.vuk-solus__inner {\r\n    width: calc(100% - 48px);\r\n    max-width: 1320px;\r\n\r\n    margin-inline: auto;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0, .80fr)\r\n        minmax(0, 1.20fr);\r\n\r\n    grid-template-areas:\r\n        \"copy product\"\r\n        \"gallery gallery\";\r\n\r\n    gap: 28px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nLEFT CONTENT\r\n========================================================= *\/\r\n\r\n.vuk-solus__copy {\r\n    grid-area: copy;\r\n\r\n    min-width: 0;\r\n\r\n    align-self: center;\r\n}\r\n\r\n\r\n\/* KICKER *\/\r\n\r\n.vuk-solus__kicker {\r\n    display: inline-flex;\r\n    align-items: center;\r\n\r\n    padding: 8px 13px;\r\n\r\n    margin-bottom: 15px;\r\n\r\n    border-radius: 999px;\r\n\r\n    background:\r\n        rgba(246,160,26,.12);\r\n\r\n    color: #c87800;\r\n\r\n    font-size: 11px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: .10em;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* HEADING *\/\r\n\r\n.vuk-solus h2 {\r\n    width: 100%;\r\n    max-width: 580px;\r\n\r\n    margin: 0 0 20px;\r\n\r\n    color: var(--vuk-dark);\r\n\r\n    font-size:\r\n        clamp(34px, 3.15vw, 52px);\r\n\r\n    line-height: 1.04;\r\n\r\n    font-weight: 600;\r\n\r\n    letter-spacing: -.04em;\r\n}\r\n\r\n\r\n\/* BODY TEXT *\/\r\n\r\n.vuk-solus__copy p {\r\n    max-width: 590px;\r\n\r\n    margin: 0 0 12px;\r\n\r\n    color: var(--vuk-muted);\r\n\r\n    font-size: 16px;\r\n\r\n    line-height: 1.62;\r\n}\r\n\r\n.vuk-solus__copy p strong {\r\n    color: var(--vuk-dark);\r\n}\r\n\r\n\r\n\/* =========================================================\r\nBENEFIT LIST\r\n========================================================= *\/\r\n\r\n.vuk-solus__list {\r\n    display: grid;\r\n\r\n    gap: 10px;\r\n\r\n    margin: 24px 0 0;\r\n\r\n    padding: 0;\r\n\r\n    list-style: none;\r\n}\r\n\r\n.vuk-solus__list li {\r\n    position: relative;\r\n\r\n    min-width: 0;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        62px\r\n        minmax(0, 1fr)\r\n        4px;\r\n\r\n    gap: 14px;\r\n\r\n    align-items: center;\r\n\r\n    padding: 12px 14px;\r\n\r\n    overflow: hidden;\r\n\r\n    border:\r\n        1px solid\r\n        var(--vuk-line);\r\n\r\n    border-radius: 15px;\r\n\r\n    background: #ffffff;\r\n\r\n    box-shadow:\r\n        0 7px 20px\r\n        rgba(18,59,76,.035);\r\n\r\n    transition:\r\n        transform .25s ease,\r\n        border-color .25s ease,\r\n        box-shadow .25s ease;\r\n}\r\n\r\n.vuk-solus__list li:hover {\r\n    transform: translateY(-2px);\r\n\r\n    border-color:\r\n        rgba(40,125,166,.30);\r\n\r\n    box-shadow:\r\n        0 12px 28px\r\n        rgba(18,59,76,.08);\r\n}\r\n\r\n\r\n\/* BENEFIT TAG *\/\r\n\r\n.vuk-solus__list li > span {\r\n    width: 58px;\r\n    height: 44px;\r\n\r\n    display: grid;\r\n\r\n    place-items: center;\r\n\r\n    border-radius: 11px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            var(--vuk-light-blue),\r\n            var(--vuk-blue)\r\n        );\r\n\r\n    color: #ffffff;\r\n\r\n    font-size: 11px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 900;\r\n}\r\n\r\n.vuk-solus__list li::after {\r\n    content: \"\";\r\n\r\n    width: 4px;\r\n    height: 28px;\r\n\r\n    justify-self: end;\r\n\r\n    border-radius: 10px;\r\n\r\n    background:\r\n        var(--vuk-orange);\r\n}\r\n\r\n.vuk-solus__list strong {\r\n    color: var(--vuk-dark);\r\n\r\n    font-size: 14px;\r\n\r\n    line-height: 1.4;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nMAIN PRODUCT CARD\r\n========================================================= *\/\r\n\r\n.vuk-solus__product {\r\n    grid-area: product;\r\n\r\n    position: relative;\r\n\r\n    min-width: 0;\r\n    min-height: 500px;\r\n\r\n    margin: 0;\r\n    padding: 20px;\r\n\r\n    display: grid;\r\n    place-items: center;\r\n\r\n    overflow: hidden;\r\n\r\n    border:\r\n        1px solid\r\n        #e2ebef;\r\n\r\n    border-radius: 28px;\r\n\r\n    background: #ffffff;\r\n\r\n    box-shadow:\r\n        0 22px 55px\r\n        rgba(18,59,76,.08);\r\n}\r\n\r\n\r\n\/* subtle blue brand decoration *\/\r\n\r\n.vuk-solus__product::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 310px;\r\n    height: 310px;\r\n\r\n    right: -145px;\r\n    top: -150px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        rgba(117,184,212,.08);\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* PRODUCT IMAGE *\/\r\n\r\n.vuk-solus__product-image {\r\n    position: relative;\r\n    z-index: 1;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    display: grid;\r\n    place-items: center;\r\n}\r\n\r\n.vuk-solus__product img {\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    max-width: 100%;\r\n    max-height: 470px;\r\n\r\n    object-fit: contain;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nPRODUCT PET TAG\r\nCHANGED FROM WHITE TO LOGO BLUE\r\n========================================================= *\/\r\n\r\n.vuk-solus__product figcaption {\r\n    position: absolute;\r\n    z-index: 3;\r\n\r\n    right: 18px;\r\n    top: 18px;\r\n\r\n    max-width: 245px;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    padding: 12px 15px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(40,125,166,.20);\r\n\r\n    border-radius: 13px;\r\n\r\n    background:\r\n        var(--vuk-blue);\r\n\r\n    color: #ffffff;\r\n\r\n    box-shadow:\r\n        0 15px 35px\r\n        rgba(18,59,76,.16);\r\n}\r\n\r\n.vuk-solus__product figcaption small {\r\n    margin-bottom: 3px;\r\n\r\n    color:\r\n        rgba(255,255,255,.78);\r\n\r\n    font-size: 9px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: .10em;\r\n}\r\n\r\n.vuk-solus__product figcaption strong {\r\n    color: #ffffff;\r\n\r\n    font-size: 12px;\r\n\r\n    line-height: 1.35;\r\n\r\n    font-weight: 700;\r\n}\r\n\r\n\r\n\/* orange accent on product tag *\/\r\n\r\n.vuk-solus__product figcaption::before {\r\n    content: \"\";\r\n\r\n    width: 32px;\r\n    height: 3px;\r\n\r\n    margin-bottom: 8px;\r\n\r\n    border-radius: 10px;\r\n\r\n    background:\r\n        var(--vuk-orange);\r\n}\r\n\r\n\r\n\/* =========================================================\r\nGALLERY\r\n========================================================= *\/\r\n\r\n.vuk-solus__gallery {\r\n    grid-area: gallery;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        1.4fr\r\n        .8fr\r\n        1fr;\r\n\r\n    gap: 14px;\r\n}\r\n\r\n.vuk-solus__gallery figure {\r\n    position: relative;\r\n\r\n    height: 180px;\r\n\r\n    margin: 0;\r\n\r\n    overflow: hidden;\r\n\r\n    border:\r\n        1px solid\r\n        #e1eaee;\r\n\r\n    border-radius: 20px;\r\n\r\n    background: #ffffff;\r\n\r\n    box-shadow:\r\n        0 12px 30px\r\n        rgba(18,59,76,.055);\r\n}\r\n\r\n.vuk-solus__gallery img {\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n\r\n    transition:\r\n        transform .45s ease;\r\n}\r\n\r\n.vuk-solus__gallery figure:hover img {\r\n    transform:\r\n        scale(1.025);\r\n}\r\n\r\n\r\n\/* =========================================================\r\nLAPTOP\r\n========================================================= *\/\r\n\r\n@media (max-width: 1180px) {\r\n\r\n    .vuk-solus__inner {\r\n        width:\r\n            calc(100% - 40px);\r\n\r\n        grid-template-columns:\r\n            minmax(0,.86fr)\r\n            minmax(0,1.14fr);\r\n    }\r\n\r\n    .vuk-solus h2 {\r\n        font-size:\r\n            clamp(34px,4vw,48px);\r\n    }\r\n\r\n    .vuk-solus__product {\r\n        min-height:\r\n            460px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nTABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .vuk-solus__inner {\r\n        width:\r\n            calc(100% - 40px);\r\n\r\n        max-width:\r\n            760px;\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n        grid-template-areas:\r\n            \"copy\"\r\n            \"product\"\r\n            \"gallery\";\r\n\r\n        gap:\r\n            26px;\r\n    }\r\n\r\n    .vuk-solus__copy {\r\n        max-width:\r\n            700px;\r\n    }\r\n\r\n    .vuk-solus h2 {\r\n        max-width:\r\n            700px;\r\n    }\r\n\r\n    .vuk-solus__copy p {\r\n        max-width:\r\n            700px;\r\n    }\r\n\r\n    .vuk-solus__product {\r\n        min-height:\r\n            420px;\r\n    }\r\n\r\n    .vuk-solus__gallery {\r\n        grid-template-columns:\r\n            repeat(3, minmax(0,1fr));\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nMOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 620px) {\r\n\r\n    .vuk-solus {\r\n        padding:\r\n            46px 0;\r\n    }\r\n\r\n    .vuk-solus__inner {\r\n        width:\r\n            calc(100% - 32px);\r\n\r\n        gap:\r\n            22px;\r\n    }\r\n\r\n    .vuk-solus h2 {\r\n        font-size:\r\n            clamp(32px, 9vw, 42px);\r\n\r\n        line-height:\r\n            1.06;\r\n    }\r\n\r\n    .vuk-solus__copy p {\r\n        font-size:\r\n            15px;\r\n    }\r\n\r\n    .vuk-solus__list li {\r\n        grid-template-columns:\r\n            56px\r\n            minmax(0,1fr)\r\n            4px;\r\n\r\n        gap:\r\n            11px;\r\n\r\n        padding:\r\n            11px;\r\n    }\r\n\r\n    .vuk-solus__list li > span {\r\n        width:\r\n            52px;\r\n\r\n        height:\r\n            42px;\r\n\r\n        font-size:\r\n            10px;\r\n    }\r\n\r\n    .vuk-solus__product {\r\n        min-height:\r\n            320px;\r\n\r\n        padding:\r\n            12px;\r\n\r\n        border-radius:\r\n            21px;\r\n    }\r\n\r\n    .vuk-solus__product img {\r\n        max-height:\r\n            330px;\r\n    }\r\n\r\n    .vuk-solus__product figcaption {\r\n        position:\r\n            static;\r\n\r\n        width:\r\n            100%;\r\n\r\n        max-width:\r\n            100%;\r\n\r\n        margin-top:\r\n            10px;\r\n\r\n        border-radius:\r\n            12px;\r\n    }\r\n\r\n    .vuk-solus__gallery {\r\n        grid-template-columns:\r\n            1fr 1fr;\r\n    }\r\n\r\n    .vuk-solus__gallery figure {\r\n        height:\r\n            150px;\r\n\r\n        border-radius:\r\n            16px;\r\n    }\r\n\r\n    .vuk-solus__gallery figure:first-child {\r\n        grid-column:\r\n            1 \/ -1;\r\n\r\n        height:\r\n            190px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nVERY SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n    .vuk-solus__inner {\r\n        width:\r\n            calc(100% - 24px);\r\n    }\r\n\r\n    .vuk-solus h2 {\r\n        font-size:\r\n            30px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nACCESSIBILITY\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .vuk-solus__list li,\r\n    .vuk-solus__gallery img {\r\n        transition:\r\n            none;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nADVANCED ANIMATION & PREMIUM INTERACTION LAYER\r\n========================================================= *\/\r\n\r\n.vuk-solus {\r\n    scroll-margin-top: 100px;\r\n    background:\r\n        linear-gradient(180deg, #ffffff 0%, #f8fbfc 54%, #ffffff 100%);\r\n}\r\n\r\n.vuk-solus::before,\r\n.vuk-solus::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n}\r\n\r\n.vuk-solus::before {\r\n    width: 520px;\r\n    height: 520px;\r\n    top: -260px;\r\n    left: -300px;\r\n    background: radial-gradient(circle, rgba(117,184,212,.14), rgba(117,184,212,0) 69%);\r\n    animation: vuk-solus-blue-float 14s ease-in-out infinite alternate;\r\n}\r\n\r\n.vuk-solus::after {\r\n    width: 420px;\r\n    height: 420px;\r\n    right: -250px;\r\n    bottom: 30px;\r\n    background: radial-gradient(circle, rgba(246,160,26,.1), rgba(246,160,26,0) 70%);\r\n    animation: vuk-solus-orange-float 17s ease-in-out infinite alternate;\r\n}\r\n\r\n.vuk-solus__inner {\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n\/* Staggered section reveal *\/\r\n.vuk-solus__kicker,\r\n.vuk-solus__copy h2,\r\n.vuk-solus__copy > p,\r\n.vuk-solus__list li,\r\n.vuk-solus__product,\r\n.vuk-solus__gallery figure {\r\n    opacity: 0;\r\n    transform: translateY(26px);\r\n    transition: opacity .7s ease, transform .75s cubic-bezier(.2,.8,.2,1);\r\n}\r\n\r\n.vuk-solus--visible .vuk-solus__kicker,\r\n.vuk-solus--visible .vuk-solus__copy h2,\r\n.vuk-solus--visible .vuk-solus__copy > p,\r\n.vuk-solus--visible .vuk-solus__list li,\r\n.vuk-solus--visible .vuk-solus__product,\r\n.vuk-solus--visible .vuk-solus__gallery figure {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n\r\n.vuk-solus--visible .vuk-solus__copy h2 { transition-delay: .07s; }\r\n.vuk-solus--visible .vuk-solus__copy > p:nth-of-type(1) { transition-delay: .13s; }\r\n.vuk-solus--visible .vuk-solus__copy > p:nth-of-type(2) { transition-delay: .18s; }\r\n.vuk-solus--visible .vuk-solus__list li:nth-child(1) { transition-delay: .23s; }\r\n.vuk-solus--visible .vuk-solus__list li:nth-child(2) { transition-delay: .29s; }\r\n.vuk-solus--visible .vuk-solus__list li:nth-child(3) { transition-delay: .35s; }\r\n.vuk-solus--visible .vuk-solus__product { transition-delay: .17s; }\r\n.vuk-solus--visible .vuk-solus__gallery figure:nth-child(1) { transition-delay: .42s; }\r\n.vuk-solus--visible .vuk-solus__gallery figure:nth-child(2) { transition-delay: .48s; }\r\n.vuk-solus--visible .vuk-solus__gallery figure:nth-child(3) { transition-delay: .54s; }\r\n\r\n\/* Animated kicker *\/\r\n.vuk-solus__kicker {\r\n    gap: 8px;\r\n    overflow: hidden;\r\n    border: 1px solid rgba(246,160,26,.18);\r\n    box-shadow: inset 0 1px 0 rgba(255,255,255,.65);\r\n}\r\n\r\n.vuk-solus__kicker::before {\r\n    content: \"\";\r\n    width: 6px;\r\n    height: 6px;\r\n    flex: 0 0 auto;\r\n    border-radius: 50%;\r\n    background: var(--vuk-orange);\r\n    box-shadow: 0 0 0 0 rgba(246,160,26,.35);\r\n    animation: vuk-solus-pulse 2.4s ease-out infinite;\r\n}\r\n\r\n\/* Benefit cards *\/\r\n.vuk-solus__list li {\r\n    isolation: isolate;\r\n    background: rgba(255,255,255,.9);\r\n    box-shadow: 0 8px 22px rgba(18,59,76,.045), inset 0 1px 0 #ffffff;\r\n    transition-property: opacity, transform, border-color, box-shadow;\r\n    transition-duration: .7s, .45s, .35s, .35s;\r\n}\r\n\r\n.vuk-solus__list li::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: -1;\r\n    inset: 0;\r\n    background: linear-gradient(100deg, rgba(117,184,212,.11), transparent 50%, rgba(246,160,26,.07));\r\n    opacity: 0;\r\n    transform: translateX(-18%);\r\n    transition: opacity .4s ease, transform .55s cubic-bezier(.2,.8,.2,1);\r\n}\r\n\r\n.vuk-solus--visible .vuk-solus__list li:hover {\r\n    transform: translateX(6px) translateY(-2px);\r\n    border-color: rgba(40,125,166,.34);\r\n    box-shadow: 0 16px 35px rgba(18,59,76,.1);\r\n}\r\n\r\n.vuk-solus__list li:hover::before {\r\n    opacity: 1;\r\n    transform: translateX(0);\r\n}\r\n\r\n.vuk-solus__list li > span {\r\n    position: relative;\r\n    overflow: hidden;\r\n    border: 1px solid rgba(255,255,255,.48);\r\n    background: linear-gradient(145deg, #8ac9df, var(--vuk-blue) 58%, #1c6689);\r\n    box-shadow: 0 9px 22px rgba(40,125,166,.2), inset 0 1px 0 rgba(255,255,255,.34);\r\n    transition: transform .42s cubic-bezier(.2,.8,.2,1), border-radius .42s ease;\r\n}\r\n\r\n.vuk-solus__list li > span::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: -60%;\r\n    background: conic-gradient(from 90deg, transparent 0 32%, rgba(255,255,255,.48) 42%, transparent 52% 100%);\r\n    animation: vuk-solus-tag-glint 5s linear infinite;\r\n}\r\n\r\n.vuk-solus__list li:hover > span {\r\n    transform: rotate(-5deg) scale(1.07);\r\n    border-radius: 50%;\r\n}\r\n\r\n.vuk-solus__list li::after {\r\n    transition: height .35s ease, box-shadow .35s ease;\r\n}\r\n\r\n.vuk-solus__list li:hover::after {\r\n    height: 42px;\r\n    box-shadow: 0 0 14px rgba(246,160,26,.4);\r\n}\r\n\r\n\/* Premium product presentation *\/\r\n.vuk-solus__product {\r\n    isolation: isolate;\r\n    background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(243,249,251,.96));\r\n    box-shadow: 0 26px 66px rgba(18,59,76,.11), inset 0 1px 0 #ffffff;\r\n    transition-property: opacity, transform, border-color, box-shadow;\r\n}\r\n\r\n.vuk-solus__product::before {\r\n    background: radial-gradient(circle, rgba(117,184,212,.18), rgba(117,184,212,0) 70%);\r\n    animation: vuk-solus-product-glow 7s ease-in-out infinite alternate;\r\n}\r\n\r\n.vuk-solus__product::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: 0;\r\n    width: 340px;\r\n    height: 340px;\r\n    left: -170px;\r\n    bottom: -210px;\r\n    border-radius: 50%;\r\n    background: rgba(246,160,26,.07);\r\n    pointer-events: none;\r\n}\r\n\r\n.vuk-solus--visible .vuk-solus__product:hover {\r\n    transform: translateY(-6px);\r\n    border-color: rgba(40,125,166,.26);\r\n    box-shadow: 0 36px 80px rgba(18,59,76,.16), inset 0 1px 0 #ffffff;\r\n}\r\n\r\n.vuk-solus__product img {\r\n    filter: drop-shadow(0 20px 25px rgba(18,59,76,.11));\r\n    transition: transform .85s cubic-bezier(.2,.8,.2,1), filter .6s ease;\r\n}\r\n\r\n.vuk-solus__product:hover img {\r\n    transform: scale(1.04) translateY(-5px);\r\n    filter: drop-shadow(0 28px 32px rgba(18,59,76,.17));\r\n}\r\n\r\n.vuk-solus__product figcaption {\r\n    overflow: hidden;\r\n    background: linear-gradient(135deg, #338bad, var(--vuk-blue) 58%, #175a78);\r\n    box-shadow: 0 18px 40px rgba(18,59,76,.2), inset 0 1px 0 rgba(255,255,255,.2);\r\n    animation: vuk-solus-caption-float 4s ease-in-out infinite;\r\n}\r\n\r\n.vuk-solus__product figcaption::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(110deg, transparent 20%, rgba(255,255,255,.18) 48%, transparent 76%);\r\n    transform: translateX(-125%);\r\n    animation: vuk-solus-caption-shine 5.5s ease-in-out infinite;\r\n    pointer-events: none;\r\n}\r\n\r\n\/* Gallery cards *\/\r\n.vuk-solus__gallery figure {\r\n    isolation: isolate;\r\n    box-shadow: 0 14px 34px rgba(18,59,76,.07);\r\n    transition-property: opacity, transform, border-color, box-shadow;\r\n}\r\n\r\n.vuk-solus__gallery figure::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(180deg, transparent 55%, rgba(18,59,76,.26));\r\n    opacity: 0;\r\n    transition: opacity .4s ease;\r\n    pointer-events: none;\r\n}\r\n\r\n.vuk-solus--visible .vuk-solus__gallery figure:hover {\r\n    transform: translateY(-5px);\r\n    border-color: rgba(40,125,166,.3);\r\n    box-shadow: 0 22px 44px rgba(18,59,76,.13);\r\n}\r\n\r\n.vuk-solus__gallery figure:hover::after {\r\n    opacity: 1;\r\n}\r\n\r\n.vuk-solus__gallery figure:hover img {\r\n    transform: scale(1.07);\r\n}\r\n\r\n@keyframes vuk-solus-blue-float {\r\n    to { transform: translate(70px, 40px) scale(1.12); }\r\n}\r\n\r\n@keyframes vuk-solus-orange-float {\r\n    to { transform: translate(-55px, -38px) scale(.9); }\r\n}\r\n\r\n@keyframes vuk-solus-pulse {\r\n    70%, 100% { box-shadow: 0 0 0 8px rgba(246,160,26,0); }\r\n}\r\n\r\n@keyframes vuk-solus-tag-glint {\r\n    to { transform: rotate(360deg); }\r\n}\r\n\r\n@keyframes vuk-solus-product-glow {\r\n    to { transform: translate(-38px, 34px) scale(1.15); opacity: .72; }\r\n}\r\n\r\n@keyframes vuk-solus-caption-float {\r\n    0%, 100% { transform: translateY(0); }\r\n    50% { transform: translateY(-5px); }\r\n}\r\n\r\n@keyframes vuk-solus-caption-shine {\r\n    0%, 45% { transform: translateX(-125%); }\r\n    72%, 100% { transform: translateX(125%); }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .vuk-solus::before,\r\n    .vuk-solus::after,\r\n    .vuk-solus__kicker::before,\r\n    .vuk-solus__list li > span::after,\r\n    .vuk-solus__product::before,\r\n    .vuk-solus__product figcaption,\r\n    .vuk-solus__product figcaption::after {\r\n        animation: none !important;\r\n    }\r\n\r\n    .vuk-solus__kicker,\r\n    .vuk-solus__copy h2,\r\n    .vuk-solus__copy > p,\r\n    .vuk-solus__list li,\r\n    .vuk-solus__product,\r\n    .vuk-solus__gallery figure {\r\n        opacity: 1;\r\n        transform: none;\r\n        transition: none;\r\n    }\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-74f706b elementor-widget elementor-widget-html\" data-id=\"74f706b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- VENTILATE UK: AIRUNIT GEMINI + CTA -->\r\n<section class=\"vuk-gemini\" id=\"airunit-gemini\" aria-labelledby=\"vuk-gemini-title\">\r\n  <div class=\"vuk-gemini__inner\">\r\n    <header class=\"vuk-gemini__header vuk-gemini__reveal\">\r\n      <div>\r\n        <span class=\"vuk-gemini__kicker\">Twin technology for paired operation<\/span>\r\n        <h2 id=\"vuk-gemini-title\">AIRUNIT GEMINI Twin Technology for Single-Room Ventilation<\/h2>\r\n      <\/div>\r\n      <p>The <strong>AIRUNIT GEMINI<\/strong> works with twin technology and thus offers simple single-room ventilation in living rooms and bedrooms, but also complies with standards in kitchens and bathrooms. An air quality sensor controls automatic operation as required and in an energy-efficient manner.<\/p>\r\n    <\/header>\r\n\r\n    <div class=\"vuk-gemini__main\">\r\n      <figure class=\"vuk-gemini__product vuk-gemini__reveal\">\r\n        <div class=\"vuk-gemini__product-glow\" aria-hidden=\"true\"><\/div>\r\n        <div class=\"vuk-gemini__product-image\">\r\n          <img loading=\"lazy\" src=\"https:\/\/calore-verde.it\/wp-content\/uploads\/2026\/08\/page004_img001.png\" alt=\"AIRUNIT GEMINI twin technology heat recovery ventilation unit shown within an external wall\" title=\"AIRUNIT GEMINI Twin Technology Ventilation Unit\" width=\"1100\" height=\"900\" loading=\"lazy\" decoding=\"async\">\r\n        <\/div>\r\n        <figcaption><small>PET WALL DUCT<\/small><strong>Made from 100% recycled PET bottles<\/strong><\/figcaption>\r\n      <\/figure>\r\n\r\n      <div class=\"vuk-gemini__specs\">\r\n        <article class=\"vuk-gemini__reveal\"><span class=\"vuk-gemini__spec-number\">01<\/span><strong class=\"vuk-gemini__counter\">Up to 98%<\/strong><span>heat recovery.<\/span><\/article>\r\n        <article class=\"vuk-gemini__reveal\"><span class=\"vuk-gemini__spec-number\">02<\/span><strong>Sensor-controlled<\/strong><span>and fully automatic operation.<\/span><\/article>\r\n        <article class=\"vuk-gemini__reveal\"><span class=\"vuk-gemini__spec-number\">03<\/span><strong>Modulating<\/strong><span>operating mode to increase efficiency.<\/span><\/article>\r\n        <article class=\"vuk-gemini__reveal\"><span class=\"vuk-gemini__spec-number\">04<\/span><strong>Twin technology<\/strong><span>for paired operation.<\/span><\/article>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"vuk-gemini__lower\">\r\n      <div class=\"vuk-gemini__text vuk-gemini__reveal\">\r\n        <p>The <strong>AIRUNIT GEMINI<\/strong> is the perfect single room solution in twin technology thanks to the identical pairing of the fans. Room areas up to 25 m\u00b2 can be ventilated with one GEMINI.<\/p>\r\n        <div class=\"vuk-gemini__gallery\" aria-label=\"AIRUNIT GEMINI installation images\">\r\n          <figure><img loading=\"lazy\" src=\"https:\/\/calore-verde.it\/wp-content\/uploads\/2026\/08\/page004_img004.png\" alt=\"Installer fitting an AIRUNIT GEMINI single-room ventilation unit\" title=\"AIRUNIT GEMINI Installation\" width=\"900\" height=\"650\" loading=\"lazy\" decoding=\"async\"><\/figure>\r\n          <figure><img loading=\"lazy\" src=\"https:\/\/calore-verde.it\/wp-content\/uploads\/2026\/08\/page004_img003.png\" alt=\"AIRUNIT GEMINI twin fan ventilation system installed within an interior wall\" title=\"AIRUNIT GEMINI Twin Fan Installation\" width=\"700\" height=\"900\" loading=\"lazy\" decoding=\"async\"><\/figure>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <aside class=\"vuk-gemini__cta vuk-gemini__reveal\" id=\"contact\" aria-label=\"Ventilate UK enquiry\">\r\n        <span class=\"vuk-gemini__cta-label\">Ventilate UK<\/span>\r\n        <h3>Find the Right AIRUNIT Ventilation Solution<\/h3>\r\n        <p>Explore AIRUNIT SOLUS 2.0 and AIRUNIT GEMINI for your project.<\/p>\r\n        <div class=\"vuk-gemini__actions\">\r\n          <a href=\"\/contact\/\" class=\"vuk-gemini__btn vuk-gemini__btn--primary\">Contact Ventilate UK <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n          <a href=\"#airunit-functionality\" class=\"vuk-gemini__btn vuk-gemini__btn--secondary\">View Functionality <span aria-hidden=\"true\">\u2191<\/span><\/a>\r\n        <\/div>\r\n      <\/aside>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  var section = document.querySelector(\".vuk-gemini\");\r\n  if (!section) return;\r\n  var reduced = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\r\n  var counter = section.querySelector(\".vuk-gemini__counter\");\r\n\r\n  function show() {\r\n    section.classList.add(\"vuk-gemini--visible\");\r\n    if (!counter || reduced || counter.dataset.animated) return;\r\n    counter.dataset.animated = \"true\";\r\n    var start = null;\r\n    function count(time) {\r\n      if (!start) start = time;\r\n      var progress = Math.min((time - start) \/ 1350, 1);\r\n      var eased = 1 - Math.pow(1 - progress, 3);\r\n      counter.textContent = \"Up to \" + Math.round(98 * eased) + \"%\";\r\n      if (progress < 1) requestAnimationFrame(count);\r\n    }\r\n    requestAnimationFrame(count);\r\n  }\r\n\r\n  if (reduced || !(\"IntersectionObserver\" in window)) return show();\r\n  var observer = new IntersectionObserver(function (entries) {\r\n    entries.forEach(function (entry) {\r\n      if (entry.isIntersecting) {\r\n        show();\r\n        observer.unobserve(section);\r\n      }\r\n    });\r\n  }, { threshold: .12 });\r\n  observer.observe(section);\r\n})();\r\n<\/script>\r\n\r\n<style>\r\n.vuk-gemini {\r\n  --blue:#287da6; --light-blue:#75b8d4; --orange:#f6a01a;\r\n  --dark:#123b4c; --deep:#0d3141; --text:#173b4b;\r\n  --muted:#637985; --line:#dbe8ed; --white:#fff;\r\n  position:relative; width:100%; max-width:100%; margin:0;\r\n  padding:clamp(54px,6vh,78px) 0; overflow:hidden;\r\n  scroll-margin-top:100px; color:var(--text);\r\n  font-family:Arial,Helvetica,sans-serif;\r\n  background:linear-gradient(180deg,#f4f9fb 0%,#fff 58%,#f8fbfc 100%);\r\n}\r\n.vuk-gemini,.vuk-gemini *,.vuk-gemini *::before,.vuk-gemini *::after{box-sizing:border-box}\r\n.vuk-gemini::before,.vuk-gemini::after{content:\"\";position:absolute;border-radius:50%;pointer-events:none}\r\n.vuk-gemini::before{width:520px;height:520px;right:-300px;top:-230px;background:radial-gradient(circle,rgba(117,184,212,.17),transparent 69%);animation:vuk-g-blue 14s ease-in-out infinite alternate}\r\n.vuk-gemini::after{width:390px;height:390px;left:-230px;bottom:70px;background:radial-gradient(circle,rgba(246,160,26,.11),transparent 70%);animation:vuk-g-orange 17s ease-in-out infinite alternate}\r\n.vuk-gemini__inner{position:relative;z-index:1;width:calc(100% - 48px);max-width:1320px;margin-inline:auto}\r\n\r\n.vuk-gemini__header{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:clamp(34px,5vw,62px);align-items:end;margin-bottom:30px}\r\n.vuk-gemini__kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;margin-bottom:14px;border:1px solid rgba(246,160,26,.18);border-radius:999px;background:rgba(246,160,26,.12);color:#c87800;font-size:11px;line-height:1;font-weight:800;letter-spacing:.09em;text-transform:uppercase}\r\n.vuk-gemini__kicker::before{content:\"\";width:6px;height:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 0 rgba(246,160,26,.35);animation:vuk-g-pulse 2.4s ease-out infinite}\r\n.vuk-gemini h2{max-width:690px;margin:0;color:var(--dark);font-size:clamp(34px,3.3vw,54px);line-height:1.04;font-weight:600;letter-spacing:-.04em}\r\n.vuk-gemini__header p{max-width:600px;margin:0;color:var(--muted);font-size:15px;line-height:1.66}\r\n.vuk-gemini p strong{color:var(--dark)}\r\n\r\n.vuk-gemini__main{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(360px,.72fr);gap:24px;align-items:stretch}\r\n.vuk-gemini__product{position:relative;isolation:isolate;min-width:0;min-height:405px;margin:0;padding:20px;display:grid;place-items:center;overflow:hidden;border:1px solid #e1eaee;border-radius:28px;background:linear-gradient(145deg,#fff,#f3f9fb);box-shadow:0 25px 65px rgba(18,59,76,.11),inset 0 1px 0 #fff;transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .4s,border-color .4s}\r\n.vuk-gemini__product::after{content:\"\";position:absolute;width:320px;height:320px;left:-170px;bottom:-210px;border-radius:50%;background:rgba(246,160,26,.07)}\r\n.vuk-gemini__product-glow{position:absolute;width:340px;height:340px;right:-160px;top:-170px;border-radius:50%;background:radial-gradient(circle,rgba(117,184,212,.2),transparent 70%);animation:vuk-g-glow 7s ease-in-out infinite alternate}\r\n.vuk-gemini__product-image{position:relative;z-index:1;width:100%;height:100%;display:grid;place-items:center}\r\n.vuk-gemini__product img{display:block;width:100%;height:100%;max-height:400px;object-fit:contain;filter:drop-shadow(0 20px 25px rgba(18,59,76,.11));transition:transform .85s cubic-bezier(.2,.8,.2,1),filter .6s}\r\n.vuk-gemini__product:hover{transform:translateY(-6px);border-color:rgba(40,125,166,.28);box-shadow:0 36px 80px rgba(18,59,76,.16)}\r\n.vuk-gemini__product:hover img{transform:scale(1.04) translateY(-5px);filter:drop-shadow(0 28px 32px rgba(18,59,76,.17))}\r\n.vuk-gemini__product figcaption{position:absolute;z-index:3;right:18px;top:18px;max-width:245px;display:flex;flex-direction:column;padding:12px 15px;overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:13px;background:linear-gradient(135deg,#338bad,var(--blue) 58%,#175a78);color:#fff;box-shadow:0 18px 40px rgba(18,59,76,.2);animation:vuk-g-tag 4s ease-in-out infinite}\r\n.vuk-gemini__product figcaption::before{content:\"\";width:32px;height:3px;margin-bottom:8px;border-radius:10px;background:var(--orange)}\r\n.vuk-gemini__product figcaption::after{content:\"\";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.18) 48%,transparent 76%);transform:translateX(-130%);animation:vuk-g-shine 5.5s ease-in-out infinite}\r\n.vuk-gemini__product figcaption small{margin-bottom:3px;color:rgba(255,255,255,.78);font-size:9px;font-weight:800;letter-spacing:.1em}\r\n.vuk-gemini__product figcaption strong{color:#fff;font-size:12px;line-height:1.35}\r\n\r\n.vuk-gemini__specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}\r\n.vuk-gemini__specs article{position:relative;isolation:isolate;min-width:0;min-height:145px;display:flex;flex-direction:column;justify-content:flex-end;padding:17px;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.92);box-shadow:0 8px 22px rgba(18,59,76,.045);transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s}\r\n.vuk-gemini__specs article::before{content:\"\";position:absolute;z-index:-1;inset:0;background:linear-gradient(130deg,rgba(117,184,212,.13),transparent 52%,rgba(246,160,26,.08));opacity:0;transform:translateX(-18%);transition:.45s}\r\n.vuk-gemini__specs article::after{content:\"\";position:absolute;right:0;top:18px;width:4px;height:30px;border-radius:6px 0 0 6px;background:var(--orange);transition:height .35s,box-shadow .35s}\r\n.vuk-gemini__specs article:hover{transform:translateY(-5px);border-color:rgba(40,125,166,.34);box-shadow:0 17px 36px rgba(18,59,76,.11)}\r\n.vuk-gemini__specs article:hover::before{opacity:1;transform:none}\r\n.vuk-gemini__specs article:hover::after{height:45px;box-shadow:0 0 14px rgba(246,160,26,.4)}\r\n.vuk-gemini__spec-number{position:absolute;left:17px;top:17px;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.5);border-radius:11px;background:linear-gradient(145deg,#8ac9df,var(--blue) 60%,#1c6689);color:#fff!important;font-size:10px!important;font-weight:800;box-shadow:0 9px 22px rgba(40,125,166,.2);transition:transform .4s,border-radius .4s}\r\n.vuk-gemini__specs article:hover .vuk-gemini__spec-number{transform:rotate(-5deg) scale(1.08);border-radius:50%}\r\n.vuk-gemini__specs strong{display:block;margin-bottom:6px;color:var(--blue);font-size:clamp(18px,1.5vw,23px);line-height:1.05}\r\n.vuk-gemini__specs article>span:not(.vuk-gemini__spec-number){color:var(--muted);font-size:13px;line-height:1.4}\r\n\r\n.vuk-gemini__lower{display:grid;grid-template-columns:minmax(0,1.23fr) minmax(350px,.77fr);gap:24px;margin-top:24px}\r\n.vuk-gemini__text{min-width:0;padding:22px;border:1px solid var(--line);border-radius:23px;background:rgba(255,255,255,.94);box-shadow:0 14px 34px rgba(18,59,76,.06)}\r\n.vuk-gemini__text>p{max-width:900px;margin:0;color:var(--muted);font-size:15px;line-height:1.65}\r\n.vuk-gemini__gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}\r\n.vuk-gemini__gallery figure{position:relative;height:170px;margin:0;overflow:hidden;border-radius:17px;background:#fff;box-shadow:0 10px 25px rgba(18,59,76,.08);transition:transform .45s,box-shadow .4s}\r\n.vuk-gemini__gallery figure::after{content:\"\";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(18,59,76,.28));opacity:0;transition:opacity .4s}\r\n.vuk-gemini__gallery img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1)}\r\n.vuk-gemini__gallery figure:hover{transform:translateY(-5px);box-shadow:0 19px 38px rgba(18,59,76,.14)}\r\n.vuk-gemini__gallery figure:hover::after{opacity:1}\r\n.vuk-gemini__gallery figure:hover img{transform:scale(1.07)}\r\n\r\n.vuk-gemini__cta{position:relative;isolation:isolate;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:clamp(26px,3vw,36px);overflow:hidden;border-radius:23px;background:linear-gradient(135deg,var(--deep),var(--dark) 55%,var(--blue));color:#fff;box-shadow:0 24px 56px rgba(18,59,76,.18);transition:transform .5s,box-shadow .4s}\r\n.vuk-gemini__cta::before{content:\"\";position:absolute;z-index:1;top:-80%;left:-28%;width:18%;height:260%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.13),transparent);transform:rotate(17deg);animation:vuk-g-cta-sweep 7s ease-in-out infinite}\r\n.vuk-gemini__cta::after{content:\"\";position:absolute;width:220px;height:220px;right:-70px;top:-75px;border-radius:50%;background:rgba(117,184,212,.14)}\r\n.vuk-gemini__cta>*{position:relative;z-index:2}\r\n.vuk-gemini__cta:hover{transform:translateY(-5px);box-shadow:0 34px 72px rgba(18,59,76,.24)}\r\n.vuk-gemini__cta-label{align-self:flex-start;padding:7px 11px;border-radius:999px;background:rgba(246,160,26,.13);color:#ffc55d!important;font-size:10px!important;font-weight:800;letter-spacing:.11em;text-transform:uppercase}\r\n.vuk-gemini__cta h3{max-width:470px;margin:12px 0 11px;color:#fff;font-size:clamp(26px,2.3vw,38px);line-height:1.06;font-weight:600;letter-spacing:-.025em}\r\n.vuk-gemini__cta p{max-width:460px;margin:0;color:rgba(255,255,255,.75);font-size:14px;line-height:1.55}\r\n.vuk-gemini__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px}\r\n.vuk-gemini__btn{position:relative;overflow:hidden;min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 15px;border-radius:12px;text-decoration:none!important;text-align:center;font-size:13px;line-height:1.2;font-weight:800;transition:transform .3s,box-shadow .3s,background .3s}\r\n.vuk-gemini__btn span{transition:transform .3s}.vuk-gemini__btn:hover span{transform:translateX(4px)}\r\n.vuk-gemini__btn--primary{border:1px solid var(--orange);background:linear-gradient(135deg,#ffb32f,var(--orange) 60%,#e98d05);color:var(--dark)!important}\r\n.vuk-gemini__btn--primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(246,160,26,.28)}\r\n.vuk-gemini__btn--secondary{border:1px solid rgba(255,255,255,.25);color:#fff!important;background:rgba(255,255,255,.06)}\r\n.vuk-gemini__btn--secondary:hover{transform:translateY(-2px);background:rgba(255,255,255,.12)}\r\n\r\n.vuk-gemini__reveal,.vuk-gemini__specs article{opacity:0;transform:translateY(26px)}\r\n.vuk-gemini--visible .vuk-gemini__reveal,.vuk-gemini--visible .vuk-gemini__specs article{opacity:1;transform:translateY(0);transition-delay:.08s}\r\n.vuk-gemini--visible .vuk-gemini__product{transition-delay:.14s}\r\n.vuk-gemini--visible .vuk-gemini__specs article:nth-child(1){transition-delay:.18s}\r\n.vuk-gemini--visible .vuk-gemini__specs article:nth-child(2){transition-delay:.24s}\r\n.vuk-gemini--visible .vuk-gemini__specs article:nth-child(3){transition-delay:.30s}\r\n.vuk-gemini--visible .vuk-gemini__specs article:nth-child(4){transition-delay:.36s}\r\n.vuk-gemini--visible .vuk-gemini__text{transition-delay:.42s}\r\n.vuk-gemini--visible .vuk-gemini__cta{transition-delay:.48s}\r\n\r\n@keyframes vuk-g-blue{to{transform:translate(-65px,45px) scale(1.12)}}@keyframes vuk-g-orange{to{transform:translate(55px,-38px) scale(.9)}}\r\n@keyframes vuk-g-pulse{70%,100%{box-shadow:0 0 0 8px rgba(246,160,26,0)}}@keyframes vuk-g-glow{to{transform:translate(-38px,34px) scale(1.15)}}\r\n@keyframes vuk-g-tag{50%{transform:translateY(-5px)}}@keyframes vuk-g-shine{0%,45%{transform:translateX(-130%)}72%,100%{transform:translateX(130%)}}\r\n@keyframes vuk-g-cta-sweep{0%,25%{left:-28%;opacity:0}38%{opacity:1}68%,100%{left:125%;opacity:0}}\r\n\r\n@media(max-width:1180px){.vuk-gemini__inner{width:calc(100% - 40px)}.vuk-gemini__main{grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr)}.vuk-gemini__lower{grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr)}.vuk-gemini h2{font-size:clamp(34px,4vw,48px)}}\r\n@media(max-width:900px){.vuk-gemini__inner{max-width:760px}.vuk-gemini__header,.vuk-gemini__main,.vuk-gemini__lower{grid-template-columns:1fr}.vuk-gemini__header{gap:18px}.vuk-gemini__product{min-height:390px}.vuk-gemini__specs{grid-template-columns:repeat(4,minmax(0,1fr))}.vuk-gemini__specs article{min-height:125px;padding:15px}.vuk-gemini__spec-number{width:34px;height:34px;left:14px;top:14px}}\r\n@media(max-width:720px){.vuk-gemini__specs,.vuk-gemini__gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.vuk-gemini__actions{grid-template-columns:1fr}}\r\n@media(max-width:520px){.vuk-gemini{padding:46px 0}.vuk-gemini__inner{width:calc(100% - 32px)}.vuk-gemini h2{font-size:clamp(32px,9vw,42px);line-height:1.06}.vuk-gemini__header p{font-size:14px}.vuk-gemini__product{min-height:310px;padding:12px;border-radius:21px}.vuk-gemini__product img{max-height:320px}.vuk-gemini__product figcaption{position:static;width:100%;max-width:100%;margin-top:10px}.vuk-gemini__specs{grid-template-columns:1fr}.vuk-gemini__specs article{min-height:105px}.vuk-gemini__text{padding:18px}.vuk-gemini__gallery{grid-template-columns:1fr}.vuk-gemini__gallery figure{height:190px}.vuk-gemini__cta{padding:25px 20px}}\r\n@media(max-width:380px){.vuk-gemini__inner{width:calc(100% - 24px)}.vuk-gemini h2{font-size:30px}}\r\n@media(prefers-reduced-motion:reduce){.vuk-gemini::before,.vuk-gemini::after,.vuk-gemini__kicker::before,.vuk-gemini__product-glow,.vuk-gemini__product figcaption,.vuk-gemini__product figcaption::after,.vuk-gemini__cta::before{animation:none!important}.vuk-gemini__reveal,.vuk-gemini__specs article{opacity:1;transform:none;transition:none}}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>AIRUNIT \u2022 Intelligent, sensor-controlled ventilation Decentralised Domestic Ventilation for Fresh, Healthy Indoor Air Decentralised Domestic Ventilation for Fresh, Healthy Indoor Air The AIRUNIT decentralized domestic ventilation system ensures controlled air exchange and fresh, healthy indoor air. It removes odors, pollutants and moisture, effectively preventing mould growth. Explore AIRUNIT Contact Ventilate UK 01 Convenience and added value for properties. 02 Fully automatic operation Sensor-controlled through integrated humidity sensor. 03 Healthy indoor climate Thanks to regular air exchange. 04 Whisper-quiet operation From 11 dB(A). AIRUNIT Sensor-controlled ventilation Functionality AIRUNIT Heat Recovery Ventilation Designed for New Builds and Renovations Up to 99% heat recovery 01 Easy Installation Easy installation for new builds and renovations 02 High Energy Savings High energy savings of up to 99% heat recovery 03 Flexible Outer Wall Installation Flexible installation in the outer wall 04 Fresh Filtered Air Fresh filtered air, without opening windows 05 Recycled PET Wall Duct PET wall duct made from 100% recycled PET bottles Tested, approved and eligible Building Authority Tested and Approved AIRUNIT Systems AIRUNIT systems are tested and approved by the building authorities, which ensures their eligibility for subsidies. Compact ventilation AIRUNIT SOLUS 2.0 Compact Decentralised Heat Recovery Ventilation The AIRUNIT SOLUS 2.0 uses integrated sensors to monitor air quality, humidity and temperature, so that operation is sensor-controlled and fully automatic. The AIRUNIT SOLUS 2.0 operates as quietly as a whisper from 11 dB(A). 99% Up to 99% heat recovery. AUTO Sensor-controlled and fully automatic operation. MOD Modulating operating mode to increase efficiency. PET WALL DUCT Made from 100% recycled PET bottles Twin technology for paired operation AIRUNIT GEMINI Twin Technology for Single-Room Ventilation The AIRUNIT GEMINI works with twin technology and thus offers simple single-room ventilation in living rooms and bedrooms, but also complies with standards in kitchens and bathrooms. An air quality sensor controls automatic operation as required and in an energy-efficient manner. PET WALL DUCTMade from 100% recycled PET bottles 01Up to 98%heat recovery. 02Sensor-controlledand fully automatic operation. 03Modulatingoperating mode to increase efficiency. 04Twin technologyfor paired operation. The AIRUNIT GEMINI is the perfect single room solution in twin technology thanks to the identical pairing of the fans. Room areas up to 25 m\u00b2 can be ventilated with one GEMINI. Ventilate UK Find the Right AIRUNIT Ventilation Solution Explore AIRUNIT SOLUS 2.0 and AIRUNIT GEMINI for your project. Contact Ventilate UK \u2192 View Functionality \u2191<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-244","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ventilateuk.com\/index.php?rest_route=\/wp\/v2\/pages\/244","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ventilateuk.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ventilateuk.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ventilateuk.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ventilateuk.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=244"}],"version-history":[{"count":48,"href":"https:\/\/ventilateuk.com\/index.php?rest_route=\/wp\/v2\/pages\/244\/revisions"}],"predecessor-version":[{"id":566,"href":"https:\/\/ventilateuk.com\/index.php?rest_route=\/wp\/v2\/pages\/244\/revisions\/566"}],"wp:attachment":[{"href":"https:\/\/ventilateuk.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=244"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}