/* ---- Become a Provider : page styles ---- */
.provider-hero h1 { font-size: 44px; line-height: 1.15; }
.hero-btns { display: flex; gap: 16px; flex-wrap: wrap; margin-top: 28px; }
.provider-hero .img-round img { aspect-ratio: 1000 / 563; }

.provider-form { max-width: 880px; margin: 0 auto; }
.form-note { text-align: center; color: var(--sv-muted); margin-bottom: 34px; }
.provider-form .field label {
  font-family: "Space Grotesk", sans-serif;
  font-size: 12px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}
.btn--purple { background: var(--sv-purple); color: #fff; }
.btn--purple:hover { background: var(--sv-orange); color: #fff; }

.faq-acc .acc { border: none; background: transparent; }
.faq-acc .acc summary { background: var(--sv-surface); border-radius: var(--sv-radius); }
.faq-acc .acc[open] summary { background: var(--sv-ink); color: #fff; border-radius: var(--sv-radius) var(--sv-radius) 0 0; }
.faq-acc .acc[open] summary::after { color: #fff; }
.faq-acc .acc .acc__body { padding: 18px 22px 8px; }

@media (max-width: 640px) {
  .provider-hero h1 { font-size: 32px; }
}