.mb-product { font-weight: var(--weight-semibold); }
.mb-product-note { display: block; color: var(--muted); font-size: var(--type-body-small); font-weight: var(--weight-regular); }
.mb-wordmark { display: inline-flex; width: 145px; height: 30px; align-items: center; justify-content: center; vertical-align: top; }
.mb-wordmark img { width: 165px; height: auto; max-width: none; flex: none; }
.mb-flow-wordmark { display: block; width: 165px; max-width: 100%; height: auto; margin-left: -10px; }
.mb-navigation { flex-wrap: wrap; padding-block: var(--space-2) var(--space-3); }
.mb-header .mb-navigation { width: min(calc(100% - (var(--gutter) * 2)), var(--max)); }
.mb-navigation .header-cta { margin-left: auto; }
.mb-header nav a:hover, .mb-footer a { text-decoration: underline; }
.mb-hero { padding-block: var(--hero-space); background: var(--ice); }
.mb-hero-grid { display: grid; grid-template-columns: 1.4fr 1fr; gap: var(--space-6); align-items: center; }
.mb-kicker { font-size: var(--type-eyebrow); font-weight: var(--weight-semibold); letter-spacing: var(--tracking-eyebrow); line-height: 1.25; margin: 0 0 var(--space-4); }
h1 { font-size: var(--type-display); line-height: var(--leading-display); letter-spacing: var(--tracking-display); margin: 0 0 var(--space-5); overflow-wrap: anywhere; }
h2 { font-size: var(--type-heading); line-height: var(--leading-heading); letter-spacing: var(--tracking-heading); margin: 0 0 var(--space-4); }
h3 { font-size: var(--type-subheading); line-height: var(--leading-heading); margin: 0 0 var(--space-3); }
p { margin: 0 0 var(--space-4); }
.mb-lead { font-size: var(--type-lead); line-height: var(--leading-lead); max-width: var(--reading); }
.mb-actions { display: flex; flex-wrap: wrap; gap: var(--space-4); align-items: center; margin-top: var(--space-5); }
.mb-note { font-size: var(--type-body-small); color: var(--muted); margin-top: var(--space-3); }
.mb-text-link { color: var(--blue-2); text-decoration: underline; text-underline-offset: 4px; }
.mb-flow { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); padding: var(--space-5); }
.mb-flow p:not(.mb-kicker) { padding: var(--space-4); border-radius: var(--radius-card); margin: 0; background: var(--ice); }
.mb-flow strong { display: block; font-size: var(--type-lead); }
.mb-flow span { display: block; }
.mb-flow p.mb-flow-bridge { background: var(--navy); color: var(--surface); }
.mb-arrow { text-align: center; color: var(--blue-2); padding: var(--space-1); }
.mb-split { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-6); }
.mb-cards { list-style: none; padding: 0; margin: var(--space-5) 0 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--grid-gap); }
.mb-cards li { border-top: 2px solid var(--blue); padding-top: var(--space-4); }
.mb-number { display: block; color: var(--blue-2); font-size: var(--type-subheading); margin-bottom: var(--space-4); }
.mb-ice { background: var(--ice); }
.mb-navy { color: var(--surface); background: var(--navy); }
.mb-navy .button-secondary { color: var(--navy); }
.mb-navy .mb-note { color: var(--ice); }
.mb-navy .mb-cards li { border-top-color: var(--line); }
.mb-choice { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-6); padding-top: var(--space-6); margin-top: var(--space-5); border-top: 1px solid var(--line); }
.mb-notice { padding: var(--space-4); border-left: 3px solid var(--blue-2); background: var(--surface); }
.mb-faq details { border-bottom: 1px solid var(--line); padding-block: var(--space-4); }
.mb-faq summary { cursor: pointer; font-weight: var(--weight-semibold); }
.mb-faq details p { margin-top: var(--space-3); }
.mb-footer { padding-block: var(--space-5); background: var(--surface); }
.mb-footer .container { display: flex; justify-content: space-between; gap: var(--space-5); }
.mb-footer-top { align-items: center; }
.mb-footer nav { display: flex; flex-wrap: wrap; gap: var(--space-4); }
.mb-footer .mb-footer-note { display: block; margin: var(--space-4) auto 0; color: var(--muted); font-size: var(--type-body-small); }
.mb-footer img { object-fit: contain; }
section[id] { scroll-margin-top: 170px; }
.mb-preparation { min-height: 62vh; display: flex; align-items: center; }
a:focus-visible, summary:focus-visible { outline: 3px solid var(--blue-2); outline-offset: 4px; }
.mb-skip { position: absolute; top: -100px; left: var(--gutter); padding: var(--space-3); background: var(--navy); color: var(--surface); z-index: 10; }
.mb-skip:focus { top: var(--space-2); }
@media (max-width: 900px) { .mb-hero-grid, .mb-split { grid-template-columns: 1fr; } }
@media (max-width: 760px) {
  .mb-cards, .mb-choice { grid-template-columns: 1fr; }
  .mb-footer .container { flex-direction: column; }
  .mb-header .header-inner { align-items: center; }
  .mb-product { width: 100%; padding-bottom: var(--space-2); }
  .mb-navigation .header-cta { margin-left: 0; }
  .mb-footer-top { align-items: flex-start; }
  section[id] { scroll-margin-top: 290px; }
  h1 { font-size: var(--type-heading); }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .button { transition: none; } }