:root{
      --blue-dark:#081a2b;
      --blue:#0b2540;
      --gold:#d4af37;
      --gold-light:#f5e3a1;
      --text:#e8dcc0;
      --text-soft: #e8dcc0;
    }

    /* HERO */
    .about_header{
      padding:20px 50px;
      text-align:center;
      position:relative;
    }
    .about_header::before{
      content:"";position:absolute;inset:0;
      background:radial-gradient(circle,rgba(212,175,55,.18),transparent 60%);
    }
    .about_banner {
      padding-top: 120px !important;
      padding: 0px;
    }
    .hero{position:relative;max-width:960px;margin:auto}
    .hero h1{font-size:3rem;margin-bottom:14px}
    .hero p{color:var(--text);font-size:1.1rem;max-width:760px;margin:0 auto 28px}

    .about-button-main{
      position: inherit;
      display:inline-block;
      padding:16px 44px;
      border-radius:50px;
      background:linear-gradient(135deg,var(--gold),var(--gold-light));
      color:#081a2b;
      font-weight:600;
      text-decoration:none;
      box-shadow:0 14px 40px rgba(212,175,55,.5);
    }

    /* TRUST STRIP */
    .trust-strip{
      display:flex;flex-wrap:wrap;gap:14px;justify-content:center;
      margin-top:22px;color:var(--text)
    }
    .trust-strip div{font-size:.95rem}

    .about-case-header {max-width: 1400px;}
    .text-white {color: #fff;}
    .about-features{list-style: none;padding: 0;margin: 0 0 10px;text-align: left;}
    .about-features li {margin-bottom: 10px;font-size: 0.9rem;color: var(--text-soft);position: relative;padding-left: 22px;}
    .about-features li::before {content: "✓";position: absolute;left: 0;color: var(--gold);font-weight: bold;}
    .about-price {font-size: 1.6rem;font-weight: 600;margin-bottom: 15px;}
    .about-price span {font-size: 0.8rem;color: var(--text-soft);}
    .about-pckg-btn {padding:8px 18px;border-radius:20px;border:1px solid rgba(212,175,55,.5);background:transparent;color:var(--gold);cursor:pointer;margin:0 6px}
    .about-pckg-btn.active {background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#081a2b}
    .about_benefits {display: none;}
    .about-pckg-btn-one {padding:8px 18px;border-radius:20px;border:1px solid rgba(212,175,55,.5);background:transparent;color:var(--gold);cursor:pointer;margin:0 6px}
    .about-pckg-btn-one.active {background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#081a2b}
    .about-pckg-btn-two {padding:8px 18px;border-radius:20px;border:1px solid rgba(212,175,55,.5);background:transparent;color:var(--gold);cursor:pointer;margin:0 6px}
    .about-pckg-btn-two.active {background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#081a2b}
    .old-price{font-size:1.1rem;color:#c9b37a;text-decoration:line-through;display:block;margin-bottom:6px}
    .urgency{font-size:.8rem;color:#ffd700;letter-spacing:.5px;margin-top:0px;margin-bottom: 10px;}
    .is-hidden { display: none; }
    .about_basic {max-width: 1200px;margin: auto;display: grid;grid-template-columns: repeat(1, 1fr);gap: 30px;}
    .about_premium {max-width: 1200px;margin: auto;display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;}
    .upgrade-nudge{margin-top:14px;margin-bottom:10px;padding:14px;border-radius:16px;background:rgba(212,175,55,.12);color:var(--text);font-size:.85rem;opacity:1;transform:translateY(12px);transition:.6s ease}
    .upgrade-nudge.show{opacity:1;transform:translateY(0)}
    .micro-proof{display:block;font-size:.75rem;color:#9fffa8;margin:6px 0}
    .basic-btn {display: block;text-align: center;margin-top: 18px;padding: 14px;border-radius: 30px;background: linear-gradient(135deg,var(--gold),var(--gold-light));color: #081a2b;font-weight: 600;text-decoration: none;}
    .about_annual { display: none; }
    .about_annual {max-width: 1200px;margin: auto;display: grid;grid-template-columns: repeat(4, 1fr);gap: 30px;}
    .amc-save{font-size:.85rem;color:#9fffa8;margin-top:6px;margin-bottom: 10px;}
    .amc-save:hover {background:rgba(212,175,55,.15);padding:6px 10px;border-radius:12px;transition:.3s ease}
    .best-value{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:12px;font-size:.65rem;font-weight:600;letter-spacing:.5px;background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#081a2b}
    .explainer_p{color:var(--text)}
    .about_card{padding:32px 28px;border-radius:26px;border:1px solid rgba(212,175,55,.4);background:linear-gradient(180deg,rgba(255,255,255,.06),transparent);backdrop-filter:blur(10px);transition:.35s ease;margin:auto;text-align:center}
    .about_card:hover{transform:translateY(-10px);box-shadow:0 35px 80px rgba(0,0,0,.5);}
    .fa-solid-fa-play{font-size:40px;margin-bottom:18px}
    .explainer_grid{max-width: 1100px;margin: auto;display: grid;grid-template-columns: repeat(1, 1fr);gap: 30px;}
    .price span{font-size:.9rem;color:var(--text)}
    .who-we-are {
  padding: 45px 20px;
}

.who-grid {
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 60px;
  align-items: center;
}

.who-content h2 {
  font-size: 36px;
  margin-bottom: 20px;
}

.highlight-text {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #081a2b;
}

.who-content p {
  margin-bottom: 18px;
  line-height: 1.7;
  color: var(--text-soft);
}

/* RIGHT BOXES */
.who-boxes {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 25px;
}

.who-card {
  background: radial-gradient(circle at top left, rgba(212,175,55,.25), transparent 60%), rgba(255,255,255,.04);
  box-shadow: inset 0 0 0 1px rgba(212,175,55,.2);
  padding: 28px;
  border-radius: 14px;
  transition: all .35s ease;
  border: 1px solid transparent;
}

.who-card h4 {
  margin-bottom: 12px;
  font-size: 18px;
}

.who-card p {
  font-size: 14px;
  line-height: 1.6;
  color: var(--text-soft);
}

/* Hover Effect */
.who-card:hover {
  transform: translateY(-8px);
  background: linear-gradient(135deg,#081a2b,#0f2a45);
  color: #fff;
  border-color: #d4af37;
}

.who-card:hover p {
  color: #e8e8e8;
}

/* Responsive */
@media (max-width: 991px) {
  .who-grid {
    grid-template-columns: 1fr;
  }
  .who-boxes {
    grid-template-columns: 1fr;
  }
}

    @media (max-width: 600px) {
  .about_basic, .about_premium, .about_annual, .explainer_grid {
    grid-template-columns: 1fr;
  }
}