:root {
  --navy-950: #03101c;
  --navy-925: #051521;
  --navy-900: #061827;
  --navy-850: #082133;
  --navy-800: #0b2a40;
  --navy-750: #10354d;
  --ink: #082033;
  --ink-soft: #425c6d;
  --muted: #7390a0;
  --line: #d5e2e8;
  --line-dark: rgba(129, 176, 197, 0.22);
  --paper: #ffffff;
  --paper-blue: #f3f8fa;
  --paper-deep: #eaf3f7;
  --cyan: #2dd1d1;
  --cyan-deep: #19aebf;
  --blue: #2b91dd;
  --blue-deep: #1268b7;
  --teal: #1ed0b3;
  --amber: #f5b64b;
  --red: #e7665f;
  --green: #34c586;
  --shadow-sm: 0 12px 28px rgba(4, 24, 37, 0.08);
  --shadow-md: 0 24px 70px rgba(4, 24, 37, 0.16);
  --shadow-dark: 0 35px 95px rgba(0, 0, 0, 0.32);
  --radius-sm: 10px;
  --radius: 18px;
  --radius-lg: 28px;
  --shell: 1240px;
  --header-height: 76px;
  --ease: cubic-bezier(.2, .75, .2, 1);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 115px; }
body {
  margin: 0;
  min-width: 320px;
  color: var(--paper);
  background: var(--navy-950);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.55;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
body.menu-open { overflow: hidden; }
img, svg { display: block; max-width: 100%; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
p { margin: 0 0 1em; }
h1, h2, h3, h4, p { overflow-wrap: anywhere; }
h1, h2, h3, h4 { margin: 0; line-height: 1.02; letter-spacing: -0.035em; }
h1 { font-size: clamp(3.35rem, 6.8vw, 6.65rem); font-weight: 620; }
h2 { font-size: clamp(2.55rem, 4.6vw, 4.85rem); font-weight: 600; }
h3 { font-size: clamp(1.35rem, 2vw, 1.85rem); font-weight: 620; }
em { color: var(--cyan); font-style: normal; }
ul, ol { margin: 0; padding: 0; }
::selection { color: var(--navy-950); background: var(--cyan); }

.shell { width: min(calc(100% - 44px), var(--shell)); margin-inline: auto; }
.section { position: relative; padding: 120px 0; }
.section-light { color: var(--ink); background: var(--paper-blue); }
.centered { max-width: 820px; margin-inline: auto; text-align: center; }
.centered-action { margin-top: 44px; text-align: center; }
.hidden-field { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }

.icon { width: 22px; height: 22px; flex: 0 0 auto; }
.icon-small { width: 17px; height: 17px; }
.icon-tiny { width: 13px; height: 13px; }

.skip-link {
  position: fixed;
  z-index: 9999;
  top: 12px;
  left: 12px;
  padding: 11px 15px;
  color: var(--navy-950);
  background: var(--cyan);
  border-radius: 8px;
  transform: translateY(-160%);
  transition: transform .2s ease;
}
.skip-link:focus { transform: translateY(0); }

.utility-bar {
  position: relative;
  z-index: 50;
  height: 32px;
  color: #c6dce5;
  background: #020a11;
  border-bottom: 1px solid rgba(86, 145, 168, .16);
  font-size: 10px;
  font-weight: 680;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.utility-inner { height: 100%; display: flex; align-items: center; justify-content: center; gap: 18px; white-space: nowrap; }
.utility-divider { width: 1px; height: 10px; background: rgba(142, 188, 205, .25); }
.pulse-dot { display: inline-block; width: 7px; height: 7px; margin-right: 8px; border-radius: 50%; background: var(--teal); box-shadow: 0 0 0 0 rgba(30, 208, 179, .55); animation: pulse 2.3s infinite; }
@keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(30, 208, 179, .45); } 70% { box-shadow: 0 0 0 8px rgba(30, 208, 179, 0); } 100% { box-shadow: 0 0 0 0 rgba(30, 208, 179, 0); } }

.site-header {
  position: sticky;
  z-index: 45;
  top: 0;
  height: var(--header-height);
  color: var(--paper);
  background: rgba(4, 18, 30, .96);
  border-bottom: 1px solid rgba(132, 177, 197, .16);
  backdrop-filter: blur(20px) saturate(1.2);
  -webkit-backdrop-filter: blur(20px) saturate(1.2);
  transition: background .3s ease, box-shadow .3s ease;
}
.site-header.is-scrolled { background: rgba(3, 16, 28, .96); box-shadow: 0 16px 40px rgba(0,0,0,.18); }
.header-inner { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.brand { display: inline-flex; align-items: center; gap: 12px; flex: 0 0 auto; }
.brand img { width: 42px; height: 42px; }
.brand-copy { display: grid; line-height: 1; }
.brand-copy strong { font-size: 15px; letter-spacing: .115em; font-weight: 780; }
.brand-copy small { margin-top: 5px; color: #8faebd; font-size: 8px; font-weight: 700; letter-spacing: .23em; }
.desktop-nav { display: flex; align-items: center; justify-content: center; gap: clamp(14px, 2vw, 30px); }
.nav-link { position: relative; padding: 27px 0 25px; color: #a8c0cb; font-size: 12px; font-weight: 650; letter-spacing: .02em; transition: color .2s ease; }
.nav-link::after { content: ""; position: absolute; right: 0; bottom: 15px; left: 0; height: 2px; background: var(--cyan); transform: scaleX(0); transform-origin: left; transition: transform .25s var(--ease); }
.nav-link:hover, .nav-link:focus-visible, .nav-link.is-active { color: var(--paper); }
.nav-link:hover::after, .nav-link:focus-visible::after, .nav-link.is-active::after { transform: scaleX(1); }
.header-actions { display: flex; align-items: center; gap: 12px; }
.menu-toggle { display: none; width: 46px; height: 46px; padding: 0; border: 1px solid var(--line-dark); border-radius: 12px; color: inherit; background: rgba(255,255,255,.03); cursor: pointer; }
.menu-toggle span { display: block; width: 19px; height: 1.5px; margin: 5px auto; background: currentColor; transition: transform .25s ease, opacity .25s ease; }
.menu-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
.menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.menu-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }
.mobile-panel { position: fixed; inset: calc(32px + var(--header-height)) 0 0; padding: 24px; background: rgba(3,16,28,.985); overflow: auto; }
.mobile-nav { display: grid; gap: 4px; width: min(100%, 620px); margin: 0 auto; }
.mobile-nav .nav-link { padding: 18px 4px; border-bottom: 1px solid rgba(126,172,191,.16); font-size: 20px; }
.mobile-nav .nav-link::after { display: none; }
.mobile-nav .button { margin-top: 24px; }

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 50px;
  padding: 13px 23px;
  border: 1px solid transparent;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 760;
  letter-spacing: .05em;
  line-height: 1;
  text-transform: uppercase;
  cursor: pointer;
  transition: transform .2s var(--ease), box-shadow .2s ease, background .2s ease, border-color .2s ease, color .2s ease;
}
.button:hover { transform: translateY(-2px); }
.button:focus-visible, .text-link:focus-visible, .nav-link:focus-visible, .filter-button:focus-visible, .service-jump-nav a:focus-visible, .status-demo-tabs button:focus-visible { outline: 3px solid rgba(45, 209, 209, .45); outline-offset: 3px; }
.button-primary { color: #001018; background: linear-gradient(135deg, #3de2d3 0%, #2ab7dd 55%, #2b91dd 100%); box-shadow: 0 15px 34px rgba(31, 185, 203, .24); }
.button-primary:hover { box-shadow: 0 19px 42px rgba(31, 185, 203, .34); }
.button-secondary { color: var(--paper); background: rgba(43,145,221,.15); border-color: rgba(80,174,231,.45); }
.button-secondary:hover { background: rgba(43,145,221,.25); }
.button-dark { color: var(--paper); background: var(--navy-900); box-shadow: 0 16px 35px rgba(3,16,28,.16); }
.button-dark:hover { background: var(--navy-800); }
.button-ghost { color: var(--paper); background: rgba(255,255,255,.025); border-color: rgba(155,198,214,.29); }
.button-ghost:hover { background: rgba(255,255,255,.07); border-color: rgba(155,198,214,.5); }
.button-outline { color: var(--paper); border-color: rgba(138,187,205,.36); background: transparent; }
.button-outline:hover { background: rgba(255,255,255,.06); }
.button-outline-dark { color: var(--ink); border-color: #9eb9c6; background: transparent; }
.button-outline-dark:hover { color: var(--paper); background: var(--navy-900); border-color: var(--navy-900); }
.button-large { min-height: 58px; padding: 16px 27px; }
.button-compact { min-height: 42px; padding: 12px 18px; font-size: 10px; }
.button-full { width: 100%; }
.text-link { display: inline-flex; align-items: center; gap: 8px; color: var(--cyan); font-size: 13px; font-weight: 730; letter-spacing: .025em; }
.text-link .icon { transition: transform .2s ease; }
.text-link:hover .icon { transform: translateX(4px); }

.eyebrow { display: flex; align-items: center; gap: 11px; margin-bottom: 22px; color: #91b6c7; font-size: 10px; font-weight: 780; letter-spacing: .17em; text-transform: uppercase; }
.eyebrow > span { width: 28px; height: 1px; background: var(--cyan); box-shadow: 10px 0 0 var(--blue); }
.eyebrow-dark { color: #527183; }
.section-heading > p, .section-heading-row > p { color: inherit; opacity: .69; font-size: 17px; line-height: 1.72; }
.section-heading h2 + p { margin-top: 26px; }
.section-heading-row { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(300px, .62fr); align-items: end; gap: 70px; margin-bottom: 58px; }
.section-heading-row > p { margin: 0 0 5px; }

.reveal { opacity: 1; transform: none; }
.js .reveal { opacity: 0; transform: translateY(24px); transition: opacity .7s var(--ease), transform .7s var(--ease); }
.js .reveal.is-visible { opacity: 1; transform: translateY(0); }
.reveal-delay-1 { transition-delay: .08s; }
.reveal-delay-2 { transition-delay: .16s; }
.reveal-delay-3 { transition-delay: .24s; }
.no-js .reveal, @media (prefers-reduced-motion: reduce) { }

/* Home hero */
.hero { position: relative; overflow: hidden; }
.hero-home { min-height: 820px; padding: 112px 0 100px; background: radial-gradient(circle at 72% 30%, rgba(31, 156, 203, .22), transparent 28%), radial-gradient(circle at 18% 90%, rgba(26, 184, 177, .12), transparent 32%), linear-gradient(145deg, #020d17 0%, #061827 47%, #08243a 100%); }
.hero-grid-overlay { position: absolute; inset: 0; opacity: .24; background-image: linear-gradient(rgba(78,143,168,.13) 1px, transparent 1px), linear-gradient(90deg, rgba(78,143,168,.13) 1px, transparent 1px); background-size: 70px 70px; mask-image: linear-gradient(to bottom, black 0%, transparent 85%); }
.hero-grid-overlay::after { content: ""; position: absolute; top: 8%; left: 8%; width: 520px; height: 520px; border: 1px solid rgba(54, 185, 204, .18); border-radius: 50%; box-shadow: 0 0 0 80px rgba(54,185,204,.025), 0 0 0 160px rgba(54,185,204,.018); }
.hero-grid { position: relative; display: grid; grid-template-columns: minmax(0, 1.03fr) minmax(460px, .97fr); align-items: center; gap: 70px; }
.hero-copy { position: relative; z-index: 2; }
.hero-copy h1 { max-width: 760px; }
.hero-copy h1 em { display: inline-block; margin-top: 4px; }
.hero-lead { max-width: 690px; margin: 31px 0 0; color: #b4cbd5; font-size: clamp(18px, 1.8vw, 22px); line-height: 1.65; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 35px; }
.hero-note { max-width: 620px; margin-top: 23px; color: #819fad; font-size: 12px; line-height: 1.55; }
.hero-port-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 31px; }
.hero-port-row span { display: inline-flex; align-items: center; gap: 7px; padding: 8px 11px; color: #9ebbc8; background: rgba(13, 47, 69, .58); border: 1px solid rgba(96,157,181,.2); border-radius: 999px; font-size: 10px; font-weight: 670; letter-spacing: .055em; text-transform: uppercase; }
.hero-command { position: relative; min-width: 0; padding: 16px; border: 1px solid rgba(90,166,194,.25); border-radius: 26px; background: linear-gradient(145deg, rgba(11,42,63,.92), rgba(3,18,31,.94)); box-shadow: var(--shadow-dark), inset 0 1px rgba(255,255,255,.03); }
.hero-command::before { content: ""; position: absolute; inset: -50px -40px; z-index: -1; background: radial-gradient(circle, rgba(37,176,211,.19), transparent 65%); filter: blur(8px); }
.command-topline { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 7px 8px 16px; border-bottom: 1px solid rgba(115,172,194,.16); color: #81a6b6; font-size: 9px; font-weight: 780; letter-spacing: .15em; }
.live-indicator { display: inline-flex; align-items: center; gap: 7px; color: #acd8d4; font-size: 9px; font-weight: 720; letter-spacing: .1em; text-transform: uppercase; }
.live-indicator i { width: 7px; height: 7px; border-radius: 50%; background: var(--teal); box-shadow: 0 0 15px var(--teal); }
.command-main { display: grid; grid-template-columns: .78fr 1.22fr; min-height: 450px; }
.radar-panel { position: relative; padding: 35px 15px 24px 7px; border-right: 1px solid rgba(115,172,194,.15); }
.radar { position: relative; width: min(100%, 230px); aspect-ratio: 1; margin: 35px auto; overflow: hidden; border: 1px solid rgba(61,188,206,.38); border-radius: 50%; background: radial-gradient(circle, rgba(34, 156, 176, .09) 0%, rgba(2,16,27,.65) 64%, #020d16 100%); box-shadow: inset 0 0 35px rgba(31,202,197,.08), 0 0 35px rgba(28, 153, 189, .08); }
.radar-ring { position: absolute; inset: 50%; border: 1px solid rgba(56,180,199,.2); border-radius: 50%; transform: translate(-50%,-50%); }
.ring-1 { width: 34%; height: 34%; }.ring-2 { width: 66%; height: 66%; }.ring-3 { width: 92%; height: 92%; }
.radar-axis { position: absolute; background: rgba(57,177,196,.15); }.radar-axis-x { top: 50%; left: 4%; width: 92%; height: 1px; }.radar-axis-y { left: 50%; top: 4%; height: 92%; width: 1px; }
.radar-sweep { position: absolute; inset: -2%; background: conic-gradient(from 0deg, transparent 0deg, transparent 318deg, rgba(48,214,200,.55) 355deg, transparent 360deg); border-radius: 50%; animation: radarSweep 4.5s linear infinite; transform-origin: center; }
@keyframes radarSweep { to { transform: rotate(360deg); } }
.radar-target { position: absolute; width: 5px; height: 5px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 12px var(--cyan); }.target-1 { top: 29%; left: 62%; }.target-2 { top: 66%; left: 28%; }.target-3 { top: 58%; left: 75%; }
.radar-caption { display: grid; gap: 4px; padding: 0 8px; color: #6f93a4; font-size: 9px; letter-spacing: .11em; text-transform: uppercase; }
.radar-caption strong { color: #c2d9e3; font-size: 11px; }
.job-panel { padding: 34px 23px 26px; }
.sample-label { display: inline-flex; margin-bottom: 16px; padding: 5px 8px; color: #779aac; background: rgba(255,255,255,.035); border: 1px solid rgba(126,172,191,.16); border-radius: 5px; font-size: 8px; font-weight: 780; letter-spacing: .12em; text-transform: uppercase; }
.job-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; }
.job-head > div { display: grid; gap: 5px; }.job-head span:first-child { color: #6f94a4; font-size: 8px; font-weight: 700; letter-spacing: .12em; }.job-head strong { color: #ecf7fa; font-size: 19px; letter-spacing: -.015em; }
.status-chip { display: inline-flex; align-items: center; justify-content: center; width: max-content; min-height: 25px; padding: 5px 8px; border-radius: 5px; font-size: 8px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; white-space: nowrap; }
.status-blue { color: #9dd2f2; background: rgba(43,145,221,.16); border: 1px solid rgba(43,145,221,.27); }
.status-teal { color: #9aeee0; background: rgba(30,208,179,.14); border: 1px solid rgba(30,208,179,.25); }
.status-amber { color: #ffe0a2; background: rgba(245,182,75,.14); border: 1px solid rgba(245,182,75,.26); }
.job-meta-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 22px 0 26px; }
.job-meta-grid > div { display: grid; gap: 4px; padding: 10px; background: rgba(255,255,255,.025); border: 1px solid rgba(105,161,183,.13); border-radius: 8px; }
.job-meta-grid small { color: #6f93a2; font-size: 8px; letter-spacing: .08em; text-transform: uppercase; }.job-meta-grid strong { color: #cfe1e8; font-size: 10px; font-weight: 650; }
.job-timeline { display: grid; gap: 5px; }
.timeline-item { display: grid; grid-template-columns: 28px 1fr; gap: 10px; align-items: center; min-height: 48px; padding: 8px 10px; border-left: 1px solid rgba(98,156,178,.18); color: #6d8e9e; }
.timeline-item i { display: grid; place-items: center; width: 25px; height: 25px; border: 1px solid rgba(104,164,186,.22); border-radius: 50%; font-style: normal; font-size: 8px; }
.timeline-item span { display: grid; gap: 2px; }.timeline-item strong { color: #90aebb; font-size: 10px; font-weight: 670; }.timeline-item small { font-size: 8px; }
.timeline-item.is-done i { color: #071827; background: var(--teal); border-color: var(--teal); }.timeline-item.is-done strong { color: #cfe5e5; }
.timeline-item.is-active { color: #9bc6d5; background: linear-gradient(90deg, rgba(43,145,221,.14), transparent); border-left-color: var(--blue); }.timeline-item.is-active i { color: #cce8f9; border-color: var(--blue); box-shadow: 0 0 14px rgba(43,145,221,.2); }.timeline-item.is-active strong { color: #e2f3f7; }
.command-footer { display: flex; justify-content: space-between; gap: 15px; padding: 15px 12px 5px; border-top: 1px solid rgba(115,172,194,.16); color: #82a5b4; font-size: 9px; font-weight: 650; }
.command-footer span { display: inline-flex; align-items: center; gap: 7px; }
.hero-bottom-fade { position: absolute; right: 0; bottom: 0; left: 0; height: 120px; background: linear-gradient(transparent, rgba(3,16,28,.55)); }

.trust-strip { position: relative; z-index: 2; color: var(--paper); background: #071b29; border-top: 1px solid rgba(106,160,181,.14); border-bottom: 1px solid rgba(106,160,181,.14); }
.trust-grid { display: grid; grid-template-columns: repeat(5, 1fr); }
.trust-grid > div { display: grid; justify-items: center; gap: 4px; padding: 24px 16px; border-right: 1px solid rgba(106,160,181,.14); text-align: center; }.trust-grid > div:first-child { border-left: 1px solid rgba(106,160,181,.14); }
.trust-grid strong { color: #d7edf2; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; }.trust-grid span { color: #7799a8; font-size: 9px; font-weight: 650; letter-spacing: .07em; text-transform: uppercase; }
.compact-trust .trust-grid > div { padding-block: 20px; }.trust-grid-four { grid-template-columns: repeat(4,1fr); }

/* Home sections */
.urgency-section { overflow: hidden; }
.urgency-section::before { content: ""; position: absolute; right: -12%; bottom: -45%; width: 720px; height: 720px; border: 1px solid rgba(43,145,221,.12); border-radius: 50%; box-shadow: 0 0 0 85px rgba(43,145,221,.035), 0 0 0 170px rgba(43,145,221,.02); }
.urgency-grid { position: relative; display: grid; grid-template-columns: .86fr 1.14fr; align-items: center; gap: 100px; }
.urgency-grid .section-heading p { max-width: 570px; }
.urgency-grid .text-link { margin-top: 15px; color: var(--blue-deep); }
.intake-card { padding: 22px; background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius-lg); box-shadow: var(--shadow-md); }
.intake-row { display: grid; grid-template-columns: 42px 1fr; align-items: center; gap: 14px; padding: 16px 13px; border-bottom: 1px solid #e6eef2; }
.intake-row b { display: grid; place-items: center; width: 36px; height: 36px; color: var(--blue-deep); background: #eef7fc; border-radius: 9px; font-size: 10px; }
.intake-row span { display: grid; gap: 2px; }.intake-row strong { color: var(--ink); font-size: 14px; }.intake-row small { color: #6d8796; font-size: 11px; }
.intake-card .button { margin-top: 18px; }

.offers-section { background: radial-gradient(circle at 83% 40%, rgba(30,164,190,.12), transparent 32%), #061827; }
.offer-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 15px; }
.offer-card { display: flex; min-height: 455px; padding: 28px 25px 25px; flex-direction: column; border: 1px solid rgba(110,169,192,.18); border-radius: var(--radius); background: linear-gradient(160deg, rgba(15,50,72,.78), rgba(4,21,34,.88)); transition: transform .3s var(--ease), border-color .3s ease, background .3s ease; }
.offer-card:hover { transform: translateY(-7px); border-color: rgba(61,205,210,.45); background: linear-gradient(160deg, rgba(18,59,81,.9), rgba(4,21,34,.92)); }
.offer-card-featured { background: linear-gradient(160deg, rgba(24,103,127,.55), rgba(5,26,41,.9)); border-color: rgba(44,205,210,.36); }
.offer-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 52px; }.offer-number { color: #7395a5; font-size: 10px; font-weight: 760; letter-spacing: .12em; }.offer-icon { width: 34px; height: 34px; color: var(--cyan); }
.offer-card h3 { color: #eef9fb; font-size: 25px; }
.offer-card > p { min-height: 70px; margin-top: 15px; color: #8eadba; font-size: 14px; line-height: 1.65; }
.offer-card > a { display: inline-flex; align-items: center; gap: 7px; margin-top: auto; color: var(--cyan); font-size: 11px; font-weight: 720; }
.check-list { display: grid; gap: 11px; list-style: none; }
.check-list li { position: relative; padding-left: 22px; color: inherit; opacity: .82; font-size: 14px; line-height: 1.55; }
.check-list li::before { content: ""; position: absolute; top: .63em; left: 0; width: 10px; height: 6px; border-bottom: 1.5px solid var(--cyan); border-left: 1.5px solid var(--cyan); transform: rotate(-45deg); }
.compact-list { gap: 8px; margin: 8px 0 28px; }.compact-list li { color: #a1bbc7; font-size: 11px; }

.systems-section { overflow: hidden; }
.system-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 13px; }
.system-card { display: grid; grid-template-columns: 55px 1fr 24px; align-items: center; gap: 17px; min-height: 116px; padding: 20px 23px; color: var(--ink); background: var(--paper); border: 1px solid var(--line); border-radius: 15px; box-shadow: 0 7px 25px rgba(7,37,52,.04); transition: transform .25s var(--ease), border-color .25s ease, box-shadow .25s ease; }
.system-card:hover { transform: translateY(-4px); border-color: #8dc6db; box-shadow: var(--shadow-sm); }
.system-icon { width: 36px; height: 36px; color: var(--blue); }
.system-card span { display: grid; gap: 6px; }.system-card strong { font-size: 17px; }.system-card small { color: #6e8795; font-size: 12px; line-height: 1.45; }.system-card > .icon { color: #7e9eac; }
.scope-banner { display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-top: 26px; padding: 25px 28px; color: var(--ink); background: #dff4f3; border: 1px solid #a6deda; border-radius: 16px; }
.scope-banner > div { display: flex; align-items: center; gap: 19px; }.scope-icon { width: 34px; height: 34px; color: var(--cyan-deep); flex: 0 0 auto; }.scope-banner span { display: grid; gap: 3px; }.scope-banner strong { font-size: 15px; }.scope-banner small { color: #547684; font-size: 11px; line-height: 1.55; }

.credentials-preview-section { background: radial-gradient(circle at 20% 60%, rgba(35,165,193,.12), transparent 35%), #071a29; }
.credentials-preview-grid { display: grid; grid-template-columns: .78fr 1.22fr; align-items: center; gap: 90px; }
.credentials-preview-grid .section-heading p { color: #91adba; }
.credential-stack { position: relative; display: grid; gap: 12px; }
.credential-stack::before { content: ""; position: absolute; inset: 10% 4% -8% 8%; z-index: -1; background: radial-gradient(circle, rgba(45,197,210,.18), transparent 68%); filter: blur(28px); }
.credential-mini { padding: 25px 27px; color: var(--ink); background: linear-gradient(140deg, #fff, #eef6f8); border: 1px solid #d4e5ea; border-radius: 16px; box-shadow: 0 18px 45px rgba(0,0,0,.18); }
.credential-mini:nth-child(2) { margin-left: 38px; }.credential-mini:nth-child(3) { margin-left: 15px; }
.credential-mini-top { display: flex; justify-content: space-between; align-items: center; gap: 15px; }.credential-mini-top strong { color: var(--blue-deep); font-size: 10px; letter-spacing: .14em; }.credential-mini h3 { margin-top: 14px; font-size: 22px; }.credential-mini-meta { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 12px; color: #547180; font-size: 9px; font-weight: 680; letter-spacing: .06em; text-transform: uppercase; }.credential-mini p { margin: 12px 0 0; color: #5a7482; font-size: 11px; line-height: 1.55; }
.credentials-preview-section .status-teal { color: #087c69; background: #d5f6ee; border-color: #a6e4d5; }.credentials-preview-section .status-amber { color: #8b6111; background: #fff2d5; border-color: #ebd195; }

.process-section { overflow: hidden; }
.process-line { position: relative; display: grid; grid-template-columns: repeat(7,1fr); margin-top: 65px; }
.process-line::before { content: ""; position: absolute; top: 29px; left: 7%; right: 7%; height: 1px; background: linear-gradient(90deg, var(--cyan-deep), #8eb8c6, var(--blue)); }
.process-step { position: relative; z-index: 1; display: grid; justify-items: center; gap: 9px; padding: 0 10px; text-align: center; }
.process-step i { display: grid; place-items: center; width: 58px; height: 58px; color: var(--blue-deep); background: var(--paper); border: 1px solid #b7d0da; border-radius: 50%; box-shadow: 0 8px 20px rgba(7,39,53,.08); font-style: normal; font-size: 10px; font-weight: 800; }
.process-step strong { margin-top: 7px; font-size: 13px; }.process-step span { color: #6b8594; font-size: 9px; line-height: 1.45; }

.fleet-cta-section { overflow: hidden; background: radial-gradient(circle at 78% 55%, rgba(36,149,207,.2), transparent 34%), linear-gradient(135deg,#03111e,#071e30); }
.fleet-cta { display: grid; grid-template-columns: .92fr 1.08fr; align-items: center; gap: 85px; }
.fleet-cta-copy p { max-width: 650px; margin-top: 25px; color: #9db8c4; font-size: 17px; line-height: 1.7; }
.fleet-dashboard { padding: 17px; border: 1px solid rgba(102,171,198,.25); border-radius: 22px; background: rgba(5,22,35,.76); box-shadow: var(--shadow-dark); }
.dashboard-head { display: flex; align-items: center; justify-content: space-between; padding: 5px 5px 15px; color: #779aaa; font-size: 9px; font-weight: 750; letter-spacing: .14em; }
.dashboard-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }.dashboard-stats > div { display: grid; gap: 4px; padding: 13px; background: rgba(255,255,255,.035); border: 1px solid rgba(103,165,188,.14); border-radius: 9px; }.dashboard-stats small { color: #7595a4; font-size: 8px; text-transform: uppercase; }.dashboard-stats strong { color: #e3f1f5; font-size: 24px; font-weight: 600; }
.dashboard-list { display: grid; gap: 6px; margin-top: 11px; }.dashboard-list > div { display: grid; grid-template-columns: 1fr auto; gap: 2px 15px; padding: 12px 13px; border-bottom: 1px solid rgba(103,165,188,.12); }.dashboard-list span { display: inline-flex; align-items: center; gap: 8px; color: #c0d5dc; font-size: 11px; }.dashboard-list strong { color: #d7e9ee; font-size: 10px; }.dashboard-list small { grid-column: 1 / -1; padding-left: 14px; color: #6f90a0; font-size: 8px; }.dot { width: 6px; height: 6px; border-radius: 50%; }.dot-green { background: var(--green); box-shadow: 0 0 8px var(--green); }.dot-amber { background: var(--amber); }.dot-blue { background: var(--blue); }.dot-red { background: var(--red); }

/* Shared page hero */
.page-hero { position: relative; min-height: 660px; padding: 105px 0 95px; overflow: hidden; background: radial-gradient(circle at 74% 35%, rgba(34,154,202,.2), transparent 31%), linear-gradient(145deg, #020d17, #061827 52%, #09243a); }
.page-hero::before { content: ""; position: absolute; inset: 0; opacity: .22; background-image: linear-gradient(rgba(78,143,168,.12) 1px, transparent 1px), linear-gradient(90deg, rgba(78,143,168,.12) 1px, transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(to bottom, black, transparent 88%); }
.page-hero-grid { position: relative; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 80px; }
.page-hero-copy p { max-width: 680px; margin-top: 30px; color: #abc4cf; font-size: 19px; line-height: 1.67; }
.page-hero-visual { position: relative; min-height: 440px; }

/* Services */
.service-orbit { display: grid; place-items: center; }
.orbit-center { position: relative; z-index: 3; display: grid; place-items: center; width: 116px; height: 116px; border: 1px solid rgba(70,195,211,.45); border-radius: 50%; background: rgba(5,28,44,.9); box-shadow: 0 0 60px rgba(35,177,204,.24); }.orbit-center img { width: 62px; height: 62px; }
.orbit-ring { position: absolute; top: 50%; left: 50%; border: 1px solid rgba(63,171,195,.25); border-radius: 50%; transform: translate(-50%,-50%); }.orbit-ring-1 { width: 265px; height: 265px; }.orbit-ring-2 { width: 430px; height: 430px; }
.orbit-ring::before, .orbit-ring::after { content: ""; position: absolute; width: 7px; height: 7px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 15px var(--cyan); }.orbit-ring-1::before { top: 21%; left: 7%; }.orbit-ring-1::after { right: 3%; bottom: 28%; }.orbit-ring-2::before { top: 3%; left: 52%; }.orbit-ring-2::after { bottom: 8%; left: 28%; }
.orbit-node { position: absolute; z-index: 2; display: grid; place-items: center; min-width: 78px; height: 37px; padding: 0 12px; color: #cce5eb; background: rgba(9,39,58,.88); border: 1px solid rgba(87,162,190,.28); border-radius: 999px; font-size: 9px; font-weight: 800; letter-spacing: .1em; box-shadow: 0 12px 28px rgba(0,0,0,.18); }
.service-orbit .node-1 { top: 11%; left: 42%; }.service-orbit .node-2 { top: 31%; right: 1%; }.service-orbit .node-3 { bottom: 20%; right: 8%; }.service-orbit .node-4 { bottom: 6%; left: 34%; }.service-orbit .node-5 { bottom: 26%; left: 0; }.service-orbit .node-6 { top: 23%; left: 4%; }
.service-nav-section { position: sticky; z-index: 30; top: var(--header-height); color: var(--paper); background: rgba(5,24,39,.96); border-bottom: 1px solid rgba(112,170,192,.18); backdrop-filter: blur(16px); }
.service-jump-nav { display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; }.service-jump-nav::-webkit-scrollbar { display: none; }.service-jump-nav a { flex: 0 0 auto; padding: 17px 18px; color: #87a8b7; font-size: 9px; font-weight: 740; letter-spacing: .08em; text-transform: uppercase; transition: color .2s, background .2s; }.service-jump-nav a:hover { color: var(--paper); background: rgba(255,255,255,.04); }
.service-detail-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 18px; }
.service-detail-card { scroll-margin-top: 145px; padding: 34px 34px 32px; background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: 0 12px 35px rgba(7,35,48,.055); }
.service-detail-card-accent { border-color: #8ed4cc; background: linear-gradient(145deg,#fff,#edfaf7); }
.service-detail-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 26px; }.service-detail-icon { width: 42px; height: 42px; color: var(--blue); }
.scope-tag { display: inline-flex; padding: 6px 8px; color: #126e9e; background: #e4f3fb; border: 1px solid #b9dbec; border-radius: 5px; font-size: 8px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.scope-tag-green { color: #14725f; background: #e4f7f2; border-color: #b8e4d8; }
.service-detail-card h2 { font-size: clamp(2rem, 3.1vw, 3.25rem); }.service-detail-card > p { margin-top: 18px; color: #5d7785; font-size: 14px; line-height: 1.7; }
.service-list { display: grid; grid-template-columns: repeat(2,1fr); gap: 10px 24px; margin-top: 26px; list-style: none; }.service-list li { position: relative; padding-left: 17px; color: #334f60; font-size: 12px; line-height: 1.55; }.service-list li::before { content: ""; position: absolute; top: .58em; left: 0; width: 6px; height: 6px; border: 1.5px solid var(--cyan-deep); transform: rotate(45deg); }
.service-note { margin: 25px 0 0; padding: 13px 15px; color: #577483; background: #edf5f8; border-left: 3px solid var(--blue); font-size: 10px; line-height: 1.55; }
.service-detail-card .text-link { margin-top: 25px; color: var(--blue-deep); }
.scope-matrix-section { background: #061827; }
.scope-matrix { overflow: hidden; border: 1px solid rgba(114,171,192,.22); border-radius: 17px; background: rgba(255,255,255,.015); }
.scope-row { display: grid; grid-template-columns: 160px minmax(260px,.8fr) minmax(340px,1.2fr); gap: 30px; padding: 23px 25px; border-bottom: 1px solid rgba(114,171,192,.14); color: #9ab5c1; font-size: 12px; line-height: 1.65; }.scope-row:last-child { border-bottom: 0; }.scope-row-head { padding-block: 14px; color: #6f93a3; background: rgba(255,255,255,.025); font-size: 8px; font-weight: 760; letter-spacing: .1em; text-transform: uppercase; }
.scope-state { display: inline-flex; padding: 7px 9px; border-radius: 5px; font-size: 8px; letter-spacing: .09em; }.state-green { color: #8ce8c8; background: rgba(52,197,134,.13); }.state-blue { color: #8dc9f3; background: rgba(43,145,221,.15); }.state-red { color: #f5aaa5; background: rgba(231,102,95,.15); }
.service-final-cta { padding: 90px 0; }
.split-cta { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 70px; padding: 56px 60px; color: var(--ink); background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); }.split-cta h2 { font-size: clamp(2.3rem,4vw,4.1rem); }.split-cta p { max-width: 730px; margin: 20px 0 0; color: #607c8a; font-size: 15px; }.dark-split-cta { color: var(--paper); background: linear-gradient(145deg,#08273b,#061827); border-color: rgba(113,171,192,.23); }.dark-split-cta p { color: #91adba; }

/* Fleet */
.fleet-hero-panel { padding: 15px; border: 1px solid rgba(91,166,192,.25); border-radius: 24px; background: rgba(4,20,33,.84); box-shadow: var(--shadow-dark); }
.fleet-screen-head { display: flex; align-items: center; justify-content: space-between; padding: 7px 8px 17px; color: #7599a9; font-size: 9px; font-weight: 760; letter-spacing: .13em; }
.fleet-screen-body { display: grid; grid-template-columns: 105px 1fr; min-height: 356px; overflow: hidden; border: 1px solid rgba(103,165,188,.15); border-radius: 12px; background: #071b2a; }
.fleet-side-tabs { display: grid; align-content: start; gap: 3px; padding: 15px 9px; border-right: 1px solid rgba(103,165,188,.13); }.fleet-side-tabs span { padding: 11px 10px; color: #648697; border-radius: 7px; font-size: 8px; font-weight: 680; }.fleet-side-tabs span.is-active { color: #cfebf1; background: rgba(43,145,221,.15); }
.fleet-table-wrap { padding: 17px; min-width: 0; }.fleet-kpis { display: grid; grid-template-columns: repeat(4,1fr); gap: 7px; }.fleet-kpis div { display: grid; gap: 3px; padding: 11px; background: rgba(255,255,255,.025); border: 1px solid rgba(103,165,188,.1); border-radius: 7px; }.fleet-kpis small { color: #638596; font-size: 7px; text-transform: uppercase; }.fleet-kpis strong { color: #d7ebf0; font-size: 18px; font-weight: 580; }
.mini-fleet-table { margin-top: 14px; overflow: hidden; border: 1px solid rgba(103,165,188,.1); border-radius: 8px; }.mini-row { display: grid; grid-template-columns: .8fr 1.35fr .65fr; gap: 10px; padding: 11px 12px; color: #9db6c1; border-bottom: 1px solid rgba(103,165,188,.09); font-size: 8px; }.mini-row:last-child { border-bottom: 0; }.mini-head { color: #668899; background: rgba(255,255,255,.025); font-weight: 730; text-transform: uppercase; }.mini-status { display: inline-flex; padding: 3px 5px; border-radius: 3px; font-size: 7px; letter-spacing: .05em; text-transform: uppercase; }.mini-status.green { color:#8ce8c8;background:rgba(52,197,134,.12);}.mini-status.amber{color:#f8d18b;background:rgba(245,182,75,.12)}.mini-status.blue{color:#9bd2f4;background:rgba(43,145,221,.13)}.mini-status.red{color:#f2a4a0;background:rgba(231,102,95,.13)}
.fleet-program-grid { display: grid; grid-template-columns: 1fr .8fr; align-items: center; gap: 100px; }.program-checks { display: grid; grid-template-columns: repeat(2,1fr); gap: 15px 28px; margin-top: 34px; }.program-checks span { display: flex; align-items: center; gap: 10px; color: #3d5a69; font-size: 12px; }.program-checks .icon { color: var(--cyan-deep); }
.program-card { padding: 24px; background: var(--paper); border: 1px solid var(--line); border-radius: 22px; box-shadow: var(--shadow-md); }.program-card-top { display: flex; align-items: center; justify-content: space-between; padding: 6px 5px 20px; color: #6e8997; border-bottom: 1px solid #e0ebef; font-size: 9px; font-weight: 730; letter-spacing: .1em; }.program-card-top b { color: var(--blue-deep); font-size: 15px; letter-spacing: -.02em; }
.program-phase { display: grid; grid-template-columns: 42px 1fr; align-items: center; gap: 15px; padding: 18px 6px; border-bottom: 1px solid #e4edf1; }.program-phase i { display: grid; place-items: center; width: 38px; height: 38px; color: var(--blue-deep); background: #ebf6fb; border-radius: 9px; font-style: normal; font-size: 9px; font-weight: 780; }.program-phase span { display: grid; gap: 3px; }.program-phase strong { font-size: 14px; }.program-phase small { color: #708a98; font-size: 10px; }.program-card .button { margin-top: 21px; }
.annual-window-section { background: radial-gradient(circle at 85% 40%,rgba(38,164,198,.12),transparent 32%),#061827; }
.window-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; }.window-card { min-height: 260px; padding: 28px 24px; border: 1px solid rgba(111,169,192,.19); border-radius: 16px; background: rgba(255,255,255,.025); }.window-card > span { color: var(--cyan); font-size: 10px; font-weight: 780; letter-spacing: .1em; }.window-card h3 { margin-top: 50px; font-size: 22px; }.window-card p { margin-top: 15px; color: #91aebb; font-size: 12px; line-height: 1.65; }
.approval-callout { display: grid; grid-template-columns: 44px 1fr; gap: 18px; margin-top: 24px; padding: 24px 27px; color: var(--ink); background: #e2f4f5; border: 1px solid #9edce0; border-radius: 14px; }.approval-callout strong { font-size: 15px; }.approval-callout p { margin: 4px 0 0; color: #557482; font-size: 11px; line-height: 1.6; }
.lifecycle-grid { display: grid; grid-template-columns: 1.15fr .85fr; align-items: center; gap: 85px; }.lifecycle-visual { position: relative; padding: 28px 24px 46px 100px; overflow: hidden; background: #071d2d; border: 1px solid #1c465b; border-radius: 20px; box-shadow: var(--shadow-md); }.lifecycle-axis { display: flex; justify-content: space-between; margin-bottom: 18px; color: #638899; font-size: 7px; font-weight: 760; letter-spacing: .08em; }.lifecycle-row { position: relative; height: 52px; border-top: 1px solid rgba(107,164,185,.12); }.lifecycle-row > strong { position: absolute; right: calc(100% + 18px); top: 17px; width: 60px; color: #9bb9c5; font-size: 9px; text-align: right; }.life-bar { position: absolute; top: 11px; left: var(--start); width: var(--width); height: 28px; display: flex; align-items: center; padding: 0 9px; border-radius: 5px; font-size: 7px; font-weight: 700; white-space: nowrap; overflow: hidden; }.life-bar-red { color: #ffb4af; background: rgba(231,102,95,.18); border: 1px solid rgba(231,102,95,.24); }.life-bar-blue { color: #b2dbf7; background: rgba(43,145,221,.2); border: 1px solid rgba(43,145,221,.26); }.life-bar-amber { color: #f7d695; background: rgba(245,182,75,.18); border: 1px solid rgba(245,182,75,.24); }.life-bar-green { color: #a5ebcf; background: rgba(52,197,134,.17); border: 1px solid rgba(52,197,134,.22); }.lifecycle-caption { position: absolute; right: 17px; bottom: 13px; color: #56798a; font-size: 7px; text-transform: uppercase; letter-spacing: .08em; }
.lifecycle-section .section-heading p { color: #607b89; }.lifecycle-section .check-list { margin-top: 28px; }.lifecycle-section .text-link { margin-top: 29px; color: var(--blue-deep); }
.fleet-commercial-section { background: #061827; }.commercial-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; margin-top: 55px; }.commercial-card { padding: 28px 24px; border: 1px solid rgba(112,170,192,.19); border-radius: 16px; background: rgba(255,255,255,.02); }.commercial-icon { width: 36px; height: 36px; color: var(--cyan); }.commercial-card h3 { margin-top: 33px; font-size: 20px; }.commercial-card p { margin-top: 14px; color: #8daab7; font-size: 11px; line-height: 1.65; }

/* Credentials */
.credential-hero-stack { perspective: 900px; }.credential-sheet { position: absolute; left: 50%; display: grid; width: 390px; height: 250px; padding: 35px; border: 1px solid rgba(101,172,197,.28); border-radius: 20px; background: linear-gradient(145deg, rgba(18,57,78,.95),rgba(5,22,35,.96)); box-shadow: 0 30px 70px rgba(0,0,0,.24); transform: translateX(-50%); }.sheet-back { top: 40px; transform: translateX(-50%) translateZ(-50px) rotate(-6deg); opacity: .5; }.sheet-mid { top: 98px; transform: translateX(-46%) translateZ(-25px) rotate(5deg); opacity: .72; }.sheet-front { top: 150px; background: linear-gradient(145deg,#f9fdfe,#eaf3f6); border-color: #b6d7e2; color: var(--ink); transform: translateX(-52%); }.credential-sheet > span { color: var(--cyan); font-size: 10px; font-weight: 780; letter-spacing: .12em; }.sheet-front > span { color: var(--blue-deep); }.credential-sheet strong { align-self: end; font-size: 22px; letter-spacing: -.015em; }.credential-sheet small { color: #7595a4; font-size: 10px; }.credential-sheet i { position: absolute; right: 30px; top: 30px; color: var(--cyan-deep); }.credential-sheet i .icon { width: 39px; height: 39px; }
.evidence-layer-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; }.evidence-layer { display: flex; min-height: 280px; padding: 26px 23px; flex-direction: column; background: var(--paper); border: 1px solid var(--line); border-radius: 16px; }.evidence-layer > b { color: var(--blue-deep); font-size: 10px; letter-spacing: .1em; }.evidence-layer h3 { margin-top: 46px; font-size: 21px; }.evidence-layer p { margin-top: 15px; color: #64808e; font-size: 12px; line-height: 1.65; }.layer-status { margin-top: auto; padding-top: 20px; border-top: 1px solid #e2ecf0; font-size: 8px; font-weight: 780; letter-spacing: .07em; text-transform: uppercase; }.layer-strong { color: #168670; }.layer-limited { color: #966610; }.layer-none { color: #9a5350; }
.current-records-section { background: radial-gradient(circle at 80% 20%,rgba(31,158,196,.11),transparent 30%),#061827; }
.credential-filters { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 25px; }.filter-button { min-height: 38px; padding: 9px 14px; color: #7e9eac; background: rgba(255,255,255,.025); border: 1px solid rgba(112,170,192,.19); border-radius: 8px; font-size: 9px; font-weight: 750; letter-spacing: .07em; text-transform: uppercase; cursor: pointer; }.filter-button.is-active, .filter-button:hover { color: #061827; background: var(--cyan); border-color: var(--cyan); }
.credential-register { display: grid; gap: 14px; }.credential-record { display: grid; grid-template-columns: 230px 1fr; overflow: hidden; border: 1px solid rgba(112,170,192,.2); border-radius: 18px; background: rgba(255,255,255,.025); }.credential-record[hidden] { display: none; }.record-issuer { display: flex; padding: 28px; flex-direction: column; justify-content: flex-end; background: linear-gradient(145deg,rgba(24,114,160,.35),rgba(4,21,34,.6)); border-right: 1px solid rgba(112,170,192,.16); }.record-issuer > span { display: grid; place-items: center; width: 52px; height: 52px; margin-bottom: auto; color: #061827; background: linear-gradient(135deg,var(--cyan),var(--blue)); border-radius: 13px; font-size: 24px; font-weight: 800; }.record-issuer strong { margin-top: 40px; font-size: 14px; letter-spacing: .11em; }.record-issuer small { margin-top: 6px; color: #789aaa; font-size: 8px; letter-spacing: .07em; text-transform: uppercase; }.issuer-ami > span { color: var(--paper); background: linear-gradient(135deg,#2b91dd,#1a5f9c); }.issuer-jotron > span { background: linear-gradient(135deg,#40d5c6,#1eb393); }
.record-body { padding: 29px 31px; }.record-title-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 25px; }.record-id { color: #789aaa; font-size: 8px; font-weight: 760; letter-spacing: .12em; }.record-body h3 { margin-top: 6px; font-size: 25px; }.record-body > p { max-width: 760px; margin-top: 15px; color: #91adba; font-size: 12px; line-height: 1.65; }.record-body dl { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; margin: 22px 0 0; }.record-body dl > div { display: grid; gap: 4px; padding: 10px 12px; background: rgba(255,255,255,.025); border: 1px solid rgba(112,170,192,.1); border-radius: 7px; }.record-body dt { color: #698b9b; font-size: 7px; text-transform: uppercase; letter-spacing: .07em; }.record-body dd { margin: 0; color: #c1d6de; font-size: 9px; font-weight: 620; }.record-limit { margin-top: 13px; padding: 11px 13px; color: #d7c28f; background: rgba(245,182,75,.07); border-left: 3px solid var(--amber); font-size: 9px; line-height: 1.55; }
.credential-disclosure { display: grid; grid-template-columns: 44px 1fr auto; align-items: center; gap: 19px; margin-top: 24px; padding: 25px 27px; color: var(--paper); background: rgba(231,102,95,.08); border: 1px solid rgba(231,102,95,.22); border-radius: 15px; }.credential-disclosure .scope-icon { color: var(--amber); }.credential-disclosure strong { font-size: 14px; }.credential-disclosure p { margin: 4px 0 0; color: #91adba; font-size: 10px; line-height: 1.6; }
.history-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 100px; align-items: start; }.history-timeline { position: relative; display: grid; gap: 0; }.history-timeline::before { content:""; position:absolute; top:22px; bottom:22px; left:46px; width:1px; background:linear-gradient(var(--cyan-deep),#a4bdc8,var(--blue)); }.history-timeline > div { position:relative; z-index:1; display:grid; grid-template-columns:92px 1fr; align-items:center; gap:20px; min-height:94px; }.history-timeline b { display:grid; place-items:center; width:72px; height:44px; color:var(--blue-deep); background:var(--paper); border:1px solid #b9d1db; border-radius:999px; font-size:10px; }.history-timeline span { display:grid; gap:4px; }.history-timeline strong { font-size:15px; }.history-timeline small { color:#6b8593; font-size:10px; }
.verification-cta-section { padding: 100px 0; background: #04131f; }

/* Coverage */
.coverage-map { min-height: 480px; }.coverage-map svg { filter: drop-shadow(0 35px 55px rgba(0,0,0,.3)); }
.zone-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 15px; }.zone-card { display:flex; min-height:390px; padding:27px 25px; flex-direction:column; color:var(--ink); background:var(--paper); border:1px solid var(--line); border-radius:17px; box-shadow:0 10px 30px rgba(5,31,44,.05); }.zone-primary { border-color:#a9d6df; background:linear-gradient(145deg,#fff,#f0fafb); }.zone-dark { color:var(--paper); background:linear-gradient(145deg,#0b3148,#061827); border-color:#1f5269; }.zone-top { display:flex; align-items:center; justify-content:space-between; color:#7893a1; font-size:8px; font-weight:780; letter-spacing:.09em; }.zone-top b { color:var(--blue-deep); }.zone-dark .zone-top b { color:var(--cyan); }.zone-card h3 { margin-top:55px; font-size:25px; }.zone-card p { margin-top:16px; color:#637e8c; font-size:12px; line-height:1.65; }.zone-dark p { color:#98b2bd; }.zone-card ul { display:grid; gap:8px; margin-top:auto; padding-top:25px; list-style:none; border-top:1px solid #e3edf0; }.zone-dark ul { border-color:rgba(111,169,192,.16); }.zone-card li { position:relative; padding-left:15px; color:#526e7c; font-size:10px; }.zone-dark li { color:#9bb5c0; }.zone-card li::before { content:""; position:absolute; top:.55em; left:0; width:5px; height:5px; background:var(--cyan-deep); border-radius:50%; }.zone-dark .button { margin-top:auto; }
.coverage-control-section { background:radial-gradient(circle at 20% 50%,rgba(38,164,198,.1),transparent 34%),#061827; }.coverage-control-grid { display:grid; grid-template-columns:.72fr 1.28fr; align-items:center; gap:90px; }.control-check-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }.control-check-grid > div { display:grid; grid-template-columns:38px 1fr; align-items:center; gap:14px; padding:18px; background:rgba(255,255,255,.025); border:1px solid rgba(112,170,192,.16); border-radius:12px; }.control-check-grid .icon { width:28px; height:28px; color:var(--cyan); }.control-check-grid span { display:grid; gap:3px; }.control-check-grid strong { font-size:13px; }.control-check-grid small { color:#7899a8; font-size:9px; }

/* Execution */
.execution-terminal { padding:15px; border:1px solid rgba(90,166,192,.26); border-radius:22px; background:rgba(3,17,29,.85); box-shadow:var(--shadow-dark); }.terminal-bar { display:flex; justify-content:space-between; padding:7px 7px 17px; color:#7195a5; font-size:8px; font-weight:760; letter-spacing:.12em; }.terminal-body { padding:25px; border:1px solid rgba(101,165,188,.15); border-radius:11px; background:#061a29; }.terminal-status { display:grid; gap:5px; padding:19px; background:linear-gradient(90deg,rgba(43,145,221,.15),transparent); border-left:3px solid var(--blue); }.terminal-status-label { color:#7194a5; font-size:7px; letter-spacing:.1em; }.terminal-status strong { color:#d9edf3; font-size:18px; }.terminal-status small { color:#7f9fac; font-size:9px; }.terminal-progress { display:grid; grid-template-columns:repeat(7,1fr); gap:5px; margin:22px 0; }.terminal-progress span { height:4px; background:rgba(103,165,188,.15); border-radius:99px; }.terminal-progress .done { background:var(--teal); }.terminal-progress .active { background:var(--blue); box-shadow:0 0 11px rgba(43,145,221,.45); }.terminal-events { display:grid; }.terminal-events > div { display:grid; grid-template-columns:46px 1fr; gap:11px; padding:12px 0; border-bottom:1px solid rgba(103,165,188,.1); color:#7698a7; font-size:9px; }.terminal-events time { color:#587b8c; }.terminal-events b { margin-right:8px; color:#a4c0cb; }.terminal-events .active { color:#b8d4de; }.terminal-events .active b { color:var(--cyan); }
.workflow-stack { display:grid; gap:10px; }.workflow-stage { display:grid; grid-template-columns:70px 1fr 170px; align-items:center; gap:27px; min-height:145px; padding:24px 28px; background:var(--paper); border:1px solid var(--line); border-radius:15px; box-shadow:0 8px 26px rgba(5,32,45,.04); }.workflow-stage > b { display:grid; place-items:center; width:52px; height:52px; color:var(--blue-deep); background:#eef7fb; border-radius:12px; font-size:11px; }.workflow-stage > div { display:grid; grid-template-columns:50px 1fr; grid-template-rows:auto auto; gap:5px 18px; align-items:center; }.workflow-icon { grid-row:1 / 3; width:38px; height:38px; color:var(--cyan-deep); }.workflow-stage h3 { font-size:21px; }.workflow-stage p { margin:0; color:#617b89; font-size:11px; line-height:1.55; }.workflow-stage > span { color:#7a95a2; font-size:7px; letter-spacing:.09em; line-height:1.7; text-transform:uppercase; }.workflow-stage > span strong { color:var(--ink); font-size:10px; }
.job-status-section { background:radial-gradient(circle at 80% 50%,rgba(34,154,202,.13),transparent 34%),#061827; }.status-demo-grid { display:grid; grid-template-columns:.82fr 1.18fr; align-items:center; gap:90px; }.status-demo-tabs { display:flex; flex-wrap:wrap; gap:6px; margin-top:30px; }.status-demo-tabs button { padding:10px 12px; color:#7e9eac; background:rgba(255,255,255,.025); border:1px solid rgba(112,170,192,.18); border-radius:7px; font-size:8px; font-weight:750; letter-spacing:.06em; text-transform:uppercase; cursor:pointer; }.status-demo-tabs button.is-active { color:#061827; background:var(--cyan); border-color:var(--cyan); }.status-demo { padding:25px; border:1px solid rgba(112,170,192,.22); border-radius:19px; background:linear-gradient(145deg,rgba(13,48,69,.85),rgba(4,20,33,.9)); box-shadow:var(--shadow-dark); }.status-demo-head { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; }.status-demo-head > div { display:grid; gap:5px; }.status-demo-head small { color:#6f92a2; font-size:8px; letter-spacing:.1em; }.status-demo-head strong { font-size:24px; }.status-demo-message { margin-top:21px; padding:16px; color:#9fbdc8; background:rgba(255,255,255,.025); border-left:3px solid var(--blue); font-size:12px; line-height:1.6; }.status-demo-grid-inner { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; margin-top:13px; }.status-demo-grid-inner > div { display:grid; gap:4px; padding:13px; background:rgba(255,255,255,.025); border:1px solid rgba(112,170,192,.1); border-radius:8px; }.status-demo-grid-inner small { color:#678999; font-size:7px; text-transform:uppercase; }.status-demo-grid-inner strong { color:#c0d6df; font-size:10px; }.status-demo-footer { display:flex; align-items:center; gap:9px; margin-top:17px; color:#789aaa; font-size:9px; }
.pattern-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; margin-top:55px; }.pattern-card { overflow:hidden; background:var(--paper); border:1px solid var(--line); border-radius:17px; }.pattern-image { display:grid; place-items:center; height:190px; background:radial-gradient(circle,rgba(45,209,209,.2),transparent 50%),linear-gradient(145deg,#0c334a,#061827); }.pattern-image-compliance { background:radial-gradient(circle,rgba(43,145,221,.22),transparent 50%),linear-gradient(145deg,#0b2d46,#061827); }.pattern-image-retrofit { background:radial-gradient(circle,rgba(245,182,75,.18),transparent 50%),linear-gradient(145deg,#12384c,#061827); }.pattern-icon { width:72px; height:72px; color:var(--cyan); }.pattern-label { display:block; margin:24px 25px 0; color:var(--blue-deep); font-size:8px; font-weight:780; letter-spacing:.09em; }.pattern-card h3 { margin:13px 25px 0; font-size:23px; }.pattern-card dl { display:grid; gap:0; margin:23px 25px 27px; }.pattern-card dl > div { display:grid; gap:4px; padding:13px 0; border-top:1px solid #e3edf0; }.pattern-card dt { color:#557383; font-size:8px; font-weight:780; letter-spacing:.07em; text-transform:uppercase; }.pattern-card dd { margin:0; color:#647e8c; font-size:10px; line-height:1.55; }
.closeout-section { background:#061827; }.closeout-grid { display:grid; grid-template-columns:1.08fr .92fr; align-items:center; gap:90px; }.closeout-document { padding:32px; color:var(--ink); background:#f7fbfc; border:1px solid #a8c8d5; border-radius:18px; box-shadow:0 35px 75px rgba(0,0,0,.28); transform:rotate(-1deg); }.closeout-doc-head { display:grid; grid-template-columns:44px 1fr auto; align-items:center; gap:12px; padding-bottom:18px; border-bottom:2px solid var(--navy-900); }.closeout-doc-head img { width:40px; }.closeout-doc-head > div { display:grid; gap:3px; }.closeout-doc-head strong { font-size:11px; letter-spacing:.1em; }.closeout-doc-head small, .closeout-doc-head > span { color:#6c8896; font-size:7px; letter-spacing:.08em; }.closeout-doc-title { padding:24px 0; border-bottom:1px solid #cedde3; }.closeout-doc-title small { color:var(--blue-deep); font-size:7px; letter-spacing:.1em; }.closeout-doc-title h3 { margin-top:7px; font-size:24px; }.closeout-doc-title p { margin:6px 0 0; color:#718b98; font-size:8px; }.closeout-doc-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:7px; padding:22px 0; }.closeout-doc-grid > div { display:grid; grid-template-columns:25px 1fr; align-items:center; gap:8px; padding:10px; background:#edf4f7; border:1px solid #d8e5e9; border-radius:6px; }.closeout-doc-grid b { color:var(--blue-deep); font-size:8px; }.closeout-doc-grid span { font-size:8px; font-weight:650; }.closeout-doc-foot { padding-top:14px; color:#66818f; border-top:1px solid #cedde3; font-size:7px; letter-spacing:.06em; text-transform:uppercase; }.closeout-section .section-heading p { color:#91adba; }.closeout-section .check-list { margin-top:28px; }.closeout-section .check-list li { color:#aac1ca; }

/* About */
.company-grid-visual { min-height:480px; }.company-node { position:absolute; z-index:2; display:grid; place-items:center; width:140px; min-height:72px; padding:12px; color:#c9dfe7; background:rgba(7,34,51,.9); border:1px solid rgba(93,164,191,.25); border-radius:13px; box-shadow:0 16px 35px rgba(0,0,0,.18); text-align:center; }.company-node > span { display:grid; place-items:center; width:27px; height:27px; margin-bottom:7px; color:#061827; background:var(--cyan); border-radius:7px; font-size:8px; font-weight:800; }.company-node strong { font-size:10px; letter-spacing:.02em; }.node-main { top:50%; left:50%; width:170px; height:124px; transform:translate(-50%,-50%); background:linear-gradient(145deg,#0d3c55,#061827); border-color:rgba(45,209,209,.38); }.node-main img { width:50px; height:50px; }.node-main strong { margin-top:6px; font-size:12px; letter-spacing:.08em; }.node-main small { color:#6f94a4; font-size:7px; letter-spacing:.1em; }.company-grid-visual .node-a { top:10px; left:0; }.company-grid-visual .node-b { top:0; left:50%; transform:translateX(-50%); }.company-grid-visual .node-c { top:15px; right:0; }.company-grid-visual .node-d { bottom:15px; left:0; }.company-grid-visual .node-e { bottom:0; left:50%; transform:translateX(-50%); }.company-grid-visual .node-f { right:0; bottom:15px; }.company-grid-visual > svg { position:absolute; inset:0; width:100%; height:100%; }.company-grid-visual path { fill:none; stroke:rgba(64,174,198,.24); stroke-width:2; stroke-dasharray:5 8; }
.technical-lead-grid { display:grid; grid-template-columns:.8fr 1.2fr; align-items:center; gap:100px; }.technical-portrait { position:relative; min-height:540px; overflow:hidden; background:linear-gradient(145deg,#092d43,#061827); border:1px solid #1d4c62; border-radius:24px; box-shadow:var(--shadow-md); }.technical-portrait::before { content:""; position:absolute; width:430px; height:430px; top:-120px; right:-130px; border:1px solid rgba(45,209,209,.22); border-radius:50%; box-shadow:0 0 0 70px rgba(45,209,209,.03),0 0 0 140px rgba(43,145,221,.025); }.portrait-monogram { position:absolute; top:80px; left:50%; display:grid; place-items:center; width:190px; height:190px; color:#dff9f7; background:linear-gradient(145deg,#0d4c63,#09283b); border:1px solid rgba(54,199,203,.45); border-radius:50%; box-shadow:0 0 50px rgba(43,178,198,.18); transform:translateX(-50%); font-size:58px; font-weight:550; letter-spacing:-.05em; }.portrait-lines { position:absolute; top:315px; left:50%; display:grid; gap:9px; width:68%; transform:translateX(-50%); }.portrait-lines span { height:1px; background:linear-gradient(90deg,transparent,rgba(78,170,195,.42),transparent); }.portrait-label { position:absolute; right:32px; bottom:30px; left:32px; display:grid; gap:5px; padding-top:22px; border-top:1px solid rgba(103,165,188,.2); }.portrait-label small { color:var(--cyan); font-size:8px; font-weight:780; letter-spacing:.12em; }.portrait-label strong { font-size:28px; }.portrait-label span { color:#789aaa; font-size:10px; }.technical-lead-section .section-heading p { color:#5c7785; }.technical-lead-section .text-link { margin-top:28px; color:var(--blue-deep); }.lead-facts { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin-top:28px; }.lead-facts > div { display:grid; gap:5px; padding:15px; background:var(--paper); border:1px solid var(--line); border-radius:10px; }.lead-facts strong { color:var(--blue-deep); font-size:12px; }.lead-facts span { color:#738d9a; font-size:8px; }
.operating-model-section { background:radial-gradient(circle at 80% 40%,rgba(34,154,202,.12),transparent 35%),#061827; }.function-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }.function-card { position:relative; min-height:290px; padding:26px 23px; border:1px solid rgba(112,170,192,.18); border-radius:16px; background:rgba(255,255,255,.02); }.function-card-accent { border-color:rgba(45,209,209,.38); background:linear-gradient(145deg,rgba(31,135,157,.22),rgba(255,255,255,.02)); }.function-card > span { position:absolute; top:27px; right:23px; color:#618494; font-size:9px; font-weight:780; }.function-icon { width:38px; height:38px; color:var(--cyan); }.function-card h3 { margin-top:48px; font-size:20px; }.function-card p { margin-top:14px; color:#8faab6; font-size:11px; line-height:1.65; }
.quality-grid { display:grid; grid-template-columns:.8fr 1.2fr; align-items:center; gap:100px; }.quality-list { display:grid; gap:8px; }.quality-list > div { display:grid; grid-template-columns:45px 1fr; align-items:center; gap:15px; padding:17px 18px; background:var(--paper); border:1px solid var(--line); border-radius:11px; }.quality-list b { display:grid; place-items:center; width:40px; height:40px; color:var(--blue-deep); background:#ebf6fb; border-radius:9px; font-size:9px; }.quality-list span { display:grid; gap:3px; }.quality-list strong { font-size:13px; }.quality-list small { color:#708a98; font-size:9px; line-height:1.5; }
.company-status-section { background:#061827; }.company-status-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; }.company-status-card { min-height:300px; padding:28px; border:1px solid rgba(112,170,192,.18); border-radius:17px; background:rgba(255,255,255,.02); }.company-status-card h3 { margin-top:52px; font-size:23px; }.company-status-card p { margin-top:15px; color:#8faab6; font-size:11px; line-height:1.7; }

/* Request */
.request-page { background:var(--paper-blue); }.request-page .site-footer { margin-top:0; }
.request-hero { position:relative; min-height:850px; padding:90px 0 120px; color:var(--ink); overflow:hidden; background:linear-gradient(135deg,#e9f4f7,#f8fbfc 58%,#e6f2f5); }.request-hero::before { content:""; position:absolute; inset:0; opacity:.4; background-image:linear-gradient(rgba(55,116,139,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(55,116,139,.08) 1px,transparent 1px); background-size:64px 64px; mask-image:linear-gradient(black,transparent 95%); }.request-hero-grid { position:relative; display:grid; grid-template-columns:.68fr 1.32fr; align-items:start; gap:70px; }.request-intro { position:sticky; top:calc(var(--header-height) + 35px); padding-top:20px; }.request-intro h1 { font-size:clamp(3rem,5vw,5.5rem); }.request-intro > p { margin-top:25px; color:#5d7886; font-size:16px; line-height:1.7; }.request-promise-list { display:grid; gap:10px; margin-top:31px; }.request-promise-list > div { display:grid; grid-template-columns:34px 1fr; align-items:center; gap:13px; padding:13px 0; border-bottom:1px solid #cedfe5; }.request-promise-list .icon { color:var(--blue-deep); }.request-promise-list span { display:grid; gap:2px; }.request-promise-list strong { font-size:12px; }.request-promise-list small { color:#6a8492; font-size:9px; }.request-side-note { margin-top:28px; padding:18px; color:var(--ink); background:#fff3d9; border:1px solid #ebd097; border-left:4px solid var(--amber); border-radius:10px; }.request-side-note strong { font-size:12px; }.request-side-note p { margin:4px 0 0; color:#715f3c; font-size:9px; line-height:1.55; }
.request-form-shell { overflow:hidden; background:var(--paper); border:1px solid #c9dce4; border-radius:23px; box-shadow:0 30px 80px rgba(5,35,49,.14); }.form-topline { display:flex; justify-content:space-between; gap:20px; padding:21px 24px; color:#6e8997; background:#061827; }.form-topline > div:first-child { display:grid; gap:4px; }.form-topline span { font-size:8px; font-weight:760; letter-spacing:.11em; }.form-topline strong { color:#c6dce4; font-size:10px; }.form-progress-label { display:flex; align-items:flex-end; flex-direction:column; gap:7px; }.form-progress { display:grid; grid-template-columns:repeat(2,42px); gap:4px; }.form-progress i { height:3px; background:rgba(111,169,192,.25); border-radius:99px; }.form-progress i.is-active { background:var(--cyan); }
.service-form { color:var(--ink); }.form-step { padding:34px 34px 38px; }.form-step-heading { display:grid; grid-template-columns:46px 1fr; gap:14px; align-items:center; margin-bottom:29px; }.form-step-heading > span { display:grid; place-items:center; width:44px; height:44px; color:var(--blue-deep); background:#eaf5fa; border-radius:10px; font-size:10px; font-weight:800; }.form-step-heading h2 { font-size:28px; }.form-step-heading p { margin:4px 0 0; color:#718b98; font-size:9px; }
.field-grid { display:grid; gap:18px; }.field-grid-two { grid-template-columns:repeat(2,1fr); }.field-full { grid-column:1 / -1; }.field { display:grid; gap:7px; min-width:0; }.field > span, .field legend { color:#2b4959; font-size:9px; font-weight:760; letter-spacing:.055em; text-transform:uppercase; }.field input, .field select, .field textarea { width:100%; min-height:48px; padding:12px 13px; color:var(--ink); background:#f7fafb; border:1px solid #cbdde4; border-radius:9px; outline:none; transition:border-color .2s,box-shadow .2s,background .2s; }.field textarea { min-height:110px; resize:vertical; line-height:1.5; }.field input:focus, .field select:focus, .field textarea:focus { background:#fff; border-color:var(--blue); box-shadow:0 0 0 4px rgba(43,145,221,.12); }.field.has-error input, .field.has-error select, .field.has-error textarea, .field.has-error.checkbox-field { border-color:var(--red); }.field-hint { color:#78929f; font-size:8px; }.field-error { display:none; color:#b7433e; font-size:8px; }.field.has-error > .field-error { display:block; }.checkbox-field { padding:15px; border:1px solid #cbdde4; border-radius:9px; }.checkbox-field legend { padding:0 5px; }.checkbox-field label { display:grid; grid-template-columns:18px 1fr; align-items:start; gap:10px; color:#385565; font-size:10px; line-height:1.55; text-transform:none; letter-spacing:0; }.checkbox-field input { width:17px; min-height:17px; height:17px; margin:1px 0 0; accent-color:var(--blue); }.checkbox-field p { margin:9px 0 0 28px; color:#78919e; font-size:8px; }.form-actions { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:30px; }.form-security { display:inline-flex; align-items:center; gap:7px; color:#6d8794; font-size:8px; }.form-summary { display:grid; grid-template-columns:repeat(4,1fr); gap:7px; margin-top:24px; padding:14px; background:#eef6f8; border:1px solid #d1e3e9; border-radius:10px; }.form-summary > strong { grid-column:1 / -1; margin-bottom:3px; color:#557280; font-size:8px; letter-spacing:.08em; text-transform:uppercase; }.form-summary > div { display:grid; gap:4px; padding:9px; background:var(--paper); border:1px solid #d8e6eb; border-radius:7px; }.form-summary span { color:#78919e; font-size:7px; text-transform:uppercase; }.form-summary b { font-size:9px; font-weight:650; }.form-legal { margin:19px 0 0; color:#78909c; font-size:8px; line-height:1.55; }.form-legal a { color:var(--blue-deep); text-decoration:underline; }.service-form.is-submitting { opacity:.72; pointer-events:none; }.service-form.is-submitting [data-submit-button]::after { content:""; width:14px; height:14px; border:2px solid rgba(0,16,24,.25); border-top-color:#001018; border-radius:50%; animation:spin .8s linear infinite; }@keyframes spin{to{transform:rotate(360deg)}}

/* Thank you, legal, 404 */
.thanks-section, .notfound-section { min-height:720px; padding:110px 0; display:grid; place-items:center; color:var(--ink); background:radial-gradient(circle at 50% 20%,rgba(43,145,221,.15),transparent 35%),var(--paper-blue); }.thanks-card, .notfound-card { max-width:780px; padding:65px; text-align:center; background:var(--paper); border:1px solid var(--line); border-radius:25px; box-shadow:var(--shadow-md); }.thanks-icon { display:grid; place-items:center; width:72px; height:72px; margin:0 auto 28px; color:#061827; background:linear-gradient(135deg,var(--cyan),var(--blue)); border-radius:50%; }.thanks-icon .icon { width:36px; height:36px; }.thanks-card .eyebrow, .notfound-card .eyebrow { justify-content:center; }.thanks-card h1, .notfound-card h1 { font-size:clamp(2.8rem,5vw,5rem); }.thanks-card > p, .notfound-card > p { max-width:620px; margin:25px auto 0; color:#617c8a; font-size:15px; line-height:1.7; }.thanks-notice { margin-top:27px; padding:20px; background:#edf6f8; border:1px solid #cfE2e8; border-radius:12px; }.thanks-notice strong { font-size:13px; }.thanks-notice p { margin:5px 0 0; color:#627d8b; font-size:10px; }.thanks-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-top:30px; }
.legal-hero { padding:100px 0 70px; background:radial-gradient(circle at 75% 20%,rgba(34,154,202,.16),transparent 32%),#061827; }.legal-hero h1 { font-size:clamp(3.3rem,6vw,6rem); }.legal-hero p { margin-top:21px; color:#91adba; }.legal-grid { display:grid; grid-template-columns:220px 1fr; align-items:start; gap:80px; }.legal-nav { position:sticky; top:calc(var(--header-height) + 35px); display:grid; gap:6px; padding:20px; background:var(--paper); border:1px solid var(--line); border-radius:12px; }.legal-nav strong { margin-bottom:8px; font-size:11px; }.legal-nav a { padding:8px 0; color:#607c8a; border-bottom:1px solid #e2ecef; font-size:10px; }.legal-copy { max-width:850px; }.legal-copy h2 { scroll-margin-top:120px; margin:50px 0 15px; font-size:27px; }.legal-copy h2:first-child { margin-top:0; }.legal-copy p { color:#506c7b; font-size:14px; line-height:1.8; }
.notfound-radar { position:relative; width:120px; height:120px; margin:0 auto 25px; overflow:hidden; border:1px solid #8fc2d2; border-radius:50%; background:radial-gradient(circle,#edf8fa,#dceff4); }.notfound-radar::before,.notfound-radar::after { content:""; position:absolute; inset:50%; border:1px solid #b3d7e1; border-radius:50%; transform:translate(-50%,-50%); }.notfound-radar::before { width:55%; height:55%; }.notfound-radar::after { width:1px; height:100%; border:0; border-left:1px solid #b3d7e1; border-radius:0; }.notfound-radar span { position:absolute; top:50%; left:0; width:100%; height:1px; background:#b3d7e1; }.notfound-radar i { position:absolute; inset:0; background:conic-gradient(transparent 0 310deg,rgba(43,145,221,.45) 355deg,transparent); border-radius:50%; animation:radarSweep 4s linear infinite; }

/* Footer */
.site-footer { position:relative; padding:80px 0 0; color:var(--paper); background:#020b12; border-top:1px solid rgba(99,159,182,.16); }.footer-grid { display:grid; grid-template-columns:1.45fr .65fr .7fr 1fr; gap:55px; padding-bottom:58px; }.brand-footer img { width:46px; height:46px; }.footer-brand-block > p { max-width:390px; margin-top:22px; color:#7e9eac; font-size:12px; line-height:1.7; }.footer-pills { display:flex; flex-wrap:wrap; gap:7px; margin-top:20px; }.footer-pills span { padding:6px 8px; color:#7294a4; background:rgba(255,255,255,.025); border:1px solid rgba(112,170,192,.14); border-radius:999px; font-size:7px; letter-spacing:.06em; text-transform:uppercase; }.footer-col { display:grid; align-content:start; gap:11px; }.footer-col h2 { margin-bottom:10px; color:#d9e9ee; font-size:10px; letter-spacing:.1em; text-transform:uppercase; }.footer-col a { width:max-content; max-width:100%; color:#7698a8; font-size:10px; }.footer-col a:hover { color:var(--cyan); }.footer-action-col p { color:#7899a8; font-size:10px; line-height:1.6; }.footer-action-col .button { width:100%; margin-top:8px; }.footer-disclosure { padding:25px 0; border-top:1px solid rgba(112,170,192,.13); border-bottom:1px solid rgba(112,170,192,.13); }.footer-disclosure p { margin:0; color:#587988; font-size:8px; line-height:1.7; }.footer-bottom { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:68px; color:#557686; font-size:8px; letter-spacing:.04em; }.footer-bottom nav { display:flex; gap:20px; }.footer-bottom a:hover { color:#a7c4cf; }.mobile-service-bar { display:none; }

/* Responsive */
@media (max-width: 1120px) {
  :root { --shell: 1040px; }
  .desktop-nav { gap: 15px; }
  .nav-link { font-size: 10px; }
  .hero-grid { grid-template-columns: 1fr .95fr; gap: 42px; }
  .command-main { grid-template-columns: .68fr 1.32fr; }
  .radar { margin-top: 55px; }
  .offer-grid, .function-grid { grid-template-columns: repeat(2,1fr); }
  .offer-card { min-height: 390px; }
  .window-grid, .commercial-grid, .evidence-layer-grid { grid-template-columns: repeat(2,1fr); }
  .page-hero-grid { gap: 45px; }
  .orbit-ring-2 { width: 380px; height: 380px; }
  .zone-grid { grid-template-columns: repeat(2,1fr); }
  .footer-grid { grid-template-columns: 1.2fr .6fr .7fr .9fr; gap: 35px; }
}

@media (max-width: 930px) {
  :root { --header-height: 68px; }
  .utility-wide { display: none; }
  .desktop-nav, .desktop-cta { display: none; }
  .menu-toggle { display: block; }
  .site-header { height: var(--header-height); }
  .header-inner { width: min(calc(100% - 28px), var(--shell)); }
  .hero-home { min-height: auto; padding: 90px 0 85px; }
  .hero-grid, .page-hero-grid, .urgency-grid, .credentials-preview-grid, .fleet-cta, .fleet-program-grid, .lifecycle-grid, .history-grid, .coverage-control-grid, .status-demo-grid, .closeout-grid, .technical-lead-grid, .quality-grid, .request-hero-grid { grid-template-columns: 1fr; }
  .hero-grid { gap: 68px; }
  .hero-copy { text-align: left; }
  .hero-command { max-width: 690px; }
  .section { padding: 90px 0; }
  .section-heading-row { grid-template-columns: 1fr; gap: 23px; }
  .offer-grid, .service-detail-grid, .system-grid, .zone-grid, .pattern-grid, .company-status-grid { grid-template-columns: repeat(2,1fr); }
  .process-line { grid-template-columns: repeat(4,1fr); gap: 30px 0; }
  .process-line::before { display: none; }
  .page-hero { min-height: auto; padding: 90px 0 80px; }
  .page-hero-visual { min-height: 420px; max-width: 680px; width: 100%; margin-inline: auto; }
  .service-nav-section { top: var(--header-height); }
  .fleet-screen-body { min-height: 330px; }
  .credential-record { grid-template-columns: 190px 1fr; }
  .record-body dl { grid-template-columns: repeat(2,1fr); }
  .lifecycle-visual { max-width: 720px; }
  .workflow-stage { grid-template-columns: 60px 1fr 140px; }
  .request-intro { position: static; }
  .request-hero { padding-top: 70px; }
  .footer-grid { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 720px) {
  .shell { width: min(calc(100% - 28px), var(--shell)); }
  .utility-bar { height: 30px; }
  .utility-inner { justify-content: flex-start; overflow: hidden; font-size: 8px; }
  .utility-divider { display: none; }
  .brand img { width: 38px; height: 38px; }
  .brand-copy strong { font-size: 13px; }.brand-copy small { font-size: 7px; }
  h1 { font-size: clamp(2.85rem, 14vw, 4.45rem); }
  h2 { font-size: clamp(2.35rem, 11vw, 3.85rem); }
  .hero-home { padding-top: 72px; }
  .hero-lead, .page-hero-copy p { font-size: 16px; }
  .hero-actions { display: grid; grid-template-columns: 1fr; }
  .hero-actions .button { width: 100%; }
  .hero-port-row { gap: 7px; }.hero-port-row span { font-size: 8px; }
  .hero-command { padding: 12px; border-radius: 20px; }
  .command-main { grid-template-columns: 1fr; }
  .radar-panel { display: none; }
  .job-panel { padding: 25px 15px 20px; }
  .command-footer { flex-direction: column; }
  .trust-grid, .trust-grid-four { grid-template-columns: repeat(2,1fr); }
  .trust-grid > div:nth-child(odd) { border-left: 1px solid rgba(106,160,181,.14); }
  .trust-grid > div { padding: 19px 10px; }
  .section { padding: 72px 0; }
  .section-heading-row { margin-bottom: 40px; }
  .urgency-grid { gap: 50px; }
  .intake-card { padding: 13px; }
  .intake-row { padding: 13px 7px; }
  .offer-grid, .system-grid, .service-detail-grid, .window-grid, .commercial-grid, .evidence-layer-grid, .zone-grid, .pattern-grid, .function-grid, .company-status-grid { grid-template-columns: 1fr; }
  .offer-card { min-height: 390px; }
  .system-card { grid-template-columns: 45px 1fr 20px; padding: 18px; }
  .system-icon { width: 31px; height: 31px; }
  .scope-banner { align-items: flex-start; flex-direction: column; }
  .credential-mini:nth-child(2), .credential-mini:nth-child(3) { margin-left: 0; }
  .process-line { grid-template-columns: repeat(2,1fr); }
  .fleet-cta { gap: 55px; }
  .fleet-dashboard { padding: 12px; }
  .dashboard-stats { grid-template-columns: repeat(3,1fr); }
  .page-hero-grid { gap: 35px; }
  .page-hero-visual { min-height: 340px; }
  .orbit-ring-1 { width: 220px; height: 220px; }.orbit-ring-2 { width: 330px; height: 330px; }
  .orbit-node { min-width: 65px; height: 31px; font-size: 7px; }
  .service-jump-nav a { padding-inline: 13px; }
  .service-detail-card { padding: 27px 23px; }
  .service-list { grid-template-columns: 1fr; }
  .scope-row, .scope-row-head { grid-template-columns: 1fr; gap: 9px; }.scope-row-head { display: none; }
  .split-cta { grid-template-columns: 1fr; gap: 30px; padding: 38px 26px; }
  .program-checks { grid-template-columns: 1fr; }
  .fleet-screen-body { grid-template-columns: 1fr; }.fleet-side-tabs { display: flex; overflow-x: auto; border-right: 0; border-bottom: 1px solid rgba(103,165,188,.13); }.fleet-kpis { grid-template-columns: repeat(2,1fr); }.mini-row { grid-template-columns: .8fr 1.2fr .6fr; font-size: 7px; }
  .lifecycle-visual { padding-left: 80px; }.lifecycle-row > strong { width: 48px; }
  .credential-hero-stack { min-height: 360px; }.credential-sheet { width: 300px; height: 205px; padding: 27px; }.sheet-front { top: 125px; }.sheet-mid { top: 70px; }.credential-sheet strong { font-size: 17px; }
  .credential-record { grid-template-columns: 1fr; }.record-issuer { min-height: 145px; }.record-issuer > span { margin-bottom: 0; }.record-issuer strong { margin-top: 18px; }.record-title-row { flex-direction: column; }.record-body { padding: 25px 22px; }.record-body dl { grid-template-columns: 1fr 1fr; }.credential-disclosure { grid-template-columns: 38px 1fr; }.credential-disclosure .button { grid-column: 1 / -1; }
  .history-timeline > div { grid-template-columns: 82px 1fr; }.history-timeline::before { left: 39px; }.history-timeline b { width: 62px; }
  .coverage-map { min-height: 310px; }
  .control-check-grid { grid-template-columns: 1fr; }
  .workflow-stage { grid-template-columns: 52px 1fr; gap: 13px; padding: 20px; }.workflow-stage > div { grid-template-columns: 42px 1fr; }.workflow-stage > span { grid-column: 2; }
  .status-demo-grid { gap: 45px; }.status-demo { padding: 19px; }.status-demo-grid-inner { grid-template-columns: 1fr; }
  .closeout-document { padding: 22px; }.closeout-doc-grid { grid-template-columns: 1fr; }
  .company-node { width: 105px; min-height: 62px; padding: 9px; }.company-node strong { font-size: 8px; }.node-main { width: 135px; height: 110px; }.company-grid-visual { min-height: 390px; }
  .technical-portrait { min-height: 480px; }.lead-facts { grid-template-columns: 1fr; }
  .field-grid-two { grid-template-columns: 1fr; }.field-full { grid-column: auto; }.form-step { padding: 25px 19px 29px; }.form-topline { padding: 17px; }.form-topline strong { max-width: 190px; }.form-actions { align-items: stretch; flex-direction: column; }.form-actions .button { width: 100%; }.form-security { order: 2; }.form-summary { grid-template-columns: repeat(2,1fr); }
  .thanks-card, .notfound-card { padding: 44px 22px; }
  .legal-grid { grid-template-columns: 1fr; gap: 40px; }.legal-nav { position: static; }
  .footer-grid { grid-template-columns: 1fr; gap: 38px; }.footer-col a { font-size: 11px; }.footer-bottom { align-items:flex-start; flex-direction:column; justify-content:center; padding:18px 0 85px; }
  .mobile-service-bar { position:fixed; z-index:42; right:10px; bottom:10px; left:10px; display:block; opacity:0; pointer-events:none; transform:translateY(140%); transition:opacity .22s ease, transform .28s var(--ease); }.mobile-service-bar.is-visible { opacity:1; pointer-events:auto; transform:translateY(0); }.mobile-service-bar a { display:flex; align-items:center; justify-content:center; gap:8px; min-height:53px; color:#001018; background:linear-gradient(135deg,#3de2d3,#2b91dd); border-radius:11px; box-shadow:0 15px 40px rgba(0,0,0,.25); font-size:11px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
  body.request-page .mobile-service-bar, body.thanks-page .mobile-service-bar, body.legal-page .mobile-service-bar { display:none; }
}

@media (max-width: 430px) {
  .utility-inner { gap: 12px; }
  .hero-port-row span { width: 100%; justify-content: center; }
  .job-meta-grid { grid-template-columns: 1fr; }
  .trust-grid strong { font-size: 11px; }.trust-grid span { font-size: 7px; }
  .process-line { grid-template-columns: 1fr 1fr; }
  .dashboard-stats { grid-template-columns: 1fr; }
  .fleet-screen-body { min-height: auto; }.fleet-kpis { grid-template-columns: 1fr 1fr; }.mini-row { grid-template-columns: 1fr; gap: 4px; }
  .credential-sheet { width: 250px; height: 190px; }
  .record-body dl { grid-template-columns: 1fr; }
  .credential-filters { display:grid; grid-template-columns:1fr 1fr; }
  .field-grid { gap:15px; }.form-step-heading { grid-template-columns:40px 1fr; }.form-step-heading > span { width:38px; height:38px; }.form-step-heading h2 { font-size:22px; }.form-summary { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}

@media print {
  .utility-bar, .site-header, .mobile-service-bar, .site-footer, .hero-actions, .button, .service-nav-section { display:none !important; }
  body { color:#111; background:#fff; }
  .section, .page-hero, .legal-hero { padding:35px 0; color:#111; background:#fff !important; }
  .reveal { opacity:1 !important; transform:none !important; }
}