{"product_id":"gas-opener","title":"BraaiHQ SlimGas","description":"\u003c!-- BRAAIHQ SLIMGAS PREMIUM PRODUCT SECTION --\u003e\n\u003csection id=\"slimgas-premium-section\"\u003e\n  \u003cdiv class=\"slimgas-background-effects\" aria-hidden=\"true\"\u003e\n    \u003cdiv class=\"slimgas-glow glow-one\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"slimgas-glow glow-two\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"slimgas-grid\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"slimgas-container slimgas-hero\"\u003e\n    \u003cdiv class=\"slimgas-hero-content slimgas-reveal\"\u003e\n      \u003cdiv class=\"slimgas-eyebrow\"\u003e\n        \u003cspan class=\"slimgas-live-dot\"\u003e\u003c\/span\u003e\n        Smart Sonar Tank Monitoring\n      \u003c\/div\u003e\n\n      \u003ch1\u003e\n        Always Know\n        \u003cspan class=\"slimgas-gradient-text\"\u003eWhat’s Left\u003c\/span\u003e\n        in Your Tank\n      \u003c\/h1\u003e\n\n      \u003cp class=\"slimgas-hero-description\"\u003e\n        No more guessing. No more running out mid-braai. The\n        \u003cstrong\u003eBraaiHQ SlimGas\u003c\/strong\u003e sonar sensor displays your tank level\n        directly on your smartphone, helping you stay one step ahead.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"slimgas-hero-actions\"\u003e\n        \u003ca href=\"#slimgas-buy-now\" class=\"slimgas-button slimgas-button-primary\"\u003e\n          \u003cspan\u003eGet Your SlimGas\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=\"#slimgas-how-it-works\" class=\"slimgas-button slimgas-button-secondary\"\u003e\n          See How It Works\n        \u003c\/a\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"slimgas-trust-row\"\u003e\n        \u003cdiv class=\"slimgas-trust-item\"\u003e\n          \u003cspan\u003e✓\u003c\/span\u003e\n          Quick installation\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"slimgas-trust-item\"\u003e\n          \u003cspan\u003e✓\u003c\/span\u003e\n          Bluetooth monitoring\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"slimgas-trust-item\"\u003e\n          \u003cspan\u003e✓\u003c\/span\u003e\n          No drilling required\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- PHONE \/ PRODUCT VISUAL --\u003e\n    \u003cdiv class=\"slimgas-visual-wrap slimgas-reveal\"\u003e\n      \u003cdiv class=\"slimgas-orbit orbit-one\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"slimgas-orbit orbit-two\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"slimgas-phone\"\u003e\n        \u003cdiv class=\"slimgas-phone-speaker\"\u003e\u003c\/div\u003e\n\n        \u003cdiv class=\"slimgas-phone-screen\"\u003e\n          \u003cdiv class=\"slimgas-app-header\"\u003e\n            \u003cdiv\u003e\n              \u003cspan\u003eConnected Tank\u003c\/span\u003e\n              \u003cstrong\u003eBraai Gas Bottle\u003c\/strong\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"slimgas-bluetooth-symbol\"\u003eᛒ\u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"slimgas-level-display\"\u003e\n            \u003cdiv class=\"slimgas-level-ring\"\u003e\n              \u003csvg viewbox=\"0 0 160 160\"\u003e\n                \u003ccircle class=\"slimgas-ring-bg\" cx=\"80\" cy=\"80\" r=\"66\"\u003e\u003c\/circle\u003e\n                \u003ccircle class=\"slimgas-ring-progress\" cx=\"80\" cy=\"80\" r=\"66\"\u003e\u003c\/circle\u003e\n              \u003c\/svg\u003e\n\n              \u003cdiv class=\"slimgas-level-number\"\u003e\n                \u003cstrong class=\"slimgas-counter\" data-target=\"74\"\u003e0\u003c\/strong\u003e\n                \u003cspan\u003e%\u003c\/span\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cp\u003eGas remaining\u003c\/p\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"slimgas-app-stats\"\u003e\n            \u003cdiv\u003e\n              \u003cspan\u003eStatus\u003c\/span\u003e\n              \u003cstrong class=\"slimgas-status-good\"\u003eGood\u003c\/strong\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv\u003e\n              \u003cspan\u003eConnection\u003c\/span\u003e\n              \u003cstrong\u003eBluetooth\u003c\/strong\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"slimgas-app-message\"\u003e\n            \u003cspan\u003e✓\u003c\/span\u003e\n            Your tank level is looking good.\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"slimgas-sensor-card slimgas-float-card\"\u003e\n        \u003cdiv class=\"slimgas-sensor\"\u003e\n          \u003cdiv class=\"slimgas-sensor-ring\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"slimgas-sensor-centre\"\u003e\n            \u003cspan\u003eBraaiHQ\u003c\/span\u003e\n            \u003cstrong\u003eSlimGas\u003c\/strong\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv\u003e\n          \u003csmall\u003eMounted underneath\u003c\/small\u003e\n          \u003cstrong\u003eSmart Sonar Sensor\u003c\/strong\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"slimgas-floating-reading slimgas-float-card\"\u003e\n        \u003cspan class=\"slimgas-signal-icon\"\u003e⌁\u003c\/span\u003e\n        \u003cdiv\u003e\n          \u003csmall\u003eLive reading\u003c\/small\u003e\n          \u003cstrong\u003eTank connected\u003c\/strong\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- PROBLEM \/ SOLUTION --\u003e\n  \u003cdiv class=\"slimgas-container slimgas-comparison-section\"\u003e\n    \u003cdiv class=\"slimgas-section-heading slimgas-reveal\"\u003e\n      \u003cspan class=\"slimgas-section-label\"\u003eStop Guessing\u003c\/span\u003e\n      \u003ch2\u003eKnow Before You Run Out\u003c\/h2\u003e\n      \u003cp\u003e\n        SlimGas replaces uncertainty with an easy-to-read tank level on your\n        smartphone.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"slimgas-comparison-grid\"\u003e\n      \u003carticle class=\"slimgas-comparison-card slimgas-problem-card slimgas-reveal\"\u003e\n        \u003cdiv class=\"slimgas-comparison-icon\"\u003e!\u003c\/div\u003e\n        \u003cspan class=\"slimgas-card-label\"\u003eWithout SlimGas\u003c\/span\u003e\n        \u003ch3\u003eUnexpectedly Empty\u003c\/h3\u003e\n        \u003cp\u003e\n          Your gas runs out while cooking, showering or enjoying a family braai.\n        \u003c\/p\u003e\n\n        \u003cul\u003e\n          \u003cli\u003eGuessing how much gas remains\u003c\/li\u003e\n          \u003cli\u003eLifting and shaking the bottle\u003c\/li\u003e\n          \u003cli\u003eLast-minute refill emergencies\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"slimgas-comparison-card slimgas-solution-card slimgas-reveal\"\u003e\n        \u003cdiv class=\"slimgas-comparison-icon\"\u003e✓\u003c\/div\u003e\n        \u003cspan class=\"slimgas-card-label\"\u003eWith SlimGas\u003c\/span\u003e\n        \u003ch3\u003eAlways Prepared\u003c\/h3\u003e\n        \u003cp\u003e\n          Check your tank level from your phone and know when it is time to\n          refill.\n        \u003c\/p\u003e\n\n        \u003cul\u003e\n          \u003cli\u003eInstant smartphone readings\u003c\/li\u003e\n          \u003cli\u003eEasy Bluetooth connection\u003c\/li\u003e\n          \u003cli\u003eMore control and peace of mind\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/article\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- BENEFITS --\u003e\n  \u003cdiv class=\"slimgas-container slimgas-benefits-section\"\u003e\n    \u003cdiv class=\"slimgas-section-heading slimgas-reveal\"\u003e\n      \u003cspan class=\"slimgas-section-label\"\u003eWhy You’ll Love It\u003c\/span\u003e\n      \u003ch2\u003eSmart Monitoring Made Simple\u003c\/h2\u003e\n      \u003cp\u003e\n        Everything you need to monitor your tank without cables, drilling or\n        complicated equipment.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"slimgas-benefits-grid\"\u003e\n      \u003carticle class=\"slimgas-benefit-card slimgas-reveal\"\u003e\n        \u003cdiv class=\"slimgas-benefit-icon\"\u003e📱\u003c\/div\u003e\n        \u003ch3\u003eCheck It on Your Phone\u003c\/h3\u003e\n        \u003cp\u003e\n          View your tank level from your smartphone through a convenient\n          Bluetooth connection.\n        \u003c\/p\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"slimgas-benefit-card slimgas-reveal\"\u003e\n        \u003cdiv class=\"slimgas-benefit-icon\"\u003e⚡\u003c\/div\u003e\n        \u003ch3\u003eAvoid Running Empty\u003c\/h3\u003e\n        \u003cp\u003e\n          Check the level before your next braai, meal or shower and plan your\n          refill in advance.\n        \u003c\/p\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"slimgas-benefit-card slimgas-reveal\"\u003e\n        \u003cdiv class=\"slimgas-benefit-icon\"\u003e🔧\u003c\/div\u003e\n        \u003ch3\u003eNo Drilling or Mess\u003c\/h3\u003e\n        \u003cp\u003e\n          Mount the sensor underneath the tank without cutting or modifying\n          your gas bottle.\n        \u003c\/p\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"slimgas-benefit-card slimgas-reveal\"\u003e\n        \u003cdiv class=\"slimgas-benefit-icon\"\u003e🔋\u003c\/div\u003e\n        \u003ch3\u003eWireless Convenience\u003c\/h3\u003e\n        \u003cp\u003e\n          No loose cables or complicated wiring. Connect the sensor and start\n          monitoring.\n        \u003c\/p\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"slimgas-benefit-card slimgas-reveal\"\u003e\n        \u003cdiv class=\"slimgas-benefit-icon\"\u003e⌁\u003c\/div\u003e\n        \u003ch3\u003eSonar Technology\u003c\/h3\u003e\n        \u003cp\u003e\n          SlimGas uses ultrasonic sonar technology to estimate the liquid level\n          through the tank base.\n        \u003c\/p\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"slimgas-benefit-card slimgas-reveal\"\u003e\n        \u003cdiv class=\"slimgas-benefit-icon\"\u003e💧\u003c\/div\u003e\n        \u003ch3\u003eMore Than Gas\u003c\/h3\u003e\n        \u003cp\u003e\n          The sensor may also be used with compatible plastic water or liquid\n          tanks within the product’s supported specifications.\n        \u003c\/p\u003e\n      \u003c\/article\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- HOW IT WORKS --\u003e\n  \u003cdiv id=\"slimgas-how-it-works\" class=\"slimgas-how-section\"\u003e\n    \u003cdiv class=\"slimgas-container\"\u003e\n      \u003cdiv class=\"slimgas-section-heading slimgas-reveal\"\u003e\n        \u003cspan class=\"slimgas-section-label\"\u003eThree Simple Steps\u003c\/span\u003e\n        \u003ch2\u003eHow SlimGas Works\u003c\/h2\u003e\n        \u003cp\u003e\n          Install, connect and check your tank level in just a few easy steps.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"slimgas-steps\"\u003e\n        \u003carticle class=\"slimgas-step slimgas-reveal\"\u003e\n          \u003cdiv class=\"slimgas-step-number\"\u003e01\u003c\/div\u003e\n          \u003cdiv class=\"slimgas-step-icon\"\u003e\n            \u003cdiv class=\"slimgas-mini-tank\"\u003e\n              \u003cdiv class=\"slimgas-mini-tank-top\"\u003e\u003c\/div\u003e\n              \u003cdiv class=\"slimgas-mini-tank-body\"\u003e\u003c\/div\u003e\n              \u003cdiv class=\"slimgas-mini-sensor\"\u003e\u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003ch3\u003eMount the Sensor\u003c\/h3\u003e\n          \u003cp\u003e\n            Position the SlimGas sensor against the clean underside of your\n            compatible gas or liquid tank.\n          \u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003cdiv class=\"slimgas-step-connector\" aria-hidden=\"true\"\u003e\n          \u003cspan\u003e\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003carticle class=\"slimgas-step slimgas-reveal\"\u003e\n          \u003cdiv class=\"slimgas-step-number\"\u003e02\u003c\/div\u003e\n          \u003cdiv class=\"slimgas-step-icon slimgas-bluetooth-step\"\u003eᛒ\u003c\/div\u003e\n          \u003ch3\u003ePair Your Phone\u003c\/h3\u003e\n          \u003cp\u003e\n            Activate Bluetooth, open the supported app and connect to your\n            SlimGas sensor.\n          \u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003cdiv class=\"slimgas-step-connector\" aria-hidden=\"true\"\u003e\n          \u003cspan\u003e\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003carticle class=\"slimgas-step slimgas-reveal\"\u003e\n          \u003cdiv class=\"slimgas-step-number\"\u003e03\u003c\/div\u003e\n          \u003cdiv class=\"slimgas-step-icon\"\u003e\n            \u003cdiv class=\"slimgas-reading-icon\"\u003e\n              \u003cstrong\u003e74\u003c\/strong\u003e\n              \u003cspan\u003e%\u003c\/span\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003ch3\u003eView Your Level\u003c\/h3\u003e\n          \u003cp\u003e\n            Open the app whenever you need a reading and quickly see the\n            estimated level remaining.\n          \u003c\/p\u003e\n        \u003c\/article\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- USE CASES --\u003e\n  \u003cdiv class=\"slimgas-container slimgas-use-section\"\u003e\n    \u003cdiv class=\"slimgas-section-heading slimgas-reveal\"\u003e\n      \u003cspan class=\"slimgas-section-label\"\u003eBuilt for Everyday Life\u003c\/span\u003e\n      \u003ch2\u003eOne Sensor. Multiple Uses.\u003c\/h2\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"slimgas-use-grid\"\u003e\n      \u003carticle class=\"slimgas-use-card slimgas-reveal\"\u003e\n        \u003cspan class=\"slimgas-use-icon\"\u003e🔥\u003c\/span\u003e\n        \u003cdiv\u003e\n          \u003ch3\u003eBraai Gas Bottles\u003c\/h3\u003e\n          \u003cp\u003e\n            Check your gas before lighting the fire and avoid interruptions\n            while entertaining.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"slimgas-use-card slimgas-reveal\"\u003e\n        \u003cspan class=\"slimgas-use-icon\"\u003e🍳\u003c\/span\u003e\n        \u003cdiv\u003e\n          \u003ch3\u003eGas Stoves\u003c\/h3\u003e\n          \u003cp\u003e\n            Stay prepared for everyday cooking and know when your household gas\n            supply is getting low.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"slimgas-use-card slimgas-reveal\"\u003e\n        \u003cspan class=\"slimgas-use-icon\"\u003e🚿\u003c\/span\u003e\n        \u003cdiv\u003e\n          \u003ch3\u003eGas Geysers\u003c\/h3\u003e\n          \u003cp\u003e\n            Reduce the chance of unexpectedly losing hot water because of an\n            empty gas bottle.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"slimgas-use-card slimgas-reveal\"\u003e\n        \u003cspan class=\"slimgas-use-icon\"\u003e💧\u003c\/span\u003e\n        \u003cdiv\u003e\n          \u003ch3\u003eCompatible Water Tanks\u003c\/h3\u003e\n          \u003cp\u003e\n            Monitor suitable plastic water or liquid tanks that fall within the\n            supported installation requirements.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/article\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- CTA --\u003e\n  \u003cdiv id=\"slimgas-buy-now\" class=\"slimgas-container slimgas-cta-wrap\"\u003e\n    \u003cdiv class=\"slimgas-cta slimgas-reveal\"\u003e\n      \u003cdiv class=\"slimgas-cta-glow\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"slimgas-cta-content\"\u003e\n        \u003cspan class=\"slimgas-section-label\"\u003eNever Be Caught Off Guard\u003c\/span\u003e\n        \u003ch2\u003eOne Smart Sensor.\u003cbr\u003eTotal Peace of Mind.\u003c\/h2\u003e\n        \u003cp\u003e\n          Make tank monitoring faster, easier and more convenient with BraaiHQ\n          SlimGas.\n        \u003c\/p\u003e\n\n        \u003c!-- Replace \/cart\/add?id=VARIANT_ID with your Shopify product variant ID --\u003e\n        \u003ca href=\"\/cart\/add?id=VARIANT_ID\u0026amp;quantity=1\" class=\"slimgas-button slimgas-button-primary slimgas-buy-button\"\u003e\n          \u003cspan\u003eOrder SlimGas 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=\"slimgas-cta-note\"\u003e\n          🔒 Secure checkout through Shopify\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"slimgas-cta-device\" aria-hidden=\"true\"\u003e\n        \u003cdiv class=\"slimgas-cta-sensor\"\u003e\n          \u003cdiv class=\"slimgas-cta-sensor-inner\"\u003e\n            \u003csmall\u003eBraaiHQ\u003c\/small\u003e\n            \u003cstrong\u003eSlimGas\u003c\/strong\u003e\n            \u003cspan\u003eSONAR SENSOR\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"slimgas-sound-wave wave-one\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"slimgas-sound-wave wave-two\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"slimgas-sound-wave wave-three\"\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"slimgas-container slimgas-disclaimer\"\u003e\n    \u003cp\u003e\n      Product readings may vary depending on tank material, tank shape,\n      installation position, surface condition, temperature and compatibility.\n      Confirm that your tank is suitable before installation. SlimGas is a\n      monitoring accessory and does not replace normal gas safety inspections\n      or leak-detection equipment.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n  #slimgas-premium-section {\n    --sg-black: #111111;\n    --sg-dark: #1b1b1b;\n    --sg-card: rgba(255, 255, 255, 0.82);\n    --sg-orange: #ef5b24;\n    --sg-orange-light: #ff8a3d;\n    --sg-red: #c83a22;\n    --sg-cream: #fff8f1;\n    --sg-muted: #6f6f73;\n    --sg-border: rgba(17, 17, 17, 0.09);\n    --sg-shadow: 0 24px 70px rgba(40, 30, 20, 0.12);\n    --sg-radius: 28px;\n\n    position: relative;\n    overflow: hidden;\n    background:\n      radial-gradient(circle at 10% 10%, rgba(239, 91, 36, 0.13), transparent 28%),\n      radial-gradient(circle at 90% 25%, rgba(255, 176, 116, 0.18), transparent 30%),\n      linear-gradient(180deg, #fffaf5 0%, #ffffff 44%, #fff8f1 100%);\n    color: var(--sg-black);\n    font-family:\n      Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n    isolation: isolate;\n  }\n\n  #slimgas-premium-section *,\n  #slimgas-premium-section *::before,\n  #slimgas-premium-section *::after {\n    box-sizing: border-box;\n  }\n\n  #slimgas-premium-section a {\n    text-decoration: none;\n  }\n\n  .slimgas-container {\n    width: min(1180px, calc(100% - 40px));\n    margin: 0 auto;\n    position: relative;\n    z-index: 2;\n  }\n\n  .slimgas-background-effects {\n    position: absolute;\n    inset: 0;\n    overflow: hidden;\n    pointer-events: none;\n    z-index: 0;\n  }\n\n  .slimgas-grid {\n    position: absolute;\n    inset: 0;\n    opacity: 0.24;\n    background-image:\n      linear-gradient(rgba(17, 17, 17, 0.035) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(17, 17, 17, 0.035) 1px, transparent 1px);\n    background-size: 55px 55px;\n    mask-image: linear-gradient(to bottom, black, transparent 38%);\n  }\n\n  .slimgas-glow {\n    position: absolute;\n    border-radius: 50%;\n    filter: blur(20px);\n    animation: slimgasDrift 12s ease-in-out infinite alternate;\n  }\n\n  .glow-one {\n    width: 380px;\n    height: 380px;\n    top: 80px;\n    left: -180px;\n    background: rgba(239, 91, 36, 0.14);\n  }\n\n  .glow-two {\n    width: 450px;\n    height: 450px;\n    top: 500px;\n    right: -240px;\n    background: rgba(255, 180, 105, 0.18);\n    animation-delay: -4s;\n  }\n\n  .slimgas-hero {\n    min-height: 720px;\n    display: grid;\n    grid-template-columns: 1.04fr 0.96fr;\n    align-items: center;\n    gap: 70px;\n    padding-top: 85px;\n    padding-bottom: 95px;\n  }\n\n  .slimgas-eyebrow,\n  .slimgas-section-label {\n    display: inline-flex;\n    align-items: center;\n    gap: 9px;\n    color: var(--sg-orange);\n    font-size: 12px;\n    line-height: 1;\n    font-weight: 800;\n    letter-spacing: 1.7px;\n    text-transform: uppercase;\n  }\n\n  .slimgas-eyebrow {\n    padding: 11px 15px;\n    border: 1px solid rgba(239, 91, 36, 0.18);\n    border-radius: 999px;\n    background: rgba(255, 255, 255, 0.7);\n    box-shadow: 0 8px 30px rgba(239, 91, 36, 0.08);\n    backdrop-filter: blur(12px);\n  }\n\n  .slimgas-live-dot {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: var(--sg-orange);\n    box-shadow: 0 0 0 0 rgba(239, 91, 36, 0.5);\n    animation: slimgasPulse 2s infinite;\n  }\n\n  .slimgas-hero h1 {\n    max-width: 680px;\n    margin: 24px 0 22px;\n    font-size: clamp(48px, 6vw, 82px);\n    line-height: 0.98;\n    letter-spacing: -4.5px;\n    font-weight: 900;\n  }\n\n  .slimgas-gradient-text {\n    display: block;\n    color: transparent;\n    background: linear-gradient(\n      100deg,\n      var(--sg-orange),\n      var(--sg-red),\n      var(--sg-orange-light)\n    );\n    background-clip: text;\n    -webkit-background-clip: text;\n    background-size: 200% auto;\n    animation: slimgasGradient 5s linear infinite;\n  }\n\n  .slimgas-hero-description {\n    max-width: 650px;\n    margin: 0;\n    color: var(--sg-muted);\n    font-size: 18px;\n    line-height: 1.75;\n  }\n\n  .slimgas-hero-description strong {\n    color: var(--sg-black);\n  }\n\n  .slimgas-hero-actions {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 14px;\n    margin-top: 32px;\n  }\n\n  .slimgas-button {\n    min-height: 56px;\n    padding: 0 24px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    border-radius: 16px;\n    font-weight: 800;\n    transition:\n      transform 0.25s ease,\n      box-shadow 0.25s ease,\n      background 0.25s ease;\n  }\n\n  .slimgas-button svg {\n    width: 19px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 2;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    transition: transform 0.25s ease;\n  }\n\n  .slimgas-button:hover {\n    transform: translateY(-3px);\n  }\n\n  .slimgas-button:hover svg {\n    transform: translateX(4px);\n  }\n\n  .slimgas-button-primary {\n    color: #ffffff;\n    background: linear-gradient(\n      135deg,\n      var(--sg-orange),\n      var(--sg-red)\n    );\n    box-shadow:\n      0 16px 35px rgba(239, 91, 36, 0.28),\n      inset 0 1px 0 rgba(255, 255, 255, 0.25);\n  }\n\n  .slimgas-button-primary:hover {\n    color: #ffffff;\n    box-shadow:\n      0 22px 45px rgba(239, 91, 36, 0.36),\n      inset 0 1px 0 rgba(255, 255, 255, 0.25);\n  }\n\n  .slimgas-button-secondary {\n    color: var(--sg-black);\n    border: 1px solid var(--sg-border);\n    background: rgba(255, 255, 255, 0.7);\n    box-shadow: 0 10px 30px rgba(17, 17, 17, 0.06);\n    backdrop-filter: blur(12px);\n  }\n\n  .slimgas-trust-row {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 12px 22px;\n    margin-top: 28px;\n  }\n\n  .slimgas-trust-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    color: #525256;\n    font-size: 13px;\n    font-weight: 700;\n  }\n\n  .slimgas-trust-item span {\n    width: 21px;\n    height: 21px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    color: #ffffff;\n    background: var(--sg-orange);\n    font-size: 11px;\n  }\n\n  .slimgas-visual-wrap {\n    min-height: 570px;\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    perspective: 1200px;\n  }\n\n  .slimgas-orbit {\n    position: absolute;\n    border-radius: 50%;\n    border: 1px solid rgba(239, 91, 36, 0.15);\n    animation: slimgasSpin 18s linear infinite;\n  }\n\n  .orbit-one {\n    width: 490px;\n    height: 490px;\n  }\n\n  .orbit-two {\n    width: 370px;\n    height: 370px;\n    border-style: dashed;\n    animation-direction: reverse;\n    animation-duration: 24s;\n  }\n\n  .slimgas-phone {\n    width: 270px;\n    height: 545px;\n    padding: 10px;\n    position: relative;\n    z-index: 3;\n    border-radius: 43px;\n    background: linear-gradient(145deg, #222222, #050505);\n    border: 2px solid #2c2c2c;\n    box-shadow:\n      0 45px 85px rgba(17, 17, 17, 0.25),\n      0 12px 25px rgba(17, 17, 17, 0.15),\n      inset 0 0 0 1px rgba(255, 255, 255, 0.05);\n    transform: rotateY(-7deg) rotateX(3deg);\n    animation: slimgasPhoneFloat 5s ease-in-out infinite;\n  }\n\n  .slimgas-phone::after {\n    content: \"\";\n    position: absolute;\n    inset: 6px;\n    pointer-events: none;\n    border-radius: 37px;\n    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);\n  }\n\n  .slimgas-phone-speaker {\n    width: 82px;\n    height: 22px;\n    position: absolute;\n    top: 17px;\n    left: 50%;\n    z-index: 5;\n    transform: translateX(-50%);\n    border-radius: 20px;\n    background: #050505;\n  }\n\n  .slimgas-phone-screen {\n    height: 100%;\n    padding: 48px 19px 22px;\n    overflow: hidden;\n    border-radius: 34px;\n    background:\n      radial-gradient(circle at top right, rgba(255, 138, 61, 0.18), transparent 38%),\n      linear-gradient(160deg, #fffaf6, #ffffff);\n  }\n\n  .slimgas-app-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n\n  .slimgas-app-header span,\n  .slimgas-app-stats span {\n    display: block;\n    margin-bottom: 3px;\n    color: #8a8a8f;\n    font-size: 10px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.8px;\n  }\n\n  .slimgas-app-header strong {\n    font-size: 14px;\n  }\n\n  .slimgas-bluetooth-symbol {\n    width: 36px;\n    height: 36px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 12px;\n    color: #ffffff;\n    background: linear-gradient(\n      135deg,\n      var(--sg-orange),\n      var(--sg-red)\n    );\n    font-size: 20px;\n    font-weight: 900;\n    box-shadow: 0 10px 20px rgba(239, 91, 36, 0.25);\n  }\n\n  .slimgas-level-display {\n    margin-top: 36px;\n    text-align: center;\n  }\n\n  .slimgas-level-ring {\n    width: 175px;\n    height: 175px;\n    position: relative;\n    margin: 0 auto;\n  }\n\n  .slimgas-level-ring svg {\n    width: 100%;\n    height: 100%;\n    transform: rotate(-90deg);\n  }\n\n  .slimgas-level-ring circle {\n    fill: none;\n    stroke-width: 11;\n  }\n\n  .slimgas-ring-bg {\n    stroke: #f1ebe7;\n  }\n\n  .slimgas-ring-progress {\n    stroke: url(\"#slimgasGradient\");\n    stroke: var(--sg-orange);\n    stroke-linecap: round;\n    stroke-dasharray: 415;\n    stroke-dashoffset: 415;\n    animation: slimgasRingFill 2.2s ease forwards 0.6s;\n    filter: drop-shadow(0 5px 8px rgba(239, 91, 36, 0.22));\n  }\n\n  .slimgas-level-number {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .slimgas-level-number strong {\n    font-size: 52px;\n    line-height: 1;\n    letter-spacing: -3px;\n  }\n\n  .slimgas-level-number span {\n    margin: 10px 0 0 3px;\n    color: var(--sg-orange);\n    font-size: 19px;\n    font-weight: 900;\n  }\n\n  .slimgas-level-display p {\n    margin: -5px 0 0;\n    color: var(--sg-muted);\n    font-size: 12px;\n    font-weight: 700;\n  }\n\n  .slimgas-app-stats {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 9px;\n    margin-top: 32px;\n  }\n\n  .slimgas-app-stats \u003e div {\n    padding: 13px;\n    border-radius: 15px;\n    text-align: left;\n    background: #ffffff;\n    border: 1px solid rgba(17, 17, 17, 0.06);\n    box-shadow: 0 9px 25px rgba(17, 17, 17, 0.045);\n  }\n\n  .slimgas-app-stats strong {\n    font-size: 12px;\n  }\n\n  .slimgas-status-good {\n    color: #21a35b;\n  }\n\n  .slimgas-app-message {\n    display: flex;\n    align-items: center;\n    gap: 9px;\n    margin-top: 12px;\n    padding: 14px;\n    border-radius: 15px;\n    color: #5a463b;\n    background: rgba(239, 91, 36, 0.09);\n    font-size: 11px;\n    font-weight: 700;\n  }\n\n  .slimgas-app-message span {\n    width: 22px;\n    height: 22px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex: 0 0 22px;\n    border-radius: 50%;\n    color: #ffffff;\n    background: var(--sg-orange);\n  }\n\n  .slimgas-float-card {\n    position: absolute;\n    z-index: 5;\n    display: flex;\n    align-items: center;\n    gap: 13px;\n    padding: 13px 16px;\n    border: 1px solid rgba(255, 255, 255, 0.8);\n    border-radius: 19px;\n    background: rgba(255, 255, 255, 0.76);\n    box-shadow: 0 24px 55px rgba(17, 17, 17, 0.12);\n    backdrop-filter: blur(15px);\n  }\n\n  .slimgas-float-card small {\n    display: block;\n    margin-bottom: 3px;\n    color: #89898f;\n    font-size: 10px;\n    font-weight: 700;\n  }\n\n  .slimgas-float-card strong {\n    display: block;\n    font-size: 12px;\n  }\n\n  .slimgas-sensor-card {\n    left: 0;\n    bottom: 74px;\n    animation: slimgasCardFloat 4.4s ease-in-out infinite;\n  }\n\n  .slimgas-floating-reading {\n    right: -14px;\n    top: 115px;\n    animation: slimgasCardFloat 5s ease-in-out infinite reverse;\n  }\n\n  .slimgas-signal-icon {\n    width: 42px;\n    height: 42px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 14px;\n    color: #ffffff;\n    background: var(--sg-orange);\n    font-size: 24px;\n  }\n\n  .slimgas-sensor {\n    width: 65px;\n    height: 65px;\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    background: linear-gradient(145deg, #252525, #090909);\n    box-shadow:\n      0 8px 20px rgba(17, 17, 17, 0.25),\n      inset 0 0 0 3px #383838;\n  }\n\n  .slimgas-sensor-ring {\n    position: absolute;\n    inset: 7px;\n    border: 1px solid #565656;\n    border-radius: 50%;\n  }\n\n  .slimgas-sensor-centre {\n    text-align: center;\n    color: #ffffff;\n    line-height: 1;\n  }\n\n  .slimgas-sensor-centre span {\n    display: block;\n    color: var(--sg-orange-light);\n    font-size: 6px;\n    letter-spacing: 0.5px;\n  }\n\n  .slimgas-sensor-centre strong {\n    font-size: 9px;\n  }\n\n  .slimgas-section-heading {\n    max-width: 720px;\n    margin: 0 auto 48px;\n    text-align: center;\n  }\n\n  .slimgas-section-heading h2 {\n    margin: 14px 0 15px;\n    font-size: clamp(34px, 4.5vw, 56px);\n    line-height: 1.06;\n    letter-spacing: -2.7px;\n    font-weight: 900;\n  }\n\n  .slimgas-section-heading p {\n    margin: 0;\n    color: var(--sg-muted);\n    font-size: 17px;\n    line-height: 1.7;\n  }\n\n  .slimgas-comparison-section {\n    padding-top: 65px;\n    padding-bottom: 105px;\n  }\n\n  .slimgas-comparison-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 22px;\n  }\n\n  .slimgas-comparison-card {\n    position: relative;\n    overflow: hidden;\n    padding: 36px;\n    border-radius: var(--sg-radius);\n    box-shadow: var(--sg-shadow);\n    transition:\n      transform 0.3s ease,\n      box-shadow 0.3s ease;\n  }\n\n  .slimgas-comparison-card:hover {\n    transform: translateY(-7px);\n    box-shadow: 0 32px 80px rgba(40, 30, 20, 0.17);\n  }\n\n  .slimgas-comparison-icon {\n    width: 48px;\n    height: 48px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 36px;\n    border-radius: 15px;\n    font-size: 20px;\n    font-weight: 900;\n  }\n\n  .slimgas-problem-card {\n    color: #e6e6e6;\n    background:\n      radial-gradient(circle at top right, rgba(255, 255, 255, 0.08), transparent 35%),\n      linear-gradient(145deg, #282828, #111111);\n  }\n\n  .slimgas-problem-card .slimgas-comparison-icon {\n    color: #ffffff;\n    background: rgba(255, 255, 255, 0.1);\n  }\n\n  .slimgas-solution-card {\n    background:\n      radial-gradient(circle at top right, rgba(239, 91, 36, 0.13), transparent 38%),\n      #ffffff;\n    border: 1px solid rgba(239, 91, 36, 0.12);\n  }\n\n  .slimgas-solution-card .slimgas-comparison-icon {\n    color: #ffffff;\n    background: linear-gradient(135deg, var(--sg-orange), var(--sg-red));\n    box-shadow: 0 12px 25px rgba(239, 91, 36, 0.23);\n  }\n\n  .slimgas-card-label {\n    color: var(--sg-orange);\n    font-size: 11px;\n    font-weight: 900;\n    letter-spacing: 1.3px;\n    text-transform: uppercase;\n  }\n\n  .slimgas-comparison-card h3 {\n    margin: 10px 0 12px;\n    font-size: 31px;\n    letter-spacing: -1.2px;\n  }\n\n  .slimgas-comparison-card p {\n    margin: 0;\n    line-height: 1.7;\n    opacity: 0.72;\n  }\n\n  .slimgas-comparison-card ul {\n    display: grid;\n    gap: 12px;\n    margin: 28px 0 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .slimgas-comparison-card li {\n    position: relative;\n    padding-left: 27px;\n    font-size: 14px;\n    font-weight: 700;\n  }\n\n  .slimgas-comparison-card li::before {\n    position: absolute;\n    left: 0;\n    content: \"•\";\n    color: var(--sg-orange);\n    font-size: 22px;\n    line-height: 14px;\n  }\n\n  .slimgas-benefits-section {\n    padding-top: 35px;\n    padding-bottom: 115px;\n  }\n\n  .slimgas-benefits-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 18px;\n  }\n\n  .slimgas-benefit-card {\n    min-height: 245px;\n    padding: 30px;\n    position: relative;\n    overflow: hidden;\n    border: 1px solid var(--sg-border);\n    border-radius: 24px;\n    background: rgba(255, 255, 255, 0.72);\n    box-shadow: 0 16px 45px rgba(30, 25, 20, 0.07);\n    backdrop-filter: blur(13px);\n    transition:\n      transform 0.3s ease,\n      border-color 0.3s ease,\n      box-shadow 0.3s ease;\n  }\n\n  .slimgas-benefit-card::after {\n    content: \"\";\n    width: 100px;\n    height: 100px;\n    position: absolute;\n    top: -55px;\n    right: -55px;\n    border-radius: 50%;\n    background: rgba(239, 91, 36, 0.08);\n    transition: transform 0.35s ease;\n  }\n\n  .slimgas-benefit-card:hover {\n    transform: translateY(-8px);\n    border-color: rgba(239, 91, 36, 0.28);\n    box-shadow: 0 26px 60px rgba(30, 25, 20, 0.12);\n  }\n\n  .slimgas-benefit-card:hover::after {\n    transform: scale(1.7);\n  }\n\n  .slimgas-benefit-icon {\n    width: 54px;\n    height: 54px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 25px;\n    border-radius: 17px;\n    background: rgba(239, 91, 36, 0.1);\n    font-size: 24px;\n  }\n\n  .slimgas-benefit-card h3 {\n    margin: 0 0 11px;\n    font-size: 21px;\n    letter-spacing: -0.6px;\n  }\n\n  .slimgas-benefit-card p {\n    margin: 0;\n    color: var(--sg-muted);\n    font-size: 14px;\n    line-height: 1.7;\n  }\n\n  .slimgas-how-section {\n    padding: 110px 0;\n    color: #ffffff;\n    background:\n      radial-gradient(circle at 20% 20%, rgba(239, 91, 36, 0.16), transparent 30%),\n      radial-gradient(circle at 80% 80%, rgba(239, 91, 36, 0.1), transparent 30%),\n      linear-gradient(145deg, #1e1e1e, #090909);\n  }\n\n  .slimgas-how-section .slimgas-section-heading p {\n    color: rgba(255, 255, 255, 0.62);\n  }\n\n  .slimgas-steps {\n    display: grid;\n    grid-template-columns: 1fr 80px 1fr 80px 1fr;\n    align-items: center;\n  }\n\n  .slimgas-step {\n    position: relative;\n    text-align: center;\n  }\n\n  .slimgas-step-number {\n    position: absolute;\n    top: -10px;\n    right: 20px;\n    color: rgba(255, 255, 255, 0.045);\n    font-size: 76px;\n    line-height: 1;\n    font-weight: 900;\n  }\n\n  .slimgas-step-icon {\n    width: 108px;\n    height: 108px;\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 auto 27px;\n    border: 1px solid rgba(255, 255, 255, 0.11);\n    border-radius: 30px;\n    color: #ffffff;\n    background: rgba(255, 255, 255, 0.055);\n    box-shadow:\n      inset 0 1px 0 rgba(255, 255, 255, 0.08),\n      0 20px 40px rgba(0, 0, 0, 0.2);\n  }\n\n  .slimgas-step-icon::before {\n    content: \"\";\n    position: absolute;\n    inset: -8px;\n    border: 1px solid rgba(239, 91, 36, 0.16);\n    border-radius: 36px;\n  }\n\n  .slimgas-step h3 {\n    margin: 0 0 11px;\n    font-size: 21px;\n  }\n\n  .slimgas-step p {\n    margin: 0 auto;\n    max-width: 280px;\n    color: rgba(255, 255, 255, 0.58);\n    font-size: 14px;\n    line-height: 1.7;\n  }\n\n  .slimgas-step-connector {\n    height: 2px;\n    position: relative;\n    overflow: hidden;\n    background: rgba(255, 255, 255, 0.1);\n  }\n\n  .slimgas-step-connector span {\n    width: 45%;\n    height: 100%;\n    position: absolute;\n    left: -45%;\n    background: linear-gradient(90deg, transparent, var(--sg-orange));\n    animation: slimgasConnector 2.3s linear infinite;\n  }\n\n  .slimgas-mini-tank {\n    width: 48px;\n    height: 59px;\n    position: relative;\n  }\n\n  .slimgas-mini-tank-top {\n    width: 25px;\n    height: 13px;\n    position: absolute;\n    top: 0;\n    left: 50%;\n    border: 3px solid var(--sg-orange);\n    border-bottom: 0;\n    border-radius: 7px 7px 0 0;\n    transform: translateX(-50%);\n  }\n\n  .slimgas-mini-tank-body {\n    width: 48px;\n    height: 48px;\n    position: absolute;\n    bottom: 4px;\n    border-radius: 14px 14px 10px 10px;\n    background: linear-gradient(145deg, var(--sg-orange-light), var(--sg-red));\n  }\n\n  .slimgas-mini-sensor {\n    width: 20px;\n    height: 5px;\n    position: absolute;\n    bottom: 0;\n    left: 50%;\n    border-radius: 5px;\n    background: #ffffff;\n    transform: translateX(-50%);\n    animation: slimgasSensorPulse 1.8s ease-in-out infinite;\n  }\n\n  .slimgas-bluetooth-step {\n    color: var(--sg-orange-light);\n    font-size: 52px;\n    font-weight: 900;\n  }\n\n  .slimgas-reading-icon {\n    display: flex;\n    align-items: flex-start;\n    color: #ffffff;\n  }\n\n  .slimgas-reading-icon strong {\n    font-size: 39px;\n    line-height: 1;\n  }\n\n  .slimgas-reading-icon span {\n    margin: 5px 0 0 3px;\n    color: var(--sg-orange-light);\n    font-weight: 900;\n  }\n\n  .slimgas-use-section {\n    padding-top: 115px;\n    padding-bottom: 110px;\n  }\n\n  .slimgas-use-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 18px;\n  }\n\n  .slimgas-use-card {\n    display: flex;\n    align-items: flex-start;\n    gap: 20px;\n    padding: 28px;\n    border: 1px solid var(--sg-border);\n    border-radius: 23px;\n    background: #ffffff;\n    box-shadow: 0 14px 40px rgba(30, 25, 20, 0.065);\n    transition:\n      transform 0.3s ease,\n      box-shadow 0.3s ease;\n  }\n\n  .slimgas-use-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 24px 55px rgba(30, 25, 20, 0.11);\n  }\n\n  .slimgas-use-icon {\n    width: 53px;\n    height: 53px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex: 0 0 53px;\n    border-radius: 17px;\n    background: rgba(239, 91, 36, 0.1);\n    font-size: 24px;\n  }\n\n  .slimgas-use-card h3 {\n    margin: 2px 0 8px;\n    font-size: 19px;\n  }\n\n  .slimgas-use-card p {\n    margin: 0;\n    color: var(--sg-muted);\n    font-size: 14px;\n    line-height: 1.65;\n  }\n\n  .slimgas-cta-wrap {\n    padding-bottom: 55px;\n  }\n\n  .slimgas-cta {\n    min-height: 440px;\n    position: relative;\n    overflow: hidden;\n    display: grid;\n    grid-template-columns: 1.05fr 0.95fr;\n    align-items: center;\n    padding: 65px;\n    border-radius: 36px;\n    color: #ffffff;\n    background:\n      radial-gradient(circle at 80% 20%, rgba(255, 138, 61, 0.19), transparent 33%),\n      linear-gradient(145deg, #252525, #080808);\n    box-shadow: 0 40px 90px rgba(17, 17, 17, 0.25);\n  }\n\n  .slimgas-cta-glow {\n    width: 380px;\n    height: 380px;\n    position: absolute;\n    right: -90px;\n    bottom: -180px;\n    border-radius: 50%;\n    background: rgba(239, 91, 36, 0.2);\n    filter: blur(22px);\n  }\n\n  .slimgas-cta-content {\n    position: relative;\n    z-index: 3;\n  }\n\n  .slimgas-cta h2 {\n    margin: 15px 0;\n    font-size: clamp(39px, 5vw, 63px);\n    line-height: 1.02;\n    letter-spacing: -3.2px;\n  }\n\n  .slimgas-cta p {\n    max-width: 560px;\n    margin: 0 0 27px;\n    color: rgba(255, 255, 255, 0.64);\n    font-size: 16px;\n    line-height: 1.7;\n  }\n\n  .slimgas-buy-button {\n    min-width: 225px;\n  }\n\n  .slimgas-cta-note {\n    margin-top: 14px;\n    color: rgba(255, 255, 255, 0.5);\n    font-size: 11px;\n    font-weight: 700;\n  }\n\n  .slimgas-cta-device {\n    min-height: 300px;\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .slimgas-cta-sensor {\n    width: 220px;\n    height: 220px;\n    position: relative;\n    z-index: 3;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    background:\n      radial-gradient(circle at 35% 30%, #474747, #171717 43%, #050505 76%);\n    box-shadow:\n      0 40px 60px rgba(0, 0, 0, 0.45),\n      inset 0 0 0 10px #252525,\n      inset 0 0 0 12px #484848;\n    animation: slimgasSensorHover 4s ease-in-out infinite;\n  }\n\n  .slimgas-cta-sensor::before {\n    content: \"\";\n    position: absolute;\n    inset: 26px;\n    border: 1px solid rgba(255, 255, 255, 0.16);\n    border-radius: 50%;\n  }\n\n  .slimgas-cta-sensor-inner {\n    position: relative;\n    z-index: 2;\n    text-align: center;\n  }\n\n  .slimgas-cta-sensor-inner small {\n    display: block;\n    margin-bottom: 5px;\n    color: var(--sg-orange-light);\n    font-size: 10px;\n    font-weight: 800;\n    letter-spacing: 1px;\n  }\n\n  .slimgas-cta-sensor-inner strong {\n    display: block;\n    font-size: 28px;\n    letter-spacing: -1px;\n  }\n\n  .slimgas-cta-sensor-inner span {\n    display: block;\n    margin-top: 5px;\n    color: rgba(255, 255, 255, 0.42);\n    font-size: 7px;\n    letter-spacing: 1.7px;\n  }\n\n  .slimgas-sound-wave {\n    position: absolute;\n    width: 220px;\n    height: 220px;\n    border: 1px solid rgba(239, 91, 36, 0.42);\n    border-radius: 50%;\n    animation: slimgasWave 3s linear infinite;\n  }\n\n  .wave-two {\n    animation-delay: 1s;\n  }\n\n  .wave-three {\n    animation-delay: 2s;\n  }\n\n  .slimgas-disclaimer {\n    padding-bottom: 55px;\n  }\n\n  .slimgas-disclaimer p {\n    max-width: 900px;\n    margin: 0 auto;\n    color: #8a8a8e;\n    font-size: 11px;\n    line-height: 1.65;\n    text-align: center;\n  }\n\n  .slimgas-reveal {\n    opacity: 0;\n    transform: translateY(35px);\n    transition:\n      opacity 0.75s ease,\n      transform 0.75s cubic-bezier(0.22, 1, 0.36, 1);\n  }\n\n  .slimgas-reveal.slimgas-visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  @keyframes slimgasPulse {\n    70% {\n      box-shadow: 0 0 0 9px rgba(239, 91, 36, 0);\n    }\n    100% {\n      box-shadow: 0 0 0 0 rgba(239, 91, 36, 0);\n    }\n  }\n\n  @keyframes slimgasGradient {\n    to {\n      background-position: 200% center;\n    }\n  }\n\n  @keyframes slimgasSpin {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  @keyframes slimgasPhoneFloat {\n    0%,\n    100% {\n      transform: rotateY(-7deg) rotateX(3deg) translateY(0);\n    }\n    50% {\n      transform: rotateY(-5deg) rotateX(2deg) translateY(-12px);\n    }\n  }\n\n  @keyframes slimgasCardFloat {\n    0%,\n    100% {\n      transform: translateY(0);\n    }\n    50% {\n      transform: translateY(-10px);\n    }\n  }\n\n  @keyframes slimgasRingFill {\n    to {\n      stroke-dashoffset: 108;\n    }\n  }\n\n  @keyframes slimgasDrift {\n    to {\n      transform: translate3d(70px, 50px, 0) scale(1.12);\n    }\n  }\n\n  @keyframes slimgasConnector {\n    to {\n      left: 100%;\n    }\n  }\n\n  @keyframes slimgasSensorPulse {\n    0%,\n    100% {\n      box-shadow: 0 0 0 0 rgba(239, 91, 36, 0.3);\n    }\n    50% {\n      box-shadow: 0 0 0 10px rgba(239, 91, 36, 0);\n    }\n  }\n\n  @keyframes slimgasSensorHover {\n    0%,\n    100% {\n      transform: translateY(0) rotate(-3deg);\n    }\n    50% {\n      transform: translateY(-14px) rotate(3deg);\n    }\n  }\n\n  @keyframes slimgasWave {\n    0% {\n      transform: scale(0.85);\n      opacity: 0.7;\n    }\n    100% {\n      transform: scale(1.65);\n      opacity: 0;\n    }\n  }\n\n  @media (max-width: 980px) {\n    .slimgas-hero {\n      min-height: auto;\n      grid-template-columns: 1fr;\n      gap: 65px;\n      padding-top: 70px;\n      text-align: center;\n    }\n\n    .slimgas-hero-content {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n    }\n\n    .slimgas-hero h1 {\n      max-width: 760px;\n    }\n\n    .slimgas-trust-row {\n      justify-content: center;\n    }\n\n    .slimgas-visual-wrap {\n      width: min(560px, 100%);\n      margin: 0 auto;\n    }\n\n    .slimgas-benefits-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n\n    .slimgas-steps {\n      grid-template-columns: 1fr;\n      gap: 44px;\n    }\n\n    .slimgas-step-connector {\n      width: 2px;\n      height: 45px;\n      margin: -15px auto;\n    }\n\n    .slimgas-step-connector span {\n      width: 100%;\n      height: 45%;\n      top: -45%;\n      left: 0;\n      background: linear-gradient(180deg, transparent, var(--sg-orange));\n      animation: slimgasConnectorVertical 2s linear infinite;\n    }\n\n    .slimgas-cta {\n      grid-template-columns: 1fr;\n      gap: 20px;\n      padding: 55px;\n      text-align: center;\n    }\n\n    .slimgas-cta-content {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n    }\n\n    .slimgas-cta-device {\n      min-height: 270px;\n    }\n  }\n\n  @keyframes slimgasConnectorVertical {\n    to {\n      top: 100%;\n    }\n  }\n\n  @media (max-width: 720px) {\n    .slimgas-container {\n      width: min(100% - 26px, 1180px);\n    }\n\n    .slimgas-hero {\n      padding-top: 50px;\n      padding-bottom: 70px;\n    }\n\n    .slimgas-hero h1 {\n      margin-top: 20px;\n      font-size: clamp(43px, 14vw, 64px);\n      line-height: 1;\n      letter-spacing: -3px;\n    }\n\n    .slimgas-hero-description {\n      font-size: 16px;\n    }\n\n    .slimgas-hero-actions {\n      width: 100%;\n      flex-direction: column;\n    }\n\n    .slimgas-button {\n      width: 100%;\n    }\n\n    .slimgas-trust-row {\n      align-items: flex-start;\n      flex-direction: column;\n    }\n\n    .slimgas-visual-wrap {\n      min-height: 520px;\n      transform: scale(0.92);\n      margin-top: -25px;\n      margin-bottom: -25px;\n    }\n\n    .slimgas-phone {\n      width: 250px;\n      height: 510px;\n    }\n\n    .slimgas-floating-reading {\n      right: -22px;\n      top: 95px;\n    }\n\n    .slimgas-sensor-card {\n      left: -25px;\n      bottom: 60px;\n    }\n\n    .slimgas-comparison-grid,\n    .slimgas-benefits-grid,\n    .slimgas-use-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .slimgas-comparison-card,\n    .slimgas-benefit-card {\n      padding: 27px;\n    }\n\n    .slimgas-section-heading {\n      margin-bottom: 36px;\n    }\n\n    .slimgas-section-heading h2 {\n      font-size: 39px;\n      letter-spacing: -2px;\n    }\n\n    .slimgas-comparison-section,\n    .slimgas-benefits-section,\n    .slimgas-use-section {\n      padding-top: 75px;\n      padding-bottom: 75px;\n    }\n\n    .slimgas-how-section {\n      padding: 80px 0;\n    }\n\n    .slimgas-use-card {\n      padding: 22px;\n    }\n\n    .slimgas-cta {\n      min-height: auto;\n      padding: 45px 24px;\n      border-radius: 27px;\n    }\n\n    .slimgas-cta h2 {\n      font-size: 41px;\n      letter-spacing: -2.2px;\n    }\n\n    .slimgas-cta-sensor {\n      width: 175px;\n      height: 175px;\n    }\n\n    .slimgas-sound-wave {\n      width: 175px;\n      height: 175px;\n    }\n  }\n\n  @media (max-width: 480px) {\n    .slimgas-visual-wrap {\n      transform: scale(0.79);\n      margin-top: -65px;\n      margin-bottom: -65px;\n    }\n\n    .slimgas-float-card {\n      padding: 11px 13px;\n    }\n\n    .slimgas-sensor-card {\n      left: -50px;\n    }\n\n    .slimgas-floating-reading {\n      right: -48px;\n    }\n\n    .slimgas-comparison-card h3 {\n      font-size: 26px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    #slimgas-premium-section *,\n    #slimgas-premium-section *::before,\n    #slimgas-premium-section *::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    .slimgas-reveal {\n      opacity: 1;\n      transform: none;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    const section = document.getElementById(\"slimgas-premium-section\");\n\n    if (!section) return;\n\n    const revealItems = section.querySelectorAll(\".slimgas-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(\"slimgas-visible\");\n              observer.unobserve(entry.target);\n            }\n          });\n        },\n        {\n          threshold: 0.12,\n          rootMargin: \"0px 0px -40px 0px\"\n        }\n      );\n\n      revealItems.forEach(function (item, index) {\n        item.style.transitionDelay = `${Math.min(index % 6, 4) * 70}ms`;\n        revealObserver.observe(item);\n      });\n    } else {\n      revealItems.forEach(function (item) {\n        item.classList.add(\"slimgas-visible\");\n      });\n    }\n\n    const counter = section.querySelector(\".slimgas-counter\");\n\n    if (counter) {\n      const target = Number(counter.dataset.target || 74);\n      let hasAnimated = false;\n\n      const animateCounter = function () {\n        if (hasAnimated) return;\n        hasAnimated = true;\n\n        const duration = 1800;\n        const startTime = performance.now();\n\n        const updateCounter = function (currentTime) {\n          const elapsed = currentTime - startTime;\n          const progress = Math.min(elapsed \/ duration, 1);\n          const easedProgress = 1 - Math.pow(1 - progress, 3);\n\n          counter.textContent = Math.round(target * easedProgress);\n\n          if (progress \u003c 1) {\n            requestAnimationFrame(updateCounter);\n          }\n        };\n\n        requestAnimationFrame(updateCounter);\n      };\n\n      if (\"IntersectionObserver\" in window) {\n        const counterObserver = new IntersectionObserver(\n          function (entries, observer) {\n            entries.forEach(function (entry) {\n              if (entry.isIntersecting) {\n                animateCounter();\n                observer.unobserve(entry.target);\n              }\n            });\n          },\n          { threshold: 0.5 }\n        );\n\n        counterObserver.observe(counter);\n      } else {\n        animateCounter();\n      }\n    }\n\n    section.querySelectorAll('a[href^=\"#\"]').forEach(function (link) {\n      link.addEventListener(\"click\", function (event) {\n        const targetId = link.getAttribute(\"href\");\n        const targetElement = section.querySelector(targetId);\n\n        if (!targetElement) return;\n\n        event.preventDefault();\n\n        targetElement.scrollIntoView({\n          behavior: \"smooth\",\n          block: \"start\"\n        });\n      });\n    });\n  });\n\u003c\/script\u003e","brand":"BraaiHQ","offers":[{"title":"Default Title","offer_id":47421206921387,"sku":null,"price":949.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0784\/9790\/6859\/files\/ChatGPTImageJul19_2026_12_12_55PM.png?v=1784456460","url":"https:\/\/braaihq.co.za\/products\/gas-opener","provider":"BraaiHQ","version":"1.0","type":"link"}