:root{
      --pc-purple-1:#6E41E2;
      --pc-purple-2:#2D1A73;
      --pc-accent:#FBAE3C;
      --pc-ink:#0B0F1A;
      --pc-ink-2:#141a27;
      --pc-text:#C9D3E0;
      --pc-title:#ffffff;
      --pc-muted:#8C95A3;
      --pc-soft:#f7f4ff;
    }

    body{
      font-family:"Poppins", sans-serif;
      background:#f7f7fb;
    }

    h1, h2, h3, h4, h5, h6{
      clear:both;
      line-height:1.3em;
      color:#000000;
      -webkit-font-smoothing:antialiased;
      font-family:"Josefin Sans", sans-serif;
      font-weight:900;
    }

    h1{font-size:50px;}
    h2{font-size:30px;}
    h3{font-size:20px;}

    @media only screen and (max-width:991px){
      h1{font-size:40px;}
      h2{font-size:26px;}
      h3{font-size:18px;}
    }

    @media only screen and (max-width:575px){
      h1{font-size:28px;}
      h2{font-size:24px;}
      h3{font-size:16px;}
    }

    .section-header{
      margin-bottom:40px;
      position:relative;
    }

    @media only screen and (max-width:991px){
      .section-header{margin-bottom:30px;}
    }

    .section-header .section-sub-title,
    .banner-section .banner-content .sub-title{
      font-size:12px;
      padding:5px 10px;
      background-color:#f7f4ff;
      border-radius:5px;
      color:#5842bc;
      margin-bottom:20px;
      font-weight:600;
      display:inline-block;
    }

    .section-header .section-title{
      margin-bottom:0;
      text-transform:capitalize;
    }

    .section-header .section-title span,
    .banner-section .banner-content .title span{
      color:#5842bc;
    }

    .btn--base{
      position:relative;
      background:#5842bc;
      border:1px solid #5842bc;
      border-radius:999px;
      color:#ffffff;
      padding:12px 30px;
      font-size:12px;
      font-weight:700;
      text-align:center;
      display:inline-block;
      text-decoration:none;
      transition:all ease 0.5s;
    }

    .btn--base:hover,
    .btn--base:focus{
      color:#ffffff;
      box-shadow:0 10px 20px rgba(88,66,188,0.4);
      text-decoration:none;
    }

    .btn--base.active{
      background:transparent;
      color:#5842bc;
    }

    .btn--base.active:hover,
    .btn--base.active:focus{
      color:#ffffff;
      background:#5842bc;
    }

    .footer-brand{
      font-family:"Poppins", sans-serif;
      color:var(--pc-title);
      font-weight:700;
      letter-spacing:-.02em;
      font-size:clamp(1.25rem,1.7vw,1.5rem);
      display:flex;
      align-items:center;
      gap:0rem;
      flex-wrap:nowrap;
    }

    .footer-logo{
      height:71px;
      width:auto;
      margin-right:.5rem;
      vertical-align:-6px;
    }

    .wordmark{
      font-family:"Poppins", sans-serif;
      font-weight:700;
      letter-spacing:-.02em;
      color:#fff;
      font-size:clamp(1.05rem,1.8vw,1.35rem);
      margin-left:-0.08rem;
    }

    .sr-only{
      position:absolute;
      width:1px;
      height:1px;
      padding:0;
      margin:-1px;
      overflow:hidden;
      clip:rect(0,0,0,0);
      white-space:nowrap;
      border:0;
    }

    .swiper-test{
      height:auto;
      margin:0 auto;
      position:relative;
      overflow:hidden;
      z-index:1;
      background-image:url("../images/custom_image/background.png");
      background-size:cover;
      background-position:center;
    }

    .hero-image-wrapper{
      height:100%;
      display:flex;
      align-items:center;
      justify-content:center;
      overflow:visible;
    }

    .hero-image{
      width:100%;
      max-width:100%;
      height:auto;
      object-fit:contain;
      display:block;
    }

    .hero-actions{
      display:flex;
      flex-wrap:wrap;
      gap:15px;
      margin-top:28px;
    }

    @media only screen and (min-width:992px){
      .hero-image-wrapper{
        justify-content:flex-end;
      }

      .hero-image{
        width:clamp(530px, 42vw, 940px);
        max-width:none;
        transform:translateX(55px);
      }
    }

    @media only screen and (min-width:1400px){
      .hero-image{
        width:clamp(678px, 29vw, 1012px);
        transform:translateX(80px);
      }
    }

    @media only screen and (max-width:991px){
      .hero-actions{
        display:none !important;
      }

      .hero-image-wrapper{
        margin-top:24px;
        justify-content:center;
      }

      .hero-image{
        width:min(92vw, 560px);
        max-width:100%;
        transform:none;
      }
    }

    .hero-note{
      margin-top:18px;
      color:rgba(255,255,255,.78);
      font-size:.95rem;
      max-width:680px;
    }

    .banner-section{
      position:relative;
      padding-top:80px;
      padding-bottom:288px;
      overflow:hidden;
      background-color:#FFFFFF;
    }

    @media only screen and (max-width:575px){
      .banner-section{padding-bottom:80px;}
    }

    .banner-section .banner-element{
      position:absolute;
      left:10%;
      top:0;
      width:100%;
      height:100%;
      object-fit:cover;
    }

    .banner-section .container{position:relative;}

    @media only screen and (max-width:1400px){
      .banner-section .container{max-width:100%;}
    }

    .banner-section .banner-content .title{margin-bottom:15px;}

    .banner-section .banner-content p{
      font-size:16px;
      width:80%;
      line-height:2em;
    }

    @media only screen and (max-width:575px){
      .banner-section .banner-content p{
        width:100%;
        font-size:14px;
      }
    }

    .banner-section .banner-content .banner-btn-area{
      display:flex;
      flex-wrap:wrap;
      align-items:center;
      margin:-15px;
      margin-top:30px;
    }

    .banner-section .banner-content .banner-btn-area .btn-wrapper{margin:15px;}

    .banner-section .banner-feature-area{
      display:flex;
      flex-wrap:wrap;
      align-items:center;
      margin:-20px;
      margin-top:40px;
    }

    .banner-section .banner-feature-item{
      display:flex;
      align-items:center;
      margin:20px;
    }

    .banner-section .banner-feature-icon{
      width:30px;
      height:30px;
      line-height:30px;
      display:inline-block;
      text-align:center;
      background-color:#f0eff5;
      border-radius:50%;
      font-size:14px;
      color:#5842bc;
    }

    .banner-section .banner-feature-content{
      padding-left:10px;
      font-weight:500;
    }

    .banner-section .banner-thumb{
      position:absolute;
      bottom:-290px;
    }

    @media only screen and (max-width:991px){
      .banner-section .banner-thumb{display:none;}
    }

    /* PayConnect animated business flow */
    .pc-flow-section{
      position:relative;
      padding:clamp(64px,7vw,112px) 0;
      overflow:hidden;
      color:#e7ebf3;
      background:
        radial-gradient(900px 520px at 12% 10%, rgba(110,65,226,.36), transparent 66%),
        radial-gradient(860px 520px at 88% 20%, rgba(251,174,60,.18), transparent 62%),
        radial-gradient(860px 620px at 50% 100%, rgba(25,213,255,.12), transparent 66%),
        linear-gradient(135deg,#090b18 0%,#15102d 52%,#0d1020 100%);
    }

    .pc-flow-section::before{
      content:"";
      position:absolute;
      inset:0;
      background:
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
      background-size:44px 44px;
      mask-image:linear-gradient(to bottom, transparent 0%, #000 18%, #000 82%, transparent 100%);
      pointer-events:none;
    }

    .pc-flow-section .container{
      position:relative;
      z-index:2;
    }

    .pc-flow-kicker{
      display:inline-flex;
      align-items:center;
      gap:.45rem;
      margin-bottom:16px;
      padding:7px 13px;
      border-radius:999px;
      color:#fff;
      background:rgba(255,255,255,.08);
      border:1px solid rgba(255,255,255,.12);
      box-shadow:0 0 30px rgba(110,65,226,.22);
      font-family:"Poppins", sans-serif;
      font-size:.78rem;
      font-weight:700;
      letter-spacing:.04em;
      text-transform:uppercase;
    }

    .pc-flow-heading{
      max-width:900px;
      margin:0 auto;
      color:#fff;
      font-family:"Poppins", sans-serif;
      font-size:clamp(2rem,4vw,3.4rem);
      font-weight:900;
      letter-spacing:-.04em;
      line-height:1.08;
    }

    .pc-flow-sub{
      max-width:820px;
      margin:18px auto 0;
      color:#b8c2d4;
      font-family:"Poppins", sans-serif;
      font-size:clamp(1rem,1.35vw,1.15rem);
      line-height:1.85;
      font-weight:300;
    }

    .pc-flow-chips{
      display:flex;
      justify-content:center;
      flex-wrap:wrap;
      gap:12px;
      margin-top:28px;
    }

    .pc-flow-chips span{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:10px 14px;
      border-radius:999px;
      color:#eef3ff;
      background:rgba(255,255,255,.075);
      border:1px solid rgba(255,255,255,.12);
      box-shadow:0 14px 32px rgba(0,0,0,.2);
      font-family:"Poppins", sans-serif;
      font-size:.92rem;
      font-weight:600;
    }

    .pc-flow-chips i{
      color:#FBAE3C;
    }

    .pc-flow-stage{
      position:relative;
      min-height:800px;
      margin-top:54px;
      border-radius:34px;
      overflow:hidden;
      background:
        radial-gradient(700px 380px at 50% 42%, rgba(110,65,226,.25), transparent 70%),
        linear-gradient(135deg, rgba(255,255,255,.105), rgba(255,255,255,.035));
      border:1px solid rgba(255,255,255,.14);
      box-shadow:
        0 32px 96px rgba(0,0,0,.45),
        inset 0 1px 0 rgba(255,255,255,.12);
      isolation:isolate;
    }

    .pc-flow-grid{
      position:absolute;
      inset:0;
      background:
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
      background-size:36px 36px;
      opacity:.52;
      pointer-events:none;
      z-index:0;
    }

    .pc-flow-bg{
      position:absolute;
      width:430px;
      height:430px;
      border-radius:50%;
      filter:blur(46px);
      opacity:.72;
      pointer-events:none;
      z-index:0;
    }

    .pc-flow-bg-one{
      left:-140px;
      top:-130px;
      background:rgba(110,65,226,.55);
    }

    .pc-flow-bg-two{
      right:-130px;
      bottom:-150px;
      background:rgba(251,174,60,.28);
    }

    .pc-flow-callout{
      position:absolute;
      top:28px;
      left:50%;
      transform:translateX(-50%);
      z-index:8;
      max-width:560px;
      padding:12px 18px;
      border-radius:999px;
      color:#fff;
      background:rgba(13,17,34,.72);
      border:1px solid rgba(255,255,255,.15);
      box-shadow:0 18px 44px rgba(0,0,0,.28), 0 0 38px rgba(251,174,60,.14);
      backdrop-filter:blur(16px);
      font-family:"Poppins", sans-serif;
      font-size:.94rem;
      font-weight:700;
      text-align:center;
    }

    .pc-flow-dashboard{
      position:absolute;
      top:92px;
      left:50%;
      width:min(720px,82%);
      transform:translateX(-50%);
      z-index:4;
      padding:24px;
      border-radius:28px;
      color:#fff;
      background:
        linear-gradient(145deg, rgba(18,23,42,.96), rgba(31,22,67,.94)),
        radial-gradient(500px 260px at 60% 0%, rgba(110,65,226,.34), transparent 72%);
      border:1px solid rgba(255,255,255,.16);
      box-shadow:
        0 28px 80px rgba(0,0,0,.48),
        0 0 90px rgba(110,65,226,.22),
        inset 0 1px 0 rgba(255,255,255,.12);
    }

    .pc-flow-panel-top{
      display:flex;
      justify-content:space-between;
      align-items:flex-start;
      gap:18px;
      margin-bottom:18px;
    }

    .pc-panel-eyebrow{
      display:block;
      color:#FBAE3C;
      font-family:"Poppins", sans-serif;
      font-size:.78rem;
      font-weight:800;
      letter-spacing:.08em;
      text-transform:uppercase;
      margin-bottom:6px;
    }

    .pc-flow-panel-top h3{
      margin:0;
      color:#fff;
      font-family:"Poppins", sans-serif;
      font-size:1.45rem;
      font-weight:900;
    }

    .pc-status-pill{
      display:inline-flex;
      align-items:center;
      gap:8px;
      white-space:nowrap;
      padding:8px 10px;
      border-radius:999px;
      color:#c9ffd9;
      background:rgba(24,200,99,.11);
      border:1px solid rgba(61,255,143,.2);
      font-family:"Poppins", sans-serif;
      font-size:.78rem;
      font-weight:700;
    }

    .pc-status-pill span{
      width:8px;
      height:8px;
      border-radius:50%;
      background:#48ff92;
      box-shadow:0 0 18px rgba(72,255,146,.8);
    }

    .pc-metric-grid{
      display:grid;
      grid-template-columns:1.35fr 1fr;
      gap:14px;
      margin-bottom:14px;
    }

    .pc-metric-card{
      padding:16px;
      border-radius:20px;
      background:rgba(255,255,255,.08);
      border:1px solid rgba(255,255,255,.1);
    }

    .pc-metric-card span,
    .pc-metric-card small{
      display:block;
      color:#aeb8ca;
      font-family:"Poppins", sans-serif;
    }

    .pc-metric-card span{
      font-size:.78rem;
      font-weight:700;
      margin-bottom:5px;
    }

    .pc-metric-card strong{
      display:block;
      color:#fff;
      font-family:"Poppins", sans-serif;
      font-size:1.55rem;
      line-height:1.2;
    }

    .pc-metric-card small{
      margin-top:4px;
      font-size:.77rem;
    }

    .pc-balance-card.is-updating{
      background:rgba(72,255,146,.12);
      border-color:rgba(72,255,146,.25);
      box-shadow:0 0 44px rgba(72,255,146,.18);
    }

    .pc-action-row{
      display:grid;
      grid-template-columns:46px 1fr auto;
      gap:13px;
      align-items:center;
      padding:15px;
      border-radius:22px;
      background:linear-gradient(135deg, rgba(251,174,60,.16), rgba(110,65,226,.14));
      border:1px solid rgba(251,174,60,.25);
      box-shadow:0 0 34px rgba(251,174,60,.14);
      margin-bottom:14px;
    }

    .pc-action-row.is-active{
      box-shadow:0 0 48px rgba(251,174,60,.35);
      border-color:rgba(251,174,60,.5);
    }

    .pc-action-symbol{
      width:46px;
      height:46px;
      display:grid;
      place-items:center;
      border-radius:16px;
      color:#0b0f1a;
      background:linear-gradient(135deg,#FBAE3C,#ffd99a);
      box-shadow:0 12px 30px rgba(251,174,60,.28);
      font-size:1.25rem;
    }

    .pc-action-row span{
      display:block;
      color:#b8c2d4;
      font-family:"Poppins", sans-serif;
      font-size:.78rem;
      font-weight:700;
    }

    .pc-action-row strong{
      display:block;
      color:#fff;
      font-family:"Poppins", sans-serif;
      font-size:1rem;
    }

    .pc-action-row button{
      border:0;
      border-radius:999px;
      padding:9px 14px;
      color:#0b0f1a;
      background:linear-gradient(135deg,#FBAE3C,#ffd99a);
      font-family:"Poppins", sans-serif;
      font-size:.78rem;
      font-weight:900;
    }

    .pc-invoice-row{
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:14px;
      padding:13px 14px;
      border-radius:18px;
      background:rgba(255,255,255,.06);
      border:1px solid rgba(255,255,255,.09);
      margin-bottom:14px;
    }

    .pc-invoice-row span,
    .pc-invoice-row strong{
      display:block;
      font-family:"Poppins", sans-serif;
    }

    .pc-invoice-row span{
      color:#aeb8ca;
      font-size:.76rem;
      font-weight:700;
    }

    .pc-invoice-row strong{
      color:#fff;
      font-size:.9rem;
      font-weight:800;
    }

    .pc-invoice-status{
      padding:7px 11px;
      border-radius:999px;
      color:#1b1507;
      background:#FBAE3C;
      font-family:"Poppins", sans-serif;
      font-size:.75rem;
      font-weight:900;
    }

    .pc-invoice-status.is-paid{
      color:#062012;
      background:#48ff92;
      box-shadow:0 0 22px rgba(72,255,146,.38);
    }

    .pc-activity-feed{
      display:grid;
      gap:10px;
    }

    .pc-feed-title{
      display:flex;
      align-items:center;
      gap:8px;
      color:#dfe7f8;
      font-family:"Poppins", sans-serif;
      font-size:.84rem;
      font-weight:800;
    }

    .pc-feed-title i{
      color:#FBAE3C;
    }

    .pc-feed-item{
      display:grid;
      grid-template-columns:12px 1fr;
      gap:12px;
      align-items:center;
      padding:12px 14px;
      border-radius:16px;
      background:rgba(255,255,255,.055);
      border:1px solid rgba(255,255,255,.08);
    }

    .pc-feed-new{
      opacity:0;
      transform:translateY(10px);
      background:rgba(72,255,146,.1);
      border-color:rgba(72,255,146,.2);
    }

    .pc-feed-dot{
      width:10px;
      height:10px;
      border-radius:50%;
      background:#7bb7ff;
      box-shadow:0 0 18px rgba(123,183,255,.8);
    }

    .pc-feed-dot.success{
      background:#48ff92;
      box-shadow:0 0 18px rgba(72,255,146,.75);
    }

    .pc-feed-item strong,
    .pc-feed-item small{
      display:block;
      font-family:"Poppins", sans-serif;
    }

    .pc-feed-item strong{
      color:#fff;
      font-size:.88rem;
      font-weight:800;
    }

    .pc-feed-item small{
      color:#aeb8ca;
      font-size:.76rem;
    }

    .pc-flow-customer{
      position:absolute;
      left:50%;
      bottom:82px;
      width:min(340px,72%);
      transform:translateX(-50%);
      z-index:5;
    }

    .pc-phone-shell{
      padding:13px;
      border-radius:36px;
      background:linear-gradient(145deg,#050712,#1b1f35);
      border:1px solid rgba(255,255,255,.16);
      box-shadow:
        0 28px 72px rgba(0,0,0,.5),
        0 0 70px rgba(40,216,255,.16),
        inset 0 1px 0 rgba(255,255,255,.18);
    }

    .pc-phone-top{
      display:flex;
      justify-content:center;
      padding:6px 0 11px;
    }

    .pc-phone-top span{
      width:70px;
      height:5px;
      border-radius:999px;
      background:rgba(255,255,255,.18);
    }

    .pc-customer-card-inner{
      padding:20px;
      border-radius:26px;
      background:
        radial-gradient(260px 180px at 70% 0%, rgba(110,65,226,.28), transparent 68%),
        linear-gradient(180deg,#ffffff,#f6f4ff);
      color:#0B0F1A;
    }

    .pc-customer-brand{
      display:flex;
      align-items:center;
      gap:8px;
      margin-bottom:18px;
      color:#2D1A73;
      font-family:"Poppins", sans-serif;
      font-size:.9rem;
      font-weight:900;
    }

    .pc-brand-dot{
      width:28px;
      height:28px;
      display:grid;
      place-items:center;
      border-radius:10px;
      color:#fff;
      background:linear-gradient(135deg,#6E41E2,#2D1A73);
      font-size:.82rem;
    }

    .pc-payment-label{
      display:inline-flex;
      padding:6px 10px;
      border-radius:999px;
      color:#6a4a00;
      background:rgba(251,174,60,.18);
      font-family:"Poppins", sans-serif;
      font-size:.72rem;
      font-weight:900;
      margin-bottom:12px;
    }

    .pc-customer-state h3{
      margin:0 0 7px;
      color:#0B0F1A;
      font-family:"Poppins", sans-serif;
      font-size:1.1rem;
      font-weight:900;
    }

    .pc-customer-state p{
      margin:0;
      color:#667085;
      font-family:"Poppins", sans-serif;
      font-size:.84rem;
      line-height:1.55;
    }

    .pc-customer-amount{
      margin-top:18px;
      padding:15px;
      border-radius:18px;
      background:#f1edff;
      border:1px solid rgba(110,65,226,.12);
    }

    .pc-customer-amount span,
    .pc-customer-amount strong{
      display:block;
      font-family:"Poppins", sans-serif;
    }

    .pc-customer-amount span{
      color:#667085;
      font-size:.76rem;
      font-weight:700;
    }

    .pc-customer-amount strong{
      color:#2D1A73;
      font-size:1.5rem;
      font-weight:900;
    }

    .pc-pay-button{
      width:100%;
      margin-top:16px;
      border:0;
      border-radius:999px;
      padding:12px 16px;
      color:#0b0f1a;
      background:linear-gradient(135deg,#FBAE3C,#ffd99a);
      box-shadow:0 14px 30px rgba(251,174,60,.28);
      font-family:"Poppins", sans-serif;
      font-size:.9rem;
      font-weight:900;
    }

    .pc-payment-complete{
      display:none;
      align-items:center;
      gap:10px;
      margin-top:16px;
      padding:12px;
      border-radius:16px;
      color:#063316;
      background:rgba(72,255,146,.18);
      border:1px solid rgba(14,134,68,.16);
    }

    .pc-payment-complete i{
      color:#0f9e4d;
      font-size:1.45rem;
    }

    .pc-payment-complete strong,
    .pc-payment-complete small{
      display:block;
      font-family:"Poppins", sans-serif;
    }

    .pc-payment-complete strong{
      color:#063316;
      font-size:.9rem;
      font-weight:900;
    }

    .pc-payment-complete small{
      color:#456151;
      font-size:.75rem;
    }

    .pc-flow-rail-wrap{
      position:absolute;
      inset:0;
      z-index:3;
      pointer-events:none;
    }

    .pc-flow-rails{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
    }

    .pc-flow-path{
      fill:none;
      stroke-width:4;
      stroke-linecap:round;
      stroke-dasharray:12 14;
      opacity:.72;
    }

    .pc-flow-path-out{
      stroke:rgba(251,174,60,.78);
      filter:drop-shadow(0 0 8px rgba(251,174,60,.55));
    }

    .pc-flow-path-back{
      stroke:rgba(72,255,146,.78);
      filter:drop-shadow(0 0 8px rgba(72,255,146,.5));
    }

    .pc-data-packet{
      position:absolute;
      top:0;
      left:0;
      display:flex;
      align-items:center;
      gap:8px;
      padding:9px 12px;
      border-radius:999px;
      color:#0b0f1a;
      background:linear-gradient(135deg,#FBAE3C,#ffd99a);
      box-shadow:0 16px 38px rgba(251,174,60,.34), 0 0 30px rgba(251,174,60,.28);
      font-family:"Poppins", sans-serif;
      font-size:.78rem;
      font-weight:900;
      opacity:0;
      transform:translate(-50%,-50%);
      white-space:nowrap;
    }

    .pc-payment-packet{
      color:#061b10;
      background:linear-gradient(135deg,#48ff92,#baffd1);
      box-shadow:0 16px 38px rgba(72,255,146,.24), 0 0 30px rgba(72,255,146,.28);
    }

    .pc-flow-caption-row{
      position:absolute;
      left:28px;
      right:28px;
      bottom:24px;
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:10px;
      z-index:7;
    }

    .pc-caption-step{
      padding:10px 12px;
      border-radius:16px;
      color:#aeb8ca;
      background:rgba(255,255,255,.055);
      border:1px solid rgba(255,255,255,.08);
      font-family:"Poppins", sans-serif;
      font-size:.78rem;
      font-weight:700;
    }

    .pc-caption-step span{
      display:block;
      color:#FBAE3C;
      font-size:.72rem;
      font-weight:900;
      margin-bottom:2px;
    }

    .pc-caption-step.active{
      color:#fff;
      background:rgba(251,174,60,.13);
      border-color:rgba(251,174,60,.26);
      box-shadow:0 0 28px rgba(251,174,60,.15);
    }

    @media only screen and (max-width:991px){
      .pc-flow-section{
        padding:64px 0;
        overflow:hidden;
      }

      .pc-flow-section .container{
        max-width:100%;
        padding-left:14px;
        padding-right:14px;
      }

      .pc-flow-heading{
        font-size:clamp(2rem, 6vw, 2.65rem);
        line-height:1.12;
      }

      .pc-flow-sub{
        max-width:680px;
        font-size:1rem;
        line-height:1.75;
      }

      .pc-flow-chips{
        justify-content:center;
      }

      .pc-flow-stage{
        width:100%;
        max-width:100%;
        min-height:auto;
        display:grid;
        grid-template-columns:minmax(0, 1fr);
        gap:18px;
        padding:18px;
        margin-top:38px;
        border-radius:28px;
        overflow:hidden;
        box-sizing:border-box;
      }

      .pc-flow-stage *,
      .pc-flow-stage *::before,
      .pc-flow-stage *::after{
        box-sizing:border-box;
      }

      .pc-flow-callout,
      .pc-flow-dashboard,
      .pc-flow-customer,
      .pc-flow-caption-row{
        position:relative;
        top:auto;
        left:auto;
        right:auto;
        bottom:auto;
        transform:none;
      }

      .pc-flow-callout{
        order:0;
        width:100%;
        max-width:100%;
        border-radius:20px;
        padding:12px 14px;
        font-size:.88rem;
        line-height:1.45;
      }

      .pc-flow-dashboard{
        order:1;
        width:100%;
        max-width:100%;
        padding:20px;
        border-radius:24px;
      }

      .pc-flow-rail-wrap{
        position:relative;
        order:2;
        width:100%;
        height:190px;
        inset:auto;
        display:flex;
        align-items:center;
        justify-content:center;
        overflow:visible;
        pointer-events:none;
        z-index:4;
      }

      .pc-flow-rail-wrap::before{
        content:"";
        position:absolute;
        top:8px;
        bottom:8px;
        left:50%;
        width:4px;
        transform:translateX(-50%);
        border-radius:999px;
        background:linear-gradient(180deg, rgba(251,174,60,.15), rgba(251,174,60,.9), rgba(72,255,146,.9), rgba(72,255,146,.15));
        box-shadow:0 0 18px rgba(251,174,60,.28), 0 0 28px rgba(72,255,146,.2);
      }

      .pc-flow-rail-wrap::after{
        content:"";
        position:absolute;
        left:50%;
        top:50%;
        width:74px;
        height:74px;
        transform:translate(-50%, -50%);
        border-radius:50%;
        background:radial-gradient(circle, rgba(255,255,255,.28), transparent 28%), radial-gradient(circle, rgba(110,65,226,.32), transparent 68%);
        opacity:.75;
      }

      .pc-flow-rails{
        display:none;
      }

      .pc-data-packet{
        left:50%;
        top:24px;
        max-width:calc(100vw - 80px);
        transform:translate(-50%, 0);
        z-index:5;
        font-size:.74rem;
        padding:8px 11px;
      }

      .pc-payment-packet{
        top:auto;
        bottom:24px;
      }

      .pc-flow-customer{
        order:3;
        width:min(320px, 100%);
        max-width:320px;
        justify-self:center;
        margin:0 auto;
        overflow:visible;
        z-index:5;
      }

      .pc-phone-shell{
        width:100%;
        max-width:100%;
        padding:10px;
        border-radius:30px;
        overflow:hidden;
      }

      .pc-phone-top{
        padding:5px 0 10px;
      }

      .pc-customer-card-inner{
        width:100%;
        max-width:100%;
        padding:16px;
        border-radius:22px;
        overflow:hidden;
      }

      .pc-customer-brand,
      .pc-customer-state,
      .pc-customer-amount,
      .pc-pay-button,
      .pc-payment-complete{
        max-width:100%;
        min-width:0;
      }

      .pc-customer-state h3,
      .pc-customer-state p,
      .pc-customer-amount strong{
        overflow-wrap:break-word;
        word-break:normal;
      }

      .pc-flow-caption-row{
        order:4;
        width:100%;
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:10px;
        left:auto;
        right:auto;
        bottom:auto;
      }

      .pc-caption-step{
        font-size:.76rem;
      }
    }

    @media only screen and (max-width:575px){
      .pc-flow-section{
        padding:58px 0;
      }

      .pc-flow-section .container{
        padding-left:10px;
        padding-right:10px;
      }

      .pc-flow-heading{
        font-size:2rem;
      }

      .pc-flow-sub{
        font-size:.96rem;
        line-height:1.7;
      }

      .pc-flow-chips{
        justify-content:flex-start;
        gap:10px;
      }

      .pc-flow-chips span{
        width:100%;
        justify-content:center;
        font-size:.86rem;
        padding:9px 12px;
      }

      .pc-flow-stage{
        margin-top:32px;
        padding:12px;
        border-radius:22px;
        gap:14px;
      }

      .pc-flow-callout{
        font-size:.82rem;
        padding:11px 12px;
      }

      .pc-flow-dashboard{
        padding:14px;
        border-radius:22px;
      }

      .pc-flow-panel-top{
        display:grid;
        gap:10px;
      }

      .pc-flow-panel-top h3{
        font-size:1.18rem;
      }

      .pc-status-pill{
        width:max-content;
      }

      .pc-metric-grid{
        grid-template-columns:1fr;
        gap:10px;
      }

      .pc-metric-card{
        padding:13px;
      }

      .pc-metric-card strong{
        font-size:1.32rem;
      }

      .pc-action-row{
        grid-template-columns:40px 1fr;
        gap:11px;
        padding:12px;
      }

      .pc-action-symbol{
        width:40px;
        height:40px;
        border-radius:14px;
      }

      .pc-action-row button{
        grid-column:1 / -1;
        width:100%;
      }

      .pc-invoice-row{
        align-items:flex-start;
        flex-direction:column;
        gap:10px;
      }

      .pc-flow-rail-wrap{
        height:180px;
      }

      .pc-data-packet{
        max-width:calc(100vw - 64px);
        font-size:.7rem;
        padding:8px 10px;
      }

      .pc-flow-customer{
        width:min(292px, 100%);
        max-width:292px;
      }

      .pc-phone-shell{
        border-radius:26px;
        padding:9px;
      }

      .pc-customer-card-inner{
        padding:14px;
        border-radius:20px;
      }

      .pc-customer-brand{
        margin-bottom:14px;
      }

      .pc-customer-state h3{
        font-size:1rem;
      }

      .pc-customer-state p{
        font-size:.78rem;
      }

      .pc-customer-amount{
        margin-top:14px;
        padding:13px;
      }

      .pc-customer-amount strong{
        font-size:1.24rem;
      }

      .pc-pay-button{
        padding:11px 14px;
        font-size:.84rem;
      }

      .pc-payment-complete{
        padding:10px;
      }

      .pc-flow-caption-row{
        grid-template-columns:1fr;
      }
    }

    .partner-model{
      background:#ffffff;
      padding:90px 0;
    }

    .model-card{
      height:100%;
      background:#ffffff;
      border:1px solid rgba(88,66,188,.12);
      border-radius:18px;
      padding:28px;
      box-shadow:0 12px 34px rgba(45,42,61,.08);
    }

    .model-card .icon{
      width:44px;
      height:44px;
      display:grid;
      place-items:center;
      border-radius:14px;
      background:#f7f4ff;
      color:#5842bc;
      margin-bottom:18px;
      font-size:1.25rem;
    }

    .model-card h3{
      font-family:"Poppins", sans-serif;
      font-weight:700;
      font-size:1.15rem;
      margin-bottom:10px;
    }

    .model-card p{
      color:#616161;
      line-height:1.75;
      margin:0;
    }

    .platform-capabilities{
      padding:100px 0 85px;
      background:#ffffff;
    }

    .capability-surface{
      background:#ffffff;
      border:1px solid rgba(16,24,40,.08);
      border-radius:26px;
      box-shadow:0 20px 70px rgba(16,24,40,.08);
      overflow:hidden;
    }

    .capability-column{
      padding:38px;
      height:100%;
    }

    .capability-column.border-start-soft{
      border-left:1px solid rgba(16,24,40,.08);
    }

    @media only screen and (max-width:991px){
      .capability-column.border-start-soft{
        border-left:0;
        border-top:1px solid rgba(16,24,40,.08);
      }
    }

    .capability-label{
      font-family:"Poppins", sans-serif;
      color:#7a7f8d;
      font-weight:600;
      font-size:.95rem;
      margin-bottom:20px;
    }

    .capability-item{
      display:grid;
      grid-template-columns:54px 1fr;
      gap:18px;
      padding:22px 0;
      border-top:1px solid rgba(16,24,40,.08);
    }

    .capability-item:first-of-type{
      border-top:0;
      padding-top:0;
    }

    .capability-icon{
      width:44px;
      height:44px;
      border-radius:14px;
      display:grid;
      place-items:center;
      color:#5842bc;
      background:#f7f4ff;
      font-size:1.3rem;
    }

    .capability-item h3{
      font-family:"Poppins", sans-serif;
      font-size:1.15rem;
      font-weight:700;
      margin:0 0 6px;
      color:#0B0F1A;
    }

    .capability-item p{
      color:#616161;
      line-height:1.7;
      margin:0;
      font-size:.98rem;
    }

    .capability-note{
      margin-top:28px;
      padding:18px 20px;
      border-radius:16px;
      background:#f7f4ff;
      color:#4b3f77;
      font-family:"Poppins", sans-serif;
      font-size:.95rem;
      line-height:1.7;
      border:1px solid rgba(88,66,188,.12);
    }

    .capability-cta{
      display:flex;
      flex-wrap:wrap;
      gap:14px;
      justify-content:center;
      margin-top:30px;
    }

    .about-thumb{margin-right:80px;}

    @media only screen and (max-width:991px){
      .about-thumb{margin-right:0;}
    }

    .about-content .section-header{margin-bottom:15px;}

    .about-content .about-list{
      padding-left:0;
    }

    .about-content .about-list li{
      font-weight:700;
      padding-top:20px;
      list-style:none;
    }

    .about-content .about-list li i{
      width:30px;
      height:30px;
      line-height:30px;
      display:inline-block;
      text-align:center;
      background-color:#f0eff5;
      border-radius:50%;
      color:#5842bc;
      margin-right:10px;
    }

    .faq-wrapper{margin-bottom:-20px;}

    .faq-wrapper .faq-item{
      background-color:#ffffff;
      box-shadow:-4.104px 11.276px 38px 0 rgba(45,42,61,0.1);
      padding:20px 30px;
      border-radius:15px;
      margin-bottom:20px;
      transition:all .3s;
    }

    @media only screen and (max-width:575px){
      .faq-wrapper .faq-item{padding:20px;}
    }

    .faq-wrapper .faq-item .faq-title{
      font-size:18px;
      cursor:pointer;
      display:flex;
      flex-wrap:wrap;
      align-items:center;
      margin-bottom:0;
    }

    @media only screen and (max-width:575px){
      .faq-wrapper .faq-item .faq-title{font-size:16px;}
    }

    .faq-wrapper .faq-item .faq-title .title{
      width:calc(100% - 40px);
      display:inline-block;
      margin-bottom:0;
    }

    .faq-wrapper .faq-item .faq-content{
      display:none;
      margin-top:20px;
    }

    .faq-wrapper .faq-item .faq-content p{font-size:13px;}

    .faq-wrapper .faq-item .right-icon{
      display:block;
      width:30px;
      height:30px;
      background-color:#5842bc;
      border-radius:50%;
      position:relative;
    }

    .faq-wrapper .faq-item .right-icon::before,
    .faq-wrapper .faq-item .right-icon::after{
      position:absolute;
      content:"";
      background:#ffffff;
      transition:all ease .3s;
      transform:translate(-50%, -50%);
    }

    .faq-wrapper .faq-item .right-icon::before{
      width:2px;
      height:12px;
      top:50%;
      left:50%;
    }

    .faq-wrapper .faq-item .right-icon::after{
      width:12px;
      height:2px;
      top:50%;
      left:50%;
    }

    .faq-wrapper .faq-item.active .faq-content{display:block;}

    .faq-wrapper .faq-item.active.open .right-icon::before,
    .faq-wrapper .faq-item.open .right-icon::before{
      transform:translate(-50%, -50%) rotate(90deg);
    }

    .footer-modern{
      background:var(--pc-ink);
      color:var(--pc-text);
      padding-top:48px;
    }

    .footer-stripe{
      height:4px;
      background:linear-gradient(90deg,var(--pc-purple-1),var(--pc-purple-2));
    }

    .footer-tagline{
      max-width:60ch;
      color:var(--pc-muted);
      font-family:"Poppins", sans-serif;
      font-weight:300;
    }

    .footer-social{
      list-style:none;
      padding:0;
      margin:0;
      display:flex;
      gap:.75rem;
    }

    .footer-social a{
      width:38px;
      height:38px;
      display:grid;
      place-items:center;
      border-radius:50%;
      background:#111726;
      color:#e7ebf3;
      box-shadow:0 4px 14px rgba(0,0,0,.25) inset;
      transition:transform .15s ease, background .2s ease, color .2s ease;
    }

    .footer-social a:hover{
      background:linear-gradient(135deg,var(--pc-purple-1),var(--pc-purple-2));
      color:#fff;
      transform:translateY(-2px);
    }

    .footer-title{
      color:var(--pc-title);
      font-size:1rem;
      font-weight:700;
      letter-spacing:.02em;
      margin-bottom:.75rem;
      font-family:"Poppins", sans-serif;
    }

    .footer-links{
      list-style:none;
      padding:0;
      margin:0;
    }

    .footer-links li{margin:.35rem 0;}

    .footer-links a{
      color:var(--pc-text);
      text-decoration:none;
      position:relative;
      transition:color .2s ease;
      font-family:"Poppins", sans-serif;
      font-weight:300;
    }

    .footer-links a::after{
      content:"";
      position:absolute;
      left:0;
      bottom:-2px;
      width:0;
      height:2px;
      background:linear-gradient(90deg,var(--pc-purple-1),var(--pc-purple-2));
      transition:width .22s ease;
    }

    .footer-links a:hover{color:#fff;}
    .footer-links a:hover::after{width:100%;}

    .footer-form{
      display:grid;
      grid-template-columns:1fr max-content;
      align-items:center;
      gap:.5rem;
      width:100%;
      background:#0f1422;
      padding:.5rem;
      border-radius:12px;
      border:1px solid rgba(255,255,255,.06);
    }

    .footer-form input{
      width:100%;
      min-width:0;
      box-sizing:border-box;
      background:transparent;
      border:0;
      outline:none;
      color:#e7ebf3;
      padding:.6rem .8rem;
      font-family:"Poppins", sans-serif;
      font-size:1rem;
      -webkit-appearance:none;
    }

    .btn-subscribe{
      position:static;
      white-space:nowrap;
      border:0;
      border-radius:10px;
      padding:.6rem .9rem;
      font-weight:600;
      color:#0b0f1a;
      background:linear-gradient(135deg,#FBAE3C,#ffd694);
    }

    @media (max-width:575.98px){
      .footer-form{
        grid-template-columns:1fr;
        padding:.35rem;
        gap:.35rem;
      }

      .btn-subscribe{
        width:100%;
        padding:.5rem .9rem;
        font-size:.95rem;
        border-radius:10px;
      }
    }

    .form-note{
      color:var(--pc-muted);
      font-size:.9rem;
      margin:.35rem 0 0;
    }

    .footer-divider{
      border:0;
      height:1px;
      background:linear-gradient(90deg, transparent, rgba(255,255,255,.06), transparent);
      margin:0;
    }

    .footer-disclaimer{
      color:#a8b3c5;
      font-size:.82rem;
      line-height:1.7;
      margin:0;
      font-family:"Poppins", sans-serif;
      font-weight:300;
    }

    .copyright{
      color:var(--pc-muted);
      font-family:"Poppins", sans-serif;
      font-weight:300;
    }

    .legal-mini{
      list-style:none;
      padding:0;
      margin:0;
      display:flex;
      gap:1rem;
      justify-content:flex-start;
      flex-wrap:wrap;
    }

    @media (min-width:768px){
      .legal-mini{justify-content:flex-end;}
    }

    .legal-mini a{
      color:var(--pc-muted);
      text-decoration:none;
    }

    .legal-mini a:hover{
      color:#fff;
      text-decoration:underline;
    }