/* Credibled contact-us page CSS. Scope: .cb-contact. Load after core. Rules only. */

.cb-contact .cx-hero { padding: var(--space-16) 0 var(--space-10); background: linear-gradient(170deg, var(--white) 0%, var(--indigo-50) 100%); border-bottom: 1px solid var(--border-subtle); }
.cb-contact .cx-hero h1 { font: var(--type-display-2); letter-spacing: var(--ls-display); color: var(--text-strong); margin: 0 0 var(--space-5); max-width: 16ch; }
.cb-contact .cx-hero p { font: var(--type-body-lg); color: var(--text-body); max-width: 58ch; }

.cb-contact .cx-head { max-width: 60ch; margin: 0 0 var(--space-10); }
.cb-contact .cx-head p { font: var(--type-body); color: var(--text-body); margin-top: var(--space-3); }

.cb-contact .cx-split { display: grid; grid-template-columns: 1fr 360px; gap: var(--space-10); align-items: start; padding: var(--space-16) 0; }
.cb-contact .cx-form-head { font: var(--type-h3); color: var(--text-strong); margin: 0 0 var(--space-6); }
.cb-contact .cx-detail + .cx-detail { margin-top: var(--space-5); padding-top: var(--space-5); border-top: 1px solid var(--border-subtle); }
.cb-contact .cx-detail-k { font: var(--fw-semibold) var(--fs-overline)/1 var(--font-sans); letter-spacing: var(--ls-overline); text-transform: uppercase; color: var(--text-muted); margin-bottom: var(--space-2); }
.cb-contact .cx-detail-v { font: var(--type-body); color: var(--text-strong); }
.cb-contact .cx-panel { background: var(--surface-brand); border-radius: var(--radius-lg); box-shadow: var(--shadow-md); padding: var(--space-6); position: sticky; top: var(--space-6); }
.cb-contact .cx-panel-block + .cx-panel-block { margin-top: var(--space-6); padding-top: var(--space-6); border-top: 1px solid var(--border-inverse); }
.cb-contact .cx-panel-h { font: var(--fw-semibold) var(--fs-body-lg)/1.4 var(--font-sans); color: var(--text-on-dark) !important; margin: 0 0 var(--space-2); }
.cb-contact .cx-panel-k { font: var(--fw-semibold) var(--fs-overline)/1 var(--font-sans); letter-spacing: var(--ls-overline); text-transform: uppercase; color: var(--text-on-dark-muted); margin-bottom: var(--space-2); }
.cb-contact .cx-panel-v { font: var(--type-body-sm); color: var(--text-on-dark); }
.cb-contact .cx-panel-v + .cx-panel-v { margin-top: var(--space-1); }
.cb-contact .cx-panel-v a, .cb-contact .cx-panel-v a:hover { color: var(--text-on-dark) !important; border-bottom: 1px solid rgba(255,255,255,.32); }
.cb-contact .cx-panel-p { font: var(--type-body-sm); color: var(--text-on-dark-muted); margin: 0 0 var(--space-4); }
.cb-contact .cx-panel-flag { font: var(--type-caption); color: var(--text-on-dark-muted); }

.cb-contact .cx-group + .cx-group { margin-top: var(--space-12); }
.cb-contact .cx-group-k { font: var(--fw-semibold) var(--fs-overline)/1 var(--font-sans); letter-spacing: var(--ls-overline); text-transform: uppercase; color: var(--text-muted); margin: 0 0 var(--space-4); padding-bottom: var(--space-3); border-bottom: 1px solid var(--border-subtle); }
.cb-contact .cx-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-5); }
.cb-contact .cx-card-ico { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: var(--radius-md); background: var(--surface-lavender); border: 1px solid var(--indigo-100); color: var(--brand); margin-bottom: var(--space-4); }
.cb-contact .cx-card h3 { font: var(--type-h4); color: var(--text-strong); margin: 0 0 var(--space-2); }
.cb-contact .cx-card p { font: var(--type-body-sm); color: var(--text-body); margin: 0 0 var(--space-4); }

.cb-contact .cx-trust { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-3) var(--space-6); padding: var(--space-8) 0; border-top: 1px solid var(--border-subtle); border-bottom: 1px solid var(--border-subtle); font: var(--type-body-sm); color: var(--text-muted); }
.cb-contact .cx-trust span { display: inline-flex; align-items: center; gap: var(--space-2); }
.cb-contact .cx-trust svg { color: var(--accent); flex: none; }

.cb-contact .cx-faq-list { max-width: var(--container-narrow); margin: 0 auto; }

.cb-contact .cx-cta { background: var(--surface-brand); border-radius: var(--radius-xl); padding: var(--space-16) var(--space-8); text-align: center; }
.cb-contact .cx-cta h2 { font: var(--type-h2); color: var(--text-on-dark) !important; margin: 0 auto var(--space-8); max-width: 24ch; }
.cb-contact .cx-cta-row { display: flex; justify-content: center; gap: var(--space-4); flex-wrap: wrap; }

@media (max-width: 980px) {
  .cb-contact .cx-cards { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 860px) {
  .cb-contact .cx-hero { padding: var(--space-12) 0 var(--space-8); }
  .cb-contact .cx-hero h1 { font: var(--type-h1); letter-spacing: var(--ls-display); }
  .cb-contact .cx-split { grid-template-columns: 1fr; gap: var(--space-8); padding: var(--space-12) 0; }
  .cb-contact .cx-panel { position: static; }
  .cb-contact .cx-cards { grid-template-columns: 1fr; }
  .cb-contact .cx-cta { padding: var(--space-12) var(--space-5); border-radius: var(--radius-lg); }
  .cb-contact .cx-cta-row .cb-btn { width: 100%; }
}