.ac-plans-body {
  background: #f4f3f1 !important;
  color: #17151b !important;
}

.ac-plans-main {
  padding-top: clamp(5rem, 8vw, 8rem) !important;
  padding-bottom: 7rem !important;
}

.ac-plans-intro { margin-bottom: 5rem !important; }
.ac-plans-kicker {
  display: inline-flex;
  align-items: center;
  gap: .7rem;
  margin: 0 0 1.35rem;
  color: #8f2f43;
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .17em;
  text-transform: uppercase;
}
.ac-plans-kicker::before { width: 7px; height: 7px; border-radius: 50%; background: currentColor; content: ""; }

.ac-plans-intro h1 {
  max-width: 850px;
  margin-right: auto;
  margin-left: auto;
  color: #17151b !important;
  font-family: "Aptos Display", "Segoe UI Variable Display", "Segoe UI", Arial, sans-serif;
  font-size: clamp(3.1rem, 5.8vw, 5.2rem) !important;
  font-weight: 700 !important;
  letter-spacing: -.05em !important;
  line-height: .96;
}
.ac-plans-intro > p:last-child { max-width: 680px; color: #655d5f !important; font-size: 1.08rem !important; }

.ac-plan-active {
  border: 1px solid rgba(56,91,75,.28) !important;
  border-radius: 4px !important;
  background: #e8ede7 !important;
  color: #385b4b !important;
}

.ac-plans-grid { align-items: stretch !important; gap: 1.5rem !important; }
.ac-plan-card {
  min-height: 660px;
  border: 1px solid rgba(23,19,22,.17) !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 18px 48px rgba(34,24,28,.08);
}
.ac-plan-card--premium {
  border-color: #3d2931 !important;
  background: #211b24 !important;
  color: white;
  box-shadow: 0 26px 60px rgba(34,24,28,.16);
}
.ac-plan-card--premium .ac-plan-name,
.ac-plan-card--premium .ac-plan-price { color: white !important; }
.ac-plan-card--premium p,
.ac-plan-card--premium .feature-list li,
.ac-plan-card--premium span { color: rgba(255,255,255,.68) !important; }

.ac-plan-name {
  color: #17151b !important;
  font-family: "Aptos Display", "Segoe UI Variable Display", "Segoe UI", Arial, sans-serif;
  font-size: 2rem !important;
  font-weight: 400 !important;
  letter-spacing: -.035em;
}
.ac-plan-price {
  color: #17151b !important;
  font-family: "Aptos Display", "Segoe UI Variable Display", "Segoe UI", Arial, sans-serif;
  font-weight: 700 !important;
  letter-spacing: -.05em;
}
.ac-plan-recommended {
  border-bottom-left-radius: 3px;
  background: #c8aeb7;
  color: #17151b;
}
.ac-plan-saving {
  border: 1px solid rgba(212,180,119,.38);
  border-radius: 2px !important;
  background: rgba(212,180,119,.1) !important;
  color: #d4b477 !important;
}

.feature-list li { color: #5b5355 !important; line-height: 1.5; }
.feature-list li::before,
.feature-list.free li::before {
  width: 18px;
  height: 18px;
  border: 1px solid #b59155;
  border-radius: 50%;
  background: transparent;
  color: #8f2f43;
}
.ac-plan-card--premium .feature-list li::before {
  border-color: rgba(212,180,119,.6);
  color: #d4b477;
}

.ac-plan-button {
  border-radius: 3px !important;
  text-decoration: none;
}
.ac-plan-button--outline {
  border: 1px solid #17151b;
  background: transparent;
  color: #17151b;
}
.ac-plan-button--outline:hover { background: #ece4da; }
.ac-plan-button--primary {
  border: 1px solid #c8aeb7;
  background: #c8aeb7;
  color: #17151b !important;
  box-shadow: none;
}
.ac-plan-button--primary:hover { background: #d6c0c8; }
.ac-plan-button--disabled {
  border: 1px solid rgba(23,19,22,.12);
  border-radius: 3px !important;
  background: #eee9e2;
  color: #8c8586;
}

.ac-payment-note {
  margin-top: 1rem;
  color: #726a6c;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .ac-plans-main { padding-top: 4rem !important; }
  .ac-plans-intro { margin-bottom: 3.5rem !important; }
  .ac-plans-intro h1 { font-size: 3rem !important; }
  .ac-plan-card { min-height: auto; padding: 2rem !important; }
}