{"id":1894,"date":"2025-10-14T13:01:20","date_gmt":"2025-10-14T13:01:20","guid":{"rendered":"https:\/\/www.fabdigital.io\/marketing\/?page_id=1894"},"modified":"2025-10-16T09:05:51","modified_gmt":"2025-10-16T09:05:51","slug":"beauty-industry-case-studies","status":"publish","type":"page","link":"https:\/\/www.fabdigital.io\/marketing\/beauty-industry-case-studies\/","title":{"rendered":"Beauty Industry Case Studies"},"content":{"rendered":"\n<style>\n  :root{\n    \/* Beauty palette mapped onto your existing vars *\/\n    --amber-50:#FFF5FA;   \/* soft blush wash *\/\n    --amber-100:#FCE7F3;  \/* blush *\/\n    --amber-400:#F9A8D4;  \/* pink accent *\/\n    --amber-500:#C084FC;  \/* orchid\/plum primary *\/\n    --amber-600:#A855F7;  \/* deeper orchid *\/\n\n    --orange-50:#FDF7FF;  \/* page base (very light lilac) *\/\n    --orange-600:#F472B6; \/* rose accent for gradients *\/\n\n    --yellow-50:#F5F3FF;  \/* lilac wash *\/\n\n    --gray-50:#fafafa; --gray-100:#f5f5f5; --gray-200:#eee; --gray-300:#e0e0e0;\n    --gray-600:#757575; --gray-700:#616161; --gray-800:#1F2433; \/* darker, beauty-ink *\/\n    --white:#fff;\n  }\n  *,*:before,*:after{box-sizing:border-box}\n  body{\n    margin:0;\n    font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\n    color:var(--gray-800);\n    background:var(--orange-50);\n  }\n  a{text-decoration:none;color:inherit}\n  img{max-width:100%;height:auto;display:block}\n  .container{max-width:1200px;margin:0 auto;padding:0 20px}\n\n  .sticky-cta{\n    position:fixed;left:50%;transform:translateX(-50%);bottom:16px;z-index:9999;\n    background:rgba(255,255,255,.92);backdrop-filter:blur(8px);\n    border:1px solid #E9D5FF; \/* soft lilac *\/\n    border-radius:16px;padding:8px 12px;display:flex;gap:10px;align-items:center;\n    box-shadow:0 8px 24px rgba(102,51,153,.08) \/* subtle plum shadow *\/\n  }\n  .pill{\n    padding:8px 14px;border-radius:12px;font-weight:600;\n    border:1px solid #E9D5FF; background:#FFFBFE; color:#6B21A8;\n  }\n  .btn{display:inline-block;padding:12px 18px;border-radius:14px;font-weight:700;cursor:pointer;border:0}\n  .btn-primary{background:var(--amber-500);color:#fff}\n  .btn-primary:hover{background:var(--amber-600)}\n  .btn-outline{background:transparent;color:#6B21A8;border:1px solid #E9D5FF}\n  .btn-outline:hover{background:#6b21a80d}\n\n  section{scroll-margin-top:80px}\n  .section-pad{padding:72px 0}\n\n  \/* Beauty gradients *\/\n  .bg-amber-grad{\n    background:linear-gradient(90deg,var(--amber-100),var(--yellow-50));\n  }\n  .bg-amber-cta{\n    background:linear-gradient(90deg,var(--amber-500),var(--orange-600));color:#fff\n  }\n  .bg-soft{background:linear-gradient(180deg,#fff,var(--amber-50))}\n  .border-top{border-top:1px solid var(--gray-200)}\n  .text-center{text-align:center}\n  .muted{color:var(--gray-600)}\n  .h1{font-size:clamp(32px,6vw,64px);font-weight:900;line-height:1.05;margin:0 0 12px}\n  .h2{font-size:clamp(24px,3vw,40px);font-weight:800;margin:0 0 24px}\n  .h3{font-size:22px;font-weight:700;margin:0 0 8px}\n  .lead{font-size:18px;opacity:.95}\n\n  \/* Cards\/borders tuned for beauty *\/\n  .card{\n    background:#fff;\n    border:1px solid #E9D5FF; \/* lilac *\/\n    border-radius:18px;\n    box-shadow:0 10px 24px rgba(102,51,153,.06);\n  }\n  .card.pad{padding:24px}\n\n  .grid{display:grid;gap:20px}\n  .grid-3{grid-template-columns:repeat(3,1fr)}\n  .grid-4{grid-template-columns:repeat(4,1fr)}\n  @media (max-width:992px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}\n  @media (max-width:640px){.grid-3,.grid-4{grid-template-columns:1fr}}\n\n  .kpi{\n    padding:28px;border-radius:18px;\n    background:linear-gradient(135deg,var(--yellow-50),var(--amber-100));\n    box-shadow:inset 0 1px 0 rgba(255,255,255,.6)\n  }\n  .kpi .stat{font-size:30px;font-weight:800;margin-bottom:4px;background:linear-gradient(90deg,#F472B6,#C084FC);-webkit-background-clip:text;background-clip:text;color:transparent}\n  .kpi .label{font-size:14px;color:var(--gray-600)}\n\n  .case-img{\n    height:160px;background:var(--gray-100);\n    display:flex;align-items:center;justify-content:center;color:#6B21A8\n  }\n\n  .list{margin:0;padding-left:18px}\n  .list li{margin:8px 0}\n  .input{border-radius:14px;border:1px solid #E6E6E6;padding:12px 14px;width:100%;font-size:16px}\n  .row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}\n\n  .badge-grid{display:grid;gap:16px;grid-template-columns:repeat(6,1fr)}\n  @media (max-width:1024px){.badge-grid{grid-template-columns:repeat(4,1fr)}}\n  @media (max-width:640px){.badge-grid{grid-template-columns:repeat(2,1fr)}}\n  .badge{\n    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;\n    padding:14px;border:1px solid #E9D5FF;border-radius:14px;background:#fff\n  }\n  .badge span{font-size:12px;font-weight:600;color:#6B21A8;text-align:center}\n\n  .hoverup{transition:transform .25s ease, box-shadow .25s ease}\n  .hoverup:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(102,51,153,.10)}\n\n  .dot{width:10px;height:10px;border-radius:50%;background:var(--amber-500);display:inline-block;margin-right:8px}\n\n  \/* Beauty hero *\/\n  .hero{\n    position:relative;color:#fff;text-align:center;\n    background:url('https:\/\/images.unsplash.com\/photo-1522335789203-aabd1fc54bc9?auto=format&fit=crop&w=1600&q=80') center\/cover no-repeat;\n    padding:120px 0\n  }\n  .hero::before{\n    content:\"\";position:absolute;inset:0;\n    background:linear-gradient(180deg,rgba(19,7,33,.60),rgba(39,17,68,.55)) \/* plum-tinted overlay *\/\n  }\n  .hero .inner{position:relative;z-index:1}\n<\/style>\n\n\n\n\n<section class=\"hero\">\n  <div class=\"inner container\">\n    <h1 class=\"h1\" style=\"color:#f9a8d4;text-shadow:0 2px 10px rgba(0,0,0,.25)\">\n      Beauty Growth Stories Reimagined\n    <\/h1>\n    <p class=\"lead\" style=\"color:#f9f9ff;max-width:780px;margin:0 auto 24px\">\n      Skincare, makeup, haircare &#038; fragrance \u2014 performance marketing that amplifies beauty, not just impressions.\n    <\/p>\n  <\/div>\n<\/section>\n\n\n\n\n<section class=\"section-pad bg-amber-grad\">\n  <div class=\"container\">\n    <h2 class=\"h2 text-center\" style=\"color:#6b21a8\">Why Leading Beauty Brands Switch to Us<\/h2>\n    <div class=\"grid grid-3\">\n      <div class=\"card pad hoverup\">\n        <h3 class=\"h3\">Beauty-Focused Ad Specialists<\/h3>\n        <p class=\"muted\">Meta, Google, and TikTok experts skilled in scaling skincare, cosmetics, and fragrance brands.<\/p>\n      <\/div>\n      <div class=\"card pad hoverup\">\n        <h3 class=\"h3\">ROASForge Framework<\/h3>\n        <p class=\"muted\">AI-driven signal optimization meets creative storytelling \u2014 built to convert attention into loyal buyers.<\/p>\n      <\/div>\n      <div class=\"card pad hoverup\">\n        <h3 class=\"h3\">Swift Transition<\/h3>\n        <p class=\"muted\">From audit to relaunch in 72 hours \u2014 zero disruption, full tracking integrity, and instant creative lift.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n\n<section class=\"section-pad border-top\" style=\"background:#fff\">\n  <div class=\"container text-center\">\n    <h2 class=\"h2\" style=\"color:#6b21a8\">Beauty Brand Performance Snapshot<\/h2>\n    <div class=\"grid grid-4\">\n      <div class=\"kpi hoverup\">\n        <div class=\"stat\"><span class=\"counter\" data-target=\"8.7\" data-decimals=\"1\"><\/span>X<\/div>\n        <div class=\"label\">Average ROAS for beauty campaigns<\/div>\n      <\/div>\n      <div class=\"kpi hoverup\">\n        <div class=\"stat\">\u2193<span class=\"counter\" data-target=\"52\"><\/span>%<\/div>\n        <div class=\"label\">Lower cost per acquisition<\/div>\n      <\/div>\n      <div class=\"kpi hoverup\">\n        <div class=\"stat\">+<span class=\"counter\" data-target=\"9.4\" data-decimals=\"1\"><\/span>%<\/div>\n        <div class=\"label\">Engagement uplift via influencer + UGC<\/div>\n      <\/div>\n      <div class=\"kpi hoverup\">\n        <div class=\"stat\">~<span class=\"counter\" data-target=\"18\"><\/span> days<\/div>\n        <div class=\"label\">Median time to first performance lift<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n\n<section class=\"section-pad bg-soft\">\n  <div class=\"container text-center\">\n    <h2 class=\"h2\" style=\"color:#7e22ce\">Our 4-Step Beauty Growth Process<\/h2>\n    <div class=\"row\">\n      <div class=\"card pad hoverup\" style=\"width:260px\">\n        <div class=\"h3\" style=\"color:#7e22ce\">1. Diagnose<\/div>\n        <p class=\"muted\">We audit your pixel, funnel, and creative signals to uncover hidden performance barriers.<\/p>\n      <\/div>\n      <div class=\"card pad hoverup\" style=\"width:260px\">\n        <div class=\"h3\" style=\"color:#7e22ce\">2. Strategize<\/div>\n        <p class=\"muted\">Audience personas, seasonal offers, and ad-channel mix crafted for your beauty niche.<\/p>\n      <\/div>\n      <div class=\"card pad hoverup\" style=\"width:260px\">\n        <div class=\"h3\" style=\"color:#7e22ce\">3. Create &amp; Launch<\/div>\n        <p class=\"muted\">UGC-style videos, aspirational visuals, and AI-tested copy designed to convert browsers into buyers.<\/p>\n      <\/div>\n      <div class=\"card pad hoverup\" style=\"width:260px\">\n        <div class=\"h3\" style=\"color:#7e22ce\">4. Scale &amp; Glow<\/div>\n        <p class=\"muted\">We scale what works \u2014 across Meta, Google, TikTok &amp; more \u2014 maintaining ROAS while amplifying brand desirability.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n\n<section class=\"section-pad bg-soft\">\n  <div class=\"container\">\n    <h2 class=\"h2 text-center\" style=\"color:#6b21a8\">Impact Stories Across Beauty Segments<\/h2>\n    <div class=\"grid grid-3\">\n      <!-- 1 -->\n      <div class=\"card hoverup\">\n        <div class=\"case-img\">\ud83e\uddf4 Skincare Brand<\/div>\n        <div class=\"pad\">\n          <div class=\"row\" style=\"justify-content:space-between;font-size:14px;color:var(--gray-700);margin-bottom:8px\">\n            <div>ROAS: <strong><span class=\"counter\" data-target=\"6.4\" data-decimals=\"1\"><\/span>X<\/strong><\/div>\n            <div>CTR: <strong><span class=\"counter\" data-target=\"8.2\" data-decimals=\"1\"><\/span>%<\/strong><\/div>\n            <div>CPA: <strong>\u2193<span class=\"counter\" data-target=\"49\"><\/span>%<\/strong><\/div>\n          <\/div>\n          <ul class=\"list\">\n            <li>Routine bundles &#038; ingredient proof density<\/li><li>UGC \u201croutine progression\u201d ads<\/li><li>CAPI\/GA4 value sanity fixes<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n      <!-- 2 -->\n      <div class=\"card hoverup\">\n        <div class=\"case-img\">\ud83d\udc84 Makeup Brand<\/div>\n        <div class=\"pad\">\n          <div class=\"row\" style=\"justify-content:space-between;font-size:14px;color:var(--gray-700);margin-bottom:8px\">\n            <div>ROAS: <strong><span class=\"counter\" data-target=\"4.9\" data-decimals=\"1\"><\/span>X<\/strong><\/div>\n            <div>CTR: <strong><span class=\"counter\" data-target=\"6.7\" data-decimals=\"1\"><\/span>%<\/strong><\/div>\n            <div>CPA: <strong>\u2193<span class=\"counter\" data-target=\"45\"><\/span>%<\/strong><\/div>\n          <\/div>\n          <ul class=\"list\">\n            <li>Shade-finder UX + swatch clarity<\/li><li>Creator seeding &#038; Spark Ads<\/li><li>Offer laddering for first-time buyers<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n      <!-- 3 -->\n      <div class=\"card hoverup\">\n        <div class=\"case-img\">\ud83d\udc87\u200d\u2640\ufe0f Haircare Brand<\/div>\n        <div class=\"pad\">\n          <div class=\"row\" style=\"justify-content:space-between;font-size:14px;color:var(--gray-700);margin-bottom:8px\">\n            <div>ROAS: <strong><span class=\"counter\" data-target=\"7.6\" data-decimals=\"1\"><\/span>X<\/strong><\/div>\n            <div>CTR: <strong><span class=\"counter\" data-target=\"9.1\" data-decimals=\"1\"><\/span>%<\/strong><\/div>\n            <div>CPA: <strong>\u2193<span class=\"counter\" data-target=\"53\"><\/span>%<\/strong><\/div>\n          <\/div>\n          <ul class=\"list\">\n            <li>Texture demos &#038; routine sets<\/li><li>Subscription event tracking<\/li><li>Advantage+ catalog with reviews<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n      <!-- 4 -->\n      <div class=\"card hoverup\">\n        <div class=\"case-img\">\ud83c\udf38 Fragrance House<\/div>\n        <div class=\"pad\">\n          <div class=\"row\" style=\"justify-content:space-between;font-size:14px;color:var(--gray-700);margin-bottom:8px\">\n            <div>ROAS: <strong><span class=\"counter\" data-target=\"5.1\" data-decimals=\"1\"><\/span>X<\/strong><\/div>\n            <div>CTR: <strong><span class=\"counter\" data-target=\"6.3\" data-decimals=\"1\"><\/span>%<\/strong><\/div>\n            <div>CPA: <strong>\u2193<span class=\"counter\" data-target=\"42\"><\/span>%<\/strong><\/div>\n          <\/div>\n          <ul class=\"list\">\n            <li>Scent-story angles &#038; gifting thresholds<\/li><li>UGC unboxing + lifestyle<\/li><li>Checkout wallets surfaced earlier<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n      <!-- 5 -->\n      <div class=\"card hoverup\">\n        <div class=\"case-img\">\ud83d\udecd\ufe0f Beauty Marketplace<\/div>\n        <div class=\"pad\">\n          <div class=\"row\" style=\"justify-content:space-between;font-size:14px;color:var(--gray-700);margin-bottom:8px\">\n            <div>ROAS: <strong><span class=\"counter\" data-target=\"8.9\" data-decimals=\"1\"><\/span>X<\/strong><\/div>\n            <div>CTR: <strong><span class=\"counter\" data-target=\"9.6\" data-decimals=\"1\"><\/span>%<\/strong><\/div>\n            <div>CPA: <strong>\u2193<span class=\"counter\" data-target=\"58\"><\/span>%<\/strong><\/div>\n          <\/div>\n          <ul class=\"list\">\n            <li>Feed freshness &#038; variant coverage<\/li><li>PMAX + shopping title optimization<\/li><li>High-intent search capture<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n      <!-- 6 -->\n      <div class=\"card hoverup\">\n        <div class=\"case-img\">\ud83e\uddd6\u200d\u2640\ufe0f Luxury Spa \/ Wellness<\/div>\n        <div class=\"pad\">\n          <div class=\"row\" style=\"justify-content:space-between;font-size:14px;color:var(--gray-700);margin-bottom:8px\">\n            <div>ROAS: <strong><span class=\"counter\" data-target=\"4.7\" data-decimals=\"1\"><\/span>X<\/strong><\/div>\n            <div>CTR: <strong><span class=\"counter\" data-target=\"5.8\" data-decimals=\"1\"><\/span>%<\/strong><\/div>\n            <div>CPA: <strong>\u2193<span class=\"counter\" data-target=\"39\"><\/span>%<\/strong><\/div>\n          <\/div>\n          <ul class=\"list\">\n            <li>Geo-split testing &#038; local creator ads<\/li><li>Seasonal packages + add-ons<\/li><li>Frictionless booking flow<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <p class=\"muted text-center\" style=\"margin-top:16px;font-size:12px\">\n      Figures shown are anonymized &amp; illustrative; exact projections appear after your scan.\n    <\/p>\n  <\/div>\n<\/section>\n\n\n\n\n<!-- SECTION 8 \u2014 Human-in-the-Loop Marketing Ops (Beauty Visual UI) -->\n<section id=\"team-ops-pro\" class=\"section-pad\" style=\"position:relative;overflow:hidden;background:\n  radial-gradient(900px 600px at 20% -200px,#fdeaff 0%,#ffffff 48%,#fff 100%)\">\n  <style>\n    \/* ===== Scoped to #team-ops-pro (Beauty palette) ===== *\/\n    #team-ops-pro *{box-sizing:border-box}\n\n    \/* Ambient blobs *\/\n    #team-ops-pro .blob{position:absolute;filter:blur(40px);opacity:.28;pointer-events:none}\n    #team-ops-pro .b1{top:-120px;right:-160px;width:460px;height:460px;background:radial-gradient(circle at 30% 30%,#e9d5ff,transparent 60%)}\n    #team-ops-pro .b2{bottom:-140px;left:-160px;width:520px;height:520px;background:radial-gradient(circle at 60% 60%,#fce7f3,transparent 60%)}\n\n    \/* Section header *\/\n    #team-ops-pro .head{position:relative;z-index:1;text-align:center;margin-bottom:28px}\n    #team-ops-pro .eyebrow{\n      display:inline-flex;align-items:center;gap:8px;\n      padding:6px 12px;border-radius:999px;font-weight:800;font-size:12px;\n      color:#5b2a8a;background:linear-gradient(90deg,#f8efff,#fff);\n      border:1px solid #e9d5ff;box-shadow:0 6px 16px rgba(102,51,153,.08)\n    }\n    #team-ops-pro .h2{font-size:clamp(24px,3.6vw,40px);font-weight:900;margin:10px 0 8px;color:#6b21a8}\n    #team-ops-pro .sub{max-width:900px;margin:0 auto;color:#493a57}\n\n    \/* Layout *\/\n    #team-ops-pro .grid{position:relative;z-index:1;display:grid;grid-template-columns:1.6fr .9fr;gap:26px;max-width:1200px;margin:0 auto}\n    @media (max-width:1024px){#team-ops-pro .grid{grid-template-columns:1fr}}\n\n    \/* Lanes wrapper with subtle frame *\/\n    #team-ops-pro .lanes{\n      position:relative;padding:18px;border-radius:22px;\n      background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(255,255,255,.85));\n      border:1px solid #e9d5ff;backdrop-filter:blur(6px);\n      box-shadow:0 18px 48px rgba(102,51,153,.08), inset 0 1px 0 rgba(255,255,255,.6)\n    }\n    #team-ops-pro .lanegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n    @media (max-width:1200px){#team-ops-pro .lanegrid{grid-template-columns:1fr 1fr}}\n    @media (max-width:780px){#team-ops-pro .lanegrid{grid-template-columns:1fr}}\n\n    \/* Fancy card with gradient border ring (beauty) *\/\n    #team-ops-pro .card{\n      position:relative;border-radius:18px;padding:16px;background:#fff;isolation:isolate;\n      box-shadow:0 14px 36px rgba(102,51,153,.08)\n    }\n    #team-ops-pro .card::before{\n      content:\"\";position:absolute;inset:-1px;border-radius:20px;z-index:-1;\n      background:conic-gradient(from 140deg,#f9a8d4 0deg,#c084fc 120deg,#e9d5ff 220deg,#f9a8d4 360deg);\n      filter:saturate(110%) brightness(1.05);opacity:.35\n    }\n    #team-ops-pro .card:hover{transform:translateY(-4px);transition:transform .25s ease, box-shadow .25s ease}\n    #team-ops-pro .card:hover{box-shadow:0 20px 44px rgba(102,51,153,.14)}\n\n    \/* Card header row *\/\n    #team-ops-pro .chead{display:flex;align-items:center;gap:10px;margin-bottom:8px}\n    #team-ops-pro .ico{\n      width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;\n      background:linear-gradient(135deg,#fff6ff,#f6e9ff);box-shadow:inset 0 1px 0 rgba(255,255,255,.7)\n    }\n    #team-ops-pro .ttl{font-weight:800;color:#6b21a8;font-size:18px}\n    #team-ops-pro .own{font-size:12px;color:#6b5684;margin-left:auto;font-weight:800}\n\n    \/* Role chips + initials avatars *\/\n    #team-ops-pro .roles{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 10px}\n    #team-ops-pro .chip{\n      display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;\n      border:1px solid #eadcff;background:#fffbfe;font-size:12px;font-weight:700;color:#6b21a8\n    }\n    #team-ops-pro .av{\n      width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;\n      font-size:11px;font-weight:900;color:#3f2a5b;background:linear-gradient(135deg,#f9d6ff,#d6b3ff);border:1px solid #d8befc\n    }\n\n    \/* Blocks *\/\n    #team-ops-pro .block{border:1px dashed #eadcff;border-radius:12px;background:#fffaff;padding:12px;margin-top:10px}\n    #team-ops-pro .bh{font-size:12px;font-weight:900;color:#6b21a8;margin-bottom:6px}\n    #team-ops-pro ul{margin:0;padding-left:18px}\n    #team-ops-pro li{font-size:14px;line-height:1.5;color:#4a3f55;margin:6px 0}\n\n    \/* Hand-off ribbons (desktop) *\/\n    #team-ops-pro .handoff{\n      position:absolute;left:50%;transform:translateX(-50%);top:-12px;\n      font-size:11px;color:#6b21a8;background:#fbf6ff;border:1px solid #eadcff;\n      border-radius:999px;padding:4px 8px;box-shadow:0 6px 16px rgba(102,51,153,.08)\n    }\n    @media (max-width:1200px){#team-ops-pro .handoff{display:none}}\n\n    \/* Sidebar *\/\n    #team-ops-pro .side{\n      position:relative;border-radius:22px;padding:18px;background:\n        linear-gradient(180deg,rgba(255,255,255,.8),rgba(255,255,255,.92));\n      border:1px solid #e9d5ff;backdrop-filter:blur(6px);\n      box-shadow:0 18px 48px rgba(102,51,153,.08), inset 0 1px 0 rgba(255,255,255,.6)\n    }\n    #team-ops-pro .side h4{margin:4px 0 10px;color:#6b21a8;font-size:16px;font-weight:900}\n    #team-ops-pro .badge{display:inline-block;margin:6px 6px 0 0;padding:6px 10px;border-radius:10px;\n      border:1px solid #eadcff;background:#fffbfe;font-size:12px;color:#6b21a8;font-weight:800}\n    #team-ops-pro .kpi{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #efe6ff;border-radius:12px;padding:10px 12px;margin:8px 0}\n    #team-ops-pro .kpi b{color:#4a2a7a}\n    #team-ops-pro .meter{height:8px;border-radius:999px;background:#f1e8ff;overflow:hidden;flex:1}\n    #team-ops-pro .meter i{display:block;height:100%;background:linear-gradient(90deg,#c084fc,#f472b6);width:0;animation:grow 1s ease forwards}\n    #team-ops-pro .meter i.d1{width:78%}.d2{width:64%}.d3{width:72%}.d4{width:85%}\n    @keyframes grow{from{width:0}to{}} \/* let classes set the final width *\/\n    #team-ops-pro .note{font-size:12px;color:#6b5b7a;margin-top:8px}\n\n    \/* Accent divider *\/\n    #team-ops-pro .divider{\n      height:2px;margin:18px 0;background:\n        linear-gradient(90deg,transparent, #eab8ff 20%, #c084fc 50%, #eab8ff 80%, transparent);\n      opacity:.65\n    }\n  <\/style>\n\n  <!-- Ambient blobs -->\n  <div class=\"blob b1\"><\/div>\n  <div class=\"blob b2\"><\/div>\n\n  <div class=\"head\">\n    <span class=\"eyebrow\">\n      <!-- inline spark icon -->\n      <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 3l2 5 5 2-5 2-2 5-2-5-5-2 5-2 2-5z\" fill=\"#c084fc\"\/><\/svg>\n      HUMAN + AI PERFORMANCE OPS\n    <\/span>\n    <h2 class=\"h2\">How We Increase ROAS \u2014 Human-in-the-Loop Beauty Ops<\/h2>\n    <p class=\"sub\">Your <b>strategy, creatives, and media<\/b> are run by our senior team; the <b>AI\/ML engine<\/b> accelerates decisions. Clear owners, tight handoffs, weekly sprints tailored to beauty funnels.<\/p>\n  <\/div>\n\n  <div class=\"grid\">\n    <!-- LEFT: Lanes -->\n    <div class=\"lanes\">\n      <div class=\"lanegrid\">\n\n        <!-- Strategy & Intelligence -->\n        <div class=\"card\">\n          <div class=\"handoff\">Inputs \u2192 Strategy<\/div>\n          <div class=\"chead\">\n            <div class=\"ico\">\n              <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\"><rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"4\" fill=\"#c084fc\"\/><path d=\"M12 7v10M7 12h10\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\n            <\/div>\n            <div class=\"ttl\">Strategy &amp; Intelligence<\/div>\n            <div class=\"own\">Lead: Performance<\/div>\n          <\/div>\n          <div class=\"roles\">\n            <span class=\"chip\"><span class=\"av\">PL<\/span> Performance Lead<\/span>\n            <span class=\"chip\"><span class=\"av\">GS<\/span> Growth Strategist<\/span>\n            <span class=\"chip\"><span class=\"av\">DA<\/span> Data Analyst<\/span>\n          <\/div>\n          <div class=\"block\">\n            <div class=\"bh\">We do<\/div>\n            <ul>\n              <li>Targets: ROAS, CAC payback, margin floors<\/li>\n              <li>Beauty offers &amp; audiences (new vs. repeat, creator traffic)<\/li>\n              <li>Weekly test plan (hooks, angles, assets, placements)<\/li>\n            <\/ul>\n          <\/div>\n          <div class=\"block\" style=\"margin-top:10px;background:#fff\">\n            <div class=\"bh\">AI assists<\/div>\n            <ul>\n              <li>Opportunity ranking (LTV\/CVR\/CTR)<\/li>\n              <li>Creative clusters &amp; fatigue alerts (UGC\/creator)<\/li>\n              <li>Budget shift recos by channel &amp; hour<\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n\n        <!-- Creative System -->\n        <div class=\"card\">\n          <div class=\"handoff\">Strategy \u2192 Creatives<\/div>\n          <div class=\"chead\">\n            <div class=\"ico\">\n              <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\" fill=\"#f9a8d4\"\/><circle cx=\"12\" cy=\"12\" r=\"5\" fill=\"#fff\"\/><\/svg>\n            <\/div>\n            <div class=\"ttl\">Creative System (UGC &amp; Variants)<\/div>\n            <div class=\"own\">Lead: Creative<\/div>\n          <\/div>\n          <div class=\"roles\">\n            <span class=\"chip\"><span class=\"av\">CP<\/span> Creative Producer<\/span>\n            <span class=\"chip\"><span class=\"av\">CW<\/span> Copywriter<\/span>\n            <span class=\"chip\"><span class=\"av\">MD<\/span> Motion Designer<\/span>\n          <\/div>\n          <div class=\"block\">\n            <div class=\"bh\">We do<\/div>\n            <ul>\n              <li>UGC hooks \u00d7 offers \u00d7 angles matrices (shade, texture, routine)<\/li>\n              <li>Policy-safe proof density above fold (reviews, benefits)<\/li>\n              <li>Localization by market &amp; placement; variants for Meta\/TikTok\/YouTube<\/li>\n            <\/ul>\n          <\/div>\n          <div class=\"block\" style=\"margin-top:10px;background:#fff\">\n            <div class=\"bh\">AI assists<\/div>\n            <ul>\n              <li>Hook\/angle ideation &amp; scoring (creator-first)<\/li>\n              <li>Thumbnail\/frame heatmap selection<\/li>\n              <li>Fatigue prediction &amp; rotation alerts<\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n\n        <!-- Media & Optimization -->\n        <div class=\"card\">\n          <div class=\"handoff\">Creatives \u2192 Media<\/div>\n          <div class=\"chead\">\n            <div class=\"ico\">\n              <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\"><path d=\"M4 18h16M12 4v10M12 4l5 5M12 4L7 9\" fill=\"none\" stroke=\"#a855f7\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\n            <\/div>\n            <div class=\"ttl\">Media &amp; Optimization<\/div>\n            <div class=\"own\">Lead: Media<\/div>\n          <\/div>\n          <div class=\"roles\">\n            <span class=\"chip\"><span class=\"av\">MB<\/span> Media Buyer<\/span>\n            <span class=\"chip\"><span class=\"av\">TE<\/span> Tracking Eng<\/span>\n            <span class=\"chip\"><span class=\"av\">CRO<\/span> CRO \/ LP<\/span>\n          <\/div>\n          <div class=\"block\">\n            <div class=\"bh\">We do<\/div>\n            <ul>\n              <li>Meta, Google, TikTok, LinkedIn, YouTube<\/li>\n              <li>Retargeting &amp; high-intent capture<\/li>\n              <li>WhatsApp Ads &amp; API, on-site popups, push<\/li>\n              <li>PDP speed &amp; offer\/UGC alignment<\/li>\n            <\/ul>\n          <\/div>\n          <div class=\"block\" style=\"margin-top:10px;background:#fff\">\n            <div class=\"bh\">AI assists<\/div>\n            <ul>\n              <li>Bid &amp; budget harmonization<\/li>\n              <li>Anomaly detection &amp; alerts<\/li>\n              <li>Guardrails: Pause \/ Scale \/ Rotate<\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n    <!-- RIGHT: Sidebar -->\n    <aside class=\"side\">\n      <h4>Weekly Sprint Cadence<\/h4>\n      <div class=\"badge\">Mon \u00b7 Audit &amp; Plan<\/div>\n      <div class=\"badge\">Tue \u00b7 Creative Build<\/div>\n      <div class=\"badge\">Wed \u00b7 Launch &amp; QA<\/div>\n      <div class=\"badge\">Thu \u00b7 Optimize<\/div>\n      <div class=\"badge\">Fri \u00b7 Learn &amp; Next Tests<\/div>\n\n      <div class=\"divider\"><\/div>\n\n      <h4>Service Levels<\/h4>\n      <div class=\"badge\">72h Relaunch<\/div>\n      <div class=\"badge\">Daily Pacing<\/div>\n      <div class=\"badge\">24h Anomaly Response<\/div>\n      <div class=\"badge\">Weekly Strategy Call<\/div>\n\n      <div class=\"divider\"><\/div>\n\n      <h4>KPIs We Own<\/h4>\n      <div class=\"kpi\"><b>Target ROAS<\/b><div class=\"meter\"><i class=\"d1\"><\/i><\/div><\/div>\n      <div class=\"kpi\"><b>CPA Reduction<\/b><div class=\"meter\"><i class=\"d2\"><\/i><\/div><\/div>\n      <div class=\"kpi\"><b>CTR Uplift<\/b><div class=\"meter\"><i class=\"d3\"><\/i><\/div><\/div>\n      <div class=\"kpi\"><b>Time-to-Impact<\/b><div class=\"meter\"><i class=\"d4\"><\/i><\/div><\/div>\n      <div class=\"note\">Guardrails on <b>margin, payback, and ROAS<\/b> ensure scaling never burns profit.<\/div>\n    <\/aside>\n  <\/div>\n<\/section>\n\n\n\n\n<!-- Improved UI: AI\/ML Growth Engine \u2014 Visualized (Beauty) -->\n<section id=\"growth-visual\" class=\"section-pad\" style=\"background:linear-gradient(180deg,#fff,var(--amber-50))\">\n  <style>\n    \/* ===== Scoped styles for #growth-visual only (Beauty palette) ===== *\/\n    #growth-visual * { box-sizing: border-box; }\n\n    \/* Headline + sub *\/\n    #growth-visual .headline {\n      color:#6b21a8; \/* plum *\/\n      margin-bottom:10px;\n    }\n    #growth-visual .sub {\n      max-width:820px;margin:0 auto 32px;color:var(--gray-600);\n    }\n\n    \/* Stage wrap *\/\n    #growth-visual .stages {\n      position:relative;\n      max-width:1100px;\n      margin:0 auto;\n      display:grid;\n      grid-template-columns:repeat(4,1fr);\n      gap:18px;\n    }\n\n    \/* Connector canvas (desktop) *\/\n    #growth-visual .connectors {\n      position:absolute;inset:-10px -20px 0 -20px;pointer-events:none;\n    }\n    #growth-visual .connector-line {\n      stroke:#c084fc; \/* orchid *\/\n      stroke-width:4; fill:none; opacity:.65;\n      filter: drop-shadow(0 2px 4px rgba(102,51,153,.12));\n      stroke-linecap:round;\n      stroke-dasharray:8 10;\n      animation: dashmove 12s linear infinite;\n    }\n    @keyframes dashmove { to { stroke-dashoffset: -300; } }\n\n    \/* Card *\/\n    #growth-visual .cardux {\n      background:rgba(255,255,255,.88);\n      border:1px solid #eadcff; \/* lilac *\/\n      border-radius:18px;\n      padding:18px 16px;\n      position:relative;\n      backdrop-filter: blur(6px);\n      box-shadow:0 12px 28px rgba(102,51,153,.08);\n      transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;\n    }\n    #growth-visual .cardux:hover {\n      transform: translateY(-4px);\n      box-shadow:0 16px 36px rgba(102,51,153,.14);\n      border-color:#d8befc;\n    }\n\n    \/* Number badge *\/\n    #growth-visual .badge-num {\n      position:absolute;top:-12px;left:-12px;\n      width:34px;height:34px;border-radius:50%;\n      background:linear-gradient(135deg,#f9a8d4,#c084fc); \/* rose -> orchid *\/\n      color:#ffffff;font-weight:800;font-size:15px;\n      display:flex;align-items:center;justify-content:center;\n      box-shadow:0 6px 12px rgba(102,51,153,.18);\n      text-shadow:0 1px 0 rgba(0,0,0,.15);\n    }\n\n    \/* Icon *\/\n    #growth-visual .icon {\n      width:38px;height:38px;border-radius:12px;\n      display:flex;align-items:center;justify-content:center;\n      background:linear-gradient(135deg,#fff6ff,#f6e9ff);\n      margin-bottom:10px;\n      box-shadow:inset 0 1px 0 rgba(255,255,255,.75);\n    }\n\n    #growth-visual h3 {\n      font-size:18px;margin:6px 0 6px;color:#6b21a8;\n    }\n    #growth-visual p, #growth-visual li {\n      font-size:14px;line-height:1.45;color:#5a4c6f;\n    }\n    #growth-visual ul { margin:8px 0 0; padding-left:18px; }\n    #growth-visual li { margin:6px 0; }\n\n    \/* Ribbon (outcome) *\/\n    #growth-visual .outcome {\n      margin:20px auto 0;max-width:860px;\n      background:linear-gradient(90deg,#fdf7ff,#fff);\n      border:1px solid #eadcff;border-radius:14px;\n      padding:12px 16px;color:#5a3a86;font-weight:600;\n      display:flex;gap:8px;align-items:center;justify-content:center;\n      box-shadow:0 8px 20px rgba(102,51,153,.06);\n    }\n    #growth-visual .dot { width:8px;height:8px;border-radius:50%;background:#c084fc;display:inline-block }\n\n    \/* Responsive: stack on tablets\/phones, add vertical connectors *\/\n    @media (max-width: 1024px){\n      #growth-visual .stages { grid-template-columns:repeat(2,1fr); }\n    }\n    @media (max-width: 680px){\n      #growth-visual .stages { grid-template-columns:1fr; gap:16px; }\n      #growth-visual .connectors { display:none; }\n      #growth-visual .cardux::after{\n        content:\"\"; position:absolute; left:22px; top:100%;\n        width:2px; height:20px; background:linear-gradient(#c084fc, transparent);\n      }\n      #growth-visual .cardux:last-child::after{ display:none; }\n    }\n  <\/style>\n\n  <div class=\"container text-center\">\n    <h2 class=\"h2 headline\">Our AI\/ML Growth Engine \u2014 Visualized<\/h2>\n    <p class=\"sub\">Signals feed models \u2192 models guide experiments \u2192 winners scale automatically where predicted lift is highest.<\/p>\n\n    <div class=\"stages\">\n      <!-- SVG connectors (desktop only) -->\n      <svg class=\"connectors\" viewBox=\"0 0 1200 320\" preserveAspectRatio=\"none\" aria-hidden=\"true\">\n        <!-- smooth bezier curves between centers of cards (approx positions) -->\n        <path class=\"connector-line\" d=\"M180,140 C300,20 480,20 600,140\" \/>\n        <path class=\"connector-line\" d=\"M600,140 C720,260 900,260 1020,140\" \/>\n        <path class=\"connector-line\" d=\"M390,260 C500,200 700,200 810,260\" \/>\n      <\/svg>\n\n      <!-- 1. Signals -->\n      <div class=\"cardux hoverup\">\n        <div class=\"badge-num\">1<\/div>\n        <div class=\"icon\">\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\" fill=\"#c084fc\"\/><path d=\"M12 7v10M7 12h10\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <h3>Signals Ingest<\/h3>\n        <p class=\"muted\">We capture high-quality, privacy-safe beauty signals.<\/p>\n        <ul class=\"muted\">\n          <li>Pixel\/CAPI &amp; GA4 ecommerce (purchase value, dedupe)<\/li>\n          <li>Product feed: price, margin, stock, <b>shade\/variant<\/b><\/li>\n          <li>RFM, AOV, geo, hour, device, <b>new vs. repeat<\/b><\/li>\n        <\/ul>\n      <\/div>\n\n      <!-- 2. AI Modeling -->\n      <div class=\"cardux hoverup\">\n        <div class=\"badge-num\">2<\/div>\n        <div class=\"icon\">\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"4\" fill=\"#f472b6\"\/><path d=\"M12 7v10M7 12h10\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <h3>AI Modeling<\/h3>\n        <p class=\"muted\">Models rank opportunities before spend increases.<\/p>\n        <ul class=\"muted\">\n          <li>Predictive LTV \/ CTR \/ CVR by cohort<\/li>\n          <li>Creative clustering &amp; scoring (UGC\/creator)<\/li>\n          <li>Budget reallocation &amp; channel mix map<\/li>\n        <\/ul>\n      <\/div>\n\n      <!-- 3. Experiments -->\n      <div class=\"cardux hoverup\">\n        <div class=\"badge-num\">3<\/div>\n        <div class=\"icon\">\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\" fill=\"#e879f9\"\/><circle cx=\"12\" cy=\"12\" r=\"5\" fill=\"#fff\"\/>\n          <\/svg>\n        <\/div>\n        <h3>Rapid Experiments<\/h3>\n        <p class=\"muted\">Test &#038; learn fast across creatives, offers, and funnels.<\/p>\n        <ul class=\"muted\">\n          <li><b>UGC<\/b> hooks \u00d7 angles \u00d7 offers (shade, texture, routine)<\/li>\n          <li>A\/B + bandit frameworks; policy-safe proof density<\/li>\n          <li>Signal hygiene &amp; site speed wins<\/li>\n        <\/ul>\n      <\/div>\n\n      <!-- 4. Scale -->\n      <div class=\"cardux hoverup\">\n        <div class=\"badge-num\">4<\/div>\n        <div class=\"icon\">\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M4 18h16M12 4v10M12 4l5 5M12 4L7 9\" fill=\"none\" stroke=\"#6b21a8\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <h3>Automated Scaling<\/h3>\n        <p class=\"muted\">Spend rises only where incremental lift is forecast.<\/p>\n        <ul class=\"muted\">\n          <li>Cross-channel harmonization<\/li>\n          <li>Advantage+\/PMAX with guardrails<\/li>\n          <li>Margin \/ ROAS safeguards by cohort<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n\n    <div class=\"outcome\">\n      <span class=\"dot\"><\/span>\n      <span>Outcome: faster learn cycles, compounding creative gains, and stable ROAS at higher spend \u2014 tailored for Beauty.<\/span>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n\n<section class=\"section-pad border-top\" style=\"background:#fff\">\n  <div class=\"container\">\n    <h2 class=\"h2 text-center\" style=\"color:#6b21a8\">Why We\u2019re Different<\/h2>\n    <div class=\"grid\" style=\"grid-template-columns:repeat(2,1fr);gap:20px;max-width:1040px;margin:0 auto\">\n      \n      <!-- Traditional Agency -->\n      <div class=\"card pad\" style=\"background:#faf5ff;border:1px solid #e9d5ff\">\n        <h3 class=\"h3\" style=\"color:#5e3a8c\">Traditional Agency<\/h3>\n        <ul class=\"list muted\">\n          <li>Generic ad templates, no product intimacy<\/li>\n          <li>Surface-level reporting (CTR\/CPC only)<\/li>\n          <li>Creative decisions by trend, not data<\/li>\n          <li>Disjointed influencer, media, and web efforts<\/li>\n          <li>Slow feedback loops, delayed scaling<\/li>\n        <\/ul>\n      <\/div>\n\n      <!-- Our Beauty Growth Framework (with shimmer) -->\n      <div class=\"card pad shimmer-card\" style=\"position:relative;overflow:hidden;background:linear-gradient(135deg,#f9e8ff,#fff6ff);border:1px solid #e9d5ff\">\n        <h3 class=\"h3\" style=\"color:#6b21a8\">Our Beauty Growth Framework<\/h3>\n        <ul class=\"list\">\n          <li>AI-assisted UGC &amp; creative scoring<\/li>\n          <li>Cross-channel learning between Meta, TikTok, &amp; Google<\/li>\n          <li>Real-time budget shifts by cohort (new vs. repeat buyers)<\/li>\n          <li>Optimized for margin, AOV, &amp; lifetime value \u2014 not vanity metrics<\/li>\n          <li>Clean data architecture (GA4, Pixel, CAPI) for precise attribution<\/li>\n        <\/ul>\n\n        <!-- Shimmer overlay -->\n        <style>\n          .shimmer-card::before {\n            content:\"\";\n            position:absolute;\n            top:-50%;\n            left:-50%;\n            width:200%;\n            height:200%;\n            background:conic-gradient(\n              from 0deg,\n              rgba(249,168,212,0) 0deg,\n              rgba(240,171,252,0.2) 60deg,\n              rgba(249,168,212,0) 120deg\n            );\n            animation: shimmerRotate 6s linear infinite;\n            border-radius:inherit;\n            z-index:0;\n          }\n          .shimmer-card > * { position:relative; z-index:1; }\n          @keyframes shimmerRotate {\n            from { transform:rotate(0deg); }\n            to { transform:rotate(360deg); }\n          }\n        <\/style>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n\n<section class=\"section-pad\" style=\"background:linear-gradient(180deg,#fdf4ff 0%,#fff8fb 100%)\">\n  <div class=\"container\">\n    <h2 class=\"h2 text-center\" style=\"color:#6b21a8\">Signals &amp; Datasets That Power Beauty Growth<\/h2>\n    <div class=\"badge-grid\" style=\"margin-top:16px\">\n      <div class=\"badge hoverup\" style=\"border-color:#e9d5ff;background:#faf5ff\">\n        <span>Pixel &amp; CAPI Events<\/span>\n      <\/div>\n      <div class=\"badge hoverup\" style=\"border-color:#f5d0fe;background:#fdf4ff\">\n        <span>GA4 Ecommerce &amp; Funnels<\/span>\n      <\/div>\n      <div class=\"badge hoverup\" style=\"border-color:#f9a8d4;background:#fff0f8\">\n        <span>Product Feed (Price \/ Margin \/ Shade)<\/span>\n      <\/div>\n      <div class=\"badge hoverup\" style=\"border-color:#e9d5ff;background:#faf5ff\">\n        <span>Offer &amp; Campaign Calendar<\/span>\n      <\/div>\n      <div class=\"badge hoverup\" style=\"border-color:#f5d0fe;background:#fdf4ff\">\n        <span>Audience RFM &amp; AOV by Routine Type<\/span>\n      <\/div>\n      <div class=\"badge hoverup\" style=\"border-color:#f9a8d4;background:#fff0f8\">\n        <span>Geo \/ Time-of-Day \/ Device<\/span>\n      <\/div>\n      <div class=\"badge hoverup\" style=\"border-color:#e9d5ff;background:#faf5ff\">\n        <span>Ad Platform Signals (Meta \/ TikTok \/ Google)<\/span>\n      <\/div>\n      <div class=\"badge hoverup\" style=\"border-color:#f5d0fe;background:#fdf4ff\">\n        <span>Influencer &amp; UGC Engagement Metrics<\/span>\n      <\/div>\n      <div class=\"badge hoverup\" style=\"border-color:#f9a8d4;background:#fff0f8\">\n        <span>Landing Page Speed &amp; UX Heatmaps<\/span>\n      <\/div>\n      <div class=\"badge hoverup\" style=\"border-color:#e9d5ff;background:#faf5ff\">\n        <span>Cohort LTV &amp; Payback Modeling<\/span>\n      <\/div>\n    <\/div>\n\n    <p class=\"muted text-center\" style=\"margin-top:14px;font-size:12px;color:#7e5a9b\">\n      Privacy-first. NDA-safe. All insights are aggregated, anonymized, and beauty-category specific.\n\n\n\n\n<section class=\"section-pad border-top\" style=\"background:#fff\">\n  <div class=\"container text-center\">\n    <h2 class=\"h2\" style=\"color:#6b21a8\">Before vs After Partnering With Us<\/h2>\n\n    <div class=\"grid\" style=\"grid-template-columns:repeat(2,1fr);max-width:980px;margin:0 auto\">\n\n      <!-- BEFORE -->\n      <div class=\"card pad hoverup\" style=\"background:linear-gradient(135deg,#f5f3f7,#ffffff);border:1px solid #e2d3f8;\">\n        <h3 class=\"h3\" style=\"color:#5e3a8c\">Before<\/h3>\n        <ul class=\"list muted\">\n          <li>Inconsistent tracking &#038; unclear results<\/li>\n          <li>ROAS under 2X despite heavy ad spend<\/li>\n          <li>Uninspired visuals, weak engagement<\/li>\n          <li>No synergy between influencers, ads &#038; site<\/li>\n        <\/ul>\n      <\/div>\n\n      <!-- AFTER -->\n      <div class=\"card pad hoverup after-card\" style=\"position:relative;overflow:hidden;background:linear-gradient(135deg,#f9e8ff,#fff6ff);border:1px solid #e9d5ff\">\n        <h3 class=\"h3\" style=\"color:#6b21a8\">After<\/h3>\n        <ul class=\"list\">\n          <li>Unified event tracking across Meta, TikTok &amp; Google<\/li>\n          <li>ROAS 4\u20138X with creative-audience synergy<\/li>\n          <li>High-converting UGC &amp; beauty influencer loops<\/li>\n          <li>Personalized experiences by skin type, tone &#038; intent<\/li>\n        <\/ul>\n\n        <!-- soft shimmer glow -->\n        <style>\n          .after-card::before {\n            content:\"\";\n            position:absolute;\n            top:-50%;\n            left:-50%;\n            width:200%;\n            height:200%;\n            background:conic-gradient(\n              from 0deg,\n              rgba(240,171,252,0) 0deg,\n              rgba(216,180,254,0.25) 60deg,\n              rgba(240,171,252,0) 120deg\n            );\n            animation: rotateGlow 6s linear infinite;\n            border-radius:inherit;\n            z-index:0;\n          }\n          .after-card > * { position:relative; z-index:1; }\n          @keyframes rotateGlow {\n            from { transform:rotate(0deg); }\n            to { transform:rotate(360deg); }\n          }\n        <\/style>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n\n<!-- BEAUTY TESTIMONIAL CAROUSEL (fade, auto-rotate, swipe, accessible) -->\n<section id=\"beauty-testimonials\" class=\"section-pad\" style=\"background:linear-gradient(180deg,#fdf4ff 0%,#fff8fb 100%)\">\n  <style>\n    \/* ===== Scoped styles: #beauty-testimonials ===== *\/\n    #beauty-testimonials * { box-sizing: border-box; }\n    #beauty-testimonials {\n      --ink:#1f1630;\n      --plum:#6b21a8;\n      --orchid:#c084fc;\n      --rose:#f9a8d4;\n      --lilac:#e9d5ff;\n      --card1:#faf5ff; --card2:#fff0f8; --card3:#fdf4ff;\n    }\n    #beauty-testimonials .bt-wrap{max-width:1100px;margin:0 auto;padding:0 16px}\n    #beauty-testimonials .h2{color:var(--plum)}\n\n    \/* Slider layout *\/\n    #beauty-testimonials .bt-slider{\n      position:relative;\n      margin:22px auto 0;\n      max-width:820px;\n      overflow:hidden;\n    }\n    #beauty-testimonials .bt-track{\n      position:relative; \/* fade stack *\/\n      min-height:180px;\n    }\n\n    \/* Slide (fade stack) *\/\n    #beauty-testimonials .bt-slide{\n      position:absolute; inset:0;\n      opacity:0; transform:scale(.98);\n      transition:opacity .45s ease, transform .45s ease;\n      display:flex; align-items:stretch; justify-content:center;\n      pointer-events:none;\n    }\n    #beauty-testimonials .bt-slide.is-active{\n      opacity:1; transform:scale(1);\n      pointer-events:auto;\n    }\n\n    \/* Card *\/\n    #beauty-testimonials .bt-card{\n      background:linear-gradient(135deg,var(--card1),#fff);\n      border:1px solid var(--lilac);\n      border-radius:16px;\n      box-shadow:0 14px 30px rgba(102,51,153,.08);\n      padding:18px;\n      max-width:820px;\n      margin:0 auto;\n    }\n    #beauty-testimonials .bt-card.alt1{ background:linear-gradient(135deg,var(--card2),#fff); border-color:#f9a8d4; }\n    #beauty-testimonials .bt-card.alt2{ background:linear-gradient(135deg,var(--card3),#fffafc); border-color:var(--lilac); }\n\n    #beauty-testimonials .bt-quote{\n      color:var(--plum); font-style:italic; margin:0 0 8px; line-height:1.5;\n    }\n    #beauty-testimonials .bt-meta{\n      font-size:12px; color:#7e5a9b; font-weight:800;\n    }\n\n    \/* Nav buttons *\/\n    #beauty-testimonials .bt-nav{\n      position:absolute; inset:0; display:flex; align-items:center; justify-content:space-between;\n      pointer-events:none;\n    }\n    #beauty-testimonials .bt-btn{\n      pointer-events:auto;\n      appearance:none; border:0; background:#fff; color:var(--plum);\n      width:36px; height:36px; border-radius:50%;\n      display:grid; place-items:center; cursor:pointer;\n      box-shadow:0 6px 18px rgba(102,51,153,.12);\n      transition:transform .18s ease, box-shadow .18s ease, background .18s ease;\n    }\n    #beauty-testimonials .bt-btn:hover{ transform:translateY(-1px); box-shadow:0 8px 22px rgba(102,51,153,.16); }\n    #beauty-testimonials .bt-btn svg{ width:18px; height:18px }\n\n    \/* Dots *\/\n    #beauty-testimonials .bt-dots{\n      display:flex; gap:8px; justify-content:center; margin-top:14px;\n    }\n    #beauty-testimonials .bt-dot{\n      width:9px; height:9px; border-radius:50%;\n      background:#dec7ff; border:0; cursor:pointer; padding:0;\n      transition:transform .18s ease, background .18s ease;\n    }\n    #beauty-testimonials .bt-dot[aria-current=\"true\"]{\n      background:linear-gradient(90deg,var(--rose),var(--orchid));\n      transform:scale(1.15);\n    }\n\n    \/* Pause hint (optional: shown when keyboard or hover) *\/\n    #beauty-testimonials .bt-hint{ text-align:center; font-size:12px; color:#7e5a9b; margin-top:6px; opacity:.75; }\n\n    \/* Mobile spacing *\/\n    @media (max-width:640px){\n      #beauty-testimonials .bt-card{ padding:16px }\n      #beauty-testimonials .bt-btn{ display:none } \/* rely on swipe + dots *\/\n    }\n  <\/style>\n\n  <div class=\"bt-wrap container text-center\">\n    <h2 class=\"h2\">What Our Beauty Partners Say<\/h2>\n\n    <div class=\"bt-slider\" aria-roledescription=\"carousel\" aria-label=\"Testimonials\">\n      <div class=\"bt-track\" id=\"btTrack\" aria-live=\"polite\">\n        <!-- Slide 1 -->\n        <article class=\"bt-slide is-active\" data-index=\"0\">\n          <blockquote class=\"bt-card\">\n            <p class=\"bt-quote\">\u201cOur cost per acquisition dropped by 52% within a month \u2014 they truly understand how beauty consumers shop online.\u201d<\/p>\n            <footer class=\"bt-meta\">COO, Skincare E-Commerce Brand<\/footer>\n          <\/blockquote>\n        <\/article>\n\n        <!-- Slide 2 -->\n        <article class=\"bt-slide\" data-index=\"1\">\n          <blockquote class=\"bt-card alt1\">\n            <p class=\"bt-quote\">\u201cThey blend creative intuition with machine learning \u2014 our ad visuals now feel luxurious and convert better than ever.\u201d<\/p>\n            <footer class=\"bt-meta\">Founder, Premium Cosmetics Label<\/footer>\n          <\/blockquote>\n        <\/article>\n\n        <!-- Slide 3 -->\n        <article class=\"bt-slide\" data-index=\"2\">\n          <blockquote class=\"bt-card alt2\">\n            <p class=\"bt-quote\">\u201cFrom influencer insights to data-driven retargeting \u2014 their system keeps our campaigns fresh and performing.\u201d<\/p>\n            <footer class=\"bt-meta\">Marketing Director, Luxury Fragrance Brand<\/footer>\n          <\/blockquote>\n        <\/article>\n      <\/div>\n\n      <!-- Prev\/Next (desktop) -->\n      <div class=\"bt-nav\" aria-hidden=\"false\">\n        <button class=\"bt-btn\" id=\"btPrev\" aria-label=\"Previous testimonial\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M15 18l-6-6 6-6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n        <\/button>\n        <button class=\"bt-btn\" id=\"btNext\" aria-label=\"Next testimonial\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M9 6l6 6-6 6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n        <\/button>\n      <\/div>\n    <\/div>\n\n    <!-- Dots -->\n    <div class=\"bt-dots\" role=\"tablist\" aria-label=\"Choose testimonial\">\n      <button class=\"bt-dot\" role=\"tab\" aria-selected=\"true\" aria-current=\"true\" aria-controls=\"slide0\" data-to=\"0\"><\/button>\n      <button class=\"bt-dot\" role=\"tab\" aria-selected=\"false\" aria-controls=\"slide1\" data-to=\"1\"><\/button>\n      <button class=\"bt-dot\" role=\"tab\" aria-selected=\"false\" aria-controls=\"slide2\" data-to=\"2\"><\/button>\n    <\/div>\n\n    <div class=\"bt-hint\" id=\"btHint\" hidden>Auto-rotating. Hover or focus to pause.<\/div>\n  <\/div>\n\n  <script>\n    (function(){\n      const root   = document.getElementById('beauty-testimonials');\n      const track  = root.querySelector('#btTrack');\n      const slides = Array.from(track.querySelectorAll('.bt-slide'));\n      const next   = root.querySelector('#btNext');\n      const prev   = root.querySelector('#btPrev');\n      const dots   = Array.from(root.querySelectorAll('.bt-dot'));\n      const hint   = root.querySelector('#btHint');\n\n      let idx = 0;\n      let timer = null;\n      const INTERVAL = 5200;\n\n      function show(i){\n        idx = (i + slides.length) % slides.length;\n        slides.forEach((s, k) => s.classList.toggle('is-active', k === idx));\n        dots.forEach((d, k) => {\n          d.setAttribute('aria-selected', k === idx ? 'true' : 'false');\n          d.setAttribute('aria-current',  k === idx ? 'true' : 'false');\n        });\n      }\n\n      function play(){\n        stop();\n        timer = setInterval(() => show(idx + 1), INTERVAL);\n      }\n      function stop(){\n        if (timer) { clearInterval(timer); timer = null; }\n      }\n\n      \/\/ Buttons\n      if (next) next.addEventListener('click', () => { show(idx + 1); play(); });\n      if (prev) prev.addEventListener('click', () => { show(idx - 1); play(); });\n\n      \/\/ Dots\n      dots.forEach(d => d.addEventListener('click', () => { show(+d.dataset.to); play(); }));\n\n      \/\/ Pause on hover\/focus (desktop), resume on leave\n      root.addEventListener('mouseenter', () => { stop(); hint && (hint.hidden = false); });\n      root.addEventListener('mouseleave', () => { play(); hint && (hint.hidden = true); });\n      root.addEventListener('focusin',  stop);\n      root.addEventListener('focusout', play);\n\n      \/\/ Pause when tab is hidden\n      document.addEventListener('visibilitychange', () => {\n        if (document.hidden) stop(); else play();\n      });\n\n      \/\/ Basic swipe (mobile)\n      let startX = 0, swiping = false;\n      track.addEventListener('touchstart', (e) => { startX = e.touches[0].clientX; swiping = true; stop(); }, {passive:true});\n      track.addEventListener('touchmove',  (e) => { if(!swiping) return; }, {passive:true});\n      track.addEventListener('touchend',   (e) => {\n        if(!swiping) return; swiping = false;\n        const dx = e.changedTouches[0].clientX - startX;\n        if (Math.abs(dx) > 40) { show(idx + (dx < 0 ? 1 : -1)); }\n        play();\n      });\n\n      \/\/ Init\n      show(0); play();\n    })();\n  <\/script>\n<\/section>\n\n\n\n\n<section class=\"section-pad border-top\" style=\"background:#fff\">\n  <div class=\"container text-center\">\n    <h2 class=\"h2\" style=\"color:#6b21a8\">Platforms &amp; Channels We Operate<\/h2>\n\n    <div class=\"badge-grid\" style=\"margin-top:20px\">\n      <!-- Meta -->\n      <div class=\"badge hoverup\" title=\"Meta (Facebook &#038; Instagram Ads)\">\n        <svg width=\"34\" height=\"22\" viewBox=\"0 0 36 22\" aria-hidden=\"true\">\n          <path d=\"M6 18C2 18 1 14 1 11C1 7 3.5 3 7 3c3 0 5 2 8 7 3-5 5-7 8-7 3.5 0 6 4 6 8 0 3-1 7-5 7-3 0-5-3-9-9-4 6-6 9-9 9z\"\n                stroke=\"#6b21a8\" stroke-width=\"2\" fill=\"none\"\/>\n        <\/svg>\n        <span>Meta Ads<\/span>\n      <\/div>\n\n      <!-- Google Ads -->\n      <div class=\"badge hoverup\" title=\"Google Ads\">\n        <svg width=\"34\" height=\"22\" viewBox=\"0 0 100 60\" aria-hidden=\"true\">\n          <circle cx=\"20\" cy=\"48\" r=\"10\" fill=\"#34A853\"\/>\n          <circle cx=\"82\" cy=\"48\" r=\"10\" fill=\"#FBBC05\"\/>\n          <path d=\"M28 45 L63 10 a12 12 0 1 1 17 17 L45 62 a12 12 0 1 1 -17 -17z\" fill=\"#4285F4\"\/>\n        <\/svg>\n        <span>Google Ads<\/span>\n      <\/div>\n\n      <!-- TikTok -->\n      <div class=\"badge hoverup\" title=\"TikTok Ads\">\n        <svg width=\"34\" height=\"22\" viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n          <rect width=\"48\" height=\"48\" rx=\"10\" fill=\"#111\"\/>\n          <path d=\"M26 10v14a8 8 0 1 1-8-8\" stroke=\"#25F4EE\" stroke-width=\"3\" fill=\"none\"\/>\n          <path d=\"M26 13c2.5 3.5 6 5.5 10 6\" stroke=\"#FE2C55\" stroke-width=\"3\" fill=\"none\"\/>\n        <\/svg>\n        <span>TikTok Ads<\/span>\n      <\/div>\n\n      <!-- LinkedIn -->\n      <div class=\"badge hoverup\" title=\"LinkedIn Ads\">\n        <svg width=\"34\" height=\"22\" viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n          <rect width=\"48\" height=\"48\" rx=\"8\" fill=\"#0A66C2\"\/>\n          <rect x=\"10\" y=\"18\" width=\"6\" height=\"20\" fill=\"#fff\"\/>\n          <rect x=\"10\" y=\"10\" width=\"6\" height=\"6\" fill=\"#fff\"\/>\n          <path d=\"M20 18h6v3c1.4-2.2 3.7-3.5 6.8-3.5 4.7 0 8.2 2.9 8.2 9.3V38h-6v-9.3c0-3-1.6-4.9-4.3-4.9-2.6 0-4.7 1.9-4.7 4.9V38h-6V18z\" fill=\"#fff\"\/>\n        <\/svg>\n        <span>LinkedIn Ads<\/span>\n      <\/div>\n\n      <!-- YouTube -->\n      <div class=\"badge hoverup\" title=\"YouTube Ads\">\n        <svg width=\"34\" height=\"22\" viewBox=\"0 0 48 34\" aria-hidden=\"true\">\n          <rect x=\"1\" y=\"1\" width=\"46\" height=\"32\" rx=\"8\" fill=\"#FF0000\"\/>\n          <polygon points=\"20,11 20,23 30,17\" fill=\"#fff\"\/>\n        <\/svg>\n        <span>YouTube Ads<\/span>\n      <\/div>\n\n      <!-- Snapchat -->\n      <div class=\"badge hoverup\" title=\"Snapchat Ads\">\n        <svg width=\"34\" height=\"22\" viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n          <rect width=\"48\" height=\"48\" rx=\"8\" fill=\"#FFFC00\"\/>\n          <path d=\"M24 10c5 0 9 4 9 9 0 7-5 8-5 10 0 1 2 3 6 3-3 2-6 3-10 3s-7-1-10-3c4 0 6-2 6-3 0-2-5-3-5-10 0-5 4-9 9-9z\" fill=\"#000\"\/>\n        <\/svg>\n        <span>Snapchat Ads<\/span>\n      <\/div>\n\n      <!-- Pinterest -->\n      <div class=\"badge hoverup\" title=\"Pinterest Ads\">\n        <svg width=\"34\" height=\"22\" viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n          <rect width=\"48\" height=\"48\" rx=\"8\" fill=\"#E60023\"\/>\n          <path d=\"M24 10c7.7 0 14 6.3 14 14 0 6.6-4.5 12.2-10.6 13.6.1-1.2.3-3.1.6-4.3l1.3-5.4c.3-1.2.2-2.3-.5-3.2-1.1-1.4-3.1-1.6-4.7-.8-1.4.8-2.1 2.5-1.7 4l1 3.8-2 8.2c-6.4-1.4-11.4-7.1-11.4-14 0-7.7 6.3-14 14-14z\" fill=\"#fff\"\/>\n        <\/svg>\n        <span>Pinterest Ads<\/span>\n      <\/div>\n\n      <!-- Twitter\/X -->\n      <div class=\"badge hoverup\" title=\"Twitter\/X Ads\">\n        <svg width=\"34\" height=\"22\" viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n          <rect width=\"48\" height=\"48\" rx=\"8\" fill=\"#0F1419\"\/>\n          <path d=\"M14 12l9.7 12.1L14 36h5.3l6.3-8 6.3 8H37l-9.7-12.1L37 12h-5.4l-6 7.6L19.6 12H14z\" fill=\"#fff\"\/>\n        <\/svg>\n        <span>Twitter\/X Ads<\/span>\n      <\/div>\n\n      <!-- Amazon -->\n      <div class=\"badge hoverup\" title=\"Amazon Ads\">\n        <svg width=\"34\" height=\"22\" viewBox=\"0 0 64 36\" aria-hidden=\"true\">\n          <text x=\"4\" y=\"22\" font-family=\"Arial, Helvetica, sans-serif\" font-size=\"16\" font-weight=\"700\" fill=\"#232F3E\">amazon<\/text>\n          <path d=\"M6 26c12 6 28 6 40 0\" stroke=\"#FF9900\" stroke-width=\"3\" fill=\"none\"\/>\n        <\/svg>\n        <span>Amazon Ads<\/span>\n      <\/div>\n\n      <!-- Apple Search Ads -->\n      <div class=\"badge hoverup\" title=\"Apple Search Ads\">\n        <svg width=\"34\" height=\"22\" viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n          <rect width=\"48\" height=\"48\" rx=\"8\" fill=\"#000\"\/>\n          <path d=\"M29 9c0 2-1 4-2 5s-3 2-5 2c0-2 1-4 2-5s3-2 5-2zM24 18c5 0 8 4 8 9s-3 9-8 9-8-4-8-9 3-9 8-9z\" fill=\"#fff\"\/>\n        <\/svg>\n        <span>Apple Search Ads<\/span>\n      <\/div>\n\n      <!-- WhatsApp -->\n      <div class=\"badge hoverup\" title=\"WhatsApp Ads \/ Business API\">\n        <svg width=\"34\" height=\"22\" viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n          <rect width=\"48\" height=\"48\" rx=\"8\" fill=\"#25D366\"\/>\n          <path d=\"M24 10c7.7 0 14 5.9 14 13.2 0 7.3-6.3 13.2-14 13.2-2.2 0-4.2-.5-6-1.4L12 38l2-5c-1.3-2.1-2-4.5-2-7 0-7.3 6.3-13.2 14-13.2z\" fill=\"#fff\"\/>\n          <path d=\"M18 20c1 5 6 8 8 8 1.5 0 3-1.2 3.5-2\" stroke=\"#25D366\" stroke-width=\"3\" fill=\"none\" stroke-linecap=\"round\"\/>\n        <\/svg>\n        <span>WhatsApp Ads &amp; API<\/span>\n      <\/div>\n\n      <!-- On-site Popups -->\n      <div class=\"badge hoverup\" title=\"On-site Popups (Conversion Overlays)\">\n        <svg width=\"34\" height=\"22\" viewBox=\"0 0 60 40\" aria-hidden=\"true\">\n          <rect x=\"2\" y=\"6\" width=\"56\" height=\"28\" rx=\"6\" fill=\"#fdf4ff\" stroke=\"#e9d5ff\"\/>\n          <rect x=\"8\" y=\"14\" width=\"24\" height=\"8\" rx=\"4\" fill=\"#c084fc\"\/>\n          <rect x=\"36\" y=\"14\" width=\"16\" height=\"8\" rx=\"4\" fill=\"#f9a8d4\"\/>\n        <\/svg>\n        <span>On-site Popups<\/span>\n      <\/div>\n\n      <!-- Mobile Push -->\n      <div class=\"badge hoverup\" title=\"Mobile Push Notifications\">\n        <svg width=\"34\" height=\"22\" viewBox=\"0 0 40 54\" aria-hidden=\"true\">\n          <rect x=\"6\" y=\"2\" width=\"28\" height=\"50\" rx=\"6\" fill=\"#f5f3ff\" stroke=\"#e9d5ff\"\/>\n          <rect x=\"10\" y=\"10\" width=\"20\" height=\"6\" rx=\"3\" fill=\"#c084fc\"\/>\n          <rect x=\"10\" y=\"20\" width=\"20\" height=\"18\" rx=\"4\" fill=\"#fff\"\/>\n        <\/svg>\n        <span>Mobile Push<\/span>\n      <\/div>\n\n      <!-- Email & SMS -->\n      <div class=\"badge hoverup\" title=\"Email &#038; SMS\">\n        <svg width=\"34\" height=\"22\" viewBox=\"0 0 60 40\" aria-hidden=\"true\">\n          <rect x=\"4\" y=\"6\" width=\"52\" height=\"28\" rx=\"6\" fill=\"#fdf4ff\" stroke=\"#e9d5ff\"\/>\n          <path d=\"M6 10l24 12L54 10\" fill=\"none\" stroke=\"#c084fc\" stroke-width=\"2\"\/>\n        <\/svg>\n        <span>Email &amp; SMS<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n\n<script>\n\/* =========================\n   Counter Animations (Upgraded)\n   =========================\n   Usage in HTML:\n   <span class=\"counter\"\n         data-target=\"9.2\"\n         data-decimals=\"1\"\n         data-prefix=\"\"\n         data-suffix=\"X\"\n         data-duration=\"1400\"><\/span>\n*\/\n(function(){\n  const prefersReduced = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  const nf = (decimals)=> new Intl.NumberFormat(undefined, { minimumFractionDigits: decimals, maximumFractionDigits: decimals });\n\n  function animateCounter(el){\n    if (el.dataset.done) return;\n    el.dataset.done = '1';\n\n    const target = parseFloat(el.dataset.target || '0') || 0;\n    const decimals = parseInt(el.dataset.decimals || '0', 10);\n    const duration = Math.max(300, parseInt(el.dataset.duration || '1200', 10));\n    const prefix = el.dataset.prefix || '';\n    const suffix = el.dataset.suffix || '';\n\n    if (prefersReduced) {\n      el.textContent = prefix + nf(decimals).format(target) + suffix;\n      return;\n    }\n\n    const ease = t => 1 - Math.pow(1 - t, 3); \/\/ easeOutCubic\n    const start = performance.now();\n\n    function frame(now){\n      const p = Math.min(1, (now - start) \/ duration);\n      const v = target * ease(p);\n      el.textContent = prefix + nf(decimals).format(v) + suffix;\n      if (p < 1) requestAnimationFrame(frame);\n    }\n    requestAnimationFrame(frame);\n  }\n\n  const counters = document.querySelectorAll('.counter');\n  if ('IntersectionObserver' in window) {\n    const obs = new IntersectionObserver((entries, observer)=>{\n      entries.forEach(entry=>{\n        if (entry.isIntersecting) {\n          animateCounter(entry.target);\n          observer.unobserve(entry.target);\n        }\n      });\n    }, { root: null, rootMargin: '0px 0px -15% 0px', threshold: 0.25 });\n\n    counters.forEach(c=>obs.observe(c));\n  } else {\n    \/\/ Fallback: animate immediately\n    counters.forEach(animateCounter);\n  }\n})();\n\n\/* =========================\n   ROASForge Scan Handler (Upgraded)\n   =========================\n   - Validates and normalizes the store URL\n   - Pushes GTM event\n   - Redirects to scan page with ?store_url= + current UTM params\n   ========================= *\/\n(function(){\n  \/\/ UPDATE THIS if your scan URL changes:\n  var SCAN_URL = \"https:\/\/www.fabdigital.io\/marketing\/roas-forge-scan-free\/\";\n\n  function getUTMs(){\n    var sp = new URLSearchParams(location.search);\n    var pass = new URLSearchParams();\n    ['utm_source','utm_medium','utm_campaign','utm_content','utm_term','gclid','fbclid'].forEach(function(k){\n      var v = sp.get(k);\n      if (v) pass.set(k, v);\n    });\n    return pass;\n  }\n\n  function normalizeUrl(raw){\n    if (!raw) return null;\n    try {\n      \/\/ Add protocol if missing\n      if (!\/^https?:\\\/\\\/\/i.test(raw)) raw = 'https:\/\/' + raw.trim();\n      var u = new URL(raw);\n      if (!\/^https?:$\/.test(u.protocol)) return null;\n      return u.href;\n    } catch(e) { return null; }\n  }\n\n  window.alertScan = function(){\n    var input = document.getElementById('storeUrl');\n    if (!input) { alert('Scan field not found.'); return; }\n\n    var normalized = normalizeUrl(input.value.trim());\n    if (!normalized) { alert('Please enter a valid store URL (e.g., https:\/\/yourstore.com)'); return; }\n\n    \/\/ Push GTM event\n    window.dataLayer = window.dataLayer || [];\n    window.dataLayer.push({\n      event: 'roasforge_scan_submit',\n      store_url: normalized\n    });\n\n    \/\/ Build redirect with store_url + existing UTMs + a little context\n    var params = getUTMs();\n    params.set('store_url', normalized);\n    params.set('source_page', location.href.split('#')[0]);\n    params.set('ts', Date.now().toString());\n\n    var to = SCAN_URL + (SCAN_URL.indexOf('?') === -1 ? '?' : '&') + params.toString();\n\n    \/\/ Navigate\n    window.location.href = to;\n  };\n})();\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>Beauty Growth Stories Reimagined Skincare, makeup, haircare &#038; fragrance \u2014 performance marketing that amplifies beauty, not just impressions. Why Leading Beauty Brands Switch to Us Beauty-Focused Ad Specialists Meta, Google, and TikTok experts skilled in scaling skincare, cosmetics, and fragrance brands. ROASForge Framework AI-driven signal optimization meets creative storytelling \u2014 built to convert attention into [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"content-type":"","footnotes":""},"class_list":["post-1894","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Beauty Industry Case Studies - Fab Digital<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.fabdigital.io\/marketing\/beauty-industry-case-studies\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Beauty Industry Case Studies - Fab Digital\" \/>\n<meta property=\"og:description\" content=\"Beauty Growth Stories Reimagined Skincare, makeup, haircare &#038; fragrance \u2014 performance marketing that amplifies beauty, not just impressions. Why Leading Beauty Brands Switch to Us Beauty-Focused Ad Specialists Meta, Google, and TikTok experts skilled in scaling skincare, cosmetics, and fragrance brands. ROASForge Framework AI-driven signal optimization meets creative storytelling \u2014 built to convert attention into [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.fabdigital.io\/marketing\/beauty-industry-case-studies\/\" \/>\n<meta property=\"og:site_name\" content=\"Fab Digital\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-16T09:05:51+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.fabdigital.io\/marketing\/beauty-industry-case-studies\/\",\"url\":\"https:\/\/www.fabdigital.io\/marketing\/beauty-industry-case-studies\/\",\"name\":\"Beauty Industry Case Studies - Fab Digital\",\"isPartOf\":{\"@id\":\"https:\/\/www.fabdigital.io\/marketing\/#website\"},\"datePublished\":\"2025-10-14T13:01:20+00:00\",\"dateModified\":\"2025-10-16T09:05:51+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.fabdigital.io\/marketing\/beauty-industry-case-studies\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.fabdigital.io\/marketing\/beauty-industry-case-studies\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.fabdigital.io\/marketing\/beauty-industry-case-studies\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.fabdigital.io\/marketing\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Beauty Industry Case Studies\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.fabdigital.io\/marketing\/#website\",\"url\":\"https:\/\/www.fabdigital.io\/marketing\/\",\"name\":\"Fab Digital\",\"description\":\"Marketing Agency\",\"publisher\":{\"@id\":\"https:\/\/www.fabdigital.io\/marketing\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.fabdigital.io\/marketing\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.fabdigital.io\/marketing\/#organization\",\"name\":\"Fab Digital\",\"url\":\"https:\/\/www.fabdigital.io\/marketing\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.fabdigital.io\/marketing\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.fabdigital.io\/marketing\/wp-content\/uploads\/2024\/01\/Logo.png\",\"contentUrl\":\"https:\/\/www.fabdigital.io\/marketing\/wp-content\/uploads\/2024\/01\/Logo.png\",\"width\":524,\"height\":389,\"caption\":\"Fab Digital\"},\"image\":{\"@id\":\"https:\/\/www.fabdigital.io\/marketing\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Beauty Industry Case Studies - Fab Digital","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.fabdigital.io\/marketing\/beauty-industry-case-studies\/","og_locale":"en_US","og_type":"article","og_title":"Beauty Industry Case Studies - Fab Digital","og_description":"Beauty Growth Stories Reimagined Skincare, makeup, haircare &#038; fragrance \u2014 performance marketing that amplifies beauty, not just impressions. Why Leading Beauty Brands Switch to Us Beauty-Focused Ad Specialists Meta, Google, and TikTok experts skilled in scaling skincare, cosmetics, and fragrance brands. ROASForge Framework AI-driven signal optimization meets creative storytelling \u2014 built to convert attention into [&hellip;]","og_url":"https:\/\/www.fabdigital.io\/marketing\/beauty-industry-case-studies\/","og_site_name":"Fab Digital","article_modified_time":"2025-10-16T09:05:51+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.fabdigital.io\/marketing\/beauty-industry-case-studies\/","url":"https:\/\/www.fabdigital.io\/marketing\/beauty-industry-case-studies\/","name":"Beauty Industry Case Studies - Fab Digital","isPartOf":{"@id":"https:\/\/www.fabdigital.io\/marketing\/#website"},"datePublished":"2025-10-14T13:01:20+00:00","dateModified":"2025-10-16T09:05:51+00:00","breadcrumb":{"@id":"https:\/\/www.fabdigital.io\/marketing\/beauty-industry-case-studies\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.fabdigital.io\/marketing\/beauty-industry-case-studies\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.fabdigital.io\/marketing\/beauty-industry-case-studies\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.fabdigital.io\/marketing\/"},{"@type":"ListItem","position":2,"name":"Beauty Industry Case Studies"}]},{"@type":"WebSite","@id":"https:\/\/www.fabdigital.io\/marketing\/#website","url":"https:\/\/www.fabdigital.io\/marketing\/","name":"Fab Digital","description":"Marketing Agency","publisher":{"@id":"https:\/\/www.fabdigital.io\/marketing\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.fabdigital.io\/marketing\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.fabdigital.io\/marketing\/#organization","name":"Fab Digital","url":"https:\/\/www.fabdigital.io\/marketing\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fabdigital.io\/marketing\/#\/schema\/logo\/image\/","url":"https:\/\/www.fabdigital.io\/marketing\/wp-content\/uploads\/2024\/01\/Logo.png","contentUrl":"https:\/\/www.fabdigital.io\/marketing\/wp-content\/uploads\/2024\/01\/Logo.png","width":524,"height":389,"caption":"Fab Digital"},"image":{"@id":"https:\/\/www.fabdigital.io\/marketing\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.fabdigital.io\/marketing\/wp-json\/wp\/v2\/pages\/1894","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fabdigital.io\/marketing\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.fabdigital.io\/marketing\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.fabdigital.io\/marketing\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fabdigital.io\/marketing\/wp-json\/wp\/v2\/comments?post=1894"}],"version-history":[{"count":17,"href":"https:\/\/www.fabdigital.io\/marketing\/wp-json\/wp\/v2\/pages\/1894\/revisions"}],"predecessor-version":[{"id":1919,"href":"https:\/\/www.fabdigital.io\/marketing\/wp-json\/wp\/v2\/pages\/1894\/revisions\/1919"}],"wp:attachment":[{"href":"https:\/\/www.fabdigital.io\/marketing\/wp-json\/wp\/v2\/media?parent=1894"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}