html,
  body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
  }

  body {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background: #fff;
    min-height: 100vh;
  }

  body.menu-open {
    overflow: hidden;
  }

  html.is-loading,
  body.is-loading {
    overflow: hidden;
  }

  .page-loader {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: grid;
    place-items: center;
    background:
      radial-gradient(circle at center, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0) 42%),
      linear-gradient(135deg, #12131a 0%, #1d1f2c 55%, #0d0e14 100%);
    transition: opacity 0.45s ease, visibility 0.45s ease;
  }

  .page-loader.is-hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }

  .page-loader-inner {
    position: relative;
    width: min(88vw, 520px);
    height: min(88vw, 520px);
    display: grid;
    place-items: center;
    padding: clamp(24px, 6vw, 80px);
    box-sizing: border-box;
  }

  .page-loader-logo {
    position: relative;
    z-index: 1;
    width: min(72vw, 80px);
    height: auto;
    object-fit: contain;
    filter: drop-shadow(0 0 32px rgba(255, 196, 119, 0.28));
    animation: loaderSpin 5.5s linear infinite;
    transform-origin: center;
  }

  @keyframes loaderSpin {
    to {
      transform: rotate(360deg);
    }
  }

  .page-shell {
    min-height: 100vh;
    background: #fff;
  }

  .glass-card {
    background: rgba(255, 255, 255, 0.76);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.42);
    border-radius: 24px;
    box-shadow: 0 20px 40px rgba(73, 44, 89, 0.08);
  }

  .btn-primary {
    background: linear-gradient(135deg, #ff4fd8 0%, #8f2fff 52%, #3d09c6 100%);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }

  .btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 24px rgba(124, 39, 255, 0.32);
  }

  .site-header {
    position: relative;
  }

  .desktop-download {
    display: inline-flex;
  }

  .menu-toggle {
    display: none;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 14px;
    border: 1px solid rgba(15, 23, 42, 0.1);
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
  }

  @media (max-width: 767.98px) {
    .desktop-download {
      display: none;
    }

    .menu-toggle {
      display: inline-flex;
    }
  }

  .menu-toggle:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.12);
  }

  .menu-icon {
    flex: 0 0 auto;
  }

  .mobile-menu-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.22);
    backdrop-filter: blur(2px);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease;
    z-index: 40;
  }

  .mobile-menu-backdrop.is-open {
    opacity: 1;
    pointer-events: auto;
  }

  .mobile-menu {
    position: absolute;
    top: calc(1% + 0.75rem);
    left: 1rem;
    right: 1rem;
    z-index: 50;
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, 0.7);
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 24px 64px rgba(15, 23, 42, 0.16);
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-8px) scale(0.98);
    transform-origin: top;
    transition: max-height 0.28s ease, opacity 0.22s ease, transform 0.28s ease;
  }

  .mobile-menu.is-open {
    max-height: 520px;
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0) scale(1);
  }

  .mobile-menu-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.95rem 1rem;
    border-radius: 16px;
    color: #334155;
    font-size: 0.96rem;
    font-weight: 600;
    letter-spacing: -0.01em;
    transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
  }

  .mobile-menu-link:hover,
  .mobile-menu-link:focus-visible {
    background: rgba(248, 250, 252, 0.95);
    color: #0f172a;
    transform: translateX(2px);
  }

  @keyframes float {
    0%,
    100% {
      transform: translateY(0);
    }

    50% {
      transform: translateY(-16px);
    }
  }

  /* =========================
     HERO
  ========================= */
  .hero-shell {
    position: relative;
    min-height: 920px;
    overflow: hidden;
  }


  .hero-badge {
    font-size: 10px;
    letter-spacing: -0.01em;
  }

  .hero-title {
    line-height: 0.95;
    letter-spacing: -0.07em;
  }

  .hero-copy {
    max-width: 710px;
  }

  .hero-actions {
    align-items: center;
  }

  .floating-icon {
    position: absolute;
    z-index: 5;
    animation: float 6s ease-in-out infinite;
    background: #fff;
    padding: 12px;
    border-radius: 999px;
    box-shadow: 0 16px 28px rgba(154, 113, 171, 0.18);
  }

  .icon-pos-1 {
    top: 8%;
    left: 4.5%;
    animation-delay: 0s;
  }

  .icon-pos-2 {
    top: 21%;
    left: 11%;
    animation-delay: 1s;
  }

  .icon-pos-3 {
    top: 34%;
    left: 18%;
    animation-delay: 2s;
  }

  .icon-pos-4 {
    top: 8%;
    right: 4.5%;
    animation-delay: 3s;
  }

  .icon-pos-5 {
    top: 21%;
    right: 11%;
    animation-delay: 4s;
  }

  .icon-pos-6 {
    top: 34%;
    right: 18%;
    animation-delay: 5s;
  }

  .phone-container {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    position: relative;
    padding-top: 0;
    margin-top: auto;
  }

  .phone-main {
    position: relative;
    z-index: 30;
    width: 300px;
  }

  .phone-secondary {
    position: relative;
    z-index: 20;
    width: 290px;
    margin-left: -40px;
    transform: translateY(42px) scale(0.9);
    filter: brightness(0.98);
  }

  .phone-shell {
    position: relative;
    border: 10px solid #111;
    border-radius: 38px;
    background: transparent;
    overflow: hidden;
    box-shadow: 0 34px 60px rgba(0, 0, 0, 0.18);
  }

  .phone-shell::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 84px;
    height: 18px;
    background: #0d0d0d;
    border-radius: 999px;
    z-index: 3;
  }

  .phone-shell::after {
    content: "";
    position: absolute;
    left: -10px;
    top: 34%;
    width: 8px;
    height: 44%;
    background: rgba(17, 17, 17, 0.95);
    border-radius: 999px;
    z-index: 4;
  }

  .phone-main .phone-shell::after {
    display: none;
  }

  .phone-screen {
    display: block;
    width: 100%;
    height: auto;
  }

  .stats-bar {
    width: 10px;
    background: #ff7e5f;
    border-radius: 4px;
  }

  /* =========================
     SMART BANKING
  ========================= */
  .smart-banking-section {
    padding-top: 0.85rem;
    padding-bottom: 1.8rem;
  }

  .smart-banking-title {
    font-size: clamp(1.9rem, 8vw, 2.5rem);
  }

  .smart-banking-steps {
    position: relative;
    min-height: 0;
    padding-top: 0.5rem;
    overflow: visible;
  }

  .smart-banking-divider {
    display: block;
  }

  /* =========================
     GLOBAL SOLUTIONS
  ========================= */
  .global-solutions-wrap {
    position: relative;
    padding: 0.75rem 0 0;
  }

  .global-solutions-heading {
    font-size: clamp(1.9rem, 3.8vw, 3.35rem);
    line-height: 0.98;
    letter-spacing: -0.06em;
    max-width: 24ch;
    margin: 0 auto 1rem;
  }

  .global-solutions-stage {
    position: relative;
    min-height: 590px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-top: 0;
  }

  .global-solutions-card {
    position: absolute;
    border-radius: 32px;
    transition: transform 0.35s ease, box-shadow 0.35s ease;
    overflow: hidden;
  }

  .global-solutions-card:hover {
    transform: translateY(-6px) rotate(var(--card-tilt, 0deg)) scale(1.01);
    box-shadow: 0 28px 70px rgba(10, 10, 25, 0.18);
  }

  .global-solutions-card.personal:hover {
    transform: translateY(-10px) rotate(-5deg) scale(1.015);
  }

  .global-solutions-card.business:hover {
    transform: translateY(-10px) rotate(5deg) scale(1.015);
  }

  .global-solutions-card.back {
    width: 390px;
    height: 310px;
    background: linear-gradient(180deg, rgba(250, 250, 250, 0.96) 0%, rgba(244, 244, 244, 0.92) 100%);
    border: 1px solid rgba(20, 20, 20, 0.06);
    box-shadow: 0 18px 42px rgba(10, 10, 25, 0.06);
  }

  .global-solutions-card.back-left {
    left: 50%;
    top: 126px;
    margin-left: -575px;
    transform: rotate(-14deg);
    z-index: 1;
  }

  .global-solutions-card.back-right {
    left: 50%;
    top: 126px;
    margin-left: 205px;
    transform: rotate(14deg);
    z-index: 1;
  }

  .global-solutions-card.stander {
    width: 316px;
    height: 412px;
    /* background: linear-gradient(15deg, rgb(22 14 1 / 99%) 0%, rgb(20 19 19 / 23%) 100%); */
    color: #100e0e;
    transform: rotate(-5deg);
    left: 50%;
    top: 16px;
    margin-left: -420px;
    z-index: 3;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 24px 58px rgba(10, 10, 25, 0.14), 0 6px 18px rgba(10, 10, 25, 0.06);
  }

  .global-solutions-card.pro {
    width: 316px;
    height: 412px;
    background: transparent;
    color: #101828;
    transform: rotate(-1deg);
    left: 50%;
    top: 2px;
    margin-left: -158px;
    z-index: 5;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.45);
    box-shadow: 0 30px 72px rgba(10, 10, 25, 0.18), 0 8px 22px rgba(10, 10, 25, 0.08);
  }

  .global-solutions-card.business {
    width: 316px;
    height: 412px;
    /* background: linear-gradient(15deg, rgb(241 154 0 / 99%) 0%, rgb(255 163 0 / 53%) 100%); */
    color: #1f1302;
    transform: rotate(6deg);
    left: 50%;
    top: 16px;
    margin-left: 128px;
    z-index: 3;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 232, 180, 0.34);
    box-shadow: 0 24px 58px rgba(10, 10, 25, 0.14), 0 6px 18px rgba(10, 10, 25, 0.06);
  }

  .global-solutions-card-body {
    position: relative;
    height: 100%;
    padding: 28px 22px 22px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    overflow: visible;
      transform: translateY(-3px) scale(1.02);
    filter: saturate(1.05) contrast(1.03);
    
  }

  .global-solutions-card-head {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }

  .global-solutions-card-label {
    font-size: 1.65rem;
    font-weight: 800;
    letter-spacing: -0.04em;
    line-height: 1.1;
  }

  .global-solutions-card.pro .global-solutions-card-label {
    color: #101828;
  }

  .global-solutions-card.business .global-solutions-card-label {
    color: #070606;
  }

  .global-solutions-card-top-image {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    object-fit: cover;
    box-shadow: 0 10px 18px rgba(0, 0, 0, 0.12);
  }

  .global-solutions-card.business .global-solutions-card-top-image {
    border: 1px solid rgba(255, 255, 255, 0.08);
  }

  .global-solutions-card-image {
    width: 100%;
    max-width: 245px;
    aspect-ratio: 0.92;
    object-fit: cover;
    border-radius: 22px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.14);
    transition: transform 0.4s ease, filter 0.4s ease;
  }

  /* .global-solutions-card.stander .global-solutions-card-image {
    filter: grayscale(1) brightness(0.42) contrast(1.18);
  }

  .global-solutions-card.pro .global-solutions-card-image {
    filter: grayscale(1) brightness(1.12) contrast(0.92);
  } */

  .global-solutions-card.business .global-solutions-card-image {
    /* filter: sepia(0.42) saturate(1.35) hue-rotate(340deg) brightness(1.02) contrast(1.02); */
    border-color: rgba(255, 232, 180, 0.45);
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.1)!important;
  }

  .global-solutions-card-cta {
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    opacity: 0.96;
    transition: transform 0.3s ease, opacity 0.3s ease;
  }

  .global-solutions-card:hover .global-solutions-card-image {
    transform: translateY(-3px) scale(1.02);
    filter: saturate(1.05) contrast(1.03);
  }

  .global-solutions-card:hover .global-solutions-card-cta {
    transform: translateY(-1px);
    opacity: 1;
  }

  .global-solutions-card.pro .global-solutions-card-cta {
    color: #101828;
  }

  .global-solutions-card.business .global-solutions-card-cta {
    color: #060605;
  }

  .global-solutions-float {
    position: absolute;
    z-index: 3;
    pointer-events: none;
    transition: transform 0.35s ease, opacity 0.35s ease;
  }

  .global-solutions-card:hover .global-solutions-float {
    transform: scale(1.06);
  }

  .float-badge {
    width: 44px;
    height: 44px;
    border-radius: 999px;
    object-fit: cover;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12);
  }

  .float-badge-1 {
    left: 20px;
    top: 130px;
  }

  .float-badge-2 {
    right: 22px;
    bottom: 78px;
  }

  .global-solutions-subtitle {
    max-width: 46rem;
    margin: 0 auto;
    color: #667085;
  }

  /* =========================
     WALET FEATURE
  ========================= */
  .walet-feature-section {
    background: #fff;
  }

  .walet-feature-panel {
    position: relative;
    overflow: hidden;
    border-radius: 38px;
    min-height: 400px;
    background: linear-gradient(180deg, #fbfbfc 0%, #f3f4f8 100%);
    box-shadow: 0 24px 60px rgba(19, 22, 34, 0.06);
  }

  .guten-4ZnRfG {
    position: relative;
  }

  .guten-4ZnRfG > .guten-background-overlay {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image: url("../img/elipse.png");
    background-position-x: -100px;
    background-position-y: 150px;
    background-repeat: no-repeat;
    background-size: 50%;
  }

  .walet-feature-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
    align-items: center;
    min-height: 200px;
  }

  .walet-feature-visual {
    position: relative;
    min-height: 400px;
  }

  .walet-feature-ellipse {
    position: absolute;
    left: -15%;
    bottom: -18%;
    width: min(82vw, 760px);
    pointer-events: none;
  }

  .walet-feature-ellipse img,
  .walet-feature-device {
    display: block;
    width: 100%;
    height: auto;
  }

  .walet-feature-device {
    position: relative;
    width: min(75%, 820px);
    margin-left: 5%;
    filter: drop-shadow(0 28px 30px rgba(68, 91, 123, 0.16));
  }

  .walet-feature-copy {
    position: relative;
    z-index: 1;
    max-width: 42rem;
  }

  .walet-feature-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.45rem 0.85rem;
    border-radius: 999px;
    background: rgba(255, 79, 216, 0.08);
    color: #a72ea5;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    margin-bottom: 1rem;
  }

  .guten-element.guten-advanced-heading .heading-section {
    margin-bottom: 0.25rem;
  }

  .guten-element.guten-advanced-heading .heading-title {
    margin: 0;
    color: #1f2937;
    font-size: clamp(2.7rem, 4.2vw, 4.15rem);
    line-height: 0.92;
    letter-spacing: -0.085em;
    max-width: 520px;
  }

  .guten-element.guten-advanced-heading .heading-title .block:first-child {
    white-space: nowrap;
  }

  .guten-element.guten-advanced-heading .heading-subtitle {
    display: block;
    margin-top: 1rem;
    color: #6f7690;
    font-size: 1.03rem;
    line-height: 1.7;
    max-width: 39rem;
  }

  .section-wrapper {
    margin-top: 1.5rem;
  }

  .section-wrapper .guten-container {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
  }

  .section-wrapper .guten-column-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

  .guten-icon-box-wrapper {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    padding: 1rem 1rem 1.05rem;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.05);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }

  .guten-icon-box-wrapper:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.08);
  }

  .icon-box-header .icon.style-color {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: rgba(242, 234, 255, 0.95);
    color: #1f2937;
    font-size: 15px;
  }

  .icon-box-body .title {
    margin: 0;
    color: #1f2937;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.35;
    letter-spacing: -0.03em;
  }

  .icon-box-description {
    margin: 0;
    min-height: 0;
  }

  .guten-button-wrapper {
    margin-top: 1.8rem;
  }

  .guten-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.95rem 1.8rem;
    border-radius: 999px;
    color: #fff;
    font-weight: 800;
    font-size: 15px;
    background: linear-gradient(135deg, #ff4fd8 0%, #8f2fff 52%, #3d09c6 100%);
    box-shadow: 0 18px 28px rgba(124, 39, 255, 0.24);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }

  .guten-button:hover {
    transform: translateY(-2px);
    background: linear-gradient(135deg, #ff4fd8 0%, #8f2fff 52%, #3d09c6 100%);
    box-shadow: 0 22px 34px rgba(124, 39, 255, 0.18);
    color: #fff;
  }

  /* =========================
     WORKFLOW
  ========================= */
  .workflow-section {
    position: relative;
    padding: clamp(2.5rem, 5vw, 4.25rem) 0;
    overflow: hidden;
    background:
      radial-gradient(circle at 82% 22%, rgba(255, 79, 216, 0.12) 0, rgba(255, 79, 216, 0) 36%),
      radial-gradient(circle at 8% 72%, rgba(115, 39, 255, 0.1) 0, rgba(115, 39, 255, 0) 34%),
      #fff;
  }

  .workflow-section::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
      linear-gradient(rgba(17, 24, 39, 0.02) 1px, transparent 1px),
      linear-gradient(90deg, rgba(17, 24, 39, 0.02) 1px, transparent 1px);
    background-size: 52px 52px;
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.35), transparent 88%);
    opacity: 0.55;
  }

  .workflow-section > .max-w-7xl {
    position: relative;
    z-index: 1;
  }

  .workflow-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    align-items: center;
    gap: clamp(1.2rem, 3vw, 3rem);
  }

  .workflow-copy {
    max-width: 43rem;
    justify-self: start;
  }

  .workflow-eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.48rem 0.95rem;
    border-radius: 999px;
    background: rgba(255, 79, 216, 0.08);
    color: #b02ce6;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    margin-bottom: 1rem;
  }

  .workflow-title {
    margin: 0;
    color: #1f2430;
    font-family: "Sora", sans-serif;
    font-size: clamp(2.3rem, 4.1vw, 3.9rem);
    line-height: 0.95;
    letter-spacing: -0.075em;
    font-weight: 500;
    max-width: 13ch;
  }

  .workflow-subtitle {
    margin: 1rem 0 0;
    color: #687089;
    font-size: 1rem;
    line-height: 1.7;
    max-width: 37rem;
  }

  .workflow-cards {
    margin-top: 2rem;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
  }

  .workflow-card {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    padding: 1rem 1rem 1.05rem;
    border-radius: 26px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.06);
  }

  .workflow-card-icon {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: linear-gradient(180deg, #ff4fd826 0%, #8f2fff18 54%, #3d09c612 100%);
    color: #2b1d58;
    flex: 0 0 auto;
  }

  .workflow-card .workflow-step-title {
    font-size: 1.02rem;
    line-height: 1.35;
  }

  .workflow-steps {
    max-width: 30rem;
    justify-self: end;
    width: 100%;
  }

  .workflow-step {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
    align-items: flex-start;
    padding: 1rem 0;
  }

  .workflow-step + .workflow-step {
    border-top: 1px solid rgba(17, 24, 39, 0.11);
  }

  .workflow-step:first-child {
    padding-top: 0;
  }

  .workflow-step:last-child {
    padding-bottom: 0;
  }

  .workflow-step-icon {
    width: 46px;
    height: 46px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(17, 24, 39, 0.08);
    color: #1f2937;
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.05);
    flex: 0 0 auto;
  }

  .workflow-step.featured .workflow-step-icon {
    border-color: rgba(143, 47, 255, 0.34);
    background: linear-gradient(135deg, #ff4fd8 0%, #8f2fff 54%, #3d09c6 100%);
    color: #fff;
    box-shadow: 0 14px 24px rgba(124, 39, 255, 0.22);
  }

  .workflow-step-title {
    margin: 0;
    color: #111;
    font-size: 1.08rem;
    line-height: 1.35;
    letter-spacing: -0.03em;
    font-weight: 700;
  }

  .workflow-step-desc {
    margin: 0.55rem 0 0;
    color: #5b6472;
    font-size: 0.98rem;
    line-height: 1.75;
    max-width: 27rem;
  }

  .workflow-visual {
    position: relative;
    min-height: 320px;
    border-radius: 28px;
    background:
      radial-gradient(circle at 18% 18%, rgba(255, 79, 216, 0.12) 0, rgba(255, 79, 216, 0) 35%),
      radial-gradient(circle at 82% 20%, rgba(93, 133, 255, 0.12) 0, rgba(93, 133, 255, 0) 35%),
      linear-gradient(180deg, #fbfbfd 0%, #eef1f7 100%);
    border: 1px solid rgba(226, 232, 240, 0.9);
    overflow: hidden;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
  }

  .workflow-index .workflow-visual {
    min-height: 540px;
  background :none;
      border: none;


    }
.workflow-slide img {
   border-radius: 8px;
  }

  .workflow-slider {
    position: absolute;
    inset: 0;
  }

  .workflow-slide {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 1rem 1.1rem 2.5rem;
    opacity: 0;
    transform: scale(0.985);
    transition: opacity 0.65s ease, transform 0.65s ease;
    pointer-events: none;
  }

  .workflow-slide.is-active {
    opacity: 1;
    transform: scale(1);
    pointer-events: auto;
  }

  .workflow-slide img {
    width: 100%;
    height: 100%;
    max-width: 660px;
    max-height: 575px;
    object-fit: contain;
    filter: drop-shadow(0 18px 28px rgba(15, 23, 42, 0.14));
  }

  .workflow-indicators {
    position: absolute;
    left: 50%;
    bottom: 1rem;
    transform: translateX(-50%);
    display: flex;
    gap: 0.45rem;
    z-index: 3;
  }

  .workflow-indicators button {
    width: 10px;
    height: 10px;
    border: 0;
    border-radius: 999px;
    background: rgba(103, 112, 133, 0.28);
    padding: 0;
    cursor: pointer;
    transition: width 0.25s ease, background 0.25s ease, transform 0.25s ease;
  }

  .workflow-indicators button[aria-current="true"] {
    width: 24px;
    background: linear-gradient(90deg, #8f2fff, #5d85ff);
  }

  .workflow-indicators button:hover {
    transform: translateY(-1px);
  }

  /* =========================
     PRICING
  ========================= */
  .pricing-shell {
    background: #fcfcfc;
  }

  .pricing-shell .pricing-section {
    border-radius: 48px;
  }

  .pricing-eyebrow {
    display: inline-block;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: #a59cb3;
    margin-bottom: 12px;
  }

  .pricing-modern {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 10px;
    color: #fff;
    background: linear-gradient(90deg, #ff4fd8 0%, #b23cff 50%, #6c7dff 100%);
  }

  .hero-highlight {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 10px;
    color: #fff;
    background: linear-gradient(90deg, #ff4fd8 0%, #b23cff 50%, #6c7dff 100%);
  }

  .hero-open {
    display: block;
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: inherit !important;
  }

  .pricing-shell .accordion-container {
    display: flex;
    gap: 1.55rem;
    width: 110%;
    height: 380px;
    margin-top: 2rem;
  }

  .pricing-shell .accordion-item {
    position: relative;
    flex: 1.15;
    border-radius: 34px;
    transition: all 0.9s cubic-bezier(0.2, 1, 0.3, 1);
    overflow: hidden;
    cursor: pointer;
  }

  .pricing-shell .accordion-item.active {
    flex: 4.2;
    cursor: default;
  }

  .pricing-shell .accordion-item.inactive {
    flex: 2;
  }

  .pricing-shell .bg-overlay {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    opacity: 1;
  }

  .pricing-shell .rotated-label {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-90deg);
    white-space: nowrap;
    font-size: 2.5rem;
    font-weight: 800;
    color: #fff;
    transition: opacity 0.3s ease;
    pointer-events: none;
    letter-spacing: -1px;
    z-index: 12;
  }

  .pricing-shell .card-content {
    position: relative;
    z-index: 10;
    height: 100%;
    padding: 1.6rem 1.6rem 1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    opacity: 0;
    transition: opacity 0.6s ease 0.3s;
    color: #fff;
  }

  .pricing-shell .accordion-item.active .rotated-label {
    opacity: 0;
  }

  .pricing-shell .accordion-item.active .card-content {
    opacity: 1;
  }

  .pricing-shell .nav-button-container {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100px;
    height: 100px;
    background: #fff;
    border-radius: 0 50px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 30;
    transition: transform 0.5s ease;
  }

  .pricing-shell .nav-button-container::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 100px;
    width: 30px;
    height: 30px;
    background: transparent;
    border-bottom-left-radius: 25px;
    box-shadow: -10px 10px 0 10px #fff;
  }

  .pricing-shell .nav-button-container::after {
    content: "";
    position: absolute;
    bottom: 100px;
    left: 0;
    width: 30px;
    height: 30px;
    background: transparent;
    border-bottom-left-radius: 25px;
    box-shadow: -10px 10px 0 10px #fff;
  }

  .pricing-shell .arrow-circle {
    width: 65px;
    height: 65px;
    background: #111;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    transition: transform 0.3s ease;
    cursor: pointer;
  }

  .pricing-shell .arrow-circle:hover {
    transform: scale(1.05) rotate(-10deg);
  }

  .pricing-shell .accordion-item.inactive .nav-button-container {
    display: none;
  }

  .pricing-shell .plan-starter {
    color: rgba(255, 255, 255, 0.95);
  }

  .pricing-shell .plan-pro,
  .pricing-shell .plan-business {
    color: #fff;
  }

  .pricing-shell .theme-white,
  .pricing-shell .theme-white * {
    color: rgba(255, 255, 255, 0.95);
  }

  .pricing-shell .theme-black,
  .pricing-shell .theme-black * {
    color: #fff;
  }

  /* .pricing-shell .theme-black .pricing-btn, */
  .pricing-shell .theme-black .pricing-card-topline,
  .pricing-shell .theme-black .pricing-card-topline *,
  .pricing-shell .theme-black .pricing-card-title,
  .pricing-shell .theme-black .pricing-card-copy,
  .pricing-shell .theme-black .pricing-pill-row,
  .pricing-shell .theme-black .pricing-pill-row *,
  .pricing-shell .theme-black .pricing-card-footer,
  .pricing-shell .theme-black  {
    color: #fff !important;
  }

  .pricing-shell .theme-black .pricing-card-topline p,
  .pricing-shell .theme-black .pricing-card-topline div,
  .pricing-shell .theme-black .pricing-card-topline span {
    color: #fff !important;
  }

  .pricing-shell .card-soften {
    opacity: 0.78;
  }

  .pricing-shell .accordion-item.active .card-soften {
    opacity: 1;
  }

  .pricing-shell .accordion-item.inactive .card-soften {
    opacity: 0.78;
  }

  .pricing-shell .pricing-card-topline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.55rem;
  }

  .pricing-shell .pricing-card-kicker {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.72);
  }

  .pricing-shell .pricing-card-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.28rem 0.56rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.16);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }

  .pricing-shell .pricing-card-title {
    margin: 0;
    font-size: clamp(1.55rem, 2.15vw, 2.4rem);
    line-height: 0.95;
    letter-spacing: -0.055em;
  }

  .pricing-shell .pricing-card-copy {
    margin: 0;
    max-width: 24rem;
    font-size: 0.84rem;
    line-height: 1.58;
    color: rgba(255, 255, 255, 0.84);
  }

  .pricing-shell .pricing-pill-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: 0.9rem;
  }

  .pricing-shell .pricing-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.48rem 0.72rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    background: rgba(255, 255, 255, 0.08);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    backdrop-filter: blur(10px);
  }

  .pricing-shell .pricing-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-top: auto;
    padding-top: 1rem;
  }

  .pricing-shell .pricing-card-note {
    font-size: 0.72rem;
    line-height: 1.45;
    color: rgba(255, 255, 255, 0.72);
    max-width: 16ch;
  }

  .pricing-shell .pricing-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: 10px 14px;
    border: 0;
    border-radius: 999px;
    color: #111;
    background: #fff;
    font: inherit;
    font-weight: 800;
    box-shadow: 0 14px 26px rgba(0, 0, 0, 0.16);
    cursor: pointer;
  }

  .pricing-shell .pricing-cta {
    display: flex;
    justify-content: flex-start;
  }

  .pricing-shell .accordion-container {
    height: 500px;
  }

  .pricing-shell .card-content {
    padding: 2.1rem 2.5rem 2.5rem;
  }

  .pricing-shell .card-content h2 {
    font-size: clamp(2.15rem, 3vw, 3.1rem);
  }

  .pricing-shell .card-content > p {
    font-size: 0.94rem;
    max-width: 26rem;
  }

  .pricing-shell .pricing-note {
    margin-top: 18px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 18px;
    color: #7b7388;
    font-size: 13px;
    line-height: 1.6;
  }

  .pricing-shell .pricing-note span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
  }

  .pricing-shell .pricing-dot {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: var(--violet);
    flex: 0 0 auto;
  }

  .pricing-shell .pricing-dot.pink {
    background: var(--pink);
  }

  .bg-starter {
    background: transparent;
  }

  .bg-pro {
    background: transparent;
  }

  .bg-business {
    background: transparent;
  }

  /* =========================
     PAYMENT FEATURES
  ========================= */
  .payment-feature-section {
    background: #fff;
    padding: 88px 0 72px;
    overflow: hidden;
  }

  .payment-feature-section .payment-feature-wrap {
    width: min(1240px, calc(100% - 48px));
    margin: 0 auto;
  }

  .payment-feature-section .payment-feature-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.95fr);
    align-items: start;
    gap: 24px;
    margin-bottom: 56px;
  }

  .payment-feature-section .payment-feature-title {
    margin: 0;
    max-width: none;
    font-size: clamp(2rem, 3.1vw, 3.2rem);
    line-height: 1;
    letter-spacing: -0.08em;
    font-weight: 700;
    color: #4a4a4a;
    white-space: normal;
  }

  .payment-feature-section .payment-feature-visual {
    position: relative;
    min-height: 210px;
  }

  .payment-feature-section .payment-feature-visual img {
    position: absolute;
    top: -2px;
    right: 18px;
    width: min(100%, 470px);
    opacity: 0.16;
    filter: grayscale(1) contrast(1.02);
    transform: scale(1.04);
    pointer-events: none;
    user-select: none;
  }

  .payment-feature-section .payment-feature-visual::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
      radial-gradient(circle at 50% 56%, rgba(0, 0, 0, 0.02) 0, rgba(0, 0, 0, 0.02) 18%, transparent 19%),
      radial-gradient(circle at 50% 58%, rgba(0, 0, 0, 0.02) 0, rgba(0, 0, 0, 0.02) 23%, transparent 24%);
    opacity: 0.4;
    mask-image: radial-gradient(circle at 50% 68%, black 0 55%, transparent 74%);
    pointer-events: none;
  }

  .payment-feature-section .payment-feature-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: 42px;
    row-gap: 72px;
    align-items: start;
  }

  .payment-feature-section .payment-feature-card {
    min-width: 0;
    min-height: 260px;
    padding: 22px 22px 24px;
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(247, 249, 255, 0.96), rgba(242, 244, 251, 0.98));
    border: 1px solid rgba(108, 125, 255, 0.10);
    box-shadow: 0 14px 30px rgba(31, 38, 55, 0.05);
    display: flex;
    flex-direction: column;
  }

  .payment-feature-section .payment-feature-media {
    width: 110px;
    height: 110px;
    border-radius: 0;
    overflow: visible;
    margin-bottom: 20px;
    background: transparent;
    border: 0;
    box-shadow: none;
  }

  .payment-feature-section .payment-feature-media img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    object-position: left center;
  }

  .payment-feature-section .payment-feature-card h3 {
    margin: 0 0 8px;
    font-size: 18px;
    line-height: 1.2;
    letter-spacing: -0.03em;
    font-weight: 600;
    color: #444;
  }

  .payment-feature-section .payment-feature-card p {
    margin: 0;
    max-width: 240px;
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: -0.02em;
    color: #5e5e5e;
  }

  .payment-feature-section .payment-feature-card.feature-active {
    background: linear-gradient(180deg, rgba(248, 250, 255, 0.98), rgba(243, 246, 253, 0.98));
    border-color: rgba(108, 125, 255, 0.16);
    box-shadow: 0 18px 38px rgba(31, 38, 55, 0.07);
  }

  /* =========================
     TESTIMONIAL
  ========================= */
  .testimonial-section {
    background: #fff;
    padding: 48px 0 28px;
    overflow: hidden;
  }

  .testimonial-section .testimonial-wrap {
    width: min(1280px, calc(100% - 48px));
    margin: 0 auto;
  }

  /* =========================
     APP DOWNLOAD
  ========================= */
  .app-download-section {
    margin: 0;
    padding: 0;
    background: linear-gradient(135deg, rgba(15, 17, 20, 0.98), rgba(37, 28, 67, 0.96));
  }

  .app-download-panel {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .app-download-panel::before {
    content: "";
    display: none;
  }

  .app-download-panel-inner {
    width: min(1240px, calc(100% - 48px));
    margin: 0 auto;
    padding: 12px 30px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 18px 28px;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
  }

  .app-download-copy {
    position: relative;
    z-index: 1;
    color: #fff;
    max-width: 640px;
  }

  .app-download-actions {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-left: auto;
  }

  .app-download-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.78);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .app-download-title {
    margin: 0;
    font-size: clamp(1.15rem, 2vw, 1.7rem);
    line-height: 1.05;
    letter-spacing: -0.04em;
    max-width: none;
    white-space: nowrap;
  }

  .app-download-text {
    margin: 8px 0 0;
    max-width: 52ch;
    font-size: 14px;
    line-height: 1.45;
    color: rgba(255, 255, 255, 0.78);
  }

  .app-download-buttons {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    margin-top: 0;
  }

  .store-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border-radius: 0;
    text-decoration: none;
    transition: transform 0.2s ease;
  }

  .store-button:hover {
    transform: translateY(-2px);
  }

  .store-button-icon {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    flex: 0 0 auto;
    object-fit: contain;
  }

  .app-store-button .store-button-icon {
    width: 136px;
    height: auto;
  }

  .play-store-icon {
    width: 132px;
    height: auto;
  }

  .app-store-button {
    background: transparent;
  }

  .play-store-button {
    background: transparent;
  }

  .testimonial-stage {
    position: relative;
    padding: 4px 0 8px;
  }

  .testimonial-stage::before,
  .testimonial-stage::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: 30px;
  }

  .testimonial-stage::before {
    border: 1px solid rgba(76, 0, 161, 0.1);
    transform: rotate(0.5deg);
    transform-origin: center;
  }

  .testimonial-stage::after {
    border: 1px solid rgba(219, 225, 210, 0.45);
    transform: rotate(-0.12deg);
  }

  .testimonial-card {
    position: relative;
    z-index: 1;
    min-height: 0;
    border-radius: 30px;
    background: #fff;
    display: grid;
    grid-template-columns: minmax(280px, 0.55fr) minmax(320px, 0.72fr);
    align-items: center;
    gap: 18px;
    padding: 28px 30px 24px;
    box-shadow: 0 18px 40px rgba(27, 38, 16, 0.05);
    overflow: visible;
  }

  .testimonial-copy {
    position: relative;
    z-index: 2;
    max-width: 440px;
    padding-bottom: 0;
  }

  .testimonial-quote {
    width: 46px;
    height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #4c00a1;
    margin-bottom: 14px;
  }

  .testimonial-quote svg {
    width: 46px;
    height: 46px;
    stroke-width: 1.4;
  }

  .testimonial-text {
    margin: 0;
    font-size: clamp(1.8rem, 1.05vw, 1.16rem);
    line-height: 1.55;
    letter-spacing: -0.03em;
    color: #4d4a57;
    max-width: 30ch;
    min-height: 4.8em;
    transition: opacity 0.28s ease, transform 0.28s ease;
  }

  .testimonial-card.is-switching .testimonial-text,
  .testimonial-card.is-switching .testimonial-person,
  .testimonial-card.is-switching .testimonial-image {
    opacity: 0;
    transform: translateY(10px);
  }

  .testimonial-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 18px;
  }

  .testimonial-nav {
    width: 42px;
    height: 42px;
    border: 1px solid rgba(76, 0, 161, 0.12);
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fbfaff;
    color: #4c00a1;
    box-shadow: 0 3px 12px rgba(17, 17, 17, 0.04);
    transition: transform 0.22s ease, background 0.22s ease, border-color 0.22s ease;
    cursor: pointer;
  }

  .testimonial-nav:hover {
    transform: translateY(-1px);
    background: #fff;
    border-color: rgba(76, 0, 161, 0.22);
  }

  .testimonial-nav svg {
    width: 17px;
    height: 17px;
    stroke-width: 1.6;
  }

  .testimonial-visual {
    position: relative;
    min-height: 260px;
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 19%;
    padding-right: 0;
    padding-left: 10px;
    overflow: visible;
  }

  .testimonial-image {
    z-index: 2;
    width: min(100%, 330px);
    height: auto;
    max-height: 360px;
    object-fit: contain;
    filter: none;
    pointer-events: none;
    user-select: none;
    transition: opacity 0.28s ease, transform 0.28s ease;
  }

  .testimonial-person {
    position: relative;
    right: auto;
    bottom: auto;
    z-index: 3;
    text-align: right;
    max-width: 180px;
    transition: opacity 0.28s ease, transform 0.28s ease;
  }

  .testimonial-name {
    margin: 0;
    font-size: clamp(1.02rem, 1.1vw, 1.3rem);
    font-weight: 600;
    letter-spacing: -0.05em;
    color: #060505;
  }

  .testimonial-role {
    margin-top: 6px;
    font-size: 0.9rem;
    line-height: 1.45;
    letter-spacing: -0.03em;
    color: #070606;
  }

  .testimonial-shell {
    position: absolute;
    inset: 28px 64px 34px 64px;
    border-radius: 26px;
    pointer-events: none;
    border: 1px solid rgba(236, 239, 229, 0.18);
  }

  .testimonial-surface {
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: transparent;
    opacity: 0;
  }

  /* =========================
     FOOTER
  ========================= */
  .walyt-footer {
    position: relative;
    overflow: hidden;
    background: #fff;
    color: rgba(255, 255, 255, 0.85);
    margin-top: 0;
  }

  .walyt-footer .footer-panel {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0f1114;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    overflow: hidden;
  }

  .walyt-footer .footer-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(255, 255, 255, 0.055) 1px, transparent 1px);
    background-size: 12px 12px;
    opacity: 0.35;
    pointer-events: none;
  }

  .walyt-footer .footer-wrap {
    width: min(1240px, calc(100% - 48px));
    margin: 0 auto;
    position: relative;
    z-index: 1;
    padding: 30px 30px 28px;
  }

  .walyt-footer .footer-grid {
    display: grid;
    grid-template-columns: 21% 24.6% 19% 22% 13.4%;
    align-items: start;
    column-gap: 0;
    row-gap: 0;
  }

  .walyt-footer .footer-column {
    min-width: 0;
    box-sizing: border-box;
  }

  .walyt-footer .footer-column:nth-child(1) {
    padding-right: 20px;
  }

  .walyt-footer .footer-column:nth-child(2) {
    padding-left: 10px;
  }

  .walyt-footer .footer-column:nth-child(3) {
    padding-left: 15px;
  }

  .walyt-footer .footer-column:nth-child(4) {
    padding-left: 25px;
  }

  .walyt-footer .footer-column:nth-child(5) {
    padding-left: 0;
  }

  .walyt-footer .footer-column h5,
  .walyt-footer .footer-column h2 {
    margin: 0 0 20px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.01em;
  }

  .walyt-footer .footer-list {
    display: grid;
    gap: 12px;
  }

  .walyt-footer .footer-list a {
    color: rgba(255, 255, 255, 0.72);
    text-decoration: none;
    font-size: 14px;
    line-height: 1.45;
    transition: color 0.2s ease;
  }

  .walyt-footer .footer-list a:hover {
    color: #fff;
  }

  .walyt-footer .footer-bottom-block {
    margin-top: 46px;
  }

  .walyt-footer .footer-brand-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
  }

  .walyt-footer .footer-logo {
    width: auto !important;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.04em;
  }

  .walyt-footer .footer-logo img {
    display: block;
    width: 34px;
    height: auto;
  }

  .walyt-footer .footer-logo span {
    display: inline-block;
  }

  .walyt-footer .footer-socials {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    flex-wrap: wrap;
  }

  .walyt-footer .footer-socials a {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    color: #0f1114;
    background: #fff;
    text-decoration: none;
    transition: transform 0.2s ease, background 0.2s ease;
  }

  .walyt-footer .footer-socials a span {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: -0.06em;
    text-transform: uppercase;
  }

  .walyt-footer .footer-socials a:hover {
    transform: translateY(-2px);
    background: #e9edf4;
  }

  .walyt-footer .footer-divider {
    width: 100%;
    margin: 30px 0 18px;
    border: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
  }

  .walyt-footer .footer-meta {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    width: 100%;
    flex-wrap: wrap;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.62);
  }

  /* =========================
     RESPONSIVE
  ========================= */
  @media (min-width: 900px) {
    .pricing-shell .pricing-section {
      padding: 32px 28px 24px;
    }

  }
 
  @media (min-width: 1024px) {
    .phone-main {
      width: 265px;
    }

   .phone-secondary {
        width: 210px;
        margin-left: -20px;
        transform: translateY(-80px) scale(0.91);
    }
    .floating-icon img{
      width: 30px;
      height: 30px;
    }
    .icon-pos-1 {
    top: 3%;
    left: 7.5%;
}
.icon-pos-2 {
    top: 14%;
    left: 11%;
}
.icon-pos-3 {
    top: 22%;
    left: 18%;
}
.icon-pos-4 {
    top: 3%;
    right: 7.5%;
}
.hero-title { font-size: 45px!important; }
.icon-pos-5 {
    top: 14%;
    right: 11%;
}
.icon-pos-6 {
    top: 22%;
    right: 18%;
}
.section-2{margin-top: -15rem !important;}
    .pricing-shell .accordion-container {
      height:400px;
    }

    .pricing-shell .card-content {
      padding: 1.1rem 7.5rem 1.5rem;
    }
  }

  @media (min-width: 1200px) {
    .payment-feature-section .payment-feature-title {
      white-space: nowrap;
    }
  }

  @media (max-width: 1279px) {
    .floating-icon {
      transform: scale(0.92);
    }

    .app-download-panel-inner {
      width: min(100% - 28px, 1240px);
      padding: 12px 0;
      grid-template-columns: 1fr auto;
      gap: 16px 20px;
    }

    .app-download-title {
      max-width: 16ch;
    }

    .app-download-actions {
      justify-content: flex-end;
    }

    .app-download-buttons {
      align-items: center;
    }
  }

  @media (min-width: 1024px) and (max-width: 1100px) {
    .payment-feature-section .payment-feature-head {
      grid-template-columns: 1fr;
      gap: 12px;
      margin-bottom: 42px;
    }

    .payment-feature-section .payment-feature-title {
      max-width: 12ch;
      white-space: normal;
    }

    .payment-feature-section .payment-feature-visual {
      min-height: 180px;
      order: -1;
    }

    .payment-feature-section .payment-feature-visual img {
      right: 0;
      width: min(100%, 430px);
    }

    .payment-feature-section .payment-feature-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      column-gap: 34px;
      row-gap: 52px;
    }

    .payment-feature-section .payment-feature-card {
      min-height: 230px;
      padding: 18px 18px 20px;
    }

    .payment-feature-section .payment-feature-media {
      width: 92px;
      height: 92px;
      margin-bottom: 16px;
    }

    .walyt-footer .footer-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      column-gap: 28px;
      row-gap: 18px;
    }

    .walyt-footer .footer-column:nth-child(1),
    .walyt-footer .footer-column:nth-child(2),
    .walyt-footer .footer-column:nth-child(3),
    .walyt-footer .footer-column:nth-child(4),
    .walyt-footer .footer-column:nth-child(5) {
      padding-left: 0;
    }

    .testimonial-section {
      padding: 48px 0 32px;
    }

    .testimonial-card {
      grid-template-columns: minmax(0, 1fr) minmax(220px, 0.62fr);
      min-height: 0;
      padding: 28px 26px 24px;
    }

    .testimonial-copy {
      max-width: 100%;
      padding-bottom: 0;
    }

    .testimonial-text {
      max-width: 28ch;
      min-height: 0;
    }

    .testimonial-visual {
      min-height: 220px;
      flex-direction: row-reverse;
      justify-content: flex-start;
      gap: 14px;
      padding-left: 6px;
      overflow: hidden;
    }

    .testimonial-image {
      width: min(100%, 240px);
      max-height: 260px;
      margin-right: 0;
    }

    .testimonial-person {
      max-width: 150px;
    }

    .testimonial-shell {
      inset: 18px 24px 22px 24px;
    }
  }

  @media (min-width: 768px) and (max-width: 1023px) {
    .phone-container {
      margin-top: 0;
    }

    .workflow-grid {
      grid-template-columns: 1fr;
    }

    .workflow-steps {
      max-width: 100%;
      justify-self: stretch;
    }

    .workflow-visual {
      min-height: 410px;
    }

    .workflow-index .workflow-visual {
      min-height: 540px;
      background :none!important;
      border: none!important;


    }
.workflow-slide img{
  border-radius: 3%!;
}
    .workflow-slide {
      padding: 1rem 1rem 2.2rem;
    }

    .phone-main {
      width: 260px;
    }

    .phone-secondary {
      width: 230px;
      margin-left: -39px;
      transform: translateY(-10px) scale(0.91);
    }
    
    .floating-icon {
      width: 65px;
    }

    .icon-pos-1,
    .icon-pos-4 {
      top: 2%;
    }

    .icon-pos-2,
    .icon-pos-5 {
      top: 11%;
    }

    .icon-pos-3,
    .icon-pos-6 {
      top: 20%;
    }
  }

  @media (max-width: 767px) {
    html,
    body,
    .page-shell {
      overflow-x: hidden;
      overscroll-behavior-x: none;
    }

    .desktop-card,
    .desktop-pill {
      display: none;
    }

    .app-download-section {
      padding: 0;
    }

    .app-download-panel-inner {
      width: min(100% - 28px, 1240px);
      padding: 12px 0;
      grid-template-columns: 1fr auto;
      gap: 12px 14px;
    }

    .app-download-title {
      font-size: clamp(1.8rem, 8vw, 2.3rem);
      max-width: none;
    }

    .app-download-text {
      font-size: 15px;
      margin-top: 14px;
    }

    .app-download-buttons {
      margin-top: 18px;
      justify-content: flex-start;
      flex-wrap: wrap;
    }

    .store-button {
      min-width: 0;
      justify-content: center;
    }

    .walyt-footer {
      margin-top: 0;
      padding-top: 0;
    }

    .walyt-footer .footer-panel {
      top: 0;
    }

    .payment-feature-section .payment-feature-card h3{    font-size: 19px;}
    .payment-feature-section .payment-feature-card p {
        font-size: 13px;
    }
    .floating-icon {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 34px;
      height: 34px;
      padding: 4px;
      transform: none;
      box-shadow: 0 8px 14px rgba(154, 113, 171, 0.14);
    }

    .floating-icon img {
      width: 24px;
      height: 24px;
    }

    .icon-pos-1 {
      top: 3%;
      left: 2.5%;
    }

    .icon-pos-2 {
      top: 12%;
      left: 2.5%;
    }

    .icon-pos-3 {
      top: 23%;
      left: 2.5%;
    }

    .icon-pos-4 {
      top: 3%;
      right: 2.5%;
    }

    .icon-pos-5 {
      top: 12%;
      right: 2.5%;
    }

    .icon-pos-6 {
      top: 23%;
      right: 2.5%;
    }

    .hero-title {
      font-size: clamp(2.1rem, 11vw, 2.8rem);
    }

    .hero-copy {
      font-size: 0.9rem;
      margin-bottom: 1.5rem;
      max-width: 34rem;
    }

    .hero-actions {
      flex-direction: column;
      width: 100%;
    }

    .hero-actions > button {
      width: 100%;
      max-width: 24rem;
    }

    .phone-container {
      margin-top: 0;
    }

    .phone-main {
      width: min(62vw, 210px);
    }

    .phone-secondary {
      width: min(42vw, 280px);
      margin-left: -10px;
      transform: translateY(12px) scale(0.92);
    }

    .phone-shell {
      border-width: 4px;
      border-radius: 28px;
    }

    .phone-shell::before {
      width: 62px;
      height: 13px;
      top: 8px;
    }

    .phone-shell::after {
      width: 6px;
      left: -8px;
    }

    .smart-banking-section {
      padding-top: 1.1rem;
      padding-bottom: 2.5rem;
    }

    .smart-banking-title {
      font-size: clamp(1.9rem, 8vw, 2.5rem);
    }

    .smart-banking-steps {
      min-height: 0;
      padding-top: 0.75rem;
      max-width: 72rem;
      margin-left: auto;
      margin-right: auto;
    }

    .smart-banking-step {
      position: relative;
      width: 100%;
      max-width: 38rem;
      margin: 0 auto;
      padding: 1rem 1rem 1.05rem;
      border-radius: 24px;
      background: rgba(255, 255, 255, 0.92);
      border: 1px solid rgba(226, 232, 240, 0.9);
      box-shadow: 0 14px 32px rgba(15, 23, 42, 0.06);
      backdrop-filter: blur(10px);
    }

    .smart-banking-step-icon {
      width: 44px;
      height: 44px;
      margin-bottom: 0.65rem;
    }

    .smart-banking-step h3 {
      font-size: 14px;
      line-height: 1.15;
      margin-bottom: 0.35rem;
    }

    .smart-banking-step p {
      font-size: 11px;
      line-height: 1.45;
    }

    .smart-banking-divider {
      display: none;
    }

    .global-solutions-stage {
      min-height: auto;
      padding-top: 0.5rem;
      display: grid;
      grid-template-columns: 1fr;
      gap: 1rem;
      justify-items: center;
    }

    .global-solutions-card {
      position: relative;
      left: auto !important;
      top: auto !important;
      margin-left: 0 !important;
      transform: none !important;
      width: min(92vw, 335px);
      height: 420px;
    }

    .global-solutions-card.back {
      display: none;
    }

    .global-solutions-card-head {
      gap: 8px;
    }

    .global-solutions-card-top-image {
      width: 30px;
      height: 30px;
    }

    .global-solutions-heading {
      font-size: clamp(1.7rem, 8vw, 2.3rem);
    }

    .walet-feature-panel {
      padding: 1.2rem;
      border-radius: 28px;
      min-height: 0;
    }

    .walet-feature-grid {
      grid-template-columns: 1fr;
      gap: 1rem;
      min-height: 0;
    }

    .guten-element.guten-advanced-heading .heading-title {
      font-size: clamp(2rem, 9vw, 2.6rem);
      max-width: none;
    }

    .guten-element.guten-advanced-heading .heading-subtitle {
      font-size: 0.92rem;
      line-height: 1.55;
    }

    .section-wrapper .guten-container {
      grid-template-columns: 1fr;
      gap: 0.72rem;
    }

    .guten-icon-box-wrapper {
      padding: 0.82rem 0.82rem 0.88rem;
      border-radius: 18px;
      gap: 0.72rem;
    }

    .icon-box-header .icon.style-color {
      width: 40px;
      height: 40px;
      flex-basis: 40px;
    }

    .icon-box-body .title {
      font-size: 0.94rem;
    }

    .walet-feature-visual {
      min-height: 230px;
    }

    .walet-feature-ellipse {
      left: 50%;
      bottom: -12%;
      width: min(122vw, 520px);
      transform: translateX(-50%);
    }

    .walet-feature-device {
      width: min(100%, 410px);
      margin-left: 0;
    }

    .guten-button-wrapper {
      margin-top: 1rem;
    }
       .workflow-copy, .workflow-steps {
        max-width: 100%;
        justify-self: stretch;
        order: 2;
    }
    .guten-button {
      width: 100%;
    }

    .workflow-section {
      padding: 2.8rem 0 3.4rem;
    }

    .workflow-grid {
      grid-template-columns: 1fr;
    }

    .workflow-copy,
    .workflow-steps {
      max-width: 100%;
      justify-self: stretch;
    }

    .workflow-title {
      max-width: 100%;
      font-size: clamp(2rem, 9vw, 2.75rem);
    }

    .workflow-subtitle {
      font-size: 0.93rem;
    }

    .workflow-cards {
      grid-template-columns: 1fr;
      gap: 0.8rem;
    }

    .workflow-card {
      padding: 0.9rem 0.9rem 0.95rem;
      border-radius: 22px;
    }

    .workflow-card-icon {
      width: 40px;
      height: 40px;
      border-radius: 12px;
    }

    .workflow-visual {
      min-height: 360px;
    }

    .workflow-index .workflow-visual {
      min-height: 540px;
    }

    .workflow-slide {
      padding: 0.8rem 0.85rem 2rem;
    }

    .workflow-slide img {
      max-width: 390px;
      max-height: 405px;
    }

    .pricing-shell {
      overflow: hidden;
      width: 100vw;
      position: relative;
      left: 50%;
      transform: translateX(-50%);
      padding-left: 0;
      padding-right: 0;
    }

    .pricing-shell .pricing-section {
      padding-left: 0;
      padding-right: 0;
    }

    .pricing-shell .pricing-section > .text-center {
      padding-left: 1rem;
      padding-right: 1rem;
    }

    .pricing-shell .accordion-container {
      display: flex;
      flex-direction: row;
      align-items: stretch;
      gap: 0.75rem;
      height: auto;
      overflow-x: auto;
      overflow-y: hidden;
      margin-top: 1.25rem;
      padding: 0 1.25rem 0.75rem;
      margin-left: -1.25rem;
      margin-right: -1.25rem;
      scroll-padding: 0 1.25rem;
      scroll-snap-type: x mandatory;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none;
    }

    .pricing-shell .accordion-container::-webkit-scrollbar {
      display: none;
    }

    .pricing-shell .accordion-item {
      flex: 0 0 82vw;
      min-width: 82vw;
      height: 360px;
      border-radius: 26px;
      scroll-snap-align: center;
      scroll-snap-stop: always;
      transition: transform 0.35s ease, opacity 0.35s ease;
    }

    .pricing-shell .accordion-item.active,
    .pricing-shell .accordion-item.inactive {
      flex: 0 0 82vw;
      min-width: 82vw;
      cursor: pointer;
    }

    .pricing-shell .accordion-item.active {
      height: 360px;
      transform: scale(1);
    }

    .pricing-shell .accordion-item.inactive {
      opacity: 0.92;
      transform: scale(0.97);
    }

    .pricing-shell .accordion-item .rotated-label {
      display: none;
    }

    .pricing-shell .card-content {
      padding: 0.7rem;
      opacity: 1;
      justify-content: flex-start;
    }

    .pricing-shell .pricing-card-title {
      font-size: 1.18rem;
      margin-bottom: 0.4rem;
    }

    .pricing-shell .pricing-card-copy {
      font-size: 0.7rem;
      line-height: 1.35;
      margin-bottom: 0.7rem;
      max-width: none;
    }

    .pricing-shell .pricing-pill-row {
      gap: 0.35rem;
      margin-top: 0.7rem;
    }

    .pricing-shell .pricing-pill {
      padding: 0.42rem 0.58rem;
      font-size: 0.64rem;
    }

    .pricing-shell .pricing-card-footer {
      flex-direction: column;
      align-items: flex-start;
      gap: 0.55rem;
      padding-top: 0.8rem;
    }

    .pricing-shell .pricing-btn {
      padding: 8px 11px;
      font-size: 10px;
    }

    .pricing-shell .pricing-card-note {
      max-width: none;
      font-size: 0.64rem;
    }

    .pricing-shell .nav-button-container {
      display: none;
    }

    .payment-feature-section {
      padding: 56px 0 48px;
    }

    .payment-feature-section .payment-feature-wrap {
      width: min(100% - 28px, 1240px);
    }

    .payment-feature-section .payment-feature-head {
      grid-template-columns: 1fr;
      gap: 12px;
      margin-bottom: 42px;
    }

    .payment-feature-section .payment-feature-title {
      max-width: 100%;
      font-size: clamp(2rem, 10vw, 2.9rem);
      white-space: normal;
    }

    .payment-feature-section .payment-feature-visual {
      min-height: 130px;
      order: -1;
    }

    .payment-feature-section .payment-feature-visual img {
      opacity: 0.11;
      right: -10px;
      width: min(100%, 300px);
    }

    .payment-feature-section .payment-feature-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      column-gap: 18px;
      row-gap: 24px;
    }

    .payment-feature-section .payment-feature-card {
      min-height: 210px;
      padding: 16px;
    }

    .payment-feature-section .payment-feature-media {
      width: 84px;
      height: 84px;
      margin-bottom: 14px;
    }

    .payment-feature-section .payment-feature-card p {
      max-width: 100%;
      font-size: 13px;
    }

    .testimonial-section {
      padding: 40px 0 28px;
    }

    .testimonial-section .testimonial-wrap {
      width: min(100% - 28px, 1280px);
    }

    .testimonial-card {
      grid-template-columns: minmax(0, 1fr) minmax(160px, 0.58fr);
      min-height: 0;
      padding: 22px 16px 18px;
    }

    .testimonial-copy {
      max-width: 100%;
      padding-bottom: 0;
    }

    .testimonial-quote {
      width: 25px;
      height: 25px;
      margin-bottom: 12px;
    }

    .testimonial-quote svg {
      width: 42px;
      height: 42px;
    }

    .testimonial-text {
      font-size: 0.86rem;
      max-width: 100%;
      line-height: 1.6;
      min-height: 0;
    }

    .testimonial-actions {
      margin-top: 16px;
    }
.testimonial-nav {
    width: 20px;
    height: 20px;}
    .testimonial-visual {
      min-height: 170px;
      flex-direction: column;
      justify-content: flex-start;
      gap: 10px;
      padding-left: 4px;
      overflow: hidden;
    }

    .testimonial-image {
      width: min(100%, 170px);
      max-height: 180px;
      margin-right: 0;
    }

    .testimonial-person {
      max-width: 95px;
              order: 2;

    }
.workflow-section{ padding:0  10%;}
    .testimonial-name {
      font-size: 0.76rem;
    }

    .testimonial-role {
      font-size: 0.64rem;
      margin-top: 0;
    }

    .testimonial-shell {
      inset: 12px 12px 14px 12px;
    }

    .walyt-footer {
      margin-top: 72px;
      padding: 14px 0 0;
    }

    .walyt-footer .footer-panel {
      top: 14px;
    }

    .walyt-footer .footer-wrap {
      width: min(100% - 28px, 1240px);
    }

    .walyt-footer .footer-grid {
      display: block;
    }

    .walyt-footer .footer-column {
      width: 100% !important;
      padding-left: 0 !important;
      margin-bottom: 50px;
    }

    .walyt-footer .footer-column h5,
    .walyt-footer .footer-column h2 {
      margin-bottom: 16px;
    }

    .walyt-footer .footer-meta {
      flex-direction: column;
      align-items: center;
      text-align: center;
    }

    .walyt-footer .footer-bottom-block {
      text-align: center;
    }

    .walyt-footer .footer-brand-row,
    .walyt-footer .footer-socials,
    .walyt-footer .footer-logo {
      justify-content: center;
    }
  }

  @media (max-width: 479px) {
    .hero-shell {
      width: 100%;
      margin: 0 auto;
      
    }
.section-2 { margin-top: -10rem;}
    .smart-banking-section {
      padding-top: 0.8rem;
      padding-bottom: 1.5rem;
    }
.guten-4ZnRfG > .guten-background-overlay {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image: url(../img/elipse.png);
    background-position-x: 51px;
    background-position-y: 103px;
    background-repeat: no-repeat;
    background-size: 64%;
}
    .smart-banking-title {
      font-size: clamp(1.7rem, 8.5vw, 2rem);
      margin-top: 12%;
    }
    .app-download-actions {
      justify-content: flex-end;
    }

    .app-download-buttons {
      flex-direction: row;
      align-items: center;
      gap: 10px;
      flex-wrap: wrap;
    }

    .store-button {
      min-width: 0;
    }
    .smart-banking-steps {
      min-height: 0;
      gap: 0.8rem;
    }

    .smart-banking-step {
      width: 100%;
      max-width: 38rem;
      margin: 0 auto;
    }

    .pricing-shell .accordion-container {
      padding-bottom: 0.5rem;
    }

    .pricing-shell .accordion-item {
      flex-basis: 76vw;
      min-width: 76vw;
      height: 320px;
    }

    .pricing-shell .accordion-item.active {
      height: 320px;
    }

    .pricing-shell .card-content {
      padding: 0.65rem;
    }

    .pricing-shell .pricing-card-title {
      font-size: 1.08rem;
    }

    .pricing-shell .pricing-card-copy {
      font-size: 0.66rem;
    }

    .app-download-section {
      padding-top: 8px;
      padding-bottom: 12px;
    }

    .app-download-panel {
      padding: 14px 16px;
      gap: 12px 14px;
    }

    .hero-title {
      font-size: clamp(1.9rem, 12vw, 2.5rem);
    }

    .hero-copy {
      max-width: 22rem;
    }

    .phone-main {
      width: min(66vw, 196px) !important;
    }

    .phone-secondary {
      display: block;
      width: min(38vw, 284px) !important;
      margin-left: -8px !important;
      transform: translateY(10px) scale(0.93) !important;
    }

    .floating-icon {
      width: 30px;
      height: 30px;
    }

    .floating-icon img {
      width: 21px;
      height: 21px;
    }
  }
   @media (min-width: 1600px) {
    .phone-main {
      width: 316px;
    }
      .hero-shell {
      width: 90%;
      margin: 0 auto;
    }
        .section-2 {
        margin-top: -8rem !important;
    }
    .phone-secondary {
      width: 246px;
      margin-left: -62px;
      transform: translateY(-89px) scale(0.91);
    }
     .icon-pos-1 {
    top: 10%;
    left: 7.5%;
}
.icon-pos-2 {
    top: 21%;
    left: 11%;
}
.icon-pos-3 {
    top: 32%;
    left: 18%;
}
.icon-pos-4 {
    top: 10%;
    right: 7.5%;
}
.icon-pos-5 {
    top: 21%;
    right: 11%;
}
.icon-pos-6 {
    top: 32%;
    right: 18%;
}
  }

        html {
            scroll-behavior: smooth;
        }

        body.features-page {
            overflow-x: hidden;
        }

        .features-hero-shell {
            position: relative;
            min-height: 720px;
            width: 100%;
            max-width: none;
            margin: 0;
            overflow: hidden;
            padding-bottom: 0;
        }

        .features-hero-shell::before {
            content: "";
            position: absolute;
            inset: 0;
            width: 100vw;
            left: 50%;
            transform: translateX(-50%);
            background:
                radial-gradient(circle at 20% 18%, rgba(255, 79, 216, 0.14) 0, rgba(255, 79, 216, 0) 28%),
                radial-gradient(circle at 80% 16%, rgba(93, 133, 255, 0.12) 0, rgba(93, 133, 255, 0) 26%),
                linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.72) 100%);
            pointer-events: none;
            z-index: 0;
        }

        .features-hero-shell .hero-copy {
            max-width: 760px;
        }

        .features-hero-shell .hero-title {
            letter-spacing: -0.075em;
        }

        .features-hero-shell .hero-actions {
            margin-bottom: 0.75rem;
        }

        .feature-hero-stage {
            position: relative;
            z-index: 10;
            width: min(100%, 1100px);
            margin: 0 auto;
            padding: 0;
        }

        .feature-hero-image {
            width: 100%;
            max-width: 480px;
            height: auto;
            display: block;
            margin: 0 auto;
            border-radius: 30px;
        }

        .feature-service-card {
            border: 0;
            padding: 0;
            appearance: none;
            background: transparent;
            display: block;
            text-align: inherit;
            color: inherit;
            cursor: pointer;
            font: inherit;
        }

        .feature-service-card .feature-service-details {
            position: absolute;
            left: 18px;
            right: 18px;
            bottom: 18px;
            padding: 12px 12px 11px;
            border-radius: 18px;
            background: rgba(255, 255, 255, 0.72);
            backdrop-filter: blur(18px);
            opacity: 0;
            transform: translateY(10px);
            transition: opacity 0.35s ease, transform 0.35s ease, backdrop-filter 0.3s ease;
            pointer-events: none;
        }

        .feature-service-card:hover .feature-service-details,
        .feature-service-card.is-active .feature-service-details {
            opacity: 1;
            transform: translateY(0);
        }

        .feature-service-card .feature-service-detail-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 8px 10px;
        }

        .feature-service-card {
            transition: transform 0.4s ease, box-shadow 0.4s ease;
        }

        .feature-service-card:hover {
            transform: translateY(-6px) scale(1.02);
            box-shadow: 0 35px 80px rgba(10, 10, 25, 0.22);
        }

        .global-solutions-card-image {
            transition: transform 0.5s ease;
        }

        .feature-service-card:hover .global-solutions-card-image,
        .feature-service-card.is-active .global-solutions-card-image {
            transform: scale(1.05) translateY(-4px);
        }

        .feature-service-card .feature-service-detail {
            display: flex;
            align-items: center;
            gap: 8px;
            min-width: 0;
            padding: 0.55rem 0.7rem;
            border-radius: 14px;
            background: rgba(255, 255, 255, 0.72);
            color: #1f2937;
            font-size: 12px;
            font-weight: 700;
            line-height: 1.2;
        }

        .feature-service-card .feature-service-detail i {
            width: 20px;
            height: 20px;
            flex: 0 0 20px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 999px;
            background: linear-gradient(135deg, #ff4fd8 0%, #8f2fff 52%, #3d09c6 100%);
            color: #fff;
            padding: 3px;
        }

        .feature-service-card .feature-service-detail svg {
            width: 50%;
            height: 50%;
            color: inherit;
        }

        .feature-service-card.is-active {
            z-index: 10;
            transform: translateY(-8px) scale(1.04);
            box-shadow: 0 34px 78px rgba(10, 10, 25, 0.22);
        }

        .feature-service-card.is-active .global-solutions-card-image {
            transform: translateY(-3px) scale(1.02);
        }

        .feature-service-card:focus-visible {
            outline: 3px solid rgba(143, 47, 255, 0.24);
            outline-offset: 4px;
        }

        .feature-soft-panel {
            border-radius: 32px;
            background: linear-gradient(180deg, #fbfbfc 0%, #f3f4f8 100%);
            box-shadow: 0 24px 60px rgba(19, 22, 34, 0.06);
            overflow: hidden;
        }

        .feature-split-section {
            padding: 0 1.5rem;
        }

        .feature-split-grid {
            display: grid;
            grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
            grid-template-areas: "visual copy";
            align-items: center;
            gap: clamp(1rem, 3vw, 2.75rem);
            padding: clamp(1rem, 2vw, 1.5rem);
        }

        .feature-split-grid.reverse {
            grid-template-areas: "copy visual";
        }

        .feature-split-copy {
            grid-area: copy;
            padding: 0.15rem 0.1rem;
        }

        .feature-split-visual {
            grid-area: visual;
        }

        .feature-eyebrow {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 0.45rem 0.9rem;
            border-radius: 999px;
            background: rgba(255, 79, 216, 0.08);
            color: #b02ce6;
            font-size: 11px;
            font-weight: 800;
            letter-spacing: 0.2em;
            text-transform: uppercase;
            margin-bottom: 1rem;
        }

        .feature-heading {
            margin: 0;
            color: #1f2430;
            font-size: clamp(1.95rem, 3.7vw, 3.15rem);
            line-height: 0.94;
            letter-spacing: -0.075em;
            font-weight: 900;
            max-width: 12ch;
        }

        .feature-description {
            margin: 0.85rem 0 0;
            color: #687089;
            font-size: 0.97rem;
            line-height: 1.65;
            max-width: 38rem;
        }

        .feature-checklist {
            margin: 1.1rem 0 0;
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 0.8rem;
        }

        .feature-check-item {
            display: flex;
            align-items: flex-start;
            gap: 0.8rem;
            padding: 0.88rem 0.9rem 0.92rem;
            border-radius: 18px;
            background: rgba(255, 255, 255, 0.98);
            box-shadow: 0 14px 30px rgba(15, 23, 42, 0.05);
        }

        .feature-check-icon {
            width: 40px;
            height: 40px;
            border-radius: 14px;
            flex: 0 0 40px;
            display: grid;
            place-items: center;
            background: linear-gradient(135deg, #ff4fd826 0%, #8f2fff18 54%, #3d09c612 100%);
            color: #2b1d58;
            box-shadow: 0 10px 18px rgba(122, 39, 255, 0.08);
        }

        .feature-check-item h3 {
            margin: 0;
            color: #111827;
            font-size: 0.93rem;
            line-height: 1.35;
            letter-spacing: -0.03em;
            font-weight: 800;
        }

        .feature-check-item p {
            margin: 0.35rem 0 0;
            color: #5f6776;
            font-size: 0.86rem;
            line-height: 1.55;
        }

        .feature-chip-grid {
            margin-top: 1.5rem;
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 0.8rem;
        }
        .feature-chip {
            display: flex;
            align-items: center;
            gap: 0.7rem;
            padding: 0.8rem 0.9rem;
            border-radius: 20px;
            background: rgba(255, 255, 255, 0.96);
            box-shadow: 0 14px 30px rgba(15, 23, 42, 0.05);
            color: #1f2937;
            font-size: 0.95rem;
            font-weight: 750;
        }

        .feature-chip i {
            width: 18px;
            height: 18px;
            flex: 0 0 18px;
            color: #8f2fff;
        }

        .feature-grid-cards {
            margin-top: 1.5rem;
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 1rem;
        }

        .feature-mini-card {
            padding: 0.9rem;
            border-radius: 24px;
            background: rgba(255, 255, 255, 0.98);
            box-shadow: 0 14px 30px rgba(15, 23, 42, 0.05);
        }

        .feature-mini-icon {
            width: 46px;
            height: 46px;
            border-radius: 14px;
            display: grid;
            place-items: center;
            margin-bottom: 0.8rem;
            background: linear-gradient(180deg, #ff4fd826 0%, #8f2fff18 54%, #3d09c612 100%);
            color: #2b1d58;
        }

        .feature-mini-card h3 {
            margin: 0;
            color: #111827;
            font-size: 0.93rem;
            line-height: 1.3;
            font-weight: 800;
            letter-spacing: -0.03em;
        }

        .feature-mini-card p {
            margin: 0.45rem 0 0;
            color: #5f6776;
            font-size: 0.89rem;
            line-height: 1.6;
        }

        .support-account-grid {
            display: grid;
            grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
            gap: 1rem;
            margin-top: 1.5rem;
        }

        .support-block {
            padding: 1.1rem;
            border-radius: 24px;
            background: rgba(255, 255, 255, 0.97);
            box-shadow: 0 14px 30px rgba(15, 23, 42, 0.05);
        }

        .support-block h3 {
            margin: 0 0 0.9rem;
            color: #111827;
            font-size: 1.02rem;
            font-weight: 850;
            letter-spacing: -0.03em;
        }

        .support-list {
            display: grid;
            gap: 0.75rem;
        }

        .support-list a,
        .support-list div {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            padding: 0.85rem 0.95rem;
            border-radius: 18px;
            color: #1f2937;
            background: rgba(248, 249, 252, 0.98);
            font-size: 0.95rem;
            font-weight: 700;
        }

        .support-list i {
            width: 16px;
            height: 16px;
            flex: 0 0 16px;
            color: #8f2fff;
        }

        .feature-visual-frame {
            position: relative;
            min-height: 320px;
            display: grid;
            place-items: center;
        }

        .feature-visual-frame::before {
            content: "";
            position: absolute;
            inset: 36% 10% 12% 10%;
            border-radius: 30px;
            background: linear-gradient(180deg, rgba(255, 79, 216, 0.12) 0%, rgba(143, 47, 255, 0.18) 52%, rgba(61, 9, 198, 0.14) 100%);
            box-shadow: 0 28px 54px rgba(97, 33, 202, 0.18);
        }

        .feature-visual-frame img {
            position: relative;
            z-index: 1;
            width: min(82%, 480px);
            filter: drop-shadow(0 26px 38px rgba(34, 60, 18, 0.16));
        }

        .feature-section-heading {
            text-align: center;
            padding: 0 1rem;
        }

        .feature-section-heading .feature-heading {
            max-width: 18ch;
            margin: 0 auto;
        }

        .feature-section-heading .feature-description {
            max-width: 52rem;
            margin-left: auto;
            margin-right: auto;
        }

        @media (min-width: 1024px) {
            .features-hero-shell .hero-title {
                font-size: 52px !important;
            }
        }

        @media (max-width: 1279px) {
            .features-hero-shell {
                min-height: 640px;
            }
        }

        @media (max-width: 1023px) {
            .features-hero-shell {
                min-height: 0;
            }

          

            .feature-split-grid,
            .feature-split-grid.reverse,
            .support-account-grid {
                grid-template-columns: 1fr;
                grid-template-areas: "visual" "copy";
            }

            .feature-heading {
                max-width: none;
                font-size: clamp(2rem, 9vw, 2.8rem);
            }

            .feature-checklist,
            .feature-chip-grid,
            .feature-grid-cards {
                grid-template-columns: 1fr 1fr;
            }

            .feature-visual-frame {
                min-height: 240px;
            }
        }

        @media (max-width: 767px) {
            .feature-checklist,
            .feature-chip-grid,
            .feature-grid-cards {
                grid-template-columns: 1fr;
            }

            .feature-split-section,
            .features-section,
            .money-tools-section,
            .support-section {
                padding-left: 1rem;
                padding-right: 1rem;
            }
            .features-section{ padding: 0rem !important;}
            .feature-soft-panel {
                border-radius: 24px;
            }

            .feature-split-grid {
                padding: 0.9rem;
            }

            .features-section .global-solutions-stage {
                display: flex;
                align-items: stretch;
                justify-content: flex-start;
                gap: 1rem;
                min-height: 0;
                overflow-x: auto;
                overflow-y: visible;
                padding: 0.9rem 0.25rem 1.1rem;
                margin-top: 1rem;
                scroll-snap-type: x mandatory;
                scroll-padding-inline: 1rem;
                -webkit-overflow-scrolling: touch;
                overscroll-behavior-x: contain;
                scrollbar-width: none;
            }

            .features-section .global-solutions-stage::-webkit-scrollbar {
                display: none;
            }

            .features-section .global-solutions-card {
                position: relative;
                left: auto !important;
                top: auto !important;
                margin-left: 0 !important;
                flex: 0 0 min(84vw, 340px);
                width: min(84vw, 340px);
                height: auto;
                min-height: 430px;
                scroll-snap-align: center;
                transform: none !important;
            }

            .features-section .global-solutions-card.back {
                display: none;
            }

            .features-section .feature-service-card .global-solutions-card-body {
                position: relative;
                height: 100%;
                justify-content: flex-start;
                gap: 0.95rem;

                padding: 1rem 1rem 1.1rem;
            }

            .features-section .feature-service-card .global-solutions-card-image {
                width: min(100%, 320px);
                margin-inline: auto;
            }

            .features-section .feature-service-card .feature-service-details {
                position: absolute;
                left: 0.9rem;
                right: 0.9rem;
                bottom: 0.9rem;
                padding: 0.9rem;
                opacity: 0;
                transform: none;
                pointer-events: none;
                backdrop-filter: blur(14px);
                z-index: 3;
            }

            .features-section .feature-service-card:hover .feature-service-details,
            .features-section .feature-service-card.is-active .feature-service-details {
                opacity: 1;
                transform: none;
                pointer-events: auto;
            }

           

            .features-section .feature-service-card:hover,
            .features-section .feature-service-card.is-active {
                transform: none;
                box-shadow: 0 24px 54px rgba(10, 10, 25, 0.16);
            }

            .features-section .feature-service-card:hover .global-solutions-card-image,
            .features-section .feature-service-card.is-active .global-solutions-card-image {
                transform: none;
            }

            .features-section .feature-service-card .global-solutions-card-cta {
                margin-bottom: 3.8rem;
            }
        }
      

        .about-hero-shell {
            position: relative;
            min-height: 360px;
            width: 100%;
            overflow: hidden;
            padding-bottom: 0;
        }

        .about-hero-shell::before {
            content: "";
            position: absolute;
            inset: 0;
            width: 100vw;
            left: 50%;
            transform: translateX(-50%);
            background:
                radial-gradient(circle at 18% 18%, rgba(255, 79, 216, 0.14) 0, rgba(255, 79, 216, 0) 28%),
                radial-gradient(circle at 82% 16%, rgba(93, 133, 255, 0.12) 0, rgba(93, 133, 255, 0) 26%),
                linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.72) 100%);
            pointer-events: none;
            z-index: 0;
        }

        .about-hero-shell .hero-copy {
            max-width: 760px;
        }

        .about-hero-shell .hero-title {
            letter-spacing: -0.075em;
        }

        .about-hero-stage {
            position: relative;
            z-index: 10;
            width: min(100%, 1320px);
            margin: 0 auto;
            padding: 0 1rem;
        }

        .about-hero-grid {
            display: grid;
            grid-template-columns: minmax(0, 1.04fr) minmax(0, 0.96fr);
            gap: 0.85rem;
            align-items: center;
        }

        .about-hero-visual {
            position: relative;
            min-height: 360px;
            display: grid;
            place-items: center;
        }

        .about-hero-orb {
            position: absolute;
            border-radius: 999px;
            filter: blur(8px);
            opacity: 0.85;
            pointer-events: none;
        }

        .about-hero-orb.orb-one {
            width: 170px;
            height: 170px;
            top: 16%;
            right: 16%;
            background: radial-gradient(circle, rgba(255, 79, 216, 0.30) 0%, rgba(255, 79, 216, 0.02) 72%);
        }

        .about-hero-orb.orb-two {
            width: 200px;
            height: 200px;
            bottom: 10%;
            left: 10%;
            background: radial-gradient(circle, rgba(93, 133, 255, 0.24) 0%, rgba(93, 133, 255, 0.02) 72%);
        }

        .about-hero-card {
            position: relative;
            width: min(100%, 460px);
            padding: 1.1rem;

            border-radius: 34px;

        }



        .about-hero-phone {
            width: 100%;
            max-width: 280px;
            margin: 0 50%;
            display: block;
            border-radius: 50%;
        }

        .about-floating-chip {
            position: absolute;
            display: inline-flex;
            align-items: center;
            gap: 0.55rem;
            padding: 0.75rem 0.9rem;
            border-radius: 18px;
            background: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(16px);
            box-shadow: 0 18px 34px rgba(14, 18, 28, 0.08);
            color: #111827;
            font-size: 0.88rem;
            font-weight: 800;
            line-height: 1.2;
        }

        .about-floating-chip i {
            width: 18px;
            height: 18px;
            color: #8f2fff;
            flex: 0 0 18px;
        }

        .about-floating-chip.chip-one {
            top: 11%;
            left: 35%;
            z-index: 3;
        }

        .about-floating-chip.chip-two {
            top: 22%;
            right: -12%;
        }

        .about-floating-chip.chip-three {
            bottom: 14%;
            left: 26%;
        }

        .about-floating-chip.chip-four {
            bottom: 6%;
            right: -12%;
            z-index: 3;
        }

        .about-section {
            padding: 0 1.5rem;
        }

        .about-soft-panel {
            border-radius: 32px;
            background: linear-gradient(180deg, #fbfbfc 0%, #f3f4f8 100%);
            box-shadow: 0 24px 60px rgba(19, 22, 34, 0.06);
            overflow: hidden;
        }

        .about-split-grid {
            display: grid;
            grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
            grid-template-areas: "copy visual";
            align-items: center;
            gap: clamp(1rem, 3vw, 2.75rem);
            padding: clamp(1rem, 2vw, 1.5rem);
        }

        .about-split-grid.reverse {
            grid-template-areas: "visual copy";
        }

        .about-copy {
            grid-area: copy;
            padding: 0.15rem 0.1rem;
        }

        .about-visual {
            grid-area: visual;
        }

        .about-eyebrow {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 0.45rem 0.9rem;
            border-radius: 999px;
            background: rgba(255, 79, 216, 0.08);
            color: #b02ce6;
            font-size: 11px;
            font-weight: 800;
            letter-spacing: 0.2em;
            text-transform: uppercase;
            margin-bottom: 1rem;
        }

        .about-heading {
            margin: 0;
            color: #1f2430;
            font-size: clamp(1.95rem, 3.7vw, 3.15rem);
            line-height: 0.94;
            letter-spacing: -0.075em;
            font-weight: 900;
            max-width: 12ch;
        }

        .about-description {
            margin: 0.85rem 0 0;
            color: #687089;
            font-size: 0.97rem;
            line-height: 1.7;
            max-width: 38rem;
        }

        .about-visual-frame {
            position: relative;
            min-height: 300px;
            display: grid;
            place-items: center;
        }

        .about-visual-frame::before {
            content: "";
            position: absolute;
            inset: 34% 10% 12% 10%;
            border-radius: 30px;
            background: linear-gradient(180deg, rgba(255, 79, 216, 0.12) 0%, rgba(143, 47, 255, 0.18) 52%, rgba(61, 9, 198, 0.14) 100%);
            box-shadow: 0 28px 54px rgba(97, 33, 202, 0.18);
        }

        .about-visual-frame img {
            position: relative;
            z-index: 1;
            width: min(82%, 470px);
            filter: drop-shadow(0 26px 38px rgba(34, 60, 18, 0.16));
        }

        .about-feature-grid {
            margin: 1.35rem;
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 1rem;
        }

        .about-feature-card {
            padding: 1rem;
            border-radius: 24px;
            background: rgba(255, 255, 255, 0.98);
            box-shadow: 0 14px 30px rgba(15, 23, 42, 0.05);
        }

        .about-feature-icon {
            width: 120px;
            height: 120px;
            border-radius: 14px;
            display: grid;
            place-items: center;
            margin-bottom: 0.8rem;
            color: #2b1d58;
        }

        .about-feature-card h3 {
            margin: 0;
            color: #111827;
            font-size: 1rem;
            line-height: 1.3;
            font-weight: 800;
            letter-spacing: -0.03em;
        }

        .about-feature-card p {
            margin: 0.45rem 0 0;
            color: #5f6776;
            font-size: 0.9rem;
            line-height: 1.6;
        }

        .about-point-grid {
            margin-top: 1.3rem;
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 0.9rem;
        }

        .about-feature-icon img {
            width: 120px;
            height: 120px;
            object-fit: contain;
        }

        .about-feature-card:nth-child(2) .about-feature-icon img {
            opacity: 0.7;
        }

        .about-feature-card:nth-child(3) .about-feature-icon img {
            opacity: 0.5;
        }

        .about-point-card {
            padding: 1rem;
            border-radius: 22px;
            background: rgba(255, 255, 255, 0.98);
            box-shadow: 0 14px 30px rgba(15, 23, 42, 0.05);
        }

        .about-point-card h3 {
            margin: 0;
            color: #111827;
            font-size: 0.98rem;
            line-height: 1.3;
            font-weight: 800;
            letter-spacing: -0.03em;
        }

        .about-point-card p {
            margin: 0.45rem 0 0;
            color: #5f6776;
            font-size: 0.89rem;
            line-height: 1.6;
        }

        .about-stats-row {
            margin-top: 1.35rem;
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 0.9rem;
        }

        .about-stat-card {
            padding: 1rem;
            border-radius: 22px;
            background: rgba(255, 255, 255, 0.98);
            box-shadow: 0 14px 30px rgba(15, 23, 42, 0.05);
            text-align: center;
        }

        .about-stat-value {
            margin: 0;
            color: #111827;
            font-size: 1.4rem;
            line-height: 1;
            font-weight: 900;
            letter-spacing: -0.05em;
        }

        .about-stat-label {
            margin: 0.5rem 0 0;
            color: #687089;
            font-size: 0.88rem;
            line-height: 1.5;
            font-weight: 700;
        }

        .about-centered-heading {
            text-align: center;
            padding: 0 1rem;
        }

        .about-centered-heading .about-heading {
            max-width: 16ch;
            margin: 0 auto;
        }

        .about-centered-heading .about-description {
            max-width: 50rem;
            margin-left: auto;
            margin-right: auto;
        }

        .about-cta-section {
            padding: 0 1.5rem 5rem;
        }

        @media (min-width: 1024px) {
            .about-hero-shell .hero-title {
                font-size: 54px !important;
            }
        }

        @media (max-width: 1279px) {
            .about-hero-shell {
                min-height: 500px;
            }
        }

        @media (max-width: 1023px) {
            .about-hero-shell {
                min-height: 0;
            }

            .about-hero-grid,
            .about-split-grid,
            .about-split-grid.reverse {
                grid-template-columns: 1fr;
                grid-template-areas: "copy" "visual";
            }

            .about-feature-grid,
            .about-stats-row,
            .about-point-grid {
                grid-template-columns: 1fr 1fr;
            }

            .about-floating-chip.chip-one {
                top: 4%;
                left: 4%;
            }
.app-store-button .store-button-icon {
    width: 134px;}
            .about-floating-chip.chip-two {
                top: 10%;
                right: 2%;
            }

            .about-floating-chip.chip-three {
                bottom: 7%;
                left: 2%;
            }

            .about-floating-chip.chip-four {
                bottom: 22%;
        right: -4%;
            }
        }

        @media (max-width: 767px) {

            .about-feature-grid,
            .about-stats-row,
            .about-point-grid {
                grid-template-columns: 1fr;
            }

            .about-section,
            .about-cta-section {
                padding-left: 1rem;
                padding-right: 1rem;
            }

            .about-soft-panel {
                border-radius: 24px;
            }

            .about-hero-card {
                width: min(100%, 320px);
                padding: 0.85rem;
            }

            .about-floating-chip {
                font-size: 0.78rem;
                padding: 0.62rem 0.75rem;
            }

            .about-hero-phone {
                margin: 0 auto;
                max-width: 230px;
            }

        }
   

        body.help-center-page::before {
            content: "";
            position: fixed;
            inset: 0;
            pointer-events: none;
            background:
                radial-gradient(circle at 18% 14%, rgba(255, 79, 216, 0.12) 0, rgba(255, 79, 216, 0) 30%),
                radial-gradient(circle at 82% 12%, rgba(93, 133, 255, 0.11) 0, rgba(93, 133, 255, 0) 28%),
                radial-gradient(circle at 50% 92%, rgba(143, 47, 255, 0.07) 0, rgba(143, 47, 255, 0) 34%);
            z-index: 0;
        }

        .help-center-page .page-shell,
        .help-center-page header,
        .help-center-page main {
            position: relative;
            z-index: 1;
        }

        .help-center-page .hero-title,
        .help-center-page .help-heading {
            letter-spacing: -0.075em;
        }

        .help-hero-shell {
            position: relative;
            min-height: 420px;
            width: 100%;
            overflow: hidden;
            padding-bottom: 0;
        }

        .help-hero-shell::before {
            content: "";
            position: absolute;
            inset: 0;
            width: 100vw;
            left: 50%;
            transform: translateX(-50%);
            background:
                radial-gradient(circle at 18% 18%, rgba(255, 79, 216, 0.14) 0, rgba(255, 79, 216, 0) 28%),
                radial-gradient(circle at 82% 16%, rgba(93, 133, 255, 0.12) 0, rgba(93, 133, 255, 0) 26%),
                linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.72) 100%);
            pointer-events: none;
            z-index: 0;
        }

        .help-hero-stage {
            position: relative;
            z-index: 10;
            width: min(100%, 1320px);
            margin: 0 auto;
            padding: 0 1rem;
        }

        .help-hero-grid {
            display: grid;
            grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
            gap: clamp(1rem, 2.8vw, 2.6rem);
            align-items: center;
        }

        .help-hero-copy {
            max-width: 40rem;
            text-align: left;
            padding: 2rem 0.25rem;
        }

        .help-hero-visual {
            position: relative;
            min-height: 420px;
            display: grid;
            place-items: center;
        }

        .help-hero-orb {
            position: absolute;
            border-radius: 999px;
            filter: blur(8px);
            opacity: 0.85;
            pointer-events: none;
        }

        .help-hero-orb.orb-one {
            width: 170px;
            height: 170px;
            top: 16%;
            right: 16%;
            background: radial-gradient(circle, rgba(255, 79, 216, 0.30) 0%, rgba(255, 79, 216, 0.02) 72%);
        }

        .help-hero-orb.orb-two {
            width: 220px;
            height: 220px;
            bottom: 8%;
            left: 7%;
            background: radial-gradient(circle, rgba(93, 133, 255, 0.24) 0%, rgba(93, 133, 255, 0.02) 72%);
        }

        .help-hero-card {
            position: relative;
            width: min(100%, 490px);
            padding: 1rem;
            border-radius: 36px;
        }

        .help-hero-card::before {
            content: "";
            position: absolute;
            inset: 42% 12% 10% 12%;
            border-radius: 32px;
            background: linear-gradient(180deg, rgba(255, 79, 216, 0.12) 0%, rgba(143, 47, 255, 0.16) 52%, rgba(61, 9, 198, 0.12) 100%);
            box-shadow: 0 28px 54px rgba(97, 33, 202, 0.16);
        }

        .help-hero-phone {
            position: relative;
            z-index: 1;
            width: min(100%, 320px);
            margin: 0 auto;
            display: block;
            border-radius: 30px;
            filter: drop-shadow(0 26px 38px rgba(34, 60, 18, 0.16));
        }

        .help-floating-chip {
            position: absolute;
            display: inline-flex;
            align-items: center;
            gap: 0.55rem;
            padding: 0.76rem 0.95rem;
            border-radius: 18px;
            background: rgba(255, 255, 255, 0.92);
            backdrop-filter: blur(16px);
            box-shadow: 0 18px 34px rgba(14, 18, 28, 0.08);
            color: #111827;
            font-size: 0.88rem;
            font-weight: 800;
            line-height: 1.2;
            animation: float 6s ease-in-out infinite;
        }

        .help-floating-chip i {
            width: 18px;
            height: 18px;
            color: #8f2fff;
            flex: 0 0 18px;
        }

        .help-floating-chip.chip-one {
            top: 12%;
            left: 14%;
        }

        .help-floating-chip.chip-two {
            top: 12%;
            right: 6%;
            animation-delay: 0.7s;
        }

        .help-floating-chip.chip-three {
            bottom: 8%;
            left: 8%;
            animation-delay: 1.2s;
        }

        .help-floating-chip.chip-four {
            bottom: 8%;
            right: 12%;
            animation-delay: 1.8s;
        }

        .help-section {
            padding: 0 1.5rem;
        }

        .help-soft-panel {
            border-radius: 32px;
            background: linear-gradient(180deg, #fbfbfc 0%, #f3f4f8 100%);
            box-shadow: 0 24px 60px rgba(19, 22, 34, 0.06);
            overflow: hidden;
        }

        .help-split-grid {
            display: grid;
            grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
            grid-template-areas: "copy visual";
            align-items: center;
            gap: clamp(1rem, 3vw, 2.75rem);
            padding: clamp(1rem, 2vw, 1.5rem);
        }

        .help-split-grid.reverse {
            grid-template-areas: "visual copy";
        }

        .help-copy {
            grid-area: copy;
            padding: 0.15rem 0.1rem;
        }

        .help-visual {
            grid-area: visual;
        }

        .help-visual-frame {
            position: relative;
            min-height: 300px;
            display: grid;
            place-items: center;
        }

        .help-visual-frame img {
            position: relative;
            z-index: 1;
            width: min(82%, 470px);
            filter: drop-shadow(0 26px 38px rgba(34, 60, 18, 0.16));
        }

        .help-eyebrow {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 0.45rem 0.9rem;
            border-radius: 999px;
            background: rgba(255, 79, 216, 0.08);
            color: #b02ce6;
            font-size: 11px;
            font-weight: 800;
            letter-spacing: 0.2em;
            text-transform: uppercase;
            margin-bottom: 1rem;
        }

        .help-heading {
            margin: 0;
            color: #1f2430;
            font-size: clamp(1.95rem, 3.7vw, 3.15rem);
            line-height: 0.94;
            font-weight: 900;
            max-width: 13ch;
        }

        .help-description {
            margin: 0.85rem 0 0;
            color: #687089;
            font-size: 0.97rem;
            line-height: 1.7;
            max-width: 38rem;
        }

        .help-checklist {
            margin: 1.1rem 0 0;
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 0.8rem;
        }

        .help-check-item {
            display: flex;
            align-items: flex-start;
            gap: 0.8rem;
            padding: 0.88rem 0.9rem 0.92rem;
            border-radius: 18px;
            background: rgba(255, 255, 255, 0.98);
            box-shadow: 0 14px 30px rgba(15, 23, 42, 0.05);
        }

        .help-check-icon {
            width: 40px;
            height: 40px;
            border-radius: 14px;
            flex: 0 0 40px;
            display: grid;
            place-items: center;
            background: linear-gradient(135deg, #ff4fd826 0%, #8f2fff18 54%, #3d09c612 100%);
            color: #2b1d58;
            box-shadow: 0 10px 18px rgba(122, 39, 255, 0.08);
        }

        .help-check-item h3 {
            margin: 0;
            color: #111827;
            font-size: 0.93rem;
            line-height: 1.35;
            letter-spacing: -0.03em;
            font-weight: 800;
        }

        .help-check-item p {
            margin: 0.35rem 0 0;
            color: #5f6776;
            font-size: 0.86rem;
            line-height: 1.55;
        }

        .help-topics-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 0.95rem;
        }

        .help-topic-card {
            padding: 1rem;
            border-radius: 24px;
            background: rgba(255, 255, 255, 0.98);
            box-shadow: 0 14px 30px rgba(15, 23, 42, 0.05);
            transition: transform 0.28s ease, box-shadow 0.28s ease;
        }

        .help-topic-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 24px 42px rgba(15, 23, 42, 0.08);
        }

        .help-topic-icon {
            width: 52px;
            height: 52px;
            border-radius: 16px;
            display: grid;
            place-items: center;
            margin-bottom: 0.9rem;
            background: linear-gradient(180deg, #ff4fd826 0%, #8f2fff18 54%, #3d09c612 100%);
            color: #2b1d58;
        }

        .help-topic-card h3 {
            margin: 0;
            color: #111827;
            font-size: 1rem;
            line-height: 1.3;
            font-weight: 800;
            letter-spacing: -0.03em;
        }

        .help-topic-card p {
            margin: 0.45rem 0 0;
            color: #5f6776;
            font-size: 0.9rem;
            line-height: 1.6;
        }

        .help-faq-panel {
            border-radius: 32px;
            background: linear-gradient(180deg, #fcfcfd 0%, #f3f4f8 100%);
            box-shadow: 0 24px 60px rgba(19, 22, 34, 0.06);
            padding: clamp(1rem, 2.2vw, 1.35rem);
        }

        .faq-list {
            display: grid;
            gap: 0.75rem;
        }

        .faq-item {
            border-radius: 24px;
            background: rgba(255, 255, 255, 0.98);
            box-shadow: 0 14px 30px rgba(15, 23, 42, 0.05);
            overflow: hidden;
            border: 1px solid rgba(255, 255, 255, 0.85);
        }

        .faq-question {
            width: 100%;
            border: 0;
            background: transparent;
            appearance: none;
            padding: 1rem 1.1rem;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 1rem;
            text-align: left;
            cursor: pointer;
            color: #111827;
            font: inherit;
        }

        .faq-question span {
            font-size: 0.98rem;
            line-height: 1.4;
            font-weight: 800;
            letter-spacing: -0.03em;
        }

        .faq-chevron {
            width: 20px;
            height: 20px;
            flex: 0 0 20px;
            color: #8f2fff;
            transition: transform 0.28s ease;
        }

        .faq-answer {
            display: grid;
            grid-template-rows: 0fr;
            transition: grid-template-rows 0.35s ease, opacity 0.35s ease;
            opacity: 0.95;
        }

        .faq-answer-inner {
            overflow: hidden;
        }

        .faq-answer-inner p {
            margin: 0;
            padding: 0 1.1rem 1rem;
            color: #5f6776;
            font-size: 0.93rem;
            line-height: 1.7;
        }

        .faq-item.is-open .faq-answer {
            grid-template-rows: 1fr;
        }

        .faq-item.is-open .faq-chevron {
            transform: rotate(180deg);
        }

        .faq-item.is-open .faq-question {
            background: linear-gradient(180deg, rgba(255, 79, 216, 0.04), rgba(143, 47, 255, 0.02));
        }

        .help-actions-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 0.95rem;
        }

        .help-action-card {
            padding: 1rem;
            border-radius: 24px;
            background: rgba(255, 255, 255, 0.98);
            box-shadow: 0 14px 30px rgba(15, 23, 42, 0.05);
            transition: transform 0.28s ease, box-shadow 0.28s ease;
            display: flex;
            flex-direction: column;
            gap: 0.95rem;
            min-height: 100%;
        }

        .help-action-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 24px 42px rgba(15, 23, 42, 0.08);
        }

        .help-action-icon {
            width: 52px;
            height: 52px;
            border-radius: 16px;
            display: grid;
            place-items: center;
            flex: 0 0 52px;
            background: linear-gradient(180deg, #ff4fd826 0%, #8f2fff18 54%, #3d09c612 100%);
            color: #2b1d58;
        }

        .help-action-head {
            display: flex;
            align-items: center;
            gap: 0.8rem;
        }

        .help-action-card h3 {
            margin: 0;
            color: #111827;
            font-size: 1rem;
            line-height: 1.3;
            font-weight: 800;
            letter-spacing: -0.03em;
        }

        .help-action-card p {
            margin: 0;
            color: #5f6776;
            font-size: 0.9rem;
            line-height: 1.6;
        }

        .help-action-link {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.45rem;
            align-self: flex-start;
            padding: 0.8rem 1rem;
            border-radius: 999px;
            background: linear-gradient(135deg, #ff4fd8 0%, #8f2fff 52%, #3d09c6 100%);
            color: #fff;
            font-weight: 800;
            font-size: 0.9rem;
            box-shadow: 0 12px 24px rgba(124, 39, 255, 0.22);
            transition: transform 0.25s ease, box-shadow 0.25s ease;
        }

        .help-action-link:hover {
            transform: translateY(-1px);
            box-shadow: 0 14px 26px rgba(124, 39, 255, 0.28);
        }

        .help-action-link i {
            width: 16px;
            height: 16px;
        }

        .help-download-visual .app-download-floating-card span {
            white-space: nowrap;
        }

        .help-section-heading {
            text-align: center;
            padding: 0 1rem;
        }

        .help-section-heading .help-heading {
            max-width: 16ch;
            margin: 0 auto;
        }

        .help-section-heading .help-description {
            max-width: 50rem;
            margin-left: auto;
            margin-right: auto;
        }

        .help-cta-section {
            padding-bottom: 5rem;
        }

        @media (min-width: 1024px) {
            .help-center-page .hero-title {
                font-size: 54px !important;
            }
        }

        @media (max-width: 1279px) {
            .help-hero-shell {
                min-height: 620px;
            }
        }

        @media (max-width: 1023px) {
            .help-hero-shell {
                min-height: 0;
            }

            .help-hero-grid,
            .help-split-grid,
            .help-split-grid.reverse {
                grid-template-columns: 1fr;
                grid-template-areas: "copy" "visual";
            }

            .help-topics-grid,
            .help-actions-grid,
            .help-checklist {
                grid-template-columns: 1fr 1fr;
            }

            .help-floating-chip.chip-one {
                top: 6%;
                left: 6%;
            }

            .help-floating-chip.chip-two {
                top: 14%;
                right: 4%;
            }

            .help-floating-chip.chip-three {
                bottom: 14%;
                left: 4%;
            }

            .help-floating-chip.chip-four {
                bottom: 7%;
                right: 6%;
            }
        }

        @media (max-width: 767px) {
            .help-section {
                padding-left: 1rem;
                padding-right: 1rem;
            }

            .help-soft-panel,
            .help-faq-panel {
                border-radius: 24px;
            }

            .help-topics-grid,
            .help-actions-grid,
            .help-checklist {
                grid-template-columns: 1fr;
            }

            .help-hero-card {
                width: min(100%, 320px);
                padding: 0.85rem;
            }

            .help-hero-phone {
                max-width: 430px;
            }

            .help-floating-chip {
                font-size: 0.78rem;
                padding: 0.62rem 0.75rem;
            }

            .faq-question span {
                font-size: 0.95rem;
            }
        }
    


        body.contact-page::before {
            content: "";
            position: fixed;
            inset: 0;
            pointer-events: none;
            background:
                radial-gradient(circle at 18% 14%, rgba(255, 79, 216, 0.12) 0, rgba(255, 79, 216, 0) 30%),
                radial-gradient(circle at 82% 12%, rgba(93, 133, 255, 0.11) 0, rgba(93, 133, 255, 0) 28%),
                radial-gradient(circle at 50% 92%, rgba(143, 47, 255, 0.07) 0, rgba(143, 47, 255, 0) 34%);
            z-index: 0;
        }

        .contact-page .page-shell,
        .contact-page header,
        .contact-page main {
            position: relative;
            z-index: 1;
        }

        .contact-page .hero-title,
        .contact-page .contact-heading {
            letter-spacing: -0.075em;
        }

        .contact-hero-shell {
            position: relative;
            min-height: 420px;
            width: 100%;
            overflow: hidden;
            padding-bottom: 0;
        }

        .contact-hero-shell::before {
            content: "";
            position: absolute;
            inset: 0;
            width: 100vw;
            left: 50%;
            transform: translateX(-50%);
            background:
                radial-gradient(circle at 18% 18%, rgba(255, 79, 216, 0.14) 0, rgba(255, 79, 216, 0) 28%),
                radial-gradient(circle at 82% 16%, rgba(93, 133, 255, 0.12) 0, rgba(93, 133, 255, 0) 26%),
                linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.72) 100%);
            pointer-events: none;
            z-index: 0;
        }

        .contact-hero-stage {
            position: relative;
            z-index: 10;
            width: min(100%, 1320px);
            margin: 0 auto;
            padding: 0 1rem;
        }

        .contact-hero-grid {
            display: grid;
            grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
            gap: clamp(1rem, 2.8vw, 2.6rem);
            align-items: center;
        }

        .contact-hero-copy {
            max-width: 40rem;
            text-align: left;
            padding: 2rem 0.25rem;
        }

        .contact-hero-visual {
            position: relative;
            min-height: 520px;
            display: grid;
            place-items: center;
        }

        .contact-hero-orb {
            position: absolute;
            border-radius: 999px;
            filter: blur(8px);
            opacity: 0.85;
            pointer-events: none;
        }

        .contact-hero-orb.orb-one {
            width: 170px;
            height: 170px;
            top: 16%;
            right: 16%;
            background: radial-gradient(circle, rgba(255, 79, 216, 0.30) 0%, rgba(255, 79, 216, 0.02) 72%);
        }

        .contact-hero-orb.orb-two {
            width: 220px;
            height: 220px;
            bottom: 8%;
            left: 7%;
            background: radial-gradient(circle, rgba(93, 133, 255, 0.24) 0%, rgba(93, 133, 255, 0.02) 72%);
        }

        .contact-hero-card {
            position: relative;
            width: min(100%, 500px);
            padding: 1rem;
            border-radius: 36px;
        }

        .contact-hero-card::before {
            content: "";
            position: absolute;
            inset: 38% 5% -2% 5%;
            border-radius: 32px;
            background: linear-gradient(180deg, rgba(255, 79, 216, 0.12) 0%, rgba(143, 47, 255, 0.16) 52%, rgba(61, 9, 198, 0.12) 100%);
        }

        .contact-hero-phone {
            position: relative;
            z-index: 1;
            width: min(100%, 430px);
            margin: 0 auto;
            display: block;
            border-radius: 30px;
            filter: drop-shadow(0 26px 38px rgba(34, 60, 18, 0.16));
        }

        .contact-floating-chip {
            position: absolute;
            display: inline-flex;
            align-items: center;
            gap: 0.55rem;
            padding: 0.76rem 0.95rem;
            border-radius: 18px;
            background: rgba(255, 255, 255, 0.92);
            backdrop-filter: blur(16px);
            box-shadow: 0 18px 34px rgba(14, 18, 28, 0.08);
            color: #111827;
            font-size: 0.88rem;
            font-weight: 800;
            line-height: 1.2;
            animation: float 6s ease-in-out infinite;
        }

        .contact-floating-chip i {
            width: 18px;
            height: 18px;
            color: #8f2fff;
            flex: 0 0 18px;
        }

        .contact-floating-chip.chip-one {
            top: 12%;
            left: 14%;
        }

        .contact-floating-chip.chip-two {
            top: 22%;
            right: 6%;
            animation-delay: 0.7s;
        }

        .contact-floating-chip.chip-three {
            bottom: 18%;
            left: 8%;
            animation-delay: 1.2s;
        }

        .contact-floating-chip.chip-four {
            bottom: 8%;
            right: -9%;
            animation-delay: 1.8s;
        }

        .contact-section {
            padding: 0 1.5rem;
        }

        .contact-soft-panel {
            border-radius: 32px;
            background: linear-gradient(180deg, #fbfbfc 0%, #f3f4f8 100%);
            box-shadow: 0 24px 60px rgba(19, 22, 34, 0.06);
            overflow: hidden;
        }

        .contact-split-grid {
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr);
            gap: clamp(1rem, 3vw, 2.5rem);
            align-items: stretch;
            padding: clamp(1rem, 2vw, 1.5rem);
        }

        .contact-copy {
            padding: 0.5rem 0.25rem;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .contact-form-wrap {
            padding: 0.25rem;
        }

        .contact-eyebrow {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 0.45rem 0.9rem;
            border-radius: 999px;
            background: rgba(255, 79, 216, 0.08);
            color: #b02ce6;
            font-size: 11px;
            font-weight: 800;
            letter-spacing: 0.2em;
            text-transform: uppercase;
            margin-bottom: 1rem;
        }

        .contact-heading {
            margin: 0;
            color: #1f2430;
            font-size: clamp(1.95rem, 3.7vw, 3.15rem);
            line-height: 0.94;
            font-weight: 900;
            max-width: 13ch;
        }

        .contact-description {
            margin: 0.85rem 0 0;
            color: #687089;
            font-size: 0.97rem;
            line-height: 1.7;
            max-width: 38rem;
        }

        .contact-support-list {
            margin: 1.15rem 0 0;
            display: grid;
            gap: 0.8rem;
        }

        .contact-support-item {
            display: flex;
            align-items: flex-start;
            gap: 0.8rem;
            padding: 0.88rem 0.9rem 0.92rem;
            border-radius: 18px;
            background: rgba(255, 255, 255, 0.98);
            box-shadow: 0 14px 30px rgba(15, 23, 42, 0.05);
        }

        .contact-support-icon {
            width: 40px;
            height: 40px;
            border-radius: 14px;
            flex: 0 0 40px;
            display: grid;
            place-items: center;
            background: linear-gradient(135deg, #ff4fd826 0%, #8f2fff18 54%, #3d09c612 100%);
            color: #2b1d58;
            box-shadow: 0 10px 18px rgba(122, 39, 255, 0.08);
        }

        .contact-support-item h3 {
            margin: 0;
            color: #111827;
            font-size: 0.93rem;
            line-height: 1.35;
            letter-spacing: -0.03em;
            font-weight: 800;
        }

        .contact-support-item p {
            margin: 0.35rem 0 0;
            color: #5f6776;
            font-size: 0.86rem;
            line-height: 1.55;
        }

        .contact-methods-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 0.95rem;
        }

        .contact-method-card {
            padding: 1rem;
            border-radius: 24px;
            background: rgba(255, 255, 255, 0.98);
            box-shadow: 0 14px 30px rgba(15, 23, 42, 0.05);
            transition: transform 0.28s ease, box-shadow 0.28s ease;
            display: flex;
            flex-direction: column;
            gap: 0.95rem;
            min-height: 100%;
        }

        .contact-method-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 24px 42px rgba(15, 23, 42, 0.08);
        }

        .contact-method-head {
            display: flex;
            align-items: center;
            gap: 0.8rem;
        }

        .contact-method-icon {
            width: 52px;
            height: 52px;
            border-radius: 16px;
            display: grid;
            place-items: center;
            flex: 0 0 52px;
            background: linear-gradient(180deg, #ff4fd826 0%, #8f2fff18 54%, #3d09c612 100%);
            color: #2b1d58;
            box-shadow: 0 10px 18px rgba(122, 39, 255, 0.08);
        }

        .contact-method-card h3 {
            margin: 0;
            color: #111827;
            font-size: 1rem;
            line-height: 1.3;
            font-weight: 800;
            letter-spacing: -0.03em;
        }

        .contact-method-card p {
            margin: 0;
            color: #5f6776;
            font-size: 0.9rem;
            line-height: 1.6;
        }

        .contact-method-link {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.45rem;
            align-self: flex-start;
            padding: 0.8rem 1rem;
            border-radius: 999px;
            background: linear-gradient(135deg, #ff4fd8 0%, #8f2fff 52%, #3d09c6 100%);
            color: #fff;
            font-weight: 800;
            font-size: 0.9rem;
            box-shadow: 0 12px 24px rgba(124, 39, 255, 0.22);
            transition: transform 0.25s ease, box-shadow 0.25s ease;
        }

        .contact-method-link:hover {
            transform: translateY(-1px);
            box-shadow: 0 14px 26px rgba(124, 39, 255, 0.28);
        }

        .contact-method-link i {
            width: 16px;
            height: 16px;
        }

        .contact-form-panel {
            border-radius: 28px;
            background: rgba(255, 255, 255, 0.92);
            border: 1px solid rgba(255, 255, 255, 0.8);
            box-shadow: 0 18px 38px rgba(19, 22, 34, 0.06);
            padding: clamp(1rem, 2vw, 1.25rem);
            height: 100%;
        }

        .contact-form-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 0.95rem;
        }

        .contact-field {
            display: flex;
            flex-direction: column;
            gap: 0.45rem;
        }

        .contact-field.full {
            grid-column: 1 / -1;
        }

        .contact-field label {
            color: #1f2430;
            font-size: 0.88rem;
            font-weight: 800;
            letter-spacing: -0.02em;
        }

        .contact-field input,
        .contact-field select,
        .contact-field textarea {
            width: 100%;
            appearance: none;
            border: 1px solid rgba(148, 163, 184, 0.22);
            background: rgba(255, 255, 255, 0.96);
            color: #111827;
            border-radius: 18px;
            padding: 0.95rem 1rem;
            font: inherit;
            font-size: 0.96rem;
            line-height: 1.5;
            box-shadow: 0 10px 20px rgba(15, 23, 42, 0.04);
            transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
        }

        .contact-field select {
            background-image:
                linear-gradient(45deg, transparent 50%, #8f2fff 50%),
                linear-gradient(135deg, #8f2fff 50%, transparent 50%);
            background-position:
                calc(100% - 22px) calc(1.15rem + 2px),
                calc(100% - 16px) calc(1.15rem + 2px);
            background-size: 6px 6px, 6px 6px;
            background-repeat: no-repeat;
            padding-right: 2.6rem;
        }

        .contact-field textarea {
            min-height: 180px;
            resize: vertical;
        }

        .contact-field input:focus,
        .contact-field select:focus,
        .contact-field textarea:focus {
            outline: none;
            border-color: rgba(143, 47, 255, 0.45);
            box-shadow: 0 0 0 4px rgba(143, 47, 255, 0.11), 0 14px 28px rgba(15, 23, 42, 0.05);
            transform: translateY(-1px);
        }

        .contact-form-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 0.75rem;
            align-items: center;
            margin-top: 1rem;
        }

        .contact-form-note {
            margin: 0.95rem 0 0;
            color: #687089;
            font-size: 0.88rem;
            line-height: 1.65;
        }

        .contact-help-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 0.95rem;
        }

        .contact-help-card {
            padding: 1rem;
            border-radius: 24px;
            background: rgba(255, 255, 255, 0.98);
            box-shadow: 0 14px 30px rgba(15, 23, 42, 0.05);
            transition: transform 0.28s ease, box-shadow 0.28s ease;
        }

        .contact-help-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 24px 42px rgba(15, 23, 42, 0.08);
        }

        .contact-help-icon {
            width: 52px;
            height: 52px;
            border-radius: 16px;
            display: grid;
            place-items: center;
            margin-bottom: 0.9rem;
            background: linear-gradient(180deg, #ff4fd826 0%, #8f2fff18 54%, #3d09c612 100%);
            color: #2b1d58;
            box-shadow: 0 10px 18px rgba(122, 39, 255, 0.08);
        }

        .contact-help-card h3 {
            margin: 0;
            color: #111827;
            font-size: 1rem;
            line-height: 1.3;
            font-weight: 800;
            letter-spacing: -0.03em;
        }

        .contact-help-card p {
            margin: 0.45rem 0 0;
            color: #5f6776;
            font-size: 0.9rem;
            line-height: 1.6;
        }

        .contact-checklist {
            margin: 1.1rem 0 0;
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 0.8rem;
        }

        .contact-check-item {
            display: flex;
            align-items: flex-start;
            gap: 0.8rem;
            padding: 0.88rem 0.9rem 0.92rem;
            border-radius: 18px;
            background: rgba(255, 255, 255, 0.98);
            box-shadow: 0 14px 30px rgba(15, 23, 42, 0.05);
        }

        .contact-check-icon {
            width: 40px;
            height: 40px;
            border-radius: 14px;
            flex: 0 0 40px;
            display: grid;
            place-items: center;
            background: linear-gradient(135deg, #ff4fd826 0%, #8f2fff18 54%, #3d09c612 100%);
            color: #2b1d58;
            box-shadow: 0 10px 18px rgba(122, 39, 255, 0.08);
        }

        .contact-check-item h3 {
            margin: 0;
            color: #111827;
            font-size: 0.93rem;
            line-height: 1.35;
            letter-spacing: -0.03em;
            font-weight: 800;
        }

        .contact-check-item p {
            margin: 0.35rem 0 0;
            color: #5f6776;
            font-size: 0.86rem;
            line-height: 1.55;
        }

        .contact-bullet-list {
            display: grid;
            gap: 0.85rem;
            margin-top: 1.1rem;
        }

        .contact-bullet-item {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            padding: 0.95rem 1rem;
            border-radius: 18px;
            background: rgba(255, 255, 255, 0.98);
            box-shadow: 0 14px 30px rgba(15, 23, 42, 0.05);
        }

        .contact-bullet-icon {
            width: 34px;
            height: 34px;
            border-radius: 999px;
            flex: 0 0 34px;
            display: grid;
            place-items: center;
            background: linear-gradient(135deg, #ff4fd8 0%, #8f2fff 52%, #3d09c6 100%);
            color: #fff;
            box-shadow: 0 12px 22px rgba(124, 39, 255, 0.22);
        }

        .contact-bullet-item span {
            color: #111827;
            font-size: 0.93rem;
            line-height: 1.45;
            font-weight: 700;
            letter-spacing: -0.02em;
        }

        @media (min-width: 1024px) {
            .contact-page .hero-title {
                font-size: 54px !important;
            }
        }

        @media (max-width: 1279px) {
            .contact-hero-shell {
                min-height: 620px;
            }
        }

        @media (max-width: 1023px) {
            .contact-hero-shell {
                min-height: 0;
            }

            .contact-hero-grid,
            .contact-split-grid {
                grid-template-columns: 1fr;
            }

            .contact-methods-grid,
            .contact-help-grid,
            .contact-checklist {
                grid-template-columns: 1fr 1fr;
            }

            .contact-floating-chip.chip-one {
                top: 6%;
                left: 6%;
            }

            .contact-floating-chip.chip-two {
                top: 14%;
                right: 4%;
            }

            .contact-floating-chip.chip-three {
                bottom: 14%;
                left: 4%;
            }

            .contact-floating-chip.chip-four {
                bottom: 7%;
                right: 6%;
            }
        }

        @media (max-width: 767px) {
            .contact-section {
                padding-left: 1rem;
                padding-right: 1rem;
            }

            .contact-soft-panel,
            .contact-form-panel {
                border-radius: 24px;
            }

            .contact-methods-grid,
            .contact-help-grid,
            .contact-checklist,
            .contact-form-grid {
                grid-template-columns: 1fr;
            }

            .contact-field.full {
                grid-column: auto;
            }

            .contact-hero-card {
                width: min(100%, 320px);
                padding: 0.85rem;
            }

            .contact-floating-chip {
                font-size: 0.78rem;
                padding: 0.62rem 0.75rem;
            }

            .contact-hero-phone {
                margin: 0 auto;
                max-width: 230px;
            }
            .contact-hero-visual {
    position: relative;
    min-height: 420px;}
        }
      

        .payments-page,
        .payments-page * {
            font-family: inherit;
        }

        .payments-page {
            font-variant-numeric: lining-nums tabular-nums;
        }

        body.payments-page::before {
            content: "";
            position: fixed;
            inset: 0;
            pointer-events: none;
            background:
                radial-gradient(circle at 16% 14%, rgba(255, 79, 216, 0.12) 0, rgba(255, 79, 216, 0) 30%),
                radial-gradient(circle at 84% 12%, rgba(93, 133, 255, 0.11) 0, rgba(93, 133, 255, 0) 28%),
                radial-gradient(circle at 50% 92%, rgba(143, 47, 255, 0.07) 0, rgba(143, 47, 255, 0) 34%);
            z-index: 0;
        }

        .payments-page .page-shell,
        .payments-page header,
        .payments-page main {
            position: relative;
            z-index: 1;
        }

        

        .payments-page .section-shell {
            padding: 0 1.5rem;
        }

        .payments-page .soft-panel {
            border-radius: 32px;
            background: linear-gradient(180deg, #fbfbfc 0%, #f3f4f8 100%);
            box-shadow: 0 24px 60px rgba(19, 22, 34, 0.06);
            overflow: hidden;
        }

        .payments-hero-shell {
            position: relative;
            min-height: 620px;
            overflow: hidden;
            padding-bottom: 0;
        }

        .payments-hero-shell::before {
            content: "";
            position: absolute;
            inset: 0;
            width: 100vw;
            left: 50%;
            transform: translateX(-50%);
            background:
                radial-gradient(circle at 18% 16%, rgba(255, 79, 216, 0.14) 0, rgba(255, 79, 216, 0) 28%),
                radial-gradient(circle at 81% 16%, rgba(93, 133, 255, 0.12) 0, rgba(93, 133, 255, 0) 26%),
                linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.72) 100%);
            pointer-events: none;
            z-index: 0;
        }

        .payments-hero-stage {
            position: relative;
            z-index: 10;
            width: min(100%, 1320px);
            margin: 0 auto;
            padding: 0 1rem;
        }

        .payments-hero-grid {
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
            gap: clamp(1.2rem, 3vw, 3rem);
            align-items: center;
        }

        .payments-hero-copy {
            max-width: 40rem;
            padding: 2rem 0.25rem;
        }

        .payments-eyebrow {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 0.45rem 0.95rem;
            border-radius: 999px;
            background: rgba(255, 79, 216, 0.08);
            color: #b02ce6;
            font-size: 11px;
            font-weight: 800;
            text-transform: uppercase;
            margin-bottom: 1rem;
        }

        .payments-title {
            margin: 0;
            color: #1f2430;
            font-size: clamp(3.1rem, 6vw, 5.6rem);
            line-height: 0.92;
            font-weight: 900;
            max-width: 9.5ch;
        }

        .payments-copy {
            margin: 0.95rem 0 0;
            color: #687089;
            font-size: 0.98rem;
            line-height: 1.72;
            max-width: 38rem;
        }

        .payments-hero-actions {
            margin-top: 1.4rem;
            display: flex;
            flex-wrap: wrap;
            gap: 0.8rem;
        }

        .payments-button-secondary {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.55rem;
            padding: 0.92rem 1.35rem;
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.88);
            border: 1px solid rgba(229, 231, 235, 0.95);
            color: #111827;
            font-size: 0.94rem;
            font-weight: 800;
            box-shadow: 0 14px 28px rgba(15, 23, 42, 0.06);
            transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
        }

        .payments-button-secondary:hover {
            transform: translateY(-2px);
            box-shadow: 0 20px 34px rgba(15, 23, 42, 0.08);
            background: rgba(255, 255, 255, 0.98);
        }

        .payments-hero-chips {
            margin-top: 1.35rem;
            display: flex;
            flex-wrap: wrap;
            gap: 0.65rem;
        }

        .payments-chip {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            padding: 0.75rem 0.95rem;
            border-radius: 18px;
            background: rgba(255, 255, 255, 0.88);
            backdrop-filter: blur(16px);
            box-shadow: 0 18px 34px rgba(14, 18, 28, 0.08);
            color: #111827;
            font-size: 0.88rem;
            font-weight: 800;
            line-height: 1.2;
        }

        .payments-chip i {
            width: 17px;
            height: 17px;
            color: #8f2fff;
            flex: 0 0 17px;
        }

        .payments-visual {
            position: relative;
            min-height: 680px;
            display: grid;
            place-items: center;
        }

        .payments-visual-slider {
            position: absolute;
            inset: 0;
        }

        .payments-visual-slide {
            position: absolute;
            inset: 0;
            display: grid;
            place-items: center;
            opacity: 0;
            transform: scale(0.985);
            transition: opacity 0.75s ease, transform 0.75s ease;
            pointer-events: none;
        }

        .payments-visual-slide.is-active {
            opacity: 1;
            transform: scale(1);
            pointer-events: auto;
        }

        .payments-visual-orb {
            position: absolute;
            border-radius: 999px;
            filter: blur(8px);
            opacity: 0.9;
            pointer-events: none;
        }

        .payments-visual-orb.orb-one {
            width: 220px;
            height: 220px;
            top: 6%;
            right: 9%;
            background: radial-gradient(circle, rgba(255, 79, 216, 0.22) 0%, rgba(255, 79, 216, 0.02) 72%);
        }

        .payments-visual-orb.orb-two {
            width: 240px;
            height: 240px;
            left: 6%;
            bottom: 12%;
            background: radial-gradient(circle, rgba(93, 133, 255, 0.2) 0%, rgba(93, 133, 255, 0.02) 72%);
        }

        .payments-collage {
            position: relative;
            width: min(100%, 620px);
            min-height: 640px;
        }

        .payments-collage-badge {
            position: absolute;
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            padding: 0.8rem 1rem;
            border-radius: 18px;
            background: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(16px);
            box-shadow: 0 20px 38px rgba(14, 18, 28, 0.09);
            color: #1f2430;
            font-size: 0.88rem;
            font-weight: 800;
            z-index: 5;
        }

        .payments-collage-badge i {
            width: 16px;
            height: 16px;
            color: #8f2fff;
        }

        .payments-collage-badge.badge-one {
            top: 11%;
            left: 18%;
        }

        .payments-collage-badge.badge-two {
            bottom: 17%;
            right: -2%;
        }

        .payments-collage-card {
            position: absolute;
            border-radius: 28px;
            overflow: hidden;
          
        }

        .payments-collage-card img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .payments-collage-main {
            inset: 26px 18% 24px 36%;
            z-index: 3;
        }

        .payments-collage-single .payments-collage-main {
            inset: 26px 22px 24px 22px;
        }

        .payments-collage-top {
            width: 250px;
    height: 250px;
    top: 3%;
    left: 8%;
    z-index: 2;
        }

        .payments-collage-sides {
    width: 258px;
    height: 257px;
    top: 17%;
    right: -14%;
    z-index: 4;
}

      .payments-collage-bottom {
      width: 258px;
    height: 257px;
    left: 11%;
    bottom: 22px;
    z-index: 3;
}

        .payments-section {
            padding: 0 0 1rem;
        }

        .payments-section-block {
            position: relative;
            z-index: 1;
            padding: 2rem 0;
        }

        .payments-intro {
            padding-top: 0.25rem;
        }

        .payments-section-heading {
            max-width: 56rem;
            margin: 0 auto;
            text-align: center;
        }

        .payments-section-heading.left {
            text-align: left;
            margin: 0;
        }

        .payments-section-title {
            margin: 0.2rem auto 0;
            color: #1f2430;
            font-size: clamp(2.1rem, 4vw, 3.75rem);
            line-height: 0.98;
            font-weight: 900;
            max-width: 20ch;
        }

        .payments-section-title.left {
            margin-left: 0;
            margin-right: 0;
        }

        .payments-section-copy {
            margin: 1rem auto 0;
            color: #687089;
            font-size: 0.98rem;
            line-height: 1.75;
            max-width: 48rem;
        }

        .payments-section-copy.left {
            margin-left: 0;
            margin-right: 0;
        }

        .payments-feature-grid,
        .payments-feature-grids,
        .payments-type-grid,
        .payments-trust-grid,
        .payments-related-grid {
            display: grid;
            gap: 1rem;
        }

        .payments-feature-grid{ margin-top: 1.8rem;
            grid-template-columns: repeat(4, minmax(0, 1fr));}
        .payments-feature-grids {
            margin-top: 1.8rem;
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .payments-type-grid {
            margin-top: 1.8rem;
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }

        .payments-trust-grid {
            margin-top: 1.8rem;
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }

        .payments-related-grid {
            margin-top: 1.8rem;
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }

        .payments-feature-card,
        .payments-type-card,
        .payments-trust-card,
        .payments-related-card {
            position: relative;
            border-radius: 24px;
            background:
                radial-gradient(circle at 30% 30%, rgba(255, 79, 216, 0.12) 0, rgba(255, 79, 216, 0) 45%),
                radial-gradient(circle at 72% 18%, rgba(93, 133, 255, 0.12) 0, rgba(93, 133, 255, 0) 42%),
                linear-gradient(180deg, #fbfcff 0%, #eef1f7 100%);;
            backdrop-filter: blur(14px);
            border: 1px solid rgba(226, 232, 240, 0.85);
            box-shadow: 0 16px 40px rgba(15, 23, 42, 0.06);
            padding: 1.25rem;
            transition: transform 0.25s ease, box-shadow 0.25s ease;
        }

        .payments-feature-card {
            padding-top: 1.25rem;
            background:
                radial-gradient(circle at 30% 30%, rgba(255, 79, 216, 0.12) 0, rgba(255, 79, 216, 0) 45%),
                radial-gradient(circle at 72% 18%, rgba(93, 133, 255, 0.12) 0, rgba(93, 133, 255, 0) 42%),
                linear-gradient(180deg, #fbfcff 0%, #eef1f7 100%);
        }
        .payments-feature-card:hover,
        .payments-type-card:hover,
        .payments-trust-card:hover,
        .payments-related-card:hover {
            transform: translateY(-3px);
            box-shadow: 0 22px 46px rgba(15, 23, 42, 0.08);
        }

        .payments-card-head {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 0.85rem;
        }

        .payments-card-icon {
            flex: 0 0 auto;
            width: 72px;
            height: 72px;
            border-radius: 0;
            background: transparent;
            box-shadow: none;
            display: block;
            overflow: visible;
        }

        .payments-card-icon i {
            width: 20px;
            height: 20px;
        }

        .payments-card-icon img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            display: block;
        }

        .payments-card-title {
            margin: 0;
            color: #171c26;
            font-size: 1.03rem;
            font-weight: 900;
            line-height: 1.25;
        }

        .payments-card-copy {
            margin: 0.7rem 0 0;
            color: #677085;
            font-size: 0.94rem;
            line-height: 1.7;
        }

        .payments-type-card {
            min-height: 210px;
        }

        .payments-type-meta {
            margin-top: 1rem;
            display: inline-flex;
            align-items: center;
            gap: 0.45rem;
            padding: 0.5rem 0.75rem;
            border-radius: 999px;
            background: rgba(247, 248, 251, 0.9);
            color: #677085;
            font-size: 0.82rem;
            font-weight: 700;
        }

        .payments-type-meta i {
            width: 14px;
            height: 14px;
            color: #8f2fff;
        }

        .payments-flow-grid {
            margin-top: 1.8rem;
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 1rem;
        }

        .payments-flow-card {
            border-radius: 24px;
            background: rgba(255, 255, 255, 0.92);
            border: 1px solid rgba(226, 232, 240, 0.9);
            box-shadow: 0 16px 40px rgba(15, 23, 42, 0.06);
            padding: 1.2rem;
            min-height: 250px;
        }

        .payments-flow-step {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            border-radius: 14px;
            margin-bottom: 0.9rem;
            background: linear-gradient(135deg, rgba(255, 79, 216, 0.14), rgba(93, 133, 255, 0.12));
            color: #8f2fff;
            font-size: 0.92rem;
            font-weight: 900;
        }

        .payments-flow-thumb {
            margin-top: 1rem;
            min-height: 132px;
            border-radius: 18px;
            background:
                radial-gradient(circle at 30% 30%, rgba(255, 79, 216, 0.12) 0, rgba(255, 79, 216, 0) 45%),
                radial-gradient(circle at 70% 60%, rgba(93, 133, 255, 0.13) 0, rgba(93, 133, 255, 0) 48%),
                linear-gradient(180deg, #f9fafc 0%, #eef1f7 100%);
            border: 1px solid rgba(226, 232, 240, 0.9);
            display: grid;
            place-items: center;
            overflow: hidden;
        }

        .payments-flow-thumb img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        .payments-showcase-grid {
            margin-top: 1.8rem;
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 1rem;
        }

        .payments-showcase-card {
            border-radius: 28px;
            background: rgba(255, 255, 255, 0.92);
            border: 1px solid rgba(226, 232, 240, 0.9);
            box-shadow: 0 20px 42px rgba(15, 23, 42, 0.08);
            overflow: hidden;
        }

        .payments-showcase-preview {
            aspect-ratio: 0.8;
            background: linear-gradient(180deg, #f8f9fd 0%, #eef1f7 100%);
            display: grid;
            place-items: center;
            padding: 0.85rem;
        }

        .payments-showcase-preview img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 20px;
        }

        .payments-showcase-copy {
            padding: 1rem 1rem 1.1rem;
        }

        .payments-showcase-copy h3 {
            margin: 0;
            color: #171c26;
            font-size: 0.98rem;
            font-weight: 900;
        }

        .payments-showcase-copy p {
            margin: 0.45rem 0 0;
            color: #677085;
            font-size: 0.9rem;
            line-height: 1.65;
        }

        .payments-differentiator-grid {
            margin-top: 1.25rem;
            display: grid;
            grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
            gap: 1rem;
            align-items: stretch;
        }

        .payments-diff-panel {
            border-radius: 28px;
            background: rgba(255, 255, 255, 0.92);
            border: 1px solid rgba(226, 232, 240, 0.9);
            box-shadow: 0 20px 44px rgba(15, 23, 42, 0.07);
            padding: 1rem;
        }

        .payments-diff-list {
            margin-top: 0.8rem;
            display: grid;
            gap: 0.75rem;
        }

        .payments-diff-item {
            display: flex;
            align-items: flex-start;
            gap: 0.9rem;
            padding: 0.8rem 0.9rem;
            border-radius: 18px;
            background: rgba(247, 248, 251, 0.88);
            border: 1px solid rgba(229, 231, 235, 0.9);
        }

        .payments-diff-marker {
            width: 34px;
            height: 34px;
            border-radius: 12px;
            display: grid;
            place-items: center;
            flex: 0 0 auto;
            background: linear-gradient(135deg, rgba(255, 79, 216, 0.16), rgba(93, 133, 255, 0.12));
            color: #8f2fff;
        }

        .payments-diff-marker i {
            width: 16px;
            height: 16px;
        }

        .payments-diff-item h3 {
            margin: 0;
            color: #171c26;
            font-size: 0.98rem;
            font-weight: 900;
        }

        .payments-diff-item p {
            margin: 0.25rem 0 0;
            color: #677085;
            font-size: 0.92rem;
            line-height: 1.6;
        }

        .payments-diff-visual {
            position: relative;
            min-height: 240px;
            border-radius: 28px;
            background:
                radial-gradient(circle at 20% 18%, rgba(255, 79, 216, 0.12) 0, rgba(255, 79, 216, 0) 35%),
                radial-gradient(circle at 80% 20%, rgba(93, 133, 255, 0.12) 0, rgba(93, 133, 255, 0) 35%),
                linear-gradient(180deg, #fbfbfd 0%, #eef1f7 100%);
            border: 1px solid rgba(226, 232, 240, 0.9);
            overflow: hidden;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
        }

        .payments-diff-visual img {
            width: 100%;
            height: 100%;
            display: block;
            object-fit: contain;
            padding: 0.75rem;
            filter: drop-shadow(0 18px 28px rgba(15, 23, 42, 0.14));
        }

        .payments-trust-visual {
            position: relative;
            min-height: 320px;
            border-radius: 28px;
            background:
                radial-gradient(circle at 18% 18%, rgba(255, 79, 216, 0.12) 0, rgba(255, 79, 216, 0) 35%),
                radial-gradient(circle at 82% 20%, rgba(93, 133, 255, 0.12) 0, rgba(93, 133, 255, 0) 35%),
                linear-gradient(180deg, #fbfbfd 0%, #eef1f7 100%);
            border: 1px solid rgba(226, 232, 240, 0.9);
            overflow: hidden;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
        }

        .payments-trust-slider {
            position: absolute;
            inset: 0;
        }

        .payments-trust-slide {
            position: absolute;
            inset: 0;
            display: grid;
            place-items: center;
            padding: 1rem 1.1rem 2.5rem;
            opacity: 0;
            transform: scale(0.985);
            transition: opacity 0.65s ease, transform 0.65s ease;
            pointer-events: none;
        }

        .payments-trust-slide.is-active {
            opacity: 1;
            transform: scale(1);
            pointer-events: auto;
        }

        .payments-trust-slide img {
            width: 100%;
            height: 100%;
            max-width: 460px;
            max-height: 475px;
            object-fit: contain;
            filter: drop-shadow(0 18px 28px rgba(15, 23, 42, 0.14));
        }

        .payments-trust-indicators {
            position: absolute;
            left: 50%;
            bottom: 1rem;
            transform: translateX(-50%);
            display: flex;
            gap: 0.45rem;
            z-index: 3;
        }

        .payments-trust-indicators button {
            width: 10px;
            height: 10px;
            border: 0;
            border-radius: 999px;
            background: rgba(103, 112, 133, 0.28);
            padding: 0;
            cursor: pointer;
            transition: width 0.25s ease, background 0.25s ease, transform 0.25s ease;
        }

        .payments-trust-indicators button[aria-current="true"] {
            width: 24px;
            background: linear-gradient(90deg, #8f2fff, #5d85ff);
        }

        .payments-trust-indicators button:hover {
            transform: translateY(-1px);
        }

        .payments-diff-visual-inner {
            position: absolute;
            inset: 0;
            display: grid;
            place-items: center;
            padding: 1.2rem;
        }

        .payments-trust-visual-inner {
            position: absolute;
            inset: 0;
            display: grid;
            place-items: center;
            padding: 1.2rem;
        }

        .payments-diff-stat {
            width: min(100%, 340px);
            border-radius: 24px;
            background: rgba(255, 255, 255, 0.88);
            border: 1px solid rgba(255, 255, 255, 0.7);
            box-shadow: 0 18px 34px rgba(15, 23, 42, 0.08);
            padding: 1.1rem;
        }

        .payments-diff-stat .stat-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 0.8rem;
            padding: 0.7rem 0;
        }

        .payments-diff-stat .stat-row + .stat-row {
            border-top: 1px solid rgba(226, 232, 240, 0.9);
        }

        .payments-diff-stat .stat-label {
            color: #677085;
            font-size: 0.9rem;
            font-weight: 700;
        }

        .payments-diff-stat .stat-value {
            color: #171c26;
            font-size: 0.9rem;
            font-weight: 900;
        }

        .payments-related-card {
            min-height: 166px;
        }

        .payments-related-card a {
            color: inherit;
            text-decoration: none;
        }

        .payments-related-link {
            margin-top: 1rem;
            display: inline-flex;
            align-items: center;
            gap: 0.45rem;
            color: #8f2fff;
            font-size: 0.88rem;
            font-weight: 800;
        }

        .payments-related-link i {
            width: 15px;
            height: 15px;
        }

        .payments-related-card .payments-card-icon {
            margin-bottom: 0.2rem;
        }

        .payments-trust-card {
            min-height: 176px;
        }

        .payments-section-subgrid {
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
            gap: 1rem;
            align-items: stretch;
        }

        .payments-copy-panel {
            border-radius: 28px;
            background: rgba(255, 255, 255, 0.92);
            border: 1px solid rgba(226, 232, 240, 0.9);
            box-shadow: 0 20px 44px rgba(15, 23, 42, 0.07);
            padding: 1.3rem;
        }

        .payments-copy-panel ul {
            margin: 1rem 0 0;
            padding: 0;
            list-style: none;
            display: grid;
            gap: 0.85rem;
        }

        .payments-copy-panel li {
            display: flex;
            align-items: flex-start;
            gap: 0.75rem;
            color: #677085;
            font-size: 0.95rem;
            line-height: 1.7;
        }

        .payments-copy-panel li i {
            color: #8f2fff;
            width: 16px;
            height: 16px;
            margin-top: 0.2rem;
            flex: 0 0 auto;
        }

        @media (max-width: 1180px) {
            .payments-feature-grid,
            .payments-feature-grids,
            .payments-type-grid,
            .payments-trust-grid,
            .payments-related-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .payments-flow-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .payments-showcase-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .payments-differentiator-grid,
            .payments-section-subgrid {
                grid-template-columns: 1fr;
            }
        }

        @media (max-width: 900px) {
            .payments-hero-grid {
                grid-template-columns: 1fr;
            }

            .payments-hero-copy {
                max-width: none;
                padding-bottom: 0;
            }

            .payments-visual {
                min-height: 560px;
            }
.payments-flow-thumb img,
.payments-showcase-preview img
 { width: 75%; }
            .payments-collage {
                width: min(100%, 540px);
                min-height: 520px;
            }

            .payments-collage-main {
                inset: 30px 13% 24px 29%;
            }

            .payments-collage-top {
                width: 184px;
                height: 252px;
            }

            .payments-collage-sides {
                width: 170px;
                height: 252px;
            }

            .payments-collage-bottom {
                width: 160px;
                height: 226px;
            }
        }

        @media (max-width: 768px) {
            .payments-page .section-shell {
                padding: 0 1rem;
            }

            .payments-section-block {
                padding: 1.4rem 0;
            }

            .payments-hero-shell {
                min-height: auto;
            }

            .payments-hero-copy {
                padding-top: 1.2rem;
            }

            .payments-title {
                font-size: clamp(2.7rem, 12vw, 4rem);
                max-width: 10ch;
            }

            .payments-copy {
                font-size: 0.96rem;
            }

            .payments-hero-actions {
                flex-direction: column;
            }

            .payments-hero-actions a {
                width: 100%;
            }

            .payments-feature-grid,
            .payments-feature-grids,
            .payments-type-grid,
            .payments-trust-grid,
            .payments-related-grid,
            .payments-flow-grid,
            .payments-showcase-grid {
                grid-template-columns: 1fr;
            }

            .payments-feature-card {
                padding-top: 1.25rem;
            }

            .payments-card-icon {
                width: 72px;
                height: 92px;
            }

            .payments-card-title {
                font-size: 1.03rem;
            }

            .payments-showcase-preview {
                aspect-ratio: 0.82;
            }

            .payments-visual {
                min-height: 470px;
            }

            .payments-collage {
                width: min(100%, 100%);
                min-height: 430px;
            }

            .payments-collage-badge {
                font-size: 0.8rem;
                padding: 0.7rem 0.85rem;
            }

            .payments-collage-badge.badge-one {
                top: 8%;
                left: 0;
            }

            

            .payments-collage-card {
                border-radius: 22px;
            }

            .payments-collage-main {
                inset: 22px 12% 18px 24%;
            }
            .payments-collage-top {
                width: 154px;
                height: 210px;
                left: 0;
                top: 30px;
            }

            .payments-collage-sides {
                width: 144px;
                height: 210px;
                right: 0;
                top: 90px;
            }

            .payments-collage-bottom {
                width: 136px;
                height: 198px;
                left: 8%;
                bottom: 0;
            }
        }

        @media (max-width: 520px) {
            .payments-visual {
                min-height: 390px;
            }

            .payments-collage {
                min-height: 370px;
            }

            .payments-collage-main {
                inset: 20px 10% 18px 22%;
            }

            .payments-collage-top {
                width: 126px;
                height: 180px;
            }
            .payments-copy-panel{order:2}
            .payments-collage-sides {
                width: 118px;
                height: 180px;
            }

            .payments-collage-bottom {
                width: 112px;
                height: 166px;
            }

            .payments-collage-badge {
                display: none;
            }

            .payments-flow-card,
            .payments-copy-panel,
            .payments-diff-panel {
                padding: 1rem;
            }
        }
      

        body.transfers-page {
            font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
            overflow-x: hidden;
            position: relative;
            background: #fff;
        }

        .transfers-page,
        .transfers-page * {
            font-family: inherit;
        }

        .transfers-page {
            font-variant-numeric: lining-nums tabular-nums;
        }

        body.transfers-page::before {
            content: "";
            position: fixed;
            inset: 0;
            pointer-events: none;
            background:
                radial-gradient(circle at 18% 14%, rgba(255, 79, 216, 0.12) 0, rgba(255, 79, 216, 0) 30%),
                radial-gradient(circle at 82% 12%, rgba(93, 133, 255, 0.11) 0, rgba(93, 133, 255, 0) 28%),
                radial-gradient(circle at 50% 92%, rgba(143, 47, 255, 0.07) 0, rgba(143, 47, 255, 0) 34%);
            z-index: 0;
        }

        .transfers-page .page-shell,
        .transfers-page header,
        .transfers-page main {
            position: relative;
            z-index: 1;
        }

        .transfers-page .hero-title,
        .transfers-page .section-title,
        .transfers-page .transfers-card-title {
            letter-spacing: -0.075em;
        }

        .transfers-page .section-shell {
            padding: 0 1.5rem;
        }

        .transfers-page .soft-panel {
            border-radius: 32px;
            background: linear-gradient(180deg, #fbfbfc 0%, #f3f4f8 100%);
            box-shadow: 0 24px 60px rgba(19, 22, 34, 0.06);
            overflow: hidden;
        }

        .transfers-hero-shell {
            position: relative;
            min-height: 820px;
            overflow: hidden;
            padding-bottom: 0;
        }

        .transfers-hero-shell::before {
            content: "";
            position: absolute;
            inset: 0;
            width: 100vw;
            left: 50%;
            transform: translateX(-50%);
            background:
                radial-gradient(circle at 17% 17%, rgba(255, 79, 216, 0.14) 0, rgba(255, 79, 216, 0) 28%),
                radial-gradient(circle at 81% 15%, rgba(93, 133, 255, 0.12) 0, rgba(93, 133, 255, 0) 26%),
                linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 100%);
            pointer-events: none;
            z-index: 0;
        }

        .transfers-hero-stage {
            position: relative;
            z-index: 10;
            width: min(100%, 1320px);
            margin: 0 auto;
            padding: 0 1rem;
        }

        .transfers-hero-grid {
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
            gap: clamp(1.2rem, 3vw, 3rem);
            align-items: center;
        }

        .transfers-hero-copy {
            max-width: 40rem;
            padding: 2rem 0.25rem;
        }

        .transfers-eyebrow {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 0.45rem 0.95rem;
            border-radius: 999px;
            background: rgba(255, 79, 216, 0.08);
            color: #b02ce6;
            font-size: 11px;
            font-weight: 800;
            letter-spacing: 0.2em;
            text-transform: uppercase;
            margin-bottom: 1rem;
        }

        .transfers-title {
            margin: 0;
            color: #1f2430;
            font-size: clamp(3.1rem, 6vw, 5.6rem);
            line-height: 0.92;
            font-weight: 900;
            max-width: 9.5ch;
        }

        .transfers-copy {
            margin: 0.95rem 0 0;
            color: #687089;
            font-size: 0.98rem;
            line-height: 1.72;
            max-width: 38rem;
        }

        .transfers-hero-actions {
            margin-top: 1.4rem;
            display: flex;
            flex-wrap: wrap;
            gap: 0.8rem;
        }

        .transfers-button-secondary {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.55rem;
            padding: 0.92rem 1.35rem;
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.88);
            border: 1px solid rgba(229, 231, 235, 0.95);
            color: #111827;
            font-size: 0.94rem;
            font-weight: 800;
            box-shadow: 0 14px 28px rgba(15, 23, 42, 0.06);
            transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
        }

        .transfers-button-secondary img,
        .transfers-chip img,
        .transfers-collage-badge img,
        .transfers-card-icon img,
        .transfers-bullet-icon img,
        .app-download-floating-card img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: contain;
        }

        .transfers-button-secondary img {
            width: 18px;
            height: 18px;
            flex: 0 0 18px;
        }

        .btn-primary img {
            width: 18px;
            height: 18px;
            flex: 0 0 18px;
            display: block;
            object-fit: contain;
        }

        .transfers-button-secondary:hover {
            transform: translateY(-2px);
            box-shadow: 0 20px 34px rgba(15, 23, 42, 0.08);
            background: rgba(255, 255, 255, 0.98);
        }

        .transfers-hero-chips {
            margin-top: 1.35rem;
            display: flex;
            flex-wrap: wrap;
            gap: 0.65rem;
        }

        .transfers-chip {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            padding: 0.75rem 0.95rem;
            border-radius: 18px;
            background: rgba(255, 255, 255, 0.88);
            backdrop-filter: blur(16px);
            box-shadow: 0 18px 34px rgba(14, 18, 28, 0.08);
            color: #111827;
            font-size: 0.88rem;
            font-weight: 800;
            line-height: 1.2;
        }

        .transfers-chip img {
            width: 17px;
            height: 17px;
            flex: 0 0 17px;
        }

        .app-download-floating-card img {
            width: 18px;
            height: 18px;
            flex: 0 0 18px;
        }

        .transfers-visual {
            position: relative;
            min-height: 680px;
            display: grid;
            place-items: center;
        }

        .transfers-visual-slider {
            position: absolute;
            inset: 0;
        }

        .transfers-visual-slide {
            position: absolute;
            inset: 0;
            display: grid;
            place-items: center;
            opacity: 0;
            transform: scale(0.985);
            transition: opacity 0.75s ease, transform 0.75s ease;
            pointer-events: none;
        }

        .transfers-visual-slide.is-active {
            opacity: 1;
            transform: scale(1);
            pointer-events: auto;
        }

        .transfers-visual-orb {
            position: absolute;
            border-radius: 999px;
            filter: blur(8px);
            opacity: 0.9;
            pointer-events: none;
        }

        .transfers-visual-orb.orb-one {
            width: 220px;
            height: 220px;
            top: 6%;
            right: 9%;
            background: radial-gradient(circle, rgba(255, 79, 216, 0.22) 0%, rgba(255, 79, 216, 0.02) 72%);
        }

        .transfers-visual-orb.orb-two {
            width: 240px;
            height: 240px;
            left: 6%;
            bottom: 12%;
            background: radial-gradient(circle, rgba(93, 133, 255, 0.2) 0%, rgba(93, 133, 255, 0.02) 72%);
        }

        .transfers-collage {
            position: relative;
            width: min(100%, 620px);
            min-height: 640px;
        }

        .transfers-collage-single .transfers-collage-main {
            inset: 26px 22px 24px 22px;
        }

        .transfers-collage-card {
            position: absolute;
            border-radius: 28px;
            background: transparent;
            backdrop-filter: none;
            box-shadow: none;
            overflow: hidden;
            border: 0;
        }

        .transfers-collage-card img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: contain;
            background: transparent;
        }

        .transfers-collage-main {
            inset: 22px 18% 24px 30%;
            z-index: 3;
        }

        .transfers-collage-top {
            width: 52%;
            top: -6%;
            right: -12%;
            aspect-ratio: 1 / 1;
            transform: rotate(7deg);
            z-index: 4;
            border-radius: 50%;
            overflow: hidden;
        }

        .transfers-collage-side {
            width: 36%;
            left: 0;
            bottom: 0;
            aspect-ratio: 1 / 1;
            transform: rotate(-6deg);
            z-index: 2;
            border-radius: 50%;
            overflow: hidden;
        }

        .transfers-collage-side img {
            object-fit: cover;
        }

        .transfers-collage-badge {
            position: absolute;
            display: inline-flex;
            align-items: center;
            gap: 0.45rem;
            padding: 0.7rem 0.9rem;
            border-radius: 18px;
            background: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(16px);
            box-shadow: 0 18px 34px rgba(14, 18, 28, 0.08);
            color: #111827;
            font-size: 0.85rem;
            font-weight: 800;
            z-index: 5;
        }

        .transfers-collage-badge img {
            width: 16px;
            height: 16px;
        }

        .transfers-collage-badge.badge-one {
            top: 13%;
            left: -1%;

        }

        .transfers-collage-badge.badge-two {
            bottom: 15%;
            right: 0;
        }

        .transfers-section {
            padding: 0 1.5rem;
        }

        .transfers-section-block {
            border-radius: 32px;
            background: linear-gradient(180deg, #fbfbfc 0%, #f3f4f8 100%);
            box-shadow: 0 24px 60px rgba(19, 22, 34, 0.06);
            overflow: hidden;
        }

        .transfers-intro {
            text-align: center;
            padding: clamp(1.8rem, 3vw, 2.4rem) clamp(1rem, 2.8vw, 2rem);
        }

        .section-title {
            margin: 0;
            color: #1f2430;
            font-size: clamp(2.05rem, 4vw, 3.5rem);
            line-height: 0.94;
            font-weight: 900;
        }

        .section-copy {
            margin: 0.85rem auto 0;
            color: #687089;
            font-size: 0.98rem;
            line-height: 1.7;
            max-width: 40rem;
        }

        .transfers-feature-grid {
            margin-top: 1.5rem;
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 1rem;
        }

        .transfers-feature-card,
        .transfers-method-card,
        .transfers-trust-card,
        .transfers-differentiator-card,
        .transfers-related-card,
        .transfers-step-card {
            border-radius: 24px;
            background: rgba(255, 255, 255, 0.96);
            box-shadow: 0 14px 30px rgba(15, 23, 42, 0.05);
        }

        .transfers-feature-card {
            padding: 1rem;
            text-align: left;
            min-height: 160px;
        }

        .transfers-card-head {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 0.7rem;
        }

       
.transfers-card-icon {
    width: 120px;
    height: 120px;
            border-radius: 14px;
            display: grid;
            place-items: center;        
                color: #2b1d58;
            overflow: hidden;
        }

        .transfers-card-icon img {
            padding: 0.22rem;
            box-sizing: border-box;
        }

        .transfers-card-title {
            margin: 0;
            color: #111827;
            font-size: 1rem;
            font-weight: 900;
        }

        .transfers-card-copy {
            margin: 0.45rem 0 0;
            color: #687089;
            font-size: 0.92rem;
            line-height: 1.65;
        }

        .transfers-methods {
            padding: clamp(1.6rem, 3vw, 2.4rem) clamp(1rem, 2.8vw, 2rem) clamp(1.8rem, 3vw, 2.8rem);
        }

        .transfers-method-header {
            text-align: center;
            padding: 0.2rem 0.25rem 1.35rem;
        }

        .transfers-method-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 1rem;
            margin-top: -3rem;
        }

        .transfers-method-card {
            padding: 1rem;
            overflow: hidden;
            min-height: 250px;
            position: relative;
        }

        .transfers-method-card::before {
            content: "";
            position: absolute;
            inset: auto -24% -45% 42%;
            width: 180px;
            height: 180px;
            border-radius: 999px;
            background: radial-gradient(circle, rgba(255, 79, 216, 0.14) 0%, rgba(255, 79, 216, 0) 68%);
            pointer-events: none;
        }

        .transfers-method-top {
            position: relative;
            z-index: 1;
        }

        .transfers-method-number {
            width: 40px;
            height: 40px;
            border-radius: 999px;
            display: grid;
            place-items: center;
            background: linear-gradient(135deg, #ff4fd8 0%, #8f2fff 52%, #3d09c6 100%);
            color: #fff;
            font-size: 0.8rem;
            font-weight: 900;
            box-shadow: 0 10px 20px rgba(124, 39, 255, 0.24);
            flex: 0 0 40px;
        }

        .transfers-method-top .transfers-card-head {
            align-items: center;
        }

        .transfers-method-card p {
            margin: 0.55rem 0 0;
            color: #687089;
            font-size: 0.92rem;
            line-height: 1.65;
        }

        .transfers-method-visual {
            margin-top: 1rem;
            border-radius: 18px;
            overflow: hidden;
            background: #f7f8fc;
            border: 1px solid rgba(229, 231, 235, 0.9);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55);
        }

        .transfers-method-visual img {
            display: block;
            width: 100%;
            height: 570px;
            object-fit: contain;
            background: linear-gradient(180deg, #ffffff 0%, #f7f8fc 100%);
        }

        .transfers-method-visual .visual-caption {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 0.5rem;
            padding: 0.75rem 0.8rem;
            font-size: 0.82rem;
            font-weight: 800;
            color: #111827;
        }

        .transfers-method-strip {
            margin-top: 4rem;
            position: relative;
            min-height: 420px;
            display: grid;
            place-items: center;
            isolation: isolate;
        }

        .transfers-method-strip .strip-card {
            position: absolute;
            border-radius: 28px;
         
            overflow: hidden;
            padding: 0.7rem;
            transition: transform 0.25s ease, box-shadow 0.25s ease;
        }

        .transfers-method-strip .strip-card:hover {
            transform: translateY(-4px) scale(1.01);
            box-shadow: 0 28px 54px rgba(15, 23, 42, 0.13);
        }

        .transfers-method-strip img {
            width: 100%;
            display: block;
            border-radius: 20px;
            object-fit: cover;
        }

        .transfers-method-strip .strip-card.center {
            width: min(52%, 330px);
            z-index: 3;
            transform: translateY(4%);
        }

       .transfers-method-strip .strip-card.left {
    width: min(34%, 255px);
    left: 21%;
    top: 11%;
            transform: rotate(-8deg);
            z-index: 2;
        }

        .transfers-method-strip .strip-card.right {
                width: min(34%, 255px);
    right: 22%;
    top: 7%;
            transform: rotate(8deg);
            z-index: 2;
        }

        .transfers-flow {
            padding: clamp(1.6rem, 3vw, 2.4rem) clamp(1rem, 2.8vw, 2rem) clamp(1.8rem, 3vw, 2.8rem);
        }

        .transfers-flow-header {
            text-align: center;
            padding: 0.2rem 0.25rem 1.35rem;
        }

        .transfers-step-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 1rem;
        }

        .transfers-step-card {
            padding: 1rem;
            overflow: hidden;
            min-height: 100%;
        }

        .transfers-step-kicker {
            display: inline-flex;
            align-items: center;
            gap: 0.45rem;
            padding: 0.38rem 0.68rem;
            border-radius: 999px;
            background: rgba(255, 79, 216, 0.08);
            color: #b02ce6;
            font-size: 0.72rem;
            font-weight: 900;
            letter-spacing: 0.14em;
            text-transform: uppercase;
        }

        .transfers-step-card figure {
            margin: 0.85rem 0 0;
            border-radius: 20px;
            overflow: hidden;
            background: #f7f8fc;
            border: 1px solid rgba(229, 231, 235, 0.9);
        }

        .transfers-step-card img {
            display: block;
            width: 100%;
            height: 480px;
            object-fit: contain;
            background: linear-gradient(180deg, #ffffff 0%, #f7f8fc 100%);
        }

        .transfers-step-card h3 {
            margin: 0.95rem 0 0;
            color: #111827;
            font-size: 1.03rem;
            font-weight: 900;
        }

        .transfers-step-card p {
            margin: 0.45rem 0 0;
            color: #687089;
            font-size: 0.92rem;
            line-height: 1.65;
        }

        .transfers-receive {
            padding: clamp(1.6rem, 3vw, 2.4rem) clamp(1rem, 2.8vw, 2rem);
        }

        .transfers-receive-grid {
            display: grid;
            grid-template-columns: minmax(0, 0.94fr) minmax(0, 1.06fr);
            gap: clamp(1rem, 3vw, 2.6rem);
            align-items: center;
            padding: clamp(1rem, 2vw, 1.5rem);
        }

        .transfers-bullet-list {
            margin: 1.15rem 0 0;
            display: grid;
            gap: 0.78rem;
        }

        .transfers-bullet-item {
            display: flex;
            align-items: flex-start;
            gap: 0.8rem;
            padding: 0.88rem 0.95rem 0.92rem;
            border-radius: 18px;
            background: rgba(255, 255, 255, 0.98);
            box-shadow: 0 14px 30px rgba(15, 23, 42, 0.05);
        }

        .transfers-bullet-icon {
            width: 38px;
            height: 38px;
            border-radius: 14px;
            flex: 0 0 38px;
            display: grid;
            place-items: center;
            background: linear-gradient(135deg, #ff4fd826 0%, #8f2fff18 54%, #3d09c612 100%);
            color: #2b1d58;
            overflow: hidden;
        }

        .transfers-bullet-icon img {
            padding: 0.18rem;
            box-sizing: border-box;
        }

        .transfers-receive-visual {
            position: relative;
            min-height: 460px;
            display: grid;
            place-items: center;
        }

        .transfers-receive-visual::before {
            content: "";
            position: absolute;
            inset: 14% 12% 10% 12%;
            border-radius: 32px;
            background: linear-gradient(180deg, rgba(255, 79, 216, 0.11) 0%, rgba(143, 47, 255, 0.16) 52%, rgba(61, 9, 198, 0.12) 100%);
            box-shadow: 0 28px 54px rgba(97, 33, 202, 0.14);
        }

        .transfers-receive-visual img {
            position: relative;
            z-index: 1;
            width: min(86%, 500px);
            border-radius: 30px;
            filter: drop-shadow(0 26px 38px rgba(34, 60, 18, 0.16));
            background: linear-gradient(180deg, #ffffff 0%, #f7f8fc 100%);
        }

        .transfers-trust {
            padding: clamp(1.6rem, 3vw, 2.4rem) clamp(1rem, 2.8vw, 2rem);
        }

        .transfers-trust-grid {
            margin-top: 1.3rem;
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 1rem;
        }

        .transfers-trust-card {
            padding: 1rem;
        }

        .transfers-trust-card .transfers-card-head {
            align-items: center;
        }

        .transfers-trust-card h3 {
            margin: 0;
            color: #111827;
            font-size: 1rem;
            font-weight: 900;
        }

        .transfers-trust-card p {
            margin: 0.45rem 0 0;
            color: #687089;
            font-size: 0.92rem;
            line-height: 1.65;
        }

        .transfers-differentiator {
            padding: clamp(1.6rem, 3vw, 2.4rem) clamp(1rem, 2.8vw, 2rem);
        }

        .transfers-differentiator-grid {
            margin-top: 1.25rem;
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 1rem;
        }

        .transfers-differentiator-card {
            padding: 2rem;
            min-height: 124px;
            position: relative;
            overflow: hidden;
        }

        .transfers-differentiator-card::before {
            content: "";
            position: absolute;
            right: -20px;
            top: -20px;
            width: 120px;
            height: 120px;
            border-radius: 999px;
            background: radial-gradient(circle, rgba(93, 133, 255, 0.18) 0%, rgba(93, 133, 255, 0) 68%);
        }

        .transfers-differentiator-card .number {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 36px;
            height: 36px;
            border-radius: 999px;
            background: linear-gradient(135deg, #ff4fd8 0%, #8f2fff 52%, #3d09c6 100%);
            color: #fff;
            font-weight: 900;
            box-shadow: 0 10px 20px rgba(124, 39, 255, 0.24);
        }

        .transfers-differentiator-card h3 {
            margin: 0;
            color: #111827;
            font-size: 1rem;
            font-weight: 900;
        }

        .transfers-differentiator-card p {
            margin: 0.45rem 0 0;
            color: #687089;
            font-size: 0.92rem;
            line-height: 1.65;
        }

        .transfers-related {
            padding: clamp(1.6rem, 3vw, 2.4rem) clamp(1rem, 2.8vw, 2rem);
        }

        .transfers-related-title {
            max-width: 16ch;
        }

        .transfers-related-grid {
            margin-top: 1.2rem;
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 1rem;
        }

        .transfers-related-card {
            padding: 1rem;
        }

        .transfers-related-head {
            display: flex;
            align-items: center;
            gap: 0.7rem;
        }

        .transfers-related-card h3 {
            margin: 0;
            color: #111827;
            font-size: 0.98rem;
            font-weight: 900;
        }

        .transfers-related-card p {
            margin: 0.4rem 0 0;
            color: #687089;
            font-size: 0.9rem;
            line-height: 1.65;
        }

        .transfers-related-chip {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.45rem;
            padding: 0.38rem 0.68rem;
            border-radius: 999px;
            background: rgba(255, 79, 216, 0.08);
            color: #b02ce6;
            font-size: 0.72rem;
            font-weight: 900;
            letter-spacing: 0.14em;
            text-transform: uppercase;
        }

        .transfers-cta .app-download-panel {
            border-radius: 32px;
        }

        @media (max-width: 1100px) {
            .transfers-hero-grid,
            .transfers-receive-grid {
                grid-template-columns: 1fr;
            }

            .transfers-visual {
                min-height: 580px;
            }

            .transfers-feature-grid,
            .transfers-method-grid,
            .transfers-step-grid,
            .transfers-differentiator-grid,
            .transfers-related-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
        }

        @media (max-width: 700px) {
            .transfers-hero-shell {
                min-height: auto;
            }

            .transfers-hero-copy {
                padding-top: 1rem;
            }
.transfer{ order:2 }
            .transfers-title {
                max-width: 10ch;
            }

            .transfers-visual {
                min-height: 460px;
            }

            .transfers-collage {
                min-height: 460px;
            }

            .transfers-collage-main {
               inset: -64% 4% -39% 8%;
            }
            .transfers-collage-badge.badge-one {
    top: -8%;
    left: -1%;
    padding: 0.4rem 0.8rem;
}
    .transfers-method-visual .visual-caption {
          font-size: 0.72rem;

}
    .transfers-collage-top{
            top: -27%;
            width: 57%;
    }
            .transfers-collage-side {
                width: 36%;
                border-radius: 50%;
                overflow: hidden;
                    bottom: 2%;
    left: -1%;
    z-index: 6;
            }

            .transfers-feature-grid,
            .transfers-method-grid,
            .transfers-step-grid,
            .transfers-trust-grid,
            .transfers-differentiator-grid,
            .transfers-related-grid,
            .transfers-method-strip {
                grid-template-columns: 1fr;
            }

            .transfers-method-visual img,
            .transfers-step-card img {
                height: 240px;
            }

            .transfers-related-title {
                max-width: 100%;
            }

            

            .transfers-method-strip .strip-card.center,
            .transfers-method-strip .strip-card.left,
            .transfers-method-strip .strip-card.right {
                width: min(64%, 440px);
                left: 50%;
                right: auto;
                top: auto;
                transform: translateX(-50%);
            }

            .transfers-method-strip .strip-card.center {
                top: 19%;
        left: 28%;
            }

            .transfers-method-strip .strip-card.left {
top: -24%;
        left: 48%;            }

            .transfers-method-strip .strip-card.right {
top: 15%;
        left: 79%;            }

            .transfers-receive-visual {
                min-height: 180px;
            }

        }
      

        body.digital-services-page {
            font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
            overflow-x: hidden;
            position: relative;
            background: #fff;
        }

        .digital-services-page,
        .digital-services-page * {
            font-family: inherit;
        }

        .digital-services-page {
            font-variant-numeric: lining-nums tabular-nums;
        }

        body.digital-services-page::before {
            content: "";
            position: fixed;
            inset: 0;
            pointer-events: none;
            background:
                radial-gradient(circle at 16% 14%, rgba(107, 92, 255, 0.12) 0, rgba(107, 92, 255, 0) 30%),
                radial-gradient(circle at 84% 12%, rgba(93, 133, 255, 0.12) 0, rgba(93, 133, 255, 0) 28%),
                radial-gradient(circle at 50% 92%, rgba(143, 47, 255, 0.07) 0, rgba(143, 47, 255, 0) 34%);
            z-index: 0;
        }

        .digital-services-page .page-shell,
        .digital-services-page header,
        .digital-services-page main {
            position: relative;
            z-index: 1;
        }

        .digital-services-page .section-shell {
            padding: 0 1.5rem;
        }

        .digital-services-page .soft-panel {
            border-radius: 32px;
            background: linear-gradient(180deg, #fbfbfc 0%, #f3f4f8 100%);
            box-shadow: 0 24px 60px rgba(19, 22, 34, 0.06);
            overflow: hidden;
        }

        .digital-services-hero-shell {
            position: relative;
            min-height: 780px;
            overflow: hidden;
            padding-bottom: 0;
        }

        .digital-services-hero-shell::before {
            content: "";
            position: absolute;
            inset: 0;
            width: 100vw;
            left: 50%;
            transform: translateX(-50%);
            background:
                radial-gradient(circle at 17% 17%, rgba(107, 92, 255, 0.15) 0, rgba(107, 92, 255, 0) 28%),
                radial-gradient(circle at 81% 15%, rgba(93, 133, 255, 0.12) 0, rgba(93, 133, 255, 0) 26%),
                linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.72) 100%);
            pointer-events: none;
            z-index: 0;
        }

        .digital-services-hero-stage {
            position: relative;
            z-index: 10;
            width: min(100%, 1320px);
            margin: 0 auto;
            padding: 0 1rem;
        }

        .digital-services-hero-grid {
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
            gap: clamp(1.2rem, 3vw, 3rem);
            align-items: center;
        }

        .digital-services-hero-copy {
            max-width: 40rem;
            padding: 2rem 0.25rem;
        }

        .digital-services-eyebrow {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 0.45rem 0.95rem;
            border-radius: 999px;
            background: rgba(93, 133, 255, 0.09);
            color: #5c67ff;
            font-size: 11px;
            font-weight: 800;
            letter-spacing: 0.2em;
            text-transform: uppercase;
            margin-bottom: 1rem;
        }


        .digital-services-title {
            margin: 0;
            color: #1f2430;
            font-size: clamp(3.1rem, 6vw, 5.5rem);
            line-height: 1.2;
            font-weight: 900;
            max-width:20ch;
        }

        .digital-services-copy {
            margin: 0.95rem 0 0;
            color: #687089;
            font-size: 0.98rem;
            line-height: 1.72;
            max-width: 38rem;
        }

        .digital-services-hero-actions {
            margin-top: 1.4rem;
            display: flex;
            flex-wrap: wrap;
            gap: 0.8rem;
        }

        .digital-services-button-secondary {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.55rem;
            padding: 0.92rem 1.35rem;
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.9);
            border: 1px solid rgba(229, 231, 235, 0.95);
            color: #111827;
            font-size: 0.94rem;
            font-weight: 800;
            box-shadow: 0 14px 28px rgba(15, 23, 42, 0.06);
            transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
        }

        .digital-services-button-secondary:hover {
            transform: translateY(-2px);
            box-shadow: 0 20px 34px rgba(15, 23, 42, 0.08);
            background: rgba(255, 255, 255, 0.98);
        }

        .digital-services-hero-chips {
            margin-top: 1.35rem;
            display: flex;
            flex-wrap: wrap;
            gap: 0.65rem;
        }

        .digital-services-chip {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            padding: 0.75rem 0.95rem;
            border-radius: 18px;
            background: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(16px);
            box-shadow: 0 18px 34px rgba(14, 18, 28, 0.08);
            color: #111827;
            font-size: 0.88rem;
            font-weight: 800;
            line-height: 1.2;
        }

        .digital-services-chip i {
            width: 17px;
            height: 17px;
            color: #5c67ff;
            flex: 0 0 17px;
        }

        .digital-services-visual {
            position: relative;
            min-height: 680px;
            display: grid;
            place-items: center;
        }

        .digital-services-visual-slider {
            position: absolute;
            inset: 0;
        }

        .digital-services-visual-slide {
            position: absolute;
            inset: 0;
            display: grid;
            place-items: center;
            opacity: 0;
            transform: scale(0.985);
            transition: opacity 0.75s ease, transform 0.75s ease;
            pointer-events: none;
        }

        .digital-services-visual-slide.is-active {
            opacity: 1;
            transform: scale(1);
            pointer-events: auto;
        }

        .digital-services-visual-orb {
            position: absolute;
            border-radius: 999px;
            filter: blur(8px);
            opacity: 0.9;
            pointer-events: none;
        }

        .digital-services-visual-orb.orb-one {
            width: 220px;
            height: 220px;
            top: 6%;
            right: 9%;
            background: radial-gradient(circle, rgba(107, 92, 255, 0.2) 0%, rgba(107, 92, 255, 0.02) 72%);
        }

        .digital-services-visual-orb.orb-two {
            width: 240px;
            height: 240px;
            left: 6%;
            bottom: 12%;
            background: radial-gradient(circle, rgba(93, 133, 255, 0.18) 0%, rgba(93, 133, 255, 0.02) 72%);
        }

        .digital-services-collage {
            position: relative;
            width: min(100%, 620px);
            min-height: 640px;
        }

        .digital-services-collage-single .digital-services-collage-main {
            inset: 26px 22px 24px 22px;
        }

        .digital-services-collage-badge {
            position: absolute;
            display: inline-flex;
            align-items: center;
            gap: 0.45rem;
            padding: 0.7rem 0.9rem;
            border-radius: 18px;
            background: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(16px);
            box-shadow: 0 18px 34px rgba(14, 18, 28, 0.08);
            color: #111827;
            font-size: 0.85rem;
            font-weight: 800;
            z-index: 5;
        }

        .digital-services-collage-badge i {
            width: 16px;
            height: 16px;
            color: #5c67ff;
        }

        .digital-services-collage-badge.badge-one {
            top: 11%;
            left: 18%;
        }

        .digital-services-collage-badge.badge-two {
            bottom: 17%;
            right: -2%;
        }

        .digital-services-collage-card {
            position: absolute;
            border-radius: 28px;
            background: transparent;
            backdrop-filter: none;
            box-shadow: none;
            overflow: hidden;
            border: 0;
        }

        .digital-services-collage-card img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: contain;
            background: transparent;
        }

        .digital-services-collage-main {
        inset: 38px -27% 24px 7%;
            z-index: 3;
        }

        .digital-services-collage-top {
           width: 54%;
            top: 1%;
            right: -22%;
            aspect-ratio: 1 / 1;
            z-index: 4;
            border-radius: 50%;
            overflow: hidden;
        }

        .digital-services-collage-side {
           width: 50%;
    left: -2%;
    bottom: 5%;
            aspect-ratio: 1 / 1;
            z-index: 2;
            overflow: hidden;
        }

      

        .digital-services-collage-bottom {
    width: 55%;
    left: 11%;
    bottom: 11%;
            aspect-ratio: 1 / 1;
            z-index: 1;
            overflow: hidden;
        }

        .digital-services-section {
            padding: 0 1.5rem;
        }

        .digital-services-section-block {
            border-radius: 32px;
            background: linear-gradient(180deg, #fbfbfc 0%, #f3f4f8 100%);
            box-shadow: 0 24px 60px rgba(19, 22, 34, 0.06);
            overflow: hidden;
        }

        .digital-services-intro {
            text-align: center;
            padding: clamp(1.8rem, 3vw, 2.4rem) clamp(1rem, 2.8vw, 2rem);
        }

        .section-title {
            margin: 0;
            color: #1f2430;
            font-size: clamp(2.05rem, 4vw, 3.5rem);
            line-height: 0.94;
            font-weight: 900;
        }

        .section-copy {
            margin: 0.85rem auto 0;
            color: #687089;
            font-size: 0.98rem;
            line-height: 1.7;
            max-width: 40rem;
        }

        .digital-services-feature-grid,
        .digital-services-step-grid,
        .digital-services-benefit-grid {
            display: grid;
            gap: 1rem;
        }

        .digital-services-feature-grid,
        .digital-services-benefit-grid {
            margin: 1.5rem 0;
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }

        .digital-services-step-grid {
            margin-top: 1.5rem;
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .digital-services-feature-card,
        .digital-services-benefit-card,
        .digital-services-step-card,
        .digital-services-trust-card,
        .digital-services-diff-card {
            border-radius: 24px;
            background: rgba(255, 255, 255, 0.96);
        }

        .digital-services-feature-card,
        .digital-services-benefit-card {
            min-height: 180px;
            padding: 1rem;
        }

        .digital-services-benefit-visual {
            width: 100%;
            height: 140px;
            border-radius: 18px;
            background:
                radial-gradient(circle at 20% 18%, rgba(107, 92, 255, 0.1) 0, rgba(107, 92, 255, 0) 42%),
                linear-gradient(180deg, #fbfbfd 0%, #eef1f7 100%);
            border: 1px solid rgba(226, 232, 240, 0.9);
        }

        .digital-services-benefit-visual img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            display: block;
            padding: 0.65rem;
            filter: drop-shadow(0 16px 22px rgba(15, 23, 42, 0.12));
        }

        .digital-services-step-card {
            padding: 1rem;
            min-height: 100%;
            overflow: hidden;
        }

        .digital-services-card-head {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 0.7rem;
        }

        .digital-services-card-icon {
            width: 90px;
            height: 100px;
            border-radius: 18px;
            display: grid;
            place-items: center;
            overflow: hidden;
        }

        .digital-services-card-icon img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            display: block;
        }

        .digital-services-card-icon i {
            width: 20px;
            height: 20px;
            color: #5c67ff;
        }

        .digital-services-card-title {
            margin: 0;
            color: #171c26;
            font-size: 1.2rem;
            font-weight: 900;
            line-height: 1.25;
            text-align: center;
        }

        .digital-services-card-copy {
            margin: 0.55rem 0 0;
            color: #677085;
            font-size: 1rem;
            line-height: 1.65;
            text-align: center;
        }

        .digital-services-step-number {
            width: 40px;
            height: 40px;
            border-radius: 999px;
            display: grid;
            place-items: center;
            margin-bottom: 0.9rem;
            background: linear-gradient(135deg, #6b5cff 0%, #5d85ff 55%, #8f2fff 100%);
            color: #fff;
            font-size: 0.8rem;
            font-weight: 900;
            box-shadow: 0 10px 20px rgba(98, 102, 255, 0.22);
        }

        .digital-services-step-thumb {
            margin-top: 1rem;
            min-height: 132px;
            border-radius: 18px;
            background:
                radial-gradient(circle at 30% 30%, rgba(107, 92, 255, 0.11) 0, rgba(107, 92, 255, 0) 45%),
                radial-gradient(circle at 70% 60%, rgba(93, 133, 255, 0.13) 0, rgba(93, 133, 255, 0) 48%),
                linear-gradient(180deg, #f9fafc 0%, #eef1f7 100%);
            border: 1px solid rgba(226, 232, 240, 0.9);
            display: grid;
            place-items: center;
            overflow: hidden;
        }

        .digital-services-step-thumb img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        .digital-services-trust-grid {
            margin-top: 1.5rem;
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
            gap: 1rem;
            align-items: stretch;
        }

        .digital-services-copy-panel {
            border-radius: 28px;
            background: rgba(255, 255, 255, 0.92);
            border: 1px solid rgba(226, 232, 240, 0.9);
            box-shadow: 0 20px 44px rgba(15, 23, 42, 0.07);
            padding: 1.3rem;
        }

        .digital-services-copy-panel ul {
            margin: 1rem 0 0;
            padding: 0;
            list-style: none;
            display: grid;
            gap: 0.85rem;
        }

        .digital-services-copy-panel li {
            display: flex;
            align-items: flex-start;
            gap: 0.75rem;
            color: #677085;
            font-size: 0.95rem;
            line-height: 1.7;
        }

        .digital-services-copy-panel li i {
            color: #5c67ff;
            width: 16px;
            height: 16px;
            margin-top: 0.2rem;
            flex: 0 0 auto;
        }

        .digital-services-trust-visual {
            position: relative;
            min-height: 320px;
            border-radius: 28px;
            background:
                radial-gradient(circle at 18% 18%, rgba(107, 92, 255, 0.12) 0, rgba(107, 92, 255, 0) 35%),
                radial-gradient(circle at 82% 20%, rgba(93, 133, 255, 0.12) 0, rgba(93, 133, 255, 0) 35%),
                linear-gradient(180deg, #fbfbfd 0%, #eef1f7 100%);
            border: 1px solid rgba(226, 232, 240, 0.9);
            overflow: hidden;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
        }

        .digital-services-trust-slider {
            position: absolute;
            inset: 0;
        }

        .digital-services-trust-slide {
            position: absolute;
            inset: 0;
            display: grid;
            place-items: center;
            padding: 1rem 1.1rem 2.5rem;
            opacity: 0;
            transform: scale(0.985);
            transition: opacity 0.65s ease, transform 0.65s ease;
            pointer-events: none;
        }

        .digital-services-trust-slide.is-active {
            opacity: 1;
            transform: scale(1);
            pointer-events: auto;
        }

        .digital-services-trust-slide img {
            width: 100%;
            height: 100%;
            max-width: 460px;
            max-height: 475px;
            object-fit: contain;
            filter: drop-shadow(0 18px 28px rgba(15, 23, 42, 0.14));
        }

        .digital-services-trust-indicators {
            position: absolute;
            left: 50%;
            bottom: 1rem;
            transform: translateX(-50%);
            display: flex;
            gap: 0.45rem;
            z-index: 3;
        }

        .digital-services-trust-indicators button {
            width: 10px;
            height: 10px;
            border: 0;
            border-radius: 999px;
            background: rgba(103, 112, 133, 0.28);
            padding: 0;
            cursor: pointer;
            transition: width 0.25s ease, background 0.25s ease, transform 0.25s ease;
        }

        .digital-services-trust-indicators button[aria-current="true"] {
            width: 24px;
            background: linear-gradient(90deg, #6b5cff, #5d85ff);
        }

        .digital-services-trust-indicators button:hover {
            transform: translateY(-1px);
        }

        .digital-services-diff-grid {
            margin-top: 1.25rem;
            display: grid;
            grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
            gap: 1rem;
            align-items: stretch;
        }

        .digital-services-diff-panel {
            border-radius: 28px;
            background: rgba(255, 255, 255, 0.92);
            border: 1px solid rgba(226, 232, 240, 0.9);
            box-shadow: 0 20px 44px rgba(15, 23, 42, 0.07);
            padding: 1rem;
        }

        .digital-services-diff-list {
            margin-top: 0.8rem;
            display: grid;
            gap: 0.75rem;
        }

        .digital-services-diff-item {
            display: flex;
            align-items: flex-start;
            gap: 0.9rem;
            padding: 0.8rem 0.9rem;
            border-radius: 18px;
            background: rgba(247, 248, 251, 0.88);
            border: 1px solid rgba(229, 231, 235, 0.9);
        }

        .digital-services-diff-marker {
            width: 34px;
            height: 34px;
            border-radius: 12px;
            display: grid;
            place-items: center;
            flex: 0 0 auto;
            background: linear-gradient(135deg, rgba(107, 92, 255, 0.15), rgba(93, 133, 255, 0.12));
            color: #5c67ff;
        }

        .digital-services-diff-marker i {
            width: 16px;
            height: 16px;
        }

        .digital-services-diff-item h3 {
            margin: 0;
            color: #171c26;
            font-size: 0.98rem;
            font-weight: 900;
        }

        .digital-services-diff-item p {
            margin: 0.25rem 0 0;
            color: #677085;
            font-size: 0.92rem;
            line-height: 1.6;
        }

        .digital-services-diff-visual {
            position: relative;
            min-height: 240px;
            border-radius: 28px;
            background:
                radial-gradient(circle at 20% 18%, rgba(107, 92, 255, 0.12) 0, rgba(107, 92, 255, 0) 35%),
                radial-gradient(circle at 80% 20%, rgba(93, 133, 255, 0.12) 0, rgba(93, 133, 255, 0) 35%),
                linear-gradient(180deg, #fbfbfd 0%, #eef1f7 100%);
            border: 1px solid rgba(226, 232, 240, 0.9);
            overflow: hidden;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
        }

        .digital-services-diff-visual img {
            width: 100%;
            height: 100%;
            display: block;
            object-fit: contain;
            padding: 0.75rem;
            filter: drop-shadow(0 18px 28px rgba(15, 23, 42, 0.14));
        }

        @media (max-width: 1180px) {
            .digital-services-feature-grid,
            .digital-services-benefit-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .digital-services-step-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .digital-services-trust-grid,
            .digital-services-diff-grid {
                grid-template-columns: 1fr;
            }
        }

        @media (max-width: 900px) {
            .digital-services-hero-grid {
                grid-template-columns: 1fr;
            }

            .digital-services-hero-copy {
                max-width: none;
                padding-bottom: 0;
            }

            .digital-services-visual {
                min-height: 560px;
            }

            .digital-services-collage {
                width: min(100%, 540px);
                min-height: 520px;
            }

            .digital-services-collage-main {
                inset: 30px 13% 24px 27%;
            }

            .digital-services-collage-top {
                width: 184px;
                height: 252px;
            }

            .digital-services-collage-side {
                width: 170px;
                height: 252px;
            }

            .digital-services-collage-bottom {
                width: 150px;
                height: 220px;
                left: 10%;
                bottom: 12px;
            }
        }

        @media (max-width: 768px) {
            .digital-services-page .section-shell {
                padding: 0 1rem;
            }

            .digital-services-section-block {
                padding: 1.4rem 0;
            }

            .digital-services-hero-shell {
                min-height: auto;
            }

            .digital-services-hero-copy {
                padding-top: 1.2rem;
            }

            .digital-services-title {
                font-size: clamp(2.7rem, 12vw, 4rem);
                max-width: 10ch;
            }

            .digital-services-copy {
                font-size: 0.96rem;
            }

            .digital-services-hero-actions {
                flex-direction: column;
            }

            .digital-services-hero-actions a {
                width: 100%;
            }

            .digital-services-feature-grid,
            .digital-services-step-grid,
            .digital-services-benefit-grid {
                grid-template-columns: 1fr;
            }

            .digital-services-visual {
                min-height: 470px;
            }

            .digital-services-collage {
                width: min(100%, 100%);
                min-height: 430px;
            }

            .digital-services-collage-badge {
                font-size: 0.8rem;
                padding: 0.7rem 0.85rem;
            }

            .digital-services-collage-badge.badge-one {
                top: 8%;
                left: 0;
            }

            .digital-services-collage-badge.badge-two {
                right: 0;
                top: 62%;
            }

            .digital-services-collage-main {
                inset: 22px 12% 18px 22%;
            }

            
               .digital-services-collage-top {
        width: 229px;
        height: 203px;
        left: 50%;
        top: -1%;
    }

           .digital-services-collage-side
 {
        width: 138px;
        height: 205px;
        left: 6%;
        top: -6%;
    }

                .digital-services-collage-bottom {
        width: 183px;
        height: 198px;
        left: 1%;
        bottom: -3%;
    }
        }

        @media (max-width: 520px) {
            .digital-services-visual {
                min-height: 390px;
            }

            .digital-services-collage {
                min-height: 370px;
            }

            .digital-services-collage-main {
                inset: 20px 10% 18px 18%;
            }

            
               .digital-services-collage-top {
        width: 229px;
        height: 203px;
        left: 50%;
        top: -1%;
    }

           .digital-services-collage-side
 {
        width: 138px;
        height: 205px;
        left: 6%;
        top: -6%;
    }

                .digital-services-collage-bottom {
        width: 183px;
        height: 198px;
        left: 1%;
        bottom: -3%;
    }

            .digital-services-collage-badge {
                display: none;
            }
                        .digital-services-copy-panel{order:2}

            .digital-services-copy-panel,
            .digital-services-diff-panel {
                padding: 1rem;

            }
        }
    

        body.policy-page::before {
            content: "";
            position: fixed;
            inset: 0;
            pointer-events: none;
            background:
                radial-gradient(circle at 18% 14%, rgba(255, 79, 216, 0.12) 0, rgba(255, 79, 216, 0) 30%),
                radial-gradient(circle at 82% 12%, rgba(93, 133, 255, 0.11) 0, rgba(93, 133, 255, 0) 28%),
                radial-gradient(circle at 50% 92%, rgba(143, 47, 255, 0.07) 0, rgba(143, 47, 255, 0) 34%);
            z-index: 0;
        }

        .policy-page .page-shell,
        .policy-page header,
        .policy-page main {
            position: relative;
            z-index: 1;
        }

        .policy-hero-shell {
            position: relative;
            overflow: hidden;
            padding: 4%;
        }

        .policy-hero-shell::before {
            content: "";
            position: absolute;
            inset: 0;
            width: 100vw;
            left: 50%;
            transform: translateX(-50%);
            background:
                radial-gradient(circle at 18% 18%, rgba(255, 79, 216, 0.14) 0, rgba(255, 79, 216, 0) 28%),
                radial-gradient(circle at 82% 16%, rgba(93, 133, 255, 0.12) 0, rgba(93, 133, 255, 0) 26%),
                linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.72) 100%);
            pointer-events: none;
            z-index: 0;
        }

        .policy-panel {
            border-radius: 32px;
            background: linear-gradient(180deg, #fbfbfc 0%, #f3f4f8 100%);
            box-shadow: 0 24px 60px rgba(19, 22, 34, 0.06);
            overflow: hidden;
            padding: 3% 12%;
        }

        .policy-section + .policy-section {
            margin-top: 2rem;
            padding-top: 2rem;
            border-top: 1px solid rgba(148, 163, 184, 0.18);
        }

        .policy-section h2 {
            margin: 0;
            color: #1f2430;
            font-size: clamp(1.25rem, 2vw, 1.7rem);
            line-height: 1.05;
            letter-spacing: -0.065em;
            font-weight: 900;
        }

        .policy-section p {
            margin: 0.8rem 0 0;
            color: #687089;
            font-size: 0.98rem;
            line-height: 1.75;
        }

        .policy-list {
            margin-top: 1rem;
            display: grid;
            gap: 0.7rem;
        }

        .policy-list li {
            display: flex;
            gap: 0.7rem;
            align-items: flex-start;
            color: #4f5766;
            font-size: 0.95rem;
            line-height: 1.65;
        }

        .policy-list li span {
            width: 9px;
            height: 9px;
            margin-top: 0.5rem;
            border-radius: 999px;
            flex: 0 0 9px;
            background: linear-gradient(135deg, #ff4fd8 0%, #8f2fff 52%, #3d09c6 100%);
            box-shadow: 0 8px 14px rgba(124, 39, 255, 0.16);
        }


        .payments-page,
        .payments-page * {
            font-family: inherit;
        }

        .payments-page {
            font-variant-numeric: lining-nums tabular-nums;
        }

        body.payments-page::before {
            content: "";
            position: fixed;
            inset: 0;
            pointer-events: none;
            background:
                radial-gradient(circle at 16% 14%, rgba(255, 79, 216, 0.12) 0, rgba(255, 79, 216, 0) 30%),
                radial-gradient(circle at 84% 12%, rgba(93, 133, 255, 0.11) 0, rgba(93, 133, 255, 0) 28%),
                radial-gradient(circle at 50% 92%, rgba(143, 47, 255, 0.07) 0, rgba(143, 47, 255, 0) 34%);
            z-index: 0;
        }

        .payments-page .page-shell,
        .payments-page header,
        .payments-page main {
            position: relative;
            z-index: 1;
        }

        .payments-page .section-shell {
            padding: 0 1.5rem;
        }

        .payments-page .soft-panel {
            border-radius: 32px;
            background: linear-gradient(180deg, #fbfbfc 0%, #f3f4f8 100%);
            box-shadow: 0 24px 60px rgba(19, 22, 34, 0.06);
            overflow: hidden;
        }

        .payments-hero-shell {
            position: relative;
            min-height: 620px;
            overflow: hidden;
            padding-bottom: 0;
        }

        .payments-hero-shell::before {
            content: "";
            position: absolute;
            inset: 0;
            width: 100vw;
            left: 50%;
            transform: translateX(-50%);
            background:
                radial-gradient(circle at 18% 16%, rgba(255, 79, 216, 0.14) 0, rgba(255, 79, 216, 0) 28%),
                radial-gradient(circle at 81% 16%, rgba(93, 133, 255, 0.12) 0, rgba(93, 133, 255, 0) 26%),
                linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.72) 100%);
            pointer-events: none;
            z-index: 0;
        }

        .payments-hero-stage {
            position: relative;
            z-index: 10;
            width: min(100%, 1320px);
            margin: 0 auto;
            padding: 0 1rem;
        }

        .payments-hero-grid {
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
            gap: clamp(1.2rem, 3vw, 3rem);
            align-items: center;
        }

        .payments-hero-copy {
            max-width: 40rem;
            padding: 2rem 0.25rem;
        }

        .payments-eyebrow {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 0.45rem 0.95rem;
            border-radius: 999px;
            background: rgba(255, 79, 216, 0.08);
            color: #b02ce6;
            font-size: 11px;
            font-weight: 800;
            text-transform: uppercase;
            margin-bottom: 1rem;
        }

        .payments-title {
            margin: 0;
            color: #1f2430;
            font-size: clamp(3.1rem, 6vw, 5.6rem);
            line-height: 0.92;
            font-weight: 900;
            max-width: 19.5ch;
        }

        .payments-copy {
            margin: 0.95rem 0 0;
            color: #687089;
            font-size: 0.98rem;
            line-height: 1.72;
            max-width: 38rem;
        }

        .payments-hero-actions {
            margin-top: 1.4rem;
            display: flex;
            flex-wrap: wrap;
            gap: 0.8rem;
        }

        .payments-button-secondary {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.55rem;
            padding: 0.92rem 1.35rem;
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.88);
            border: 1px solid rgba(229, 231, 235, 0.95);
            color: #111827;
            font-size: 0.94rem;
            font-weight: 800;
            box-shadow: 0 14px 28px rgba(15, 23, 42, 0.06);
            transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
        }

        .payments-button-secondary:hover {
            transform: translateY(-2px);
            box-shadow: 0 20px 34px rgba(15, 23, 42, 0.08);
            background: rgba(255, 255, 255, 0.98);
        }

        .payments-hero-chips {
            margin-top: 1.35rem;
            display: flex;
            flex-wrap: wrap;
            gap: 0.65rem;
        }

        .payments-chip {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            padding: 0.75rem 0.95rem;
            border-radius: 18px;
            background: rgba(255, 255, 255, 0.88);
            backdrop-filter: blur(16px);
            box-shadow: 0 18px 34px rgba(14, 18, 28, 0.08);
            color: #111827;
            font-size: 0.88rem;
            font-weight: 800;
            line-height: 1.2;
        }

        .payments-chip i {
            width: 17px;
            height: 17px;
            color: #8f2fff;
            flex: 0 0 17px;
        }

        .payments-visual {
            position: relative;
            min-height: 680px;
            display: grid;
            place-items: center;
        }

        .payments-visual-orb {
            position: absolute;
            border-radius: 999px;
            filter: blur(8px);
            opacity: 0.9;
            pointer-events: none;
        }

        .payments-visual-orb.orb-one {
            width: 220px;
            height: 220px;
            top: 6%;
            right: 9%;
            background: radial-gradient(circle, rgba(255, 79, 216, 0.22) 0%, rgba(255, 79, 216, 0.02) 72%);
        }

        .payments-visual-orb.orb-two {
            width: 240px;
            height: 240px;
            left: 6%;
            bottom: 12%;
            background: radial-gradient(circle, rgba(93, 133, 255, 0.2) 0%, rgba(93, 133, 255, 0.02) 72%);
        }

        .payments-collage {
            position: relative;
            width: min(100%, 620px);
            min-height: 640px;
        }

        .payments-collage-badge {
            position: absolute;
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            padding: 0.8rem 1rem;
            border-radius: 18px;
            background: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(16px);
            box-shadow: 0 20px 38px rgba(14, 18, 28, 0.09);
            color: #1f2430;
            font-size: 0.88rem;
            font-weight: 800;
            z-index: 5;
        }

        .payments-collage-badge i {
            width: 16px;
            height: 16px;
            color: #8f2fff;
        }

        .payments-collage-badge.badge-one {
            top: 50%;
            left: 18%;
        }

        .payments-collage-badge.badge-two {
            bottom: 17%;
            right: -2%;
        }

        .payments-collage-card {
            position: absolute;
            border-radius: 28px;
            overflow: hidden;
        }

        .payments-collage-card img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .payments-collage-main {
            inset: 26px 18% 24px 36%;
            z-index: 3;
        }

       .payments-collage-top {
            width: 350px;
            height: 450px;
            top: 1%;
            left: 3%;
            z-index: 2;
        }

        .payments-collage-side {
        width: 350px;
        height: 450px;
        top: 12%;
        right: -15%;
        z-index: 2;
      }

        .payments-collage-bottom {
            width: 258px;
            height: 257px;
            left: 11%;
            bottom: 22px;
            z-index: 3;
        }

        .payments-section {
            padding: 0 0 1rem;
        }

        .payments-section-block {
            position: relative;
            z-index: 1;
            padding: 2rem 0;
        }

        .payments-section-heading {
            max-width: 56rem;
            margin: 0 auto;
            text-align: center;
        }

        .payments-section-heading.left {
            text-align: left;
            margin: 0;
        }

        .payments-section-title {
            margin: 0.2rem auto 0;
            color: #1f2430;
            font-size: clamp(2.1rem, 4vw, 3.75rem);
            line-height: 0.98;
            font-weight: 900;
            max-width: 25ch;
        }

        .payments-section-title.left {
            margin-left: 0;
            margin-right: 0;
        }

        .payments-section-copy {
            margin: 1rem auto 0;
            color: #687089;
            font-size: 0.98rem;
            line-height: 1.75;
            max-width: 48rem;
        }

        .payments-section-copy.left {
            margin-left: 0;
            margin-right: 0;
        }

        .payments-feature-grid,
        .payments-feature-grids,
        .payments-trust-grid {
            display: grid;
            gap: 1rem;
        }

        .payments-feature-grids {
            margin-top: 1.8rem;
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .payments-trust-grid {
            margin-top: 1.8rem;
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }

        .payments-feature-card,
        .payments-trust-card {
            position: relative;
            border-radius: 24px;
            background:
                radial-gradient(circle at 30% 30%, rgba(255, 79, 216, 0.12) 0, rgba(255, 79, 216, 0) 45%),
                radial-gradient(circle at 72% 18%, rgba(93, 133, 255, 0.12) 0, rgba(93, 133, 255, 0) 42%),
                linear-gradient(180deg, #fbfcff 0%, #eef1f7 100%);
            backdrop-filter: blur(14px);
            border: 1px solid rgba(226, 232, 240, 0.85);
            box-shadow: 0 16px 40px rgba(15, 23, 42, 0.06);
            padding: 1.25rem;
            transition: transform 0.25s ease, box-shadow 0.25s ease;
        }

        .payments-feature-card {
            padding-top: 1.25rem;
        }

        .payments-feature-card:hover,
        .payments-trust-card:hover {
            transform: translateY(-3px);
            box-shadow: 0 22px 46px rgba(15, 23, 42, 0.08);
        }

        .payments-card-head {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 0.85rem;
        }

        .payments-card-icon {
            flex: 0 0 auto;
            width: 120px;
            height: 120px;
            border-radius: 0;
            background: transparent;
            box-shadow: none;
            display: grid;
            place-items: center;
            overflow: visible;
        }

        .payments-card-icon i {
            width: 20px;
            height: 20px;
            display: block;
        }

        .payments-card-icon img {
            width: 120px;
            height: 120px;
            display: block;
            object-fit: contain;
            filter: drop-shadow(0 10px 18px rgba(15, 23, 42, 0.12));
        }

        .payments-card-title {
            margin: 0;
            color: #171c26;
            font-size: 1.03rem;
            font-weight: 900;
            line-height: 1.25;
        }

        .payments-card-copy {
            margin: 0.7rem 0 0;
            color: #677085;
            font-size: 0.94rem;
            line-height: 1.7;
        }

        .payments-section-subgrid {
            display: grid;
            grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
            gap: 1rem;
            align-items: stretch;
        }

        .payments-copy-panel,
        .payments-security-panel {
            border-radius: 28px;
            background:
                radial-gradient(circle at 18% 16%, rgba(255, 79, 216, 0.09) 0, rgba(255, 79, 216, 0) 36%),
                radial-gradient(circle at 84% 18%, rgba(93, 133, 255, 0.11) 0, rgba(93, 133, 255, 0) 34%),
                linear-gradient(180deg, #fbfbfc 0%, #eef1f7 100%);
            border: 1px solid rgba(226, 232, 240, 0.9);
            box-shadow: 0 20px 44px rgba(15, 23, 42, 0.07);
            padding: 1.3rem;
        }

        .payments-security-panel.centered {
            text-align: center;
        }

        .payments-copy-panel ul,
        .payments-security-panel ul {
            margin: 1rem 0 0;
            padding: 0;
            list-style: none;
            display: grid;
            gap: 0.85rem;
        }

        .payments-copy-panel li,
        .payments-security-panel li {
            display: flex;
            align-items: flex-start;
            gap: 0.75rem;
            color: #677085;
            font-size: 0.95rem;
            line-height: 1.7;
        }

        .payments-copy-panel li i,
        .payments-security-panel li i {
            color: #8f2fff;
            width: 16px;
            height: 16px;
            margin-top: 0.2rem;
            flex: 0 0 auto;
        }

        .payments-diff-visual {
            position: relative;
            min-height: 240px;
            border-radius: 28px;
            background:
                radial-gradient(circle at 20% 18%, rgba(255, 79, 216, 0.12) 0, rgba(255, 79, 216, 0) 35%),
                radial-gradient(circle at 80% 20%, rgba(93, 133, 255, 0.12) 0, rgba(93, 133, 255, 0) 35%),
                linear-gradient(180deg, #fbfbfd 0%, #eef1f7 100%);
            border: 1px solid rgba(226, 232, 240, 0.9);
            overflow: hidden;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
        }

        .payments-diff-visual img {
            width: 100%;
            height: 100%;
            display: block;
            object-fit: contain;
            padding: 0.75rem;
            filter: drop-shadow(0 18px 28px rgba(15, 23, 42, 0.14));
        }

        .payments-badge-row {
            margin-top: 1.5rem;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }

        .payments-badge {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            padding: 0.78rem 1rem;
            border-radius: 999px;
           
            color: #171c26;
            font-size: 0.88rem;
            font-weight: 800;
        }

        .payments-badge i {
            width: 16px;
            height: 16px;
            color: #8f2fff;
        }

        .payments-badge img {
            width: 66px;
            height: 86px;
            display: block;
            object-fit: contain;
            flex: 0 0 16px;
        }

        @media (max-width: 1180px) {
            .payments-feature-grid,
            .payments-feature-grids,
            .payments-trust-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .payments-section-subgrid {
                grid-template-columns: 1fr;
            }
        }

        @media (max-width: 900px) {
            .payments-hero-grid {
                grid-template-columns: 1fr;
            }

            .payments-hero-copy {
                max-width: none;
                padding-bottom: 0;
            }

            .payments-visual {
                min-height: 560px;
            }

            .payments-collage {
                width: min(100%, 540px);
                min-height: 520px;
            }

            .payments-collage-main {
                inset: 30px 13% 24px 29%;
            }

            .payments-collage-top {
                width: 184px;
                height: 252px;
            }

            .payments-collage-side {
                width: 170px;
                height: 252px;
            }

            .payments-collage-bottom {
                width: 160px;
                height: 226px;
            }
        }

        @media (max-width: 768px) {
            .payments-page .section-shell {
                padding: 0 1rem;
            }

            .payments-section-block {
                padding: 1.4rem 0;
            }

            .payments-hero-shell {
                min-height: auto;
            }

            .payments-hero-copy {
                padding-top: 1.2rem;
            }

            .payments-title {
                font-size: clamp(2.7rem, 12vw, 4rem);
                max-width: 10ch;
            }

            .payments-copy {
                font-size: 0.96rem;
            }

            .payments-hero-actions {
                flex-direction: column;
            }

            .payments-hero-actions a {
                width: 100%;
            }

            .payments-feature-grid,
            .payments-feature-grids,
            .payments-trust-grid {
                grid-template-columns: 1fr;
            }

            .payments-card-icon {
                width: 72px;
                height: 92px;
            }
            .payments-card-copy,.payments-type-meta{
              margin-top: 0rem;
            }
            .payments-badge-row {
                gap: 0.6rem;
            }
            .payments-card-title{
              margin-top: 1rem;
            }
            .transfers-hero-actions{
              flex-direction: column;
            }
        }
  

        body.terms-page::before {
            content: "";
            position: fixed;
            inset: 0;
            pointer-events: none;
            background:
                radial-gradient(circle at 18% 14%, rgba(255, 79, 216, 0.12) 0, rgba(255, 79, 216, 0) 30%),
                radial-gradient(circle at 82% 12%, rgba(93, 133, 255, 0.11) 0, rgba(93, 133, 255, 0) 28%),
                radial-gradient(circle at 50% 92%, rgba(143, 47, 255, 0.07) 0, rgba(143, 47, 255, 0) 34%);
            z-index: 0;
        }

        .terms-page .page-shell,
        .terms-page header,
        .terms-page main {
            position: relative;
            z-index: 1;
        }

        .terms-hero-shell {
            position: relative;
            overflow: hidden;
            padding: 3%;
        }

        .terms-hero-shell::before {
            content: "";
            position: absolute;
            inset: 0;
            width: 100vw;
            left: 50%;
            transform: translateX(-50%);
            background:
                radial-gradient(circle at 18% 18%, rgba(255, 79, 216, 0.14) 0, rgba(255, 79, 216, 0) 28%),
                radial-gradient(circle at 82% 16%, rgba(93, 133, 255, 0.12) 0, rgba(93, 133, 255, 0) 26%),
                linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.72) 100%);
            pointer-events: none;
            z-index: 0;
        }

        .terms-panel {
            border-radius: 32px;
            background: linear-gradient(180deg, #fbfbfc 0%, #f3f4f8 100%);
            box-shadow: 0 24px 60px rgba(19, 22, 34, 0.06);
            overflow: hidden;
            padding: 3% 12%;
        }

        .terms-section + .terms-section {
            margin-top: 2rem;
            padding-top: 2rem;
            border-top: 1px solid rgba(148, 163, 184, 0.18);
        }

        .terms-section h2 {
            margin: 0;
            color: #1f2430;
            font-size: clamp(1.25rem, 2vw, 1.7rem);
            line-height: 1.05;
            letter-spacing: -0.065em;
            font-weight: 900;
        }

        .terms-section p {
            margin: 0.8rem 0 0;
            color: #687089;
            font-size: 0.98rem;
            line-height: 1.75;
        }

        .terms-list {
            margin-top: 1rem;
            display: grid;
            gap: 0.7rem;
        }

        .terms-list li {
            display: flex;
            gap: 0.7rem;
            align-items: flex-start;
            color: #4f5766;
            font-size: 0.95rem;
            line-height: 1.65;
        }

        .terms-list li span {
            width: 9px;
            height: 9px;
            margin-top: 0.5rem;
            border-radius: 999px;
            flex: 0 0 9px;
            background: linear-gradient(135deg, #ff4fd8 0%, #8f2fff 52%, #3d09c6 100%);
            box-shadow: 0 8px 14px rgba(124, 39, 255, 0.16);
        }

        /* Mobile hero polish: keep the desktop feel, but stack it cleanly. */
        @media (max-width: 767px) {
            .hero-shell {
                min-height: auto;
                padding: 1rem 0 1.5rem;
            }

            .hero-shell > div.relative.z-10 {
                width: min(100%, 42rem);
                padding-left: 1rem;
                padding-right: 1rem;
                margin-inline: auto;
            }

            .hero-shell > div.max-w-7xl {
                padding-left: 0.75rem;
                padding-right: 0.75rem;
                padding-top: 0.5rem;
            }

            .hero-badge {
                font-size: 9px;
                padding: 0.45rem 0.9rem;
            }

            .hero-title {
                font-size: clamp(2rem, 10vw, 2.85rem);
                line-height: 0.96;
            }

            .hero-copy {
                max-width: 30rem;
                margin-bottom: 1.25rem;
            }

            .hero-actions {
                gap: 0.75rem;
            }

            .hero-actions > button {
                max-width: 22rem;
            }

            .phone-container {
                transform: translateY(-2px) scale(0.97);
                transform-origin: center bottom;
            }

            .phone-main {
                width: min(58vw, 220px);
            }

            .phone-secondary {
                width: min(46vw, 180px);
                margin-left: -14px;
                transform: translateY(14px) scale(0.92);
            }

            .phone-shell {
                border-width: 4px;
                border-radius: 30px;
            }

            .floating-icon {
                width: 32px;
                height: 32px;
                padding: 4px;
                opacity: 0.95;
            }

            .floating-icon img {
                width: 22px;
                height: 22px;
            }

            .section-2 {
                margin-top: -7rem !important;
            }
        }

        @media (max-width: 479px) {
            .hero-shell {
                padding-top: 0.75rem;
                padding-bottom: 1.25rem;
            }

            .hero-shell > div.relative.z-10 {
                padding-left: 0.85rem;
                padding-right: 0.85rem;
            }

            .hero-title {
                font-size: clamp(1.9rem, 11vw, 2.55rem);
            }

            .hero-copy {
                max-width: 20rem;
            }

            .hero-actions > button {
                max-width: 100%;
            }

            .phone-container {
                transform: scale(0.95);
            }

            .phone-main {
                width: min(64vw, 205px) !important;
            }

            .phone-secondary {
                width: min(44vw, 150px) !important;
                margin-left: -12px !important;
                transform: translateY(10px) scale(0.9) !important;
            }

            .section-2 {
                margin-top: -6rem !important;
            }
        }

        @media (max-width: 767px) {
            .pricing-shell .accordion-item.active {
                position: relative;
            }

            .pricing-shell .nav-button-container {
                display: flex;
                left: auto;
                right: 0;
                top: auto;
                bottom: 0;
                width: 74px;
                height: 74px;
                border-radius: 34px 0 0 0;
                background: #fff;
                z-index: 60;
                pointer-events: auto;
                touch-action: manipulation;
            }

            .pricing-shell .nav-button-container::before,
            .pricing-shell .nav-button-container::after {
                content: none;
            }

            .pricing-shell .arrow-circle {
                width: 42px;
                height: 42px;
                font-size: 1rem;
            }

            .pricing-shell .card-content {
                padding-top: 1rem;
                padding-right: 1rem;
                padding-bottom: 4.8rem;
            }
        }