* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: "Open Sans", sans-serif; color: var(--white); background: var(--navy-900); }
h1, h2, h3 { font-family: "Montserrat", sans-serif; font-weight: 700; margin: 0 0 16px; line-height: 1.1; letter-spacing: .01em; }
p { line-height: 1.7; margin: 0 0 14px; }
a { color: inherit; }
.mab-wrap { width: min(1200px, 92%); margin: 0 auto; }
.mab-narrow { width: min(860px, 92%); }
.mab-two-col { width:min(1200px,92%); margin:0 auto; display:grid; grid-template-columns: 1fr 1fr; gap: 28px; align-items: start; }
.mab-header { position: sticky; top: 0; z-index: 20; backdrop-filter: blur(6px); background: rgba(8, 21, 53, 0.9); border-bottom: 1px solid rgba(233,137,45,.25); }
.mab-header .mab-wrap { display:flex; justify-content:space-between; align-items:center; padding: 14px 0; gap:20px; }
.mab-brand { display:inline-flex; align-items:center; text-decoration:none; }
.mab-brand img { display:block; width:auto; height:56px; max-width:220px; object-fit:contain; }
.mab-nav { display:flex; gap:16px; align-items:center; flex-wrap:wrap; }
.mab-nav a { color: var(--white); text-decoration:none; font-size: .95rem; font-weight: 600; }
.mab-nav a:hover { color: var(--gold-300); }
.mab-btn { background: var(--gold-500); color: var(--navy-900) !important; padding: 10px 16px; border-radius: 999px; font-weight: 700; text-decoration: none; display:inline-block; }
.mab-section { padding: 96px 0; }
.mab-hero { min-height: 78vh; display:flex; align-items:center; background: radial-gradient(circle at 80% 20%, rgba(172,30,35,.22), transparent 35%), linear-gradient(130deg, #071027 0%, #081535 55%, #0a1f4e 100%); }
.mab-kicker { color: var(--gold-300); letter-spacing: .08em; text-transform: uppercase; font-weight: 700; }
.mab-subtitle { font-size: 1.2rem; color: #d9dee8; }
.mab-light { background: var(--paper-100); color: #1d2a3d; }
blockquote { border-left: 4px solid var(--accent-red); margin: 16px 0; padding: 8px 0 8px 16px; font-style: italic; background: rgba(233,137,45,.08); }
.mab-grid { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 14px; list-style:none; padding:0; margin:0; }
.mab-grid li { background: #11284d; border:1px solid rgba(233,137,45,.35); border-radius:12px; padding:16px; display:flex; gap:8px; }
.mab-icon { color: var(--gold-500); }
.mab-list { margin:0; padding-left: 20px; }
.mab-list li { margin-bottom: 8px; }
.mab-image-panel { background: #0d223e; border:1px solid rgba(233,137,45,.35); border-radius: 14px; overflow: hidden; box-shadow: 0 10px 30px rgba(8,21,53,.25); }
.mab-image-panel img { display:block; width:100%; height:auto; }
.mab-image-caption { padding: 12px 14px; font-size: .95rem; color: #d7dfeb; }
.mab-footer { border-top:1px solid rgba(233,137,45,.25); padding: 24px 0; color:#d0d7e4; background:#081535; }
[data-reveal] { opacity: 0; transform: translateY(22px); transition: opacity .55s ease, transform .55s ease; }
[data-reveal].is-visible { opacity: 1; transform: translateY(0); }
@media (max-width: 900px) {
  .mab-section { padding: 64px 0; }
  .mab-grid { grid-template-columns: 1fr 1fr; }
  .mab-two-col { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .mab-brand img { height:44px; max-width:180px; }
  .mab-grid { grid-template-columns: 1fr; }
  .mab-header .mab-wrap { align-items:flex-start; }
}