:root {
      --gold: #FFB800;
      --gold-dark: #D4900A;
      --maroon: #4A0A2E;
      --maroon-dark: #320520;
      --maroon-mid: #6B1042;
      --maroon-light: #8B1A56;
      --text-light: #F5E6FF;
      --text-muted: #C9A0CC
    }

    *,
    *::before,
    *::after {
      box-sizing: border-box;
      margin: 0;
      padding: 0
    }

    html {
      scroll-behavior: smooth;
      overflow-x: hidden
    }

    body {
      font-family: "Google Sans", sans-serif;
      background: var(--maroon-dark);
      color: var(--text-light);
      overflow-x: hidden
    }

    h1,
    h2,
    h3,
    h4,
    h5 {
      font-family: "Baloo 2", sans-serif;
      font-weight: 900
    }

    img {
      max-width: 100%;
      height: auto;
      display: block
    }
    main{flex:1}

    /* NAVBAR */
    #mainNav {
      background: rgba(26, 1, 24, .94);
      backdrop-filter: blur(18px);
      -webkit-backdrop-filter: blur(18px);
      border-bottom: 1px solid rgba(255, 184, 0, .15);
      padding: 11px 0;
      transition: padding .3s;
      z-index: 1050
    }

    #mainNav.scrolled {
      padding: 6px 0
    }

    .navbar-brand img {
      height: 64px;
      border-radius: 10px;
      flex-shrink: 0
    }

    .navbar-brand span {
      font-family: "Baloo 2", sans-serif;
      font-weight: 900;
      font-size: clamp(1rem, 4vw, 1.35rem);
      color: var(--gold);
      white-space: nowrap
    }

    .nav-link {
      color: var(--text-light) !important;
      font-weight: 600;
      font-size: .88rem;
      padding: .38rem .8rem !important;
      transition: color .2s
    }

    .nav-link:hover {
      color: var(--gold) !important
    }

    .navbar-toggler {
      border-color: rgba(255, 184, 0, .4)
    }

    .navbar-toggler-icon {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255%2C184%2C0%2C.9%29' stroke-linecap='round' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
    }

    .btn-nav-dl {
      background: linear-gradient(135deg, var(--gold), var(--gold-dark));
      color: #1a0118 !important;
      font-weight: 800;
      border-radius: 24px;
      padding: .36rem 1.15rem !important;
      font-size: .84rem;
      box-shadow: 0 0 14px rgba(255, 184, 0, .35);
      transition: box-shadow .3s, transform .3s;
      white-space: nowrap
    }

    .btn-nav-dl:hover {
      box-shadow: 0 0 26px rgba(255, 184, 0, .6);
      transform: translateY(-1px)
    }

    @media(max-width:991px) {
      .navbar-collapse {
        background: rgba(26, 1, 24, .98);
        border-radius: 0 0 16px 16px;
        padding: 14px;
        margin-top: 8px
      }

      .nav-link {
        padding: .55rem .9rem !important;
        border-radius: 8px
      }

      .nav-link:hover {
        background: rgba(255, 184, 0, .08)
      }

      .btn-nav-dl {
        display: block;
        margin-top: 10px;
        text-align: center
      }
    }

    /* HERO */
    #hero {
      min-height: 100svh;
      background: radial-gradient(ellipse at 65% 40%, #6B1042 0%, #320520 50%, #1A0118 100%);
      position: relative;
      display: flex;
      align-items: center;
      overflow: hidden;
      padding-top: 76px
    }

    #hero::before {
      content: '';
      position: absolute;
      inset: 0;
      pointer-events: none;
      background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23FFB800' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zM36 4V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/svg%3E")
    }

    .hero-particles {
      position: absolute;
      inset: 0;
      overflow: hidden;
      pointer-events: none
    }

    .particle {
      position: absolute;
      background: var(--gold);
      border-radius: 50%;
      opacity: 0;
      animation: floatUp 6s infinite
    }

    @keyframes floatUp {
      0% {
        opacity: 0;
        transform: translateY(100%) scale(0)
      }

      20% {
        opacity: .6
      }

      80% {
        opacity: .3
      }

      100% {
        opacity: 0;
        transform: translateY(-200px) scale(1.5)
      }
    }

    .hero-badge {
      display: inline-block;
      background: rgba(255, 184, 0, .12);
      border: 1px solid rgba(255, 184, 0, .4);
      color: var(--gold);
      font-size: .72rem;
      font-weight: 700;
      letter-spacing: 2px;
      text-transform: uppercase;
      padding: 5px 15px;
      border-radius: 20px;
      margin-bottom: 16px
    }

    .hero-title {
      font-size: clamp(1.9rem, 6.5vw, 4.6rem);
      line-height: 1.1;
      color: #fff
    }

    .hero-title .hl {
      background: linear-gradient(135deg, var(--gold), #FF6B6B);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text
    }

    .hero-sub {
      font-size: clamp(.88rem, 2.2vw, 1.05rem);
      color: var(--text-muted);
      line-height: 1.75;
      max-width: 480px
    }

    .btn-gold {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: linear-gradient(135deg, var(--gold), var(--gold-dark));
      color: #1a0118;
      font-family: "Baloo 2", sans-serif;
      font-weight: 800;
      font-size: clamp(.84rem, 2vw, .98rem);
      padding: 12px 26px;
      border-radius: 50px;
      border: none;
      box-shadow: 0 8px 26px rgba(255, 184, 0, .4);
      transition: transform .3s, box-shadow .3s;
      text-decoration: none;
      white-space: nowrap
    }

    .btn-gold:hover {
      transform: translateY(-3px);
      box-shadow: 0 14px 38px rgba(255, 184, 0, .55);
      color: #1a0118
    }

    .btn-ghost {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: rgba(255, 255, 255, .07);
      color: #fff;
      font-family: "Baloo 2", sans-serif;
      font-weight: 700;
      font-size: clamp(.84rem, 2vw, .98rem);
      padding: 12px 26px;
      border-radius: 50px;
      border: 1px solid rgba(255, 255, 255, .2);
      backdrop-filter: blur(10px);
      transition: all .3s;
      text-decoration: none;
      white-space: nowrap
    }

    .btn-ghost:hover {
      background: rgba(255, 255, 255, .14);
      color: #fff;
      transform: translateY(-3px)
    }

    .hero-stats {
      display: flex;
      flex-wrap: wrap;
      gap: 24px 36px
    }

    .stat-num {
      font-family: "Baloo 2", sans-serif;
      font-size: clamp(1.3rem, 4vw, 1.8rem);
      font-weight: 900;
      color: var(--gold)
    }

    .stat-lbl {
      font-size: .72rem;
      color: var(--text-muted);
      text-transform: uppercase;
      letter-spacing: 1px
    }

    .phone-wrap {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 24px 0
    }

    .phone-glow {
      position: absolute;
      width: min(300px, 72vw);
      height: min(300px, 72vw);
      background: radial-gradient(circle, rgba(255, 184, 0, .22) 0%, transparent 70%);
      border-radius: 50%;
      animation: pGlow 3s ease-in-out infinite
    }

    @keyframes pGlow {

      0%,
      100% {
        transform: scale(1);
        opacity: .7
      }

      50% {
        transform: scale(1.14);
        opacity: 1
      }
    }

    .phone-mockup {
      position: relative;
      width: min(230px, 58vw);
      border-radius: 32px;
      border: 3px solid rgba(255, 184, 0, .5);
      box-shadow: 0 0 48px rgba(255, 184, 0, .18), 0 40px 80px rgba(0, 0, 0, .6);
      animation: pFloat 4s ease-in-out infinite;
      overflow: hidden;
      z-index: 2
    }

    @keyframes pFloat {

      0%,
      100% {
        transform: translateY(0) rotate(-2deg)
      }

      50% {
        transform: translateY(-15px) rotate(2deg)
      }
    }

    .float-badge {
      position: absolute;
      z-index: 3;
      background: rgba(16, 2, 16, .88);
      border: 1px solid rgba(255, 184, 0, .35);
      border-radius: 13px;
      padding: 7px 13px;
      backdrop-filter: blur(10px);
      white-space: nowrap
    }

    .scroll-hint {
      position: absolute;
      bottom: 22px;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 5px;
      color: rgba(255, 255, 255, .32);
      font-size: .7rem
    }

    .scroll-dot {
      width: 5px;
      height: 5px;
      background: var(--gold);
      border-radius: 50%;
      animation: sBounce 1.5s ease-in-out infinite
    }

    @keyframes sBounce {

      0%,
      100% {
        transform: translateY(0);
        opacity: 1
      }

      50% {
        transform: translateY(7px);
        opacity: .4
      }
    }

    /* SECTIONS */
    .sec {
      padding: clamp(55px, 9vw, 96px) 0
    }

    .sec-lbl {
      font-size: .7rem;
      font-weight: 700;
      letter-spacing: 3px;
      text-transform: uppercase;
      color: var(--gold);
      margin-bottom: 9px
    }

    .sec-title {
      font-size: clamp(1.55rem, 3.8vw, 2.65rem);
      color: #fff;
      margin-bottom: 13px
    }

    .sec-sub {
      color: var(--text-muted);
      font-size: clamp(.86rem, 2vw, .98rem);
      max-width: 510px;
      margin: 0 auto;
      line-height: 1.75
    }

    .gold-bar {
      width: 52px;
      height: 3px;
      background: linear-gradient(90deg, var(--gold), transparent);
      border-radius: 2px;
      margin: 12px 0
    }

    .gold-bar.center {
      margin: 12px auto
    }

    /* FEATURES */
    #features {
      background: linear-gradient(180deg, var(--maroon-dark) 0%, var(--maroon) 100%)
    }

    .feat-card {
      background: rgba(255, 255, 255, .04);
      border: 1px solid rgba(255, 184, 0, .12);
      border-radius: 20px;
      padding: 28px 22px;
      height: 100%;
      transition: transform .35s, border-color .35s, box-shadow .35s;
      position: relative;
      overflow: hidden
    }

    .feat-card::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 2px;
      background: linear-gradient(90deg, transparent, var(--gold), transparent);
      opacity: 0;
      transition: opacity .3s
    }

    .feat-card:hover {
      transform: translateY(-7px);
      border-color: rgba(255, 184, 0, .3);
      box-shadow: 0 20px 50px rgba(0, 0, 0, .3)
    }

    .feat-card:hover::before {
      opacity: 1
    }

    .feat-icon {
      width: 58px;
      height: 58px;
      background: linear-gradient(135deg, rgba(255, 184, 0, .17), rgba(255, 184, 0, .04));
      border: 1px solid rgba(255, 184, 0, .3);
      border-radius: 15px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.55rem;
      color: var(--gold);
      margin-bottom: 17px
    }

    .feat-card h5 {
      color: #fff;
      font-size: .98rem;
      margin-bottom: 8px
    }

    .feat-card p {
      color: var(--text-muted);
      font-size: .86rem;
      line-height: 1.65;
      margin: 0
    }

    /* HOW IT WORKS */
    #how-it-works {
      background: var(--maroon-dark)
    }

    .step-num {
      width: 72px;
      height: 72px;
      background: linear-gradient(135deg, var(--gold), var(--gold-dark));
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: "Baloo 2", sans-serif;
      font-size: 1.6rem;
      font-weight: 900;
      color: #1a0118;
      margin: 0 auto 16px;
      box-shadow: 0 8px 26px rgba(255, 184, 0, .4);
      position: relative;
      z-index: 2
    }

    .step-card {
      text-align: center
    }

    .step-card h5 {
      color: #fff;
      margin-bottom: 7px;
      font-size: .97rem
    }

    .step-card p {
      color: var(--text-muted);
      font-size: .84rem
    }

    .token-box {
      background: rgba(255, 184, 0, .08);
      border: 1px solid rgba(255, 184, 0, .25);
      border-radius: 20px;
      padding: clamp(22px, 5vw, 34px) clamp(18px, 5vw, 38px);
      text-align: center;
      margin-top: 46px
    }

    .badge-pill {
      display: inline-block;
      background: rgba(255, 184, 0, .14);
      color: var(--gold);
      border: 1px solid rgba(255, 184, 0, .25);
      border-radius: 30px;
      padding: 4px 13px;
      font-size: .76rem;
      font-weight: 700
    }

    /* WHY US */
    #why-us {
      background: linear-gradient(135deg, var(--maroon) 0%, var(--maroon-dark) 100%)
    }

    .why-card {
      display: flex;
      gap: 15px;
      align-items: flex-start;
      background: rgba(255, 255, 255, .03);
      border: 1px solid rgba(255, 184, 0, .1);
      border-radius: 16px;
      padding: 20px;
      transition: border-color .3s, background .3s;
      margin-bottom: 16px
    }

    .why-card:last-child {
      margin-bottom: 0
    }

    .why-card:hover {
      border-color: rgba(255, 184, 0, .3);
      background: rgba(255, 184, 0, .05)
    }

    .why-icon {
      font-size: 1.45rem;
      color: var(--gold);
      flex-shrink: 0;
      width: 46px;
      height: 46px;
      background: rgba(255, 184, 0, .1);
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center
    }

    .why-card h5 {
      color: #fff;
      margin-bottom: 5px;
      font-size: .95rem
    }

    .why-card p {
      color: var(--text-muted);
      font-size: .84rem;
      margin: 0;
      line-height: 1.6
    }

    .big-counter {
      font-family: "Baloo 2", sans-serif;
      font-size: clamp(2rem, 6.5vw, 4.2rem);
      font-weight: 900;
      background: linear-gradient(135deg, var(--gold), #FF8C42);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      line-height: 1
    }

    /* ABOUT */
    #about {
      background: var(--maroon-dark)
    }

    .about-tag {
      display: inline-block;
      background: rgba(255, 184, 0, .12);
      color: var(--gold);
      font-size: .76rem;
      font-weight: 700;
      padding: 4px 11px;
      border-radius: 20px;
      margin: 0 5px 7px 0
    }

    .about-phones {
      display: flex;
      justify-content: center;
      align-items: flex-end;
      gap: clamp(8px, 3vw, 18px);
      flex-wrap: wrap
    }

    .about-phone {
      border-radius: 26px;
      border: 3px solid rgba(255, 184, 0, .4);
      box-shadow: 0 20px 60px rgba(0, 0, 0, .5), 0 0 28px rgba(255, 184, 0, .1);
      width: clamp(110px, 28vw, 185px)
    }

    /* FAQ */
    #faq {
      background: linear-gradient(180deg, var(--maroon) 0%, var(--maroon-dark) 100%)
    }

    .accordion-item {
      background: rgba(255, 255, 255, .04) !important;
      border: 1px solid rgba(255, 184, 0, .12) !important;
      border-radius: 14px !important;
      margin-bottom: 9px;
      overflow: hidden
    }

    .accordion-button {
      background: transparent !important;
      color: #fff !important;
      font-family: "Baloo 2", sans-serif;
      font-weight: 700;
      font-size: clamp(.86rem, 2.1vw, .98rem);
      padding: 17px 20px;
      box-shadow: none !important
    }

    .accordion-button::after {
      filter: brightness(3) sepia(1) hue-rotate(15deg)
    }

    .accordion-button:not(.collapsed) {
      color: var(--gold) !important
    }

    .accordion-body {
      color: var(--text-muted);
      padding: 0 20px 17px;
      font-size: .88rem;
      line-height: 1.75
    }

    /* TESTIMONIALS */
    #testimonials {
      background: var(--maroon-dark)
    }

    .testi-card {
      background: rgba(255, 255, 255, .04);
      border: 1px solid rgba(255, 184, 0, .1);
      border-radius: 20px;
      padding: clamp(20px, 4vw, 30px);
      height: 100%;
      transition: border-color .3s, transform .3s
    }

    .testi-card:hover {
      border-color: rgba(255, 184, 0, .3);
      transform: translateY(-5px)
    }

    .testi-stars {
      color: var(--gold);
      font-size: .95rem;
      margin-bottom: 13px
    }

    .testi-text {
      color: var(--text-muted);
      font-size: .86rem;
      line-height: 1.75;
      margin-bottom: 17px;
      font-style: italic
    }

    .testi-user {
      display: flex;
      align-items: center;
      gap: 10px
    }

    .testi-avatar {
      width: 42px;
      height: 42px;
      border-radius: 50%;
      flex-shrink: 0;
      background: linear-gradient(135deg, var(--gold), var(--maroon-light));
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: "Baloo 2", sans-serif;
      font-weight: 900;
      font-size: 1.05rem;
      color: #fff
    }

    .testi-name {
      font-weight: 700;
      color: #fff;
      font-size: .9rem
    }

    .testi-loc {
      font-size: .73rem;
      color: var(--text-muted)
    }

    /* DOWNLOAD CTA */
    #download-cta {
      padding: clamp(55px, 9vw, 96px) 0;
      background: linear-gradient(135deg, #6B1042 0%, var(--maroon-dark) 60%, #320520 100%);
      position: relative;
      overflow: hidden
    }

    #download-cta::before {
      content: '';
      position: absolute;
      inset: 0;
      pointer-events: none;
      background: radial-gradient(ellipse at 50% 0%, rgba(255, 184, 0, .14) 0%, transparent 60%)
    }

    .cta-title {
      font-size: clamp(1.75rem, 4.8vw, 3.3rem);
      color: #fff;
      text-align: center
    }

    .btn-store {
      display: inline-flex;
      align-items: center;
      gap: 11px;
      background: rgba(255, 255, 255, .08);
      border: 1px solid rgba(255, 255, 255, .2);
      border-radius: 15px;
      padding: 12px 22px;
      color: #fff;
      text-decoration: none;
      transition: all .3s;
      backdrop-filter: blur(10px);
      min-width: 165px
    }

    .btn-store:hover {
      background: rgba(255, 184, 0, .14);
      border-color: rgba(255, 184, 0, .5);
      color: #fff;
      transform: translateY(-3px);
      box-shadow: 0 10px 28px rgba(0, 0, 0, .3)
    }

    .btn-store i {
      font-size: 1.75rem;
      flex-shrink: 0
    }

    .store-sub {
      display: block;
      font-size: .66rem;
      color: rgba(255, 255, 255, .52)
    }

    .store-name {
      font-family: "Baloo 2", sans-serif;
      font-weight: 800;
      font-size: .93rem
    }

    @media(max-width:575px) {
      .btn-store {
        min-width: unset;
        width: 100%;
        justify-content: center
      }
    }

    /* FOOTER */
    footer {
      background: #0D000D;
      border-top: 1px solid rgba(255, 184, 0, .1)
    }

    .footer-inner {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
      padding: 24px 0
    }

    .footer-brand img {
      height: 38px;
      border-radius: 9px
    }

    .footer-brand span {
      font-family: "Baloo 2", sans-serif;
      font-weight: 900;
      font-size: 1.25rem;
      color: var(--gold)
    }

    .footer-social {
      display: flex;
      gap: 9px;
      flex-wrap: wrap
    }

    .soc-btn {
      width: 36px;
      height: 36px;
      background: rgba(255, 255, 255, .06);
      border: 1px solid rgba(255, 184, 0, .15);
      border-radius: 9px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--text-muted);
      font-size: .95rem;
      text-decoration: none;
      transition: all .25s
    }

    .soc-btn:hover {
      background: rgba(255, 184, 0, .14);
      color: var(--gold);
      border-color: rgba(255, 184, 0, .4);
      transform: translateY(-2px)
    }

    .ftr-links {
      display: flex;
      flex-wrap: wrap;
      gap: 6px 16px;
      align-items: center
    }

    .ftr-links a {
      color: var(--text-muted);
      text-decoration: none;
      font-size: .81rem;
      transition: color .2s
    }

    .ftr-links a:hover {
      color: var(--gold)
    }

    .ftr-links .sep {
      color: rgba(255, 255, 255, .14);
      font-size: .78rem
    }

    .footer-copy {
      border-top: 1px solid rgba(255, 255, 255, .05);
      padding: 13px 0;
      text-align: center;
      color: rgba(255, 255, 255, .2);
      font-size: .76rem
    }

    @media(max-width:767px) {
      .footer-inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px
      }
    }

    /* BACK TO TOP */
    #btt {
      position: fixed;
      bottom: 24px;
      right: 24px;
      z-index: 999;
      width: 44px;
      height: 44px;
      background: linear-gradient(135deg, var(--gold), var(--gold-dark));
      border: none;
      border-radius: 50%;
      color: #1a0118;
      font-size: 1.15rem;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      opacity: 0;
      transform: translateY(20px);
      transition: all .3s;
      box-shadow: 0 4px 18px rgba(255, 184, 0, .4)
    }

    #btt.show {
      opacity: 1;
      transform: translateY(0)
    }

    #btt:hover {
      transform: translateY(-3px);
      box-shadow: 0 8px 28px rgba(255, 184, 0, .6)
    }

    .back-btn{display:inline-flex;align-items:center;gap:7px;background:rgba(255,184,0,.12);border:1px solid rgba(255,184,0,.3);color:var(--gold);font-family:'Exo 2',sans-serif;font-weight:700;font-size:.84rem;padding:7px 16px;border-radius:20px;text-decoration:none;transition:all .25s;white-space:nowrap}
    .back-btn:hover{background:rgba(255,184,0,.22);color:var(--gold);transform:translateX(-3px)}

        /* CONTENT */
        .page-header{padding:clamp(40px,8vw,70px) 0 clamp(24px,4vw,40px);border-bottom:1px solid rgba(255,184,0,.1);margin-bottom:clamp(32px,5vw,52px)}
        .page-header h1{font-size:clamp(1.8rem,5vw,3rem);color:#fff;margin-bottom:8px}
        .page-header p{color:var(--text-muted);font-size:.88rem}
        .content-body{max-width:800px}
        .content-body h4{color:var(--gold);font-size:clamp(1rem,2.5vw,1.15rem);margin:clamp(22px,4vw,34px) 0 10px}
        .content-body h4:first-child{margin-top:0}
        .content-body p{color:var(--text-muted);font-size:clamp(.86rem,2vw,.95rem);line-height:1.82;margin-bottom:0}
        .content-body a{color:var(--gold);text-decoration:none}
        .content-body a:hover{text-decoration:underline}


        /* Contact info cards */
    .contact-item{display:flex;gap:14px;align-items:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,184,0,.12);border-radius:14px;padding:18px 20px;transition:border-color .3s,background .3s}
    .contact-item:hover{border-color:rgba(255,184,0,.3);background:rgba(255,184,0,.06)}
    .contact-icon{width:46px;height:46px;background:rgba(255,184,0,.12);border:1px solid rgba(255,184,0,.25);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:var(--gold);flex-shrink:0}
    .contact-label{font-family:'Exo 2',sans-serif;font-weight:700;color:#fff;font-size:.92rem;margin-bottom:3px}
    .contact-val{color:var(--gold);font-size:.86rem;text-decoration:none;transition:opacity .2s}
    .contact-val:hover{opacity:.75;color:var(--gold)}

    /* Form */
    .form-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,184,0,.14);border-radius:20px;padding:clamp(24px,5vw,40px)}
    .form-card h4{color:#fff;font-size:clamp(1.1rem,3vw,1.4rem);margin-bottom:24px}
    .form-group{margin-bottom:18px}
    .form-group label{display:block;color:var(--text-muted);font-size:.83rem;margin-bottom:7px;font-weight:600}
    .form-control-custom{
      width:100%;
      background:rgba(255,255,255,.06);
      border:1px solid rgba(255,184,0,.18);
      border-radius:10px;
      padding:11px 15px;
      color:#fff;
      font-family:'Nunito',sans-serif;
      font-size:.92rem;
      outline:none;
      transition:border-color .25s,box-shadow .25s;
      -webkit-appearance:none;
    }
    .form-control-custom:focus{border-color:rgba(255,184,0,.5);box-shadow:0 0 0 3px rgba(255,184,0,.08)}
    .form-control-custom::placeholder{color:rgba(255,255,255,.3)}
    select.form-control-custom option{background:#320520;color:#fff}
    textarea.form-control-custom{resize:vertical;min-height:130px}
    .btn-submit{
      width:100%;
      background:linear-gradient(135deg,var(--gold),var(--gold-dark));
      color:#1a0118;
      font-family:'Exo 2',sans-serif;
      font-weight:800;
      font-size:1rem;
      padding:13px;
      border:none;
      border-radius:12px;
      cursor:pointer;
      transition:all .3s;
      box-shadow:0 6px 22px rgba(255,184,0,.3);
    }
    .btn-submit:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(255,184,0,.45)}
    .btn-submit:active{transform:translateY(0)}
    .btn-submit.sent{background:linear-gradient(135deg,#4CAF50,#2e7d32);box-shadow:0 6px 22px rgba(76,175,80,.3)}


    @media (max-width: 768px) {
        .hero-stats {
            justify-content: center;
        }

        .step-line {
            display: none;
        }

        .why-card {
            flex-direction: column;
            text-align: center;
        }

        .why-icon {
            margin-bottom: 12px;
        }
        /* #why-us, #about, #faq, #testimonials, #download-cta,
        #how-it-works, #features{
            padding: 0;
        } */
    }
    /* ─── LANGUAGE TOGGLE ─── */
    .lang-btn {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      background: rgba(255,184,0,.1);
      border: 1px solid rgba(255,184,0,.35);
      color: var(--gold);
      font-family: "Baloo 2", sans-serif;
      font-weight: 700;
      font-size: .82rem;
      padding: 5px 13px;
      border-radius: 20px;
      cursor: pointer;
      transition: all .25s;
      white-space: nowrap;
      flex-shrink: 0;
    }
    .lang-btn:hover {
      background: rgba(255,184,0,.22);
      border-color: rgba(255,184,0,.6);
      transform: translateY(-1px);
    }
    .lang-flag { font-size: 1rem; line-height: 1; }
    .lang-text { font-size: .82rem; }

    /* RTL overrides */
    [dir="rtl"] .hero-sub { max-width: 100%; }
    [dir="rtl"] .gold-bar { background: linear-gradient(270deg, var(--gold), transparent); }
    [dir="rtl"] .gold-bar.center { margin-left: auto; margin-right: auto; }
    [dir="rtl"] .scroll-hint { left: 50%; right: auto; }
    [dir="rtl"] .float-badge { font-family: "Baloo 2", sans-serif; }
    [dir="rtl"] .back-btn:hover { transform: translateX(3px); }
    [dir="rtl"] .navbar-nav { margin-left: 0 !important; margin-right: auto !important; }
    [dir="rtl"] .ms-auto { margin-left: 0 !important; margin-right: auto !important; }
    [dir="rtl"] .ms-lg-2 { margin-left: 0 !important; margin-right: 0.5rem !important; }
    [dir="rtl"] .me-1 { margin-right: 0 !important; margin-left: 0.25rem !important; }
    [dir="rtl"] .me-2 { margin-right: 0 !important; margin-left: 0.5rem !important; }
    [dir="rtl"] .footer-inner { flex-direction: row-reverse; }
    @media(max-width:767px){
      [dir="rtl"] .footer-inner { flex-direction: column-reverse; align-items: flex-end; }
    }