:root {
  --mxc-primary: #069918;
  --mxc-secondary: #D4AF37;
  --mxc-text: #F5F7F5;
  --mxc-muted: #B7C9BC;
  --mxc-accent: #39D353;
  --mxc-background: #07110A;
  --mxc-surface: #102016;
  --mxc-border: #24472C;
  --mxc-danger: #FFB86B;
}

* { box-sizing: border-box; }
html { overflow-x: hidden; background: var(--mxc-background); scroll-behavior: smooth; }
body { margin: 0; overflow-x: hidden; background: var(--mxc-background); color: var(--mxc-text); font-family: "Trebuchet MS", "Segoe UI", sans-serif; font-size: 16px; line-height: 1.68; }
::selection { background: var(--mxc-secondary); color: #07110A; }
main, section, article, figure, img, a, button, h1, h2, h3, p, figcaption, table, form, input, label, details, summary { max-width: 100%; }
img { display: block; width: 100%; max-width: 100%; height: auto; object-fit: cover; }
a, button, summary { touch-action: manipulation; }
a { color: var(--mxc-accent); text-underline-offset: 4px; overflow-wrap: anywhere; }
a:hover { color: var(--mxc-secondary); }
a:focus-visible, button:focus-visible, summary:focus-visible, input:focus-visible { outline: 3px solid var(--mxc-secondary); outline-offset: 3px; }
h1, h2, h3, p, a, button, figcaption, summary, th, td { overflow-wrap: anywhere; word-wrap: break-word; letter-spacing: 0; }
h1, h2, h3 { margin-top: 0; color: var(--mxc-text); font-family: Georgia, "Times New Roman", serif; line-height: 1.12; }
h1 { font-size: clamp(2.25rem, 5vw, 4.8rem); max-width: 14ch; margin-bottom: 20px; }
h2 { font-size: clamp(1.75rem, 3.2vw, 3rem); max-width: 24ch; margin-bottom: 18px; }
h3 { font-size: 1.24rem; margin-bottom: 10px; }
p { margin: 0 0 18px; max-width: 72ch; color: var(--mxc-muted); }
strong { color: var(--mxc-text); }
ul, ol { margin: 0; padding-left: 22px; }
li + li { margin-top: 10px; }
.mxc-page { min-height: 100vh; background: var(--mxc-background); }
.mxc-wrap { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.mxc-band { padding: 72px 14px; }
.mxc-band--surface { background: var(--mxc-surface); }
.mxc-hero { position: relative; min-height: min(760px, 88vh); display: grid; align-items: end; overflow: hidden; isolation: isolate; border-bottom: 1px solid var(--mxc-border); }
.mxc-hero > img { position: absolute; inset: 0; height: 100%; aspect-ratio: 16 / 9; filter: saturate(.88) contrast(1.08); z-index: -2; }
.mxc-hero-shade { position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(7,17,10,.97) 0%, rgba(7,17,10,.88) 47%, rgba(7,17,10,.28) 100%); }
.mxc-hero-copy { width: min(1180px, calc(100% - 40px)); margin: 0 auto; padding: 96px 0 72px; }
.mxc-lead { font-size: clamp(1.05rem, 1.5vw, 1.25rem); color: var(--mxc-text); max-width: 62ch; }
.mxc-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.mxc-button { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 12px 22px; border: 1px solid transparent; border-radius: 6px; background: var(--mxc-primary); color: #07110A; font-weight: 800; text-decoration: none; cursor: pointer; transition: transform .18s ease, background-color .18s ease, color .18s ease; }
.mxc-button:hover { transform: translateY(-2px); background: var(--mxc-accent); color: #07110A; }
.mxc-button--gold { background: var(--mxc-secondary); color: #07110A; }
.mxc-button--gold:hover { background: #F0CD57; color: #07110A; }
.mxc-button--quiet { background: transparent; border-color: var(--mxc-border); color: var(--mxc-text); }
.mxc-button--quiet:hover { background: var(--mxc-surface); color: var(--mxc-secondary); }
.mxc-grid, .mxc-split, .mxc-route-list, .mxc-media-row, .mxc-faq-list { display: grid; gap: 20px; }
.mxc-grid > *, .mxc-split > *, .mxc-route-list > *, .mxc-media-row > *, .mxc-actions > * { min-width: 0; }
.mxc-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.mxc-split { grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); align-items: center; gap: 48px; }
.mxc-route-list { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.mxc-panel { padding: 24px; background: var(--mxc-surface); border: 1px solid var(--mxc-border); border-radius: 8px; }
.mxc-panel p:last-child { margin-bottom: 0; }
.mxc-route { display: flex; min-height: 170px; flex-direction: column; justify-content: space-between; padding: 22px; border-top: 2px solid var(--mxc-secondary); background: #0C1910; color: var(--mxc-text); text-decoration: none; }
.mxc-route:hover { background: var(--mxc-surface); color: var(--mxc-secondary); }
.mxc-route span { color: var(--mxc-muted); }
.mxc-figure { margin: 0; overflow: hidden; background: #0C1910; border-radius: 8px; }
.mxc-figure img { aspect-ratio: 4 / 3; }
.mxc-figure--wide img { aspect-ratio: 16 / 9; }
.mxc-figure--mobile img { aspect-ratio: 9 / 16; max-height: 680px; }
.mxc-figure--square img { aspect-ratio: 1 / 1; }
.mxc-figure figcaption { padding: 12px 16px; color: var(--mxc-muted); font-size: .92rem; }
.mxc-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; background: var(--mxc-border); border: 1px solid var(--mxc-border); }
.mxc-fact { padding: 20px; background: var(--mxc-background); }
.mxc-fact b { display: block; color: var(--mxc-secondary); font-size: 1.12rem; }
.mxc-timeline { display: grid; gap: 0; border-top: 1px solid var(--mxc-border); }
.mxc-step { display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: 24px; padding: 24px 0; border-bottom: 1px solid var(--mxc-border); }
.mxc-step b { color: var(--mxc-secondary); }
.mxc-table-wrap { overflow-x: auto; border: 0; border-radius: 8px; }
.mxc-table { width: 100%; border-collapse: collapse; min-width: 680px; background: var(--mxc-surface); }
.mxc-table th, .mxc-table td { padding: 16px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--mxc-border); }
.mxc-table th { color: var(--mxc-secondary); background: #0C1910; }
.mxc-faq-list { max-width: 900px; }
.mxc-faq-list details { padding: 0; border-bottom: 1px solid var(--mxc-border); }
.mxc-faq-list summary { min-height: 58px; display: flex; align-items: center; color: var(--mxc-text); font-weight: 800; cursor: pointer; }
.mxc-faq-list details p { padding-bottom: 18px; }
.mxc-final { padding: 72px 14px; text-align: center; background: var(--mxc-secondary); color: #07110A; }
.mxc-final h2, .mxc-final p, .mxc-final strong { color: #07110A; margin-inline: auto; }
.mxc-final .mxc-button { background: #07110A; color: #FFFFFF; }
.mxc-final .mxc-button:hover { background: var(--mxc-accent); color: #07110A; }


.mxc-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } .mxc-figure:not(.mxc-figure--mobile) img { aspect-ratio: 1 / 1; }
@media (max-width: 900px) {
  .mxc-grid, .mxc-route-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mxc-split { grid-template-columns: 1fr; gap: 28px; }
  .mxc-facts { grid-template-columns: 1fr; }
  .mxc-step { grid-template-columns: 1fr; gap: 8px; }
}
@media (max-width: 640px) {
  body { font-size: 16px; }
  h1 { font-size: 2.25rem; }
  h2 { font-size: 1.75rem; }
  .mxc-wrap, .mxc-hero-copy { width: min(100% - 28px, 1180px); }
  .mxc-hero { min-height: 620px; }
  .mxc-hero-shade { background: linear-gradient(0deg, rgba(7,17,10,.98) 0%, rgba(7,17,10,.76) 70%, rgba(7,17,10,.38) 100%); }
  .mxc-hero-copy { padding: 72px 0 42px; }
  .mxc-band, .mxc-final { padding: 48px 0; }
  .mxc-grid, .mxc-route-list { grid-template-columns: 1fr; gap: 14px; }
  .mxc-actions { gap: 10px; }
  .mxc-button, .mxc-actions .mxc-button { width: 100%; max-width: 100%; }
  .mxc-panel { padding: 19px; }
  .mxc-route { min-height: 142px; }
  .mxc-table { min-width: 620px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}