@font-face{font-family:'Barlow';src:url('/fonts/Barlow-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Barlow';src:url('/fonts/Barlow-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Barlow';src:url('/fonts/Barlow-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Barlow';src:url('/fonts/Barlow-ExtraBold.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:'Barlow Semi Condensed';src:url('/fonts/BarlowSemiCondensed-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Barlow Semi Condensed';src:url('/fonts/BarlowSemiCondensed-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('/fonts/Inter-Variable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root {
  --zmb-navy: #0A1E3D;  
  --zmb-blue: #0077FF;  
  --zmb-orange: #FF7900;  
  --zmb-white: #FFFFFF;  
  --zmb-sky: #25B7FF;  
  --zmb-navy-900: #06132A;  
  --zmb-blue-700: #0060D6;  
  --zmb-orange-600: #E86A00;  
  --zmb-steel: #5A6B82;  
  --zmb-line: #D9E1EA;  
  --zmb-gray: #F5F7FA;  
  --zmb-bg: var(--zmb-white);
  --zmb-bg-alt: var(--zmb-gray);
  --zmb-bg-dark: var(--zmb-navy);
  --zmb-text: var(--zmb-navy);
  --zmb-text-muted: var(--zmb-steel);
  --zmb-text-on-dark: #FFFFFF;
  --zmb-text-muted-on-dark: #B9C6D8;
  --zmb-link: var(--zmb-blue-700);
  --zmb-link-on-dark: var(--zmb-sky);
  --zmb-border: var(--zmb-line);
  --zmb-cta-bg: var(--zmb-orange);
  --zmb-cta-text: var(--zmb-navy);
  --zmb-focus: 0 0 0 3px #FFFFFF, 0 0 0 6px var(--zmb-blue);
  --zmb-font-display: 'Barlow', Arial, sans-serif;
  --zmb-font-condensed: 'Barlow Semi Condensed', 'Arial Narrow', sans-serif;
  --zmb-font-body: 'Inter', Arial, sans-serif;
  --zmb-display-size: clamp(2.750rem, 2.750rem + 0.233vw, 4.500rem); --zmb-display-lh: 1.02; --zmb-display-weight: 800; --zmb-display-tracking: -0.01em;
  --zmb-h1-size: clamp(2.375rem, 2.375rem + 0.150vw, 3.500rem); --zmb-h1-lh: 1.05; --zmb-h1-weight: 800; --zmb-h1-tracking: -0.005em;
  --zmb-h2-size: clamp(1.875rem, 1.875rem + 0.083vw, 2.500rem); --zmb-h2-lh: 1.1; --zmb-h2-weight: 700; --zmb-h2-tracking: 0;
  --zmb-h3-size: clamp(1.438rem, 1.438rem + 0.042vw, 1.750rem); --zmb-h3-lh: 1.2; --zmb-h3-weight: 700; --zmb-h3-tracking: 0;
  --zmb-h4-size: clamp(1.188rem, 1.188rem + 0.017vw, 1.312rem); --zmb-h4-lh: 1.3; --zmb-h4-weight: 600; --zmb-h4-tracking: 0.01em;
  --zmb-eyebrow-size: clamp(0.750rem, 0.750rem + 0.008vw, 0.812rem); --zmb-eyebrow-lh: 1.2; --zmb-eyebrow-weight: 600; --zmb-eyebrow-tracking: 0.18em;
  --zmb-lead-size: clamp(1.125rem, 1.125rem + 0.017vw, 1.250rem); --zmb-lead-lh: 1.55; --zmb-lead-weight: 400; --zmb-lead-tracking: 0;
  --zmb-body-size: clamp(1.000rem, 1.000rem + 0.008vw, 1.062rem); --zmb-body-lh: 1.65; --zmb-body-weight: 400; --zmb-body-tracking: 0;
  --zmb-small-size: clamp(0.875rem, 0.875rem + 0.000vw, 0.875rem); --zmb-small-lh: 1.55; --zmb-small-weight: 400; --zmb-small-tracking: 0;
  --zmb-nav-size: clamp(1.000rem, 1.000rem + -0.008vw, 0.938rem); --zmb-nav-lh: 1; --zmb-nav-weight: 600; --zmb-nav-tracking: 0.02em;
  --zmb-button-size: clamp(0.938rem, 0.938rem + 0.000vw, 0.938rem); --zmb-button-lh: 1; --zmb-button-weight: 700; --zmb-button-tracking: 0.06em;
  --zmb-s1: 4px;
  --zmb-s2: 8px;
  --zmb-s3: 12px;
  --zmb-s4: 16px;
  --zmb-s5: 24px;
  --zmb-s6: 32px;
  --zmb-s7: 48px;
  --zmb-s8: 64px;
  --zmb-s9: 96px;
  --zmb-s10: 128px;
  --zmb-radius-sm: 4px; --zmb-radius-md: 8px; --zmb-radius-lg: 14px; --zmb-radius-pill: 999px;
  --zmb-shadow-card: 0 1px 2px rgba(10,30,61,.06), 0 8px 24px rgba(10,30,61,.08);
  --zmb-shadow-raised: 0 12px 40px rgba(10,30,61,.18);
  --zmb-container: 1240px; --zmb-gutter: clamp(20px, 4vw, 32px);
  --zmb-slant: 12deg;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--zmb-font-body);font-size:var(--zmb-body-size);line-height:var(--zmb-body-lh);color:var(--zmb-text);background:var(--zmb-bg);-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
a{color:var(--zmb-link)}
:focus-visible{outline:none;box-shadow:var(--zmb-focus);border-radius:4px}
.container{width:100%;max-width:var(--zmb-container);margin:0 auto;padding:0 var(--zmb-gutter)}
.display,.h1,.h2,.h3,.h4,h1,h2,h3,h4{font-family:var(--zmb-font-display);margin:0;color:inherit}
.display{font-size:var(--zmb-display-size);line-height:var(--zmb-display-lh);font-weight:800;letter-spacing:var(--zmb-display-tracking)}
h1,.h1{font-size:var(--zmb-h1-size);line-height:var(--zmb-h1-lh);font-weight:800;letter-spacing:var(--zmb-h1-tracking)}
h2,.h2{font-size:var(--zmb-h2-size);line-height:var(--zmb-h2-lh);font-weight:700}
h3,.h3{font-size:var(--zmb-h3-size);line-height:var(--zmb-h3-lh);font-weight:700}
h4,.h4{font-size:var(--zmb-h4-size);line-height:var(--zmb-h4-lh);font-weight:600}
.eyebrow{font-family:var(--zmb-font-display);font-size:var(--zmb-eyebrow-size);font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--zmb-blue-700);display:flex;align-items:center;gap:12px;margin:0 0 16px}
.eyebrow::before{content:"";width:28px;height:3px;background:var(--zmb-orange)}
.lead{font-size:var(--zmb-lead-size);line-height:var(--zmb-lead-lh);color:var(--zmb-text-muted)}
.dark{background:var(--zmb-navy);color:#fff}
.dark .lead,.dark p{color:var(--zmb-text-muted-on-dark)}
.dark .eyebrow{color:var(--zmb-sky)}
.dark a:not(.btn){color:var(--zmb-link-on-dark)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;border-radius:var(--zmb-radius-sm);
  font-family:var(--zmb-font-display);font-size:var(--zmb-button-size);font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;
  border:2px solid transparent;cursor:pointer;transition:background .15s,color .15s,border-color .15s,transform .15s}
.btn svg{width:18px;height:18px}
.btn-primary{background:var(--zmb-orange);color:var(--zmb-navy)}
.btn-primary:hover{background:var(--zmb-orange-600)}
.btn-secondary{background:var(--zmb-blue-700);color:#fff}
.btn-secondary:hover{background:#004FB3}
.btn-outline{background:transparent;color:var(--zmb-navy);border-color:var(--zmb-navy)}
.dark .btn-outline{color:#fff;border-color:rgba(255,255,255,.55)}
.btn-outline:hover{background:var(--zmb-navy);color:#fff}
.btn-link{padding:0;min-height:auto;color:var(--zmb-blue-700);background:none}
.btn-sm{min-height:40px;padding:0 18px;font-size:13px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(10,30,61,.98);backdrop-filter:saturate(1.2) blur(6px);border-bottom:1px solid rgba(255,255,255,.08)}
.site-header .bar{display:flex;align-items:center;justify-content:space-between;height:84px;gap:24px}
.site-header .brand svg{height:46px;width:auto}
.nav{display:flex;align-items:center;gap:30px}
.nav a{font-family:var(--zmb-font-display);font-size:var(--zmb-nav-size);font-weight:600;letter-spacing:.02em;color:#fff;text-decoration:none;padding:6px 0;border-bottom:2px solid transparent}
.nav a:hover,.nav a[aria-current]{border-bottom-color:var(--zmb-orange)}
.nav .caret{display:inline-block;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-3px);margin-left:7px}
.menu-btn{display:none;width:44px;height:44px;border:1px solid rgba(255,255,255,.3);border-radius:6px;background:none;align-items:center;justify-content:center}
.menu-btn span,.menu-btn span::before,.menu-btn span::after{display:block;width:20px;height:2px;background:#fff;position:relative;content:""}
.menu-btn span::before{position:absolute;top:-6px}.menu-btn span::after{position:absolute;top:6px}
.card{background:#fff;border:1px solid var(--zmb-border);border-radius:var(--zmb-radius-md);padding:28px;box-shadow:var(--zmb-shadow-card);transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}
.card:hover{transform:translateY(-3px);box-shadow:var(--zmb-shadow-raised)}
.card .ico{width:56px;height:56px;border-radius:var(--zmb-radius-md);background:var(--zmb-navy);color:var(--zmb-sky);display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.card .ico svg{width:28px;height:28px}
.card h3{font-size:22px;margin-bottom:10px}
.card p{margin:0 0 18px;color:var(--zmb-text-muted);font-size:15.5px;line-height:1.6}
.card::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--zmb-orange);transition:width .25s}
.card:hover::after{width:100%}
.grid{display:grid;gap:24px}
.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.g2{grid-template-columns:repeat(2,1fr)}
.field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}
.field label{font-family:var(--zmb-font-display);font-weight:600;font-size:14px;letter-spacing:.02em}
.field input,.field select,.field textarea{font:inherit;font-size:16px;min-height:48px;padding:12px 14px;border:1.5px solid #B8C4D3;border-radius:var(--zmb-radius-sm);background:#fff;color:var(--zmb-navy)}
.field textarea{min-height:120px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--zmb-blue);box-shadow:0 0 0 3px rgba(0,119,255,.2)}
.field .hint{font-size:13px;color:var(--zmb-text-muted)}
.field.error input{border-color:#C62828}.field.error .hint{color:#C62828}
.section{padding:clamp(64px,9vw,112px) 0}
.section.alt{background:var(--zmb-bg-alt)}
.section-head{max-width:720px;margin-bottom:48px}
.stat{font-family:var(--zmb-font-display);font-weight:800;font-size:44px;line-height:1;color:var(--zmb-navy)}
.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:var(--zmb-radius-pill);font:600 12px/1 var(--zmb-font-display);letter-spacing:.08em;text-transform:uppercase;background:rgba(0,119,255,.1);color:var(--zmb-blue-700)}
.ph{position:relative;overflow:hidden;border-radius:var(--zmb-radius-md);background:linear-gradient(135deg,#13294d,#0A1E3D 55%,#06132A)}
.ph .ph-label{position:absolute;left:18px;bottom:16px;right:18px;font:600 12px/1.4 var(--zmb-font-display);letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.8)}
.ph .ph-label b{display:inline-block;border:1px solid rgba(255,255,255,.25);padding:3px 7px;margin-bottom:6px;font-weight:600}
.ph::before{content:"";position:absolute;inset:0;background:linear-gradient(to top right,transparent calc(50% - .5px),rgba(255,255,255,.12) 50%,transparent calc(50% + .5px)),linear-gradient(to top left,transparent calc(50% - .5px),rgba(255,255,255,.12) 50%,transparent calc(50% + .5px))}
@media (max-width:900px){
  .nav{display:none}.menu-btn{display:inline-flex}.site-header .bar{height:68px}.site-header .brand svg{height:36px}
  .header-cta{display:none}
  .g3,.g4{grid-template-columns:1fr 1fr}.g2{grid-template-columns:1fr}
}
@media (max-width:640px){.g3,.g4{grid-template-columns:1fr}.card{padding:22px}}
:root { --hdr-h: 84px; --ease: cubic-bezier(.2,.7,.2,1); }
html { scroll-behavior: smooth; scroll-padding-top: calc(var(--hdr-h) + 16px); }
body { overflow-x: hidden; }
::selection { background: var(--zmb-blue); color: #fff; }
.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; }
.skip-link { position: absolute; left: 16px; top: -60px; z-index: 100; background: var(--zmb-orange); color: var(--zmb-navy); padding: 12px 18px; font: 700 14px/1 var(--zmb-font-display); border-radius: 4px; text-decoration: none; }
.skip-link:focus { top: 12px; }
.icon { width: 24px; height: 24px; flex: none; }
.lead { max-width: 64ch; }
.hdr { position: sticky; top: 0; z-index: 60; background: rgba(10,30,61,.94); -webkit-backdrop-filter: saturate(1.4) blur(10px); backdrop-filter: saturate(1.4) blur(10px); border-bottom: 1px solid rgba(255,255,255,.08); transition: box-shadow .25s var(--ease), background .25s; }
.hdr.is-scrolled { background: rgba(6,19,42,.97); box-shadow: 0 10px 30px rgba(0,0,0,.25); }
.hdr__bar { display: flex; align-items: center; gap: 28px; height: var(--hdr-h); }
.brand { display: block; flex: none; line-height: 0; }
.brand .logo { height: 46px; width: auto; }
.nav { display: flex; align-items: center; gap: 4px; margin-left: auto; }
.nav__item { position: relative; }
.nav__link { display: inline-flex; align-items: center; gap: 6px; height: var(--hdr-h); padding: 0 14px; color: #fff; text-decoration: none; font: 600 15px/1 var(--zmb-font-display); letter-spacing: .02em; background: none; border: 0; cursor: pointer; position: relative; }
.nav__link::after { content: ""; position: absolute; left: 14px; right: 14px; bottom: 22px; height: 2px; background: var(--zmb-orange); transform: scaleX(0); transform-origin: left; transition: transform .25s var(--ease); }
.nav__link:hover::after, .nav__link[aria-current="page"]::after, .nav__item.is-open > .nav__link::after { transform: scaleX(1); }
.nav__caret { width: 8px; height: 8px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg) translateY(-3px); transition: transform .2s; }
.nav__item.is-open .nav__caret { transform: rotate(225deg) translate(-2px,-1px); }
.nav__sub { position: absolute; top: calc(var(--hdr-h) - 6px); left: -12px; width: 560px; padding: 18px; background: #fff; border-radius: 12px; box-shadow: 0 24px 60px rgba(6,19,42,.35); display: grid; grid-template-columns: 1fr 1fr; gap: 6px; opacity: 0; visibility: hidden; transform: translateY(8px); transition: opacity .2s, transform .2s var(--ease), visibility 0s .2s; }
.nav__item.is-open .nav__sub, .nav__item:focus-within .nav__sub { opacity: 1; visibility: visible; transform: none; transition: opacity .2s, transform .2s var(--ease); }
@media (hover: hover) { .nav__item--sub:hover .nav__sub { opacity: 1; visibility: visible; transform: none; transition: opacity .2s, transform .2s var(--ease); } }
.nav__sub a { display: flex; gap: 14px; align-items: flex-start; padding: 14px; border-radius: 8px; color: var(--zmb-navy); text-decoration: none; transition: background .15s; }
.nav__sub a:hover { background: var(--zmb-gray); }
.nav__sub .icon { width: 36px; height: 36px; padding: 7px; border-radius: 8px; background: var(--zmb-navy); color: var(--zmb-sky); box-sizing: border-box; }
.nav__sub b { display: block; font: 700 15px/1.25 var(--zmb-font-display); }
.nav__sub span { display: block; font-size: 13px; line-height: 1.45; color: var(--zmb-steel); margin-top: 3px; }
.nav__sub .nav__all { grid-column: 1 / -1; justify-content: space-between; align-items: center; background: var(--zmb-gray); font: 700 13px/1 var(--zmb-font-display); letter-spacing: .08em; text-transform: uppercase; }
.nav__sub .nav__all .icon { background: none; color: var(--zmb-blue-700); padding: 0; width: 20px; height: 20px; }
.hdr__cta { margin-left: 10px; }
.menu-toggle { display: none; margin-left: auto; width: 46px; height: 46px; border-radius: 8px; border: 1px solid rgba(255,255,255,.28); background: none; color: #fff; align-items: center; justify-content: center; cursor: pointer; }
.menu-toggle__bars, .menu-toggle__bars::before, .menu-toggle__bars::after { display: block; width: 20px; height: 2px; background: currentColor; border-radius: 2px; position: relative; transition: transform .25s var(--ease), background .2s; content: ""; }
.menu-toggle__bars::before { position: absolute; top: -6px; } .menu-toggle__bars::after { position: absolute; top: 6px; }
.menu-toggle[aria-expanded="true"] .menu-toggle__bars { background: transparent; }
.menu-toggle[aria-expanded="true"] .menu-toggle__bars::before { transform: translateY(6px) rotate(45deg); }
.menu-toggle[aria-expanded="true"] .menu-toggle__bars::after { transform: translateY(-6px) rotate(-45deg); }
.mnav { display: none; }
.hero { position: relative; overflow: hidden; background: radial-gradient(1200px 600px at 78% 10%, #143061 0%, rgba(20,48,97,0) 60%), linear-gradient(180deg, var(--zmb-navy) 0%, var(--zmb-navy-900) 100%); color: #fff; }
.hero__bg { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.hero__inner { position: relative; z-index: 2; padding: clamp(72px, 11vw, 150px) 0 0; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr); gap: 48px; align-items: end; }
.hero__title { font: 800 clamp(46px, 7.4vw, 96px)/.98 var(--zmb-font-display); letter-spacing: -.015em; margin: 0; }
.hero__title em { font-style: normal; color: var(--zmb-sky); }
.hero__lead { font-size: clamp(18px, 1.6vw, 21px); line-height: 1.6; color: #C6D3E6; margin: 28px 0 38px; max-width: 58ch; }
.hero__actions { display: flex; gap: 14px; flex-wrap: wrap; }
.hero__aside { border-left: 1px solid rgba(255,255,255,.14); padding-left: 32px; margin-bottom: 8px; }
.hero__aside dt { font: 600 12px/1 var(--zmb-font-display); letter-spacing: .2em; text-transform: uppercase; color: #8FA6C4; margin-bottom: 8px; }
.hero__aside dd { margin: 0 0 22px; font: 700 18px/1.35 var(--zmb-font-display); }
.hero__xsec { position: relative; z-index: 1; margin-top: clamp(48px, 7vw, 90px); height: clamp(170px, 22vw, 320px); }
.hero__xsec svg { width: 100%; height: 100%; display: block; }
.xs-grade { stroke: #B9C6D8; stroke-width: 2; }
.xs-strata path { fill: none; stroke: #fff; stroke-width: 1.4; }
.xs-duct { fill: none; stroke-width: 5; stroke-linecap: round; stroke-linejoin: round; }
.xs-pulse { fill: none; stroke: #fff; stroke-width: 5; stroke-linecap: round; stroke-dasharray: 60 1400; stroke-dashoffset: 1460; animation: zmb-pulse 4.8s linear infinite; filter: drop-shadow(0 0 6px rgba(37,183,255,.9)); }
.xs-pulse--2 { animation-delay: 1.6s; } .xs-pulse--3 { animation-delay: 3.2s; }
@keyframes zmb-pulse { to { stroke-dashoffset: 0; } }
.xs-node { fill: #06132A; stroke: var(--zmb-sky); stroke-width: 3; }
.xs-label { fill: #8FA6C4; font: 600 13px var(--zmb-font-display); letter-spacing: .18em; }
.xs-sta { fill: #5D7699; font: 600 11px var(--zmb-font-display); letter-spacing: .12em; }
.xs-tick { stroke: #8FA6C4; stroke-width: 1.5; }
.hero__tags-wrap { position: absolute; z-index: 3; left: 0; right: 0; bottom: 18px; }
.hero__tags { display: flex; gap: 28px; flex-wrap: wrap; font: 600 12px/1 var(--zmb-font-display); letter-spacing: .18em; text-transform: uppercase; color: #8FA6C4; }
.hero__tags span { display: flex; align-items: center; gap: 10px; }
.hero__tags span::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--zmb-sky); box-shadow: 0 0 0 4px rgba(37,183,255,.15); }
.hero .eyebrow, .phero .eyebrow, .section--dark .eyebrow { color: var(--zmb-sky); }
.hero .btn-outline, .phero .btn-outline, .section--dark .btn-outline { color: #fff; border-color: rgba(255,255,255,.55); }
.hero .btn-outline:hover, .phero .btn-outline:hover, .section--dark .btn-outline:hover { background: #fff; color: var(--zmb-navy); }
.hero a:not(.btn), .phero a:not(.btn), .section--dark a:not(.btn) { color: var(--zmb-sky); }
.phero { position: relative; overflow: hidden; background: linear-gradient(160deg, var(--zmb-navy) 0%, var(--zmb-navy-900) 100%); color: #fff; padding: clamp(48px, 7vw, 96px) 0 clamp(56px, 7vw, 96px); }
.phero .hero__bg { opacity: .9; }
.phero__grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 56px; align-items: center; }
.phero__grid--single { grid-template-columns: minmax(0, 1fr); max-width: 860px; }
.phero__title { font: 800 clamp(38px, 5.4vw, 64px)/1.03 var(--zmb-font-display); letter-spacing: -.01em; margin: 0; }
.phero .lead { color: #C6D3E6; margin: 22px 0 0; font-size: clamp(17px, 1.5vw, 20px); line-height: 1.6; }
.phero__actions { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 32px; }
.phero__art svg { width: 100%; height: auto; display: block; }
.crumbs { display: flex; flex-wrap: wrap; gap: 10px; list-style: none; padding: 0; margin: 0 0 26px; font: 600 12px/1 var(--zmb-font-display); letter-spacing: .14em; text-transform: uppercase; }
.crumbs li { display: flex; align-items: center; gap: 10px; color: #8FA6C4; }
.crumbs li + li::before { content: ""; width: 5px; height: 5px; border-top: 1.5px solid #5D7699; border-right: 1.5px solid #5D7699; transform: rotate(45deg); }
.crumbs a { color: #C6D3E6; text-decoration: none; }
.crumbs a:hover { color: #fff; }
.section--alt { background: var(--zmb-bg-alt); }
.section--dark { background: var(--zmb-navy); color: #fff; position: relative; overflow: hidden; }
.section--dark p, .section--dark .lead { color: #C6D3E6; }
.section--deep { background: var(--zmb-navy-900); }
.shead { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; align-items: end; margin-bottom: clamp(36px, 5vw, 56px); }
.shead--stack { grid-template-columns: minmax(0, 1fr); max-width: 760px; }
.shead__num { display: flex; align-items: center; gap: 14px; font: 600 13px/1 var(--zmb-font-display); letter-spacing: .2em; text-transform: uppercase; color: var(--zmb-blue-700); margin: 0 0 16px; }
.shead__num b { font-weight: 800; color: var(--zmb-navy); }
.section--dark .shead__num b, .hero .shead__num b, .phero .shead__num b { color: var(--zmb-orange); }
.shead__num::after { content: ""; flex: 0 0 48px; height: 2px; background: var(--zmb-line); }
.section--dark .shead__num { color: var(--zmb-sky); }
.section--dark .shead__num::after { background: rgba(255,255,255,.18); }
.shead h2 { margin: 0; }
.shead .lead { margin: 0; color: var(--zmb-text-muted); }
.section--dark .shead .lead { color: #C6D3E6; }
.svc-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.svc-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.svc-card { position: relative; display: flex; flex-direction: column; padding: 30px 26px 26px; background: #fff; border: 1px solid var(--zmb-line); border-radius: 12px; color: var(--zmb-navy); text-decoration: none; overflow: hidden; transition: transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s; }
.svc-card::before { content: ""; position: absolute; inset: auto 0 0 0; height: 3px; background: var(--zmb-orange); transform: scaleX(0); transform-origin: left; transition: transform .35s var(--ease); }
.svc-card:hover { transform: translateY(-4px); box-shadow: 0 22px 48px rgba(10,30,61,.14); border-color: transparent; }
.svc-card:hover::before { transform: scaleX(1); }
.svc-card__icon { width: 58px; height: 58px; border-radius: 12px; background: var(--zmb-navy); color: var(--zmb-sky); display: flex; align-items: center; justify-content: center; margin-bottom: 24px; transition: background .3s; }
.svc-card:hover .svc-card__icon { background: var(--zmb-blue-700); color: #fff; }
.svc-card__icon .icon { width: 30px; height: 30px; }
.svc-card__num { position: absolute; right: 22px; top: 24px; font: 800 14px/1 var(--zmb-font-display); color: var(--zmb-steel); letter-spacing: .06em; }
.svc-card h3 { font-size: 21px; line-height: 1.2; margin: 0 0 10px; }
.svc-card p { margin: 0 0 22px; color: var(--zmb-text-muted); font-size: 15px; line-height: 1.6; flex: 1; }
.svc-card__more { display: inline-flex; align-items: center; gap: 8px; font: 700 13px/1 var(--zmb-font-display); letter-spacing: .1em; text-transform: uppercase; color: var(--zmb-blue-700); }
.svc-card__more .icon { width: 18px; height: 18px; transition: transform .25s var(--ease); }
.svc-card:hover .svc-card__more .icon { transform: translateX(4px); }
.svc-card--plain { cursor: default; }
.svc-card--plain:hover { transform: none; box-shadow: none; border-color: var(--zmb-line); }
.split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(36px, 6vw, 88px); align-items: center; }
.split--wide-text { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); }
.split p { font-size: 17px; line-height: 1.7; color: #33415A; margin: 0 0 18px; }
.section--dark .split p { color: #C6D3E6; }
.art-card { position: relative; border-radius: 16px; background: linear-gradient(160deg, var(--zmb-navy) 0%, var(--zmb-navy-900) 100%); padding: 28px; overflow: hidden; box-shadow: 0 30px 60px rgba(10,30,61,.22); }
.art-card > svg:not(.hero__bg) { width: 100%; height: auto; display: block; position: relative; }
.art-card { margin: 0; }
.art-card__cap { position: relative; display: flex; justify-content: space-between; margin-top: 14px; font: 600 11px/1 var(--zmb-font-display); letter-spacing: .18em; text-transform: uppercase; color: #8FA6C4; }
.checks { list-style: none; padding: 0; margin: 22px 0 0; display: grid; gap: 12px; }
.checks li { display: flex; gap: 12px; align-items: flex-start; font-size: 16px; line-height: 1.5; color: #24324A; }
.checks .icon { width: 22px; height: 22px; color: var(--zmb-orange); margin-top: 1px; }
.section--dark .checks li { color: #D5DEEA; }
.checks--2 { grid-template-columns: 1fr 1fr; column-gap: 28px; }
.steps { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; }
.steps__line { position: absolute; left: 0; right: 0; top: 26px; height: 40px; pointer-events: none; }
.steps__line svg { width: 100%; height: 100%; }
.step { position: relative; padding-top: 74px; }
.step__num { position: absolute; top: 0; left: 0; width: 54px; height: 54px; border-radius: 50%; background: #fff; border: 2px solid var(--zmb-navy); display: flex; align-items: center; justify-content: center; font: 800 16px/1 var(--zmb-font-display); color: var(--zmb-navy); z-index: 1; }
.section--alt .step__num { background: var(--zmb-gray); }
.section--dark .step__num { background: var(--zmb-navy); border-color: var(--zmb-sky); color: #fff; }
.step h3 { font-size: 20px; margin: 0 0 8px; }
.step p { margin: 0; color: var(--zmb-text-muted); font-size: 15.5px; line-height: 1.6; }
.section--dark .step p { color: #B9C6D8; }
.values { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; border-top: 1px solid var(--zmb-line); }
.value { padding: 30px 26px 4px 0; border-right: 1px solid var(--zmb-line); padding-left: 26px; }
.value:first-child { padding-left: 0; } .value:last-child { border-right: 0; }
.value h3 { font-size: 22px; margin: 0 0 10px; }
.value p { margin: 0; color: var(--zmb-text-muted); font-size: 15.5px; line-height: 1.6; }
.section--dark .values, .section--dark .value { border-color: rgba(255,255,255,.14); }
.section--dark .value p { color: #B9C6D8; }
.feature-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.feature { display: flex; gap: 18px; padding: 24px; border-radius: 12px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.1); }
.feature .icon { width: 42px; height: 42px; padding: 9px; border-radius: 10px; background: rgba(37,183,255,.12); color: var(--zmb-sky); box-sizing: border-box; }
.feature h3 { font-size: 18px; margin: 0 0 6px; color: #fff; }
.feature p { margin: 0; font-size: 15px; line-height: 1.6; color: #B9C6D8; }
.stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 28px; }
.stat__value { font: 800 clamp(40px, 4.6vw, 58px)/1 var(--zmb-font-display); color: #fff; }
.stat__label { margin-top: 10px; font: 600 13px/1.4 var(--zmb-font-display); letter-spacing: .14em; text-transform: uppercase; color: #8FA6C4; }
.apwa { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.apwa__item { display: flex; gap: 14px; align-items: center; padding: 16px; border-radius: 10px; background: #fff; border: 1px solid var(--zmb-line); }
.apwa__sw { width: 42px; height: 42px; border-radius: 8px; flex: none; }
.apwa__item b { display: block; font: 700 15px/1.2 var(--zmb-font-display); }
.apwa__item span { display: block; font-size: 13px; line-height: 1.4; color: var(--zmb-steel); margin-top: 2px; }
.apwa__item--hl { border-color: var(--zmb-orange); box-shadow: 0 0 0 3px rgba(255,121,0,.18); }
.sw-red { background: #D7262E; } .sw-orange { background: #FF7900; } .sw-yellow { background: #FFD100; } .sw-green { background: #2E9A47; }
.sw-blue { background: #1F64C8; } .sw-purple { background: #7A3FA0; } .sw-pink { background: #F28DB2; } .sw-white { background: #fff; border: 1px solid #C5CFDB; }
.faq { border-top: 1px solid var(--zmb-line); }
.faq details { border-bottom: 1px solid var(--zmb-line); }
.faq summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; gap: 24px; align-items: center; padding: 22px 0; font: 700 19px/1.35 var(--zmb-font-display); color: var(--zmb-navy); }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: ""; flex: none; width: 12px; height: 12px; border-right: 2.5px solid var(--zmb-orange); border-bottom: 2.5px solid var(--zmb-orange); transform: rotate(45deg) translate(-3px,-3px); transition: transform .25s var(--ease); }
.faq details[open] summary::after { transform: rotate(225deg) translate(-3px,-3px); }
.faq details p { margin: 0 0 24px; max-width: 72ch; color: #33415A; font-size: 16px; line-height: 1.7; }
.cta-band { position: relative; overflow: hidden; background: var(--zmb-orange); color: var(--zmb-navy); }
.cta-band__inner { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 36px; padding-top: clamp(48px, 6vw, 72px); padding-bottom: clamp(48px, 6vw, 72px); flex-wrap: wrap; }
.cta-band h2 { margin: 0 0 8px; font-size: clamp(28px, 3.4vw, 42px); }
.cta-band p { margin: 0; font-size: 18px; color: #2A1D0A; max-width: 56ch; }
.cta-band .btn { background: var(--zmb-navy); color: #fff; }
.cta-band .btn:hover { background: var(--zmb-navy-900); }
.cta-band__lines { position: absolute; right: -40px; top: 0; bottom: 0; width: 520px; opacity: .22; pointer-events: none; }
.proj-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.proj { border-radius: 14px; overflow: hidden; background: #fff; border: 1px solid var(--zmb-line); }
.proj img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; }
.proj__body { padding: 22px; }
.proj h3 { margin: 10px 0 6px; font-size: 21px; }
.proj p { margin: 0; color: var(--zmb-text-muted); font-size: 15px; }
.scope-card { position: relative; border-radius: 14px; overflow: hidden; background: linear-gradient(160deg, var(--zmb-navy), var(--zmb-navy-900)); color: #fff; padding: 26px; min-height: 280px; display: flex; flex-direction: column; justify-content: flex-end; }
.scope-card svg { position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 62%; }
.scope-card h3 { position: relative; font-size: 22px; margin: 0 0 8px; }
.scope-card p { position: relative; margin: 0; color: #B9C6D8; font-size: 15px; line-height: 1.55; }
.pos { display: grid; grid-template-columns: 1fr auto; gap: 24px; align-items: center; padding: 26px 28px; border: 1px solid var(--zmb-line); border-radius: 12px; background: #fff; margin-bottom: 14px; }
.pos h3 { margin: 0 0 6px; font-size: 21px; }
.pos p { margin: 0; color: var(--zmb-text-muted); font-size: 15px; }
.people { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; }
.person img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 12px; display: block; }
.person b { display: block; margin-top: 14px; font: 700 18px/1.2 var(--zmb-font-display); }
.person span { color: var(--zmb-steel); font-size: 14px; }
.form-wrap { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, .65fr); gap: clamp(32px, 5vw, 64px); align-items: start; }
.form-card { background: #fff; border: 1px solid var(--zmb-line); border-radius: 16px; padding: clamp(24px, 4vw, 44px); box-shadow: 0 24px 60px rgba(10,30,61,.08); }
.form-card h2 { font-size: 28px; margin: 0 0 6px; }
.form-card > p { margin: 0 0 28px; color: var(--zmb-text-muted); }
.form-sec { border: 0; padding: 0; margin: 0 0 10px; }
.form-sec legend { font: 600 12px/1 var(--zmb-font-display); letter-spacing: .2em; text-transform: uppercase; color: var(--zmb-blue-700); margin-bottom: 18px; display: flex; gap: 12px; align-items: center; width: 100%; }
.form-sec legend::after { content: ""; flex: 1; height: 1px; background: var(--zmb-line); }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 18px; }
.form-grid .field--full { grid-column: 1 / -1; }
.field label .req { color: var(--zmb-orange-600); margin-left: 2px; }
.field .opt { font-weight: 500; color: var(--zmb-steel); font-size: 12.5px; margin-left: 6px; }
.field select { appearance: none; background-image: linear-gradient(45deg, transparent 50%, var(--zmb-navy) 50%), linear-gradient(135deg, var(--zmb-navy) 50%, transparent 50%); background-position: calc(100% - 20px) 50%, calc(100% - 14px) 50%; background-size: 6px 6px; background-repeat: no-repeat; padding-right: 40px; }
.field[aria-invalid="true"] input, .field[aria-invalid="true"] select, .field[aria-invalid="true"] textarea { border-color: #C62828; }
.field__err { display: none; font-size: 13px; color: #C62828; }
.field[aria-invalid="true"] .field__err { display: block; }
.hp { position: absolute !important; left: -10000px !important; width: 1px; height: 1px; overflow: hidden; }
.form-foot { display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap; margin-top: 10px; }
.form-foot small { color: var(--zmb-steel); font-size: 13px; line-height: 1.5; max-width: 46ch; }
.form-foot small a { color: var(--zmb-blue-700); }
.ts-box { min-height: 65px; margin: 6px 0 18px; }
.form-status { display: none; margin-top: 18px; padding: 16px 18px; border-radius: 10px; font-size: 15px; line-height: 1.5; }
.form-status.is-ok { display: block; background: #EAF7EF; color: #14532D; border: 1px solid #A7DDBC; }
.form-status.is-err { display: block; background: #FDECEC; color: #7F1D1D; border: 1px solid #F3B4B4; }
.btn[disabled] { opacity: .6; cursor: progress; }
.side-card { border-radius: 16px; background: linear-gradient(160deg, var(--zmb-navy), var(--zmb-navy-900)); color: #fff; padding: 32px; position: relative; overflow: hidden; }
.side-card h3 { font-size: 22px; margin: 0 0 14px; }
.side-card p { color: #B9C6D8; font-size: 15px; line-height: 1.6; }
.side-card .checks li { color: #D5DEEA; font-size: 15px; }
.contact-list { list-style: none; padding: 0; margin: 22px 0 0; display: grid; gap: 14px; }
.contact-list li { display: flex; gap: 12px; align-items: flex-start; }
.contact-list .icon { color: var(--zmb-sky); width: 22px; height: 22px; }
.contact-list a { color: #fff; text-decoration: none; font-weight: 600; }
.prose { max-width: 760px; }
.prose h2 { font-size: 26px; margin: 44px 0 12px; }
.prose h3 { font-size: 19px; margin: 28px 0 8px; }
.prose p, .prose li { font-size: 16.5px; line-height: 1.75; color: #24324A; }
.prose ul { padding-left: 20px; }
.prose .updated { font: 600 12px/1 var(--zmb-font-display); letter-spacing: .16em; text-transform: uppercase; color: var(--zmb-steel); }
.ftr { position: relative; overflow: hidden; background: var(--zmb-navy-900); color: #B9C6D8; padding: clamp(64px, 8vw, 96px) 0 28px; font-size: 15px; }
.ftr__grid { position: relative; display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 40px; }
.ftr__brand .logo { height: 50px; width: auto; margin-bottom: 22px; }
.ftr__brand p { margin: 0 0 22px; max-width: 34ch; line-height: 1.65; }
.ftr h2 { font: 600 12px/1 var(--zmb-font-display); letter-spacing: .2em; text-transform: uppercase; color: #fff; margin: 6px 0 20px; }
.ftr ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 12px; }
.ftr a:not(.btn) { color: #B9C6D8; text-decoration: none; transition: color .15s; }
.ftr a:not(.btn):hover { color: #fff; }
.ftr__legal { position: relative; display: flex; justify-content: space-between; gap: 18px; flex-wrap: wrap; border-top: 1px solid rgba(255,255,255,.1); margin-top: 64px; padding-top: 24px; font-size: 13px; color: #7E93B1; }
.ftr__legal ul { display: flex; gap: 22px; }
.ftr__mark { position: absolute; right: -60px; bottom: -40px; width: 520px; opacity: .05; pointer-events: none; }
.ftr__tag { font: 800 22px/1.2 var(--zmb-font-display); color: #fff; margin-bottom: 6px; }
.notfound { min-height: 60vh; display: flex; align-items: center; }
.badge-row { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 22px; }
.badge-row .badge { background: rgba(37,183,255,.12); color: var(--zmb-sky); }
.mt-0 { margin-top: 0 !important; } .mb-0 { margin-bottom: 0 !important; }
.center { text-align: center; }
.btn-outline.btn-outline--light { color: #fff; border-color: rgba(255,255,255,.55); }
.btn-outline.btn-outline--light:hover { background: #fff; color: var(--zmb-navy); }
.btn .icon { width: 18px; height: 18px; }
@keyframes zmb-rise { from { transform: translateY(14px); } to { transform: none; } }
.rise { animation: zmb-rise .7s var(--ease) both; }
.rise-d1 { animation-delay: .06s; } .rise-d2 { animation-delay: .12s; } .rise-d3 { animation-delay: .18s; }
.js .reveal { opacity: 0; transform: translateY(18px); transition: opacity .7s var(--ease), transform .7s var(--ease); }
.js .reveal.is-in { opacity: 1; transform: none; }
.js .reveal-d1 { transition-delay: .08s; } .js .reveal-d2 { transition-delay: .16s; } .js .reveal-d3 { transition-delay: .24s; }
@media (max-width: 1100px) {
  .svc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .apwa { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .people { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 960px) {
  :root { --hdr-h: 70px; }
  .nav, .hdr__cta { display: none; }
  .menu-toggle { display: inline-flex; }
  .brand .logo { height: 38px; }
  .mnav { display: block; position: fixed; inset: var(--hdr-h) 0 0 0; background: var(--zmb-navy-900); padding: 20px var(--zmb-gutter) 40px; overflow-y: auto; transform: translateX(100%); visibility: hidden; transition: transform .3s var(--ease), visibility 0s .3s; }
  .mnav.is-open { transform: none; visibility: visible; transition: transform .3s var(--ease); }
  .mnav a { display: block; padding: 16px 0; border-bottom: 1px solid rgba(255,255,255,.08); color: #fff; text-decoration: none; font: 700 20px/1.2 var(--zmb-font-display); }
  .mnav .mnav__sub a { font: 600 16px/1.2 var(--zmb-font-display); color: #C6D3E6; padding-left: 16px; }
  .mnav .btn { margin-top: 26px; width: 100%; border-bottom: 0; }
  body.nav-open { overflow: hidden; }
  .hero__inner, .phero__grid, .split, .split--wide-text, .form-wrap, .shead { grid-template-columns: minmax(0, 1fr); }
  .hero__aside { display: none; }
  .phero__art { max-width: 560px; }
  .steps { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 40px; }
  .steps__line { display: none; }
  .values { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .value { border-right: 0; padding-left: 0; border-bottom: 1px solid var(--zmb-line); padding-bottom: 26px; }
  .section--dark .value { border-color: rgba(255,255,255,.14); }
  .proj-grid, .svc-grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ftr__grid { grid-template-columns: 1fr 1fr; }
  .feature-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
  .svc-grid, .svc-grid--3, .proj-grid, .steps, .values, .apwa, .form-grid, .checks--2, .people { grid-template-columns: minmax(0, 1fr); }
  .ftr__grid { grid-template-columns: minmax(0, 1fr); }
  .hero__actions .btn, .phero__actions .btn { width: 100%; }
  .hero__tags-wrap { position: static; padding-bottom: 22px; }
  .hero__tags { gap: 12px 20px; }
  .pos { grid-template-columns: minmax(0, 1fr); }
  .cta-band__lines { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .xs-pulse { animation: none; display: none; }
  .js .reveal { opacity: 1; transform: none; transition: none; }
  .rise { animation: none; }
  * { transition-duration: .01ms !important; }
}
@media print {
  .hdr, .mnav, .cta-band, .ftr__mark, .hero__xsec, .hero__bg { display: none !important; }
  .hero, .phero, .section--dark { background: #fff !important; color: #000 !important; }
}
.nav { gap: 2px; }
.nav .nav__link { padding: 0 16px; border: 0; font: 600 15px/1 var(--zmb-font-display); letter-spacing: .02em; color: #E8EEF6; }
.nav .nav__link:hover, .nav .nav__link[aria-current="page"] { color: #fff; }
.nav .nav__link::after { left: 16px; right: 16px; }
.hdr__cta { margin-left: 18px; }
.hdr .btn-sm { min-height: 44px; padding: 0 20px; }
.topbar { background: var(--zmb-navy-900); color: #B9C6D8; font: 500 13px/1 var(--zmb-font-body); border-bottom: 1px solid rgba(255,255,255,.06); position: relative; z-index: 61; }
.topbar__in { display: flex; align-items: center; justify-content: space-between; height: 38px; gap: 24px; }
.topbar ul { display: flex; gap: 26px; list-style: none; margin: 0; padding: 0; }
.topbar li { display: flex; align-items: center; gap: 8px; }
.topbar .icon { width: 15px; height: 15px; color: var(--zmb-sky); }
.topbar a { color: #D5DEEA; text-decoration: none; }
.topbar a:hover { color: #fff; }
.topbar__tag { font: 600 11.5px/1 var(--zmb-font-display); letter-spacing: .18em; text-transform: uppercase; color: #8FA6C4; }
.page-home .hdr { background: transparent; border-bottom-color: transparent; -webkit-backdrop-filter: none; backdrop-filter: none; }
.page-home .hdr.is-scrolled { background: rgba(6,19,42,.96); border-bottom-color: rgba(255,255,255,.08); -webkit-backdrop-filter: saturate(1.4) blur(10px); backdrop-filter: saturate(1.4) blur(10px); }
.page-home main { margin-top: calc(-1 * var(--hdr-h)); }
.page-home .hero__inner { padding-top: calc(var(--hdr-h) + clamp(56px, 8vw, 110px)); }
.hero__inner { grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); align-items: center; }
.hero__media { position: relative; }
.hero__media img { width: 112%; max-width: none; height: auto; display: block; margin-left: -4%; filter: drop-shadow(0 30px 40px rgba(0,0,0,.45)); }
.hero__badge { position: relative; margin: 18px 0 0 auto; width: max-content; max-width: 100%; display: flex; gap: 12px; align-items: center; background: rgba(6,19,42,.86); border: 1px solid rgba(255,255,255,.12); border-radius: 12px; padding: 12px 16px; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.hero__badge .icon { width: 30px; height: 30px; color: var(--zmb-orange); }
.hero__badge b { display: block; font: 700 14px/1.2 var(--zmb-font-display); color: #fff; }
.hero__badge span { display: block; font-size: 12.5px; color: #B9C6D8; margin-top: 2px; }
.hero__note { margin-top: 26px; display: flex; gap: 10px; align-items: center; font-size: 14px; color: #B9C6D8; }
.hero__note .icon { width: 18px; height: 18px; color: var(--zmb-sky); }
.trust { position: relative; z-index: 3; margin-top: -1px; background: #fff; border-bottom: 1px solid var(--zmb-line); }
.trust__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.trust__item { display: flex; gap: 14px; align-items: center; padding: 26px 22px; border-right: 1px solid var(--zmb-line); }
.trust__item:last-child { border-right: 0; }
.trust__item .icon { width: 40px; height: 40px; padding: 8px; border-radius: 10px; background: var(--zmb-gray); color: var(--zmb-blue-700); box-sizing: border-box; flex: none; }
.trust__item b { display: block; font: 700 16px/1.2 var(--zmb-font-display); color: var(--zmb-navy); }
.trust__item span { display: block; font-size: 13.5px; color: var(--zmb-steel); margin-top: 3px; }
.hx-stage { position: relative; border-radius: 18px; overflow: hidden; background: linear-gradient(180deg, #0F2A52 0%, #0A1E3D 38%); border: 1px solid rgba(255,255,255,.08); box-shadow: 0 40px 80px rgba(0,0,0,.35); padding: clamp(10px, 2vw, 22px); }
.hx { display: block; width: 100%; height: auto; }
.hx-static { display: none; }
@media (prefers-reduced-motion: reduce) { .hx-anim { display: none; } .hx-static { display: inline; } }
.hx-cap { display: flex; justify-content: space-between; gap: 18px; flex-wrap: wrap; margin-top: 18px; font-size: 14px; color: #B9C6D8; }
.hx-points { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; margin-top: 40px; }
.hx-points h3 { font-size: 18px; margin: 0 0 6px; color: #fff; display: flex; gap: 10px; align-items: center; }
.hx-points h3 b { display: inline-flex; width: 26px; height: 26px; border-radius: 50%; background: var(--zmb-orange); color: var(--zmb-navy); font-size: 13px; align-items: center; justify-content: center; }
.hx-points p { margin: 0; font-size: 15px; line-height: 1.6; color: #B9C6D8; }
.fleet { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; align-items: stretch; }
.fleet__card { position: relative; border-radius: 16px; background: linear-gradient(180deg, #FFFFFF 0%, #EEF2F7 100%); border: 1px solid var(--zmb-line); padding: 34px 28px 22px; display: flex; flex-direction: column; justify-content: flex-end; overflow: hidden; }
.fleet__card img { width: 100%; height: auto; display: block; margin: auto 0; padding: 18px 0 26px; }
.fleet__card { min-height: 300px; margin: 0; }
.fleet__card figcaption { display: flex; justify-content: space-between; gap: 12px; font: 600 12px/1 var(--zmb-font-display); letter-spacing: .16em; text-transform: uppercase; color: var(--zmb-steel); }
.fleet__card figcaption b { color: var(--zmb-navy); }
.fleet__card::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 4px; background: linear-gradient(90deg, var(--zmb-navy) 0 60%, var(--zmb-blue) 60% 88%, var(--zmb-orange) 88%); }
.contact-block { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(28px, 5vw, 64px); align-items: center; }
.contact-block address { font-style: normal; }
.contact-cards { display: grid; gap: 14px; }
.contact-card { display: flex; gap: 16px; align-items: flex-start; padding: 22px; border-radius: 14px; background: #fff; border: 1px solid var(--zmb-line); text-decoration: none; color: var(--zmb-navy); transition: border-color .2s, box-shadow .2s, transform .2s; }
a.contact-card:hover { border-color: var(--zmb-blue); box-shadow: 0 14px 30px rgba(10,30,61,.1); transform: translateY(-2px); }
.contact-card .icon { width: 44px; height: 44px; padding: 10px; border-radius: 10px; background: var(--zmb-navy); color: var(--zmb-sky); box-sizing: border-box; flex: none; }
.contact-card small { display: block; font: 600 11.5px/1 var(--zmb-font-display); letter-spacing: .18em; text-transform: uppercase; color: var(--zmb-steel); margin-bottom: 7px; }
.contact-card b { display: block; font: 700 18px/1.35 var(--zmb-font-display); }
@media (max-width: 1100px) { .hx-points { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 960px) {
  .topbar { display: none; }
  .page-home .hdr { background: rgba(10,30,61,.94); }
  .page-home main { margin-top: 0; }
  .page-home .hero__inner { padding-top: 56px; }
  .hero__inner { grid-template-columns: minmax(0, 1fr); }
  .hero__media img { width: 100%; margin: 0; }
  .fleet__card { min-height: 0; }
  .trust__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .trust__item:nth-child(2) { border-right: 0; }
  .trust__item:nth-child(-n+2) { border-bottom: 1px solid var(--zmb-line); }
  .fleet, .contact-block { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
  .trust__grid, .hx-points { grid-template-columns: minmax(0, 1fr); }
  .trust__item { border-right: 0; border-bottom: 1px solid var(--zmb-line); }
  .hero__badge { margin: 16px 0 0; }
}
.ftr__addr { font-style: normal; line-height: 1.6; color: #D5DEEA; }
.related { margin-top: 18px; font-size: 15.5px; color: var(--zmb-steel, #5A6B82); }
.related a { color: var(--zmb-blue-700); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.related a:hover { color: var(--zmb-navy); }
