/* Hero and shared section patterns. */
.amx-hero { position: relative; display: grid; align-items: center; min-height: clamp(360px, 52vh, 620px); color: #fff; isolation: isolate; }
.amx-hero__media { position: absolute; inset: 0; z-index: -2; }
.amx-hero__media img { width: 100%; height: 100%; object-fit: cover; }
.amx-hero::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(6,26,74,.78) 0%, rgba(6,26,74,.35) 70%, transparent 100%); }
.amx-hero__inner { padding-block: var(--amx-space-6); max-width: 46rem; }
.amx-hero h1 { color: #fff; }
.amx-hero p { color: rgba(255,255,255,.9); font-size: var(--amx-step-1); }
.amx-faq { display: grid; gap: var(--amx-space-3); }
.amx-faq__item { border: 1px solid var(--amx-line); border-radius: var(--amx-radius); padding: var(--amx-space-3) var(--amx-space-4); }
.amx-faq__q { font-weight: 600; color: var(--amx-navy); margin: 0 0 var(--amx-space-2); }