{"title":"SKINCARE \u0026 FACIAL","description":"\u003cp\u003e\u003cem\u003e\u003cspan\u003eSkin that speaks for itself.\u003c\/span\u003e\u003c\/em\u003e\u003cspan\u003e Targeted skincare solutions that go beyond the surface. The NOVÉA™ Skincare \u0026amp; Facial collection combines advanced technology with skin-loving formulas to deep cleanse, protect, and restore your skin — for a complexion that's visibly clearer, smoother, and more radiant every day.\u003c\/span\u003e\u003c\/p\u003e","products":[{"product_id":"novea™-nano-mist-facial-steamer","title":"NOVÉA™ Nano Mist Facial Steamer","description":"\u003c!-- NOVÉA™ Nano Mist Facial Steamer — Mobile-First, Rose‑Gold, Premium (Benefits interactive, How It Works no-scroll, no buy\/add-to-cart) --\u003e\n\u003cdiv class=\"novea-steam\" id=\"novea-steam\" role=\"region\"\u003e\n\u003c!-- HERO --\u003e\n\u003csection class=\"ns-hero\"\u003e\n\u003cdiv class=\"ns-hero-inner\"\u003e\n\u003cspan class=\"ns-badge\"\u003eNOVÉA™\u003c\/span\u003e\n\u003ch1 class=\"ns-title\"\u003eNano Mist Facial Steamer\u003c\/h1\u003e\n\u003cp class=\"ns-sub\"\u003eGlowing skin, on demand.\u003c\/p\u003e\n\u003cp class=\"ns-tagline\"\u003eUltra-fine warm nano mist opens pores, boosts hydration, and preps skin for flawless skincare and makeup — at home.\u003c\/p\u003e\n\u003cdiv class=\"ns-hero-media\"\u003e\n\u003cbr\u003e\u003ci class=\"ns-orb ns-orb-1\"\u003e\u003c\/i\u003e \u003ci class=\"ns-orb ns-orb-2\"\u003e\u003c\/i\u003e\n\u003c\/div\u003e\n\u003cul class=\"ns-usp\" role=\"list\"\u003e\n\u003cli class=\"ns-chip\"\u003eNano-fine warm mist\u003c\/li\u003e\n\u003cli class=\"ns-chip\"\u003eOpens pores fast\u003c\/li\u003e\n\u003cli class=\"ns-chip\"\u003eHydration boost\u003c\/li\u003e\n\u003cli class=\"ns-chip\"\u003eSpa-at-home design\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"ns-cta\" role=\"navigation\"\u003e\n\u003ca href=\"#ns-benefits\" class=\"ns-btn ns-btn-ghost\"\u003eBenefits\u003c\/a\u003e \u003ca href=\"#ns-how\" class=\"ns-btn ns-btn-ghost\"\u003eHow It Works\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ns-trust\"\u003e\n\u003cdiv class=\"ns-trust-item\"\u003e30‑Day Money‑Back\u003c\/div\u003e\n\u003cdiv class=\"ns-trust-item\"\u003eFast, Free Shipping\u003c\/div\u003e\n\u003cdiv class=\"ns-trust-item\"\u003eSecure Checkout\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PROBLEM \/ PROMISE --\u003e\n\u003csection class=\"ns-section ns-soft\"\u003e\n\u003cdiv class=\"ns-stack\"\u003e\n\u003cdiv class=\"ns-card\"\u003e\n\u003ch2\u003eThe ritual behind the glow\u003c\/h2\u003e\n\u003cp\u003eRegular steam can sit on top of skin. NOVÉA™ breaks water into nano-fine particles that reach deeper — softening pores and prepping for high-performance skincare.\u003c\/p\u003e\n\u003cul class=\"ns-list\"\u003e\n\u003cli\u003eQuick pore-opening warm mist\u003c\/li\u003e\n\u003cli\u003eDeeper hydration vs. regular steam\u003c\/li\u003e\n\u003cli\u003eBetter serum and moisturiser absorption\u003c\/li\u003e\n\u003cli\u003eSpa-calibre relaxation at home\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ns-card ns-grad\"\u003e\n\u003ch2\u003eTechnology that feels like pampering\u003c\/h2\u003e\n\u003cdiv class=\"ns-stats\"\u003e\n\u003cdiv class=\"ns-s ns-s--rose\"\u003e\n\u003cstrong\u003eNano\u003c\/strong\u003e\u003cspan\u003eUltra-fine mist particles\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ns-s ns-s--mint\"\u003e\n\u003cstrong\u003e6×\u003c\/strong\u003e\u003cspan\u003eBetter absorption potential\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ns-s ns-s--champ\"\u003e\n\u003cstrong\u003e10 min\u003c\/strong\u003e\u003cspan\u003eTo softer, dewier skin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- BENEFITS (interactive) --\u003e\n\u003csection class=\"ns-section\" id=\"ns-benefits\"\u003e\n\u003ch2 class=\"ns-center\"\u003eWhat your skin gains\u003c\/h2\u003e\n\u003cdiv class=\"ns-grid ns-1\"\u003e\n\u003carticle class=\"ns-feature\" role=\"button\" tabindex=\"0\"\u003e\u003cspan class=\"ns-ico\"\u003e💧\u003c\/span\u003e\n\u003ch3\u003eDeep hydration\u003c\/h3\u003e\n\u003cp\u003eNano-fine warm mist penetrates more effectively than regular steam for moisture that lasts.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"ns-feature\" role=\"button\" tabindex=\"0\"\u003e\u003cspan class=\"ns-ico\"\u003e🌿\u003c\/span\u003e\n\u003ch3\u003eOpened pores\u003c\/h3\u003e\n\u003cp\u003eSoftens and opens pores so serums and moisturisers absorb up to 6× better.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"ns-feature\" role=\"button\" tabindex=\"0\"\u003e\u003cspan class=\"ns-ico\"\u003e✨\u003c\/span\u003e\n\u003ch3\u003eClearer-looking skin\u003c\/h3\u003e\n\u003cp\u003eLoosens blackheads, helps unclog pores, and flushes impurities naturally.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"ns-feature\" role=\"button\" tabindex=\"0\"\u003e\u003cspan class=\"ns-ico\"\u003e🌸\u003c\/span\u003e\n\u003ch3\u003ePlumper, dewier complexion\u003c\/h3\u003e\n\u003cp\u003eInstantly boosts moisture for a healthy, luminous look pre-makeup.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"ns-feature\" role=\"button\" tabindex=\"0\"\u003e\u003cspan class=\"ns-ico\"\u003e🧖♀️\u003c\/span\u003e\n\u003ch3\u003eRelaxation ritual\u003c\/h3\u003e\n\u003cp\u003eWarm mist calms and soothes — your 10-minute spa moment, any time.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"ns-feature\" role=\"button\" tabindex=\"0\"\u003e\u003cspan class=\"ns-ico\"\u003e🎨\u003c\/span\u003e\n\u003ch3\u003eBetter makeup application\u003c\/h3\u003e\n\u003cp\u003eHydrated skin grips foundation evenly for a smoother, more flawless finish.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- HOW IT WORKS (no scrolling; all steps visible) --\u003e\n\u003csection class=\"ns-section ns-dark\" id=\"ns-how\"\u003e\n\u003ch2 class=\"ns-center\"\u003eHow it works\u003c\/h2\u003e\n\u003cdiv class=\"ns-steps ns-steps--static\"\u003e\n\u003cdiv class=\"ns-step\"\u003e\n\u003cspan class=\"ns-step-num\"\u003e1\u003c\/span\u003e\n\u003ch4\u003eFill the tank\u003c\/h4\u003e\n\u003cp\u003eUse clean water. The nano module readies instantly.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ns-step\"\u003e\n\u003cspan class=\"ns-step-num\"\u003e2\u003c\/span\u003e\n\u003ch4\u003ePower on\u003c\/h4\u003e\n\u003cp\u003eOne key starts a continuous warm nano mist.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ns-step\"\u003e\n\u003cspan class=\"ns-step-num\"\u003e3\u003c\/span\u003e\n\u003ch4\u003eHold 20–30 cm\u003c\/h4\u003e\n\u003cp\u003eMist for 8–10 minutes; let pores soften.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ns-step\"\u003e\n\u003cspan class=\"ns-step-num\"\u003e4\u003c\/span\u003e\n\u003ch4\u003eSeal the glow\u003c\/h4\u003e\n\u003cp\u003eApply serum, moisturiser, or mask immediately.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ns-inline-media\"\u003e\n\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- KEY SPECIFICATIONS --\u003e\n\u003csection class=\"ns-section\" id=\"ns-specs\"\u003e\n\u003ch2 class=\"ns-center\"\u003eKey specifications\u003c\/h2\u003e\n\u003cdiv class=\"ns-specs\"\u003e\n\u003cdiv class=\"ns-spec\"\u003e\n\u003cstrong\u003eTechnology\u003c\/strong\u003e\u003cspan\u003eIon atomisation nano spray module\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ns-spec\"\u003e\n\u003cstrong\u003eNozzle\u003c\/strong\u003e\u003cspan\u003eAdjustable angle — tilts up\/down\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ns-spec\"\u003e\n\u003cstrong\u003eMist type\u003c\/strong\u003e\u003cspan\u003eWarm nano-fine mist\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ns-spec\"\u003e\n\u003cstrong\u003eOperation\u003c\/strong\u003e\u003cspan\u003eOne-key power button\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ns-spec\"\u003e\n\u003cstrong\u003eAccessories\u003c\/strong\u003e\u003cspan\u003eCotton-padded pimple needle\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ns-spec\"\u003e\n\u003cstrong\u003eDesign\u003c\/strong\u003e\u003cspan\u003eWhite body, rose-gold band, flower-shaped nozzle\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ns-spec\"\u003e\n\u003cstrong\u003ePower\u003c\/strong\u003e\u003cspan\u003eElectric — plug-in\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- HOW TO USE --\u003e\n\u003csection class=\"ns-section ns-soft\" id=\"ns-use\"\u003e\n\u003ch2 class=\"ns-center\"\u003eHow to use\u003c\/h2\u003e\n\u003col class=\"ns-steps-list\"\u003e\n\u003cli\u003eFill the water tank with clean water\u003c\/li\u003e\n\u003cli\u003ePress the power button to begin steaming\u003c\/li\u003e\n\u003cli\u003eHold 20–30 cm from your face for 8–10 minutes\u003c\/li\u003e\n\u003cli\u003eFollow with serum, moisturiser, or mask for maximum absorption\u003c\/li\u003e\n\u003cli\u003eUse 2–3 times per week for best results\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/section\u003e\n\u003c!-- WHAT'S INCLUDED --\u003e\n\u003csection class=\"ns-section ns-dark\"\u003e\n\u003ch2 class=\"ns-center\"\u003eWhat's included\u003c\/h2\u003e\n\u003cdiv class=\"ns-included\"\u003e\n\u003cspan class=\"ns-chip\"\u003eNOVÉA™ Nano Mist Facial Steamer\u003c\/span\u003e \u003cspan class=\"ns-chip\"\u003eCotton-padded pimple needle\u003c\/span\u003e \u003cspan class=\"ns-chip\"\u003ePower cable\u003c\/span\u003e \u003cspan class=\"ns-chip\"\u003eUser guide\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA (text only) --\u003e\n\u003csection class=\"ns-section ns-cta\" id=\"ns-cta\"\u003e\n\u003cdiv class=\"ns-cta-inner\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eBecause glowing skin isn't luck — it's a ritual.\u003c\/h3\u003e\n\u003cp\u003eAdd NOVÉA™ Nano Mist to your routine and feel the difference in one session.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n  \/* MOBILE-FIRST, ROSE‑GOLD BACKGROUND, HIGH READABILITY *\/\n  :root{\n    --bg:#ffffff; --panel:#ffffff; --soft:#fbf7f9;\n    --text:#14161a; --mute:#61656f;\n    --border:rgba(20,22,26,.10); --shadow:0 6px 18px rgba(20,22,26,.06);\n    --radius:14px;\n    --rg:#b76e79; --rg-soft:#e9c5cd; --rg-wash:#f8e6ea;\n  }\n\n  .novea-steam{\n    background:\n      radial-gradient(900px 480px at 12% -10%, rgba(248,230,234,.55), transparent 55%),\n      radial-gradient(760px 420px at 108% -8%, rgba(233,197,205,.30), transparent 55%),\n      linear-gradient(180deg,#ffffff,#fbfafc);\n    color:var(--text);\n    font-family:Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, \"Helvetica Neue\", Arial;\n    line-height:1.6; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;\n    overflow:hidden;\n  }\n\n  \/* Spacing \u0026 layout *\/\n  .ns-section{padding:44px 14px;}\n  .ns-soft,.ns-dark{background:transparent;}\n  .ns-center{text-align:center;}\n  .ns-stack{display:grid; gap:12px; max-width:820px; margin:0 auto;}\n  .ns-grid{display:grid; gap:12px; max-width:820px; margin:0 auto;}\n  .ns-grid.ns-1{grid-template-columns:1fr;}\n\n  \/* Hero *\/\n  .ns-hero{padding:56px 14px 22px; background:transparent;}\n  .ns-hero-inner{max-width:900px; margin:0 auto; text-align:center;}\n  .ns-badge{display:inline-block; padding:6px 12px; border-radius:999px; background:#fff; border:1px solid var(--border); letter-spacing:.12em; font-weight:700; font-size:12px; color:#2a2e35;}\n  .ns-title{font-size:clamp(26px,7vw,36px); margin:.5rem 0 .2rem; line-height:1.15; font-weight:800;}\n  .ns-sub{color:var(--rg); font-weight:700; font-size:clamp(15px,4.2vw,17px); margin:0 0 6px;}\n  .ns-tagline{color:var(--mute); max-width:40ch; margin:0 auto 14px; font-size:clamp(14px,3.8vw,16px);}\n\n  .ns-hero-media{position:relative; max-width:640px; margin:16px auto 4px; display:grid; place-items:center;}\n  .ns-hero-img{width:100%; height:auto; border-radius:12px; background:#fff; box-shadow:0 12px 28px rgba(20,22,26,.08);}\n  .ns-orb{position:absolute; border-radius:50%; filter:blur(12px); opacity:.22; mix-blend-mode:multiply; pointer-events:none;}\n  .ns-orb-1{width:120px; height:120px; background:rgba(183,110,121,.42); left:4%; top:24%;}\n  .ns-orb-2{width:150px; height:150px; background:rgba(233,197,205,.30); right:2%; top:10%;}\n\n  .ns-usp{display:flex; gap:8px; justify-content:center; flex-wrap:wrap; margin-top:10px; padding:0; list-style:none;}\n  .ns-chip{border-radius:999px; padding:8px 12px; color:#2f333b; font-size:13px; background:#fff; border:1px solid var(--border); box-shadow:0 3px 10px rgba(20,22,26,.05);}\n\n  .ns-cta{display:flex; gap:10px; justify-content:center; flex-wrap:wrap; margin:14px 0 0;}\n  .ns-btn{appearance:none; border:none; border-radius:12px; padding:11px 14px; font-weight:800; text-decoration:none; display:inline-block; font-size:14px; line-height:1;}\n  .ns-btn-ghost{color:#1e2127; background:#fff; border:1px solid rgba(183,110,121,.45); box-shadow:0 5px 12px rgba(183,110,121,.16);}\n\n  .ns-trust{display:flex; gap:8px; justify-content:center; flex-wrap:wrap; margin-top:12px;}\n  .ns-trust-item{background:#fff; border:1px solid rgba(183,110,121,.28); padding:8px 12px; border-radius:999px; font-weight:700; color:#2a2e35; box-shadow:0 3px 10px rgba(183,110,121,.12);}\n\n  \/* Cards \/ Lists *\/\n  .ns-card{background:var(--panel); border:1px solid rgba(183,110,121,.24); border-radius:var(--radius); padding:16px; box-shadow:var(--shadow);}\n  .ns-grad{background:var(--panel);}\n  .ns-list{margin:8px 0 0; padding:0; list-style:none; color:#2b3037; font-size:15px;}\n  .ns-list li{padding:9px 0; border-bottom:1px dashed rgba(183,110,121,.28);}\n\n  \/* Stats *\/\n  .ns-stats{display:grid; grid-template-columns:1fr; gap:10px; margin-top:8px;}\n  .ns-s{background:#fff; border:1px solid rgba(183,110,121,.24); border-radius:12px; padding:12px; text-align:center; color:#2a2e35; box-shadow:0 5px 14px rgba(20,22,26,.05);}\n  .ns-s strong{display:block; font-size:20px; color:#111318; line-height:1.2;}\n  .ns-s--rose{border-color:rgba(183,110,121,.38);}\n  .ns-s--mint{border-color:rgba(210,240,230,.45);}\n  .ns-s--champ{border-color:rgba(247,230,199,.45);}\n\n  \/* Section headings *\/\n  .ns-section h2{margin:0 0 10px; letter-spacing:.2px; color:#121417; font-size:clamp(20px,5.6vw,24px);}\n  .ns-section h2::after{content:\"\"; display:block; width:72px; height:3px; margin:8px auto 0; background:linear-gradient(90deg,var(--rg-soft),var(--rg)); border-radius:3px;}\n\n  \/* Interactive Benefits *\/\n  #ns-benefits .ns-feature{position:relative; background:#fff; border:1px solid rgba(183,110,121,.24); border-radius:14px; padding:14px; box-shadow:0 6px 18px rgba(20,22,26,.06); cursor:pointer; user-select:none;}\n  #ns-benefits .ns-feature h3{margin:6px 24px 4px 0; font-size:17px;}\n  #ns-benefits .ns-feature p{margin:0; font-size:15px; color:#38404a; max-height:0; overflow:hidden; opacity:0; transition:max-height .28s ease, opacity .25s ease;}\n  #ns-benefits .ns-feature::after{content:\"▾\"; position:absolute; right:12px; top:14px; font-size:14px; color:#555; transition:transform .2s ease;}\n  #ns-benefits .ns-feature.is-open p{max-height:220px; opacity:1; margin-top:6px;}\n  #ns-benefits .ns-feature.is-open::after{transform:rotate(180deg);}\n  .ns-ico{font-size:20px; display:inline-block; margin-bottom:4px;}\n\n  \/* How it works — NO SCROLL, all steps visible *\/\n  #ns-how .ns-steps{display:grid; gap:10px; overflow:visible; padding-bottom:0; grid-template-columns:1fr;}\n  #ns-how .ns-step{min-width:auto; background:#fff; border:1px solid rgba(183,110,121,.24); border-radius:14px; padding:14px; box-shadow:0 6px 18px rgba(20,22,26,.06);}\n  #ns-how .ns-step h4{margin:6px 0 4px; font-size:16px;}\n  #ns-how .ns-step p{margin:0; font-size:14px; color:#3b424c;}\n  #ns-how .ns-step-num{display:inline-grid; place-items:center; width:32px; height:32px; border-radius:50%; background:linear-gradient(180deg,var(--rg-wash),var(--rg)); color:#17191f; font-weight:800; margin-bottom:6px; box-shadow:0 6px 14px rgba(183,110,121,.18); font-size:14px;}\n  @media(min-width:600px){ #ns-how .ns-steps{grid-template-columns:1fr 1fr;} }\n  @media(min-width:960px){ #ns-how .ns-steps{grid-template-columns:repeat(4,1fr);} }\n\n  \/* Media *\/\n  .ns-inline-media{display:grid; grid-template-columns:1fr; gap:10px; max-width:820px; margin:12px auto 0;}\n  .ns-inline-media img{width:100%; height:auto; border-radius:12px; border:1px solid rgba(183,110,121,.28); box-shadow:0 8px 20px rgba(20,22,26,.06), 0 0 0 1px rgba(233,197,205,.12) inset; background:#fff;}\n\n  \/* Specs *\/\n  .ns-specs{display:grid; grid-template-columns:1fr; gap:10px; max-width:820px; margin:0 auto;}\n  .ns-spec{background:#fff; border:1px solid rgba(183,110,121,.24); border-radius:14px; padding:14px; color:#2a2e35; box-shadow:0 6px 18px rgba(20,22,26,.06);}\n  .ns-spec strong{display:block; margin-bottom:4px; color:#13151a;}\n\n  \/* Steps list *\/\n  .ns-steps-list{max-width:820px; margin:0 auto; background:#fff; border:1px solid\u003c\/style\u003e","brand":"NOVÉA","offers":[{"title":"Default Title","offer_id":52226017820888,"sku":null,"price":1299.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0829\/3063\/0872\/files\/WhatsAppImage2026-07-25at10.1_6aefa8a5-2667-4334-a8fc-7886502d284e.jpg?v=1786539249"},{"product_id":"novea™-sculpt-glow-face-massager","title":"NOVÉA™ Sculpt \u0026 Glow Face Massager","description":"\u003c!-- NOVÉA™ Sculpt \u0026 Glow Face \u0026 Neck Massager — Mobile-first, premium animated product description (7‑color LED, spaced chips, no add-to-cart) --\u003e\n\u003cdiv class=\"novea-sculpt\" id=\"novea-sculpt\" role=\"region\"\u003e\n\u003c!-- HERO --\u003e\n\u003csection class=\"sgf-hero\"\u003e\n\u003cdiv class=\"sgf-hero-inner\"\u003e\n\u003cspan class=\"sgf-badge\"\u003eNOVÉA™\u003c\/span\u003e\n\u003ch1 class=\"sgf-title\"\u003eSculpt \u0026amp; Glow Face Massager\u003c\/h1\u003e\n\u003cp class=\"sgf-sub\"\u003eYounger-Looking Skin. Tighter Neck. Sculpted Jawline — At Home.\u003c\/p\u003e\n\u003cp class=\"sgf-tagline\"\u003eEMS microcurrent, 7‑color LED therapy, soothing warmth, and vibration — for lift, firmness, and glow without the clinic price tag.\u003c\/p\u003e\n\u003cdiv class=\"sgf-hero-media\"\u003e\n\u003cbr\u003e\u003ci class=\"sgf-orb sgf-orb-1\"\u003e\u003c\/i\u003e \u003ci class=\"sgf-orb sgf-orb-2\"\u003e\u003c\/i\u003e\n\u003c\/div\u003e\n\u003cul class=\"sgf-usp\" role=\"list\"\u003e\n\u003cli class=\"sgf-chip\"\u003eEMS lift \u0026amp; tone\u003c\/li\u003e\n\u003cli class=\"sgf-chip\"\u003e7‑Color LED therapy\u003c\/li\u003e\n\u003cli class=\"sgf-chip\"\u003eWarmth + vibration\u003c\/li\u003e\n\u003cli class=\"sgf-chip\"\u003eUSB rechargeable\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"sgf-modes\"\u003e\n\u003cspan class=\"sgf-pill sgf-pill--rose\"\u003eEMS Microcurrent\u003c\/span\u003e \u003cspan class=\"sgf-pill sgf-pill--lilac\"\u003e7‑Color LED\u003c\/span\u003e \u003cspan class=\"sgf-pill sgf-pill--champ\"\u003eThermal Warmth\u003c\/span\u003e \u003cspan class=\"sgf-pill sgf-pill--mint\"\u003eVibration Massage\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- BENEFITS (tap-to-expand) --\u003e\n\u003csection class=\"sgf-section\" id=\"sgf-benefits\"\u003e\n\u003ch2 class=\"sgf-center\"\u003eWhat your skin gains\u003c\/h2\u003e\n\u003cdiv class=\"sgf-grid sgf-1\"\u003e\n\u003carticle class=\"sgf-feature\" role=\"button\" tabindex=\"0\"\u003e\u003cspan class=\"sgf-ico\"\u003e💪\u003c\/span\u003e\n\u003ch3\u003eFirmer, tighter skin\u003c\/h3\u003e\n\u003cp\u003eEMS microcurrent stimulates facial muscles to lift and tone areas prone to sagging.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"sgf-feature\" role=\"button\" tabindex=\"0\"\u003e\u003cspan class=\"sgf-ico\"\u003e🧬\u003c\/span\u003e\n\u003ch3\u003eSofter lines \u0026amp; wrinkles\u003c\/h3\u003e\n\u003cp\u003eLED and microcurrent support collagen for smoother texture over time.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"sgf-feature\" role=\"button\" tabindex=\"0\"\u003e\u003cspan class=\"sgf-ico\"\u003e🪞\u003c\/span\u003e\n\u003ch3\u003eSculpted jaw \u0026amp; neck\u003c\/h3\u003e\n\u003cp\u003eErgonomic head contours the jaw, chin, and neck where ageing shows first.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"sgf-feature\" role=\"button\" tabindex=\"0\"\u003e\u003cspan class=\"sgf-ico\"\u003e✨\u003c\/span\u003e\n\u003ch3\u003eInstant glow\u003c\/h3\u003e\n\u003cp\u003eGentle warmth and vibration boost circulation and lymphatic drainage for radiance.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"sgf-feature\" role=\"button\" tabindex=\"0\"\u003e\u003cspan class=\"sgf-ico\"\u003e🧴\u003c\/span\u003e\n\u003ch3\u003eBetter absorption\u003c\/h3\u003e\n\u003cp\u003eUse with serum or oil to drive active ingredients deeper for amplified results.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"sgf-feature\" role=\"button\" tabindex=\"0\"\u003e\u003cspan class=\"sgf-ico\"\u003e🏠\u003c\/span\u003e\n\u003ch3\u003eSpa results at home\u003c\/h3\u003e\n\u003cp\u003eMulti-technology treatment without appointments — portable and cordless.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 7‑COLOR LED THERAPY (clean, colored dots) --\u003e\n\u003csection class=\"sgf-section sgf-soft\" id=\"sgf-led\"\u003e\n\u003ch2 class=\"sgf-center\"\u003e7‑Color LED therapy modes\u003c\/h2\u003e\n\u003cdiv class=\"sgf-led-grid\"\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eWhite (Full Spectrum) \u003c\/strong\u003e\u003cem\u003eOverall rejuvenation and revitalization\u003c\/em\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eRed \u003c\/strong\u003e\u003cem\u003eAnti‑aging; collagen and firmness\u003c\/em\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eBlue \u003c\/strong\u003e\u003cem\u003eClarifying; helps blemish‑prone skin\u003c\/em\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eGreen \u003c\/strong\u003e\u003cem\u003eBalancing; tone evening and calming\u003c\/em\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eYellow \u003c\/strong\u003e\u003cem\u003eSoothing; supports skin repair\u003c\/em\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eCyan \u003c\/strong\u003e\u003cem\u003eRefreshing; helps calm and purify\u003c\/em\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003ePurple \u003c\/strong\u003e\u003cem\u003eRecovery; brightening and renewal\u003c\/em\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cem\u003e\u003c\/em\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"sgf-note sgf-center\"\u003eCycle modes with the power button to tailor each session to your skin’s needs.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- HOW IT WORKS (no scroll; all steps visible) --\u003e\n\u003csection class=\"sgf-section sgf-dark\" id=\"sgf-how\"\u003e\n\u003ch2 class=\"sgf-center\"\u003eHow it works\u003c\/h2\u003e\n\u003cdiv class=\"sgf-steps\"\u003e\n\u003cdiv class=\"sgf-step\"\u003e\n\u003ch4\u003e1. Cleanse \u0026amp; prep\u003c\/h4\u003e\n\u003cp\u003eApply a conductive serum or facial oil to cleansed skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sgf-step\"\u003e\n\u003ch4\u003e2. Select mode\u003c\/h4\u003e\n\u003cp\u003ePress power to choose EMS, 7‑LED colors, warmth, and vibration as desired.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sgf-step\"\u003e\n\u003ch4\u003e3. Lifting strokes\u003c\/h4\u003e\n\u003cp\u003eGlide the curved head along jaw, chin, and neck with slow upward motions.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sgf-step\"\u003e\n\u003ch4\u003e4. Seal \u0026amp; glow\u003c\/h4\u003e\n\u003cp\u003eTreat 10–15 minutes, 3–5× weekly. Follow with moisturiser to lock in.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- KEY SPECIFICATIONS --\u003e\n\u003csection class=\"sgf-section\" id=\"sgf-specs\"\u003e\n\u003ch2 class=\"sgf-center\"\u003eKey specifications\u003c\/h2\u003e\n\u003cdiv class=\"sgf-specs\"\u003e\n\u003cdiv class=\"sgf-spec\"\u003e\n\u003cstrong\u003eTechnologies\u003c\/strong\u003e\u003cspan\u003e7‑Color LED + EMS Microcurrent + Warming + Vibration\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sgf-spec\"\u003e\n\u003cstrong\u003eTreatment Area\u003c\/strong\u003e\u003cspan\u003eFace, jawline, chin, neck\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sgf-spec\"\u003e\n\u003cstrong\u003eLED\u003c\/strong\u003e\u003cspan\u003eWhite, Red, Blue, Green, Yellow, Cyan, Purple\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sgf-spec\"\u003e\n\u003cstrong\u003eOperation\u003c\/strong\u003e\u003cspan\u003eSingle button, multiple modes\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sgf-spec\"\u003e\n\u003cstrong\u003ePower\u003c\/strong\u003e\u003cspan\u003eUSB rechargeable — cordless\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sgf-spec\"\u003e\n\u003cstrong\u003eDesign\u003c\/strong\u003e\u003cspan\u003eErgonomic curved head, white body, chrome accent\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sgf-spec\"\u003e\n\u003cstrong\u003ePackaging\u003c\/strong\u003e\u003cspan\u003eMatte black NOVÉA™ gift box with rose‑gold foil\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sgf-spec\"\u003e\n\u003cstrong\u003eOrigin\u003c\/strong\u003e\u003cspan\u003eProudly South African\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- HOW TO USE --\u003e\n\u003csection class=\"sgf-section sgf-soft\" id=\"sgf-use\"\u003e\n\u003ch2 class=\"sgf-center\"\u003eHow to use\u003c\/h2\u003e\n\u003col class=\"sgf-steps-list\"\u003e\n\u003cli\u003eCleanse and apply a thin layer of serum or facial oil\u003c\/li\u003e\n\u003cli\u003ePress power to cycle and select your LED color and EMS\/warmth\/vibration\u003c\/li\u003e\n\u003cli\u003eGlide up the jaw, chin, and neck with lifting strokes\u003c\/li\u003e\n\u003cli\u003eTreat 10–15 minutes per session, 3–5× weekly\u003c\/li\u003e\n\u003cli\u003eApply moisturiser to seal in hydration\u003c\/li\u003e\n\u003cli\u003eCharge via USB after use\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/section\u003e\n\u003c!-- WHAT'S INCLUDED --\u003e\n\u003csection class=\"sgf-section sgf-dark\"\u003e\n\u003ch2 class=\"sgf-center\"\u003eWhat's included\u003c\/h2\u003e\n\u003cdiv class=\"sgf-included\"\u003e\n\u003cspan class=\"sgf-chip\"\u003eNOVÉA™ Sculpt \u0026amp; Glow Face \u0026amp; Neck Massager\u003c\/span\u003e \u003cspan class=\"sgf-chip\"\u003eUSB charging cable\u003c\/span\u003e \u003cspan class=\"sgf-chip\"\u003ePremium NOVÉA™ matte black gift box\u003c\/span\u003e \u003cspan class=\"sgf-chip\"\u003eUser guide\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA (text only) --\u003e\n\u003csection class=\"sgf-section sgf-cta\" id=\"sgf-cta\"\u003e\n\u003cdiv class=\"sgf-cta-inner\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eBecause your skin deserves more than just a cream.\u003c\/h3\u003e\n\u003cp\u003eLift, firm, and glow — professional results, at home.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n  :root{\n    --bg:#ffffff; --panel:#ffffff; --soft:#f7f5fa;\n    --text:#17191f; --mute:#5f6470;\n    --border:rgba(23,25,31,.10); --shadow:0 8px 22px rgba(17,19,24,.08);\n    --radius:14px;\n    --rose:#b76e79; --rose-soft:#e9c5cd; --rose-wash:#fdeff2;\n    --lilac:#d9ccff; --mint:#d2f0e6; --champ:#f7e6c7;\n    --led-red:#ff4d4d; --led-blue:#5aa8ff; --led-green:#59d37a;\n    --led-yellow:#ffd463; --led-cyan:#5de0d1; --led-purple:#b38cff; --led-white:#eaeef5;\n  }\n\n  .novea-sculpt{\n    background:\n      radial-gradient(980px 520px at 12% -10%, rgba(233,197,205,.22), transparent 55%),\n      radial-gradient(880px 500px at 108% -8%, rgba(217,204,255,.18), transparent 55%),\n      linear-gradient(180deg,#ffffff,#fbfafc);\n    color:var(--text);\n    font-family:Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, \"Helvetica Neue\", Arial;\n    line-height:1.6; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;\n    overflow:hidden;\n  }\n\n  .sgf-section{padding:56px 16px;}\n  .sgf-soft{background:var(--soft);}\n  .sgf-dark{background:var(--panel);}\n  .sgf-center{text-align:center;}\n  .sgf-grid{display:grid; gap:14px; max-width:1100px; margin:0 auto;}\n  .sgf-grid.sgf-1{grid-template-columns:1fr;}\n  @media(min-width:960px){ .sgf-grid.sgf-1{grid-template-columns:repeat(3,1fr);} }\n\n  .sgf-hero{\n    padding:86px 16px 32px;\n    background:\n      radial-gradient(940px 520px at 18% -10%, rgba(233,197,205,.24), transparent 55%),\n      linear-gradient(180deg,#ffffff,#fbfafc);\n  }\n  .sgf-hero-inner{max-width:1100px; margin:0 auto; text-align:center;}\n  .sgf-badge{display:inline-block; padding:6px 12px; border-radius:999px; background:#fff; border:1px solid var(--border); letter-spacing:.12em; font-weight:800; font-size:12px; color:#2a2e35;}\n  .sgf-title{font-size:clamp(28px,6.5vw,48px); margin:.55rem 0 .25rem; line-height:1.08; color:#15171d;}\n  .sgf-sub{color:#8f5560; font-weight:700; font-size:clamp(16px,4.2vw,18px); margin:0 0 8px;}\n  .sgf-tagline{color:var(--mute); max-width:720px; margin:0 auto 16px; font-size:clamp(14px,3.7vw,16px);}\n\n  .sgf-hero-media{position:relative; max-width:860px; margin:22px auto 6px; display:grid; place-items:center;}\n  .sgf-hero-img{width:100%; height:auto; border-radius:16px; background:#fff; box-shadow:0 14px 36px rgba(17,19,24,.10); border:1px solid rgba(23,25,31,.06); transform:translateZ(0); transition:transform .6s ease;}\n  .sgf-orb{position:absolute; border-radius:50%; filter:blur(14px); opacity:.24; mix-blend-mode:multiply;}\n  .sgf-orb-1{width:180px; height:180px; background:rgba(233,197,205,.40); left:4%; top:24%;}\n  .sgf-orb-2{width:200px; height:200px; background:rgba(217,204,255,.28); right:3%; top:8%;}\n\n  .sgf-usp{display:flex; gap:10px; justify-content:center; flex-wrap:wrap; margin-top:12px; padding:0; list-style:none;}\n  .sgf-chip{border-radius:999px; padding:8px 14px; background:#fff; border:1px solid var(--border); color:#373c45; font-size:13px; box-shadow:0 4px 12px rgba(17,19,24,.06);}\n\n  .sgf-modes{display:flex; gap:8px; justify-content:center; flex-wrap:wrap; margin:12px 0 0;}\n  .sgf-pill{border-radius:999px; padding:8px 12px; background:#fff; border:1px solid var(--border); color:#2f333b; font-size:13px; box-shadow:0 3px 10px rgba(17,19,24,.05);}\n  .sgf-pill--rose{border-color:rgba(183,110,121,.40);}\n  .sgf-pill--lilac{border-color:rgba(217,204,255,.45);}\n  .sgf-pill--mint{border-color:rgba(210,240,230,.45);}\n  .sgf-pill--champ{border-color:rgba(247,230,199,.45);}\n\n  .sgf-feature{\n    position:relative; background:#fff; border:1px solid rgba(23,25,31,.12); border-radius:16px; padding:18px; box-shadow:var(--shadow); cursor:pointer; user-select:none;\n    transition:transform .2s ease, box-shadow .2s ease;\n  }\n  .sgf-feature:hover{transform:translateY(-2px); box-shadow:0 12px 28px rgba(17,19,24,.12);}\n  .sgf-feature h3{margin:6px 26px 6px 0; font-size:18px; color:#1b1e25;}\n  .sgf-feature p{margin:0; color:#3c4350; font-size:15px; max-height:0; overflow:hidden; opacity:0; transition:max-height .3s ease, opacity .25s ease;}\n  .sgf-feature::after{content:\"▾\"; position:absolute; right:12px; top:16px; font-size:14px; color:#6a7180; transition:transform .2s ease;}\n  .sgf-feature.is-open p{max-height:240px; opacity:1; margin-top:4px;}\n  .sgf-feature.is-open::after{transform:rotate(180deg);}\n  .sgf-ico{font-size:20px; display:inline-block; margin-bottom:4px;}\n\n  \/* 7‑Color LED section (clean) *\/\n  #sgf-led .sgf-led-grid{\n    display:grid; grid-template-columns:1fr; gap:10px; max-width:1100px; margin:10px auto 0;\n  }\n  @media(min-width:960px){ #sgf-led .sgf-led-grid{ grid-template-columns:1fr 1fr; } }\n\n  .sgf-led{\n    display:flex; align-items:center; gap:10px; width:100%;\n    background:#fff; border:1px solid var(--border); border-radius:14px; padding:12px;\n    box-shadow:0 6px 16px rgba(17,19,24,.06); text-align:left; cursor:pointer;\n  }\n  .sgf-led strong{display:block; color:#1b1e25; font-size:15px; line-height:1.25;}\n  .sgf-led em{display:block; color:#5a6170; font-size:13px; font-style:normal; opacity:.95; margin-top:2px;}\n  .sgf-led[aria-expanded=\"true\"]{box-shadow:0 10px 24px rgba(17,19,24,.10); transform:translateY(-1px);}\n\n  .sgf-led-dot{\n    width:14px; height:14px; border-radius:50%;\n    box-shadow:0 0 0 3px rgba(0,0,0,.04) inset, 0 0 10px var(--c, #eaeef5);\n    background:var(--c, #eaeef5);\n    flex:0 0 14px;\n  }\n\n  .sgf-led--white{ --c: var(--led-white); }\n  .sgf-led--red{ --c: var(--led-red); }\n  .sgf-led--blue{ --c: var(--led-blue); }\n  .\u003c\/style\u003e","brand":"NOVÉA","offers":[{"title":"Default Title","offer_id":52227189768408,"sku":null,"price":559.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0829\/3063\/0872\/files\/nov-a-device-branded_f8b5dbf9-a32b-448b-8896-b8d9f9e45a7c.png?v=1786561598"},{"product_id":"novea™-glow-therapy-led-mask","title":"NOVÉA™ Glow Therapy LED Mask","description":"\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003c!-- NOVÉA™ Glow Therapy LED Mask — Complete Shopify Custom Liquid Section --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- No product images or mask illustrations are included. --\u003e\n\u003cdiv id=\"novea-glow-mask\" class=\"novea-mask\" role=\"region\"\u003e\n\u003c!-- HERO --\u003e\n\u003csection class=\"novea-hero\"\u003e\u003cspan class=\"novea-orb novea-orb--one\"\u003e\u003c\/span\u003e \u003cspan class=\"novea-orb novea-orb--two\"\u003e\u003c\/span\u003e\n\u003cdiv class=\"novea-container novea-hero__inner\"\u003e\n\u003cdiv class=\"novea-reveal\"\u003e\n\u003cspan class=\"novea-badge\"\u003eNOVÉA™ LIGHT THERAPY\u003c\/span\u003e\n\u003ch1\u003eNOVÉA™ Glow Therapy LED Mask\u003c\/h1\u003e\n\u003cp class=\"novea-tagline\"\u003eOne Mask. Seven Treatments.\u003cbr\u003eSkin That Glows From Within.\u003c\/p\u003e\n\u003cp class=\"novea-description\"\u003eTarget dullness, breakouts, fine lines and uneven-looking skin with seven clinically inspired light modes in one premium, wearable device.\u003c\/p\u003e\n\u003cdiv class=\"novea-colour-bar\"\u003e\n\u003cspan class=\"is-white\"\u003e\u003c\/span\u003e \u003cspan class=\"is-red\"\u003e\u003c\/span\u003e \u003cspan class=\"is-green\"\u003e\u003c\/span\u003e \u003cspan class=\"is-cyan\"\u003e\u003c\/span\u003e \u003cspan class=\"is-yellow\"\u003e\u003c\/span\u003e \u003cspan class=\"is-blue\"\u003e\u003c\/span\u003e \u003cspan class=\"is-purple\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"novea-highlights\"\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e7\u003c\/strong\u003e\u003cspan\u003eLED light modes\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e10–20\u003c\/strong\u003e\u003cspan\u003eminute sessions\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eFull-face\u003c\/strong\u003e\u003cspan\u003eLED coverage\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eUSB\u003c\/strong\u003e\u003cspan\u003erechargeable\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"novea-trust\"\u003e\n\u003cspan\u003eNo heat\u003c\/span\u003e \u003cspan\u003eNo pain\u003c\/span\u003e \u003cspan\u003eNo downtime\u003c\/span\u003e \u003cspan\u003eWearable design\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ca href=\"#novea-led-modes\" class=\"novea-button\"\u003e Explore the 7 modes \u003cspan\u003e→\u003c\/span\u003e \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INTRODUCTION --\u003e\n\u003csection class=\"novea-section\"\u003e\n\u003cdiv class=\"novea-container\"\u003e\n\u003cdiv class=\"novea-intro novea-reveal\"\u003e\n\u003cspan class=\"novea-eyebrow\"\u003e Professional-inspired skincare at home \u003c\/span\u003e\n\u003ch2\u003eSeven targeted treatments.\u003cbr\u003eOne effortless ritual.\u003c\/h2\u003e\n\u003cp\u003eTreating multiple skin concerns separately can be expensive and time-consuming. The NOVÉA™ Glow Therapy LED Mask brings seven targeted light modes into one wearable device, allowing you to personalise every session according to your skin’s needs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- BENEFITS --\u003e\n\u003csection class=\"novea-section novea-soft\"\u003e\n\u003cdiv class=\"novea-container\"\u003e\n\u003cdiv class=\"novea-heading novea-reveal\"\u003e\n\u003cspan class=\"novea-eyebrow\"\u003eYour complete glow ritual\u003c\/span\u003e\n\u003ch2\u003eWhat your skin gains\u003c\/h2\u003e\n\u003cp\u003ePersonalise your beauty ritual according to your current cosmetic skincare goals.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"novea-benefits\"\u003e\n\u003carticle class=\"novea-card novea-reveal\"\u003e\u003cspan class=\"novea-icon\"\u003e✦\u003c\/span\u003e\n\u003ch3\u003eVisibly younger-looking skin\u003c\/h3\u003e\n\u003cp\u003eRed light supports collagen production to help soften the appearance of fine lines and promote firmer-looking skin.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"novea-card novea-reveal\"\u003e\u003cspan class=\"novea-icon\"\u003e◇\u003c\/span\u003e\n\u003ch3\u003eClearer-looking complexion\u003c\/h3\u003e\n\u003cp\u003eCyan light is designed for blemish-prone skin and supports a clearer, more refreshed-looking complexion.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"novea-card novea-reveal\"\u003e\u003cspan class=\"novea-icon\"\u003e◌\u003c\/span\u003e\n\u003ch3\u003eMore balanced-looking tone\u003c\/h3\u003e\n\u003cp\u003eGreen light helps calm the appearance of visible redness and encourages a more balanced-looking skin tone.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"novea-card novea-reveal\"\u003e\u003cspan class=\"novea-icon\"\u003e✧\u003c\/span\u003e\n\u003ch3\u003eRadiant, refreshed glow\u003c\/h3\u003e\n\u003cp\u003eBlue light helps refresh dull-looking skin and supports a brighter, more radiant appearance.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"novea-card novea-reveal\"\u003e\u003cspan class=\"novea-icon\"\u003e♡\u003c\/span\u003e\n\u003ch3\u003eSoothed-looking skin\u003c\/h3\u003e\n\u003cp\u003eYellow light helps soothe the appearance of stressed skin while supporting visible recovery.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"novea-card novea-reveal\"\u003e\u003cspan class=\"novea-icon\"\u003e∞\u003c\/span\u003e\n\u003ch3\u003eVisible skin renewal\u003c\/h3\u003e\n\u003cp\u003ePurple light combines complementary light benefits to support renewed and revitalised-looking skin.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"novea-card novea-card--featured novea-reveal\"\u003e\u003cspan class=\"novea-icon\"\u003e✺\u003c\/span\u003e\n\u003ch3\u003eTotal-looking rejuvenation\u003c\/h3\u003e\n\u003cp\u003eWhite light provides full-spectrum cosmetic care to energise and revitalise the appearance of the complexion.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INTERACTIVE LED MODES --\u003e\n\u003csection class=\"novea-section novea-led-section\" id=\"novea-led-modes\"\u003e\n\u003cdiv class=\"novea-container\"\u003e\n\u003cdiv class=\"novea-heading novea-reveal\"\u003e\n\u003cspan class=\"novea-eyebrow\"\u003ePersonalised light therapy\u003c\/span\u003e\n\u003ch2\u003eThe 7 LED therapy modes\u003c\/h2\u003e\n\u003cp\u003eSelect a colour below to update the selected treatment and explore its targeted cosmetic benefit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- SELECTED TREATMENT --\u003e\n\u003cdiv class=\"novea-selected novea-reveal\" id=\"novea-selected-treatment\" role=\"status\"\u003e\n\u003cspan class=\"novea-selected__glow\"\u003e\u003c\/span\u003e\n\u003cdiv class=\"novea-selected__inner\"\u003e\n\u003cspan class=\"novea-selected__dot\"\u003e\u003c\/span\u003e\n\u003cdiv class=\"novea-selected__text\"\u003e\n\u003cspan class=\"novea-selected__label\"\u003eSelected treatment\u003c\/span\u003e \u003cstrong class=\"novea-selected__title\"\u003eWhite Light\u003c\/strong\u003e\n\u003cp class=\"novea-selected__copy\"\u003eFull-spectrum care to energise and revitalise the appearance of the complexion.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- TREATMENT BUTTONS --\u003e\n\u003cdiv class=\"novea-modes\"\u003e\n\u003cbutton class=\"novea-mode novea-mode--white is-active novea-reveal\" type=\"button\"\u003e \u003cspan class=\"novea-mode__swatch\"\u003e\u003c\/span\u003e \u003cspan class=\"novea-mode__content\"\u003e \u003cstrong\u003eWhite Light\u003c\/strong\u003e \u003cspan\u003e Full-spectrum care for total-looking rejuvenation and vitality. \u003c\/span\u003e \u003c\/span\u003e \u003cspan class=\"novea-mode__check\"\u003e✓\u003c\/span\u003e \u003c\/button\u003e \u003cbutton class=\"novea-mode novea-mode--red novea-reveal\" type=\"button\"\u003e \u003cspan class=\"novea-mode__swatch\"\u003e\u003c\/span\u003e \u003cspan class=\"novea-mode__content\"\u003e \u003cstrong\u003eRed Light\u003c\/strong\u003e \u003cspan\u003e Supports firmer-looking skin and softens the appearance of fine lines. \u003c\/span\u003e \u003c\/span\u003e \u003cspan class=\"novea-mode__check\"\u003e✓\u003c\/span\u003e \u003c\/button\u003e \u003cbutton class=\"novea-mode novea-mode--green novea-reveal\" type=\"button\"\u003e \u003cspan class=\"novea-mode__swatch\"\u003e\u003c\/span\u003e \u003cspan class=\"novea-mode__content\"\u003e \u003cstrong\u003eGreen Light\u003c\/strong\u003e \u003cspan\u003e Helps calm visible redness and promote a balanced-looking tone. \u003c\/span\u003e \u003c\/span\u003e \u003cspan class=\"novea-mode__check\"\u003e✓\u003c\/span\u003e \u003c\/button\u003e \u003cbutton class=\"novea-mode novea-mode--cyan novea-reveal\" type=\"button\"\u003e \u003cspan class=\"novea-mode__swatch\"\u003e\u003c\/span\u003e \u003cspan class=\"novea-mode__content\"\u003e \u003cstrong\u003eCyan Light\u003c\/strong\u003e \u003cspan\u003e Designed for blemish-prone skin and a clearer-looking complexion. \u003c\/span\u003e \u003c\/span\u003e \u003cspan class=\"novea-mode__check\"\u003e✓\u003c\/span\u003e \u003c\/button\u003e \u003cbutton class=\"novea-mode novea-mode--yellow novea-reveal\" type=\"button\"\u003e \u003cspan class=\"novea-mode__swatch\"\u003e\u003c\/span\u003e \u003cspan class=\"novea-mode__content\"\u003e \u003cstrong\u003eYellow Light\u003c\/strong\u003e \u003cspan\u003e Helps soothe stressed-looking skin and supports visible recovery. \u003c\/span\u003e \u003c\/span\u003e \u003cspan class=\"novea-mode__check\"\u003e✓\u003c\/span\u003e \u003c\/button\u003e \u003cbutton class=\"novea-mode novea-mode--blue novea-reveal\" type=\"button\"\u003e \u003cspan class=\"novea-mode__swatch\"\u003e\u003c\/span\u003e \u003cspan class=\"novea-mode__content\"\u003e \u003cstrong\u003eBlue Light\u003c\/strong\u003e \u003cspan\u003e Refreshes dull-looking skin and supports a radiant appearance. \u003c\/span\u003e \u003c\/span\u003e \u003cspan class=\"novea-mode__check\"\u003e✓\u003c\/span\u003e \u003c\/button\u003e \u003cbutton class=\"novea-mode novea-mode--purple novea-reveal\" type=\"button\"\u003e \u003cspan class=\"novea-mode__swatch\"\u003e\u003c\/span\u003e \u003cspan class=\"novea-mode__content\"\u003e \u003cstrong\u003ePurple Light\u003c\/strong\u003e \u003cspan\u003e Combines complementary benefits to support visible skin renewal. \u003c\/span\u003e \u003c\/span\u003e \u003cspan class=\"novea-mode__check\"\u003e✓\u003c\/span\u003e \u003c\/button\u003e\n\u003c\/div\u003e\n\u003cp class=\"novea-note novea-reveal\"\u003eCosmetic benefits may vary according to individual skin needs. Always follow the supplied user guide.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- HOW IT WORKS --\u003e\n\u003csection class=\"novea-section\"\u003e\n\u003cdiv class=\"novea-container\"\u003e\n\u003cdiv class=\"novea-heading novea-reveal\"\u003e\n\u003cspan class=\"novea-eyebrow\"\u003eThe science of light\u003c\/span\u003e\n\u003ch2\u003eHow it works\u003c\/h2\u003e\n\u003cp\u003ePhotobiomodulation uses selected wavelengths of visible light to support different cosmetic skincare goals without heat or downtime.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"novea-steps\"\u003e\n\u003carticle class=\"novea-step novea-reveal\"\u003e\u003cspan\u003e01\u003c\/span\u003e\n\u003ch3\u003eSelect your mode\u003c\/h3\u003e\n\u003cp\u003eChoose one of seven light colours according to your current skincare goal.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"novea-step novea-reveal\"\u003e\u003cspan\u003e02\u003c\/span\u003e\n\u003ch3\u003eWear and relax\u003c\/h3\u003e\n\u003cp\u003ePosition the lightweight device comfortably over freshly cleansed, dry skin.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"novea-step novea-reveal\"\u003e\u003cspan\u003e03\u003c\/span\u003e\n\u003ch3\u003eTargeted illumination\u003c\/h3\u003e\n\u003cp\u003eThe full-face design delivers consistent light across the forehead, cheeks, nose and chin.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"novea-step novea-reveal\"\u003e\u003cspan\u003e04\u003c\/span\u003e\n\u003ch3\u003eComplete your ritual\u003c\/h3\u003e\n\u003cp\u003eAfter your session, follow with your favourite serum and moisturiser.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"novea-comfort novea-reveal\"\u003e\n\u003cspan\u003e✓ No heat\u003c\/span\u003e \u003cspan\u003e✓ No pain\u003c\/span\u003e \u003cspan\u003e✓ No downtime\u003c\/span\u003e \u003cspan\u003e✓ At-home convenience\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SPECIFICATIONS --\u003e\n\u003csection class=\"novea-section novea-soft\"\u003e\n\u003cdiv class=\"novea-container\"\u003e\n\u003cdiv class=\"novea-heading novea-reveal\"\u003e\n\u003cspan class=\"novea-eyebrow\"\u003eDesigned for effortless use\u003c\/span\u003e\n\u003ch2\u003eKey specifications\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"novea-specs\"\u003e\n\u003carticle class=\"novea-spec novea-reveal\"\u003e\u003cspan\u003e01\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eSeven light modes\u003c\/strong\u003e\n\u003cp\u003eSeven individual LED light therapy colour settings.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"novea-spec novea-reveal\"\u003e\u003cspan\u003e02\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eFull-face coverage\u003c\/strong\u003e\n\u003cp\u003eIlluminates the forehead, cheeks, nose and chin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"novea-spec novea-reveal\"\u003e\u003cspan\u003e03\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eLED technology\u003c\/strong\u003e\n\u003cp\u003eProfessional-inspired photobiomodulation technology.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"novea-spec novea-reveal\"\u003e\u003cspan\u003e04\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eSimple operation\u003c\/strong\u003e\n\u003cp\u003eEasy-to-use control for cycling through the modes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"novea-spec novea-reveal\"\u003e\u003cspan\u003e05\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eRechargeable power\u003c\/strong\u003e\n\u003cp\u003eUSB rechargeable, cordless and wearable design.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"novea-spec novea-reveal\"\u003e\u003cspan\u003e06\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eSession duration\u003c\/strong\u003e\n\u003cp\u003eRecommended session time of approximately 10–20 minutes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"novea-spec novea-reveal\"\u003e\u003cspan\u003e07\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003ePremium design\u003c\/strong\u003e\n\u003cp\u003eLightweight white finish with rose-gold branding.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"novea-spec novea-reveal\"\u003e\u003cspan\u003e08\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003ePremium packaging\u003c\/strong\u003e\n\u003cp\u003ePresented in a premium NOVÉA™ matte-black gift box.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"novea-spec novea-reveal\"\u003e\u003cspan\u003e09\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eProudly South African\u003c\/strong\u003e\n\u003cp\u003ePremium beauty technology for your at-home ritual.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- HOW TO USE --\u003e\n\u003csection class=\"novea-section\"\u003e\n\u003cdiv class=\"novea-container\"\u003e\n\u003cdiv class=\"novea-heading novea-reveal\"\u003e\n\u003cspan class=\"novea-eyebrow\"\u003eYour at-home ritual\u003c\/span\u003e\n\u003ch2\u003eHow to use\u003c\/h2\u003e\n\u003cp\u003eComplete your LED light therapy ritual in six simple steps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003col class=\"novea-use\"\u003e\n\u003cli class=\"novea-reveal\"\u003e\n\u003cspan\u003e1\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eCleanse\u003c\/strong\u003e\n\u003cp\u003eCleanse your face thoroughly and gently pat it dry.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"novea-reveal\"\u003e\n\u003cspan\u003e2\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003ePower on\u003c\/strong\u003e\n\u003cp\u003eEnsure the device is charged, position it and switch it on.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"novea-reveal\"\u003e\n\u003cspan\u003e3\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eSelect\u003c\/strong\u003e\n\u003cp\u003eCycle through the colours and choose your preferred mode.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"novea-reveal\"\u003e\n\u003cspan\u003e4\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eRelax\u003c\/strong\u003e\n\u003cp\u003eEnjoy a comfortable 10–20 minute light therapy session.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"novea-reveal\"\u003e\n\u003cspan\u003e5\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eComplete\u003c\/strong\u003e\n\u003cp\u003eRemove the device and apply your serum and moisturiser.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"novea-reveal\"\u003e\n\u003cspan\u003e6\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eRepeat\u003c\/strong\u003e\n\u003cp\u003eUse according to the recommendations in the supplied guide.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INCLUDED --\u003e\n\u003csection class=\"novea-section novea-soft\"\u003e\n\u003cdiv class=\"novea-container\"\u003e\n\u003cdiv class=\"novea-heading novea-reveal\"\u003e\n\u003cspan class=\"novea-eyebrow\"\u003eThe complete experience\u003c\/span\u003e\n\u003ch2\u003eWhat’s included\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"novea-included\"\u003e\n\u003cdiv class=\"novea-reveal\"\u003e\n\u003cspan\u003e01\u003c\/span\u003e \u003cstrong\u003eNOVÉA™ Glow Therapy LED Mask\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"novea-reveal\"\u003e\n\u003cspan\u003e02\u003c\/span\u003e \u003cstrong\u003eUSB charging cable\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"novea-reveal\"\u003e\n\u003cspan\u003e03\u003c\/span\u003e \u003cstrong\u003ePremium NOVÉA™ matte-black gift box\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"novea-reveal\"\u003e\n\u003cspan\u003e04\u003c\/span\u003e \u003cstrong\u003eUser guide\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FINAL CTA --\u003e\n\u003csection class=\"novea-cta\"\u003e\n\u003cdiv class=\"novea-container novea-cta__inner novea-reveal\"\u003e\n\u003cdiv\u003e\n\u003cspan class=\"novea-eyebrow\"\u003eNOVÉA™ Glow Therapy\u003c\/span\u003e\n\u003ch2\u003eOne mask. Seven treatments.\u003c\/h2\u003e\n\u003cp\u003eSkin that speaks for itself.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ca href=\"#novea-led-modes\" class=\"novea-button\"\u003e View the 7 modes \u003cspan\u003e→\u003c\/span\u003e \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cp class=\"novea-disclaimer\"\u003eCosmetic skincare device. Individual results may vary. Always follow the supplied user guide and discontinue use if irritation occurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n  #novea-glow-mask {\n    --ink: #17181d;\n    --text: #353942;\n    --muted: #686e78;\n    --rose: #b76e79;\n    --rose-dark: #8f505b;\n    --rose-light: #e9c5cc;\n    --rose-wash: #fbe9ee;\n    --border: rgba(23, 24, 29, 0.11);\n    --shadow: 0 14px 38px rgba(25, 20, 28, 0.08);\n\n    width: 100%;\n    overflow: hidden;\n    color: var(--text);\n    background: #fff;\n    font-family:\n      Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial,\n      sans-serif;\n    line-height: 1.6;\n    isolation: isolate;\n    -webkit-font-smoothing: antialiased;\n  }\n\n  #novea-glow-mask *,\n  #novea-glow-mask *::before,\n  #novea-glow-mask *::after {\n    box-sizing: border-box;\n  }\n\n  #novea-glow-mask h1,\n  #novea-glow-mask h2,\n  #novea-glow-mask h3,\n  #novea-glow-mask p {\n    margin: 0;\n    padding: 0;\n  }\n\n  #novea-glow-mask button,\n  #novea-glow-mask a {\n    font: inherit;\n  }\n\n  .novea-container {\n    position: relative;\n    z-index: 2;\n    width: min(1120px, calc(100% - 32px));\n    margin: 0 auto;\n  }\n\n  .novea-section {\n    position: relative;\n    padding: 76px 0;\n  }\n\n  .novea-soft {\n    background:\n      radial-gradient(circle at 7% 7%, rgba(251, 233, 238, 0.96), transparent 28%),\n      linear-gradient(180deg, #fdfbfc, #f7f4f6);\n  }\n\n  .novea-heading,\n  .novea-intro {\n    max-width: 760px;\n    margin: 0 auto 42px;\n    text-align: center;\n  }\n\n  .novea-intro {\n    margin-bottom: 0;\n  }\n\n  .novea-heading h2,\n  .novea-intro h2,\n  .novea-cta h2 {\n    margin: 9px 0 14px !important;\n    color: var(--ink);\n    font-size: clamp(30px, 5vw, 50px);\n    font-weight: 760;\n    line-height: 1.08;\n    letter-spacing: -0.04em;\n  }\n\n  .novea-heading p,\n  .novea-intro p {\n    color: var(--muted);\n    font-size: 16px;\n  }\n\n  .novea-eyebrow {\n    display: inline-block;\n    color: var(--rose);\n    font-size: 11px;\n    font-weight: 850;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n  }\n\n  \/* Hero *\/\n  .novea-hero {\n    position: relative;\n    display: grid;\n    min-height: 680px;\n    padding: 100px 0 85px;\n    overflow: hidden;\n    background:\n      radial-gradient(circle at 50% 30%, #fff, transparent 36%),\n      radial-gradient(circle at 15% 20%, rgba(255, 194, 207, 0.28), transparent 30%),\n      radial-gradient(circle at 88% 80%, rgba(192, 168, 255, 0.24), transparent 28%),\n      linear-gradient(145deg, #fff, #f9edf1 52%, #efeaff);\n    place-items: center;\n  }\n\n  .novea-hero__inner {\n    text-align: center;\n  }\n\n  .novea-badge {\n    display: inline-flex;\n    padding: 9px 15px;\n    border: 1px solid rgba(183, 110, 121, 0.31);\n    border-radius: 999px;\n    color: var(--rose-dark);\n    background: rgba(255, 255, 255, 0.8);\n    box-shadow: 0 8px 24px rgba(183, 110, 121, 0.1);\n    font-size: 10px;\n    font-weight: 850;\n    letter-spacing: 0.16em;\n  }\n\n  .novea-hero h1 {\n    max-width: 900px;\n    margin: 22px auto 16px !important;\n    color: var(--ink);\n    font-size: clamp(43px, 8vw, 78px);\n    font-weight: 780;\n    line-height: 0.99;\n    letter-spacing: -0.055em;\n  }\n\n  .novea-tagline {\n    margin-bottom: 15px !important;\n    color: var(--rose-dark);\n    font-size: clamp(19px, 3vw, 25px);\n    font-weight: 750;\n    line-height: 1.3;\n  }\n\n  .novea-description {\n    max-width: 700px;\n    margin: 0 auto !important;\n    color: var(--muted);\n    font-size: 16px;\n  }\n\n  .novea-colour-bar {\n    display: grid;\n    grid-template-columns: repeat(7, 1fr);\n    width: min(510px, 88%);\n    height: 8px;\n    margin: 30px auto 0;\n    overflow: hidden;\n    border-radius: 999px;\n    box-shadow: 0 8px 22px rgba(50, 40, 54, 0.12);\n  }\n\n  .novea-colour-bar .is-white { background: #e7e9f2; }\n  .novea-colour-bar .is-red { background: #ff4d5f; }\n  .novea-colour-bar .is-green { background: #59d37a; }\n  .novea-colour-bar .is-cyan { background: #42cfc2; }\n  .novea-colour-bar .is-yellow { background: #f3bc32; }\n  .novea-colour-bar .is-blue { background: #438fe8; }\n  .novea-colour-bar .is-purple { background: #9a68e8; }\n\n  .novea-highlights {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    max-width: 720px;\n    margin: 30px auto 0;\n  }\n\n  .novea-highlights div {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    min-height: 58px;\n    padding: 12px;\n    border: 1px solid var(--border);\n    border-radius: 15px;\n    background: rgba(255, 255, 255, 0.84);\n    box-shadow: 0 8px 22px rgba(17, 19, 24, 0.055);\n  }\n\n  .novea-highlights strong {\n    color: var(--rose-dark);\n    font-size: 14px;\n  }\n\n  .novea-highlights span {\n    color: #555c67;\n    font-size: 12px;\n  }\n\n  .novea-trust,\n  .novea-comfort {\n    display: flex;\n    justify-content: center;\n    flex-wrap: wrap;\n    gap: 11px 21px;\n    margin-top: 20px;\n  }\n\n  .novea-trust span {\n    position: relative;\n    padding-left: 16px;\n    color: #616874;\n    font-size: 12px;\n    font-weight: 700;\n  }\n\n  .novea-trust span::before {\n    position: absolute;\n    top: 50%;\n    left: 0;\n    width: 7px;\n    height: 7px;\n    border-radius: 50%;\n    background: var(--rose);\n    content: \"\";\n    transform: translateY(-50%);\n  }\n\n  .novea-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    min-height: 52px;\n    margin-top: 26px;\n    padding: 13px 21px;\n    border: 1px solid var(--rose);\n    border-radius: 999px;\n    color: #fff;\n    background: linear-gradient(135deg, var(--rose-dark), var(--rose));\n    box-shadow: 0 12px 28px rgba(183, 110, 121, 0.26);\n    font-size: 13px;\n    font-weight: 800;\n    text-decoration: none;\n    transition: 0.25s ease;\n  }\n\n  .novea-button:hover {\n    box-shadow: 0 17px 35px rgba(183, 110, 121, 0.34);\n    transform: translateY(-3px);\n  }\n\n  .novea-orb {\n    position: absolute;\n    border-radius: 50%;\n    animation: novea-float 7s ease-in-out infinite;\n  }\n\n  .novea-orb--one {\n    top: 12%;\n    left: 4%;\n    width: 140px;\n    height: 140px;\n    background: rgba(255, 115, 140, 0.13);\n  }\n\n  .novea-orb--two {\n    right: 3%;\n    bottom: 10%;\n    width: 190px;\n    height: 190px;\n    background: rgba(155, 120, 255, 0.13);\n    animation-delay: -3s;\n  }\n\n  \/* Benefits *\/\n  .novea-benefits {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 16px;\n  }\n\n  .novea-card {\n    min-height: 220px;\n    padding: 24px;\n    border: 1px solid var(--border);\n    border-radius: 20px;\n    background: #fff;\n    box-shadow: var(--shadow);\n    transition: 0.28s ease;\n  }\n\n  .novea-card:hover {\n    border-color: rgba(183, 110, 121, 0.4);\n    box-shadow: 0 20px 48px rgba(25, 20, 28, 0.12);\n    transform: translateY(-4px);\n  }\n\n  .novea-icon {\n    display: grid;\n    width: 43px;\n    height: 43px;\n    margin-bottom: 16px;\n    border-radius: 13px;\n    color: var(--rose-dark);\n    background: linear-gradient(180deg, #fff, var(--rose-wash));\n    box-shadow: 0 7px 18px rgba(183, 110, 121, 0.17);\n    place-items: center;\n  }\n\n  .novea-card h3 {\n    margin-bottom: 9px !important;\n    color: var(--ink);\n    font-size: 17px;\n  }\n\n  .novea-card p {\n    color: var(--muted);\n    font-size: 14px;\n  }\n\n  \/* LED section *\/\n  .novea-led-section {\n    background:\n      radial-gradient(circle at 8% 10%, rgba(251, 232, 238, 0.94), transparent 27%),\n      radial-gradient(circle at 92% 90%, rgba(217, 204, 255, 0.76), transparent 28%),\n      #fbfafc;\n  }\n\n  .novea-selected {\n    --selected-colour: #e7e9f2;\n    --selected-glow: rgba(220, 224, 238, 0.72);\n\n    position: relative;\n    display: block;\n    width: 100%;\n    max-width: 820px;\n    min-height: 170px;\n    margin: 0 auto 32px;\n    padding: 28px;\n    overflow: hidden;\n    border: 1px solid var(--selected-colour);\n    border-radius: 24px;\n    background: #fff;\n    box-shadow:\n      0 18px 48px rgba(25, 20, 28, 0.1),\n      0 0 0 3px rgba(231, 233, 242, 0.3);\n    transition:\n      border-color 0.35s ease,\n      box-shadow 0.35s ease;\n  }\n\n  .novea-selected__glow {\n    position: absolute;\n    top: 50%;\n    left: 0;\n    width: 220px;\n    height: 220px;\n    border-radius: 50%;\n    background: var(--selected-glow);\n    filter: blur(48px);\n    opacity: 0.72;\n    pointer-events: none;\n    transform: translate(-32%, -50%);\n    transition: background 0.4s ease;\n  }\n\n  .novea-selected__inner {\n    position: relative;\n    z-index: 2;\n    display: grid;\n    grid-template-columns: 25px minmax(0, 1fr);\n    align-items: flex-start;\n    gap: 18px;\n  }\n\n  .novea-selected__dot {\n    display: block;\n    width: 25px;\n    height: 25px;\n    margin-top: 5px;\n    border: 1px solid rgba(23, 24, 29, 0.13);\n    border-radius: 50%;\n    background: var(--selected-colour);\n    box-shadow: 0 0 20px var(--selected-colour);\n    transition:\n      background 0.4s ease,\n      box-shadow 0.4s ease;\n  }\n\n  .novea-selected__text {\n    min-width: 0;\n  }\n\n  .novea-selected__label {\n    display: block;\n    margin-bottom: 6px;\n    color: var(--rose);\n    font-size: 10px;\n    font-weight: 850;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n  }\n\n  .novea-selected__title {\n    display: block;\n    margin-bottom: 7px;\n    color: var(--ink);\n    font-size: clamp(21px, 3vw, 28px);\n    line-height: 1.2;\n  }\n\n  .novea-selected__copy {\n    display: block !important;\n    max-width: 650px;\n    color: var(--muted) !important;\n    font-size: 14px !important;\n    opacity: 1 !important;\n    visibility: visible !important;\n  }\n\n  .novea-selected.is-changing .novea-selected__text {\n    animation: novea-change 0.4s ease;\n  }\n\n  .novea-modes {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 14px;\n  }\n\n  .novea-mode {\n    --mode-colour: #e7e9f2;\n\n    position: relative;\n    display: grid;\n    grid-template-columns: 24px minmax(0, 1fr) 25px;\n    align-items: flex-start;\n    gap: 15px;\n    width: 100%;\n    min-height: 130px;\n    padding: 20px;\n    border: 1px solid var(--border);\n    border-radius: 19px;\n    color: var(--text);\n    background: #fff;\n    box-shadow: 0 8px 23px rgba(17, 19, 24, 0.06);\n    text-align: left;\n    cursor: pointer;\n    appearance: none;\n    transition: 0.25s ease;\n  }\n\n  .novea-mode:hover,\n  .novea-mode:focus-visible,\n  .novea-mode.is-active {\n    border-color: var(--mode-colour);\n    outline: none;\n    box-shadow: 0 15px 34px rgba(17, 19, 24, 0.11);\n    transform: translateY(-4px);\n  }\n\n  .novea-mode__swatch {\n    width: 23px;\n    height: 23px;\n    margin-top: 2px;\n    border: 1px solid rgba(23, 24, 29, 0.13);\n    border-radius: 50%;\n    background: var(--mode-colour);\n    box-shadow: 0 0 15px var(--mode-colour);\n  }\n\n  .novea-mode__content strong,\n  .novea-mode__content span {\n    display: block;\n  }\n\n  .novea-mode__content strong {\n    margin-bottom: 6px;\n    color: var(--ink);\n    font-size: 16px;\n  }\n\n  .novea-mode__content span {\n    color: var(--muted);\n    font-size: 13px;\n    line-height: 1.5;\n  }\n\n  .novea-mode__check {\n    display: grid;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    color: #fff;\n    background: var(--mode-colour);\n    font-size: 11px;\n    font-weight: 900;\n    opacity: 0;\n    place-items: center;\n    transform: scale(0.7);\n    transition: 0.25s ease;\n  }\n\n  .novea-mode.is-active .novea-mode__check {\n    opacity: 1;\n    transform: scale(1);\n  }\n\n  .novea-mode--white {\n    --mode-colour: #e7e9f2;\n    background: linear-gradient(180deg, #fff, rgba(231, 233, 242, 0.62));\n  }\n\n  .novea-mode--red {\n    --mode-colour: #ff4d5f;\n    background: linear-gradient(180deg, #fff, rgba(255, 77, 95, 0.09));\n  }\n\n  .novea-mode--green {\n    --mode-colour: #59d37a;\n    background: linear-gradient(180deg, #fff, rgba(89, 211, 122, 0.09));\n  }\n\n  .novea-mode--cyan {\n    --mode-colour: #42cfc2;\n    background: linear-gradient(180deg, #fff, rgba(66, 207, 194, 0.1));\n  }\n\n  .novea-mode--yellow {\n    --mode-colour: #f3bc32;\n    background: linear-gradient(180deg, #fff, rgba(243, 188, 50, 0.13));\n  }\n\n  .novea-mode--blue {\n    --mode-colour: #438fe8;\n    background: linear-gradient(180deg, #fff, rgba(67, 143, 232, 0.1));\n  }\n\n  .novea-mode--purple {\n    --mode-colour: #9a68e8;\n    background: linear-gradient(180deg, #fff, rgba(154, 104, 232, 0.11));\n  }\n\n  .novea-mode--white .novea-mode__check {\n    color: var(--ink);\n  }\n\n  .novea-note {\n    margin-top: 24px !important;\n    color: var(--muted);\n    font-size: 11px;\n    text-align: center;\n  }\n\n  \/* Steps, specifications, use and included *\/\n  .novea-steps,\n  .novea-specs,\n  .novea-use,\n  .novea-included {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 13px;\n  }\n\n  .novea-step {\n    min-height: 220px;\n    padding: 23px;\n    border: 1px solid var(--border);\n    border-radius: 19px;\n    background: #fff;\n    box-shadow: var(--shadow);\n  }\n\n  .novea-step \u003e span,\n  .novea-use li \u003e span {\n    display: grid;\n    width: 40px;\n    height: 40px;\n    flex: 0 0 40px;\n    border-radius: 50%;\n    color: var(--ink);\n    background: linear-gradient(180deg, var(--rose-wash), var(--rose-light));\n    box-shadow: 0 7px 18px rgba(183, 110, 121, 0.18);\n    font-size: 11px;\n    font-weight: 850;\n    place-items: center;\n  }\n\n  .novea-step \u003e span {\n    margin-bottom: 30px;\n  }\n\n  .novea-step h3 {\n    margin-bottom: 8px !important;\n    color: var(--ink);\n    font-size: 17px;\n  }\n\n  .novea-step p,\n  .novea-spec p,\n  .novea-use p {\n    color: var(--muted);\n    font-size: 13px;\n  }\n\n  .novea-comfort span {\n    padding: 10px 15px;\n    border: 1px solid var(--border);\n    border-radius: 999px;\n    background: #fff;\n    box-shadow: 0 6px 17px rgba(17, 19, 24, 0.05);\n    font-size: 12px;\n    font-weight: 700;\n  }\n\n  .novea-spec,\n  .novea-use li,\n  .novea-included \u003e div {\n    display: flex;\n    align-items: flex-start;\n    gap: 15px;\n    min-height: 112px;\n    padding: 19px;\n    border: 1px solid var(--border);\n    border-radius: 18px;\n    background: #fff;\n    box-shadow: var(--shadow);\n  }\n\n  .novea-spec \u003e span,\n  .novea-included \u003e div \u003e span {\n    color: var(--rose);\n    font-size: 10px;\n    font-weight: 900;\n  }\n\n  .novea-spec strong,\n  .novea-use strong,\n  .novea-included strong {\n    display: block;\n    margin-bottom: 4px;\n    color: var(--ink);\n    font-size: 14px;\n  }\n\n  .novea-use {\n    max-width: 960px;\n    margin: 0 auto;\n    padding: 0;\n    list-style: none;\n  }\n\n  .novea-use li \u003e span {\n    margin: 0;\n  }\n\n  .novea-included \u003e div {\n    align-items: center;\n    min-height: 82px;\n  }\n\n  \/* CTA *\/\n  .novea-cta {\n    padding: 70px 0;\n    background: linear-gradient(\n      180deg,\n      rgba(251, 232, 238, 0.5),\n      rgba(217, 204, 255, 0.34)\n    );\n  }\n\n  .novea-cta__inner {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 25px;\n    flex-wrap: wrap;\n  }\n\n  .novea-cta .novea-button {\n    margin-top: 0;\n  }\n\n  .novea-cta p {\n    color: var(--muted);\n  }\n\n  .novea-disclaimer {\n    margin: 0 !important;\n    padding: 17px !important;\n    color: #777d87;\n    background: #f4f2f3;\n    font-size: 10px;\n    text-align: center;\n  }\n\n  \/* Reveal effect *\/\n  .novea-reveal {\n    opacity: 1;\n    transform: none;\n  }\n\n  .novea-js .novea-reveal {\n    opacity: 0;\n    transform: translateY(22px);\n    transition:\n      opacity 0.7s ease,\n      transform 0.7s ease;\n  }\n\n  .novea-js .novea-reveal.novea-visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  @keyframes novea-float {\n    50% {\n      transform: translateY(-17px);\n    }\n  }\n\n  @keyframes novea-change {\n    from {\n      opacity: 0;\n      transform: translateY(7px);\n    }\n\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  @media (min-width: 680px) {\n    .novea-benefits,\n    .novea-modes,\n    .novea-steps,\n    .novea-specs,\n    .novea-use,\n    .novea-included {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .novea-card--featured {\n      grid-column: 1 \/ -1;\n    }\n  }\n\n  @media (min-width: 960px) {\n    .novea-section {\n      padding: 96px 0;\n    }\n\n    .novea-benefits,\n    .novea-specs {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n\n    .novea-card--featured {\n      grid-column: 2 \/ 3;\n    }\n  }\n\n  @media (min-width: 1080px) {\n    .novea-steps {\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n    }\n  }\n\n  @media (max-width: 679px) {\n    .novea-hero {\n      min-height: auto;\n      padding: 70px 0 65px;\n    }\n\n    .novea-selected {\n      min-height: 185px;\n      padding: 23px 19px;\n    }\n\n    .novea-selected__inner {\n      grid-template-columns: 21px minmax(0, 1fr);\n      gap: 14px;\n    }\n\n    .novea-selected__dot {\n      width: 21px;\n      height: 21px;\n    }\n\n    .novea-cta__inner {\n      justify-content: center;\n      text-align: center;\n    }\n\n    .novea-cta .novea-button {\n      width: 100%;\n    }\n  }\n\n  @media (max-width: 390px) {\n    .novea-container {\n      width: calc(100% - 22px);\n    }\n\n    .novea-highlights {\n      grid-template-columns: 1fr;\n    }\n\n    .novea-mode {\n      grid-template-columns: 22px minmax(0, 1fr);\n      padding: 16px;\n    }\n\n    .novea-mode__check {\n      position: absolute;\n      top: 15px;\n      right: 15px;\n    }\n\n    .novea-mode__content {\n      padding-right: 22px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    #novea-glow-mask *,\n    #novea-glow-mask *::before,\n    #novea-glow-mask *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n    }\n\n    .novea-js .novea-reveal {\n      opacity: 1;\n      transform: none;\n    }\n  }\n\u003c\/style\u003e\n\u003cp\u003e\u003cscript\u003e\n  (function () {\n    function initialiseNoveaSection(root) {\n      if (!root || root.dataset.noveaReady === \"true\") {\n        return;\n      }\n\n      root.dataset.noveaReady = \"true\";\n      root.classList.add(\"novea-js\");\n\n      \/* Reveal animations *\/\n      var revealItems = root.querySelectorAll(\".novea-reveal\");\n\n      if (\"IntersectionObserver\" in window) {\n        var observer = new IntersectionObserver(\n          function (entries) {\n            entries.forEach(function (entry) {\n              if (!entry.isIntersecting) return;\n\n              entry.target.classList.add(\"novea-visible\");\n              observer.unobserve(entry.target);\n            });\n          },\n          {\n            threshold: 0.08,\n            rootMargin: \"0px 0px -15px 0px\"\n          }\n        );\n\n        revealItems.forEach(function (item, index) {\n          item.style.transitionDelay = ((index % 4) * 50) + \"ms\";\n          observer.observe(item);\n        });\n\n        window.setTimeout(function () {\n          revealItems.forEach(function (item) {\n            item.classList.add(\"novea-visible\");\n          });\n        }, 1600);\n      } else {\n        revealItems.forEach(function (item) {\n          item.classList.add(\"novea-visible\");\n        });\n      }\n\n      \/* LED mode interaction *\/\n      var modesContainer = root.querySelector(\".novea-modes\");\n      var buttons = root.querySelectorAll(\".novea-mode\");\n      var panel = root.querySelector(\"#novea-selected-treatment\");\n      var titleElement = root.querySelector(\".novea-selected__title\");\n      var copyElement = root.querySelector(\".novea-selected__copy\");\n\n      function selectTreatment(button) {\n        if (!button || !panel || !titleElement || !copyElement) {\n          return;\n        }\n\n        var colour =\n          button.getAttribute(\"data-colour\") ||\n          window.getComputedStyle(button)\n            .getPropertyValue(\"--mode-colour\")\n            .trim() ||\n          \"#e7e9f2\";\n\n        var glow =\n          button.getAttribute(\"data-glow\") ||\n          \"rgba(220,224,238,.72)\";\n\n        var title =\n          button.getAttribute(\"data-title\") ||\n          button.querySelector(\".novea-mode__content strong\").textContent.trim();\n\n        var description =\n          button.getAttribute(\"data-description\") ||\n          button.querySelector(\".novea-mode__content span\").textContent\n            .replace(\/\\s+\/g, \" \")\n            .trim();\n\n        buttons.forEach(function (item) {\n          var active = item === button;\n\n          item.classList.toggle(\"is-active\", active);\n          item.setAttribute(\"aria-pressed\", active ? \"true\" : \"false\");\n        });\n\n        \/* Update text using textContent so Shopify cannot clear the panel. *\/\n        titleElement.textContent = title;\n        copyElement.textContent = description;\n\n        \/* Update colour using CSS variables. *\/\n        panel.style.setProperty(\"--selected-colour\", colour);\n        panel.style.setProperty(\"--selected-glow\", glow);\n\n        panel.style.borderColor = colour;\n        panel.style.boxShadow =\n          \"0 18px 48px rgba(25,20,28,.10), 0 0 0 3px \" +\n          colour +\n          \"33\";\n\n        \/* Restart change animation. *\/\n        panel.classList.remove(\"is-changing\");\n        void panel.offsetWidth;\n        panel.classList.add(\"is-changing\");\n      }\n\n      if (modesContainer) {\n        modesContainer.addEventListener(\"click\", function (event) {\n          var button = event.target.closest(\".novea-mode\");\n\n          if (!button || !modesContainer.contains(button)) {\n            return;\n          }\n\n          selectTreatment(button);\n        });\n      }\n\n      \/* Set the initial treatment. *\/\n      selectTreatment(\n        root.querySelector(\".novea-mode.is-active\") ||\n        root.querySelector(\".novea-mode\")\n      );\n    }\n\n    function initialiseAllNoveaSections() {\n      document\n        .querySelectorAll(\"#novea-glow-mask\")\n        .forEach(initialiseNoveaSection);\n    }\n\n    if (document.readyState === \"loading\") {\n      document.addEventListener(\n        \"DOMContentLoaded\",\n        initialiseAllNoveaSections\n      );\n    } else {\n      initialiseAllNoveaSections();\n    }\n\n    \/* Shopify theme editor support *\/\n    document.addEventListener(\"shopify:section:load\", function (event) {\n      var root = event.target.querySelector(\"#novea-glow-mask\");\n\n      if (!root \u0026\u0026 event.target.id === \"novea-glow-mask\") {\n        root = event.target;\n      }\n\n      if (root) {\n        root.dataset.noveaReady = \"false\";\n        initialiseNoveaSection(root);\n      }\n    });\n  })();\n\u003c\/script\u003e ```\u003c\/p\u003e","brand":"NOVÉA","offers":[{"title":"Default Title","offer_id":52234387161304,"sku":null,"price":999.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0829\/3063\/0872\/files\/WhatsAppImage2026-07-18at16.35.30_1.jpg?v=1786643451"},{"product_id":"novea™-soft-lip-essence-oil","title":"NOVÉA™ Soft Lip Essence Oil","description":"\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003c!-- NOVÉA™ Soft Lip Essence Oil — Shopify Custom Liquid Section --\u003e\n\u003cdiv id=\"novea-lip-essence\" class=\"nle\" role=\"region\"\u003e\n\u003c!-- HERO --\u003e\n\u003csection class=\"nle-hero\"\u003e\u003cspan class=\"nle-orb nle-orb--one\"\u003e\u003c\/span\u003e \u003cspan class=\"nle-orb nle-orb--two\"\u003e\u003c\/span\u003e\n\u003cdiv class=\"nle-sparkles\"\u003e\n\u003cspan\u003e✦\u003c\/span\u003e \u003cspan\u003e✧\u003c\/span\u003e \u003cspan\u003e✦\u003c\/span\u003e \u003cspan\u003e✧\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nle-container nle-hero__inner\"\u003e\n\u003cdiv class=\"nle-hero__copy nle-reveal\"\u003e\n\u003cspan class=\"nle-badge\"\u003eNOVÉA™ LIP CARE\u003c\/span\u003e\n\u003ch1\u003eNOVÉA™ Soft Lip Essence Oil\u003c\/h1\u003e\n\u003cp class=\"nle-tagline\"\u003eGlossy comfort.\u003cbr\u003eSoft, nourished-looking lips.\u003c\/p\u003e\n\u003cp class=\"nle-description\"\u003eA cushiony lip essence oil designed to leave lips looking smooth, luminous and beautifully glossy without a heavy, sticky feel.\u003c\/p\u003e\n\u003cdiv class=\"nle-highlights\"\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e2\u003c\/strong\u003e \u003cspan\u003ebeautiful flavours\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eGlossy\u003c\/strong\u003e \u003cspan\u003eglass-lip finish\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eSoft\u003c\/strong\u003e \u003cspan\u003ecomfortable feel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eEveryday\u003c\/strong\u003e \u003cspan\u003elip nourishment\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nle-trust\"\u003e\n\u003cspan\u003eNon-heavy feel\u003c\/span\u003e \u003cspan\u003eWear alone or layered\u003c\/span\u003e \u003cspan\u003eEasy everyday application\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ca class=\"nle-button\" href=\"#nle-flavours\"\u003e Explore the flavours \u003cspan\u003e→\u003c\/span\u003e \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c!-- Decorative visual only — no product picture --\u003e\n\u003cdiv class=\"nle-hero__visual nle-reveal\"\u003e\n\u003cdiv class=\"nle-glow-disc\"\u003e\n\u003cspan class=\"nle-glow-disc__ring\"\u003e\u003c\/span\u003e\n\u003cdiv class=\"nle-glow-disc__content\"\u003e\n\u003cspan class=\"nle-glow-disc__brand\"\u003eNOVÉA™\u003c\/span\u003e \u003cstrong\u003eSoft Lip\u003c\/strong\u003e \u003cstrong\u003eEssence Oil\u003c\/strong\u003e \u003csmall\u003eGloss • Comfort • Glow\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cspan class=\"nle-floating-label nle-floating-label--peach\"\u003e 🍑 Peach Ooolong \u003c\/span\u003e \u003cspan class=\"nle-floating-label nle-floating-label--honey\"\u003e 🍯 Honey Milk \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INTRODUCTION --\u003e\n\u003csection class=\"nle-section\"\u003e\n\u003cdiv class=\"nle-container\"\u003e\n\u003cdiv class=\"nle-intro nle-reveal\"\u003e\n\u003cspan class=\"nle-eyebrow\"\u003eYour everyday lip ritual\u003c\/span\u003e\n\u003ch2\u003eComfort that looks as beautiful as it feels.\u003c\/h2\u003e\n\u003cp\u003eNOVÉA™ Soft Lip Essence Oil combines the high-shine appearance of a gloss with the smooth, comforting feel of a lightweight lip oil. Choose your favourite flavour and apply whenever your lips need a touch of softness and luminosity.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- BENEFITS --\u003e\n\u003csection class=\"nle-section nle-section--soft\"\u003e\n\u003cdiv class=\"nle-container\"\u003e\n\u003cdiv class=\"nle-heading nle-reveal\"\u003e\n\u003cspan class=\"nle-eyebrow\"\u003eBeautifully effortless\u003c\/span\u003e\n\u003ch2\u003eWhy your lips will love it\u003c\/h2\u003e\n\u003cp\u003eA simple daily essential created for comfort, shine and beautifully polished-looking lips.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nle-benefits\"\u003e\n\u003carticle class=\"nle-benefit nle-reveal\"\u003e\u003cspan class=\"nle-benefit__icon\"\u003e✦\u003c\/span\u003e\n\u003ch3\u003eHigh-shine finish\u003c\/h3\u003e\n\u003cp\u003eLeaves lips with a smooth, luminous glass-like shine that instantly elevates your natural look.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"nle-benefit nle-reveal\"\u003e\u003cspan class=\"nle-benefit__icon\"\u003e♡\u003c\/span\u003e\n\u003ch3\u003eComforting lip care\u003c\/h3\u003e\n\u003cp\u003eThe cushiony oil texture helps lips feel soft and comfortable throughout your beauty routine.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"nle-benefit nle-reveal\"\u003e\u003cspan class=\"nle-benefit__icon\"\u003e◇\u003c\/span\u003e\n\u003ch3\u003eSmoother-looking lips\u003c\/h3\u003e\n\u003cp\u003eAdds a polished layer of shine that helps lips appear smoother, softer and more refined.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"nle-benefit nle-reveal\"\u003e\u003cspan class=\"nle-benefit__icon\"\u003e◌\u003c\/span\u003e\n\u003ch3\u003eLightweight feel\u003c\/h3\u003e\n\u003cp\u003eDesigned to deliver glossy impact while maintaining a comfortable, wearable feel.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"nle-benefit nle-reveal\"\u003e\u003cspan class=\"nle-benefit__icon\"\u003e∞\u003c\/span\u003e\n\u003ch3\u003eVersatile application\u003c\/h3\u003e\n\u003cp\u003eWear it alone for natural shine or layer it over your favourite lip colour for extra dimension.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"nle-benefit nle-reveal\"\u003e\u003cspan class=\"nle-benefit__icon\"\u003e✧\u003c\/span\u003e\n\u003ch3\u003eTwo delicious flavours\u003c\/h3\u003e\n\u003cp\u003eChoose between fruity Peach Ooolong and warm Honey Milk to personalise your lip ritual.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INTERACTIVE FLAVOURS --\u003e\n\u003csection class=\"nle-section nle-flavour-section\" id=\"nle-flavours\"\u003e\n\u003cdiv class=\"nle-container\"\u003e\n\u003cdiv class=\"nle-heading nle-reveal\"\u003e\n\u003cspan class=\"nle-eyebrow\"\u003eChoose your essence\u003c\/span\u003e\n\u003ch2\u003eDiscover the two flavours\u003c\/h2\u003e\n\u003cp\u003eSelect a flavour below to update the preview and explore its individual scent, tone and finish.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nle-flavour-layout\"\u003e\n\u003c!-- Flavour options --\u003e\n\u003cdiv class=\"nle-options\"\u003e\n\u003cbutton class=\"nle-option nle-option--peach is-active nle-reveal\" type=\"button\"\u003e \u003cspan class=\"nle-option__icon\"\u003e🍑\u003c\/span\u003e \u003cspan class=\"nle-option__content\"\u003e \u003cstrong\u003ePeach Ooolong\u003c\/strong\u003e \u003cspan\u003e Fruity peach with a delicate pink-shimmer appearance. \u003c\/span\u003e \u003cspan class=\"nle-option__details\"\u003e \u003csmall\u003eFruity\u003c\/small\u003e \u003csmall\u003eFresh\u003c\/small\u003e \u003csmall\u003eLuminous\u003c\/small\u003e \u003c\/span\u003e \u003c\/span\u003e \u003cspan class=\"nle-option__arrow\"\u003e→\u003c\/span\u003e \u003c\/button\u003e \u003cbutton class=\"nle-option nle-option--honey nle-reveal\" type=\"button\"\u003e \u003cspan class=\"nle-option__icon\"\u003e🍯\u003c\/span\u003e \u003cspan class=\"nle-option__content\"\u003e \u003cstrong\u003eHoney Milk\u003c\/strong\u003e \u003cspan\u003e Warm honey and milk with a rich golden-oil appearance. \u003c\/span\u003e \u003cspan class=\"nle-option__details\"\u003e \u003csmall\u003eWarm\u003c\/small\u003e \u003csmall\u003eSweet\u003c\/small\u003e \u003csmall\u003eComforting\u003c\/small\u003e \u003c\/span\u003e \u003c\/span\u003e \u003cspan class=\"nle-option__arrow\"\u003e→\u003c\/span\u003e \u003c\/button\u003e\n\u003c\/div\u003e\n\u003c!-- Selected flavour panel --\u003e\n\u003cdiv class=\"nle-selected nle-selected--peach nle-reveal\"\u003e\n\u003cdiv class=\"nle-selected__top\"\u003e\n\u003cspan class=\"nle-selected__label\"\u003eSelected flavour\u003c\/span\u003e \u003cspan class=\"nle-selected__swatch\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nle-selected__main\"\u003e\n\u003cspan class=\"nle-selected__emoji\"\u003e🍑\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3 class=\"nle-selected__title\"\u003ePeach Ooolong\u003c\/h3\u003e\n\u003cp class=\"nle-selected__description\"\u003eA light, fruity peach scent paired with a delicate pink-tinted shimmer oil for a fresh, luminous glass-lip finish.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nle-selected__properties\"\u003e\n\u003cdiv\u003e\n\u003cspan\u003eScent\u003c\/span\u003e \u003cstrong class=\"nle-selected__scent\"\u003eFruity peach\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan\u003eOil tone\u003c\/span\u003e \u003cstrong class=\"nle-selected__tone\"\u003ePink shimmer\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan\u003eFinish\u003c\/span\u003e \u003cstrong class=\"nle-selected__finish\"\u003e Luminous glass-lip glow \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nle-selected__glow-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- HOW IT WORKS --\u003e\n\u003csection class=\"nle-section\"\u003e\n\u003cdiv class=\"nle-container\"\u003e\n\u003cdiv class=\"nle-heading nle-reveal\"\u003e\n\u003cspan class=\"nle-eyebrow\"\u003eGloss meets comfort\u003c\/span\u003e\n\u003ch2\u003eHow it works\u003c\/h2\u003e\n\u003cp\u003eThe smooth essence-oil texture coats the lips in a comfortable layer of high-impact shine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nle-steps\"\u003e\n\u003carticle class=\"nle-step nle-reveal\"\u003e\u003cspan\u003e01\u003c\/span\u003e\n\u003ch3\u003eSmooth application\u003c\/h3\u003e\n\u003cp\u003eGlide the applicator evenly over clean lips for comfortable, effortless coverage.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"nle-step nle-reveal\"\u003e\u003cspan\u003e02\u003c\/span\u003e\n\u003ch3\u003eCushiony comfort\u003c\/h3\u003e\n\u003cp\u003eThe lightweight oil texture helps lips feel soft without an excessively heavy finish.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"nle-step nle-reveal\"\u003e\u003cspan\u003e03\u003c\/span\u003e\n\u003ch3\u003eInstant luminosity\u003c\/h3\u003e\n\u003cp\u003eA glossy layer catches the light and gives lips a smooth, dimensional appearance.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"nle-step nle-reveal\"\u003e\u003cspan\u003e04\u003c\/span\u003e\n\u003ch3\u003eReapply your way\u003c\/h3\u003e\n\u003cp\u003eWear it alone or reapply over lip colour whenever you want extra comfort and shine.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SPECIFICATIONS --\u003e\n\u003csection class=\"nle-section nle-section--soft\"\u003e\n\u003cdiv class=\"nle-container\"\u003e\n\u003cdiv class=\"nle-heading nle-reveal\"\u003e\n\u003cspan class=\"nle-eyebrow\"\u003eMade for your beauty routine\u003c\/span\u003e\n\u003ch2\u003eKey features\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nle-specifications\"\u003e\n\u003carticle class=\"nle-specification nle-reveal\"\u003e\u003cspan\u003e01\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eProduct type\u003c\/strong\u003e\n\u003cp\u003eComfortable high-shine lip essence oil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"nle-specification nle-reveal\"\u003e\u003cspan\u003e02\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAvailable flavours\u003c\/strong\u003e\n\u003cp\u003ePeach Ooolong and Honey Milk.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"nle-specification nle-reveal\"\u003e\u003cspan\u003e03\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eFinish\u003c\/strong\u003e\n\u003cp\u003eLuminous, smooth and glass-like shine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"nle-specification nle-reveal\"\u003e\u003cspan\u003e04\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eTexture\u003c\/strong\u003e\n\u003cp\u003eCushiony oil texture with a lightweight feel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"nle-specification nle-reveal\"\u003e\u003cspan\u003e05\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eApplication\u003c\/strong\u003e\n\u003cp\u003eWear alone or layer over your preferred lip colour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"nle-specification nle-reveal\"\u003e\u003cspan\u003e06\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eRecommended use\u003c\/strong\u003e\n\u003cp\u003eApply whenever lips need comfort, softness and shine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- HOW TO USE --\u003e\n\u003csection class=\"nle-section\"\u003e\n\u003cdiv class=\"nle-container\"\u003e\n\u003cdiv class=\"nle-heading nle-reveal\"\u003e\n\u003cspan class=\"nle-eyebrow\"\u003eYour glossy lip ritual\u003c\/span\u003e\n\u003ch2\u003eHow to use\u003c\/h2\u003e\n\u003cp\u003eCreate soft, glossy-looking lips in four effortless steps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003col class=\"nle-use-list\"\u003e\n\u003cli class=\"nle-use-item nle-reveal\"\u003e\n\u003cspan\u003e1\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003ePrepare\u003c\/strong\u003e\n\u003cp\u003eBegin with clean, dry lips.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"nle-use-item nle-reveal\"\u003e\n\u003cspan\u003e2\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eApply\u003c\/strong\u003e\n\u003cp\u003eGlide a smooth, even layer across the upper and lower lips.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"nle-use-item nle-reveal\"\u003e\n\u003cspan\u003e3\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eLayer\u003c\/strong\u003e\n\u003cp\u003eWear alone or apply over lip colour for additional shine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"nle-use-item nle-reveal\"\u003e\n\u003cspan\u003e4\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eRefresh\u003c\/strong\u003e\n\u003cp\u003eReapply throughout the day whenever desired.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- WHAT'S INCLUDED --\u003e\n\u003csection class=\"nle-section nle-section--soft\"\u003e\n\u003cdiv class=\"nle-container\"\u003e\n\u003cdiv class=\"nle-heading nle-reveal\"\u003e\n\u003cspan class=\"nle-eyebrow\"\u003eYour chosen essence\u003c\/span\u003e\n\u003ch2\u003eWhat’s included\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nle-included\"\u003e\n\u003cdiv class=\"nle-included__item nle-reveal\"\u003e\n\u003cspan\u003e01\u003c\/span\u003e \u003cstrong\u003e1 × NOVÉA™ Soft Lip Essence Oil\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nle-included__item nle-reveal\"\u003e\n\u003cspan\u003e02\u003c\/span\u003e \u003cstrong\u003eYour selected flavour\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nle-included__item nle-reveal\"\u003e\n\u003cspan\u003e03\u003c\/span\u003e \u003cstrong\u003eIntegrated lip applicator\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nle-included__item nle-reveal\"\u003e\n\u003cspan\u003e04\u003c\/span\u003e \u003cstrong\u003eNOVÉA™ product packaging\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FINAL CTA --\u003e\n\u003csection class=\"nle-cta\"\u003e\u003cspan class=\"nle-cta__glow\"\u003e\u003c\/span\u003e\n\u003cdiv class=\"nle-container nle-cta__inner nle-reveal\"\u003e\n\u003cdiv\u003e\n\u003cspan class=\"nle-eyebrow\"\u003eNOVÉA™ Soft Lip Essence Oil\u003c\/span\u003e\n\u003ch2\u003eSoftness you can feel.\u003cbr\u003eShine everyone can see.\u003c\/h2\u003e\n\u003cp\u003eChoose your favourite flavour and complete your lip ritual.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ca class=\"nle-button nle-button--large\" href=\"#nle-flavours\"\u003e Choose your flavour \u003cspan\u003e→\u003c\/span\u003e \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cp class=\"nle-disclaimer\"\u003eFor cosmetic use only. Individual appearance and experience may vary. Discontinue use if irritation occurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n  #novea-lip-essence {\n    --nle-ink: #1c181a;\n    --nle-text: #403a3e;\n    --nle-muted: #746c72;\n    --nle-rose: #bd737e;\n    --nle-rose-dark: #98535f;\n    --nle-rose-light: #ecc8ce;\n    --nle-peach: #ef8f92;\n    --nle-peach-soft: rgba(239, 143, 146, 0.22);\n    --nle-honey: #d3a03b;\n    --nle-honey-soft: rgba(211, 160, 59, 0.22);\n    --nle-cream: #fffaf8;\n    --nle-border: rgba(28, 24, 26, 0.11);\n    --nle-shadow: 0 16px 42px rgba(45, 29, 37, 0.09);\n\n    width: 100%;\n    overflow: hidden;\n    color: var(--nle-text);\n    background: #fff;\n    font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\",\n      Helvetica, Arial, sans-serif;\n    line-height: 1.6;\n    isolation: isolate;\n    -webkit-font-smoothing: antialiased;\n  }\n\n  #novea-lip-essence *,\n  #novea-lip-essence *::before,\n  #novea-lip-essence *::after {\n    box-sizing: border-box;\n  }\n\n  #novea-lip-essence h1,\n  #novea-lip-essence h2,\n  #novea-lip-essence h3,\n  #novea-lip-essence p {\n    margin: 0;\n    padding: 0;\n  }\n\n  #novea-lip-essence button,\n  #novea-lip-essence a {\n    font: inherit;\n  }\n\n  .nle-container {\n    position: relative;\n    z-index: 2;\n    width: min(1120px, calc(100% - 32px));\n    margin: 0 auto;\n  }\n\n  .nle-section {\n    position: relative;\n    padding: 76px 0;\n  }\n\n  .nle-section--soft {\n    background:\n      radial-gradient(\n        circle at 7% 8%,\n        rgba(255, 225, 224, 0.62),\n        transparent 28%\n      ),\n      linear-gradient(180deg, #fffdfc, #f9f5f6);\n  }\n\n  .nle-heading,\n  .nle-intro {\n    max-width: 760px;\n    margin: 0 auto 38px;\n    text-align: center;\n  }\n\n  .nle-intro {\n    margin-bottom: 0;\n  }\n\n  .nle-heading h2,\n  .nle-intro h2,\n  .nle-cta h2 {\n    margin: 8px 0 13px;\n    color: var(--nle-ink);\n    font-size: clamp(30px, 5vw, 50px);\n    font-weight: 760;\n    line-height: 1.08;\n    letter-spacing: -0.04em;\n  }\n\n  .nle-heading p,\n  .nle-intro p {\n    color: var(--nle-muted);\n    font-size: 16px;\n  }\n\n  .nle-eyebrow {\n    display: inline-block;\n    color: var(--nle-rose);\n    font-size: 11px;\n    font-weight: 850;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n  }\n\n  \/* Hero *\/\n  .nle-hero {\n    position: relative;\n    padding: 88px 0 76px;\n    overflow: hidden;\n    background:\n      radial-gradient(\n        circle at 12% 15%,\n        rgba(255, 255, 255, 0.96),\n        transparent 31%\n      ),\n      linear-gradient(145deg, #fff, #fcecef 50%, #fff3dc);\n  }\n\n  .nle-hero__inner {\n    display: grid;\n    align-items: center;\n    gap: 50px;\n  }\n\n  .nle-badge {\n    display: inline-flex;\n    padding: 8px 14px;\n    border: 1px solid rgba(189, 115, 126, 0.3);\n    border-radius: 999px;\n    color: var(--nle-rose-dark);\n    background: rgba(255, 255, 255, 0.78);\n    box-shadow: 0 8px 24px rgba(189, 115, 126, 0.1);\n    font-size: 10px;\n    font-weight: 850;\n    letter-spacing: 0.16em;\n  }\n\n  .nle-hero h1 {\n    max-width: 700px;\n    margin: 19px 0 15px;\n    color: var(--nle-ink);\n    font-size: clamp(42px, 7vw, 70px);\n    font-weight: 780;\n    line-height: 0.99;\n    letter-spacing: -0.055em;\n  }\n\n  .nle-tagline {\n    margin-bottom: 14px !important;\n    color: var(--nle-rose-dark);\n    font-size: clamp(19px, 3vw, 24px);\n    font-weight: 750;\n    line-height: 1.3;\n  }\n\n  .nle-description {\n    max-width: 620px;\n    color: var(--nle-muted);\n    font-size: 16px;\n  }\n\n  .nle-highlights {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 10px;\n    max-width: 620px;\n    margin-top: 25px;\n  }\n\n  .nle-highlights div {\n    display: flex;\n    align-items: center;\n    gap: 7px;\n    min-height: 52px;\n    padding: 11px 13px;\n    border: 1px solid var(--nle-border);\n    border-radius: 14px;\n    background: rgba(255, 255, 255, 0.84);\n    box-shadow: 0 7px 20px rgba(42, 25, 33, 0.05);\n  }\n\n  .nle-highlights strong {\n    color: var(--nle-rose-dark);\n    font-size: 13px;\n  }\n\n  .nle-highlights span {\n    color: #625a60;\n    font-size: 12px;\n  }\n\n  .nle-trust {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px 21px;\n    margin-top: 18px;\n  }\n\n  .nle-trust span {\n    position: relative;\n    padding-left: 15px;\n    color: #696168;\n    font-size: 12px;\n    font-weight: 700;\n  }\n\n  .nle-trust span::before {\n    position: absolute;\n    top: 50%;\n    left: 0;\n    width: 7px;\n    height: 7px;\n    border-radius: 50%;\n    background: var(--nle-rose);\n    content: \"\";\n    transform: translateY(-50%);\n  }\n\n  .nle-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    min-height: 50px;\n    margin-top: 25px;\n    padding: 12px 20px;\n    border: 1px solid var(--nle-rose);\n    border-radius: 999px;\n    color: #fff;\n    background: linear-gradient(\n      135deg,\n      var(--nle-rose-dark),\n      var(--nle-rose)\n    );\n    box-shadow: 0 12px 28px rgba(189, 115, 126, 0.26);\n    font-size: 13px;\n    font-weight: 800;\n    text-decoration: none;\n    transition:\n      transform 0.25s ease,\n      box-shadow 0.25s ease;\n  }\n\n  .nle-button:hover,\n  .nle-button:focus-visible {\n    outline: none;\n    box-shadow: 0 16px 34px rgba(189, 115, 126, 0.34);\n    transform: translateY(-3px);\n  }\n\n  .nle-hero__visual {\n    position: relative;\n    display: grid;\n    min-height: 430px;\n    place-items: center;\n  }\n\n  .nle-glow-disc {\n    position: relative;\n    display: grid;\n    width: min(330px, 78vw);\n    aspect-ratio: 1;\n    border: 1px solid rgba(255, 255, 255, 0.82);\n    border-radius: 50%;\n    background:\n      radial-gradient(\n        circle at 35% 25%,\n        rgba(255, 255, 255, 0.98),\n        transparent 31%\n      ),\n      linear-gradient(145deg, #ffd9d8, #f3adb2 53%, #e5b45d);\n    box-shadow:\n      inset 0 0 50px rgba(255, 255, 255, 0.58),\n      0 30px 70px rgba(91, 50, 62, 0.2);\n    place-items: center;\n    animation: nle-disc-float 5s ease-in-out infinite;\n  }\n\n  .nle-glow-disc::before {\n    position: absolute;\n    inset: -25px;\n    z-index: -1;\n    border-radius: 50%;\n    background: conic-gradient(\n      var(--nle-peach),\n      #ffd9b1,\n      var(--nle-honey),\n      #f1b2c0,\n      var(--nle-peach)\n    );\n    filter: blur(34px);\n    opacity: 0.28;\n    content: \"\";\n    animation: nle-spin 12s linear infinite;\n  }\n\n  .nle-glow-disc__ring {\n    position: absolute;\n    inset: 19px;\n    border: 1px solid rgba(255, 255, 255, 0.52);\n    border-radius: 50%;\n  }\n\n  .nle-glow-disc__content {\n    color: #fff;\n    text-align: center;\n    text-shadow: 0 3px 20px rgba(71, 35, 44, 0.18);\n  }\n\n  .nle-glow-disc__brand {\n    display: block;\n    margin-bottom: 21px;\n    font-size: 10px;\n    font-weight: 900;\n    letter-spacing: 0.22em;\n  }\n\n  .nle-glow-disc__content strong {\n    display: block;\n    font-size: clamp(27px, 5vw, 39px);\n    line-height: 1.02;\n    letter-spacing: -0.04em;\n  }\n\n  .nle-glow-disc__content small {\n    display: block;\n    margin-top: 22px;\n    font-size: 9px;\n    font-weight: 800;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n  }\n\n  .nle-floating-label {\n    position: absolute;\n    z-index: 3;\n    padding: 10px 14px;\n    border: 1px solid var(--nle-border);\n    border-radius: 999px;\n    background: rgba(255, 255, 255, 0.88);\n    box-shadow: var(--nle-shadow);\n    font-size: 11px;\n    font-weight: 800;\n    backdrop-filter: blur(8px);\n  }\n\n  .nle-floating-label--peach {\n    top: 15%;\n    left: 0;\n    color: #aa545c;\n    animation: nle-label-float 4s ease-in-out infinite;\n  }\n\n  .nle-floating-label--honey {\n    right: 0;\n    bottom: 18%;\n    color: #9a7024;\n    animation: nle-label-float 4s -2s ease-in-out infinite;\n  }\n\n  .nle-orb {\n    position: absolute;\n    border-radius: 50%;\n    animation: nle-orb-float 7s ease-in-out infinite;\n  }\n\n  .nle-orb--one {\n    top: 8%;\n    left: 2%;\n    width: 140px;\n    height: 140px;\n    background: rgba(255, 128, 145, 0.12);\n  }\n\n  .nle-orb--two {\n    right: 2%;\n    bottom: 5%;\n    width: 190px;\n    height: 190px;\n    background: rgba(224, 178, 75, 0.12);\n    animation-delay: -3s;\n  }\n\n  .nle-sparkles span {\n    position: absolute;\n    z-index: 1;\n    color: rgba(189, 115, 126, 0.56);\n    animation: nle-twinkle 3s ease-in-out infinite;\n  }\n\n  .nle-sparkles span:nth-child(1) {\n    top: 16%;\n    left: 46%;\n  }\n\n  .nle-sparkles span:nth-child(2) {\n    top: 28%;\n    right: 8%;\n    animation-delay: -1s;\n  }\n\n  .nle-sparkles span:nth-child(3) {\n    bottom: 17%;\n    left: 39%;\n    animation-delay: -2s;\n  }\n\n  .nle-sparkles span:nth-child(4) {\n    right: 41%;\n    bottom: 8%;\n    animation-delay: -0.5s;\n  }\n\n  \/* Benefits *\/\n  .nle-benefits {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 15px;\n  }\n\n  .nle-benefit {\n    min-height: 215px;\n    padding: 23px;\n    border: 1px solid var(--nle-border);\n    border-radius: 19px;\n    background: #fff;\n    box-shadow: var(--nle-shadow);\n    transition:\n      transform 0.28s ease,\n      box-shadow 0.28s ease,\n      border-color 0.28s ease;\n  }\n\n  .nle-benefit:hover {\n    border-color: rgba(189, 115, 126, 0.4);\n    box-shadow: 0 21px 49px rgba(45, 29, 37, 0.13);\n    transform: translateY(-4px);\n  }\n\n  .nle-benefit__icon {\n    display: grid;\n    width: 42px;\n    height: 42px;\n    margin-bottom: 15px;\n    border-radius: 13px;\n    color: var(--nle-rose-dark);\n    background: linear-gradient(180deg, #fff, #f9e1e5);\n    box-shadow: 0 7px 18px rgba(189, 115, 126, 0.17);\n    place-items: center;\n  }\n\n  .nle-benefit h3 {\n    margin-bottom: 8px !important;\n    color: var(--nle-ink);\n    font-size: 17px;\n    line-height: 1.35;\n  }\n\n  .nle-benefit p {\n    color: var(--nle-muted);\n    font-size: 14px;\n  }\n\n  \/* Interactive flavours *\/\n  .nle-flavour-section {\n    background:\n      radial-gradient(\n        circle at 8% 10%,\n        rgba(255, 218, 218, 0.66),\n        transparent 27%\n      ),\n      radial-gradient(\n        circle at 92% 88%,\n        rgba(255, 224, 160, 0.58),\n        transparent 28%\n      ),\n      #fffaf9;\n  }\n\n  .nle-flavour-layout {\n    display: grid;\n    align-items: stretch;\n    gap: 28px;\n  }\n\n  .nle-options {\n    display: grid;\n    gap: 15px;\n  }\n\n  .nle-option {\n    --option-colour: var(--nle-peach);\n    --option-soft: var(--nle-peach-soft);\n\n    display: grid;\n    grid-template-columns: 54px minmax(0, 1fr) 26px;\n    align-items: center;\n    gap: 15px;\n    width: 100%;\n    min-height: 150px;\n    padding: 20px;\n    border: 1px solid var(--nle-border);\n    border-radius: 21px;\n    color: var(--nle-text);\n    background:\n      radial-gradient(\n        circle at 100% 0,\n        var(--option-soft),\n        transparent 42%\n      ),\n      #fff;\n    box-shadow: var(--nle-shadow);\n    text-align: left;\n    cursor: pointer;\n    appearance: none;\n    transition:\n      transform 0.25s ease,\n      border-color 0.25s ease,\n      box-shadow 0.25s ease;\n  }\n\n  .nle-option--honey {\n    --option-colour: var(--nle-honey);\n    --option-soft: var(--nle-honey-soft);\n  }\n\n  .nle-option:hover,\n  .nle-option:focus-visible,\n  .nle-option.is-active {\n    border-color: var(--option-colour);\n    outline: none;\n    box-shadow:\n      0 18px 38px rgba(42, 25, 33, 0.12),\n      0 0 0 3px var(--option-soft);\n    transform: translateY(-3px);\n  }\n\n  .nle-option__icon {\n    display: grid;\n    width: 54px;\n    height: 54px;\n    border: 1px solid var(--option-soft);\n    border-radius: 17px;\n    background: var(--option-soft);\n    font-size: 25px;\n    place-items: center;\n  }\n\n  .nle-option__content,\n  .nle-option__content strong,\n  .nle-option__content \u003e span {\n    display: block;\n  }\n\n  .nle-option__content strong {\n    margin-bottom: 5px;\n    color: var(--nle-ink);\n    font-size: 17px;\n  }\n\n  .nle-option__content \u003e span {\n    color: var(--nle-muted);\n    font-size: 13px;\n    line-height: 1.5;\n  }\n\n  .nle-option__details {\n    display: flex !important;\n    flex-wrap: wrap;\n    gap: 6px;\n    margin-top: 11px;\n  }\n\n  .nle-option__details small {\n    padding: 4px 8px;\n    border: 1px solid var(--option-soft);\n    border-radius: 999px;\n    color: var(--nle-text);\n    background: var(--option-soft);\n    font-size: 9px;\n    font-weight: 750;\n    text-transform: uppercase;\n    letter-spacing: 0.08em;\n  }\n\n  .nle-option__arrow {\n    color: var(--option-colour);\n    font-size: 21px;\n    transition: transform 0.25s ease;\n  }\n\n  .nle-option:hover .nle-option__arrow,\n  .nle-option.is-active .nle-option__arrow {\n    transform: translateX(4px);\n  }\n\n  .nle-selected {\n    --selected-theme: var(--nle-peach);\n    --selected-soft: var(--nle-peach-soft);\n\n    position: relative;\n    min-height: 315px;\n    padding: 26px;\n    overflow: hidden;\n    border: 1px solid var(--selected-theme);\n    border-radius: 24px;\n    background:\n      radial-gradient(\n        circle at 100% 0,\n        var(--selected-soft),\n        transparent 44%\n      ),\n      #fff;\n    box-shadow: 0 22px 52px rgba(45, 29, 37, 0.12);\n    transition:\n      border-color 0.35s ease,\n      background 0.35s ease,\n      transform 0.35s ease;\n  }\n\n  .nle-selected__top {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 15px;\n    margin-bottom: 28px;\n  }\n\n  .nle-selected__label {\n    color: var(--selected-theme);\n    font-size: 10px;\n    font-weight: 900;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n  }\n\n  .nle-selected__swatch {\n    width: 19px;\n    height: 19px;\n    border-radius: 50%;\n    background: var(--selected-theme);\n    box-shadow: 0 0 17px var(--selected-theme);\n  }\n\n  .nle-selected__main {\n    display: grid;\n    grid-template-columns: 60px minmax(0, 1fr);\n    align-items: flex-start;\n    gap: 17px;\n  }\n\n  .nle-selected__emoji {\n    display: grid !important;\n    width: 60px;\n    height: 60px;\n    border-radius: 18px;\n    background: var(--selected-soft);\n    font-size: 29px;\n    place-items: center;\n  }\n\n  .nle-selected__title {\n    display: block !important;\n    margin-bottom: 8px !important;\n    color: var(--nle-ink);\n    font-size: 26px;\n    line-height: 1.15;\n  }\n\n  .nle-selected__description {\n    display: block !important;\n    color: var(--nle-muted);\n    font-size: 14px;\n  }\n\n  .nle-selected__properties {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 10px;\n    margin-top: 25px;\n  }\n\n  .nle-selected__properties div {\n    padding: 13px;\n    border: 1px solid var(--nle-border);\n    border-radius: 14px;\n    background: rgba(255, 255, 255, 0.76);\n  }\n\n  .nle-selected__properties span,\n  .nle-selected__properties strong {\n    display: block !important;\n  }\n\n  .nle-selected__properties span {\n    margin-bottom: 3px;\n    color: var(--nle-muted);\n    font-size: 9px;\n    font-weight: 800;\n    letter-spacing: 0.11em;\n    text-transform: uppercase;\n  }\n\n  .nle-selected__properties strong {\n    color: var(--nle-ink);\n    font-size: 12px;\n  }\n\n  .nle-selected__glow-line {\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    height: 4px;\n    background: linear-gradient(\n      90deg,\n      transparent,\n      var(--selected-theme),\n      transparent\n    );\n    animation: nle-line-glow 2.5s ease-in-out infinite;\n  }\n\n  .nle-selected.is-updating .nle-selected__main,\n  .nle-selected.is-updating .nle-selected__properties {\n    animation: nle-content-update 0.42s ease;\n  }\n\n  \/* Steps *\/\n  .nle-steps {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 13px;\n  }\n\n  .nle-step {\n    min-height: 215px;\n    padding: 21px;\n    border: 1px solid var(--nle-border);\n    border-radius: 18px;\n    background: #fff;\n    box-shadow: var(--nle-shadow);\n    transition: transform 0.28s ease;\n  }\n\n  .nle-step:hover {\n    transform: translateY(-4px);\n  }\n\n  .nle-step \u003e span {\n    display: grid;\n    width: 39px;\n    height: 39px;\n    margin-bottom: 29px;\n    border-radius: 50%;\n    color: var(--nle-ink);\n    background: linear-gradient(180deg, #fff0f2, var(--nle-rose-light));\n    box-shadow: 0 7px 18px rgba(189, 115, 126, 0.18);\n    font-size: 11px;\n    font-weight: 850;\n    place-items: center;\n  }\n\n  .nle-step h3 {\n    margin-bottom: 7px !important;\n    color: var(--nle-ink);\n    font-size: 17px;\n  }\n\n  .nle-step p {\n    color: var(--nle-muted);\n    font-size: 14px;\n  }\n\n  \/* Specifications *\/\n  .nle-specifications {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 12px;\n  }\n\n  .nle-specification {\n    display: flex;\n    align-items: flex-start;\n    gap: 14px;\n    min-height: 115px;\n    padding: 17px;\n    border: 1px solid var(--nle-border);\n    border-radius: 17px;\n    background: #fff;\n    box-shadow: var(--nle-shadow);\n    transition: transform 0.25s ease;\n  }\n\n  .nle-specification:hover {\n    transform: translateY(-3px);\n  }\n\n  .nle-specification \u003e span {\n    color: var(--nle-rose);\n    font-size: 10px;\n    font-weight: 900;\n    letter-spacing: 0.1em;\n  }\n\n  .nle-specification strong {\n    display: block;\n    margin-bottom: 5px;\n    color: var(--nle-ink);\n    font-size: 14px;\n  }\n\n  .nle-specification p {\n    color: var(--nle-muted);\n    font-size: 13px;\n  }\n\n  \/* How to use *\/\n  .nle-use-list {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 12px;\n    max-width: 940px;\n    margin: 0 auto;\n    padding: 0;\n    list-style: none;\n  }\n\n  .nle-use-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 14px;\n    min-height: 104px;\n    padding: 18px;\n    border: 1px solid var(--nle-border);\n    border-radius: 17px;\n    background: #fff;\n    box-shadow: var(--nle-shadow);\n    transition:\n      transform 0.25s ease,\n      border-color 0.25s ease;\n  }\n\n  .nle-use-item:hover {\n    border-color: rgba(189, 115, 126, 0.38);\n    transform: translateX(4px);\n  }\n\n  .nle-use-item \u003e span {\n    display: grid;\n    width: 36px;\n    height: 36px;\n    flex: 0 0 36px;\n    border-radius: 50%;\n    color: var(--nle-ink);\n    background: linear-gradient(180deg, #fff0f2, var(--nle-rose-light));\n    box-shadow: 0 6px 16px rgba(189, 115, 126, 0.18);\n    font-size: 12px;\n    font-weight: 850;\n    place-items: center;\n  }\n\n  .nle-use-item strong {\n    display: block;\n    color: var(--nle-ink);\n    font-size: 15px;\n  }\n\n  .nle-use-item p {\n    margin-top: 2px !important;\n    color: var(--nle-muted);\n    font-size: 13px;\n  }\n\n  \/* Included *\/\n  .nle-included {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 12px;\n  }\n\n  .nle-included__item {\n    display: flex;\n    align-items: center;\n    gap: 15px;\n    min-height: 78px;\n    padding: 18px;\n    border: 1px solid var(--nle-border);\n    border-radius: 17px;\n    background: #fff;\n    box-shadow: 0 8px 22px rgba(42, 25, 33, 0.06);\n  }\n\n  .nle-included__item span {\n    color: var(--nle-rose);\n    font-size: 10px;\n    font-weight: 900;\n  }\n\n  .nle-included__item strong {\n    color: var(--nle-ink);\n    font-size: 14px;\n  }\n\n  \/* CTA *\/\n  .nle-cta {\n    position: relative;\n    padding: 70px 0;\n    overflow: hidden;\n    border-top: 1px solid rgba(189, 115, 126, 0.25);\n    background: linear-gradient(\n      135deg,\n      rgba(255, 225, 227, 0.72),\n      rgba(255, 235, 190, 0.56)\n    );\n  }\n\n  .nle-cta__inner {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 25px;\n    flex-wrap: wrap;\n  }\n\n  .nle-cta h2 {\n    font-size: clamp(29px, 4vw, 44px);\n  }\n\n  .nle-cta p {\n    color: var(--nle-muted);\n  }\n\n  .nle-cta .nle-button {\n    margin-top: 0;\n  }\n\n  .nle-button--large {\n    min-height: 54px;\n    padding: 13px 23px;\n  }\n\n  .nle-cta__glow {\n    position: absolute;\n    top: 50%;\n    right: -120px;\n    width: 470px;\n    height: 320px;\n    border-radius: 50%;\n    background: radial-gradient(\n      circle,\n      rgba(189, 115, 126, 0.25),\n      transparent 68%\n    );\n    transform: translateY(-50%);\n  }\n\n  .nle-disclaimer {\n    padding: 16px !important;\n    color: #82797f;\n    background: #f6f3f4;\n    font-size: 10px;\n    text-align: center;\n  }\n\n  \/* Content remains visible when JavaScript is unavailable *\/\n  .nle-reveal {\n    opacity: 1;\n    transform: none;\n  }\n\n  .nle-js .nle-reveal {\n    opacity: 0;\n    transform: translateY(22px);\n    transition:\n      opacity 0.7s ease,\n      transform 0.7s cubic-bezier(0.2, 0.7, 0.2, 1);\n  }\n\n  .nle-js .nle-reveal.nle-visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  @keyframes nle-spin {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  @keyframes nle-disc-float {\n    0%,\n    100% {\n      transform: translateY(0) rotate(-2deg);\n    }\n\n    50% {\n      transform: translateY(-12px) rotate(2deg);\n    }\n  }\n\n  @keyframes nle-orb-float {\n    0%,\n    100% {\n      transform: translateY(0);\n    }\n\n    50% {\n      transform: translateY(-18px);\n    }\n  }\n\n  @keyframes nle-label-float {\n    0%,\n    100% {\n      transform: translateY(0);\n    }\n\n    50% {\n      transform: translateY(-8px);\n    }\n  }\n\n  @keyframes nle-twinkle {\n    0%,\n    100% {\n      opacity: 0.25;\n      transform: scale(0.8) rotate(0);\n    }\n\n    50% {\n      opacity: 1;\n      transform: scale(1.15) rotate(20deg);\n    }\n  }\n\n  @keyframes nle-line-glow {\n    0%,\n    100% {\n      opacity: 0.45;\n      transform: scaleX(0.72);\n    }\n\n    50% {\n      opacity: 1;\n      transform: scaleX(1);\n    }\n  }\n\n  @keyframes nle-content-update {\n    0% {\n      opacity: 0.45;\n      transform: translateY(5px);\n    }\n\n    100% {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  @media (min-width: 680px) {\n    .nle-benefits {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .nle-selected__properties {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n\n    .nle-steps {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .nle-specifications {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .nle-use-list {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .nle-included {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n  }\n\n  @media (min-width: 900px) {\n    .nle-flavour-layout {\n      grid-template-columns: 0.9fr 1.1fr;\n      gap: 30px;\n    }\n  }\n\n  @media (min-width: 960px) {\n    .nle-section {\n      padding: 94px 0;\n    }\n\n    .nle-hero__inner {\n      grid-template-columns: 1.08fr 0.92fr;\n    }\n\n    .nle-benefits {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n\n    .nle-specifications {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n  }\n\n  @media (min-width: 1080px) {\n    .nle-steps {\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n    }\n  }\n\n  @media (max-width: 679px) {\n    .nle-hero {\n      padding: 62px 0 56px;\n      text-align: center;\n    }\n\n    .nle-description {\n      margin-right: auto !important;\n      margin-left: auto !important;\n    }\n\n    .nle-trust {\n      justify-content: center;\n    }\n\n    .nle-hero__visual {\n      min-height: 380px;\n    }\n\n    .nle-floating-label--peach {\n      left: 1%;\n    }\n\n    .nle-floating-label--honey {\n      right: 1%;\n    }\n\n    .nle-selected {\n      padding: 20px;\n    }\n\n    .nle-selected__main {\n      grid-template-columns: 50px minmax(0, 1fr);\n      gap: 13px;\n    }\n\n    .nle-selected__emoji {\n      width: 50px;\n      height: 50px;\n      font-size: 24px;\n    }\n\n    .nle-selected__title {\n      font-size: 22px;\n    }\n\n    .nle-cta__inner {\n      justify-content: center;\n      text-align: center;\n    }\n\n    .nle-cta .nle-button {\n      width: 100%;\n    }\n  }\n\n  @media (max-width: 420px) {\n    .nle-container {\n      width: calc(100% - 22px);\n    }\n\n    .nle-highlights {\n      grid-template-columns: 1fr;\n    }\n\n    .nle-glow-disc {\n      width: 255px;\n    }\n\n    .nle-option {\n      grid-template-columns: 45px minmax(0, 1fr);\n      padding: 16px;\n    }\n\n    .nle-option__icon {\n      width: 45px;\n      height: 45px;\n      font-size: 21px;\n    }\n\n    .nle-option__arrow {\n      display: none;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    #novea-lip-essence *,\n    #novea-lip-essence *::before,\n    #novea-lip-essence *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      scroll-behavior: auto !important;\n      transition-duration: 0.01ms !important;\n    }\n\n    .nle-js .nle-reveal,\n    .nle-js .nle-reveal.nle-visible {\n      opacity: 1;\n      transform: none;\n    }\n  }\n\u003c\/style\u003e\n\u003cp\u003e\u003cscript\u003e\n  (function () {\n    var flavourContent = {\n      peach: {\n        emoji: \"🍑\",\n        title: \"Peach Ooolong\",\n        description:\n          \"A light, fruity peach scent paired with a delicate pink-tinted shimmer oil for a fresh, luminous glass-lip finish.\",\n        scent: \"Fruity peach\",\n        tone: \"Pink shimmer\",\n        finish: \"Luminous glass-lip glow\",\n        colour: \"#ef8f92\",\n        soft: \"rgba(239, 143, 146, 0.22)\"\n      },\n\n      honey: {\n        emoji: \"🍯\",\n        title: \"Honey Milk\",\n        description:\n          \"A warm, sweet honey-and-milk scent paired with a golden nourishing oil for a rich, comforting glossy finish.\",\n        scent: \"Honey and milk\",\n        tone: \"Golden oil\",\n        finish: \"Rich comforting shine\",\n        colour: \"#d3a03b\",\n        soft: \"rgba(211, 160, 59, 0.22)\"\n      }\n    };\n\n    function initialiseNoveaLip(root) {\n      if (!root || root.getAttribute(\"data-nle-ready\") === \"true\") {\n        return;\n      }\n\n      root.setAttribute(\"data-nle-ready\", \"true\");\n      root.classList.add(\"nle-js\");\n\n      \/*\n        Scroll reveal animation.\n        A fallback ensures content never remains invisible.\n      *\/\n      var revealItems = root.querySelectorAll(\".nle-reveal\");\n\n      if (\"IntersectionObserver\" in window) {\n        var observer = new IntersectionObserver(\n          function (entries) {\n            entries.forEach(function (entry) {\n              if (!entry.isIntersecting) {\n                return;\n              }\n\n              entry.target.classList.add(\"nle-visible\");\n              observer.unobserve(entry.target);\n            });\n          },\n          {\n            threshold: 0.08,\n            rootMargin: \"0px 0px -15px 0px\"\n          }\n        );\n\n        revealItems.forEach(function (item, index) {\n          item.style.transitionDelay = ((index % 4) * 55) + \"ms\";\n          observer.observe(item);\n        });\n\n        window.setTimeout(function () {\n          revealItems.forEach(function (item) {\n            item.classList.add(\"nle-visible\");\n          });\n        }, 1800);\n      } else {\n        revealItems.forEach(function (item) {\n          item.classList.add(\"nle-visible\");\n        });\n      }\n\n      \/*\n        Interactive flavour selector.\n      *\/\n      var buttons = root.querySelectorAll(\".nle-option\");\n      var panel = root.querySelector(\".nle-selected\");\n\n      if (!buttons.length || !panel) {\n        return;\n      }\n\n      var emojiElement = panel.querySelector(\".nle-selected__emoji\");\n      var titleElement = panel.querySelector(\".nle-selected__title\");\n      var descriptionElement = panel.querySelector(\n        \".nle-selected__description\"\n      );\n      var scentElement = panel.querySelector(\".nle-selected__scent\");\n      var toneElement = panel.querySelector(\".nle-selected__tone\");\n      var finishElement = panel.querySelector(\".nle-selected__finish\");\n\n      function updateText(element, text) {\n        if (!element) {\n          return;\n        }\n\n        element.textContent = text;\n        element.style.removeProperty(\"display\");\n        element.style.removeProperty(\"visibility\");\n        element.style.removeProperty(\"opacity\");\n      }\n\n      function identifyFlavour(button) {\n        if (button.classList.contains(\"nle-option--honey\")) {\n          return \"honey\";\n        }\n\n        if (button.classList.contains(\"nle-option--peach\")) {\n          return \"peach\";\n        }\n\n        return button.getAttribute(\"data-flavour\") || \"peach\";\n      }\n\n      function updateFlavour(flavourName, selectedButton) {\n        var flavour = flavourContent[flavourName];\n\n        if (!flavour) {\n          return;\n        }\n\n        updateText(emojiElement, flavour.emoji);\n        updateText(titleElement, flavour.title);\n        updateText(descriptionElement, flavour.description);\n        updateText(scentElement, flavour.scent);\n        updateText(toneElement, flavour.tone);\n        updateText(finishElement, flavour.finish);\n\n        panel.style.setProperty(\"--selected-theme\", flavour.colour);\n        panel.style.setProperty(\"--selected-soft\", flavour.soft);\n\n        panel.classList.toggle(\n          \"nle-selected--peach\",\n          flavourName === \"peach\"\n        );\n\n        panel.classList.toggle(\n          \"nle-selected--honey\",\n          flavourName === \"honey\"\n        );\n\n        buttons.forEach(function (button) {\n          var isSelected = button === selectedButton;\n\n          button.classList.toggle(\"is-active\", isSelected);\n          button.setAttribute(\n            \"aria-pressed\",\n            isSelected ? \"true\" : \"false\"\n          );\n        });\n\n        panel.classList.remove(\"is-updating\");\n\n        \/*\n          Force a browser reflow so the update animation restarts.\n          No content is hidden or cleared.\n        *\/\n        void panel.offsetWidth;\n        panel.classList.add(\"is-updating\");\n\n        window.setTimeout(function () {\n          panel.classList.remove(\"is-updating\");\n        }, 450);\n      }\n\n      buttons.forEach(function (button) {\n        button.addEventListener(\"click\", function (event) {\n          event.preventDefault();\n\n          var flavourName = identifyFlavour(button);\n          updateFlavour(flavourName, button);\n        });\n      });\n\n      var initialButton =\n        root.querySelector(\".nle-option.is-active\") ||\n        root.querySelector(\".nle-option--peach\") ||\n        buttons[0];\n\n      if (initialButton) {\n        updateFlavour(identifyFlavour(initialButton), initialButton);\n      }\n    }\n\n    function initialiseAll(scope) {\n      scope = scope || document;\n\n      if (\n        scope.matches \u0026\u0026\n        scope.matches(\"#novea-lip-essence\")\n      ) {\n        initialiseNoveaLip(scope);\n      }\n\n      if (scope.querySelectorAll) {\n        scope\n          .querySelectorAll(\"#novea-lip-essence\")\n          .forEach(function (root) {\n            initialiseNoveaLip(root);\n          });\n      }\n    }\n\n    if (document.readyState === \"loading\") {\n      document.addEventListener(\n        \"DOMContentLoaded\",\n        function () {\n          initialiseAll(document);\n        },\n        { once: true }\n      );\n    } else {\n      initialiseAll(document);\n    }\n\n    \/*\n      Shopify theme editor support.\n    *\/\n    document.addEventListener(\n      \"shopify:section:load\",\n      function (event) {\n        var root = null;\n\n        if (\n          event.target.matches \u0026\u0026\n          event.target.matches(\"#novea-lip-essence\")\n        ) {\n          root = event.target;\n        } else if (event.target.querySelector) {\n          root = event.target.querySelector(\"#novea-lip-essence\");\n        }\n\n        if (!root) {\n          return;\n        }\n\n        root.removeAttribute(\"data-nle-ready\");\n        root.classList.remove(\"nle-js\");\n\n        initialiseNoveaLip(root);\n      }\n    );\n  })();\n\u003c\/script\u003e ```\u003c\/p\u003e","brand":"NOVÉA","offers":[{"title":"Honey Milk","offer_id":52234625876184,"sku":null,"price":199.0,"currency_code":"ZAR","in_stock":true},{"title":"Peach Oolong","offer_id":52234625908952,"sku":null,"price":199.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0829\/3063\/0872\/files\/WhatsAppImage2026-07-22at00.09.55_3.jpg?v=1786648376"},{"product_id":"novea™-glow-guard-spf-50-sunscreen-spray","title":"NOVÉA™ Glow Guard SPF 50 Sunscreen Spray","description":"\u003cdiv id=\"novea-glow-guard\" class=\"ngg\" role=\"region\"\u003e\n\u003c!-- HERO --\u003e\n\u003csection class=\"ngg-hero\"\u003e\n\u003cdiv class=\"ngg-grid-pattern\"\u003e\u003c\/div\u003e\n\u003cspan class=\"ngg-orb ngg-orb--one\"\u003e\u003c\/span\u003e \u003cspan class=\"ngg-orb ngg-orb--two\"\u003e\u003c\/span\u003e\n\u003cdiv class=\"ngg-container\"\u003e\n\u003cdiv class=\"ngg-hero__copy ngg-reveal\"\u003e\n\u003cspan class=\"ngg-badge\"\u003eNOVÉA™ SUNCARE\u003c\/span\u003e\n\u003ch1\u003eNOVÉA™ Glow Guard \u003cspan\u003eSPF 50 Sunscreen Spray\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"ngg-tagline\"\u003eProtected Skin. Radiant Glow.\u003cbr\u003eAll Day Long.\u003c\/p\u003e\n\u003cp class=\"ngg-description\"\u003eBroad-spectrum SPF 50 PA+++ protection in a lightweight, ultra-fine mist designed to absorb without a visible white cast and leave skin feeling fresh, hydrated and beautifully radiant.\u003c\/p\u003e\n\u003cdiv class=\"ngg-highlights\"\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eSPF 50\u003c\/strong\u003e \u003cspan\u003eUVB protection\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003ePA+++\u003c\/strong\u003e \u003cspan\u003eUVA protection\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e88ml\u003c\/strong\u003e \u003cspan\u003espray bottle\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e360°\u003c\/strong\u003e \u003cspan\u003eultra-fine mist\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ngg-trust\"\u003e\n\u003cspan\u003eNo visible white cast\u003c\/span\u003e \u003cspan\u003eLightweight feel\u003c\/span\u003e \u003cspan\u003eFace and body\u003c\/span\u003e \u003cspan\u003eDewy finish\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ca class=\"ngg-button\" href=\"#ngg-benefits\"\u003e Discover Glow Guard \u003cspan\u003e→\u003c\/span\u003e \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INTRODUCTION --\u003e\n\u003csection class=\"ngg-section\"\u003e\n\u003cdiv class=\"ngg-container\"\u003e\n\u003cdiv class=\"ngg-heading ngg-reveal\"\u003e\n\u003cspan class=\"ngg-eyebrow\"\u003e Daily defence for radiant-looking skin \u003c\/span\u003e\n\u003ch2\u003eHigh protection without the heavy sunscreen feel.\u003c\/h2\u003e\n\u003cp\u003eSouth Africa’s intense sunlight makes daily protection essential. Glow Guard disperses sunscreen in a fine mist for quick, even application—helping protect exposed skin from UVA and UVB radiation while maintaining a comfortable, luminous finish.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ngg-statement ngg-reveal\"\u003e\n\u003cspan\u003e“\u003c\/span\u003e\n\u003cp\u003eBecause glowing skin and protected skin should never be a compromise.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- BENEFITS --\u003e\n\u003csection id=\"ngg-benefits\" class=\"ngg-section ngg-section--soft\"\u003e\n\u003cdiv class=\"ngg-container\"\u003e\n\u003cdiv class=\"ngg-heading ngg-reveal\"\u003e\n\u003cspan class=\"ngg-eyebrow\"\u003eWhat your skin gains\u003c\/span\u003e\n\u003ch2\u003eProtection made beautifully wearable\u003c\/h2\u003e\n\u003cp\u003eSelect each benefit to learn more about the Glow Guard experience.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ngg-benefits\"\u003e\n\u003carticle class=\"ngg-benefit is-open ngg-reveal\" role=\"button\" tabindex=\"0\"\u003e\u003cspan class=\"ngg-benefit__number\"\u003e01\u003c\/span\u003e \u003cspan class=\"ngg-benefit__icon\"\u003e☀\u003c\/span\u003e\n\u003ch3\u003eBroad-spectrum protection\u003c\/h3\u003e\n\u003cp\u003eSPF 50 PA+++ is designed to provide high protection against UVB radiation and strong protection against UVA radiation when applied correctly and reapplied as directed.\u003c\/p\u003e\n\u003cspan class=\"ngg-benefit__toggle\"\u003e\u003c\/span\u003e\u003c\/article\u003e\n\u003carticle class=\"ngg-benefit ngg-reveal\" role=\"button\" tabindex=\"0\"\u003e\u003cspan class=\"ngg-benefit__number\"\u003e02\u003c\/span\u003e \u003cspan class=\"ngg-benefit__icon\"\u003e◇\u003c\/span\u003e\n\u003ch3\u003eNo visible white cast\u003c\/h3\u003e\n\u003cp\u003eThe fine mist is designed to settle invisibly without leaving the chalky-looking residue often associated with heavier sunscreen formulas.\u003c\/p\u003e\n\u003cspan class=\"ngg-benefit__toggle\"\u003e\u003c\/span\u003e\u003c\/article\u003e\n\u003carticle class=\"ngg-benefit ngg-reveal\" role=\"button\" tabindex=\"0\"\u003e\u003cspan class=\"ngg-benefit__number\"\u003e03\u003c\/span\u003e \u003cspan class=\"ngg-benefit__icon\"\u003e≈\u003c\/span\u003e\n\u003ch3\u003eLightweight skin feel\u003c\/h3\u003e\n\u003cp\u003eA breathable, non-greasy finish makes daily sun protection feel more comfortable on both the face and body.\u003c\/p\u003e\n\u003cspan class=\"ngg-benefit__toggle\"\u003e\u003c\/span\u003e\u003c\/article\u003e\n\u003carticle class=\"ngg-benefit ngg-reveal\" role=\"button\" tabindex=\"0\"\u003e\u003cspan class=\"ngg-benefit__number\"\u003e04\u003c\/span\u003e \u003cspan class=\"ngg-benefit__icon\"\u003e◎\u003c\/span\u003e\n\u003ch3\u003eQuick, even application\u003c\/h3\u003e\n\u003cp\u003eThe atomising nozzle disperses an ultra-fine mist to help cover exposed areas efficiently. Rub in where required to ensure complete and uniform coverage.\u003c\/p\u003e\n\u003cspan class=\"ngg-benefit__toggle\"\u003e\u003c\/span\u003e\u003c\/article\u003e\n\u003carticle class=\"ngg-benefit ngg-reveal\" role=\"button\" tabindex=\"0\"\u003e\u003cspan class=\"ngg-benefit__number\"\u003e05\u003c\/span\u003e \u003cspan class=\"ngg-benefit__icon\"\u003e✦\u003c\/span\u003e\n\u003ch3\u003eHydrated-looking glow\u003c\/h3\u003e\n\u003cp\u003eThe moisturising formula helps skin feel soft and comfortable, leaving behind a fresh, luminous-looking finish.\u003c\/p\u003e\n\u003cspan class=\"ngg-benefit__toggle\"\u003e\u003c\/span\u003e\u003c\/article\u003e\n\u003carticle class=\"ngg-benefit ngg-reveal\" role=\"button\" tabindex=\"0\"\u003e\u003cspan class=\"ngg-benefit__number\"\u003e06\u003c\/span\u003e \u003cspan class=\"ngg-benefit__icon\"\u003e↻\u003c\/span\u003e\n\u003ch3\u003eEffortless reapplication\u003c\/h3\u003e\n\u003cp\u003eThe portable spray format makes regular sunscreen top-ups quick and convenient throughout the day.\u003c\/p\u003e\n\u003cspan class=\"ngg-benefit__toggle\"\u003e\u003c\/span\u003e\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INTERACTIVE PROTECTION --\u003e\n\u003csection id=\"ngg-protection-system\" class=\"ngg-section ngg-protection\"\u003e\n\u003cdiv class=\"ngg-container\"\u003e\n\u003cdiv class=\"ngg-heading ngg-heading--light ngg-reveal\"\u003e\n\u003cspan class=\"ngg-eyebrow\"\u003eBroad-spectrum sun defence\u003c\/span\u003e\n\u003ch2 id=\"ngg-protection-title\"\u003eExplore the protection system\u003c\/h2\u003e\n\u003cp\u003eSelect each stage to see how Glow Guard supports your daily routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ngg-interactive\"\u003e\n\u003cdiv class=\"ngg-protection__preview ngg-reveal\"\u003e\n\u003cdiv class=\"ngg-shield-orbit\"\u003e\n\u003cspan class=\"ngg-shield-ring ngg-shield-ring--outer\"\u003e\u003c\/span\u003e \u003cspan class=\"ngg-shield-ring ngg-shield-ring--inner\"\u003e\u003c\/span\u003e \u003cspan class=\"ngg-ray ngg-ray--one\"\u003e\u003c\/span\u003e \u003cspan class=\"ngg-ray ngg-ray--two\"\u003e\u003c\/span\u003e \u003cspan class=\"ngg-ray ngg-ray--three\"\u003e\u003c\/span\u003e\n\u003cdiv class=\"ngg-shield-core\"\u003e\n\u003csmall class=\"ngg-stage-label\"\u003ePROTECTION 01\u003c\/small\u003e \u003cstrong class=\"ngg-stage-word\"\u003eUVB\u003c\/strong\u003e \u003cspan class=\"ngg-stage-detail\"\u003eSPF 50\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ngg-selected\" role=\"status\"\u003e\n\u003cspan class=\"ngg-selected__number\"\u003e01\u003c\/span\u003e\n\u003cdiv class=\"ngg-selected__content\"\u003e\n\u003cstrong class=\"ngg-selected__title\"\u003e High UVB Protection \u003c\/strong\u003e\n\u003cp class=\"ngg-selected__copy\"\u003eSPF 50 provides high protection against the UVB radiation primarily responsible for sunburn.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ngg-options\" role=\"group\"\u003e\n\u003cbutton class=\"ngg-option is-active ngg-reveal\" type=\"button\"\u003e \u003cspan class=\"ngg-option__number\"\u003e01\u003c\/span\u003e \u003cspan class=\"ngg-option__content\"\u003e \u003cstrong\u003eDefend against UVB\u003c\/strong\u003e \u003cspan\u003e Helps protect exposed skin against sunburn-causing radiation. \u003c\/span\u003e \u003c\/span\u003e \u003c\/button\u003e \u003cbutton class=\"ngg-option ngg-reveal\" type=\"button\"\u003e \u003cspan class=\"ngg-option__number\"\u003e02\u003c\/span\u003e \u003cspan class=\"ngg-option__content\"\u003e \u003cstrong\u003eDefend against UVA\u003c\/strong\u003e \u003cspan\u003e Supports protection against radiation associated with photoageing. \u003c\/span\u003e \u003c\/span\u003e \u003c\/button\u003e \u003cbutton class=\"ngg-option ngg-reveal\" type=\"button\"\u003e \u003cspan class=\"ngg-option__number\"\u003e03\u003c\/span\u003e \u003cspan class=\"ngg-option__content\"\u003e \u003cstrong\u003eDisperse evenly\u003c\/strong\u003e \u003cspan\u003e The fine spray helps distribute sunscreen quickly and efficiently. \u003c\/span\u003e \u003c\/span\u003e \u003c\/button\u003e \u003cbutton class=\"ngg-option ngg-reveal\" type=\"button\"\u003e \u003cspan class=\"ngg-option__number\"\u003e04\u003c\/span\u003e \u003cspan class=\"ngg-option__content\"\u003e \u003cstrong\u003eSettle and glow\u003c\/strong\u003e \u003cspan\u003e A comfortable finish created for protected, radiant-looking skin. \u003c\/span\u003e \u003c\/span\u003e \u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- LIFESTYLE --\u003e\n\u003csection class=\"ngg-section\"\u003e\n\u003cdiv class=\"ngg-container\"\u003e\n\u003cdiv class=\"ngg-heading ngg-reveal\"\u003e\n\u003cspan class=\"ngg-eyebrow\"\u003eProtection that moves with you\u003c\/span\u003e\n\u003ch2\u003eMade for every sun-exposed moment\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ngg-lifestyles\"\u003e\n\u003carticle class=\"ngg-card ngg-reveal\"\u003e\u003cspan\u003e01\u003c\/span\u003e\n\u003ch3\u003eDaily commutes\u003c\/h3\u003e\n\u003cp\u003eApply before leaving home to help protect exposed skin during everyday travel.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"ngg-card ngg-reveal\"\u003e\u003cspan\u003e02\u003c\/span\u003e\n\u003ch3\u003eOutdoor days\u003c\/h3\u003e\n\u003cp\u003eKeep Glow Guard nearby for regular reapplication during extended time outdoors.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"ngg-card ngg-reveal\"\u003e\u003cspan\u003e03\u003c\/span\u003e\n\u003ch3\u003eBeach and pool\u003c\/h3\u003e\n\u003cp\u003eReapply immediately after swimming, towelling or excessive perspiration. Use water-resistant sunscreen where required.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"ngg-card ngg-reveal\"\u003e\u003cspan\u003e04\u003c\/span\u003e\n\u003ch3\u003eMakeup routines\u003c\/h3\u003e\n\u003cp\u003eAllow the formula to settle before applying makeup and follow the product directions when reapplying.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SPECIFICATIONS --\u003e\n\u003csection class=\"ngg-section ngg-section--soft\"\u003e\n\u003cdiv class=\"ngg-container\"\u003e\n\u003cdiv class=\"ngg-heading ngg-reveal\"\u003e\n\u003cspan class=\"ngg-eyebrow\"\u003e Premium protection, precisely considered \u003c\/span\u003e\n\u003ch2\u003eKey specifications\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ngg-specifications\"\u003e\n\u003carticle class=\"ngg-specification ngg-reveal\"\u003e\u003cspan\u003e01\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eProtection rating\u003c\/strong\u003e\n\u003cp\u003eSPF 50 PA+++ broad-spectrum UVA and UVB protection.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"ngg-specification ngg-reveal\"\u003e\u003cspan\u003e02\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eUVB protection\u003c\/strong\u003e\n\u003cp\u003eSPF 50 provides high UVB protection when applied at the tested amount and reapplied correctly.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"ngg-specification ngg-reveal\"\u003e\u003cspan\u003e03\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eUVA protection\u003c\/strong\u003e\n\u003cp\u003ePA+++ indicates strong protection against UVA radiation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"ngg-specification ngg-reveal\"\u003e\u003cspan\u003e04\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eVolume\u003c\/strong\u003e\n\u003cp\u003e88ml spray presentation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"ngg-specification ngg-reveal\"\u003e\u003cspan\u003e05\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eApplication\u003c\/strong\u003e\n\u003cp\u003eUltra-fine 360-degree atomising spray mist.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"ngg-specification ngg-reveal\"\u003e\u003cspan\u003e06\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eFinish\u003c\/strong\u003e\n\u003cp\u003eInvisible-looking, lightweight and dewy.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"ngg-specification ngg-reveal\"\u003e\u003cspan\u003e07\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eSkin compatibility\u003c\/strong\u003e\n\u003cp\u003eDesigned for all skin tones and everyday application.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"ngg-specification ngg-reveal\"\u003e\u003cspan\u003e08\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eBottle\u003c\/strong\u003e\n\u003cp\u003eClear teardrop bottle with a yellow spray cap.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"ngg-specification ngg-reveal\"\u003e\u003cspan\u003e09\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003ePremium packaging\u003c\/strong\u003e\n\u003cp\u003eNOVÉA™ matte-black gift box with South African flag detailing.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- HOW TO USE --\u003e\n\u003csection id=\"ngg-how-to-use\" class=\"ngg-section\"\u003e\n\u003cdiv class=\"ngg-container\"\u003e\n\u003cdiv class=\"ngg-heading ngg-reveal\"\u003e\n\u003cspan class=\"ngg-eyebrow\"\u003eYour daily protection ritual\u003c\/span\u003e\n\u003ch2\u003eHow to use\u003c\/h2\u003e\n\u003cp\u003eFollow the final directions and warnings printed on the tested product label.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003col class=\"ngg-use-list\"\u003e\n\u003cli class=\"ngg-use-item ngg-reveal\"\u003e\n\u003cspan\u003e1\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eShake gently\u003c\/strong\u003e\n\u003cp\u003eShake the bottle before each application.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"ngg-use-item ngg-reveal\"\u003e\n\u003cspan\u003e2\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eApply before exposure\u003c\/strong\u003e\n\u003cp\u003eApply generously to dry skin approximately 15 minutes before sun exposure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"ngg-use-item ngg-reveal\"\u003e\n\u003cspan\u003e3\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eSpray the body\u003c\/strong\u003e\n\u003cp\u003eHold 15–20cm from exposed body areas, spray generously and rub in to create complete, even coverage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"ngg-use-item ngg-reveal\"\u003e\n\u003cspan\u003e4\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eProtect the face safely\u003c\/strong\u003e\n\u003cp\u003eDo not spray directly onto the face. Spray into your hands first, then apply while avoiding the eyes, mouth and inhalation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"ngg-use-item ngg-reveal\"\u003e\n\u003cspan\u003e5\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAllow to settle\u003c\/strong\u003e\n\u003cp\u003eLet the sunscreen settle fully before dressing or applying makeup.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"ngg-use-item ngg-reveal\"\u003e\n\u003cspan\u003e6\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eReapply regularly\u003c\/strong\u003e\n\u003cp\u003eReapply at least every two hours and after swimming, sweating, towelling or extended sun exposure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"ngg-use-item ngg-use-item--featured ngg-reveal\"\u003e\n\u003cspan\u003e7\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eUse alongside sun-safe habits\u003c\/strong\u003e\n\u003cp\u003eWear protective clothing, seek shade and avoid prolonged exposure during peak sunlight hours.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cdiv class=\"ngg-safety ngg-reveal\"\u003e\n\u003cspan\u003e!\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eSun-protection guidance\u003c\/strong\u003e\n\u003cp\u003eSunscreen cannot provide complete protection. Applying too little significantly reduces protection. Avoid inhaling spray, keep away from eyes and broken skin, and discontinue use if irritation occurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INCLUDED --\u003e\n\u003csection class=\"ngg-section ngg-included-section\"\u003e\n\u003cdiv class=\"ngg-container\"\u003e\n\u003cdiv class=\"ngg-heading ngg-reveal\"\u003e\n\u003cspan class=\"ngg-eyebrow\"\u003eThe complete presentation\u003c\/span\u003e\n\u003ch2\u003eWhat’s included\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ngg-included\"\u003e\n\u003carticle class=\"ngg-included__item ngg-reveal\"\u003e\u003cspan\u003e01\u003c\/span\u003e\n\u003cdiv\u003e\n\u003csmall\u003eYour daily SPF\u003c\/small\u003e \u003cstrong\u003e NOVÉA™ Glow Guard SPF 50 PA+++ Sunscreen Spray — 88ml \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"ngg-included__item ngg-reveal\"\u003e\u003cspan\u003e02\u003c\/span\u003e\n\u003cdiv\u003e\n\u003csmall\u003ePremium presentation\u003c\/small\u003e \u003cstrong\u003eNOVÉA™ matte-black gift box\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FINAL CTA --\u003e\n\u003csection class=\"ngg-cta\"\u003e\u003cspan class=\"ngg-cta__glow\"\u003e\u003c\/span\u003e \u003cspan class=\"ngg-cta__sun\"\u003e\u003c\/span\u003e\n\u003cdiv class=\"ngg-container ngg-cta__inner ngg-reveal\"\u003e\n\u003cspan class=\"ngg-badge ngg-badge--dark\"\u003e NOVÉA™ GLOW GUARD \u003c\/span\u003e\n\u003ch2\u003eProtected skin. Radiant glow. Every single day.\u003c\/h2\u003e\n\u003cp\u003eMake broad-spectrum sun protection an effortless part of your routine.\u003c\/p\u003e\n\u003ca class=\"ngg-button ngg-button--light\" href=\"#ngg-how-to-use\"\u003e Explore the ritual \u003cspan\u003e→\u003c\/span\u003e \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cp class=\"ngg-disclaimer\"\u003eSunscreen reduces UV exposure but does not provide complete protection. Product claims, SPF, UVA rating, broad-spectrum status, water resistance, sensitive-skin suitability, directions, packaging and origin must be verified against accredited testing and supplier documentation before publication or sale.\u003cscript\u003e\n  (function () {\n    \"use strict\";\n\n    var ROOT_SELECTOR = \"#novea-glow-guard\";\n\n    function setText(root, selector, value) {\n      var element = root.querySelector(selector);\n\n      if (element) {\n        element.textContent = value;\n      }\n    }\n\n    function updateProtection(root, button, animate) {\n      if (!root || !button) {\n        return;\n      }\n\n      var section = root.querySelector(\"#ngg-protection-system\");\n      var orbit = root.querySelector(\".ngg-shield-orbit\");\n      var preview = root.querySelector(\".ngg-protection__preview\");\n      var buttons = root.querySelectorAll(\".ngg-option\");\n\n      var data = {\n        number: button.getAttribute(\"data-number\") || \"01\",\n        label:\n          button.getAttribute(\"data-label\") ||\n          \"PROTECTION 01\",\n        word: button.getAttribute(\"data-word\") || \"UVB\",\n        detail:\n          button.getAttribute(\"data-detail\") ||\n          \"SPF 50\",\n        title:\n          button.getAttribute(\"data-title\") ||\n          \"High UVB Protection\",\n        copy:\n          button.getAttribute(\"data-copy\") ||\n          \"SPF 50 provides high protection against UVB radiation.\",\n        colour:\n          button.getAttribute(\"data-colour\") ||\n          \"#ffd166\",\n        glow:\n          button.getAttribute(\"data-glow\") ||\n          \"rgba(255, 209, 102, 0.58)\"\n      };\n\n      buttons.forEach(function (item) {\n        var selected = item === button;\n\n        item.classList.toggle(\"is-active\", selected);\n\n        item.setAttribute(\n          \"aria-pressed\",\n          selected ? \"true\" : \"false\"\n        );\n\n        if (selected) {\n          item.style.setProperty(\n            \"--option-colour\",\n            data.colour\n          );\n\n          item.style.setProperty(\n            \"--option-glow\",\n            data.glow\n          );\n        } else {\n          item.style.removeProperty(\"--option-colour\");\n          item.style.removeProperty(\"--option-glow\");\n        }\n      });\n\n      if (section) {\n        section.style.setProperty(\n          \"--active-colour\",\n          data.colour\n        );\n\n        section.style.setProperty(\n          \"--active-glow\",\n          data.glow\n        );\n      }\n\n      if (orbit) {\n        orbit.style.setProperty(\n          \"--active-colour\",\n          data.colour\n        );\n\n        orbit.style.setProperty(\n          \"--active-glow\",\n          data.glow\n        );\n      }\n\n      setText(\n        root,\n        \".ngg-selected__number\",\n        data.number\n      );\n\n      setText(\n        root,\n        \".ngg-stage-label\",\n        data.label\n      );\n\n      setText(\n        root,\n        \".ngg-stage-word\",\n        data.word\n      );\n\n      setText(\n        root,\n        \".ngg-stage-detail\",\n        data.detail\n      );\n\n      setText(\n        root,\n        \".ngg-selected__title\",\n        data.title\n      );\n\n      setText(\n        root,\n        \".ngg-selected__copy\",\n        data.copy\n      );\n\n      if (preview \u0026\u0026 animate !== false) {\n        preview.classList.remove(\"ngg-is-changing\");\n\n        void preview.offsetWidth;\n\n        preview.classList.add(\"ngg-is-changing\");\n\n        window.setTimeout(function () {\n          preview.classList.remove(\"ngg-is-changing\");\n        }, 400);\n      }\n    }\n\n    function toggleBenefit(card) {\n      if (!card) {\n        return;\n      }\n\n      var open = card.classList.toggle(\"is-open\");\n\n      card.setAttribute(\n        \"aria-expanded\",\n        open ? \"true\" : \"false\"\n      );\n    }\n\n    function initialiseReveals(root) {\n      var revealItems =\n        root.querySelectorAll(\".ngg-reveal\");\n\n      var reducedMotion =\n        window.matchMedia \u0026\u0026\n        window.matchMedia(\n          \"(prefers-reduced-motion: reduce)\"\n        ).matches;\n\n      if (\n        reducedMotion ||\n        !(\"IntersectionObserver\" in window)\n      ) {\n        revealItems.forEach(function (item) {\n          item.classList.add(\"ngg-visible\");\n        });\n\n        return;\n      }\n\n      var observer = new IntersectionObserver(\n        function (entries) {\n          entries.forEach(function (entry) {\n            if (!entry.isIntersecting) {\n              return;\n            }\n\n            entry.target.classList.add(\"ngg-visible\");\n            observer.unobserve(entry.target);\n          });\n        },\n        {\n          threshold: 0.08,\n          rootMargin: \"0px 0px -18px 0px\"\n        }\n      );\n\n      revealItems.forEach(function (item, index) {\n        item.style.transitionDelay =\n          ((index % 4) * 55) + \"ms\";\n\n        observer.observe(item);\n      });\n\n      window.setTimeout(function () {\n        revealItems.forEach(function (item) {\n          item.classList.add(\"ngg-visible\");\n        });\n      }, 1800);\n    }\n\n    function initialiseGlowGuard(root) {\n      if (\n        !root ||\n        root.getAttribute(\"data-ngg-ready\") === \"true\"\n      ) {\n        return;\n      }\n\n      root.setAttribute(\"data-ngg-ready\", \"true\");\n      root.classList.add(\"ngg-js\");\n\n      initialiseReveals(root);\n\n      root\n        .querySelectorAll(\".ngg-benefit\")\n        .forEach(function (card) {\n          card.setAttribute(\n            \"aria-expanded\",\n            card.classList.contains(\"is-open\")\n              ? \"true\"\n              : \"false\"\n          );\n        });\n\n      var initialOption =\n        root.querySelector(\".ngg-option.is-active\") ||\n        root.querySelector(\".ngg-option\");\n\n      if (initialOption) {\n        updateProtection(\n          root,\n          initialOption,\n          false\n        );\n      }\n    }\n\n    function initialiseAll(scope) {\n      scope = scope || document;\n\n      if (\n        scope.matches \u0026\u0026\n        scope.matches(ROOT_SELECTOR)\n      ) {\n        initialiseGlowGuard(scope);\n      }\n\n      if (scope.querySelectorAll) {\n        scope\n          .querySelectorAll(ROOT_SELECTOR)\n          .forEach(function (root) {\n            initialiseGlowGuard(root);\n          });\n      }\n    }\n\n    document.addEventListener(\n      \"click\",\n      function (event) {\n        var option = event.target.closest(\n          ROOT_SELECTOR + \" .ngg-option\"\n        );\n\n        if (option) {\n          event.preventDefault();\n\n          updateProtection(\n            option.closest(ROOT_SELECTOR),\n            option,\n            true\n          );\n\n          return;\n        }\n\n        var benefit = event.target.closest(\n          ROOT_SELECTOR + \" .ngg-benefit\"\n        );\n\n        if (benefit) {\n          toggleBenefit(benefit);\n        }\n      }\n    );\n\n    document.addEventListener(\n      \"keydown\",\n      function (event) {\n        if (\n          event.key !== \"Enter\" \u0026\u0026\n          event.key !== \" \"\n        ) {\n          return;\n        }\n\n        var benefit = event.target.closest(\n          ROOT_SELECTOR + \" .ngg-benefit\"\n        );\n\n        if (!benefit) {\n          return;\n        }\n\n        event.preventDefault();\n        toggleBenefit(benefit);\n      }\n    );\n\n    if (document.readyState === \"loading\") {\n      document.addEventListener(\n        \"DOMContentLoaded\",\n        function () {\n          initialiseAll(document);\n        },\n        { once: true }\n      );\n    } else {\n      initialiseAll(document);\n    }\n\n    document.addEventListener(\n      \"shopify:section:load\",\n      function (event) {\n        var root = null;\n\n        if (\n          event.target.matches \u0026\u0026\n          event.target.matches(ROOT_SELECTOR)\n        ) {\n          root = event.target;\n        } else if (event.target.querySelector) {\n          root =\n            event.target.querySelector(ROOT_SELECTOR);\n        }\n\n        if (!root) {\n          return;\n        }\n\n        root.removeAttribute(\"data-ngg-ready\");\n        root.classList.remove(\"ngg-js\");\n\n        initialiseGlowGuard(root);\n      }\n    );\n  })();\n\u003c\/script\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n  #novea-glow-guard {\n    --ink: #17161a;\n    --text: #443f44;\n    --muted: #766f76;\n    --gold: #e9a72e;\n    --gold-dark: #a9680b;\n    --yellow: #ffd166;\n    --soft: #fff5dc;\n    --border: rgba(23, 22, 26, 0.11);\n    --shadow: 0 16px 44px rgba(45, 33, 23, 0.09);\n\n    width: 100%;\n    overflow: hidden;\n    color: var(--text);\n    background: #fff;\n    font-family:\n      Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial,\n      sans-serif;\n    line-height: 1.6;\n    isolation: isolate;\n    -webkit-font-smoothing: antialiased;\n  }\n\n  #novea-glow-guard *,\n  #novea-glow-guard *::before,\n  #novea-glow-guard *::after {\n    box-sizing: border-box;\n  }\n\n  #novea-glow-guard h1,\n  #novea-glow-guard h2,\n  #novea-glow-guard h3,\n  #novea-glow-guard p {\n    margin: 0;\n    padding: 0;\n  }\n\n  #novea-glow-guard button,\n  #novea-glow-guard a {\n    font: inherit;\n  }\n\n  #novea-glow-guard button {\n    letter-spacing: normal;\n  }\n\n  .ngg-container {\n    position: relative;\n    z-index: 2;\n    width: min(1140px, calc(100% - 32px));\n    margin: 0 auto;\n  }\n\n  .ngg-section {\n    position: relative;\n    padding: 84px 0;\n  }\n\n  .ngg-section--soft {\n    background:\n      radial-gradient(\n        circle at 8% 8%,\n        rgba(255, 224, 143, 0.38),\n        transparent 29%\n      ),\n      linear-gradient(180deg, #fffefb, #faf6ee);\n  }\n\n  .ngg-heading {\n    width: min(100%, 800px);\n    margin: 0 auto 43px;\n    text-align: center;\n  }\n\n  .ngg-heading h2,\n  .ngg-cta h2 {\n    margin: 8px 0 14px !important;\n    color: var(--ink);\n    font-size: clamp(31px, 5vw, 53px);\n    font-weight: 780;\n    line-height: 1.06;\n    letter-spacing: -0.045em;\n  }\n\n  .ngg-heading p {\n    color: var(--muted);\n    font-size: 16px;\n  }\n\n  .ngg-eyebrow {\n    display: inline-block;\n    color: var(--gold-dark);\n    font-size: 10px;\n    font-weight: 850;\n    line-height: 1.4;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n  }\n\n  \/* Hero *\/\n  .ngg-hero {\n    position: relative;\n    padding: 105px 0 100px;\n    overflow: hidden;\n    background:\n      radial-gradient(\n        circle at 12% 15%,\n        rgba(255, 255, 255, 0.98),\n        transparent 32%\n      ),\n      radial-gradient(\n        circle at 88% 87%,\n        rgba(255, 201, 82, 0.38),\n        transparent 29%\n      ),\n      linear-gradient(145deg, #fff, #fff2c9 54%, #f7d59b);\n  }\n\n  .ngg-grid-pattern {\n    position: absolute;\n    inset: 0;\n    opacity: 0.22;\n    background-image:\n      linear-gradient(rgba(255, 255, 255, 0.6) 1px, transparent 1px),\n      linear-gradient(\n        90deg,\n        rgba(255, 255, 255, 0.6) 1px,\n        transparent 1px\n      );\n    background-size: 48px 48px;\n  }\n\n  .ngg-hero__copy {\n    width: min(100%, 860px);\n    margin: 0 auto;\n    text-align: center;\n  }\n\n  .ngg-badge {\n    display: inline-flex;\n    padding: 8px 14px;\n    border: 1px solid rgba(185, 116, 13, 0.27);\n    border-radius: 999px;\n    color: var(--gold-dark);\n    background: rgba(255, 255, 255, 0.8);\n    box-shadow: 0 8px 24px rgba(185, 116, 13, 0.1);\n    font-size: 10px;\n    font-weight: 850;\n    letter-spacing: 0.17em;\n  }\n\n  .ngg-hero h1 {\n    width: min(100%, 850px);\n    margin: 22px auto 17px;\n    color: var(--ink);\n    font-size: clamp(47px, 8vw, 80px);\n    font-weight: 810;\n    line-height: 0.96;\n    letter-spacing: -0.06em;\n  }\n\n  .ngg-hero h1 span {\n    display: block;\n    margin-top: 11px;\n    color: var(--gold-dark);\n    font-size: 0.44em;\n    line-height: 1.12;\n    letter-spacing: -0.035em;\n  }\n\n  .ngg-tagline {\n    margin-bottom: 16px !important;\n    color: var(--gold-dark);\n    font-size: clamp(21px, 3vw, 28px);\n    font-weight: 780;\n    line-height: 1.28;\n  }\n\n  .ngg-description {\n    width: min(100%, 700px);\n    margin: 0 auto !important;\n    color: var(--muted);\n    font-size: 16px;\n  }\n\n  .ngg-highlights {\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    gap: 10px;\n    width: min(100%, 810px);\n    margin: 28px auto 0;\n  }\n\n  .ngg-highlights div {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 7px;\n    min-width: 0;\n    min-height: 60px;\n    padding: 12px;\n    border: 1px solid var(--border);\n    border-radius: 15px;\n    background: rgba(255, 255, 255, 0.84);\n    box-shadow: 0 7px 20px rgba(45, 33, 23, 0.06);\n  }\n\n  .ngg-highlights strong {\n    color: var(--gold-dark);\n    font-size: 13px;\n  }\n\n  .ngg-highlights span {\n    color: #655f59;\n    font-size: 12px;\n  }\n\n  .ngg-trust {\n    display: flex;\n    justify-content: center;\n    flex-wrap: wrap;\n    gap: 11px 22px;\n    margin-top: 20px;\n  }\n\n  .ngg-trust span {\n    position: relative;\n    padding-left: 15px;\n    color: #6b655e;\n    font-size: 12px;\n    font-weight: 700;\n  }\n\n  .ngg-trust span::before {\n    position: absolute;\n    top: 50%;\n    left: 0;\n    width: 7px;\n    height: 7px;\n    border-radius: 50%;\n    background: var(--gold);\n    content: \"\";\n    transform: translateY(-50%);\n  }\n\n  .ngg-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    min-height: 52px;\n    margin-top: 27px;\n    padding: 12px 22px;\n    border: 1px solid var(--gold-dark);\n    border-radius: 999px;\n    color: #fff;\n    background: linear-gradient(135deg, var(--gold-dark), var(--gold));\n    box-shadow: 0 13px 29px rgba(185, 116, 13, 0.28);\n    font-size: 13px;\n    font-weight: 800;\n    text-decoration: none;\n    transition:\n      transform 0.25s ease,\n      box-shadow 0.25s ease;\n  }\n\n  .ngg-button:hover,\n  .ngg-button:focus-visible {\n    outline: none;\n    box-shadow: 0 17px 38px rgba(185, 116, 13, 0.36);\n    transform: translateY(-3px);\n  }\n\n  .ngg-orb {\n    position: absolute;\n    border-radius: 50%;\n    animation: ngg-float 7s ease-in-out infinite;\n  }\n\n  .ngg-orb--one {\n    top: 8%;\n    left: 3%;\n    width: 150px;\n    height: 150px;\n    background: rgba(255, 199, 62, 0.13);\n  }\n\n  .ngg-orb--two {\n    right: 3%;\n    bottom: 7%;\n    width: 195px;\n    height: 195px;\n    background: rgba(245, 169, 78, 0.13);\n    animation-delay: -3s;\n  }\n\n  \/* Statement *\/\n  .ngg-statement {\n    position: relative;\n    width: min(100%, 720px);\n    margin: 0 auto;\n    padding: 30px 32px;\n    overflow: hidden;\n    border: 1px solid var(--border);\n    border-radius: 21px;\n    background:\n      radial-gradient(\n        circle at 100% 0,\n        rgba(255, 221, 128, 0.45),\n        transparent 48%\n      ),\n      #fff;\n    box-shadow: var(--shadow);\n    text-align: center;\n  }\n\n  .ngg-statement \u003e span {\n    position: absolute;\n    top: -17px;\n    left: 18px;\n    color: rgba(222, 154, 35, 0.17);\n    font-family: Georgia, serif;\n    font-size: 105px;\n  }\n\n  .ngg-statement p {\n    position: relative;\n    color: var(--ink);\n    font-size: clamp(18px, 3vw, 24px);\n    font-weight: 750;\n  }\n\n  \/* Benefits *\/\n  .ngg-benefits {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 15px;\n  }\n\n  .ngg-benefit {\n    position: relative;\n    min-width: 0;\n    min-height: 184px;\n    padding: 23px;\n    overflow: hidden;\n    border: 1px solid var(--border);\n    border-radius: 20px;\n    background: #fff;\n    box-shadow: var(--shadow);\n    cursor: pointer;\n    transition:\n      transform 0.28s ease,\n      border-color 0.28s ease,\n      box-shadow 0.28s ease;\n  }\n\n  .ngg-benefit:hover,\n  .ngg-benefit:focus-visible,\n  .ngg-benefit.is-open {\n    border-color: rgba(222, 154, 35, 0.48);\n    outline: none;\n    box-shadow: 0 22px 52px rgba(45, 33, 23, 0.13);\n    transform: translateY(-4px);\n  }\n\n  .ngg-benefit__number {\n    position: absolute;\n    top: 20px;\n    right: 52px;\n    color: rgba(185, 116, 13, 0.68);\n    font-size: 9px;\n    font-weight: 900;\n  }\n\n  .ngg-benefit__icon {\n    display: grid;\n    width: 43px;\n    height: 43px;\n    margin-bottom: 15px;\n    border-radius: 13px;\n    color: var(--gold-dark);\n    background: linear-gradient(180deg, #fff, var(--soft));\n    box-shadow: 0 7px 18px rgba(185, 116, 13, 0.16);\n    place-items: center;\n  }\n\n  .ngg-benefit h3 {\n    padding-right: 28px !important;\n    color: var(--ink);\n    font-size: 17px;\n    line-height: 1.35;\n  }\n\n  .ngg-benefit p {\n    max-height: 0;\n    margin-top: 0 !important;\n    overflow: hidden;\n    color: var(--muted);\n    font-size: 14px;\n    opacity: 0;\n    transform: translateY(5px);\n    transition:\n      max-height 0.36s ease,\n      margin 0.3s ease,\n      opacity 0.3s ease,\n      transform 0.3s ease;\n  }\n\n  .ngg-benefit.is-open p {\n    max-height: 300px;\n    margin-top: 9px !important;\n    opacity: 1;\n    transform: none;\n  }\n\n  .ngg-benefit__toggle {\n    position: absolute;\n    top: 19px;\n    right: 19px;\n    width: 23px;\n    height: 23px;\n    border: 1px solid rgba(185, 116, 13, 0.3);\n    border-radius: 50%;\n  }\n\n  .ngg-benefit__toggle::before,\n  .ngg-benefit__toggle::after {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 9px;\n    height: 1px;\n    background: var(--gold-dark);\n    content: \"\";\n    transform: translate(-50%, -50%);\n  }\n\n  .ngg-benefit__toggle::after {\n    transform: translate(-50%, -50%) rotate(90deg);\n    transition: transform 0.25s ease;\n  }\n\n  .ngg-benefit.is-open .ngg-benefit__toggle::after {\n    transform: translate(-50%, -50%);\n  }\n\n  \/* Protection interaction *\/\n  .ngg-protection {\n    --active-colour: #ffd166;\n    --active-glow: rgba(255, 209, 102, 0.58);\n\n    color: #fff;\n    background:\n      radial-gradient(\n        circle at 8% 10%,\n        rgba(225, 161, 45, 0.24),\n        transparent 29%\n      ),\n      radial-gradient(\n        circle at 92% 90%,\n        rgba(183, 110, 121, 0.18),\n        transparent 30%\n      ),\n      var(--ink);\n  }\n\n  .ngg-heading--light h2 {\n    color: #fff;\n  }\n\n  .ngg-heading--light p {\n    color: rgba(255, 255, 255, 0.64);\n  }\n\n  .ngg-heading--light .ngg-eyebrow {\n    color: #ffd477;\n  }\n\n  .ngg-interactive {\n    display: grid;\n    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);\n    align-items: center;\n    gap: 65px;\n    width: 100%;\n    min-width: 0;\n  }\n\n  .ngg-protection__preview,\n  .ngg-options,\n  .ngg-selected,\n  .ngg-selected__content {\n    min-width: 0;\n  }\n\n  .ngg-protection__preview {\n    width: 100%;\n    text-align: center;\n  }\n\n  .ngg-shield-orbit {\n    position: relative;\n    display: grid;\n    width: min(350px, 86vw);\n    aspect-ratio: 1;\n    margin: 0 auto 25px;\n    place-items: center;\n  }\n\n  .ngg-shield-orbit::before {\n    position: absolute;\n    width: 63%;\n    height: 63%;\n    border-radius: 50%;\n    background: var(--active-glow);\n    content: \"\";\n    filter: blur(51px);\n    opacity: 0.56;\n    transition: background 0.45s ease;\n  }\n\n  .ngg-shield-ring {\n    position: absolute;\n    border: 1px solid var(--active-colour);\n    border-radius: 50%;\n    pointer-events: none;\n    animation: ngg-pulse 3s ease-in-out infinite;\n    transition: border-color 0.45s ease;\n  }\n\n  .ngg-shield-ring--outer {\n    width: 94%;\n    height: 94%;\n  }\n\n  .ngg-shield-ring--inner {\n    width: 72%;\n    height: 72%;\n    animation-delay: -1.5s;\n  }\n\n  .ngg-shield-core {\n    position: relative;\n    z-index: 3;\n    display: grid;\n    width: 54%;\n    aspect-ratio: 1;\n    padding: 15px;\n    overflow: visible;\n    border: 2px solid var(--active-colour);\n    border-radius: 50% 50% 46% 46% \/ 43% 43% 60% 60%;\n    background: #fff;\n    box-shadow:\n      inset 0 0 35px var(--active-glow),\n      0 0 42px var(--active-glow);\n    place-content: center;\n    text-align: center;\n    transition:\n      border-color 0.45s ease,\n      box-shadow 0.45s ease;\n  }\n\n  .ngg-stage-label,\n  .ngg-stage-word,\n  .ngg-stage-detail {\n    display: block;\n    position: relative;\n    width: 100%;\n    height: auto;\n    overflow: visible;\n    text-align: center;\n    visibility: visible;\n    opacity: 1;\n  }\n\n  .ngg-stage-label {\n    color: var(--muted);\n    font-size: 8px;\n    font-weight: 900;\n    line-height: 1.3;\n    letter-spacing: 0.15em;\n  }\n\n  .ngg-stage-word {\n    margin: 7px 0;\n    color: var(--ink);\n    font-size: clamp(23px, 5vw, 31px);\n    font-weight: 850;\n    line-height: 1;\n  }\n\n  .ngg-stage-detail {\n    color: var(--gold-dark);\n    font-size: 10px;\n    font-weight: 900;\n    line-height: 1.3;\n  }\n\n  .ngg-ray {\n    position: absolute;\n    z-index: 1;\n    top: 7%;\n    width: 2px;\n    height: 89px;\n    border-radius: 999px;\n    background: linear-gradient(\n      to bottom,\n      var(--active-colour),\n      transparent\n    );\n    pointer-events: none;\n    transform-origin: bottom center;\n    animation: ngg-ray 2.6s ease-in-out infinite;\n    transition: background 0.45s ease;\n  }\n\n  .ngg-ray--one {\n    left: 33%;\n    transform: rotate(-19deg);\n  }\n\n  .ngg-ray--two {\n    left: 50%;\n    animation-delay: -0.8s;\n  }\n\n  .ngg-ray--three {\n    right: 31%;\n    transform: rotate(20deg);\n    animation-delay: -1.6s;\n  }\n\n  .ngg-selected {\n    display: grid;\n    grid-template-columns: 40px minmax(0, 1fr);\n    align-items: start;\n    gap: 14px;\n    width: min(100%, 470px);\n    min-height: 126px;\n    margin: 0 auto;\n    padding: 18px;\n    overflow: hidden;\n    border: 1px solid rgba(255, 255, 255, 0.14);\n    border-radius: 18px;\n    background: rgba(255, 255, 255, 0.075);\n    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.14);\n    text-align: left;\n  }\n\n  .ngg-selected__number {\n    display: grid;\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    color: var(--ink);\n    background: var(--active-colour);\n    box-shadow: 0 0 18px var(--active-glow);\n    font-size: 10px;\n    font-weight: 900;\n    place-items: center;\n    transition:\n      background 0.45s ease,\n      box-shadow 0.45s ease;\n  }\n\n  .ngg-selected__title,\n  .ngg-selected__copy {\n    display: block;\n    position: static;\n    width: 100%;\n    height: auto;\n    max-height: none;\n    overflow: visible;\n    white-space: normal;\n    overflow-wrap: anywhere;\n    visibility: visible;\n    opacity: 1;\n  }\n\n  .ngg-selected__title {\n    margin-bottom: 5px;\n    color: #fff;\n    font-size: 16px;\n    font-weight: 800;\n    line-height: 1.35;\n  }\n\n  .ngg-selected__copy {\n    color: rgba(255, 255, 255, 0.68);\n    font-size: 13px;\n    line-height: 1.55;\n  }\n\n  .ngg-options {\n    display: grid;\n    width: 100%;\n    gap: 12px;\n  }\n\n  #novea-glow-guard button.ngg-option {\n    position: relative !important;\n    display: grid !important;\n    grid-template-columns: 42px minmax(0, 1fr) !important;\n    align-items: start !important;\n    gap: 15px !important;\n    width: 100% !important;\n    min-width: 0 !important;\n    height: auto !important;\n    min-height: 108px !important;\n    margin: 0 !important;\n    padding: 18px !important;\n    overflow: hidden !important;\n    border: 1px solid rgba(255, 255, 255, 0.13) !important;\n    border-radius: 18px !important;\n    color: #fff !important;\n    background: rgba(255, 255, 255, 0.055) !important;\n    box-shadow: none !important;\n    text-align: left !important;\n    text-indent: 0 !important;\n    text-transform: none !important;\n    letter-spacing: normal !important;\n    white-space: normal !important;\n    cursor: pointer !important;\n    appearance: none !important;\n    -webkit-appearance: none !important;\n    visibility: visible !important;\n    opacity: 1 !important;\n    transform: none !important;\n    transition:\n      border-color 0.25s ease,\n      background 0.25s ease,\n      box-shadow 0.25s ease,\n      transform 0.25s ease !important;\n  }\n\n  #novea-glow-guard button.ngg-option::before {\n    position: absolute;\n    top: 14px;\n    bottom: 14px;\n    left: 0;\n    width: 3px;\n    border-radius: 0 999px 999px 0;\n    background: var(--option-colour, transparent);\n    content: \"\";\n    opacity: 0;\n    transform: scaleY(0.45);\n    transition:\n      opacity 0.25s ease,\n      transform 0.25s ease;\n  }\n\n  #novea-glow-guard button.ngg-option:hover,\n  #novea-glow-guard button.ngg-option:focus-visible {\n    border-color: rgba(255, 209, 102, 0.5) !important;\n    outline: none !important;\n    background: rgba(255, 255, 255, 0.095) !important;\n    transform: translateY(-2px) !important;\n  }\n\n  #novea-glow-guard button.ngg-option:focus-visible {\n    box-shadow: 0 0 0 3px rgba(255, 209, 102, 0.18) !important;\n  }\n\n  #novea-glow-guard button.ngg-option.is-active {\n    border-color: var(--option-colour, #ffd166) !important;\n    background: rgba(255, 255, 255, 0.13) !important;\n    box-shadow:\n      inset 3px 0 0 var(--option-colour, #ffd166),\n      0 14px 34px rgba(0, 0, 0, 0.18) !important;\n    transform: none !important;\n  }\n\n  #novea-glow-guard button.ngg-option.is-active::before {\n    opacity: 1;\n    transform: scaleY(1);\n  }\n\n  .ngg-option__number {\n    display: grid !important;\n    width: 42px !important;\n    min-width: 42px !important;\n    height: 42px !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    border-radius: 50% !important;\n    color: #3a2d17 !important;\n    -webkit-text-fill-color: #3a2d17 !important;\n    background: #ffdf8c !important;\n    font-size: 10px !important;\n    font-weight: 900 !important;\n    line-height: 1 !important;\n    visibility: visible !important;\n    opacity: 1 !important;\n    place-items: center !important;\n    transition:\n      background 0.25s ease,\n      box-shadow 0.25s ease !important;\n  }\n\n  button.ngg-option.is-active .ngg-option__number {\n    background: var(--option-colour, #ffdf8c) !important;\n    box-shadow: 0 0 16px var(--option-glow, transparent);\n  }\n\n  .ngg-option__content {\n    display: block !important;\n    width: 100% !important;\n    min-width: 0 !important;\n    height: auto !important;\n    overflow: visible !important;\n    color: #fff !important;\n    visibility: visible !important;\n    opacity: 1 !important;\n  }\n\n  .ngg-option__content strong,\n  .ngg-option__content \u003e span {\n    display: block !important;\n    position: static !important;\n    width: 100% !important;\n    height: auto !important;\n    max-height: none !important;\n    padding: 0 !important;\n    overflow: visible !important;\n    white-space: normal !important;\n    overflow-wrap: anywhere !important;\n    text-align: left !important;\n    text-transform: none !important;\n    visibility: visible !important;\n    opacity: 1 !important;\n    transform: none !important;\n  }\n\n  .ngg-option__content strong {\n    margin: 0 0 5px !important;\n    color: #fff !important;\n    -webkit-text-fill-color: #fff !important;\n    font-size: 15px !important;\n    font-weight: 800 !important;\n    line-height: 1.35 !important;\n  }\n\n  .ngg-option__content \u003e span {\n    margin: 0 !important;\n    color: rgba(255, 255, 255, 0.67) !important;\n    -webkit-text-fill-color: rgba(255, 255, 255, 0.67) !important;\n    font-size: 12px !important;\n    font-weight: 400 !important;\n    line-height: 1.55 !important;\n  }\n\n  .ngg-protection__preview.ngg-is-changing .ngg-stage-label,\n  .ngg-protection__preview.ngg-is-changing .ngg-stage-word,\n  .ngg-protection__preview.ngg-is-changing .ngg-stage-detail,\n  .ngg-protection__preview.ngg-is-changing .ngg-selected__number,\n  .ngg-protection__preview.ngg-is-changing .ngg-selected__title,\n  .ngg-protection__preview.ngg-is-changing .ngg-selected__copy {\n    animation: ngg-stage-change 0.38s ease both;\n  }\n\n  \/* Cards and lists *\/\n  .ngg-lifestyles,\n  .ngg-specifications,\n  .ngg-use-list,\n  .ngg-included {\n    display: grid;\n    gap: 14px;\n  }\n\n  .ngg-lifestyles {\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n  }\n\n  .ngg-specifications {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n\n  .ngg-use-list {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    width: min(100%, 1050px);\n    margin: 0 auto;\n    padding: 0;\n    list-style: none;\n  }\n\n  .ngg-included {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    width: min(100%, 980px);\n    margin: 0 auto;\n  }\n\n  .ngg-card,\n  .ngg-specification,\n  .ngg-use-item,\n  .ngg-included__item {\n    min-width: 0;\n    padding: 21px;\n    border: 1px solid var(--border);\n    border-radius: 19px;\n    background: #fff;\n    box-shadow: var(--shadow);\n    transition:\n      transform 0.27s ease,\n      border-color 0.27s ease;\n  }\n\n  .ngg-card:hover,\n  .ngg-specification:hover,\n  .ngg-use-item:hover {\n    border-color: rgba(222, 154, 35, 0.42);\n    transform: translateY(-4px);\n  }\n\n  .ngg-card {\n    min-height: 195px;\n  }\n\n  .ngg-card \u003e span {\n    display: block;\n    margin-bottom: 28px;\n    color: var(--gold-dark);\n    font-size: 10px;\n    font-weight: 900;\n  }\n\n  .ngg-card h3 {\n    margin-bottom: 7px !important;\n    color: var(--ink);\n    font-size: 17px;\n  }\n\n  .ngg-card p,\n  .ngg-specification p,\n  .ngg-use-item p {\n    color: var(--muted);\n    font-size: 13px;\n  }\n\n  .ngg-specification,\n  .ngg-use-item,\n  .ngg-included__item {\n    display: flex;\n    align-items: flex-start;\n    gap: 14px;\n    min-height: 130px;\n  }\n\n  .ngg-specification \u003e span {\n    color: var(--gold-dark);\n    font-size: 10px;\n    font-weight: 900;\n  }\n\n  .ngg-specification strong,\n  .ngg-use-item strong {\n    display: block;\n    margin-bottom: 5px;\n    color: var(--ink);\n    font-size: 14px;\n  }\n\n  .ngg-use-item \u003e span,\n  .ngg-included__item \u003e span {\n    display: grid;\n    width: 40px;\n    height: 40px;\n    flex: 0 0 40px;\n    border-radius: 50%;\n    color: #5f4216;\n    background: linear-gradient(180deg, #fff, #ffe4a2);\n    box-shadow: 0 7px 17px rgba(185, 116, 13, 0.17);\n    font-size: 11px;\n    font-weight: 900;\n    place-items: center;\n  }\n\n  .ngg-use-item--featured {\n    grid-column: 2 \/ 3;\n    background:\n      radial-gradient(\n        circle at 100% 0,\n        rgba(255, 222, 129, 0.45),\n        transparent 46%\n      ),\n      #fff;\n  }\n\n  .ngg-safety {\n    display: flex;\n    align-items: flex-start;\n    gap: 17px;\n    width: min(100%, 930px);\n    margin: 25px auto 0;\n    padding: 22px;\n    border: 1px solid rgba(185, 116, 13, 0.28);\n    border-radius: 19px;\n    background: #fff;\n    box-shadow: var(--shadow);\n  }\n\n  .ngg-safety \u003e span {\n    display: grid;\n    width: 43px;\n    height: 43px;\n    flex: 0 0 43px;\n    border-radius: 50%;\n    color: #fff;\n    background: linear-gradient(145deg, var(--gold-dark), var(--gold));\n    font-weight: 900;\n    place-items: center;\n  }\n\n  .ngg-safety strong {\n    display: block;\n    margin-bottom: 5px;\n    color: var(--ink);\n  }\n\n  .ngg-safety p {\n    color: var(--muted);\n    font-size: 12px;\n  }\n\n  .ngg-included-section {\n    background:\n      radial-gradient(\n        circle at 15% 15%,\n        rgba(255, 220, 123, 0.48),\n        transparent 29%\n      ),\n      #faf7f0;\n  }\n\n  .ngg-included__item {\n    align-items: center;\n    min-height: 110px;\n  }\n\n  .ngg-included__item small,\n  .ngg-included__item strong {\n    display: block;\n  }\n\n  .ngg-included__item small {\n    margin-bottom: 3px;\n    color: var(--muted);\n    font-size: 9px;\n    font-weight: 800;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n  }\n\n  .ngg-included__item strong {\n    color: var(--ink);\n    font-size: 14px;\n  }\n\n  \/* CTA *\/\n  .ngg-cta {\n    position: relative;\n    padding: 98px 0;\n    overflow: hidden;\n    color: #fff;\n    background:\n      radial-gradient(\n        circle at 20% 20%,\n        rgba(230, 164, 43, 0.19),\n        transparent 31%\n      ),\n      var(--ink);\n    text-align: center;\n  }\n\n  .ngg-cta__inner {\n    max-width: 900px;\n  }\n\n  .ngg-cta h2 {\n    margin-top: 20px !important;\n    color: #fff;\n  }\n\n  .ngg-cta p {\n    color: rgba(255, 255, 255, 0.68);\n    font-size: 17px;\n    font-weight: 700;\n  }\n\n  .ngg-badge--dark {\n    color: #ffd77f;\n    border-color: rgba(255, 255, 255, 0.14);\n    background: rgba(255, 255, 255, 0.06);\n  }\n\n  .ngg-button--light {\n    color: var(--ink);\n    border-color: #fff;\n    background: #fff;\n  }\n\n  .ngg-cta__glow {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 720px;\n    height: 360px;\n    border-radius: 50%;\n    background: radial-gradient(\n      circle,\n      rgba(226, 158, 38, 0.43),\n      transparent 68%\n    );\n    transform: translate(-50%, -50%);\n    animation: ngg-cta-glow 4s ease-in-out infinite;\n  }\n\n  .ngg-cta__sun {\n    position: absolute;\n    top: -90px;\n    right: -75px;\n    width: 250px;\n    height: 250px;\n    border: 1px solid rgba(255, 211, 108, 0.15);\n    border-radius: 50%;\n    box-shadow:\n      0 0 0 35px rgba(255, 211, 108, 0.035),\n      0 0 0 70px rgba(255, 211, 108, 0.02);\n  }\n\n  .ngg-disclaimer {\n    padding: 17px !important;\n    color: #817a73;\n    background: #f3f0eb;\n    font-size: 10px;\n    text-align: center;\n  }\n\n  \/* Reveal *\/\n  .ngg-reveal {\n    opacity: 1;\n    transform: none;\n  }\n\n  .ngg-js .ngg-reveal {\n    opacity: 0;\n    transform: translateY(23px);\n    transition:\n      opacity 0.72s ease,\n      transform 0.72s cubic-bezier(0.2, 0.7, 0.2, 1);\n  }\n\n  .ngg-js .ngg-reveal.ngg-visible {\n    opacity: 1;\n    transform: none;\n  }\n\n  @keyframes ngg-float {\n    0%,\n    100% {\n      transform: translateY(0);\n    }\n\n    50% {\n      transform: translateY(-15px);\n    }\n  }\n\n  @keyframes ngg-pulse {\n    0%,\n    100% {\n      opacity: 0.18;\n      transform: scale(0.94);\n    }\n\n    50% {\n      opacity: 0.52;\n      transform: scale(1.05);\n    }\n  }\n\n  @keyframes ngg-ray {\n    0%,\n    100% {\n      opacity: 0.25;\n    }\n\n    50% {\n      opacity: 0.95;\n    }\n  }\n\n  @keyframes ngg-stage-change {\n    from {\n      opacity: 0;\n      transform: translateY(7px);\n    }\n\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  @keyframes ngg-cta-glow {\n    0%,\n    100% {\n      opacity: 0.67;\n      transform: translate(-50%, -50%) scale(0.94);\n    }\n\n    50% {\n      opacity: 1;\n      transform: translate(-50%, -50%) scale(1.06);\n    }\n  }\n\n  @media (max-width: 959px) {\n    .ngg-benefits,\n    .ngg-specifications {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .ngg-interactive {\n      grid-template-columns: minmax(0, 1fr);\n      gap: 46px;\n    }\n\n    .ngg-options {\n      width: min(100%, 720px);\n      margin: 0 auto;\n    }\n\n    .ngg-lifestyles {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .ngg-highlights {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      max-width: 650px;\n    }\n  }\n\n  @media (max-width: 679px) {\n    .ngg-hero {\n      padding: 72px 0 68px;\n    }\n\n    .ngg-section {\n      padding: 67px 0;\n    }\n\n    .ngg-benefits,\n    .ngg-specifications,\n    .ngg-use-list,\n    .ngg-included,\n    .ngg-lifestyles {\n      grid-template-columns: minmax(0, 1fr);\n    }\n\n    .ngg-use-item--featured {\n      grid-column: auto;\n    }\n\n    .ngg-shield-orbit {\n      width: min(310px, 86vw);\n    }\n\n    #novea-glow-guard button.ngg-option:hover,\n    #novea-glow-guard button.ngg-option:focus-visible,\n    #novea-glow-guard button.ngg-option.is-active {\n      transform: none !important;\n    }\n  }\n\n  @media (max-width: 480px) {\n    .ngg-container {\n      width: calc(100% - 24px);\n    }\n\n    .ngg-highlights {\n      grid-template-columns: minmax(0, 1fr);\n    }\n\n    .ngg-selected {\n      grid-template-columns: 38px minmax(0, 1fr);\n      gap: 12px;\n      min-height: 0;\n      padding: 16px;\n    }\n\n    .ngg-selected__number {\n      width: 38px;\n      height: 38px;\n    }\n\n    #novea-glow-guard button.ngg-option {\n      grid-template-columns: 38px minmax(0, 1fr) !important;\n      gap: 13px !important;\n      min-height: 0 !important;\n      padding: 16px !important;\n    }\n\n    .ngg-option__number {\n      width: 38px !important;\n      min-width: 38px !important;\n      height: 38px !important;\n    }\n\n    .ngg-shield-core {\n      width: 58%;\n    }\n\n    .ngg-safety {\n      gap: 13px;\n      padding: 18px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    #novea-glow-guard *,\n    #novea-glow-guard *::before,\n    #novea-glow-guard *::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    .ngg-js .ngg-reveal,\n    .ngg-js .ngg-reveal.ngg-visible {\n      opacity: 1;\n      transform: none;\n    }\n  }\n\u003c\/style\u003e","brand":"NOVÉA","offers":[{"title":"Default Title","offer_id":52238314733784,"sku":null,"price":299.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0829\/3063\/0872\/files\/WhatsAppImage2026-07-22at00.09.55.jpg?v=1786721744"},{"product_id":"novea™-clear-skin-ultrasonic-scrubber","title":"NOVÉA™ Clear Skin Ultrasonic Scrubber","description":"\u003cdiv id=\"novea-clear-skin\" class=\"ncs\" role=\"region\"\u003e\n\u003c!-- HERO --\u003e\n\u003csection class=\"ncs-hero\"\u003e\n\u003cdiv class=\"ncs-grid\"\u003e\u003c\/div\u003e\n\u003cspan class=\"ncs-orb ncs-orb--one\"\u003e\u003c\/span\u003e \u003cspan class=\"ncs-orb ncs-orb--two\"\u003e\u003c\/span\u003e\n\u003cdiv class=\"ncs-container ncs-hero__layout\"\u003e\n\u003cdiv class=\"ncs-hero__copy ncs-reveal\"\u003e\n\u003cspan class=\"ncs-badge\"\u003eNOVÉA™ SKIN TECHNOLOGY\u003c\/span\u003e\n\u003ch1\u003eNOVÉA™ Clear Skin \u003cspan\u003eUltrasonic Scrubber\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"ncs-tagline\"\u003eYour Most Thorough Cleanse.\u003cbr\u003eYour Most Lifted Skin. At Home.\u003c\/p\u003e\n\u003cp class=\"ncs-description\"\u003eProfessional-inspired ultrasonic technology with four targeted treatment modes to help deep clean, exfoliate, lift and support product application—all from the comfort of home.\u003c\/p\u003e\n\u003cdiv class=\"ncs-hero__features\"\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e4\u003c\/strong\u003e \u003cspan\u003etreatment modes\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eUSB\u003c\/strong\u003e \u003cspan\u003erechargeable\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e360°\u003c\/strong\u003e \u003cspan\u003eskincare ritual\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eSteel\u003c\/strong\u003e \u003cspan\u003espatula head\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ncs-trust\"\u003e\n\u003cspan\u003eUltrasonic vibration\u003c\/span\u003e \u003cspan\u003eFour targeted modes\u003c\/span\u003e \u003cspan\u003eCordless design\u003c\/span\u003e \u003cspan\u003eAt-home treatment\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ca class=\"ncs-button\" href=\"#ncs-benefits\"\u003e Explore Clear Skin \u003cspan\u003e→\u003c\/span\u003e \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c!-- CSS PRODUCT VISUAL --\u003e\n\u003cdiv class=\"ncs-device-stage ncs-reveal\"\u003e\n\u003cspan class=\"ncs-device-ring ncs-device-ring--one\"\u003e\u003c\/span\u003e \u003cspan class=\"ncs-device-ring ncs-device-ring--two\"\u003e\u003c\/span\u003e \u003cspan class=\"ncs-device-glow\"\u003e\u003c\/span\u003e \u003cspan class=\"ncs-float-label ncs-float-label--one\"\u003e \u003csmall\u003eMODE 01\u003c\/small\u003e Deep Clean \u003c\/span\u003e \u003cspan class=\"ncs-float-label ncs-float-label--two\"\u003e \u003csmall\u003eMODE 02\u003c\/small\u003e Lift \u003c\/span\u003e \u003cspan class=\"ncs-float-label ncs-float-label--three\"\u003e \u003csmall\u003eMODES 03–04\u003c\/small\u003e Ion+ \/ Ion− \u003c\/span\u003e\n\u003cdiv class=\"ncs-device\"\u003e\n\u003cdiv class=\"ncs-device__blade\"\u003e\n\u003cspan\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ncs-device__neck\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ncs-device__body\"\u003e\n\u003cspan class=\"ncs-device__gold\"\u003e\u003c\/span\u003e\n\u003cdiv class=\"ncs-device__brand\"\u003e\n\u003csmall\u003eNOVÉA™\u003c\/small\u003e \u003cstrong\u003eCLEAR SKIN\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ncs-device__mode-light\"\u003e\u003c\/span\u003e \u003cspan class=\"ncs-device__button\"\u003e\u003c\/span\u003e\n\u003cdiv class=\"ncs-device__modes\"\u003e\n\u003ci\u003e\u003c\/i\u003e \u003ci\u003e\u003c\/i\u003e \u003ci\u003e\u003c\/i\u003e \u003ci\u003e\u003c\/i\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INTRODUCTION --\u003e\n\u003csection class=\"ncs-section\"\u003e\n\u003cdiv class=\"ncs-container\"\u003e\n\u003cdiv class=\"ncs-heading ncs-reveal\"\u003e\n\u003cspan class=\"ncs-eyebrow\"\u003eBeyond an ordinary cleanse\u003c\/span\u003e\n\u003ch2\u003eGive your skincare ritual a more precise, technology-led finish.\u003c\/h2\u003e\n\u003cp\u003eTraditional cleansing may leave behind excess oil, dead surface skin and everyday buildup. The NOVÉA™ Clear Skin Ultrasonic Scrubber uses high-frequency vibration through a stainless-steel spatula to help loosen surface impurities while supporting exfoliation, lifting massage and product application.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cblockquote class=\"ncs-quote ncs-reveal\"\u003e\n\u003cspan\u003e“\u003c\/span\u003e\n\u003cp\u003eBecause truly clean skin isn’t just washed—it’s treated.\u003c\/p\u003e\n\u003c\/blockquote\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- BENEFITS --\u003e\n\u003csection id=\"ncs-benefits\" class=\"ncs-section ncs-section--soft\"\u003e\n\u003cdiv class=\"ncs-container\"\u003e\n\u003cdiv class=\"ncs-heading ncs-reveal\"\u003e\n\u003cspan class=\"ncs-eyebrow\"\u003eWhat your skin gains\u003c\/span\u003e\n\u003ch2\u003eA clearer-looking, smoother, more refined ritual\u003c\/h2\u003e\n\u003cp\u003eSelect each benefit to discover how Clear Skin complements your skincare routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ncs-benefits\"\u003e\n\u003carticle class=\"ncs-benefit is-open ncs-reveal\" role=\"button\" tabindex=\"0\"\u003e\u003cspan class=\"ncs-benefit__number\"\u003e01\u003c\/span\u003e \u003cspan class=\"ncs-benefit__icon\"\u003e◇\u003c\/span\u003e\n\u003ch3\u003eCleaner-looking pores\u003c\/h3\u003e\n\u003cp\u003eUltrasonic vibration helps loosen excess oil, dead surface skin and visible buildup that an ordinary cleanse may leave behind.\u003c\/p\u003e\n\u003cspan class=\"ncs-benefit__toggle\"\u003e\u003c\/span\u003e\u003c\/article\u003e\n\u003carticle class=\"ncs-benefit ncs-reveal\" role=\"button\" tabindex=\"0\"\u003e\u003cspan class=\"ncs-benefit__number\"\u003e02\u003c\/span\u003e \u003cspan class=\"ncs-benefit__icon\"\u003e✦\u003c\/span\u003e\n\u003ch3\u003eSmoother-looking texture\u003c\/h3\u003e\n\u003cp\u003eControlled surface exfoliation helps remove dull-looking buildup to reveal skin that appears fresher, smoother and brighter.\u003c\/p\u003e\n\u003cspan class=\"ncs-benefit__toggle\"\u003e\u003c\/span\u003e\u003c\/article\u003e\n\u003carticle class=\"ncs-benefit ncs-reveal\" role=\"button\" tabindex=\"0\"\u003e\u003cspan class=\"ncs-benefit__number\"\u003e03\u003c\/span\u003e \u003cspan class=\"ncs-benefit__icon\"\u003e↗\u003c\/span\u003e\n\u003ch3\u003eA lifted appearance\u003c\/h3\u003e\n\u003cp\u003eLifting mode supports an upward facial massage ritual to help skin look refreshed, toned and more defined over time.\u003c\/p\u003e\n\u003cspan class=\"ncs-benefit__toggle\"\u003e\u003c\/span\u003e\u003c\/article\u003e\n\u003carticle class=\"ncs-benefit ncs-reveal\" role=\"button\" tabindex=\"0\"\u003e\u003cspan class=\"ncs-benefit__number\"\u003e04\u003c\/span\u003e \u003cspan class=\"ncs-benefit__icon\"\u003e＋\u003c\/span\u003e\n\u003ch3\u003eEnhanced product application\u003c\/h3\u003e\n\u003cp\u003eIon+ mode complements serum and moisturiser application, helping distribute your chosen skincare evenly across the face.\u003c\/p\u003e\n\u003cspan class=\"ncs-benefit__toggle\"\u003e\u003c\/span\u003e\u003c\/article\u003e\n\u003carticle class=\"ncs-benefit ncs-reveal\" role=\"button\" tabindex=\"0\"\u003e\u003cspan class=\"ncs-benefit__number\"\u003e05\u003c\/span\u003e \u003cspan class=\"ncs-benefit__icon\"\u003e−\u003c\/span\u003e\n\u003ch3\u003eA balanced cleansing ritual\u003c\/h3\u003e\n\u003cp\u003eIon− mode is designed to complement cleansing by helping address residual surface oil and impurities.\u003c\/p\u003e\n\u003cspan class=\"ncs-benefit__toggle\"\u003e\u003c\/span\u003e\u003c\/article\u003e\n\u003carticle class=\"ncs-benefit ncs-reveal\" role=\"button\" tabindex=\"0\"\u003e\u003cspan class=\"ncs-benefit__number\"\u003e06\u003c\/span\u003e \u003cspan class=\"ncs-benefit__icon\"\u003e◎\u003c\/span\u003e\n\u003ch3\u003eSpa-inspired care at home\u003c\/h3\u003e\n\u003cp\u003eBring an ultrasonic, multi-step skincare experience into your weekly routine without leaving home.\u003c\/p\u003e\n\u003cspan class=\"ncs-benefit__toggle\"\u003e\u003c\/span\u003e\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- HOW TECHNOLOGY WORKS --\u003e\n\u003csection class=\"ncs-section ncs-technology\"\u003e\n\u003cdiv class=\"ncs-container ncs-technology__layout\"\u003e\n\u003cdiv class=\"ncs-technology__visual ncs-reveal\"\u003e\n\u003cdiv class=\"ncs-wave-system\"\u003e\n\u003cspan class=\"ncs-wave ncs-wave--one\"\u003e\u003c\/span\u003e \u003cspan class=\"ncs-wave ncs-wave--two\"\u003e\u003c\/span\u003e \u003cspan class=\"ncs-wave ncs-wave--three\"\u003e\u003c\/span\u003e\n\u003cdiv class=\"ncs-wave-core\"\u003e\n\u003csmall\u003eULTRASONIC\u003c\/small\u003e \u003cstrong\u003e∞\u003c\/strong\u003e \u003cspan\u003eMicro-vibrations\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ncs-technology__copy ncs-reveal\"\u003e\n\u003cspan class=\"ncs-eyebrow\"\u003eThe technology\u003c\/span\u003e\n\u003ch2\u003eHigh-frequency care. Gentle, controlled action.\u003c\/h2\u003e\n\u003cp\u003eThe stainless-steel spatula transfers rapid ultrasonic vibrations across damp skin. This creates a controlled mechanical action that helps loosen surface buildup without the harsh friction associated with aggressive manual scrubbing.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cspan\u003e01\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eVibrate\u003c\/strong\u003e\n\u003cp\u003eHigh-frequency movement travels through the spatula head.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan\u003e02\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eLoosen\u003c\/strong\u003e\n\u003cp\u003eDamp skin helps the spatula lift visible surface buildup.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan\u003e03\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eRefine\u003c\/strong\u003e\n\u003cp\u003eThe ritual supports smoother, fresher and clearer-looking skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INTERACTIVE MODES --\u003e\n\u003csection id=\"ncs-mode-system\" class=\"ncs-modes-section\"\u003e\n\u003cdiv class=\"ncs-modes-bg\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ncs-container\"\u003e\n\u003cdiv class=\"ncs-heading ncs-heading--light ncs-reveal\"\u003e\n\u003cspan class=\"ncs-eyebrow\"\u003eFour targeted experiences\u003c\/span\u003e\n\u003ch2 id=\"ncs-modes-title\"\u003eExplore every treatment mode\u003c\/h2\u003e\n\u003cp\u003eSelect a mode to see how it fits into your Clear Skin ritual.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ncs-mode-interactive\"\u003e\n\u003cdiv class=\"ncs-mode-preview ncs-reveal\"\u003e\n\u003cdiv class=\"ncs-mode-orbit\"\u003e\n\u003cspan class=\"ncs-mode-ring ncs-mode-ring--outer\"\u003e\u003c\/span\u003e \u003cspan class=\"ncs-mode-ring ncs-mode-ring--inner\"\u003e\u003c\/span\u003e \u003cspan class=\"ncs-particle ncs-particle--one\"\u003e\u003c\/span\u003e \u003cspan class=\"ncs-particle ncs-particle--two\"\u003e\u003c\/span\u003e \u003cspan class=\"ncs-particle ncs-particle--three\"\u003e\u003c\/span\u003e\n\u003cdiv class=\"ncs-mode-core\"\u003e\n\u003csmall class=\"ncs-active-label\"\u003eTREATMENT 01\u003c\/small\u003e \u003cstrong class=\"ncs-active-word\"\u003eCLEAN\u003c\/strong\u003e \u003cspan class=\"ncs-active-detail\"\u003eDeep pore ritual\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ncs-selected\" role=\"status\"\u003e\n\u003cspan class=\"ncs-selected__number\"\u003e01\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong class=\"ncs-selected__title\"\u003e Ultrasonic Cleaning \u003c\/strong\u003e\n\u003cp class=\"ncs-selected__copy\"\u003eUse on damp skin to help loosen dead surface skin, excess oil and visible buildup.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ncs-mode-options\" role=\"group\"\u003e\n\u003cbutton class=\"ncs-mode-option is-active ncs-reveal\" type=\"button\"\u003e \u003cspan class=\"ncs-mode-option__number\"\u003e01\u003c\/span\u003e \u003cspan class=\"ncs-mode-option__content\"\u003e \u003cstrong\u003eCleaning\u003c\/strong\u003e \u003cspan\u003e Ultrasonic surface cleansing and gentle exfoliation. \u003c\/span\u003e \u003c\/span\u003e \u003c\/button\u003e \u003cbutton class=\"ncs-mode-option ncs-reveal\" type=\"button\"\u003e \u003cspan class=\"ncs-mode-option__number\"\u003e02\u003c\/span\u003e \u003cspan class=\"ncs-mode-option__content\"\u003e \u003cstrong\u003eLifting\u003c\/strong\u003e \u003cspan\u003e An upward facial massage for a firmer-looking appearance. \u003c\/span\u003e \u003c\/span\u003e \u003c\/button\u003e \u003cbutton class=\"ncs-mode-option ncs-reveal\" type=\"button\"\u003e \u003cspan class=\"ncs-mode-option__number\"\u003e03\u003c\/span\u003e \u003cspan class=\"ncs-mode-option__content\"\u003e \u003cstrong\u003eIon+\u003c\/strong\u003e \u003cspan\u003e Complements serum and moisturiser application. \u003c\/span\u003e \u003c\/span\u003e \u003c\/button\u003e \u003cbutton class=\"ncs-mode-option ncs-reveal\" type=\"button\"\u003e \u003cspan class=\"ncs-mode-option__number\"\u003e04\u003c\/span\u003e \u003cspan class=\"ncs-mode-option__content\"\u003e \u003cstrong\u003eIon−\u003c\/strong\u003e \u003cspan\u003e Complements cleansing for a refreshed, balanced finish. \u003c\/span\u003e \u003c\/span\u003e \u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SPECIFICATIONS --\u003e\n\u003csection class=\"ncs-section ncs-section--soft\"\u003e\n\u003cdiv class=\"ncs-container\"\u003e\n\u003cdiv class=\"ncs-heading ncs-reveal\"\u003e\n\u003cspan class=\"ncs-eyebrow\"\u003ePrecisely considered\u003c\/span\u003e\n\u003ch2\u003eKey specifications\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ncs-specifications\"\u003e\n\u003carticle class=\"ncs-specification ncs-reveal\"\u003e\u003cspan\u003e01\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eTechnology\u003c\/strong\u003e\n\u003cp\u003eUltrasonic vibration with four targeted treatment settings.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"ncs-specification ncs-reveal\"\u003e\u003cspan\u003e02\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eFour modes\u003c\/strong\u003e\n\u003cp\u003eCleaning, Lifting, Ion+ and Ion−.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"ncs-specification ncs-reveal\"\u003e\u003cspan\u003e03\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eSpatula head\u003c\/strong\u003e\n\u003cp\u003eStainless-steel treatment head with a protective cap.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"ncs-specification ncs-reveal\"\u003e\u003cspan\u003e04\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eOperation\u003c\/strong\u003e\n\u003cp\u003eSingle-button control for power and mode selection.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"ncs-specification ncs-reveal\"\u003e\u003cspan\u003e05\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003ePower\u003c\/strong\u003e\n\u003cp\u003eUSB rechargeable for convenient cordless use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"ncs-specification ncs-reveal\"\u003e\u003cspan\u003e06\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eDesign\u003c\/strong\u003e\n\u003cp\u003eSleek white body with a premium gold accent ring.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"ncs-specification ncs-reveal\"\u003e\u003cspan\u003e07\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eBranding\u003c\/strong\u003e\n\u003cp\u003eMinimal NOVÉA™ detailing for a refined presentation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"ncs-specification ncs-reveal\"\u003e\u003cspan\u003e08\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003ePackaging\u003c\/strong\u003e\n\u003cp\u003ePremium matte-black NOVÉA™ gift box.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"ncs-specification ncs-reveal\"\u003e\u003cspan\u003e09\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eIdentity\u003c\/strong\u003e\n\u003cp\u003eCreated for NOVÉA™ with South African brand detailing.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- HOW TO USE --\u003e\n\u003csection id=\"ncs-how-to-use\" class=\"ncs-section\"\u003e\n\u003cdiv class=\"ncs-container\"\u003e\n\u003cdiv class=\"ncs-heading ncs-reveal\"\u003e\n\u003cspan class=\"ncs-eyebrow\"\u003eYour Clear Skin ritual\u003c\/span\u003e\n\u003ch2\u003eHow to use\u003c\/h2\u003e\n\u003cp\u003eAlways follow the final instructions supplied with your device.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003col class=\"ncs-use-list\"\u003e\n\u003cli class=\"ncs-use-item ncs-reveal\"\u003e\n\u003cspan\u003e1\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eCleanse and prepare\u003c\/strong\u003e\n\u003cp\u003eCleanse your face and leave the skin damp. Never use Cleaning mode on dry skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"ncs-use-item ncs-reveal\"\u003e\n\u003cspan\u003e2\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eChoose your mode\u003c\/strong\u003e\n\u003cp\u003ePress the power button and cycle to your preferred treatment setting.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"ncs-use-item ncs-reveal\"\u003e\n\u003cspan\u003e3\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eClean gently\u003c\/strong\u003e\n\u003cp\u003eHold the spatula at approximately 30 degrees and glide slowly across damp skin without pressing firmly.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"ncs-use-item ncs-reveal\"\u003e\n\u003cspan\u003e4\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eLift upward\u003c\/strong\u003e\n\u003cp\u003eUse the flat side and glide upward along the jawline, cheeks and forehead with light pressure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"ncs-use-item ncs-reveal\"\u003e\n\u003cspan\u003e5\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eApply skincare\u003c\/strong\u003e\n\u003cp\u003eApply your chosen serum or moisturiser before using Ion+ mode with gentle, controlled movements.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"ncs-use-item ncs-reveal\"\u003e\n\u003cspan\u003e6\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eComplete the ritual\u003c\/strong\u003e\n\u003cp\u003eUse Ion− as directed, then clean and dry the spatula before replacing its protective cap.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"ncs-use-item ncs-use-item--featured ncs-reveal\"\u003e\n\u003cspan\u003e7\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eUse consistently, not excessively\u003c\/strong\u003e\n\u003cp\u003eBegin with one session per week and increase only if your skin tolerates it. Avoid repeatedly treating the same area.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cdiv class=\"ncs-safety ncs-reveal\"\u003e\n\u003cspan\u003e!\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eImportant skincare guidance\u003c\/strong\u003e\n\u003cp\u003eDo not use on broken, inflamed, infected or severely irritated skin. Avoid the eye area. Stop use if discomfort or irritation occurs. Consult a qualified healthcare professional before use if you have a skin condition, implanted electronic device, are pregnant, or are receiving dermatological treatment.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INCLUDED --\u003e\n\u003csection class=\"ncs-section ncs-included-section\"\u003e\n\u003cdiv class=\"ncs-container\"\u003e\n\u003cdiv class=\"ncs-heading ncs-reveal\"\u003e\n\u003cspan class=\"ncs-eyebrow\"\u003eThe complete presentation\u003c\/span\u003e\n\u003ch2\u003eWhat’s included\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ncs-included\"\u003e\n\u003carticle class=\"ncs-included__item ncs-reveal\"\u003e\u003cspan\u003e01\u003c\/span\u003e\n\u003cdiv\u003e\n\u003csmall\u003eMain device\u003c\/small\u003e \u003cstrong\u003eNOVÉA™ Clear Skin Ultrasonic Scrubber\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"ncs-included__item ncs-reveal\"\u003e\u003cspan\u003e02\u003c\/span\u003e\n\u003cdiv\u003e\n\u003csmall\u003eProtection\u003c\/small\u003e \u003cstrong\u003eProtective spatula cap\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"ncs-included__item ncs-reveal\"\u003e\u003cspan\u003e03\u003c\/span\u003e\n\u003cdiv\u003e\n\u003csmall\u003eCharging\u003c\/small\u003e \u003cstrong\u003eUSB charging cable\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"ncs-included__item ncs-reveal\"\u003e\u003cspan\u003e04\u003c\/span\u003e\n\u003cdiv\u003e\n\u003csmall\u003ePresentation\u003c\/small\u003e \u003cstrong\u003ePremium NOVÉA™ matte-black gift box\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA --\u003e\n\u003csection class=\"ncs-cta\"\u003e\u003cspan class=\"ncs-cta__glow\"\u003e\u003c\/span\u003e \u003cspan class=\"ncs-cta__ring\"\u003e\u003c\/span\u003e\n\u003cdiv class=\"ncs-container ncs-cta__inner ncs-reveal\"\u003e\n\u003cspan class=\"ncs-badge ncs-badge--dark\"\u003e NOVÉA™ CLEAR SKIN \u003c\/span\u003e\n\u003ch2\u003eGo beyond clean. Reveal beautifully refined skin.\u003c\/h2\u003e\n\u003cp\u003eBring a precise, spa-inspired ultrasonic ritual into your home.\u003c\/p\u003e\n\u003ca class=\"ncs-button ncs-button--light\" href=\"#ncs-how-to-use\"\u003e Explore the ritual \u003cspan\u003e→\u003c\/span\u003e \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cp class=\"ncs-disclaimer\"\u003eCosmetic device only. Individual results vary. Product specifications, treatment claims, iontophoresis functionality, charging information, contraindications, packaging and country-of-origin statements must be verified against the final supplier documentation and applicable regulations before publication or sale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n  #novea-clear-skin {\n    --ncs-ink: #131419;\n    --ncs-text: #454850;\n    --ncs-muted: #747984;\n    --ncs-blue: #61cdea;\n    --ncs-blue-dark: #177a99;\n    --ncs-gold: #c99a5b;\n    --ncs-gold-light: #f3d5a5;\n    --ncs-soft: #edfaff;\n    --ncs-border: rgba(19, 20, 25, 0.11);\n    --ncs-shadow: 0 18px 48px rgba(19, 30, 38, 0.09);\n\n    width: 100%;\n    overflow: hidden;\n    color: var(--ncs-text);\n    background: #fff;\n    font-family:\n      Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial,\n      sans-serif;\n    line-height: 1.6;\n    isolation: isolate;\n    -webkit-font-smoothing: antialiased;\n  }\n\n  #novea-clear-skin *,\n  #novea-clear-skin *::before,\n  #novea-clear-skin *::after {\n    box-sizing: border-box;\n  }\n\n  #novea-clear-skin h1,\n  #novea-clear-skin h2,\n  #novea-clear-skin h3,\n  #novea-clear-skin p,\n  #novea-clear-skin blockquote {\n    margin: 0;\n    padding: 0;\n  }\n\n  #novea-clear-skin button,\n  #novea-clear-skin a {\n    font: inherit;\n  }\n\n  .ncs-container {\n    position: relative;\n    z-index: 2;\n    width: min(1160px, calc(100% - 32px));\n    margin: 0 auto;\n  }\n\n  .ncs-section {\n    position: relative;\n    padding: 88px 0;\n  }\n\n  .ncs-section--soft {\n    background:\n      radial-gradient(\n        circle at 8% 7%,\n        rgba(112, 218, 247, 0.2),\n        transparent 30%\n      ),\n      linear-gradient(180deg, #fbfeff, #f2f7f8);\n  }\n\n  .ncs-heading {\n    width: min(100%, 820px);\n    margin: 0 auto 45px;\n    text-align: center;\n  }\n\n  .ncs-heading h2,\n  .ncs-technology h2,\n  .ncs-cta h2 {\n    margin: 9px 0 15px !important;\n    color: var(--ncs-ink);\n    font-size: clamp(31px, 5vw, 54px);\n    font-weight: 790;\n    line-height: 1.06;\n    letter-spacing: -0.046em;\n  }\n\n  .ncs-heading p {\n    color: var(--ncs-muted);\n    font-size: 16px;\n  }\n\n  .ncs-eyebrow {\n    display: inline-block;\n    color: var(--ncs-blue-dark);\n    font-size: 10px;\n    font-weight: 850;\n    line-height: 1.4;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n  }\n\n  \/* Hero *\/\n  .ncs-hero {\n    position: relative;\n    min-height: 760px;\n    padding: 100px 0 94px;\n    overflow: hidden;\n    background:\n      radial-gradient(\n        circle at 12% 13%,\n        rgba(255, 255, 255, 0.98),\n        transparent 31%\n      ),\n      radial-gradient(\n        circle at 83% 32%,\n        rgba(111, 218, 248, 0.33),\n        transparent 30%\n      ),\n      linear-gradient(140deg, #fff, #effcff 56%, #d8f4fb);\n  }\n\n  .ncs-grid {\n    position: absolute;\n    inset: 0;\n    opacity: 0.25;\n    background-image:\n      linear-gradient(rgba(255, 255, 255, 0.8) 1px, transparent 1px),\n      linear-gradient(\n        90deg,\n        rgba(255, 255, 255, 0.8) 1px,\n        transparent 1px\n      );\n    background-size: 50px 50px;\n  }\n\n  .ncs-hero__layout {\n    display: grid;\n    grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.92fr);\n    align-items: center;\n    gap: 55px;\n  }\n\n  .ncs-badge {\n    display: inline-flex;\n    padding: 8px 14px;\n    border: 1px solid rgba(23, 122, 153, 0.24);\n    border-radius: 999px;\n    color: var(--ncs-blue-dark);\n    background: rgba(255, 255, 255, 0.78);\n    box-shadow: 0 8px 24px rgba(23, 122, 153, 0.1);\n    font-size: 10px;\n    font-weight: 850;\n    letter-spacing: 0.17em;\n  }\n\n  .ncs-hero h1 {\n    margin: 24px 0 18px;\n    color: var(--ncs-ink);\n    font-size: clamp(49px, 7vw, 79px);\n    font-weight: 820;\n    line-height: 0.96;\n    letter-spacing: -0.06em;\n  }\n\n  .ncs-hero h1 span {\n    display: block;\n    margin-top: 12px;\n    color: var(--ncs-blue-dark);\n    font-size: 0.45em;\n    line-height: 1.12;\n    letter-spacing: -0.035em;\n  }\n\n  .ncs-tagline {\n    margin-bottom: 17px !important;\n    color: var(--ncs-blue-dark);\n    font-size: clamp(20px, 3vw, 27px);\n    font-weight: 780;\n    line-height: 1.3;\n  }\n\n  .ncs-description {\n    max-width: 650px;\n    color: var(--ncs-muted);\n    font-size: 16px;\n  }\n\n  .ncs-hero__features {\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    gap: 9px;\n    margin-top: 28px;\n  }\n\n  .ncs-hero__features div {\n    min-width: 0;\n    padding: 13px 10px;\n    border: 1px solid var(--ncs-border);\n    border-radius: 15px;\n    background: rgba(255, 255, 255, 0.83);\n    box-shadow: 0 8px 21px rgba(31, 79, 91, 0.06);\n    text-align: center;\n  }\n\n  .ncs-hero__features strong,\n  .ncs-hero__features span {\n    display: block;\n  }\n\n  .ncs-hero__features strong {\n    color: var(--ncs-blue-dark);\n    font-size: 14px;\n  }\n\n  .ncs-hero__features span {\n    color: #656b73;\n    font-size: 10px;\n  }\n\n  .ncs-trust {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px 19px;\n    margin-top: 19px;\n  }\n\n  .ncs-trust span {\n    position: relative;\n    padding-left: 15px;\n    color: #626a72;\n    font-size: 11px;\n    font-weight: 700;\n  }\n\n  .ncs-trust span::before {\n    position: absolute;\n    top: 50%;\n    left: 0;\n    width: 7px;\n    height: 7px;\n    border-radius: 50%;\n    background: var(--ncs-blue);\n    content: \"\";\n    transform: translateY(-50%);\n  }\n\n  .ncs-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    min-height: 53px;\n    margin-top: 27px;\n    padding: 12px 23px;\n    border: 1px solid var(--ncs-blue-dark);\n    border-radius: 999px;\n    color: #fff;\n    background: linear-gradient(\n      135deg,\n      var(--ncs-blue-dark),\n      var(--ncs-blue)\n    );\n    box-shadow: 0 14px 30px rgba(23, 122, 153, 0.26);\n    font-size: 13px;\n    font-weight: 800;\n    text-decoration: none;\n    transition:\n      transform 0.25s ease,\n      box-shadow 0.25s ease;\n  }\n\n  .ncs-button:hover,\n  .ncs-button:focus-visible {\n    outline: none;\n    box-shadow: 0 18px 40px rgba(23, 122, 153, 0.35);\n    transform: translateY(-3px);\n  }\n\n  .ncs-orb {\n    position: absolute;\n    border-radius: 50%;\n    animation: ncs-float 7s ease-in-out infinite;\n  }\n\n  .ncs-orb--one {\n    top: 5%;\n    left: 2%;\n    width: 150px;\n    height: 150px;\n    background: rgba(100, 210, 240, 0.1);\n  }\n\n  .ncs-orb--two {\n    right: 1%;\n    bottom: 5%;\n    width: 210px;\n    height: 210px;\n    background: rgba(201, 154, 91, 0.1);\n    animation-delay: -3s;\n  }\n\n  \/* Device *\/\n  .ncs-device-stage {\n    position: relative;\n    display: grid;\n    min-height: 570px;\n    place-items: center;\n  }\n\n  .ncs-device-glow {\n    position: absolute;\n    width: 330px;\n    height: 420px;\n    border-radius: 50%;\n    background: rgba(92, 211, 243, 0.35);\n    filter: blur(65px);\n    animation: ncs-glow 4s ease-in-out infinite;\n  }\n\n  .ncs-device-ring {\n    position: absolute;\n    border: 1px solid rgba(23, 122, 153, 0.2);\n    border-radius: 50%;\n    animation: ncs-ring 4s ease-in-out infinite;\n  }\n\n  .ncs-device-ring--one {\n    width: 390px;\n    height: 390px;\n  }\n\n  .ncs-device-ring--two {\n    width: 485px;\n    height: 485px;\n    animation-delay: -2s;\n  }\n\n  .ncs-device {\n    position: relative;\n    z-index: 3;\n    width: 162px;\n    height: 480px;\n    filter: drop-shadow(0 28px 30px rgba(27, 72, 84, 0.18));\n    transform: rotate(4deg);\n    animation: ncs-device-float 5s ease-in-out infinite;\n  }\n\n  .ncs-device__blade {\n    position: absolute;\n    top: 0;\n    left: 50%;\n    width: 112px;\n    height: 118px;\n    border: 1px solid rgba(80, 98, 106, 0.34);\n    border-radius: 52% 52% 16px 16px \/ 29% 29% 20px 20px;\n    background:\n      linear-gradient(\n        90deg,\n        rgba(255, 255, 255, 0.5),\n        transparent 35%,\n        rgba(255, 255, 255, 0.72)\n      ),\n      linear-gradient(145deg, #b8c5c9, #f9ffff 52%, #a5b5ba);\n    box-shadow:\n      inset 0 0 12px rgba(255, 255, 255, 0.85),\n      0 8px 18px rgba(29, 69, 80, 0.14);\n    transform: translateX(-50%);\n  }\n\n  .ncs-device__blade span {\n    position: absolute;\n    top: 13px;\n    right: 18px;\n    width: 2px;\n    height: 76px;\n    border-radius: 50%;\n    background: rgba(255, 255, 255, 0.75);\n    transform: rotate(-8deg);\n  }\n\n  .ncs-device__neck {\n    position: absolute;\n    top: 98px;\n    left: 50%;\n    z-index: 2;\n    width: 79px;\n    height: 68px;\n    border-radius: 0 0 23px 23px;\n    background: linear-gradient(90deg, #e9f2f4, #fff, #dfecef);\n    transform: translateX(-50%);\n  }\n\n  .ncs-device__body {\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    height: 350px;\n    overflow: hidden;\n    border: 1px solid rgba(75, 91, 99, 0.17);\n    border-radius: 55px 55px 67px 67px \/ 38px 38px 86px 86px;\n    background:\n      linear-gradient(\n        90deg,\n        #dce7e9,\n        #fff 20%,\n        #fff 70%,\n        #d7e4e7\n      );\n    box-shadow:\n      inset 8px 0 15px rgba(255, 255, 255, 0.8),\n      inset -8px 0 13px rgba(103, 127, 134, 0.1);\n  }\n\n  .ncs-device__gold {\n    display: block;\n    width: 100%;\n    height: 14px;\n    background: linear-gradient(\n      90deg,\n      #8e673b,\n      #e5c18a 35%,\n      #fff0c6 50%,\n      #ae7d43\n    );\n  }\n\n  .ncs-device__brand {\n    margin-top: 58px;\n    color: var(--ncs-ink);\n    text-align: center;\n  }\n\n  .ncs-device__brand small,\n  .ncs-device__brand strong {\n    display: block;\n  }\n\n  .ncs-device__brand small {\n    color: #9e774a;\n    font-size: 9px;\n    font-weight: 900;\n    letter-spacing: 0.18em;\n  }\n\n  .ncs-device__brand strong {\n    margin-top: 4px;\n    font-size: 10px;\n    letter-spacing: 0.08em;\n  }\n\n  .ncs-device__mode-light {\n    display: block;\n    width: 7px;\n    height: 7px;\n    margin: 30px auto 13px;\n    border-radius: 50%;\n    background: #64d9f5;\n    box-shadow: 0 0 14px #64d9f5;\n    animation: ncs-light 1.6s ease-in-out infinite;\n  }\n\n  .ncs-device__button {\n    display: block;\n    width: 39px;\n    height: 39px;\n    margin: 0 auto;\n    border: 1px solid #b3c2c5;\n    border-radius: 50%;\n    background: linear-gradient(145deg, #fff, #d9e5e7);\n    box-shadow:\n      inset 0 0 0 4px #f8ffff,\n      0 4px 9px rgba(38, 67, 74, 0.12);\n  }\n\n  .ncs-device__button::before {\n    display: block;\n    width: 11px;\n    height: 11px;\n    margin: 10px auto;\n    border: 2px solid #779298;\n    border-top-color: transparent;\n    border-radius: 50%;\n    content: \"\";\n  }\n\n  .ncs-device__modes {\n    display: flex;\n    justify-content: center;\n    gap: 7px;\n    margin-top: 21px;\n  }\n\n  .ncs-device__modes i {\n    width: 5px;\n    height: 5px;\n    border-radius: 50%;\n    background: #c2d0d3;\n  }\n\n  .ncs-device__modes i:first-child {\n    background: #64d9f5;\n    box-shadow: 0 0 7px #64d9f5;\n  }\n\n  .ncs-float-label {\n    position: absolute;\n    z-index: 5;\n    padding: 11px 15px;\n    border: 1px solid rgba(23, 122, 153, 0.15);\n    border-radius: 14px;\n    color: var(--ncs-ink);\n    background: rgba(255, 255, 255, 0.82);\n    box-shadow: 0 13px 30px rgba(32, 87, 101, 0.1);\n    backdrop-filter: blur(10px);\n    font-size: 12px;\n    font-weight: 800;\n    animation: ncs-label-float 5s ease-in-out infinite;\n  }\n\n  .ncs-float-label small {\n    display: block;\n    color: var(--ncs-blue-dark);\n    font-size: 7px;\n    letter-spacing: 0.14em;\n  }\n\n  .ncs-float-label--one {\n    top: 18%;\n    left: 2%;\n  }\n\n  .ncs-float-label--two {\n    top: 46%;\n    right: -2%;\n    animation-delay: -1.8s;\n  }\n\n  .ncs-float-label--three {\n    bottom: 10%;\n    left: 2%;\n    animation-delay: -3.4s;\n  }\n\n  \/* Quote *\/\n  .ncs-quote {\n    position: relative;\n    width: min(100%, 740px);\n    margin: 0 auto;\n    padding: 31px 34px;\n    overflow: hidden;\n    border: 1px solid var(--ncs-border);\n    border-radius: 22px;\n    background:\n      radial-gradient(\n        circle at 100% 0,\n        rgba(111, 218, 248, 0.3),\n        transparent 49%\n      ),\n      #fff;\n    box-shadow: var(--ncs-shadow);\n    text-align: center;\n  }\n\n  .ncs-quote \u003e span {\n    position: absolute;\n    top: -19px;\n    left: 18px;\n    color: rgba(23, 122, 153, 0.13);\n    font-family: Georgia, serif;\n    font-size: 110px;\n  }\n\n  .ncs-quote p {\n    position: relative;\n    color: var(--ncs-ink);\n    font-size: clamp(19px, 3vw, 25px);\n    font-weight: 760;\n  }\n\n  \/* Benefits *\/\n  .ncs-benefits {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 15px;\n  }\n\n  .ncs-benefit {\n    position: relative;\n    min-width: 0;\n    min-height: 187px;\n    padding: 23px;\n    overflow: hidden;\n    border: 1px solid var(--ncs-border);\n    border-radius: 21px;\n    background: #fff;\n    box-shadow: var(--ncs-shadow);\n    cursor: pointer;\n    transition:\n      transform 0.28s ease,\n      border-color 0.28s ease,\n      box-shadow 0.28s ease;\n  }\n\n  .ncs-benefit:hover,\n  .ncs-benefit:focus-visible,\n  .ncs-benefit.is-open {\n    border-color: rgba(64, 180, 211, 0.48);\n    outline: none;\n    box-shadow: 0 23px 53px rgba(25, 57, 68, 0.13);\n    transform: translateY(-4px);\n  }\n\n  .ncs-benefit__number {\n    position: absolute;\n    top: 20px;\n    right: 52px;\n    color: rgba(23, 122, 153, 0.65);\n    font-size: 9px;\n    font-weight: 900;\n  }\n\n  .ncs-benefit__icon {\n    display: grid;\n    width: 44px;\n    height: 44px;\n    margin-bottom: 15px;\n    border-radius: 14px;\n    color: var(--ncs-blue-dark);\n    background: linear-gradient(180deg, #fff, var(--ncs-soft));\n    box-shadow: 0 8px 19px rgba(23, 122, 153, 0.14);\n    place-items: center;\n  }\n\n  .ncs-benefit h3 {\n    padding-right: 29px !important;\n    color: var(--ncs-ink);\n    font-size: 17px;\n    line-height: 1.35;\n  }\n\n  .ncs-benefit p {\n    max-height: 0;\n    margin-top: 0 !important;\n    overflow: hidden;\n    color: var(--ncs-muted);\n    font-size: 14px;\n    opacity: 0;\n    transform: translateY(5px);\n    transition:\n      max-height 0.36s ease,\n      margin 0.3s ease,\n      opacity 0.3s ease,\n      transform 0.3s ease;\n  }\n\n  .ncs-benefit.is-open p {\n    max-height: 300px;\n    margin-top: 9px !important;\n    opacity: 1;\n    transform: none;\n  }\n\n  .ncs-benefit__toggle {\n    position: absolute;\n    top: 19px;\n    right: 19px;\n    width: 24px;\n    height: 24px;\n    border: 1px solid rgba(23, 122, 153, 0.3);\n    border-radius: 50%;\n  }\n\n  .ncs-benefit__toggle::before,\n  .ncs-benefit__toggle::after {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 9px;\n    height: 1px;\n    background: var(--ncs-blue-dark);\n    content: \"\";\n    transform: translate(-50%, -50%);\n  }\n\n  .ncs-benefit__toggle::after {\n    transform: translate(-50%, -50%) rotate(90deg);\n    transition: transform 0.25s ease;\n  }\n\n  .ncs-benefit.is-open .ncs-benefit__toggle::after {\n    transform: translate(-50%, -50%);\n  }\n\n  \/* Technology *\/\n  .ncs-technology {\n    color: #fff;\n    background:\n      radial-gradient(\n        circle at 15% 50%,\n        rgba(64, 190, 222, 0.18),\n        transparent 33%\n      ),\n      #131419;\n  }\n\n  .ncs-technology__layout {\n    display: grid;\n    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);\n    align-items: center;\n    gap: 70px;\n  }\n\n  .ncs-technology h2 {\n    color: #fff;\n  }\n\n  .ncs-technology__copy \u003e p {\n    color: rgba(255, 255, 255, 0.66);\n  }\n\n  .ncs-technology .ncs-eyebrow {\n    color: #79dcf6;\n  }\n\n  .ncs-technology ul {\n    display: grid;\n    gap: 12px;\n    margin: 29px 0 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .ncs-technology li {\n    display: grid;\n    grid-template-columns: 42px minmax(0, 1fr);\n    align-items: start;\n    gap: 14px;\n    padding: 16px;\n    border: 1px solid rgba(255, 255, 255, 0.11);\n    border-radius: 16px;\n    background: rgba(255, 255, 255, 0.055);\n  }\n\n  .ncs-technology li \u003e span {\n    display: grid;\n    width: 42px;\n    height: 42px;\n    border-radius: 50%;\n    color: var(--ncs-ink);\n    background: #83e3fa;\n    font-size: 10px;\n    font-weight: 900;\n    place-items: center;\n  }\n\n  .ncs-technology li strong {\n    color: #fff;\n    font-size: 14px;\n  }\n\n  .ncs-technology li p {\n    color: rgba(255, 255, 255, 0.62);\n    font-size: 12px;\n  }\n\n  .ncs-wave-system {\n    position: relative;\n    display: grid;\n    width: min(390px, 84vw);\n    aspect-ratio: 1;\n    margin: 0 auto;\n    place-items: center;\n  }\n\n  .ncs-wave-system::before {\n    position: absolute;\n    width: 61%;\n    height: 61%;\n    border-radius: 50%;\n    background: rgba(89, 210, 240, 0.37);\n    content: \"\";\n    filter: blur(55px);\n  }\n\n  .ncs-wave {\n    position: absolute;\n    border: 1px solid rgba(113, 217, 255, 0.5);\n    border-radius: 50%;\n    animation: ncs-wave 3.4s ease-out infinite;\n  }\n\n  .ncs-wave--one {\n    width: 45%;\n    height: 45%;\n  }\n\n  .ncs-wave--two {\n    width: 70%;\n    height: 70%;\n    animation-delay: -1.1s;\n  }\n\n  .ncs-wave--three {\n    width: 94%;\n    height: 94%;\n    animation-delay: -2.2s;\n  }\n\n  .ncs-wave-core {\n    position: relative;\n    z-index: 2;\n    display: grid;\n    width: 47%;\n    aspect-ratio: 1;\n    border: 1px solid rgba(113, 217, 255, 0.65);\n    border-radius: 50%;\n    background: rgba(255, 255, 255, 0.08);\n    box-shadow:\n      inset 0 0 35px rgba(113, 217, 255, 0.12),\n      0 0 43px rgba(113, 217, 255, 0.17);\n    place-content: center;\n    text-align: center;\n  }\n\n  .ncs-wave-core small,\n  .ncs-wave-core strong,\n  .ncs-wave-core span {\n    display: block;\n  }\n\n  .ncs-wave-core small {\n    color: #87e6fb;\n    font-size: 8px;\n    font-weight: 900;\n    letter-spacing: 0.15em;\n  }\n\n  .ncs-wave-core strong {\n    margin: 4px 0;\n    color: #fff;\n    font-size: 47px;\n    line-height: 1;\n  }\n\n  .ncs-wave-core span {\n    color: rgba(255, 255, 255, 0.65);\n    font-size: 10px;\n  }\n\n  \/* Modes *\/\n  .ncs-modes-section {\n    --mode-colour: #71d9ff;\n    --mode-glow: rgba(113, 217, 255, 0.48);\n\n    position: relative;\n    padding: 90px 0;\n    overflow: hidden;\n    color: #fff;\n    background: #0e1015;\n  }\n\n  .ncs-modes-bg {\n    position: absolute;\n    inset: 0;\n    background:\n      radial-gradient(\n        circle at 8% 10%,\n        rgba(50, 168, 199, 0.22),\n        transparent 30%\n      ),\n      radial-gradient(\n        circle at 91% 89%,\n        rgba(200, 154, 91, 0.13),\n        transparent 31%\n      );\n  }\n\n  .ncs-modes-bg::before {\n    position: absolute;\n    inset: 0;\n    opacity: 0.07;\n    background-image:\n      linear-gradient(rgba(255, 255, 255, 0.3) 1px, transparent 1px),\n      linear-gradient(\n        90deg,\n        rgba(255, 255, 255, 0.3) 1px,\n        transparent 1px\n      );\n    background-size: 49px 49px;\n    content: \"\";\n  }\n\n  .ncs-heading--light h2 {\n    color: #fff;\n  }\n\n  .ncs-heading--light p {\n    color: rgba(255, 255, 255, 0.64);\n  }\n\n  .ncs-heading--light .ncs-eyebrow {\n    color: #83e2fa;\n  }\n\n  .ncs-mode-interactive {\n    display: grid;\n    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);\n    align-items: center;\n    gap: 65px;\n    min-width: 0;\n  }\n\n  .ncs-mode-preview,\n  .ncs-mode-options,\n  .ncs-selected,\n  .ncs-selected \u003e div {\n    min-width: 0;\n  }\n\n  .ncs-mode-preview {\n    text-align: center;\n  }\n\n  .ncs-mode-orbit {\n    position: relative;\n    display: grid;\n    width: min(355px, 86vw);\n    aspect-ratio: 1;\n    margin: 0 auto 26px;\n    place-items: center;\n  }\n\n  .ncs-mode-orbit::before {\n    position: absolute;\n    width: 64%;\n    height: 64%;\n    border-radius: 50%;\n    background: var(--mode-glow);\n    content: \"\";\n    filter: blur(54px);\n    opacity: 0.56;\n    transition: background 0.42s ease;\n  }\n\n  .ncs-mode-ring {\n    position: absolute;\n    border: 1px solid var(--mode-colour);\n    border-radius: 50%;\n    animation: ncs-pulse 3s ease-in-out infinite;\n    transition: border-color 0.42s ease;\n  }\n\n  .ncs-mode-ring--outer {\n    width: 94%;\n    height: 94%;\n  }\n\n  .ncs-mode-ring--inner {\n    width: 72%;\n    height: 72%;\n    animation-delay: -1.5s;\n  }\n\n  .ncs-mode-core {\n    position: relative;\n    z-index: 3;\n    display: grid;\n    width: 55%;\n    aspect-ratio: 1;\n    padding: 14px;\n    border: 2px solid var(--mode-colour);\n    border-radius: 50%;\n    background: #fff;\n    box-shadow:\n      inset 0 0 34px var(--mode-glow),\n      0 0 42px var(--mode-glow);\n    place-content: center;\n    text-align: center;\n    transition:\n      border-color 0.42s ease,\n      box-shadow 0.42s ease;\n  }\n\n  .ncs-active-label,\n  .ncs-active-word,\n  .ncs-active-detail {\n    display: block;\n    width: 100%;\n    height: auto;\n    text-align: center;\n    opacity: 1;\n  }\n\n  .ncs-active-label {\n    color: #747984;\n    font-size: 8px;\n    font-weight: 900;\n    letter-spacing: 0.15em;\n  }\n\n  .ncs-active-word {\n    margin: 7px 0;\n    color: var(--ncs-ink);\n    font-size: clamp(23px, 5vw, 30px);\n    line-height: 1;\n  }\n\n  .ncs-active-detail {\n    color: var(--ncs-blue-dark);\n    font-size: 10px;\n    font-weight: 900;\n  }\n\n  .ncs-particle {\n    position: absolute;\n    z-index: 2;\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: var(--mode-colour);\n    box-shadow: 0 0 14px var(--mode-colour);\n    animation: ncs-particle 3s ease-in-out infinite;\n    transition:\n      background 0.42s ease,\n      box-shadow 0.42s ease;\n  }\n\n  .ncs-particle--one {\n    top: 10%;\n    left: 46%;\n  }\n\n  .ncs-particle--two {\n    right: 11%;\n    bottom: 31%;\n    animation-delay: -1s;\n  }\n\n  .ncs-particle--three {\n    bottom: 17%;\n    left: 14%;\n    animation-delay: -2s;\n  }\n\n  .ncs-selected {\n    display: grid;\n    grid-template-columns: 41px minmax(0, 1fr);\n    align-items: start;\n    gap: 14px;\n    width: min(100%, 470px);\n    min-height: 126px;\n    margin: 0 auto;\n    padding: 18px;\n    overflow: hidden;\n    border: 1px solid rgba(255, 255, 255, 0.14);\n    border-radius: 18px;\n    background: rgba(255, 255, 255, 0.075);\n    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.15);\n    text-align: left;\n  }\n\n  .ncs-selected__number {\n    display: grid;\n    width: 41px;\n    height: 41px;\n    border-radius: 50%;\n    color: var(--ncs-ink);\n    background: var(--mode-colour);\n    box-shadow: 0 0 17px var(--mode-glow);\n    font-size: 10px;\n    font-weight: 900;\n    place-items: center;\n    transition:\n      background 0.42s ease,\n      box-shadow 0.42s ease;\n  }\n\n  .ncs-selected__title,\n  .ncs-selected__copy {\n    display: block;\n    width: 100%;\n    height: auto;\n    overflow: visible;\n    overflow-wrap: anywhere;\n  }\n\n  .ncs-selected__title {\n    margin-bottom: 5px;\n    color: #fff;\n    font-size: 16px;\n    font-weight: 800;\n    line-height: 1.35;\n  }\n\n  .ncs-selected__copy {\n    color: rgba(255, 255, 255, 0.67);\n    font-size: 13px;\n    line-height: 1.55;\n  }\n\n  .ncs-mode-options {\n    display: grid;\n    width: 100%;\n    gap: 12px;\n  }\n\n  #novea-clear-skin button.ncs-mode-option {\n    position: relative !important;\n    display: grid !important;\n    grid-template-columns: 43px minmax(0, 1fr) !important;\n    align-items: start !important;\n    gap: 15px !important;\n    width: 100% !important;\n    min-width: 0 !important;\n    min-height: 108px !important;\n    height: auto !important;\n    margin: 0 !important;\n    padding: 18px !important;\n    overflow: hidden !important;\n    border: 1px solid rgba(255, 255, 255, 0.13) !important;\n    border-radius: 18px !important;\n    color: #fff !important;\n    background: rgba(255, 255, 255, 0.055) !important;\n    box-shadow: none !important;\n    text-align: left !important;\n    text-indent: 0 !important;\n    text-transform: none !important;\n    letter-spacing: normal !important;\n    white-space: normal !important;\n    cursor: pointer !important;\n    appearance: none !important;\n    -webkit-appearance: none !important;\n    opacity: 1 !important;\n    transform: none !important;\n    transition:\n      border-color 0.25s ease,\n      background 0.25s ease,\n      box-shadow 0.25s ease,\n      transform 0.25s ease !important;\n  }\n\n  #novea-clear-skin button.ncs-mode-option::before {\n    position: absolute;\n    top: 14px;\n    bottom: 14px;\n    left: 0;\n    width: 3px;\n    border-radius: 0 999px 999px 0;\n    background: var(--option-colour, transparent);\n    content: \"\";\n    opacity: 0;\n    transform: scaleY(0.45);\n    transition:\n      opacity 0.25s ease,\n      transform 0.25s ease;\n  }\n\n  #novea-clear-skin button.ncs-mode-option:hover,\n  #novea-clear-skin button.ncs-mode-option:focus-visible {\n    border-color: rgba(113, 217, 255, 0.48) !important;\n    outline: none !important;\n    background: rgba(255, 255, 255, 0.095) !important;\n    transform: translateY(-2px) !important;\n  }\n\n  #novea-clear-skin button.ncs-mode-option.is-active {\n    border-color: var(--option-colour, #71d9ff) !important;\n    background: rgba(255, 255, 255, 0.13) !important;\n    box-shadow:\n      inset 3px 0 0 var(--option-colour, #71d9ff),\n      0 14px 34px rgba(0, 0, 0, 0.18) !important;\n    transform: none !important;\n  }\n\n  #novea-clear-skin button.ncs-mode-option.is-active::before {\n    opacity: 1;\n    transform: scaleY(1);\n  }\n\n  .ncs-mode-option__number {\n    display: grid !important;\n    width: 43px !important;\n    min-width: 43px !important;\n    height: 43px !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    border-radius: 50% !important;\n    color: #143640 !important;\n    -webkit-text-fill-color: #143640 !important;\n    background: #9be8fa !important;\n    font-size: 10px !important;\n    font-weight: 900 !important;\n    line-height: 1 !important;\n    place-items: center !important;\n    transition:\n      background 0.25s ease,\n      box-shadow 0.25s ease !important;\n  }\n\n  button.ncs-mode-option.is-active .ncs-mode-option__number {\n    background: var(--option-colour, #9be8fa) !important;\n    box-shadow: 0 0 16px var(--option-glow, transparent);\n  }\n\n  .ncs-mode-option__content {\n    display: block !important;\n    width: 100% !important;\n    min-width: 0 !important;\n    height: auto !important;\n    overflow: visible !important;\n  }\n\n  .ncs-mode-option__content strong,\n  .ncs-mode-option__content \u003e span {\n    display: block !important;\n    position: static !important;\n    width: 100% !important;\n    height: auto !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    overflow: visible !important;\n    color: #fff !important;\n    white-space: normal !important;\n    overflow-wrap: anywhere !important;\n    text-align: left !important;\n    text-transform: none !important;\n    opacity: 1 !important;\n  }\n\n  .ncs-mode-option__content strong {\n    margin-bottom: 5px !important;\n    font-size: 15px !important;\n    font-weight: 800 !important;\n    line-height: 1.35 !important;\n  }\n\n  .ncs-mode-option__content \u003e span {\n    color: rgba(255, 255, 255, 0.67) !important;\n    -webkit-text-fill-color: rgba(255, 255, 255, 0.67) !important;\n    font-size: 12px !important;\n    line-height: 1.55 !important;\n  }\n\n  .ncs-mode-preview.is-changing .ncs-active-label,\n  .ncs-mode-preview.is-changing .ncs-active-word,\n  .ncs-mode-preview.is-changing .ncs-active-detail,\n  .ncs-mode-preview.is-changing .ncs-selected__number,\n  .ncs-mode-preview.is-changing .ncs-selected__title,\n  .ncs-mode-preview.is-changing .ncs-selected__copy {\n    animation: ncs-content-change 0.38s ease both;\n  }\n\n  \/* Lists *\/\n  .ncs-specifications,\n  .ncs-use-list,\n  .ncs-included {\n    display: grid;\n    gap: 14px;\n  }\n\n  .ncs-specifications {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n\n  .ncs-use-list {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    width: min(100%, 1060px);\n    margin: 0 auto;\n    padding: 0;\n    list-style: none;\n  }\n\n  .ncs-included {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    width: min(100%, 980px);\n    margin: 0 auto;\n  }\n\n  .ncs-specification,\n  .ncs-use-item,\n  .ncs-included__item {\n    display: flex;\n    align-items: flex-start;\n    gap: 14px;\n    min-width: 0;\n    min-height: 130px;\n    padding: 21px;\n    border: 1px solid var(--ncs-border);\n    border-radius: 19px;\n    background: #fff;\n    box-shadow: var(--ncs-shadow);\n    transition:\n      transform 0.27s ease,\n      border-color 0.27s ease;\n  }\n\n  .ncs-specification:hover,\n  .ncs-use-item:hover {\n    border-color: rgba(64, 180, 211, 0.42);\n    transform: translateY(-4px);\n  }\n\n  .ncs-specification \u003e span {\n    color: var(--ncs-blue-dark);\n    font-size: 10px;\n    font-weight: 900;\n  }\n\n  .ncs-specification strong,\n  .ncs-use-item strong {\n    display: block;\n    margin-bottom: 5px;\n    color: var(--ncs-ink);\n    font-size: 14px;\n  }\n\n  .ncs-specification p,\n  .ncs-use-item p {\n    color: var(--ncs-muted);\n    font-size: 13px;\n  }\n\n  .ncs-use-item \u003e span,\n  .ncs-included__item \u003e span {\n    display: grid;\n    width: 41px;\n    height: 41px;\n    flex: 0 0 41px;\n    border-radius: 50%;\n    color: #16576b;\n    background: linear-gradient(180deg, #fff, #bfeffc);\n    box-shadow: 0 8px 18px rgba(23, 122, 153, 0.15);\n    font-size: 11px;\n    font-weight: 900;\n    place-items: center;\n  }\n\n  .ncs-use-item--featured {\n    grid-column: 2 \/ 3;\n    background:\n      radial-gradient(\n        circle at 100% 0,\n        rgba(112, 219, 248, 0.3),\n        transparent 48%\n      ),\n      #fff;\n  }\n\n  .ncs-safety {\n    display: flex;\n    align-items: flex-start;\n    gap: 17px;\n    width: min(100%, 940px);\n    margin: 26px auto 0;\n    padding: 22px;\n    border: 1px solid rgba(23, 122, 153, 0.27);\n    border-radius: 19px;\n    background: #fff;\n    box-shadow: var(--ncs-shadow);\n  }\n\n  .ncs-safety \u003e span {\n    display: grid;\n    width: 44px;\n    height: 44px;\n    flex: 0 0 44px;\n    border-radius: 50%;\n    color: #fff;\n    background: linear-gradient(\n      145deg,\n      var(--ncs-blue-dark),\n      var(--ncs-blue)\n    );\n    font-weight: 900;\n    place-items: center;\n  }\n\n  .ncs-safety strong {\n    display: block;\n    margin-bottom: 5px;\n    color: var(--ncs-ink);\n  }\n\n  .ncs-safety p {\n    color: var(--ncs-muted);\n    font-size: 12px;\n  }\n\n  .ncs-included-section {\n    background:\n      radial-gradient(\n        circle at 14% 13%,\n        rgba(112, 219, 248, 0.32),\n        transparent 30%\n      ),\n      #f5f9fa;\n  }\n\n  .ncs-included__item {\n    align-items: center;\n    min-height: 111px;\n  }\n\n  .ncs-included__item small,\n  .ncs-included__item strong {\n    display: block;\n  }\n\n  .ncs-included__item small {\n    margin-bottom: 3px;\n    color: var(--ncs-muted);\n    font-size: 9px;\n    font-weight: 800;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n  }\n\n  .ncs-included__item strong {\n    color: var(--ncs-ink);\n    font-size: 14px;\n  }\n\n  \/* CTA *\/\n  .ncs-cta {\n    position: relative;\n    padding: 100px 0;\n    overflow: hidden;\n    color: #fff;\n    background:\n      radial-gradient(\n        circle at 20% 20%,\n        rgba(67, 191, 222, 0.18),\n        transparent 31%\n      ),\n      var(--ncs-ink);\n    text-align: center;\n  }\n\n  .ncs-cta__inner {\n    max-width: 920px;\n  }\n\n  .ncs-cta h2 {\n    margin-top: 20px !important;\n    color: #fff;\n  }\n\n  .ncs-cta p {\n    color: rgba(255, 255, 255, 0.68);\n    font-size: 17px;\n    font-weight: 700;\n  }\n\n  .ncs-badge--dark {\n    color: #83e4fa;\n    border-color: rgba(255, 255, 255, 0.14);\n    background: rgba(255, 255, 255, 0.06);\n  }\n\n  .ncs-button--light {\n    color: var(--ncs-ink);\n    border-color: #fff;\n    background: #fff;\n  }\n\n  .ncs-cta__glow {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 750px;\n    height: 370px;\n    border-radius: 50%;\n    background: radial-gradient(\n      circle,\n      rgba(73, 198, 229, 0.35),\n      transparent 68%\n    );\n    transform: translate(-50%, -50%);\n    animation: ncs-cta-glow 4s ease-in-out infinite;\n  }\n\n  .ncs-cta__ring {\n    position: absolute;\n    top: -90px;\n    right: -75px;\n    width: 255px;\n    height: 255px;\n    border: 1px solid rgba(113, 217, 255, 0.15);\n    border-radius: 50%;\n    box-shadow:\n      0 0 0 36px rgba(113, 217, 255, 0.034),\n      0 0 0 72px rgba(113, 217, 255, 0.018);\n  }\n\n  .ncs-disclaimer {\n    padding: 18px !important;\n    color: #7c8188;\n    background: #eef1f2;\n    font-size: 10px;\n    text-align: center;\n  }\n\n  \/* Reveals *\/\n  .ncs-reveal {\n    opacity: 1;\n    transform: none;\n  }\n\n  .ncs-js .ncs-reveal {\n    opacity: 0;\n    transform: translateY(23px);\n    transition:\n      opacity 0.72s ease,\n      transform 0.72s cubic-bezier(0.2, 0.7, 0.2, 1);\n  }\n\n  .ncs-js .ncs-reveal.ncs-visible {\n    opacity: 1;\n    transform: none;\n  }\n\n  @keyframes ncs-float {\n    0%,\n    100% {\n      transform: translateY(0);\n    }\n\n    50% {\n      transform: translateY(-15px);\n    }\n  }\n\n  @keyframes ncs-glow {\n    0%,\n    100% {\n      opacity: 0.5;\n      transform: scale(0.92);\n    }\n\n    50% {\n      opacity: 0.9;\n      transform: scale(1.07);\n    }\n  }\n\n  @keyframes ncs-ring {\n    0%,\n    100% {\n      opacity: 0.22;\n      transform: scale(0.94);\n    }\n\n    50% {\n      opacity: 0.53;\n      transform: scale(1.04);\n    }\n  }\n\n  @keyframes ncs-device-float {\n    0%,\n    100% {\n      transform: translateY(0) rotate(4deg);\n    }\n\n    50% {\n      transform: translateY(-16px) rotate(2deg);\n    }\n  }\n\n  @keyframes ncs-label-float {\n    0%,\n    100% {\n      transform: translateY(0);\n    }\n\n    50% {\n      transform: translateY(-9px);\n    }\n  }\n\n  @keyframes ncs-light {\n    0%,\n    100% {\n      opacity: 0.45;\n    }\n\n    50% {\n      opacity: 1;\n    }\n  }\n\n  @keyframes ncs-wave {\n    0% {\n      opacity: 0.65;\n      transform: scale(0.68);\n    }\n\n    100% {\n      opacity: 0;\n      transform: scale(1.14);\n    }\n  }\n\n  @keyframes ncs-pulse {\n    0%,\n    100% {\n      opacity: 0.18;\n      transform: scale(0.94);\n    }\n\n    50% {\n      opacity: 0.52;\n      transform: scale(1.05);\n    }\n  }\n\n  @keyframes ncs-particle {\n    0%,\n    100% {\n      opacity: 0.4;\n      transform: translateY(0) scale(0.8);\n    }\n\n    50% {\n      opacity: 1;\n      transform: translateY(-12px) scale(1.1);\n    }\n  }\n\n  @keyframes ncs-content-change {\n    from {\n      opacity: 0;\n      transform: translateY(7px);\n    }\n\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  @keyframes ncs-cta-glow {\n    0%,\n    100% {\n      opacity: 0.65;\n      transform: translate(-50%, -50%) scale(0.94);\n    }\n\n    50% {\n      opacity: 1;\n      transform: translate(-50%, -50%) scale(1.06);\n    }\n  }\n\n  @media (max-width: 999px) {\n    .ncs-hero__layout,\n    .ncs-technology__layout,\n    .ncs-mode-interactive {\n      grid-template-columns: minmax(0, 1fr);\n    }\n\n    .ncs-hero__copy {\n      width: min(100%, 820px);\n      margin: 0 auto;\n      text-align: center;\n    }\n\n    .ncs-description {\n      margin: 0 auto !important;\n    }\n\n    .ncs-trust {\n      justify-content: center;\n    }\n\n    .ncs-device-stage {\n      min-height: 560px;\n    }\n\n    .ncs-benefits,\n    .ncs-specifications {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .ncs-technology__copy {\n      width: min(100%, 750px);\n      margin: 0 auto;\n    }\n\n    .ncs-mode-options {\n      width: min(100%, 720px);\n      margin: 0 auto;\n    }\n  }\n\n  @media (max-width: 679px) {\n    .ncs-hero {\n      min-height: 0;\n      padding: 72px 0 66px;\n    }\n\n    .ncs-section,\n    .ncs-modes-section {\n      padding: 68px 0;\n    }\n\n    .ncs-device-stage {\n      min-height: 510px;\n    }\n\n    .ncs-device {\n      transform: scale(0.9) rotate(4deg);\n    }\n\n    .ncs-device-ring--two {\n      width: 410px;\n      height: 410px;\n    }\n\n    .ncs-hero__features,\n    .ncs-benefits,\n    .ncs-specifications,\n    .ncs-use-list,\n    .ncs-included {\n      grid-template-columns: minmax(0, 1fr);\n    }\n\n    .ncs-hero__features {\n      width: min(100%, 480px);\n      margin-right: auto;\n      margin-left: auto;\n    }\n\n    .ncs-use-item--featured {\n      grid-column: auto;\n    }\n\n    .ncs-float-label--one,\n    .ncs-float-label--three {\n      left: 0;\n    }\n\n    .ncs-float-label--two {\n      right: 0;\n    }\n\n    #novea-clear-skin button.ncs-mode-option:hover,\n    #novea-clear-skin button.ncs-mode-option:focus-visible,\n    #novea-clear-skin button.ncs-mode-option.is-active {\n      transform: none !important;\n    }\n  }\n\n  @media (max-width: 480px) {\n    .ncs-container {\n      width: calc(100% - 24px);\n    }\n\n    .ncs-hero h1 {\n      font-size: clamp(43px, 14vw, 59px);\n    }\n\n    .ncs-device-stage {\n      min-height: 470px;\n    }\n\n    .ncs-device {\n      transform: scale(0.78) rotate(4deg);\n    }\n\n    .ncs-device-ring--one {\n      width: 310px;\n      height: 310px;\n    }\n\n    .ncs-device-ring--two {\n      width: 370px;\n      height: 370px;\n    }\n\n    .ncs-float-label {\n      padding: 9px 11px;\n      font-size: 10px;\n    }\n\n    .ncs-selected {\n      grid-template-columns: 38px minmax(0, 1fr);\n      gap: 12px;\n      min-height: 0;\n      padding: 16px;\n    }\n\n    .ncs-selected__number {\n      width: 38px;\n      height: 38px;\n    }\n\n    #novea-clear-skin button.ncs-mode-option {\n      grid-template-columns: 38px minmax(0, 1fr) !important;\n      gap: 13px !important;\n      min-height: 0 !important;\n      padding: 16px !important;\n    }\n\n    .ncs-mode-option__number {\n      width: 38px !important;\n      min-width: 38px !important;\n      height: 38px !important;\n    }\n\n    .ncs-mode-core {\n      width: 59%;\n    }\n\n    .ncs-safety {\n      gap: 13px;\n      padding: 18px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    #novea-clear-skin *,\n    #novea-clear-skin *::before,\n    #novea-clear-skin *::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    .ncs-js .ncs-reveal,\n    .ncs-js .ncs-reveal.ncs-visible {\n      opacity: 1;\n      transform: none;\n    }\n  }\n\u003c\/style\u003e\n\u003cp\u003e\u003cscript\u003e\n  (function () {\n    \"use strict\";\n\n    var ROOT_SELECTOR = \"#novea-clear-skin\";\n    var MODE_SELECTOR = \"#ncs-mode-system\";\n\n    function readData(button, name, fallback) {\n      var value = button.getAttribute(\"data-\" + name);\n\n      return value !== null \u0026\u0026 value !== \"\"\n        ? value\n        : fallback;\n    }\n\n    function setText(section, selector, value) {\n      var element = section.querySelector(selector);\n\n      if (element) {\n        element.textContent = value;\n      }\n    }\n\n    function updateMode(section, button, animate) {\n      if (!section || !button) {\n        return;\n      }\n\n      var buttons = section.querySelectorAll(\n        \"button.ncs-mode-option\"\n      );\n\n      var preview = section.querySelector(\n        \".ncs-mode-preview\"\n      );\n\n      var data = {\n        number: readData(button, \"number\", \"01\"),\n        label: readData(\n          button,\n          \"label\",\n          \"TREATMENT 01\"\n        ),\n        word: readData(button, \"word\", \"CLEAN\"),\n        detail: readData(\n          button,\n          \"detail\",\n          \"Deep pore ritual\"\n        ),\n        title: readData(\n          button,\n          \"title\",\n          \"Ultrasonic Cleaning\"\n        ),\n        copy: readData(\n          button,\n          \"copy\",\n          \"Use on damp skin to complement your cleansing ritual.\"\n        ),\n        colour: readData(\n          button,\n          \"colour\",\n          \"#71d9ff\"\n        ),\n        glow: readData(\n          button,\n          \"glow\",\n          \"rgba(113, 217, 255, 0.48)\"\n        )\n      };\n\n      Array.prototype.forEach.call(\n        buttons,\n        function (item) {\n          var selected = item === button;\n\n          item.classList.toggle(\n            \"is-active\",\n            selected\n          );\n\n          item.setAttribute(\n            \"aria-pressed\",\n            selected ? \"true\" : \"false\"\n          );\n\n          if (selected) {\n            item.style.setProperty(\n              \"--option-colour\",\n              data.colour\n            );\n\n            item.style.setProperty(\n              \"--option-glow\",\n              data.glow\n            );\n          } else {\n            item.style.removeProperty(\n              \"--option-colour\"\n            );\n\n            item.style.removeProperty(\n              \"--option-glow\"\n            );\n          }\n        }\n      );\n\n      section.style.setProperty(\n        \"--mode-colour\",\n        data.colour\n      );\n\n      section.style.setProperty(\n        \"--mode-glow\",\n        data.glow\n      );\n\n      setText(\n        section,\n        \".ncs-active-label\",\n        data.label\n      );\n\n      setText(\n        section,\n        \".ncs-active-word\",\n        data.word\n      );\n\n      setText(\n        section,\n        \".ncs-active-detail\",\n        data.detail\n      );\n\n      setText(\n        section,\n        \".ncs-selected__number\",\n        data.number\n      );\n\n      setText(\n        section,\n        \".ncs-selected__title\",\n        data.title\n      );\n\n      setText(\n        section,\n        \".ncs-selected__copy\",\n        data.copy\n      );\n\n      if (preview \u0026\u0026 animate !== false) {\n        preview.classList.remove(\"is-changing\");\n\n        void preview.offsetWidth;\n\n        preview.classList.add(\"is-changing\");\n\n        window.setTimeout(function () {\n          preview.classList.remove(\"is-changing\");\n        }, 420);\n      }\n    }\n\n    function toggleBenefit(card) {\n      if (!card) {\n        return;\n      }\n\n      var open = card.classList.toggle(\"is-open\");\n\n      card.setAttribute(\n        \"aria-expanded\",\n        open ? \"true\" : \"false\"\n      );\n    }\n\n    function initialiseReveals(root) {\n      var items = root.querySelectorAll(\n        \".ncs-reveal\"\n      );\n\n      var reducedMotion =\n        window.matchMedia \u0026\u0026\n        window.matchMedia(\n          \"(prefers-reduced-motion: reduce)\"\n        ).matches;\n\n      if (\n        reducedMotion ||\n        !(\"IntersectionObserver\" in window)\n      ) {\n        Array.prototype.forEach.call(\n          items,\n          function (item) {\n            item.classList.add(\"ncs-visible\");\n          }\n        );\n\n        return;\n      }\n\n      var observer = new IntersectionObserver(\n        function (entries) {\n          entries.forEach(function (entry) {\n            if (!entry.isIntersecting) {\n              return;\n            }\n\n            entry.target.classList.add(\n              \"ncs-visible\"\n            );\n\n            observer.unobserve(entry.target);\n          });\n        },\n        {\n          threshold: 0.08,\n          rootMargin: \"0px 0px -18px 0px\"\n        }\n      );\n\n      Array.prototype.forEach.call(\n        items,\n        function (item, index) {\n          item.style.transitionDelay =\n            ((index % 4) * 55) + \"ms\";\n\n          observer.observe(item);\n        }\n      );\n\n      window.setTimeout(function () {\n        Array.prototype.forEach.call(\n          items,\n          function (item) {\n            item.classList.add(\"ncs-visible\");\n          }\n        );\n      }, 1800);\n    }\n\n    function initialiseRoot(root) {\n      if (!root) {\n        return;\n      }\n\n      if (\n        root.getAttribute(\"data-ncs-ready\") !==\n        \"true\"\n      ) {\n        root.setAttribute(\"data-ncs-ready\", \"true\");\n        root.classList.add(\"ncs-js\");\n\n        initialiseReveals(root);\n\n        Array.prototype.forEach.call(\n          root.querySelectorAll(\".ncs-benefit\"),\n          function (card) {\n            card.setAttribute(\n              \"aria-expanded\",\n              card.classList.contains(\"is-open\")\n                ? \"true\"\n                : \"false\"\n            );\n          }\n        );\n      }\n\n      var modeSection = root.querySelector(\n        MODE_SELECTOR\n      );\n\n      if (modeSection) {\n        var initialButton =\n          modeSection.querySelector(\n            \"button.ncs-mode-option.is-active\"\n          ) ||\n          modeSection.querySelector(\n            \"button.ncs-mode-option\"\n          );\n\n        if (initialButton) {\n          updateMode(\n            modeSection,\n            initialButton,\n            false\n          );\n        }\n      }\n    }\n\n    function initialiseAll(scope) {\n      scope = scope || document;\n\n      if (\n        scope.matches \u0026\u0026\n        scope.matches(ROOT_SELECTOR)\n      ) {\n        initialiseRoot(scope);\n      }\n\n      if (scope.querySelectorAll) {\n        Array.prototype.forEach.call(\n          scope.querySelectorAll(ROOT_SELECTOR),\n          initialiseRoot\n        );\n      }\n    }\n\n    document.addEventListener(\n      \"click\",\n      function (event) {\n        var modeButton = event.target.closest(\n          MODE_SELECTOR +\n            \" button.ncs-mode-option\"\n        );\n\n        if (modeButton) {\n          event.preventDefault();\n          event.stopPropagation();\n\n          updateMode(\n            modeButton.closest(MODE_SELECTOR),\n            modeButton,\n            true\n          );\n\n          return;\n        }\n\n        var benefit = event.target.closest(\n          ROOT_SELECTOR + \" .ncs-benefit\"\n        );\n\n        if (benefit) {\n          toggleBenefit(benefit);\n        }\n      }\n    );\n\n    document.addEventListener(\n      \"keydown\",\n      function (event) {\n        if (\n          event.key !== \"Enter\" \u0026\u0026\n          event.key !== \" \"\n        ) {\n          return;\n        }\n\n        var benefit = event.target.closest(\n          ROOT_SELECTOR + \" .ncs-benefit\"\n        );\n\n        if (!benefit) {\n          return;\n        }\n\n        event.preventDefault();\n        toggleBenefit(benefit);\n      }\n    );\n\n    if (document.readyState === \"loading\") {\n      document.addEventListener(\n        \"DOMContentLoaded\",\n        function () {\n          initialiseAll(document);\n        },\n        { once: true }\n      );\n    } else {\n      initialiseAll(document);\n    }\n\n    document.addEventListener(\n      \"shopify:section:load\",\n      function (event) {\n        var root = null;\n\n        if (\n          event.target.matches \u0026\u0026\n          event.target.matches(ROOT_SELECTOR)\n        ) {\n          root = event.target;\n        } else if (event.target.querySelector) {\n          root = event.target.querySelector(\n            ROOT_SELECTOR\n          );\n        }\n\n        if (!root) {\n          return;\n        }\n\n        root.removeAttribute(\"data-ncs-ready\");\n        root.classList.remove(\"ncs-js\");\n\n        initialiseRoot(root);\n      }\n    );\n  })();\n\u003c\/script\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"NOVÉA","offers":[{"title":"Default Title","offer_id":52238443774168,"sku":null,"price":829.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0829\/3063\/0872\/files\/nov-a-skin-scrubber-studio-hero_3b8fdc34-cea7-44d6-b7f5-624c1678a3d0.png?v=1786726542"}],"url":"https:\/\/noveaza.co.za\/collections\/skincare-facial.oembed","provider":"NOVÉA","version":"1.0","type":"link"}