{"product_id":"braaihq-instabraai","title":"BraaiHQ InstaBraai","description":"\u003c!-- BRAAIHQ INSTABRAAI PREMIUM PRODUCT SECTION --\u003e\n\u003csection id=\"braaihq-instabraai\" class=\"bhq-product-section\"\u003e\n  \u003cdiv class=\"bhq-fire-glow bhq-fire-glow-one\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"bhq-fire-glow bhq-fire-glow-two\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"bhq-ember-container\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"bhq-container\"\u003e\n    \u003c!-- HERO --\u003e\n    \u003cdiv class=\"bhq-hero\"\u003e\n      \u003cdiv class=\"bhq-hero-content bhq-reveal\"\u003e\n        \u003cdiv class=\"bhq-badge\"\u003e\n          \u003cspan class=\"bhq-badge-dot\"\u003e\u003c\/span\u003e\n          BRAAIHQ ORIGINAL\n        \u003c\/div\u003e\n\n        \u003cp class=\"bhq-eyebrow\"\u003eMeet the turbo-powered fire starter\u003c\/p\u003e\n\n        \u003ch1\u003e\n          Fire Up Faster.\n          \u003cspan\u003eBraai Better.\u003c\/span\u003e\n        \u003c\/h1\u003e\n\n        \u003cp class=\"bhq-hero-description\"\u003e\n          Stop waiting. Start braaiing. The\n          \u003cstrong\u003eBraaiHQ InstaBraai\u003c\/strong\u003e turbo fan gets your coals\n          glowing hot in minutes — so you spend less time fanning and more\n          time with the people who matter.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"bhq-hero-buttons\"\u003e\n          \u003ca href=\"#bhq-buy-now\" class=\"bhq-primary-button\"\u003e\n            \u003cspan\u003eGet Your InstaBraai\u003c\/span\u003e\n            \u003csvg viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\n              \u003cpath d=\"M5 12h14M13 6l6 6-6 6\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n          \u003c\/a\u003e\n\n          \u003ca href=\"#bhq-features\" class=\"bhq-secondary-button\"\u003e\n            See Why It Works\n          \u003c\/a\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"bhq-trust-row\"\u003e\n          \u003cdiv class=\"bhq-trust-item\"\u003e\n            \u003cspan class=\"bhq-trust-icon\"\u003e⚡\u003c\/span\u003e\n            \u003cspan\u003eFast fire starting\u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"bhq-trust-item\"\u003e\n            \u003cspan class=\"bhq-trust-icon\"\u003e🔥\u003c\/span\u003e\n            \u003cspan\u003ePowerful airflow\u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"bhq-trust-item\"\u003e\n            \u003cspan class=\"bhq-trust-icon\"\u003e🇿🇦\u003c\/span\u003e\n            \u003cspan\u003eMade for braai lovers\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"bhq-hero-visual bhq-reveal\"\u003e\n        \u003cdiv class=\"bhq-product-orbit\"\u003e\n          \u003cspan\u003e\u003c\/span\u003e\n          \u003cspan\u003e\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"bhq-product-card\"\u003e\n          \u003cdiv class=\"bhq-product-label\"\u003eINSTA\u003cspan\u003eBRAAI\u003c\/span\u003e\n\u003c\/div\u003e\n\n          \u003c!-- REPLACE THIS IMAGE URL --\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0000\/0000\/files\/instabraai-product.png\" alt=\"BraaiHQ InstaBraai turbo fan\" class=\"bhq-product-image\" loading=\"eager\"\u003e\n\n          \u003cdiv class=\"bhq-air-stream bhq-air-stream-one\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"bhq-air-stream bhq-air-stream-two\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"bhq-air-stream bhq-air-stream-three\"\u003e\u003c\/div\u003e\n\n          \u003cdiv class=\"bhq-floating-spec bhq-floating-spec-one\"\u003e\n            \u003cspan\u003e💨\u003c\/span\u003e\n            Turbo airflow\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"bhq-floating-spec bhq-floating-spec-two\"\u003e\n            \u003cspan\u003e⚡\u003c\/span\u003e\n            Coals ready fast\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"bhq-scroll-hint\"\u003e\n          \u003cspan\u003e\u003c\/span\u003e\n          Scroll to explore\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- MOVING BENEFIT STRIP --\u003e\n    \u003cdiv class=\"bhq-marquee\" aria-hidden=\"true\"\u003e\n      \u003cdiv class=\"bhq-marquee-track\"\u003e\n        \u003cspan\u003e🔥 FIRE UP FASTER\u003c\/span\u003e\n        \u003cspan\u003e💨 TURBO AIRFLOW\u003c\/span\u003e\n        \u003cspan\u003e⚡ LESS WAITING\u003c\/span\u003e\n        \u003cspan\u003e🥩 MORE BRAAIING\u003c\/span\u003e\n        \u003cspan\u003e🔥 FIRE UP FASTER\u003c\/span\u003e\n        \u003cspan\u003e💨 TURBO AIRFLOW\u003c\/span\u003e\n        \u003cspan\u003e⚡ LESS WAITING\u003c\/span\u003e\n        \u003cspan\u003e🥩 MORE BRAAIING\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- FEATURES --\u003e\n    \u003cdiv id=\"bhq-features\" class=\"bhq-features-section\"\u003e\n      \u003cdiv class=\"bhq-section-heading bhq-reveal\"\u003e\n        \u003cp class=\"bhq-section-label\"\u003eWHY YOU’LL LOVE IT\u003c\/p\u003e\n        \u003ch2\u003eMore fire. Less effort.\u003c\/h2\u003e\n        \u003cp\u003e\n          Designed to make every braai quicker, easier and more enjoyable.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"bhq-feature-grid\"\u003e\n        \u003carticle class=\"bhq-feature-card bhq-reveal\"\u003e\n          \u003cdiv class=\"bhq-feature-number\"\u003e01\u003c\/div\u003e\n          \u003cdiv class=\"bhq-feature-icon\"\u003e🔥\u003c\/div\u003e\n          \u003ch3\u003eCoals Ready in Minutes\u003c\/h3\u003e\n          \u003cp\u003e\n            Get your fire glowing quickly instead of spending half an hour\n            manually fanning your coals.\n          \u003c\/p\u003e\n          \u003cdiv class=\"bhq-card-line\"\u003e\u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"bhq-feature-card bhq-reveal\"\u003e\n          \u003cdiv class=\"bhq-feature-number\"\u003e02\u003c\/div\u003e\n          \u003cdiv class=\"bhq-feature-icon\"\u003e💨\u003c\/div\u003e\n          \u003ch3\u003ePowerful Turbo Airflow\u003c\/h3\u003e\n          \u003cp\u003e\n            Concentrated airflow delivers oxygen directly to the fire to\n            rapidly increase heat and flame intensity.\n          \u003c\/p\u003e\n          \u003cdiv class=\"bhq-card-line\"\u003e\u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"bhq-feature-card bhq-reveal\"\u003e\n          \u003cdiv class=\"bhq-feature-number\"\u003e03\u003c\/div\u003e\n          \u003cdiv class=\"bhq-feature-icon\"\u003e🙌\u003c\/div\u003e\n          \u003ch3\u003eNo More Manual Fanning\u003c\/h3\u003e\n          \u003cp\u003e\n            Give your arms a break. Let the InstaBraai handle the airflow while\n            you prepare the food.\n          \u003c\/p\u003e\n          \u003cdiv class=\"bhq-card-line\"\u003e\u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"bhq-feature-card bhq-reveal\"\u003e\n          \u003cdiv class=\"bhq-feature-number\"\u003e04\u003c\/div\u003e\n          \u003cdiv class=\"bhq-feature-icon\"\u003e⚡\u003c\/div\u003e\n          \u003ch3\u003eConsistent Heat\u003c\/h3\u003e\n          \u003cp\u003e\n            Build an even, reliable bed of hot coals for better cooking and\n            more consistent braai results.\n          \u003c\/p\u003e\n          \u003cdiv class=\"bhq-card-line\"\u003e\u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"bhq-feature-card bhq-reveal\"\u003e\n          \u003cdiv class=\"bhq-feature-number\"\u003e05\u003c\/div\u003e\n          \u003cdiv class=\"bhq-feature-icon\"\u003e🏕️\u003c\/div\u003e\n          \u003ch3\u003eCompact and Portable\u003c\/h3\u003e\n          \u003cp\u003e\n            Easy to carry and store, making it perfect for home, camping,\n            weekends away and spontaneous braais.\n          \u003c\/p\u003e\n          \u003cdiv class=\"bhq-card-line\"\u003e\u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"bhq-feature-card bhq-feature-card-highlight bhq-reveal\"\u003e\n          \u003cdiv class=\"bhq-feature-number\"\u003e06\u003c\/div\u003e\n          \u003cdiv class=\"bhq-feature-icon\"\u003e🥩\u003c\/div\u003e\n          \u003ch3\u003eMore Time Together\u003c\/h3\u003e\n          \u003cp\u003e\n            Spend less time fighting with the fire and more time enjoying the\n            braai with family and friends.\n          \u003c\/p\u003e\n          \u003cdiv class=\"bhq-card-line\"\u003e\u003c\/div\u003e\n        \u003c\/article\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- SPLIT EXPERIENCE --\u003e\n    \u003cdiv class=\"bhq-experience\"\u003e\n      \u003cdiv class=\"bhq-experience-image bhq-reveal\"\u003e\n        \u003c!-- REPLACE THIS IMAGE URL --\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0000\/0000\/files\/braai-fire-background.jpg\" alt=\"Hot braai coals ready for cooking\" loading=\"lazy\"\u003e\n\n        \u003cdiv class=\"bhq-image-overlay\"\u003e\u003c\/div\u003e\n\n        \u003cdiv class=\"bhq-experience-stat\"\u003e\n          \u003cstrong\u003eFaster\u003c\/strong\u003e\n          \u003cspan\u003efire preparation\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"bhq-flame-bars\" aria-hidden=\"true\"\u003e\n          \u003cspan\u003e\u003c\/span\u003e\n          \u003cspan\u003e\u003c\/span\u003e\n          \u003cspan\u003e\u003c\/span\u003e\n          \u003cspan\u003e\u003c\/span\u003e\n          \u003cspan\u003e\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"bhq-experience-content bhq-reveal\"\u003e\n        \u003cp class=\"bhq-section-label\"\u003eBUILT FOR REAL BRAAIS\u003c\/p\u003e\n\n        \u003ch2\u003eFrom cold coals to braai-ready.\u003c\/h2\u003e\n\n        \u003cp class=\"bhq-experience-intro\"\u003e\n          Whether it’s a relaxed Sunday family braai or a spontaneous\n          weeknight cookout, the BraaiHQ InstaBraai means you’re always ready\n          to fire up — fast.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"bhq-step-list\"\u003e\n          \u003cdiv class=\"bhq-step\"\u003e\n            \u003cspan\u003e1\u003c\/span\u003e\n            \u003cdiv\u003e\n              \u003ch4\u003ePrepare your coals\u003c\/h4\u003e\n              \u003cp\u003eLight your charcoal or wood as you normally would.\u003c\/p\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"bhq-step\"\u003e\n            \u003cspan\u003e2\u003c\/span\u003e\n            \u003cdiv\u003e\n              \u003ch4\u003eDirect the airflow\u003c\/h4\u003e\n              \u003cp\u003eAim the InstaBraai safely towards the base of the fire.\u003c\/p\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"bhq-step\"\u003e\n            \u003cspan\u003e3\u003c\/span\u003e\n            \u003cdiv\u003e\n              \u003ch4\u003eWatch the heat build\u003c\/h4\u003e\n              \u003cp\u003ePowerful airflow helps your coals reach cooking heat faster.\u003c\/p\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- COMPARISON --\u003e\n    \u003cdiv class=\"bhq-comparison-section\"\u003e\n      \u003cdiv class=\"bhq-section-heading bhq-reveal\"\u003e\n        \u003cp class=\"bhq-section-label\"\u003eTHE SMARTER WAY TO BRAAI\u003c\/p\u003e\n        \u003ch2\u003eStop doing it the hard way.\u003c\/h2\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"bhq-comparison-grid\"\u003e\n        \u003cdiv class=\"bhq-comparison-card bhq-comparison-old bhq-reveal\"\u003e\n          \u003cdiv class=\"bhq-comparison-title\"\u003e\n            \u003cspan\u003e✕\u003c\/span\u003e\n            Manual fanning\n          \u003c\/div\u003e\n\n          \u003cul\u003e\n            \u003cli\u003eTiring and uncomfortable\u003c\/li\u003e\n            \u003cli\u003eSlow and inconsistent airflow\u003c\/li\u003e\n            \u003cli\u003eSmoke blowing into your face\u003c\/li\u003e\n            \u003cli\u003eMore time waiting\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"bhq-comparison-versus\"\u003eVS\u003c\/div\u003e\n\n        \u003cdiv class=\"bhq-comparison-card bhq-comparison-new bhq-reveal\"\u003e\n          \u003cdiv class=\"bhq-comparison-title\"\u003e\n            \u003cspan\u003e✓\u003c\/span\u003e\n            BraaiHQ InstaBraai\n          \u003c\/div\u003e\n\n          \u003cul\u003e\n            \u003cli\u003ePowerful focused airflow\u003c\/li\u003e\n            \u003cli\u003eQuick and easy to operate\u003c\/li\u003e\n            \u003cli\u003eCompact enough to take anywhere\u003c\/li\u003e\n            \u003cli\u003eMore time enjoying the braai\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- CTA --\u003e\n    \u003cdiv id=\"bhq-buy-now\" class=\"bhq-cta bhq-reveal\"\u003e\n      \u003cdiv class=\"bhq-cta-fire\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"bhq-cta-content\"\u003e\n        \u003cdiv class=\"bhq-badge\"\u003e\n          \u003cspan class=\"bhq-badge-dot\"\u003e\u003c\/span\u003e\n          READY WHEN YOU ARE\n        \u003c\/div\u003e\n\n        \u003ch2\u003eDon’t wait for the fire.\u003cbr\u003eTake control of it.\u003c\/h2\u003e\n\n        \u003cp\u003e\n          Upgrade your next braai with the compact turbo fan built to get your\n          coals glowing faster.\n        \u003c\/p\u003e\n\n        \u003c!-- REPLACE \/products\/instabraai WITH YOUR REAL PRODUCT URL --\u003e\n        \u003ca href=\"\/products\/instabraai\" class=\"bhq-primary-button bhq-cta-button\"\u003e\n          \u003cspan\u003eShop InstaBraai Now\u003c\/span\u003e\n          \u003csvg viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\n            \u003cpath d=\"M5 12h14M13 6l6 6-6 6\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/a\u003e\n\n        \u003cdiv class=\"bhq-cta-note\"\u003e\n          🔒 Secure checkout  •   Fast South African delivery\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n  #braaihq-instabraai {\n    --bhq-black: #080808;\n    --bhq-dark: #111111;\n    --bhq-card: #181818;\n    --bhq-card-light: #202020;\n    --bhq-orange: #f25a1d;\n    --bhq-orange-light: #ff8a32;\n    --bhq-red: #c9361d;\n    --bhq-cream: #fff4e6;\n    --bhq-grey: #a9a9a9;\n    --bhq-border: rgba(255, 255, 255, 0.1);\n    --bhq-shadow: 0 25px 80px rgba(0, 0, 0, 0.45);\n\n    position: relative;\n    overflow: hidden;\n    background:\n      radial-gradient(\n        circle at 70% 10%,\n        rgba(242, 90, 29, 0.13),\n        transparent 32%\n      ),\n      linear-gradient(180deg, #090909 0%, #111111 48%, #080808 100%);\n    color: #ffffff;\n    font-family:\n      Inter, Montserrat, Arial, sans-serif;\n    isolation: isolate;\n  }\n\n  #braaihq-instabraai *,\n  #braaihq-instabraai *::before,\n  #braaihq-instabraai *::after {\n    box-sizing: border-box;\n  }\n\n  #braaihq-instabraai a {\n    text-decoration: none;\n  }\n\n  .bhq-container {\n    position: relative;\n    z-index: 3;\n    width: min(1240px, calc(100% - 40px));\n    margin: 0 auto;\n  }\n\n  .bhq-fire-glow {\n    position: absolute;\n    border-radius: 50%;\n    filter: blur(80px);\n    opacity: 0.18;\n    pointer-events: none;\n    animation: bhqGlowPulse 5s ease-in-out infinite;\n  }\n\n  .bhq-fire-glow-one {\n    top: 150px;\n    right: -130px;\n    width: 430px;\n    height: 430px;\n    background: var(--bhq-orange);\n  }\n\n  .bhq-fire-glow-two {\n    top: 850px;\n    left: -180px;\n    width: 380px;\n    height: 380px;\n    background: var(--bhq-red);\n    animation-delay: 1.4s;\n  }\n\n  .bhq-hero {\n    min-height: 760px;\n    display: grid;\n    grid-template-columns: 1.03fr 0.97fr;\n    align-items: center;\n    gap: 50px;\n    padding: 90px 0 70px;\n  }\n\n  .bhq-hero-content {\n    position: relative;\n    z-index: 5;\n  }\n\n  .bhq-badge {\n    width: fit-content;\n    display: inline-flex;\n    align-items: center;\n    gap: 9px;\n    padding: 9px 14px;\n    margin-bottom: 23px;\n    border: 1px solid rgba(242, 90, 29, 0.35);\n    border-radius: 999px;\n    background: rgba(242, 90, 29, 0.08);\n    color: #ffb07d;\n    font-size: 11px;\n    font-weight: 800;\n    letter-spacing: 1.8px;\n  }\n\n  .bhq-badge-dot {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: var(--bhq-orange);\n    box-shadow: 0 0 14px var(--bhq-orange);\n    animation: bhqDotPulse 1.8s ease-in-out infinite;\n  }\n\n  .bhq-eyebrow {\n    margin: 0 0 12px;\n    color: #b9b9b9;\n    font-size: 13px;\n    font-weight: 700;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n  }\n\n  .bhq-hero h1 {\n    max-width: 720px;\n    margin: 0;\n    font-size: clamp(54px, 6.2vw, 92px);\n    line-height: 0.95;\n    letter-spacing: -4px;\n    font-weight: 900;\n    text-transform: uppercase;\n  }\n\n  .bhq-hero h1 span {\n    display: block;\n    margin-top: 9px;\n    color: transparent;\n    background: linear-gradient(\n      90deg,\n      var(--bhq-orange-light),\n      var(--bhq-orange),\n      #d83819\n    );\n    -webkit-background-clip: text;\n    background-clip: text;\n  }\n\n  .bhq-hero-description {\n    max-width: 650px;\n    margin: 27px 0 0;\n    color: #c7c7c7;\n    font-size: 18px;\n    line-height: 1.75;\n  }\n\n  .bhq-hero-description strong {\n    color: #ffffff;\n  }\n\n  .bhq-hero-buttons {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 15px;\n    margin-top: 34px;\n  }\n\n  .bhq-primary-button,\n  .bhq-secondary-button {\n    position: relative;\n    min-height: 58px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 13px;\n    padding: 0 25px;\n    border-radius: 8px;\n    font-size: 14px;\n    font-weight: 850;\n    letter-spacing: 0.3px;\n    overflow: hidden;\n    transition:\n      transform 0.3s ease,\n      box-shadow 0.3s ease,\n      border-color 0.3s ease;\n  }\n\n  .bhq-primary-button {\n    color: #ffffff;\n    background: linear-gradient(\n      135deg,\n      var(--bhq-orange-light),\n      var(--bhq-orange) 48%,\n      var(--bhq-red)\n    );\n    box-shadow: 0 15px 40px rgba(242, 90, 29, 0.28);\n  }\n\n  .bhq-primary-button::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(\n      115deg,\n      transparent 25%,\n      rgba(255, 255, 255, 0.4) 45%,\n      transparent 65%\n    );\n    transform: translateX(-120%);\n    transition: transform 0.7s ease;\n  }\n\n  .bhq-primary-button:hover::before {\n    transform: translateX(120%);\n  }\n\n  .bhq-primary-button:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 19px 50px rgba(242, 90, 29, 0.4);\n  }\n\n  .bhq-primary-button span,\n  .bhq-primary-button svg {\n    position: relative;\n    z-index: 2;\n  }\n\n  .bhq-primary-button svg {\n    width: 19px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    transition: transform 0.3s ease;\n  }\n\n  .bhq-primary-button:hover svg {\n    transform: translateX(4px);\n  }\n\n  .bhq-secondary-button {\n    color: #ffffff;\n    border: 1px solid var(--bhq-border);\n    background: rgba(255, 255, 255, 0.025);\n    backdrop-filter: blur(10px);\n  }\n\n  .bhq-secondary-button:hover {\n    transform: translateY(-3px);\n    border-color: rgba(242, 90, 29, 0.65);\n  }\n\n  .bhq-trust-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 19px 28px;\n    margin-top: 31px;\n  }\n\n  .bhq-trust-item {\n    display: flex;\n    align-items: center;\n    gap: 9px;\n    color: #a9a9a9;\n    font-size: 12px;\n    font-weight: 650;\n  }\n\n  .bhq-trust-icon {\n    font-size: 17px;\n  }\n\n  .bhq-hero-visual {\n    position: relative;\n    min-height: 620px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .bhq-product-card {\n    position: relative;\n    width: min(500px, 92%);\n    aspect-ratio: 0.88;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: 1px solid rgba(255, 255, 255, 0.11);\n    border-radius: 32px;\n    background:\n      linear-gradient(\n        145deg,\n        rgba(255, 255, 255, 0.09),\n        rgba(255, 255, 255, 0.015)\n      ),\n      radial-gradient(circle at 50% 60%, rgba(242, 90, 29, 0.16), transparent 55%);\n    box-shadow: var(--bhq-shadow);\n    backdrop-filter: blur(20px);\n    transform: perspective(900px) rotateY(-5deg) rotateX(2deg);\n    transition: transform 0.2s ease-out;\n  }\n\n  .bhq-product-card::before {\n    content: \"\";\n    position: absolute;\n    inset: 15px;\n    border: 1px solid rgba(255, 255, 255, 0.06);\n    border-radius: 23px;\n    pointer-events: none;\n  }\n\n  .bhq-product-card::after {\n    content: \"\";\n    position: absolute;\n    left: 18%;\n    right: 18%;\n    bottom: 7%;\n    height: 32px;\n    border-radius: 50%;\n    background: rgba(0, 0, 0, 0.72);\n    filter: blur(18px);\n    z-index: 1;\n  }\n\n  .bhq-product-label {\n    position: absolute;\n    top: 24px;\n    left: 27px;\n    color: #ffffff;\n    font-size: 13px;\n    font-weight: 900;\n    letter-spacing: 1.4px;\n  }\n\n  .bhq-product-label span {\n    color: var(--bhq-orange);\n  }\n\n  .bhq-product-image {\n    position: relative;\n    z-index: 3;\n    width: 72%;\n    max-height: 78%;\n    object-fit: contain;\n    filter: drop-shadow(0 28px 25px rgba(0, 0, 0, 0.48));\n    animation: bhqProductFloat 4.5s ease-in-out infinite;\n  }\n\n  .bhq-product-orbit {\n    position: absolute;\n    width: 530px;\n    height: 530px;\n    border: 1px solid rgba(242, 90, 29, 0.1);\n    border-radius: 50%;\n    animation: bhqSpin 22s linear infinite;\n  }\n\n  .bhq-product-orbit::before,\n  .bhq-product-orbit::after {\n    content: \"\";\n    position: absolute;\n    inset: 9%;\n    border: 1px dashed rgba(255, 255, 255, 0.08);\n    border-radius: 50%;\n  }\n\n  .bhq-product-orbit::after {\n    inset: 22%;\n  }\n\n  .bhq-product-orbit span {\n    position: absolute;\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: var(--bhq-orange);\n    box-shadow: 0 0 20px var(--bhq-orange);\n  }\n\n  .bhq-product-orbit span:first-child {\n    top: 5%;\n    left: 30%;\n  }\n\n  .bhq-product-orbit span:last-child {\n    right: 8%;\n    bottom: 24%;\n  }\n\n  .bhq-floating-spec {\n    position: absolute;\n    z-index: 7;\n    display: flex;\n    align-items: center;\n    gap: 9px;\n    padding: 12px 16px;\n    border: 1px solid rgba(255, 255, 255, 0.11);\n    border-radius: 9px;\n    background: rgba(12, 12, 12, 0.82);\n    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.35);\n    backdrop-filter: blur(14px);\n    color: #eeeeee;\n    font-size: 12px;\n    font-weight: 750;\n    animation: bhqFloatingBadge 4s ease-in-out infinite;\n  }\n\n  .bhq-floating-spec span {\n    font-size: 19px;\n  }\n\n  .bhq-floating-spec-one {\n    top: 24%;\n    left: -9%;\n  }\n\n  .bhq-floating-spec-two {\n    right: -8%;\n    bottom: 24%;\n    animation-delay: 1.5s;\n  }\n\n  .bhq-air-stream {\n    position: absolute;\n    z-index: 2;\n    width: 110px;\n    height: 2px;\n    border-radius: 20px;\n    background: linear-gradient(90deg, transparent, rgba(255, 151, 81, 0.85));\n    opacity: 0;\n    animation: bhqAirflow 2.1s ease-in-out infinite;\n  }\n\n  .bhq-air-stream-one {\n    right: 4%;\n    top: 43%;\n  }\n\n  .bhq-air-stream-two {\n    right: 1%;\n    top: 48%;\n    animation-delay: 0.35s;\n  }\n\n  .bhq-air-stream-three {\n    right: 6%;\n    top: 53%;\n    animation-delay: 0.7s;\n  }\n\n  .bhq-scroll-hint {\n    position: absolute;\n    bottom: 0;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    color: #6f6f6f;\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 1.4px;\n    text-transform: uppercase;\n  }\n\n  .bhq-scroll-hint span {\n    width: 1px;\n    height: 34px;\n    background: linear-gradient(var(--bhq-orange), transparent);\n    animation: bhqScrollLine 1.6s ease-in-out infinite;\n  }\n\n  .bhq-marquee {\n    width: 100vw;\n    position: relative;\n    left: 50%;\n    margin-left: -50vw;\n    overflow: hidden;\n    border-top: 1px solid var(--bhq-border);\n    border-bottom: 1px solid var(--bhq-border);\n    background: #0d0d0d;\n  }\n\n  .bhq-marquee-track {\n    width: max-content;\n    display: flex;\n    align-items: center;\n    gap: 60px;\n    padding: 18px 0;\n    animation: bhqMarquee 24s linear infinite;\n  }\n\n  .bhq-marquee-track span {\n    color: #d8d8d8;\n    font-size: 12px;\n    font-weight: 850;\n    letter-spacing: 2px;\n    white-space: nowrap;\n  }\n\n  .bhq-features-section {\n    padding: 115px 0;\n  }\n\n  .bhq-section-heading {\n    max-width: 760px;\n    margin: 0 auto 48px;\n    text-align: center;\n  }\n\n  .bhq-section-label {\n    margin: 0 0 12px;\n    color: var(--bhq-orange-light);\n    font-size: 11px;\n    font-weight: 850;\n    letter-spacing: 2.2px;\n  }\n\n  .bhq-section-heading h2,\n  .bhq-experience-content h2,\n  .bhq-cta h2 {\n    margin: 0;\n    font-size: clamp(38px, 5vw, 66px);\n    line-height: 1;\n    letter-spacing: -2.5px;\n    font-weight: 900;\n    text-transform: uppercase;\n  }\n\n  .bhq-section-heading \u003e p:last-child {\n    margin: 20px auto 0;\n    color: var(--bhq-grey);\n    font-size: 16px;\n    line-height: 1.7;\n  }\n\n  .bhq-feature-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 18px;\n  }\n\n  .bhq-feature-card {\n    position: relative;\n    min-height: 310px;\n    padding: 30px;\n    overflow: hidden;\n    border: 1px solid var(--bhq-border);\n    border-radius: 18px;\n    background: linear-gradient(\n      145deg,\n      rgba(255, 255, 255, 0.055),\n      rgba(255, 255, 255, 0.018)\n    );\n    transition:\n      transform 0.4s ease,\n      border-color 0.4s ease,\n      box-shadow 0.4s ease;\n  }\n\n  .bhq-feature-card::before {\n    content: \"\";\n    position: absolute;\n    top: -120px;\n    right: -110px;\n    width: 240px;\n    height: 240px;\n    border-radius: 50%;\n    background: rgba(242, 90, 29, 0.13);\n    filter: blur(40px);\n    opacity: 0;\n    transition: opacity 0.4s ease;\n  }\n\n  .bhq-feature-card:hover {\n    transform: translateY(-9px);\n    border-color: rgba(242, 90, 29, 0.5);\n    box-shadow: 0 25px 55px rgba(0, 0, 0, 0.28);\n  }\n\n  .bhq-feature-card:hover::before {\n    opacity: 1;\n  }\n\n  .bhq-feature-card-highlight {\n    background:\n      linear-gradient(145deg, rgba(242, 90, 29, 0.15), rgba(255, 255, 255, 0.02)),\n      #17110f;\n  }\n\n  .bhq-feature-number {\n    position: absolute;\n    top: 24px;\n    right: 26px;\n    color: rgba(255, 255, 255, 0.18);\n    font-size: 12px;\n    font-weight: 900;\n    letter-spacing: 1.5px;\n  }\n\n  .bhq-feature-icon {\n    position: relative;\n    z-index: 2;\n    width: 58px;\n    height: 58px;\n    display: grid;\n    place-items: center;\n    margin-bottom: 28px;\n    border: 1px solid rgba(242, 90, 29, 0.28);\n    border-radius: 14px;\n    background: rgba(242, 90, 29, 0.09);\n    font-size: 26px;\n    transition: transform 0.4s ease;\n  }\n\n  .bhq-feature-card:hover .bhq-feature-icon {\n    transform: rotate(-6deg) scale(1.08);\n  }\n\n  .bhq-feature-card h3 {\n    position: relative;\n    z-index: 2;\n    margin: 0;\n    font-size: 20px;\n    line-height: 1.25;\n  }\n\n  .bhq-feature-card p {\n    position: relative;\n    z-index: 2;\n    margin: 14px 0 0;\n    color: #a6a6a6;\n    font-size: 14px;\n    line-height: 1.75;\n  }\n\n  .bhq-card-line {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 0;\n    height: 3px;\n    background: linear-gradient(90deg, var(--bhq-orange), transparent);\n    transition: width 0.5s ease;\n  }\n\n  .bhq-feature-card:hover .bhq-card-line {\n    width: 100%;\n  }\n\n  .bhq-experience {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 65px;\n    align-items: center;\n    padding: 35px 0 120px;\n  }\n\n  .bhq-experience-image {\n    position: relative;\n    min-height: 650px;\n    overflow: hidden;\n    border-radius: 24px;\n    box-shadow: var(--bhq-shadow);\n  }\n\n  .bhq-experience-image img {\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    inset: 0;\n    object-fit: cover;\n    transition: transform 1.2s ease;\n  }\n\n  .bhq-experience-image:hover img {\n    transform: scale(1.05);\n  }\n\n  .bhq-image-overlay {\n    position: absolute;\n    inset: 0;\n    background:\n      linear-gradient(180deg, transparent 35%, rgba(0, 0, 0, 0.82)),\n      linear-gradient(90deg, rgba(0, 0, 0, 0.2), transparent);\n  }\n\n  .bhq-experience-stat {\n    position: absolute;\n    left: 28px;\n    bottom: 30px;\n    z-index: 2;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .bhq-experience-stat strong {\n    color: var(--bhq-orange-light);\n    font-size: clamp(43px, 6vw, 76px);\n    line-height: 0.9;\n    letter-spacing: -3px;\n    text-transform: uppercase;\n  }\n\n  .bhq-experience-stat span {\n    margin-top: 10px;\n    color: #dedede;\n    font-size: 13px;\n    font-weight: 750;\n    letter-spacing: 1.4px;\n    text-transform: uppercase;\n  }\n\n  .bhq-flame-bars {\n    position: absolute;\n    right: 25px;\n    bottom: 30px;\n    z-index: 3;\n    height: 70px;\n    display: flex;\n    align-items: flex-end;\n    gap: 6px;\n  }\n\n  .bhq-flame-bars span {\n    width: 5px;\n    border-radius: 5px;\n    background: linear-gradient(var(--bhq-orange-light), var(--bhq-red));\n    animation: bhqSoundBars 1.2s ease-in-out infinite;\n  }\n\n  .bhq-flame-bars span:nth-child(1) {\n    height: 24px;\n  }\n\n  .bhq-flame-bars span:nth-child(2) {\n    height: 48px;\n    animation-delay: 0.2s;\n  }\n\n  .bhq-flame-bars span:nth-child(3) {\n    height: 65px;\n    animation-delay: 0.4s;\n  }\n\n  .bhq-flame-bars span:nth-child(4) {\n    height: 40px;\n    animation-delay: 0.6s;\n  }\n\n  .bhq-flame-bars span:nth-child(5) {\n    height: 28px;\n    animation-delay: 0.8s;\n  }\n\n  .bhq-experience-intro {\n    margin: 26px 0 34px;\n    color: #b1b1b1;\n    font-size: 16px;\n    line-height: 1.8;\n  }\n\n  .bhq-step-list {\n    display: grid;\n    gap: 14px;\n  }\n\n  .bhq-step {\n    display: grid;\n    grid-template-columns: 48px 1fr;\n    gap: 16px;\n    padding: 18px;\n    border: 1px solid var(--bhq-border);\n    border-radius: 13px;\n    background: rgba(255, 255, 255, 0.025);\n    transition:\n      transform 0.3s ease,\n      border-color 0.3s ease,\n      background 0.3s ease;\n  }\n\n  .bhq-step:hover {\n    transform: translateX(7px);\n    border-color: rgba(242, 90, 29, 0.35);\n    background: rgba(242, 90, 29, 0.045);\n  }\n\n  .bhq-step \u003e span {\n    width: 40px;\n    height: 40px;\n    display: grid;\n    place-items: center;\n    border-radius: 10px;\n    background: var(--bhq-orange);\n    box-shadow: 0 8px 20px rgba(242, 90, 29, 0.25);\n    color: #ffffff;\n    font-size: 14px;\n    font-weight: 900;\n  }\n\n  .bhq-step h4 {\n    margin: 0 0 6px;\n    font-size: 15px;\n  }\n\n  .bhq-step p {\n    margin: 0;\n    color: #929292;\n    font-size: 13px;\n    line-height: 1.6;\n  }\n\n  .bhq-comparison-section {\n    padding: 105px 0 125px;\n    border-top: 1px solid var(--bhq-border);\n  }\n\n  .bhq-comparison-grid {\n    display: grid;\n    grid-template-columns: 1fr 80px 1fr;\n    align-items: center;\n    gap: 20px;\n  }\n\n  .bhq-comparison-card {\n    min-height: 355px;\n    padding: 36px;\n    border-radius: 20px;\n  }\n\n  .bhq-comparison-old {\n    border: 1px solid rgba(255, 255, 255, 0.09);\n    background: rgba(255, 255, 255, 0.025);\n  }\n\n  .bhq-comparison-new {\n    border: 1px solid rgba(242, 90, 29, 0.45);\n    background:\n      radial-gradient(circle at 90% 10%, rgba(242, 90, 29, 0.18), transparent 45%),\n      linear-gradient(145deg, #1c130f, #121212);\n    box-shadow: 0 25px 65px rgba(242, 90, 29, 0.1);\n  }\n\n  .bhq-comparison-title {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    margin-bottom: 28px;\n    font-size: 23px;\n    font-weight: 850;\n  }\n\n  .bhq-comparison-title span {\n    width: 38px;\n    height: 38px;\n    display: grid;\n    place-items: center;\n    border-radius: 50%;\n    font-size: 15px;\n  }\n\n  .bhq-comparison-old .bhq-comparison-title span {\n    background: rgba(255, 255, 255, 0.08);\n    color: #929292;\n  }\n\n  .bhq-comparison-new .bhq-comparison-title span {\n    background: var(--bhq-orange);\n    color: #ffffff;\n    box-shadow: 0 0 20px rgba(242, 90, 29, 0.35);\n  }\n\n  .bhq-comparison-card ul {\n    display: grid;\n    gap: 18px;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .bhq-comparison-card li {\n    position: relative;\n    padding-left: 28px;\n    color: #aaaaaa;\n    font-size: 15px;\n    line-height: 1.5;\n  }\n\n  .bhq-comparison-card li::before {\n    position: absolute;\n    left: 0;\n    top: 0;\n    font-weight: 900;\n  }\n\n  .bhq-comparison-old li::before {\n    content: \"×\";\n    color: #656565;\n  }\n\n  .bhq-comparison-new li::before {\n    content: \"✓\";\n    color: var(--bhq-orange-light);\n  }\n\n  .bhq-comparison-versus {\n    width: 60px;\n    height: 60px;\n    display: grid;\n    place-items: center;\n    margin: auto;\n    border: 1px solid var(--bhq-border);\n    border-radius: 50%;\n    background: #0c0c0c;\n    color: var(--bhq-orange-light);\n    font-size: 13px;\n    font-weight: 900;\n    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.4);\n  }\n\n  .bhq-cta {\n    position: relative;\n    min-height: 530px;\n    display: grid;\n    place-items: center;\n    margin-bottom: 90px;\n    padding: 70px 30px;\n    overflow: hidden;\n    border: 1px solid rgba(242, 90, 29, 0.32);\n    border-radius: 28px;\n    background:\n      radial-gradient(circle at 50% 120%, rgba(242, 90, 29, 0.3), transparent 48%),\n      linear-gradient(145deg, #17120f, #0b0b0b 70%);\n    box-shadow: 0 30px 90px rgba(0, 0, 0, 0.4);\n    text-align: center;\n  }\n\n  .bhq-cta::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background-image:\n      linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);\n    background-size: 42px 42px;\n    mask-image: linear-gradient(to bottom, transparent, black, transparent);\n  }\n\n  .bhq-cta-content {\n    position: relative;\n    z-index: 3;\n    max-width: 820px;\n  }\n\n  .bhq-cta .bhq-badge {\n    margin-inline: auto;\n  }\n\n  .bhq-cta p {\n    max-width: 660px;\n    margin: 24px auto 0;\n    color: #b5b5b5;\n    font-size: 17px;\n    line-height: 1.7;\n  }\n\n  .bhq-cta-button {\n    margin-top: 30px;\n  }\n\n  .bhq-cta-note {\n    margin-top: 20px;\n    color: #7f7f7f;\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.5px;\n  }\n\n  .bhq-cta-fire {\n    position: absolute;\n    left: 50%;\n    bottom: -240px;\n    width: 680px;\n    height: 380px;\n    border-radius: 50%;\n    background: var(--bhq-orange);\n    filter: blur(100px);\n    opacity: 0.17;\n    transform: translateX(-50%);\n    animation: bhqGlowPulse 4s ease-in-out infinite;\n  }\n\n  .bhq-reveal {\n    opacity: 0;\n    transform: translateY(34px);\n    transition:\n      opacity 0.8s ease,\n      transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);\n  }\n\n  .bhq-reveal.bhq-visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  .bhq-ember {\n    position: absolute;\n    bottom: -20px;\n    z-index: 1;\n    width: 4px;\n    height: 4px;\n    border-radius: 50%;\n    background: var(--bhq-orange-light);\n    box-shadow: 0 0 8px var(--bhq-orange);\n    opacity: 0;\n    pointer-events: none;\n    animation: bhqEmberRise linear infinite;\n  }\n\n  @keyframes bhqProductFloat {\n    0%,\n    100% {\n      transform: translateY(0) rotate(-1deg);\n    }\n\n    50% {\n      transform: translateY(-15px) rotate(1.5deg);\n    }\n  }\n\n  @keyframes bhqFloatingBadge {\n    0%,\n    100% {\n      transform: translateY(0);\n    }\n\n    50% {\n      transform: translateY(-9px);\n    }\n  }\n\n  @keyframes bhqGlowPulse {\n    0%,\n    100% {\n      transform: scale(1);\n      opacity: 0.15;\n    }\n\n    50% {\n      transform: scale(1.15);\n      opacity: 0.24;\n    }\n  }\n\n  @keyframes bhqDotPulse {\n    0%,\n    100% {\n      transform: scale(1);\n      opacity: 1;\n    }\n\n    50% {\n      transform: scale(0.65);\n      opacity: 0.55;\n    }\n  }\n\n  @keyframes bhqSpin {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  @keyframes bhqAirflow {\n    0% {\n      opacity: 0;\n      transform: translateX(-15px) scaleX(0.4);\n    }\n\n    35% {\n      opacity: 0.75;\n    }\n\n    100% {\n      opacity: 0;\n      transform: translateX(40px) scaleX(1.2);\n    }\n  }\n\n  @keyframes bhqScrollLine {\n    0%,\n    100% {\n      transform: scaleY(0.45);\n      transform-origin: top;\n    }\n\n    50% {\n      transform: scaleY(1);\n    }\n  }\n\n  @keyframes bhqMarquee {\n    to {\n      transform: translateX(-50%);\n    }\n  }\n\n  @keyframes bhqSoundBars {\n    0%,\n    100% {\n      transform: scaleY(0.45);\n      opacity: 0.65;\n    }\n\n    50% {\n      transform: scaleY(1);\n      opacity: 1;\n    }\n  }\n\n  @keyframes bhqEmberRise {\n    0% {\n      opacity: 0;\n      transform: translate3d(0, 0, 0) scale(0.6);\n    }\n\n    15% {\n      opacity: 0.8;\n    }\n\n    100% {\n      opacity: 0;\n      transform: translate3d(var(--ember-drift), -720px, 0) scale(0);\n    }\n  }\n\n  @media (max-width: 990px) {\n    .bhq-hero {\n      grid-template-columns: 1fr;\n      min-height: auto;\n      padding-top: 70px;\n    }\n\n    .bhq-hero-content {\n      max-width: 760px;\n      text-align: center;\n      margin: auto;\n    }\n\n    .bhq-badge {\n      margin-inline: auto;\n    }\n\n    .bhq-hero-description {\n      margin-inline: auto;\n    }\n\n    .bhq-hero-buttons,\n    .bhq-trust-row {\n      justify-content: center;\n    }\n\n    .bhq-hero-visual {\n      min-height: 570px;\n    }\n\n    .bhq-feature-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n\n    .bhq-experience {\n      grid-template-columns: 1fr;\n    }\n\n    .bhq-experience-image {\n      min-height: 540px;\n    }\n\n    .bhq-experience-content {\n      max-width: 760px;\n    }\n  }\n\n  @media (max-width: 749px) {\n    .bhq-container {\n      width: min(100% - 28px, 1240px);\n    }\n\n    .bhq-hero {\n      gap: 25px;\n      padding: 54px 0 45px;\n    }\n\n    .bhq-eyebrow {\n      font-size: 10px;\n    }\n\n    .bhq-hero h1 {\n      font-size: clamp(43px, 13vw, 64px);\n      line-height: 0.96;\n      letter-spacing: -2.6px;\n    }\n\n    .bhq-hero-description {\n      margin-top: 20px;\n      font-size: 15px;\n      line-height: 1.7;\n    }\n\n    .bhq-hero-buttons {\n      display: grid;\n      grid-template-columns: 1fr;\n      width: 100%;\n      gap: 10px;\n      margin-top: 27px;\n    }\n\n    .bhq-primary-button,\n    .bhq-secondary-button {\n      width: 100%;\n      min-height: 56px;\n    }\n\n    .bhq-trust-row {\n      display: grid;\n      grid-template-columns: 1fr;\n      justify-items: center;\n      gap: 12px;\n      margin-top: 25px;\n    }\n\n    .bhq-hero-visual {\n      min-height: 460px;\n    }\n\n    .bhq-product-card {\n      width: 92%;\n      border-radius: 22px;\n      transform: none !important;\n    }\n\n    .bhq-product-orbit {\n      width: 390px;\n      height: 390px;\n    }\n\n    .bhq-product-image {\n      width: 76%;\n    }\n\n    .bhq-floating-spec {\n      padding: 9px 12px;\n      font-size: 10px;\n    }\n\n    .bhq-floating-spec span {\n      font-size: 15px;\n    }\n\n    .bhq-floating-spec-one {\n      top: 20%;\n      left: -2%;\n    }\n\n    .bhq-floating-spec-two {\n      right: -2%;\n      bottom: 20%;\n    }\n\n    .bhq-scroll-hint {\n      display: none;\n    }\n\n    .bhq-marquee-track {\n      gap: 38px;\n      padding: 14px 0;\n    }\n\n    .bhq-marquee-track span {\n      font-size: 10px;\n    }\n\n    .bhq-features-section {\n      padding: 78px 0;\n    }\n\n    .bhq-section-heading {\n      margin-bottom: 32px;\n    }\n\n    .bhq-section-heading h2,\n    .bhq-experience-content h2,\n    .bhq-cta h2 {\n      font-size: clamp(35px, 10vw, 50px);\n      letter-spacing: -1.7px;\n    }\n\n    .bhq-section-heading \u003e p:last-child {\n      margin-top: 15px;\n      font-size: 14px;\n    }\n\n    .bhq-feature-grid {\n      grid-template-columns: 1fr;\n      gap: 13px;\n    }\n\n    .bhq-feature-card {\n      min-height: 0;\n      padding: 25px;\n    }\n\n    .bhq-feature-icon {\n      width: 51px;\n      height: 51px;\n      margin-bottom: 21px;\n      font-size: 23px;\n    }\n\n    .bhq-feature-card h3 {\n      font-size: 18px;\n    }\n\n    .bhq-experience {\n      gap: 38px;\n      padding-bottom: 80px;\n    }\n\n    .bhq-experience-image {\n      min-height: 450px;\n      border-radius: 18px;\n    }\n\n    .bhq-experience-stat {\n      left: 20px;\n      bottom: 22px;\n    }\n\n    .bhq-experience-stat strong {\n      font-size: 50px;\n    }\n\n    .bhq-experience-intro {\n      font-size: 14px;\n    }\n\n    .bhq-step {\n      grid-template-columns: 42px 1fr;\n      padding: 15px;\n    }\n\n    .bhq-comparison-section {\n      padding: 75px 0 85px;\n    }\n\n    .bhq-comparison-grid {\n      grid-template-columns: 1fr;\n      gap: 14px;\n    }\n\n    .bhq-comparison-card {\n      min-height: 0;\n      padding: 26px 23px;\n    }\n\n    .bhq-comparison-title {\n      font-size: 19px;\n    }\n\n    .bhq-comparison-versus {\n      width: 48px;\n      height: 48px;\n    }\n\n    .bhq-cta {\n      min-height: 500px;\n      margin-bottom: 55px;\n      padding: 52px 20px;\n      border-radius: 20px;\n    }\n\n    .bhq-cta p {\n      font-size: 14px;\n    }\n\n    .bhq-cta-note {\n      line-height: 1.6;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    #braaihq-instabraai *,\n    #braaihq-instabraai *::before,\n    #braaihq-instabraai *::after {\n      scroll-behavior: auto !important;\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n    }\n\n    .bhq-reveal {\n      opacity: 1;\n      transform: none;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n  (function () {\n    const section = document.getElementById(\"braaihq-instabraai\");\n\n    if (!section || section.dataset.initialized === \"true\") return;\n    section.dataset.initialized = \"true\";\n\n    \/* Scroll reveal animation *\/\n    const revealElements = section.querySelectorAll(\".bhq-reveal\");\n\n    if (\"IntersectionObserver\" in window) {\n      const revealObserver = new IntersectionObserver(\n        function (entries, observer) {\n          entries.forEach(function (entry) {\n            if (entry.isIntersecting) {\n              entry.target.classList.add(\"bhq-visible\");\n              observer.unobserve(entry.target);\n            }\n          });\n        },\n        {\n          threshold: 0.14,\n          rootMargin: \"0px 0px -30px 0px\"\n        }\n      );\n\n      revealElements.forEach(function (element, index) {\n        element.style.transitionDelay = Math.min(index * 45, 220) + \"ms\";\n        revealObserver.observe(element);\n      });\n    } else {\n      revealElements.forEach(function (element) {\n        element.classList.add(\"bhq-visible\");\n      });\n    }\n\n    \/* Floating ember particles *\/\n    const emberContainer = section.querySelector(\".bhq-ember-container\");\n\n    if (\n      emberContainer \u0026\u0026\n      !window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches\n    ) {\n      for (let i = 0; i \u003c 18; i++) {\n        const ember = document.createElement(\"span\");\n        ember.className = \"bhq-ember\";\n\n        const size = Math.random() * 4 + 2;\n        const left = Math.random() * 100;\n        const duration = Math.random() * 7 + 7;\n        const delay = Math.random() * 8;\n        const drift = Math.random() * 180 - 90;\n\n        ember.style.width = size + \"px\";\n        ember.style.height = size + \"px\";\n        ember.style.left = left + \"%\";\n        ember.style.animationDuration = duration + \"s\";\n        ember.style.animationDelay = delay + \"s\";\n        ember.style.setProperty(\"--ember-drift\", drift + \"px\");\n\n        emberContainer.appendChild(ember);\n      }\n    }\n\n    \/* Subtle desktop product-card movement *\/\n    const productCard = section.querySelector(\".bhq-product-card\");\n    const productVisual = section.querySelector(\".bhq-hero-visual\");\n\n    if (\n      productCard \u0026\u0026\n      productVisual \u0026\u0026\n      window.matchMedia(\"(min-width: 750px)\").matches \u0026\u0026\n      !window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches\n    ) {\n      productVisual.addEventListener(\"mousemove\", function (event) {\n        const rect = productVisual.getBoundingClientRect();\n        const x = (event.clientX - rect.left) \/ rect.width - 0.5;\n        const y = (event.clientY - rect.top) \/ rect.height - 0.5;\n\n        productCard.style.transform =\n          \"perspective(900px) rotateY(\" +\n          x * 9 +\n          \"deg) rotateX(\" +\n          y * -7 +\n          \"deg) translateY(-4px)\";\n      });\n\n      productVisual.addEventListener(\"mouseleave\", function () {\n        productCard.style.transform =\n          \"perspective(900px) rotateY(-5deg) rotateX(2deg)\";\n      });\n    }\n\n    \/* Smooth anchor scrolling *\/\n    section.querySelectorAll('a[href^=\"#\"]').forEach(function (link) {\n      link.addEventListener(\"click\", function (event) {\n        const target = section.querySelector(link.getAttribute(\"href\"));\n\n        if (target) {\n          event.preventDefault();\n          target.scrollIntoView({\n            behavior: \"smooth\",\n            block: \"start\"\n          });\n        }\n      });\n    });\n  })();\n\u003c\/script\u003e\n\u003cstyle\u003e\n  \/* LIGHTER BRAAIHQ COLOUR UPDATE *\/\n\n  #braaihq-instabraai {\n    --bhq-black: #18110d;\n    --bhq-dark: #fff8ef;\n    --bhq-card: #ffffff;\n    --bhq-card-light: #fff4e7;\n    --bhq-orange: #e8541e;\n    --bhq-orange-light: #ff7a28;\n    --bhq-red: #b93520;\n    --bhq-cream: #fff8ef;\n    --bhq-grey: #655b54;\n    --bhq-text: #241b17;\n    --bhq-border: rgba(70, 43, 28, 0.14);\n    --bhq-shadow: 0 25px 70px rgba(75, 42, 24, 0.14);\n\n    background:\n      radial-gradient(\n        circle at 75% 8%,\n        rgba(255, 135, 51, 0.2),\n        transparent 33%\n      ),\n      radial-gradient(\n        circle at 10% 42%,\n        rgba(255, 194, 132, 0.18),\n        transparent 30%\n      ),\n      linear-gradient(\n        180deg,\n        #fffaf3 0%,\n        #fff4e6 45%,\n        #fffaf5 100%\n      );\n\n    color: var(--bhq-text);\n  }\n\n  \/* MAIN TEXT *\/\n\n  .bhq-hero h1,\n  .bhq-section-heading h2,\n  .bhq-experience-content h2,\n  .bhq-cta h2,\n  .bhq-feature-card h3,\n  .bhq-step h4,\n  .bhq-comparison-title {\n    color: #211714;\n  }\n\n  .bhq-hero-description,\n  .bhq-section-heading \u003e p:last-child,\n  .bhq-experience-intro,\n  .bhq-feature-card p,\n  .bhq-step p,\n  .bhq-comparison-card li {\n    color: #665b54;\n  }\n\n  .bhq-hero-description strong {\n    color: #251914;\n  }\n\n  .bhq-eyebrow {\n    color: #7a6659;\n  }\n\n  .bhq-section-label {\n    color: #d84a17;\n  }\n\n  \/* BADGES *\/\n\n  .bhq-badge {\n    border-color: rgba(232, 84, 30, 0.3);\n    background: rgba(232, 84, 30, 0.1);\n    color: #b33f16;\n  }\n\n  \/* HERO PRODUCT CARD *\/\n\n  .bhq-product-card {\n    border-color: rgba(105, 70, 47, 0.14);\n\n    background:\n      linear-gradient(\n        145deg,\n        rgba(255, 255, 255, 0.96),\n        rgba(255, 242, 227, 0.9)\n      ),\n      radial-gradient(\n        circle at 50% 65%,\n        rgba(242, 90, 29, 0.18),\n        transparent 55%\n      );\n\n    box-shadow: var(--bhq-shadow);\n  }\n\n  .bhq-product-card::before {\n    border-color: rgba(83, 53, 36, 0.08);\n  }\n\n  .bhq-product-label {\n    color: #271b16;\n  }\n\n  .bhq-floating-spec {\n    border-color: rgba(86, 55, 37, 0.14);\n    background: rgba(255, 255, 255, 0.92);\n    color: #33241d;\n    box-shadow: 0 15px 35px rgba(84, 48, 27, 0.14);\n  }\n\n  \/* BUTTONS *\/\n\n  .bhq-primary-button {\n    color: #ffffff;\n  }\n\n  .bhq-secondary-button {\n    color: #31231c;\n    border-color: rgba(90, 56, 37, 0.18);\n    background: rgba(255, 255, 255, 0.72);\n  }\n\n  .bhq-secondary-button:hover {\n    border-color: rgba(232, 84, 30, 0.6);\n    background: #ffffff;\n  }\n\n  \/* TRUST ROW *\/\n\n  .bhq-trust-item {\n    color: #685a51;\n  }\n\n  \/* MOVING TEXT STRIP *\/\n\n  .bhq-marquee {\n    border-color: rgba(85, 53, 35, 0.12);\n    background: #2a1b15;\n  }\n\n  .bhq-marquee-track span {\n    color: #fff5eb;\n  }\n\n  \/* FEATURE CARDS *\/\n\n  .bhq-feature-card {\n    border-color: rgba(92, 58, 38, 0.13);\n\n    background: linear-gradient(\n      145deg,\n      rgba(255, 255, 255, 0.98),\n      rgba(255, 246, 236, 0.92)\n    );\n\n    box-shadow: 0 15px 40px rgba(84, 48, 27, 0.07);\n  }\n\n  .bhq-feature-card:hover {\n    border-color: rgba(232, 84, 30, 0.45);\n    box-shadow: 0 24px 55px rgba(84, 48, 27, 0.13);\n  }\n\n  .bhq-feature-card-highlight {\n    background:\n      linear-gradient(\n        145deg,\n        rgba(255, 228, 201, 0.92),\n        rgba(255, 250, 244, 0.98)\n      );\n  }\n\n  .bhq-feature-number {\n    color: rgba(58, 36, 25, 0.25);\n  }\n\n  .bhq-feature-icon {\n    background: rgba(232, 84, 30, 0.1);\n    border-color: rgba(232, 84, 30, 0.25);\n  }\n\n  \/* EXPERIENCE SECTION *\/\n\n  .bhq-step {\n    border-color: rgba(83, 52, 35, 0.13);\n    background: rgba(255, 255, 255, 0.7);\n  }\n\n  .bhq-step:hover {\n    border-color: rgba(232, 84, 30, 0.35);\n    background: #fff4e8;\n  }\n\n  \/* COMPARISON SECTION *\/\n\n  .bhq-comparison-section {\n    border-top-color: rgba(83, 52, 35, 0.12);\n  }\n\n  .bhq-comparison-old {\n    border-color: rgba(84, 53, 36, 0.14);\n    background: rgba(255, 255, 255, 0.72);\n  }\n\n  .bhq-comparison-new {\n    border-color: rgba(232, 84, 30, 0.38);\n\n    background:\n      radial-gradient(\n        circle at 90% 10%,\n        rgba(242, 90, 29, 0.15),\n        transparent 45%\n      ),\n      linear-gradient(145deg, #fff1e2, #ffffff);\n\n    box-shadow: 0 25px 60px rgba(89, 50, 28, 0.1);\n  }\n\n  .bhq-comparison-versus {\n    border-color: rgba(83, 52, 35, 0.15);\n    background: #ffffff;\n    color: #d94e1b;\n    box-shadow: 0 10px 30px rgba(84, 48, 27, 0.12);\n  }\n\n  .bhq-comparison-old .bhq-comparison-title span {\n    background: rgba(78, 51, 36, 0.08);\n    color: #6f625a;\n  }\n\n  \/* FINAL CALL-TO-ACTION *\/\n\n  .bhq-cta {\n    border-color: rgba(232, 84, 30, 0.34);\n\n    background:\n      radial-gradient(\n        circle at 50% 120%,\n        rgba(242, 90, 29, 0.22),\n        transparent 48%\n      ),\n      linear-gradient(145deg, #fff0df, #ffffff 72%);\n\n    box-shadow: 0 30px 80px rgba(86, 48, 27, 0.13);\n  }\n\n  .bhq-cta::before {\n    background-image:\n      linear-gradient(\n        rgba(73, 45, 30, 0.035) 1px,\n        transparent 1px\n      ),\n      linear-gradient(\n        90deg,\n        rgba(73, 45, 30, 0.035) 1px,\n        transparent 1px\n      );\n  }\n\n  .bhq-cta p {\n    color: #655850;\n  }\n\n  .bhq-cta-note {\n    color: #75675f;\n  }\n\n  \/* LIGHTER GLOW EFFECTS *\/\n\n  .bhq-fire-glow {\n    opacity: 0.1;\n  }\n\n  .bhq-fire-glow-one {\n    background: #ff8a36;\n  }\n\n  .bhq-fire-glow-two {\n    background: #ffb16f;\n  }\n\n  \/* SCROLL LABEL *\/\n\n  .bhq-scroll-hint {\n    color: #84756b;\n  }\n\u003c\/style\u003e","brand":"My Store 2","offers":[{"title":"Default Title","offer_id":47394319597739,"sku":null,"price":549.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0784\/9790\/6859\/files\/ChatGPTImageJul14_2026_07_01_28AM.png?v=1784034129","url":"https:\/\/echogas.co.za\/products\/braaihq-instabraai","provider":"BraaiHQ","version":"1.0","type":"link"}