{"id":5271,"date":"2025-10-30T07:33:54","date_gmt":"2025-10-30T07:33:54","guid":{"rendered":"https:\/\/www.purevpn.com\/white-label\/?page_id=5271"},"modified":"2025-10-30T12:01:44","modified_gmt":"2025-10-30T12:01:44","slug":"saas","status":"publish","type":"page","link":"https:\/\/www.purevpn.com\/white-label\/password-manager\/saas\/","title":{"rendered":"Password Manager Saas"},"content":{"rendered":"\n\t<section class=\"section bg_gradient\" id=\"section_1288562910\">\n\t\t<div class=\"bg section-bg fill bg-fill  bg-loaded\" >\n\n\t\t\t\n\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n\t<div id=\"gap-738537121\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-738537121 {\n  padding-top: 60px;\n}\n<\/style>\n\t<\/div>\n\t\n\n<div class=\"row\"  id=\"row-706423606\">\n\n\n\t<div id=\"col-211465376\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\n\n\n\n\n<!-- Hero Section -->\n  <header class=\"hero\">\n    <div class=\"container\">\n      <div class=\"hero-grid\">\n        <div>\n          <div class=\"hero-badge\">\n            White-Label Password Manager for SaaS Platforms\n          <\/div>\n          \n          <h1 style=\"color:#fff;\">\n            Your SaaS, Now With Enterprise-Grade Password Security\n          <\/h1>\n          \n          <p style=\"color:#fff;\">\n            Help your users and clients manage credentials, stay compliant, and secure access \u2014 all under your brand. \n            PureVPN&#8217;s white-label Password Manager lets SaaS companies embed enterprise-grade password security right \n            inside their apps, without rebuilding from scratch.\n          <\/p>\n\n          <div class=\"hero-buttons\">\n            <button class=\"btn btn-primary\">Request a Demo<\/button>\n        \n          <\/div>\n        <\/div>\n\n        <div class=\"hero-mockup\">\n          <div class=\"mockup-header\">\n            <div class=\"mockup-dot\" style=\"background: hsl(0, 84%, 60%);\"><\/div>\n            <div class=\"mockup-dot\" style=\"background: hsl(48, 94%, 68%);\"><\/div>\n            <div class=\"mockup-dot\" style=\"background: hsl(142, 76%, 36%);\"><\/div>\n            <div class=\"mockup-title\">YourBrand \u2022 Security &#038; Password Vault<\/div>\n          <\/div>\n\n          <div class=\"mockup-content\">\n            <div class=\"stat-grid\">\n              <div class=\"stat-card\">\n                <div class=\"stat-label\">Vaults created<\/div>\n                <div class=\"stat-number\" data-target=\"4521\">0<\/div>\n                <div class=\"stat-bar\"><\/div>\n              <\/div>\n              <div class=\"stat-card\">\n                <div class=\"stat-label\">Teams secured<\/div>\n                <div class=\"stat-number\" data-target=\"218\">0<\/div>\n                <div class=\"stat-bar\"><\/div>\n              <\/div>\n              <div class=\"stat-card\">\n                <div class=\"stat-label\">Compliance score<\/div>\n                <div class=\"stat-number\" data-target=\"98\">0<\/div>\n                <div class=\"stat-bar\"><\/div>\n              <\/div>\n            <\/div>\n            \n            <div class=\"compliance-tags\">\n              <div class=\"tag-list\">\n                <span class=\"tag\">SOC2 \u2713<\/span>\n                <span class=\"tag\">GDPR \u2713<\/span>\n                <span class=\"tag\">Zero-knowledge<\/span>\n                <span class=\"tag\">AES-256<\/span>\n              <\/div>\n            <\/div>\n\n            <div class=\"feature-box\">\n              <h3>Embed in days \u2014 not quarters<\/h3>\n              <p>\n                Fully white-labeled UI, SDKs &#038; APIs for Web, iOS, Android &#038; Desktop. Your brand, your UX \u2014 our infrastructure.\n              <\/p>\n              <div class=\"feature-list\">\n                <div class=\"feature-item\">\n                  <svg class=\"checkmark\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\">\n                    <path d=\"M20 6L9 17l-5-5\"\/>\n                  <\/svg>\n                  <div>Zero Dev Overhead \u2014 drop-in components &#038; auth hooks<\/div>\n                <\/div>\n                <div class=\"feature-item\">\n                  <svg class=\"checkmark\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\">\n                    <path d=\"M20 6L9 17l-5-5\"\/>\n                  <\/svg>\n                  <div>Enterprise-grade security \u2014 encrypted vaults, zero-log<\/div>\n                <\/div>\n                <div class=\"feature-item\">\n                  <svg class=\"checkmark\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\">\n                    <path d=\"M20 6L9 17l-5-5\"\/>\n                  <\/svg>\n                  <div>ARR engine \u2014 upsell security on Pro\/Business tiers<\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/header>\n\n<style>\n.hero-buttons button {\n    border-radius: 99px;\n    padding: 10px 40px 10px 40px;\n}\n<\/style>\n\n\n\n<style>\n  \n    section.why-saas {\n    background: linear-gradient(242deg, #F2EBFF 4.44%, #FFF 104.04%);\n    padding-top: 100px;\n    padding-bottom: 100px;\n}\n  \n \n    p.custom_text {\n    text-align: center;\n    margin-bottom: 50px;\n}\n\n \n\n    \n    i\n    \/* Utility Classes *\/\n    .container {\n      max-width: 1280px;\n      margin: 0 auto;\n      padding: 0 1rem;\n    }\n    \n    .btn {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      padding: 1.5rem 2rem;\n      font-size: 1.125rem;\n      font-weight: 600;\n      border-radius: 1rem;\n      transition: all 0.3s;\n    }\n    \n    .btn-primary {\n      background: linear-gradient(to right, hsl(248, 90%, 55%), hsl(248, 95%, 65%));\n      color: white;\n    }\n    \n    .btn-primary:hover {\n      filter: brightness(1.1);\n    }\n    \n    .btn-outline {\n      border: 2px solid hsl(0, 0%, 0%, 0.12);\n      background: transparent;\n      color: hsl(0, 0%, 0%);\n    }\n    \n    .btn-outline:hover {\n      background: hsl(0, 0%, 96%);\n    }\n    \n    .reveal {\n      opacity: 0;\n      transform: translateY(12px);\n      transition: opacity 0.6s ease, transform 0.6s ease;\n    }\n    \n    .reveal.show {\n      opacity: 1;\n      transform: none;\n    }\n    \n    \/* Hero Section *\/\n    .hero {\n    \n      overflow: hidden;\n    }\n    \n    .hero-grid {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 3rem;\n      align-items: center;\n    }\n    \n    @media (min-width: 1024px) {\n      .hero-grid {\n        grid-template-columns: 1fr 1fr;\n      }\n    }\n    \n    .hero-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 0.5rem;\n      border: 1px solid hsl(0, 0%, 0%, 0.12);\n      background: hsl(0, 0%, 96%);\n      padding: 0.5rem 1rem;\n      border-radius: 9999px;\n      font-weight: 700;\n      font-size: 0.875rem;\n      margin-bottom: 1.5rem;\n    }\n    \n    .hero h1 {\n      font-size: 2.5rem;\n      line-height: 1.2;\n      margin-bottom: 1.5rem;\n    }\n    \n    @media (min-width: 768px) {\n      .hero h1 {\n        font-size: 3rem;\n      }\n    }\n    \n    @media (min-width: 1024px) {\n      .hero h1 {\n        font-size: 3.75rem;\n      }\n    }\n    \n    .hero p {\n      font-size: 1.125rem;\n      color: hsl(0, 0%, 35%);\n      margin-bottom: 2rem;\n    }\n    \n    @media (min-width: 768px) {\n      .hero p {\n        font-size: 1.25rem;\n      }\n    }\n    \n    .hero-buttons {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 0.75rem;\n      margin-bottom: 2rem;\n    }\n    \n    .hero-mockup {\n      border: 1px solid hsl(0, 0%, 89%);\n      border-radius: 1.5rem;\n      background: white;\n      box-shadow: 0 25px 50px -12px rgba(115, 90, 255, 0.2);\n      overflow: hidden;\n    }\n    \n    .mockup-header {\n      display: flex;\n      align-items: center;\n      gap: 0.5rem;\n      padding: 0.75rem;\n      border-bottom: 1px solid hsl(0, 0%, 89%);\n      background: hsl(0, 0%, 98%);\n    }\n    \n    .mockup-dot {\n      width: 0.75rem;\n      height: 0.75rem;\n      border-radius: 50%;\n    }\n    \n    .mockup-title {\n      margin-left: 0.5rem;\n      font-size: 0.875rem;\n      font-weight: 700;\n      color: hsl(0, 0%, 29%);\n    }\n    \n    .mockup-content {\n      padding: 1.5rem;\n    }\n    \n    .stat-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 0.75rem;\n      margin-bottom: 1rem;\n    }\n    \n    .stat-card {\n      background: linear-gradient(135deg, hsl(270, 100%, 98%), hsl(210, 100%, 98%));\n      border: 1px solid hsl(0, 0%, 89%);\n      border-radius: 0.75rem;\n      padding: 1rem;\n    }\n    \n    .stat-label {\n      font-size: 0.625rem;\n      text-transform: uppercase;\n      font-weight: 700;\n      color: hsl(248, 95%, 65%);\n      margin-bottom: 0.25rem;\n    }\n    \n    .stat-number {\n      font-size: 1.875rem;\n      font-weight: 900;\n      background: linear-gradient(to right, hsl(248, 95%, 65%), hsl(248, 90%, 55%));\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n    }\n    \n    .stat-bar {\n      height: 3.5rem;\n      margin-top: 0.5rem;\n      border-radius: 0.5rem;\n      background: linear-gradient(to bottom, hsla(248, 95%, 65%, 0.25), hsla(248, 95%, 65%, 0.1));\n    }\n    \n    .compliance-tags {\n      background: hsl(0, 0%, 98%);\n      border: 1px solid hsl(0, 0%, 89%);\n      border-radius: 0.75rem;\n      padding: 1rem;\n      margin-bottom: 1rem;\n    }\n    \n    .tag-list {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 0.5rem;\n    }\n    \n    .tag {\n      padding: 0.25rem 0.75rem;\n      border-radius: 9999px;\n      border: 1px solid hsla(248, 95%, 65%, 0.2);\n      background: hsla(248, 95%, 65%, 0.05);\n      font-size: 0.875rem;\n      font-weight: 700;\n      color: hsl(0, 0%, 29%);\n    }\n    \n    .feature-box {\n      background: hsl(0, 0%, 98%);\n      border: 1px solid hsl(0, 0%, 89%);\n      border-radius: 0.75rem;\n      padding: 1.5rem;\n    }\n    \n    .feature-box h3 {\n      font-size: 1.5rem;\n      margin-bottom: 0.5rem;\n      color: hsl(0, 0%, 9%);\n    }\n    \n    .feature-box p {\n      color: hsl(0, 0%, 40%);\n      margin-bottom: 1rem;\n    }\n    \n    .feature-list {\n      display: flex;\n      flex-direction: column;\n      gap: 0.75rem;\n    }\n    \n    .feature-item {\n      display: flex;\n      gap: 0.75rem;\n      align-items: flex-start;\n    }\n    \n    .checkmark {\n      width: 1.25rem;\n      height: 1.25rem;\n      flex-shrink: 0;\n      margin-top: 0.125rem;\n      color: hsl(248, 95%, 65%);\n    }\n    \n    .feature-item div {\n      font-size: 0.875rem;\n      color: hsl(0, 0%, 29%);\n    }\n    \n    \/* Trusted By Section *\/\n    .trusted-by {\n      padding: 6rem 1rem;\n      background: hsl(0, 0%, 96%);\n      text-align: center;\n    }\n    \n    .trusted-by h2 {\n      font-size: 2.5rem;\n      margin-bottom: 1rem;\n    }\n    \n    .trusted-logos {\n      margin-top: 3rem;\n      max-width: 100%;\n      height: auto;\n      border-radius: 0.5rem;\n     \n      padding: 1rem;\n    }\n    \n    \/* Challenges Section *\/\n    .challenges {\n   \n      background: hsl(0, 0%, 100%);\n    }\n    \n    .challenges h2 {\n      text-align: center;\n      margin-bottom: 0.75rem;\n    }\n    \n    @media (min-width: 768px) {\n      .challenges h2 {\n       margin-bottom:10px;\n      }\n    }\n    \n    .challenges > p {\n      text-align: center;\n      color: hsl(0, 0%, 35%);\n      max-width: 56rem;\n      margin: 0 auto 3rem;\n    }\n    \n    .challenges-grid {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 1.5rem;\n    }\n    \n    @media (min-width: 768px) {\n      .challenges-grid {\n        grid-template-columns: 1fr 1fr;\n      }\n    }\n    \n    .accordion {\n      display: flex;\n      flex-direction: column;\n      gap: 0.75rem;\n    }\n    \n    .accordion-item {\n      border: 1px solid hsl(0, 0%, 0%, 0.12);\n      border-radius: 1rem;\n      background: hsl(0, 0%, 98%);\n      overflow: hidden;\n    }\n    \n    .accordion-header {\n      width: 100%;\n      text-align: left;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 1rem;\n      padding: 1rem;\n      background: transparent;\n      cursor: pointer;\n    }\n    \n    .accordion-icon {\n      flex-shrink: 0;\n      width: 2rem;\n      height: 2rem;\n      border-radius: 0.5rem;\n      background: linear-gradient(to right, hsl(256, 100%, 61%), hsl(253, 100%, 68%));\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 1.25rem;\n    }\n    \n    .accordion-title {\n      flex: 1;\n      font-weight: 900;\n      color: hsl(0, 0%, 0%);\n    }\n    \n    .accordion-arrow {\n      flex-shrink: 0;\n      transition: transform 0.2s;\n    }\n    \n    .accordion-arrow.open {\n      transform: rotate(180deg);\n    }\n    \n    .accordion-content {\n      padding: 0 1rem 1rem;\n      color: hsl(0, 0%, 35%);\n      display: none;\n    }\n    \n    .accordion-content.open {\n      display: block;\n    }\n    \n    .accordion-solution {\n      font-weight: 900;\n      color: hsl(256, 100%, 61%);\n      margin-bottom: 0.25rem;\n    }\n    \n    .challenges-visual {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 1rem;\n      overflow: hidden;\n      border: 1px solid hsl(0, 0%, 0%, 0.12);\n      background: hsl(0, 0%, 96%);\n    }\n    \n    .challenges-visual img {\n      width: 100%;\n      height: auto;\n      object-fit: cover;\n    }\n    \n    \/* Why SaaS Section *\/\n    .why-saas {\n\npadding-top:60px;\n \n      text-align: center;\n    }\n    \n    .why-saas h2 {\n      margin-bottom: 0.75rem;\n      color: hsl(0, 0%, 11%);\n    }\n    \n    .why-saas > p {\n      color: hsl(0, 0%, 33%);\n    \n      max-width: 48rem;\n      margin: 0 auto 3rem;\n    }\n    \n    .metrics-grid {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 1.75rem;\n      max-width: 72rem;\n      margin: 0 auto;\n    }\n    \n    @media (min-width: 768px) {\n      .metrics-grid {\n        grid-template-columns: repeat(2, 1fr);\n      }\n    }\n    \n    @media (min-width: 1024px) {\n      .metrics-grid {\n        grid-template-columns: repeat(3, 1fr);\n      }\n    }\n    \n    .metric-card {\n      background: white;\n      border: 1px solid rgba(0, 0, 0, 0.08);\n      border-radius: 1rem;\n      padding: 2.5rem;\n      box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\n      transition: all 0.3s;\n      text-align: center;\n    }\n    \n    .metric-card:hover {\n      box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\n      transform: translateY(-0.375rem);\n    }\n    \n    .metric-icon {\n      width: 4.5rem;\n      height: 4.5rem;\n      margin: 0 auto 1.25rem;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n    \n    .metric-title {\n      font-size: 1.25rem;\n      font-weight: 900;\n      color: hsl(0, 0%, 11%);\n      margin: 0.625rem 0;\n    }\n    \n    .metric-number {\n      font-size: 2.5rem;\n      font-weight: 900;\n      color: hsl(0, 0%, 11%);\n      margin: 0.625rem 0;\n    }\n    \n    .metric-description {\n      font-size: 0.9375rem;\n      color: hsl(0, 0%, 33%);\n      margin-top: 0.375rem;\n    }\n    \n    \/* How It Works Section *\/\n    .how-it-works {\n      background: white;\n      padding: 5.625rem 1rem;\n      text-align: center;\n    }\n    \n    .how-it-works h2 {\n      font-size: 2.5rem;\n      font-weight: 900;\n      color: hsl(0, 0%, 11%);\n      margin-bottom: 0.625rem;\n    }\n    \n    .how-it-works > p {\n      max-width: 48rem;\n      margin: 0 auto 2rem;\n      font-size: 1.125rem;\n      color: hsl(0, 0%, 33%);\n    }\n    \n    .bubble-flow {\n      max-width: 61.25rem;\n      margin: 0 auto;\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 1.5rem;\n      align-items: center;\n    }\n    \n    @media (min-width: 900px) {\n      .bubble-flow {\n        grid-template-columns: 1fr 1fr;\n      }\n    }\n    \n    .bubble {\n      position: relative;\n      background: radial-gradient(120% 120% at 30% 30%, rgba(115,90,255,.18), rgba(115,90,255,.10) 60%, rgba(0,0,0,.02) 100%);\n      backdrop-filter: blur(2px);\n      border-radius: 50%;\n      width: 15rem;\n      height: 15rem;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      margin: 0.75rem auto;\n      box-shadow: 0 25px 40px rgba(31,41,55,.08);\n      text-align: center;\n      transition: all 0.4s ease-in-out;\n      cursor: pointer;\n    }\n    \n    .bubble h3 {\n      margin: 0;\n      font-size: 1rem;\n      font-weight: 800;\n      color: hsl(0, 0%, 11%);\n      text-transform: uppercase;\n      letter-spacing: 0.03125rem;\n    }\n    \n    .bubble p {\n      margin: 0.5rem auto 0;\n      color: hsl(0, 0%, 27%);\n      font-size: 0.875rem;\n      max-width: 80%;\n      line-height: 1.5;\n    }\n    \n    .bubble-number {\n      position: absolute;\n      top: -0.75rem;\n      left: -0.75rem;\n      background: hsl(248, 95%, 65%);\n      color: white;\n      width: 2.625rem;\n      height: 2.625rem;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-weight: 900;\n      box-shadow: 0 10px 20px rgba(115,90,255,.25);\n      transition: all 0.3s ease-in-out;\n    }\n    \n    .bubble:hover {\n      background: hsl(248, 95%, 65%);\n      box-shadow: 0 30px 60px rgba(115,90,255,.3);\n      transform: scale(1.05);\n    }\n    \n    .bubble:hover h3,\n    .bubble:hover p {\n      color: white;\n    }\n    \n    .bubble:hover .bubble-number {\n      background: white;\n      color: hsl(248, 95%, 65%);\n    }\n    \n    @media (min-width: 900px) {\n      .bubble.offset {\n        transform: translateY(3rem);\n      }\n      \n      .bubble.offset:hover {\n        transform: translateY(3rem) scale(1.05);\n      }\n    }\n    \n    \/* Compliance Section *\/\n    .compliance {\n      background: white;\n      padding: 5.625rem 1rem;\n      text-align: center;\n    }\n    \n    .compliance h2 {\n      font-size: 2.5rem;\n      font-weight: 900;\n      margin-bottom: 0.5rem;\n      color: black;\n    }\n    \n    .compliance > p {\n      max-width: 48rem;\n      margin: 0 auto 1.25rem;\n      font-size: 1.125rem;\n      color: hsl(0, 0%, 20%);\n    }\n    \n    .audit-cards {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));\n      gap: 1.25rem;\n      max-width: 60rem;\n      margin: 0 auto;\n    }\n    \n    .audit-card {\n      border: 2px solid hsl(0, 0%, 93%);\n      border-radius: 1rem;\n      padding: 1.375rem;\n      background: hsl(0, 0%, 98%);\n      transition: all 0.35s ease;\n      cursor: pointer;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .audit-card:hover {\n      background: hsl(248, 95%, 65%);\n      color: white;\n      box-shadow: 0 10px 25px rgba(115,90,255,0.25);\n      transform: translateY(-0.25rem);\n    }\n    \n    .audit-icon {\n      width: 2.5rem;\n      height: 2.5rem;\n      margin: 0 auto 0.625rem;\n      transition: filter 0.3s ease;\n    }\n    \n    .audit-card:hover .audit-icon {\n      filter: invert(1);\n    }\n    \n    .audit-card h3 {\n      margin: 0.75rem 0 0.375rem;\n      font-size: 1rem;\n      font-weight: 800;\n    }\n    \n    .audit-card p {\n      font-size: 0.875rem;\n      margin: 0;\n    }\n    \n    \/* Use Cases Section *\/\n    .use-cases {\n      background: white;\n \n      text-align: center;\n    }\n    \n    .use-cases h2 {\n      font-size: 2.5rem;\n      margin-bottom: 1.5625rem;\n    }\n    \n    .use-cases > p {\n      max-width: 47.5rem;\n      margin: 0 auto 1.875rem;\n      font-size: 1.125rem;\n      color: hsl(0, 0%, 20%);\n    }\n    \n    .usecases {\n      max-width: 62.5rem;\n      margin: 0 auto;\n      display: flex;\n      flex-direction: column;\n      gap: 1.25rem;\n    }\n    \n    .case-row {\n      display: flex;\n      align-items: center;\n      gap: 1.125rem;\n      padding: 1.125rem 1.375rem;\n      border-radius: 0.75rem;\n      transition: all 0.3s ease;\n      justify-content: flex-start;\n      background: hsl(248, 95%, 65%);\n      color: white;\n    }\n    \n    .case-row:hover {\n      background: white;\n      color: black;\n      border: 2px solid hsl(248, 95%, 65%);\n    }\n    \n    .case-icon {\n      width: 3.125rem;\n      height: 3.125rem;\n      flex-shrink: 0;\n      transition: filter 0.3s ease;\n    }\n    \n    .case-content {\n      text-align: left;\n    }\n    \n    .case-content h3 {\n      margin: 0;\n      font-size: 1.125rem;\n      font-weight: 800;\n    }\n    \n    .case-content p {\n      margin: 0.25rem 0 0;\n      font-size: 0.9375rem;\n    }\n    \n    \/* Testimonial Section *\/\n    .testimonial {\n      padding: 6rem 1.5rem;\n    }\n    \n    @media (min-width: 768px) {\n      .testimonial {\n        padding: 6rem 4rem;\n      }\n    }\n    \n  \n    @media (min-width: 768px) {\n      .testimonial-card {\n        padding: 4rem;\n      }\n    }\n    \n    .quote-decoration {\n      pointer-events: none;\n      user-select: none;\n      position: absolute;\n      right: -1.5rem;\n      bottom: 0;\n      opacity: 0.2;\n    }\n    \n    .testimonial-quote {\n      font-size: 1.5rem;\n      line-height: 1.4;\n      font-weight: 600;\n      max-width: 64rem;\n    }\n    \n    @media (min-width: 768px) {\n      .testimonial-quote {\n        font-size: 2.25rem;\n      }\n    }\n    \n    .testimonial-author {\n      display: flex;\n      align-items: center;\n      gap: 1rem;\n      margin-top: 2rem;\n    }\n    \n    .author-avatar {\n      height: 3rem;\n      width: 3rem;\n      border-radius: 50%;\n      object-fit: cover;\n    }\n    \n    .author-name {\n      font-weight: 600;\n    }\n    \n    .author-company {\n      color: hsl(0, 0%, 75%);\n      font-size: 0.875rem;\n    }\n    \n    .testimonial-pagination {\n      display: flex;\n      justify-content: center;\n      gap: 0.5rem;\n      margin-top: 1.5rem;\n    }\n    \n    .pagination-dot {\n      height: 0.625rem;\n      border-radius: 9999px;\n      transition: all 0.3s;\n      background: hsl(0, 0%, 75%);\n      width: 0.625rem;\n    }\n    \n    .pagination-dot.active {\n      width: 2rem;\n      background: hsl(248, 95%, 65%);\n    }\n    \n    \/* Bundle Economics Section *\/\n    .bundle-economics {\n      padding: 6rem 1rem;\n    }\n    \n    .bundle-economics h2 {\n      font-size: 2.5rem;\n      text-align: center;\n      margin-bottom: 1rem;\n    }\n    \n    @media (min-width: 768px) {\n      .bundle-economics h2 {\n        font-size: 3rem;\n      }\n    }\n    \n    .bundle-economics > p {\n      color: hsl(0, 0%, 35%);\n      text-align: center;\n      margin-bottom: 3rem;\n    }\n    \n    .bundle-grid {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 3rem;\n      align-items: center;\n    }\n    \n    @media (min-width: 768px) {\n      .bundle-grid {\n        grid-template-columns: 1fr 1fr;\n      }\n    }\n    \n    .bundle-controls {\n      display: flex;\n      flex-direction: column;\n      gap: 1.5rem;\n    }\n    \n    .form-group label {\n      font-size: 0.75rem;\n      text-transform: uppercase;\n      letter-spacing: 0.05em;\n      color: hsl(248, 95%, 65%);\n      font-weight: 700;\n      display: block;\n      margin-bottom: 0.5rem;\n    }\n    \n    .form-group input,\n    .form-group select {\n      width: 100%;\n      padding: 0.75rem 1rem;\n      border: 1px solid hsla(0, 0%, 100%, 0.12);\n      background: hsla(0, 0%, 100%, 0.04);\n      border-radius: 0.5rem;\n      font-size: 1rem;\n    }\n    \n    .calculate-btn {\n      width: 100%;\n      padding: 0.75rem 1rem;\n      background: linear-gradient(to right, hsl(248, 90%, 55%), hsl(248, 95%, 65%));\n      color: white;\n      border: none;\n      border-radius: 0.5rem;\n      font-weight: 600;\n      cursor: pointer;\n    }\n    \n    .calculate-btn:hover {\n      filter: brightness(1.1);\n    }\n    \n    .chart-container {\n      border: 1px solid hsla(0, 0%, 100%, 0.12);\n      border-radius: 1rem;\n      padding: 1.5rem;\n      background: hsla(0, 0%, 100%, 0.04);\n      height: 16rem;\n      display: flex;\n      align-items: flex-end;\n      justify-content: space-around;\n      gap: 1rem;\n    }\n    \n    .chart-bar-wrapper {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      flex: 1;\n    }\n    \n    .chart-bar {\n      width: 100%;\n      background: linear-gradient(to bottom, hsl(248, 90%, 55%), hsl(248, 95%, 65%));\n      border-radius: 0.75rem 0.75rem 0 0;\n      transition: all 0.5s;\n    }\n    \n    .chart-labels {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 1rem;\n      margin-top: 1rem;\n      text-align: center;\n    }\n    \n    .chart-label-title {\n      font-weight: 700;\n      font-size: 1.125rem;\n    }\n    \n    .chart-label-value {\n      font-size: 0.875rem;\n      color: hsl(0, 0%, 35%);\n    }\n    \n    \/* Deployment Options Section *\/\n    .deployment {\n      background: hsl(235, 75%, 9%);\n      color: white;\n      padding: 6rem 1.5rem;\n      text-align: center;\n    }\n    \n    @media (min-width: 768px) {\n      .deployment {\n        padding: 6rem 4rem;\n      }\n    }\n    \n    .deployment h2 {\n           margin-bottom: 1rem;\n    }\n    \n    @media (min-width: 768px) {\n   \n    }\n    \n    .deployment > p {\n      max-width: 48rem;\n      margin: 0 auto 4rem;\n      color: hsl(0, 0%, 75%);\n    }\n    \n    .deployment-grid {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 3rem;\n      max-width: 72rem;\n      margin: 0 auto;\n    }\n    \n    @media (min-width: 768px) {\n      .deployment-grid {\n        grid-template-columns: repeat(3, 1fr);\n      }\n    }\n    \n    .deployment-option {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n    }\n    \n    .deployment-icon {\n      width: 7rem;\n      height: 7rem;\n      border-radius: 50%;\n      background: linear-gradient(to bottom, hsl(256, 100%, 64%), hsl(246, 51%, 53%));\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\n      margin-bottom: 1.5rem;\n    }\n    \n    .deployment-option h3 {\n      font-size: 1.5rem;\n      font-weight: 600;\n      margin-bottom: 0.75rem;\n    }\n    \n    .deployment-option p {\n      color: hsl(0, 0%, 75%);\n      max-width: 20rem;\n    }\n    \n    \/* FAQ Section *\/\n    .faq {\n      padding: 6rem 1rem;\n    }\n    \n    .faq h2 {\n      font-size: 2.5rem;\n      text-align: center;\n      margin-bottom: 3rem;\n    }\n    \n    @media (min-width: 768px) {\n      .faq h2 {\n        font-size: 3rem;\n      }\n    }\n    \n    .faq-list {\n      display: flex;\n      flex-direction: column;\n      gap: 1rem;\n      max-width: 56rem;\n      margin: 0 auto;\n    }\n    \n    .faq-item {\n      border: 1px solid hsla(0, 0%, 100%, 0.12);\n      border-radius: 1rem;\n      padding: 1.5rem;\n      background: hsla(0, 0%, 100%, 0.04);\n    }\n    \n    .faq-label {\n      font-size: 0.75rem;\n      text-transform: uppercase;\n      letter-spacing: 0.05em;\n      color: hsl(248, 95%, 65%);\n      font-weight: 700;\n      margin-bottom: 0.5rem;\n    }\n    \n    .faq-question {\n      font-weight: 700;\n      font-size: 1.125rem;\n      margin-bottom: 0.5rem;\n    }\n    \n    .faq-answer {\n      color: hsl(0, 0%, 35%);\n    }\n    \n    \/* Final CTA Section *\/\n    .final-cta {\n      padding: 6rem 1rem;\n      background: linear-gradient(to right, hsl(248, 90%, 55%), hsl(248, 95%, 65%));\n      text-align: center;\n      color: white;\n    }\n    \n    .final-cta h2 {\n      font-size: 2.5rem;\n      margin-bottom: 1rem;\n    }\n    \n    @media (min-width: 768px) {\n      .final-cta h2 {\n        font-size: 3rem;\n      }\n    }\n    \n    .final-cta > p {\n      font-size: 1.125rem;\n      color: rgba(255, 255, 255, 0.9);\n      margin-bottom: 2rem;\n    }\n    \n    .cta-buttons {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 0.75rem;\n      justify-content: center;\n    }\n    \n    .btn-secondary {\n      background: hsl(0, 0%, 96%);\n      color: hsl(0, 0%, 0%);\n      border: none;\n    }\n    \n    .btn-secondary:hover {\n      background: white;\n    }\n    \n    .btn-ghost {\n      border: 2px solid rgba(255, 255, 255, 0.35);\n      background: rgba(255, 255, 255, 0.1);\n      backdrop-filter: blur(8px);\n      color: white;\n    }\n    \n    .btn-ghost:hover {\n      background: rgba(255, 255, 255, 0.2);\n    }\n  <\/style>\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1288562910 {\n  padding-top: 100px;\n  padding-bottom: 100px;\n}\n<\/style>\n\t<\/section>\n\t\n\n\n<style>\n.bg_gradient {\n    background: linear-gradient(177.86deg, #735AFF -98.37%, #000000 65.46%);\n}\n<\/style>\n\n\t<section class=\"section brand_section_pass\" id=\"section_282695699\">\n\t\t<div class=\"bg section-bg fill bg-fill  bg-loaded\" >\n\n\t\t\t\n\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n\n\n<style>\nsection.trusted-section {\n    padding: 35px;\n}\n.trusted-section {\n\n  text-align: center;\n}\n.trusted-heading {\n    font-family: Inter, sans-serif;\n    font-size: 40px;\n    font-weight: 600;\n    line-height: 120%;\n    text-align: center;\n    font-style: normal;\n    color: #000;\n    width: 100%;\n    margin: auto;\n    max-width: 650px;\n    margin-bottom: 60px;\n}\n.trusted-logos {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 80px;\n    flex-direction: row;\n    align-items: center;\n}\n.trusted-logo {\n  max-height: 50px;\n  max-width: 160px;\n  object-fit: contain;\n}\n@media (max-width: 768px) {\n  .trusted-heading {\n    font-size: 30px;\n    max-width: 550px;\n  }\n\n  .trusted-logo {\n    max-width: 100px;\n    max-height: 40px;\n  }\n\n  .trusted-logos {\n    gap: 30px;\n  }\n}\n.brand_section_pass {\n    background: linear-gradient(242deg, #F2EBFF 4.44%, #FFF 104.04%);\n}\n\n<\/style>\n<section class=\"trusted-section\">\n    <div class=\"trusted-container\">\n      <h2 >\n        Trusted by businesses securing millions of SMB users\n      <\/h2>\n      <div class=\"trusted-logos\">\n        <img decoding=\"async\" src=\"https:\/\/d1jxermyrliwoo.cloudfront.net\/wp-content\/uploads\/2025\/08\/06133002\/HelloRache.webp\" alt=\"HelloRache\" class=\"trusted-logo\" \/>\n        <img decoding=\"async\" src=\"https:\/\/d1jxermyrliwoo.cloudfront.net\/wp-content\/uploads\/2025\/08\/06133000\/DAZN.webp\" alt=\"DAZN\" class=\"trusted-logo\" \/>\n        <img decoding=\"async\" src=\"https:\/\/d1jxermyrliwoo.cloudfront.net\/wp-content\/uploads\/2025\/08\/06133003\/Samsung.webp\" alt=\"Samsung\" class=\"trusted-logo\" \/>\n        <img decoding=\"async\" src=\"https:\/\/d1jxermyrliwoo.cloudfront.net\/wp-content\/uploads\/2025\/08\/06133001\/Frame-3465338.webp\" alt=\"GK\" class=\"trusted-logo\" \/>\n        <img decoding=\"async\" src=\"https:\/\/d1jxermyrliwoo.cloudfront.net\/wp-content\/uploads\/2025\/08\/06132957\/Appinventiv.webp\" alt=\"Appinventiv\" class=\"trusted-logo\" \/>\n        <img decoding=\"async\" src=\"https:\/\/d1jxermyrliwoo.cloudfront.net\/wp-content\/uploads\/2025\/08\/06133003\/olg.webp\" alt=\"OLG\" class=\"trusted-logo\" \/>\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_282695699 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n<\/style>\n\t<\/section>\n\t\n\n\n\n<p><\/p>\n\n\n\n\t<div id=\"gap-1026842682\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1026842682 {\n  padding-top: 80px;\n}\n<\/style>\n\t<\/div>\n\t\n\n\t<section class=\"section\" id=\"section_1161891513\">\n\t\t<div class=\"bg section-bg fill bg-fill  bg-loaded\" >\n\n\t\t\t\n\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n\n\n<section class=\"challenges\">\n    <div class=\"container\">\n      <h2>\n        Challenges SaaS Platforms Face \u2014 and How We Solve Them\n      <\/h2>\n      <p class=\"custom_text\">\n        Expandable challenges on the left with your visual on the right. Clean, accessible, and on\u2011brand.\n      <\/p>\n\n      <div class=\"challenges-grid\">\n        <div class=\"accordion\">\n          <div class=\"accordion-item\">\n            <button class=\"accordion-header\" onclick=\"toggleAccordion(0)\">\n              <span class=\"accordion-icon\">\ud83d\udd10<\/span>\n              <span class=\"accordion-title\">Shared Logins &#038; Weak Passwords<\/span>\n              <svg class=\"accordion-arrow\" id=\"arrow-0\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                <path d=\"M6 9l6 6 6-6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/button>\n            <div class=\"accordion-content\" id=\"content-0\">\n              <p>Developers and clients reuse credentials across tenants \u2014 exposing your SaaS to breaches.<\/p>\n              <div class=\"accordion-solution\">Solution<\/div>\n              <p>Secure, encrypted vaults isolate every user and workspace.<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"accordion-item\">\n            <button class=\"accordion-header\" onclick=\"toggleAccordion(1)\">\n              <span class=\"accordion-icon\">\ud83e\udde9<\/span>\n              <span class=\"accordion-title\">Shadow IT<\/span>\n              <svg class=\"accordion-arrow\" id=\"arrow-1\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                <path d=\"M6 9l6 6 6-6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/button>\n            <div class=\"accordion-content\" id=\"content-1\">\n              <p>Users store passwords in browsers or spreadsheets, outside your control.<\/p>\n              <div class=\"accordion-solution\">Solution<\/div>\n              <p>Centralize credentials within your SaaS using our embedded vault SDK.<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"accordion-item\">\n            <button class=\"accordion-header\" onclick=\"toggleAccordion(2)\">\n              <span class=\"accordion-icon\">\u26a0\ufe0f<\/span>\n              <span class=\"accordion-title\">Compliance Friction<\/span>\n              <svg class=\"accordion-arrow\" id=\"arrow-2\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                <path d=\"M6 9l6 6 6-6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/button>\n            <div class=\"accordion-content\" id=\"content-2\">\n              <p>SOC2, ISO27001, and GDPR demand strict password auditing and traceability.<\/p>\n              <div class=\"accordion-solution\">Solution<\/div>\n              <p>Built\u2011in SOC2 &#038; GDPR\u2011ready architecture with access logs &#038; zero\u2011knowledge encryption.<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"accordion-item\">\n            <button class=\"accordion-header\" onclick=\"toggleAccordion(3)\">\n              <span class=\"accordion-icon\">\ud83d\udcb8<\/span>\n              <span class=\"accordion-title\">Revenue Leaks<\/span>\n              <svg class=\"accordion-arrow\" id=\"arrow-3\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                <path d=\"M6 9l6 6 6-6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/button>\n            <div class=\"accordion-content\" id=\"content-3\">\n              <p>Without a native security suite, upsell potential and retention drop.<\/p>\n              <div class=\"accordion-solution\">Solution<\/div>\n              <p>Monetize password security as a premium tier \u2014 boosting ARPU by 20\u201130%.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"challenges-visual\">\n          <img decoding=\"async\"\n            src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='560' height='520'%3E%3Crect fill='%23f5f5f5' width='560' height='520'\/%3E%3Ctext x='280' y='260' text-anchor='middle' font-family='Arial' font-size='18' fill='%23999'%3EUpload Your Visual%3C\/text%3E%3C\/svg%3E\"\n            alt=\"Challenge visual placeholder\"\n          \/>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n\n<script>\n    \/\/ Hero counter animation\n    document.addEventListener('DOMContentLoaded', function() {\n      const animateCount = (el) => {\n        const target = parseInt(el.getAttribute('data-target') || '0');\n        const duration = 1200;\n        const start = performance.now();\n        const from = 0;\n\n        const tick = (timestamp) => {\n          const progress = Math.min(1, (timestamp - start) \/ duration);\n          const value = Math.floor(from + (target - from) * (0.5 - Math.cos(Math.PI * progress) \/ 2));\n          el.textContent = value.toLocaleString();\n          if (progress < 1) requestAnimationFrame(tick);\n        };\n        requestAnimationFrame(tick);\n      };\n\n      const observer = new IntersectionObserver(\n        (entries) => {\n          entries.forEach((entry) => {\n            if (entry.isIntersecting) {\n              const counters = entry.target.querySelectorAll('[data-target]');\n              counters.forEach((counter) => animateCount(counter));\n              observer.disconnect();\n            }\n          });\n        },\n        { threshold: 0.35 }\n      );\n\n      const mockup = document.querySelector('.hero-mockup');\n      if (mockup) observer.observe(mockup);\n\n      \/\/ Reveal animations\n      const revealObserver = new IntersectionObserver(\n        (entries) => {\n          entries.forEach((entry) => {\n            if (entry.isIntersecting) {\n              entry.target.classList.add('show');\n            }\n          });\n        },\n        { threshold: 0.12 }\n      );\n\n      document.querySelectorAll('.reveal').forEach((el) => revealObserver.observe(el));\n\n      \/\/ Metric counters\n      const metricCards = document.querySelectorAll('.metric-card');\n      const metricObserver = new IntersectionObserver(\n        (entries) => {\n          entries.forEach((entry) => {\n            if (entry.isIntersecting && !entry.target.dataset.animated) {\n              const card = entry.target;\n              const numberEl = card.querySelector('.metric-number');\n              const target = parseInt(card.dataset.target);\n              const prefix = card.dataset.prefix || '';\n              const suffix = card.dataset.suffix || '';\n              const isNegative = card.dataset.negative === 'true';\n              \n              let current = 0;\n              const steps = 36;\n              const increment = target \/ steps;\n              let step = 0;\n\n              const tick = () => {\n                step++;\n                current += increment;\n                if (step >= steps) current = target;\n                numberEl.textContent = `${prefix}${isNegative ? '\u2193' : ''}${Math.round(current)}${suffix}`;\n                if (step < steps) requestAnimationFrame(tick);\n              };\n\n              requestAnimationFrame(tick);\n              card.dataset.animated = '1';\n            }\n          });\n        },\n        { threshold: 0.4 }\n      );\n\n      metricCards.forEach((card) => metricObserver.observe(card));\n\n      \/\/ Initialize ROI calculator\n      calculateROI();\n    });\n\n    \/\/ Accordion\n    let currentAccordion = 0;\n    function toggleAccordion(index) {\n      const content = document.getElementById(`content-${index}`);\n      const arrow = document.getElementById(`arrow-${index}`);\n      \n      if (currentAccordion === index) {\n        content.classList.toggle('open');\n        arrow.classList.toggle('open');\n      } else {\n        \/\/ Close previous\n        if (currentAccordion >= 0) {\n          document.getElementById(`content-${currentAccordion}`)?.classList.remove('open');\n          document.getElementById(`arrow-${currentAccordion}`)?.classList.remove('open');\n        }\n        content.classList.add('open');\n        arrow.classList.add('open');\n        currentAccordion = index;\n      }\n    }\n    \/\/ Open first accordion by default\n    toggleAccordion(0);\n\n    \/\/ Testimonial slider\n    const testimonials = [\n      {\n        quote: \"Integrating PureVPN's password manager helped us close enterprise deals faster and launch a secure tier that improved ARPU by 22%.\",\n        author: \"Head of Growth\",\n        company: \"SaaS Platform Partner\",\n        avatar: \"https:\/\/images.unsplash.com\/photo-1472099645785-5658abf4ff4e?w=100&h=100&fit=crop&crop=faces\",\n      },\n      {\n        quote: \"The white-label solution seamlessly integrated with our existing infrastructure. Our customers love the added security layer.\",\n        author: \"CTO\",\n        company: \"Enterprise SaaS Provider\",\n        avatar: \"https:\/\/images.unsplash.com\/photo-1438761681033-6461ffad8d80?w=100&h=100&fit=crop&crop=faces\",\n      },\n      {\n        quote: \"PureWL's deployment flexibility allowed us to meet compliance requirements while scaling globally. A game-changer for our business.\",\n        author: \"VP of Operations\",\n        company: \"Tier-1 Telco\",\n        avatar: \"https:\/\/images.unsplash.com\/photo-1500648767791-00dcc994a43e?w=100&h=100&fit=crop&crop=faces\",\n      },\n    ];\n\n    let currentTestimonial = 0;\n\n    function updateTestimonial() {\n      const t = testimonials[currentTestimonial];\n      document.getElementById('testimonial-quote').textContent = `\"${t.quote}\"`;\n      document.getElementById('testimonial-author').textContent = t.author;\n      document.getElementById('testimonial-company').textContent = t.company;\n      document.getElementById('testimonial-avatar').src = t.avatar;\n\n      \/\/ Update pagination\n      document.querySelectorAll('.pagination-dot').forEach((dot, i) => {\n        dot.classList.toggle('active', i === currentTestimonial);\n      });\n    }\n\n    function changeTestimonial(direction) {\n      currentTestimonial = (currentTestimonial + direction + testimonials.length) % testimonials.length;\n      updateTestimonial();\n    }\n\n    function setTestimonial(index) {\n      currentTestimonial = index;\n      updateTestimonial();\n    }\n\n    \/\/ ROI Calculator\n    function calculateROI() {\n      const users = parseInt(document.getElementById('users-input').value) || 0;\n      const uplift = parseInt(document.getElementById('uplift-select').value) || 2;\n      const months = 12;\n\n      const r5 = users * 0.05 * uplift * months;\n      const r20 = users * 0.20 * uplift * months;\n      const r50 = users * 0.50 * uplift * months;\n\n      const maxValue = Math.max(r5, r20, r50, 1);\n\n      document.getElementById('bar-5').style.height = Math.max(10, (r5 \/ maxValue) * 100) + '%';\n      document.getElementById('bar-20').style.height = Math.max(10, (r20 \/ maxValue) * 100) + '%';\n      document.getElementById('bar-50').style.height = Math.max(10, (r50 \/ maxValue) * 100) + '%';\n\n      document.getElementById('label-5').textContent = formatUSD(r5);\n      document.getElementById('label-20').textContent = formatUSD(r20);\n      document.getElementById('label-50').textContent = formatUSD(r50);\n    }\n\n    function formatUSD(n) {\n      return n.toLocaleString('en-US', {\n        style: 'currency',\n        currency: 'USD',\n        maximumFractionDigits: 0,\n      });\n    }\n  <\/script>\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1161891513 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section\" id=\"section_441649735\">\n\t\t<div class=\"bg section-bg fill bg-fill  bg-loaded\" >\n\n\t\t\t\n\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n\n\n<section class=\"why-saas\">\n    <div class=\"container\">\n      <h2>\n        Why SaaS Companies Prefer PureWL Password Manager\n      <\/h2>\n      <p class=\"custom_text\">\n        A trusted, proven layer that boosts revenue, accelerates enterprise deals, and reduces churn \u2014 powering SaaS growth with measurable outcomes.\n      <\/p>\n\n      <div class=\"metrics-grid\">\n        <div class=\"metric-card\" data-target=\"30\" data-suffix=\"%\" data-prefix=\"\">\n          <div class=\"metric-icon\" style=\"background: linear-gradient(145deg, #45056d, #140131);\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\">\n              <path d=\"M3 12l6-6 4 4 7-7\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"metric-title\">ARPU Uplift<\/div>\n          <div class=\"metric-number\">0%<\/div>\n          <div class=\"metric-description\">Partners report +20\u201330% revenue growth by bundling security features.<\/div>\n        <\/div>\n\n        <div class=\"metric-card\" data-target=\"3\" data-suffix=\"\" data-prefix=\"\u00d7\">\n          <div class=\"metric-icon\" style=\"background: linear-gradient(145deg, #45056d, #140131)\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\">\n              <path d=\"M5 13l4 4L19 7\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"metric-title\">Faster Enterprise Deals<\/div>\n          <div class=\"metric-number\">\u00d70<\/div>\n          <div class=\"metric-description\">Compliance\u2011ready infrastructure shortens enterprise onboarding time.<\/div>\n        <\/div>\n\n        <div class=\"metric-card\" data-target=\"25\" data-suffix=\"%\" data-prefix=\"\" data-negative=\"true\">\n          <div class=\"metric-icon\" style=\"background: linear-gradient(145deg, #45056d, #140131)\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\">\n              <path d=\"M12 20l9-5-9-5-9 5 9 5z\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"metric-title\">Churn Reduction<\/div>\n          <div class=\"metric-number\">0%<\/div>\n          <div class=\"metric-description\">SaaS users stay longer when password management is built into the experience.<\/div>\n        <\/div>\n    \n    <\/div>\n  <\/section>\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_441649735 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section\" id=\"section_779905263\">\n\t\t<div class=\"bg section-bg fill bg-fill  bg-loaded\" >\n\n\t\t\t\n\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n\n\n<section class=\"how-it-works\">\n    <div class=\"container\">\n      <h2>How It Works<\/h2>\n      <p>\n        Four animated phases that show your path from integration to monetization.\n      <\/p>\n\n      <div class=\"bubble-flow\">\n        <div class=\"bubble\">\n          <div class=\"bubble-number\">1<\/div>\n          <div>\n            <h3>Integrate<\/h3>\n            <p>Drop\u2011in SDKs &#038; APIs for Web, iOS, Android, and Desktop. No detour from roadmap.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"bubble offset\">\n          <div class=\"bubble-number\">2<\/div>\n          <div>\n            <h3>Brand<\/h3>\n            <p>Match your UI and flows. White\u2011label vault, onboarding, and policies \u2014 your brand only.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"bubble\">\n          <div class=\"bubble-number\">3<\/div>\n          <div>\n            <h3>Deploy<\/h3>\n            <p>Cloud, Hybrid, or On\u2011Prem. SOC2 &#038; GDPR\u2011ready with zero\u2011knowledge encryption.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"bubble offset\">\n          <div class=\"bubble-number\">4<\/div>\n          <div>\n            <h3>Monetize<\/h3>\n            <p>Bundle as an add\u2011on or tier upgrade. Turn security into recurring revenue.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_779905263 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section\" id=\"section_1314111373\">\n\t\t<div class=\"bg section-bg fill bg-fill  bg-loaded\" >\n\n\t\t\t\n\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n\n\n<section class=\"compliance\">\n    <div class=\"container\">\n      <h2>Pass Every Audit, Win Every Deal<\/h2>\n      <p>\n        Build confidence with enterprise clients by offering compliance-ready security from day one. \n        PureWL&#8217;s white-label password manager delivers encrypted vaults, zero-knowledge architecture, \n        and ready-to-present audit reports \u2014 helping SaaS brands meet and exceed security expectations effortlessly.\n      <\/p>\n\n      <div class=\"audit-cards\">\n        <div class=\"audit-card\">\n          <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/942\/942790.png\" alt=\"SOC2\" class=\"audit-icon\" \/>\n          <h3>SOC2 Type II<\/h3>\n          <p>Full audit trail and control systems validated by independent assessors.<\/p>\n        <\/div>\n\n        <div class=\"audit-card\">\n          <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/942\/942748.png\" alt=\"GDPR\" class=\"audit-icon\" \/>\n          <h3>GDPR<\/h3>\n          <p>Data protection and privacy for all EU users built into the architecture.<\/p>\n        <\/div>\n\n        <div class=\"audit-card\">\n          <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/942\/942775.png\" alt=\"ISO27001\" class=\"audit-icon\" \/>\n          <h3>ISO27001<\/h3>\n          <p>Certified information security management to ensure global trust.<\/p>\n        <\/div>\n\n        <div class=\"audit-card\">\n          <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/942\/942753.png\" alt=\"Zero Knowledge\" class=\"audit-icon\" \/>\n          <h3>Zero\u2011Knowledge Encryption<\/h3>\n          <p>No one \u2014 not even PureWL \u2014 can view your users&#8217; credentials.<\/p>\n        <\/div>\n\n        <div class=\"audit-card\">\n          <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/942\/942760.png\" alt=\"AES\u2011256\" class=\"audit-icon\" \/>\n          <h3>AES\u2011256 Encryption<\/h3>\n          <p>Bank\u2011grade encryption standard ensuring every vault stays secure.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1314111373 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section\" id=\"section_1717485059\">\n\t\t<div class=\"bg section-bg fill bg-fill  bg-loaded\" >\n\n\t\t\t\n\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n\n\n<section class=\"use-cases\">\n    <div class=\"container\">\n      <h2>SaaS Use Cases<\/h2>\n      <p>Explore how different SaaS verticals embed PureWL&#8217;s Password Manager to boost security, retention, and ARPU growth.<\/p>\n\n      <div class=\"usecases\">\n        <div class=\"case-row\">\n          <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/3135\/3135715.png\" alt=\"Multi Tenant Access\" class=\"case-icon\"\/>\n          <div class=\"case-content\">\n            <h3>Multi\u2011Tenant Access Control<\/h3>\n            <p>Deliver secure credential management per workspace \u2014 eliminate cross\u2011tenant risk.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"case-row\">\n          <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/2103\/2103845.png\" alt=\"Developer Tools\" class=\"case-icon\"\/>\n          <div class=\"case-content\">\n            <h3>Developer Tools<\/h3>\n            <p>Centralize API keys &#038; environment variables safely across distributed teams.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"case-row\">\n          <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/1946\/1946488.png\" alt=\"Partner Portals\" class=\"case-icon\"\/>\n          <div class=\"case-content\">\n            <h3>Partner Portals<\/h3>\n            <p>Enable frictionless shared access while maintaining full compliance &#038; audit visibility.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"case-row\">\n          <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/1055\/1055644.png\" alt=\"Productivity SaaS\" class=\"case-icon\"\/>\n          <div class=\"case-content\">\n            <h3>Productivity SaaS<\/h3>\n            <p>Embed password management natively to improve user trust, retention, and lifetime value.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1717485059 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section\" id=\"section_2077485913\">\n\t\t<div class=\"bg section-bg fill bg-fill  bg-loaded\" >\n\n\t\t\t\n\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n\n\n<style>\n  .testimonial-area {\n    overflow: hidden;\n  }\n  .sec-hero-title span {\n     display: block;\n}\n  .testimonial-slider {\n    display: flex;\n    transition: transform 0.5s ease-in-out;\n  }\n\n  .testimonial-card {\n    min-width: 100%;\n  }\n\n  .testimonial-card .quote {\n    font-size: 18px;\n    line-height: 28px;\n    margin-bottom: 15px;\n    color: #333;\n    font-style: italic;\n  }\n\n  .profile {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .profile img.avatar {\n    width: 50px;\n    height: 50px;\n    border-radius: 50%;\n  }\n\n  .profile .meta strong {\n    display: block;\n    font-size: 16px;\n    color: #000;\n  }\n\n  .profile .meta small {\n    color: #777;\n  }\n\n  \/* arrow-col already given by you, we just make sure it's flex *\/\n  .arrow-col {\n    display: flex;\n    gap: 20px;\n    justify-content: center;\n    margin-top: 20px;\n  }\n\n  .arrow-btn-left,\n  .arrow-btn-right {\n    cursor: pointer;\n  }\nsection.trusted.and.security.box {\n    margin: 100px 0;\n}\n.security-service-box {\n    width: 100%;\n    max-width: 1224px;\n    margin: auto;\n}\n\n    .top-badge{\n      display: inline-block;\n      font-size: 12px;\n      padding: 6px 10px;\n      border-radius: 8px;\n      background: #eef2ff;\n      color: #4b4b9b;\n      font-weight: 600;\n      letter-spacing: .6px;\n    }\n\n    .sec-hero-title {\n      color: #000;\n      font-family: Inter;\n      font-size: 40px;\n      font-style: normal;\n      font-weight: 700;\n      line-height: 120%;\n      margin-bottom: 20px;\n    }\n\n    .hero-desc{\n    color: #3E3E3E;\n    font-family: Inter;\n    font-size: 20px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 32px;\n    max-width: 808px;\n    }\n    .testimonial-area {\n    margin-top: 60px;\n    border-radius: 30px;\n    background: url(https:\/\/d1jxermyrliwoo.cloudfront.net\/wp-content\/uploads\/2025\/09\/17145946\/Flexible-Deployment-Options.webp);\n    width: 1224px;\n    height: auto;\n    padding: 80px 0px;\n    background-repeat: no-repeat;\n    background-size: cover;\n    background-position: top;\n    padding-left: 60px;\n}\n    \/*.testimonial-card{\n      background: linear-gradient(180deg, rgba(8,4,22,1) 0%, rgba(11,4,33,1) 100%);\n      color: #fff;\n      border-radius: 18px;\n      padding: 34px 36px;\n      min-height: 220px;\n      position: relative;\n      box-shadow: 0 8px 30px rgba(6,8,30,0.12);\n    }\n      *\/\n    \n.testimonial-card .quote {\n    color: #FFF;\n    font-family: Inter;\n    font-size: 40px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 140%;\n    max-width: 1000px;\n    margin-bottom: 40px;\n}\n\n    .profile {\n    display: flex;\n    align-items: center;\n    gap: 24px;\n    margin-top: 0px;\n}\n    .profile .avatar{\n      width:100px;\n      height:100px;\n      }\n.profile .meta strong {\n    color: #E5E7EB;\n    font-family: Inter;\n    font-size: 30px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 30px;\n    margin-bottom: 10px;\n    display: block;\n}\n    .profile .meta small {\n    color: #D1D5DB;\n    font-family: Inter;\n    font-size: 20px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 24px;\n}\n    .slidr-box {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    }\n    .big-quotes {\n      position: absolute;\n      right: 18px;\n      bottom: 12px;\n      font-size: 110px;\n      color: rgba(255,255,255,0.04);\n      line-height: 1;\n      user-select: none;\n      pointer-events: none;\n    }\n     .arrow-col {\n    display: flex;\n    flex-direction: row;\n    gap: 12px;\n    justify-content: center;\n    align-items: center;\n    }\n    .arrow-btn {\n      width:44px;\n      height:44px;\n      border-radius:50%;\n      border: 1px solid rgba(0,0,0,0.06);\n      background: #ffffff;\n      display:flex;\n      align-items:center;\n      justify-content:center;\n      font-weight:700;\n      cursor: pointer;\n      box-shadow: 0 6px 18px rgba(12,12,30,0.06);\n      transition: transform .12s ease, background .12s ease;\n    }\n    .arrow-btn:hover{\n      transform: translateY(-3px);\n      background: var(--accent);\n      color: #fff;\n    }\n\n    \/* On smaller screens stack vertically *\/\n    @media (max-width: 880px){\n      .hero-title { font-size: 28px; }\n      .testimonial-area{ grid-template-columns: 1fr 110px; }\n      .quote{ font-size: 18px; }\n      .big-quotes{ font-size: 72px; right:12px; bottom:6px; }\n    }\n    @media (max-width: 768px){\n     section.trusted.and.security.box {\n       margin: 50px 0;\n      padding: 20px;\n    }\n.sec-hero-title {\n    font-size: 26px;\n}\n.sec-hero-title span {\n    display: flex;\n}\n.slidr-box {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-end;\n    flex-direction: column;\n}\n.testimonial-area {\n    margin-top: 60px;\n    border-radius: 30px;\n    background: url(https:\/\/d1jxermyrliwoo.cloudfront.net\/wp-content\/uploads\/2025\/09\/17145946\/Flexible-Deployment-Options.webp);\n    width: 100%;\n    height: auto;\n    padding: 40px 7px;\n    background-repeat: no-repeat;\n    background-size: cover;\n    background-position: top;\n}\n.testimonial-card .quote {\n    font-size: 22px;\n}\n.profile {\n    display: flex;\n    align-items: center;\n    gap: 24px;\n    margin-top: 0px;\n    width: 290px;\n}\n.profile img.avatar {\n    width: 70px;\n    height: 70px;\n    border-radius: 50%;\n}\n.profile .meta strong {\n    font-size: 15px;\n}\n.profile .meta small {\n    font-size: 20px;\n}\n}\n\n    @media (max-width: 640px){\n      .testimonial-area{ grid-template-columns: 1fr; }\n      .arrow-col{\n        flex-direction: row;\n        gap: 10px;\n        justify-content: flex-start;\n        margin-top: 14px;\n      }\n      .arrow-btn{ width:38px; height:38px; }\n      .hero-title { font-size: 22px; }\n      .hero-desc { font-size: 14px; }\n      .testimonial-card { padding: 18px; border-radius: 14px; }\n    }\n\n  <\/style>\n<section class=\"trusted and security box\">\n  <div class=\"security-service-box\">\n    <div class=\"security-service-inner-box\">\n      <span class=\"msp-badge\">Trusted by leaders<\/span>\n      <h2 class=\"sec-hero-title\">Trusted Where<span>Security and Service Can\u2019t Fail<\/span><\/h2>\n      <div class=\"slidr-box\">\n        <p class=\"hero-desc\">\n          PureVPN powers global VPN infra for organizations that demand reliability. Now MSPs can bring that same level of trust to their own clients, under their own brand.\n        <\/p>\n        <div class=\"arrow-col\">\n          <div class=\"arrow-btn-left\" aria-hidden=\"true\">\n            <svg width=\"42\" height=\"42\" viewBox=\"0 0 42 42\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M40.2071 14.219C38.7577 8.04951 33.9386 3.23355 27.7681 1.78834C23.3118 0.744621 18.6745 0.746176 14.219 1.79288C8.04948 3.24223 3.23353 8.06142 1.78831 14.2319C0.744599 18.6881 0.746153 23.3254 1.79285 27.781C3.2422 33.9505 8.06139 38.7665 14.2319 40.2117C18.6881 41.2554 23.3254 41.2538 27.781 40.2071C33.9505 38.7578 38.7664 33.9386 40.2116 27.7681C41.2554 23.3119 41.2538 18.6746 40.2071 14.219Z\" stroke=\"#9F92F8\" stroke-width=\"1.57242\"><\/path>\n              <path d=\"M28.7748 20.997L13.2245 21.0023M13.2245 21.0023L18.7763 15.4467M13.2245 21.0023L18.78 26.5541\" stroke=\"#9F92F8\" stroke-width=\"1.57242\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n            <\/svg>\n          <\/div>\n          <div class=\"arrow-btn-right\" aria-hidden=\"true\">\n            <svg width=\"42\" height=\"42\" viewBox=\"0 0 42 42\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M1.79291 14.219C3.24226 8.04951 8.06145 3.23355 14.2319 1.78834C18.6882 0.744621 23.3255 0.746177 27.781 1.79288C33.9505 3.24223 38.7665 8.06142 40.2117 14.2319C41.2554 18.6881 41.2538 23.3254 40.2071 27.781C38.7578 33.9505 33.9386 38.7664 27.7681 40.2117C23.3119 41.2554 18.6746 41.2538 14.219 40.2071C8.04955 38.7578 3.23358 33.9386 1.78837 27.7681C0.744646 23.3119 0.746201 18.6746 1.79291 14.219Z\" fill=\"#6F5BF6\" stroke=\"#6F5BF6\" stroke-width=\"1.57242\"><\/path>\n              <path d=\"M13.2252 20.997L28.7755 21.0023M28.7755 21.0023L23.2237 15.4467M28.7755 21.0023L23.22 26.5541\" stroke=\"white\" stroke-width=\"1.57242\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n            <\/svg>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Testimonial Slider -->\n    <div class=\"testimonial-area\">\n      <div class=\"testimonial-slider\">\n        <!-- Testimonial 1 -->\n        <div class=\"testimonial-card\">\n          <p class=\"quote\">\u201cPureVPN gave us a turnkey VPN service we could launch under our brand, instantly boosting revenue without adding infra overhead.\u201d<\/p>\n          <div class=\"profile\">\n            <img decoding=\"async\" class=\"avatar\" src=\"https:\/\/d1jxermyrliwoo.cloudfront.net\/wp-content\/uploads\/2025\/10\/07094726\/linkedin-sales-solut._imresizer.jpg\" alt=\"avatar\">\n            <div class=\"meta\">\n              <strong>MSP Partner<\/strong>\n              <small>Business Owner<\/small>\n            <\/div>\n          <\/div>\n        <\/div>\n        <!-- Testimonial 2 -->\n        <div class=\"testimonial-card\">\n          <p class=\"quote\">&#8220;Our enterprise customers needed stronger remote security. By offering VPN protection under our brand, we improved retention rates by double digits. Clients see us as a one-stop shop for security now.&#8221;<\/p>\n          <div class=\"profile\">\n            <img decoding=\"async\" class=\"avatar\" src=\"https:\/\/d1jxermyrliwoo.cloudfront.net\/wp-content\/uploads\/2025\/10\/07095349\/vitaly-gariev-grbDcb._imresizer.jpg\" alt=\"avatar\">\n            <div class=\"meta\">\n              <strong>Head of Business Operations<\/strong>\n              <small>MSP<\/small>\n            <\/div>\n          <\/div>\n        <\/div>\n        <!-- Testimonial 3 -->\n        <div class=\"testimonial-card\">\n          <p class=\"quote\">\u201cHanding off infrastructure and 24\/7 coverage reduced our VPN-related tickets significantly. Our engineers spend time on higher-value projects instead of chasing edge cases.\u201d<\/p>\n          <div class=\"profile\">\n            <img decoding=\"async\" class=\"avatar\" src=\"https:\/\/d1jxermyrliwoo.cloudfront.net\/wp-content\/uploads\/2025\/10\/07094724\/tony-luginsland-bbOO._imresizer.jpg\" alt=\"avatar\">\n            <div class=\"meta\">\n              <strong> \u2014 Support Operations Manager<\/strong>\n              <small>MSP<\/small>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n  const slider = document.querySelector('.testimonial-slider');\n  const slides = document.querySelectorAll('.testimonial-card');\n  const nextBtn = document.querySelector('.arrow-btn-right');\n  const prevBtn = document.querySelector('.arrow-btn-left');\n\n  let index = 0;\n\n  function showSlide(i) {\n    slider.style.transform = `translateX(-${i * 100}%)`;\n  }\n\n  nextBtn.addEventListener('click', () => {\n    index++;\n    if (index >= slides.length) index = 0; \/\/ loop back\n    showSlide(index);\n  });\n\n  prevBtn.addEventListener('click', () => {\n    index--;\n    if (index < 0) index = slides.length - 1; \/\/ go to last slide\n    showSlide(index);\n  });\n<\/script>\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_2077485913 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section\" id=\"section_1548995602\">\n\t\t<div class=\"bg section-bg fill bg-fill  bg-loaded\" >\n\n\t\t\t\n\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n\n\n<section class=\"deployment\">\n    <div class=\"container\">\n      <h2 style=\"color:#fff;\">Flexible Deployment Options for Your White Label eSIM<\/h2>\n      <p>\n        Choose the deployment model that suits your business. Ensure seamless integration and brand consistency with deployment options that fit your operational needs.\n      <\/p>\n      \n      <div class=\"deployment-grid\">\n        <div class=\"deployment-option\">\n          <div class=\"deployment-icon\">\n            <svg width=\"36\" height=\"36\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\">\n              <rect x=\"2\" y=\"2\" width=\"20\" height=\"8\" rx=\"2\" ry=\"2\"\/>\n              <rect x=\"2\" y=\"14\" width=\"20\" height=\"8\" rx=\"2\" ry=\"2\"\/>\n              <line x1=\"6\" y1=\"6\" x2=\"6.01\" y2=\"6\"\/>\n              <line x1=\"6\" y1=\"18\" x2=\"6.01\" y2=\"18\"\/>\n            <\/svg>\n          <\/div>\n          <h3 style=\"color:#fff;\">On-Premises<\/h3>\n          <p>Full control with your own servers for maximum security and customization.<\/p>\n        <\/div>\n\n        <div class=\"deployment-option\">\n          <div class=\"deployment-icon\">\n            <svg width=\"36\" height=\"36\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\">\n              <path d=\"M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z\"\/>\n            <\/svg>\n          <\/div>\n          <h3 style=\"color:#fff;\">Cloud-Based<\/h3>\n          <p>Quick setup, automatic updates, and scalability in a fully managed cloud environment.<\/p>\n        <\/div>\n\n        <div class=\"deployment-option\">\n          <div class=\"deployment-icon\">\n            <svg width=\"36\" height=\"36\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\">\n              <path d=\"M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z\"\/>\n              <path d=\"m9 21 3-3-3-3\"\/>\n            <\/svg>\n          <\/div>\n          <h3 style=\"color:#fff;\">Hybrid<\/h3>\n          <p>Store sensitive data on\u2011premises while leveraging cloud features for flexibility.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1548995602 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section\" id=\"section_1202388550\">\n\t\t<div class=\"bg section-bg fill bg-fill  \" >\n\n\t\t\t\n\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n<div class=\"row\"  id=\"row-51996954\">\n\n\n\t<div id=\"col-1750729178\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\t<div id=\"text-3373775950\" class=\"text\">\n\t\t\n\n<h2>FAQs<\/h2>\n\t\t\n<style>\n#text-3373775950 {\n  font-size: 1.3rem;\n  text-align: center;\n  color: rgb(0,0,0);\n}\n#text-3373775950 > * {\n  color: rgb(0,0,0);\n}\n<\/style>\n\t<\/div>\n\t\n<div class=\"accordion faqs\">\n\n\t<div id=\"accordion-3289522085\" class=\"accordion-item\">\n\t\t<a id=\"accordion-3289522085-label\" class=\"accordion-title plain\" href=\"#accordion-item-1.-what-is-a-white-label-vpn?\" aria-expanded=\"false\" aria-controls=\"accordion-3289522085-content\" >\n\t\t\t<button class=\"toggle\" aria-label=\"Toggle\"><i class=\"icon-angle-down\"><\/i><\/button>\n\t\t\t<span>1. What is a White-Label VPN?<\/span>\n\t\t<\/a>\n\t\t<div id=\"accordion-3289522085-content\" class=\"accordion-inner\" aria-labelledby=\"accordion-3289522085-label\" >\n\t\t\t\n\n\t<div id=\"text-3187517131\" class=\"text\">\n\t\t\n\n<p>A White Label VPN allows just about anyone to create their own VPN. Existing tools are used from prominent VPNs, like PureVPN, to create a new and successful VPN brand to cater to different niches.\n<\/p>\n\t\t\n<style>\n#text-3187517131 {\n  color: rgb(0,0,0);\n}\n#text-3187517131 > * {\n  color: rgb(0,0,0);\n}\n<\/style>\n\t<\/div>\n\t\n\n\t\t<\/div>\n\t<\/div>\n\t\n\t<div id=\"accordion-2125992625\" class=\"accordion-item\">\n\t\t<a id=\"accordion-2125992625-label\" class=\"accordion-title plain\" href=\"#accordion-item-2.-how-does-a-white-label-vpn-work?\" aria-expanded=\"false\" aria-controls=\"accordion-2125992625-content\" >\n\t\t\t<button class=\"toggle\" aria-label=\"Toggle\"><i class=\"icon-angle-down\"><\/i><\/button>\n\t\t\t<span>2. How does a White Label VPN work?<\/span>\n\t\t<\/a>\n\t\t<div id=\"accordion-2125992625-content\" class=\"accordion-inner\" aria-labelledby=\"accordion-2125992625-label\" >\n\t\t\t\n\n\t<div id=\"text-3947129636\" class=\"text\">\n\t\t\n\n<p>An individual or business looking for a white label VPN can start their own VPN from scratch by utilizing the tools and infrastructure provided by a reliable and trustworthy VPN, like PureVPN.\n<\/p>\n\t\t\n<style>\n#text-3947129636 {\n  color: rgb(0, 0, 0);\n}\n#text-3947129636 > * {\n  color: rgb(0, 0, 0);\n}\n<\/style>\n\t<\/div>\n\t\n\n\t\t<\/div>\n\t<\/div>\n\t\n\t<div id=\"accordion-3576549839\" class=\"accordion-item\">\n\t\t<a id=\"accordion-3576549839-label\" class=\"accordion-title plain\" href=\"#accordion-item-3.-how-can-a-white-label-vpn-benefit-me?\" aria-expanded=\"false\" aria-controls=\"accordion-3576549839-content\" >\n\t\t\t<button class=\"toggle\" aria-label=\"Toggle\"><i class=\"icon-angle-down\"><\/i><\/button>\n\t\t\t<span>3. How can a White Label VPN benefit me?<\/span>\n\t\t<\/a>\n\t\t<div id=\"accordion-3576549839-content\" class=\"accordion-inner\" aria-labelledby=\"accordion-3576549839-label\" >\n\t\t\t\n\n\t<div id=\"text-1721118575\" class=\"text\">\n\t\t\n\n<p>There are numerous benefits of opting for a White Label VPN. With the experience, knowledge, and tools provided by such a VPN, creating a new brand from scratch will involve zero trial and error, guaranteeing greater chances of success. Also, individuals and businesses are free to create a VPN according to their needs and requirements without being limited in any way. Most importantly, the individual or business in question has complete support from the White Label VPN they have opted for and are not left to fend for themselves.\n<\/p>\n\t\t\n<style>\n#text-1721118575 {\n  color: rgb(0,0,0);\n}\n#text-1721118575 > * {\n  color: rgb(0,0,0);\n}\n<\/style>\n\t<\/div>\n\t\n\n\t\t<\/div>\n\t<\/div>\n\t\n\t<div id=\"accordion-2292313988\" class=\"accordion-item\">\n\t\t<a id=\"accordion-2292313988-label\" class=\"accordion-title plain\" href=\"#accordion-item-4.-how-to-get-a-white-label-vpn?\" aria-expanded=\"false\" aria-controls=\"accordion-2292313988-content\" >\n\t\t\t<button class=\"toggle\" aria-label=\"Toggle\"><i class=\"icon-angle-down\"><\/i><\/button>\n\t\t\t<span>4. How to get a White Label VPN?<\/span>\n\t\t<\/a>\n\t\t<div id=\"accordion-2292313988-content\" class=\"accordion-inner\" aria-labelledby=\"accordion-2292313988-label\" >\n\t\t\t\n\n\t<div id=\"text-3182581712\" class=\"text\">\n\t\t\n\n<p>Signing up with a White Label VPN is pretty straightforward, especially in the case of PureVPN. You can sign up for a consultation, after which you will be provided a quote for the services you require.\n<\/p>\n\t\t\n<style>\n#text-3182581712 {\n  color: rgb(0,0,0);\n}\n#text-3182581712 > * {\n  color: rgb(0,0,0);\n}\n<\/style>\n\t<\/div>\n\t\n\n\t\t<\/div>\n\t<\/div>\n\t\n\t<div id=\"accordion-4174150340\" class=\"accordion-item\">\n\t\t<a id=\"accordion-4174150340-label\" class=\"accordion-title plain\" href=\"#accordion-item-5.-how-long-does-it-take-from-signing-up-to-launch?\" aria-expanded=\"false\" aria-controls=\"accordion-4174150340-content\" >\n\t\t\t<button class=\"toggle\" aria-label=\"Toggle\"><i class=\"icon-angle-down\"><\/i><\/button>\n\t\t\t<span>5. How long does it take from signing up to launch?<\/span>\n\t\t<\/a>\n\t\t<div id=\"accordion-4174150340-content\" class=\"accordion-inner\" aria-labelledby=\"accordion-4174150340-label\" >\n\t\t\t\n\n\t<div id=\"text-901139405\" class=\"text\">\n\t\t\n\n<p>After speaking to a PureVPN account manager regarding your requirements and making the required payment, you will have everything you need the same day or latest by the next day.\n<\/p>\n\t\t\n<style>\n#text-901139405 {\n  color: rgb(0,0,0);\n}\n#text-901139405 > * {\n  color: rgb(0,0,0);\n}\n<\/style>\n\t<\/div>\n\t\n\n\t\t<\/div>\n\t<\/div>\n\t\n\n<\/div>\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1202388550 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  background-color: rgb(248, 240, 255);\n}\n#section_1202388550 .section-bg.bg-loaded {\n  background-image: url(https:\/\/www.purevpn.com\/white-label\/wp-content\/uploads\/2024\/06\/img-bg.webp);\n}\n<\/style>\n\t<\/section>\n\t\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":15,"featured_media":0,"parent":3331,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-transparent-header-light.php","meta":{"content-type":"","footnotes":""},"class_list":["post-5271","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Password Manager Saas - PureVPN White label<\/title>\n<meta name=\"robots\" content=\"noindex, nofollow\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Password Manager Saas - PureVPN White label\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.purevpn.com\/white-label\/password-manager\/saas\/\" \/>\n<meta property=\"og:site_name\" content=\"PureVPN White label\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-30T12:01:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.purevpn.com\/white-label\/wp-content\/uploads\/2025\/08\/HelloRache.webp\" \/>\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=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.purevpn.com\/white-label\/password-manager\/saas\/\",\"url\":\"https:\/\/www.purevpn.com\/white-label\/password-manager\/saas\/\",\"name\":\"Password Manager Saas - PureVPN White label\",\"isPartOf\":{\"@id\":\"https:\/\/www.purevpn.com\/white-label\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.purevpn.com\/white-label\/password-manager\/saas\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.purevpn.com\/white-label\/password-manager\/saas\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.purevpn.com\/white-label\/wp-content\/uploads\/2025\/08\/HelloRache.webp\",\"datePublished\":\"2025-10-30T07:33:54+00:00\",\"dateModified\":\"2025-10-30T12:01:44+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.purevpn.com\/white-label\/password-manager\/saas\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.purevpn.com\/white-label\/password-manager\/saas\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.purevpn.com\/white-label\/password-manager\/saas\/#primaryimage\",\"url\":\"https:\/\/d1jxermyrliwoo.cloudfront.net\/wp-content\/uploads\/2025\/08\/06133002\/HelloRache.webp\",\"contentUrl\":\"https:\/\/d1jxermyrliwoo.cloudfront.net\/wp-content\/uploads\/2025\/08\/06133002\/HelloRache.webp\",\"width\":634,\"height\":189},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.purevpn.com\/white-label\/password-manager\/saas\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.purevpn.com\/white-label\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Password Manager Landing Page\",\"item\":\"https:\/\/www.purevpn.com\/white-label\/password-manager\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Password Manager Saas\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.purevpn.com\/white-label\/#website\",\"url\":\"https:\/\/www.purevpn.com\/white-label\/\",\"name\":\"Purevpn White label\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.purevpn.com\/white-label\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Password Manager Saas - PureVPN White label","robots":{"index":"noindex","follow":"nofollow"},"og_locale":"en_US","og_type":"article","og_title":"Password Manager Saas - PureVPN White label","og_url":"https:\/\/www.purevpn.com\/white-label\/password-manager\/saas\/","og_site_name":"PureVPN White label","article_modified_time":"2025-10-30T12:01:44+00:00","og_image":[{"url":"https:\/\/www.purevpn.com\/white-label\/wp-content\/uploads\/2025\/08\/HelloRache.webp","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.purevpn.com\/white-label\/password-manager\/saas\/","url":"https:\/\/www.purevpn.com\/white-label\/password-manager\/saas\/","name":"Password Manager Saas - PureVPN White label","isPartOf":{"@id":"https:\/\/www.purevpn.com\/white-label\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.purevpn.com\/white-label\/password-manager\/saas\/#primaryimage"},"image":{"@id":"https:\/\/www.purevpn.com\/white-label\/password-manager\/saas\/#primaryimage"},"thumbnailUrl":"https:\/\/www.purevpn.com\/white-label\/wp-content\/uploads\/2025\/08\/HelloRache.webp","datePublished":"2025-10-30T07:33:54+00:00","dateModified":"2025-10-30T12:01:44+00:00","breadcrumb":{"@id":"https:\/\/www.purevpn.com\/white-label\/password-manager\/saas\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.purevpn.com\/white-label\/password-manager\/saas\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.purevpn.com\/white-label\/password-manager\/saas\/#primaryimage","url":"https:\/\/d1jxermyrliwoo.cloudfront.net\/wp-content\/uploads\/2025\/08\/06133002\/HelloRache.webp","contentUrl":"https:\/\/d1jxermyrliwoo.cloudfront.net\/wp-content\/uploads\/2025\/08\/06133002\/HelloRache.webp","width":634,"height":189},{"@type":"BreadcrumbList","@id":"https:\/\/www.purevpn.com\/white-label\/password-manager\/saas\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.purevpn.com\/white-label\/"},{"@type":"ListItem","position":2,"name":"Password Manager Landing Page","item":"https:\/\/www.purevpn.com\/white-label\/password-manager\/"},{"@type":"ListItem","position":3,"name":"Password Manager Saas"}]},{"@type":"WebSite","@id":"https:\/\/www.purevpn.com\/white-label\/#website","url":"https:\/\/www.purevpn.com\/white-label\/","name":"Purevpn White label","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.purevpn.com\/white-label\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.purevpn.com\/white-label\/wp-json\/wp\/v2\/pages\/5271","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.purevpn.com\/white-label\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.purevpn.com\/white-label\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.purevpn.com\/white-label\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/www.purevpn.com\/white-label\/wp-json\/wp\/v2\/comments?post=5271"}],"version-history":[{"count":54,"href":"https:\/\/www.purevpn.com\/white-label\/wp-json\/wp\/v2\/pages\/5271\/revisions"}],"predecessor-version":[{"id":5356,"href":"https:\/\/www.purevpn.com\/white-label\/wp-json\/wp\/v2\/pages\/5271\/revisions\/5356"}],"up":[{"embeddable":true,"href":"https:\/\/www.purevpn.com\/white-label\/wp-json\/wp\/v2\/pages\/3331"}],"wp:attachment":[{"href":"https:\/\/www.purevpn.com\/white-label\/wp-json\/wp\/v2\/media?parent=5271"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}