{"id":6306,"date":"2022-03-04T15:28:41","date_gmt":"2022-03-04T15:28:41","guid":{"rendered":"https:\/\/greenhabitat.it\/vertical-gardens\/indoor-living-green\/"},"modified":"2026-03-14T19:47:45","modified_gmt":"2026-03-14T19:47:45","slug":"indoor-living-walls","status":"publish","type":"page","link":"https:\/\/greenhabitat.it\/en\/vertical-gardens\/indoor-living-walls\/","title":{"rendered":"Living Walls"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6306\" class=\"elementor elementor-6306 elementor-3738\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-14b16a6 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"14b16a6\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0da41b5\" data-id=\"0da41b5\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a1b1fd7 elementor-widget elementor-widget-html\" data-id=\"a1b1fd7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap');\n\n  #gh-hero-indoor * { \n    box-sizing: border-box !important; \n    -webkit-font-smoothing: antialiased !important; \n  }\n\n  #gh-hero-indoor {\n    position: relative !important;\n    width: 100% !important;\n    background-color: #ffffff !important;\n    display: flex !important;\n    overflow: hidden !important;\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n\n  @media (min-width: 769px) {\n    #gh-hero-indoor {\n      height: 85vh !important;\n      min-height: 650px !important;\n      align-items: flex-end !important;\n      justify-content: center !important;\n    }\n  }\n\n  .gh-hero-bg {\n    position: absolute !important;\n    top: 0 !important;\n    left: 0 !important;\n    width: 100% !important;\n    height: 100% !important;\n    object-fit: cover !important;\n    object-position: center center !important;\n    z-index: 0 !important;\n    display: block !important;\n  }\n\n  .gh-hero-overlay {\n    position: absolute !important;\n    bottom: 0 !important;\n    left: 0 !important;\n    width: 100% !important;\n    height: 100% !important;\n    background: radial-gradient(ellipse at 50% 100%, rgba(15, 23, 42, 0.95) 0%, rgba(15, 23, 42, 0.6) 40%, transparent 75%) !important;\n    z-index: 1 !important;\n  }\n\n  .gh-hero-content {\n    position: relative !important;\n    z-index: 2 !important;\n    width: 100% !important;\n    max-width: 1000px !important;\n    padding: 0 5% 60px 5% !important;\n    margin: 0 auto !important;\n    text-align: center !important;\n    display: flex !important;\n    flex-direction: column !important;\n    align-items: center !important;\n  }\n\n  .gh-hero-label {\n    font-family: 'Inter', sans-serif !important;\n    color: #C8A165 !important;\n    font-size: 0.85rem !important;\n    font-weight: 800 !important;\n    letter-spacing: 4px !important;\n    text-transform: uppercase !important;\n    margin-bottom: 20px !important;\n    display: inline-block !important;\n    border-bottom: 2px solid #C8A165 !important;\n    padding-bottom: 8px !important;\n  }\n\n  .gh-hero-title {\n    font-family: 'Playfair Display', serif !important;\n    color: #ffffff !important;\n    font-size: clamp(2.5rem, 5vw, 4.5rem) !important;\n    font-weight: 700 !important;\n    line-height: 1.1 !important;\n    letter-spacing: -1px !important;\n    max-width: 900px !important;\n    margin: 0 0 25px 0 !important;\n    text-shadow: 0 4px 20px rgba(0,0,0,0.5) !important;\n  }\n\n  .gh-hero-subtitle {\n    font-family: 'Inter', sans-serif !important;\n    color: #e2e8f0 !important;\n    font-size: clamp(1.05rem, 1.5vw, 1.3rem) !important;\n    font-weight: 400 !important;\n    line-height: 1.6 !important;\n    max-width: 700px !important;\n    margin: 0 0 40px 0 !important;\n    text-shadow: 0 2px 10px rgba(0,0,0,0.5) !important;\n  }\n\n  .gh-btn-primary {\n    font-family: 'Inter', sans-serif !important;\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    padding: 18px 40px !important;\n    font-size: 0.95rem !important;\n    font-weight: 700 !important;\n    letter-spacing: 1px !important;\n    text-transform: uppercase !important;\n    text-decoration: none !important;\n    background-color: #C8A165 !important;\n    color: #0f172a !important;\n    border: 1px solid #C8A165 !important;\n    border-radius: 4px !important;\n    transition: all 0.3s ease !important;\n  }\n\n  .gh-btn-primary:hover {\n    background-color: #0f172a !important;\n    color: #ffffff !important;\n    border-color: #0f172a !important;\n    transform: translateY(-3px) !important;\n    box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;\n  }\n\n  @media (max-width: 768px) {\n    #gh-hero-indoor {\n      flex-direction: column !important;\n      height: auto !important;\n      min-height: auto !important;\n    }\n\n    .gh-hero-bg {\n      position: relative !important;\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important; \n    }\n        \n    .gh-hero-overlay {\n      display: none !important; \n    }\n\n    .gh-hero-content {\n      padding: 40px 5% 50px 5% !important;\n      background-color: #ffffff !important;\n      text-align: center !important;\n    }\n\n    .gh-hero-title {\n      color: #0f172a !important;\n      font-size: 2.2rem !important;\n      margin-bottom: 20px !important;\n      text-shadow: none !important;\n    }\n\n    .gh-hero-subtitle {\n      color: #475569 !important;\n      font-size: 1.05rem !important;\n      margin-bottom: 30px !important;\n      text-shadow: none !important;\n    }\n\n    .gh-btn-primary {\n      width: 100% !important;\n      max-width: 350px !important;\n    }\n  }\n<\/style>\n\n<header id=\"gh-hero-indoor\">\n  \n  <img decoding=\"async\" src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/parete-verde-camerini-boutique.jpg\" alt=\"Luxury Boutique Green Wall\" class=\"gh-hero-bg\">\n  \n  <div class=\"gh-hero-overlay\"><\/div>\n\n  <div class=\"gh-hero-content\">\n    <span class=\"gh-hero-label\">Active Bio-Infrastructure<\/span>\n    <h1 class=\"gh-hero-title\">Active Bio-Infrastructures for Interior Design.<\/h1>\n    <p class=\"gh-hero-subtitle\">We engineer plant systems for luxury retail, hotels, and corporate headquarters. Monumental impact combined with automated water management.<\/p>\n    \n    <a href=\"https:\/\/greenhabitat.it\/en\/contact-us\/\" class=\"gh-btn-primary\">Request a Feasibility Study<\/a>\n  <\/div>\n\n<\/header>\n\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"Service\",\n  \"name\": \"Design and Installation of Indoor Hydroponic Green Walls (Active Bio-Infrastructures)\",\n  \"image\": \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/parete-verde-camerini-boutique.jpg\",\n  \"description\": \"Design and supply of hydroponic systems and active green walls for Corporate Real Estate, luxury retail, and hotels. Reduction of HVAC thermal load, air purification (IAQ) with removal of VOCs, formaldehyde, and fine dust (PM10, PM2.5). Fully compliant with ESG, LEED v5, and WELL v2 directives.\",\n  \"brand\": {\n    \"@type\": \"Brand\",\n    \"name\": \"Green Habitat\"\n  },\n  \"category\": \"Botanical Engineering \/ Interior Design\",\n  \"additionalType\": \"https:\/\/schema.org\/B2BBusiness\",\n  \"additionalProperty\": [\n    {\n      \"@type\": \"PropertyValue\",\n      \"name\": \"Thermodynamic Efficiency (HVAC)\",\n      \"value\": \"Evaporative Cooling Power up to 190 W\/m2, local temperature reduction up to 4.8\u00b0C.\"\n    },\n    {\n      \"@type\": \"PropertyValue\",\n      \"name\": \"Indoor Air Quality (IAQ)\",\n      \"value\": \"Destroys up to 94.42% of formaldehyde, stably reduces 28.1% of VOCs.\"\n    },\n    {\n      \"@type\": \"PropertyValue\",\n      \"name\": \"Fine Dust Filtration\",\n      \"value\": \"Retains up to 85% of PM10 and 79% of PM2.5 (exceeds the efficiency of industrial MERV-13 filters).\"\n    },\n    {\n      \"@type\": \"PropertyValue\",\n      \"name\": \"ESG Compliance and Sustainability\",\n      \"value\": \"Supports LEED v5, WELL v2 credits, and CSRD reporting requirements (ESRS E4 and S1).\"\n    },\n    {\n      \"@type\": \"PropertyValue\",\n      \"name\": \"Occupational Well-being\",\n      \"value\": \"Counteracts Sick Building Syndrome (SBS), reduces mucosal irritation, and lowers brain-fog by 28%.\"\n    }\n  ]\n}\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7dad4777 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"7dad4777\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1f0eb6dd\" data-id=\"1f0eb6dd\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-569b7476 elementor-widget elementor-widget-html\" data-id=\"569b7476\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500;600;700&display=swap');\n\n    .gh-trustbar-wrapper {\n        width: 100%;\n        padding: 40px 0; \n        background: #ffffff;\n        border-top: 1px solid rgba(0,0,0,0.04);\n        border-bottom: 1px solid rgba(0,0,0,0.04);\n        overflow: hidden;\n        font-family: 'Montserrat', sans-serif;\n    }\n\n    .gh-trustbar-eyebrow {\n        text-align: center;\n        font-size: 11px;\n        font-weight: 700;\n        color: #b0b0b0; \n        letter-spacing: 4px;\n        text-transform: uppercase;\n        margin-bottom: 30px; \n    }\n\n    .gh-trustbar-marquee {\n        position: relative;\n        width: 100%;\n        max-width: 100%;\n        margin: 0 auto;\n        display: flex;\n        overflow: hidden;\n        -webkit-mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);\n        mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);\n    }\n\n    .gh-trustbar-track {\n        display: flex;\n        align-items: center;\n        gap: 100px;\n        padding-left: 100px;\n        margin: 0;\n        list-style: none; \n        width: max-content;\n        will-change: transform;\n        animation: ghMarqueeScroll 60s linear infinite;\n    }\n\n    @keyframes ghMarqueeScroll {\n        0% { transform: translate3d(0, 0, 0); }\n        100% { transform: translate3d(-33.3333%, 0, 0); } \n    }\n\n    .gh-text-client {\n        font-weight: 600; \n        font-size: 22px; \n        letter-spacing: 3px;\n        color: #A3A3A3; \n        text-transform: uppercase;\n        white-space: nowrap;\n    }\n\n    @media (max-width: 768px) {\n        .gh-trustbar-wrapper { padding: 30px 0; }\n        .gh-trustbar-eyebrow { font-size: 10px; margin-bottom: 25px; letter-spacing: 2px; }\n        .gh-trustbar-track { \n            animation-duration: 45s; \n            gap: 50px;\n            padding-left: 50px;\n        } \n        .gh-text-client { \n            font-size: 15px; \n            font-weight: 600; \n            letter-spacing: 2px; \n        }\n        .gh-trustbar-marquee {\n            -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);\n            mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);\n        }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n        .gh-trustbar-track {\n            animation: none; transform: none; flex-wrap: wrap; justify-content: center; gap: 30px 40px; padding-left: 0; width: 100%;\n        }\n        .gh-trustbar-marquee { mask-image: none; -webkit-mask-image: none; overflow: visible; }\n        .gh-trustbar-track li[aria-hidden=\"true\"] { display: none !important; }\n    }\n<\/style>\n\n<section class=\"gh-trustbar-wrapper\" aria-label=\"Infrastructural Intervention Sectors\">\n    \n    <div class=\"gh-trustbar-eyebrow\">ENGINEERED INFRASTRUCTURES FOR:<\/div>\n    \n    <div class=\"gh-trustbar-marquee\">\n        <ul class=\"gh-trustbar-track\">\n            \n            <li class=\"gh-text-client\">CORPORATE HEADQUARTERS<\/li>\n            <li class=\"gh-text-client\">LOGISTICS HUBS<\/li>\n            <li class=\"gh-text-client\">AIRPORT LOUNGES<\/li>\n            <li class=\"gh-text-client\">HEALTHCARE FACILITIES<\/li>\n            <li class=\"gh-text-client\">RETAIL FLAGSHIP STORES<\/li>\n            <li class=\"gh-text-client\">BANKING FACILITIES<\/li>\n            <li class=\"gh-text-client\">SMART OFFICES<\/li>\n            <li class=\"gh-text-client\">BROADCAST STUDIOS<\/li>\n            <li class=\"gh-text-client\">EXHIBITION INSTALLATIONS<\/li>\n            \n            <li class=\"gh-text-client\" aria-hidden=\"true\">CORPORATE HEADQUARTERS<\/li>\n            <li class=\"gh-text-client\" aria-hidden=\"true\">LOGISTICS HUBS<\/li>\n            <li class=\"gh-text-client\" aria-hidden=\"true\">AIRPORT LOUNGES<\/li>\n            <li class=\"gh-text-client\" aria-hidden=\"true\">HEALTHCARE FACILITIES<\/li>\n            <li class=\"gh-text-client\" aria-hidden=\"true\">RETAIL FLAGSHIP STORES<\/li>\n            <li class=\"gh-text-client\" aria-hidden=\"true\">BANKING FACILITIES<\/li>\n            <li class=\"gh-text-client\" aria-hidden=\"true\">SMART OFFICES<\/li>\n            <li class=\"gh-text-client\" aria-hidden=\"true\">BROADCAST STUDIOS<\/li>\n            <li class=\"gh-text-client\" aria-hidden=\"true\">EXHIBITION INSTALLATIONS<\/li>\n\n            <li class=\"gh-text-client\" aria-hidden=\"true\">CORPORATE HEADQUARTERS<\/li>\n            <li class=\"gh-text-client\" aria-hidden=\"true\">LOGISTICS HUBS<\/li>\n            <li class=\"gh-text-client\" aria-hidden=\"true\">AIRPORT LOUNGES<\/li>\n            <li class=\"gh-text-client\" aria-hidden=\"true\">HEALTHCARE FACILITIES<\/li>\n            <li class=\"gh-text-client\" aria-hidden=\"true\">RETAIL FLAGSHIP STORES<\/li>\n            <li class=\"gh-text-client\" aria-hidden=\"true\">BANKING FACILITIES<\/li>\n            <li class=\"gh-text-client\" aria-hidden=\"true\">SMART OFFICES<\/li>\n            <li class=\"gh-text-client\" aria-hidden=\"true\">BROADCAST STUDIOS<\/li>\n            <li class=\"gh-text-client\" aria-hidden=\"true\">EXHIBITION INSTALLATIONS<\/li>\n\n        <\/ul>\n    <\/div>\n<\/section>\n\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"Service\",\n  \"name\": \"Engineering of Bio-Infrastructures and B2B Biophilic Architecture\",\n  \"provider\": {\n    \"@type\": \"Organization\",\n    \"name\": \"Green Habitat\"\n  },\n  \"description\": \"Green Habitat: The Smart Factory chosen by General Contractors. As direct manufacturers and technological partners (Industry 4.0 Made in Italy), we engineer advanced biophilic architecture solutions for the Corporate, Tech & Fashion Retail, Healthcare, Logistics, and Hospitality sectors. Our technological ecosystem transforms greenery into an active sound-absorbing infrastructure. We design systems that optimize acoustics (RT60), reduce operational costs (Zero OPEX), and combine maximum aesthetic impact with the strictest European fire safety certifications (Class B-s2,d0). Our infrastructures support the achievement of ESG credits (LEED, BREEAM, WELL). Our very high production capacity, custom CNC cutting, and 'Dry-Tech' installation have made us the supplier of excellence for: Headquarters and Executive Offices of leading European Banking Groups, Logistics Hubs and Headquarters of E-Commerce giants, Electronics and Luxury Flagship Stores, top-tier Healthcare Facilities, international Airport Lounges, Open Space Smart Offices, and Broadcast recording studios.\",\n  \"audience\": {\n    \"@type\": \"Audience\",\n    \"audienceType\": \"General Contractors, Architectural Firms, Engineers, Facility Managers, B2B\"\n  }\n}\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1139e03 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"1139e03\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ced4451\" data-id=\"ced4451\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-954b8b8 elementor-widget elementor-widget-html\" data-id=\"954b8b8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n    #gh-desktop-hotspot {\n        display: none !important;\n    }\n\n    @media (min-width: 1024px) {\n        \n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500;600;700;800;900&family=Inter:wght@400;600;700;800;900&display=swap');\n\n        #gh-veil-wrapper, #gh-compact-wrapper, #gh-final-wrapper, #gh-force-wrapper, #gh-10px-wrapper, #gh-desktop-masonry, #gh-desktop-static, #gh-desktop-clean, #gh-desktop-grid, #gh-desktop-neuro, #gh-desktop-stable, #gh-desktop-expand, #gh-desktop-safe {\n            display: none !important;\n        }\n\n        #gh-desktop-hotspot {\n            display: block !important;\n            width: 100% !important;\n            background-color: #F9F7F2 !important; \n            padding: 60px 40px 80px 40px !important;\n            box-sizing: border-box !important;\n            font-family: 'Inter', sans-serif !important;\n        }\n\n        #gh-desktop-hotspot sup {\n            font-size: 0.6em;\n            vertical-align: super;\n            line-height: 0;\n        }\n\n        .gh-hero-case { max-width: 1300px; margin: 0 auto; }\n        .gh-dash-header { margin-bottom: 40px; }\n        .gh-dash-badge {\n            display: inline-flex; align-items: center; gap: 8px; color: #e63946;\n            font-size: 0.75rem; text-transform: uppercase; letter-spacing: 2px;\n            font-weight: 800; margin-bottom: 15px; font-family: 'Inter', sans-serif;\n        }\n        .gh-dash-badge::before {\n            content: ''; display: block; width: 8px; height: 8px;\n            background-color: #e63946; border-radius: 50%; box-shadow: 0 0 8px rgba(230, 57, 70, 0.5);\n        }\n        .gh-dash-title {\n            font-size: 2.6rem; color: #1A3C34; margin: 0 0 15px 0;\n            line-height: 1.1; font-weight: 900; letter-spacing: -1px;\n            font-family: 'Montserrat', sans-serif;\n        }\n        .gh-dash-subtitle { font-size: 1.1rem; color: #444; max-width: 900px; line-height: 1.5; margin: 0; font-weight: 500; }\n        \n        .gh-dash-grid { display: grid; grid-template-columns: 1.4fr 1.15fr; gap: 40px; align-items: center; }\n        \n        .gh-dash-visual { border-radius: 16px; overflow: hidden; display: flex; align-items: center; background-color: transparent; }\n        .gh-dash-visual img { \n            width: 100%; height: auto; object-fit: contain; display: block; \n            border-radius: 16px; \n            box-shadow: 0 20px 50px -10px rgba(26, 60, 52, 0.2);\n            filter: contrast(1.05) saturate(1.05);\n        }\n\n        .gh-telemetry-module {\n            background: #090c15; border-radius: 16px; overflow: hidden;\n            box-shadow: 0 30px 60px -15px rgba(0,0,0,0.6); \n            border: 1px solid rgba(255, 255, 255, 0.08);\n            font-family: 'Inter', sans-serif; display: flex; flex-direction: column;\n        }\n\n        .gh-tel-header {\n            padding: 16px 25px; background: #111522; border-bottom: 1px solid rgba(255,255,255,0.05);\n            display: flex; justify-content: space-between; align-items: center;\n        }\n        .gh-tel-title { font-size: 0.75rem; font-weight: 800; color: #6b7280; text-transform: uppercase; letter-spacing: 2px; }\n        .gh-tel-live { display: flex; align-items: center; gap: 6px; color: #10b981; font-size: 0.65rem; font-weight: 800; letter-spacing: 1px; }\n        .gh-tel-dot { width: 6px; height: 6px; background: #10b981; border-radius: 50%; animation: livePulse 1.5s infinite; }\n        @keyframes livePulse { 0% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7); } 70% { box-shadow: 0 0 0 6px rgba(16, 185, 129, 0); } 100% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); } }\n\n        .gh-tel-stage {\n            padding: 40px 25px; position: relative; \n            background: radial-gradient(circle at center, #111522 0%, #090c15 100%);\n            display: flex; align-items: center; gap: 30px; min-height: 190px;\n        }\n        \n        .gh-tel-ring-wrapper { position: relative; width: 110px; height: 110px; flex-shrink: 0; }\n        .gh-tel-ring-bg { position: absolute; top:0; left:0; width: 100%; height: 100%; border-radius: 50%; border: 3px solid rgba(255,255,255,0.05); }\n        .gh-tel-ring-active {\n            position: absolute; top:0; left:0; width: 100%; height: 100%; border-radius: 50%;\n            border: 3px solid transparent; border-top-color: var(--theme-color, #10b981);\n            border-right-color: var(--theme-color, #10b981);\n            transform: rotate(-45deg); transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);\n            box-shadow: 0 0 20px var(--theme-color-glow, rgba(16,185,129,0.2));\n        }\n        .gh-tel-icon-box {\n            position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);\n            width: 44px; height: 44px; color: var(--theme-color, #10b981); transition: color 0.5s ease;\n        }\n        .gh-tel-icon-box svg { width: 100%; height: 100%; filter: drop-shadow(0 0 8px var(--theme-color-glow, rgba(16,185,129,0.4))); }\n        \n        .gh-tel-content { display: flex; flex-direction: column; justify-content: center; }\n        .gh-tel-lbl { font-size: 0.7rem; font-weight: 800; color: #9ca3af; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 6px; }\n        .gh-tel-val { font-size: 1.9rem; font-weight: 900; color: var(--theme-color, #10b981); line-height: 1; margin-bottom: 12px; font-family: 'Montserrat', sans-serif; transition: color 0.5s ease; text-shadow: 0 0 20px var(--theme-color-glow, rgba(16,185,129,0.3)); }\n        \n        .gh-tel-desc { font-size: 0.9rem; color: #a1a1aa; line-height: 1.6; font-weight: 400; max-width: 260px; }\n        \n        .gh-tel-controls {\n            display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding: 22px;\n            background: #111522; border-top: 1px solid rgba(255,255,255,0.05);\n        }\n        .gh-tel-btn {\n            background: #090c15; border: 1px solid rgba(255,255,255,0.08); border-radius: 12px; padding: 14px;\n            display: flex; flex-direction: column; align-items: flex-start; cursor: pointer;\n            transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n            position: relative; overflow: hidden;\n            outline: none; appearance: none; font-family: inherit;\n        }\n        .gh-tel-btn::before {\n            content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 100%;\n            background: transparent; transition: background 0.3s ease;\n        }\n        .gh-tel-btn:hover, .gh-tel-btn:focus-visible { background: #151b2b; border-color: rgba(255,255,255,0.15); }\n        .gh-btn-eyebrow { font-size: 0.6rem; color: #6b7280; text-transform: uppercase; font-weight: 800; letter-spacing: 1px; margin-bottom: 4px; transition: color 0.3s; }\n        .gh-btn-title { font-size: 0.85rem; color: #e5e7eb; font-weight: 700; transition: color 0.3s; }\n        \n        .gh-tel-btn.active { transform: translateY(-2px); box-shadow: 0 10px 25px rgba(0,0,0,0.5); border-color: rgba(255,255,255,0.1); }\n        \n        .gh-tel-btn.active[data-mode=\"esg\"] { background: linear-gradient(90deg, rgba(16,185,129,0.1) 0%, rgba(9,12,21,1) 100%); }\n        .gh-tel-btn.active[data-mode=\"esg\"]::before { background: #10b981; }\n        .gh-tel-btn.active[data-mode=\"esg\"] .gh-btn-title { color: #10b981; }\n        \n        .gh-tel-btn.active[data-mode=\"clima\"] { background: linear-gradient(90deg, rgba(14,165,233,0.1) 0%, rgba(9,12,21,1) 100%); }\n        .gh-tel-btn.active[data-mode=\"clima\"]::before { background: #0ea5e9; }\n        .gh-tel-btn.active[data-mode=\"clima\"] .gh-btn-title { color: #0ea5e9; }\n        \n        .gh-tel-btn.active[data-mode=\"logistica\"] { background: linear-gradient(90deg, rgba(200,161,101,0.1) 0%, rgba(9,12,21,1) 100%); }\n        .gh-tel-btn.active[data-mode=\"logistica\"]::before { background: #C8A165; }\n        .gh-tel-btn.active[data-mode=\"logistica\"] .gh-btn-title { color: #C8A165; }\n        \n        .gh-tel-btn.active[data-mode=\"acqua\"] { background: linear-gradient(90deg, rgba(139,92,246,0.1) 0%, rgba(9,12,21,1) 100%); }\n        .gh-tel-btn.active[data-mode=\"acqua\"]::before { background: #8b5cf6; }\n        .gh-tel-btn.active[data-mode=\"acqua\"] .gh-btn-title { color: #8b5cf6; }\n\n    }\n<\/style>\n\n<div id=\"gh-desktop-hotspot\">\n    <div class=\"gh-hero-case\">\n        \n        <div class=\"gh-dash-header\">\n            <span class=\"gh-dash-badge\">NDA Protocol | Blind Case Study<\/span>\n            <h2 class=\"gh-dash-title\">Active Infrastructures for the Global E-Commerce Giant.<\/h2>\n            <p class=\"gh-dash-subtitle\">The integration of the Wall Green Hydro<sup>&reg;<\/sup> System as a structural asset (ESRS E4\/S1). A living ecosystem, managed by 4.0 automation, designed to support thermal efficiency in critical logistics environments, installed dry without operational downtime.<\/p>\n        <\/div>\n\n        <div class=\"gh-dash-grid\">\n            \n            <div class=\"gh-dash-visual\">\n                <img decoding=\"async\" src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/HUB-SITO.jpg\" alt=\"Hydroponic green wall infrastructure in a multinational logistics warehouse for thermal load reduction\">\n            <\/div>\n\n            <div class=\"gh-telemetry-module js-telemetry-module\" aria-live=\"polite\">\n                \n                <div class=\"gh-tel-header\">\n                    <span class=\"gh-tel-title\">HVAC Diagnostic Terminal<\/span>\n                    <div class=\"gh-tel-live\"><span class=\"gh-tel-dot\" aria-hidden=\"true\"><\/span> LIVE DATA<\/div>\n                <\/div>\n\n                <div class=\"gh-tel-stage\" style=\"--theme-color: #10b981; --theme-color-glow: rgba(16,185,129,0.3);\">\n                    <div class=\"gh-tel-ring-wrapper\" aria-hidden=\"true\">\n                        <div class=\"gh-tel-ring-bg\"><\/div>\n                        <div class=\"gh-tel-ring-active js-tel-ring\"><\/div>\n                        <div class=\"gh-tel-icon-box js-tel-icon\">\n                            <svg viewBox=\"0 0 24 24\" focusable=\"false\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z\"><\/path><line x1=\"7\" y1=\"7\" x2=\"7.01\" y2=\"7\"><\/line><\/svg>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"gh-tel-content\">\n                        <div class=\"gh-tel-lbl js-tel-lbl\">ESG IMPACT (LEED V5)<\/div>\n                        <div class=\"gh-tel-val js-tel-val\">ACTIVE BIOPHILIA<\/div>\n                        <div class=\"gh-tel-desc js-tel-desc\">Humanization of spaces. Can replace up to 30% of external visual requirements (Occupant Experience), supporting the mitigation of Sick Building Syndrome.<\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"gh-tel-controls\">\n                    <button type=\"button\" class=\"gh-tel-btn active js-tel-btn\" data-mode=\"esg\" aria-label=\"View ESG Impact data\">\n                        <span class=\"gh-btn-eyebrow\">Parameter 01<\/span>\n                        <span class=\"gh-btn-title\">ESG Impact<\/span>\n                    <\/button>\n                    <button type=\"button\" class=\"gh-tel-btn js-tel-btn\" data-mode=\"clima\" aria-label=\"View Thermodynamic Efficiency data\">\n                        <span class=\"gh-btn-eyebrow\">Parameter 02<\/span>\n                        <span class=\"gh-btn-title\">Thermodynamics<\/span>\n                    <\/button>\n                    <button type=\"button\" class=\"gh-tel-btn js-tel-btn\" data-mode=\"iaq\" aria-label=\"View Air Quality data\">\n                        <span class=\"gh-btn-eyebrow\">Parameter 03<\/span>\n                        <span class=\"gh-btn-title\">IAQ Biofiltration<\/span>\n                    <\/button>\n                    <button type=\"button\" class=\"gh-tel-btn js-tel-btn\" data-mode=\"logistica\" aria-label=\"View Logistics Continuity data\">\n                        <span class=\"gh-btn-eyebrow\">Parameter 04<\/span>\n                        <span class=\"gh-btn-title\">Dry-Tech Installation<\/span>\n                    <\/button>\n                <\/div>\n                \n            <\/div>\n            \n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n    \n    const modules = document.querySelectorAll('.js-telemetry-module');\n    \n    const dataHub = {\n        esg: {\n            color: '#10b981', \n            glow: 'rgba(16,185,129,0.3)',\n            lbl: 'ESG IMPACT (LEED V5)',\n            val: 'ACTIVE BIOPHILIA',\n            desc: 'Humanization of spaces. Can replace up to 30% of external visual requirements (Occupant Experience), supporting the mitigation of Sick Building Syndrome.',\n            icon: '<svg viewBox=\"0 0 24 24\" focusable=\"false\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z\"><\/path><line x1=\"7\" y1=\"7\" x2=\"7.01\" y2=\"7\"><\/line><\/svg>'\n        },\n        clima: {\n            color: '#0ea5e9', \n            glow: 'rgba(14,165,233,0.3)',\n            lbl: 'THERMODYNAMIC EFFICIENCY',\n            val: 'COOLING POWER',\n            desc: 'Evapotranspiration reduces the sensible thermal load (tested potential up to 97.10%). Supports the reduction of summer electrical consumption of the system.',\n            icon: '<svg viewBox=\"0 0 24 24\" focusable=\"false\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 14.76V3.5a2.5 2.5 0 0 0-5 0v11.26a4.5 4.5 0 1 0 5 0z\"><\/path><\/svg>'\n        },\n        iaq: {\n            color: '#8b5cf6', \n            glow: 'rgba(139,92,246,0.3)',\n            lbl: 'INDOOR BIOFILTRATION (IAQ)',\n            val: 'VOC REDUCTION',\n            desc: 'Biological scrubber. Studies certify a potential for formaldehyde destruction (up to 94.4%) and dust reduction, outperforming standard filters.',\n            icon: '<svg viewBox=\"0 0 24 24\" focusable=\"false\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 12h4l3-9 5 18 3-9h5\"\/><\/svg>'\n        },\n        logistica: {\n            color: '#C8A165', \n            glow: 'rgba(200,161,101,0.3)',\n            lbl: 'PLUG & PLAY INSTALLATION',\n            val: 'ZERO DOWNTIME',\n            desc: 'No invasive masonry work. Surgical installation with pre-vegetated Dry-Tech modules in our production center for total logistical continuity.',\n            icon: '<svg viewBox=\"0 0 24 24\" focusable=\"false\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"><\/path><\/svg>'\n        }\n    };\n\n    modules.forEach(mod => {\n        if(mod.dataset.init) return;\n        mod.dataset.init = 'true';\n\n        const stage = mod.querySelector('.gh-tel-stage');\n        const ring = mod.querySelector('.js-tel-ring');\n        const iconBox = mod.querySelector('.js-tel-icon');\n        const lbl = mod.querySelector('.js-tel-lbl');\n        const val = mod.querySelector('.js-tel-val');\n        const desc = mod.querySelector('.js-tel-desc');\n        const btns = mod.querySelectorAll('.js-tel-btn');\n        \n        let keys = Object.keys(dataHub);\n        let currentIndex = 0;\n        let isAutoPlaying = true;\n        let autoInterval;\n\n        function updateTelemetry(mode, isAuto = false) {\n            if(!isAuto) {\n                isAutoPlaying = false;\n                clearInterval(autoInterval);\n            }\n\n            const data = dataHub[mode];\n            \n            btns.forEach(b => b.classList.remove('active'));\n            const activeBtn = mod.querySelector(`[data-mode=\"${mode}\"]`);\n            if(activeBtn) activeBtn.classList.add('active');\n\n            stage.style.setProperty('--theme-color', data.color);\n            stage.style.setProperty('--theme-color-glow', data.glow);\n\n            ring.style.transition = 'none';\n            ring.style.transform = 'rotate(-180deg)';\n            ring.style.opacity = '0';\n            void ring.offsetWidth; \n            ring.style.transition = 'all 0.6s cubic-bezier(0.25, 1, 0.5, 1)';\n            ring.style.transform = 'rotate(-45deg)';\n            ring.style.opacity = '1';\n\n            iconBox.innerHTML = data.icon;\n            lbl.innerText = data.lbl;\n            val.innerText = data.val;\n            desc.innerHTML = data.desc;\n        }\n\n        function cycleTelemetry() {\n            if(!isAutoPlaying) return;\n            currentIndex = (currentIndex + 1) % keys.length;\n            updateTelemetry(keys[currentIndex], true);\n        }\n\n        btns.forEach((btn, index) => {\n            btn.addEventListener('click', () => {\n                currentIndex = index;\n                updateTelemetry(btn.dataset.mode, false);\n            });\n        });\n\n        updateTelemetry('esg', true);\n\n        autoInterval = setInterval(cycleTelemetry, 4500);\n    });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-87cbded elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"87cbded\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8a2608b\" data-id=\"8a2608b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-228449b elementor-widget elementor-widget-html\" data-id=\"228449b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;800;900&display=swap');\n\n  #gh-indoor-dossier * { \n    box-sizing: border-box !important; \n    font-family: 'Inter', Helvetica, sans-serif !important; \n    -webkit-font-smoothing: antialiased !important; \n  }\n\n  #gh-indoor-dossier {\n    width: 100% !important; \n    background-color: #f8fafc !important; \n    background-image: radial-gradient(circle at 50% 0%, #ffffff 0%, transparent 70%) !important;\n    display: block !important; \n    padding: 80px 5% !important;\n    border-top: 1px solid #e2e8f0 !important; \n    border-bottom: 1px solid #e2e8f0 !important;\n  }\n\n  #gh-indoor-dossier .dos-header { width: 100% !important; max-width: 1200px !important; margin: 0 auto 60px auto !important; text-align: center !important; }\n  #gh-indoor-dossier .dos-meta { color: #059669 !important; font-size: 0.85rem !important; font-weight: 800 !important; letter-spacing: 4px !important; text-transform: uppercase !important; margin-bottom: 15px !important; display: inline-block !important;}\n  #gh-indoor-dossier h2.dos-title { color: #0f172a !important; font-size: 3.2rem !important; font-weight: 900 !important; letter-spacing: -1.5px !important; line-height: 1.1 !important; margin: 0 0 15px 0 !important; }\n  #gh-indoor-dossier p.dos-subtitle { color: #475569 !important; font-size: 1.15rem !important; font-weight: 400 !important; max-width: 800px !important; margin: 0 auto !important; line-height: 1.6 !important; }\n\n  #gh-indoor-dossier .dos-grid {\n    display: grid !important; \n    grid-template-columns: repeat(4, 1fr) !important; \n    gap: 24px !important; \n    width: 100% !important; \n    max-width: 1350px !important;\n    margin: 0 auto !important;\n  }\n\n  #gh-indoor-dossier .dos-card {\n    background: #ffffff !important; \n    border: 1px solid #e2e8f0 !important; \n    border-radius: 12px !important; \n    height: 450px !important; \n    display: flex !important; flex-direction: column !important; position: relative !important; overflow: hidden !important;\n    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;\n    cursor: crosshair !important;\n    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.04) !important;\n    text-align: left; appearance: none; outline: none; padding: 0;\n  }\n  \n  #gh-indoor-dossier .dos-card:hover { \n    transform: translateY(-8px) !important; \n    border-color: #cbd5e1 !important; \n    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.08) !important; \n  }\n  #gh-indoor-dossier .dos-card:focus-visible { outline: 2px solid #0f172a; outline-offset: 4px; }\n\n  #gh-indoor-dossier .card-front {\n    padding: 35px 30px 90px 30px !important; \n    display: flex !important; flex-direction: column !important; justify-content: flex-start !important; height: 100% !important;\n    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;\n  }\n  #gh-indoor-dossier .dos-card:hover .card-front, #gh-indoor-dossier .dos-card.is-open .card-front { transform: translateY(-20px) !important; opacity: 0 !important; visibility: hidden !important; }\n\n  #gh-indoor-dossier .c-header { display: flex !important; justify-content: space-between !important; align-items: flex-start !important; margin-bottom: 35px !important; }\n  #gh-indoor-dossier span.c-tag { background: #f1f5f9 !important; padding: 6px 12px !important; border-radius: 4px !important; font-family: 'Courier New', monospace !important; font-size: 0.65rem !important; color: #334155 !important; font-weight: 800 !important; letter-spacing: 1.5px !important; border: 1px solid #e2e8f0 !important;}\n  \n  #gh-indoor-dossier .data-stack { display: flex !important; flex-direction: column !important; gap: 25px !important; margin-bottom: 20px !important; }\n  #gh-indoor-dossier .c-val-lockup { display: flex !important; align-items: center !important; gap: 15px !important; }\n\n  #gh-indoor-dossier div.c-val { font-size: 2.8rem !important; font-weight: 900 !important; color: #0f172a !important; line-height: 0.9 !important; letter-spacing: -1px !important; flex-shrink: 0 !important; }\n  #gh-indoor-dossier .val-label { display: flex !important; flex-direction: column !important; justify-content: center !important; gap: 5px !important; text-align: left !important; }\n  #gh-indoor-dossier span.vl-top { font-size: 0.65rem !important; font-weight: 600 !important; letter-spacing: 0.5px !important; text-transform: uppercase !important; color: #64748b !important; line-height: 1.1 !important; display: block !important;}\n  #gh-indoor-dossier span.vl-mid { font-size: 0.8rem !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.1 !important; color: #0f172a !important; display: block !important;}\n  #gh-indoor-dossier span.vl-sub { font-size: 0.6rem !important; font-weight: 500 !important; color: #64748b !important; letter-spacing: 0 !important; line-height: 1.2 !important; text-transform: none !important; display: block !important;}\n  #gh-indoor-dossier div.c-title { font-size: 1.3rem !important; font-weight: 800 !important; color: #0f172a !important; margin-top: auto !important; line-height: 1.3 !important; letter-spacing: -0.5px !important; display: block !important;}\n\n  #gh-indoor-dossier div.c-val.val-blue, #gh-indoor-dossier span.vl-mid.val-blue, #gh-indoor-dossier div.b-title.val-blue, #gh-indoor-dossier b.val-blue { color: #0284c7 !important; }\n  #gh-indoor-dossier div.c-val.val-green, #gh-indoor-dossier span.vl-mid.val-green, #gh-indoor-dossier div.b-title.val-green, #gh-indoor-dossier b.val-green { color: #059669 !important; }\n  #gh-indoor-dossier div.c-val.val-gold, #gh-indoor-dossier span.vl-mid.val-gold, #gh-indoor-dossier div.b-title.val-gold, #gh-indoor-dossier b.val-gold { color: #b45309 !important; }\n  #gh-indoor-dossier div.c-val.val-slate, #gh-indoor-dossier span.vl-mid.val-slate, #gh-indoor-dossier div.b-title.val-slate, #gh-indoor-dossier b.val-slate { color: #334155 !important; }\n\n  #gh-indoor-dossier .card-back {\n    position: absolute !important; bottom: -100% !important; left: 0 !important; width: 100% !important; height: 100% !important;\n    padding: 35px 30px !important; background: #ffffff !important; \n    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;\n    display: flex !important; flex-direction: column !important; gap: 15px !important; z-index: 2 !important;\n  }\n  #gh-indoor-dossier .dos-card:hover .card-back, #gh-indoor-dossier .dos-card.is-open .card-back { bottom: 0 !important; }\n\n  #gh-indoor-dossier .dos-card:nth-child(1) .card-back { border-top: 4px solid #b45309 !important; }\n  #gh-indoor-dossier .dos-card:nth-child(2) .card-back { border-top: 4px solid #059669 !important; }\n  #gh-indoor-dossier .dos-card:nth-child(3) .card-back { border-top: 4px solid #334155 !important; }\n  #gh-indoor-dossier .dos-card:nth-child(4) .card-back { border-top: 4px solid #0284c7 !important; }\n\n  #gh-indoor-dossier div.b-title { font-family: 'Courier New', monospace !important; font-size: 0.8rem !important; font-weight: 800 !important; letter-spacing: 1px !important; text-transform: uppercase !important; border-bottom: 1px solid #e2e8f0 !important; padding-bottom: 10px !important; margin-bottom: 5px !important;}\n  #gh-indoor-dossier p.b-desc { font-size: 0.85rem !important; color: #475569 !important; line-height: 1.6 !important; font-weight: 400 !important; margin: 0 !important; display: block !important;}\n  #gh-indoor-dossier p.b-desc b { font-weight: 800 !important; }\n\n  #gh-indoor-dossier div.hover-hint { position: absolute !important; bottom: 30px !important; left: 30px !important; display: flex !important; align-items: center !important; gap: 8px !important; color: #334155 !important; font-size: 0.7rem !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 2px !important; transition: all 0.3s ease !important; z-index: 10 !important; }\n  #gh-indoor-dossier div.hover-hint svg { width: 14px !important; stroke: #334155 !important; transition: transform 0.4s ease !important;}\n  #gh-indoor-dossier .dos-card:hover .hover-hint, #gh-indoor-dossier .dos-card.is-open .hover-hint { opacity: 0 !important; transform: translateY(10px) !important; }\n  @keyframes floatArrowLight { 0% { transform: translateY(0); } 50% { transform: translateY(4px); } 100% { transform: translateY(0); } }\n  #gh-indoor-dossier div.hover-hint svg { animation: floatArrowLight 2s infinite ease-in-out !important; }\n\n  #gh-indoor-dossier .hint-mob { display: none !important; }\n\n  #gh-indoor-dossier .dos-legal-wrapper {\n    width: 100% !important; max-width: 1350px !important; margin: 40px auto 0 auto !important;\n    border-top: 1px dashed #cbd5e1 !important; cursor: pointer !important; background: transparent; border-left: none; border-right: none; border-bottom: none; appearance: none; padding: 0; outline: none;\n  }\n  #gh-indoor-dossier .dos-legal-wrapper:focus-visible .dos-legal-toggle { outline: 2px solid #0f172a; outline-offset: 4px; }\n  \n  #gh-indoor-dossier .dos-legal-toggle {\n    display: flex !important; justify-content: space-between !important; align-items: center !important;\n    padding: 15px 0 !important; font-size: 0.75rem !important; color: #64748b !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 1px !important;\n    transition: color 0.3s ease !important; width: 100%;\n  }\n  \n  #gh-indoor-dossier .dos-legal-wrapper:hover .dos-legal-toggle { color: #0f172a !important; }\n  #gh-indoor-dossier .dos-legal-toggle svg { width: 16px !important; stroke: #64748b !important; transition: transform 0.3s ease !important; }\n  \n  #gh-indoor-dossier .dos-legal-content {\n    max-height: 0 !important; overflow: hidden !important; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;\n    font-size: 0.7rem !important; color: #64748b !important; line-height: 1.6 !important; font-family: 'Courier New', monospace !important; text-align: justify !important; opacity: 0 !important;\n  }\n  \n  #gh-indoor-dossier .dos-legal-wrapper.is-open .dos-legal-content {\n    max-height: 800px !important; padding-bottom: 20px !important; opacity: 1 !important;\n  }\n  #gh-indoor-dossier .dos-legal-wrapper.is-open .dos-legal-toggle svg { transform: rotate(180deg) !important; }\n\n  @media (max-width: 1024px) {\n    #gh-indoor-dossier { padding: 60px 20px !important; }\n    #gh-indoor-dossier .dos-header { margin-bottom: 40px !important; }\n    #gh-indoor-dossier h2.dos-title { font-size: 2.2rem !important; }\n    #gh-indoor-dossier p.dos-subtitle { font-size: 1.05rem !important; }\n\n    #gh-indoor-dossier .dos-grid { display: block !important; width: 100% !important; }\n\n    #gh-indoor-dossier .dos-card { \n      display: block !important;\n      width: 100% !important; height: auto !important; min-height: auto !important;\n      margin-bottom: 20px !important; transform: none !important; \n      box-shadow: 0 10px 25px rgba(15, 23, 42, 0.05) !important; \n      cursor: pointer !important; \n      -webkit-tap-highlight-color: transparent !important;\n    }\n    \n    #gh-indoor-dossier .dos-card:hover { transform: none !important; box-shadow: 0 10px 25px rgba(15, 23, 42, 0.05) !important; border-color: #e2e8f0 !important;}\n    \n    #gh-indoor-dossier div.hover-hint { \n      display: flex !important; \n      bottom: 25px !important; \n      left: 25px !important; \n      opacity: 1 !important; \n      transform: none !important; \n    }\n    #gh-indoor-dossier .dos-card.is-open div.hover-hint svg { transform: rotate(180deg) !important; }\n    #gh-indoor-dossier .hint-desk { display: none !important; }\n    #gh-indoor-dossier .hint-mob { display: inline !important; }\n\n    #gh-indoor-dossier .card-front { \n      position: relative !important; \n      height: auto !important; \n      padding: 30px 25px 60px 25px !important; \n    }\n    #gh-indoor-dossier .dos-card:hover .card-front { transform: none !important; opacity: 1 !important; visibility: visible !important; }\n    \n    #gh-indoor-dossier div.c-title { margin-top: 25px !important; font-size: 1.4rem !important;}\n    #gh-indoor-dossier div.c-val { font-size: 2.4rem !important; }\n\n    #gh-indoor-dossier .card-back {\n      position: relative !important; bottom: auto !important; left: auto !important; width: 100% !important; height: auto !important;\n      background: #f8fafc !important; \n      transform: none !important; display: flex !important;\n      \n      max-height: 0 !important;\n      padding: 0 25px !important;\n      opacity: 0 !important;\n      visibility: hidden !important;\n      overflow: hidden !important;\n      border-top: 0px dashed #cbd5e1 !important;\n      transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;\n    }\n\n    #gh-indoor-dossier .dos-card.is-open .card-back {\n      max-height: 800px !important;\n      padding: 25px 25px 30px 25px !important;\n      opacity: 1 !important;\n      visibility: visible !important;\n      border-top-width: 1px !important;\n    }\n\n    #gh-indoor-dossier div.b-title { font-size: 0.9rem !important; }\n    #gh-indoor-dossier p.b-desc { font-size: 0.95rem !important; }\n  }\n\n  @media (max-width: 480px) {\n    #gh-indoor-dossier .c-val-lockup { flex-direction: column !important; align-items: flex-start !important; gap: 8px !important; }\n  }\n<\/style>\n\n<div id=\"gh-indoor-dossier\">\n  \n  <div class=\"dos-header\">\n    <span class=\"dos-meta\" aria-hidden=\"true\">Indoor Bio-Infrastructure<\/span>\n    <h2 class=\"dos-title\">The Technological Lung.<\/h2>\n    <p class=\"dos-subtitle\">It's not just aesthetics, it's active biophilic architecture. The integration of advanced hydroponic systems transforms walls into a technological asset. Touch the cards to explore the efficiency metrics.<\/p>\n  <\/div>\n\n  <div class=\"dos-grid\">\n    \n    <button type=\"button\" class=\"dos-card js-card-toggle\" aria-expanded=\"false\" aria-label=\"Discover details on return on investment\">\n      <div class=\"card-front\">\n        <div class=\"c-header\"><span class=\"c-tag\" aria-hidden=\"true\">HUMAN ASSET (ROI)<\/span><\/div>\n        <div class=\"data-stack\" style=\"margin-bottom: 0;\">\n          <div class=\"c-val-lockup\">\n            <div class=\"c-val val-gold\">+19%<\/div>\n            <div class=\"val-label\">\n              <span class=\"vl-top\">Cognitive Readiness<\/span>\n              <span class=\"vl-mid val-gold\">SBS MITIGATION<\/span>\n              <span class=\"vl-sub\">(Sick Building Syndrome)<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"c-title\">The Return on Investment<\/div>\n      <\/div>\n      \n      <div class=\"card-back\">\n        <div class=\"b-title val-gold\">Indirect Financial Leverage<\/div>\n        <p class=\"b-desc\">Biophilic design is increasingly recognized as a measurable balance sheet asset. Industry studies show that the correct integration of living greenery in enclosed spaces <b>can help mitigate \"brain-fog\" for up to 28% of staff and support the reduction of absenteeism (ESG Criteria S1)<\/b>.<\/p>\n      <\/div>\n      <div class=\"hover-hint\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" focusable=\"false\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 5v14M19 12l-7 7-7-7\"\/><\/svg> \n        <span class=\"hint-desk\">Read Dynamic<\/span>\n        <span class=\"hint-mob\">Tap to expand<\/span>\n      <\/div>\n    <\/button>\n\n    <button type=\"button\" class=\"dos-card js-card-toggle\" aria-expanded=\"false\" aria-label=\"Discover details on air quality\">\n      <div class=\"card-front\">\n        <div class=\"c-header\"><span class=\"c-tag\" aria-hidden=\"true\">AIR QUALITY (IAQ)<\/span><\/div>\n        <div class=\"data-stack\" style=\"margin-bottom: 0;\">\n          <div class=\"c-val-lockup\">\n            <div class=\"c-val val-green\">MERV+<\/div>\n            <div class=\"val-label\">\n              <span class=\"vl-top\">Beyond Industrial Filters<\/span>\n              <span class=\"vl-mid val-green\">CONTINUOUS BIOFILTRATION<\/span>\n              <span class=\"vl-sub\">(PM10 \/ PM2.5 Reduction)<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"c-title\">Active Botanical Scrubber<\/div>\n      <\/div>\n      \n      <div class=\"card-back\">\n        <div class=\"b-title val-green\">Natural Mechanical Filter<\/div>\n        <p class=\"b-desc\">Academic research indicates that the root and leaf apparatus of active hydroponic systems <b>has the potential to destroy up to 94.4% of formaldehyde in laboratory tests and contribute to the reduction of VOCs<\/b>, in some cases exceeding the efficiency of classic industrial MERV-13 filters.<\/p>\n      <\/div>\n      <div class=\"hover-hint\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" focusable=\"false\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 5v14M19 12l-7 7-7-7\"\/><\/svg> \n        <span class=\"hint-desk\">Filtration Data<\/span>\n        <span class=\"hint-mob\">Tap to expand<\/span>\n      <\/div>\n    <\/button>\n\n    <button type=\"button\" class=\"dos-card js-card-toggle\" aria-expanded=\"false\" aria-label=\"Discover details on automated management\">\n      <div class=\"card-front\">\n        <div class=\"c-header\"><span class=\"c-tag\" aria-hidden=\"true\">MANAGEMENT AND CONTROL<\/span><\/div>\n        <div class=\"data-stack\" style=\"margin-bottom: 0;\">\n          <div class=\"c-val-lockup\">\n            <div class=\"c-val val-slate\">IoT<\/div>\n            <div class=\"val-label\">\n              <span class=\"vl-top\">Minimized Daily Intervention<\/span>\n              <span class=\"vl-mid val-slate\">WATER AUTOMATION<\/span>\n              <span class=\"vl-sub\">(Centralized irrigation 4.0)<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"c-title\">The Controlled Organism<\/div>\n      <\/div>\n      \n      <div class=\"card-back\">\n        <div class=\"b-title val-slate\">Automation + Expert Care<\/div>\n        <p class=\"b-desc\">We lighten the load of Facility Management: <b>the home automation control unit autonomously governs the irrigation cycles.<\/b> The closed-circuit hydroponic system natively counters the proliferation of fungal spores linked to traditional soil, supporting the maintenance of a healthy environment.<\/p>\n      <\/div>\n      <div class=\"hover-hint\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" focusable=\"false\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 5v14M19 12l-7 7-7-7\"\/><\/svg> \n        <span class=\"hint-desk\">Operational Logic<\/span>\n        <span class=\"hint-mob\">Tap to expand<\/span>\n      <\/div>\n    <\/button>\n\n    <button type=\"button\" class=\"dos-card js-card-toggle\" aria-expanded=\"false\" aria-label=\"Discover details on installation logistics\">\n      <div class=\"card-front\">\n        <div class=\"c-header\"><span class=\"c-tag\" aria-hidden=\"true\">OFF-SITE LOGISTICS<\/span><\/div>\n        <div class=\"data-stack\" style=\"margin-bottom: 0;\">\n          <div class=\"c-val-lockup\">\n            <div class=\"c-val val-blue\">ZERO<\/div>\n            <div class=\"val-label\">\n              <span class=\"vl-top\">Corporate Operational Downtime<\/span>\n              <span class=\"vl-mid val-blue\">PHANTOM WORKSITE<\/span>\n              <span class=\"vl-sub\">(Plug & Play Installation)<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"c-title\">Integration Without Masonry<\/div>\n      <\/div>\n      \n      <div class=\"card-back\">\n        <div class=\"b-title val-blue\">The Smart Factory on Site<\/div>\n        <p class=\"b-desc\">The system arrives on-site pre-assembled and already vegetated if requested. The final installation is dry with zero logistical impact: <b>no invasive masonry work, no dirt, and zero interruptions for normal operations<\/b> of the office or hospitality facility.<\/p>\n      <\/div>\n      <div class=\"hover-hint\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" focusable=\"false\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 5v14M19 12l-7 7-7-7\"\/><\/svg> \n        <span class=\"hint-desk\">Read Logistics<\/span>\n        <span class=\"hint-mob\">Tap to expand<\/span>\n      <\/div>\n    <\/button>\n\n  <\/div>\n\n  <button type=\"button\" class=\"dos-legal-wrapper js-legal-toggle\" aria-expanded=\"false\" aria-label=\"Show operational warnings\">\n    <div class=\"dos-legal-toggle\">\n      <span aria-hidden=\"true\">* Click for Engineering Operational Warnings and Notes<\/span>\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" focusable=\"false\" aria-hidden=\"true\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>\n    <\/div>\n    <div class=\"dos-legal-content\">\n      The data and percentage metrics reported (including those relating to the reduction of HVAC thermal loads, the mitigation of Sick Building Syndrome and the reduction of VOCs and particulate matter) refer to the maximum potential performance attested by international scientific literature for Active Botanical Biofiltration systems (Active Living Walls) and do not in any way constitute a guarantee of results or a contractual constraint for individual Green Habitat installations. Actual performance in place is subject to significant variations depending on factors that cannot be calculated a priori, such as: the net volume and layout of the rooms, the thermal framework of the building, the integration and power of the primary HVAC system (Air Handling Unit) present on site, and the actual sizing and density of the selected botanical system. The systems engineered by Green Habitat are designed to support the achievement of ESG standards and optimize maintenance protocols through IoT water and nutritional automation, however, being based on a living and organic ecosystem, they strictly require the activation and maintenance of a scheduled and constant botanical and plant maintenance plan to preserve both the aesthetic requirements and the structural and biofiltering functionality of the infrastructure over time.\n    <\/div>\n  <\/button>\n\n<\/div>\n\n<script>\n  document.addEventListener('DOMContentLoaded', () => {\n      \/\/ Script for Cards\n      const cards = document.querySelectorAll('.js-card-toggle');\n      cards.forEach(card => {\n          card.addEventListener('click', function() {\n              this.classList.toggle('is-open');\n              let expanded = this.getAttribute('aria-expanded') === 'true' || false;\n              this.setAttribute('aria-expanded', !expanded);\n          });\n      });\n\n      \/\/ Script for Disclaimers\n      const legalToggle = document.querySelector('.js-legal-toggle');\n      if (legalToggle) {\n          legalToggle.addEventListener('click', function() {\n              this.classList.toggle('is-open');\n              let expanded = this.getAttribute('aria-expanded') === 'true' || false;\n              this.setAttribute('aria-expanded', !expanded);\n          });\n      }\n  });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-80edf85 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"80edf85\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8d0b467\" data-id=\"8d0b467\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-83b04ed elementor-widget elementor-widget-gallery\" data-id=\"83b04ed\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;gallery_layout&quot;:&quot;masonry&quot;,&quot;columns_mobile&quot;:2,&quot;gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:3,&quot;sizes&quot;:[]},&quot;image_hover_animation&quot;:&quot;grow&quot;,&quot;lazyload&quot;:&quot;yes&quot;,&quot;columns&quot;:4,&quot;columns_tablet&quot;:2,&quot;gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;link_to&quot;:&quot;file&quot;,&quot;content_hover_animation&quot;:&quot;fade-in&quot;}\" data-widget_type=\"gallery.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-gallery__container\">\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/parete-verde-insonorizzazione.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"83b04ed\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTkxOTUsInVybCI6Imh0dHBzOlwvXC9ncmVlbmhhYml0YXQuaXRcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjZcLzAyXC9wYXJldGUtdmVyZGUtaW5zb25vcml6emF6aW9uZS5qcGciLCJzbGlkZXNob3ciOiI4M2IwNGVkIn0%3D\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/parete-verde-insonorizzazione.jpg\" data-width=\"1920\" data-height=\"1280\" aria-label=\"Imponente parete vegetale viva indoor ad alta densit\u00e0 botanica come quinta scenica in sala riunioni corporate. Ecosistema idroponico Wall Green Hydro ingegnerizzato per la purificazione attiva dell&#039;aria, l&#039;assorbimento acustico e l&#039;incremento del benessere biofilico negli spazi direzionali.\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/pannelli-verdi-arredamento-showroom.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"83b04ed\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTkxNjUsInVybCI6Imh0dHBzOlwvXC9ncmVlbmhhYml0YXQuaXRcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjZcLzAyXC9wYW5uZWxsaS12ZXJkaS1hcnJlZGFtZW50by1zaG93cm9vbS5qcGciLCJzbGlkZXNob3ciOiI4M2IwNGVkIn0%3D\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/pannelli-verdi-arredamento-showroom.jpg\" data-width=\"1920\" data-height=\"1080\" aria-label=\"Imponente bio-infrastruttura viva Wall Green Hydro integrata in area lounge e ristorazione nel settore Ho.Re.Ca. Sistema idroponico avanzato ad alta densit\u00e0 botanica, ingegnerizzato per il raffrescamento evaporativo, l&#039;abbattimento del riverbero acustico e l&#039;ottimizzazione del comfort biofilico della clientela.\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/verde-verticale-eventi-noleggio.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"83b04ed\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTkzMjUsInVybCI6Imh0dHBzOlwvXC9ncmVlbmhhYml0YXQuaXRcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjZcLzAyXC92ZXJkZS12ZXJ0aWNhbGUtZXZlbnRpLW5vbGVnZ2lvLmpwZyIsInNsaWRlc2hvdyI6IjgzYjA0ZWQifQ%3D%3D\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/verde-verticale-eventi-noleggio.jpg\" data-width=\"1920\" data-height=\"1280\" aria-label=\"Integrazione architettonica di schermi digitali su quinta scenica in vegetazione mista stabilizzata effetto jungle. Design biofilico avanzato per spazi retail e tech corporate, progettato per massimizzare il comfort visivo e l&#039;assorbimento acustico a zero manutenzione.\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/giardino-verticale-home.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"83b04ed\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTkwMzAsInVybCI6Imh0dHBzOlwvXC9ncmVlbmhhYml0YXQuaXRcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjZcLzAyXC9naWFyZGluby12ZXJ0aWNhbGUtaG9tZS5qcGciLCJzbGlkZXNob3ciOiI4M2IwNGVkIn0%3D\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/giardino-verticale-home.jpg\" data-width=\"1144\" data-height=\"1920\" aria-label=\"Rigoglioso giardino verticale indoor in verde vivo naturale, arricchito con diverse specie botaniche e fiori rossi, utilizzato come quinta scenografica per un&#039;elegante area lounge con divano chiaro di design. Soluzione strategica di interior design biofilico di alta fascia, progettata per creare un&#039;oasi di relax immersiva, purificare l&#039;aria e valorizzare gli spazi di sosta nel settore luxury hospitality e residenziale.\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/pareti-verdi-centro-commerciale.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"83b04ed\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTkyNDUsInVybCI6Imh0dHBzOlwvXC9ncmVlbmhhYml0YXQuaXRcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjZcLzAyXC9wYXJldGktdmVyZGktY2VudHJvLWNvbW1lcmNpYWxlLmpwZyIsInNsaWRlc2hvdyI6IjgzYjA0ZWQifQ%3D%3D\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/pareti-verdi-centro-commerciale.jpg\" data-width=\"1920\" data-height=\"1275\" aria-label=\"Imponente bio-infrastruttura viva Wall Green Hydro integrata sulle balconate multilivello di un grande centro commerciale. Sistema idroponico indoor ad alta densit\u00e0 botanica, ingegnerizzato per la purificazione attiva dell&#039;aria, la regolazione termica sotto ampie coperture vetrate e l&#039;elevazione dell&#039;esperienza retail in totale conformit\u00e0 ESG.\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/verde-indoor-open-space-aziendale.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"83b04ed\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTkzMDUsInVybCI6Imh0dHBzOlwvXC9ncmVlbmhhYml0YXQuaXRcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjZcLzAyXC92ZXJkZS1pbmRvb3Itb3Blbi1zcGFjZS1hemllbmRhbGUuanBnIiwic2xpZGVzaG93IjoiODNiMDRlZCJ9\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/verde-indoor-open-space-aziendale.jpg\" data-width=\"1920\" data-height=\"1280\" aria-label=\"Parete vegetale viva Wall Green Hydro integrata in corridoio tecnico adiacente a server room aziendale. Sistema idroponico indoor avanzato con illuminazione fitostimolante, ingegnerizzato per la purificazione attiva dell&#039;aria, la biofiltrazione delle polveri e il supporto al raffrescamento naturale (cooling) nei data center corporate.\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/parete-vegetale-reception-resort.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"83b04ed\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTkxNzAsInVybCI6Imh0dHBzOlwvXC9ncmVlbmhhYml0YXQuaXRcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjZcLzAyXC9wYXJldGUtdmVnZXRhbGUtcmVjZXB0aW9uLXJlc29ydC5qcGciLCJzbGlkZXNob3ciOiI4M2IwNGVkIn0%3D\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/parete-vegetale-reception-resort.jpg\" data-width=\"1280\" data-height=\"1920\" aria-label=\"Imponente giardino verticale in verde vivo naturale progettato per incorniciare le porte scorrevoli d&#039;ingresso di un headquarter direzionale. Soluzione avanzata di architettura biofilica integrata, ingegnerizzata per la purificazione attiva dell&#039;aria, l&#039;abbattimento dello stress d&#039;accesso e la valorizzazione immediata dell&#039;identit\u00e0 ecosostenibile del building.\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/giardino-verticale-uffici.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"83b04ed\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTkwNjAsInVybCI6Imh0dHBzOlwvXC9ncmVlbmhhYml0YXQuaXRcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjZcLzAyXC9naWFyZGluby12ZXJ0aWNhbGUtdWZmaWNpLmpwZyIsInNsaWRlc2hvdyI6IjgzYjA0ZWQifQ%3D%3D\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/giardino-verticale-uffici.jpg\" data-width=\"1920\" data-height=\"1080\" aria-label=\"Imponenti giardini verticali simmetrici in verde vivo interno ad inquadrare le ampie vetrate di una moderna sala riunioni aziendale in stile industrial. Soluzione avanzata di architettura biofilica per uffici direzionali, progettata per la purificazione attiva dell&#039;aria, l&#039;ottimizzazione del corporate wellness e il potenziamento della produttivit\u00e0 del team.\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/giardino-verticale-piscina.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"83b04ed\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTkwNDUsInVybCI6Imh0dHBzOlwvXC9ncmVlbmhhYml0YXQuaXRcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjZcLzAyXC9naWFyZGluby12ZXJ0aWNhbGUtcGlzY2luYS5qcGciLCJzbGlkZXNob3ciOiI4M2IwNGVkIn0%3D\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/giardino-verticale-piscina.jpg\" data-width=\"1280\" data-height=\"1920\" aria-label=\"Lussureggiante parete botanica naturale installata a bordo piscina sotto un moderno pergolato in legno. Intervento di landscape design per aree wellness e luxury hospitality, studiato per creare una barriera visiva scenografica e rinfrescare il microclima dell&#039;area relax.\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/giardino-stabilizzato-strutture-ricettive.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"83b04ed\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTkwMTUsInVybCI6Imh0dHBzOlwvXC9ncmVlbmhhYml0YXQuaXRcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjZcLzAyXC9naWFyZGluby1zdGFiaWxpenphdG8tc3RydXR0dXJlLXJpY2V0dGl2ZS5qcGciLCJzbGlkZXNob3ciOiI4M2IwNGVkIn0%3D\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/giardino-stabilizzato-strutture-ricettive.jpg\" data-width=\"1920\" data-height=\"1080\" aria-label=\"Parete vegetale indoor con piante vive integrata a filo muro nell&#039;atrio della sede Depobank. Soluzione avanzata di interior design per istituti di credito, studiata per purificare l&#039;aria, trasmettere un&#039;identit\u00e0 ecosostenibile e accogliere i clienti in una sala d&#039;attesa dal forte impatto visivo.\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/design-sostenibile-spazi-retail.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"83b04ed\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTg5NjUsInVybCI6Imh0dHBzOlwvXC9ncmVlbmhhYml0YXQuaXRcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjZcLzAyXC9kZXNpZ24tc29zdGVuaWJpbGUtc3BhemktcmV0YWlsLmpwZyIsInNsaWRlc2hvdyI6IjgzYjA0ZWQifQ%3D%3D\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/design-sostenibile-spazi-retail.jpg\" data-width=\"1920\" data-height=\"1280\" aria-label=\"Parete divisoria autoportante in verde vivo naturale dotata di sistema di irrigazione a ciclo chiuso con vasca di ricircolo continuo dell&#039;acqua. Soluzione ingegneristica di office design ecosostenibile per l&#039;ingresso di una server room, studiata per separare visivamente gli spazi hi-tech, purificare l&#039;aria e garantire la massima efficienza idrica.\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/parete-verde-camerini-boutique.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"83b04ed\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTkxOTAsInVybCI6Imh0dHBzOlwvXC9ncmVlbmhhYml0YXQuaXRcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjZcLzAyXC9wYXJldGUtdmVyZGUtY2FtZXJpbmktYm91dGlxdWUuanBnIiwic2xpZGVzaG93IjoiODNiMDRlZCJ9\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/parete-verde-camerini-boutique.jpg\" data-width=\"1920\" data-height=\"1275\" aria-label=\"Prospettiva dal basso delle balconate di un centro commerciale rivestite con il sistema vivo Wall Green Hydro. Soluzione di architettura biofilica avanzata per il retail design, progettata per l&#039;abbattimento dell&#039;inquinamento acustico indoor e il miglioramento della shopping experience attraverso la purificazione naturale dell&#039;aria.\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/Wall_Hydro_7.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"83b04ed\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTkzNTAsInVybCI6Imh0dHBzOlwvXC9ncmVlbmhhYml0YXQuaXRcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjZcLzAyXC9XYWxsX0h5ZHJvXzcuanBnIiwic2xpZGVzaG93IjoiODNiMDRlZCJ9\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/Wall_Hydro_7.jpg\" data-width=\"1920\" data-height=\"1282\" aria-label=\"Scenografico percorso d&#039;ingresso pedonale per luxury hospitality delimitato da imponenti quinte continue in verde vivo esterno. Soluzione avanzata di landscape design arricchita da illuminazione aerea a catenaria, progettata per creare un&#039;esperienza immersiva, elevare l&#039;accoglienza degli ospiti e massimizzare l&#039;impatto visivo notturno della location.\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/design-biofilico-area-lounge-albergo.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"83b04ed\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTg5NTUsInVybCI6Imh0dHBzOlwvXC9ncmVlbmhhYml0YXQuaXRcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjZcLzAyXC9kZXNpZ24tYmlvZmlsaWNvLWFyZWEtbG91bmdlLWFsYmVyZ28uanBnIiwic2xpZGVzaG93IjoiODNiMDRlZCJ9\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/design-biofilico-area-lounge-albergo.jpg\" data-width=\"1920\" data-height=\"1280\" aria-label=\"Spettacolare parete vegetale indoor abbinata a una scenografica fontana lineare con getti d&#039;acqua e sipario a fili. Progetto esclusivo di architettura sensoriale per luxury hospitality e SPA, studiato per unire l&#039;impatto del design botanico al relax dell&#039;elemento acquatico in ambienti di altissima fascia.\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9fcf518 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"9fcf518\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-24b960d\" data-id=\"24b960d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c1455c7 elementor-widget elementor-widget-html\" data-id=\"c1455c7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"gh-institutional-validation\" aria-labelledby=\"gh-rai-title\">\n\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;700;800;900&family=Inter:wght@400;500;600;700&display=swap');\n\n        .gh-institutional-validation {\n            width: 100%; background-color: #ffffff; padding: 100px 5%; box-sizing: border-box;\n            font-family: 'Inter', sans-serif; border-bottom: 1px solid #f0f0f0; border-top: 1px solid #f0f0f0;\n        }\n\n        .gh-inst-container { max-width: 1250px; margin: 0 auto; display: grid; grid-template-columns: 1.1fr 1fr; gap: 60px; align-items: center; }\n\n        .gh-inst-text { display: flex; flex-direction: column; align-items: flex-start; }\n\n        .gh-gov-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(200, 161, 101, 0.08); border: 1px solid rgba(200, 161, 101, 0.3);\n        color: #B38B4D; padding: 8px 16px; border-radius: 4px; font-size: 11px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 25px; }\n        .gh-gov-badge svg { width: 14px; height: 14px; fill: currentColor; }\n\n        .gh-inst-title { font-family: 'Montserrat', sans-serif; font-size: clamp(34px, 4vw, 50px); font-weight: 900; color: #1A3C34; line-height: 1.1; margin: 0 0 20px 0;\n        letter-spacing: -1.5px; }\n        .gh-inst-title span { color: #C8A165; }\n\n        .gh-inst-desc { font-size: 16px; color: #555555; line-height: 1.6; margin: 0 0 35px 0; font-weight: 400;}\n        .gh-inst-desc strong { color: #222222; font-weight: 700; }\n\n        .gh-enea-highlight {\n            display: inline-block;\n            color: #1A3C34; \n            background: rgba(200, 161, 101, 0.15);\n            border: 1px solid rgba(200, 161, 101, 0.6);\n            padding: 2px 8px;\n            border-radius: 4px;\n            font-weight: 900;\n            font-size: 0.95em;\n            letter-spacing: 1px;\n            transform: translateY(-2px);\n            box-shadow: 0 4px 10px rgba(0,0,0,0.05);\n        }\n\n        .gh-dept-highlight {\n            color: #1A3C34; \n            font-weight: 700;\n            letter-spacing: 0.5px;\n        }\n\n        .gh-inst-bullets { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 18px; }\n        .gh-inst-bullets li { display: flex; align-items: flex-start; gap: 15px; font-size: 15px; color: #555555; font-weight: 500; line-height: 1.5; }\n        .gh-inst-bullets li svg { flex-shrink: 0; width: 22px; height: 22px; stroke: #C8A165; fill: none; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round;\n        margin-top: 1px;}\n        .gh-inst-bullets li strong { color: #111111; font-weight: 700;}\n\n        .gh-inst-video-card { position: relative; width: 100%; border-radius: 12px; overflow: hidden; box-shadow: 0 20px 50px rgba(0,0,0,0.15); border: 1px solid #eeeeee;\n        background-color: #000; display: block; text-decoration: none; line-height: 0; transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);}\n\n        .gh-inst-video-card:hover { transform: translateY(-8px); border-color: rgba(200, 161, 101, 0.4); box-shadow: 0 25px 60px rgba(0,0,0,0.25); }\n\n        .gh-rai-thumbnail { width: 100%; height: auto; display: block; transition: transform 0.6s ease, opacity 0.6s ease; opacity: 0.9; object-fit: contain;}\n        .gh-inst-video-card:hover .gh-rai-thumbnail { transform: scale(1.03); opacity: 0.7; }\n\n        .gh-play-btn-wrapper { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80px; height: 80px; background: rgba(200, 161, 101, 0.95);\n        border-radius: 50%; display: flex; justify-content: center; align-items: center; box-shadow: 0 0 0 0 rgba(200, 161, 101, 0.7);\n        animation: pulsePlayRai 2s infinite cubic-bezier(0.66, 0, 0, 1); transition: all 0.3s ease; z-index: 10; }\n        .gh-play-btn-wrapper svg { width: 24px; height: 24px; fill: #fff; margin-left: 4px; transition: fill 0.3s ease;}\n\n        .gh-inst-video-card:hover .gh-play-btn-wrapper { background: #fff; transform: translate(-50%, -50%) scale(1.15); animation: none; box-shadow: 0 10px 40px rgba(200,161,101,0.4); }\n        .gh-inst-video-card:hover .gh-play-btn-wrapper svg { fill: #C8A165; }\n\n        @keyframes pulsePlayRai { 0% { box-shadow: 0 0 0 0 rgba(200, 161, 101, 0.7);\n        } 70% { box-shadow: 0 0 0 20px rgba(200, 161, 101, 0);\n        } 100% { box-shadow: 0 0 0 0 rgba(200, 161, 101, 0); } }\n\n        .gh-rai-logo-cover {\n            position: absolute;\n            bottom: 0;\n            right: 0;\n            width: 45%;\n            height: 40px;\n            background: linear-gradient(to right, transparent, #000 30%);\n            z-index: 5;\n        }\n\n        .gh-rai-logo-bar { position: absolute; bottom: 0; left: 0; width: 100%; padding: 30px 30px 20px 30px; background: linear-gradient(to top, rgba(0,0,0,0.85), transparent);\n        display: flex; justify-content: space-between; align-items: center; line-height: normal; z-index: 10; }\n        .gh-rai-text { color: #fff; font-size: 15px; font-weight: 800; letter-spacing: 1px; font-family: 'Montserrat', sans-serif;}\n\n        .gh-external-link { display: flex; align-items: center; gap: 8px; color: #fff; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;}\n        .gh-external-link svg { width: 16px; height: 16px; stroke: currentColor; fill: none; stroke-width: 2;}\n\n        @media (max-width: 1024px) {\n            .gh-inst-container { grid-template-columns: 1fr; gap: 50px; max-width: 700px; }\n            .gh-inst-text { text-align: left; align-items: flex-start; }\n            .gh-play-btn-wrapper { width: 65px; height: 65px; }\n            .gh-play-btn-wrapper svg { width: 20px; height: 20px; }\n        }\n        @media (max-width: 768px) {\n            .gh-institutional-validation { padding: 80px 20px; }\n            .gh-inst-title { font-size: 34px; letter-spacing: -1px; margin-bottom: 15px;}\n            .gh-inst-desc { font-size: 15px; }\n            .gh-inst-bullets li { font-size: 14px; }\n            .gh-rai-logo-bar { padding: 20px 15px 15px 15px; }\n            .gh-rai-text { font-size: 14px; }\n        }\n    <\/style>\n\n    <div class=\"gh-inst-container\">\n\n        <div class=\"gh-inst-text\">\n            <div class=\"gh-gov-badge\" aria-hidden=\"true\">\n                <svg focusable=\"false\" viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg>\n                ENEA INSTITUTIONAL VALIDATION\n            <\/div>\n\n            <h2 id=\"gh-rai-title\" class=\"gh-inst-title\">The Envelope of the future, validated by <span>Science<\/span>.<\/h2>\n            <p class=\"gh-inst-desc\">Abandon decorative gardening. Together with the <span class=\"gh-dept-highlight\">Energy Efficiency Unit<\/span> <span class=\"gh-enea-highlight\">ENEA<\/span>, on <strong>RAI 1<\/strong> we demonstrated the real impact of our Dry-Tech system. A soilless cultivation ecosystem capable of mitigating the Urban Heat Island through evapotranspiration, generating certified Cooling Power capable of lightening the load on the refrigeration units of commercial buildings.<\/p>\n\n            <ul class=\"gh-inst-bullets\">\n                <li>\n                    <svg aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                    <span><strong>The End of Potting Soil:<\/strong> Institutional promoters in Italy of Dry-Tech technology for indoor and outdoor phytoremediation.<\/span>\n                <\/li>\n                <li>\n                    <svg aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                    <span><strong>ENEA Thermal Efficiency:<\/strong> Thermodynamic and consumption reduction performance confirmed by state researchers.<\/span>\n                <\/li>\n                <li>\n                    <svg aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                    <span><strong>EPBD Directive (Green Homes):<\/strong> The engineered infrastructure essential for obtaining ESG parameters.<\/span>\n                <\/li>\n            <\/ul>\n        <\/div>\n\n        <a href=\"https:\/\/www.raiplay.it\/video\/2022\/07\/Tutti-i-vantaggi-del-verde-verticale---Unomattina-estate---25072022-350be243-9622-490e-8b1a-87ad59bbc2d6.html\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"gh-inst-video-card\" aria-label=\"Watch the full interview on RaiPlay with ENEA and Green Habitat (Opens in a new official tab)\">\n            <img loading=\"lazy\" src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2022\/08\/ANTEPRIM-RAI.jpg\" alt=\"Green Habitat Founder and ENEA Researchers live on Rai 1 talking about thermal efficiency\" class=\"gh-rai-thumbnail\" width=\"800\" height=\"450\" decoding=\"async\" loading=\"lazy\">\n            <div class=\"gh-play-btn-wrapper\" aria-hidden=\"true\">\n                <svg focusable=\"false\" viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\n            <\/div>\n            <div class=\"gh-rai-logo-cover\" aria-hidden=\"true\"><\/div>\n\n            <div class=\"gh-rai-logo-bar\" aria-hidden=\"true\">\n                <div class=\"gh-rai-text\">RaiPlay<\/div>\n                <div class=\"gh-external-link\">\n                    Watch on Rai.it <svg focusable=\"false\" viewBox=\"0 0 24 24\"><path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"\/><polyline points=\"15 3 21 3 21 9\"\/><line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\"\/><\/svg>\n                <\/div>\n            <\/div>\n        <\/a>\n\n    <\/div>\n<\/section>\n\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"BroadcastEvent\",\n  \"name\": \"ENEA and Green Habitat intervention on Thermodynamic Efficiency (HVAC) of Green Walls\",\n  \"description\": \"Green Habitat presents on national live television on RAI 1 (program Unomattina Estate), in synergy with the researchers of the ENEA energy efficiency department, the Wall Green Habitat Hydro hydroponic system as a technological standard for passive Cooling Power, the mitigation of the Urban Heat Island (UHI) and regulatory compliance with the European Green Homes Directive (EPBD 2050).\",\n  \"publishedOn\": {\n    \"@type\": \"BroadcastService\",\n    \"name\": \"RAI 1 \/ RaiPlay\",\n    \"broadcaster\": {\n      \"@type\": \"Organization\",\n      \"name\": \"Radiotelevisione Italiana (RAI)\"\n    }\n  },\n  \"video\": {\n    \"@type\": \"VideoObject\",\n    \"name\": \"All the advantages of vertical greenery - Unomattina\",\n    \"contentUrl\": \"https:\/\/www.raiplay.it\/video\/2022\/07\/Tutti-i-vantaggi-del-verde-verticale---Unomattina-estate---25072022-350be243-9622-490e-8b1a-87ad59bbc2d6.html\",\n    \"thumbnailUrl\": \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2022\/08\/ANTEPRIM-RAI.jpg\",\n    \"uploadDate\": \"2022-07-25T10:00:00+02:00\"\n  }\n}\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-56cb6c46 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"56cb6c46\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-20277575\" data-id=\"20277575\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-58422c67 elementor-widget elementor-widget-html\" data-id=\"58422c67\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n    .gh-roi-text-wrapper {\n        font-family: 'Montserrat', sans-serif;\n        text-align: center;\n        max-width: 850px;\n        margin: 0 auto 40px auto;\n        padding: 40px 20px 20px 20px;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n    }\n\n    .gh-roi-eyebrow {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        font-size: 12px;\n        font-weight: 800;\n        color: #C8A165; \n        text-transform: uppercase;\n        letter-spacing: 2px;\n        margin-bottom: 20px;\n    }\n\n    .gh-roi-trend-icon {\n        width: 18px;\n        height: 18px;\n        stroke: #C8A165;\n        stroke-width: 2.5;\n        stroke-linecap: round;\n        stroke-linejoin: round;\n        fill: none;\n    }\n\n    .gh-roi-title {\n        font-size: clamp(34px, 5vw, 60px);\n        font-weight: 900;\n        color: #111111; \n        line-height: 1.1;\n        margin: 0 0 25px 0;\n        letter-spacing: -1.5px;\n    }\n    \n    .gh-roi-title span {\n        color: #1A3C34; \n    }\n\n    .gh-roi-desc {\n        font-size: clamp(15px, 2vw, 18px);\n        font-weight: 500;\n        color: #555555;\n        line-height: 1.6;\n        margin: 0;\n    }\n<\/style>\n\n<header class=\"gh-roi-text-wrapper\" aria-labelledby=\"gh-roi-heading\">\n    \n    <span class=\"gh-roi-eyebrow\" aria-hidden=\"true\">\n        <svg aria-hidden=\"true\" focusable=\"false\" class=\"gh-roi-trend-icon\" viewBox=\"0 0 24 24\"><polyline points=\"22 7 13.5 15.5 8.5 10.5 2 17\"><\/polyline><polyline points=\"16 7 22 7 22 13\"><\/polyline><\/svg>\n        CORPORATE ASSET & ROI\n    <\/span>\n    \n    <h2 id=\"gh-roi-heading\" class=\"gh-roi-title\">\n        Comfort is an asset.<br>\n        <span>Noise is a cost.<\/span>\n    <\/h2>\n    \n    <p class=\"gh-roi-desc\">\n        Optimal acoustics support productivity and reduce stress. Move the slider to explore predictive models for reverberation reduction <strong>(RT60)<\/strong>, evaluating the potential of these bio-infrastructures in transforming a structural issue into a high-performing investment.\n    <\/p>\n\n<\/header>\n\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"WebPageElement\",\n  \"name\": \"ROI and Acoustic Correction Simulator (RT60)\",\n  \"description\": \"Acoustic Correction as an Investment (ROI) and Corporate Asset: Background noise and excessive reverberation time (RT60) in workspaces (open plan offices) and the HoReCa sector (restaurants) generate acoustic stress, potentially reducing staff productivity and driving customers away. Green Habitat's sound-absorbing solutions and bio-infrastructures (indoor\/outdoor living green walls, preserved vertical gardens, partitions, and acoustic furnishing accessories) are designed to support the conversion of this hidden cost into a tangible corporate asset, contributing to the reduction of noise pollution and the improvement of the organizational Comfort Index. This tool, based on predictive acoustic calculation models, serves the corporate sectors.\",\n  \"about\": {\n    \"@type\": \"Service\",\n    \"name\": \"Acoustic Correction and Bio-infrastructures\"\n  }\n}\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-629ab8f6 elementor-section-full_width elementor-hidden-tablet elementor-hidden-mobile elementor-section-height-default elementor-section-height-default\" data-id=\"629ab8f6\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5ac7e396\" data-id=\"5ac7e396\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1b5bfd73 elementor-widget elementor-widget-html\" data-id=\"1b5bfd73\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"gh-desktop-pro-wrapper\" data-start=\"horeca\" aria-label=\"Interactive predictive model simulator for RT60 acoustic reverberation reduction\">\n\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500;600;700;800;900&family=Inter:wght@400;500;600&display=swap');\n\n        .gh-desktop-pro-wrapper { width: 100%; max-width: 1200px; margin: 40px auto; font-family: 'Montserrat', sans-serif; padding: 0 20px; box-sizing: border-box; user-select: none; -webkit-user-select: none; }\n        .gh-d-stage { position: relative; width: 100%; aspect-ratio: 3 \/ 2; overflow: hidden; border-radius: 12px 12px 0 0; background: #111; box-shadow: 0 20px 40px rgba(0,0,0,0.2); }\n\n        .gh-d-layer-after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }\n        .gh-d-layer-before { \n            position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; \n            clip-path: inset(0 50% 0 0); \n            -webkit-clip-path: inset(0 50% 0 0);\n        }\n        .gh-d-layer-after img, .gh-d-layer-before img { \n            width: 100% !important; height: 100% !important; object-fit: cover !important; max-width: none !important; display: block;\n        }\n        .gh-d-split-line { position: absolute; top: 0; left: 50%; height: 100%; width: 2px; background: #fff; z-index: 10; pointer-events: none; box-shadow: 0 0 15px rgba(0,0,0,0.6); }\n\n        .gh-d-img-badge { box-sizing: border-box; position: absolute; top: 30px; padding: 10px 16px; color: #fff; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 1.5px; border-radius: 6px; z-index: 20; backdrop-filter: blur(8px); white-space: nowrap; transition: opacity 0.3s ease; pointer-events: none; box-shadow: 0 5px 15px rgba(0,0,0,0.3);}\n        .gh-desktop-pro-wrapper .left-badge { left: 30px; background: rgba(0, 0, 0, 0.7); border: 1px solid transparent; }\n        .gh-desktop-pro-wrapper .right-badge { right: 30px; background: rgba(26, 60, 52, 0.9); color: #C8A165; border: 1px solid rgba(200,161,101,0.3);}\n\n        .gh-d-range { -webkit-appearance: none; appearance: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 50; cursor: ew-resize; margin: 0; outline: none; }\n        .gh-d-range::-webkit-slider-thumb { -webkit-appearance: none; width: 80px; height: 80px; border-radius: 50%; }\n        .gh-d-range::-moz-range-thumb { width: 80px; height: 80px; border-radius: 50%; border: none; }\n        .gh-d-thumb { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 70px; height: 44px; background: #fff; border-radius: 25px; box-shadow: 0 5px 20px rgba(0,0,0,0.5); border: 1px solid #ddd; display: flex; align-items: center; justify-content: center; gap: 6px; pointer-events: none; z-index: 40; transition: border-color 0.3s; }\n        \n        @keyframes pulseGlowD { 0% { box-shadow: 0 0 0 0 rgba(200, 161, 101, 0.6); border-color: #C8A165; } 70% { box-shadow: 0 0 0 15px rgba(200, 161, 101, 0); border-color: #C8A165; } 100% { box-shadow: 0 0 0 0 rgba(200, 161, 101, 0); border-color: #ddd; } }\n        .gh-desktop-pro-wrapper .pulse-attention { animation: pulseGlowD 2s infinite; }\n        .gh-d-thumb .grip { width: 3px; height: 16px; background: #ccc; border-radius: 3px; }\n\n        .gh-d-dashboard { display: flex; flex-direction: column; background: #0A0A0A; border-radius: 0 0 12px 12px; border: 1px solid #222; border-top: 4px solid #1A3C34; box-shadow: 0 20px 40px rgba(0,0,0,0.25); overflow: hidden;}\n        .gh-d-ultra-monitor { display: flex; justify-content: space-between; align-items: center; padding: 15px 30px; height: 100px; box-sizing: border-box; gap: 30px; border-bottom: 1px solid #222; background: linear-gradient(180deg, #0f0f0f 0%, #050505 100%);}\n        .gh-d-monitor-side { display: flex; flex-direction: column; justify-content: center; width: 220px; }\n        .gh-desktop-pro-wrapper .left-side { align-items: flex-start; gap: 8px;} \n        .gh-desktop-pro-wrapper .right-side { align-items: flex-end; gap: 8px;}\n        .gh-d-live-badge { display: flex; align-items: center; gap: 6px; color: #C8A165; font-size: 10px; font-weight: 800; letter-spacing: 1.5px; }\n        .gh-d-live-dot { width: 6px; height: 6px; background-color: #4DFF88; border-radius: 50%; display: inline-block; animation: livePulseD 1.5s infinite ease-in-out; }\n        @keyframes livePulseD { 0% { transform: scale(0.8); box-shadow: 0 0 0 0 rgba(77, 255, 136, 0.7); } 50% { transform: scale(1); box-shadow: 0 0 0 3px rgba(77, 255, 136, 0); } 100% { transform: scale(0.8); box-shadow: 0 0 0 0 rgba(77, 255, 136, 0.7); } }\n\n        .gh-d-status { font-size: 14px; color: #FF4B4B; font-weight: 900; letter-spacing: 0.5px; transition: color 0.3s; text-align: right;}\n        .gh-d-metric { display: flex; flex-direction: column; } \n        .gh-desktop-pro-wrapper .right-align { text-align: right; }\n        .d-lbl { font-size: 10px; color: #888; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 2px; }\n        .d-val { font-size: 32px; color: #FF4B4B; font-weight: 900; line-height: 1; font-family: 'Courier New', monospace; text-shadow: 0 0 15px rgba(0,0,0,0.9); transition: color 0.3s;}\n        .gh-d-canvas-box { flex: 1; height: 60px; background: #000; border: 1px solid #222; border-radius: 6px; position: relative; overflow: hidden; box-shadow: inset 0 2px 10px rgba(0,0,0,0.8); }\n        .gh-desktop-pro-wrapper .gl { width: 100%; height: 1px; background: rgba(255,255,255,0.06); position: absolute; }\n        .gh-desktop-pro-wrapper .gl:nth-child(1) { top: 33%; } .gh-desktop-pro-wrapper .gl:nth-child(2) { top: 66%; }\n        .gh-desktop-pro-wrapper .gl-v { position: absolute; top:0; height:100%; width:1px; background: rgba(255,255,255,0.04); left: 50%; }\n        .js-d-canvas { width: 100%; height: 100%; position: relative; z-index: 2; display: block; }\n\n        .gh-d-tabs-row { display: flex; height: 50px; background: #111; }\n        .gh-d-tab { \n            flex: 1; appearance: none; border: none; background: transparent; outline: none; \n            margin: 0; padding: 0; font-family: inherit; display: flex; align-items: center; \n            justify-content: center; color: #777; font-size: 11px; font-weight: 800; \n            text-transform: uppercase; letter-spacing: 1px; cursor: pointer; \n            border-right: 1px solid #222; transition: all 0.4s ease; \n        }\n        .gh-d-tab:last-child { border-right: none; }\n        .gh-d-tab:hover, .gh-d-tab:focus-visible { background: #1a1a1a; color: #ddd; }\n        .gh-d-tab.active { background: #1A3C34; color: #C8A165; box-shadow: inset 0 3px 10px rgba(0,0,0,0.3); position: relative;}\n        .gh-d-tab.active::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: #C8A165; }\n        .gh-d-tab.tab-glow { background: rgba(200, 161, 101, 0.15); color: #C8A165; text-shadow: 0 0 10px rgba(200,161,101,0.6); }\n\n        .gh-d-disclaimer {\n            font-family: 'Inter', sans-serif;\n            font-size: 10px;\n            color: #666;\n            text-align: center;\n            padding: 12px 20px;\n            background: #0A0A0A;\n            border-top: 1px solid #222;\n            line-height: 1.4;\n        }\n\n        @media (max-width: 992px) { .gh-desktop-pro-wrapper { display: none !important; } }\n    <\/style>\n\n    <div class=\"gh-d-stage\" aria-hidden=\"true\">\n        <div class=\"gh-d-layer-after\">\n            <img fetchpriority=\"high\" decoding=\"async\" class=\"js-d-img-after skip-lazy\" data-no-lazy=\"1\" width=\"1200\" height=\"800\" src=\"data:image\/gif;base64,R0lGODlhAQABAAD\/ACwAAAAAAQABAAACADs=\" alt=\"Redeveloped environment\">\n        <\/div>\n        <div class=\"gh-d-layer-before js-d-before-layer\">\n            <img decoding=\"async\" class=\"js-d-before-img skip-lazy\" data-no-lazy=\"1\" width=\"1200\" height=\"800\" src=\"data:image\/gif;base64,R0lGODlhAQABAAD\/ACwAAAAAAQABAAACADs=\" alt=\"Original state of the environment\">\n        <\/div>\n        <div class=\"gh-d-split-line js-d-split-line\"><\/div>\n\n        <div class=\"gh-d-img-badge left-badge js-d-badge-left\" aria-hidden=\"true\">REFLECTIVE SURFACE<\/div>\n        <div class=\"gh-d-img-badge right-badge js-d-badge-right\" aria-hidden=\"true\">ACTIVE ABSORPTION<\/div>\n\n        <input type=\"range\" min=\"0\" max=\"100\" value=\"50\" class=\"gh-d-range js-d-range\" aria-label=\"Drag the slider to evaluate reverberation reduction before and after the intervention\">\n        <div class=\"gh-d-thumb pulse-attention js-d-thumb\" aria-hidden=\"true\">\n            <svg aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" stroke=\"#1A3C34\" stroke-width=\"2.5\" fill=\"none\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg>\n            <div class=\"grip\"><\/div>\n            <svg aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" stroke=\"#1A3C34\" stroke-width=\"2.5\" fill=\"none\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\n        <\/div>\n    <\/div>\n\n    <div class=\"gh-d-dashboard\" aria-live=\"polite\">\n        <div class=\"gh-d-ultra-monitor\">\n            <div class=\"gh-d-monitor-side left-side\">\n                <div class=\"gh-d-live-badge\" aria-hidden=\"true\"><span class=\"gh-d-live-dot\"><\/span> LIVE SIMULATOR<\/div>\n                <div class=\"gh-d-metric\">\n                    <span class=\"d-lbl\" aria-hidden=\"true\">REVERBERATION (RT60)<\/span>\n                    <span class=\"d-val js-d-val-rt\">2.8s<\/span>\n                <\/div>\n            <\/div>\n            \n            <div class=\"gh-d-canvas-box\" aria-hidden=\"true\">\n                <div class=\"gl\"><\/div><div class=\"gl\"><\/div><div class=\"gl-v\"><\/div>\n                <canvas class=\"js-d-canvas\"><\/canvas>\n            <\/div>\n            \n            <div class=\"gh-d-monitor-side right-side\">\n                <div class=\"gh-d-status js-d-status\" aria-live=\"polite\">HIGH ACOUSTIC STRESS<\/div>\n                <div class=\"gh-d-metric right-align\">\n                    <span class=\"d-lbl\" aria-hidden=\"true\">COMFORT INDEX<\/span>\n                    <span class=\"d-val js-d-val-abs\" style=\"color: #FF4B4B;\">0%<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"gh-d-tabs-row\" role=\"tablist\" aria-label=\"Select the architectural context for the simulation\">\n            <button class=\"gh-d-tab\" data-key=\"horeca\" role=\"tab\" aria-selected=\"false\">HORECA & HOSPITALITY<\/button>\n            <button class=\"gh-d-tab\" data-key=\"corporate\" role=\"tab\" aria-selected=\"false\">CORPORATE MEETING<\/button>\n            <button class=\"gh-d-tab\" data-key=\"openspace\" role=\"tab\" aria-selected=\"false\">OPEN SPACE<\/button>\n            <button class=\"gh-d-tab\" data-key=\"soffitti\" role=\"tab\" aria-selected=\"false\">CEILING ACOUSTICS<\/button>\n        <\/div>\n        \n        <div class=\"gh-d-disclaimer\">\n            *The values shown by the simulator are estimates and predictive models based on standard acoustic calculations. Actual reverberation reduction performance (RT60) is subject to the specific architectural volume and the interaction with pre-existing materials on individual sites.\n        <\/div>\n    <\/div>\n\n    <script type=\"application\/ld+json\">\n    {\n      \"@context\": \"https:\/\/schema.org\",\n      \"@type\": \"WebApplication\",\n      \"name\": \"RT60 Predictive Acoustic Simulator - Green Habitat\",\n      \"url\": \"https:\/\/greenhabitat.it\/\",\n      \"applicationCategory\": \"EngineeringApplication\",\n      \"operatingSystem\": \"All\",\n      \"description\": \"Interactive digital simulator for the predictive estimation of Reverberation Time (RT60) reduction. It allows architects and companies to visually compare the potential acoustic comfort before and after the installation of green walls, preserved lichen, and sound-absorbing partitions for Corporate and Horeca sectors. Models include: 1) Horeca (from 2.8s to 0.6s); 2) Corporate Meeting (from 2.4s to 0.5s); 3) Open Space (to 0.8s); 4) Ceiling Acoustics (from 2.1s to 0.5s).\",\n      \"provider\": {\n        \"@type\": \"Organization\",\n        \"name\": \"Green Habitat\"\n      },\n      \"featureList\": [\n        \"RT60 Reverberation Time Calculation Model\",\n        \"Before\/After Photographic Comparison (Dynamic slider)\",\n        \"Acoustic Stress Analysis with real-time Oscilloscope\"\n      ]\n    }\n    <\/script>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n    document.querySelectorAll('.gh-desktop-pro-wrapper').forEach(wrapper => {\n        if(wrapper.dataset.init) return;\n        wrapper.dataset.init = 'true';\n\n        const slider = wrapper.querySelector('.js-d-range');\n        const beforeLayer = wrapper.querySelector('.js-d-before-layer');\n        const beforeImg = wrapper.querySelector('.js-d-before-img');\n        const imgAfter = wrapper.querySelector('.js-d-img-after');\n        const splitLine = wrapper.querySelector('.js-d-split-line');\n        const thumb = wrapper.querySelector('.js-d-thumb');\n        const statusLabel = wrapper.querySelector('.js-d-status');\n        const valRt = wrapper.querySelector('.js-d-val-rt');\n        const valAbs = wrapper.querySelector('.js-d-val-abs');\n        const badgeLeft = wrapper.querySelector('.js-d-badge-left');\n        const badgeRight = wrapper.querySelector('.js-d-badge-right');\n        const canvas = wrapper.querySelector('.js-d-canvas');\n        const tabs = wrapper.querySelectorAll('.gh-d-tab');\n        \n        if(!slider || !canvas) return;\n        const ctx = canvas.getContext('2d');\n        \n        const scenarios = {\n            horeca: { \n                imgBefore: \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/1-PRIMA-HORECA.jpg\", \n                imgAfter: \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/1-DOPO-HORECA.jpg\", \n                rtBad: 2.8, rtGood: 0.6,\n                altText: \"Horeca Restaurant\"\n            },\n            corporate: { \n                imgBefore: \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/2-PRIMA-CORPORATE.jpg\", \n                imgAfter: \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/2-DOPO-CORPORATE.jpg\", \n                rtBad: 2.4, rtGood: 0.5,\n                altText: \"Corporate Meeting Room\"\n            },\n            openspace: { \n                imgBefore: \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/3-PRIMA-OPEN-SPACE.jpg\", \n                imgAfter: \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/3-DOPO-OPEN-SPACE.jpg\", \n                rtBad: 3.2, rtGood: 0.8,\n                altText: \"Operational Open Space Office\"\n            },\n            soffitti: { \n                imgBefore: \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/4-PRIMA-SOFFITTI.jpg\", \n                imgAfter: \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/4-DOPO-SOFFITTI.jpg\", \n                rtBad: 2.1, rtGood: 0.5,\n                altText: \"Commercial environment with ceiling acoustic correction\"\n            }\n        };\n        \n        let startKey = (wrapper.getAttribute('data-start') || 'horeca').trim().toLowerCase();\n        if (!scenarios[startKey]) startKey = 'horeca';\n        let currentScenario = startKey;\n        \n        let time = 0; let amp = 20; let freq = 0.10; let speed = 0.15; \n        let currentNoise = 10; let colorStr = \"rgb(255, 75, 75)\";\n        let isCalculating = false; let calcInterval; let hasAnimated = false;\n        let isUserDragging = false; \n\n        function resizeCanvas() {\n            if(canvas.parentElement) {\n                canvas.width = canvas.parentElement.offsetWidth;\n                canvas.height = canvas.parentElement.offsetHeight;\n            }\n        }\n        window.addEventListener('resize', resizeCanvas);\n        setTimeout(resizeCanvas, 100);\n\n        tabs.forEach(t => { \n            t.classList.remove('active'); \n            t.setAttribute('aria-selected', 'false'); \n        });\n        const startTab = wrapper.querySelector(`.gh-d-tab[data-key=\"${startKey}\"]`);\n        if(startTab) { \n            startTab.classList.add('active'); \n            startTab.setAttribute('aria-selected', 'true'); \n        }\n        beforeImg.src = scenarios[startKey].imgBefore; \n        beforeImg.alt = `Original state: ${scenarios[startKey].altText} with high reverberation`;\n        imgAfter.src = scenarios[startKey].imgAfter;\n        imgAfter.alt = `Redeveloped state: ${scenarios[startKey].altText} with acoustic bio-infrastructures`;\n\n        tabs.forEach(tab => {\n            tab.addEventListener('click', function(e) {\n                e.preventDefault();\n                const key = this.getAttribute('data-key');\n                isUserDragging = true;\n                \n                tabs.forEach(c => { \n                    c.classList.remove('active'); \n                    c.setAttribute('aria-selected', 'false'); \n                });\n                \n                this.classList.add('active');\n                this.setAttribute('aria-selected', 'true');\n                currentScenario = key;\n                const data = scenarios[key];\n                \n                beforeImg.src = data.imgBefore; \n                beforeImg.alt = `Original state: ${data.altText} with high reverberation`;\n                imgAfter.src = data.imgAfter;\n                imgAfter.alt = `Redeveloped state: ${data.altText} with acoustic bio-infrastructures`;\n                \n                thumb.classList.add('pulse-attention');\n                slider.value = 50; processSlider(50);\n                \n                isCalculating = true;\n                statusLabel.innerText = \"ANALYZING ENVIRONMENT...\"; statusLabel.style.color = \"#888\"; valRt.style.color = \"#888\"; valAbs.style.color = \"#888\";\n                colorStr = \"rgb(136, 136, 136)\"; amp = 18; speed = 0.5; freq = 0.2; currentNoise = 20;\n\n                clearInterval(calcInterval);\n                calcInterval = setInterval(() => {\n                    valRt.innerText = (Math.random() * 3 + 0.5).toFixed(1) + \"s\";\n                    valAbs.innerText = Math.floor(Math.random() * 100) + \"%\";\n                }, 40);\n\n                setTimeout(() => {\n                    if(!isCalculating) return; \n                    clearInterval(calcInterval); isCalculating = false; processSlider(slider.value); \n                }, 700);\n            });\n        });\n\n        slider.addEventListener('input', (e) => {\n            isUserDragging = true;\n            thumb.classList.remove('pulse-attention');\n            if(isCalculating) { clearInterval(calcInterval); isCalculating = false; }\n            processSlider(e.target.value);\n        });\n\n        function processSlider(val) {\n            if(isCalculating) return;\n            \n            beforeLayer.style.clipPath = `inset(0 ${100 - val}% 0 0)`;\n            beforeLayer.style.webkitClipPath = `inset(0 ${100 - val}% 0 0)`;\n            \n            splitLine.style.left = val + \"%\"; thumb.style.left = val + \"%\";\n            badgeLeft.style.opacity = val < 40 ? Math.max(0, (val - 15) \/ 25) : 1;\n            badgeRight.style.opacity = val > 60 ? Math.max(0, (85 - val) \/ 25) : 1;\n\n            const ratio = val \/ 100; const data = scenarios[currentScenario];\n            const currentRt = data.rtGood + (ratio * (data.rtBad - data.rtGood));\n            let visualRatio = ratio <= 0.2 ? 0 : (ratio - 0.2) \/ 0.8;\n            \n            valRt.innerHTML = visualRatio <= 0.1 ? currentRt.toFixed(1) + \"s <span style='font-size:12px; opacity:0.8;'>TARGET<\/span>\" : currentRt.toFixed(1) + \"s\";\n            valAbs.innerText = Math.round((1 - ratio) * 100) + \"%\";\n\n            const r = Math.round(200 + (visualRatio * 55)); const g = Math.round(161 - (visualRatio * 86)); const b = Math.round(101 - (visualRatio * 26));\n            colorStr = `rgb(${r}, ${g}, ${b})`;\n            valRt.style.color = colorStr; valAbs.style.color = colorStr; statusLabel.style.color = colorStr;\n\n            if (visualRatio > 0.6) statusLabel.innerText = \"HIGH ACOUSTIC STRESS\";\n            else if (visualRatio > 0.1) statusLabel.innerText = \"ACTIVE ABSORPTION\";\n            else statusLabel.innerText = \"OPTIMAL COMFORT\";\n\n            amp = 5 + (visualRatio * 22); speed = 0.05 + (visualRatio * 0.12); freq = 0.02 + (visualRatio * 0.06); currentNoise = visualRatio * 18;         \n        }\n\n        function animateOscilloscope() {\n            if (canvas.offsetWidth === 0) {\n                 requestAnimationFrame(animateOscilloscope); return; \n            }\n            ctx.clearRect(0, 0, canvas.width, canvas.height); time += speed; ctx.beginPath(); ctx.lineWidth = 2.5; \n            ctx.strokeStyle = colorStr; ctx.shadowBlur = 8; ctx.shadowColor = colorStr;\n            let centerY = canvas.height \/ 2;\n            for (let x = 0; x < canvas.width; x+=2) {\n                let noise = (Math.random() - 0.5) * currentNoise;\n                let y = centerY + Math.sin(x * freq + time) * amp + noise;\n                if (x === 0) ctx.moveTo(x, y); else ctx.lineTo(x, y);\n            }\n            ctx.stroke(); ctx.shadowBlur = 0; requestAnimationFrame(animateOscilloscope);\n        }\n        processSlider(50); animateOscilloscope();\n\n        function triggerGhostDrag() {\n            if (isUserDragging) return;\n            let start = null; const duration = 3000; \n            function step(timestamp) {\n                if (isUserDragging) return; \n                if (!start) start = timestamp;\n                let progress = (timestamp - start) \/ duration;\n                if (progress > 1) progress = 1;\n                let pull = (1 - Math.cos(progress * Math.PI * 2)) \/ 2;\n                let offset = -30 * pull; \n                let val = 50 + offset;\n                slider.value = val; processSlider(val);\n                if (progress < 1) { requestAnimationFrame(step); } \n                else {\n                    slider.value = 50; processSlider(50);\n                    tabs.forEach((t, i) => {\n                        if(!t.classList.contains('active')) {\n                            setTimeout(() => { t.classList.add('tab-glow'); setTimeout(() => t.classList.remove('tab-glow'), 500); }, i * 200);\n                        }\n                    });\n                }\n            }\n            requestAnimationFrame(step);\n        }\n\n        if ('IntersectionObserver' in window) {\n            let observer = new IntersectionObserver((entries) => {\n                if(entries[0].isIntersecting && !hasAnimated) {\n                    hasAnimated = true; setTimeout(triggerGhostDrag, 600); observer.disconnect();\n                }\n            }, { threshold: 0.5 });\n            observer.observe(wrapper);\n        } else { setTimeout(triggerGhostDrag, 1200); }\n    });\n});\n<\/script>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2b84969d elementor-section-full_width elementor-hidden-desktop elementor-section-height-default elementor-section-height-default\" data-id=\"2b84969d\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-12280296\" data-id=\"12280296\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7045145a elementor-widget elementor-widget-html\" data-id=\"7045145a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"gh-mobile-section-wrapper\" data-start=\"horeca\" aria-label=\"Interactive mobile simulator: predictive models for RT60 acoustic reverberation reduction\">\n\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500;600;700;800;900&family=Inter:wght@400;500;600&display=swap');\n\n        @media (min-width: 993px) { \n            .gh-mobile-section-wrapper { display: none !important; } \n        }\n\n        .gh-mobile-section-wrapper { width: 100%; max-width: 500px; margin: 20px auto; font-family: 'Montserrat', sans-serif; padding: 0 10px; box-sizing: border-box; }\n        .gh-mobile-section-wrapper * { box-sizing: border-box; }\n        .gh-m-console-wrapper { background: #fff; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.15); overflow: hidden; border: 1px solid #eee; user-select: none; -webkit-user-select: none; }\n        .gh-m-monitor { background: #0A0A0A; padding: 16px; box-shadow: inset 0 5px 20px rgba(0,0,0,0.5); }\n        .gh-m-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; border-bottom: 1px solid #222; padding-bottom: 10px; }\n        .gh-m-header-text { min-height: 36px; display: flex; flex-direction: column; justify-content: center; }\n        .gh-m-label { font-size: 10px; color: #aaa; font-weight: 800; display: block; margin-bottom: 2px; letter-spacing: 1px; text-transform: uppercase; }\n        .gh-m-status { font-size: 13px; color: #FF4B4B; font-weight: 900; letter-spacing: 0.5px; transition: color 0.3s; line-height: 1.2;}\n        .gh-m-badge-group { text-align: right; }\n        .gh-m-badge { display: flex; align-items: center; gap: 5px; background: #1A3C34; color: #C8A165; font-size: 8px; font-weight: 800; padding: 3px 6px; border-radius: 4px; letter-spacing: 0.5px; white-space: nowrap; }\n        .gh-live-dot { width: 5px; height: 5px; background-color: #4DFF88; border-radius: 50%; display: inline-block; animation: livePulseM 1.5s infinite ease-in-out; }\n        \n        @keyframes livePulseM { 0% { transform: scale(0.8); box-shadow: 0 0 0 0 rgba(77, 255, 136, 0.7); } 50% { transform: scale(1); box-shadow: 0 0 0 3px rgba(77, 255, 136, 0); } 100% { transform: scale(0.8); box-shadow: 0 0 0 0 rgba(77, 255, 136, 0.7); } }\n\n        .gh-m-screen { position: relative; height: 96px; background: #000; border-radius: 8px; border: 1px solid #333; overflow: hidden; }\n        .gh-m-grid { position: absolute; top:0; left:0; width:100%; height:100%; display: flex; flex-direction: column; justify-content: space-evenly; pointer-events: none; }\n        .gh-mobile-section-wrapper .gl { width: 100%; height: 1px; background: rgba(255,255,255,0.06); }\n        .gh-mobile-section-wrapper .gl-v { position: absolute; top:0; height:100%; width:1px; background: rgba(255,255,255,0.04); left: 50%; }\n        .js-m-canvas { width: 100%; height: 100%; position: relative; z-index: 2; display: block;}\n        .gh-m-data-left { position: absolute; top: 12px; left: 14px; z-index: 3; }\n        .gh-m-data-right { position: absolute; top: 12px; right: 14px; z-index: 3; text-align: right; }\n        .m-val { display: block; font-size: 26px; color: #FF4B4B; font-weight: 900; line-height: 1; font-family: 'Courier New', monospace; text-shadow: 0 0 10px rgba(0,0,0,0.8); transition: color 0.3s;}\n        .m-lbl { font-size: 9px; color: #888; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 3px; display: block; }\n        .m-val-small { display: block; font-size: 20px; color: #FF4B4B; font-weight: 900; margin-top: 2px; text-shadow: 0 0 10px rgba(0,0,0,0.8); transition: color 0.3s;}\n\n        .gh-m-stage { position: relative; width: 100%; aspect-ratio: 1 \/ 1; overflow: hidden; background: #f0f0f0; }\n\n        .gh-m-layer-after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }\n        .gh-m-layer-before { \n            position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; \n            clip-path: inset(0 50% 0 0); \n            -webkit-clip-path: inset(0 50% 0 0);\n        }\n        .gh-m-layer-after img, .gh-m-layer-before img { \n            width: 100% !important; height: 100% !important; object-fit: cover !important; max-width: none !important; display: block;\n        }\n        .gh-m-split-line { position: absolute; top: 0; left: 50%; height: 100%; width: 2px; background: #fff; z-index: 10; pointer-events: none; box-shadow: 0 0 10px rgba(0,0,0,0.5); }\n\n        .gh-img-badge { position: absolute; top: 12px; padding: 4px 6px; color: #fff; font-size: 8px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; border-radius: 4px; z-index: 20; backdrop-filter: blur(4px); white-space: nowrap; transition: opacity 0.2s ease; pointer-events: none; }\n        .gh-mobile-section-wrapper .left-badge { left: 12px; background: rgba(0, 0, 0, 0.7); border: 1px solid transparent; }\n        .gh-mobile-section-wrapper .right-badge { right: 12px; background: rgba(26, 60, 52, 0.9); color: #C8A165; border: 1px solid rgba(200,161,101,0.3);}\n\n        .gh-m-control-area { padding: 18px 15px 15px 15px; background: #fafafa; position: relative;} \n        \n        .gh-m-scenario-tabs { display: flex; justify-content: space-between; width: 100%; border-bottom: 1px solid #e0e0e0; margin-bottom: 18px; }\n        .gh-tab { \n            flex: 1; appearance: none; border: none; background: transparent !important; outline: none !important; margin: 0; font-family: inherit;\n            text-align: center; color: #888; font-size: 10px; font-weight: 800; text-transform: uppercase; \n            letter-spacing: 0.5px; padding: 0 0 8px 0; cursor: pointer; white-space: nowrap; \n            border-bottom: 2px solid transparent; transition: all 0.4s ease; \n            -webkit-tap-highlight-color: transparent !important;\n        }\n        .gh-tab:active, .gh-tab:focus { outline: none !important; background-color: transparent !important; }\n        .gh-tab.active { color: #1A3C34; border-bottom: 2px solid #C8A165; }\n        .gh-tab.tab-glow { color: #C8A165; border-bottom: 2px solid #C8A165; background: rgba(200,161,101,0.15) !important; border-radius: 4px 4px 0 0; }\n\n        .gh-m-slider-container { position: relative; height: 36px; display: flex; align-items: center; margin: 0;}\n        .gh-m-track-bg { position: absolute; width: 100%; height: 8px; background: #e0e0e0; border-radius: 10px; box-shadow: inset 0 2px 4px rgba(0,0,0,0.1); }\n        .gh-m-range { -webkit-appearance: none; appearance: none; position: absolute; left:0; width: 100%; height: 100%; opacity: 0; z-index: 10; cursor: grab; margin: 0; touch-action: pan-y; outline: none; }\n        .gh-m-range::-webkit-slider-thumb { -webkit-appearance: none; width: 60px; height: 60px; border-radius: 50%; }\n        .gh-m-range::-moz-range-thumb { width: 60px; height: 60px; border-radius: 50%; border: none; }\n        \n        @keyframes pulseGlowM { 0% { box-shadow: 0 0 0 0 rgba(200, 161, 101, 0.6); border-color: #C8A165; } 70% { box-shadow: 0 0 0 12px rgba(200, 161, 101, 0); border-color: #C8A165; } 100% { box-shadow: 0 0 0 0 rgba(200, 161, 101, 0); border-color: #ddd; } }\n        .gh-m-thumb { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 52px; height: 32px; background: #fff; border-radius: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.15); border: 1px solid #ddd; display: flex; align-items: center; justify-content: center; gap: 4px; pointer-events: none; z-index: 5; transition: border-color 0.3s; }\n        .gh-mobile-section-wrapper .pulse-attention { animation: pulseGlowM 2s infinite; }\n        .gh-m-thumb .grip { width: 2px; height: 12px; background: #ccc; border-radius: 2px; }\n\n        .gh-m-disclaimer-toggle {\n            display: flex; justify-content: flex-end; margin-top: 15px; \n        }\n        .gh-m-info-btn {\n            background: none; border: none; color: #888; display: flex; align-items: center; gap: 4px; font-size: 9px; font-weight: 700; text-transform: uppercase; cursor: pointer; padding: 5px; outline: none; -webkit-tap-highlight-color: transparent;\n        }\n        .gh-m-info-btn svg { width: 12px; height: 12px; stroke: #888; }\n        .gh-m-disclaimer-content {\n            max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out, padding 0.3s ease; font-family: 'Inter', sans-serif; font-size: 8.5px; color: #888; text-align: left; line-height: 1.4; border-top: 1px solid transparent;\n        }\n        .gh-m-disclaimer-content.show {\n            max-height: 100px; padding-top: 10px; margin-top: 5px; border-top: 1px solid #e0e0e0;\n        }\n    <\/style>\n\n    <div class=\"gh-m-console-wrapper\">\n        <div class=\"gh-m-monitor\">\n            <div class=\"gh-m-header\">\n                <div class=\"gh-m-header-text\" aria-live=\"polite\">\n                    <span class=\"gh-m-label js-m-scenario-label\">SCENARIO: ...<\/span>\n                    <span class=\"gh-m-status js-m-status\">HIGH ACOUSTIC STRESS<\/span>\n                <\/div>\n                <div class=\"gh-m-badge-group\">\n                    <div class=\"gh-m-badge\" aria-hidden=\"true\">\n                        <span class=\"gh-live-dot\"><\/span> LIVE SIMULATOR\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"gh-m-screen\" aria-hidden=\"true\">\n                <div class=\"gh-m-grid\">\n                    <div class=\"gl\"><\/div><div class=\"gl\"><\/div><div class=\"gl\"><\/div>\n                    <div class=\"gl-v\"><\/div>\n                <\/div>\n                <canvas class=\"js-m-canvas\"><\/canvas>\n                \n                <div class=\"gh-m-data-left\">\n                    <span class=\"m-lbl\">REVERBERATION (RT60)<\/span>\n                    <span class=\"m-val js-m-val-rt\" aria-label=\"RT60 Reverberation Time value\">2.8s<\/span>\n                <\/div>\n\n                <div class=\"gh-m-data-right\">\n                    <span class=\"m-lbl\">COMFORT INDEX<\/span>\n                    <span class=\"m-val-small js-m-val-abs\" style=\"color: #FF4B4B;\" aria-label=\"Comfort Index percentage achieved\">0%<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"gh-m-stage js-m-stage\" aria-hidden=\"true\">\n            <div class=\"gh-m-layer-after\">\n                <img decoding=\"async\" class=\"js-m-img-after skip-lazy\" data-no-lazy=\"1\" width=\"600\" height=\"600\" src=\"data:image\/gif;base64,R0lGODlhAQABAAD\/ACwAAAAAAQABAAACADs=\" alt=\"Redeveloped environment\">\n            <\/div>\n            <div class=\"gh-m-layer-before js-m-before-layer\">\n                <img loading=\"lazy\" decoding=\"async\" class=\"js-m-before-img skip-lazy\" data-no-lazy=\"1\" width=\"600\" height=\"600\" src=\"data:image\/gif;base64,R0lGODlhAQABAAD\/ACwAAAAAAQABAAACADs=\" alt=\"Original state\">\n            <\/div>\n            <div class=\"gh-m-split-line js-m-split-line\"><\/div>\n\n            <div class=\"gh-img-badge left-badge js-m-badge-left\">REFLECTIVE SURFACE<\/div>\n            <div class=\"gh-img-badge right-badge js-m-badge-right\">ACTIVE ABSORPTION<\/div>\n        <\/div>\n\n        <div class=\"gh-m-control-area\">\n            <div class=\"gh-m-scenario-tabs\" role=\"tablist\" aria-label=\"Select the architectural context\">\n                <div class=\"gh-tab\" data-key=\"horeca\" role=\"button\" tabindex=\"0\" aria-selected=\"false\">HORECA<\/div>\n                <div class=\"gh-tab\" data-key=\"corporate\" role=\"button\" tabindex=\"0\" aria-selected=\"false\">CORPORATE<\/div>\n                <div class=\"gh-tab\" data-key=\"openspace\" role=\"button\" tabindex=\"0\" aria-selected=\"false\">OPEN SPACE<\/div>\n                <div class=\"gh-tab\" data-key=\"soffitti\" role=\"button\" tabindex=\"0\" aria-selected=\"false\">CEILINGS<\/div>\n            <\/div>\n\n            <div class=\"gh-m-slider-container\">\n                <div class=\"gh-m-track-bg\" aria-hidden=\"true\"><\/div>\n                <input type=\"range\" min=\"0\" max=\"100\" value=\"50\" class=\"gh-m-range js-m-range\" aria-label=\"Drag the slider to test the acoustic reduction\" aria-valuemin=\"0\" aria-valuemax=\"100\">\n                <div class=\"gh-m-thumb pulse-attention js-m-thumb\" aria-hidden=\"true\">\n                    <svg aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" stroke=\"#1A3C34\" stroke-width=\"2.5\" fill=\"none\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg>\n                    <div class=\"grip\"><\/div>\n                    <svg aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" stroke=\"#1A3C34\" stroke-width=\"2.5\" fill=\"none\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\n                <\/div>\n            <\/div>\n            \n            <div class=\"gh-m-disclaimer-toggle\">\n                <button class=\"gh-m-info-btn js-m-info-btn\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"><\/line><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"><\/line><\/svg>\n                    Calculation notes\n                <\/button>\n            <\/div>\n            <div class=\"gh-m-disclaimer-content js-m-disclaimer-content\">\n                *The numerical values generated represent predictive estimates based on standard acoustic volumes. Actual performance (RT60) varies depending on the specific architecture and pre-existing materials in each project.\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n    document.querySelectorAll('.gh-mobile-section-wrapper').forEach(wrapper => {\n        if(wrapper.dataset.init) return;\n        wrapper.dataset.init = 'true';\n\n        const slider = wrapper.querySelector('.js-m-range');\n        const beforeLayer = wrapper.querySelector('.js-m-before-layer');\n        const beforeImg = wrapper.querySelector('.js-m-before-img');\n        const splitLine = wrapper.querySelector('.js-m-split-line');\n        const thumb = wrapper.querySelector('.js-m-thumb');\n        const stage = wrapper.querySelector('.js-m-stage');\n        const statusLabel = wrapper.querySelector('.js-m-status');\n        const valRt = wrapper.querySelector('.js-m-val-rt');\n        const valAbs = wrapper.querySelector('.js-m-val-abs');\n        const scenarioLabel = wrapper.querySelector('.js-m-scenario-label');\n        const imgAfter = wrapper.querySelector('.js-m-img-after');\n        const badgeLeft = wrapper.querySelector('.js-m-badge-left');\n        const badgeRight = wrapper.querySelector('.js-m-badge-right');\n        const canvas = wrapper.querySelector('.js-m-canvas');\n        const tabs = wrapper.querySelectorAll('.gh-tab');\n        \n        const infoBtn = wrapper.querySelector('.js-m-info-btn');\n        const disclaimerContent = wrapper.querySelector('.js-m-disclaimer-content');\n        if(infoBtn && disclaimerContent) {\n            infoBtn.addEventListener('click', (e) => {\n                e.preventDefault();\n                disclaimerContent.classList.toggle('show');\n            });\n        }\n        \n        if(!slider || !canvas) return;\n        const ctx = canvas.getContext('2d');\n        \n        const scenarios = {\n            horeca: { \n                title: \"SCENARIO: HOSPITALITY\", \n                imgBefore: \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/1-PRIMA-MOBILE.jpg\", \n                imgAfter: \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/1-dopoMOBILE.jpg\", \n                rtBad: 2.8, rtGood: 0.6,\n                altText: \"Horeca Restaurant\"\n            },\n            corporate: { \n                title: \"SCENARIO: CORPORATE MEETING\", \n                imgBefore: \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/2-primaMOBILE.jpg\", \n                imgAfter: \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/2-dopoMOBILE.jpg\", \n                rtBad: 2.4, rtGood: 0.5,\n                altText: \"Corporate Meeting Room\"\n            },\n            openspace: { \n                title: \"SCENARIO: OPEN SPACE\", \n                imgBefore: \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/4-primaMOBILE.jpg\", \n                imgAfter: \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/4-dopoMOBILE.jpg\", \n                rtBad: 3.2, rtGood: 0.8,\n                altText: \"Operational Open Space Office\"\n            },\n            soffitti: { \n                title: \"SCENARIO: CEILING ACOUSTICS\", \n                imgBefore: \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/3-primaMOBILE.jpg\", \n                imgAfter: \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/3-dopoMOBILE.jpg\", \n                rtBad: 2.1, rtGood: 0.5,\n                altText: \"Commercial environment with ceiling correction\"\n            }\n        };\n        \n        let startKey = (wrapper.getAttribute('data-start') || 'horeca').trim().toLowerCase();\n        if (!scenarios[startKey]) startKey = 'horeca';\n        let currentScenario = startKey;\n        \n        let time = 0; let amp = 30; let freq = 0.15; let speed = 0.2; \n        let currentNoise = 12; let colorStr = \"rgb(255, 75, 75)\";\n        let isCalculating = false; let calcInterval; let hasAnimated = false;\n        let isUserDragging = false; \n\n        function resizeCanvas() {\n            if(canvas.parentElement) {\n                canvas.width = canvas.parentElement.offsetWidth;\n                canvas.height = canvas.parentElement.offsetHeight;\n            }\n        }\n        window.addEventListener('resize', resizeCanvas);\n        setTimeout(resizeCanvas, 100);\n\n        tabs.forEach(t => { t.classList.remove('active'); t.setAttribute('aria-selected', 'false'); });\n        const startTab = wrapper.querySelector(`.gh-tab[data-key=\"${startKey}\"]`);\n        if(startTab) { startTab.classList.add('active'); startTab.setAttribute('aria-selected', 'true'); }\n        \n        scenarioLabel.innerText = scenarios[startKey].title;\n        beforeImg.src = scenarios[startKey].imgBefore; \n        beforeImg.alt = `Original state: ${scenarios[startKey].altText} with high reverberation`;\n        imgAfter.src = scenarios[startKey].imgAfter;\n        imgAfter.alt = `Redeveloped state: ${scenarios[startKey].altText} with acoustic bio-infrastructures`;\n\n        tabs.forEach(tab => {\n            tab.addEventListener('keydown', function(e) {\n                if(e.key === 'Enter' || e.key === ' ') { e.preventDefault(); this.click(); }\n            });\n\n            tab.addEventListener('click', function(e) {\n                e.preventDefault();\n                const key = this.getAttribute('data-key');\n                isUserDragging = true; \n                \n                tabs.forEach(c => { c.classList.remove('active'); c.setAttribute('aria-selected', 'false'); });\n                this.classList.add('active');\n                this.setAttribute('aria-selected', 'true');\n                currentScenario = key;\n                const data = scenarios[key];\n                \n                scenarioLabel.innerText = data.title;\n                beforeImg.src = data.imgBefore; \n                beforeImg.alt = `Original state: ${data.altText} with high reverberation`;\n                imgAfter.src = data.imgAfter;\n                imgAfter.alt = `Redeveloped state: ${data.altText} with acoustic bio-infrastructures`;\n                \n                thumb.classList.add('pulse-attention');\n                slider.value = 50; processSlider(50);\n                \n                isCalculating = true;\n                statusLabel.innerText = \"ANALYZING ENVIRONMENT...\";\n                statusLabel.style.color = \"#888\"; valRt.style.color = \"#888\"; valAbs.style.color = \"#888\";\n                colorStr = \"rgb(136, 136, 136)\"; amp = 25; speed = 0.4; freq = 0.2; currentNoise = 20;\n\n                clearInterval(calcInterval);\n                calcInterval = setInterval(() => {\n                    valRt.innerText = (Math.random() * 3 + 0.5).toFixed(1) + \"s\";\n                    valAbs.innerText = Math.floor(Math.random() * 100) + \"%\";\n                }, 40);\n\n                setTimeout(() => {\n                    if(!isCalculating) return; \n                    clearInterval(calcInterval); isCalculating = false; processSlider(slider.value); \n                }, 700);\n            });\n        });\n\n        slider.addEventListener('input', (e) => {\n            isUserDragging = true;\n            thumb.classList.remove('pulse-attention');\n            if(isCalculating) { clearInterval(calcInterval); isCalculating = false; }\n            slider.setAttribute('aria-valuenow', e.target.value);\n            processSlider(e.target.value);\n        });\n\n        function processSlider(val) {\n            if(isCalculating) return;\n            \n            beforeLayer.style.clipPath = `inset(0 ${100 - val}% 0 0)`;\n            beforeLayer.style.webkitClipPath = `inset(0 ${100 - val}% 0 0)`;\n            \n            splitLine.style.left = val + \"%\"; thumb.style.left = val + \"%\";\n            badgeLeft.style.opacity = val < 45 ? Math.max(0, (val - 15) \/ 30) : 1;\n            badgeRight.style.opacity = val > 55 ? Math.max(0, (85 - val) \/ 30) : 1;\n\n            const ratio = val \/ 100; const data = scenarios[currentScenario];\n            const currentRt = data.rtGood + (ratio * (data.rtBad - data.rtGood));\n            let visualRatio = ratio <= 0.2 ? 0 : (ratio - 0.2) \/ 0.8;\n            \n            valRt.innerHTML = visualRatio <= 0.1 ? currentRt.toFixed(1) + \"s <span style='font-size:12px; opacity:0.8;'>TARGET<\/span>\" : currentRt.toFixed(1) + \"s\";\n            valAbs.innerText = Math.round((1 - ratio) * 100) + \"%\";\n\n            const r = Math.round(200 + (visualRatio * 55)); const g = Math.round(161 - (visualRatio * 86)); const b = Math.round(101 - (visualRatio * 26));\n            colorStr = `rgb(${r}, ${g}, ${b})`;\n            valRt.style.color = colorStr; valAbs.style.color = colorStr; statusLabel.style.color = colorStr;\n\n            if (visualRatio > 0.6) statusLabel.innerText = \"HIGH ACOUSTIC STRESS\";\n            else if (visualRatio > 0.1) statusLabel.innerText = \"ACTIVE ABSORPTION\";\n            else statusLabel.innerText = \"OPTIMAL COMFORT\";\n\n            amp = 5 + (visualRatio * 25); speed = 0.05 + (visualRatio * 0.15); freq = 0.03 + (visualRatio * 0.12); currentNoise = visualRatio * 15;         \n        }\n\n        function animateOscilloscope() {\n            if (canvas.offsetWidth === 0) {\n                 requestAnimationFrame(animateOscilloscope); return; \n            }\n            ctx.clearRect(0, 0, canvas.width, canvas.height);\n            time += speed; ctx.beginPath(); ctx.lineWidth = 2.5; ctx.strokeStyle = colorStr; ctx.shadowBlur = 6; ctx.shadowColor = colorStr;\n            let centerY = canvas.height \/ 2;\n            for (let x = 0; x < canvas.width; x+=2) {\n                let noise = (Math.random() - 0.5) * currentNoise;\n                let y = centerY + Math.sin(x * freq + time) * amp + noise;\n                if (x === 0) ctx.moveTo(x, y); else ctx.lineTo(x, y);\n            }\n            ctx.stroke(); ctx.shadowBlur = 0; requestAnimationFrame(animateOscilloscope);\n        }\n        processSlider(50); animateOscilloscope();\n\n        function triggerGhostDrag() {\n            if (isUserDragging) return;\n            let start = null; const duration = 3000; \n            function step(timestamp) {\n                if (isUserDragging) return; \n                if (!start) start = timestamp;\n                let progress = (timestamp - start) \/ duration;\n                if (progress > 1) progress = 1;\n                let pull = (1 - Math.cos(progress * Math.PI * 2)) \/ 2;\n                let offset = -30 * pull; \n                let val = 50 + offset;\n                slider.value = val; processSlider(val);\n                if (progress < 1) { requestAnimationFrame(step); } \n                else {\n                    slider.value = 50; processSlider(50);\n                    tabs.forEach((t, i) => {\n                        if(!t.classList.contains('active')) {\n                            setTimeout(() => { t.classList.add('tab-glow'); setTimeout(() => t.classList.remove('tab-glow'), 500); }, i * 200);\n                        }\n                    });\n                }\n            }\n            requestAnimationFrame(step);\n        }\n\n        if ('IntersectionObserver' in window) {\n            let observer = new IntersectionObserver((entries) => {\n                if(entries[0].isIntersecting && !hasAnimated) {\n                    hasAnimated = true; setTimeout(triggerGhostDrag, 600); observer.disconnect();\n                }\n            }, { threshold: 0.5 });\n            observer.observe(wrapper);\n        } else { setTimeout(triggerGhostDrag, 1200); }\n    });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f512ab7 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"f512ab7\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a060421\" data-id=\"a060421\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6b44ca8 elementor-widget elementor-widget-html\" data-id=\"6b44ca8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section id=\"gh-tech-faq-indoor\" aria-labelledby=\"gh-faq-title\">\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&family=Montserrat:wght@700;800;900&display=swap');\n\n        #gh-tech-faq-indoor * {\n            box-sizing: border-box !important;\n        }\n\n        #gh-tech-faq-indoor {\n            width: 100%;\n            background-color: #0f172a !important; \n            padding: 100px 5% !important;\n            font-family: 'Inter', sans-serif !important;\n            color: #f8fafc !important;\n            border-top: 4px solid #C8A165 !important;\n        }\n\n        .gh-faq-container {\n            max-width: 1000px !important;\n            margin: 0 auto !important;\n        }\n\n        .gh-faq-header {\n            text-align: center !important;\n            margin-bottom: 60px !important;\n        }\n\n        .gh-faq-badge {\n            display: inline-flex !important;\n            align-items: center !important;\n            gap: 8px !important;\n            font-size: 0.75rem !important;\n            font-weight: 800 !important;\n            color: #C8A165 !important;\n            text-transform: uppercase !important;\n            letter-spacing: 3px !important;\n            margin-bottom: 20px !important;\n            padding: 8px 16px !important;\n            border: 1px solid rgba(200, 161, 101, 0.3) !important;\n            border-radius: 4px !important;\n            background: rgba(200, 161, 101, 0.05) !important;\n        }\n\n        .gh-faq-title {\n            font-family: 'Montserrat', sans-serif !important;\n            font-size: clamp(2rem, 4vw, 3rem) !important;\n            font-weight: 900 !important;\n            line-height: 1.1 !important;\n            margin: 0 0 20px 0 !important;\n            letter-spacing: -1px !important;\n            color: #ffffff !important;\n        }\n\n        .gh-faq-subtitle {\n            font-size: 1.1rem !important;\n            color: #94a3b8 !important;\n            max-width: 700px !important;\n            margin: 0 auto !important;\n            line-height: 1.6 !important;\n        }\n\n        .gh-accordion {\n            display: flex !important;\n            flex-direction: column !important;\n            gap: 16px !important;\n        }\n\n        .gh-acc-item {\n            background: #1e293b !important;\n            border: 1px solid #334155 !important;\n            border-radius: 8px !important;\n            overflow: hidden !important;\n            transition: border-color 0.3s ease !important;\n        }\n\n        .gh-acc-item:hover {\n            border-color: #475569 !important;\n        }\n\n        .gh-acc-header {\n            width: 100% !important;\n            display: flex !important;\n            justify-content: space-between !important;\n            align-items: center !important;\n            padding: 24px 30px !important;\n            background: none !important;\n            border: none !important;\n            color: #f1f5f9 !important;\n            font-size: 1.1rem !important;\n            font-weight: 700 !important;\n            font-family: 'Inter', sans-serif !important;\n            text-align: left !important;\n            cursor: pointer !important;\n            transition: background 0.3s ease !important;\n        }\n\n        .gh-acc-header:hover {\n            background: rgba(255, 255, 255, 0.02) !important;\n        }\n\n        .gh-acc-icon {\n            flex-shrink: 0 !important;\n            width: 24px !important;\n            height: 24px !important;\n            position: relative !important;\n            margin-left: 20px !important;\n        }\n\n        .gh-acc-icon::before, .gh-acc-icon::after {\n            content: '' !important;\n            position: absolute !important;\n            top: 50% !important;\n            left: 50% !important;\n            background-color: #C8A165 !important;\n            transform: translate(-50%, -50%) !important;\n            transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;\n        }\n\n        .gh-acc-icon::before { width: 14px !important; height: 2px !important; }\n        .gh-acc-icon::after { width: 2px !important; height: 14px !important; }\n\n        .gh-acc-item.is-active .gh-acc-icon::after {\n            transform: translate(-50%, -50%) rotate(90deg) !important;\n            opacity: 0 !important;\n        }\n        .gh-acc-item.is-active .gh-acc-icon::before {\n            transform: translate(-50%, -50%) rotate(180deg) !important;\n        }\n\n        .gh-acc-body {\n            max-height: 0;\n            overflow: hidden;\n            transition: max-height 0.5s cubic-bezier(0.16, 1, 0.3, 1);\n        }\n\n        .gh-acc-content {\n            padding: 0 30px 30px 30px !important;\n            font-size: 1rem !important;\n            line-height: 1.7 !important;\n            color: #cbd5e1 !important;\n        }\n\n        .gh-acc-content p, .gh-acc-content span, .gh-acc-content div {\n            color: #cbd5e1 !important;\n        }\n\n        .gh-acc-content strong, .gh-acc-content b {\n            color: #ffffff !important;\n            font-weight: 600 !important;\n        }\n\n        .gh-acc-content ul {\n            margin: 15px 0 0 0 !important;\n            padding-left: 20px !important;\n            color: #cbd5e1 !important;\n        }\n\n        .gh-acc-content li {\n            margin-bottom: 8px !important;\n            color: #cbd5e1 !important;\n        }\n        \n        .gh-acc-content li::marker { color: #C8A165 !important; }\n\n        @media (max-width: 768px) {\n            #gh-tech-faq-indoor { padding: 60px 20px !important; }\n            .gh-faq-header { margin-bottom: 40px !important; }\n            .gh-faq-title { font-size: 2rem !important; }\n            .gh-acc-header { padding: 20px !important; font-size: 1rem !important; }\n            .gh-acc-content { padding: 0 20px 20px 20px !important; font-size: 0.95rem !important; }\n        }\n    <\/style>\n\n    <div class=\"gh-faq-container\">\n        \n        <div class=\"gh-faq-header\">\n            <span class=\"gh-faq-badge\">\n                <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line><polyline points=\"10 9 9 9 8 9\"><\/polyline><\/svg>\n                Technical Manual & Specifications\n            <\/span>\n            <h2 id=\"gh-faq-title\" class=\"gh-faq-title\">Worksite Specifications and Engineering FAQs.<\/h2>\n            <p class=\"gh-faq-subtitle\">Operational answers to design requirements, water connections, lighting technology, and ESG certifications to integrate our system into your architectural projects.<\/p>\n        <\/div>\n\n        <div class=\"gh-accordion\">\n            \n            <div class=\"gh-acc-item\">\n                <button class=\"gh-acc-header\" aria-expanded=\"false\">\n                    What is the wall weight of the fully loaded Wall Green Hydro hydroponic system?\n                    <span class=\"gh-acc-icon\"><\/span>\n                <\/button>\n                <div class=\"gh-acc-body\">\n                    <div class=\"gh-acc-content\">\n                        The system has been engineered with soilless \"Dry-Tech\" technology to drastically reduce structural loads. <strong>The weight of the empty modules is only 10 kg per square meter. The weight of the installed and planted system varies from 30 to 40 kg per square meter<\/strong>, depending on the type of botanical essence and water retention. This allows safe installation on almost all standard internal partitions, including modern plasterboard dividers (subject to appropriate metal reinforcement framing and verification by the designer).\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"gh-acc-item\">\n                <button class=\"gh-acc-header\" aria-expanded=\"false\">\n                    How is irrigation managed and what connections are needed on site?\n                    <span class=\"gh-acc-icon\"><\/span>\n                <\/button>\n                <div class=\"gh-acc-body\">\n                    <div class=\"gh-acc-content\">\n                        Irrigation <strong>can be 100% automated via IoT control unit<\/strong>. No daily manual intervention is required. During the worksite phase, the General Contractor or installer will only need to provide:\n                        <ul>\n                            <li><strong>A standard water supply point<\/strong> (mains pressure).<\/li>\n                            <li><strong>A floor drain<\/strong> for the recovery\/outflow of excess water.<\/li>\n                            <li><strong>A standard electrical outlet (220V)<\/strong> to power the pump and the control panel.<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"gh-acc-item\">\n                <button class=\"gh-acc-header\" aria-expanded=\"false\">\n                    Is dedicated artificial lighting necessary for indoor greenery?\n                    <span class=\"gh-acc-icon\"><\/span>\n                <\/button>\n                <div class=\"gh-acc-body\">\n                    <div class=\"gh-acc-content\">\n                        <strong>Yes, it is a fundamental engineering requirement.<\/strong> To ensure chlorophyll photosynthesis, bio-filtration efficiency (IAQ), and the long-term survival of foliage indoors, we supply and size a dedicated phyto-stimulating lighting system. Our LED projectors (with a light spectrum calibrated for plants but visually white\/natural to the human eye) are track-mounted or recessed in the false ceiling based on the customized lighting study.\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"gh-acc-item\">\n                <button class=\"gh-acc-header\" aria-expanded=\"false\">\n                    How does the system contribute to obtaining LEED and WELL certifications?\n                    <span class=\"gh-acc-icon\"><\/span>\n                <\/button>\n                <div class=\"gh-acc-body\">\n                    <div class=\"gh-acc-content\">\n                        The Wall Green Hydro infrastructure directly impacts ESG balance sheets and Green Building protocols:\n                        <ul>\n                            <li><strong>LEED v5:<\/strong> Contributes to the credits of the <em>Indoor Environmental Quality (IEQ)<\/em> category by reducing VOCs and supporting the reduction of sensible thermal loads of HVAC systems.<\/li>\n                            <li><strong>WELL v2:<\/strong> Natively responds to the <em>MIND (Biophilic Design)<\/em> concept and the <em>AIR (Microbe and Mold Control)<\/em> concept thanks to the aseptic soilless system that hinders the proliferation of harmful fungi.<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"gh-acc-item\">\n                <button class=\"gh-acc-header\" aria-expanded=\"false\">\n                    Can living greenery attract insects or generate mold in offices?\n                    <span class=\"gh-acc-icon\"><\/span>\n                <\/button>\n                <div class=\"gh-acc-body\">\n                    <div class=\"gh-acc-content\">\n                        <strong>Absolutely not.<\/strong> The onset of gnats, parasites, and indoor mold is 99% caused by the deterioration of traditional potting soil. Our patented system is completely <strong>hydroponic and \"Soil-less\"<\/strong>. The roots grow on an inert and technical substrate. This guarantees a high healthiness of the installation, minimizing the risk factors typical of classic gardening and making it an excellent solution even for private clinics and healthcare facilities.\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n    document.addEventListener('DOMContentLoaded', function() {\n        const accHeaders = document.querySelectorAll('.gh-acc-header');\n\n        accHeaders.forEach(header => {\n            header.addEventListener('click', function() {\n                const item = this.parentElement;\n                const body = item.querySelector('.gh-acc-body');\n                const isOpen = item.classList.contains('is-active');\n\n                document.querySelectorAll('.gh-acc-item').forEach(otherItem => {\n                    otherItem.classList.remove('is-active');\n                    otherItem.querySelector('.gh-acc-header').setAttribute('aria-expanded', 'false');\n                    otherItem.querySelector('.gh-acc-body').style.maxHeight = null;\n                });\n\n                if (!isOpen) {\n                    item.classList.add('is-active');\n                    this.setAttribute('aria-expanded', 'true');\n                    body.style.maxHeight = body.scrollHeight + \"px\";\n                }\n            });\n        });\n    });\n<\/script>\n\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"What is the wall weight of the fully loaded Wall Green Hydro hydroponic system?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"The system uses soilless Dry-Tech technology to reduce structural loads. The weight of the empty modules is 10 kg\/sqm. The installed and planted system at full capacity weighs from 30 to 40 kg\/sqm, depending on the type of botanical essence and water retention. This allows installation on standard plasterboard partitions.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"How is irrigation managed and what connections are needed on site?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Irrigation can be 100% automated via an IoT home automation control unit. On site, only a mains pressure water supply point, a floor drain, and a standard 220V electrical outlet are needed.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Is dedicated artificial lighting necessary for indoor greenery?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Yes. We supply a dedicated phyto-stimulating lighting system (LED projectors with calibrated spectrum) to ensure chlorophyll photosynthesis and the efficiency of air purification in enclosed environments.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"How does the system contribute to obtaining LEED and WELL certifications?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"It supports LEED v5 credits in the Indoor Environmental Quality category (by reducing VOCs and HVAC thermal loads) and responds to WELL v2 parameters for the MIND (Biophilic Design) and AIR concepts.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Can living greenery attract insects or generate mold in offices?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"No. The system is hydroponic and soilless. The absence of soil drastically minimizes the risk of proliferation of parasites, fungi, or mold, proving to be an excellent solution even for healthcare facilities and private clinics.\"\n      }\n    }\n  ]\n}\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-396c716e elementor-section-full_width form elementor-section-height-default elementor-section-height-default\" data-id=\"396c716e\" data-element_type=\"section\" data-e-type=\"section\" id=\"form\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6fae6fe7\" data-id=\"6fae6fe7\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3a7e73e3 elementor-widget elementor-widget-html\" data-id=\"3a7e73e3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap');\n\n    #gh-form-header {\n        text-align: center !important;\n        max-width: 800px !important;\n        margin: 0 auto 40px auto !important; \n        font-family: 'Inter', sans-serif !important;\n        padding: 0 20px !important;\n    }\n\n    #gh-form-header * { box-sizing: border-box !important; }\n\n    #gh-form-header .gh-form-badge {\n        font-size: 0.8rem !important;\n        font-weight: 800 !important;\n        color: #b59a5a !important; \n        text-transform: uppercase !important;\n        letter-spacing: 2px !important;\n        margin-bottom: 20px !important;\n        display: inline-block !important;\n        padding: 6px 16px !important;\n        border: 1px solid rgba(181, 154, 90, 0.3) !important;\n        border-radius: 50px !important;\n        background: rgba(181, 154, 90, 0.05) !important;\n    }\n\n    #gh-form-header h2 {\n        font-family: 'Playfair Display', serif !important;\n        font-size: 3.2rem !important;\n        font-weight: 800 !important;\n        color: #0f172a !important;\n        line-height: 1.15 !important;\n        margin: 0 0 20px 0 !important;\n        letter-spacing: -1px !important;\n    }\n\n    #gh-form-header p {\n        font-size: 1.15rem !important;\n        color: #475569 !important;\n        line-height: 1.6 !important;\n        margin: 0 !important;\n        font-weight: 400 !important;\n    }\n\n    #gh-form-header .gh-trust-bullets {\n        display: flex !important;\n        justify-content: center !important;\n        gap: 25px !important;\n        margin-top: 25px !important;\n        flex-wrap: wrap !important;\n    }\n\n    #gh-form-header .gh-trust-bullets span {\n        font-size: 0.9rem !important;\n        font-weight: 600 !important;\n        color: #0f172a !important;\n        display: flex !important;\n        align-items: center !important;\n        gap: 8px !important;\n    }\n\n    #gh-form-header .gh-trust-bullets svg {\n        width: 16px !important;\n        height: 16px !important;\n        color: #b59a5a !important; \n    }\n\n    @media (max-width: 768px) {\n        #gh-form-header h2 { font-size: 2.4rem !important; }\n        #gh-form-header p { font-size: 1.05rem !important; }\n        #gh-form-header .gh-trust-bullets { gap: 15px !important; flex-direction: column !important; align-items: center !important; }\n    }\n<\/style>\n\n<div id=\"gh-form-header\">\n    \n    <div class=\"gh-form-badge\">Custom Design<\/div>\n    \n    <h2>We give shape to your vision.<\/h2>\n    \n    <p>\n        Whether for a residential setting, a commercial space, or a large-scale architectural project, our manufacturing adapts to your spatial requirements. Share your concept with us to receive a no-obligation analysis.\n    <\/p>\n\n    <div class=\"gh-trust-bullets\">\n        <span>\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n            Response within 24-48 hours\n        <\/span>\n        <span>\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n            Tailored Consulting\n        <\/span>\n        <span>\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n            End-to-End Support\n        <\/span>\n    <\/div>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-caf9356 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"caf9356\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-custom\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-74374390\" data-id=\"74374390\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7acade49 elementor-widget elementor-widget-html\" data-id=\"7acade49\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script charset=\"utf-8\" type=\"text\/javascript\" src=\"\/\/js.hsforms.net\/forms\/embed\/v2.js\"><\/script>\n<script>\n  hbspt.forms.create({\n    region: \"na1\",\n    portalId: \"9406678\",\n    formId: \"b1a32b5f-024f-4fd6-a5f6-c7b0b1399ec5\"\n  });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-35185743 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"35185743\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-169cded3\" data-id=\"169cded3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7837ac1c elementor-widget elementor-widget-html\" data-id=\"7837ac1c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n    .gh-legal-shield-wrapper {\n        background-color: #ffffff !important; \n        padding: 30px 20px !important; \n        text-align: center !important;\n        font-family: 'Inter', 'Montserrat', sans-serif !important;\n        border-top: 1px solid #f1f5f9 !important;\n        width: 100% !important;\n        box-sizing: border-box !important;\n    }\n\n    .gh-legal-shield-container {\n        max-width: 1000px !important;\n        margin: 0 auto !important;\n    }\n\n    .gh-legal-shield-text {\n        color: #94a3b8 !important; \n        font-size: 10px !important; \n        line-height: 1.6 !important;\n        margin: 0 !important;\n        font-weight: 400 !important;\n        text-align: justify !important;\n        text-align-last: center !important;\n    }\n\n    .gh-legal-shield-text strong {\n        color: #64748b !important; \n        font-weight: 600 !important;\n    }\n\n    .gh-legal-shield-text a {\n        color: #94a3b8 !important; \n        text-decoration: underline !important;\n        text-decoration-color: #cbd5e1 !important; \n        transition: color 0.3s ease !important;\n    }\n\n    .gh-legal-shield-text a:hover {\n        color: #0f172a !important; \n    }\n\n    @media (max-width: 768px) {\n        .gh-legal-shield-text {\n            font-size: 9px !important;\n            text-align: center !important; \n            text-align-last: center !important;\n        }\n    }\n<\/style>\n\n<div class=\"gh-legal-shield-wrapper\" aria-label=\"Legal and Trademark Disclaimer\">\n    <div class=\"gh-legal-shield-container\">\n        <p class=\"gh-legal-shield-text\">\n            <strong>Legal Notice on Portfolio and Trademarks:<\/strong> All trademarks, logos, trade names, and corporate names mentioned on this website belong to their respective and legitimate owners. Photographic images relating to Corporate, Retail, HoReCa, and Residential projects (including links to \"User Generated Content\" published on external platforms) are included for purely documentary, illustrative, and historical portfolio purposes regarding the supplies or installations executed in our capacity as a technical supplier. Their presence does not in any way imply sponsorship agreements, endorsements, affiliations, or official partnerships between Green Habitat and the depicted brands, entities, or public figures, unless otherwise explicitly stated. Should the legitimate holders of image or trademark rights wish to request the removal, modification, or de-indexing of specific content, they are invited to contact our dedicated office at <a href=\"mailto:amministrazione@greenhabitat.it\">amministrazione@greenhabitat.it<\/a> for immediate removal.\n        <\/p>\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Active Bio-Infrastructure Active Bio-Infrastructures for Interior Design. We engineer plant systems for luxury retail, hotels, and corporate headquarters. Monumental impact combined with automated water management. Request a Feasibility Study ENGINEERED INFRASTRUCTURES FOR: CORPORATE HEADQUARTERS LOGISTICS HUBS AIRPORT LOUNGES HEALTHCARE FACILITIES RETAIL FLAGSHIP STORES BANKING FACILITIES SMART OFFICES BROADCAST STUDIOS EXHIBITION INSTALLATIONS CORPORATE HEADQUARTERS LOGISTICS HUBS [&hellip;]<\/p>\n","protected":false},"author":11,"featured_media":0,"parent":6288,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"content-type":"","footnotes":""},"class_list":["post-6306","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/greenhabitat.it\/en\/wp-json\/wp\/v2\/pages\/6306","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/greenhabitat.it\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/greenhabitat.it\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/greenhabitat.it\/en\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/greenhabitat.it\/en\/wp-json\/wp\/v2\/comments?post=6306"}],"version-history":[{"count":19,"href":"https:\/\/greenhabitat.it\/en\/wp-json\/wp\/v2\/pages\/6306\/revisions"}],"predecessor-version":[{"id":23396,"href":"https:\/\/greenhabitat.it\/en\/wp-json\/wp\/v2\/pages\/6306\/revisions\/23396"}],"up":[{"embeddable":true,"href":"https:\/\/greenhabitat.it\/en\/wp-json\/wp\/v2\/pages\/6288"}],"wp:attachment":[{"href":"https:\/\/greenhabitat.it\/en\/wp-json\/wp\/v2\/media?parent=6306"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}