.ac-success {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  margin-bottom: 22px;
  padding: 18px 20px;
  border: 1px solid #b8dfcf;
  border-radius: var(--radius-lg);
  background: #f0faf6;
  color: #103e30;
}

.ac-success.pending { border-color: #e6d69c; background: #fffaf0; color: #66520c; }
.ac-success i { margin-top: 3px; font-size: var(--type-lg); }
.ac-success b, .ac-success span { display: block; }
.ac-success span { margin-top: 3px; color: var(--text-muted); }

.ac-profile-hero {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  margin-bottom: 24px;
  padding: 28px;
  border-radius: var(--radius-xl);
  background: linear-gradient(125deg, var(--wd-navy-950) 0%, #173f6d 66%, var(--wd-teal-600) 150%);
  color: var(--surface);
  box-shadow: var(--shadow-md);
}

.ac-avatar {
  display: grid;
  width: 62px;
  height: 62px;
  place-items: center;
  border: 2px solid rgba(255,255,255,.35);
  border-radius: var(--radius-pill);
  background: rgba(255,255,255,.14);
  font: 800 var(--type-xl)/1 var(--font-ui);
}

.ac-profile-hero span { color: #83e2dc; font-size: var(--type-xs); font-weight: 800; letter-spacing: .14em; }
.ac-profile-hero h1 { margin: 4px 0; color: var(--surface); font-size: var(--type-2xl); letter-spacing: -.035em; }
.ac-profile-hero p { margin: 0; color: #c9d7e8; }
.ac-completion { min-width: 150px; text-align: right; }
.ac-completion b { display: block; font-size: var(--type-xl); }
.ac-completion span { display: block; margin: 3px 0 10px; color: #c9d7e8; letter-spacing: 0; }
.ac-completion i { display: block; height: 6px; overflow: hidden; border-radius: var(--radius-pill); background: rgba(255,255,255,.16); }
.ac-completion em { display: block; height: 100%; border-radius: inherit; background: #6ad4ca; }

.ac-section {
  margin-bottom: 24px;
  padding: 26px;
  border: 1px solid var(--border);
  border-radius: var(--radius-xl);
  background: var(--surface);
  box-shadow: var(--shadow-sm);
}

.ac-section > header,
.ac-pricing-header {
  display: flex;
  gap: 22px;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 22px;
}

.ac-section header > div > span,
.ac-pricing-header > div > span {
  color: var(--wd-teal-600);
  font-size: var(--type-xs);
  font-weight: 800;
  letter-spacing: .14em;
}

.ac-section header h2,
.ac-pricing-header h2 { margin: 4px 0; color: var(--wd-navy-950); font-size: var(--type-2xl); letter-spacing: -.025em; }
.ac-section header p,
.ac-pricing-header p { margin: 0; color: var(--text-muted); }

.ac-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.ac-stats article { min-height: 122px; padding: 20px; border-radius: var(--radius-lg); background: var(--bg); }
.ac-stats i { color: var(--wd-teal-600); font-size: var(--type-lg); }
.ac-stats b { display: block; margin-top: 16px; color: var(--wd-navy-950); font-size: var(--type-xl); }
.ac-stats span { color: var(--text-muted); }

.ac-section details { border-top: 1px solid var(--border); }
.ac-section details:last-of-type { border-bottom: 1px solid var(--border); }
.ac-section summary { display: flex; gap: 14px; align-items: center; padding: 19px 4px; cursor: pointer; list-style: none; }
.ac-section summary::-webkit-details-marker { display: none; }
.ac-section summary > i:first-child { width: 24px; color: var(--wd-teal-600); text-align: center; }
.ac-section summary span { flex: 1; }
.ac-section summary b, .ac-section summary small { display: block; }
.ac-section summary b { color: var(--ink); font-size: var(--type-lg); }
.ac-section summary small { margin-top: 2px; color: var(--text-muted); }
.ac-section summary > i:last-child { color: var(--text-muted); transition: transform .2s ease; }
.ac-section details[open] summary > i:last-child { transform: rotate(180deg); }

.ac-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; padding: 0 4px 22px 42px; }
.ac-form-grid label { color: var(--ink); font-size: var(--type-sm); font-weight: 700; }
.ac-form-grid input, .ac-form-grid select {
  width: 100%; min-height: 50px; margin-top: 7px; padding: 0 14px;
  border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface); color: var(--ink);
  font: 600 var(--type-md)/1 var(--font-ui);
}
.ac-save-row { display: flex; gap: 16px; align-items: center; padding-top: 22px; }
.ac-save-row button { min-height: 48px; padding: 0 22px; border: 0; border-radius: var(--radius-md); background: var(--wd-teal-600); color: var(--surface); font-weight: 800; }
.ac-save-row span { color: var(--text-muted); }

.ac-account-rows > div { display: grid; grid-template-columns: 28px 1fr auto; gap: 12px; align-items: center; padding: 13px 0; border-bottom: 1px solid var(--border); }
.ac-account-rows > div:last-child { border-bottom: 0; }
.ac-account-rows i { color: var(--text-muted); text-align: center; }
.ac-account-rows b, .ac-account-rows small { display: block; }
.ac-account-rows b { color: var(--ink); overflow-wrap: anywhere; }
.ac-account-rows small { color: var(--text-muted); text-transform: uppercase; letter-spacing: .08em; }

.ac-pricing { scroll-margin-top: 24px; }
.ac-cadence { display: inline-flex; padding: 5px; border-radius: var(--radius-lg); background: var(--surface-soft); }
.ac-cadence button { min-height: 44px; padding: 0 16px; border: 0; border-radius: var(--radius-sm); background: transparent; color: var(--text-muted); font-weight: 800; cursor: pointer; }
.ac-cadence button[aria-pressed="true"] { background: var(--surface); color: var(--wd-navy-950); box-shadow: var(--shadow-sm); }
.ac-cadence em { margin-left: 5px; color: var(--wd-green-600); font-size: var(--type-xs); font-style: normal; }

.ac-price-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; align-items: stretch; }
.ac-price-card { position: relative; display: flex; min-width: 0; flex-direction: column; padding: 22px; border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--surface); }
.ac-price-card.featured { border-color: var(--wd-teal-600); box-shadow: var(--shadow-sm); }
.ac-price-card.current { border-color: var(--wd-teal-600); background: #f3fbfa; }
.ac-price-card.firm { background: var(--surface-soft); }
.ac-popular { align-self: flex-start; margin: -35px 0 14px; padding: 5px 10px; border-radius: var(--radius-pill); background: var(--wd-teal-600); color: var(--surface); font-size: var(--type-xs); font-weight: 800; letter-spacing: .08em; }
.ac-price-head { display: flex; gap: 8px; align-items: flex-start; justify-content: space-between; }
.ac-price-head span { color: var(--text-muted); font-size: var(--type-xs); font-weight: 800; letter-spacing: .12em; }
.ac-price-head h3 { margin: 3px 0 0; color: var(--wd-navy-950); font-size: var(--type-xl); }
.ac-price-head em { padding: 4px 8px; border-radius: var(--radius-pill); background: #dff4ef; color: var(--wd-green-600); font-size: var(--type-xs); font-style: normal; font-weight: 800; white-space: nowrap; }
.ac-price { display: flex; gap: 5px; align-items: baseline; margin-top: 22px; }
.ac-price b { color: var(--wd-navy-950); font-size: var(--type-2xl); line-height: 1; letter-spacing: -.045em; }
.ac-price span, .ac-price-card > small { color: var(--text-muted); }
.ac-price-card > p { min-height: 88px; color: var(--text-muted); line-height: 1.5; }
.ac-price-card ul { flex: 1; margin: 0 0 20px; padding: 0; list-style: none; }
.ac-price-card li { display: flex; gap: 8px; margin: 9px 0; color: var(--ink); font-size: var(--type-sm); line-height: 1.4; }
.ac-price-card li i { margin-top: 3px; color: var(--wd-teal-600); }
.ac-price-card > button { min-height: 48px; padding: 0 14px; border: 1px solid var(--wd-navy-950); border-radius: var(--radius-md); background: var(--wd-navy-950); color: var(--surface); font-weight: 800; cursor: pointer; }
.ac-price-card > button:disabled { border-color: var(--border); background: var(--surface-soft); color: var(--text-muted); cursor: not-allowed; }
.ac-pricing-note { display: flex; gap: 10px; margin: 20px 0 0; color: var(--text-muted); font-size: var(--type-sm); }
.ac-pricing-note i { margin-top: 3px; color: var(--wd-teal-600); }

@media (max-width: 1536px) {
  .ac-price-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .ac-price-card > p { min-height: 56px; }
}

@media (max-width: 1024px) {
  .ac-price-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ac-price-card > p { min-height: 48px; }
}

@media (max-width: 768px) {
  .ac-profile-hero { grid-template-columns: auto 1fr; padding: 22px 18px; }
  .ac-completion { grid-column: 1 / -1; min-width: 0; text-align: left; }
  .ac-section { padding: 20px 16px; border-radius: var(--radius-lg); }
  .ac-section > header, .ac-pricing-header { align-items: stretch; flex-direction: column; }
  .ac-stats, .ac-form-grid, .ac-price-grid { grid-template-columns: 1fr; }
  .ac-form-grid { padding-left: 0; }
  .ac-cadence { width: 100%; }
  .ac-cadence button { flex: 1; }
  .ac-price-card > p { min-height: 0; }
  .ac-popular { margin-top: -31px; }
}