:root { --mp-navy:#071f3b; --mp-ink:#0a2342; --mp-red:#e22531; --mp-copy:#334861; --mp-paper:#f8f7f3; --mp-line:#d7d6d1; }
.mp-page { width:100%; overflow:hidden; color:var(--mp-ink); background:var(--mp-paper); font-family:Inter,Arial,sans-serif; }
.mp-page *,.mp-page *::before,.mp-page *::after { box-sizing:border-box; }
.mp-page img { display:block; max-width:none; }
.mp-page a { text-decoration:none; }
.mp-page svg { fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.mp-symbols { position:absolute; width:0; height:0; overflow:hidden; }

/* Hero */
.mp-hero { position:relative; min-height:clamp(580px, calc(100vh - 76px), 880px); height:calc(100vh - 76px); overflow:hidden; isolation:isolate; color:#fff; background:var(--mp-navy); display:flex; align-items:center; }
.mp-hero-photo { position:absolute; z-index:-3; inset:0; width:100%; height:100%; object-fit:cover; object-position:58% 54%; }
.mp-hero-shade { position:absolute; z-index:-2; inset:0; background:linear-gradient(90deg,rgba(3,22,44,.95) 0%,rgba(4,29,56,.85) 35%,rgba(6,35,65,.35) 65%,rgba(3,20,38,.1) 100%),linear-gradient(180deg,rgba(4,23,44,.25),transparent 45%,rgba(4,22,42,.3)); }
.mp-header { position:absolute; z-index:4; inset:0 0 auto; height:calc(9.8 * var(--vln-activity-vw)); display:grid; grid-template-columns:1fr calc(17 * var(--vln-activity-vw)) 1fr; align-items:start; padding:calc(1.25 * var(--vln-activity-vw)) calc(2.05 * var(--vln-activity-vw)) 0; color:#fff; font-size:calc(.78 * var(--vln-activity-type-vw)); font-weight:700; white-space:nowrap; }
.mp-nav { display:flex; align-items:center; gap:calc(2.2 * var(--vln-activity-vw)); padding-top:calc(1.4 * var(--vln-activity-vw)); }
.mp-nav-right { justify-content:flex-end; gap:calc(2 * var(--vln-activity-vw)); }
.mp-nav a { position:relative; color:#fff; opacity:.96; }
.mp-nav a:hover { color:#ff4550; }
.mp-nav .is-active::after { content:''; position:absolute; left:0; right:0; bottom:calc(-1.15 * var(--vln-activity-vw)); height:calc(.16 * var(--vln-activity-vw)); background:var(--mp-red); }
.mp-brand { display:flex; justify-content:center; }
.mp-brand img { width:calc(15.5 * var(--vln-activity-vw)); height:auto; }
.mp-top-request { margin-top:calc(-.55 * var(--vln-activity-vw)); padding:calc(.8 * var(--vln-activity-vw)) calc(1.3 * var(--vln-activity-vw)); border:1px solid rgba(255,255,255,.82); }
.mp-menu-toggle,.mp-mobile-nav { display:none; }
.mp-hero-copy { position:relative; z-index:2; left:auto; top:auto; width:min(92%, 1540px); max-width:740px; margin-left:max(32px, calc((100% - 1540px) / 2)); margin-top:10px; }
.mp-kicker,.mp-section-kicker { position:relative; margin:0 0 14px; padding-left:22px; color:rgba(255,255,255,.9); font-size:13px; font-weight:800; text-transform:uppercase; letter-spacing:.05em; }
.mp-kicker::before,.mp-section-kicker::before { content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:14px; height:2.5px; background:var(--mp-red); }
.mp-hero h1 { margin:0 0 10px; color:#fff; font-size:clamp(38px, 4.2vw, 68px); font-weight:900; letter-spacing:-.02em; line-height:1.05; text-transform:uppercase; }
.mp-hero h2 { margin:0 0 14px; color:rgba(255,255,255,.95); font-size:clamp(18px, 1.6vw, 26px); font-weight:700; line-height:1.3; }
.mp-hero-copy > p:last-of-type { margin:0 0 24px; color:rgba(255,255,255,.85); font-size:clamp(14px, 1.05vw, 16px); line-height:1.55; max-width:620px; }
.mp-hero-copy > a { display:inline-flex; align-items:center; justify-content:center; gap:12px; height:50px; padding:0 28px; color:#fff; background:var(--mp-red); font-size:14px; font-weight:800; text-transform:uppercase; letter-spacing:.03em; transition:all .25s ease; box-shadow:0 4px 16px rgba(226,37,49,.35); }
.mp-hero-copy > a:hover { background:#bd1b26; transform:translateY(-2px); box-shadow:0 6px 20px rgba(226,37,49,.45); }
.mp-hero-copy > a span { font-size:20px; font-weight:300; transition:transform .25s ease; }
.mp-hero-copy > a:hover span { transform:translateX(5px); }

/* Technical summary */
.mp-tech { min-height:auto; height:auto; display:grid; grid-template-columns:47% minmax(0,53%); overflow:hidden; padding:48px clamp(24px,4vw,64px); background:linear-gradient(90deg,#faf9f6,#f7f6f2 54%,#faf9f7); }
.mp-tech > img { width:100%; height:100%; min-height:420px; object-fit:cover; object-position:52% center; border-radius:10px; }
.mp-tech > div { min-width:0; min-height:0; padding:24px 20px 24px 44px; display:flex; flex-direction:column; justify-content:center; }
.mp-tech .mp-section-kicker { margin-bottom:14px; color:var(--mp-red); font-size:12px; font-weight:800; letter-spacing:.06em; }
.mp-tech h2 { margin:0 0 28px; color:var(--mp-ink); font-size:clamp(24px,2.2vw,36px); font-weight:900; line-height:1.15; }
.mp-tech ul { list-style:none; margin:0; padding:0; }
.mp-tech li { min-height:70px; display:grid; grid-template-columns:44px minmax(0,1fr) 180px; align-items:center; gap:16px; border-bottom:1px solid #bfc3c5; padding:10px 0; }
.mp-tech li:last-child { border-bottom:0; }
.mp-tech li svg { width:32px; height:32px; color:var(--mp-red); stroke-width:1.4; }
.mp-tech li strong { color:var(--mp-ink); font-size:clamp(20px,1.8vw,28px); font-weight:900; }
.mp-tech li span { color:var(--mp-copy); font-size:13.5px; font-weight:700; line-height:1.35; }

/* Configurations */
.mp-config { min-height:auto; height:auto; display:grid; grid-template-columns:48% minmax(0,52%); overflow:hidden; padding:56px clamp(24px,4vw,64px); background:#fff; border-top:1px solid var(--mp-line); }
.mp-config > div { min-width:0; min-height:0; padding-right:48px; display:flex; flex-direction:column; justify-content:center; }
.mp-config > div::before,.mp-transport > div::before { content:''; display:block; width:54px; height:3.5px; margin-bottom:20px; background:var(--mp-red); border-radius:2px; }
.mp-config h2 { margin:0 0 24px; color:var(--mp-ink); font-size:clamp(26px,2.3vw,36px); font-weight:900; line-height:1.15; }
.mp-config article { min-height:80px; display:grid; grid-template-columns:56px 170px minmax(0,1fr); align-items:center; gap:16px; border-top:1px solid var(--mp-line); padding:20px 0; }
.mp-config article b { display:flex; align-items:center; justify-content:center; width:48px; height:48px; border:2px solid var(--mp-red); border-radius:50%; color:var(--mp-red); font-size:15px; font-weight:800; flex-shrink:0; }
.mp-config article strong { font-size:17px; font-weight:800; color:var(--mp-ink); }
.mp-config article p { margin:0; color:var(--mp-copy); font-size:14px; line-height:1.5; }
.mp-track { margin:24px 0 0; color:var(--mp-ink); font-size:14px; font-weight:700; }
.mp-config figure { min-width:0; min-height:0; margin:0; display:flex; align-items:center; justify-content:center; }
.mp-config figure img { width:100%; max-height:460px; object-fit:contain; filter:grayscale(1) contrast(1.4) brightness(1.2); }

/* Application gallery */
.mp-applications { min-height:auto; height:auto; overflow:hidden; padding:52px clamp(24px,4vw,64px); background:linear-gradient(90deg,#faf9f6,#f7f6f2 54%,#faf9f7); border-top:1px solid var(--mp-line); }
.mp-applications > h2 { margin:0; color:var(--mp-ink); font-size:clamp(24px,2.2vw,34px); font-weight:900; text-align:center; }
.mp-applications > i { display:block; width:60px; height:3px; margin:16px auto 28px; background:var(--mp-red); }
.mp-applications > div { min-height:auto; height:auto; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.mp-applications article { position:relative; min-width:0; min-height:280px; height:280px; overflow:hidden; border-radius:10px; }
.mp-applications article > img { width:100%; height:100%; min-width:0; min-height:0; object-fit:cover; transition:transform .35s ease; }
.mp-applications article:hover > img { transform:scale(1.03); }
.mp-applications article::after { content:''; position:absolute; inset:35% 0 0; background:linear-gradient(transparent,rgba(3,22,45,.95)); }
.mp-applications article > div { position:absolute; z-index:2; left:24px; right:24px; bottom:20px; color:#fff; }
.mp-applications h3 { margin:0 0 6px; color:#fff; font-size:18px; font-weight:800; }
.mp-applications p { margin:0; color:rgba(255,255,255,.9); font-size:13.5px; line-height:1.45; }

/* Transport */
.mp-transport { min-height:auto; height:auto; display:grid; grid-template-columns:47% minmax(0,53%); overflow:hidden; background:#f8f7f3; border-top:1px solid var(--mp-line); }
.mp-transport > div { min-width:0; min-height:0; display:flex; flex-direction:column; justify-content:center; padding:48px clamp(24px,4vw,64px); }
.mp-transport h2 { margin:0 0 16px; color:var(--mp-ink); font-size:clamp(24px,2.2vw,34px); font-weight:900; line-height:1.15; }
.mp-transport > div > p { margin:0 0 24px; color:var(--mp-copy); font-size:14.5px; line-height:1.6; }
.mp-transport ul { list-style:none; margin:0; padding:0; display:grid; gap:16px; }
.mp-transport li { display:flex; align-items:center; gap:14px; color:var(--mp-ink); font-size:15px; font-weight:800; }
.mp-transport li svg { width:32px; height:32px; color:var(--mp-red); stroke-width:1.5; }
.mp-transport > img { width:100%; height:100%; min-height:360px; object-fit:cover; object-position:center; }

/* CTA */
.mp-cta { min-height:auto; height:auto; display:grid; grid-template-columns:47% minmax(0,53%); overflow:hidden; background:#faf9f6; border-top:1px solid var(--mp-line); }
.mp-cta > img { width:100%; height:100%; min-height:340px; object-fit:cover; object-position:center; }
.mp-cta > div { min-width:0; min-height:0; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:48px clamp(24px,4vw,64px); }
.mp-cta h2 { margin:0 0 24px; color:var(--mp-ink); font-size:clamp(22px,2vw,32px); font-weight:900; line-height:1.25; }
.mp-cta a { display:inline-flex; align-items:center; justify-content:center; min-width:220px; height:50px; padding:0 24px; color:#fff; background:var(--mp-red); font-size:14px; font-weight:800; text-transform:uppercase; transition:background-color .25s ease; }
.mp-cta a:hover { background:#bd1b26; }

/* Footer */
.mp-footer { min-height:calc(23.26 * var(--vln-activity-vw)); height:auto; overflow:hidden; padding:calc(2.2 * var(--vln-activity-vw)) calc(3.9 * var(--vln-activity-vw)) calc(1.2 * var(--vln-activity-vw)); color:#fff; background:radial-gradient(circle at 55% 10%,#0b3059,#061d38 52%,#061a32); }
.mp-footer-grid { min-height:calc(15.8 * var(--vln-activity-vw)); height:auto; display:grid; grid-template-columns:23% 17% 18% 25% 12%; gap:1.25%; overflow:hidden; }
.mp-footer-brand img { width:calc(16 * var(--vln-activity-vw)); height:auto; margin:0 0 calc(1 * var(--vln-activity-vw)); }
.mp-social { color:#fff; font-size:calc(1.55 * var(--vln-activity-type-vw)); font-weight:800; letter-spacing:.15em; }
.mp-footer-grid > div:not(.mp-footer-brand) { min-width:0; display:flex; flex-direction:column; padding-top:calc(.5 * var(--vln-activity-vw)); }
.mp-footer h2 { margin:0 0 calc(.8 * var(--vln-activity-vw)); color:#fff; font-size:calc(.82 * var(--vln-activity-type-vw)); font-weight:800; }
.mp-footer a,.mp-footer p { margin:0 0 calc(.52 * var(--vln-activity-vw)); color:rgba(255,255,255,.82); font-size:calc(.72 * var(--vln-activity-type-vw)); line-height:1.35; }
.mp-footer p { position:relative; padding-left:calc(1.75 * var(--vln-activity-vw)); }
.mp-footer p svg { position:absolute; left:0; top:0; width:calc(1.15 * var(--vln-activity-vw)); height:calc(1.15 * var(--vln-activity-vw)); }
.mp-footer a:hover { color:#fff; }
.mp-footer-bottom { min-height:calc(3.25 * var(--vln-activity-vw)); height:auto; display:flex; align-items:flex-end; justify-content:space-between; padding-top:calc(1 * var(--vln-activity-vw)); color:rgba(255,255,255,.76); border-top:1px solid rgba(255,255,255,.22); font-size:calc(.68 * var(--vln-activity-type-vw)); }

@media (max-width:899px) {
  .mp-desktop-only { display:none; }
  .mp-hero { height:auto; min-height:680px; }
  .mp-header { height:82px; grid-template-columns:auto 1fr auto; align-items:center; padding:0 28px; font-size:10px; }
  .mp-nav { display:none; }
  .mp-brand { justify-content:flex-start; }
  .mp-brand img { width:135px; }
  .mp-menu-toggle { display:inline-flex; align-items:center; justify-self:end; gap:9px; padding:10px 0; color:#fff; border:0; background:transparent; font:inherit; font-size:10px; font-weight:800; text-transform:uppercase; cursor:pointer; }
  .mp-menu-bars { width:23px; display:grid; gap:5px; }
  .mp-menu-bars b { width:100%; height:1px; background:currentColor; transition:.2s ease; }
  .mp-menu-toggle[aria-expanded='true'] .mp-menu-bars b:first-child { transform:translateY(6px) rotate(45deg); }
  .mp-menu-toggle[aria-expanded='true'] .mp-menu-bars b:nth-child(2) { opacity:0; }
  .mp-menu-toggle[aria-expanded='true'] .mp-menu-bars b:last-child { transform:translateY(-6px) rotate(-45deg); }
  .mp-mobile-nav { position:absolute; top:75px; left:28px; right:28px; display:grid; grid-template-columns:repeat(2,1fr); visibility:hidden; opacity:0; transform:translateY(-8px); border:1px solid rgba(255,255,255,.24); transition:.2s ease; }
  .mp-mobile-nav.is-open { visibility:visible; opacity:1; transform:none; }
  .mp-mobile-nav a { padding:15px 17px; color:#fff; background:rgba(3,30,58,.98); border:1px solid rgba(255,255,255,.07); font-size:11px; font-weight:700; }
  .mp-hero-photo { object-position:62% center; }
  .mp-hero-shade { background:linear-gradient(90deg,rgba(3,22,44,.97),rgba(4,29,56,.76) 70%,rgba(6,35,65,.2)); }
  .mp-hero-copy { left:28px; top:210px; width:min(78vw,600px); }
  .mp-kicker,.mp-section-kicker { margin-bottom:16px; padding-left:22px; font-size:10px; }
  .mp-kicker::before,.mp-section-kicker::before { width:16px; height:2px; }
  .mp-hero h1 { margin-bottom:9px; font-size:clamp(52px,9vw,72px); }
  .mp-hero h2 { margin-bottom:19px; font-size:25px; }
  .mp-hero-copy > p:last-of-type { margin-bottom:27px; font-size:13px; }
  .mp-hero-copy > a { min-width:190px; height:45px; font-size:10px; }

  .mp-tech { height:auto; grid-template-columns:45% 55%; padding:22px; }
  .mp-tech > img { min-height:560px; }
  .mp-tech > div { padding:42px 24px; }
  .mp-tech h2 { margin-bottom:24px; font-size:28px; }
  .mp-tech li { min-height:82px; grid-template-columns:46px 1fr 105px; gap:10px; }
  .mp-tech li svg { width:36px; height:36px; }
  .mp-tech li strong { font-size:22px; }
  .mp-tech li span { font-size:10px; }

  .mp-config { height:auto; grid-template-columns:1fr; gap:28px; padding:44px 28px; }
  .mp-config > div { padding:0; }
  .mp-config > div::before,.mp-transport > div::before { width:44px; height:2px; margin-bottom:15px; }
  .mp-config h2 { margin-bottom:20px; font-size:26px; }
  .mp-config article { min-height:84px; grid-template-columns:48px 150px 1fr; gap:10px; }
  .mp-config article b { width:38px; height:38px; font-size:10px; }
  .mp-config article strong { font-size:12px; }
  .mp-config article p { font-size:10px; }
  .mp-track { margin-top:16px; font-size:9px; }
  .mp-config figure { height:360px; }

  .mp-applications { height:auto; padding:42px 28px; }
  .mp-applications > h2 { font-size:28px; }
  .mp-applications > i { width:42px; height:2px; margin:13px auto 18px; }
  .mp-applications > div { height:auto; grid-template-columns:1fr; grid-template-rows:none; gap:14px; }
  .mp-applications article { height:300px; }
  .mp-applications article > div { left:22px; right:22px; bottom:18px; }
  .mp-applications h3 { margin-bottom:7px; font-size:19px; }
  .mp-applications p { font-size:10px; }

  .mp-transport { height:auto; min-height:360px; grid-template-columns:47% 53%; }
  .mp-transport > div { padding:38px 28px; }
  .mp-transport h2 { margin-bottom:12px; font-size:26px; }
  .mp-transport > div > p { margin-bottom:18px; font-size:10px; }
  .mp-transport ul { gap:14px; }
  .mp-transport li { gap:12px; font-size:11px; }
  .mp-transport li svg { width:34px; height:34px; }

  .mp-cta { height:auto; min-height:310px; grid-template-columns:47% 53%; }
  .mp-cta > div { padding:35px 28px; }
  .mp-cta h2 { margin-bottom:25px; font-size:22px; }
  .mp-cta a { min-width:180px; height:44px; font-size:10px; }

  .mp-footer { height:auto; padding:38px 28px 24px; }
  .mp-footer-grid { height:auto; grid-template-columns:repeat(2,1fr); gap:30px 24px; overflow:visible; }
  .mp-footer-brand { grid-column:1/-1; }
  .mp-footer-brand img { width:170px; margin-bottom:14px; }
  .mp-social { font-size:20px; }
  .mp-footer h2 { margin-bottom:11px; font-size:11px; }
  .mp-footer a,.mp-footer p { margin-bottom:8px; font-size:9px; }
  .mp-footer p { padding-left:22px; }
  .mp-footer p svg { width:14px; height:14px; }
  .mp-footer-bottom { height:auto; margin-top:28px; padding-top:18px; font-size:9px; }
}

@media (max-width:640px) {
  .mp-header { height:74px; padding:0 20px; }
  .mp-brand img { width:112px; }
  .mp-menu-toggle span:last-child { display:none; }
  .mp-mobile-nav { top:68px; left:20px; right:20px; grid-template-columns:1fr; }
  .mp-hero { min-height:560px; padding:100px 0 50px; }
  .mp-hero-photo { object-position:68% center; }
  .mp-hero-copy { left:auto; right:auto; top:auto; bottom:auto; margin-left:20px; width:calc(100% - 40px); }
  .mp-hero h1 { font-size:clamp(36px,9vw,54px); }
  .mp-hero h2 { font-size:18px; }
  .mp-tech { grid-template-columns:1fr; padding:14px; }
  .mp-tech > img { min-height:0; height:auto; aspect-ratio:4/5; }
  .mp-tech > div { padding:38px 18px; }
  .mp-tech li { grid-template-columns:42px 1fr 90px; }
  .mp-config { padding:40px 18px; }
  .mp-config article { grid-template-columns:46px 1fr; padding:12px 0; }
  .mp-config article p { grid-column:2; }
  .mp-config figure { height:260px; }
  .mp-applications { padding:38px 14px; }
  .mp-applications article { height:250px; }
  .mp-transport { grid-template-columns:1fr; }
  .mp-transport > div { min-height:330px; padding:40px 24px; }
  .mp-transport > img { height:auto; aspect-ratio:4/3; }
  .mp-cta { grid-template-columns:1fr; }
  .mp-cta > img { height:auto; aspect-ratio:4/3; }
  .mp-cta > div { min-height:270px; padding:40px 24px; }
  .mp-footer-grid { grid-template-columns:1fr; }
  .mp-footer-brand { grid-column:auto; }
  .mp-footer-bottom { align-items:flex-start; flex-direction:column; gap:10px; }
}