{"id":2121,"date":"2026-07-09T02:23:29","date_gmt":"2026-07-09T02:23:29","guid":{"rendered":"https:\/\/zytonagroup.com\/?post_type=gausium&#038;p=2121"},"modified":"2026-08-06T11:06:06","modified_gmt":"2026-08-06T11:06:06","slug":"beetle","status":"publish","type":"gausium","link":"https:\/\/zytonagroup.com\/ar\/gausium\/beetle\/","title":{"rendered":"Beetle"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2121\" class=\"elementor elementor-2121\" data-elementor-post-type=\"gausium\">\n\t\t\t\t<div class=\"wd-negative-gap elementor-element elementor-element-930ba49 wd-section-stretch-content e-flex e-con-boxed e-con e-parent\" data-id=\"930ba49\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-036e5f4 elementor-widget elementor-widget-html\" data-id=\"036e5f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"beetle-page\">\n\n\n\n    <!-- \u2550\u2550\u2550 SECTION 1: HERO \u2550\u2550\u2550 -->\n    <section class=\"bt-hero\" id=\"bt-hero\">\n        <div class=\"bt-hero-bg\">\n            <img decoding=\"async\" src=\"https:\/\/zytonagroup.com\/wp-content\/uploads\/2026\/07\/Beetle-slider-02-1.jpg\" alt=\"Beetle autonomous cleaning robot in an industrial warehouse\">\n            <div class=\"bt-hero-gradient\"><\/div>\n        <\/div>\n\n        <div class=\"bt-hero-content\">\n            <div class=\"bt-hero-badge\">\n                <span class=\"bt-hero-badge-dot\"><\/span>\n                Autonomous Industrial Cleaning\n            <\/div>\n\n            <h1 class=\"bt-hero-title\">\n                Gausium Beetle<span class=\"bt-text-accent\">.<\/span>\n            <\/h1>\n\n            <p class=\"bt-hero-subtitle\">The Gausium Beetle is an AI-powered autonomous sweeper robot designed for warehouses, factories, logistics centers, parking facilities, airports, and industrial sites across Saudi Arabia. Improve cleaning efficiency, reduce labor costs, and automate large-scale floor cleaning with intelligent robotic technology.<\/p>\n\n            <div class=\"bt-word-slider-container\">\n                <span>Autonomous Cleaning Robot Saudi Arabia for<\/span>\n                <span class=\"bt-word-slider\">\n                    <span class=\"bt-word-slider-track\">\n                        <span>factories<\/span>\n                        <span>warehouses<\/span>\n                        <span>labs<\/span>\n                        <span>Barking Areas<\/span>\n                        <span>Industrial Facilities<\/span>\n                        <span>Hospitals<\/span>\n                    <\/span>\n                <\/span>\n            <\/div>\n\n            <div class=\"bt-hero-cta-group\">\n                <a href=\"#Book-Form\" class=\"bt-btn-primary\" id=\"bt-hero-trial-btn\">\n                    Download Beetle Brochure\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg>\n                <\/a>\n                <a href=\"#Book-Form\" class=\"bt-btn-secondary\" id=\"bt-hero-learn-btn\">\n                   Book Free Trial\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\n                <\/a>\n            <\/div>\n        <\/div>\n\n        <div class=\"bt-scroll-indicator\">\n            <span>Scroll<\/span>\n            <div class=\"bt-scroll-line\"><\/div>\n        <\/div>\n    <\/section>\n\n\n    <!-- \u2550\u2550\u2550 SECTION 2: SMART & SAFE \u2550\u2550\u2550 -->\n    <section class=\"bt-smart-section\" id=\"bt-smart\">\n        <div class=\"bt-container\">\n\n            <div class=\"bt-section-header bt-animate\">\n                <div class=\"bt-section-tag\">Smart &amp; Safe<\/div>\n                <h2 class=\"bt-section-headline\">Because it's smart<br>and extremely safe\u2026<\/h2>\n                <p class=\"bt-section-sub\">How does Beetle work safely?<\/p>\n            <\/div>\n\n            <!-- Feature 1: 3D LiDAR -->\n            <div class=\"bt-feature-row\">\n                <div class=\"bt-feature-media bt-animate-left\">\n                    <video src=\"https:\/\/zytonagroup.com\/wp-content\/uploads\/2026\/07\/beetle-dark.mp4\" autoplay loop muted playsinline><\/video>\n                <\/div>\n                <div class=\"bt-feature-text bt-animate-right\">\n                    <div class=\"bt-feature-icon\"><svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42\"\/><\/svg><\/div>\n                    <h3 class=\"bt-feature-title\">Works in Complete Darkness<\/h3>\n                    <p class=\"bt-feature-desc\">Beetle uses advanced 3D LiDAR navigation to clean warehouses and industrial facilities, even in low-light or dark environments.<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Feature 2: Flexible -->\n            <div class=\"bt-feature-row reverse\">\n                <div class=\"bt-feature-media bt-animate-right\">\n                    <video src=\"https:\/\/zytonagroup.com\/wp-content\/uploads\/2026\/07\/Beetle-flexable-.mp4\" autoplay loop muted playsinline><\/video>\n                <\/div>\n                <div class=\"bt-feature-text bt-animate-left\">\n                    <div class=\"bt-feature-icon\"><svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"1 4 1 10 7 10\"\/><polyline points=\"23 20 23 14 17 14\"\/><path d=\"M20.49 9A9 9 0 0 0 5.64 5.64L1 10M23 14l-4.64 4.36A9 9 0 0 1 3.51 15\"\/><\/svg><\/div>\n                    <h3 class=\"bt-feature-title\">Navigates Tight Spaces<\/h3>\n                    <p class=\"bt-feature-desc\">It can move and work flexibly in tight spaces, making it perfect for complex industrial layouts.<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Feature 3: Safe -->\n            <div class=\"bt-feature-row\">\n                <div class=\"bt-feature-media bt-animate-left\">\n                    <video src=\"https:\/\/zytonagroup.com\/wp-content\/uploads\/2026\/07\/beetle-safe.mp4\" autoplay loop muted playsinline><\/video>\n                <\/div>\n                <div class=\"bt-feature-text bt-animate-right\">\n                    <div class=\"bt-feature-icon\"><svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><polyline points=\"9 12 11 14 15 10\"\/><\/svg><\/div>\n                    <h3 class=\"bt-feature-title\">100% Collision Safe<\/h3>\n                    <p class=\"bt-feature-desc\">100% safe from collisions with shelves, machines, and equipment \u2014 protecting both your assets and the robot.<\/p>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n\n    <!-- \u2550\u2550\u2550 SECTION 3: POWER & EFFICIENCY \u2550\u2550\u2550 -->\n    <section class=\"bt-power-section\" id=\"bt-power\">\n        <div class=\"bt-container\">\n\n            <div class=\"bt-section-header bt-animate\">\n                <div class=\"bt-section-tag\">Power &amp; Efficiency<\/div>\n                <h2 class=\"bt-section-headline\">The most important question\u2026<br>What about power and efficiency?<\/h2>\n                <p class=\"bt-section-sub\">The Beetle robot can handle it all<\/p>\n            <\/div>\n\n            <img decoding=\"async\" class=\"bt-power-hero-img bt-animate-scale\" \n                 src=\"https:\/\/zytonagroup.com\/wp-content\/uploads\/2026\/07\/enhansed-image-without-text.png\" \n                 alt=\"Beetle cleaning capabilities overview\">\n\n            <div class=\"bt-capability-grid bt-stagger\">\n                <div class=\"bt-capability-card\">\n                    <span class=\"bt-capability-icon\"><svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242\"\/><path d=\"M8 19v1M8 14v1M16 19v1M16 14v1M12 21v1M12 16v1\"\/><\/svg><\/span>\n                    <span class=\"bt-capability-name\">Fine &amp; Coarse Dust<\/span>\n                <\/div>\n                <div class=\"bt-capability-card\">\n                    <span class=\"bt-capability-icon\"><svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"8\" y1=\"13\" x2=\"16\" y2=\"13\"\/><line x1=\"8\" y1=\"17\" x2=\"16\" y2=\"17\"\/><\/svg><\/span>\n                    <span class=\"bt-capability-name\">Shredded Paper<\/span>\n                <\/div>\n                <div class=\"bt-capability-card\">\n                    <span class=\"bt-capability-icon\"><svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 19H4.815a1.83 1.83 0 0 1-1.57-.881 1.785 1.785 0 0 1-.004-1.784L7.196 9.5\"\/><path d=\"M11 19h8.203a1.83 1.83 0 0 0 1.556-.89 1.784 1.784 0 0 0 0-1.775l-1.226-2.12\"\/><path d=\"m14 16-3 3 3 3\"\/><path d=\"M8.293 13.596 4.875 7.385a1.785 1.785 0 0 1 .004-1.784A1.83 1.83 0 0 1 6.449 4.72h6.1\"\/><path d=\"m9.5 4.5 2-3.5 2 3.5\"\/><path d=\"M15.705 13.597 19.126 7.39a1.785 1.785 0 0 0 0-1.775 1.83 1.83 0 0 0-1.556-.89h-2.46\"\/><path d=\"m17 16 3-3-3-3\"\/><\/svg><\/span>\n                    <span class=\"bt-capability-name\">Plastic Waste<\/span>\n                <\/div>\n                <div class=\"bt-capability-card\">\n                    <span class=\"bt-capability-icon\"><svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 20h20\"\/><path d=\"M5 20V8.2c0-.4.2-.7.5-.9l6-3.6a1 1 0 0 1 1 0l6 3.6c.3.2.5.5.5.9V20\"\/><path d=\"M10 20v-4a2 2 0 1 1 4 0v4\"\/><\/svg><\/span>\n                    <span class=\"bt-capability-name\">Wood Chips<\/span>\n                <\/div>\n                <div class=\"bt-capability-card\">\n                    <span class=\"bt-capability-icon\"><svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m21.64 3.64-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72Z\"\/><path d=\"m14 7 3 3\"\/><path d=\"M5 6v4\"\/><path d=\"M19 14v4\"\/><path d=\"M10 2v2\"\/><path d=\"M7 8H3\"\/><path d=\"M21 16h-4\"\/><path d=\"M11 3H9\"\/><\/svg><\/span>\n                    <span class=\"bt-capability-name\">Glass Shards<\/span>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n\n    <!-- \u2550\u2550\u2550 SECTION 4: MINIMAL EFFORT \u2550\u2550\u2550 -->\n    <section class=\"bt-effort-section\" id=\"bt-effort\">\n        <div class=\"bt-container\">\n\n            <div class=\"bt-section-header bt-animate\">\n                <div class=\"bt-section-tag\">Minimal Effort<\/div>\n                <h2 class=\"bt-section-headline\">Industrial environments<br>don't need more workers<\/h2>\n                <p class=\"bt-section-sub\">3 features to keep the area clean with minimal effort<\/p>\n            <\/div>\n\n            <div class=\"bt-effort-grid bt-stagger\">\n                <!-- Card 1: Narrow Aisles -->\n                <div class=\"bt-effort-card\">\n                    <div class=\"bt-effort-card-media\">\n                        <video src=\"https:\/\/zytonagroup.com\/wp-content\/uploads\/2026\/07\/wide-beetle.mp4\" autoplay loop muted playsinline><\/video>\n                    <\/div>\n                    <div class=\"bt-effort-card-body\">\n                        <div class=\"bt-effort-card-stat\">Less than 29.9 inches wide<\/div>\n                        <div class=\"bt-effort-card-title\">Capable of navigating narrow aisles with precision<\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Card 2: Hidden Corners -->\n                <div class=\"bt-effort-card\">\n                    <div class=\"bt-effort-card-media\">\n                        <video src=\"https:\/\/zytonagroup.com\/wp-content\/uploads\/2026\/07\/Corner-beetle.mp4\" autoplay loop muted playsinline><\/video>\n                    <\/div>\n                    <div class=\"bt-effort-card-body\">\n                        <div class=\"bt-effort-card-stat\">Every Corner Covered<\/div>\n                        <div class=\"bt-effort-card-title\">Capable of sweeping all hidden corners and nooks<\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Card 3: Smart Doors -->\n                <div class=\"bt-effort-card\">\n                    <div class=\"bt-effort-card-media\">\n                        <video src=\"https:\/\/zytonagroup.com\/wp-content\/uploads\/2026\/07\/beetle-door.mp4\" autoplay loop muted playsinline><\/video>\n                    <\/div>\n                    <div class=\"bt-effort-card-body\">\n                        <div class=\"bt-effort-card-stat\">Smart Door Ready<\/div>\n                        <div class=\"bt-effort-card-title\">Capable of automatically opening any smart door<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n\n    <!-- \u2550\u2550\u2550 SECTION 5: HEAVY-DUTY SPECS \u2550\u2550\u2550 -->\n    <section class=\"bt-specs-section\" id=\"bt-specs\">\n        <div class=\"bt-container\">\n\n            <div class=\"bt-section-header bt-animate\">\n                <div class=\"bt-section-tag\">Heavy-Duty Ready<\/div>\n                <h2 class=\"bt-section-headline\">Can it handle<br>heavy-duty work?<\/h2>\n                <p class=\"bt-section-sub\">Know these features before you decide<\/p>\n            <\/div>\n\n            <div class=\"bt-spec-features bt-stagger\">\n                <!-- Spec 1: Dustbin -->\n                <div class=\"bt-spec-card\">\n                    <div class=\"bt-spec-card-video\">\n                        <video src=\"https:\/\/zytonagroup.com\/wp-content\/uploads\/2026\/07\/0704.mp4\" autoplay loop muted playsinline><\/video>\n                    <\/div>\n                    <div class=\"bt-spec-card-content\">\n                        <div class=\"bt-spec-number\">45L<\/div>\n                        <div class=\"bt-spec-label\">Large-capacity dustbin for extended operation without interruption<\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Spec 2: Battery -->\n                <div class=\"bt-spec-card\">\n                    <div class=\"bt-spec-card-video\">\n                        <video src=\"https:\/\/zytonagroup.com\/wp-content\/uploads\/2026\/07\/07041.mp4\" autoplay loop muted playsinline><\/video>\n                    <\/div>\n                    <div class=\"bt-spec-card-content\">\n                        <div class=\"bt-spec-number\">4\u20138 hrs<\/div>\n                        <div class=\"bt-spec-label\">60 Ah LFP battery that lasts 4 to 8 hours on a single charge<\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Spec 3: Self-charging -->\n                <div class=\"bt-spec-card\">\n                    <div class=\"bt-spec-card-video\">\n                        <video src=\"https:\/\/zytonagroup.com\/wp-content\/uploads\/2026\/07\/Bettery-beetle-.mp4\" autoplay loop muted playsinline><\/video>\n                    <\/div>\n                    <div class=\"bt-spec-card-content\">\n                        <div class=\"bt-spec-number\">24 hrs<\/div>\n                        <div class=\"bt-spec-label\">Self-charging station for continuous 24-hour automatic operation<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n\n    <!-- \u2550\u2550\u2550 SECTION 6: FLOORING TYPES \u2550\u2550\u2550 -->\n    <section class=\"bt-flooring-section\" id=\"bt-flooring\">\n        <div class=\"bt-container\">\n\n            <div class=\"bt-section-header bt-animate\">\n                <div class=\"bt-section-tag\">Compatibility<\/div>\n                <h2 class=\"bt-section-headline\">Applicable Flooring Types<\/h2>\n                <p class=\"bt-section-sub\">Works on virtually every industrial surface<\/p>\n            <\/div>\n\n            <div class=\"bt-flooring-grid bt-stagger\">\n                <div class=\"bt-flooring-card\">\n                    <img decoding=\"async\" src=\"https:\/\/gausium.com\/wp-content\/uploads\/2022\/06\/Bituminous-road-1170x400-min.webp\" alt=\"Bituminous road surface\">\n                    <div class=\"bt-flooring-card-overlay\">\n                        <span class=\"bt-flooring-card-name\">Bituminous Road<\/span>\n                    <\/div>\n                    <span class=\"bt-flooring-card-check\"><svg width=\"14\" height=\"14\" 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\"\/><\/svg><\/span>\n                <\/div>\n                <div class=\"bt-flooring-card\">\n                    <img decoding=\"async\" src=\"https:\/\/gausium.com\/wp-content\/uploads\/2022\/04\/Concrete-1170x400.jpg\" alt=\"Concrete surface\">\n                    <div class=\"bt-flooring-card-overlay\">\n                        <span class=\"bt-flooring-card-name\">Concrete<\/span>\n                    <\/div>\n                    <span class=\"bt-flooring-card-check\">\u2713<\/span>\n                <\/div>\n                <div class=\"bt-flooring-card\">\n                    <img decoding=\"async\" src=\"https:\/\/gausium.com\/wp-content\/uploads\/2022\/04\/Rubble-flooring-1170x400.jpg\" alt=\"Rubble flooring surface\">\n                    <div class=\"bt-flooring-card-overlay\">\n                        <span class=\"bt-flooring-card-name\">Rubble Flooring<\/span>\n                    <\/div>\n                    <span class=\"bt-flooring-card-check\">\u2713<\/span>\n                <\/div>\n                <div class=\"bt-flooring-card\">\n                    <img decoding=\"async\" src=\"https:\/\/gausium.com\/wp-content\/uploads\/2022\/04\/PVC-Vinyl.jpg\" alt=\"PVC and Vinyl surface\">\n                    <div class=\"bt-flooring-card-overlay\">\n                        <span class=\"bt-flooring-card-name\">PVC &amp; Vinyl<\/span>\n                    <\/div>\n                    <span class=\"bt-flooring-card-check\">\u2713<\/span>\n                <\/div>\n                <div class=\"bt-flooring-card\">\n                    <img decoding=\"async\" src=\"https:\/\/gausium.com\/wp-content\/uploads\/2022\/04\/Epoxy.jpg\" alt=\"Epoxy surface\">\n                    <div class=\"bt-flooring-card-overlay\">\n                        <span class=\"bt-flooring-card-name\">Epoxy<\/span>\n                    <\/div>\n                    <span class=\"bt-flooring-card-check\">\u2713<\/span>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n\n    <!-- \u2550\u2550\u2550 SECTION 7: ENTERPRISES TRUST \u2550\u2550\u2550 -->\n    <section class=\"bt-trust-section\" id=\"bt-trust\">\n        <div class=\"bt-container\">\n\n            <div class=\"bt-section-header bt-animate\">\n                <div class=\"bt-section-tag\">Trusted By Industry<\/div>\n                <h2 class=\"bt-section-headline\">Enterprises trusted<br>in Beetle<\/h2>\n            <\/div>\n\n            <div class=\"bt-trust-grid bt-stagger\">\n                <div class=\"bt-trust-card\">\n                    <div class=\"bt-trust-card-video\">\n                        <iframe src=\"https:\/\/www.youtube.com\/embed\/ZIQouvgXNiw?si=oUpf6M-LQI_grDTm\" title=\"Loulis Food Ingredients - Beetle\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen loading=\"lazy\"><\/iframe>\n                    <\/div>\n                    <div class=\"bt-trust-card-body\">\n                        <div class=\"bt-trust-card-name\">Loulis Food Ingredients<\/div>\n                        <div class=\"bt-trust-card-tag\">Food Manufacturing<\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"bt-trust-card\">\n                    <div class=\"bt-trust-card-video\">\n                        <iframe src=\"https:\/\/www.youtube.com\/embed\/VyZgUDAC_UY?si=LXGVQ5nipmsYxoo0\" title=\"Coca-Cola Warehouse - Beetle\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen loading=\"lazy\"><\/iframe>\n                    <\/div>\n                    <div class=\"bt-trust-card-body\">\n                        <div class=\"bt-trust-card-name\">Coca-Cola Warehouse<\/div>\n                        <div class=\"bt-trust-card-tag\">Beverage &amp; Logistics<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n\n    <!-- \u2550\u2550\u2550 SECTION 8: CTA \u2550\u2550\u2550 -->\n    <section class=\"bt-cta-section\" id=\"bt-cta\">\n        <div class=\"bt-cta-glow\"><\/div>\n        <div class=\"bt-cta-inner bt-animate\">\n            <div class=\"bt-cta-pre\">Don't Miss This<\/div>\n            <h2 class=\"bt-cta-headline\">You won't get benefits from Beetle until you know this information!<\/h2>\n            <p class=\"bt-cta-desc\">You need to set a plan for the robot with Zytona engineers to achieve maximum efficiency at a cost lower than you think.<\/p>\n\n            <div class=\"bt-cta-steps\">\n                <div class=\"bt-cta-step\">\n                    <div class=\"bt-cta-step-num\">1<\/div>\n                    <div class=\"bt-cta-step-text\">Consult with Zytona engineers<\/div>\n                <\/div>\n                <div class=\"bt-cta-step\">\n                    <div class=\"bt-cta-step-num\">2<\/div>\n                    <div class=\"bt-cta-step-text\">Get a tailored cleaning plan<\/div>\n                <\/div>\n                <div class=\"bt-cta-step\">\n                    <div class=\"bt-cta-step-num\">3<\/div>\n                    <div class=\"bt-cta-step-text\">See real results in your workspace<\/div>\n                <\/div>\n            <\/div>\n\n            <a href=\"#\" class=\"bt-btn-primary\" id=\"bt-cta-trial-btn\" style=\"font-size: 1.15rem; padding: 18px 48px;\">\n                Book a Free Trial Tomorrow\n                <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg>\n            <\/a>\n            <p style=\"margin-top: 1rem; font-size: 0.85rem; color: var(--bt-gray-500);\">See the robot's actual cleaning capabilities in your workplace<\/p>\n        <\/div>\n    <\/section>\n\n\n\n\n    <script src=\"beetle.js\"><\/script>\n<\/div>\n\n\n<style>\n\/* ============================================\n   GASIUM BEETLE \u2014 Product Page Styles\n   Brand: Gasium | Product: Beetle\n   Completely independent from Narwal styles\n   ============================================ *\/\n\n\n\/* \u2500\u2500 Design Tokens \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n    --bt-bg-primary: #000000;\n    --bt-bg-secondary: #0a0a0a;\n    --bt-bg-card: #141414;\n    --bt-bg-card-hover: #1c1c1c;\n    --bt-surface: #141414;\n    --bt-white: #ffffff;\n    --bt-off-white: #e8e8e8;\n    --bt-gray-100: #f5f5f5;\n    --bt-gray-200: #d4d4d4;\n    --bt-gray-300: #a3a3a3;\n    --bt-gray-400: #737373;\n    --bt-gray-500: #525252;\n    --bt-gray-600: #404040;\n    --bt-accent: #2a2bdb;\n    --bt-accent-dark: #1f20a3;\n    --bt-accent-glow: rgba(42, 43, 219, 0.15);\n    --bt-accent-glow-strong: rgba(42, 43, 219, 0.3);\n    --bt-danger: #ef4444;\n    --bt-warning: #f59e0b;\n    --wd-text-font: \"Rubik\", Arial, Helvetica, sans-serif;\n    --wd-title-font: \"IvyOraDisplay\", Arial, Helvetica, sans-serif;\n    --bt-radius-sm: 8px;\n    --bt-radius-md: 16px;\n    --bt-radius-lg: 24px;\n    --bt-radius-xl: 32px;\n    --bt-shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.3);\n    --bt-shadow-md: 0 12px 40px rgba(0, 0, 0, 0.4);\n    --bt-shadow-lg: 0 24px 60px rgba(0, 0, 0, 0.5);\n    --bt-shadow-glow: 0 0 40px rgba(42, 43, 219, 0.12);\n    --bt-transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n    --bt-transition-smooth: 0.5s cubic-bezier(0.16, 1, 0.3, 1);\n    --bt-transition-dramatic: 0.8s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n\/* \u2500\u2500 Base Reset \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.beetle-page {\n    font-family: var(--wd-text-font);\n    background-color: var(--bt-bg-primary);\n    color: var(--bt-off-white);\n    line-height: 1.6;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n}\n\n.beetle-page *, .beetle-page *::before, .beetle-page *::after {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n}\n\n\/* \u2500\u2500 Utility Animations \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@keyframes bt-fadeUp {\n    from { opacity: 0; transform: translateY(60px); }\n    to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes bt-fadeIn {\n    from { opacity: 0; }\n    to { opacity: 1; }\n}\n\n@keyframes bt-scaleIn {\n    from { opacity: 0; transform: scale(0.9); }\n    to { opacity: 1; transform: scale(1); }\n}\n\n@keyframes bt-slideLeft {\n    from { opacity: 0; transform: translateX(80px); }\n    to { opacity: 1; transform: translateX(0); }\n}\n\n@keyframes bt-slideRight {\n    from { opacity: 0; transform: translateX(-80px); }\n    to { opacity: 1; transform: translateX(0); }\n}\n\n@keyframes bt-glowPulse {\n    0%, 100% { box-shadow: 0 0 20px rgba(42, 43, 219, 0.1); }\n    50% { box-shadow: 0 0 40px rgba(42, 43, 219, 0.25); }\n}\n\n@keyframes bt-wordSlide {\n    0%, 28% { transform: translateY(0); }\n    33%, 61% { transform: translateY(-33.33%); }\n    66%, 95% { transform: translateY(-66.66%); }\n    100% { transform: translateY(0); }\n}\n\n@keyframes bt-float {\n    0%, 100% { transform: translateY(0); }\n    50% { transform: translateY(-10px); }\n}\n\n@keyframes bt-shimmer {\n    0% { background-position: -200% center; }\n    100% { background-position: 200% center; }\n}\n\n@keyframes bt-countUp {\n    from { opacity: 0; transform: scale(0.5); }\n    to { opacity: 1; transform: scale(1); }\n}\n\n.bt-animate {\n    opacity: 0;\n    transform: translateY(50px);\n    transition: opacity var(--bt-transition-dramatic), transform var(--bt-transition-dramatic);\n}\n\n.bt-animate.is-visible {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n.bt-animate-left {\n    opacity: 0;\n    transform: translateX(-60px);\n    transition: opacity var(--bt-transition-dramatic), transform var(--bt-transition-dramatic);\n}\n\n.bt-animate-left.is-visible {\n    opacity: 1;\n    transform: translateX(0);\n}\n\n.bt-animate-right {\n    opacity: 0;\n    transform: translateX(60px);\n    transition: opacity var(--bt-transition-dramatic), transform var(--bt-transition-dramatic);\n}\n\n.bt-animate-right.is-visible {\n    opacity: 1;\n    transform: translateX(0);\n}\n\n.bt-animate-scale {\n    opacity: 0;\n    transform: scale(0.85);\n    transition: opacity var(--bt-transition-dramatic), transform var(--bt-transition-dramatic);\n}\n\n.bt-animate-scale.is-visible {\n    opacity: 1;\n    transform: scale(1);\n}\n\n\/* Stagger children *\/\n.bt-stagger > * {\n    opacity: 0;\n    transform: translateY(30px);\n    transition: opacity 0.6s ease, transform 0.6s ease;\n}\n\n.bt-stagger.is-visible > *:nth-child(1) { transition-delay: 0.1s; opacity: 1; transform: translateY(0); }\n.bt-stagger.is-visible > *:nth-child(2) { transition-delay: 0.2s; opacity: 1; transform: translateY(0); }\n.bt-stagger.is-visible > *:nth-child(3) { transition-delay: 0.3s; opacity: 1; transform: translateY(0); }\n.bt-stagger.is-visible > *:nth-child(4) { transition-delay: 0.4s; opacity: 1; transform: translateY(0); }\n.bt-stagger.is-visible > *:nth-child(5) { transition-delay: 0.5s; opacity: 1; transform: translateY(0); }\n.bt-stagger.is-visible > *:nth-child(6) { transition-delay: 0.6s; opacity: 1; transform: translateY(0); }\n\n\/* \u2500\u2500 Navigation \/ Top Bar \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.bt-topbar {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    z-index: 1000;\n    padding: 0 2rem;\n    height: 56px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    background: rgba(10, 10, 10, 0.75);\n    backdrop-filter: blur(20px);\n    -webkit-backdrop-filter: blur(20px);\n    border-bottom: 1px solid rgba(255, 255, 255, 0.06);\n    transition: background var(--bt-transition-fast);\n}\n\n.bt-topbar-brand {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    text-decoration: none;\n    color: var(--bt-white);\n}\n\n.bt-topbar-logo {\n    font-family: var(--wd-title-font);\n    font-size: 1.25rem;\n    font-weight: 700;\n    letter-spacing: 0.05em;\n    text-transform: uppercase;\n}\n\n.bt-topbar-divider {\n    width: 1px;\n    height: 20px;\n    background: var(--bt-gray-500);\n}\n\n.bt-topbar-product {\n    font-size: 0.95rem;\n    font-weight: 500;\n    color: var(--bt-gray-300);\n}\n\n.bt-topbar-cta {\n    background: var(--bt-accent);\n    color: var(--bt-bg-primary);\n    padding: 8px 20px;\n    border-radius: 100px;\n    font-size: 0.85rem;\n    font-weight: 600;\n    text-decoration: none;\n    transition: all var(--bt-transition-fast);\n    border: none;\n    cursor: pointer;\n}\n\n.bt-topbar-cta:hover {\n    background: var(--bt-accent-dark);\n    box-shadow: var(--bt-shadow-glow);\n    transform: translateY(-1px);\n}\n\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   SECTION 1: HERO\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.bt-hero {\n    position: relative;\n    min-height: 100vh;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    padding-top: 56px;\n}\n\n.bt-hero-bg {\n    position: absolute;\n    inset: 0;\n    z-index: 0;\n}\n\n.bt-hero-bg img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    filter: brightness(0.4);\n}\n\n.bt-hero-gradient {\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(180deg,\n        rgba(10, 10, 10, 0.3) 0%,\n        rgba(10, 10, 10, 0.1) 40%,\n        rgba(10, 10, 10, 0.7) 80%,\n        rgba(10, 10, 10, 1) 100%);\n    z-index: 1;\n}\n\n.bt-hero-content {\n    position: relative;\n    z-index: 2;\n    text-align: center;\n    max-width: 900px;\n    padding: 2rem;\n}\n\n.bt-hero-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 20px;\n    background: rgba(42, 43, 219, 0.1);\n    border: 1px solid rgba(42, 43, 219, 0.25);\n    border-radius: 100px;\n    font-size: 0.85rem;\n    font-weight: 500;\n    color: var(--bt-accent);\n    margin-bottom: 2rem;\n    animation: bt-fadeIn 1s ease 0.3s both;\n}\n\n.bt-hero-badge-dot {\n    width: 6px;\n    height: 6px;\n    background: var(--bt-accent);\n    border-radius: 50%;\n    animation: bt-glowPulse 2s ease infinite;\n}\n\n.bt-hero-title {\n    font-family: var(--wd-title-font);\n    font-size: clamp(3rem, 8vw, 6rem);\n    font-weight: 800;\n    color: var(--bt-white);\n    letter-spacing: -0.04em;\n    line-height: 1.05;\n    margin-bottom: 1.5rem;\n    animation: bt-fadeUp 1s ease 0.5s both;\n}\n\n.bt-hero-title .bt-text-accent {\n    color: var(--bt-accent);\n}\n\n.bt-hero-subtitle {\n    font-size: clamp(1.1rem, 2.5vw, 1.5rem);\n    color: var(--bt-gray-300);\n    font-weight: 400;\n    margin-bottom: 1rem;\n    animation: bt-fadeUp 1s ease 0.7s both;\n}\n\n\/* Word Slider in hero *\/\n.bt-word-slider-container {\n    font-size: clamp(1.3rem, 3vw, 2rem);\n    font-weight: 600;\n    color: var(--bt-white);\n    margin-bottom: 2.5rem;\n    animation: bt-fadeUp 1s ease 0.9s both;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0.5rem;\n    flex-wrap: wrap;\n}\n\n.bt-word-slider {\n    display: inline-block;\n    height: 1.4em;\n    overflow: hidden;\n    vertical-align: bottom;\n    position: relative;\n}\n\n.bt-word-slider-track {\n    display: flex;\n    flex-direction: column;\n    animation: bt-wordSlide 6s ease-in-out infinite;\n}\n\n.bt-word-slider-track span {\n    display: block;\n    height: 1.4em;\n    line-height: 1.4em;\n    color: var(--bt-accent);\n    font-weight: 700;\n}\n\n.bt-hero-cta-group {\n    display: flex;\n    gap: 1rem;\n    justify-content: center;\n    flex-wrap: wrap;\n    animation: bt-fadeUp 1s ease 1.1s both;\n}\n\n.bt-btn-primary {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 16px 36px;\n    background: var(--bt-accent);\n    color: var(--bt-white);\n    font-family: var(--wd-text-font);\n    font-size: 1rem;\n    font-weight: 600;\n    border-radius: 100px;\n    text-decoration: none;\n    border: none;\n    cursor: pointer;\n    transition: all var(--bt-transition-fast);\n}\n\n.bt-btn-primary:hover {\n    background: var(--bt-accent-dark);\n    transform: translateY(-2px);\n    box-shadow: 0 12px 30px rgba(0, 212, 170, 0.3);\n}\n\n.bt-btn-secondary {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 16px 36px;\n    background: transparent;\n    color: var(--bt-white);\n    font-family: var(--wd-text-font);\n    font-size: 1rem;\n    font-weight: 600;\n    border-radius: 100px;\n    text-decoration: none;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    cursor: pointer;\n    transition: all var(--bt-transition-fast);\n}\n\n.bt-btn-secondary:hover {\n    border-color: rgba(255, 255, 255, 0.5);\n    background: rgba(255, 255, 255, 0.05);\n    transform: translateY(-2px);\n}\n\n\/* \u2500\u2500 Scroll Down Indicator \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.bt-scroll-indicator {\n    position: absolute;\n    bottom: 2rem;\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 2;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 8px;\n    animation: bt-float 2s ease-in-out infinite;\n}\n\n.bt-scroll-indicator span {\n    font-size: 0.75rem;\n    text-transform: uppercase;\n    letter-spacing: 0.15em;\n    color: var(--bt-gray-400);\n}\n\n.bt-scroll-line {\n    width: 1px;\n    height: 40px;\n    background: linear-gradient(to bottom, var(--bt-accent), transparent);\n}\n\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   SECTION 2: SMART & SAFE (3D LiDAR, Flexible, Safe)\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.bt-smart-section {\n    padding: 5rem 2rem;\n    background: var(--bt-bg-primary);\n    position: relative;\n}\n\n.bt-container {\n    max-width: 1200px;\n    margin: 0 auto;\n}\n\n.bt-section-header {\n    text-align: center;\n    margin-bottom: 5rem;\n}\n\n.bt-section-tag {\n    display: inline-block;\n    font-size: 0.8rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.2em;\n    color: var(--bt-accent);\n    margin-bottom: 1.5rem;\n    position: relative;\n    padding: 0 2rem;\n}\n\n.bt-section-tag::before,\n.bt-section-tag::after {\n    content: '';\n    position: absolute;\n    top: 50%;\n    width: 1.5rem;\n    height: 1px;\n    background: var(--bt-accent);\n    opacity: 0.4;\n}\n.bt-section-tag::before { left: 0; }\n.bt-section-tag::after { right: 0; }\n\n.bt-section-headline {\n    font-family: var(--wd-title-font);\n    font-size: clamp(2rem, 5vw, 3.5rem);\n    font-weight: 700;\n    color: var(--bt-white);\n    line-height: 1.15;\n    margin-bottom: 1rem;\n    letter-spacing: -0.02em;\n}\n\n.bt-section-sub {\n    font-size: 1.2rem;\n    color: var(--bt-gray-400);\n    max-width: 600px;\n    margin: 0 auto;\n}\n\n\/* Feature Rows (alternating video + text) *\/\n.bt-feature-row {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 4rem;\n    align-items: center;\n    margin-bottom: 6rem;\n}\n\n.bt-feature-row:last-child {\n    margin-bottom: 0;\n}\n\n.bt-feature-row.reverse {\n    direction: rtl;\n}\n\n.bt-feature-row.reverse > * {\n    direction: ltr;\n}\n\n.bt-feature-media {\n    border-radius: var(--bt-radius-lg);\n    overflow: hidden;\n    position: relative;\n    aspect-ratio: 16 \/ 10;\n    background: var(--bt-bg-card);\n    box-shadow: var(--bt-shadow-md);\n}\n\n.bt-feature-media video,\n.bt-feature-media img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n}\n\n.bt-feature-media::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    border-radius: inherit;\n    border: 1px solid rgba(255, 255, 255, 0.06);\n    pointer-events: none;\n}\n\n.bt-feature-text {\n    padding: 1rem 0;\n}\n\n.bt-feature-icon {\n    width: 56px;\n    height: 56px;\n    background: var(--bt-accent-glow);\n    border-radius: var(--bt-radius-md);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 1.5rem;\n    font-size: 1.5rem;\n}\n\n.bt-feature-title {\n    font-family: var(--wd-title-font);\n    font-size: 1.75rem;\n    font-weight: 700;\n    color: var(--bt-white);\n    margin-bottom: 1rem;\n    line-height: 1.2;\n}\n\n.bt-feature-desc {\n    font-size: 1.05rem;\n    color: var(--bt-gray-300);\n    line-height: 1.7;\n}\n\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   SECTION 3: POWER & EFFICIENCY (Image grid)\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.bt-power-section {\n    padding: 5rem 2rem;\n    background: var(--bt-bg-secondary);\n    position: relative;\n}\n\n.bt-power-section::before {\n    content: '';\n    position: absolute;\n    top: -1px;\n    left: 0;\n    right: 0;\n    height: 120px;\n    background: linear-gradient(to bottom, var(--bt-bg-primary), var(--bt-bg-secondary));\n    pointer-events: none;\n}\n\n.bt-power-hero-img {\n    width: 100%;\n    max-width: 1000px;\n    margin: 0 auto 3rem;\n    display: block;\n    border-radius: var(--bt-radius-lg);\n    box-shadow: var(--bt-shadow-lg);\n}\n\n.bt-capability-grid {\n    display: grid;\n    grid-template-columns: repeat(5, 1fr);\n    gap: 1.5rem;\n    max-width: 1100px;\n    margin: 0 auto;\n}\n\n.bt-capability-card {\n    background: var(--bt-bg-card);\n    border-radius: var(--bt-radius-md);\n    padding: 1.25rem 1rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0.75rem;\n    text-align: left;\n    border: 1px solid rgba(255, 255, 255, 0.05);\n    transition: all var(--bt-transition-fast);\n    position: relative;\n    overflow: hidden;\n}\n\n.bt-capability-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 60%;\n    height: 2px;\n    background: linear-gradient(90deg, transparent, var(--bt-accent), transparent);\n    opacity: 0;\n    transition: opacity var(--bt-transition-fast);\n}\n\n.bt-capability-card:hover {\n    background: var(--bt-bg-card-hover);\n    transform: translateY(-4px);\n    border-color: rgba(0, 212, 170, 0.15);\n}\n\n.bt-capability-card:hover::before {\n    opacity: 1;\n}\n\n.bt-capability-icon {\n    color: var(--bt-accent);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.bt-capability-name {\n    font-size: 0.95rem;\n    font-weight: 600;\n    color: var(--bt-gray-200);\n}\n\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   SECTION 4: MINIMAL EFFORT (3 video features)\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.bt-effort-section {\n    padding: 5rem 2rem;\n    background: var(--bt-bg-primary);\n    position: relative;\n}\n\n.bt-effort-section::before {\n    content: '';\n    position: absolute;\n    top: -1px;\n    left: 0;\n    right: 0;\n    height: 120px;\n    background: linear-gradient(to bottom, var(--bt-bg-secondary), var(--bt-bg-primary));\n    pointer-events: none;\n}\n\n.bt-effort-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 2rem;\n}\n\n.bt-effort-card {\n    background: var(--bt-bg-card);\n    border-radius: var(--bt-radius-lg);\n    overflow: hidden;\n    border: 1px solid rgba(255, 255, 255, 0.05);\n    transition: all var(--bt-transition-fast);\n}\n\n.bt-effort-card:hover {\n    transform: translateY(-6px);\n    border-color: rgba(0, 212, 170, 0.15);\n    box-shadow: var(--bt-shadow-glow);\n}\n\n.bt-effort-card-media {\n    aspect-ratio: 4 \/ 3;\n    overflow: hidden;\n    position: relative;\n}\n\n.bt-effort-card-media video {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\n.bt-effort-card-body {\n    padding: 1.5rem;\n}\n\n.bt-effort-card-stat {\n    font-family: var(--wd-title-font);\n    font-size: 1.1rem;\n    font-weight: 700;\n    color: var(--bt-accent);\n    margin-bottom: 0.5rem;\n}\n\n.bt-effort-card-title {\n    font-size: 1rem;\n    font-weight: 600;\n    color: var(--bt-white);\n    line-height: 1.4;\n}\n\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   SECTION 5: HEAVY-DUTY SPECS (3 features)\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.bt-specs-section {\n    padding: 5rem 2rem;\n    background: var(--bt-bg-secondary);\n    position: relative;\n}\n\n.bt-specs-section::before {\n    content: '';\n    position: absolute;\n    top: -1px;\n    left: 0;\n    right: 0;\n    height: 120px;\n    background: linear-gradient(to bottom, var(--bt-bg-primary), var(--bt-bg-secondary));\n    pointer-events: none;\n}\n\n.bt-spec-features {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 2rem;\n}\n\n.bt-spec-card {\n    border-radius: var(--bt-radius-lg);\n    overflow: hidden;\n    position: relative;\n    background: var(--bt-bg-card);\n    border: 1px solid rgba(255, 255, 255, 0.05);\n    transition: all var(--bt-transition-fast);\n}\n\n.bt-spec-card:hover {\n    transform: translateY(-4px);\n    border-color: rgba(0, 212, 170, 0.12);\n}\n\n.bt-spec-card-video {\n    aspect-ratio: 1 \/ 1;\n    overflow: hidden;\n}\n\n.bt-spec-card-video video {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\n.bt-spec-card-content {\n    padding: 2rem;\n}\n\n.bt-spec-number {\n    font-family: var(--wd-title-font);\n    font-size: 2.5rem;\n    font-weight: 800;\n    color: var(--bt-accent);\n    line-height: 1;\n    margin-bottom: 0.5rem;\n}\n\n.bt-spec-label {\n    font-size: 1rem;\n    color: var(--bt-gray-300);\n    line-height: 1.5;\n}\n\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   SECTION 6: FLOORING TYPES\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.bt-flooring-section {\n    padding: 5rem 2rem;\n    background: var(--bt-bg-primary);\n    position: relative;\n}\n\n.bt-flooring-section::before {\n    content: '';\n    position: absolute;\n    top: -1px;\n    left: 0;\n    right: 0;\n    height: 120px;\n    background: linear-gradient(to bottom, var(--bt-bg-secondary), var(--bt-bg-primary));\n    pointer-events: none;\n}\n\n.bt-flooring-grid {\n    display: grid;\n    grid-template-columns: repeat(5, 1fr);\n    gap: 1.5rem;\n}\n\n.bt-flooring-card {\n    position: relative;\n    border-radius: var(--bt-radius-md);\n    overflow: hidden;\n    aspect-ratio: 3 \/ 2;\n    cursor: default;\n    transition: all var(--bt-transition-fast);\n}\n\n.bt-flooring-card:hover {\n    transform: scale(1.05);\n}\n\n.bt-flooring-card img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n}\n\n.bt-flooring-card-overlay {\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(180deg, transparent 40%, rgba(0, 0, 0, 0.75) 100%);\n    display: flex;\n    align-items: flex-end;\n    padding: 1rem;\n}\n\n.bt-flooring-card-name {\n    font-size: 0.9rem;\n    font-weight: 600;\n    color: var(--bt-white);\n}\n\n.bt-flooring-card-check {\n    position: absolute;\n    top: 12px;\n    right: 12px;\n    width: 28px;\n    height: 28px;\n    border-radius: 50%;\n    background: var(--bt-accent);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.85rem;\n    color: var(--bt-bg-primary);\n    font-weight: 700;\n}\n\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   SECTION 7: TRUSTED BY (Enterprise videos)\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.bt-trust-section {\n    padding: 5rem 2rem;\n    background: var(--bt-bg-secondary);\n    position: relative;\n}\n\n.bt-trust-section::before {\n    content: '';\n    position: absolute;\n    top: -1px;\n    left: 0;\n    right: 0;\n    height: 120px;\n    background: linear-gradient(to bottom, var(--bt-bg-primary), var(--bt-bg-secondary));\n    pointer-events: none;\n}\n\n.bt-trust-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 2rem;\n    max-width: 1000px;\n    margin: 0 auto;\n}\n\n.bt-trust-card {\n    border-radius: var(--bt-radius-lg);\n    overflow: hidden;\n    background: var(--bt-bg-card);\n    border: 1px solid rgba(255, 255, 255, 0.05);\n    transition: all var(--bt-transition-fast);\n}\n\n.bt-trust-card:hover {\n    border-color: rgba(0, 212, 170, 0.15);\n    transform: translateY(-4px);\n}\n\n.bt-trust-card-video {\n    position: relative;\n    aspect-ratio: 16 \/ 9;\n    overflow: hidden;\n}\n\n.bt-trust-card-video iframe {\n    width: 100%;\n    height: 100%;\n    border: none;\n}\n\n.bt-trust-card-body {\n    padding: 1.5rem;\n}\n\n.bt-trust-card-name {\n    font-family: var(--wd-title-font);\n    font-size: 1.1rem;\n    font-weight: 600;\n    color: var(--bt-white);\n    margin-bottom: 0.25rem;\n}\n\n.bt-trust-card-tag {\n    font-size: 0.85rem;\n    color: var(--bt-gray-400);\n}\n\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   SECTION 8: CTA \u2014 Book Free Trial\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.bt-cta-section {\n    padding: 5rem 2rem;\n    background: var(--bt-bg-primary);\n    position: relative;\n    overflow: hidden;\n}\n\n.bt-cta-section::before {\n    content: '';\n    position: absolute;\n    top: -1px;\n    left: 0;\n    right: 0;\n    height: 120px;\n    background: linear-gradient(to bottom, var(--bt-bg-secondary), var(--bt-bg-primary));\n    pointer-events: none;\n}\n\n.bt-cta-glow {\n    position: absolute;\n    width: 500px;\n    height: 500px;\n    border-radius: 50%;\n    background: radial-gradient(circle, rgba(42, 43, 219, 0.08), transparent 70%);\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    pointer-events: none;\n}\n\n.bt-cta-inner {\n    position: relative;\n    z-index: 1;\n    max-width: 700px;\n    margin: 0 auto;\n    text-align: center;\n}\n\n.bt-cta-pre {\n    font-size: 1rem;\n    color: var(--bt-accent);\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.15em;\n    margin-bottom: 1.5rem;\n}\n\n.bt-cta-headline {\n    font-family: var(--wd-title-font);\n    font-size: clamp(2rem, 5vw, 3rem);\n    font-weight: 800;\n    color: var(--bt-white);\n    line-height: 1.15;\n    margin-bottom: 1.5rem;\n}\n\n.bt-cta-desc {\n    font-size: 1.1rem;\n    color: var(--bt-gray-300);\n    line-height: 1.7;\n    margin-bottom: 2.5rem;\n}\n\n.bt-cta-steps {\n    display: flex;\n    justify-content: center;\n    gap: 3rem;\n    margin-bottom: 3rem;\n    flex-wrap: wrap;\n}\n\n.bt-cta-step {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 0.75rem;\n}\n\n.bt-cta-step-num {\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    border: 2px solid var(--bt-accent);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-family: var(--wd-title-font);\n    font-size: 0.95rem;\n    font-weight: 700;\n    color: var(--bt-accent);\n}\n\n.bt-cta-step-text {\n    font-size: 0.9rem;\n    color: var(--bt-gray-300);\n    max-width: 140px;\n    line-height: 1.4;\n}\n\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   FOOTER\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.bt-footer {\n    padding: 3rem 2rem;\n    background: var(--bt-bg-primary);\n    border-top: 1px solid rgba(255, 255, 255, 0.05);\n    text-align: center;\n}\n\n.bt-footer-text {\n    font-size: 0.85rem;\n    color: var(--bt-gray-500);\n}\n\n.bt-footer-text a {\n    color: var(--bt-accent);\n    text-decoration: none;\n}\n\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   RESPONSIVE\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (max-width: 1024px) {\n    .bt-feature-row {\n        grid-template-columns: 1fr;\n        gap: 2rem;\n    }\n    .bt-feature-row.reverse {\n        direction: ltr;\n    }\n    .bt-effort-grid,\n    .bt-spec-features {\n        grid-template-columns: repeat(2, 1fr);\n    }\n    .bt-flooring-grid {\n        grid-template-columns: repeat(3, 1fr);\n    }\n}\n\n@media (max-width: 768px) {\n    .bt-hero-title {\n        font-size: clamp(2.5rem, 10vw, 4rem);\n    }\n    .bt-section-headline {\n        font-size: clamp(1.75rem, 6vw, 2.5rem);\n    }\n    .bt-effort-grid,\n    .bt-spec-features {\n        grid-template-columns: 1fr;\n    }\n    .bt-trust-grid {\n        grid-template-columns: 1fr;\n    }\n    .bt-flooring-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n    .bt-flooring-card:last-child {\n        grid-column: span 2;\n    }\n    .bt-smart-section,\n    .bt-power-section,\n    .bt-effort-section,\n    .bt-specs-section,\n    .bt-flooring-section,\n    .bt-trust-section,\n    .bt-cta-section {\n        padding: 5rem 1.25rem;\n    }\n    .bt-topbar {\n        padding: 0 1rem;\n    }\n    .bt-topbar-product {\n        display: none;\n    }\n    .bt-topbar-divider {\n        display: none;\n    }\n    .bt-hero-cta-group {\n        flex-direction: column;\n        align-items: center;\n    }\n    .bt-cta-steps {\n        gap: 1.5rem;\n    }\n    .bt-capability-grid {\n        grid-template-columns: repeat(3, 1fr);\n        gap: 1rem;\n    }\n    .bt-scroll-indicator {\n        display: none;\n    }\n}\n\n@media (max-width: 480px) {\n    .bt-capability-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n    .bt-flooring-grid {\n        grid-template-columns: 1fr;\n    }\n    .bt-flooring-card:last-child {\n        grid-column: span 1;\n    }\n    .bt-feature-media {\n        aspect-ratio: 16 \/ 9;\n    }\n}\n\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n\n    \/\/ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n    \/\/ Reveal animations\n    \/\/ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n    const animateElements = document.querySelectorAll(\n        \".bt-animate, .bt-animate-left, .bt-animate-right, .bt-animate-scale, .bt-stagger\"\n    );\n\n    const animObserver = new IntersectionObserver((entries, observer) => {\n\n        entries.forEach(entry => {\n\n            if (!entry.isIntersecting) return;\n\n            requestAnimationFrame(() => {\n                entry.target.classList.add(\"is-visible\");\n            });\n\n            observer.unobserve(entry.target);\n\n        });\n\n    }, {\n        threshold: .15,\n        rootMargin: \"0px 0px -80px 0px\"\n    });\n\n    animateElements.forEach(el => animObserver.observe(el));\n\n\n\n    \/\/ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n    \/\/ Videos\n    \/\/ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n    const videos = document.querySelectorAll(\".beetle-page video\");\n\n    videos.forEach(video => {\n\n        video.preload = \"metadata\";\n\n        const source = video.querySelector(\"source\");\n\n        if (source) {\n\n            video.dataset.src = source.src;\n            source.removeAttribute(\"src\");\n            video.load();\n\n        }\n\n    });\n\n    const videoObserver = new IntersectionObserver((entries) => {\n\n        entries.forEach(entry => {\n\n            const video = entry.target;\n\n            if (entry.isIntersecting) {\n\n                const source = video.querySelector(\"source\");\n\n                if (source && !source.src && video.dataset.src) {\n\n                    source.src = video.dataset.src;\n                    video.load();\n\n                }\n\n                video.play().catch(() => {});\n\n            } else {\n\n                video.pause();\n\n            }\n\n        });\n\n    }, {\n\n        threshold: .4,\n        rootMargin: \"150px\"\n\n    });\n\n    videos.forEach(video => videoObserver.observe(video));\n\n\n\n    \/\/ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n    \/\/ Counter\n    \/\/ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n    const specNumbers = document.querySelectorAll(\".bt-spec-number\");\n\n    const counterObserver = new IntersectionObserver((entries, observer) => {\n\n        entries.forEach(entry => {\n\n            if (!entry.isIntersecting) return;\n\n            entry.target.style.animation = \"bt-countUp .6s ease both\";\n\n            observer.unobserve(entry.target);\n\n        });\n\n    }, {\n\n        threshold: .5\n\n    });\n\n    specNumbers.forEach(el => counterObserver.observe(el));\n\n\n\n    \/\/ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n    \/\/ Smooth Scroll\n    \/\/ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n    document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n\n        anchor.addEventListener(\"click\", function(e){\n\n            const target = document.querySelector(this.getAttribute(\"href\"));\n\n            if(!target) return;\n\n            e.preventDefault();\n\n            window.scrollTo({\n\n                top: target.offsetTop - 56,\n\n                behavior: \"smooth\"\n\n            });\n\n        });\n\n    });\n\n\n\n    \/\/ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n    \/\/ Hover\n    \/\/ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n    document.querySelectorAll(\".bt-capability-card\").forEach(card=>{\n\n        card.addEventListener(\"mouseenter\",()=>{\n\n            card.style.transform=\"translate3d(0,-4px,0) scale(1.02)\";\n\n        });\n\n        card.addEventListener(\"mouseleave\",()=>{\n\n            card.style.transform=\"\";\n\n        });\n\n    });\n\n\n\n    \/\/ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n    \/\/ Hero Parallax (Optimized)\n    \/\/ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\n    const heroBg = document.querySelector(\".bt-hero-bg img\");\n\n    if(heroBg){\n\n        let ticking = false;\n\n        const updateHero = ()=>{\n\n            const y = window.scrollY;\n\n            if(y < window.innerHeight){\n\n                heroBg.style.transform =\n                    `translate3d(0,${y*0.12}px,0) scale(1.05)`;\n\n            }\n\n            ticking = false;\n\n        };\n\n        window.addEventListener(\"scroll\",()=>{\n\n            if(!ticking){\n\n                requestAnimationFrame(updateHero);\n\n                ticking = true;\n\n            }\n\n        },{passive:true});\n\n    }\n\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-07a10fa wd-section-stretch e-flex e-con-boxed e-con e-parent\" data-id=\"07a10fa\" data-element_type=\"container\" data-e-type=\"container\" id=\"Book-Form\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0ba0ab2 elementor-widget elementor-widget-heading\" data-id=\"0ba0ab2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Download Brochure<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3bd95a8 elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"3bd95a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;step_next_label&quot;:&quot;Next&quot;,&quot;step_previous_label&quot;:&quot;Previous&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"New Form\" aria-label=\"New Form\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"2121\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"3bd95a8\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"Beetle - zytona\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"2121\"\/>\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tName\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Name\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tEmail\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Email\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-tel elementor-field-group elementor-column elementor-field-group-field_13628c7 elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_13628c7\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tPhone\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<input size=\"1\" type=\"tel\" name=\"form_fields[field_13628c7]\" id=\"form-field-field_13628c7\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Phone\" pattern=\"[0-9()#&amp;+*-=.]+\" title=\"Only numbers and phone characters (#, -, *, etc) are accepted.\">\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Send<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"featured_media":2176,"parent":0,"template":"elementor_header_footer","meta":{"_acf_changed":false},"class_list":["post-2121","gausium","type-gausium","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/zytonagroup.com\/ar\/wp-json\/wp\/v2\/gausium\/2121","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zytonagroup.com\/ar\/wp-json\/wp\/v2\/gausium"}],"about":[{"href":"https:\/\/zytonagroup.com\/ar\/wp-json\/wp\/v2\/types\/gausium"}],"version-history":[{"count":58,"href":"https:\/\/zytonagroup.com\/ar\/wp-json\/wp\/v2\/gausium\/2121\/revisions"}],"predecessor-version":[{"id":2517,"href":"https:\/\/zytonagroup.com\/ar\/wp-json\/wp\/v2\/gausium\/2121\/revisions\/2517"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/zytonagroup.com\/ar\/wp-json\/wp\/v2\/media\/2176"}],"wp:attachment":[{"href":"https:\/\/zytonagroup.com\/ar\/wp-json\/wp\/v2\/media?parent=2121"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}