/* ---- PRIMEXA GOLDEN ALLEGIANT – COMPLETE CSS (mobile responsive, all content preserved) ----- */
    * { margin: 0; padding: 0; box-sizing: border-box; }
    body {
      font-family: 'Montserrat', sans-serif;
      background: #fbf7f0;
      color: #2e241b;
      overflow-x: hidden;
      width: 100%;
    }
    h1, h2, h3, .display-5, .section-title h2 {
      font-family: 'Cormorant Garamond', serif;
      font-weight: 800;
      letter-spacing: 0.02em;
      background: linear-gradient(145deg, #a67c4d, #e4b87a, #c99f62);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }

    /* navbar – fully responsive */
    .navbar-primexa {
      background: rgba(45, 35, 28, 0.95);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      border-bottom: 2px solid #e9c891;
      padding: 0.5rem 1rem;
    }
    .navbar-primexa .navbar-collapse {
      background: rgba(45, 35, 28, 0.98);
      border-radius: 30px;
      padding: 1rem;
      margin-top: 0.5rem;
    }
    .navbar-primexa .nav-link {
      color: #f5e2c1;
      font-weight: 500;
      border-radius: 40px;
      padding: 0.5rem 1.2rem;
      text-align: center;
      transition: all 0.2s;
    }
    .navbar-primexa .nav-link:hover,
    .navbar-primexa .nav-link.active {
      background: #c9a46b;
      color: #221b14 !important;
    }
    .navbar-primexa .navbar-toggler {
      border: none;
      padding: 0;
    }
    .navbar-primexa .navbar-toggler:focus {
      box-shadow: none;
    }

    /* buttons */
    .btn-primexa-primary {
      background: #c9a058;
      color: #221b14;
      font-weight: 700;
      padding: 0.6rem 2.2rem;
      border-radius: 60px;
      border: 2px solid #e9c891;
      text-decoration: none;
      display: inline-block;
      transition: 0.3s;
      box-shadow: 0 8px 18px -4px #b58f54;
    }
    .btn-primexa-primary:hover {
      background: #e0b777;
      color: #1f1913;
      border-color: #f5dcb0;
      transform: scale(1.02);
    }
    .btn-primexa-trial {
      background: linear-gradient(145deg, #d8b26e, #b3884b);
      color: #221b14;
      font-weight: 600;
      padding: 0.6rem 2rem;
      border-radius: 60px;
      border: none;
      text-decoration: none;
      display: inline-block;
      transition: 0.3s;
    }
    .btn-primexa-trial:hover {
      background: linear-gradient(145deg, #e4c089, #c69e5a);
      color: #1f1913;
    }
    .btn-primexa-outline {
      border: 2px solid #d4ad73;
      background: transparent;
      border-radius: 60px;
      padding: 0.5rem 2rem;
      color: #745f43;
      font-weight: 600;
      text-decoration: none;
      display: inline-block;
      transition: 0.2s;
    }
    .btn-primexa-outline:hover {
      background: #d4ad73;
      color: #221b14;
    }

    /* HERO section */
    .hero-primexa {
      margin-top: 70px;
      background: #1f1a14;
      border-radius: 0 0 80px 80px;
      padding: 2rem 1rem 3rem;
      position: relative;
      overflow: hidden;
      min-height: 60vh;
      display: flex;
      align-items: center;
    }
    @media (min-width: 768px) {
      .hero-primexa { min-height: 70vh; }
    }
    @media (min-width: 992px) {
      .hero-primexa { min-height: 85vh; padding: 3rem 0 5rem; }
    }
    .hero-backdrop-luxury {
      position: absolute;
      top: 0; left: 0; width: 100%; height: 100%;
      object-fit: cover;
      opacity: 0.5;
      mix-blend-mode: luminosity;
      filter: brightness(0.8) contrast(1.2) saturate(1.1);
    }
    .hero-overlay-luxury {
      position: absolute;
      top: 0; left: 0; width: 100%; height: 100%;
      background: radial-gradient(circle at 70% 50%, rgba(212,175,120,0.25) 0%, rgba(10,8,5,0.85) 90%);
    }
    .hero-primexa .container { position: relative; z-index: 5; }
    .hero-content-right {
      text-align: center;
      margin-left: auto;
      max-width: 100%;
    }
    @media (min-width: 992px) {
      .hero-content-right { text-align: right; max-width: 700px; }
    }
    .hero-title {
      font-size: 3.2rem; 
      line-height: 1.1; 
      color: #f5e8d4; 
      background: none; 
      -webkit-text-fill-color: #f5e8d4;
      text-shadow: 0 4px 25px rgba(0,0,0,0.7);
      font-weight: 800;
      margin-bottom: 1rem;
    }
    @media (min-width: 576px) { .hero-title { font-size: 4rem; } }
    @media (min-width: 768px) { .hero-title { font-size: 4.5rem; } }
    @media (min-width: 992px) { .hero-title { font-size: 5.2rem; } }
    
    .hero-description {
      font-size: 1rem; 
      color: #f0e2ce !important;
      text-shadow: 0 2px 10px #00000070; 
      margin: 1rem 0 1.5rem;
    }
    @media (min-width: 576px) { .hero-description { font-size: 1.1rem; } }
    @media (min-width: 768px) { .hero-description { font-size: 1.3rem; } }

    /* stats cards */
    .stat-modern {
      background: rgba(255, 245, 230, 0.9);
      backdrop-filter: blur(4px);
      -webkit-backdrop-filter: blur(4px);
      border: 2px solid #eedbba;
      border-radius: 60px;
      padding: 0.8rem 0.5rem;
      height: 100%;
      transition: 0.2s;
    }
    .stat-modern h4 { 
      font-size: 0.85rem; 
      margin-bottom: 0.2rem; 
      color: #503f2b;
      font-weight: 700;
    }
    .stat-digit { 
      font-size: 1.5rem; 
      font-weight: 800; 
      color: #a67c4d; 
    }
    @media (min-width: 576px) { 
      .stat-modern h4 { font-size: 1rem; }
      .stat-digit { font-size: 1.8rem; } 
    }
    @media (min-width: 992px) { 
      .stat-digit { font-size: 2.2rem; } 
    }

    /* QR card */
    .qr-card-gold {
      background: #fcf3e2;
      border: 3px solid #e9cfaa;
      border-radius: 80px;
      padding: 2rem;
      text-align: center;
    }
    @media (max-width: 576px) {
      .qr-card-gold { padding: 1.5rem; border-radius: 50px; }
    }

    /* installation guide – new theme */
    .guide-new-wrapper {
      background: linear-gradient(165deg, #f5ede1 0%, #fcf6ec 100%);
      padding: 2rem 1rem;
      border-radius: 100px 100px 40px 40px;
      box-shadow: inset 0 2px 10px #ffffff, 0 25px 40px -20px #b39263;
    }
    @media (min-width: 768px) {
      .guide-new-wrapper { padding: 3rem 2rem; }
    }
    .guide-new-title {
      font-size: 2.5rem;
      margin-bottom: 0.5rem;
    }
    @media (min-width: 768px) { .guide-new-title { font-size: 3rem; } }
    
    .guide-item-new {
      background: rgba(255, 255, 255, 0.9);
      backdrop-filter: blur(4px);
      -webkit-backdrop-filter: blur(4px);
      border-radius: 60px;
      padding: 1rem 0.5rem;
      transition: all 0.25s ease;
      height: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      border: 2px solid #eddabc;
      box-shadow: 0 15px 30px -10px #c4aa7d;
    }
    .guide-item-new:hover {
      transform: scale(1.02) translateY(-5px);
      border-color: #c9a86b;
      background: #ffffff;
    }
    .guide-icon-new {
      width: 70px;
      height: 70px;
      background: transparent;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 0.5rem;
    }
    .guide-icon-new img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      filter: drop-shadow(0 4px 8px rgba(172, 142, 92, 0.3));
    }
    .guide-item-new h5 {
      font-size: 0.9rem;
      font-weight: 700;
      color: #4f3d26;
      margin-bottom: 0.6rem;
    }
    .guide-btn-new {
      background: #92704a;
      color: #fff4e0;
      padding: 6px 12px;
      border-radius: 40px;
      font-weight: 600;
      font-size: 0.75rem;
      text-decoration: none;
      width: 90%;
      transition: 0.2s;
      border: 2px solid transparent;
      margin-top: auto;
    }
    .guide-btn-new:hover {
      background: #b48b54;
      color: #221b14;
      border-color: #e9c891;
    }
    @media (min-width: 576px) {
      .guide-icon-new { width: 85px; height: 85px; }
      .guide-item-new h5 { font-size: 1rem; }
      .guide-btn-new { font-size: 0.8rem; padding: 8px 16px; }
    }

    /* customer plans */
    .plan-section-wrapper {
      background: #f7efe2;
      border-radius: 120px 120px 40px 40px;
      padding: 2rem 1rem;
      box-shadow: inset 0 -2px 10px #fff8e7, 0 30px 40px -20px #7a623f;
    }
    @media (min-width: 768px) {
      .plan-section-wrapper { padding: 3rem 2rem; }
    }
    .plan-card-new {
      background: #ffffffd9;
      backdrop-filter: blur(2px);
      -webkit-backdrop-filter: blur(2px);
      border-radius: 70px;
      padding: 1.5rem 1rem;
      height: 100%;
      display: flex;
      flex-direction: column;
      border: 2px solid #f5e2c1;
      transition: all 0.3s ease;
      position: relative;
      overflow: hidden;
      box-shadow: 0 15px 25px -12px #b69058;
    }
    .plan-card-new:hover {
      transform: translateY(-10px);
      border-color: #dbb167;
      box-shadow: 0 25px 40px -15px #a7773a;
    }
    .plan-card-new.popular-plan {
      border: 4px solid #d5a54e;
      background: #fffaf0;
    }
    .popular-badge-new {
      position: absolute;
      top: 20px;
      right: -30px;
      background: #c9a058;
      color: #221b14;
      padding: 8px 30px;
      transform: rotate(45deg);
      font-size: 0.7rem;
      font-weight: 700;
      letter-spacing: 1px;
      box-shadow: 0 5px 10px #b48b5480;
      white-space: nowrap;
    }
    .plan-price-new {
      font-size: 2.5rem;
      font-weight: 800;
      color: #624a2e;
      line-height: 1;
      margin: 1rem 0 0.5rem;
    }
    .plan-price-new span {
      font-size: 0.9rem;
      font-weight: 400;
      color: #9e825b;
    }
    .plan-feature-list-new {
      list-style: none;
      padding: 0;
      margin: 1rem 0;
      flex-grow: 1;
    }
    .plan-feature-list-new li {
      margin-bottom: 0.6rem;
      display: flex;
      align-items: center;
      gap: 6px;
      font-size: 0.85rem;
      color: #3f3323;
    }
    .plan-feature-list-new i {
      color: #b48b54;
      width: 18px;
    }
    .plan-btn-new {
      background: transparent;
      border: 2px solid #b48b54;
      color: #624a2e;
      font-weight: 700;
      padding: 8px 15px;
      border-radius: 60px;
      text-decoration: none;
      text-align: center;
      transition: 0.2s;
      width: 100%;
      display: block;
    }
    .plan-btn-new:hover {
      background: #b48b54;
      color: white;
    }
    .plan-btn-new.popular-btn {
      background: #c9a058;
      border-color: #c9a058;
      color: #221b14;
    }
    @media (min-width: 576px) {
      .plan-price-new { font-size: 3rem; }
      .plan-price-new span { font-size: 1rem; }
      .plan-feature-list-new li { font-size: 0.95rem; }
    }

    /* FAQ new layout */
    .faq-new-wrapper {
      background: #f9f2e7;
      border-radius: 120px 120px 40px 40px;
      padding: 2rem 1rem;
      box-shadow: inset 0 0 0 2px #fffef8, 0 30px 40px -20px #7a623f;
    }
    @media (min-width: 768px) {
      .faq-new-wrapper { padding: 3rem 2rem; }
    }
    .faq-card {
      background: #ffffff;
      border-radius: 50px;
      padding: 1.2rem;
      height: 100%;
      border: 2px solid #f0debc;
      transition: all 0.3s ease;
      box-shadow: 0 15px 30px -12px #c9aa7a;
      display: flex;
      flex-direction: column;
    }
    .faq-card:hover {
      transform: translateY(-6px);
      border-color: #dbb167;
      box-shadow: 0 25px 40px -15px #a7773a;
    }
    .faq-question {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 0.8rem;
      padding-bottom: 0.5rem;
      border-bottom: 2px dashed #e9cfaa;
    }
    .faq-q-icon {
      width: 40px;
      height: 40px;
      background: #624a2e;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #faeacf;
      font-size: 1.2rem;
      font-weight: 700;
      flex-shrink: 0;
      border: 2px solid #e9c891;
    }
    .faq-question h5 {
      font-family: 'Cormorant Garamond', serif;
      font-size: 1rem;
      font-weight: 800;
      color: #3f2f1d;
      margin: 0;
      line-height: 1.4;
    }
    .faq-answer {
      color: #4d3e2b;
      font-size: 0.9rem;
      line-height: 1.6;
      padding-left: 0.5rem;
      border-left: 4px solid #e9cfaa;
      padding: 0.5rem 0 0.2rem 1rem;
    }
    .faq-answer p { margin-bottom: 0.3rem; }
    .faq-answer i { color: #b48b54; margin-right: 6px; }
    @media (min-width: 576px) {
      .faq-q-icon { width: 48px; height: 48px; font-size: 1.4rem; }
      .faq-question h5 { font-size: 1.2rem; }
      .faq-answer { font-size: 0.95rem; }
    }
    @media (min-width: 768px) {
      .faq-question h5 { font-size: 1.3rem; }
    }

    /* feature section */
    .feature-section-wrapper {
      background: #fcf6ec;
      border-radius: 80px 80px 40px 40px;
      padding: 2rem 0.5rem;
      box-shadow: inset 0 0 0 2px #fffcf5, 0 20px 35px -10px #b39263;
    }
    .feature-icon-circle {
      width: 70px;
      height: 70px;
      background: #efe2cf;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 0.5rem;
      border: 4px solid #ebd3b0;
      transition: 0.2s;
    }
    .feature-icon-circle img {
      width: 45px;
      height: 45px;
      object-fit: contain;
      filter: brightness(0.8) sepia(0.3);
    }
    .feature-item h6 {
      color: #4f3d26;
      font-weight: 700;
      font-size: 0.8rem;
      letter-spacing: 0.5px;
      text-align: center;
    }
    @media (min-width: 576px) {
      .feature-icon-circle { width: 80px; height: 80px; }
      .feature-icon-circle img { width: 55px; height: 55px; }
      .feature-item h6 { font-size: 1rem; }
    }

    /* footer */
    .footer-primexa {
      background: #2f271d;
      color: #e6d2b5;
      border-radius: 70px 70px 0 0;
      border-top: 6px solid #b48f58;
      padding: 3rem 0 2rem;
      margin-top: 4rem;
    }
    .footer-primexa a {
      color: #e9ceaa;
      text-decoration: none;
      transition: 0.2s;
    }
    .footer-primexa a:hover {
      color: white;
      padding-left: 5px;
    }
    .footer-primexa h4 {
      color: #ebd5af;
      font-size: 1.2rem;
      margin-bottom: 1rem;
    }
    .footer-primexa .col-6 {
      margin-bottom: 1.5rem;
    }

    /* utility classes */
    img { max-width: 100%; height: auto; }
    .container { padding-left: 12px; padding-right: 12px; }
    @media (min-width: 1400px) {
      .container { max-width: 1320px; }
    }

    /* floating buttons */
    .whatsapp-float {
      position: fixed;
      bottom: 20px;
      left: 20px;
      z-index: 9999;
    }
    .whatsapp-float img {
      height: 48px;
      width: auto;
    }
    .back-to-top {
      position: fixed;
      bottom: 20px;
      right: 20px;
      background: #a77d4d;
      color: #221b14;
      width: 44px;
      height: 44px;
      border-radius: 60px;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 9999;
      border: 2px solid #e1bf89;
      text-decoration: none;
      transition: 0.2s;
    }
    .back-to-top:hover {
      background: #c9a058;
      color: #221b14;
    }

    /* iframe responsiveness */
    #partnersIframe {
      width: 100%;
      border: none;
    }
  

    html, body {
    overflow-x: hidden;
}

img, iframe {
    max-width: 100%;
}