{"id":8,"date":"2026-10-12T20:14:03","date_gmt":"2026-10-12T20:14:03","guid":{"rendered":"https:\/\/moobyte.com\/?page_id=8"},"modified":"2026-10-13T00:20:51","modified_gmt":"2026-10-13T00:20:51","slug":"homepage","status":"publish","type":"page","link":"https:\/\/moobyte.com\/","title":{"rendered":"Homepage"},"content":{"rendered":"\n\n\t<section class=\"section xentri-hero\" id=\"section_1322273942\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1944\" height=\"809\" src=\"https:\/\/moobyte.com\/wp-content\/uploads\/2026\/10\/xentri-hero-copy.jpg\" class=\"bg attachment-original size-original\" alt=\"\" \/>\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n<div class=\"row row-large row-full-width\"  id=\"row-210306479\">\n\n\n\t<div id=\"col-1837319487\" class=\"col medium-6 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\n<style>\n\/* ==========================================\n   XENTRI \u2014 HOMEPAGE HERO\n   ========================================== *\/\n\n.xentri-hero {\n    min-height: 700px;\n    display: flex;\n    align-items: center;\n    position: relative;\n    padding: 100px 0 70px !important;\n    background-size: cover !important;\n    background-position: center center !important;\n}\n\n\/* Keep content above background *\/\n.xentri-hero .section-content {\n    position: relative;\n    z-index: 2;\n    width: 100%;\n}\n\n\/* Text container *\/\n.xentri-hero-content {\n    max-width: 650px;\n}\n\n\/* Eyebrow *\/\n.xentri-hero-label {\n    color: #8DB8D5;\n    font-size: 13px;\n    font-weight: 600;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    margin-bottom: 22px;\n}\n\n\/* Main headline *\/\n.xentri-hero-title {\n    color: #ffffff !important;\n    font-size: clamp(38px, 4.5vw, 72px);\n    font-weight: 700;\n    line-height: 1.08;\n    letter-spacing: -1.5px;\n    text-transform: uppercase;\n    margin-bottom: 28px;\n}\n\n.xentri-hero-title span {\n    color: #8DB8D5;\n}\n\n\/* Description *\/\n.xentri-hero-description {\n    color: rgba(255,255,255,0.88);\n    font-size: 17px;\n    line-height: 1.75;\n    max-width: 520px;\n    margin-bottom: 15px;\n}\n\n\/* Buttons *\/\n.xentri-hero-buttons {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 14px;\n    margin-top: 32px;\n}\n\n.xentri-hero-buttons a {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 50px;\n    padding: 0 28px;\n    border-radius: 30px;\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n    text-decoration: none;\n    transition: all 0.25s ease;\n}\n\n\/* Primary button *\/\n.xentri-hero-primary {\n    background: #ffffff;\n    color: #111820 !important;\n}\n\n.xentri-hero-primary:hover {\n    background: #8DB8D5;\n    color: #111820 !important;\n}\n\n\/* Secondary button *\/\n.xentri-hero-secondary {\n    background: transparent;\n    color: #ffffff !important;\n    border: 1px solid rgba(255,255,255,0.65);\n}\n\n.xentri-hero-secondary:hover {\n    background: rgba(255,255,255,0.12);\n    border-color: #ffffff;\n}\n\n\/* ==========================================\n   TABLET\n   ========================================== *\/\n\n@media (max-width: 849px) {\n\n    .xentri-hero {\n        min-height: 600px;\n        padding: 100px 0 60px !important;\n    }\n\n    .xentri-hero-title {\n        font-size: clamp(36px, 6vw, 54px);\n    }\n\n    .xentri-hero-content {\n        max-width: 560px;\n    }\n}\n\n\/* ==========================================\n   MOBILE\n   ========================================== *\/\n\n@media (max-width: 549px) {\n\n    .xentri-hero {\n        min-height: 650px;\n        padding: 110px 0 65px !important;\n        background-position: 65% center !important;\n    }\n\n    .xentri-hero-content {\n        max-width: 100%;\n    }\n\n    .xentri-hero-label {\n        font-size: 11px;\n        letter-spacing: 2px;\n        margin-bottom: 18px;\n    }\n\n    .xentri-hero-title {\n        font-size: clamp(34px, 9vw, 46px);\n        letter-spacing: -0.5px;\n        margin-bottom: 22px;\n    }\n\n    .xentri-hero-description {\n        font-size: 15px;\n        line-height: 1.65;\n    }\n\n    .xentri-hero-buttons {\n        gap: 10px;\n        margin-top: 25px;\n    }\n\n    .xentri-hero-buttons a {\n        padding: 0 20px;\n        font-size: 11px;\n        min-height: 46px;\n    }\n}\n<\/style>\n\n\n<div class=\"xentri-hero-content\">\n\n    <div class=\"xentri-hero-label\">\n        ACTIVE SECURITY TECHNOLOGY\n    <\/div>\n\n    <h1 class=\"xentri-hero-title\">\n        PROTECTION BEYOND<br>\n        <span>DETECTION.<\/span>\n    <\/h1>\n\n    <p class=\"xentri-hero-description\">\n        Traditional security systems alert you to a break-in.\n        We believe security should go further.\n    <\/p>\n\n    <p class=\"xentri-hero-description\">\n        XENTRI develops advanced security technologies designed\n        to actively protect properties, people and valuables\n        when every second counts.\n    <\/p>\n\n    <div class=\"xentri-hero-buttons\">\n\n        <a href=\"\/technology\/\" class=\"xentri-hero-primary\">\n            EXPLORE OUR TECHNOLOGY &nbsp; \u2192\n        <\/a>\n\n        <a href=\"\/partners\/\" class=\"xentri-hero-secondary\">\n            BECOME A PARTNER\n        <\/a>\n\n    <\/div>\n\n<\/div>\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-248224032\" class=\"col medium-6 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1322273942 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_145322458\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n<div class=\"row row-small row-full-width\"  id=\"row-238620056\">\n\n\n\t<div id=\"col-1151954201\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\n<style>\n\/* ==========================================\n   XENTRI \u2014 AUDIENCE TILES\n   ========================================== *\/\n\n.xentri-audience {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 12px;\n    width: 100%;\n}\n\n\/* Individual tile *\/\n.xentri-audience-card {\n    position: relative;\n    display: flex;\n    align-items: flex-end;\n    min-height: 470px;\n    padding: 48px;\n    overflow: hidden;\n    isolation: isolate;\n    text-decoration: none !important;\n    background-color: #111820;\n    border-radius: 3px;\n}\n\n\/* Background image *\/\n.xentri-audience-card::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: -2;\n    background-image: var(--tile-image);\n    background-position: 65% center;\n    background-size: cover;\n    background-repeat: no-repeat;\n    transition: transform 0.7s ease;\n}\n\n\/* Dark gradient to keep text readable *\/\n.xentri-audience-card::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: -1;\n    background: linear-gradient(\n        180deg,\n        rgba(5, 10, 18, 0.02) 0%,\n        rgba(5, 10, 18, 0.12) 35%,\n        rgba(5, 10, 18, 0.55) 65%,\n        rgba(5, 10, 18, 0.90) 100%\n    );\n}\n\n\/* Image zoom on hover *\/\n.xentri-audience-card:hover::before {\n    transform: scale(1.055);\n}\n\n\/* Content *\/\n.xentri-audience-content {\n    position: relative;\n    z-index: 2;\n    max-width: 460px;\n}\n\n\/* Small label *\/\n.xentri-audience-label {\n    display: block;\n    color: #8DB8D5;\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 2.5px;\n    text-transform: uppercase;\n    margin-bottom: 14px;\n}\n\n\/* Headline *\/\n.xentri-audience-title {\n    color: #ffffff !important;\n    font-size: clamp(26px, 2.5vw, 38px);\n    font-weight: 700;\n    line-height: 1.15;\n    letter-spacing: -0.5px;\n    text-transform: uppercase;\n    margin-bottom: 15px;\n}\n\n\/* Description *\/\n.xentri-audience-description {\n    color: rgba(255,255,255,0.90);\n    font-size: 15px;\n    line-height: 1.7;\n    max-width: 390px;\n    margin-bottom: 26px;\n}\n\n\/* Button *\/\n.xentri-audience-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 46px;\n    padding: 0 25px;\n    border-radius: 30px;\n    background: #ffffff;\n    color: #111820;\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n    transition: background 0.25s ease;\n}\n\n.xentri-audience-card:hover .xentri-audience-button {\n    background: #8DB8D5;\n}\n\n\/* ==========================================\n   TABLET\n   ========================================== *\/\n\n@media (max-width: 849px) {\n\n    .xentri-audience-card {\n        min-height: 420px;\n        padding: 32px;\n    }\n\n    .xentri-audience-title {\n        font-size: 28px;\n    }\n\n    .xentri-audience-description {\n        font-size: 14px;\n    }\n}\n\n\/* ==========================================\n   MOBILE\n   ========================================== *\/\n\n@media (max-width: 549px) {\n\n    .xentri-audience {\n        grid-template-columns: 1fr;\n        gap: 12px;\n    }\n\n    .xentri-audience-card {\n        min-height: 400px;\n        padding: 30px 25px;\n    }\n\n    .xentri-audience-title {\n        font-size: 30px;\n    }\n\n    .xentri-audience-description {\n        font-size: 14px;\n    }\n\n    .xentri-audience-card::before {\n        background-position: 65% center;\n    }\n}\n<\/style>\n\n\n<div class=\"xentri-audience\">\n\n    <!-- =====================================\n         HOMEOWNERS TILE\n         ===================================== -->\n\n    <a href=\"\/homeowners\/\"\n       class=\"xentri-audience-card\"\n       style=\"--tile-image: url('https:\/\/moobyte.com\/wp-content\/uploads\/2026\/10\/homeowners-copy.jpg');\">\n\n        <div class=\"xentri-audience-content\">\n\n            <span class=\"xentri-audience-label\">\n                RESIDENTIAL SECURITY\n            <\/span>\n\n            <h2 class=\"xentri-audience-title\">\n                FOR HOMEOWNERS\n            <\/h2>\n\n            <p class=\"xentri-audience-description\">\n                Advanced protection for the places and possessions\n                that matter most. Discover a smarter approach\n                to securing your home.\n            <\/p>\n\n            <span class=\"xentri-audience-button\">\n                EXPLORE HOME PROTECTION &nbsp; \u2192\n            <\/span>\n\n        <\/div>\n\n    <\/a>\n\n\n    <!-- =====================================\n         PROFESSIONALS TILE\n         ===================================== -->\n\n    <a href=\"\/partners\/\"\n       class=\"xentri-audience-card\"\n       style=\"--tile-image: url('https:\/\/moobyte.com\/wp-content\/uploads\/2026\/10\/installer-xentry-copy.jpg');\">\n\n        <div class=\"xentri-audience-content\">\n\n            <span class=\"xentri-audience-label\">\n                PROFESSIONAL SOLUTIONS\n            <\/span>\n\n            <h2 class=\"xentri-audience-title\">\n                FOR PROFESSIONALS\n            <\/h2>\n\n            <p class=\"xentri-audience-description\">\n                Innovative security technologies designed\n                for professional installation and integration.\n                Discover the XENTRI partner opportunity.\n            <\/p>\n\n            <span class=\"xentri-audience-button\">\n                BECOME A PARTNER &nbsp; \u2192\n            <\/span>\n\n        <\/div>\n\n    <\/a>\n\n<\/div>\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_145322458 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_1504737183\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n<div class=\"row row-collapse row-full-width\"  id=\"row-1827703596\">\n\n\n\t<div id=\"col-303180633\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\n<style>\n\/* ==========================================\n   XENTRI \u2014 ALARMS NOTIFY HERO\n   ========================================== *\/\n\n.xentri-reality-hero {\n    position: relative;\n    display: flex;\n    align-items: center;\n\n    \/* Full browser width *\/\n    width: 100vw;\n    max-width: 100vw;\n    margin-left: calc(50% - 50vw);\n\n    min-height: 570px;\n    padding: 110px max(6%, calc((100vw - 1280px) \/ 2)) 75px;\n\n    background-color: #ffffff;\n    box-sizing: border-box;\n    overflow: hidden;\n    isolation: isolate;\n}\n\n\/* Background photograph *\/\n.xentri-reality-hero::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: -2;\n\n    background-image: url('https:\/\/moobyte.com\/wp-content\/uploads\/2026\/10\/hero5-copy.jpg');\n    background-size: cover;\n    background-position: center center;\n    background-repeat: no-repeat;\n}\n\n\/* White gradient to protect text *\/\n.xentri-reality-hero::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: -1;\n\n    background: linear-gradient(\n        90deg,\n        #ffffff 0%,\n        rgba(255,255,255,0.99) 27%,\n        rgba(255,255,255,0.93) 40%,\n        rgba(255,255,255,0.45) 55%,\n        rgba(255,255,255,0) 72%\n    );\n\n    pointer-events: none;\n}\n\n\/* Text container *\/\n.xentri-reality-content {\n    position: relative;\n    z-index: 2;\n    width: 100%;\n    max-width: 660px;\n}\n\n\/* Eyebrow *\/\n.xentri-reality-eyebrow {\n    display: block;\n    color: #526170;\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    margin-bottom: 24px;\n}\n\n\/* Main heading *\/\n.xentri-reality-title {\n    color: #101820 !important;\n    font-size: clamp(38px, 4.5vw, 68px);\n    font-weight: 800;\n    line-height: 1.06;\n    letter-spacing: -1.8px;\n    text-transform: uppercase;\n    margin: 0 0 30px;\n}\n\n.xentri-reality-title span {\n    display: block;\n    color: #649fc7;\n}\n\n\/* Accent line *\/\n.xentri-reality-line {\n    width: 50px;\n    height: 2px;\n    background: #649fc7;\n    margin-bottom: 32px;\n}\n\n\/* Body copy *\/\n.xentri-reality-description {\n    color: #526170;\n    font-size: 17px;\n    line-height: 1.75;\n    max-width: 570px;\n    margin: 0 0 24px;\n}\n\n\/* Closing statement *\/\n.xentri-reality-statement {\n    color: #101820;\n    font-size: 17px;\n    font-weight: 700;\n    line-height: 1.6;\n    max-width: 550px;\n    margin: 0;\n}\n\n\/* ==========================================\n   TABLET\n   ========================================== *\/\n\n@media (max-width: 1000px) {\n\n    .xentri-reality-hero {\n        min-height: 520px;\n        padding: 85px 6% 65px;\n    }\n\n    .xentri-reality-hero::before {\n        background-position: 60% center;\n    }\n\n    .xentri-reality-hero::after {\n        background: linear-gradient(\n            90deg,\n            #ffffff 0%,\n            rgba(255,255,255,0.98) 38%,\n            rgba(255,255,255,0.72) 60%,\n            rgba(255,255,255,0.05) 100%\n        );\n    }\n\n    .xentri-reality-content {\n        max-width: 520px;\n    }\n\n    .xentri-reality-title {\n        font-size: clamp(38px, 5vw, 54px);\n    }\n\n    .xentri-reality-description {\n        font-size: 15px;\n    }\n}\n\n\/* ==========================================\n   MOBILE\n   ========================================== *\/\n\n@media (max-width: 600px) {\n\n    .xentri-reality-hero {\n        display: flex;\n        flex-direction: column;\n        align-items: stretch;\n        min-height: 0;\n        padding: 0;\n        background: #ffffff;\n    }\n\n    \/* Photo appears above the text *\/\n    .xentri-reality-hero::before {\n        position: relative;\n        inset: auto;\n        display: block;\n        width: 100%;\n        height: 260px;\n        background-size: cover;\n        background-position: 79% center;\n        z-index: auto;\n        flex-shrink: 0;\n    }\n\n    \/* Remove desktop gradient *\/\n    .xentri-reality-hero::after {\n        display: none;\n    }\n\n    .xentri-reality-content {\n        max-width: 100%;\n        padding: 42px 25px 55px;\n        box-sizing: border-box;\n    }\n\n    .xentri-reality-eyebrow {\n        font-size: 10px;\n        margin-bottom: 18px;\n    }\n\n    .xentri-reality-title {\n        font-size: clamp(34px, 9vw, 46px);\n        line-height: 1.08;\n        letter-spacing: -1px;\n        margin-bottom: 25px;\n    }\n\n    .xentri-reality-line {\n        margin-bottom: 25px;\n    }\n\n    .xentri-reality-description {\n        font-size: 15px;\n        line-height: 1.7;\n    }\n\n    .xentri-reality-statement {\n        font-size: 15px;\n    }\n}\n<\/style>\n\n\n<section class=\"xentri-reality-hero\">\n\n    <div class=\"xentri-reality-content\">\n\n        <span class=\"xentri-reality-eyebrow\">\n            THE NEXT GENERATION OF SECURITY\n        <\/span>\n\n        <h2 class=\"xentri-reality-title\">\n            ALARMS NOTIFY.\n            <span>WE TAKE ACTION.<\/span>\n        <\/h2>\n\n        <div class=\"xentri-reality-line\"><\/div>\n\n        <p class=\"xentri-reality-description\">\n            Traditional security systems detect intrusions and raise\n            the alarm. But detection alone doesn&#8217;t stop an intruder\n            from moving through your property or accessing your valuables.\n        <\/p>\n\n        <p class=\"xentri-reality-statement\">\n            XENTRI believes security should do more than alert you.<br>\n            It should actively respond.\n        <\/p>\n\n    <\/div>\n\n<\/section>\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n<div class=\"row row-collapse row-full-width\"  id=\"row-1174562170\">\n\n\n\t<div id=\"col-2066032448\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\n<style>\n\/* ==========================================\n   XENTRI \u2014 SECURITY STATISTICS\n   ========================================== *\/\n\n.xentri-stats {\n    position: relative;\n    width: 100vw;\n    max-width: 100vw;\n    margin-left: calc(50% - 50vw);\n    background: #ffffff;\n    box-sizing: border-box;\n    padding: 35px 6% 100px;\n    overflow: hidden;\n}\n\n.xentri-stats-inner {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    max-width: 1280px;\n    margin: 0 auto;\n}\n\n\/* Individual statistic *\/\n.xentri-stat {\n    position: relative;\n    padding: 10px 45px;\n    min-width: 0;\n}\n\n.xentri-stat:first-child {\n    padding-left: 0;\n}\n\n.xentri-stat:last-child {\n    padding-right: 0;\n}\n\n.xentri-stat:not(:last-child) {\n    border-right: 1px solid #dce3e8;\n}\n\n\/* Icon circle *\/\n.xentri-stat-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 62px;\n    height: 62px;\n    margin-bottom: 25px;\n    background: #f0f3f5;\n    border-radius: 50%;\n}\n\n.xentri-stat-icon svg {\n    width: 30px;\n    height: 30px;\n    fill: none;\n    stroke: #101820;\n    stroke-width: 1.7;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\/* Large blue statistic *\/\n.xentri-stat-value {\n    display: flex;\n    align-items: baseline;\n    flex-wrap: wrap;\n    gap: 10px;\n    color: #4c91bd;\n    font-weight: 800;\n    line-height: 1.05;\n    letter-spacing: -1.5px;\n    margin-bottom: 20px;\n}\n\n.xentri-stat-number {\n    font-size: clamp(43px, 4.5vw, 72px);\n}\n\n.xentri-stat-unit {\n    font-size: clamp(16px, 1.7vw, 25px);\n    font-weight: 800;\n    text-transform: uppercase;\n    letter-spacing: -0.5px;\n}\n\n\/* Blue accent *\/\n.xentri-stat-line {\n    width: 42px;\n    height: 2px;\n    background: #8db8d5;\n    margin-bottom: 23px;\n}\n\n\/* Description *\/\n.xentri-stat-description {\n    color: #526170;\n    font-size: 15px;\n    line-height: 1.7;\n    margin: 0;\n    max-width: 340px;\n}\n\n\/* ==========================================\n   TABLET\n   ========================================== *\/\n\n@media (max-width: 1000px) {\n\n    .xentri-stats {\n        padding: 30px 5% 75px;\n    }\n\n    .xentri-stat {\n        padding: 10px 25px;\n    }\n\n    .xentri-stat-number {\n        font-size: 48px;\n    }\n\n    .xentri-stat-unit {\n        font-size: 16px;\n    }\n\n    .xentri-stat-description {\n        font-size: 14px;\n    }\n}\n\n\/* ==========================================\n   MOBILE\n   ========================================== *\/\n\n@media (max-width: 700px) {\n\n    .xentri-stats {\n        padding: 15px 25px 65px;\n    }\n\n    .xentri-stats-inner {\n        grid-template-columns: 1fr;\n    }\n\n    .xentri-stat,\n    .xentri-stat:first-child,\n    .xentri-stat:last-child {\n        padding: 30px 0;\n    }\n\n    .xentri-stat:not(:last-child) {\n        border-right: none;\n        border-bottom: 1px solid #dce3e8;\n    }\n\n    .xentri-stat-icon {\n        width: 55px;\n        height: 55px;\n        margin-bottom: 20px;\n    }\n\n    .xentri-stat-icon svg {\n        width: 27px;\n        height: 27px;\n    }\n\n    .xentri-stat-number {\n        font-size: 58px;\n    }\n\n    .xentri-stat-unit {\n        font-size: 20px;\n    }\n\n    .xentri-stat-description {\n        max-width: 100%;\n    }\n}\n<\/style>\n\n\n<section class=\"xentri-stats\">\n\n    <div class=\"xentri-stats-inner\">\n\n        <!-- =====================================\n             01 \u2014 SPEED\n             ===================================== -->\n        <div class=\"xentri-stat\">\n\n            <div class=\"xentri-stat-icon\">\n                <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n                    <path d=\"M27 4L12 26h11l-3 18 16-25H25z\"\/>\n                <\/svg>\n            <\/div>\n\n            <div class=\"xentri-stat-value\">\n                <span class=\"xentri-stat-number\">10<\/span>\n                <span class=\"xentri-stat-unit\">SECONDS<\/span>\n            <\/div>\n\n            <div class=\"xentri-stat-line\"><\/div>\n\n            <p class=\"xentri-stat-description\">\n                Security fog can begin to obscure visibility\n                in as little as 10 seconds, depending on\n                room size and system configuration.\n            <\/p>\n\n        <\/div>\n\n\n        <!-- =====================================\n             02 \u2014 RESPONSE TIME\n             ===================================== -->\n        <div class=\"xentri-stat\">\n\n            <div class=\"xentri-stat-icon\">\n                <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n                    <path d=\"M9 20h30l4 10v9H5v-9z\"\/>\n                    <path d=\"M14 20l5-9h10l5 9\"\/>\n                    <circle cx=\"13\" cy=\"39\" r=\"4\"\/>\n                    <circle cx=\"35\" cy=\"39\" r=\"4\"\/>\n                    <path d=\"M21 11V6h6v5\"\/>\n                    <path d=\"M7 17l-4-3M41 17l4-3\"\/>\n                <\/svg>\n            <\/div>\n\n            <div class=\"xentri-stat-value\">\n                <span class=\"xentri-stat-number\">7\u201312<\/span>\n                <span class=\"xentri-stat-unit\">MINUTES<\/span>\n            <\/div>\n\n            <div class=\"xentri-stat-line\"><\/div>\n\n            <p class=\"xentri-stat-description\">\n                Emergency response takes time.\n                In those critical minutes, an intruder\n                may still be inside your property.\n            <\/p>\n\n        <\/div>\n\n\n        <!-- =====================================\n             03 \u2014 VISIBILITY\n             ===================================== -->\n        <div class=\"xentri-stat\">\n\n            <div class=\"xentri-stat-icon\">\n                <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n                    <path d=\"M4 24s8-12 20-12 20 12 20 12-8 12-20 12S4 24 4 24z\"\/>\n                    <circle cx=\"24\" cy=\"24\" r=\"7\"\/>\n                    <path d=\"M7 41L41 7\"\/>\n                <\/svg>\n            <\/div>\n\n            <div class=\"xentri-stat-value\">\n                <span class=\"xentri-stat-number\">NEAR-ZERO<\/span>\n                <span class=\"xentri-stat-unit\">VISIBILITY<\/span>\n            <\/div>\n\n            <div class=\"xentri-stat-line\"><\/div>\n\n            <p class=\"xentri-stat-description\">\n                Dense security fog rapidly reduces visibility,\n                making it significantly harder for intruders\n                to navigate and locate valuables.\n            <\/p>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1504737183 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_680816943\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n<div class=\"row row-collapse row-full-width\"  id=\"row-1796265191\">\n\n\n\t<div id=\"col-563204377\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\n<style>\n\/* ==========================================\n   XENTRI \u2014 SEE UMBRA IN ACTION\n   ========================================== *\/\n\n.xentri-video-hero {\n    position: relative;\n    display: flex;\n    align-items: center;\n\n    \/* Full browser width *\/\n    width: 100vw;\n    max-width: 100vw;\n    margin-left: calc(50% - 50vw);\n\n    min-height: 490px;\n    padding: 70px max(6%, calc((100vw - 1250px) \/ 2));\n\n    background-color: #080f14;\n    background-image: url('https:\/\/moobyte.com\/wp-content\/uploads\/2026\/10\/inaction-copy-1.jpg');\n    background-size: cover;\n    background-position: center 45%;\n    background-repeat: no-repeat;\n\n    isolation: isolate;\n    overflow: hidden;\n    box-sizing: border-box;\n}\n\n\/* Dark gradient behind text *\/\n.xentri-video-hero::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: -1;\n\n    background: linear-gradient(\n        90deg,\n        rgba(5, 10, 15, 0.93) 0%,\n        rgba(5, 10, 15, 0.76) 28%,\n        rgba(5, 10, 15, 0.25) 62%,\n        rgba(5, 10, 15, 0.02) 100%\n    );\n\n    pointer-events: none;\n}\n\n\/* Smooth transition to next dark section *\/\n.xentri-video-hero::after {\n    content: \"\";\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    height: 65px;\n\n    background: linear-gradient(\n        to bottom,\n        transparent,\n        #080f14\n    );\n\n    pointer-events: none;\n}\n\n\/* Content *\/\n.xentri-video-content {\n    position: relative;\n    z-index: 2;\n    max-width: 490px;\n}\n\n\/* Eyebrow *\/\n.xentri-video-eyebrow {\n    display: block;\n    color: #8DB8D5;\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    margin-bottom: 15px;\n}\n\n\/* Heading *\/\n.xentri-video-title {\n    color: #ffffff !important;\n    font-size: clamp(38px, 4vw, 62px);\n    font-weight: 800;\n    line-height: 1.05;\n    letter-spacing: -1px;\n    text-transform: uppercase;\n    margin: 0 0 22px;\n}\n\n\/* Accent *\/\n.xentri-video-line {\n    width: 45px;\n    height: 2px;\n    background: #8DB8D5;\n    margin-bottom: 24px;\n}\n\n\/* Description *\/\n.xentri-video-description {\n    color: rgba(255,255,255,0.9);\n    font-size: 16px;\n    line-height: 1.8;\n    max-width: 430px;\n    margin: 0 0 28px;\n}\n\n\/* Play button *\/\n.xentri-video-play {\n    display: inline-flex;\n    align-items: center;\n    gap: 16px;\n    color: #ffffff !important;\n    font-size: 14px;\n    font-weight: 600;\n    text-decoration: none !important;\n    transition: opacity 0.25s ease;\n}\n\n.xentri-video-play:hover {\n    opacity: 0.8;\n}\n\n.xentri-video-play-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 58px;\n    height: 58px;\n    flex-shrink: 0;\n    border-radius: 50%;\n    background: #ffffff;\n    color: #101820;\n    transition: transform 0.25s ease;\n}\n\n.xentri-video-play:hover .xentri-video-play-icon {\n    transform: scale(1.08);\n}\n\n.xentri-video-play-icon svg {\n    width: 18px;\n    height: 18px;\n    fill: currentColor;\n    margin-left: 3px;\n}\n\n\/* ==========================================\n   TABLET\n   ========================================== *\/\n\n@media (max-width: 849px) {\n\n    .xentri-video-hero {\n        min-height: 480px;\n        padding: 60px 6%;\n        background-position: 58% center;\n    }\n\n    .xentri-video-hero::before {\n        background: linear-gradient(\n            90deg,\n            rgba(5,10,15,0.94) 0%,\n            rgba(5,10,15,0.7) 45%,\n            rgba(5,10,15,0.1) 100%\n        );\n    }\n\n    .xentri-video-content {\n        max-width: 440px;\n    }\n\n}\n\n\/* ==========================================\n   MOBILE\n   ========================================== *\/\n\n@media (max-width: 549px) {\n\n    .xentri-video-hero {\n        min-height: 540px;\n        padding: 60px 25px;\n        align-items: flex-end;\n        background-position: 65% center;\n    }\n\n    .xentri-video-hero::before {\n        background: linear-gradient(\n            0deg,\n            rgba(5,10,15,0.96) 0%,\n            rgba(5,10,15,0.82) 45%,\n            rgba(5,10,15,0.18) 100%\n        );\n    }\n\n    .xentri-video-title {\n        font-size: 40px;\n    }\n\n    .xentri-video-description {\n        font-size: 14px;\n        line-height: 1.7;\n    }\n\n    .xentri-video-play-icon {\n        width: 52px;\n        height: 52px;\n    }\n\n}\n<\/style>\n\n\n<section class=\"xentri-video-hero\">\n\n    <div class=\"xentri-video-content\">\n\n        <span class=\"xentri-video-eyebrow\">\n            REAL-WORLD DEMONSTRATION\n        <\/span>\n\n        <h2 class=\"xentri-video-title\">\n            SEE UMBRA<br>\n            IN ACTION.\n        <\/h2>\n\n        <div class=\"xentri-video-line\"><\/div>\n\n        <p class=\"xentri-video-description\">\n            See how UMBRA rapidly fills a room with dense\n            security fog, reducing visibility and helping\n            prevent intruders from reaching your valuables.\n        <\/p>\n\n        <a href=\"#umbra-video\" class=\"xentri-video-play\">\n\n            <span class=\"xentri-video-play-icon\">\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                    <path d=\"M7 4.5L20 12L7 19.5Z\"\/>\n                <\/svg>\n            <\/span>\n\n            <span>Play Video<\/span>\n\n        <\/a>\n\n    <\/div>\n\n<\/section>\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n<div class=\"row row-collapse row-full-width\"  id=\"row-614959506\">\n\n\n\t<div id=\"col-872967296\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\n<style>\n\/* ==========================================\n   XENTRI \u2014 DETECT \/ ACTIVATE \/ OBSCURE\n   ========================================== *\/\n\n.xentri-process {\n    position: relative;\n    width: 100vw;\n    max-width: 100vw;\n    margin-left: calc(50% - 50vw);\n\n    overflow: hidden;\n    isolation: isolate;\n    box-sizing: border-box;\n\n    background-color: #080f14;\n    background-image: url('https:\/\/moobyte.com\/wp-content\/uploads\/2026\/10\/smoke-backgound-copy.jpg');\n    background-size: cover;\n    background-position: center bottom;\n    background-repeat: no-repeat;\n\n    padding: 65px 5% 75px;\n    color: #ffffff;\n}\n\n\/* Very subtle overlay for readability *\/\n.xentri-process::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: -1;\n    background: rgba(8, 15, 20, 0.08);\n    pointer-events: none;\n}\n\n\/* Main heading *\/\n.xentri-process-heading {\n    text-align: center;\n    color: #ffffff !important;\n    font-size: clamp(30px, 3.7vw, 54px);\n    font-weight: 800;\n    line-height: 1.15;\n    letter-spacing: -1px;\n    text-transform: uppercase;\n    margin: 0 0 65px;\n}\n\n.xentri-process-heading span {\n    color: #65bce8;\n}\n\n\/* Three-column grid *\/\n.xentri-process-grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    max-width: 1380px;\n    margin: 0 auto;\n}\n\n\/* Individual step *\/\n.xentri-process-step {\n    position: relative;\n    padding: 0 35px;\n    min-width: 0;\n}\n\n.xentri-process-step:not(:last-child) {\n    border-right: 1px solid rgba(141, 184, 213, 0.25);\n}\n\n\/* Step header *\/\n.xentri-process-step-head {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    margin-bottom: 22px;\n}\n\n\/* Main icon *\/\n.xentri-process-main-icon {\n    width: 68px;\n    height: 68px;\n    flex-shrink: 0;\n    color: #65bce8;\n}\n\n.xentri-process-main-icon svg {\n    width: 100%;\n    height: 100%;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.5;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\/* Number and title *\/\n.xentri-process-number {\n    color: #65bce8;\n    font-size: 30px;\n    font-weight: 800;\n    line-height: 1;\n    margin-bottom: 7px;\n}\n\n.xentri-process-title {\n    color: #ffffff !important;\n    font-size: 22px;\n    font-weight: 800;\n    text-transform: uppercase;\n    line-height: 1.1;\n    margin: 0;\n}\n\n\/* Description *\/\n.xentri-process-description {\n    color: rgba(255,255,255,0.78);\n    font-size: 14px;\n    line-height: 1.75;\n    margin: 0 0 28px;\n    max-width: 330px;\n}\n\n\/* Options underneath each step *\/\n.xentri-process-options {\n    display: flex;\n    align-items: flex-start;\n    justify-content: flex-start;\n    gap: 12px;\n    margin-top: 25px;\n}\n\n.xentri-process-option {\n    flex: 1;\n    min-width: 0;\n    text-align: center;\n    padding: 0 8px;\n}\n\n.xentri-process-option + .xentri-process-option {\n    border-left: 1px solid rgba(141,184,213,0.25);\n}\n\n.xentri-process-option svg {\n    display: block;\n    width: 35px;\n    height: 35px;\n    margin: 0 auto 12px;\n    fill: none;\n    stroke: #65bce8;\n    stroke-width: 1.6;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.xentri-process-option span {\n    display: block;\n    color: rgba(255,255,255,0.88);\n    font-size: 10px;\n    font-weight: 700;\n    line-height: 1.4;\n    letter-spacing: 0.5px;\n    text-transform: uppercase;\n}\n\n\/* Connecting arrows *\/\n.xentri-process-arrow {\n    position: absolute;\n    top: 32px;\n    right: -18px;\n    z-index: 3;\n    color: #65bce8;\n    background: #080f14;\n    padding: 0 7px;\n    font-size: 23px;\n    font-weight: 300;\n    line-height: 1;\n}\n\n\/* ==========================================\n   TABLET\n   ========================================== *\/\n\n@media (max-width: 1000px) {\n    .xentri-process {\n        padding: 55px 3% 65px;\n    }\n\n    .xentri-process-step {\n        padding: 0 20px;\n    }\n\n    .xentri-process-main-icon {\n        width: 50px;\n        height: 50px;\n    }\n\n    .xentri-process-step-head {\n        gap: 12px;\n    }\n\n    .xentri-process-title {\n        font-size: 18px;\n    }\n\n    .xentri-process-number {\n        font-size: 25px;\n    }\n}\n\n\/* ==========================================\n   MOBILE\n   ========================================== *\/\n\n@media (max-width: 700px) {\n    .xentri-process {\n        padding: 50px 22px 60px;\n        background-position: center bottom;\n    }\n\n    .xentri-process-heading {\n        font-size: 32px;\n        margin-bottom: 45px;\n        letter-spacing: -0.5px;\n    }\n\n    .xentri-process-grid {\n        grid-template-columns: 1fr;\n        gap: 42px;\n    }\n\n    .xentri-process-step {\n        padding: 0 0 35px;\n    }\n\n    .xentri-process-step:not(:last-child) {\n        border-right: none;\n        border-bottom: 1px solid rgba(141,184,213,0.25);\n    }\n\n    .xentri-process-step-head {\n        gap: 20px;\n    }\n\n    .xentri-process-main-icon {\n        width: 58px;\n        height: 58px;\n    }\n\n    .xentri-process-description {\n        max-width: 100%;\n    }\n\n    .xentri-process-options {\n        max-width: 400px;\n    }\n\n    .xentri-process-arrow {\n        display: none;\n    }\n}\n<\/style>\n\n\n<section class=\"xentri-process\">\n\n    <h2 class=\"xentri-process-heading\">\n        DETECT<span>.<\/span>\n        ACTIVATE<span>.<\/span>\n        OBSCURE<span>.<\/span>\n    <\/h2>\n\n    <div class=\"xentri-process-grid\">\n\n        <!-- =====================================\n             01 \u2014 DETECT\n             ===================================== -->\n        <div class=\"xentri-process-step\">\n\n            <div class=\"xentri-process-step-head\">\n\n                <div class=\"xentri-process-main-icon\">\n                    <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\n                        <path d=\"M7 14V7h12M7 45v12h12\"\/>\n                        <circle cx=\"35\" cy=\"17\" r=\"5\"\/>\n                        <path d=\"M30 26l-6 12 10 5 4 12\"\/>\n                        <path d=\"M30 26l10 4 5 10\"\/>\n                        <path d=\"M25 37l-8 12\"\/>\n                        <path d=\"M47 17q13 15 0 30\"\/>\n                        <path d=\"M52 12q18 20 0 40\"\/>\n                    <\/svg>\n                <\/div>\n\n                <div>\n                    <div class=\"xentri-process-number\">01<\/div>\n                    <h3 class=\"xentri-process-title\">DETECT<\/h3>\n                <\/div>\n\n            <\/div>\n\n            <p class=\"xentri-process-description\">\n                An intrusion is detected through your existing\n                alarm system or motion detection.\n            <\/p>\n\n            <div class=\"xentri-process-options\">\n\n                <div class=\"xentri-process-option\">\n                    <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n                        <path d=\"M14 34h20l-3-6V18a7 7 0 0 0-14 0v10z\"\/>\n                        <path d=\"M20 38h8\"\/>\n                        <path d=\"M8 15q-5 9 0 18M40 15q5 9 0 18\"\/>\n                        <path d=\"M4 10q-9 14 0 28M44 10q9 14 0 28\"\/>\n                    <\/svg>\n                    <span>Existing<br>Alarm System<\/span>\n                <\/div>\n\n                <div class=\"xentri-process-option\">\n                    <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n                        <circle cx=\"26\" cy=\"9\" r=\"4\"\/>\n                        <path d=\"M23 16l-7 10 9 5 7 11\"\/>\n                        <path d=\"M23 16l9 4 6 9\"\/>\n                        <path d=\"M17 26L8 40\"\/>\n                        <path d=\"M8 9q-9 15 0 30\"\/>\n                        <path d=\"M12 14q-5 10 0 20\"\/>\n                    <\/svg>\n                    <span>Motion<br>Detection<\/span>\n                <\/div>\n\n            <\/div>\n\n            <span class=\"xentri-process-arrow\">\u2192<\/span>\n\n        <\/div>\n\n\n        <!-- =====================================\n             02 \u2014 ACTIVATE\n             ===================================== -->\n        <div class=\"xentri-process-step\">\n\n            <div class=\"xentri-process-step-head\">\n\n                <div class=\"xentri-process-main-icon\">\n                    <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\n                        <circle cx=\"32\" cy=\"24\" r=\"18\"\/>\n                        <circle cx=\"32\" cy=\"24\" r=\"10\"\/>\n                        <path d=\"M32 18v26\"\/>\n                        <path d=\"M32 44l-8-7q-4-3-7 0t1 7l13 12h14l5-12V31q0-5-5-5t-5 5\"\/>\n                    <\/svg>\n                <\/div>\n\n                <div>\n                    <div class=\"xentri-process-number\">02<\/div>\n                    <h3 class=\"xentri-process-title\">ACTIVATE<\/h3>\n                <\/div>\n\n            <\/div>\n\n            <p class=\"xentri-process-description\">\n                UMBRA can be activated via a panic alarm,\n                from your phone or through your alarm panel.\n            <\/p>\n\n            <div class=\"xentri-process-options\">\n\n                <div class=\"xentri-process-option\">\n                    <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n                        <circle cx=\"24\" cy=\"24\" r=\"18\"\/>\n                        <path d=\"M24 12v16\"\/>\n                        <circle cx=\"24\" cy=\"35\" r=\"1\"\/>\n                    <\/svg>\n                    <span>Panic<br>Alarm<\/span>\n                <\/div>\n\n                <div class=\"xentri-process-option\">\n                    <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n                        <rect x=\"13\" y=\"4\" width=\"22\" height=\"40\" rx=\"3\"\/>\n                        <path d=\"M13 10h22M13 36h22\"\/>\n                        <circle cx=\"24\" cy=\"40\" r=\"1\"\/>\n                    <\/svg>\n                    <span>Mobile<br>App<\/span>\n                <\/div>\n\n                <div class=\"xentri-process-option\">\n                    <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n                        <rect x=\"7\" y=\"6\" width=\"34\" height=\"36\" rx=\"3\"\/>\n                        <circle cx=\"16\" cy=\"16\" r=\"2\"\/>\n                        <circle cx=\"24\" cy=\"16\" r=\"2\"\/>\n                        <circle cx=\"32\" cy=\"16\" r=\"2\"\/>\n                        <circle cx=\"16\" cy=\"25\" r=\"2\"\/>\n                        <circle cx=\"24\" cy=\"25\" r=\"2\"\/>\n                        <circle cx=\"32\" cy=\"25\" r=\"2\"\/>\n                        <circle cx=\"16\" cy=\"34\" r=\"2\"\/>\n                        <circle cx=\"24\" cy=\"34\" r=\"2\"\/>\n                        <circle cx=\"32\" cy=\"34\" r=\"2\"\/>\n                    <\/svg>\n                    <span>Alarm<br>Panel<\/span>\n                <\/div>\n\n            <\/div>\n\n            <span class=\"xentri-process-arrow\">\u2192<\/span>\n\n        <\/div>\n\n\n        <!-- =====================================\n             03 \u2014 OBSCURE\n             ===================================== -->\n        <div class=\"xentri-process-step\">\n\n            <div class=\"xentri-process-step-head\">\n\n                <div class=\"xentri-process-main-icon\">\n                    <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\n                        <path d=\"M14 46a12 12 0 0 1-2-23 19 19 0 0 1 36-3\"\/>\n                        <path d=\"M48 28a10 10 0 0 1 0 20H18\"\/>\n                        <path d=\"M39 34h20M44 41h16M36 49h22\"\/>\n                    <\/svg>\n                <\/div>\n\n                <div>\n                    <div class=\"xentri-process-number\">03<\/div>\n                    <h3 class=\"xentri-process-title\">OBSCURE<\/h3>\n                <\/div>\n\n            <\/div>\n\n            <p class=\"xentri-process-description\">\n                Dense security fog rapidly reduces visibility,\n                disorienting intruders and giving you valuable\n                time to respond.\n            <\/p>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_680816943 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_2032940227\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n<div class=\"row\"  id=\"row-1802966983\">\n\n\n\t<div id=\"col-676003486\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\n\n\n\n<style>\n\/* ==========================================\n   XENTRI \u2014 UMBRA PRODUCT INTRO\n   ========================================== *\/\n\n.xentri-umbra-intro {\n    width: 100%;\n    text-align: center;\n    padding: 65px 20px 25px;\n    background: #ffffff;\n}\n\n\/* Small introductory label *\/\n.xentri-umbra-intro .umbra-eyebrow {\n    display: block;\n    color: #555d65;\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    margin-bottom: 12px;\n}\n\n\/* Main product name *\/\n.xentri-umbra-intro .umbra-title {\n    color: #101820 !important;\n    font-size: clamp(64px, 8vw, 110px);\n    font-weight: 800;\n    line-height: 1;\n    letter-spacing: -3px;\n    margin: 0 0 16px;\n}\n\n\/* Tagline *\/\n.xentri-umbra-intro .umbra-tagline {\n    color: #101820;\n    font-size: clamp(13px, 1.4vw, 17px);\n    font-weight: 700;\n    letter-spacing: 2.5px;\n    text-transform: uppercase;\n    margin-bottom: 22px;\n}\n\n\/* Description *\/\n.xentri-umbra-intro .umbra-description {\n    color: #535b63;\n    font-size: 16px;\n    line-height: 1.8;\n    max-width: 570px;\n    margin: 0 auto;\n}\n\n\/* Small accent line *\/\n.xentri-umbra-intro .umbra-accent {\n    width: 38px;\n    height: 2px;\n    background: #8DB8D5;\n    margin: 0 auto 24px;\n}\n\n\/* ==========================================\n   MOBILE\n   ========================================== *\/\n\n@media (max-width: 549px) {\n\n    .xentri-umbra-intro {\n        padding: 45px 15px 15px;\n    }\n\n    .xentri-umbra-intro .umbra-title {\n        font-size: 60px;\n        letter-spacing: -2px;\n    }\n\n    .xentri-umbra-intro .umbra-tagline {\n        font-size: 12px;\n        letter-spacing: 1.5px;\n        line-height: 1.6;\n    }\n\n    .xentri-umbra-intro .umbra-description {\n        font-size: 14px;\n        line-height: 1.7;\n    }\n}\n<\/style>\n\n\n<div class=\"xentri-umbra-intro\">\n\n    <span class=\"umbra-eyebrow\">\n        INTRODUCING\n    <\/span>\n\n    <h2 class=\"umbra-title\">\n        UMBRA\n    <\/h2>\n\n    <div class=\"umbra-accent\"><\/div>\n\n    <h3 class=\"umbra-tagline\">\n        A NEW STANDARD IN ACTIVE SECURITY.\n    <\/h3>\n\n    <p class=\"umbra-description\">\n        Discreet. Intelligent. Powerful.\n        UMBRA uses advanced solid-cartridge fogging technology\n        to rapidly reduce visibility and help stop intruders\n        in their tracks \u2014 giving you valuable time\n        when it matters most.\n    <\/p>\n\n<\/div>\n\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1872478910\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1020\" height=\"510\" src=\"https:\/\/moobyte.com\/wp-content\/uploads\/2026\/10\/umbra2-copy-1024x512.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/moobyte.com\/wp-content\/uploads\/2026\/10\/umbra2-copy-1024x512.jpg 1024w, https:\/\/moobyte.com\/wp-content\/uploads\/2026\/10\/umbra2-copy-300x150.jpg 300w, https:\/\/moobyte.com\/wp-content\/uploads\/2026\/10\/umbra2-copy-768x384.jpg 768w, https:\/\/moobyte.com\/wp-content\/uploads\/2026\/10\/umbra2-copy-1536x768.jpg 1536w, https:\/\/moobyte.com\/wp-content\/uploads\/2026\/10\/umbra2-copy.jpg 1774w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style>\n#image_1872478910 {\n  width: 65%;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n\n<style>\n\/* ==========================================\n   XENTRI \u2014 UMBRA FEATURES\n   ========================================== *\/\n\n.xentri-umbra-features {\n    width: 100%;\n    max-width: 1100px;\n    margin: 0 auto;\n    padding: 30px 20px 85px;\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    column-gap: 65px;\n    row-gap: 55px;\n    background: #ffffff;\n}\n\n.xentri-feature {\n    text-align: center;\n    min-width: 0;\n}\n\n.xentri-feature-icon {\n    width: 43px;\n    height: 43px;\n    margin: 0 auto 19px;\n    color: #101820;\n}\n\n.xentri-feature-icon svg {\n    width: 100%;\n    height: 100%;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.5;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.xentri-feature h3 {\n    color: #101820;\n    font-size: 15px;\n    font-weight: 700;\n    line-height: 1.4;\n    margin: 0 0 9px;\n}\n\n.xentri-feature p {\n    color: #697078;\n    font-size: 13px;\n    line-height: 1.7;\n    max-width: 255px;\n    margin: 0 auto;\n}\n\n\/* Tablet *\/\n@media (max-width: 849px) {\n    .xentri-umbra-features {\n        column-gap: 25px;\n        row-gap: 45px;\n        padding: 25px 15px 65px;\n    }\n}\n\n\/* Mobile *\/\n@media (max-width: 549px) {\n    .xentri-umbra-features {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        column-gap: 20px;\n        row-gap: 38px;\n        padding: 20px 10px 55px;\n    }\n\n    .xentri-feature-icon {\n        width: 36px;\n        height: 36px;\n        margin-bottom: 14px;\n    }\n\n    .xentri-feature h3 {\n        font-size: 13px;\n    }\n\n    .xentri-feature p {\n        font-size: 12px;\n    }\n}\n<\/style>\n\n<div class=\"xentri-umbra-features\">\n\n    <!-- 1. RAPID DEPLOYMENT -->\n    <div class=\"xentri-feature\">\n        <div class=\"xentri-feature-icon\">\n            <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n                <path d=\"M27 4L11 26h12l-3 18 17-24H25z\"\/>\n            <\/svg>\n        <\/div>\n        <h3>Rapid Deployment<\/h3>\n        <p>Dense security fog deployed in seconds when an intrusion is detected.<\/p>\n    <\/div>\n\n    <!-- 2. SOLID CARTRIDGE -->\n    <div class=\"xentri-feature\">\n        <div class=\"xentri-feature-icon\">\n            <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n                <rect x=\"15\" y=\"7\" width=\"18\" height=\"34\" rx=\"4\"\/>\n                <path d=\"M15 14h18M19 7V4h10v3M19 35h10\"\/>\n                <path d=\"M22 20v10M26 20v10\"\/>\n            <\/svg>\n        <\/div>\n        <h3>Solid-Cartridge Technology<\/h3>\n        <p>Advanced solid-cartridge fog generation designed for reliable performance.<\/p>\n    <\/div>\n\n    <!-- 3. DISCREET INSTALLATION -->\n    <div class=\"xentri-feature\">\n        <div class=\"xentri-feature-icon\">\n            <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n                <path d=\"M5 24s8-12 19-12 19 12 19 12-8 12-19 12S5 24 5 24z\"\/>\n                <circle cx=\"24\" cy=\"24\" r=\"6\"\/>\n                <path d=\"M8 40L40 8\"\/>\n            <\/svg>\n        <\/div>\n        <h3>Discreet Installation<\/h3>\n        <p>Designed to blend seamlessly into premium residential interiors.<\/p>\n    <\/div>\n\n    <!-- 4. ALARM INTEGRATION -->\n    <div class=\"xentri-feature\">\n        <div class=\"xentri-feature-icon\">\n            <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n                <path d=\"M15 15a14 14 0 0 0 0 18M33 15a14 14 0 0 1 0 18\"\/>\n                <path d=\"M10 10a21 21 0 0 0 0 28M38 10a21 21 0 0 1 0 28\"\/>\n                <circle cx=\"24\" cy=\"24\" r=\"4\"\/>\n                <path d=\"M24 28v9\"\/>\n            <\/svg>\n        <\/div>\n        <h3>Alarm System Integration<\/h3>\n        <p>Designed to integrate with compatible professional security systems.<\/p>\n    <\/div>\n\n    <!-- 5. DISTRIBUTED PROTECTION -->\n    <div class=\"xentri-feature\">\n        <div class=\"xentri-feature-icon\">\n            <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n                <path d=\"M24 4L42 14v20L24 44 6 34V14z\"\/>\n                <path d=\"M6 14l18 10 18-10M24 24v20\"\/>\n                <path d=\"M15 9l18 10\"\/>\n                <path d=\"M33 9L15 19\"\/>\n            <\/svg>\n        <\/div>\n        <h3>Distributed Protection<\/h3>\n        <p>Multiple discreet units can work together to protect different areas of a property.<\/p>\n    <\/div>\n\n    <!-- 6. CLEAN FOG TECHNOLOGY -->\n    <div class=\"xentri-feature\">\n        <div class=\"xentri-feature-icon\">\n            <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n                <path d=\"M40 7C20 7 9 17 9 30a11 11 0 0 0 11 11C34 41 41 25 40 7z\"\/>\n                <path d=\"M9 41c7-13 15-20 27-28\"\/>\n                <path d=\"M19 29l-2-11M27 22l9 1\"\/>\n            <\/svg>\n        <\/div>\n        <h3>Clean Fog Technology<\/h3>\n        <p>Engineered for use in occupied environments, subject to product safety specifications.<\/p>\n    <\/div>\n\n<\/div>\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_2032940227 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_307750190\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n<div class=\"row row-collapse row-full-width\"  id=\"row-972959141\">\n\n\n\t<div id=\"col-1473160323\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\n<style>\n\/* ==========================================\n   XENTRI \u2014 WHY XENTRI HERO\n   ========================================== *\/\n\n.xentri-why-hero {\n    position: relative;\n    width: 100vw;\n    max-width: 100vw;\n    margin-left: calc(50% - 50vw);\n    min-height: 690px;\n    overflow: hidden;\n    background: #071018;\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n}\n\n\/* Background image *\/\n.xentri-why-hero::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background-image:\n        linear-gradient(\n            90deg,\n            #071018 0%,\n            rgba(7,16,24,0.99) 20%,\n            rgba(7,16,24,0.94) 33%,\n            rgba(7,16,24,0.78) 43%,\n            rgba(7,16,24,0.25) 60%,\n            rgba(7,16,24,0) 78%\n        ),\n        url('https:\/\/moobyte.com\/wp-content\/uploads\/2026\/10\/slide6-copy.jpg');\n\n    background-size: cover;\n    background-position: center center;\n    background-repeat: no-repeat;\n    z-index: 0;\n}\n\n\/* Content *\/\n.xentri-why-inner {\n    position: relative;\n    z-index: 2;\n    width: 100%;\n    max-width: 1440px;\n    margin: 0 auto;\n    padding: 90px 6%;\n    box-sizing: border-box;\n}\n\n.xentri-why-content {\n    max-width: 570px;\n}\n\n\/* Eyebrow *\/\n.xentri-why-eyebrow {\n    display: inline-block;\n    font-size: 13px;\n    font-weight: 700;\n    letter-spacing: 3px;\n    color: #8db8d5;\n    margin-bottom: 22px;\n}\n\n.xentri-why-eyebrow::after {\n    content: \"\";\n    display: block;\n    width: 45px;\n    height: 2px;\n    background: #8db8d5;\n    margin-top: 12px;\n}\n\n\/* Heading *\/\n.xentri-why-title {\n    color: #ffffff !important;\n    font-size: clamp(35px, 3.7vw, 56px);\n    font-weight: 800;\n    line-height: 1.07;\n    letter-spacing: -1.5px;\n    margin: 0 0 25px !important;\n}\n\n.xentri-why-title span {\n    color: #8db8d5;\n}\n\n\/* Subheading *\/\n.xentri-why-subtitle {\n    color: #ffffff;\n    font-size: clamp(17px, 1.5vw, 21px);\n    font-weight: 700;\n    line-height: 1.35;\n    letter-spacing: 0.5px;\n    margin-bottom: 28px;\n}\n\n\/* Paragraphs *\/\n.xentri-why-content p {\n    color: #d3dce3;\n    font-size: 15px;\n    line-height: 1.75;\n    margin: 0 0 18px;\n}\n\n.xentri-why-highlight {\n    color: #8db8d5 !important;\n    font-size: 18px !important;\n    font-weight: 800;\n    margin-top: 25px !important;\n    margin-bottom: 10px !important;\n}\n\n.xentri-why-closing {\n    font-weight: 700;\n    color: #ffffff !important;\n    margin-top: 22px !important;\n}\n\n\/* ==========================================\n   TABLET\n   ========================================== *\/\n\n@media (max-width: 1024px) {\n\n    .xentri-why-hero {\n        min-height: 650px;\n    }\n\n    .xentri-why-hero::before {\n        background-image:\n            linear-gradient(\n                90deg,\n                #071018 0%,\n                rgba(7,16,24,0.99) 35%,\n                rgba(7,16,24,0.85) 55%,\n                rgba(7,16,24,0.2) 100%\n            ),\n            url('https:\/\/moobyte.com\/wp-content\/uploads\/2026\/10\/slide6-copy.jpg');\n        background-position: 60% center;\n    }\n\n    .xentri-why-inner {\n        padding: 75px 5%;\n    }\n\n    .xentri-why-content {\n        max-width: 520px;\n    }\n\n    .xentri-why-title {\n        font-size: 43px;\n    }\n}\n\n\/* ==========================================\n   MOBILE\n   ========================================== *\/\n\n@media (max-width: 767px) {\n\n    .xentri-why-hero {\n        min-height: 0;\n        display: block;\n    }\n\n    \/* Remove background photo from text area *\/\n    .xentri-why-hero::before {\n        display: none;\n    }\n\n    .xentri-why-inner {\n        padding: 60px 25px 0;\n    }\n\n    .xentri-why-content {\n        max-width: 100%;\n    }\n\n    .xentri-why-eyebrow {\n        font-size: 11px;\n        letter-spacing: 2.5px;\n        margin-bottom: 20px;\n    }\n\n    .xentri-why-title {\n        font-size: clamp(32px, 8vw, 43px);\n        line-height: 1.1;\n        letter-spacing: -1px;\n        margin-bottom: 22px !important;\n    }\n\n    .xentri-why-subtitle {\n        font-size: 17px;\n        margin-bottom: 22px;\n    }\n\n    .xentri-why-content p {\n        font-size: 14px;\n        line-height: 1.75;\n    }\n\n    .xentri-why-highlight {\n        font-size: 17px !important;\n    }\n\n    \/* Separate photo below the text *\/\n    .xentri-why-mobile-image {\n        display: block !important;\n        width: 100%;\n        height: 320px;\n        margin-top: 35px;\n        background-image:\n            linear-gradient(\n                180deg,\n                #071018 0%,\n                rgba(7,16,24,0) 25%,\n                rgba(7,16,24,0) 85%,\n                #071018 100%\n            ),\n            url('https:\/\/moobyte.com\/wp-content\/uploads\/2026\/10\/slide6-copy.jpg');\n        background-size: cover;\n        background-position: 62% center;\n        background-repeat: no-repeat;\n    }\n}\n\n\/* Smaller phones *\/\n@media (max-width: 400px) {\n\n    .xentri-why-inner {\n        padding-left: 20px;\n        padding-right: 20px;\n    }\n\n    .xentri-why-title {\n        font-size: 31px;\n    }\n\n    .xentri-why-mobile-image {\n        height: 260px;\n    }\n}\n<\/style>\n\n\n<section class=\"xentri-why-hero\">\n\n    <div class=\"xentri-why-inner\">\n\n        <div class=\"xentri-why-content\">\n\n            <div class=\"xentri-why-eyebrow\">\n                WHY XENTRI?\n            <\/div>\n\n            <h2 class=\"xentri-why-title\">\n                NOT ALL FOG MACHINES<br>\n                <span>ARE CREATED EQUAL.<\/span>\n            <\/h2>\n\n            <div class=\"xentri-why-subtitle\">\n                WAREHOUSE-GRADE PROTECTION.<br>\n                RESIDENTIAL-SIZED TECHNOLOGY.\n            <\/div>\n\n            <p>\n                Traditional security fog systems use heated liquid\n                vapour to generate fog. To achieve the dense,\n                high-volume coverage required for warehouses\n                and large commercial spaces, they typically\n                require substantial, bulky equipment.\n            <\/p>\n\n            <p>\n                Residential fog systems, meanwhile, have been\n                designed with compact size in mind \u2014 often\n                compromising on real-world fog output and\n                density to fit smaller spaces.\n            <\/p>\n\n            <p class=\"xentri-why-highlight\">\n                XENTRI CHANGES THAT.\n            <\/p>\n\n            <p>\n                Our advanced solid-cartridge technology delivers\n                exceptionally dense, high-volume security fog\n                from a compact, discreet system.\n            <\/p>\n\n            <p class=\"xentri-why-closing\">\n                The fog performance associated with industrial\n                security. Reimagined for your home.\n            <\/p>\n\n        <\/div>\n\n    <\/div>\n\n    <!-- Only visible on mobile -->\n    <div class=\"xentri-why-mobile-image\"\n         style=\"display:none;\"\n         role=\"img\"\n         aria-label=\"Compact recessed UMBRA ceiling unit deploying dense security fog\">\n    <\/div>\n\n<\/section>\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n<div class=\"row row-collapse row-full-width\"  id=\"row-1543263480\">\n\n\n\t<div id=\"col-1031729112\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\n<style>\n\/* ==========================================\n   XENTRI \u2014 WHY XENTRI BENEFITS + CTA\n   ========================================== *\/\n\n.xentri-why-benefits {\n    width: 100vw;\n    max-width: 100vw;\n    margin-left: calc(50% - 50vw);\n    position: relative;\n    background: #071018;\n    color: #ffffff;\n    padding: 55px 6% 85px;\n    box-sizing: border-box;\n    overflow: hidden;\n}\n\n\/* Subtle atmospheric smoke at bottom *\/\n.xentri-why-benefits::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background:\n        radial-gradient(\n            ellipse at 10% 100%,\n            rgba(141,184,213,0.12),\n            transparent 45%\n        ),\n        radial-gradient(\n            ellipse at 90% 100%,\n            rgba(141,184,213,0.09),\n            transparent 40%\n        );\n    pointer-events: none;\n}\n\n.xentri-why-benefits-inner {\n    max-width: 1280px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 1;\n}\n\n\/* ==========================================\n   FOUR BENEFITS\n   ========================================== *\/\n\n.xentri-why-benefits-grid {\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    gap: 0;\n    margin-bottom: 65px;\n}\n\n.xentri-why-benefit {\n    padding: 10px 28px;\n    min-width: 0;\n    border-right: 1px solid rgba(141,184,213,0.2);\n}\n\n.xentri-why-benefit:first-child {\n    padding-left: 0;\n}\n\n.xentri-why-benefit:last-child {\n    border-right: none;\n    padding-right: 0;\n}\n\n\/* Number *\/\n.xentri-why-benefit-number {\n    font-size: 13px;\n    color: #8db8d5;\n    font-weight: 700;\n    letter-spacing: 1px;\n    margin-bottom: 16px;\n}\n\n\/* Icon *\/\n.xentri-why-benefit-icon {\n    width: 52px;\n    height: 52px;\n    margin-bottom: 22px;\n}\n\n.xentri-why-benefit-icon svg {\n    width: 100%;\n    height: 100%;\n    fill: none;\n    stroke: #8db8d5;\n    stroke-width: 1.6;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\/* Heading *\/\n.xentri-why-benefit h3 {\n    font-size: 16px;\n    line-height: 1.35;\n    font-weight: 800;\n    color: #ffffff !important;\n    text-transform: uppercase;\n    margin: 0 0 16px;\n    min-height: 44px;\n}\n\n\/* Accent line *\/\n.xentri-why-benefit-line {\n    width: 35px;\n    height: 2px;\n    background: #8db8d5;\n    margin-bottom: 18px;\n}\n\n\/* Description *\/\n.xentri-why-benefit p {\n    font-size: 14px;\n    line-height: 1.7;\n    color: #b9c8d3;\n    margin: 0;\n}\n\n\/* Big stat *\/\n.xentri-why-benefit-stat {\n    color: #8db8d5;\n    font-size: clamp(30px, 3vw, 45px);\n    font-weight: 800;\n    line-height: 1.15;\n    letter-spacing: -1px;\n    margin-bottom: 16px;\n}\n\n.xentri-why-benefit-stat small {\n    font-size: 13px;\n    font-weight: 700;\n    display: block;\n    letter-spacing: 1px;\n    margin-bottom: 5px;\n}\n\n\/* ==========================================\n   CTA\n   ========================================== *\/\n\n.xentri-why-cta {\n    border-top: 1px solid rgba(141,184,213,0.25);\n    padding-top: 45px;\n    text-align: center;\n}\n\n.xentri-why-cta-label {\n    color: #8db8d5;\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 3px;\n    margin-bottom: 25px;\n    text-transform: uppercase;\n}\n\n.xentri-why-cta-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 20px;\n    background: #ffffff;\n    color: #071018 !important;\n    text-decoration: none !important;\n    padding: 19px 35px;\n    border-radius: 50px;\n    font-size: 13px;\n    font-weight: 800;\n    letter-spacing: 0.7px;\n    transition: all 0.3s ease;\n}\n\n.xentri-why-cta-button:hover {\n    background: #8db8d5;\n    color: #071018 !important;\n    transform: translateY(-3px);\n}\n\n.xentri-why-cta-button svg {\n    width: 19px;\n    height: 19px;\n    stroke: currentColor;\n    fill: none;\n    stroke-width: 2;\n}\n\n\/* ==========================================\n   TABLET\n   ========================================== *\/\n\n@media (max-width: 1024px) {\n\n    .xentri-why-benefits {\n        padding: 50px 5% 75px;\n    }\n\n    .xentri-why-benefits-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        row-gap: 40px;\n    }\n\n    .xentri-why-benefit {\n        padding: 15px 25px;\n    }\n\n    .xentri-why-benefit:nth-child(2) {\n        border-right: none;\n    }\n\n    .xentri-why-benefit:nth-child(3) {\n        padding-left: 0;\n    }\n\n    .xentri-why-benefit h3 {\n        min-height: 0;\n    }\n}\n\n\/* ==========================================\n   MOBILE\n   ========================================== *\/\n\n@media (max-width: 600px) {\n\n    .xentri-why-benefits {\n        padding: 45px 25px 65px;\n    }\n\n    .xentri-why-benefits-grid {\n        grid-template-columns: 1fr;\n        gap: 0;\n        margin-bottom: 35px;\n    }\n\n    .xentri-why-benefit,\n    .xentri-why-benefit:first-child,\n    .xentri-why-benefit:last-child,\n    .xentri-why-benefit:nth-child(3) {\n        padding: 30px 0;\n        border-right: none;\n        border-bottom: 1px solid rgba(141,184,213,0.2);\n    }\n\n    .xentri-why-benefit:last-child {\n        border-bottom: none;\n    }\n\n    .xentri-why-benefit-icon {\n        width: 45px;\n        height: 45px;\n        margin-bottom: 15px;\n    }\n\n    .xentri-why-benefit h3 {\n        font-size: 16px;\n    }\n\n    .xentri-why-benefit-stat {\n        font-size: 40px;\n    }\n\n    .xentri-why-cta {\n        padding-top: 35px;\n    }\n\n    .xentri-why-cta-label {\n        font-size: 10px;\n        letter-spacing: 2px;\n        line-height: 1.7;\n    }\n\n    .xentri-why-cta-button {\n        width: 100%;\n        padding: 18px 20px;\n        font-size: 12px;\n    }\n}\n<\/style>\n\n\n<section class=\"xentri-why-benefits\">\n\n    <div class=\"xentri-why-benefits-inner\">\n\n        <div class=\"xentri-why-benefits-grid\">\n\n            <!-- 01 \u2014 DENSITY -->\n            <div class=\"xentri-why-benefit\">\n\n                <div class=\"xentri-why-benefit-number\">01<\/div>\n\n                <div class=\"xentri-why-benefit-icon\">\n                    <svg viewBox=\"0 0 48 48\">\n                        <path d=\"M11 35h26a9 9 0 0 0 1-18 14 14 0 0 0-27-2A10 10 0 0 0 11 35z\"\/>\n                    <\/svg>\n                <\/div>\n\n                <h3>WAREHOUSE-GRADE<br>FOG DENSITY<\/h3>\n\n                <div class=\"xentri-why-benefit-line\"><\/div>\n\n                <p>\n                    Solid-cartridge technology produces exceptionally\n                    thick, opaque fog, rapidly obscuring visibility\n                    and reducing an intruder&#8217;s advantage.\n                <\/p>\n\n            <\/div>\n\n\n            <!-- 02 \u2014 COVERAGE -->\n            <div class=\"xentri-why-benefit\">\n\n                <div class=\"xentri-why-benefit-number\">02<\/div>\n\n                <div class=\"xentri-why-benefit-icon\">\n                    <svg viewBox=\"0 0 48 48\">\n                        <path d=\"M24 3L43 14v21L24 46 5 35V14z\"\/>\n                        <path d=\"M5 14l19 11 19-11M24 25v21\"\/>\n                        <path d=\"M14 9l19 11M34 9L15 20\"\/>\n                    <\/svg>\n                <\/div>\n\n                <div class=\"xentri-why-benefit-stat\">\n                    <small>UP TO<\/small>\n                    600m\u00b3\n                <\/div>\n\n                <h3>RATED FOG COVERAGE<\/h3>\n\n                <div class=\"xentri-why-benefit-line\"><\/div>\n\n                <p>\n                    Six solid cartridges provide a combined\n                    rated coverage of up to 600m\u00b3 from\n                    a single discreet unit.\n                <\/p>\n\n            <\/div>\n\n\n            <!-- 03 \u2014 COMPACT -->\n            <div class=\"xentri-why-benefit\">\n\n                <div class=\"xentri-why-benefit-number\">03<\/div>\n\n                <div class=\"xentri-why-benefit-icon\">\n                    <svg viewBox=\"0 0 48 48\">\n                        <rect x=\"13\" y=\"13\" width=\"22\" height=\"22\" rx=\"2\"\/>\n                        <path d=\"M13 5v6M13 5l-4 4M13 5l4 4\"\/>\n                        <path d=\"M35 5v6M35 5l-4 4M35 5l4 4\"\/>\n                        <path d=\"M5 24h6M5 24l4-4M5 24l4 4\"\/>\n                        <path d=\"M43 24h-6M43 24l-4-4M43 24l-4 4\"\/>\n                        <path d=\"M24 43v-6M24 43l-4-4M24 43l4-4\"\/>\n                    <\/svg>\n                <\/div>\n\n                <h3>COMPACT, DISCREET<br>INSTALLATION<\/h3>\n\n                <div class=\"xentri-why-benefit-stat\">\n                    400 \u00d7 280mm\n                <\/div>\n\n                <div class=\"xentri-why-benefit-line\"><\/div>\n\n                <p>\n                    Warehouse-grade fog performance from\n                    a compact ceiling-mounted unit designed\n                    to blend into modern interiors.\n                <\/p>\n\n            <\/div>\n\n\n            <!-- 04 \u2014 MAINTENANCE -->\n            <div class=\"xentri-why-benefit\">\n\n                <div class=\"xentri-why-benefit-number\">04<\/div>\n\n                <div class=\"xentri-why-benefit-icon\">\n                    <svg viewBox=\"0 0 48 48\">\n                        <circle cx=\"24\" cy=\"24\" r=\"15\"\/>\n                        <circle cx=\"24\" cy=\"24\" r=\"6\"\/>\n                        <path d=\"M24 3v6M24 39v6M3 24h6M39 24h6\"\/>\n                        <path d=\"M9 9l5 5M34 34l5 5M39 9l-5 5M14 34l-5 5\"\/>\n                    <\/svg>\n                <\/div>\n\n                <h3>LOW MAINTENANCE<br>&#038; RUNNING COSTS<\/h3>\n\n                <div class=\"xentri-why-benefit-line\"><\/div>\n\n                <p>\n                    No conventional liquid reservoirs,\n                    pumps or fluid-delivery systems.\n                    Replaceable solid cartridges simplify\n                    maintenance and replenishment.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- CTA -->\n        <div class=\"xentri-why-cta\">\n\n            <div class=\"xentri-why-cta-label\">\n                DISCOVER THE TECHNOLOGY BEHIND XENTRI\n            <\/div>\n\n            <a href=\"\/products\/\"\n               class=\"xentri-why-cta-button\">\n\n                EXPLORE OUR PRODUCTS\n\n                <svg viewBox=\"0 0 24 24\">\n                    <path d=\"M4 12h16M13 5l7 7-7 7\"\/>\n                <\/svg>\n\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_307750190 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_829587889\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n<div class=\"row row-collapse row-full-width\"  id=\"row-1096456554\">\n\n\n\t<div id=\"col-1396509786\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\n<style>\n\/* ==========================================\n   XENTRI \u2014 WHITE FAQ + DARK CTA\n   ========================================== *\/\n\n.xentri-faq-section,\n.xentri-faq-section * {\n    box-sizing: border-box;\n}\n\n.xentri-faq-section {\n    position: relative;\n    width: 100vw;\n    max-width: 100vw;\n    margin-left: calc(50% - 50vw);\n    background: #ffffff;\n    color: #071018;\n    padding: 70px 5%;\n    overflow: hidden;\n}\n\n.xentri-faq-inner {\n    max-width: 1400px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 0.9fr 1.25fr 1.1fr;\n    gap: 55px;\n    align-items: start;\n}\n\n\/* ==========================================\n   LEFT \u2014 INTRO\n   ========================================== *\/\n\n.xentri-faq-eyebrow {\n    color: #659bbd;\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 3px;\n    margin-bottom: 20px;\n}\n\n.xentri-faq-heading {\n    color: #071018 !important;\n    font-size: clamp(28px, 2.5vw, 40px);\n    font-weight: 800;\n    line-height: 1.1;\n    letter-spacing: -0.8px;\n    margin: 0 0 30px !important;\n}\n\n.xentri-faq-heading span {\n    color: #659bbd;\n}\n\n.xentri-faq-all-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 15px;\n    padding: 15px 25px;\n    background: #071018 !important;\n    color: #ffffff !important;\n    text-decoration: none !important;\n    border-radius: 40px;\n    font-size: 12px;\n    font-weight: 800;\n    transition: 0.3s ease;\n}\n\n.xentri-faq-all-button:hover {\n    background: #284a60 !important;\n    color: #ffffff !important;\n    transform: translateY(-2px);\n}\n\n\/* ==========================================\n   MIDDLE \u2014 ACCORDION\n   ========================================== *\/\n\n.xentri-faq-list {\n    width: 100%;\n}\n\n.xentri-faq-item {\n    border-bottom: 1px solid #e0e5e9;\n}\n\n.xentri-faq-item:first-child {\n    border-top: 1px solid #e0e5e9;\n}\n\n.xentri-faq-item summary {\n    list-style: none;\n    cursor: pointer;\n    padding: 17px 35px 17px 0;\n    color: #071018 !important;\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 1.5;\n    position: relative;\n    transition: color 0.2s ease;\n}\n\n.xentri-faq-item summary::-webkit-details-marker {\n    display: none;\n}\n\n.xentri-faq-item summary::marker {\n    content: \"\";\n}\n\n.xentri-faq-item summary::after {\n    content: \"+\";\n    position: absolute;\n    right: 5px;\n    top: 50%;\n    transform: translateY(-50%);\n    font-size: 22px;\n    font-weight: 300;\n    color: #659bbd;\n}\n\n.xentri-faq-item[open] summary::after {\n    content: \"\u2212\";\n}\n\n.xentri-faq-item summary:hover {\n    color: #659bbd !important;\n}\n\n.xentri-faq-answer {\n    padding: 0 25px 20px 0;\n    color: #52616b;\n    font-size: 13px;\n    line-height: 1.8;\n}\n\n.xentri-faq-answer p {\n    margin: 0;\n    color: inherit !important;\n}\n\n\/* ==========================================\n   RIGHT \u2014 DARK PHOTO CTA\n   ========================================== *\/\n\n.xentri-faq-cta {\n    position: relative;\n    min-height: 360px;\n    border: 1px solid rgba(141,184,213,0.25);\n    border-radius: 12px;\n    overflow: hidden;\n    display: flex;\n    align-items: flex-end;\n    background: #101b25;\n}\n\n.xentri-faq-cta::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background-image:\n        linear-gradient(\n            180deg,\n            rgba(7,16,24,0.25) 0%,\n            rgba(7,16,24,0.65) 35%,\n            rgba(7,16,24,0.98) 100%\n        ),\n        url('https:\/\/moobyte.com\/wp-content\/uploads\/2026\/10\/hero5-copy.jpg');\n    background-size: cover;\n    background-position: center;\n    transition: transform 0.6s ease;\n}\n\n.xentri-faq-cta:hover::before {\n    transform: scale(1.05);\n}\n\n.xentri-faq-cta-content {\n    position: relative;\n    z-index: 2;\n    padding: 30px;\n    width: 100%;\n}\n\n.xentri-faq-cta-title {\n    color: #ffffff !important;\n    font-size: clamp(22px, 2vw, 29px);\n    font-weight: 800;\n    line-height: 1.15;\n    margin: 0 0 15px !important;\n}\n\n.xentri-faq-cta-title span {\n    color: #8db8d5;\n}\n\n.xentri-faq-cta-text {\n    color: #d3dce3 !important;\n    font-size: 13px;\n    line-height: 1.7;\n    margin: 0 0 25px;\n}\n\n.xentri-faq-cta-buttons {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n}\n\n.xentri-faq-cta-button,\n.xentri-faq-cta-button:visited {\n    display: inline-flex !important;\n    align-items: center;\n    justify-content: center;\n    padding: 13px 20px;\n    border-radius: 40px;\n    font-size: 11px;\n    font-weight: 800;\n    line-height: 1.4;\n    text-decoration: none !important;\n    text-transform: none;\n    opacity: 1 !important;\n    visibility: visible !important;\n    transition: all 0.3s ease;\n}\n\n.xentri-faq-cta-button.primary,\n.xentri-faq-cta-button.primary:visited {\n    background: #ffffff !important;\n    color: #071018 !important;\n    border: 1px solid #ffffff !important;\n}\n\n.xentri-faq-cta-button.primary:hover {\n    background: #8db8d5 !important;\n    border-color: #8db8d5 !important;\n    color: #071018 !important;\n}\n\n.xentri-faq-cta-button.secondary,\n.xentri-faq-cta-button.secondary:visited {\n    border: 1px solid rgba(255,255,255,0.7) !important;\n    color: #ffffff !important;\n    background: rgba(0,0,0,0.15) !important;\n}\n\n.xentri-faq-cta-button.secondary:hover {\n    background: #ffffff !important;\n    color: #071018 !important;\n}\n\n\/* ==========================================\n   TABLET\n   ========================================== *\/\n\n@media (max-width: 1100px) {\n\n    .xentri-faq-inner {\n        grid-template-columns: 0.8fr 1.2fr;\n        gap: 40px;\n    }\n\n    .xentri-faq-cta {\n        grid-column: 1 \/ -1;\n        min-height: 280px;\n    }\n\n    .xentri-faq-cta-content {\n        max-width: 550px;\n    }\n}\n\n\/* ==========================================\n   MOBILE\n   ========================================== *\/\n\n@media (max-width: 767px) {\n\n    .xentri-faq-section {\n        padding: 50px 25px;\n    }\n\n    .xentri-faq-inner {\n        grid-template-columns: 1fr;\n        gap: 35px;\n    }\n\n    .xentri-faq-heading {\n        font-size: 34px;\n        margin-bottom: 25px !important;\n    }\n\n    .xentri-faq-item summary {\n        font-size: 14px;\n        padding-top: 18px;\n        padding-bottom: 18px;\n    }\n\n    .xentri-faq-cta {\n        grid-column: auto;\n        min-height: 340px;\n    }\n\n    .xentri-faq-cta-content {\n        padding: 25px;\n    }\n\n    .xentri-faq-cta-title {\n        font-size: 26px;\n    }\n\n    .xentri-faq-cta-buttons {\n        flex-direction: column;\n    }\n\n    .xentri-faq-cta-button {\n        width: 100%;\n    }\n}\n<\/style>\n\n\n<section class=\"xentri-faq-section\">\n\n    <div class=\"xentri-faq-inner\">\n\n        <!-- LEFT -->\n        <div class=\"xentri-faq-intro\">\n\n            <div class=\"xentri-faq-eyebrow\">\n                GOOD TO KNOW\n            <\/div>\n\n            <h2 class=\"xentri-faq-heading\">\n                QUESTIONS?<br>\n                <span>WE&#8217;VE GOT ANSWERS.<\/span>\n            <\/h2>\n\n            <a href=\"\/faq\/\" class=\"xentri-faq-all-button\">\n                VIEW ALL FAQs \u2192\n            <\/a>\n\n        <\/div>\n\n\n        <!-- MIDDLE -->\n        <div class=\"xentri-faq-list\">\n\n            <!-- FAQ 1 -->\n            <details class=\"xentri-faq-item\">\n                <summary>\n                    Is security fog safe for people, pets and property?\n                <\/summary>\n                <div class=\"xentri-faq-answer\">\n                    <p>\n                        UMBRA is designed for use in residential and commercial\n                        environments. As with any security fog system, safe use\n                        depends on correct installation, activation settings\n                        and following the manufacturer&#8217;s safety guidance.\n                    <\/p>\n                <\/div>\n            <\/details>\n\n            <!-- FAQ 2 -->\n            <details class=\"xentri-faq-item\">\n                <summary>\n                    Will security fog damage furniture, electronics or valuables?\n                <\/summary>\n                <div class=\"xentri-faq-answer\">\n                    <p>\n                        UMBRA is intended to protect valuable property.\n                        Suitability for sensitive electronics, furnishings\n                        and other materials should be assessed against the\n                        manufacturer&#8217;s fog composition and residue specifications.\n                    <\/p>\n                <\/div>\n            <\/details>\n\n            <!-- FAQ 3 -->\n            <details class=\"xentri-faq-item\">\n                <summary>\n                    Can UMBRA work with my existing alarm system?\n                <\/summary>\n                <div class=\"xentri-faq-answer\">\n                    <p>\n                        UMBRA is designed to integrate with compatible\n                        professional alarm systems, allowing security fog\n                        deployment to form part of your existing security\n                        response. Compatibility should be confirmed before\n                        installation.\n                    <\/p>\n                <\/div>\n            <\/details>\n\n            <!-- FAQ 4 -->\n            <details class=\"xentri-faq-item\">\n                <summary>\n                    What happens after UMBRA has been activated?\n                <\/summary>\n                <div class=\"xentri-faq-answer\">\n                    <p>\n                        Once the property has been secured, the area can be\n                        ventilated in accordance with the manufacturer&#8217;s\n                        guidance. Any discharged cartridges will need to be\n                        replaced before the system is ready for another\n                        deployment.\n                    <\/p>\n                <\/div>\n            <\/details>\n\n            <!-- FAQ 5 -->\n            <details class=\"xentri-faq-item\">\n                <summary>\n                    How often does UMBRA require maintenance?\n                <\/summary>\n                <div class=\"xentri-faq-answer\">\n                    <p>\n                        UMBRA&#8217;s solid cartridges are guaranteed to last\n                        more than five years under the manufacturer&#8217;s\n                        specified storage and operating conditions.\n                        We recommend replacing cartridges every five years\n                        to maintain dependable performance.\n                        Routine system checks should follow the\n                        installation and maintenance instructions.\n                    <\/p>\n                <\/div>\n            <\/details>\n\n            <!-- FAQ 6 -->\n            <details class=\"xentri-faq-item\">\n                <summary>\n                    Is installing UMBRA invasive?\n                <\/summary>\n                <div class=\"xentri-faq-answer\">\n                    <p>\n                        UMBRA operates on 12V power and is designed for\n                        straightforward installation by a qualified\n                        electrician. Its low-voltage supply can be connected\n                        to a suitable nearby power source using the\n                        appropriate power supply and wiring.\n                        Installation requirements depend on the property,\n                        mounting location and alarm integration.\n                    <\/p>\n                <\/div>\n            <\/details>\n\n        <\/div>\n\n\n        <!-- RIGHT CTA -->\n        <div class=\"xentri-faq-cta\">\n\n            <div class=\"xentri-faq-cta-content\">\n\n                <h3 class=\"xentri-faq-cta-title\">\n                    TAKE SECURITY<br>\n                    <span>BEYOND DETECTION.<\/span>\n                <\/h3>\n\n                <p class=\"xentri-faq-cta-text\">\n                    Discover how UMBRA can protect your home\n                    or business, or become an authorised\n                    XENTRI installation partner.\n                <\/p>\n\n                <div class=\"xentri-faq-cta-buttons\">\n\n                    <a href=\"\/contact\/\"\n                       class=\"xentri-faq-cta-button primary\">\n                        CONTACT US \u2192\n                    <\/a>\n\n                    <a href=\"\/partners\/\"\n                       class=\"xentri-faq-cta-button secondary\">\n                        BECOME A PARTNER \u2192\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_829587889 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n<\/style>\n\t<\/section>\n\t\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-transparent-header-light.php","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/moobyte.com\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/moobyte.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/moobyte.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/moobyte.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/moobyte.com\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":22,"href":"https:\/\/moobyte.com\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":85,"href":"https:\/\/moobyte.com\/wp-json\/wp\/v2\/pages\/8\/revisions\/85"}],"wp:attachment":[{"href":"https:\/\/moobyte.com\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}