{"title":"You Might Also Like","description":"","products":[{"product_id":"30ml-rosemary-hair-essential-oil","title":"LLVERA™30ml Rosemary Hair Essential Oil","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eLLVERA™ — Rosemary Hair Essential Oil\u003c\/title\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400\u0026amp;family=Outfit:wght@200;300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cstyle\u003e\n  :root {\n    --deep-green: #1B3028;\n    --cream: #F2EDE4;\n    --cream-soft: #EDE7DC;\n    --gold: #C9A96E;\n    --gold-light: #D4B87A;\n    --gold-dim: rgba(201,169,110,0.15);\n    --muted: #8A9B8F;\n    --muted-light: #A3B2A8;\n    --divider: #D4CEBC;\n    --text-dark: #1A2B22;\n    --serif: 'Cormorant Garamond', Georgia, serif;\n    --sans: 'Outfit', sans-serif;\n  }\n\n  * { margin: 0; padding: 0; box-sizing: border-box; }\n  html { scroll-behavior: smooth; }\n\n  body {\n    font-family: var(--sans);\n    background: var(--cream);\n    color: var(--text-dark);\n    overflow-x: hidden;\n    -webkit-font-smoothing: antialiased;\n  }\n\n  \/* ===== PRELOADER ===== *\/\n  .preloader {\n    position: fixed;\n    inset: 0;\n    background: var(--deep-green);\n    z-index: 9999;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    animation: preloaderExit 0.8s ease-in-out 2.8s forwards;\n  }\n\n  .preloader-icon {\n    width: 50px;\n    height: 65px;\n    margin-bottom: 1.5rem;\n    opacity: 0;\n    animation: fadeUp 0.8s ease-out 0.2s forwards;\n  }\n\n  .preloader-brand {\n    font-family: var(--serif);\n    font-size: clamp(1.8rem, 4vw, 2.8rem);\n    font-weight: 400;\n    color: var(--gold);\n    letter-spacing: 0.45em;\n    text-transform: uppercase;\n    opacity: 0;\n    animation: fadeUp 1s ease-out 0.5s forwards;\n  }\n\n  .preloader-line {\n    width: 60px;\n    height: 1px;\n    background: var(--gold);\n    margin-top: 1.2rem;\n    transform: scaleX(0);\n    animation: lineGrow 1s ease-out 1s forwards;\n  }\n\n  .preloader-sub {\n    font-family: var(--sans);\n    font-size: 0.65rem;\n    letter-spacing: 0.35em;\n    color: var(--muted);\n    margin-top: 1rem;\n    text-transform: uppercase;\n    opacity: 0;\n    animation: fadeUp 0.8s ease-out 1.5s forwards;\n  }\n\n  @keyframes preloaderExit {\n    to { opacity: 0; pointer-events: none; visibility: hidden; }\n  }\n\n  \/* ===== NAV ===== *\/\n  nav {\n    position: fixed;\n    top: 0; left: 0; right: 0;\n    z-index: 100;\n    padding: 1.8rem 4rem;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    background: linear-gradient(180deg, rgba(27,48,40,0.95) 0%, rgba(27,48,40,0) 100%);\n  }\n\n  .nav-logo {\n    font-family: var(--serif);\n    font-size: 1.1rem;\n    font-weight: 400;\n    letter-spacing: 0.35em;\n    text-transform: uppercase;\n    color: var(--gold);\n    text-decoration: none;\n    display: flex;\n    align-items: center;\n    gap: 0.6rem;\n  }\n\n  .nav-logo svg { width: 22px; height: 28px; }\n\n  .nav-logo span {\n    font-weight: 300;\n    font-size: 0.55rem;\n    vertical-align: super;\n    margin-left: 2px;\n  }\n\n  \/* ===== HERO ===== *\/\n  .hero {\n    height: 100vh;\n    min-height: 720px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    background: var(--deep-green);\n    position: relative;\n    overflow: hidden;\n  }\n\n  .hero-texture {\n    position: absolute;\n    inset: 0;\n    background: radial-gradient(ellipse at 50% 40%, rgba(201,169,110,0.06) 0%, transparent 60%);\n  }\n\n  .hero-vignette {\n    position: absolute;\n    inset: 0;\n    background: radial-gradient(ellipse at center, transparent 40%, rgba(15,30,22,0.6) 100%);\n  }\n\n  .hero-content {\n    text-align: center;\n    position: relative;\n    z-index: 2;\n    padding: 0 1.5rem;\n  }\n\n  .hero-drop {\n    width: 70px;\n    height: 90px;\n    margin: 0 auto 2.5rem;\n    opacity: 0;\n    animation: fadeUp 1s ease-out 3s forwards;\n  }\n\n  .hero-drop svg {\n    width: 100%;\n    height: 100%;\n    filter: drop-shadow(0 0 30px rgba(201,169,110,0.15));\n  }\n\n  .drop-ripple {\n    animation: ripple 3s ease-in-out infinite;\n    transform-origin: center;\n  }\n\n  @keyframes ripple {\n    0%, 100% { opacity: 0.4; transform: scaleX(1); }\n    50% { opacity: 0.8; transform: scaleX(1.15); }\n  }\n\n  .hero-brand {\n    font-family: var(--serif);\n    font-size: clamp(2.5rem, 7vw, 5rem);\n    font-weight: 400;\n    color: var(--gold);\n    letter-spacing: 0.3em;\n    text-transform: uppercase;\n    opacity: 0;\n    animation: fadeUp 1.2s ease-out 3.3s forwards;\n  }\n\n  .hero-divider {\n    width: 80px;\n    height: 1px;\n    background: var(--gold);\n    margin: 1.8rem auto;\n    transform: scaleX(0);\n    animation: lineGrow 1s ease-out 3.7s forwards;\n  }\n\n  .hero-product-name {\n    font-family: var(--sans);\n    font-size: clamp(0.65rem, 1.2vw, 0.8rem);\n    letter-spacing: 0.4em;\n    text-transform: uppercase;\n    color: var(--muted-light);\n    font-weight: 300;\n    opacity: 0;\n    animation: fadeUp 0.8s ease-out 3.9s forwards;\n  }\n\n  .hero-tagline {\n    font-family: var(--serif);\n    font-size: clamp(1rem, 2vw, 1.4rem);\n    font-weight: 300;\n    font-style: italic;\n    color: var(--gold-light);\n    margin-top: 1.5rem;\n    letter-spacing: 0.05em;\n    opacity: 0;\n    animation: fadeUp 0.8s ease-out 4.2s forwards;\n  }\n\n  .hero-badges {\n    display: flex;\n    justify-content: center;\n    flex-wrap: wrap;\n    gap: 0.7rem;\n    margin-top: 2.2rem;\n    opacity: 0;\n    animation: fadeUp 0.8s ease-out 4.4s forwards;\n  }\n\n  .hero-badge {\n    border: 1px solid rgba(201,169,110,0.35);\n    color: var(--gold);\n    font-family: var(--sans);\n    font-size: 0.55rem;\n    letter-spacing: 0.22em;\n    text-transform: uppercase;\n    padding: 0.55rem 1.1rem;\n    font-weight: 300;\n  }\n\n  .hero-scroll {\n    position: absolute;\n    bottom: 3rem;\n    left: 50%;\n    transform: translateX(-50%);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 0.8rem;\n    opacity: 0;\n    animation: fadeUp 1s ease-out 4.6s forwards;\n  }\n\n  .hero-scroll span {\n    font-size: 0.55rem;\n    letter-spacing: 0.3em;\n    text-transform: uppercase;\n    color: var(--muted);\n  }\n\n  .scroll-line {\n    width: 1px;\n    height: 40px;\n    background: var(--gold);\n    animation: scrollPulse 2s ease-in-out infinite;\n  }\n\n  @keyframes scrollPulse {\n    0%, 100% { transform: scaleY(1); opacity: 0.3; }\n    50% { transform: scaleY(0.5); opacity: 1; }\n  }\n\n  \/* ===== DESCRIPTION ===== *\/\n  .description {\n    padding: 10rem 4rem;\n    max-width: 850px;\n    margin: 0 auto;\n    text-align: center;\n  }\n\n  .desc-eyebrow {\n    font-size: 0.6rem;\n    letter-spacing: 0.45em;\n    text-transform: uppercase;\n    color: var(--gold);\n    margin-bottom: 2.5rem;\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 1s ease-out;\n  }\n\n  .desc-text {\n    font-family: var(--serif);\n    font-size: clamp(1.4rem, 2.8vw, 2rem);\n    font-weight: 300;\n    line-height: 1.8;\n    color: var(--text-dark);\n    opacity: 0;\n    transform: translateY(40px);\n    transition: all 1.2s ease-out 0.2s;\n  }\n\n  .desc-text .hl {\n    color: var(--gold);\n    font-style: italic;\n  }\n\n  .desc-divider {\n    width: 1px;\n    height: 80px;\n    background: var(--divider);\n    margin: 4rem auto;\n    transform: scaleY(0);\n    transition: transform 1s ease-out 0.4s;\n  }\n\n  \/* ===== HOW TO USE ===== *\/\n  .how-to-use {\n    padding: 6rem 4rem 8rem;\n    background: var(--deep-green);\n  }\n\n  .how-to-use-header {\n    text-align: center;\n    margin-bottom: 4rem;\n  }\n\n  .how-to-use-header h2 {\n    font-family: var(--serif);\n    font-size: clamp(1.8rem, 3.5vw, 2.5rem);\n    font-weight: 300;\n    color: var(--cream);\n    letter-spacing: 0.06em;\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 1s ease-out;\n  }\n\n  .steps-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 0;\n    max-width: 1000px;\n    margin: 0 auto;\n    position: relative;\n  }\n\n  .step-item {\n    text-align: center;\n    padding: 2.5rem 2rem;\n    position: relative;\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 0.8s ease-out;\n  }\n\n  .step-item:not(:last-child)::after {\n    content: '';\n    position: absolute;\n    right: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 1px;\n    height: 40px;\n    background: rgba(201,169,110,0.15);\n  }\n\n  .step-number {\n    font-family: var(--serif);\n    font-size: 2.5rem;\n    font-weight: 300;\n    color: rgba(201,169,110,0.2);\n    margin-bottom: 1rem;\n    line-height: 1;\n  }\n\n  .step-icon {\n    width: 40px;\n    height: 40px;\n    margin: 0 auto 1.2rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .step-icon svg { width: 28px; height: 28px; }\n\n  .step-title {\n    font-family: var(--serif);\n    font-size: 1.1rem;\n    font-weight: 400;\n    color: var(--gold);\n    margin-bottom: 0.5rem;\n  }\n\n  .step-desc {\n    font-family: var(--sans);\n    font-size: 0.72rem;\n    font-weight: 200;\n    color: var(--muted);\n    line-height: 1.6;\n  }\n\n  .step-item:nth-child(2) { transition-delay: 0.15s; }\n  .step-item:nth-child(3) { transition-delay: 0.3s; }\n  .step-item:nth-child(4) { transition-delay: 0.45s; }\n\n  \/* ===== BENEFITS ===== *\/\n  .benefits {\n    padding: 6rem 4rem 8rem;\n    background: var(--cream);\n  }\n\n  .benefits-header {\n    text-align: center;\n    margin-bottom: 4rem;\n  }\n\n  .benefits-header h2 {\n    font-family: var(--serif);\n    font-size: clamp(1.8rem, 3.5vw, 2.5rem);\n    font-weight: 300;\n    color: var(--text-dark);\n    letter-spacing: 0.06em;\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 1s ease-out;\n  }\n\n  .benefits-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 1.5rem;\n    max-width: 1000px;\n    margin: 0 auto;\n  }\n\n  .benefit-item {\n    text-align: center;\n    padding: 2rem 1.5rem;\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 0.8s ease-out;\n  }\n\n  .benefit-icon {\n    width: 48px;\n    height: 48px;\n    margin: 0 auto 1.2rem;\n    border: 1px solid var(--divider);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.5s ease;\n  }\n\n  .benefit-item:hover .benefit-icon {\n    border-color: var(--gold);\n    background: rgba(201,169,110,0.06);\n    transform: translateY(-4px);\n  }\n\n  .benefit-icon svg { width: 20px; height: 20px; }\n\n  .benefit-title {\n    font-family: var(--sans);\n    font-size: 0.65rem;\n    font-weight: 400;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n    color: var(--gold);\n    margin-bottom: 0.6rem;\n  }\n\n  .benefit-desc {\n    font-family: var(--sans);\n    font-size: 0.75rem;\n    font-weight: 200;\n    color: var(--muted);\n    line-height: 1.7;\n  }\n\n  .benefit-item:nth-child(2) { transition-delay: 0.1s; }\n  .benefit-item:nth-child(3) { transition-delay: 0.2s; }\n  .benefit-item:nth-child(4) { transition-delay: 0.3s; }\n  .benefit-item:nth-child(5) { transition-delay: 0.4s; }\n  .benefit-item:nth-child(6) { transition-delay: 0.5s; }\n\n  \/* ===== MARQUEE ===== *\/\n  .marquee-section {\n    padding: 3rem 0;\n    background: var(--cream-soft);\n    overflow: hidden;\n  }\n\n  .marquee-track {\n    display: flex;\n    width: max-content;\n    animation: marqueeScroll 25s linear infinite;\n  }\n\n  .marquee-item {\n    display: flex;\n    align-items: center;\n    gap: 2rem;\n    padding: 0 2rem;\n    white-space: nowrap;\n  }\n\n  .marquee-item span {\n    font-family: var(--serif);\n    font-size: clamp(1rem, 2vw, 1.5rem);\n    font-weight: 300;\n    color: var(--text-dark);\n    letter-spacing: 0.08em;\n  }\n\n  .marquee-dot {\n    width: 5px;\n    height: 5px;\n    background: var(--gold);\n    border-radius: 50%;\n    flex-shrink: 0;\n  }\n\n  @keyframes marqueeScroll {\n    to { transform: translateX(-50%); }\n  }\n\n  \/* ===== FEATURES ===== *\/\n  .features {\n    padding: 8rem 4rem 6rem;\n    background: var(--cream);\n  }\n\n  .features-header {\n    text-align: center;\n    margin-bottom: 5rem;\n  }\n\n  .features-header h2 {\n    font-family: var(--serif);\n    font-size: clamp(1.8rem, 3.5vw, 2.8rem);\n    font-weight: 300;\n    color: var(--text-dark);\n    letter-spacing: 0.05em;\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 1s ease-out;\n  }\n\n  .features-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 2.5rem;\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n\n  .feature-card {\n    border: 1px solid var(--divider);\n    padding: 3rem 2.5rem;\n    position: relative;\n    overflow: hidden;\n    background: white;\n    transition: all 0.5s ease;\n    opacity: 0;\n    transform: translateY(40px);\n  }\n\n  .feature-card::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0;\n    width: 100%;\n    height: 3px;\n    background: linear-gradient(90deg, transparent, var(--gold), transparent);\n    transform: scaleX(0);\n    transition: transform 0.8s ease-out;\n  }\n\n  .feature-card:hover::before { transform: scaleX(1); }\n\n  .feature-card:hover {\n    border-color: var(--gold);\n    box-shadow: 0 20px 60px rgba(27,48,40,0.06);\n    transform: translateY(-4px) !important;\n  }\n\n  .feature-number {\n    font-family: var(--serif);\n    font-size: 3rem;\n    font-weight: 300;\n    color: rgba(201,169,110,0.2);\n    margin-bottom: 1.2rem;\n    line-height: 1;\n  }\n\n  .feature-title {\n    font-family: var(--serif);\n    font-size: 1.3rem;\n    font-weight: 400;\n    color: var(--deep-green);\n    margin-bottom: 0.8rem;\n    letter-spacing: 0.03em;\n  }\n\n  .feature-desc {\n    font-family: var(--sans);\n    font-size: 0.82rem;\n    font-weight: 200;\n    color: var(--muted);\n    line-height: 1.9;\n  }\n\n  .feature-card:nth-child(2) { transition-delay: 0.15s; }\n  .feature-card:nth-child(3) { transition-delay: 0.3s; }\n  .feature-card:nth-child(4) { transition-delay: 0.45s; }\n\n  \/* ===== PRO TIP ===== *\/\n  .pro-tip {\n    max-width: 700px;\n    margin: 4rem auto 0;\n    padding: 2.5rem 3rem;\n    border: 1px solid var(--divider);\n    background: var(--cream-soft);\n    text-align: center;\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 1s ease-out;\n  }\n\n  .pro-tip-label {\n    font-size: 0.6rem;\n    letter-spacing: 0.4em;\n    text-transform: uppercase;\n    color: var(--gold);\n    margin-bottom: 1rem;\n    font-weight: 400;\n  }\n\n  .pro-tip-text {\n    font-family: var(--serif);\n    font-size: 1.05rem;\n    font-weight: 300;\n    color: var(--text-dark);\n    line-height: 1.8;\n    font-style: italic;\n  }\n\n  \/* ===== CLOSING \/ SUITABLE ===== *\/\n  .suitable {\n    padding: 6rem 4rem 8rem;\n    background: var(--deep-green);\n    text-align: center;\n  }\n\n  .suitable-header h2 {\n    font-family: var(--serif);\n    font-size: clamp(1.8rem, 3.5vw, 2.5rem);\n    font-weight: 300;\n    color: var(--cream);\n    letter-spacing: 0.06em;\n    margin-bottom: 3rem;\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 1s ease-out;\n  }\n\n  .hair-tags {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 0.9rem;\n    max-width: 720px;\n    margin: 0 auto;\n  }\n\n  .hair-tag {\n    border: 1px solid rgba(201,169,110,0.4);\n    color: var(--gold-light);\n    font-family: var(--sans);\n    font-size: 0.62rem;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n    padding: 0.75rem 1.4rem;\n    font-weight: 300;\n    transition: all 0.4s ease;\n    opacity: 0;\n    transform: translateY(20px);\n  }\n\n  .hair-tag:hover {\n    border-color: var(--gold);\n    background: rgba(201,169,110,0.08);\n    color: var(--cream);\n  }\n\n  .hair-tag:nth-child(2) { transition-delay: 0.08s; }\n  .hair-tag:nth-child(3) { transition-delay: 0.16s; }\n  .hair-tag:nth-child(4) { transition-delay: 0.24s; }\n  .hair-tag:nth-child(5) { transition-delay: 0.32s; }\n  .hair-tag:nth-child(6) { transition-delay: 0.4s; }\n\n  .suitable-footer {\n    margin-top: 4rem;\n    opacity: 0;\n    transform: translateY(20px);\n    transition: all 0.9s ease-out 0.4s;\n  }\n\n  .suitable-footer-line {\n    width: 60px;\n    height: 1px;\n    background: rgba(201,169,110,0.4);\n    margin: 0 auto 1.4rem;\n  }\n\n  .suitable-footer-note {\n    font-family: var(--sans);\n    font-size: 0.62rem;\n    letter-spacing: 0.25em;\n    text-transform: uppercase;\n    color: var(--muted);\n    font-weight: 300;\n  }\n\n  \/* ===== ANIMATIONS ===== *\/\n  @keyframes fadeUp {\n    from { opacity: 0; transform: translateY(30px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  @keyframes lineGrow {\n    from { transform: scaleX(0); }\n    to { transform: scaleX(1); }\n  }\n\n  .revealed .desc-eyebrow,\n  .revealed .desc-text,\n  .revealed .how-to-use-header h2,\n  .revealed .benefits-header h2,\n  .revealed .features-header h2,\n  .revealed .suitable-header h2,\n  .revealed .feature-card,\n  .revealed .benefit-item,\n  .revealed .step-item,\n  .revealed .pro-tip,\n  .revealed .hair-tag,\n  .revealed .suitable-footer {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  .revealed .desc-divider {\n    transform: scaleY(1);\n  }\n\n  \/* ===== RESPONSIVE ===== *\/\n  @media (max-width: 768px) {\n    nav { padding: 1.2rem 1.5rem; }\n    .description { padding: 6rem 1.8rem; }\n    .how-to-use { padding: 4rem 1.5rem 5rem; }\n    .steps-grid { grid-template-columns: repeat(2, 1fr); gap: 1rem; }\n    .step-item:not(:last-child)::after { display: none; }\n    .benefits { padding: 4rem 1.5rem 5rem; }\n    .benefits-grid { grid-template-columns: repeat(2, 1fr); gap: 1rem; }\n    .features { padding: 5rem 1.8rem 4rem; }\n    .features-grid { grid-template-columns: 1fr; }\n    .pro-tip { margin: 3rem 1.8rem 0; padding: 2rem 1.5rem; }\n    .suitable { padding: 4rem 1.5rem 5rem; }\n  }\n\u003c\/style\u003e\n\n\n\n\u003c!-- DROP ICON SVG --\u003e\n\u003csvg style=\"display:none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n  \u003cdefs\u003e\n    \u003csymbol id=\"llvera-drop\" viewbox=\"0 0 50 65\"\u003e\n      \u003cpath d=\"M25 3 C25 3 5 28 5 40 C5 51.5 14 60 25 60 C36 60 45 51.5 45 40 C45 28 25 3 25 3Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n      \u003cellipse class=\"drop-ripple\" cx=\"25\" cy=\"58\" rx=\"18\" ry=\"3\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\" opacity=\"0.4\"\u003e\u003c\/ellipse\u003e\n      \u003cellipse class=\"drop-ripple\" cx=\"25\" cy=\"58\" rx=\"12\" ry=\"2\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"0.8\" opacity=\"0.25\" style=\"animation-delay:0.5s;\"\u003e\u003c\/ellipse\u003e\n    \u003c\/symbol\u003e\n  \u003c\/defs\u003e\n\u003c\/svg\u003e\n\n\u003c!-- PRELOADER --\u003e\n\u003cdiv class=\"preloader\"\u003e\n  \u003cdiv class=\"preloader-icon\"\u003e\n    \u003csvg viewbox=\"0 0 50 65\" style=\"color:var(--gold);\"\u003e\u003cuse href=\"#llvera-drop\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"preloader-brand\"\u003eLlvera\u003c\/div\u003e\n  \u003cdiv class=\"preloader-line\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"preloader-sub\"\u003eNourish Your Crown\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- NAV --\u003e\n\u003cnav\u003e\n  \u003ca href=\"#\" class=\"nav-logo\"\u003e\n    \u003csvg viewbox=\"0 0 50 65\" style=\"color:var(--gold);\"\u003e\u003cuse href=\"#llvera-drop\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\n    Llvera\u003cspan\u003e™\u003c\/span\u003e\n  \u003c\/a\u003e\n\u003c\/nav\u003e\n\n\u003c!-- HERO --\u003e\n\u003csection class=\"hero\"\u003e\n  \u003cdiv class=\"hero-texture\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"hero-vignette\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"hero-content\"\u003e\n    \u003cdiv class=\"hero-drop\"\u003e\n      \u003csvg viewbox=\"0 0 50 65\" style=\"color:var(--gold);\"\u003e\u003cuse href=\"#llvera-drop\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\n    \u003c\/div\u003e\n    \u003ch1 class=\"hero-brand\"\u003eLlvera\u003c\/h1\u003e\n    \u003cdiv class=\"hero-divider\"\u003e\u003c\/div\u003e\n    \u003cp class=\"hero-product-name\"\u003eRosemary Hair Essential Oil · 30 ml\u003c\/p\u003e\n    \u003cp class=\"hero-tagline\"\u003eNourish Your Crown\u003c\/p\u003e\n    \u003cdiv class=\"hero-badges\"\u003e\n      \u003cspan class=\"hero-badge\"\u003eRosemary Oil\u003c\/span\u003e\n      \u003cspan class=\"hero-badge\"\u003e30 ml\u003c\/span\u003e\n      \u003cspan class=\"hero-badge\"\u003eScalp \u0026amp; Roots\u003c\/span\u003e\n      \u003cspan class=\"hero-badge\"\u003eTravel-Ready\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"hero-scroll\"\u003e\n    \u003cspan\u003eDiscover\u003c\/span\u003e\n    \u003cdiv class=\"scroll-line\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- DESCRIPTION --\u003e\n\u003csection class=\"description\"\u003e\n  \u003cp class=\"desc-eyebrow\"\u003eScalp Wellness \u0026amp; Renewal\u003c\/p\u003e\n  \u003cp class=\"desc-text\"\u003e\n    Llvera™ Rosemary Hair Essential Oil brings a time-honoured botanical to your daily ritual. Massaged into the scalp, rosemary helps \u003cspan class=\"hl\"\u003eawaken the roots\u003c\/span\u003e, soothe dryness, and leave hair looking glossier and stronger. A few drops, a quiet moment — \u003cspan class=\"hl\"\u003ecare that begins at the crown\u003c\/span\u003e.\n  \u003c\/p\u003e\n  \u003cdiv class=\"desc-divider\"\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- HOW TO USE --\u003e\n\u003csection class=\"how-to-use\"\u003e\n  \u003cdiv class=\"how-to-use-header\"\u003e\n    \u003ch2\u003eHow to Use\u003c\/h2\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"steps-grid\"\u003e\n    \u003cdiv class=\"step-item\"\u003e\n      \u003cdiv class=\"step-number\"\u003e01\u003c\/div\u003e\n      \u003cdiv class=\"step-icon\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--gold)\" stroke-width=\"1.2\"\u003e\n          \u003cpath d=\"M12 3v18M5.5 7.5C8 5 12 3 12 3s4 2 6.5 4.5M5.5 12c2.5-2 6.5-4 6.5-4s4 2 6.5 4\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003ch3 class=\"step-title\"\u003ePart Your Hair\u003c\/h3\u003e\n      \u003cp class=\"step-desc\"\u003eSection dry or damp hair to expose the scalp\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"step-item\"\u003e\n      \u003cdiv class=\"step-number\"\u003e02\u003c\/div\u003e\n      \u003cdiv class=\"step-icon\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--gold)\" stroke-width=\"1.2\"\u003e\n          \u003cpath d=\"M12 3 C12 3 6 12 6 16 a6 6 0 0 0 12 0 C18 12 12 3 12 3z\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003ch3 class=\"step-title\"\u003eApply a Few Drops\u003c\/h3\u003e\n      \u003cp class=\"step-desc\"\u003eDispense the oil along the parting, focusing on the scalp\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"step-item\"\u003e\n      \u003cdiv class=\"step-number\"\u003e03\u003c\/div\u003e\n      \u003cdiv class=\"step-icon\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--gold)\" stroke-width=\"1.2\"\u003e\n          \u003ccircle cx=\"12\" cy=\"12\" r=\"9\"\u003e\u003c\/circle\u003e\n          \u003cpath d=\"M9 10c1-1.5 5-1.5 6 0M9 14c1 1.5 5 1.5 6 0\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003ch3 class=\"step-title\"\u003eMassage In\u003c\/h3\u003e\n      \u003cp class=\"step-desc\"\u003eWork into the scalp with fingertips to boost circulation\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"step-item\"\u003e\n      \u003cdiv class=\"step-number\"\u003e04\u003c\/div\u003e\n      \u003cdiv class=\"step-icon\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--gold)\" stroke-width=\"1.2\"\u003e\n          \u003cpath d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2z\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M12 6v6l4 2\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003ch3 class=\"step-title\"\u003eLeave or Rinse\u003c\/h3\u003e\n      \u003cp class=\"step-desc\"\u003eLeave in overnight, or rinse after thirty minutes\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- BENEFITS --\u003e\n\u003csection class=\"benefits\"\u003e\n  \u003cdiv class=\"benefits-header\"\u003e\n    \u003ch2\u003eWhy Your Scalp Will Thank You\u003c\/h2\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"benefits-grid\"\u003e\n    \u003cdiv class=\"benefit-item\"\u003e\n      \u003cdiv class=\"benefit-icon\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--gold)\" stroke-width=\"1.2\"\u003e\n          \u003cpath d=\"M12 21V9M12 9c0-3 2-5 5-5 0 3-2 5-5 5zM12 12c0-3-2-5-5-5 0 3 2 5 5 5z\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003ch3 class=\"benefit-title\"\u003eSupports Hair Growth\u003c\/h3\u003e\n      \u003cp class=\"benefit-desc\"\u003eRosemary is traditionally used to support the appearance of fuller hair and a healthy, active scalp\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"benefit-item\"\u003e\n      \u003cdiv class=\"benefit-icon\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--gold)\" stroke-width=\"1.2\"\u003e\n          \u003cpath d=\"M12 2l8 3v6c0 5-3.5 9-8 11-4.5-2-8-6-8-11V5l8-3z\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003ch3 class=\"benefit-title\"\u003eHelps Reduce Shedding\u003c\/h3\u003e\n      \u003cp class=\"benefit-desc\"\u003eConditions and strengthens the hair root, helping hair feel less prone to everyday breakage and shedding\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"benefit-item\"\u003e\n      \u003cdiv class=\"benefit-icon\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--gold)\" stroke-width=\"1.2\"\u003e\n          \u003cpath d=\"M12 22c-4-3.5-8-7-8-11a8 8 0 1 1 16 0c0 4-4 7.5-8 11z\"\u003e\u003c\/path\u003e\n          \u003ccircle cx=\"12\" cy=\"11\" r=\"2\"\u003e\u003c\/circle\u003e\n        \u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003ch3 class=\"benefit-title\"\u003eNourishes the Scalp\u003c\/h3\u003e\n      \u003cp class=\"benefit-desc\"\u003eDeeply conditions the scalp, helping restore moisture balance and soothe dryness, flakiness, and irritation\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"benefit-item\"\u003e\n      \u003cdiv class=\"benefit-icon\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--gold)\" stroke-width=\"1.2\"\u003e\n          \u003cpath d=\"M12 3l2.5 6L21 9l-5 4 2 7-6-4-6 4 2-7-5-4 6.5 0z\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003ch3 class=\"benefit-title\"\u003eAdds Shine \u0026amp; Strength\u003c\/h3\u003e\n      \u003cp class=\"benefit-desc\"\u003eSmooths the hair cuticle for visibly glossier, stronger strands that resist breakage\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"benefit-item\"\u003e\n      \u003cdiv class=\"benefit-icon\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--gold)\" stroke-width=\"1.2\"\u003e\n          \u003ccircle cx=\"12\" cy=\"12\" r=\"4\"\u003e\u003c\/circle\u003e\n          \u003cpath d=\"M12 2v3M12 19v3M2 12h3M19 12h3M5 5l2 2M17 17l2 2M19 5l-2 2M7 17l-2 2\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003ch3 class=\"benefit-title\"\u003eAntioxidant Protection\u003c\/h3\u003e\n      \u003cp class=\"benefit-desc\"\u003eRich in antioxidants that help shield hair from environmental stressors and pollution\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"benefit-item\"\u003e\n      \u003cdiv class=\"benefit-icon\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--gold)\" stroke-width=\"1.2\"\u003e\n          \u003crect x=\"7\" y=\"2\" width=\"10\" height=\"20\" rx=\"2\"\u003e\u003c\/rect\u003e\n          \u003cpath d=\"M10 5h4\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003ch3 class=\"benefit-title\"\u003eCompact \u0026amp; Travel-Ready\u003c\/h3\u003e\n      \u003cp class=\"benefit-desc\"\u003eA 30 ml bottle slips easily into any bag, so your ritual travels wherever you go\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- MARQUEE --\u003e\n\u003csection class=\"marquee-section\"\u003e\n  \u003cdiv class=\"marquee-track\"\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cdiv class=\"marquee-dot\"\u003e\u003c\/div\u003e\n\u003cspan\u003ePure Rosemary\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cdiv class=\"marquee-dot\"\u003e\u003c\/div\u003e\n\u003cspan\u003eScalp Renewal\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cdiv class=\"marquee-dot\"\u003e\u003c\/div\u003e\n\u003cspan\u003eGlossier Strands\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cdiv class=\"marquee-dot\"\u003e\u003c\/div\u003e\n\u003cspan\u003eRoot Strength\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cdiv class=\"marquee-dot\"\u003e\u003c\/div\u003e\n\u003cspan\u003eAntioxidant Care\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cdiv class=\"marquee-dot\"\u003e\u003c\/div\u003e\n\u003cspan\u003eA Few Drops Daily\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cdiv class=\"marquee-dot\"\u003e\u003c\/div\u003e\n\u003cspan\u003eTravel-Ready\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cdiv class=\"marquee-dot\"\u003e\u003c\/div\u003e\n\u003cspan\u003eNourish Your Crown\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cdiv class=\"marquee-dot\"\u003e\u003c\/div\u003e\n\u003cspan\u003ePure Rosemary\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cdiv class=\"marquee-dot\"\u003e\u003c\/div\u003e\n\u003cspan\u003eScalp Renewal\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cdiv class=\"marquee-dot\"\u003e\u003c\/div\u003e\n\u003cspan\u003eGlossier Strands\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cdiv class=\"marquee-dot\"\u003e\u003c\/div\u003e\n\u003cspan\u003eRoot Strength\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cdiv class=\"marquee-dot\"\u003e\u003c\/div\u003e\n\u003cspan\u003eAntioxidant Care\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cdiv class=\"marquee-dot\"\u003e\u003c\/div\u003e\n\u003cspan\u003eA Few Drops Daily\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cdiv class=\"marquee-dot\"\u003e\u003c\/div\u003e\n\u003cspan\u003eTravel-Ready\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cdiv class=\"marquee-dot\"\u003e\u003c\/div\u003e\n\u003cspan\u003eNourish Your Crown\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- FEATURES --\u003e\n\u003csection class=\"features\"\u003e\n  \u003cdiv class=\"features-header\"\u003e\n    \u003ch2\u003eEngineered for Your Crown\u003c\/h2\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"features-grid\"\u003e\n    \u003cdiv class=\"feature-card\"\u003e\n      \u003cdiv class=\"feature-number\"\u003e01\u003c\/div\u003e\n      \u003ch3 class=\"feature-title\"\u003ePowered by Rosemary\u003c\/h3\u003e\n      \u003cp class=\"feature-desc\"\u003eA botanical long valued in hair care, rosemary brings its aromatic, antioxidant-rich character to a daily scalp ritual designed around healthier-looking hair.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"feature-card\"\u003e\n      \u003cdiv class=\"feature-number\"\u003e02\u003c\/div\u003e\n      \u003ch3 class=\"feature-title\"\u003eScalp-First Care\u003c\/h3\u003e\n      \u003cp class=\"feature-desc\"\u003eMade to be massaged into the scalp, where it conditions, soothes dryness, and helps maintain the balanced foundation that strong hair grows from.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"feature-card\"\u003e\n      \u003cdiv class=\"feature-number\"\u003e03\u003c\/div\u003e\n      \u003ch3 class=\"feature-title\"\u003eShine You Can See\u003c\/h3\u003e\n      \u003cp class=\"feature-desc\"\u003eBy smoothing the hair cuticle, the oil helps lengths look glossier and feel stronger — softness and shine that build with regular use.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"feature-card\"\u003e\n      \u003cdiv class=\"feature-number\"\u003e04\u003c\/div\u003e\n      \u003ch3 class=\"feature-title\"\u003eA 30 ml Everyday Ritual\u003c\/h3\u003e\n      \u003cp class=\"feature-desc\"\u003eCompact, refined, and easy to reach for. Keep it on the shelf or tuck it in a bag — the ritual stays simple wherever you are.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- PRO TIP --\u003e\n  \u003cdiv class=\"pro-tip\"\u003e\n    \u003cp class=\"pro-tip-label\"\u003e✦ Pro Tip\u003c\/p\u003e\n    \u003cp class=\"pro-tip-text\"\u003eFor the most relaxing ritual, warm a few drops between your palms first, then massage into the scalp for a minute or two before bed — and let it work overnight.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- CLOSING \/ SUITABLE --\u003e\n\u003csection class=\"suitable\"\u003e\n  \u003cdiv class=\"suitable-header\"\u003e\n    \u003ch2\u003eMade for Every Crown\u003c\/h2\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"hair-tags\"\u003e\n    \u003cspan class=\"hair-tag\"\u003eFine Hair\u003c\/span\u003e\n    \u003cspan class=\"hair-tag\"\u003eThick Hair\u003c\/span\u003e\n    \u003cspan class=\"hair-tag\"\u003eCurly Hair\u003c\/span\u003e\n    \u003cspan class=\"hair-tag\"\u003eCoily Hair\u003c\/span\u003e\n    \u003cspan class=\"hair-tag\"\u003eColour-Treated\u003c\/span\u003e\n    \u003cspan class=\"hair-tag\"\u003eNatural Hair\u003c\/span\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"suitable-footer\"\u003e\n    \u003cdiv class=\"suitable-footer-line\"\u003e\u003c\/div\u003e\n    \u003cp class=\"suitable-footer-note\"\u003ePure Botanical · Pure Nourishment · Pure Crown\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cscript\u003e\n  const observer = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('revealed');\n      }\n    });\n  }, { threshold: 0.12 });\n\n  document.querySelectorAll('.description, .how-to-use, .how-to-use-header, .step-item, .benefits, .benefits-header, .benefit-item, .features, .features-header, .feature-card, .pro-tip, .suitable, .suitable-header, .hair-tag, .suitable-footer').forEach(el =\u003e {\n    observer.observe(el);\n  });\n\u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"Llvera","offers":[{"title":"30 ml","offer_id":46353325621420,"sku":null,"price":219.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0754\/7555\/0380\/files\/Rosemerryoil.jpg?v=1781533563"},{"product_id":"rootdrip-heatglide-styling-brush","title":"LLVERA™RootDrip HeatGlide Styling Brush","description":"\u003c!-- LLVERA™ RootDrip HeatGlide Styling Brush – Shopify Product Description HTML --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- Paste this into the HTML source of your Shopify product description --\u003e\n\u003cstyle\u003e\n  .llv-wrap {\n    font-family: 'Georgia', serif;\n    background-color: #1a3328;\n    color: #c9a96e;\n    padding: 48px 32px;\n    max-width: 700px;\n    margin: 0 auto;\n    text-align: center;\n    border: 1px solid #c9a96e33;\n  }\n\n  .llv-logo {\n    font-size: 2.6em;\n    letter-spacing: 0.35em;\n    font-weight: 300;\n    color: #c9a96e;\n    margin-bottom: 4px;\n    text-transform: uppercase;\n  }\n\n  .llv-tm {\n    font-size: 0.45em;\n    vertical-align: super;\n    letter-spacing: 0.05em;\n  }\n\n  .llv-divider {\n    width: 60px;\n    height: 1px;\n    background: #c9a96e;\n    margin: 18px auto 20px;\n  }\n\n  .llv-category {\n    letter-spacing: 0.28em;\n    font-size: 0.72em;\n    color: #c9a96e99;\n    text-transform: uppercase;\n    font-family: 'Georgia', serif;\n    margin-bottom: 14px;\n  }\n\n  .llv-tagline {\n    font-style: italic;\n    font-size: 1.6em;\n    color: #e8d5b0;\n    margin-bottom: 8px;\n    font-weight: 400;\n    letter-spacing: 0.03em;\n  }\n\n  .llv-product-name {\n    letter-spacing: 0.18em;\n    font-size: 0.68em;\n    color: #c9a96e88;\n    text-transform: uppercase;\n    margin-bottom: 36px;\n    font-family: 'Georgia', serif;\n  }\n\n  \/* Heat badge strip *\/\n  .llv-badges {\n    display: flex;\n    justify-content: center;\n    gap: 12px;\n    flex-wrap: wrap;\n    margin-bottom: 36px;\n  }\n\n  .llv-badge {\n    border: 1px solid #c9a96e55;\n    color: #c9a96e;\n    font-size: 0.6em;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n    padding: 7px 16px;\n    font-family: 'Georgia', serif;\n  }\n\n  \/* Section titles *\/\n  .llv-section-title {\n    letter-spacing: 0.25em;\n    font-size: 0.68em;\n    text-transform: uppercase;\n    color: #c9a96e;\n    margin-bottom: 20px;\n    font-family: 'Georgia', serif;\n  }\n\n  \/* Benefits list *\/\n  .llv-benefits {\n    list-style: none;\n    padding: 0;\n    margin: 0 0 36px;\n    text-align: left;\n    max-width: 480px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .llv-benefits li {\n    display: flex;\n    align-items: flex-start;\n    gap: 14px;\n    padding: 13px 0;\n    border-bottom: 1px solid #c9a96e1a;\n    color: #ddc898;\n    font-size: 0.93em;\n    line-height: 1.65;\n  }\n\n  .llv-benefits li:last-child {\n    border-bottom: none;\n  }\n\n  .llv-icon {\n    color: #c9a96e;\n    font-size: 1em;\n    min-width: 18px;\n    margin-top: 3px;\n  }\n\n  .llv-label {\n    font-style: italic;\n    color: #c9a96e;\n    margin-right: 4px;\n  }\n\n  \/* Heat specs grid *\/\n  .llv-specs {\n    display: flex;\n    justify-content: center;\n    gap: 0;\n    margin: 0 auto 36px;\n    max-width: 480px;\n    border: 1px solid #c9a96e33;\n  }\n\n  .llv-spec {\n    flex: 1;\n    padding: 18px 10px;\n    border-right: 1px solid #c9a96e22;\n    text-align: center;\n  }\n\n  .llv-spec:last-child {\n    border-right: none;\n  }\n\n  .llv-spec-value {\n    font-size: 1.3em;\n    color: #e8d5b0;\n    letter-spacing: 0.05em;\n    display: block;\n    margin-bottom: 5px;\n  }\n\n  .llv-spec-label {\n    font-size: 0.58em;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n    color: #c9a96e77;\n    font-family: 'Georgia', serif;\n  }\n\n  \/* Hair types *\/\n  .llv-hair-types {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 10px;\n    margin-bottom: 36px;\n  }\n\n  .llv-hair-tag {\n    border: 1px solid #c9a96e44;\n    color: #ddc898;\n    font-size: 0.62em;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n    padding: 8px 18px;\n    font-family: 'Georgia', serif;\n  }\n\n  .llv-footer-divider {\n    width: 60px;\n    height: 1px;\n    background: #c9a96e44;\n    margin: 0 auto 18px;\n  }\n\n  .llv-footer-note {\n    font-size: 0.63em;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n    color: #c9a96e66;\n    font-family: 'Georgia', serif;\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"llv-wrap\"\u003e\n\u003c!-- Header --\u003e\n\u003cdiv class=\"llv-logo\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"llv-category\"\u003e\u003cspan style=\"text-decoration: underline;\"\u003e\u003cstrong\u003eHeat Styling \u0026amp; Scalp Nourishment\u003c\/strong\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"llv-tagline\"\u003eStyle. Glide. Renew.\u003c\/div\u003e\n\u003cdiv class=\"llv-product-name\"\u003eRootDrip HeatGlide Styling Brush\u003c\/div\u003e\n\u003c!-- Quick badges --\u003e\n\u003cdiv class=\"llv-badges\"\u003e\n\u003cdiv class=\"llv-badge\"\u003eHeated Brush\u003c\/div\u003e\n\u003cdiv class=\"llv-badge\"\u003eOil Drip Tech\u003c\/div\u003e\n\u003cdiv class=\"llv-badge\"\u003eAll Hair Types\u003c\/div\u003e\n\u003cdiv class=\"llv-badge\"\u003eCompact Design\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Heat Specs --\u003e\n\u003cdiv class=\"llv-section-title\"\u003eHeat Settings\u003c\/div\u003e\n\u003cdiv class=\"llv-specs\"\u003e\n\u003cdiv class=\"llv-spec\"\u003e\n\u003cspan class=\"llv-spec-value\"\u003e160°C\u003c\/span\u003e \u003cspan class=\"llv-spec-label\"\u003eLow \/ Fine\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"llv-spec\"\u003e\n\u003cspan class=\"llv-spec-value\"\u003e180°C\u003c\/span\u003e \u003cspan class=\"llv-spec-label\"\u003eMedium \/ Normal\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"llv-spec\"\u003e\n\u003cspan class=\"llv-spec-value\"\u003e200°C\u003c\/span\u003e \u003cspan class=\"llv-spec-label\"\u003eHigh \/ Thick\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Key Benefits --\u003e\n\u003cdiv class=\"llv-section-title\"\u003eKey Benefits\u003c\/div\u003e\n\u003cul class=\"llv-benefits\"\u003e\n\u003cli\u003e\n\u003cspan class=\"llv-icon\"\u003e✦\u003c\/span\u003e \u003cspan\u003e\u003cspan class=\"llv-label\"\u003eHeatGlide Technology —\u003c\/span\u003e Ceramic-coated bristles distribute even heat for smooth, frizz-free results in a single pass without snagging or breakage.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"llv-icon\"\u003e✦\u003c\/span\u003e \u003cspan\u003e\u003cspan class=\"llv-label\"\u003eProtects Against Heat Damage —\u003c\/span\u003e The controlled heat-and-oil combination seals the cuticle, locking in moisture and shielding strands from thermal stress.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"llv-icon\"\u003e✦\u003c\/span\u003e \u003cspan\u003e\u003cspan class=\"llv-label\"\u003eStimulates Scalp Circulation —\u003c\/span\u003e Massaging bristles increase blood flow to the scalp with every stroke, encouraging healthier, stronger hair growth over time.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"llv-icon\"\u003e✦\u003c\/span\u003e \u003cspan\u003e\u003cspan class=\"llv-label\"\u003eAdds Volume \u0026amp; Shine —\u003c\/span\u003e Lifts roots while smoothing lengths for a salon-quality blowout look with lasting body, bounce, and mirror shine.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"llv-icon\"\u003e✦\u003c\/span\u003e \u003cspan\u003e\u003cspan class=\"llv-label\"\u003eCompact \u0026amp; Travel-Ready —\u003c\/span\u003e Lightweight ergonomic handle and compact form factor — powerful enough for daily use, sleek enough for travel.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c!-- Hair Types --\u003e\n\u003cdiv class=\"llv-section-title\"\u003eSuitable For\u003c\/div\u003e\n\u003cdiv class=\"llv-hair-types\"\u003e\n\u003cdiv class=\"llv-hair-tag\"\u003eFine Hair\u003c\/div\u003e\n\u003cdiv class=\"llv-hair-tag\"\u003eThick Hair\u003c\/div\u003e\n\u003cdiv class=\"llv-hair-tag\"\u003eCurly Hair\u003c\/div\u003e\n\u003cdiv class=\"llv-hair-tag\"\u003eCoily Hair\u003c\/div\u003e\n\u003cdiv class=\"llv-hair-tag\"\u003eColour-Treated\u003c\/div\u003e\n\u003cdiv class=\"llv-hair-tag\"\u003eNatural Hair\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Footer --\u003e\n\u003cdiv class=\"llv-footer-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"llv-footer-note\"\u003ePure Heat · Pure Nourishment · Pure Confidence\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Llvera","offers":[{"title":"Black","offer_id":46302357586092,"sku":null,"price":599.99,"currency_code":"ZAR","in_stock":true},{"title":"White","offer_id":46302357618860,"sku":null,"price":599.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0754\/7555\/0380\/files\/Stylingbrush1.jpg?v=1781533690"},{"product_id":"electric-scalp-massager-for-head-massage","title":"LLVERA™Electric Scalp Massager","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eLLVERA™ — Electric Scalp Massager\u003c\/title\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400\u0026amp;family=Outfit:wght@200;300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cstyle\u003e\n  :root {\n    --deep-green: #1B3028;\n    --cream: #F2EDE4;\n    --cream-soft: #EDE7DC;\n    --gold: #C9A96E;\n    --gold-light: #D4B87A;\n    --gold-dim: rgba(201,169,110,0.15);\n    --muted: #8A9B8F;\n    --muted-light: #A3B2A8;\n    --divider: #D4CEBC;\n    --text-dark: #1A2B22;\n    --rose-gold: #B76E79;\n    --serif: 'Cormorant Garamond', Georgia, serif;\n    --sans: 'Outfit', sans-serif;\n  }\n\n  * { margin: 0; padding: 0; box-sizing: border-box; }\n  html { scroll-behavior: smooth; }\n\n  body {\n    font-family: var(--sans);\n    background: var(--cream);\n    color: var(--text-dark);\n    overflow-x: hidden;\n    -webkit-font-smoothing: antialiased;\n  }\n\n  \/* ===== PRELOADER ===== *\/\n  .preloader {\n    position: fixed;\n    inset: 0;\n    background: var(--deep-green);\n    z-index: 9999;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    animation: preloaderExit 0.8s ease-in-out 2.8s forwards;\n  }\n\n  .preloader-icon {\n    width: 50px;\n    height: 65px;\n    margin-bottom: 1.5rem;\n    opacity: 0;\n    animation: fadeUp 0.8s ease-out 0.2s forwards;\n  }\n\n  .preloader-brand {\n    font-family: var(--serif);\n    font-size: clamp(1.8rem, 4vw, 2.8rem);\n    font-weight: 400;\n    color: var(--gold);\n    letter-spacing: 0.45em;\n    text-transform: uppercase;\n    opacity: 0;\n    animation: fadeUp 1s ease-out 0.5s forwards;\n  }\n\n  .preloader-line {\n    width: 60px;\n    height: 1px;\n    background: var(--gold);\n    margin-top: 1.2rem;\n    transform: scaleX(0);\n    animation: lineGrow 1s ease-out 1s forwards;\n  }\n\n  .preloader-sub {\n    font-family: var(--sans);\n    font-size: 0.65rem;\n    letter-spacing: 0.35em;\n    color: var(--muted);\n    margin-top: 1rem;\n    text-transform: uppercase;\n    opacity: 0;\n    animation: fadeUp 0.8s ease-out 1.5s forwards;\n  }\n\n  @keyframes preloaderExit {\n    to { opacity: 0; pointer-events: none; visibility: hidden; }\n  }\n\n  \/* ===== NAV ===== *\/\n  nav {\n    position: fixed;\n    top: 0; left: 0; right: 0;\n    z-index: 100;\n    padding: 1.8rem 4rem;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    background: linear-gradient(180deg, rgba(27,48,40,0.95) 0%, rgba(27,48,40,0) 100%);\n  }\n\n  .nav-logo {\n    font-family: var(--serif);\n    font-size: 1.1rem;\n    font-weight: 400;\n    letter-spacing: 0.35em;\n    text-transform: uppercase;\n    color: var(--gold);\n    text-decoration: none;\n    display: flex;\n    align-items: center;\n    gap: 0.6rem;\n  }\n\n  .nav-logo svg { width: 22px; height: 28px; }\n\n  .nav-logo span {\n    font-weight: 300;\n    font-size: 0.55rem;\n    vertical-align: super;\n    margin-left: 2px;\n  }\n\n  \/* ===== HERO ===== *\/\n  .hero {\n    height: 100vh;\n    min-height: 700px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    background: var(--deep-green);\n    position: relative;\n    overflow: hidden;\n  }\n\n  .hero-texture {\n    position: absolute;\n    inset: 0;\n    background: radial-gradient(ellipse at 50% 40%, rgba(201,169,110,0.06) 0%, transparent 60%);\n  }\n\n  .hero-vignette {\n    position: absolute;\n    inset: 0;\n    background: radial-gradient(ellipse at center, transparent 40%, rgba(15,30,22,0.6) 100%);\n  }\n\n  .hero-content {\n    text-align: center;\n    position: relative;\n    z-index: 2;\n  }\n\n  .hero-drop {\n    width: 70px;\n    height: 90px;\n    margin: 0 auto 2.5rem;\n    opacity: 0;\n    animation: fadeUp 1s ease-out 3s forwards;\n  }\n\n  .hero-drop svg {\n    width: 100%;\n    height: 100%;\n    filter: drop-shadow(0 0 30px rgba(201,169,110,0.15));\n  }\n\n  .drop-ripple {\n    animation: ripple 3s ease-in-out infinite;\n    transform-origin: center;\n  }\n\n  @keyframes ripple {\n    0%, 100% { opacity: 0.4; transform: scaleX(1); }\n    50% { opacity: 0.8; transform: scaleX(1.15); }\n  }\n\n  .hero-brand {\n    font-family: var(--serif);\n    font-size: clamp(2.5rem, 7vw, 5rem);\n    font-weight: 400;\n    color: var(--gold);\n    letter-spacing: 0.3em;\n    text-transform: uppercase;\n    opacity: 0;\n    animation: fadeUp 1.2s ease-out 3.3s forwards;\n  }\n\n  .hero-divider {\n    width: 80px;\n    height: 1px;\n    background: var(--gold);\n    margin: 1.8rem auto;\n    transform: scaleX(0);\n    animation: lineGrow 1s ease-out 3.7s forwards;\n  }\n\n  .hero-product-name {\n    font-family: var(--sans);\n    font-size: clamp(0.65rem, 1.2vw, 0.8rem);\n    letter-spacing: 0.4em;\n    text-transform: uppercase;\n    color: var(--muted-light);\n    font-weight: 300;\n    opacity: 0;\n    animation: fadeUp 0.8s ease-out 3.9s forwards;\n  }\n\n  .hero-tagline {\n    font-family: var(--serif);\n    font-size: clamp(1rem, 2vw, 1.4rem);\n    font-weight: 300;\n    font-style: italic;\n    color: var(--gold-light);\n    margin-top: 1.5rem;\n    letter-spacing: 0.05em;\n    opacity: 0;\n    animation: fadeUp 0.8s ease-out 4.2s forwards;\n  }\n\n  .hero-size {\n    font-family: var(--sans);\n    font-size: 0.6rem;\n    letter-spacing: 0.3em;\n    text-transform: uppercase;\n    color: var(--muted);\n    margin-top: 2rem;\n    opacity: 0;\n    animation: fadeUp 0.8s ease-out 4.4s forwards;\n  }\n\n  .hero-size strong {\n    color: var(--gold);\n    font-weight: 400;\n  }\n\n  .hero-scroll {\n    position: absolute;\n    bottom: 3rem;\n    left: 50%;\n    transform: translateX(-50%);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 0.8rem;\n    opacity: 0;\n    animation: fadeUp 1s ease-out 4.6s forwards;\n  }\n\n  .hero-scroll span {\n    font-size: 0.55rem;\n    letter-spacing: 0.3em;\n    text-transform: uppercase;\n    color: var(--muted);\n  }\n\n  .scroll-line {\n    width: 1px;\n    height: 40px;\n    background: var(--gold);\n    animation: scrollPulse 2s ease-in-out infinite;\n  }\n\n  @keyframes scrollPulse {\n    0%, 100% { transform: scaleY(1); opacity: 0.3; }\n    50% { transform: scaleY(0.5); opacity: 1; }\n  }\n\n  \/* ===== DESCRIPTION ===== *\/\n  .description {\n    padding: 10rem 4rem;\n    max-width: 850px;\n    margin: 0 auto;\n    text-align: center;\n  }\n\n  .desc-eyebrow {\n    font-size: 0.6rem;\n    letter-spacing: 0.45em;\n    text-transform: uppercase;\n    color: var(--gold);\n    margin-bottom: 2.5rem;\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 1s ease-out;\n  }\n\n  .desc-text {\n    font-family: var(--serif);\n    font-size: clamp(1.4rem, 2.8vw, 2rem);\n    font-weight: 300;\n    line-height: 1.8;\n    color: var(--text-dark);\n    opacity: 0;\n    transform: translateY(40px);\n    transition: all 1.2s ease-out 0.2s;\n  }\n\n  .desc-text .hl {\n    color: var(--gold);\n    font-style: italic;\n  }\n\n  .desc-divider {\n    width: 1px;\n    height: 80px;\n    background: var(--divider);\n    margin: 4rem auto;\n    transform: scaleY(0);\n    transition: transform 1s ease-out 0.4s;\n  }\n\n  \/* ===== HOW TO USE ===== *\/\n  .how-to-use {\n    padding: 6rem 4rem 8rem;\n    background: var(--deep-green);\n  }\n\n  .how-to-use-header {\n    text-align: center;\n    margin-bottom: 4rem;\n  }\n\n  .how-to-use-header h2 {\n    font-family: var(--serif);\n    font-size: clamp(1.8rem, 3.5vw, 2.5rem);\n    font-weight: 300;\n    color: var(--cream);\n    letter-spacing: 0.06em;\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 1s ease-out;\n  }\n\n  .steps-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 0;\n    max-width: 1000px;\n    margin: 0 auto;\n    position: relative;\n  }\n\n  .step-item {\n    text-align: center;\n    padding: 2.5rem 2rem;\n    position: relative;\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 0.8s ease-out;\n  }\n\n  .step-item:not(:last-child)::after {\n    content: '';\n    position: absolute;\n    right: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 1px;\n    height: 40px;\n    background: rgba(201,169,110,0.15);\n  }\n\n  .step-number {\n    font-family: var(--serif);\n    font-size: 2.5rem;\n    font-weight: 300;\n    color: rgba(201,169,110,0.2);\n    margin-bottom: 1rem;\n    line-height: 1;\n  }\n\n  .step-icon {\n    width: 40px;\n    height: 40px;\n    margin: 0 auto 1.2rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .step-icon svg { width: 28px; height: 28px; }\n\n  .step-title {\n    font-family: var(--serif);\n    font-size: 1.1rem;\n    font-weight: 400;\n    color: var(--gold);\n    margin-bottom: 0.5rem;\n  }\n\n  .step-desc {\n    font-family: var(--sans);\n    font-size: 0.72rem;\n    font-weight: 200;\n    color: var(--muted);\n    line-height: 1.6;\n  }\n\n  .step-item:nth-child(2) { transition-delay: 0.15s; }\n  .step-item:nth-child(3) { transition-delay: 0.3s; }\n  .step-item:nth-child(4) { transition-delay: 0.45s; }\n\n  \/* ===== BENEFITS ===== *\/\n  .benefits {\n    padding: 6rem 4rem 8rem;\n    background: var(--cream);\n  }\n\n  .benefits-header {\n    text-align: center;\n    margin-bottom: 4rem;\n  }\n\n  .benefits-header h2 {\n    font-family: var(--serif);\n    font-size: clamp(1.8rem, 3.5vw, 2.5rem);\n    font-weight: 300;\n    color: var(--text-dark);\n    letter-spacing: 0.06em;\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 1s ease-out;\n  }\n\n  .benefits-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 1.5rem;\n    max-width: 900px;\n    margin: 0 auto;\n  }\n\n  .benefit-item {\n    text-align: center;\n    padding: 2rem 1.5rem;\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 0.8s ease-out;\n  }\n\n  .benefit-icon {\n    width: 48px;\n    height: 48px;\n    margin: 0 auto 1.2rem;\n    border: 1px solid var(--divider);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.5s ease;\n  }\n\n  .benefit-item:hover .benefit-icon {\n    border-color: var(--gold);\n    background: rgba(201,169,110,0.06);\n    transform: translateY(-4px);\n  }\n\n  .benefit-icon svg { width: 20px; height: 20px; }\n\n  .benefit-title {\n    font-family: var(--sans);\n    font-size: 0.65rem;\n    font-weight: 400;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n    color: var(--gold);\n    margin-bottom: 0.6rem;\n  }\n\n  .benefit-desc {\n    font-family: var(--sans);\n    font-size: 0.75rem;\n    font-weight: 200;\n    color: var(--muted);\n    line-height: 1.7;\n  }\n\n  .benefit-item:nth-child(2) { transition-delay: 0.1s; }\n  .benefit-item:nth-child(3) { transition-delay: 0.2s; }\n  .benefit-item:nth-child(4) { transition-delay: 0.3s; }\n  .benefit-item:nth-child(5) { transition-delay: 0.4s; }\n  .benefit-item:nth-child(6) { transition-delay: 0.5s; }\n\n  \/* ===== MARQUEE ===== *\/\n  .marquee-section {\n    padding: 3rem 0;\n    background: var(--cream-soft);\n    overflow: hidden;\n  }\n\n  .marquee-track {\n    display: flex;\n    width: max-content;\n    animation: marqueeScroll 25s linear infinite;\n  }\n\n  .marquee-item {\n    display: flex;\n    align-items: center;\n    gap: 2rem;\n    padding: 0 2rem;\n    white-space: nowrap;\n  }\n\n  .marquee-item span {\n    font-family: var(--serif);\n    font-size: clamp(1rem, 2vw, 1.5rem);\n    font-weight: 300;\n    color: var(--text-dark);\n    letter-spacing: 0.08em;\n  }\n\n  .marquee-dot {\n    width: 5px;\n    height: 5px;\n    background: var(--gold);\n    border-radius: 50%;\n    flex-shrink: 0;\n  }\n\n  @keyframes marqueeScroll {\n    to { transform: translateX(-50%); }\n  }\n\n  \/* ===== FEATURES ===== *\/\n  .features {\n    padding: 8rem 4rem 6rem;\n    background: var(--cream);\n  }\n\n  .features-header {\n    text-align: center;\n    margin-bottom: 5rem;\n  }\n\n  .features-header h2 {\n    font-family: var(--serif);\n    font-size: clamp(1.8rem, 3.5vw, 2.8rem);\n    font-weight: 300;\n    color: var(--text-dark);\n    letter-spacing: 0.05em;\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 1s ease-out;\n  }\n\n  .features-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 2.5rem;\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n\n  .feature-card {\n    border: 1px solid var(--divider);\n    padding: 3rem 2.5rem;\n    position: relative;\n    overflow: hidden;\n    background: white;\n    transition: all 0.5s ease;\n    opacity: 0;\n    transform: translateY(40px);\n  }\n\n  .feature-card::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0;\n    width: 100%;\n    height: 3px;\n    background: linear-gradient(90deg, transparent, var(--gold), transparent);\n    transform: scaleX(0);\n    transition: transform 0.8s ease-out;\n  }\n\n  .feature-card:hover::before { transform: scaleX(1); }\n\n  .feature-card:hover {\n    border-color: var(--gold);\n    box-shadow: 0 20px 60px rgba(27,48,40,0.06);\n    transform: translateY(-4px) !important;\n  }\n\n  .feature-number {\n    font-family: var(--serif);\n    font-size: 3rem;\n    font-weight: 300;\n    color: rgba(201,169,110,0.2);\n    margin-bottom: 1.2rem;\n    line-height: 1;\n  }\n\n  .feature-title {\n    font-family: var(--serif);\n    font-size: 1.3rem;\n    font-weight: 400;\n    color: var(--deep-green);\n    margin-bottom: 0.8rem;\n    letter-spacing: 0.03em;\n  }\n\n  .feature-desc {\n    font-family: var(--sans);\n    font-size: 0.82rem;\n    font-weight: 200;\n    color: var(--muted);\n    line-height: 1.9;\n  }\n\n  .feature-card:nth-child(2) { transition-delay: 0.15s; }\n  .feature-card:nth-child(3) { transition-delay: 0.3s; }\n  .feature-card:nth-child(4) { transition-delay: 0.45s; }\n\n  \/* ===== PRO TIP ===== *\/\n  .pro-tip {\n    max-width: 700px;\n    margin: 4rem auto 0;\n    padding: 2.5rem 3rem;\n    border: 1px solid var(--divider);\n    background: var(--cream-soft);\n    text-align: center;\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 1s ease-out;\n  }\n\n  .pro-tip-label {\n    font-size: 0.6rem;\n    letter-spacing: 0.4em;\n    text-transform: uppercase;\n    color: var(--gold);\n    margin-bottom: 1rem;\n    font-weight: 400;\n  }\n\n  .pro-tip-text {\n    font-family: var(--serif);\n    font-size: 1.05rem;\n    font-weight: 300;\n    color: var(--text-dark);\n    line-height: 1.8;\n    font-style: italic;\n  }\n\n  \/* ===== SPECS ===== *\/\n  .specs {\n    padding: 6rem 4rem;\n    background: var(--cream-soft);\n  }\n\n  .specs-header {\n    text-align: center;\n    margin-bottom: 3.5rem;\n  }\n\n  .specs-header h2 {\n    font-family: var(--serif);\n    font-size: clamp(1.8rem, 3.5vw, 2.5rem);\n    font-weight: 300;\n    color: var(--text-dark);\n    letter-spacing: 0.06em;\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 1s ease-out;\n  }\n\n  .specs-table {\n    max-width: 640px;\n    margin: 0 auto;\n  }\n\n  .spec-row {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 1.1rem 0;\n    border-bottom: 1px solid var(--divider);\n    opacity: 0;\n    transform: translateY(20px);\n    transition: all 0.7s ease-out;\n  }\n\n  .spec-row:nth-child(2) { transition-delay: 0.08s; }\n  .spec-row:nth-child(3) { transition-delay: 0.16s; }\n  .spec-row:nth-child(4) { transition-delay: 0.24s; }\n  .spec-row:nth-child(5) { transition-delay: 0.32s; }\n  .spec-row:nth-child(6) { transition-delay: 0.4s; }\n  .spec-row:nth-child(7) { transition-delay: 0.48s; }\n\n  .spec-key {\n    font-family: var(--sans);\n    font-size: 0.72rem;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n    color: var(--muted);\n    font-weight: 300;\n  }\n\n  .spec-val {\n    font-family: var(--serif);\n    font-size: 1.05rem;\n    color: var(--text-dark);\n    font-weight: 400;\n    text-align: right;\n  }\n\n  \/* ===== VARIANT ===== *\/\n  .variants {\n    padding: 6rem 4rem 8rem;\n    background: var(--deep-green);\n    text-align: center;\n  }\n\n  .variants-header {\n    margin-bottom: 3.5rem;\n  }\n\n  .variants-header h2 {\n    font-family: var(--serif);\n    font-size: clamp(1.8rem, 3.5vw, 2.5rem);\n    font-weight: 300;\n    color: var(--cream);\n    letter-spacing: 0.06em;\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 1s ease-out;\n  }\n\n  .variants-row {\n    display: flex;\n    justify-content: center;\n    gap: 4rem;\n    max-width: 500px;\n    margin: 0 auto;\n  }\n\n  .variant-item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 1.2rem;\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 0.8s ease-out;\n  }\n\n  .variant-swatch {\n    width: 80px;\n    height: 80px;\n    border-radius: 50%;\n    border: 2px solid rgba(201,169,110,0.25);\n    transition: all 0.4s ease;\n    cursor: pointer;\n  }\n\n  .variant-swatch:hover {\n    border-color: var(--gold);\n    transform: scale(1.08);\n    box-shadow: 0 0 30px rgba(183,110,121,0.25);\n  }\n\n  .variant-swatch.rose-gold {\n    background: linear-gradient(135deg, #E8C2BE 0%, #C9888C 45%, #B76E79 75%, #9C5963 100%);\n  }\n\n  .variant-name {\n    font-family: var(--sans);\n    font-size: 0.65rem;\n    letter-spacing: 0.3em;\n    text-transform: uppercase;\n    color: var(--muted-light);\n    font-weight: 300;\n  }\n\n  .variant-size {\n    font-family: var(--sans);\n    font-size: 0.6rem;\n    letter-spacing: 0.2em;\n    color: var(--muted);\n    margin-top: 2.5rem;\n    opacity: 0;\n    transform: translateY(20px);\n    transition: all 0.8s ease-out 0.3s;\n  }\n\n  .variant-size strong {\n    color: var(--gold);\n    font-weight: 400;\n  }\n\n  \/* ===== ANIMATIONS ===== *\/\n  @keyframes fadeUp {\n    from { opacity: 0; transform: translateY(30px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  @keyframes lineGrow {\n    from { transform: scaleX(0); }\n    to { transform: scaleX(1); }\n  }\n\n  .revealed .desc-eyebrow,\n  .revealed .desc-text,\n  .revealed .how-to-use-header h2,\n  .revealed .benefits-header h2,\n  .revealed .features-header h2,\n  .revealed .specs-header h2,\n  .revealed .variants-header h2,\n  .revealed .feature-card,\n  .revealed .benefit-item,\n  .revealed .step-item,\n  .revealed .spec-row,\n  .revealed .pro-tip,\n  .revealed .variant-item,\n  .revealed .variant-size {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  .revealed .desc-divider {\n    transform: scaleY(1);\n  }\n\n  \/* ===== RESPONSIVE ===== *\/\n  @media (max-width: 768px) {\n    nav { padding: 1.2rem 1.5rem; }\n    .description { padding: 6rem 1.8rem; }\n    .how-to-use { padding: 4rem 1.5rem 5rem; }\n    .steps-grid { grid-template-columns: repeat(2, 1fr); gap: 1rem; }\n    .step-item:not(:last-child)::after { display: none; }\n    .benefits { padding: 4rem 1.5rem 5rem; }\n    .benefits-grid { grid-template-columns: repeat(2, 1fr); gap: 1rem; }\n    .features { padding: 5rem 1.8rem 4rem; }\n    .features-grid { grid-template-columns: 1fr; }\n    .pro-tip { margin: 3rem 1.8rem 0; padding: 2rem 1.5rem; }\n    .specs { padding: 4rem 1.5rem; }\n    .spec-val { font-size: 0.95rem; }\n    .variants { padding: 4rem 1.5rem 5rem; }\n  }\n\u003c\/style\u003e\n\n\n\n\u003c!-- DROP ICON SVG --\u003e\n\u003csvg style=\"display:none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n  \u003cdefs\u003e\n    \u003csymbol id=\"llvera-drop\" viewbox=\"0 0 50 65\"\u003e\n      \u003cpath d=\"M25 3 C25 3 5 28 5 40 C5 51.5 14 60 25 60 C36 60 45 51.5 45 40 C45 28 25 3 25 3Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n      \u003cellipse class=\"drop-ripple\" cx=\"25\" cy=\"58\" rx=\"18\" ry=\"3\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\" opacity=\"0.4\"\u003e\u003c\/ellipse\u003e\n      \u003cellipse class=\"drop-ripple\" cx=\"25\" cy=\"58\" rx=\"12\" ry=\"2\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"0.8\" opacity=\"0.25\" style=\"animation-delay:0.5s;\"\u003e\u003c\/ellipse\u003e\n    \u003c\/symbol\u003e\n  \u003c\/defs\u003e\n\u003c\/svg\u003e\n\n\u003c!-- PRELOADER --\u003e\n\u003cdiv class=\"preloader\"\u003e\n  \u003cdiv class=\"preloader-icon\"\u003e\n    \u003csvg viewbox=\"0 0 50 65\" style=\"color:var(--gold);\"\u003e\u003cuse href=\"#llvera-drop\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"preloader-brand\"\u003eLlvera\u003c\/div\u003e\n  \u003cdiv class=\"preloader-line\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"preloader-sub\"\u003eNourish Your Crown\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- NAV --\u003e\n\u003cnav\u003e\n  \u003ca href=\"#\" class=\"nav-logo\"\u003e\n    \u003csvg viewbox=\"0 0 50 65\" style=\"color:var(--gold);\"\u003e\u003cuse href=\"#llvera-drop\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\n    Llvera\u003cspan\u003e™\u003c\/span\u003e\n  \u003c\/a\u003e\n\u003c\/nav\u003e\n\n\u003c!-- HERO --\u003e\n\u003csection class=\"hero\"\u003e\n  \u003cdiv class=\"hero-texture\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"hero-vignette\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"hero-content\"\u003e\n    \u003cdiv class=\"hero-drop\"\u003e\n      \u003csvg viewbox=\"0 0 50 65\" style=\"color:var(--gold);\"\u003e\u003cuse href=\"#llvera-drop\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\n    \u003c\/div\u003e\n    \u003ch1 class=\"hero-brand\"\u003eLlvera\u003c\/h1\u003e\n    \u003cdiv class=\"hero-divider\"\u003e\u003c\/div\u003e\n    \u003cp class=\"hero-product-name\"\u003eElectric Scalp Massager\u003c\/p\u003e\n    \u003cp class=\"hero-tagline\"\u003eNourish Your Crown\u003c\/p\u003e\n    \u003cp class=\"hero-size\"\u003ePalm-Sized — \u003cstrong\u003e9 cm\u003c\/strong\u003e Wide\u003c\/p\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"hero-scroll\"\u003e\n    \u003cspan\u003eDiscover\u003c\/span\u003e\n    \u003cdiv class=\"scroll-line\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- DESCRIPTION --\u003e\n\u003csection class=\"description\"\u003e\n  \u003cp class=\"desc-eyebrow\"\u003eThe Ritual\u003c\/p\u003e\n  \u003cp class=\"desc-text\"\u003e\n    The Llvera™ Electric Scalp Massager turns daily care into a moment of calm. Soft, rhythmic vibration awakens the scalp, \u003cspan class=\"hl\"\u003esoothes tension at the root\u003c\/span\u003e, and invites a gentle sense of relaxation. Two speeds, cordless and rechargeable, made for the head and the whole body. Your crown \u003cspan class=\"hl\"\u003edeserves intention\u003c\/span\u003e.\n  \u003c\/p\u003e\n  \u003cdiv class=\"desc-divider\"\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- HOW TO USE --\u003e\n\u003csection class=\"how-to-use\"\u003e\n  \u003cdiv class=\"how-to-use-header\"\u003e\n    \u003ch2\u003eHow to Use\u003c\/h2\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"steps-grid\"\u003e\n    \u003cdiv class=\"step-item\"\u003e\n      \u003cdiv class=\"step-number\"\u003e01\u003c\/div\u003e\n      \u003cdiv class=\"step-icon\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--gold)\" stroke-width=\"1.2\"\u003e\n          \u003ccircle cx=\"12\" cy=\"12\" r=\"9\"\u003e\u003c\/circle\u003e\n          \u003cpath d=\"M12 7v5\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003ch3 class=\"step-title\"\u003ePower On\u003c\/h3\u003e\n      \u003cp class=\"step-desc\"\u003eHold the button for two seconds — the green light glows and the first speed begins\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"step-item\"\u003e\n      \u003cdiv class=\"step-number\"\u003e02\u003c\/div\u003e\n      \u003cdiv class=\"step-icon\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--gold)\" stroke-width=\"1.2\"\u003e\n          \u003cpath d=\"M4 12h6M14 12h6\"\u003e\u003c\/path\u003e\n          \u003ccircle cx=\"12\" cy=\"12\" r=\"2.5\"\u003e\u003c\/circle\u003e\n          \u003cpath d=\"M12 3v3M12 18v3\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003ch3 class=\"step-title\"\u003eSwitch Speeds\u003c\/h3\u003e\n      \u003cp class=\"step-desc\"\u003eA short press flashes the green light and cycles between first and second gear\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"step-item\"\u003e\n      \u003cdiv class=\"step-number\"\u003e03\u003c\/div\u003e\n      \u003cdiv class=\"step-icon\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--gold)\" stroke-width=\"1.2\"\u003e\n          \u003cpath d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2z\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M8 14s1.5 2 4 2 4-2 4-2\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003ch3 class=\"step-title\"\u003eMassage \u0026amp; Soothe\u003c\/h3\u003e\n      \u003cp class=\"step-desc\"\u003eGlide slowly across the scalp, neck, or wherever tension gathers\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"step-item\"\u003e\n      \u003cdiv class=\"step-number\"\u003e04\u003c\/div\u003e\n      \u003cdiv class=\"step-icon\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--gold)\" stroke-width=\"1.2\"\u003e\n          \u003crect x=\"6\" y=\"3\" width=\"12\" height=\"18\" rx=\"2\"\u003e\u003c\/rect\u003e\n          \u003cpath d=\"M10 7h4M12 11v4\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003ch3 class=\"step-title\"\u003eRecharge by USB\u003c\/h3\u003e\n      \u003cp class=\"step-desc\"\u003ePlug in to charge — a red light means charging, green means fully ready\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- BENEFITS --\u003e\n\u003csection class=\"benefits\"\u003e\n  \u003cdiv class=\"benefits-header\"\u003e\n    \u003ch2\u003eWhy Your Scalp Will Thank You\u003c\/h2\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"benefits-grid\"\u003e\n    \u003cdiv class=\"benefit-item\"\u003e\n      \u003cdiv class=\"benefit-icon\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--gold)\" stroke-width=\"1.2\"\u003e\n          \u003cpath d=\"M3 12h3l2-6 4 12 2-6h7\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003ch3 class=\"benefit-title\"\u003eTwo Speeds\u003c\/h3\u003e\n      \u003cp class=\"benefit-desc\"\u003eChoose a gentle setting or a deeper one to match how your scalp feels\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"benefit-item\"\u003e\n      \u003cdiv class=\"benefit-icon\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--gold)\" stroke-width=\"1.2\"\u003e\n          \u003cpath d=\"M12 22c-4-3.5-8-7-8-11a8 8 0 1 1 16 0c0 4-4 7.5-8 11z\"\u003e\u003c\/path\u003e\n          \u003ccircle cx=\"12\" cy=\"11\" r=\"2\"\u003e\u003c\/circle\u003e\n        \u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003ch3 class=\"benefit-title\"\u003eSoothing Massage\u003c\/h3\u003e\n      \u003cp class=\"benefit-desc\"\u003eRhythmic vibration relaxes the scalp and helps ease everyday tension\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"benefit-item\"\u003e\n      \u003cdiv class=\"benefit-icon\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--gold)\" stroke-width=\"1.2\"\u003e\n          \u003crect x=\"7\" y=\"2\" width=\"10\" height=\"16\" rx=\"2\"\u003e\u003c\/rect\u003e\n          \u003cpath d=\"M11 6h2M12 18v3\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003ch3 class=\"benefit-title\"\u003eCordless \u0026amp; Rechargeable\u003c\/h3\u003e\n      \u003cp class=\"benefit-desc\"\u003eA built-in lithium battery recharges by USB — no wires, no waiting on batteries\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"benefit-item\"\u003e\n      \u003cdiv class=\"benefit-icon\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--gold)\" stroke-width=\"1.2\"\u003e\n          \u003ccircle cx=\"12\" cy=\"7\" r=\"3\"\u003e\u003c\/circle\u003e\n          \u003cpath d=\"M6 21v-2a6 6 0 0 1 12 0v2\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003ch3 class=\"benefit-title\"\u003eScalp \u0026amp; Whole Body\u003c\/h3\u003e\n      \u003cp class=\"benefit-desc\"\u003eMade for the head and the whole body — scalp, neck, shoulders, and beyond\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"benefit-item\"\u003e\n      \u003cdiv class=\"benefit-icon\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--gold)\" stroke-width=\"1.2\"\u003e\n          \u003ccircle cx=\"12\" cy=\"12\" r=\"9\"\u003e\u003c\/circle\u003e\n          \u003cpath d=\"M8 12l2.5 2.5L16 9\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003ch3 class=\"benefit-title\"\u003eLight Tells You\u003c\/h3\u003e\n      \u003cp class=\"benefit-desc\"\u003eClear indicators show when it's on, switching speeds, and fully charged\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"benefit-item\"\u003e\n      \u003cdiv class=\"benefit-icon\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--gold)\" stroke-width=\"1.2\"\u003e\n          \u003cpath d=\"M13 2L4 14h6l-1 8 9-12h-6l1-8z\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003ch3 class=\"benefit-title\"\u003eLow-Voltage Safe\u003c\/h3\u003e\n      \u003cp class=\"benefit-desc\"\u003eRuns at a gentle operating voltage of 36V or under for everyday peace of mind\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- MARQUEE --\u003e\n\u003csection class=\"marquee-section\"\u003e\n  \u003cdiv class=\"marquee-track\"\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cdiv class=\"marquee-dot\"\u003e\u003c\/div\u003e\n\u003cspan\u003eSoothing Massage\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cdiv class=\"marquee-dot\"\u003e\u003c\/div\u003e\n\u003cspan\u003eScalp Revival\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cdiv class=\"marquee-dot\"\u003e\u003c\/div\u003e\n\u003cspan\u003eCordless Calm\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cdiv class=\"marquee-dot\"\u003e\u003c\/div\u003e\n\u003cspan\u003eTwo Speeds\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cdiv class=\"marquee-dot\"\u003e\u003c\/div\u003e\n\u003cspan\u003eTension Released\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cdiv class=\"marquee-dot\"\u003e\u003c\/div\u003e\n\u003cspan\u003eWhole-Body Ease\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cdiv class=\"marquee-dot\"\u003e\u003c\/div\u003e\n\u003cspan\u003eEffortless Ritual\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cdiv class=\"marquee-dot\"\u003e\u003c\/div\u003e\n\u003cspan\u003eNourish Your Crown\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cdiv class=\"marquee-dot\"\u003e\u003c\/div\u003e\n\u003cspan\u003eSoothing Massage\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cdiv class=\"marquee-dot\"\u003e\u003c\/div\u003e\n\u003cspan\u003eScalp Revival\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cdiv class=\"marquee-dot\"\u003e\u003c\/div\u003e\n\u003cspan\u003eCordless Calm\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cdiv class=\"marquee-dot\"\u003e\u003c\/div\u003e\n\u003cspan\u003eTwo Speeds\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cdiv class=\"marquee-dot\"\u003e\u003c\/div\u003e\n\u003cspan\u003eTension Released\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cdiv class=\"marquee-dot\"\u003e\u003c\/div\u003e\n\u003cspan\u003eWhole-Body Ease\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cdiv class=\"marquee-dot\"\u003e\u003c\/div\u003e\n\u003cspan\u003eEffortless Ritual\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cdiv class=\"marquee-dot\"\u003e\u003c\/div\u003e\n\u003cspan\u003eNourish Your Crown\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- FEATURES --\u003e\n\u003csection class=\"features\"\u003e\n  \u003cdiv class=\"features-header\"\u003e\n    \u003ch2\u003eEngineered for Your Crown\u003c\/h2\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"features-grid\"\u003e\n    \u003cdiv class=\"feature-card\"\u003e\n      \u003cdiv class=\"feature-number\"\u003e01\u003c\/div\u003e\n      \u003ch3 class=\"feature-title\"\u003eDual-Speed Vibration\u003c\/h3\u003e\n      \u003cp class=\"feature-desc\"\u003eTwo carefully tuned speeds let you choose your moment — a light hum to unwind, or a deeper, steadier pulse to release stubborn tension at the scalp.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"feature-card\"\u003e\n      \u003cdiv class=\"feature-number\"\u003e02\u003c\/div\u003e\n      \u003ch3 class=\"feature-title\"\u003eRechargeable Lithium Power\u003c\/h3\u003e\n      \u003cp class=\"feature-desc\"\u003eA built-in lithium battery charges over USB, so the ritual is always ready. A simple red-to-green light shows you exactly when it's full.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"feature-card\"\u003e\n      \u003cdiv class=\"feature-number\"\u003e03\u003c\/div\u003e\n      \u003ch3 class=\"feature-title\"\u003ePalm-Sized by Design\u003c\/h3\u003e\n      \u003cp class=\"feature-desc\"\u003eAt just 6.5 cm tall and 9 cm wide, the rounded body sits naturally in the hand — light enough to travel with, gentle enough for daily use.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"feature-card\"\u003e\n      \u003cdiv class=\"feature-number\"\u003e04\u003c\/div\u003e\n      \u003ch3 class=\"feature-title\"\u003eHead to Toe\u003c\/h3\u003e\n      \u003cp class=\"feature-desc\"\u003ePure, soothing vibration with no electrical stimulation — designed for the scalp and the whole body, from a tight neck to weary shoulders.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- PRO TIP --\u003e\n  \u003cdiv class=\"pro-tip\"\u003e\n    \u003cp class=\"pro-tip-label\"\u003e✦ Pro Tip\u003c\/p\u003e\n    \u003cp class=\"pro-tip-text\"\u003ePair it with your favourite Llvera scalp oil — apply a few drops first, then let the gentle vibration work the nourishment in for a true spa ritual at home.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- SPECS --\u003e\n\u003csection class=\"specs\"\u003e\n  \u003cdiv class=\"specs-header\"\u003e\n    \u003ch2\u003eThe Details\u003c\/h2\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"specs-table\"\u003e\n    \u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003ePower Mode\u003c\/span\u003e\u003cspan class=\"spec-val\"\u003eUSB Charging\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003eOperating Voltage\u003c\/span\u003e\u003cspan class=\"spec-val\"\u003e≤ 36 V\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003eBattery\u003c\/span\u003e\u003cspan class=\"spec-val\"\u003eRechargeable Lithium\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003eSpeed Settings\u003c\/span\u003e\u003cspan class=\"spec-val\"\u003eTwo Gears\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003eFor Use On\u003c\/span\u003e\u003cspan class=\"spec-val\"\u003eHead \u0026amp; Whole Body\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003eEMS Function\u003c\/span\u003e\u003cspan class=\"spec-val\"\u003eNo\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003eDimensions\u003c\/span\u003e\u003cspan class=\"spec-val\"\u003e6.5 cm H × 9 cm W\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- VARIANT --\u003e\n\u003csection class=\"variants\"\u003e\n  \u003cdiv class=\"variants-header\"\u003e\n    \u003ch2\u003eOne Finish, Endless Calm\u003c\/h2\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"variants-row\"\u003e\n    \u003cdiv class=\"variant-item\"\u003e\n      \u003cdiv class=\"variant-swatch rose-gold\"\u003e\u003c\/div\u003e\n      \u003cspan class=\"variant-name\"\u003eRose Gold\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cp class=\"variant-size\"\u003ePalm-Sized — \u003cstrong\u003e6.5 × 9 cm\u003c\/strong\u003e — Fits in any hand\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003cscript\u003e\n  const observer = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('revealed');\n      }\n    });\n  }, { threshold: 0.12 });\n\n  document.querySelectorAll('.description, .how-to-use, .how-to-use-header, .step-item, .benefits, .benefits-header, .benefit-item, .features, .features-header, .feature-card, .pro-tip, .specs, .specs-header, .spec-row, .variants, .variants-header, .variant-item, .variant-size').forEach(el =\u003e {\n    observer.observe(el);\n  });\n\u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"Llvera","offers":[{"title":"Rose-Gold","offer_id":46302366630060,"sku":null,"price":499.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0754\/7555\/0380\/files\/ScalpMassager1.png?v=1780422432"},{"product_id":"rootdrip-scalprevive-exfoliating-shampoo","title":"LLVERA™ Exfoliating Shampoo","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eLLVERA™ —Exfoliating Shampoo\u003c\/title\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400\u0026amp;family=Outfit:wght@200;300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cstyle\u003e\n  :root {\n    --deep-green: #1B3028;\n    --cream: #F2EDE4;\n    --cream-soft: #EDE7DC;\n    --gold: #C9A96E;\n    --gold-light: #D4B87A;\n    --mint: #8FBF9F;\n    --muted: #8A9B8F;\n    --muted-light: #A3B2A8;\n    --divider: #D4CEBC;\n    --text-dark: #1A2B22;\n    --serif: 'Cormorant Garamond', Georgia, serif;\n    --sans: 'Outfit', sans-serif;\n  }\n\n  * { margin: 0; padding: 0; box-sizing: border-box; }\n  html { scroll-behavior: smooth; }\n\n  body {\n    font-family: var(--sans);\n    background: var(--cream);\n    color: var(--text-dark);\n    overflow-x: hidden;\n    -webkit-font-smoothing: antialiased;\n  }\n\n  \/* ===== PRELOADER ===== *\/\n  .preloader {\n    position: fixed;\n    inset: 0;\n    background: var(--deep-green);\n    z-index: 9999;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    animation: preloaderExit 0.8s ease-in-out 2.8s forwards;\n  }\n\n  .preloader-icon {\n    width: 50px;\n    height: 65px;\n    margin-bottom: 1.5rem;\n    opacity: 0;\n    animation: fadeUp 0.8s ease-out 0.2s forwards;\n  }\n\n  .preloader-brand {\n    font-family: var(--serif);\n    font-size: clamp(1.8rem, 4vw, 2.8rem);\n    font-weight: 400;\n    color: var(--gold);\n    letter-spacing: 0.45em;\n    text-transform: uppercase;\n    opacity: 0;\n    animation: fadeUp 1s ease-out 0.5s forwards;\n  }\n\n  .preloader-line {\n    width: 60px;\n    height: 1px;\n    background: var(--gold);\n    margin-top: 1.2rem;\n    transform: scaleX(0);\n    animation: lineGrow 1s ease-out 1s forwards;\n  }\n\n  .preloader-sub {\n    font-family: var(--sans);\n    font-size: 0.65rem;\n    letter-spacing: 0.35em;\n    color: var(--muted);\n    margin-top: 1rem;\n    text-transform: uppercase;\n    opacity: 0;\n    animation: fadeUp 0.8s ease-out 1.5s forwards;\n  }\n\n  @keyframes preloaderExit {\n    to { opacity: 0; pointer-events: none; visibility: hidden; }\n  }\n\n  \/* ===== NAV ===== *\/\n  nav {\n    position: fixed;\n    top: 0; left: 0; right: 0;\n    z-index: 100;\n    padding: 1.8rem 4rem;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    background: linear-gradient(180deg, rgba(27,48,40,0.95) 0%, rgba(27,48,40,0) 100%);\n  }\n\n  .nav-logo {\n    font-family: var(--serif);\n    font-size: 1.1rem;\n    font-weight: 400;\n    letter-spacing: 0.35em;\n    text-transform: uppercase;\n    color: var(--gold);\n    text-decoration: none;\n    display: flex;\n    align-items: center;\n    gap: 0.6rem;\n  }\n\n  .nav-logo svg { width: 22px; height: 28px; }\n\n  .nav-logo span {\n    font-weight: 300;\n    font-size: 0.55rem;\n    vertical-align: super;\n    margin-left: 2px;\n  }\n\n  \/* ===== HERO ===== *\/\n  .hero {\n    height: 100vh;\n    min-height: 740px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    background: var(--deep-green);\n    position: relative;\n    overflow: hidden;\n  }\n\n  .hero-texture {\n    position: absolute;\n    inset: 0;\n    background: radial-gradient(ellipse at 50% 40%, rgba(143,191,159,0.08) 0%, transparent 60%);\n  }\n\n  .hero-vignette {\n    position: absolute;\n    inset: 0;\n    background: radial-gradient(ellipse at center, transparent 40%, rgba(15,30,22,0.6) 100%);\n  }\n\n  .hero-content {\n    text-align: center;\n    position: relative;\n    z-index: 2;\n    padding: 0 1.5rem;\n  }\n\n  .hero-drop {\n    width: 70px;\n    height: 90px;\n    margin: 0 auto 2.5rem;\n    opacity: 0;\n    animation: fadeUp 1s ease-out 3s forwards;\n  }\n\n  .hero-drop svg {\n    width: 100%;\n    height: 100%;\n    filter: drop-shadow(0 0 30px rgba(201,169,110,0.15));\n  }\n\n  .drop-ripple {\n    animation: ripple 3s ease-in-out infinite;\n    transform-origin: center;\n  }\n\n  @keyframes ripple {\n    0%, 100% { opacity: 0.4; transform: scaleX(1); }\n    50% { opacity: 0.8; transform: scaleX(1.15); }\n  }\n\n  .hero-brand {\n    font-family: var(--serif);\n    font-size: clamp(2.5rem, 7vw, 5rem);\n    font-weight: 400;\n    color: var(--gold);\n    letter-spacing: 0.3em;\n    text-transform: uppercase;\n    opacity: 0;\n    animation: fadeUp 1.2s ease-out 3.3s forwards;\n  }\n\n  .hero-divider {\n    width: 80px;\n    height: 1px;\n    background: var(--gold);\n    margin: 1.8rem auto;\n    transform: scaleX(0);\n    animation: lineGrow 1s ease-out 3.7s forwards;\n  }\n\n  .hero-product-name {\n    font-family: var(--sans);\n    font-size: clamp(0.65rem, 1.2vw, 0.8rem);\n    letter-spacing: 0.4em;\n    text-transform: uppercase;\n    color: var(--muted-light);\n    font-weight: 300;\n    opacity: 0;\n    animation: fadeUp 0.8s ease-out 3.9s forwards;\n  }\n\n  .hero-tagline {\n    font-family: var(--serif);\n    font-size: clamp(1rem, 2vw, 1.4rem);\n    font-weight: 300;\n    font-style: italic;\n    color: var(--gold-light);\n    margin-top: 1.5rem;\n    letter-spacing: 0.05em;\n    opacity: 0;\n    animation: fadeUp 0.8s ease-out 4.2s forwards;\n  }\n\n  .hero-badges {\n    display: flex;\n    justify-content: center;\n    flex-wrap: wrap;\n    gap: 0.7rem;\n    margin-top: 2.2rem;\n    opacity: 0;\n    animation: fadeUp 0.8s ease-out 4.4s forwards;\n  }\n\n  .hero-badge {\n    border: 1px solid rgba(201,169,110,0.35);\n    color: var(--gold);\n    font-family: var(--sans);\n    font-size: 0.55rem;\n    letter-spacing: 0.22em;\n    text-transform: uppercase;\n    padding: 0.55rem 1.1rem;\n    font-weight: 300;\n  }\n\n  .hero-scroll {\n    position: absolute;\n    bottom: 3rem;\n    left: 50%;\n    transform: translateX(-50%);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 0.8rem;\n    opacity: 0;\n    animation: fadeUp 1s ease-out 4.6s forwards;\n  }\n\n  .hero-scroll span {\n    font-size: 0.55rem;\n    letter-spacing: 0.3em;\n    text-transform: uppercase;\n    color: var(--muted);\n  }\n\n  .scroll-line {\n    width: 1px;\n    height: 40px;\n    background: var(--gold);\n    animation: scrollPulse 2s ease-in-out infinite;\n  }\n\n  @keyframes scrollPulse {\n    0%, 100% { transform: scaleY(1); opacity: 0.3; }\n    50% { transform: scaleY(0.5); opacity: 1; }\n  }\n\n  \/* ===== DESCRIPTION ===== *\/\n  .description {\n    padding: 10rem 4rem;\n    max-width: 850px;\n    margin: 0 auto;\n    text-align: center;\n  }\n\n  .desc-eyebrow {\n    font-size: 0.6rem;\n    letter-spacing: 0.45em;\n    text-transform: uppercase;\n    color: var(--gold);\n    margin-bottom: 2.5rem;\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 1s ease-out;\n  }\n\n  .desc-text {\n    font-family: var(--serif);\n    font-size: clamp(1.4rem, 2.8vw, 2rem);\n    font-weight: 300;\n    line-height: 1.8;\n    color: var(--text-dark);\n    opacity: 0;\n    transform: translateY(40px);\n    transition: all 1.2s ease-out 0.2s;\n  }\n\n  .desc-text .hl {\n    color: var(--gold);\n    font-style: italic;\n  }\n\n  .desc-divider {\n    width: 1px;\n    height: 80px;\n    background: var(--divider);\n    margin: 4rem auto;\n    transform: scaleY(0);\n    transition: transform 1s ease-out 0.4s;\n  }\n\n  \/* ===== INGREDIENTS ===== *\/\n  .ingredients {\n    padding: 6rem 4rem;\n    background: var(--deep-green);\n    text-align: center;\n  }\n\n  .ingredients-header {\n    margin-bottom: 4rem;\n  }\n\n  .ingredients-header h2 {\n    font-family: var(--serif);\n    font-size: clamp(1.8rem, 3.5vw, 2.5rem);\n    font-weight: 300;\n    color: var(--cream);\n    letter-spacing: 0.06em;\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 1s ease-out;\n  }\n\n  .ingredients-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 2rem;\n    max-width: 900px;\n    margin: 0 auto;\n  }\n\n  .ingredient-item {\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 0.8s ease-out;\n  }\n\n  .ingredient-circle {\n    width: 96px;\n    height: 96px;\n    margin: 0 auto 1.4rem;\n    border-radius: 50%;\n    border: 1px solid rgba(201,169,110,0.35);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: radial-gradient(circle at 50% 40%, rgba(143,191,159,0.1), transparent 70%);\n    transition: all 0.5s ease;\n  }\n\n  .ingredient-item:hover .ingredient-circle {\n    border-color: var(--gold);\n    transform: translateY(-5px);\n    box-shadow: 0 14px 40px rgba(0,0,0,0.25);\n  }\n\n  .ingredient-circle svg { width: 40px; height: 40px; }\n\n  .ingredient-name {\n    font-family: var(--sans);\n    font-size: 0.62rem;\n    letter-spacing: 0.22em;\n    text-transform: uppercase;\n    color: var(--gold);\n    margin-bottom: 0.5rem;\n  }\n\n  .ingredient-desc {\n    font-family: var(--sans);\n    font-size: 0.72rem;\n    font-weight: 200;\n    color: var(--muted-light);\n    line-height: 1.6;\n    max-width: 180px;\n    margin: 0 auto;\n  }\n\n  .ingredient-item:nth-child(2) { transition-delay: 0.12s; }\n  .ingredient-item:nth-child(3) { transition-delay: 0.24s; }\n  .ingredient-item:nth-child(4) { transition-delay: 0.36s; }\n\n  \/* ===== HOW TO USE ===== *\/\n  .how-to-use {\n    padding: 6rem 4rem 8rem;\n    background: var(--cream);\n  }\n\n  .how-to-use-header {\n    text-align: center;\n    margin-bottom: 4rem;\n  }\n\n  .how-to-use-header h2 {\n    font-family: var(--serif);\n    font-size: clamp(1.8rem, 3.5vw, 2.5rem);\n    font-weight: 300;\n    color: var(--text-dark);\n    letter-spacing: 0.06em;\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 1s ease-out;\n  }\n\n  .steps-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 0;\n    max-width: 1000px;\n    margin: 0 auto;\n    position: relative;\n  }\n\n  .step-item {\n    text-align: center;\n    padding: 2.5rem 2rem;\n    position: relative;\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 0.8s ease-out;\n  }\n\n  .step-item:not(:last-child)::after {\n    content: '';\n    position: absolute;\n    right: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 1px;\n    height: 40px;\n    background: var(--divider);\n  }\n\n  .step-number {\n    font-family: var(--serif);\n    font-size: 2.5rem;\n    font-weight: 300;\n    color: rgba(201,169,110,0.3);\n    margin-bottom: 1rem;\n    line-height: 1;\n  }\n\n  .step-icon {\n    width: 40px;\n    height: 40px;\n    margin: 0 auto 1.2rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .step-icon svg { width: 28px; height: 28px; }\n\n  .step-title {\n    font-family: var(--serif);\n    font-size: 1.1rem;\n    font-weight: 400;\n    color: var(--deep-green);\n    margin-bottom: 0.5rem;\n  }\n\n  .step-desc {\n    font-family: var(--sans);\n    font-size: 0.72rem;\n    font-weight: 200;\n    color: var(--muted);\n    line-height: 1.6;\n  }\n\n  .step-item:nth-child(2) { transition-delay: 0.15s; }\n  .step-item:nth-child(3) { transition-delay: 0.3s; }\n  .step-item:nth-child(4) { transition-delay: 0.45s; }\n\n  \/* ===== BENEFITS ===== *\/\n  .benefits {\n    padding: 6rem 4rem 8rem;\n    background: var(--cream-soft);\n  }\n\n  .benefits-header {\n    text-align: center;\n    margin-bottom: 4rem;\n  }\n\n  .benefits-header h2 {\n    font-family: var(--serif);\n    font-size: clamp(1.8rem, 3.5vw, 2.5rem);\n    font-weight: 300;\n    color: var(--text-dark);\n    letter-spacing: 0.06em;\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 1s ease-out;\n  }\n\n  .benefits-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 1.5rem;\n    max-width: 1000px;\n    margin: 0 auto;\n  }\n\n  .benefit-item {\n    text-align: center;\n    padding: 2rem 1.5rem;\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 0.8s ease-out;\n  }\n\n  .benefit-icon {\n    width: 48px;\n    height: 48px;\n    margin: 0 auto 1.2rem;\n    border: 1px solid var(--divider);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.5s ease;\n  }\n\n  .benefit-item:hover .benefit-icon {\n    border-color: var(--gold);\n    background: rgba(201,169,110,0.06);\n    transform: translateY(-4px);\n  }\n\n  .benefit-icon svg { width: 20px; height: 20px; }\n\n  .benefit-title {\n    font-family: var(--sans);\n    font-size: 0.65rem;\n    font-weight: 400;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n    color: var(--gold);\n    margin-bottom: 0.6rem;\n  }\n\n  .benefit-desc {\n    font-family: var(--sans);\n    font-size: 0.75rem;\n    font-weight: 200;\n    color: var(--muted);\n    line-height: 1.7;\n  }\n\n  .benefit-item:nth-child(2) { transition-delay: 0.1s; }\n  .benefit-item:nth-child(3) { transition-delay: 0.2s; }\n  .benefit-item:nth-child(4) { transition-delay: 0.3s; }\n  .benefit-item:nth-child(5) { transition-delay: 0.4s; }\n  .benefit-item:nth-child(6) { transition-delay: 0.5s; }\n\n  \/* ===== MASSAGER ===== *\/\n  .massager {\n    padding: 7rem 4rem;\n    background: var(--deep-green);\n    text-align: center;\n  }\n\n  .massager-header {\n    margin-bottom: 1rem;\n  }\n\n  .massager-header h2 {\n    font-family: var(--serif);\n    font-size: clamp(1.8rem, 3.5vw, 2.5rem);\n    font-weight: 300;\n    color: var(--cream);\n    letter-spacing: 0.06em;\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 1s ease-out;\n  }\n\n  .massager-sub {\n    font-family: var(--serif);\n    font-style: italic;\n    font-size: 1.1rem;\n    color: var(--gold-light);\n    margin-bottom: 3.5rem;\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 1s ease-out 0.1s;\n  }\n\n  .massager-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 2.5rem;\n    max-width: 850px;\n    margin: 0 auto;\n  }\n\n  .massager-item {\n    padding: 1rem;\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 0.8s ease-out;\n  }\n\n  .massager-icon {\n    width: 54px;\n    height: 54px;\n    margin: 0 auto 1.4rem;\n    border-radius: 50%;\n    border: 1px solid rgba(201,169,110,0.3);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .massager-icon svg { width: 26px; height: 26px; }\n\n  .massager-title {\n    font-family: var(--serif);\n    font-size: 1.15rem;\n    color: var(--gold);\n    margin-bottom: 0.6rem;\n  }\n\n  .massager-desc {\n    font-family: var(--sans);\n    font-size: 0.75rem;\n    font-weight: 200;\n    color: var(--muted-light);\n    line-height: 1.7;\n  }\n\n  .massager-item:nth-child(2) { transition-delay: 0.15s; }\n  .massager-item:nth-child(3) { transition-delay: 0.3s; }\n\n  \/* ===== MARQUEE ===== *\/\n  .marquee-section {\n    padding: 3rem 0;\n    background: var(--cream);\n    overflow: hidden;\n  }\n\n  .marquee-track {\n    display: flex;\n    width: max-content;\n    animation: marqueeScroll 25s linear infinite;\n  }\n\n  .marquee-item {\n    display: flex;\n    align-items: center;\n    gap: 2rem;\n    padding: 0 2rem;\n    white-space: nowrap;\n  }\n\n  .marquee-item span {\n    font-family: var(--serif);\n    font-size: clamp(1rem, 2vw, 1.5rem);\n    font-weight: 300;\n    color: var(--text-dark);\n    letter-spacing: 0.08em;\n  }\n\n  .marquee-dot {\n    width: 5px;\n    height: 5px;\n    background: var(--gold);\n    border-radius: 50%;\n    flex-shrink: 0;\n  }\n\n  @keyframes marqueeScroll {\n    to { transform: translateX(-50%); }\n  }\n\n  \/* ===== FEATURES ===== *\/\n  .features {\n    padding: 8rem 4rem 6rem;\n    background: var(--cream-soft);\n  }\n\n  .features-header {\n    text-align: center;\n    margin-bottom: 5rem;\n  }\n\n  .features-header h2 {\n    font-family: var(--serif);\n    font-size: clamp(1.8rem, 3.5vw, 2.8rem);\n    font-weight: 300;\n    color: var(--text-dark);\n    letter-spacing: 0.05em;\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 1s ease-out;\n  }\n\n  .features-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 2.5rem;\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n\n  .feature-card {\n    border: 1px solid var(--divider);\n    padding: 3rem 2.5rem;\n    position: relative;\n    overflow: hidden;\n    background: white;\n    transition: all 0.5s ease;\n    opacity: 0;\n    transform: translateY(40px);\n  }\n\n  .feature-card::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0;\n    width: 100%;\n    height: 3px;\n    background: linear-gradient(90deg, transparent, var(--gold), transparent);\n    transform: scaleX(0);\n    transition: transform 0.8s ease-out;\n  }\n\n  .feature-card:hover::before { transform: scaleX(1); }\n\n  .feature-card:hover {\n    border-color: var(--gold);\n    box-shadow: 0 20px 60px rgba(27,48,40,0.06);\n    transform: translateY(-4px) !important;\n  }\n\n  .feature-number {\n    font-family: var(--serif);\n    font-size: 3rem;\n    font-weight: 300;\n    color: rgba(201,169,110,0.25);\n    margin-bottom: 1.2rem;\n    line-height: 1;\n  }\n\n  .feature-title {\n    font-family: var(--serif);\n    font-size: 1.3rem;\n    font-weight: 400;\n    color: var(--deep-green);\n    margin-bottom: 0.8rem;\n    letter-spacing: 0.03em;\n  }\n\n  .feature-desc {\n    font-family: var(--sans);\n    font-size: 0.82rem;\n    font-weight: 200;\n    color: var(--muted);\n    line-height: 1.9;\n  }\n\n  .feature-card:nth-child(2) { transition-delay: 0.15s; }\n  .feature-card:nth-child(3) { transition-delay: 0.3s; }\n  .feature-card:nth-child(4) { transition-delay: 0.45s; }\n\n  \/* ===== PRO TIP ===== *\/\n  .pro-tip {\n    max-width: 700px;\n    margin: 4rem auto 0;\n    padding: 2.5rem 3rem;\n    border: 1px solid var(--divider);\n    background: var(--cream);\n    text-align: center;\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 1s ease-out;\n  }\n\n  .pro-tip-label {\n    font-size: 0.6rem;\n    letter-spacing: 0.4em;\n    text-transform: uppercase;\n    color: var(--gold);\n    margin-bottom: 1rem;\n    font-weight: 400;\n  }\n\n  .pro-tip-text {\n    font-family: var(--serif);\n    font-size: 1.05rem;\n    font-weight: 300;\n    color: var(--text-dark);\n    line-height: 1.8;\n    font-style: italic;\n  }\n\n  \/* ===== CLOSING \/ SUITABLE ===== *\/\n  .suitable {\n    padding: 6rem 4rem 8rem;\n    background: var(--deep-green);\n    text-align: center;\n  }\n\n  .suitable-header h2 {\n    font-family: var(--serif);\n    font-size: clamp(1.8rem, 3.5vw, 2.5rem);\n    font-weight: 300;\n    color: var(--cream);\n    letter-spacing: 0.06em;\n    margin-bottom: 3rem;\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 1s ease-out;\n  }\n\n  .hair-tags {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 0.9rem;\n    max-width: 720px;\n    margin: 0 auto;\n  }\n\n  .hair-tag {\n    border: 1px solid rgba(201,169,110,0.4);\n    color: var(--gold-light);\n    font-family: var(--sans);\n    font-size: 0.62rem;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n    padding: 0.75rem 1.4rem;\n    font-weight: 300;\n    transition: all 0.4s ease;\n    opacity: 0;\n    transform: translateY(20px);\n  }\n\n  .hair-tag:hover {\n    border-color: var(--gold);\n    background: rgba(201,169,110,0.08);\n    color: var(--cream);\n  }\n\n  .hair-tag:nth-child(2) { transition-delay: 0.08s; }\n  .hair-tag:nth-child(3) { transition-delay: 0.16s; }\n  .hair-tag:nth-child(4) { transition-delay: 0.24s; }\n  .hair-tag:nth-child(5) { transition-delay: 0.32s; }\n  .hair-tag:nth-child(6) { transition-delay: 0.4s; }\n\n  .suitable-footer {\n    margin-top: 4rem;\n    opacity: 0;\n    transform: translateY(20px);\n    transition: all 0.9s ease-out 0.4s;\n  }\n\n  .suitable-footer-line {\n    width: 60px;\n    height: 1px;\n    background: rgba(201,169,110,0.4);\n    margin: 0 auto 1.4rem;\n  }\n\n  .suitable-footer-note {\n    font-family: var(--sans);\n    font-size: 0.62rem;\n    letter-spacing: 0.25em;\n    text-transform: uppercase;\n    color: var(--muted);\n    font-weight: 300;\n  }\n\n  \/* ===== ANIMATIONS ===== *\/\n  @keyframes fadeUp {\n    from { opacity: 0; transform: translateY(30px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  @keyframes lineGrow {\n    from { transform: scaleX(0); }\n    to { transform: scaleX(1); }\n  }\n\n  .revealed .desc-eyebrow,\n  .revealed .desc-text,\n  .revealed .ingredients-header h2,\n  .revealed .ingredient-item,\n  .revealed .how-to-use-header h2,\n  .revealed .benefits-header h2,\n  .revealed .massager-header h2,\n  .revealed .massager-sub,\n  .revealed .massager-item,\n  .revealed .features-header h2,\n  .revealed .suitable-header h2,\n  .revealed .feature-card,\n  .revealed .benefit-item,\n  .revealed .step-item,\n  .revealed .pro-tip,\n  .revealed .hair-tag,\n  .revealed .suitable-footer {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  .revealed .desc-divider {\n    transform: scaleY(1);\n  }\n\n  \/* ===== RESPONSIVE ===== *\/\n  @media (max-width: 768px) {\n    nav { padding: 1.2rem 1.5rem; }\n    .description { padding: 6rem 1.8rem; }\n    .ingredients { padding: 4rem 1.5rem; }\n    .ingredients-grid { grid-template-columns: repeat(2, 1fr); gap: 2.5rem 1rem; }\n    .how-to-use { padding: 4rem 1.5rem 5rem; }\n    .steps-grid { grid-template-columns: repeat(2, 1fr); gap: 1rem; }\n    .step-item:not(:last-child)::after { display: none; }\n    .benefits { padding: 4rem 1.5rem 5rem; }\n    .benefits-grid { grid-template-columns: repeat(2, 1fr); gap: 1rem; }\n    .massager { padding: 4.5rem 1.5rem; }\n    .massager-grid { grid-template-columns: 1fr; gap: 2.5rem; }\n    .features { padding: 5rem 1.8rem 4rem; }\n    .features-grid { grid-template-columns: 1fr; }\n    .pro-tip { margin: 3rem 1.8rem 0; padding: 2rem 1.5rem; }\n    .suitable { padding: 4rem 1.5rem 5rem; }\n  }\n\u003c\/style\u003e\n\n\n\n\u003c!-- DROP ICON SVG --\u003e\n\u003csvg style=\"display:none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n  \u003cdefs\u003e\n    \u003csymbol id=\"llvera-drop\" viewbox=\"0 0 50 65\"\u003e\n      \u003cpath d=\"M25 3 C25 3 5 28 5 40 C5 51.5 14 60 25 60 C36 60 45 51.5 45 40 C45 28 25 3 25 3Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n      \u003cellipse class=\"drop-ripple\" cx=\"25\" cy=\"58\" rx=\"18\" ry=\"3\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\" opacity=\"0.4\"\u003e\u003c\/ellipse\u003e\n      \u003cellipse class=\"drop-ripple\" cx=\"25\" cy=\"58\" rx=\"12\" ry=\"2\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"0.8\" opacity=\"0.25\" style=\"animation-delay:0.5s;\"\u003e\u003c\/ellipse\u003e\n    \u003c\/symbol\u003e\n  \u003c\/defs\u003e\n\u003c\/svg\u003e\n\n\u003c!-- PRELOADER --\u003e\n\u003cdiv class=\"preloader\"\u003e\n  \u003cdiv class=\"preloader-icon\"\u003e\n    \u003csvg viewbox=\"0 0 50 65\" style=\"color:var(--gold);\"\u003e\u003cuse href=\"#llvera-drop\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"preloader-brand\"\u003eLlvera\u003c\/div\u003e\n  \u003cdiv class=\"preloader-line\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"preloader-sub\"\u003eNourish Your Crown\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- NAV --\u003e\n\u003cnav\u003e\n  \u003ca href=\"#\" class=\"nav-logo\"\u003e\n    \u003csvg viewbox=\"0 0 50 65\" style=\"color:var(--gold);\"\u003e\u003cuse href=\"#llvera-drop\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\n    Llvera\u003cspan\u003e™\u003c\/span\u003e\n  \u003c\/a\u003e\n\u003c\/nav\u003e\n\n\u003c!-- HERO --\u003e\n\u003csection class=\"hero\"\u003e\n  \u003cdiv class=\"hero-texture\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"hero-vignette\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"hero-content\"\u003e\n    \u003cdiv class=\"hero-drop\"\u003e\n      \u003csvg viewbox=\"0 0 50 65\" style=\"color:var(--gold);\"\u003e\u003cuse href=\"#llvera-drop\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\n    \u003c\/div\u003e\n    \u003ch1 class=\"hero-brand\"\u003eLlvera\u003c\/h1\u003e\n    \u003cdiv class=\"hero-divider\"\u003e\u003c\/div\u003e\n    \u003cp class=\"hero-product-name\"\u003eRootDrip ScalpRevive Exfoliating Shampoo · 250 g\u003c\/p\u003e\n    \u003cp class=\"hero-tagline\"\u003eCleanse. Exfoliate. Revive.\u003c\/p\u003e\n    \u003cdiv class=\"hero-badges\"\u003e\n      \u003cspan class=\"hero-badge\"\u003e2-in-1 Scrub\u003c\/span\u003e\n      \u003cspan class=\"hero-badge\"\u003eRosemary \u0026amp; Mint\u003c\/span\u003e\n      \u003cspan class=\"hero-badge\"\u003eMassager Included\u003c\/span\u003e\n      \u003cspan class=\"hero-badge\"\u003eAll Hair Types\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"hero-scroll\"\u003e\n    \u003cspan\u003eDiscover\u003c\/span\u003e\n    \u003cdiv class=\"scroll-line\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- DESCRIPTION --\u003e\n\u003csection class=\"description\"\u003e\n  \u003cp class=\"desc-eyebrow\"\u003eScalp Wellness \u0026amp; Renewal\u003c\/p\u003e\n  \u003cp class=\"desc-text\"\u003e\n    LLVERA™ RootDrip ScalpRevive is a 2-in-1 exfoliating scrub and shampoo that \u003cspan class=\"hl\"\u003edeep-cleanses and refreshes\u003c\/span\u003e in one step. Rosemary and peppermint oil awaken the scalp while sea salt gently lifts away buildup — and the included silicone massager works it all in for a \u003cspan class=\"hl\"\u003ecool, clarifying reset\u003c\/span\u003e. Suitable for all hair types.\n  \u003c\/p\u003e\n  \u003cdiv class=\"desc-divider\"\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- INGREDIENTS --\u003e\n\u003csection class=\"ingredients\"\u003e\n  \u003cdiv class=\"ingredients-header\"\u003e\n    \u003ch2\u003eFour Botanicals, One Ritual\u003c\/h2\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"ingredients-grid\"\u003e\n    \u003cdiv class=\"ingredient-item\"\u003e\n      \u003cdiv class=\"ingredient-circle\"\u003e\n        \u003csvg viewbox=\"0 0 40 40\" fill=\"none\" stroke=\"var(--mint)\" stroke-width=\"1.2\"\u003e\n          \u003cpath d=\"M20 4v32M20 12c-3-3-8-3-10-1 2 3 7 4 10 1zM20 12c3-3 8-3 10-1-2 3-7 4-10 1zM20 20c-3-3-8-3-10-1 2 3 7 4 10 1zM20 20c3-3 8-3 10-1-2 3-7 4-10 1zM20 28c-3-3-8-3-10-1 2 3 7 4 10 1zM20 28c3-3 8-3 10-1-2 3-7 4-10 1z\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003ch3 class=\"ingredient-name\"\u003eRosemary\u003c\/h3\u003e\n      \u003cp class=\"ingredient-desc\"\u003eAwakens and refreshes the scalp\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ingredient-item\"\u003e\n      \u003cdiv class=\"ingredient-circle\"\u003e\n        \u003csvg viewbox=\"0 0 40 40\" fill=\"none\" stroke=\"var(--mint)\" stroke-width=\"1.2\"\u003e\n          \u003cpath d=\"M20 6C12 10 8 18 12 28c8-2 14-10 14-20-3 0-5 1-6 2z\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M20 6c0 8 2 16 -2 22\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003ch3 class=\"ingredient-name\"\u003ePeppermint\u003c\/h3\u003e\n      \u003cp class=\"ingredient-desc\"\u003eA cooling, tingling sensation\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ingredient-item\"\u003e\n      \u003cdiv class=\"ingredient-circle\"\u003e\n        \u003csvg viewbox=\"0 0 40 40\" fill=\"none\" stroke=\"var(--mint)\" stroke-width=\"1.2\"\u003e\n          \u003cellipse cx=\"20\" cy=\"20\" rx=\"9\" ry=\"13\"\u003e\u003c\/ellipse\u003e\n          \u003cpath d=\"M20 8c-3 4-3 20 0 24\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003ch3 class=\"ingredient-name\"\u003eJojoba\u003c\/h3\u003e\n      \u003cp class=\"ingredient-desc\"\u003eConditions and softens hair\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ingredient-item\"\u003e\n      \u003cdiv class=\"ingredient-circle\"\u003e\n        \u003csvg viewbox=\"0 0 40 40\" fill=\"none\" stroke=\"var(--mint)\" stroke-width=\"1.2\"\u003e\n          \u003crect x=\"13\" y=\"13\" width=\"8\" height=\"8\" transform=\"rotate(15 17 17)\"\u003e\u003c\/rect\u003e\n          \u003crect x=\"20\" y=\"19\" width=\"7\" height=\"7\" transform=\"rotate(-10 23 22)\"\u003e\u003c\/rect\u003e\n          \u003crect x=\"11\" y=\"22\" width=\"6\" height=\"6\" transform=\"rotate(25 14 25)\"\u003e\u003c\/rect\u003e\n        \u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003ch3 class=\"ingredient-name\"\u003eSea Salt\u003c\/h3\u003e\n      \u003cp class=\"ingredient-desc\"\u003eExfoliates and lifts away buildup\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- HOW TO USE --\u003e\n\u003csection class=\"how-to-use\"\u003e\n  \u003cdiv class=\"how-to-use-header\"\u003e\n    \u003ch2\u003eHow to Use\u003c\/h2\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"steps-grid\"\u003e\n    \u003cdiv class=\"step-item\"\u003e\n      \u003cdiv class=\"step-number\"\u003e01\u003c\/div\u003e\n      \u003cdiv class=\"step-icon\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--gold)\" stroke-width=\"1.2\"\u003e\n          \u003cpath d=\"M5 13c0-4 3-7 7-7s7 3 7 7\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M3 13h18M7 13v5M12 13v6M17 13v5\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003ch3 class=\"step-title\"\u003eScoop a Little\u003c\/h3\u003e\n      \u003cp class=\"step-desc\"\u003eTake an appropriate amount of scrub onto the brush or fingertips\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"step-item\"\u003e\n      \u003cdiv class=\"step-number\"\u003e02\u003c\/div\u003e\n      \u003cdiv class=\"step-icon\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--gold)\" stroke-width=\"1.2\"\u003e\n          \u003ccircle cx=\"12\" cy=\"12\" r=\"9\"\u003e\u003c\/circle\u003e\n          \u003cpath d=\"M12 7a5 5 0 0 1 5 5\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003ch3 class=\"step-title\"\u003eMassage In\u003c\/h3\u003e\n      \u003cp class=\"step-desc\"\u003eWork from scalp to tips in circular motions to build a rich lather\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"step-item\"\u003e\n      \u003cdiv class=\"step-number\"\u003e03\u003c\/div\u003e\n      \u003cdiv class=\"step-icon\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--gold)\" stroke-width=\"1.2\"\u003e\n          \u003cpath d=\"M5 4v10M5 14c-1.5 0-2 1.5-2 3M9 4v10M9 14c-1.5 0-2 1.5-2 3M13 4v10M13 14c-1.5 0-2 1.5-2 3M17 4v10M17 14c-1.5 0-2 1.5-2 3\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003ch3 class=\"step-title\"\u003eUse the Brush\u003c\/h3\u003e\n      \u003cp class=\"step-desc\"\u003eGlide the silicone massager over the scalp to cleanse deeply\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"step-item\"\u003e\n      \u003cdiv class=\"step-number\"\u003e04\u003c\/div\u003e\n      \u003cdiv class=\"step-icon\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--gold)\" stroke-width=\"1.2\"\u003e\n          \u003cpath d=\"M7 3v4M12 3v4M17 3v4\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M5 9h14l-1 11H6L5 9z\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003ch3 class=\"step-title\"\u003eRinse Well\u003c\/h3\u003e\n      \u003cp class=\"step-desc\"\u003eRinse thoroughly with warm water for a clean, refreshed feel\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- BENEFITS --\u003e\n\u003csection class=\"benefits\"\u003e\n  \u003cdiv class=\"benefits-header\"\u003e\n    \u003ch2\u003eWhy Your Scalp Will Thank You\u003c\/h2\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"benefits-grid\"\u003e\n    \u003cdiv class=\"benefit-item\"\u003e\n      \u003cdiv class=\"benefit-icon\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--gold)\" stroke-width=\"1.2\"\u003e\n          \u003cpath d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2z\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M8 12l3 3 5-5\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003ch3 class=\"benefit-title\"\u003eDeep Cleansing\u003c\/h3\u003e\n      \u003cp class=\"benefit-desc\"\u003eLifts away oil, product buildup, and flakes for a genuinely clean scalp\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"benefit-item\"\u003e\n      \u003cdiv class=\"benefit-icon\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--gold)\" stroke-width=\"1.2\"\u003e\n          \u003cpath d=\"M20 6L9 17l-5-5\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003ch3 class=\"benefit-title\"\u003eGentle Exfoliation\u003c\/h3\u003e\n      \u003cp class=\"benefit-desc\"\u003eFine sea salt sweeps away dead skin without stripping the scalp\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"benefit-item\"\u003e\n      \u003cdiv class=\"benefit-icon\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--gold)\" stroke-width=\"1.2\"\u003e\n          \u003cpath d=\"M12 2v6M12 2C9 5 9 8 12 8s3-3 0-6zM4 20c4-2 6-6 8-12 2 6 4 10 8 12\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003ch3 class=\"benefit-title\"\u003eCooling Refresh\u003c\/h3\u003e\n      \u003cp class=\"benefit-desc\"\u003ePeppermint leaves a crisp, tingling freshness from root to tip\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"benefit-item\"\u003e\n      \u003cdiv class=\"benefit-icon\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--gold)\" stroke-width=\"1.2\"\u003e\n          \u003cpath d=\"M12 3C12 3 6 11 6 15a6 6 0 0 0 12 0c0-4-6-12-6-12z\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003ch3 class=\"benefit-title\"\u003eNourishing Jojoba\u003c\/h3\u003e\n      \u003cp class=\"benefit-desc\"\u003eConditions as it cleanses, so hair is left soft rather than stripped\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"benefit-item\"\u003e\n      \u003cdiv class=\"benefit-icon\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--gold)\" stroke-width=\"1.2\"\u003e\n          \u003cpath d=\"M12 21c-4-3.5-8-7-8-11a8 8 0 1 1 16 0c0 4-4 7.5-8 11z\"\u003e\u003c\/path\u003e\n          \u003ccircle cx=\"12\" cy=\"10\" r=\"2\"\u003e\u003c\/circle\u003e\n        \u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003ch3 class=\"benefit-title\"\u003eMassager Included\u003c\/h3\u003e\n      \u003cp class=\"benefit-desc\"\u003eA silicone scalp brush works the scrub in and boosts the massage\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"benefit-item\"\u003e\n      \u003cdiv class=\"benefit-icon\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--gold)\" stroke-width=\"1.2\"\u003e\n          \u003ccircle cx=\"12\" cy=\"12\" r=\"9\"\u003e\u003c\/circle\u003e\n          \u003cpath d=\"M3 12h18\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M12 3c2.5 2.5 2.5 15 0 18M12 3c-2.5 2.5-2.5 15 0 18\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003ch3 class=\"benefit-title\"\u003eFor All Hair Types\u003c\/h3\u003e\n      \u003cp class=\"benefit-desc\"\u003eA unisex formula made to suit every texture and hair routine\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- MASSAGER --\u003e\n\u003csection class=\"massager\"\u003e\n  \u003cdiv class=\"massager-header\"\u003e\n    \u003ch2\u003eThe Scalp Massage Brush\u003c\/h2\u003e\n  \u003c\/div\u003e\n  \u003cp class=\"massager-sub\"\u003eMassage your scalp, cleanse your hair deeply\u003c\/p\u003e\n  \u003cdiv class=\"massager-grid\"\u003e\n    \u003cdiv class=\"massager-item\"\u003e\n      \u003cdiv class=\"massager-icon\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--gold)\" stroke-width=\"1.2\"\u003e\n          \u003cpath d=\"M4 14a8 8 0 0 1 16 0c0 3-2 6-8 6s-8-3-8-6z\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M8 14v3M12 14v4M16 14v3\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003ch3 class=\"massager-title\"\u003eSoft \u0026amp; Flexible Silicone\u003c\/h3\u003e\n      \u003cp class=\"massager-desc\"\u003eGentle, flexible bristles glide comfortably across the scalp\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"massager-item\"\u003e\n      \u003cdiv class=\"massager-icon\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--gold)\" stroke-width=\"1.2\"\u003e\n          \u003cpath d=\"M4 8v8M8 6v12M12 5v14M16 6v12M20 8v8\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003ch3 class=\"massager-title\"\u003eLong Bristles\u003c\/h3\u003e\n      \u003cp class=\"massager-desc\"\u003eReach through hair for a thorough, deep clean at the roots\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"massager-item\"\u003e\n      \u003cdiv class=\"massager-icon\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--gold)\" stroke-width=\"1.2\"\u003e\n          \u003cpath d=\"M12 3l7 3v5c0 5-3 8-7 10-4-2-7-5-7-10V6l7-3z\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003ch3 class=\"massager-title\"\u003eProtects Your Nails\u003c\/h3\u003e\n      \u003cp class=\"massager-desc\"\u003eCleanse and massage without scratching the scalp or your nails\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- MARQUEE --\u003e\n\u003csection class=\"marquee-section\"\u003e\n  \u003cdiv class=\"marquee-track\"\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cdiv class=\"marquee-dot\"\u003e\u003c\/div\u003e\n\u003cspan\u003eDeep Cleansing\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cdiv class=\"marquee-dot\"\u003e\u003c\/div\u003e\n\u003cspan\u003eCooling Mint\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cdiv class=\"marquee-dot\"\u003e\u003c\/div\u003e\n\u003cspan\u003eSea Salt Scrub\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cdiv class=\"marquee-dot\"\u003e\u003c\/div\u003e\n\u003cspan\u003e2-in-1 Care\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cdiv class=\"marquee-dot\"\u003e\u003c\/div\u003e\n\u003cspan\u003eMassager Included\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cdiv class=\"marquee-dot\"\u003e\u003c\/div\u003e\n\u003cspan\u003eRefreshed Scalp\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cdiv class=\"marquee-dot\"\u003e\u003c\/div\u003e\n\u003cspan\u003eAll Hair Types\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cdiv class=\"marquee-dot\"\u003e\u003c\/div\u003e\n\u003cspan\u003eNourish Your Crown\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cdiv class=\"marquee-dot\"\u003e\u003c\/div\u003e\n\u003cspan\u003eDeep Cleansing\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cdiv class=\"marquee-dot\"\u003e\u003c\/div\u003e\n\u003cspan\u003eCooling Mint\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cdiv class=\"marquee-dot\"\u003e\u003c\/div\u003e\n\u003cspan\u003eSea Salt Scrub\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cdiv class=\"marquee-dot\"\u003e\u003c\/div\u003e\n\u003cspan\u003e2-in-1 Care\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cdiv class=\"marquee-dot\"\u003e\u003c\/div\u003e\n\u003cspan\u003eMassager Included\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cdiv class=\"marquee-dot\"\u003e\u003c\/div\u003e\n\u003cspan\u003eRefreshed Scalp\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cdiv class=\"marquee-dot\"\u003e\u003c\/div\u003e\n\u003cspan\u003eAll Hair Types\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cdiv class=\"marquee-dot\"\u003e\u003c\/div\u003e\n\u003cspan\u003eNourish Your Crown\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- FEATURES --\u003e\n\u003csection class=\"features\"\u003e\n  \u003cdiv class=\"features-header\"\u003e\n    \u003ch2\u003eEngineered for Your Crown\u003c\/h2\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"features-grid\"\u003e\n    \u003cdiv class=\"feature-card\"\u003e\n      \u003cdiv class=\"feature-number\"\u003e01\u003c\/div\u003e\n      \u003ch3 class=\"feature-title\"\u003e2-in-1 Scrub \u0026amp; Shampoo\u003c\/h3\u003e\n      \u003cp class=\"feature-desc\"\u003eCleansing and exfoliating in a single step — the scrub lathers like a shampoo while sea salt clears away the buildup ordinary washing leaves behind.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"feature-card\"\u003e\n      \u003cdiv class=\"feature-number\"\u003e02\u003c\/div\u003e\n      \u003ch3 class=\"feature-title\"\u003eRosemary \u0026amp; Mint Oil\u003c\/h3\u003e\n      \u003cp class=\"feature-desc\"\u003eInfused with rosemary and peppermint for a clean, herbal scent and a cooling finish that leaves the scalp feeling genuinely refreshed.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"feature-card\"\u003e\n      \u003cdiv class=\"feature-number\"\u003e03\u003c\/div\u003e\n      \u003ch3 class=\"feature-title\"\u003eMassager in the Box\u003c\/h3\u003e\n      \u003cp class=\"feature-desc\"\u003eComes with a soft silicone scalp brush so every wash doubles as a massage — deeper cleansing, better lather, and a salon-style moment at home.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"feature-card\"\u003e\n      \u003cdiv class=\"feature-number\"\u003e04\u003c\/div\u003e\n      \u003ch3 class=\"feature-title\"\u003e250 g · Made for Everyone\u003c\/h3\u003e\n      \u003cp class=\"feature-desc\"\u003eA generous 8.81 oz jar with a unisex formula suitable for all hair types — one tub that earns its place in any shower routine.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- PRO TIP --\u003e\n  \u003cdiv class=\"pro-tip\"\u003e\n    \u003cp class=\"pro-tip-label\"\u003e✦ Pro Tip\u003c\/p\u003e\n    \u003cp class=\"pro-tip-text\"\u003eUse it once or twice a week as a reset between regular washes — let the scrub sit for a minute while you massage with the brush, then rinse for the coolest, cleanest finish.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- CLOSING \/ SUITABLE --\u003e\n\u003csection class=\"suitable\"\u003e\n  \u003cdiv class=\"suitable-header\"\u003e\n    \u003ch2\u003eMade for Every Crown\u003c\/h2\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"hair-tags\"\u003e\n    \u003cspan class=\"hair-tag\"\u003eFine Hair\u003c\/span\u003e\n    \u003cspan class=\"hair-tag\"\u003eThick Hair\u003c\/span\u003e\n    \u003cspan class=\"hair-tag\"\u003eCurly Hair\u003c\/span\u003e\n    \u003cspan class=\"hair-tag\"\u003eCoily Hair\u003c\/span\u003e\n    \u003cspan class=\"hair-tag\"\u003eColour-Treated\u003c\/span\u003e\n    \u003cspan class=\"hair-tag\"\u003eNatural Hair\u003c\/span\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"suitable-footer\"\u003e\n    \u003cdiv class=\"suitable-footer-line\"\u003e\u003c\/div\u003e\n    \u003cp class=\"suitable-footer-note\"\u003eDeep Clean · Cool Refresh · Pure Crown\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cscript\u003e\n  const observer = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('revealed');\n      }\n    });\n  }, { threshold: 0.12 });\n\n  document.querySelectorAll('.description, .ingredients, .ingredients-header, .ingredient-item, .how-to-use, .how-to-use-header, .step-item, .benefits, .benefits-header, .benefit-item, .massager, .massager-header, .massager-sub, .massager-item, .features, .features-header, .feature-card, .pro-tip, .suitable, .suitable-header, .hair-tag, .suitable-footer').forEach(el =\u003e {\n    observer.observe(el);\n  });\n\u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"Llvera","offers":[{"title":"250 g","offer_id":46353348198572,"sku":null,"price":449.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0754\/7555\/0380\/files\/Rosemerryshampoo.png?v=1781534053"}],"url":"https:\/\/llvera.co.za\/collections\/you-might-also-like.oembed","provider":"Llvera","version":"1.0","type":"link"}