.account-settings { margin-bottom: 1rem; }
.account-password { max-width: 620px; }
.user-list-actions { display: flex; align-items: center; gap: .65rem; }
.danger-dialog p { color: #536078; line-height: 1.6; }
.danger-dialog strong { color: var(--ink); }
.danger-eyebrow { color: var(--red); }
.audit-heading { align-items: end; }
.audit-filter { display: flex; align-items: flex-end; gap: .75rem; flex-shrink: 0; }
.audit-filter label { display: flex; flex-direction: column; gap: .35rem; margin: 0; color: #536078; font-size: .8rem; font-weight: 700; }
.audit-filter select { min-width: 130px; padding: .8rem 2.2rem .8rem .8rem; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.audit-filter .btn { min-height: 46px; display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; }
.audit-table td { vertical-align: top; }
.audit-table td small { display: block; margin-top: .2rem; color: #6b7b91; }
.audit-table .audit-detail { min-width: 290px; white-space: normal; }
.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; }
.product-formats { max-width: none; background: var(--bg); }
.product-formats > * { max-width: 1160px; margin-left: auto; margin-right: auto; }
.format-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; margin-top: 2.75rem; }
.format-card { overflow: hidden; border: 1px solid var(--line); border-radius: 24px; background: var(--white); box-shadow: 0 12px 35px rgba(17,40,80,.07); }
.format-image { width: 50%; aspect-ratio: 1; margin: 1.5rem auto 0; overflow: hidden; border-radius: 18px; background: #f8fbff; }
.format-image.transparent { background: transparent; }
.format-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.format-card:hover .format-image img { transform: scale(1.025); }
.format-copy { padding: 1.6rem 1.75rem 1.8rem; }
.format-label { display: inline-flex; margin-bottom: .65rem; padding: .3rem .65rem; border-radius: 20px; background: #edf4ff; color: var(--blue); font-size: .72rem; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.format-copy h3 { margin: 0 0 .55rem; color: var(--navy); font: 800 1.45rem 'Manrope', sans-serif; }
.format-copy p { margin: 0; font-size: .96rem; }
.delivery-box { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: .8rem 1.5rem; margin-top: 1.5rem; padding: 1.2rem 1.4rem; border: 1px solid #cfe0ff; border-radius: 16px; background: #fff; }
.delivery-box strong { color: var(--navy); }
.delivery-box span { color: #536078; font-size: .9rem; font-weight: 600; }
.product-note { margin: 1rem auto 0!important; text-align: center; font-size: .78rem!important; color: #8792a3!important; }
.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; }
  .audit-heading { align-items: stretch; }
  .audit-filter { width: 100%; justify-content: flex-start; }
}
@media (max-width: 620px) {
  .audit-heading, .audit-filter { align-items: stretch; }
  .audit-filter { display: grid; width: 100%; }
  .inline-form { display: grid; }
  .section { padding-top: 3.25rem; padding-bottom: 3.25rem; }
  .faq-grid { grid-template-columns: 1fr; }
  .format-grid { grid-template-columns: 1fr; }
  .format-image { width: 58%; }
  .delivery-box { align-items: flex-start; flex-direction: column; }
}