






:root {
  --mp-navy: #2c161e;
  --mp-navy-deep: #231016;
  --mp-navy-raised: #46222e;
  --mp-navy-line: #5e3442;

  --mp-cyan: #e499ef;
  --mp-cyan-ink: #9a1ca5;

  --mp-amber: #1ed162;
  --mp-amber-ink: #156e35;

  --mp-paper: #f5eff3;
  --mp-white: #ffffff;
  --mp-paper-tint: #efe3ea;
  --mp-paper-line: #e5d4dd;

  --mp-ink: #2c161e;
  --mp-ink-muted: #6d4c57;
  --mp-on-dark: #f5eff3;
  --mp-on-dark-muted: #d5a2b2;

  --mp-font: "Figtree", 'Segoe UI', Arial, sans-serif;
  --mp-container: 1240px;
  --mp-radius-sm:10.8px;
  --mp-radius:18.9px;
  --mp-radius-lg:29.7px;
  --mp-shadow: 0 22px 48px -24px rgba(19, 8, 11, 0.55);
  --mp-header-h: 4.5rem;
}


*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
}
body.mp-page {
  margin:0;
  font-family: var(--mp-font);
  background: var(--mp-paper);
  color: var(--mp-ink);
  font-size: 1.03rem;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
.mp-page img { max-width: 100%; height: auto; display: block; }
.mp-page button, .mp-page input, .mp-page select, .mp-page textarea { font-family: inherit; font-size: 1rem; }
.mp-page a { text-decoration: none; }
.mp-page ul, .mp-page ol { list-style: none; margin:0; padding:0; }
.mp-page figure { margin:0; }
.mp-page table { border-collapse: collapse; }
.mp-page :focus-visible { outline: 3px solid var(--mp-cyan); outline-offset: 2px; }
section[id] { scroll-margin-top: calc(var(--mp-header-h) + 1rem); }


.mp-container { width: 100%; max-width: var(--mp-container); margin-inline:auto; padding-inline:1.2rem; }
@media (min-width: 640px) { .mp-container { padding-inline:1.9rem; } }
@media (min-width: 1120px) { .mp-container { padding-inline:2.7rem; } }

.mp-visually-hidden {
  position: absolute !important;
  width: 1px; height: 1px;
  padding:0; margin:-1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}

.mp-skip {
  position: absolute;
  left: 1rem;
  top: -4rem;
  background: var(--mp-amber);
  color: var(--mp-navy);
  font-weight: 700;
  padding:0.7rem 1.2rem;
  border-radius:var(--mp-radius-sm);
  z-index: 999;
  transition: top 0.15s ease;
}
.mp-skip:focus { top: 1rem; }


.mp-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap:0.5rem;
  font-family: var(--mp-font);
  font-weight: 700;
  font-size: 1rem;
  letter-spacing: 0.005em;
  padding:0.9rem 1.7rem;
  border-radius:1348.7px;
  border: 2px solid transparent;
  cursor: pointer;
  white-space: nowrap;
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}
.mp-btn:active { transform: translateY(1px); }

.mp-btn--primary { background: var(--mp-amber); color: var(--mp-navy); border-color: var(--mp-amber); }
.mp-btn--primary:hover { background: var(--mp-navy); color: var(--mp-amber); border-color: var(--mp-amber); }

.mp-btn--ghost-dark { background: transparent; color: var(--mp-on-dark); border-color: var(--mp-navy-line); }
.mp-btn--ghost-dark:hover { background: var(--mp-navy-raised); color: var(--mp-cyan); border-color: var(--mp-cyan); }

.mp-btn--ghost-light { background: transparent; color: var(--mp-ink); border-color: var(--mp-paper-line); }
.mp-btn--ghost-light:hover { background: var(--mp-navy); color: var(--mp-on-dark); border-color: var(--mp-navy); }

.mp-btn--block { width: 100%; }


.mp-eyebrow {
  display: inline-flex;
  align-items: center;
  gap:0.5rem;
  background: var(--mp-cyan);
  color: var(--mp-navy);
  font-weight: 700;
  font-size: 0.78rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding:0.4rem 0.8rem;
  border-radius:1348.7px;
}
.mp-eyebrow--amber { background: var(--mp-amber); }

.mp-tag {
  display: inline-flex;
  align-items: center;
  gap:0.4rem;
  font-weight: 700;
  font-size: 0.8rem;
  letter-spacing: 0.02em;
  padding:0.4rem 0.8rem;
  border-radius:1348.7px;
  border: 1.5px solid currentColor;
}
.mp-tag--ondark { color: var(--mp-on-dark-muted); border-color: var(--mp-navy-line); }
.mp-tag--onlight { color: var(--mp-ink-muted); border-color: var(--mp-paper-line); }


.mp-header { background: var(--mp-navy); position: sticky; top: 0; z-index: 100; border-bottom: 1px solid var(--mp-navy-line); }
.mp-header__inner { display: flex; align-items: center; justify-content: space-between; gap:1.1rem; padding-block:0.9rem; }

.mp-brand { display: inline-flex; align-items: center; gap:0.7rem; }
.mp-brand__mark { width: 40px; height: 40px; flex: 0 0 auto; display: block; }
.mp-brand__word { font-weight: 700; font-size: 1.28rem; letter-spacing: -0.01em; color: var(--mp-on-dark); white-space: nowrap; line-height: 1; }
.mp-brand__word span { color: var(--mp-cyan); }

.mp-nav { display: none; }
.mp-nav__link {
  display: inline-block;
  color: var(--mp-on-dark-muted);
  font-weight: 700;
  font-size: 0.98rem;
  white-space: nowrap;
  padding:0.4rem 0.2rem;
  margin-inline:0.7rem;
  border-bottom: 2px solid transparent;
  transition: color 0.15s ease, border-color 0.15s ease;
}
.mp-nav__link:hover { color: var(--mp-on-dark); border-color: var(--mp-cyan); }
.mp-nav__link[aria-current="page"] { color: var(--mp-cyan); border-color: var(--mp-cyan); }

.mp-header__cta { display: none; }

.mp-menu-toggle {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap:5.4px;
  width: 42px;
  height: 40px;
  background: transparent;
  border: 1.5px solid var(--mp-navy-line);
  border-radius:var(--mp-radius-sm);
  cursor: pointer;
  flex: 0 0 auto;
}
.mp-menu-toggle span { display: block; width: 20px; height: 2px; background: var(--mp-on-dark); }
.mp-menu-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.mp-menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.mp-menu-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }


.mp-mobile-panel {
  position: fixed;
  inset: 0;
  z-index: 400;
  background: var(--mp-navy-deep);
  padding:1.2rem 1.2rem 2.1rem;
  overflow-y: auto;
}
.mp-mobile-panel[hidden] { display: none; }
.mp-mobile-panel__top { display: flex; align-items: center; justify-content: space-between; margin-bottom:2.1rem; }
.mp-mobile-panel__close {
  width: 42px; height: 40px;
  background: transparent;
  border: 1.5px solid var(--mp-navy-line);
  border-radius:var(--mp-radius-sm);
  color: var(--mp-on-dark);
  font-size: 1.5rem;
  line-height: 1;
  cursor: pointer;
}
.mp-mobile-panel__list { display: flex; flex-direction: column; gap:0.2rem; margin-bottom:1.9rem; }
.mp-mobile-panel__link {
  display: block;
  color: var(--mp-on-dark);
  font-weight: 700;
  font-size: 1.55rem;
  padding:0.7rem 0.1rem;
  border-bottom: 1px solid var(--mp-navy-line);
}
.mp-mobile-panel__link:hover { color: var(--mp-cyan); }

@media (min-width: 900px) {
  .mp-nav { display: block; }
  .mp-header__cta { display: inline-flex; }
  .mp-menu-toggle { display: none; }
}


.mp-frame { position: relative; border-radius:var(--mp-radius); overflow: hidden; background: var(--mp-navy-raised); box-shadow: var(--mp-shadow); }
.mp-frame__media { display: block; width: 100%; height: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
.mp-frame__cap {
  position: absolute; left: 0; right: 0; bottom: 0;
  padding:2.6rem 1.2rem 1rem;
  background: linear-gradient(to top, rgba(19, 8, 11, 0.92) 0%, rgba(19, 8, 11, 0.92) 55%, rgba(19, 8, 11, 0) 100%);
}
.mp-frame__cap p { margin:0; color: var(--mp-on-dark); font-size: 0.92rem; line-height: 1.4; }
.mp-frame__cap p strong { color: var(--mp-cyan); }


.mp-section { padding-block:4rem; }
@media (min-width: 900px) { .mp-section { padding-block:6.2rem; } }
.mp-section--light { background-color: var(--mp-paper); }
.mp-section--white { background-color: var(--mp-white); }
.mp-section--dark { background-color: var(--mp-navy); }

.mp-head { max-width: 42rem; margin-bottom:2.7rem; }
.mp-head--center { margin-inline:auto; text-align: center; }

.mp-h2--onlight { color: var(--mp-ink); font-weight: 700; font-size: clamp(1.6rem, 3.4vw, 2.4rem); line-height: 1.15; letter-spacing: -0.01em; margin:0.7rem 0 0; }
.mp-h2--ondark { color: var(--mp-on-dark); font-weight: 700; font-size: clamp(1.6rem, 3.4vw, 2.4rem); line-height: 1.15; letter-spacing: -0.01em; margin:0.7rem 0 0; }
.mp-p--onlight { color: var(--mp-ink-muted); font-size: 1.08rem; line-height: 1.62; margin:1.1rem 0 0; }
.mp-p--ondark { color: var(--mp-on-dark-muted); font-size: 1.08rem; line-height: 1.62; margin:1.1rem 0 0; }


.mp-hero {
  background-color: var(--mp-navy);
  background-image: radial-gradient(circle at 15% 12%, rgba(228, 153, 239, 0.16), transparent 45%), linear-gradient(165deg, var(--mp-navy) 0%, var(--mp-navy-deep) 100%);
  padding-block:3.5rem 4rem;
}
@media (min-width: 900px) { .mp-hero { padding-block:4.8rem 5.4rem; } }
.mp-hero__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap:2.9rem; align-items: center; }
@media (min-width: 960px) { .mp-hero__grid { grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr); gap:3.2rem; } }

.mp-hero__title { color: var(--mp-on-dark); font-weight: 700; font-size: clamp(2.05rem, 4.6vw, 3.15rem); line-height: 1.12; letter-spacing: -0.015em; max-width: 19ch; margin:1rem 0 0; text-wrap: balance; }
.mp-hero__lede { color: var(--mp-on-dark-muted); font-size: 1.15rem; line-height: 1.62; max-width: 44ch; margin:1.2rem 0 0; }
.mp-hero__actions { display: flex; flex-wrap: wrap; gap:1rem; margin-top:2rem; }
.mp-hero__tags { display: flex; flex-wrap: wrap; gap:0.6rem; margin-top:2rem; }


.mp-map {
  position: relative;
  background-color: var(--mp-navy-raised);
  background-image:
    repeating-linear-gradient(0deg, rgba(245, 239, 243, 0.05) 0 1px, transparent 1px 28px),
    repeating-linear-gradient(90deg, rgba(245, 239, 243, 0.05) 0 1px, transparent 1px 28px);
  border: 1px solid var(--mp-navy-line);
  border-radius:var(--mp-radius-lg);
  padding:1.4rem 1.4rem 1.6rem;
  box-shadow: var(--mp-shadow);
  max-width: 460px;
  margin-inline:auto;
}
@media (min-width: 960px) { .mp-map { margin-inline:0 0 0 auto; } }
.mp-map__top { display: flex; align-items: baseline; justify-content: space-between; gap:0.8rem; margin-bottom:1.2rem; }
.mp-map__title { color: var(--mp-on-dark); font-weight: 700; font-size: 0.95rem; margin:0; }
.mp-map__entry { color: var(--mp-on-dark-muted); font-size: 0.76rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; white-space: nowrap; }

.mp-map__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:0.6rem; }
.mp-map__bay {
  border-radius:13.5px;
  min-height: 5.4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap:0.3rem;
  padding:0.5rem 0.4rem;
  text-align: center;
}
.mp-map__bay--busy { background: var(--mp-cyan); color: var(--mp-navy); }
.mp-map__bay--free { background: transparent; border: 2px dashed rgba(245, 239, 243, 0.4); color: var(--mp-on-dark); }
.mp-map__bay-icon { width: 20px; height: 20px; }
.mp-map__bay-icon svg { width: 100%; height: 100%; display: block; }
.mp-map__bay-id { font-weight: 700; font-size: 0.86rem; line-height: 1; }
.mp-map__bay-status { font-size: 0.62rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; line-height: 1; }

.mp-map__aisle { margin-top:0.9rem; padding-top:0.8rem; border-top: 1px dashed var(--mp-navy-line); display: flex; align-items: center; justify-content: center; }
.mp-map__aisle span { color: var(--mp-on-dark-muted); font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; }

.mp-map__legend { display: flex; flex-wrap: wrap; gap:1.1rem; margin-top:1.1rem; }
.mp-map__legend-item { display: inline-flex; align-items: center; gap:0.5rem; color: var(--mp-on-dark-muted); font-size: 0.82rem; }
.mp-map__swatch { width: 13px; height: 13px; border-radius:5.4px; flex: 0 0 auto; }
.mp-map__swatch--busy { background: var(--mp-cyan); }
.mp-map__swatch--free { background: transparent; border: 2px dashed rgba(245, 239, 243, 0.45); }


.mp-narrative__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap:2.4rem; align-items: center; }
@media (min-width: 900px) { .mp-narrative__grid { grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); gap:3.5rem; } }
.mp-narrative__photo .mp-frame { max-width: 560px; }
.mp-narrative__body p + p { margin-top:1.1rem; }


.mp-bento__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap:1.2rem; }
@media (min-width: 680px) { .mp-bento__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .mp-bento__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap:1.4rem; } }

.mp-bento__card { background: var(--mp-white); border-radius:var(--mp-radius); padding:1.9rem 1.7rem; box-shadow: var(--mp-shadow); border-top: 3px solid var(--mp-cyan); }
.mp-bento__card-icon { display: block; width: 2.4rem; height: 2.4rem; color: var(--mp-cyan-ink); margin-bottom:1.1rem; }
.mp-bento__card-icon svg { display: block; width: 100%; height: 100%; }
.mp-bento__card-title { color: var(--mp-ink); font-weight: 700; font-size: 1.16rem; letter-spacing: -0.005em; margin:0 0 0.6rem; }
.mp-bento__card-text { color: var(--mp-ink-muted); font-size: 0.97rem; line-height: 1.58; margin:0; }


.mp-process__wrap { display: grid; grid-template-columns: minmax(0, 1fr); gap:3.2rem; align-items: center; }
@media (min-width: 960px) { .mp-process__wrap { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); gap:3.7rem; } }
.mp-process__rail { display: flex; flex-direction: column; }
@media (min-width: 640px) { .mp-process__rail { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap:1.2rem; } }
.mp-process__step { position: relative; padding:0 0 1.7rem 2.8rem; }
@media (min-width: 640px) { .mp-process__step { padding:2.4rem 0 0; } }
.mp-process__step::before {
  content: "";
  position: absolute; left: 0.55rem; top: 0.2rem; bottom: -0.2rem;
  width: 2px; background: var(--mp-navy-line);
}
@media (min-width: 640px) { .mp-process__step::before { left: 0; right: 0; top: 0.55rem; bottom: auto; height: 2px; width: auto; } }
.mp-process__step:last-child::before { display: none; }
.mp-process__num {
  position: absolute; left: 0; top: -0.1rem;
  width: 1.85rem; height: 1.85rem;
  border-radius:50%;
  background: var(--mp-cyan); color: var(--mp-navy);
  font-weight: 700; font-size: 0.82rem;
  display: inline-flex; align-items: center; justify-content: center;
}
@media (min-width: 640px) { .mp-process__num { position: static; margin-bottom:1rem; } }
.mp-process__title { color: var(--mp-on-dark); font-weight: 700; font-size: 1.02rem; margin:0 0 0.3rem; }
.mp-process__text { color: var(--mp-on-dark-muted); font-size: 0.95rem; line-height: 1.5; margin:0; }


.mp-case__wrap { display: flex; justify-content: center; }
.mp-case__card {
  display: flex; flex-direction: column;
  background: var(--mp-white);
  border-radius:var(--mp-radius);
  box-shadow: var(--mp-shadow);
  padding:2.2rem;
  max-width: 50rem;
}
.mp-case__tag { color: var(--mp-cyan-ink); font-weight: 700; font-size: 0.8rem; letter-spacing: 0.05em; text-transform: uppercase; }
.mp-case__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap:1.6rem; margin-top:1.1rem; align-items: center; }
@media (min-width: 720px) { .mp-case__grid { grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr); gap:2.2rem; } }
.mp-case__photo .mp-frame { max-width: 100%; }
.mp-case__text { color: var(--mp-ink); font-size: 1.04rem; line-height: 1.6; margin:0; }
.mp-case__text + .mp-case__text { margin-top:0.9rem; }
.mp-case__disclaimer {
  margin-top:auto;
  padding-top:1.4rem;
  border-top: 1px solid var(--mp-paper-line);
  color: var(--mp-ink-muted);
  font-size: 0.86rem;
  font-style: italic;
}
.mp-case__disclaimer-spacer { padding-top:1.4rem; }


.mp-compare__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap:1.9rem; position: relative; max-width: 60rem; margin-inline:auto; }
@media (min-width: 780px) { .mp-compare__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap:2.7rem; } }
.mp-compare__card {
  display: flex; flex-direction: column;
  background: var(--mp-navy-raised);
  border: 1px solid var(--mp-navy-line);
  border-radius:var(--mp-radius);
  padding:2rem;
}
.mp-compare__card--hi { background: var(--mp-navy-deep); border: 2px solid var(--mp-cyan); box-shadow: var(--mp-shadow); position: relative; }
.mp-compare__badge {
  position: absolute; top: -0.85rem; left: 1.6rem;
  background: var(--mp-amber); color: var(--mp-navy);
  font-weight: 700; font-size: 0.72rem; letter-spacing: 0.05em; text-transform: uppercase;
  padding:0.3rem 0.7rem; border-radius:1348.7px;
}
.mp-compare__kicker { color: var(--mp-on-dark-muted); font-weight: 700; font-size: 0.78rem; letter-spacing: 0.05em; text-transform: uppercase; }
.mp-compare__title { color: var(--mp-on-dark); font-weight: 700; font-size: 1.4rem; letter-spacing: -0.01em; margin:0.5rem 0 1.2rem; line-height: 1.2; }
.mp-compare__rows { display: flex; flex-direction: column; }
.mp-compare__row { display: flex; flex-direction: column; gap:0.2rem; padding:0.9rem 0; border-top: 1px solid var(--mp-navy-line); }
.mp-compare__row:first-child { border-top: none; padding-top:0; }
.mp-compare__row dt { color: var(--mp-on-dark-muted); font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.04em; font-weight: 700; margin:0; }
.mp-compare__row dd { color: var(--mp-on-dark); font-size: 1rem; margin:0; line-height: 1.45; }
.mp-compare__foot { margin-top:auto; padding-top:1.2rem; color: var(--mp-on-dark-muted); font-size: 0.86rem; font-weight: 700; }

.mp-compare__vs {
  display: none;
}
@media (min-width: 780px) {
  .mp-compare__vs {
    display: flex; align-items: center; justify-content: center;
    position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
    width: 2.6rem; height: 2.6rem; border-radius:50%;
    background: var(--mp-amber); color: var(--mp-navy);
    font-weight: 700; font-size: 0.78rem;
    z-index: 2; box-shadow: 0 0 0 6px var(--mp-navy);
  }
}


.mp-detail__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap:2.4rem; align-items: center; }
@media (min-width: 900px) { .mp-detail__grid { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); gap:3.5rem; } }
.mp-detail__photo .mp-frame { max-width: 560px; }
.mp-detail__notes { display: flex; flex-direction: column; gap:1.2rem; margin-top:1.9rem; }
.mp-detail__note { border-top: 1px solid var(--mp-paper-line); padding-top:1.2rem; }
.mp-detail__note:first-child { border-top: none; padding-top:0; }
.mp-detail__note-title { color: var(--mp-cyan-ink); font-weight: 700; font-size: 1rem; margin:0 0 0.3rem; }
.mp-detail__note-text { color: var(--mp-ink-muted); font-size: 0.97rem; line-height: 1.55; margin:0; }
.mp-detail__note-illustrative { color: var(--mp-ink-muted); font-size: 0.78rem; font-style: italic; }


.mp-faq__list { max-width: 54rem; margin-inline:auto; display: flex; flex-direction: column; gap:0.7rem; }
.mp-faq__item { background: var(--mp-white); border: 1px solid var(--mp-paper-line); border-radius:var(--mp-radius); padding:0 1.4rem; }
.mp-faq__item[open] { border-color: var(--mp-cyan); }
.mp-faq__summary { list-style: none; display: flex; align-items: center; justify-content: space-between; gap:1.1rem; padding:1.3rem 0; cursor: pointer; color: var(--mp-ink); font-weight: 700; font-size: 1.04rem; }
.mp-faq__summary::-webkit-details-marker { display: none; }
.mp-faq__icon { flex: 0 0 auto; width: 1.6rem; height: 1.6rem; border-radius:50%; border: 2px solid var(--mp-cyan); color: var(--mp-cyan-ink); display: inline-flex; align-items: center; justify-content: center; font-weight: 700; font-size: 1.1rem; line-height: 1; }
.mp-faq__item[open] .mp-faq__icon::before { content: "\2212"; }
.mp-faq__icon::before { content: "\002B"; }
.mp-faq__panel { padding:0 0 1.4rem; margin:0; color: var(--mp-ink-muted); font-size: 0.98rem; line-height: 1.6; max-width: 46rem; }


.mp-contact__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap:2.7rem; }
@media (min-width: 960px) { .mp-contact__grid { grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr); gap:3.2rem; align-items: start; } }
.mp-contact__aside .mp-frame { max-width: 560px; margin-bottom:1.9rem; }
.mp-contact__note { display: inline-flex; align-items: center; gap:0.6rem; color: var(--mp-on-dark-muted); font-size: 0.92rem; margin-top:1.5rem; }
.mp-contact__note::before { content: ""; width: 9px; height: 9px; border-radius:50%; background: var(--mp-cyan); flex: 0 0 auto; }

.mp-contact__card { background: var(--mp-white); border-radius:var(--mp-radius); box-shadow: var(--mp-shadow); padding:2rem; }
@media (min-width: 640px) { .mp-contact__card { padding:2.5rem; } }
.mp-contact__card-title { color: var(--mp-ink); font-weight: 700; font-size: 1.32rem; margin:0 0 0.4rem; }
.mp-contact__card-text { color: var(--mp-ink-muted); font-size: 0.96rem; margin:0 0 1.6rem; }


.mp-form__row { display: grid; grid-template-columns: minmax(0, 1fr); gap:1.2rem; }
@media (min-width: 560px) { .mp-form__row--split { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.mp-form__group { display: flex; flex-direction: column; gap:0.4rem; margin-bottom:1.2rem; }
.mp-form__label { color: var(--mp-ink); font-weight: 700; font-size: 0.85rem; }
.mp-form__label .mp-form__opt { color: var(--mp-ink-muted); font-weight: 400; }
.mp-form__control {
  width: 100%;
  background: var(--mp-paper);
  color: var(--mp-ink);
  border: 1.5px solid var(--mp-paper-line);
  border-radius:var(--mp-radius-sm);
  padding:0.8rem 1rem;
  line-height: 1.3;
}
.mp-form__control::placeholder { color: #967581; opacity: 1; }
.mp-form__control:focus { border-color: var(--mp-cyan); }
textarea.mp-form__control { resize: vertical; min-height: 8rem; }
select.mp-form__control { cursor: pointer; }

.mp-form__trap {
  position: absolute;
  width: 1px; height: 1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
}

.mp-consent { display: flex; align-items: flex-start; gap:0.7rem; margin:0.5rem 0 1.5rem; }
.mp-consent input { flex: 0 0 auto; width: 1.2rem; height: 1.2rem; margin-top:0.2rem; accent-color: var(--mp-cyan); }
.mp-consent span { flex: 1 1 auto; color: var(--mp-ink-muted); font-size: 0.92rem; line-height: 1.5; }
.mp-consent a { color: var(--mp-cyan-ink); font-weight: 700; }
.mp-consent a:hover { text-decoration: underline; }

[data-form-status] { margin-top:1.1rem; color: var(--mp-ink); font-weight: 700; font-size: 0.95rem; min-height: 1.2em; }
[data-form-status][data-success="true"] { color: #7539c7; }


.mp-footer { background: var(--mp-navy-deep); padding-block:4rem 1.6rem; }
.mp-footer__inner { display: grid; grid-template-columns: minmax(0, 1fr); gap:2.4rem; padding-bottom:2.7rem; border-bottom: 1px solid var(--mp-navy-line); }
@media (min-width: 720px) { .mp-footer__inner { grid-template-columns: 1.3fr repeat(3, minmax(0, 1fr)); gap:2.1rem; } }
.mp-footer__brand { display: inline-flex; align-items: center; gap:0.6rem; margin-bottom:1rem; }
.mp-footer__brand img { width: 34px; height: 34px; }
.mp-footer__brand span { color: var(--mp-on-dark); font-weight: 700; font-size: 1.12rem; letter-spacing: -0.01em; }
.mp-footer__text { color: var(--mp-on-dark-muted); font-size: 0.94rem; line-height: 1.55; max-width: 30ch; margin:0; }
.mp-footer__heading { color: var(--mp-on-dark); font-weight: 700; font-size: 0.85rem; letter-spacing: 0.04em; text-transform: uppercase; margin:0 0 1rem; }
.mp-footer__links { display: flex; flex-direction: column; gap:0.6rem; }
.mp-footer__links a { color: var(--mp-on-dark-muted); font-size: 0.96rem; }
.mp-footer__links a:hover { color: var(--mp-cyan); }
.mp-footer__bottom { padding-top:1.6rem; display: flex; flex-direction: column; gap:0.5rem; }
@media (min-width: 720px) { .mp-footer__bottom { flex-direction: row; align-items: center; justify-content: space-between; } }
.mp-footer__bottom p { color: #a57b89; font-size: 0.84rem; margin:0; }


.mp-pagehero { background-color: var(--mp-navy); background-image: linear-gradient(165deg, var(--mp-navy) 0%, var(--mp-navy-deep) 100%); padding-block:3.5rem; }
.mp-pagehero__inner { max-width: 48rem; }
.mp-pagehero__title { color: var(--mp-on-dark); font-weight: 700; font-size: clamp(1.75rem, 4vw, 2.6rem); line-height: 1.15; letter-spacing: -0.01em; margin:0.8rem 0 0; }
.mp-pagehero__text { color: var(--mp-on-dark-muted); font-size: 1.08rem; line-height: 1.6; margin:1.1rem 0 0; max-width: 50ch; }


.mp-article { padding-block:3.7rem 5.1rem; }
.mp-article__inner { max-width: 47rem; margin-inline:auto; }
.mp-article__lede { color: var(--mp-ink-muted); font-size: 1.16rem; line-height: 1.62; margin:0 0 2.5rem; }
.mp-article__section { margin-bottom:2.5rem; padding-top:2.5rem; border-top: 1px solid var(--mp-paper-line); }
.mp-article__section:first-of-type { border-top: none; padding-top:0; }
.mp-article__num { color: var(--mp-cyan-ink); font-weight: 700; font-size: 0.8rem; letter-spacing: 0.06em; text-transform: uppercase; }
.mp-article__title { color: var(--mp-ink); font-weight: 700; font-size: clamp(1.3rem, 2.4vw, 1.6rem); line-height: 1.22; letter-spacing: -0.01em; margin:0.5rem 0 1rem; }
.mp-article__section p { color: var(--mp-ink-muted); font-size: 1.02rem; line-height: 1.65; margin:0 0 1rem; }
.mp-article__section p:last-child { margin-bottom:0; }
.mp-article__section ul { margin:1rem 0; display: flex; flex-direction: column; gap:0.6rem; }
.mp-article__section ul li { color: var(--mp-ink-muted); font-size: 1rem; line-height: 1.55; padding-left:1.3rem; position: relative; }
.mp-article__section ul li::before { content: ""; position: absolute; left: 0; top: 0.6em; width: 6px; height: 6px; border-radius:50%; background: var(--mp-cyan); }
.mp-article__section a { color: var(--mp-cyan-ink); font-weight: 700; }
.mp-article__section a:hover { text-decoration: underline; }

.mp-callout { background: var(--mp-paper-tint); border-left: 4px solid var(--mp-cyan); border-radius:0 var(--mp-radius-sm) var(--mp-radius-sm) 0; padding:1.2rem 1.4rem; margin:1.4rem 0; }
.mp-callout__tag { color: var(--mp-cyan-ink); font-weight: 700; font-size: 0.78rem; letter-spacing: 0.05em; text-transform: uppercase; display: block; margin-bottom:0.4rem; }
.mp-callout p { color: var(--mp-ink); margin:0; font-size: 0.98rem; line-height: 1.55; }

.mp-steps { display: flex; flex-direction: column; gap:1.2rem; margin:1.4rem 0; }
.mp-steps__item { display: flex; gap:1.1rem; align-items: flex-start; }
.mp-steps__num { flex: 0 0 auto; width: 2.15rem; height: 2.15rem; border-radius:50%; background: var(--mp-navy); color: var(--mp-cyan); font-weight: 700; display: inline-flex; align-items: center; justify-content: center; font-size: 0.95rem; }
.mp-steps__body p { margin:0; color: var(--mp-ink-muted); font-size: 0.98rem; line-height: 1.55; }
.mp-steps__body strong { color: var(--mp-ink); }

.mp-table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; border-radius:var(--mp-radius); box-shadow: var(--mp-shadow); margin:1.4rem 0; }
.mp-table { width: 100%; min-width: 620px; background: var(--mp-white); border-collapse: collapse; }
.mp-table caption { text-align: left; padding:0 0 0.8rem; color: var(--mp-ink-muted); font-size: 0.92rem; }
.mp-table th, .mp-table td { text-align: left; padding:1rem 1.1rem; border-bottom: 1px solid var(--mp-paper-line); font-size: 0.95rem; }
.mp-table thead th { background: var(--mp-navy); color: var(--mp-on-dark); font-weight: 700; letter-spacing: 0.02em; font-size: 0.8rem; text-transform: uppercase; }
.mp-table tbody th { color: var(--mp-ink); font-weight: 700; white-space: nowrap; }
.mp-table tbody td { color: var(--mp-ink-muted); }
.mp-table tbody tr:nth-child(even) td, .mp-table tbody tr:nth-child(even) th { background: var(--mp-paper-tint); }

.mp-article__closing { margin-top:2.7rem; padding:2rem; background: var(--mp-navy); border-radius:var(--mp-radius); display: flex; flex-direction: column; gap:1.2rem; align-items: flex-start; }
@media (min-width: 640px) { .mp-article__closing { flex-direction: row; align-items: center; justify-content: space-between; } }
.mp-article__closing p { color: var(--mp-on-dark); font-size: 1.06rem; font-weight: 700; margin:0; max-width: 32ch; }


.mp-explainer { display: grid; grid-template-columns: minmax(0, 1fr); gap:2.7rem; }
@media (min-width: 900px) { .mp-explainer { grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr); gap:3.5rem; align-items: start; } }
.mp-explainer__aside { position: sticky; top: calc(var(--mp-header-h) + 1.5rem); }
@media (max-width: 899px) { .mp-explainer__aside { position: static; } }
.mp-explainer__lede { color: var(--mp-ink-muted); font-size: 1.08rem; line-height: 1.6; margin:1.1rem 0 0; }

.mp-flow { margin-top:1.9rem; display: flex; flex-direction: column; gap:0; }
.mp-flow__node { display: flex; align-items: center; gap:0.8rem; padding-block:0.6rem; }
.mp-flow__dot { flex: 0 0 auto; width: 0.65rem; height: 0.65rem; border-radius:50%; background: var(--mp-cyan); }
.mp-flow__node span:last-child { color: var(--mp-ink); font-weight: 700; font-size: 0.94rem; }
.mp-flow__line { width: 2px; height: 1.15rem; background: var(--mp-paper-line); margin-left:0.3rem; }

.mp-blocks { display: flex; flex-direction: column; gap:2rem; }
.mp-block { display: flex; gap:1.2rem; }
.mp-block__num { flex: 0 0 auto; width: 2.4rem; height: 2.4rem; border-radius:50%; background: var(--mp-navy); color: var(--mp-cyan); font-weight: 700; display: inline-flex; align-items: center; justify-content: center; font-size: 1rem; }
.mp-block__title { color: var(--mp-ink); font-weight: 700; font-size: 1.08rem; margin:0.2rem 0 0.4rem; }
.mp-block__text { color: var(--mp-ink-muted); font-size: 0.98rem; line-height: 1.58; margin:0; }


.mp-legal__meta { color: var(--mp-ink-muted); font-size: 0.9rem; margin:0 0 2.1rem; }
