.account-settings { margin-bottom: 1rem; }
.brand-mark { object-fit: contain; flex: 0 0 auto; }
.hero { min-height: 570px; padding-top: 2.5rem; padding-bottom: 3.5rem; }
.section { padding-top: 4.5rem; padding-bottom: 4.5rem; }
.intro { padding-top: 4rem; }
.steps { margin-top: 2.25rem; }
.split { gap: 4rem; }
.showcase { gap: 3rem; }
.inline-form { display: flex; align-items: end; gap: 1rem; }
.inline-form label { display: grid; gap: .45rem; flex: 1; font-size: .85rem; font-weight: 700; }
.inline-form input { padding: .75rem; border: 1px solid var(--line); border-radius: 10px; }
.faq .section-heading { margin-bottom: 2.25rem; }
.faq-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.faq-grid article { padding: 1.6rem; border: 1px solid var(--line); border-radius: 18px; background: var(--white); }
.faq-grid h3 { margin: 0 0 .65rem; font-family: 'Manrope', sans-serif; color: var(--navy); }
.faq-grid p { margin: 0; font-size: .95rem; }
@media (max-width: 900px) {
  .hero { min-height: auto; padding-top: 2.5rem; padding-bottom: 3rem; }
  .section { padding-top: 3.75rem; padding-bottom: 3.75rem; }
}
@media (max-width: 620px) {
  .inline-form { display: grid; }
  .section { padding-top: 3.25rem; padding-bottom: 3.25rem; }
  .faq-grid { grid-template-columns: 1fr; }
}