:root {
  color-scheme: dark;
  --bg: #02070d;
  --bg-2: #06131d;
  --panel: rgba(8, 24, 36, 0.72);
  --panel-strong: rgba(10, 34, 50, 0.92);
  --line: rgba(127, 225, 255, 0.18);
  --line-strong: rgba(127, 225, 255, 0.34);
  --text: #eff9ff;
  --muted: #9eb6c4;
  --dim: #668493;
  --cyan: #6ee7ff;
  --blue: #4aa3ff;
  --green: #8dffcf;
  --warning: #ffd27a;
  --shadow: 0 30px 100px rgba(0, 0, 0, 0.42);
  --radius: 24px;
  --max: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-height: 100vh;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:
    radial-gradient(circle at 10% 10%, rgba(72, 179, 255, 0.14), transparent 32rem),
    radial-gradient(circle at 80% 0%, rgba(110, 231, 255, 0.12), transparent 34rem),
    radial-gradient(circle at 55% 75%, rgba(141, 255, 207, 0.08), transparent 36rem),
    linear-gradient(140deg, #02070d 0%, #06111a 52%, #02060b 100%);
  color: var(--text);
  overflow-x: hidden;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background-image: linear-gradient(rgba(110, 231, 255, 0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(110, 231, 255, 0.04) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: radial-gradient(circle at center, black 0%, transparent 78%);
  z-index: -2;
}
.background-grid {
  position: fixed;
  inset: -30%;
  background: conic-gradient(from 180deg at 50% 50%, rgba(110, 231, 255, 0.08), transparent, rgba(74, 163, 255, 0.1), transparent, rgba(110, 231, 255, 0.08));
  filter: blur(90px);
  animation: drift 24s linear infinite;
  z-index: -3;
}
@keyframes drift { to { transform: rotate(360deg); } }

.skip-link {
  position: absolute;
  top: -80px;
  left: 1rem;
  background: var(--cyan);
  color: #001018;
  padding: 0.8rem 1rem;
  border-radius: 999px;
  z-index: 999;
}
.skip-link:focus { top: 1rem; }

a { color: inherit; text-decoration: none; }
p { color: var(--muted); line-height: 1.7; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: min(var(--max), calc(100vw - 32px));
  margin: 16px auto 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(3, 12, 19, 0.74);
  backdrop-filter: blur(24px);
  box-shadow: 0 18px 70px rgba(0, 0, 0, 0.22);
}
.brand {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  min-width: max-content;
}
.brand-mark {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  color: #001018;
  font-weight: 900;
  background: linear-gradient(135deg, var(--cyan), var(--green));
  box-shadow: 0 0 40px rgba(110, 231, 255, 0.35);
}
.brand strong { display: block; letter-spacing: 0.12em; }
.brand small { display: block; color: var(--dim); font-size: 0.72rem; letter-spacing: 0.12em; text-transform: uppercase; }
.site-nav { display: flex; align-items: center; gap: 0.25rem; }
.nav-link, .menu-button {
  border: 0;
  color: var(--muted);
  background: transparent;
  font: inherit;
  font-size: 0.9rem;
  padding: 0.78rem 0.9rem;
  border-radius: 999px;
  cursor: pointer;
}
.nav-link:hover, .nav-link.active, .menu-button:hover { color: var(--text); background: rgba(110, 231, 255, 0.09); }
.nav-more { position: relative; }
.nav-dropdown {
  position: absolute;
  top: calc(100% + 12px);
  right: 0;
  min-width: 230px;
  display: none;
  padding: 0.6rem;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: rgba(3, 12, 19, 0.96);
  box-shadow: var(--shadow);
}
.nav-dropdown.open { display: grid; }
.nav-dropdown .nav-link { text-align: left; border-radius: 12px; }
.menu-button { display: none; border: 1px solid var(--line); }

.section-shell { width: min(var(--max), calc(100vw - 32px)); margin: 0 auto; }
.hero { padding: 90px 0 56px; }
.hero-grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(340px, 0.95fr); gap: clamp(2rem, 6vw, 5rem); align-items: center; }
.eyebrow {
  margin: 0 0 1rem;
  color: var(--cyan);
  text-transform: uppercase;
  letter-spacing: 0.18em;
  font-weight: 800;
  font-size: 0.76rem;
}
h1, h2, h3 { margin: 0; line-height: 1.05; letter-spacing: -0.04em; }
h1 { font-size: clamp(3.05rem, 8vw, 7.4rem); max-width: 950px; }
h2 { font-size: clamp(2.1rem, 4vw, 4rem); }
h3 { font-size: 1.22rem; }
.lede { font-size: clamp(1.05rem, 2.1vw, 1.36rem); max-width: 760px; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 0.9rem; margin: 2rem 0; }
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0.9rem 1.15rem;
  border-radius: 999px;
  font-weight: 800;
  border: 1px solid var(--line-strong);
  transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}
.button:hover { transform: translateY(-2px); }
.button.primary { color: #001018; background: linear-gradient(135deg, var(--cyan), var(--green)); border-color: transparent; box-shadow: 0 0 50px rgba(110, 231, 255, 0.2); }
.button.ghost { color: var(--text); background: rgba(255, 255, 255, 0.035); }
.status-note {
  max-width: 780px;
  margin: 0;
  padding: 1rem;
  border-left: 3px solid var(--cyan);
  background: rgba(110, 231, 255, 0.06);
  border-radius: 0 16px 16px 0;
}
.status-note span { display: block; color: var(--cyan); font-weight: 800; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.14em; margin-bottom: 0.3rem; }

.hero-visual { position: relative; min-height: 560px; }
.orbital-field {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  border-radius: 40px;
  overflow: hidden;
  border: 1px solid var(--line);
  background: linear-gradient(150deg, rgba(10, 37, 55, 0.82), rgba(3, 10, 16, 0.84));
  box-shadow: var(--shadow);
}
.orbital-field::before, .orbital-field::after {
  content: "";
  position: absolute;
  width: 130%;
  height: 130%;
  background: repeating-conic-gradient(from 20deg, rgba(110, 231, 255, 0.08) 0deg 2deg, transparent 2deg 12deg);
  animation: drift 36s linear infinite;
}
.orbital-field::after { width: 90%; height: 90%; animation-duration: 24s; animation-direction: reverse; opacity: 0.65; }
.orbit { position: absolute; border: 1px solid rgba(110, 231, 255, 0.18); border-radius: 50%; }
.orbit-one { width: 64%; height: 64%; }
.orbit-two { width: 84%; height: 46%; transform: rotate(-21deg); }
.orbit-three { width: 46%; height: 84%; transform: rotate(28deg); }
.core-node {
  z-index: 2;
  display: grid;
  place-items: center;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  color: #001018;
  font-weight: 900;
  letter-spacing: 0.16em;
  background: radial-gradient(circle at 30% 20%, #ffffff, var(--cyan), var(--blue));
  box-shadow: 0 0 90px rgba(110, 231, 255, 0.5);
}
.signal-node {
  position: absolute;
  z-index: 3;
  padding: 0.56rem 0.74rem;
  border: 1px solid var(--line-strong);
  border-radius: 999px;
  background: rgba(4, 13, 20, 0.86);
  color: var(--text);
  font-size: 0.8rem;
  box-shadow: 0 0 24px rgba(110, 231, 255, 0.2);
}
.n1 { top: 18%; left: 10%; }
.n2 { top: 22%; right: 12%; }
.n3 { bottom: 20%; left: 12%; }
.n4 { bottom: 16%; right: 10%; }
.glass { border: 1px solid var(--line); background: var(--panel); backdrop-filter: blur(20px); box-shadow: var(--shadow); }
.hero-panel {
  position: absolute;
  left: 7%;
  right: 7%;
  bottom: 7%;
  z-index: 4;
  padding: 1rem;
  border-radius: 22px;
}
.panel-header, .metric-row { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.panel-header { padding-bottom: 0.8rem; color: var(--muted); font-size: 0.78rem; letter-spacing: 0.14em; text-transform: uppercase; }
.panel-header b { color: var(--green); }
.metric-row { padding: 0.9rem 0; border-top: 1px solid var(--line); }
.metric-row span { color: var(--dim); }
.metric-row strong { text-align: right; }

.content-section, .journey-section, .ecosystem-section, .pipeline-section, .matrix-section, .policy-section, .form-section, .cta-section { padding: 52px 0; }
.section-heading { max-width: 820px; margin-bottom: 1.6rem; }
.section-heading p:last-child { font-size: 1.05rem; }
.card-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.info-card, .system-layer, .journey-step {
  position: relative;
  overflow: hidden;
  padding: 1.25rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: linear-gradient(160deg, rgba(11, 37, 54, 0.78), rgba(3, 11, 18, 0.72));
  box-shadow: 0 20px 70px rgba(0, 0, 0, 0.18);
}
.info-card::after, .system-layer::after, .journey-step::after {
  content: "";
  position: absolute;
  inset: auto -20% -50% -20%;
  height: 90px;
  background: radial-gradient(circle, rgba(110, 231, 255, 0.18), transparent 65%);
}
.card-pulse {
  display: block;
  width: 12px;
  height: 12px;
  margin-bottom: 1rem;
  border-radius: 50%;
  background: var(--cyan);
  box-shadow: 0 0 30px var(--cyan);
}
.info-card h3, .system-layer h3, .journey-step h3 { margin-bottom: 0.7rem; }
.info-card p, .system-layer p, .journey-step p { margin-bottom: 0; }

.journey-rail { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1rem; }
.journey-step small, .layer-index {
  display: inline-grid;
  place-items: center;
  min-width: 38px;
  height: 30px;
  margin-bottom: 1rem;
  border-radius: 999px;
  color: #001018;
  font-weight: 900;
  background: var(--cyan);
}
.ecosystem-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.system-layer b { display: inline-block; margin: 0.8rem 0; color: var(--green); font-size: 0.82rem; text-transform: uppercase; letter-spacing: 0.12em; }
.pipeline { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.8rem; counter-reset: pipe; }
.pipe-node {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  min-height: 82px;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: rgba(7, 26, 39, 0.7);
  color: var(--text);
}
.pipe-node span {
  display: grid;
  place-items: center;
  min-width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(110, 231, 255, 0.14);
  color: var(--cyan);
  font-weight: 900;
}
.matrix-table { border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; background: rgba(4, 14, 21, 0.7); }
.matrix-row { display: grid; grid-template-columns: 240px 1fr; gap: 1rem; padding: 1rem; border-top: 1px solid var(--line); }
.matrix-row:first-child { border-top: 0; }
.matrix-row strong { color: var(--cyan); }
.matrix-row span { color: var(--muted); line-height: 1.65; }
.policy-list { display: grid; gap: 1rem; padding: 0; list-style: none; counter-reset: item; }
.policy-list li { counter-increment: item; position: relative; padding: 1.2rem 1.2rem 1.2rem 4rem; border: 1px solid var(--line); border-radius: 18px; background: rgba(7, 26, 39, 0.7); color: var(--muted); line-height: 1.7; }
.policy-list li::before { content: counter(item); position: absolute; left: 1rem; top: 1rem; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--cyan); color: #001018; font-weight: 900; }

.cta-panel { padding: clamp(1.4rem, 4vw, 3rem); border-radius: 34px; }
.cta-panel p { max-width: 780px; }
.form-layout { display: grid; grid-template-columns: 0.85fr 1.15fr; gap: 2rem; align-items: start; }
.intake-note { display: grid; gap: 0.4rem; margin-top: 1.4rem; padding: 1rem; border-radius: 18px; }
.intake-note strong { color: var(--cyan); }
.gccap-form { display: grid; gap: 1rem; padding: 1rem; border-radius: 24px; }
.gccap-form label { display: grid; gap: 0.45rem; color: var(--muted); font-weight: 800; font-size: 0.9rem; }
.gccap-form input, .gccap-form textarea {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 0.92rem 1rem;
  background: rgba(1, 7, 11, 0.68);
  color: var(--text);
  font: inherit;
  outline: none;
}
.gccap-form input:focus, .gccap-form textarea:focus { border-color: var(--cyan); box-shadow: 0 0 0 3px rgba(110, 231, 255, 0.12); }
.form-result { min-height: 1.5rem; margin: 0; font-weight: 800; }
.form-result.success { color: var(--green); }
.form-result.error { color: var(--warning); }

.site-footer { padding: 64px 0 34px; }
.footer-grid { display: grid; grid-template-columns: 1.35fr repeat(3, 1fr); gap: 1.5rem; padding: 1.25rem; border: 1px solid var(--line); border-radius: 28px; background: rgba(3, 12, 19, 0.66); }
.site-footer h2, .site-footer h3 { margin-bottom: 1rem; }
.site-footer a { display: block; color: var(--muted); margin: 0.45rem 0; }
.site-footer a:hover { color: var(--cyan); }
.footer-bottom { color: var(--dim); text-align: center; font-size: 0.88rem; }
.reveal { opacity: 0; transform: translateY(22px); transition: opacity 0.7s ease, transform 0.7s ease; }
.reveal.in-view { opacity: 1; transform: none; }

@media (max-width: 1050px) {
  .hero-grid, .form-layout { grid-template-columns: 1fr; }
  .hero-visual { min-height: 480px; }
  .card-grid, .journey-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ecosystem-grid, .pipeline { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .site-nav { display: none; position: absolute; top: calc(100% + 10px); left: 0; right: 0; padding: 0.8rem; border: 1px solid var(--line); border-radius: 24px; background: rgba(3, 12, 19, 0.98); box-shadow: var(--shadow); }
  .site-nav.open { display: grid; }
  .nav-more { display: grid; }
  .nav-dropdown { position: static; display: grid; min-width: 0; box-shadow: none; background: rgba(255,255,255,0.03); }
  .more-button { display: none; }
  .menu-button { display: inline-flex; }
}
@media (max-width: 720px) {
  .site-header { border-radius: 24px; }
  .brand small { display: none; }
  .hero { padding-top: 54px; }
  h1 { font-size: clamp(2.55rem, 15vw, 4rem); }
  .card-grid, .journey-rail, .ecosystem-grid, .pipeline, .footer-grid { grid-template-columns: 1fr; }
  .matrix-row { grid-template-columns: 1fr; }
  .hero-visual { min-height: 420px; }
  .core-node { width: 112px; height: 112px; }
  .signal-node { font-size: 0.68rem; }
}

/* Build 2 intake lab */
.lab-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
.lab-panel { padding: 1.15rem; border-radius: 24px; min-width: 0; }
.lab-panel h3 { margin-bottom: 0.55rem; }
.lab-panel p { color: var(--muted); line-height: 1.65; }
.lab-panel code { color: var(--cyan); background: rgba(110, 231, 255, 0.09); border: 1px solid var(--line); border-radius: 8px; padding: 0.1rem 0.35rem; }
.lab-panel.span-two { grid-column: 1 / -1; }
.lab-label { display: grid; gap: 0.45rem; color: var(--muted); font-weight: 800; }
.lab-label input, .lab-label select, .lab-panel textarea { width: 100%; border: 1px solid var(--line); border-radius: 14px; padding: 0.92rem 1rem; background: rgba(1, 7, 11, 0.68); color: var(--text); font: inherit; outline: none; }
.lab-panel textarea { margin: 0.65rem 0; resize: vertical; min-height: 230px; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 0.86rem; }
.lab-status { margin-top: 0.8rem; font-weight: 800; }
.lab-status.success { color: var(--green); }
.lab-status.error { color: var(--warning); }
.lab-output { overflow: auto; max-height: 320px; padding: 1rem; border: 1px solid var(--line); border-radius: 16px; background: rgba(0, 0, 0, 0.32); color: var(--cyan); }
.lab-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.8rem; }
.lab-metrics div { padding: 1rem; border: 1px solid var(--line); border-radius: 18px; background: rgba(7, 26, 39, 0.72); }
.lab-metrics strong { display: block; color: var(--cyan); font-size: 1.45rem; }
.lab-metrics span { color: var(--muted); font-size: 0.85rem; }
.lab-list { display: grid; gap: 0.75rem; max-height: 560px; overflow: auto; padding-right: 0.25rem; }
.lab-item { display: grid; gap: 0.35rem; padding: 0.85rem; border: 1px solid var(--line); border-radius: 16px; background: rgba(7, 26, 39, 0.62); }
.lab-item strong { color: var(--cyan); word-break: break-word; }
.lab-item span, .lab-item small { color: var(--muted); word-break: break-word; }
.lab-item em { color: var(--warning); font-style: normal; font-size: 0.82rem; }
@media (max-width: 1050px) { .lab-grid { grid-template-columns: 1fr; } .lab-panel.span-two { grid-column: auto; } .lab-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 720px) { .lab-metrics { grid-template-columns: 1fr; } }

/* Build 2 sensor intake readiness surfaces */
.internal-body {
  min-height: 100vh;
}
.internal-header .site-nav {
  display: flex;
}
.internal-main {
  padding-top: 9rem;
}
.internal-hero {
  padding: 2rem;
  margin-bottom: 1.5rem;
}
.internal-hero h1 {
  margin: 0.35rem 0 0.75rem;
  font-size: clamp(2rem, 5vw, 4.5rem);
  line-height: 0.96;
}
.internal-warning {
  margin-top: 1.25rem;
  border: 1px solid rgba(129, 230, 217, 0.22);
  background: rgba(10, 24, 38, 0.72);
  border-radius: 18px;
  padding: 1rem;
  color: var(--muted);
}
.console-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin-bottom: 1rem;
}
.console-card {
  padding: 1.25rem;
  margin-bottom: 1rem;
  overflow: hidden;
}
.console-card h2 {
  margin: 0 0 0.85rem;
}
.console-card pre {
  max-height: 30rem;
  overflow: auto;
  white-space: pre-wrap;
  word-break: break-word;
  border-radius: 16px;
  padding: 1rem;
  background: rgba(1, 8, 20, 0.72);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: #d9f7ff;
}
.console-form {
  display: grid;
  gap: 0.9rem;
}
.console-form label {
  display: grid;
  gap: 0.35rem;
  color: var(--muted);
  font-size: 0.92rem;
}
.console-form input,
.console-form textarea,
.console-form select {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 14px;
  background: rgba(4, 13, 26, 0.88);
  color: var(--text);
  padding: 0.85rem 1rem;
  font: inherit;
}
.table-wrap {
  overflow-x: auto;
}
.table-wrap table {
  width: 100%;
  border-collapse: collapse;
  min-width: 680px;
}
.table-wrap th,
.table-wrap td {
  text-align: left;
  vertical-align: top;
  padding: 0.7rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  color: var(--muted);
  font-size: 0.88rem;
}
.table-wrap th {
  color: var(--text);
  font-weight: 700;
}
@media (max-width: 900px) {
  .console-grid {
    grid-template-columns: 1fr;
  }
  .internal-header .site-nav {
    position: static;
    flex-wrap: wrap;
  }
}

.lab-label select { appearance: none; }
[data-journey-lab] .lab-panel textarea { min-height: 92px; font-family: inherit; }

/* Build 7 restricted client portal */
.portal-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
.portal-section [hidden] { display: none !important; }
.portal-login, .portal-profile { min-height: 100%; }
.portal-profile .button { margin-top: 0.85rem; }
.lab-item[data-portal-cart-id], .lab-item[data-portal-journey-id], .lab-item[data-portal-report-id] { cursor: pointer; transition: border-color 0.2s ease, transform 0.2s ease; }
.lab-item[data-portal-cart-id]:hover, .lab-item[data-portal-journey-id]:hover, .lab-item[data-portal-report-id]:hover { border-color: rgba(110, 231, 255, 0.42); transform: translateY(-1px); }
[data-portal-detail] .button { margin-right: 0.45rem; margin-top: 0.45rem; }
@media (max-width: 1050px) { .portal-grid { grid-template-columns: 1fr; } }


/* Post-30 P23 approval-grade live command demo */
.approval-command { padding: 48px 0 72px; }
.compact-heading { max-width: 980px; }
.approval-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.approval-panel { border: 1px solid var(--line); border-radius: 24px; padding: 1rem; background: rgba(4, 17, 27, 0.72); box-shadow: var(--shadow); backdrop-filter: blur(18px); }
.approval-panel h3 { margin-bottom: 0.85rem; }
.span-two { grid-column: span 2; }
.hero-panel { min-height: 190px; background: radial-gradient(circle at 10% 20%, rgba(110, 231, 255, 0.18), transparent 22rem), rgba(4, 17, 27, 0.82); }
.panel-head { display: flex; justify-content: space-between; align-items: center; color: var(--cyan); text-transform: uppercase; letter-spacing: .12em; font-size: .78rem; font-weight: 800; }
.system-strip { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; margin-top: 1rem; }
.system-strip div { border: 1px solid var(--line); border-radius: 18px; padding: .85rem; background: rgba(255,255,255,.03); }
.system-strip small { display: block; color: var(--dim); text-transform: uppercase; letter-spacing: .12em; font-size: .66rem; margin-bottom: .35rem; }
.system-strip strong { font-size: .95rem; }
.flow-rail { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1.25rem; }
.flow-rail span { border: 1px solid var(--line); border-radius: 999px; padding: .55rem .75rem; color: var(--muted); background: rgba(255,255,255,.03); }
.flow-rail span.active, .flow-rail span:first-child { color: #001018; background: linear-gradient(135deg, var(--cyan), var(--green)); font-weight: 900; }
.metric-xl span { display: block; font-size: clamp(2.8rem, 5vw, 4.8rem); font-weight: 950; letter-spacing: -.08em; color: var(--green); }
.metric-xl.warning span { color: var(--warning); }
.metric-xl.danger span { color: #ff8a8a; }
.metric-xl small { color: var(--muted); text-transform: uppercase; letter-spacing: .12em; font-weight: 800; }
.cart-matrix { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .65rem; max-height: 490px; overflow: auto; padding-right: .25rem; }
.cart-tile { text-align: left; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.035); color: var(--text); padding: .8rem; cursor: pointer; }
.cart-tile strong, .cart-tile span, .cart-tile small { display: block; }
.cart-tile strong { font-size: .78rem; letter-spacing: .05em; }
.cart-tile span { font-size: 1.45rem; font-weight: 950; margin: .35rem 0; }
.cart-tile small { color: var(--muted); text-transform: uppercase; letter-spacing: .1em; font-size: .66rem; }
.cart-tile.stable { box-shadow: inset 0 0 0 1px rgba(141,255,207,.14); }
.cart-tile.warning { border-color: rgba(255,210,122,.52); background: rgba(255,210,122,.07); }
.cart-tile.excursion { border-color: rgba(255,99,99,.62); background: rgba(255,99,99,.09); }
.cart-tile.selected { outline: 2px solid var(--cyan); }
.demo-chart { width: 100%; min-height: 260px; }
.chart-bg { fill: rgba(0,0,0,.16); stroke: rgba(127,225,255,.18); }
.chart-band-warning { fill: rgba(255,210,122,.08); }
.chart-band-danger { fill: rgba(255,99,99,.10); }
.chart-line-threshold { stroke: rgba(255,210,122,.65); stroke-width: 2; stroke-dasharray: 8 8; }
.chart-line-danger { stroke: rgba(255,99,99,.75); stroke-width: 2; stroke-dasharray: 8 8; }
.chart-line-live { fill: none; stroke: var(--cyan); stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 0 10px rgba(110,231,255,.28)); }
.chart-label { fill: var(--warning); font-size: 12px; font-weight: 800; }
.chart-label.danger { fill: #ff8a8a; }
.chart-note { margin: .6rem 0 0; font-size: .9rem; }
.alert-feed { display: grid; gap: .65rem; }
.feed-item { display: grid; gap: .25rem; border: 1px solid var(--line); border-radius: 16px; padding: .75rem; background: rgba(255,255,255,.035); }
.feed-item b { color: var(--cyan); }
.feed-item span { color: var(--muted); line-height: 1.45; }
.feed-item.warning { border-color: rgba(255,210,122,.45); }
.feed-item.excursion { border-color: rgba(255,99,99,.58); }
.mini-steps { color: var(--muted); line-height: 1.7; margin: 0; padding-left: 1.2rem; }
.demo-disclaimer { margin-top: 1rem; border: 1px solid rgba(255,210,122,.35); border-radius: 18px; padding: .9rem 1rem; color: var(--warning); background: rgba(255,210,122,.06); font-size: .92rem; }
@media (max-width: 980px) { .approval-grid { grid-template-columns: 1fr 1fr; } .span-two { grid-column: span 2; } .system-strip, .cart-matrix { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) { .approval-grid, .system-strip, .cart-matrix { grid-template-columns: 1fr; } .span-two { grid-column: span 1; } }

/* Post-30 P25 live system demo upgrade */
.p25-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: stretch; }
.span-three { grid-column: span 3; }
.p25-system-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.command-brief { background: linear-gradient(160deg, rgba(110,231,255,.08), rgba(141,255,207,.04)); }
.brief-list { display: grid; gap: .85rem; }
.brief-list p { margin: 0; display: grid; gap: .25rem; }
.brief-list strong { color: var(--cyan); font-size: 1rem; }
.brief-list span { color: var(--muted); line-height: 1.55; }
.panel-title-row { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: .85rem; }
.panel-title-row h3 { margin: 0; }
.panel-title-row span { color: var(--cyan); border: 1px solid rgba(110,231,255,.25); border-radius: 999px; padding: .35rem .6rem; font-size: .72rem; font-weight: 900; text-transform: uppercase; letter-spacing: .09em; }
.p25-flow-rail span.current { color: #001018; background: linear-gradient(135deg, var(--cyan), var(--green)); font-weight: 950; }
.p25-flow-rail span.completed { border-color: rgba(141,255,207,.35); color: var(--green); }
.p25-cart-matrix { grid-template-columns: repeat(3, minmax(0, 1fr)); max-height: 570px; }
.cart-tile { position: relative; overflow: hidden; }
.cart-tile::after { content: ''; position: absolute; inset: auto .75rem .5rem .75rem; height: 3px; border-radius: 999px; background: rgba(255,255,255,.12); }
.cart-tile.stable::after { background: rgba(141,255,207,.65); }
.cart-tile.warning::after { background: rgba(255,210,122,.78); }
.cart-tile.excursion::after { background: rgba(255,99,99,.78); }
.cart-tile em { display: block; color: var(--dim); font-style: normal; font-size: .66rem; letter-spacing: .06em; margin-top: .2rem; }
.selected-cart-detail { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; }
.selected-cart-detail div, .health-grid div { border: 1px solid var(--line); border-radius: 16px; padding: .75rem; background: rgba(255,255,255,.035); }
.selected-cart-detail small, .health-grid small { display: block; color: var(--dim); text-transform: uppercase; letter-spacing: .1em; font-size: .63rem; margin-bottom: .3rem; }
.selected-cart-detail strong, .health-grid strong { display: block; color: var(--text); font-size: .96rem; }
.approval-subcard { margin-top: .75rem; border: 1px solid rgba(110,231,255,.18); border-radius: 18px; padding: .85rem; background: rgba(110,231,255,.05); }
.approval-subcard h4 { color: var(--cyan); margin: 0 0 .35rem; }
.approval-subcard p { margin: 0; color: var(--muted); line-height: 1.55; }
.p25-demo-chart { min-height: 300px; }
.chart-gridline { stroke: rgba(255,255,255,.07); stroke-width: 1; }
.chart-axis-label { fill: var(--dim); font-size: 11px; font-weight: 800; }
.chart-event-dot { fill: var(--warning); stroke: rgba(255,255,255,.5); stroke-width: 2; }
.chart-event-dot.danger { fill: #ff8a8a; }
.p25-alert-feed { max-height: 430px; overflow: auto; padding-right: .25rem; }
.health-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; }
.event-classifier { display: grid; gap: .65rem; }
.event-pill { border: 1px solid var(--line); border-radius: 16px; padding: .75rem; background: rgba(255,255,255,.035); display: grid; gap: .25rem; }
.event-pill strong { color: var(--cyan); }
.event-pill span { color: var(--muted); line-height: 1.45; }
.event-pill.warning { border-color: rgba(255,210,122,.45); }
.event-pill.excursion { border-color: rgba(255,99,99,.55); }
.p25-steps li { margin-bottom: .4rem; }
@media (max-width: 1120px) { .span-three { grid-column: span 2; } .p25-system-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); } .p25-cart-matrix { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 720px) { .span-three { grid-column: span 1; } .p25-system-strip, .selected-cart-detail, .health-grid { grid-template-columns: 1fr; } }

/* Post-30 P26 client portal finalisation */
.p26-portal-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: stretch; }
.p26-client-hero { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.p26-client-status { border: 1px solid rgba(141,255,207,.25); border-radius: 20px; padding: 1rem; background: rgba(141,255,207,.08); min-width: 240px; }
.p26-client-status strong, .p26-client-status span { display: block; }
.p26-client-status span { color: var(--muted); margin-top: .35rem; }
.p26-kpi-row { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .8rem; }
.p26-kpi-row div, .health-grid div { border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.05); border-radius: 18px; padding: 1rem; }
.p26-kpi-row strong, .health-grid strong { display: block; font-size: clamp(1.45rem, 3vw, 2.45rem); color: var(--cyan); line-height: 1; }
.p26-kpi-row span, .health-grid span { display: block; color: var(--muted); font-size: .86rem; margin-top: .35rem; }
.p26-cart-list { display: grid; gap: .7rem; }
.p26-cart { width: 100%; text-align: left; cursor: pointer; border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.045); color: var(--text); border-radius: 18px; padding: .95rem; transition: transform .18s ease, border-color .18s ease, background .18s ease; }
.p26-cart:hover, .p26-cart.active { transform: translateY(-1px); border-color: rgba(105,219,255,.55); background: rgba(105,219,255,.1); }
.p26-cart.warning { border-color: rgba(255,214,102,.35); }
.p26-cart.danger { border-color: rgba(255,107,107,.42); }
.p26-cart strong, .p26-cart span, .p26-cart small { display: block; }
.p26-cart span { color: var(--muted); margin-top: .25rem; }
.p26-cart small { color: rgba(232,243,255,.62); margin-top: .25rem; }
.p26-selected-detail { border: 1px solid rgba(105,219,255,.25); border-radius: 20px; padding: 1rem; background: rgba(105,219,255,.07); margin-bottom: 1rem; }
.p26-selected-detail strong, .p26-selected-detail span, .p26-selected-detail small { display: block; }
.p26-selected-detail span { margin-top: .35rem; color: var(--text); }
.p26-selected-detail small { margin-top: .4rem; color: var(--muted); }
.p26-portal-chart { min-height: 230px; color: var(--cyan); }
.p26-alert-feed { max-height: 310px; overflow: auto; }
.p26-live-login { margin-top: 1.4rem; }
@media (max-width: 1120px) { .p26-portal-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .p26-kpi-row { grid-template-columns: repeat(3, minmax(0, 1fr)); } .p26-client-hero { flex-direction: column; align-items: flex-start; } }
@media (max-width: 720px) { .p26-portal-grid, .p26-kpi-row { grid-template-columns: 1fr; } }


/* Post-30 P27 internal command centre finalisation */
.p27-command-section { position: relative; }
.p27-command-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.p27-command-panel { border: 1px solid rgba(113, 238, 255, .18); background: linear-gradient(145deg, rgba(8, 31, 45, .88), rgba(3, 14, 24, .94)); border-radius: 24px; padding: 1.15rem; box-shadow: 0 24px 80px rgba(0,0,0,.24); min-height: 100%; }
.p27-command-panel.span-two { grid-column: span 2; }
.p27-command-panel.span-four { grid-column: span 4; }
.p27-command-hero { display: flex; align-items: stretch; justify-content: space-between; gap: 1.5rem; border-color: rgba(72, 213, 156, .28); }
.p27-command-hero h3 { font-size: clamp(1.6rem, 3vw, 2.6rem); margin: .35rem 0 .6rem; }
.p27-command-state { min-width: 280px; border-radius: 20px; padding: 1rem; background: rgba(72, 213, 156, .08); border: 1px solid rgba(72, 213, 156, .2); display: grid; align-content: center; gap: .35rem; }
.p27-tag { display: inline-flex; border: 1px solid rgba(113,238,255,.3); color: var(--accent); border-radius: 999px; padding: .25rem .7rem; font-size: .78rem; letter-spacing: .08em; text-transform: uppercase; }
.p27-command-list, .p27-risk-board { display: grid; gap: .75rem; }
.p27-command-list article, .p27-risk-board article { border: 1px solid rgba(255,255,255,.08); border-radius: 18px; padding: .85rem; background: rgba(255,255,255,.035); display: grid; gap: .25rem; }
.p27-command-list article span, .p27-risk-board article span, .p27-readiness-grid span { color: var(--muted); }
.p27-command-list small { color: rgba(113,238,255,.78); }
.p27-readiness-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.p27-readiness-grid div { border-radius: 18px; padding: .85rem; background: rgba(113,238,255,.055); border: 1px solid rgba(113,238,255,.14); display: grid; gap: .25rem; }
.p27-risk-board .warning { border-color: rgba(255, 193, 94, .35); background: rgba(255, 193, 94, .07); }
.p27-risk-board .danger { border-color: rgba(255, 104, 104, .35); background: rgba(255, 104, 104, .07); }
.p27-steps { margin: 0; padding-left: 1.1rem; color: var(--muted); display: grid; gap: .5rem; }
.p27-action-strip { display: flex; flex-wrap: wrap; gap: .6rem; }
.p27-action-strip span { border-radius: 999px; padding: .55rem .75rem; background: rgba(72, 213, 156, .08); border: 1px solid rgba(72, 213, 156, .18); color: rgba(234, 252, 255, .92); }
@media (max-width: 980px) { .p27-command-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .p27-command-panel.span-four, .p27-command-panel.span-two { grid-column: span 2; } .p27-command-hero { flex-direction: column; } }
@media (max-width: 640px) { .p27-command-grid, .p27-readiness-grid { grid-template-columns: 1fr; } .p27-command-panel.span-four, .p27-command-panel.span-two { grid-column: span 1; } }


/* Post-30 P28 Teltonika ingestion readiness */
.p28-ingestion-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:1.5rem}
.p28-panel{border:1px solid rgba(155,220,255,.18);background:linear-gradient(180deg,rgba(9,31,45,.92),rgba(3,16,24,.88));border-radius:24px;padding:1rem;box-shadow:0 18px 70px rgba(0,0,0,.25)}
.p28-panel h3{margin:.1rem 0 .75rem}.p28-panel.span-two{grid-column:span 2}.p28-panel.span-four{grid-column:span 4}.p28-system-strip{grid-template-columns:repeat(6,minmax(0,1fr))}.p28-map-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.8rem}.p28-map-grid div{border:1px solid rgba(155,220,255,.14);border-radius:18px;padding:.85rem;background:rgba(255,255,255,.035)}.p28-map-grid strong{display:block;font-size:1.4rem}.p28-map-grid span{color:var(--muted);font-size:.82rem}@media (max-width:900px){.p28-ingestion-grid{grid-template-columns:1fr}.p28-panel.span-two,.p28-panel.span-four{grid-column:span 1}.p28-system-strip,.p28-map-grid{grid-template-columns:1fr 1fr}}@media (max-width:560px){.p28-system-strip,.p28-map-grid{grid-template-columns:1fr}}


/* Build 36 Claude UI + architecture intelligence integration */
.claude-war-room { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.claude-war-room .span-two { grid-column: span 2; }
.neural-map { position: relative; min-height: 330px; border: 1px solid rgba(59, 230, 255, .22); border-radius: 28px; overflow: hidden; background: radial-gradient(circle at 50% 50%, rgba(41, 216, 255, .18), rgba(5, 13, 24, .92) 52%, rgba(2, 5, 9, .98)); }
.neural-map::before, .neural-map::after { content: ''; position: absolute; inset: 12%; border: 1px solid rgba(126, 246, 255, .18); border-radius: 999px; animation: gccap-spin 18s linear infinite; }
.neural-map::after { inset: 25%; animation-direction: reverse; animation-duration: 13s; }
.neural-map .node { position: absolute; display: grid; place-items: center; min-width: 84px; min-height: 42px; padding: .5rem .75rem; border-radius: 999px; border: 1px solid rgba(126, 246, 255, .35); background: rgba(7, 18, 32, .82); box-shadow: 0 0 30px rgba(41, 216, 255, .14); color: #e9fbff; font-size: .78rem; text-align: center; }
.neural-map .core { left: 50%; top: 50%; transform: translate(-50%, -50%); min-width: 116px; min-height: 116px; border-radius: 50%; font-weight: 800; letter-spacing: .12em; background: linear-gradient(135deg, rgba(41,216,255,.35), rgba(90,90,255,.14)); }
.neural-map .n1 { left: 8%; top: 16%; }
.neural-map .n2 { right: 8%; top: 16%; }
.neural-map .n3 { left: 6%; bottom: 18%; }
.neural-map .n4 { right: 6%; bottom: 18%; }
.neural-map .n5 { left: 42%; top: 7%; }
.neural-map .n6 { left: 40%; bottom: 7%; }
.safe-copy { color: rgba(229, 245, 255, .75); margin-top: 1rem; }
.signal-list { display: grid; gap: .65rem; padding: 0; margin: 1rem 0 0; list-style: none; }
.signal-list li { padding: .7rem .8rem; border: 1px solid rgba(126, 246, 255, .16); border-radius: 16px; background: rgba(255,255,255,.035); }
.danger-list li { border-color: rgba(255, 133, 133, .28); }
.data-model-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.data-model-grid div { padding: .85rem; border-radius: 18px; background: rgba(255,255,255,.04); border: 1px solid rgba(126, 246, 255, .14); }
.data-model-grid strong { display: block; color: #f2fdff; }
.data-model-grid small { display: block; color: rgba(226, 243, 255, .68); margin-top: .2rem; }
.compact-matrix .matrix-row { grid-template-columns: 160px 1fr; }
@keyframes gccap-spin { to { transform: rotate(360deg); } }
@media (max-width: 900px) { .claude-war-room { grid-template-columns: 1fr; } .claude-war-room .span-two { grid-column: span 1; } .data-model-grid { grid-template-columns: 1fr; } }


/* Build 37 - futuristic client-facing navigation and public/internal split */
.site-header { width: min(1380px, calc(100vw - 28px)); border-radius: 28px; padding: 10px 12px; }
.site-nav { gap: 0.15rem; flex: 1; justify-content: flex-end; }
.nav-link, .menu-button { font-size: 0.78rem; padding: 0.68rem 0.72rem; white-space: nowrap; }
.nav-group { position: relative; }
.nav-drop-trigger::after { content: ""; display: inline-block; width: .42rem; height: .42rem; margin-left: .48rem; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; transform: translateY(-2px) rotate(45deg); opacity: .72; }
.nav-mega {
  position: absolute;
  top: calc(100% + 14px);
  right: 0;
  display: none;
  width: min(470px, calc(100vw - 32px));
  padding: 0.85rem;
  border: 1px solid var(--line-strong);
  border-radius: 24px;
  background: linear-gradient(145deg, rgba(3, 12, 19, 0.98), rgba(5, 24, 37, 0.96));
  box-shadow: 0 30px 100px rgba(0, 0, 0, .52), 0 0 80px rgba(110, 231, 255, .08);
  backdrop-filter: blur(22px);
}
.nav-mega.open { display: grid; gap: .45rem; }
.nav-mega-head { display: grid; gap: .2rem; padding: .65rem .75rem .8rem; border-bottom: 1px solid var(--line); margin-bottom: .25rem; }
.nav-mega-head strong { letter-spacing: .08em; text-transform: uppercase; color: var(--cyan); }
.nav-mega-head span { color: var(--muted); font-size: .82rem; }
.nav-mega-link { display: grid; gap: .25rem; padding: .78rem .8rem; border: 1px solid transparent; border-radius: 16px; background: rgba(255,255,255,.025); }
.nav-mega-link:hover, .nav-mega-link.active { border-color: var(--line); background: rgba(110,231,255,.075); transform: translateX(2px); }
.nav-mega-link strong { color: var(--text); font-size: .92rem; }
.nav-mega-link span { color: var(--muted); font-size: .78rem; line-height: 1.45; }
.hero { padding-top: 72px; }
h1 { font-size: clamp(3rem, 6vw, 6.2rem); max-width: 1030px; }
.hero-grid { grid-template-columns: minmax(0, 1fr) minmax(360px, .82fr); }
.future-home-command { margin-top: -16px; margin-bottom: 28px; }
.future-console { position: relative; overflow: hidden; padding: clamp(1.2rem, 2vw, 1.8rem); border-radius: 34px; }
.future-console::before { content:""; position:absolute; inset:-30%; background: radial-gradient(circle at 20% 10%, rgba(110,231,255,.18), transparent 26rem), radial-gradient(circle at 86% 30%, rgba(141,255,207,.12), transparent 22rem); pointer-events:none; }
.console-topline { position: relative; display:flex; align-items:center; justify-content:space-between; gap: 1rem; padding-bottom: 1rem; border-bottom: 1px solid var(--line); color: var(--muted); text-transform: uppercase; letter-spacing: .13em; font-size: .78rem; }
.console-topline b { color: var(--green); }
.future-console-grid { position: relative; display:grid; grid-template-columns: 1.35fr repeat(3, .75fr); gap: .85rem; margin-top: 1rem; }
.console-card { min-height: 180px; display:grid; align-content:end; gap:.45rem; padding: 1rem; border-radius: 24px; border:1px solid var(--line); background: linear-gradient(150deg, rgba(255,255,255,.055), rgba(255,255,255,.018)); box-shadow: inset 0 0 40px rgba(110,231,255,.035); }
.console-card.dominant { min-height: 240px; }
.console-card small { color: var(--cyan); text-transform: uppercase; letter-spacing:.14em; font-weight: 800; }
.console-card strong { font-size: clamp(1.35rem, 2vw, 2.1rem); letter-spacing:-.04em; }
.console-card span, .console-card p { color: var(--muted); margin: 0; }
.future-journey-pulse { position: relative; display:flex; flex-wrap: wrap; gap:.55rem; margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--line); }
.future-journey-pulse span { padding:.55rem .72rem; border:1px solid var(--line); border-radius:999px; color: var(--text); background: rgba(110,231,255,.06); font-size: .82rem; }
.future-journey-pulse span:nth-child(3n) { color: var(--warning); border-color: rgba(255,210,122,.32); }
.nav-model-preview { position:relative; display:grid; grid-template-columns: 1fr 1fr; gap:.85rem; margin-top: 1rem; }
.nav-model-preview div { padding: 1rem; border:1px solid var(--line); border-radius: 20px; background: rgba(0,0,0,.18); }
.nav-model-preview strong { display:block; color: var(--cyan); margin-bottom:.35rem; }
.nav-model-preview span { color: var(--muted); }

@media (max-width: 1180px) {
  .site-header { align-items: flex-start; border-radius: 24px; }
  .menu-button { display: inline-flex; margin-left: auto; }
  .site-nav { display: none; position: absolute; top: calc(100% + 10px); left: 0; right: 0; padding: .8rem; border: 1px solid var(--line); border-radius: 24px; background: rgba(3,12,19,.97); box-shadow: var(--shadow); }
  .site-nav.open { display: grid; gap: .35rem; }
  .nav-link { justify-content: flex-start; text-align: left; }
  .nav-group { width: 100%; }
  .nav-mega { position: static; width: 100%; margin-top: .35rem; box-shadow: none; }
}
@media (max-width: 900px) {
  .future-console-grid, .nav-model-preview { grid-template-columns: 1fr; }
  .hero-grid { grid-template-columns: 1fr; }
}

/* Build 38 - Spatial Command Interface Prototype */
.hero-spatial-layout .hero-grid {
  grid-template-columns: minmax(0, 0.92fr) minmax(420px, 1.08fr);
}
.hero-spatial-layout h1 {
  font-size: clamp(3.2rem, 7.6vw, 7.8rem);
  text-shadow: 0 0 40px rgba(110, 231, 255, 0.08);
}
.spatial-hero {
  perspective: 1200px;
  min-height: 640px;
  transform-style: preserve-3d;
  border-radius: 44px;
  overflow: hidden;
  border: 1px solid rgba(110, 231, 255, 0.26);
  background:
    radial-gradient(circle at 50% 46%, rgba(110, 231, 255, 0.22), transparent 22rem),
    linear-gradient(145deg, rgba(4, 16, 24, 0.96), rgba(1, 6, 11, 0.98));
  box-shadow: 0 50px 160px rgba(0, 0, 0, 0.62), inset 0 0 120px rgba(110, 231, 255, 0.06);
}
.spatial-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.spatial-depth-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.04), transparent 22%, rgba(0,0,0,0.28)),
    repeating-linear-gradient(90deg, rgba(110,231,255,0.035) 0 1px, transparent 1px 90px),
    repeating-linear-gradient(0deg, rgba(110,231,255,0.035) 0 1px, transparent 1px 76px);
  mix-blend-mode: screen;
  opacity: 0.85;
}
.spatial-depth-overlay::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -18%;
  width: 120%;
  height: 50%;
  transform: translateX(-50%) rotateX(68deg);
  transform-origin: center bottom;
  background: repeating-linear-gradient(90deg, rgba(110,231,255,0.12) 0 1px, transparent 1px 58px), repeating-linear-gradient(0deg, rgba(110,231,255,0.12) 0 1px, transparent 1px 58px);
  filter: drop-shadow(0 0 20px rgba(110,231,255,0.28));
}
.spatial-node-label {
  position: absolute;
  z-index: 4;
  padding: 0.58rem 0.78rem;
  border: 1px solid rgba(110,231,255,0.34);
  border-radius: 999px;
  color: #eff9ff;
  background: rgba(3, 13, 20, 0.74);
  box-shadow: 0 0 30px rgba(110, 231, 255, 0.22);
  backdrop-filter: blur(14px);
  font-size: 0.78rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.spatial-node-label.facility { left: 7%; top: 20%; }
.spatial-node-label.truck { right: 12%; top: 38%; }
.spatial-node-label.aircraft { left: 11%; bottom: 24%; }
.spatial-guidance {
  position: absolute;
  z-index: 5;
  top: 6%;
  right: 6%;
  width: min(370px, 48%);
  padding: 1rem;
  border-radius: 24px;
  transform: translateZ(60px);
}
.spatial-guidance p { margin: 0.2rem 0 0.9rem; font-size: 0.94rem; }
.spatial-role-strip { display: flex; flex-wrap: wrap; gap: 0.45rem; }
.spatial-role-strip button {
  border: 1px solid rgba(110,231,255,0.22);
  border-radius: 999px;
  padding: 0.52rem 0.68rem;
  color: var(--muted);
  background: rgba(255,255,255,0.035);
  cursor: pointer;
}
.spatial-role-strip button.active, .spatial-role-strip button:hover {
  color: #001018;
  background: linear-gradient(135deg, var(--cyan), var(--green));
}
.spatial-metrics {
  left: 6%;
  right: auto;
  width: min(380px, 46%);
  bottom: 6%;
  transform: translateZ(80px);
}
.spatial-command-section { padding: 72px 0; }
.spatial-command-grid {
  display: grid;
  grid-template-columns: 1.4fr repeat(3, 1fr);
  gap: 1rem;
  margin-top: 1.6rem;
}
.holo-card {
  position: relative;
  overflow: hidden;
  min-height: 230px;
  padding: 1.25rem;
  border: 1px solid rgba(110,231,255,0.23);
  border-radius: 28px;
  background:
    radial-gradient(circle at 30% 15%, rgba(110,231,255,0.16), transparent 12rem),
    linear-gradient(155deg, rgba(9,31,47,0.82), rgba(2,8,14,0.82));
  box-shadow: 0 28px 100px rgba(0, 0, 0, 0.32), inset 0 0 70px rgba(110,231,255,0.035);
}
.holo-card::before {
  content: "";
  position: absolute;
  inset: -1px;
  background: linear-gradient(120deg, transparent, rgba(110,231,255,0.18), transparent);
  opacity: 0.42;
  transform: translateX(-60%);
  animation: holoSweep 7s ease-in-out infinite;
}
@keyframes holoSweep { 50% { transform: translateX(40%); } 100% { transform: translateX(120%); } }
.holo-card > * { position: relative; z-index: 1; }
.holo-card small {
  color: var(--cyan);
  display: block;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  margin-bottom: 0.8rem;
}
.holo-card strong { display: block; font-size: 1.35rem; margin-bottom: 0.7rem; }
.holo-card span { color: var(--muted); line-height: 1.55; }
.holo-card.dominant { min-height: 300px; }
.holo-card.dominant h3 { font-size: clamp(1.7rem, 3vw, 3.1rem); max-width: 720px; }
.spatial-stage-tunnel {
  position: relative;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0.7rem;
  margin-top: 1rem;
  padding: 1rem;
  border: 1px solid rgba(110,231,255,0.2);
  border-radius: 26px;
  background: rgba(3, 12, 19, 0.58);
  overflow: hidden;
}
.spatial-stage-tunnel::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 2%;
  right: 2%;
  height: 2px;
  background: linear-gradient(90deg, rgba(110,231,255,0), rgba(110,231,255,0.72), rgba(141,255,207,0.56), rgba(110,231,255,0));
  box-shadow: 0 0 28px rgba(110,231,255,0.45);
}
.spatial-stage-tunnel span {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  min-height: 70px;
  border: 1px solid rgba(110,231,255,0.16);
  border-radius: 18px;
  color: var(--text);
  background: rgba(5, 18, 28, 0.86);
  text-align: center;
  font-weight: 800;
  font-size: 0.86rem;
}
[data-role-mode="airline"] .holo-card.dominant { border-color: rgba(74,163,255,0.52); }
[data-role-mode="caterer"] .holo-card.dominant { border-color: rgba(141,255,207,0.52); }
[data-role-mode="technical"] .holo-card.dominant { border-color: rgba(255,210,122,0.52); }
@media (max-width: 980px) {
  .hero-spatial-layout .hero-grid { grid-template-columns: 1fr; }
  .spatial-hero { min-height: 560px; }
  .spatial-command-grid { grid-template-columns: 1fr 1fr; }
  .spatial-guidance, .spatial-metrics { width: auto; left: 5%; right: 5%; }
  .spatial-metrics { bottom: 5%; }
  .spatial-guidance { top: 5%; }
  .spatial-stage-tunnel { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .spatial-command-grid { grid-template-columns: 1fr; }
  .spatial-guidance { position: absolute; top: 1rem; }
  .spatial-metrics { display: none; }
  .spatial-node-label { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .holo-card::before, .background-grid, .orbital-field::before, .orbital-field::after { animation: none !important; }
}

/* Build 39 - full-site future command design system rollout */
:root {
  --b39-purple: #a991ff;
  --b39-magenta: #ff7fe4;
  --b39-amber: #ffd27a;
  --b39-deep: rgba(1, 8, 16, 0.88);
  --b39-glass: rgba(7, 24, 38, 0.58);
}
body {
  background:
    radial-gradient(circle at 18% 8%, rgba(169,145,255,.18), transparent 30rem),
    radial-gradient(circle at 85% 18%, rgba(110,231,255,.17), transparent 34rem),
    radial-gradient(circle at 50% 90%, rgba(141,255,207,.10), transparent 40rem),
    linear-gradient(140deg, #01070d 0%, #06111b 48%, #02040b 100%);
}
body::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  background:
    linear-gradient(120deg, transparent 0 28%, rgba(110,231,255,.035) 28.4%, transparent 29.2% 60%, rgba(169,145,255,.035) 60.6%, transparent 61.4%),
    radial-gradient(circle at var(--mx, 50%) var(--my, 45%), rgba(110,231,255,.12), transparent 26rem);
  mix-blend-mode: screen;
}
.future-ambient-field {
  position: fixed;
  inset: 0;
  z-index: -2;
  overflow: hidden;
  pointer-events: none;
}
.future-ambient-field span {
  position: absolute;
  width: 44vw;
  height: 44vw;
  border: 1px solid rgba(110,231,255,.1);
  border-radius: 45% 55% 58% 42%;
  filter: blur(.2px);
  animation: b39Float 36s linear infinite;
}
.future-ambient-field span:nth-child(1) { left: -16vw; top: 10vh; }
.future-ambient-field span:nth-child(2) { right: -18vw; top: 4vh; animation-duration: 42s; animation-direction: reverse; border-color: rgba(169,145,255,.12); }
.future-ambient-field span:nth-child(3) { left: 28vw; bottom: -22vw; animation-duration: 50s; border-color: rgba(141,255,207,.1); }
@keyframes b39Float { to { transform: rotate(360deg); } }

.site-header {
  background: linear-gradient(180deg, rgba(5, 16, 26, .84), rgba(2, 10, 18, .68));
  box-shadow: 0 18px 70px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 1px rgba(110,231,255,.06);
}
.site-header::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(110,231,255,.35), transparent 22%, rgba(169,145,255,.22) 54%, transparent 76%, rgba(141,255,207,.24));
  opacity: .55;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  padding: 1px;
  mask-composite: exclude;
  -webkit-mask-composite: xor;
}
.nav-mega, .nav-dropdown {
  background: rgba(2, 12, 20, .96) !important;
  border-color: rgba(110,231,255,.22) !important;
  box-shadow: 0 40px 120px rgba(0,0,0,.48), 0 0 70px rgba(110,231,255,.1) !important;
}
.nav-mega-link, .nav-link { transition: transform .2s ease, background .2s ease, color .2s ease; }
.nav-mega-link:hover, .nav-link:hover { transform: translateY(-1px); }

.global-command-rail {
  position: fixed;
  left: 18px;
  top: 112px;
  z-index: 40;
  width: 188px;
  display: grid;
  gap: .7rem;
  padding: .9rem;
  border: 1px solid rgba(110,231,255,.16);
  border-radius: 22px;
  background: rgba(2, 12, 20, .68);
  backdrop-filter: blur(22px);
  box-shadow: 0 20px 80px rgba(0,0,0,.34);
}
.global-command-rail div:not(.rail-orb) { display: grid; gap: .18rem; }
.global-command-rail small { color: var(--dim); text-transform: uppercase; letter-spacing: .12em; font-size: .62rem; font-weight: 900; }
.global-command-rail strong { color: var(--text); font-size: .78rem; line-height: 1.25; }
.rail-orb {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 25%, #fff, var(--cyan), rgba(74,163,255,.55));
  box-shadow: 0 0 36px rgba(110,231,255,.42), 0 0 80px rgba(169,145,255,.16);
  position: relative;
}
.rail-orb::after {
  content: "";
  position: absolute;
  inset: -12px;
  border: 1px solid rgba(110,231,255,.22);
  border-radius: 50%;
  animation: b39Pulse 2.8s ease-in-out infinite;
}
@keyframes b39Pulse { 0%,100%{ transform: scale(.92); opacity:.3;} 50%{ transform: scale(1.12); opacity:.9;} }
.page-scene-beacon {
  position: fixed;
  right: 20px;
  top: 112px;
  z-index: 40;
  max-width: 240px;
  padding: .85rem 1rem;
  border: 1px solid rgba(169,145,255,.18);
  border-radius: 999px;
  background: rgba(2,12,20,.58);
  backdrop-filter: blur(20px);
  box-shadow: 0 20px 80px rgba(0,0,0,.24);
}
.page-scene-beacon span { display: block; color: var(--b39-purple); font-size: .62rem; text-transform: uppercase; letter-spacing: .18em; font-weight: 900; }
.page-scene-beacon strong { display: block; font-size: .74rem; color: var(--text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.hero { padding-top: 118px; }
.hero::before {
  content: "";
  position: absolute;
}
.hero-copy h1 {
  background: linear-gradient(100deg, #fff 0%, #e9fbff 32%, var(--cyan) 68%, var(--b39-purple) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: 0 0 70px rgba(110,231,255,.1);
}
.hero-copy .lede { color: #c4d6e0; }
.hero-visual, .orbital-field, .spatial-hero { transform-style: preserve-3d; }
.orbital-field, .spatial-hero {
  box-shadow: 0 34px 120px rgba(0,0,0,.5), inset 0 0 70px rgba(110,231,255,.06), 0 0 100px rgba(110,231,255,.1);
}
.orbital-field::before { opacity: .65; }
.info-card, .approval-panel, .p28-panel, .lab-panel, .holo-card, .console-card, .system-layer, .cta-panel, .future-console, .predictive-core {
  background:
    linear-gradient(145deg, rgba(255,255,255,.055), rgba(110,231,255,.035) 40%, rgba(169,145,255,.035)),
    rgba(4, 18, 30, .62) !important;
  border: 1px solid rgba(110,231,255,.16) !important;
  box-shadow: 0 24px 90px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.055) !important;
  backdrop-filter: blur(18px);
}
.info-card::after, .approval-panel::after, .p28-panel::after, .lab-panel::after, .holo-card::after, .system-layer::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(130deg, rgba(110,231,255,.1), transparent 34%, rgba(169,145,255,.08) 72%, transparent);
  opacity: .48;
}
.info-card, .approval-panel, .p28-panel, .lab-panel, .holo-card, .system-layer { position: relative; overflow: hidden; }
.card-grid, .approval-grid, .p28-ingestion-grid, .ecosystem-grid, .spatial-command-grid, .future-console-grid { perspective: 1400px; }
.info-card:hover, .approval-panel:hover, .p28-panel:hover, .holo-card:hover, .system-layer:hover {
  transform: translateY(-4px) rotateX(.7deg);
  border-color: rgba(110,231,255,.34) !important;
}
.section-heading {
  position: relative;
  padding: .3rem 0 .9rem;
}
.section-heading::after {
  content: "";
  display: block;
  width: min(540px, 88vw);
  height: 1px;
  margin-top: 1.3rem;
  background: linear-gradient(90deg, var(--cyan), rgba(169,145,255,.7), transparent);
}
.journey-rail, .pipeline, .future-journey-pulse, .spatial-stage-tunnel {
  background: linear-gradient(90deg, rgba(2,12,20,.74), rgba(6,24,38,.52));
  border: 1px solid rgba(110,231,255,.14);
  box-shadow: inset 0 0 50px rgba(110,231,255,.045), 0 24px 90px rgba(0,0,0,.22);
}
.journey-step, .pipe-node, .future-journey-pulse span, .spatial-stage-tunnel span {
  position: relative;
}
.journey-step::before, .pipe-node::before, .future-journey-pulse span::before, .spatial-stage-tunnel span::before {
  content: "";
  display: inline-block;
  width: .48rem;
  height: .48rem;
  margin-right: .45rem;
  border-radius: 50%;
  background: var(--cyan);
  box-shadow: 0 0 18px rgba(110,231,255,.65);
}
.predictive-guide { margin: 0 auto 3rem; }
.predictive-core {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1.5rem;
  align-items: center;
  padding: 1.3rem;
  border-radius: 28px;
  overflow: hidden;
}
.predictive-core h2 { font-size: clamp(1.5rem, 2.4vw, 2.4rem); }
.predictive-core .eyebrow { margin-bottom: .4rem; }
.predictive-core p { margin: .4rem 0 0; }
.scan-line {
  position: absolute;
  left: -20%;
  top: 0;
  width: 20%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(110,231,255,.16), transparent);
  animation: b39Scan 5.5s ease-in-out infinite;
}
@keyframes b39Scan { 0%, 20% { transform: translateX(0); opacity: 0; } 40% { opacity: .8; } 80%, 100% { transform: translateX(700%); opacity: 0; } }
.build39-system { padding: 3rem 0 5rem; }
.build39-orbit-map {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) repeat(3, minmax(0, .75fr));
  gap: 1rem;
  margin-top: 2rem;
}
.future-scene-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .8rem;
  margin-top: 1rem;
}
.future-scene-grid div {
  padding: 1rem;
  border: 1px solid rgba(110,231,255,.15);
  border-radius: 18px;
  background: rgba(3, 17, 28, .58);
}
.future-scene-grid strong { display: block; color: var(--text); margin-bottom: .25rem; }
.future-scene-grid span { color: var(--muted); font-size: .88rem; }
.matrix-table, .policy-list, .lab-output, pre {
  border-color: rgba(110,231,255,.14) !important;
  background: rgba(1, 8, 14, .5) !important;
}
.demo-disclaimer {
  border-color: rgba(255,210,122,.24) !important;
  background: rgba(255,210,122,.065) !important;
  box-shadow: inset 0 0 40px rgba(255,210,122,.035);
}
.site-footer {
  position: relative;
  border-top: 1px solid rgba(110,231,255,.12);
  padding-top: 3rem;
}
.site-footer::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--cyan), var(--b39-purple), transparent);
}
@media (max-width: 1320px) {
  .global-command-rail, .page-scene-beacon { display: none; }
}
@media (max-width: 900px) {
  .predictive-core, .build39-orbit-map { grid-template-columns: 1fr; }
  .future-scene-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hero { padding-top: 84px; }
}
@media (max-width: 560px) {
  .future-scene-grid { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .future-ambient-field span, .scan-line, .rail-orb::after { animation: none !important; }
}


/* Build 42 future-grade visual polish */
:root { --future-cyan: #74f6ff; --future-blue: #5f8dff; --future-violet: #9a78ff; --future-amber: #ffd166; }
body::before { content:""; position:fixed; inset:0; pointer-events:none; z-index:-2; background: radial-gradient(circle at 15% 10%, rgba(116,246,255,.12), transparent 28%), radial-gradient(circle at 85% 20%, rgba(154,120,255,.10), transparent 32%), linear-gradient(115deg, rgba(1,8,16,.98), rgba(3,16,26,.97) 45%, rgba(4,12,28,.98)); }
body::after { content:""; position:fixed; inset:0; pointer-events:none; z-index:-1; opacity:.24; background-image: linear-gradient(rgba(116,246,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(116,246,255,.08) 1px, transparent 1px); background-size: 72px 72px; mask-image: radial-gradient(circle at 50% 25%, black, transparent 72%); }
.site-header { backdrop-filter: blur(22px) saturate(1.25); border-color: rgba(116,246,255,.22); box-shadow: 0 0 42px rgba(116,246,255,.08), inset 0 1px 0 rgba(255,255,255,.08); }
.brand-mark { box-shadow: 0 0 28px rgba(116,246,255,.55); }
.hero h1 { letter-spacing:-.075em; text-shadow: 0 0 34px rgba(116,246,255,.10); }
.button.primary { box-shadow: 0 0 30px rgba(116,246,255,.18), inset 0 0 22px rgba(255,255,255,.08); }
.info-card, .system-layer, .approval-panel, .console-card, .holo-card, .matrix-row, .policy-section, .future-console { border:1px solid rgba(116,246,255,.16) !important; box-shadow: 0 18px 70px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.055); }
.info-card::after, .console-card::after, .approval-panel::after { content:""; position:absolute; inset:0; pointer-events:none; background: linear-gradient(135deg, rgba(116,246,255,.12), transparent 38%, rgba(154,120,255,.08)); opacity:.38; border-radius: inherit; }
.info-card, .console-card, .approval-panel { position:relative; overflow:hidden; }
.future-scene-beacon { position:relative; overflow:hidden; min-height: 260px; border:1px solid rgba(116,246,255,.18); background: radial-gradient(circle at 20% 20%, rgba(116,246,255,.11), transparent 34%), linear-gradient(135deg, rgba(7,22,36,.78), rgba(4,10,22,.86)); box-shadow: 0 22px 90px rgba(0,0,0,.35); }
.future-scene-beacon .scene-gridline { position:absolute; inset:-40%; background: repeating-linear-gradient(100deg, transparent 0 28px, rgba(116,246,255,.08) 29px 30px); transform: perspective(700px) rotateX(62deg) rotateZ(-8deg); animation: futureGridDrift 18s linear infinite; }
.future-scene-beacon .scene-orbit { position:absolute; right:8%; top:50%; width:260px; height:260px; transform:translateY(-50%); border:1px solid rgba(116,246,255,.22); border-radius:50%; box-shadow: inset 0 0 46px rgba(116,246,255,.08), 0 0 40px rgba(116,246,255,.08); }
.future-scene-beacon .scene-orbit span { position:absolute; width:10px; height:10px; border-radius:50%; background:var(--future-cyan); box-shadow:0 0 28px var(--future-cyan); }
.future-scene-beacon .scene-orbit span:nth-child(1){ left:16%; top:22%; } .future-scene-beacon .scene-orbit span:nth-child(2){ right:18%; top:46%; background:var(--future-violet); } .future-scene-beacon .scene-orbit span:nth-child(3){ left:48%; bottom:14%; background:var(--future-amber); }
.future-scene-beacon .scene-copy { position:relative; z-index:2; max-width:680px; }
.future-scene-beacon .scene-copy h2 { font-size: clamp(2rem, 4vw, 4.4rem); margin:.2rem 0; }
.future-scene-beacon .scene-status { position:absolute; right:2rem; bottom:2rem; z-index:2; display:flex; gap:.7rem; align-items:center; padding:.8rem 1rem; border:1px solid rgba(116,246,255,.22); border-radius:999px; background:rgba(4,13,24,.72); color:rgba(235,250,255,.86); }
.future-journey-pulse span { box-shadow: 0 0 30px rgba(116,246,255,.12); }
.cart-matrix .cart-card, .p25-cart-matrix .cart-card { transform: translateZ(0); transition: transform .25s ease, box-shadow .25s ease; }
.cart-matrix .cart-card:hover, .p25-cart-matrix .cart-card:hover { transform: translateY(-4px) scale(1.015); box-shadow:0 18px 50px rgba(116,246,255,.16); }
@keyframes futureGridDrift { from { background-position:0 0; } to { background-position:0 360px; } }
@media (max-width: 760px) { .future-scene-beacon .scene-orbit { opacity:.28; right:-60px; } .future-scene-beacon .scene-status { position:relative; right:auto; bottom:auto; margin-top:1rem; width:max-content; } }
@media (prefers-reduced-motion: reduce) { .future-scene-beacon .scene-gridline { animation:none; } }

/* Build 43 stakeholder intelligence visual layer - market-facing, role-based and compliance-safe */
.stakeholder-intelligence {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(120, 255, 236, 0.22);
  border-radius: 32px;
  background:
    radial-gradient(circle at 16% 10%, rgba(99, 255, 231, 0.18), transparent 28%),
    radial-gradient(circle at 86% 6%, rgba(120, 170, 255, 0.16), transparent 35%),
    linear-gradient(135deg, rgba(4, 18, 29, 0.94), rgba(2, 7, 15, 0.98));
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255,255,255,0.09);
}
.stakeholder-intelligence::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(123, 255, 236, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(123, 255, 236, 0.05) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: radial-gradient(circle at center, black, transparent 78%);
  pointer-events: none;
}
.stakeholder-orbit {
  position: absolute;
  inset: -20%;
  pointer-events: none;
  opacity: 0.72;
}
.stakeholder-orbit span {
  position: absolute;
  border: 1px solid rgba(102, 255, 234, 0.16);
  border-radius: 999px;
  transform: rotate(-18deg);
}
.stakeholder-orbit span:nth-child(1) { width: 48%; height: 48%; left: 27%; top: 25%; }
.stakeholder-orbit span:nth-child(2) { width: 72%; height: 72%; left: 14%; top: 12%; }
.stakeholder-orbit span:nth-child(3) { width: 96%; height: 96%; left: 2%; top: 0; }
.stakeholder-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 28px;
}
.stakeholder-card {
  position: relative;
  min-height: 220px;
  padding: 24px;
  border-radius: 26px;
  color: inherit;
  text-decoration: none;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.09), rgba(255,255,255,0.025)),
    radial-gradient(circle at 20% 10%, rgba(91,255,231,0.18), transparent 38%);
  border: 1px solid rgba(166, 255, 242, 0.2);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 20px 50px rgba(0,0,0,0.26);
  transform: translateZ(0);
  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}
.stakeholder-card:hover {
  transform: translateY(-6px);
  border-color: rgba(111, 255, 232, 0.5);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.14), rgba(255,255,255,0.04)),
    radial-gradient(circle at var(--mx, 20%) var(--my, 20%), rgba(91,255,231,0.28), transparent 45%);
}
.stakeholder-card span {
  color: rgba(117, 255, 236, 0.72);
  font-size: 0.74rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}
.stakeholder-card h3 {
  margin: 18px 0 10px;
  font-size: clamp(1.15rem, 2vw, 1.55rem);
}
.stakeholder-card p { color: rgba(226, 245, 255, 0.76); }
.stakeholder-card b {
  position: absolute;
  left: 24px;
  bottom: 22px;
  color: #7fffee;
  font-size: 0.82rem;
  letter-spacing: 0.04em;
}
.stakeholder-proofline {
  position: relative;
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 24px;
  align-items: center;
  margin-top: 22px;
  padding: 18px 20px;
  border-radius: 20px;
  border: 1px solid rgba(109, 255, 236, 0.16);
  background: rgba(2, 12, 20, 0.6);
  color: rgba(226, 245, 255, 0.78);
}
.stakeholder-proofline strong { color: #ebfbff; }
body[data-role-mode="compliance"] .hero,
body[data-role-mode="public"] .hero {
  --role-accent: rgba(126, 255, 229, 0.22);
}
@media (max-width: 980px) {
  .stakeholder-grid { grid-template-columns: 1fr; }
  .stakeholder-proofline { grid-template-columns: 1fr; }
}



.role-intelligence-map,.objection-map{position:relative;overflow:hidden}
.role-intelligence-map:before,.objection-map:before{content:"";position:absolute;inset:10% -20%;background:radial-gradient(circle at 20% 30%,rgba(80,245,255,.18),transparent 32%),radial-gradient(circle at 80% 60%,rgba(120,93,255,.14),transparent 36%);pointer-events:none;filter:blur(10px)}
.role-system-grid{display:grid;grid-template-columns:repeat(7,minmax(240px,1fr));gap:16px;overflow-x:auto;padding:6px 2px 18px;scroll-snap-type:x proximity}
.role-system-card{position:relative;min-height:300px;padding:22px;border:1px solid rgba(131,241,255,.22);border-radius:28px;background:linear-gradient(160deg,rgba(7,24,36,.86),rgba(4,10,18,.92));box-shadow:0 24px 80px rgba(0,0,0,.28), inset 0 0 30px rgba(75,221,255,.055);scroll-snap-align:start}
.role-system-card span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:999px;background:rgba(104,237,255,.12);color:#8ef6ff;border:1px solid rgba(104,237,255,.28);font-weight:800}
.role-system-card h3{font-size:1.06rem;margin:22px 0 12px;color:#f3fbff}.role-system-card p{color:#b9ccd4;line-height:1.6}.role-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.role-chip-row b{font-size:.72rem;line-height:1;padding:8px 9px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.045);color:#d9f6ff}.objection-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:16px}.objection-card{padding:22px;border-radius:26px;border:1px solid rgba(146,237,255,.2);background:linear-gradient(180deg,rgba(9,27,39,.82),rgba(3,10,17,.92));box-shadow:0 20px 50px rgba(0,0,0,.22)}.objection-card small{color:#8ef6ff;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.objection-card h3{font-size:1.05rem;color:white}.objection-card p{color:#bcd0d8;line-height:1.6}@media(max-width:900px){.role-system-grid{grid-template-columns:1fr}.objection-grid{grid-template-columns:1fr}}



.scene-theatre,.theatre-overview{position:relative;overflow:hidden}.scene-theatre{display:grid;grid-template-columns:1fr 1.2fr;gap:28px;align-items:center;min-height:420px;border:1px solid rgba(132,245,255,.22);background:linear-gradient(135deg,rgba(4,18,28,.9),rgba(3,8,15,.94));box-shadow:0 40px 110px rgba(0,0,0,.34),inset 0 0 60px rgba(83,239,255,.06)}.scene-theatre:before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 20% 40%,rgba(68,238,255,.18),transparent 28%),radial-gradient(circle at 75% 60%,rgba(111,92,255,.14),transparent 32%);filter:blur(18px);pointer-events:none}.theatre-copy{position:relative;z-index:1}.theatre-copy h2{font-size:clamp(2rem,4vw,4rem);line-height:1;color:#f5fbff}.theatre-copy p{color:#bfd1d9;max-width:620px}.role-orbit-stage,.cart-mission-stage,.evidence-stream-stage,.watchdog-radar-stage{position:relative;min-height:320px;border-radius:36px;border:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at 50% 50%,rgba(88,237,255,.13),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015));overflow:hidden}.role-orbit-stage .core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:150px;height:150px;border-radius:50%;border:1px solid rgba(116,242,255,.42);box-shadow:0 0 42px rgba(68,239,255,.22);color:#ebfbff;font-weight:900}.role-orbit-stage i{position:absolute;font-style:normal;font-weight:800;color:#9ff6ff;background:rgba(4,18,28,.86);border:1px solid rgba(124,241,255,.28);padding:10px 12px;border-radius:999px}.role-orbit-stage i:nth-of-type(1){left:8%;top:18%}.role-orbit-stage i:nth-of-type(2){right:14%;top:10%}.role-orbit-stage i:nth-of-type(3){left:12%;bottom:14%}.role-orbit-stage i:nth-of-type(4){right:8%;bottom:18%}.role-orbit-stage i:nth-of-type(5){left:45%;top:5%}.role-orbit-stage i:nth-of-type(6){left:42%;bottom:5%}.cart-mission-stage{display:grid;grid-template-columns:repeat(6,1fr);align-items:center;padding:26px}.cart-mission-stage b{position:relative;z-index:1;color:#dffcff;text-align:center;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}.cart-mission-stage:before{content:"";position:absolute;left:8%;right:8%;top:50%;height:2px;background:linear-gradient(90deg,transparent,#66f2ff,#8b7cff,#66f2ff,transparent)}.mission-pulse{position:absolute;left:8%;top:calc(50% - 13px);width:26px;height:26px;border-radius:50%;background:#80f6ff;box-shadow:0 0 30px #4df1ff;animation:missionPulse 6s linear infinite}@keyframes missionPulse{to{left:88%}}.evidence-stream-stage{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:30px}.evidence-stream-stage span,.evidence-stream-stage em{position:relative;z-index:1;padding:14px 16px;border-radius:999px;border:1px solid rgba(143,243,255,.24);background:rgba(255,255,255,.05);color:#edfaff;font-style:normal;font-weight:800}.evidence-stream-stage em{background:rgba(67,255,160,.11);border-color:rgba(67,255,160,.28);color:#baffdf}.watchdog-radar-stage{display:grid;place-items:center}.watchdog-radar-stage span{position:absolute;border-radius:50%;border:1px solid rgba(119,242,255,.2);animation:radarPulse 4s ease-in-out infinite}.watchdog-radar-stage span:nth-child(1){width:90px;height:90px}.watchdog-radar-stage span:nth-child(2){width:180px;height:180px;animation-delay:.5s}.watchdog-radar-stage span:nth-child(3){width:270px;height:270px;animation-delay:1s}.watchdog-radar-stage strong{z-index:1;color:#f3fbff;border:1px solid rgba(116,244,255,.28);border-radius:999px;padding:14px 18px;background:rgba(4,18,28,.86)}@keyframes radarPulse{50%{box-shadow:0 0 40px rgba(93,240,255,.2);transform:scale(1.04)}}.theatre-grid{display:grid;grid-template-columns:repeat(4,minmax(210px,1fr));gap:16px}.theatre-card{padding:24px;border-radius:28px;border:1px solid rgba(137,241,255,.22);background:linear-gradient(160deg,rgba(8,28,42,.85),rgba(3,10,18,.94));text-decoration:none;color:inherit;box-shadow:0 28px 80px rgba(0,0,0,.24)}.theatre-card span{color:#8ef6ff;font-weight:900}.theatre-card h3{color:white}.theatre-card p{color:#bdd1d8}.theatre-card b{color:#95f6ff}@media(max-width:950px){.scene-theatre{grid-template-columns:1fr}.theatre-grid{grid-template-columns:1fr}.cart-mission-stage{grid-template-columns:1fr;gap:16px}.cart-mission-stage:before,.mission-pulse{display:none}}


/* Build 46 - desktop layout and visual composition overhaul */
:root { --max: 1320px; --wide: 1480px; }
.section-shell { width: min(var(--max), calc(100vw - 56px)); }
.site-header { width: min(var(--wide), calc(100vw - 48px)); padding: 14px 18px; }
.site-nav { gap: .45rem; }
.nav-link, .menu-button { font-size: .92rem; }
.nav-mega { min-width: 360px; }
.hero { padding-top: 64px; }
.hero-grid { grid-template-columns: minmax(0, 1.05fr) minmax(520px, .95fr); gap: clamp(2rem, 5vw, 5.5rem); align-items: center; min-height: 720px; }
.hero-copy h1 { max-width: 14.8ch; font-size: clamp(3.6rem, 6.4vw, 7.2rem); line-height: .88; letter-spacing: -.075em; }
.hero-copy .lede { max-width: 820px; font-size: clamp(1.08rem, 1.45vw, 1.42rem); }
.hero-actions { margin-top: 2rem; }
.status-note { display: inline-flex; max-width: 760px; }
.hero-visual { min-height: 640px; }
.hero-panel { width: min(460px, 86%); }
.card-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.ecosystem-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.journey-rail { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.pipeline { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.matrix-table { max-width: none; }
.site-footer { width: min(var(--wide), calc(100vw - 56px)); }

body[data-page="home"] .global-command-rail,
body[data-page="platform"] .global-command-rail,
body[data-page="live-system-demo"] .global-command-rail,
body[data-page="evidence-engine-foundation"] .global-command-rail,
body[data-page="trials"] .global-command-rail,
body[data-page="watchdog"] .global-command-rail,
body[data-page="contact"] .global-command-rail,
body[data-page="who-gccap-helps"] .global-command-rail,
body[data-page="decision-centre"] .global-command-rail,
body[data-page="quality-compliance"] .global-command-rail,
body[data-page="airline-assurance"] .global-command-rail,
body[data-page="catering-operations"] .global-command-rail,
body[data-page="executive-risk"] .global-command-rail,
body[data-page="technical-integration"] .global-command-rail,
body[data-page="public-watchdog-trust"] .global-command-rail { display: none; }

.desktop-composition-scene {
  display: grid;
  grid-template-columns: minmax(360px, .82fr) minmax(600px, 1.18fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: center;
  margin-top: -24px;
  margin-bottom: 72px;
  padding: clamp(1.5rem, 3vw, 2.4rem);
  border: 1px solid rgba(110,231,255,.18);
  border-radius: 38px;
  background: linear-gradient(140deg, rgba(7,24,37,.72), rgba(3,9,15,.9));
  box-shadow: 0 44px 140px rgba(0,0,0,.38), inset 0 0 80px rgba(110,231,255,.035);
  overflow: hidden;
  position: relative;
}
.desktop-composition-scene::before {
  content: "";
  position: absolute;
  inset: -2px;
  background: radial-gradient(circle at 78% 35%, rgba(110,231,255,.2), transparent 34rem), radial-gradient(circle at 18% 20%, rgba(141,255,207,.1), transparent 26rem);
  pointer-events: none;
}
.scene-command-copy, .scene-command-stage { position: relative; z-index: 1; }
.scene-command-copy h2 { margin: .4rem 0 1rem; font-size: clamp(2.2rem, 4vw, 5.2rem); line-height: .92; letter-spacing: -.055em; max-width: 10.8ch; }
.scene-command-copy p:not(.eyebrow) { max-width: 640px; font-size: 1.08rem; }
.scene-command-stage {
  min-height: 430px;
  border: 1px solid rgba(110,231,255,.22);
  border-radius: 30px;
  background: radial-gradient(circle at 50% 50%, rgba(110,231,255,.16), transparent 18rem), linear-gradient(180deg, rgba(7,27,42,.72), rgba(2,7,11,.88));
  overflow: hidden;
  display: grid;
  place-items: center;
  perspective: 900px;
}
.scene-command-stage::before {
  content: "";
  position: absolute;
  inset: 12%;
  border: 1px solid rgba(110,231,255,.18);
  border-radius: 50%;
  transform: rotateX(64deg) rotateZ(-12deg);
  box-shadow: 0 0 80px rgba(110,231,255,.08), inset 0 0 80px rgba(110,231,255,.04);
}
.scene-horizon { position: absolute; inset: auto 8% 22%; height: 1px; background: linear-gradient(90deg, transparent, rgba(110,231,255,.8), transparent); box-shadow: 0 0 28px rgba(110,231,255,.55); }
.scene-pulse-track { position: absolute; width: 58%; height: 58%; border-radius: 50%; border: 1px dashed rgba(141,255,207,.28); animation: drift 18s linear infinite; }
.scene-command-stage span {
  position: absolute;
  transform: rotate(calc(var(--i) * 45deg)) translateX(180px) rotate(calc(var(--i) * -45deg));
  padding: .55rem .8rem;
  border: 1px solid rgba(110,231,255,.22);
  border-radius: 999px;
  background: rgba(2,12,19,.82);
  color: var(--text);
  font-size: .78rem;
  text-transform: uppercase;
  letter-spacing: .12em;
  box-shadow: 0 0 28px rgba(110,231,255,.08);
}
.mission-control-scene .scene-command-stage { min-height: 520px; }
.mission-control-scene .scene-command-stage::after {
  content: "";
  position: absolute;
  inset: 8%;
  background-image: linear-gradient(rgba(110,231,255,.12) 1px, transparent 1px), linear-gradient(90deg, rgba(110,231,255,.12) 1px, transparent 1px);
  background-size: 72px 52px;
  mask-image: linear-gradient(180deg, transparent 0%, black 18%, black 82%, transparent 100%);
}
.evidence-pipeline-scene .scene-command-stage span { transform: translateX(calc((var(--i) - 3) * 95px)); }
.watchdog-radar-scene .scene-command-stage::before { border-radius: 50%; transform: none; inset: 18%; }
.build46-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; }
.build46-grid article { padding: 1.35rem; border: 1px solid var(--line); border-radius: 24px; background: rgba(6,22,34,.72); }
.build46-grid span { color: var(--cyan); font-weight: 800; letter-spacing: .16em; }
.build46-grid h3 { margin: .8rem 0 .5rem; }
.build46-grid p { margin: 0; font-size: .94rem; }
body[data-page="live-system-demo"] .approval-command .section-shell,
.approval-command.section-shell { width: min(var(--wide), calc(100vw - 48px)); }
.approval-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 18px; }
.approval-panel.span-two { grid-column: span 3; }
.approval-panel.span-three { grid-column: span 6; }
.cart-matrix { grid-template-columns: repeat(8, minmax(0, 1fr)); }
.demo-chart { min-height: 360px; }
.theatre-grid, .role-system-grid, .objection-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
.scene-theatre { grid-template-columns: .78fr 1.22fr; gap: 3rem; }
.cta-panel { padding: clamp(2rem, 5vw, 4rem); }
.cta-panel h2 { font-size: clamp(2rem, 4vw, 4.2rem); max-width: 14ch; }
@media (max-width: 1100px) {
  .hero-grid, .desktop-composition-scene, .scene-theatre { grid-template-columns: 1fr; }
  .hero-visual { min-height: 460px; }
  .scene-command-stage span { transform: none; position: relative; margin: .25rem; display: inline-flex; }
  .scene-command-stage { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 2rem; }
  .build46-grid, .card-grid, .ecosystem-grid, .journey-rail, .pipeline, .theatre-grid, .role-system-grid, .objection-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .approval-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .approval-panel.span-two, .approval-panel.span-three { grid-column: span 2; }
  .cart-matrix { grid-template-columns: repeat(4, minmax(0,1fr)); }
}
@media (max-width: 720px) {
  .section-shell, .site-header, .site-footer { width: min(100% - 28px, var(--max)); }
  .hero { padding-top: 36px; }
  .hero-copy h1 { font-size: clamp(3rem, 16vw, 4.8rem); max-width: 9ch; }
  .build46-grid, .card-grid, .ecosystem-grid, .journey-rail, .pipeline, .theatre-grid, .role-system-grid, .objection-grid, .approval-grid { grid-template-columns: 1fr; }
  .approval-panel.span-two, .approval-panel.span-three { grid-column: span 1; }
  .cart-matrix { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

/* Build 53: client wow gate and airline-ready visual system */
:root { --max: 1360px; --premium-line: rgba(157, 241, 255, 0.28); --premium-panel: rgba(5, 18, 30, 0.78); }
.site-header { width: min(1360px, calc(100vw - 40px)); padding: 10px 12px; border-color: rgba(157,241,255,.22); }
.site-nav { gap: .18rem; }
.nav-link { font-size: .84rem; padding: .68rem .74rem; }
.nav-group { position: relative; }
.nav-mega { position: absolute; top: calc(100% + 14px); right: 0; width: min(560px, calc(100vw - 40px)); display: none; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem; padding: .85rem; border: 1px solid var(--premium-line); border-radius: 26px; background: rgba(2, 9, 15, .98); box-shadow: 0 30px 110px rgba(0,0,0,.55); z-index: 70; }
.nav-mega.open { display: grid; }
.nav-mega-head { grid-column: 1 / -1; display:flex; justify-content:space-between; gap:1rem; padding:.6rem .7rem .8rem; border-bottom:1px solid rgba(157,241,255,.14); color:var(--muted); }
.nav-mega-link { display:grid; gap:.28rem; padding:.78rem; border:1px solid rgba(157,241,255,.1); border-radius:18px; background:rgba(255,255,255,.025); }
.nav-mega-link:hover, .nav-mega-link.active { border-color:rgba(110,231,255,.38); background:rgba(110,231,255,.07); }
.nav-mega-link strong { color:var(--text); }
.nav-mega-link span { color:var(--muted); font-size:.82rem; line-height:1.45; }
.nav-cta { margin-left:.35rem; color:#001018; background:linear-gradient(135deg,var(--cyan),var(--green)); padding:.72rem .92rem; border-radius:999px; font-weight:900; font-size:.82rem; box-shadow:0 0 34px rgba(110,231,255,.22); }
.hero { padding: 82px 0 42px; }
.hero-grid { grid-template-columns: minmax(0, .9fr) minmax(440px, 1.1fr); gap: clamp(2rem, 4vw, 4.5rem); }
h1 { font-size: clamp(3.35rem, 6.2vw, 6.35rem); max-width: 860px; letter-spacing: -.065em; }
.lede { max-width: 840px; font-size: clamp(1.08rem, 1.55vw, 1.28rem); }
.hero-visual { min-height: 610px; }
.hero-panel { left: 5%; right: 5%; bottom: 5%; }
.section-heading { max-width: 980px; }
.card-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.info-card { min-height: 210px; }

.client-wow-gate { position:relative; display:grid; grid-template-columns: minmax(0,.82fr) minmax(520px,1.18fr); gap:2rem; align-items:center; padding:42px 0 76px; }
.client-wow-gate::before { content:""; position:absolute; inset:8% -8%; background:radial-gradient(circle at 70% 30%, rgba(110,231,255,.18), transparent 34rem), radial-gradient(circle at 30% 70%, rgba(141,255,207,.08), transparent 28rem); pointer-events:none; z-index:-1; }
.wow-copy h2 { font-size:clamp(2.6rem,4.8vw,5.4rem); max-width:790px; }
.wow-copy p:not(.eyebrow) { font-size:1.12rem; max-width:760px; }
.wow-actions { display:flex; flex-wrap:wrap; gap:.9rem; margin-top:1.5rem; }
.wow-command-frame { position:relative; min-height:540px; border:1px solid rgba(157,241,255,.22); border-radius:42px; overflow:hidden; background:linear-gradient(145deg, rgba(8,29,45,.9), rgba(1,8,15,.9)); box-shadow:0 40px 140px rgba(0,0,0,.48), inset 0 0 80px rgba(110,231,255,.06); }
.wow-map { position:absolute; inset:36px; border-radius:34px; background:linear-gradient(135deg, rgba(110,231,255,.08), transparent), repeating-linear-gradient(90deg, rgba(110,231,255,.045) 0 1px, transparent 1px 56px), repeating-linear-gradient(0deg, rgba(110,231,255,.045) 0 1px, transparent 1px 56px); }
.wow-map::before { content:""; position:absolute; left:9%; right:9%; top:50%; height:2px; background:linear-gradient(90deg, transparent, var(--cyan), var(--green), transparent); box-shadow:0 0 35px rgba(110,231,255,.8); }
.wow-map i { position:absolute; width:90px; height:90px; border:1px solid rgba(110,231,255,.3); border-radius:50%; filter:drop-shadow(0 0 18px rgba(110,231,255,.35)); }
.wow-map i:nth-of-type(1){ left:12%; top:36%; } .wow-map i:nth-of-type(2){ left:46%; top:36%; } .wow-map i:nth-of-type(3){ right:10%; top:36%; }
.wow-map .route { position:absolute; z-index:2; padding:.6rem .72rem; border:1px solid rgba(157,241,255,.24); border-radius:999px; background:rgba(2,10,17,.86); font-weight:900; font-size:.78rem; color:var(--text); }
.wow-map .cold{left:7%; top:22%;}.wow-map .stage{left:27%; top:62%;}.wow-map .truck{left:47%; top:25%;}.wow-map .aircraft{right:18%; top:62%;}.wow-map .report{right:7%; top:24%;}
.wow-status-card { position:absolute; left:38px; bottom:38px; width:260px; padding:1.1rem; border:1px solid rgba(157,241,255,.24); border-radius:24px; background:rgba(3,12,20,.86); }
.wow-status-card small,.wow-status-card b { display:block; color:var(--muted); text-transform:uppercase; letter-spacing:.12em; font-size:.72rem; } .wow-status-card strong { display:block; font-size:1.4rem; margin:.3rem 0; color:var(--text); }
.wow-proof-stack { position:absolute; right:38px; bottom:38px; display:grid; gap:.55rem; } .wow-proof-stack span{padding:.7rem .9rem;border:1px solid rgba(157,241,255,.22);border-radius:999px;background:rgba(110,231,255,.06);font-weight:800;color:var(--text);}
.wow-standards { grid-column:1/-1; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; }
.wow-standards article { padding:1.1rem; border:1px solid rgba(157,241,255,.18); border-radius:22px; background:rgba(5,18,30,.62); } .wow-standards strong{display:block;color:var(--cyan);margin-bottom:.35rem}.wow-standards span{color:var(--muted);line-height:1.55;font-size:.94rem;}

.pathway-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.pathway-card { position:relative; min-height:230px; padding:1.35rem; border:1px solid rgba(157,241,255,.18); border-radius:28px; background:linear-gradient(155deg, rgba(9,32,49,.78), rgba(2,8,14,.78)); overflow:hidden; }
.pathway-card::after { content:""; position:absolute; inset:auto -20% -35% 20%; height:140px; background:radial-gradient(circle, rgba(110,231,255,.2), transparent 70%); }
.pathway-card span { color:var(--cyan); font-weight:900; letter-spacing:.12em; } .pathway-card h3{margin:.8rem 0 .7rem;font-size:1.55rem}.pathway-card p{margin:0}.pathway-card b{position:absolute;left:1.35rem;bottom:1.2rem;color:var(--green);}
.proof-strip { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border:1px solid rgba(157,241,255,.2); border-radius:28px; overflow:hidden; background:rgba(3,13,22,.74); }
.proof-strip div { padding:1.25rem; border-right:1px solid rgba(157,241,255,.12); } .proof-strip div:last-child{border-right:0}.proof-strip small{display:block;color:var(--dim);text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;margin-bottom:.4rem}.proof-strip strong{color:var(--text);line-height:1.35;}

.premium-demo { padding:52px 0; }
.demo-hero-panel { display:flex; justify-content:space-between; gap:2rem; align-items:end; padding:1.4rem; border:1px solid rgba(157,241,255,.2); border-radius:32px 32px 0 0; background:linear-gradient(135deg, rgba(10,35,54,.76), rgba(2,10,18,.82)); }
.demo-hero-panel h2 { max-width:820px; }
.demo-mode-lock { min-width:230px; padding:1rem; border:1px solid rgba(141,255,207,.24); border-radius:22px; background:rgba(141,255,207,.06); } .demo-mode-lock span,.demo-mode-lock small{display:block;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:.7rem}.demo-mode-lock strong{display:block;color:var(--green);font-size:1.35rem;margin:.3rem 0;}
.premium-demo-grid { display:grid; grid-template-columns:1.15fr .85fr 1fr; gap:1rem; padding:1rem; border:1px solid rgba(157,241,255,.2); border-top:0; border-radius:0 0 32px 32px; background:rgba(2,9,16,.7); }
.premium-demo-grid article { padding:1.15rem; border:1px solid rgba(157,241,255,.16); border-radius:24px; background:rgba(7,24,38,.72); }
.span-two { grid-column:span 2; }.span-three{grid-column:span 3;}
.fleet-cells{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.fleet-cell{min-height:105px;text-align:left;border:1px solid rgba(157,241,255,.16);border-radius:18px;background:rgba(255,255,255,.035);color:var(--text);padding:.8rem}.fleet-cell strong,.fleet-cell span,.fleet-cell small{display:block}.fleet-cell span{font-size:1.45rem;font-weight:900;color:var(--green);margin:.35rem 0}.fleet-cell.warning span{color:var(--warning)}.fleet-cell.alert span{color:#ff9d9d}.fleet-cell small{color:var(--muted)}
.selected-xl strong{font-size:2.4rem;display:block}.selected-xl span,.selected-xl b{display:block;margin:.25rem 0}.selected-xl b{color:#ffb4a8}.stage-rail{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.stage-rail span{flex:1;min-width:110px;text-align:center;padding:.82rem .6rem;border:1px solid rgba(157,241,255,.16);border-radius:999px;background:rgba(255,255,255,.025);font-weight:800;color:var(--muted)}.stage-rail .active{color:#001018;background:linear-gradient(135deg,var(--cyan),var(--green));}
.event-feed-command p{padding:.72rem 0;border-bottom:1px solid rgba(157,241,255,.12);margin:0}.health-command div{display:flex;justify-content:space-between;padding:.74rem 0;border-bottom:1px solid rgba(157,241,255,.12)}
.walkthrough-flow,.evidence-flow,.trial-role-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.85rem}.walkthrough-flow article,.evidence-flow div,.trial-role-grid article{min-height:130px;padding:1rem;border:1px solid rgba(157,241,255,.16);border-radius:22px;background:rgba(5,18,30,.7)}.walkthrough-flow span,.evidence-flow span,.trial-role-grid span{display:block;color:var(--cyan);font-weight:900;margin-bottom:.7rem}.walkthrough-flow strong,.evidence-flow strong,.trial-role-grid strong{display:block;color:var(--text)}
.report-preview-premium { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr); gap:1rem; align-items:stretch; padding:54px 0; }.report-doc,.report-side{border:1px solid rgba(157,241,255,.18);border-radius:30px;background:rgba(5,18,30,.78);padding:1.4rem}.report-head{display:flex;justify-content:space-between;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;border-bottom:1px solid rgba(157,241,255,.13);padding-bottom:1rem;margin-bottom:1.2rem}.report-head b{color:var(--green)}.report-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin:1.2rem 0}.report-metrics div{padding:1rem;border:1px solid rgba(157,241,255,.14);border-radius:18px}.report-metrics small{display:block;color:var(--dim)}.report-metrics strong{font-size:1.7rem}.report-lines p{padding:.8rem 0;border-top:1px solid rgba(157,241,255,.12);margin:0}
.watchdog-command-premium,.pilot-command-premium{display:grid;grid-template-columns:minmax(0,.85fr) minmax(500px,1.15fr);gap:2rem;align-items:center;padding:52px 0}.watchdog-copy h2,.pilot-command-copy h2{font-size:clamp(2.4rem,4.2vw,4.7rem)}.watchdog-radar-premium{position:relative;min-height:500px;border:1px solid rgba(157,241,255,.2);border-radius:42px;background:radial-gradient(circle,rgba(110,231,255,.12),rgba(2,9,16,.88) 62%);overflow:hidden}.watchdog-radar-premium span{position:absolute;inset:12%;border:1px solid rgba(110,231,255,.18);border-radius:50%}.watchdog-radar-premium span:nth-child(2){inset:25%}.watchdog-radar-premium span:nth-child(3){inset:38%}.watchdog-radar-premium b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:1rem 1.2rem;border-radius:999px;background:linear-gradient(135deg,var(--cyan),var(--green));color:#001018}.watchdog-radar-premium i{position:absolute;font-style:normal;padding:.65rem .8rem;border:1px solid rgba(157,241,255,.2);border-radius:999px;background:rgba(2,9,16,.82);font-weight:800}.watchdog-radar-premium i:nth-of-type(1){left:10%;top:22%}.watchdog-radar-premium i:nth-of-type(2){right:12%;top:22%}.watchdog-radar-premium i:nth-of-type(3){left:14%;bottom:20%}.watchdog-radar-premium i:nth-of-type(4){right:9%;bottom:20%}
.pilot-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.pilot-board div{min-height:145px;padding:1.1rem;border:1px solid rgba(157,241,255,.18);border-radius:24px;background:rgba(5,18,30,.74)}.pilot-board small{display:block;color:var(--dim);text-transform:uppercase;letter-spacing:.12em}.pilot-board strong{display:block;margin-top:.55rem;font-size:1.3rem;color:var(--text)}
.trial-role-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.trial-role-grid article{min-height:160px}.trial-role-grid p{margin:.65rem 0 0;font-size:.95rem}

@media (max-width: 1180px) { .site-header{border-radius:28px;align-items:flex-start}.menu-button{display:inline-flex}.site-nav{display:none;position:absolute;left:12px;right:12px;top:calc(100% + 8px);padding:.8rem;border:1px solid var(--line);border-radius:24px;background:rgba(2,9,15,.98);box-shadow:var(--shadow);flex-wrap:wrap}.site-nav.open{display:flex}.nav-mega{position:static;width:100%;}.hero-grid,.client-wow-gate,.watchdog-command-premium,.pilot-command-premium,.report-preview-premium{grid-template-columns:1fr}.hero-visual,.wow-command-frame,.watchdog-radar-premium{min-height:420px}.pathway-grid,.wow-standards,.proof-strip,.premium-demo-grid,.walkthrough-flow,.evidence-flow,.trial-role-grid,.pilot-board{grid-template-columns:1fr 1fr}.span-two,.span-three{grid-column:auto}.fleet-cells{grid-template-columns:1fr 1fr} }
@media (max-width: 720px) { h1{font-size:clamp(2.6rem,13vw,4rem)}.section-shell,.site-header{width:min(100vw - 24px, 1360px)}.pathway-grid,.wow-standards,.proof-strip,.premium-demo-grid,.walkthrough-flow,.evidence-flow,.trial-role-grid,.pilot-board,.report-metrics{grid-template-columns:1fr}.hero{padding-top:48px}.client-wow-gate{padding-top:24px}.wow-proof-stack{left:24px;right:24px}.wow-status-card{left:24px;right:24px;width:auto;bottom:150px}.nav-cta{width:100%;justify-content:center;text-align:center}.demo-hero-panel{display:block}.fleet-cells{grid-template-columns:1fr}.watchdog-command-premium,.pilot-command-premium{padding:32px 0} }

/* Build 55 - top 0.1% visual theatre and first-impression polish */
:root { --max: 1320px; --violet: #9a7cff; --gold: #ffd27a; }
body { background:
  radial-gradient(circle at 8% 0%, rgba(110, 231, 255, 0.20), transparent 30rem),
  radial-gradient(circle at 92% 8%, rgba(154, 124, 255, 0.16), transparent 34rem),
  radial-gradient(circle at 50% 85%, rgba(141, 255, 207, 0.10), transparent 38rem),
  linear-gradient(145deg, #01050a 0%, #04111b 48%, #010308 100%);
}
.site-header { width: min(1400px, calc(100vw - 32px)); border-color: rgba(110,231,255,.25); box-shadow: 0 22px 90px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.04); }
.nav-cta { padding: .9rem 1.15rem; border-radius: 999px; color:#001018; font-weight:900; background:linear-gradient(135deg,var(--cyan),var(--green)); box-shadow:0 0 36px rgba(110,231,255,.18); }
.hero { padding-top: 105px; padding-bottom: 34px; }
.hero-grid { grid-template-columns: minmax(0, .9fr) minmax(520px, 1.1fr); gap: clamp(2rem, 5vw, 4.8rem); }
h1 { font-size: clamp(3.45rem, 6.7vw, 7.9rem); line-height:.92; max-width: 980px; text-wrap: balance; }
.lede { font-size: clamp(1.13rem, 1.8vw, 1.48rem); color:#c4d9e4; max-width: 820px; }
.status-note { background: linear-gradient(90deg, rgba(110,231,255,.12), rgba(141,255,207,.04)); border-left: 0; border: 1px solid rgba(110,231,255,.22); border-radius: 20px; }
.hero-visual { min-height: 650px; }
.orbital-field { border-radius: 46px; background: radial-gradient(circle at 50% 30%, rgba(110,231,255,.20), transparent 20rem), linear-gradient(150deg, rgba(10,37,55,.92), rgba(2,8,14,.9)); }
.core-node { width: 164px; height: 164px; }
.hero-panel { left:5%; right:5%; bottom:5%; }
.client-proof-strip { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; margin-top: 4px; margin-bottom: 28px; }
.client-proof-strip article { padding:1.2rem; border:1px solid rgba(110,231,255,.24); border-radius:22px; background:linear-gradient(160deg,rgba(9,30,45,.78),rgba(2,8,14,.72)); box-shadow:0 22px 70px rgba(0,0,0,.22); }
.client-proof-strip strong { display:block; font-size:1rem; margin-bottom:.4rem; }
.client-proof-strip span { color:var(--muted); font-size:.9rem; line-height:1.45; }
.elite-theatre { display:grid; grid-template-columns:minmax(0,.74fr) minmax(560px,1.26fr); gap:2rem; align-items:stretch; padding: 58px 0; }
.elite-theatre-copy { padding:2rem; border:1px solid rgba(110,231,255,.18); border-radius:32px; background:rgba(3,12,19,.54); }
.elite-theatre-copy h2 { text-wrap:balance; }
.elite-theatre-copy p:last-child { font-size:1.08rem; }
.elite-theatre-stage { position:relative; min-height:520px; border:1px solid rgba(110,231,255,.24); border-radius:38px; overflow:hidden; background: radial-gradient(circle at 50% 48%, rgba(110,231,255,.18), transparent 16rem), linear-gradient(140deg, rgba(6,24,36,.9), rgba(1,5,9,.92)); box-shadow: 0 35px 120px rgba(0,0,0,.34); }
.elite-theatre-stage:before { content:""; position:absolute; inset:-30%; background: conic-gradient(from 90deg, transparent, rgba(110,231,255,.12), transparent, rgba(154,124,255,.10), transparent); animation: drift 28s linear infinite; }
.elite-radar { position:absolute; inset:8% 9% 30%; display:grid; place-items:center; }
.elite-radar i { position:absolute; border:1px solid rgba(110,231,255,.20); border-radius:50%; }
.elite-radar i:nth-child(1){width:72%;height:72%;}.elite-radar i:nth-child(2){width:98%;height:56%;transform:rotate(-17deg)}.elite-radar i:nth-child(3){width:56%;height:98%;transform:rotate(25deg)}
.elite-radar b { width:142px;height:142px;border-radius:50%;display:grid;place-items:center;color:#001018;background:linear-gradient(135deg,#fff,var(--cyan),var(--green)); letter-spacing:.14em; font-weight:1000; box-shadow:0 0 100px rgba(110,231,255,.48); z-index:1; }
.elite-strip { position:absolute; left:5%; right:5%; top:7%; display:flex; flex-wrap:wrap; gap:.55rem; z-index:2; }
.elite-strip span { border:1px solid rgba(110,231,255,.25); border-radius:999px; padding:.55rem .7rem; background:rgba(2,8,14,.76); font-size:.8rem; color:#d9f8ff; }
.elite-panel-grid { position:absolute; left:5%; right:5%; bottom:5%; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:.75rem; z-index:3; }
.elite-panel-grid article { min-height:118px; padding:1rem; border:1px solid rgba(110,231,255,.22); border-radius:20px; background:rgba(2,8,14,.78); backdrop-filter: blur(16px); }
.elite-panel-grid strong { display:block; color:#fff; margin-bottom:.45rem; }
.elite-panel-grid span { color:var(--muted); font-size:.85rem; line-height:1.35; }
.elite-live .elite-theatre-stage { background: radial-gradient(circle at 75% 25%, rgba(141,255,207,.15), transparent 17rem), linear-gradient(140deg, rgba(5,23,34,.95), rgba(1,5,9,.94)); }
.elite-evidence .elite-theatre-stage { background: radial-gradient(circle at 30% 35%, rgba(255,210,122,.11), transparent 18rem), linear-gradient(140deg, rgba(7,22,32,.94), rgba(1,5,9,.94)); }
.elite-watchdog .elite-theatre-stage { background: radial-gradient(circle at 50% 42%, rgba(154,124,255,.16), transparent 17rem), linear-gradient(140deg, rgba(8,18,35,.94), rgba(1,5,9,.94)); }
.decision-guide { padding: 32px 0 20px; }
.decision-guide-core { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:1.25rem; align-items:center; padding:1.35rem; border:1px solid rgba(110,231,255,.22); border-radius:26px; background:linear-gradient(100deg,rgba(110,231,255,.09),rgba(2,8,14,.76)); }
.decision-guide h2 { font-size: clamp(1.35rem,2.2vw,2.35rem); letter-spacing:-.03em; }
.predictive-guide { display:none!important; }
.card-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
.info-card { min-height: 210px; padding:1.45rem; }
.content-section, .journey-section, .ecosystem-section, .pipeline-section, .matrix-section, .policy-section, .form-section, .cta-section { padding: 62px 0; }
.section-heading { max-width: 920px; }
.section-heading h2 { text-wrap: balance; }
.journey-rail { grid-template-columns: repeat(5,minmax(220px,1fr)); }
.policy-list { grid-template-columns:repeat(4,minmax(0,1fr)); }
.site-footer { margin-top: 60px; }
@media (max-width: 1100px) { .hero-grid, .elite-theatre { grid-template-columns:1fr; } .hero-visual,.elite-theatre-stage{min-height:520px}.client-proof-strip,.elite-panel-grid,.policy-list{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width: 720px) { h1{font-size:clamp(2.5rem,14vw,4.3rem)} .client-proof-strip,.elite-panel-grid,.card-grid,.policy-list{grid-template-columns:1fr}.decision-guide-core{grid-template-columns:1fr}.elite-theatre-copy{padding:1.3rem}.elite-theatre-stage{min-height:620px}.elite-panel-grid{grid-template-columns:1fr;}.hero{padding-top:70px}.site-header{border-radius:24px}.site-nav{max-height:80vh;overflow:auto} }

/* Build 56 - final client launch composition gate */
:root { --launch-cyan:#6ee7ff; --launch-green:#8dffcf; --launch-violet:#9a7cff; --launch-gold:#ffd27a; --launch-red:#ff7a88; }
body[data-page="home"] .hero,
body[data-page="platform"] .hero,
body[data-page="live-system-demo"] .hero,
body[data-page="evidence-engine-foundation"] .hero,
body[data-page="trials"] .hero,
body[data-page="watchdog"] .hero,
body[data-page="contact"] .hero { padding-top: 58px; }
body[data-page="home"] .hero-grid,
body[data-page="platform"] .hero-grid,
body[data-page="live-system-demo"] .hero-grid,
body[data-page="evidence-engine-foundation"] .hero-grid,
body[data-page="trials"] .hero-grid,
body[data-page="watchdog"] .hero-grid,
body[data-page="contact"] .hero-grid { width:min(1500px, calc(100vw - 56px)); margin-inline:auto; grid-template-columns:minmax(0,.82fr) minmax(620px,1.18fr); gap: 3rem; align-items:center; }
body[data-page="home"] .hero-copy h1,
body[data-page="platform"] .hero-copy h1,
body[data-page="live-system-demo"] .hero-copy h1,
body[data-page="evidence-engine-foundation"] .hero-copy h1,
body[data-page="trials"] .hero-copy h1,
body[data-page="watchdog"] .hero-copy h1,
body[data-page="contact"] .hero-copy h1 { font-size:clamp(4rem, 6vw, 7.4rem); line-height:.86; letter-spacing:-.07em; max-width: 11.5ch; text-wrap:balance; }
body[data-page="home"] .lede,
body[data-page="platform"] .lede,
body[data-page="live-system-demo"] .lede,
body[data-page="evidence-engine-foundation"] .lede,
body[data-page="trials"] .lede,
body[data-page="watchdog"] .lede,
body[data-page="contact"] .lede { font-size:clamp(1.08rem, 1.3vw, 1.35rem); max-width: 760px; color:#d6edf3; }
.launch-home-composition,
.launch-system-pipeline,
.launch-live-wall,
.launch-evidence-product,
.launch-pilot-offer,
.launch-watchdog-boundary,
.launch-contact-conversion { position:relative; width:min(1500px, calc(100vw - 56px)); margin: 38px auto 72px; }
.launch-home-composition { display:grid; grid-template-columns:minmax(0,.74fr) minmax(620px,1.26fr); gap:2.4rem; align-items:center; padding:2rem 0 3rem; }
.launch-home-composition::before,
.launch-live-wall::before,
.launch-evidence-product::before,
.launch-watchdog-boundary::before { content:""; position:absolute; inset:-4rem -5vw; z-index:-1; pointer-events:none; background:radial-gradient(circle at 80% 28%, rgba(110,231,255,.18), transparent 30rem), radial-gradient(circle at 18% 70%, rgba(141,255,207,.08), transparent 24rem); }
.launch-copy { padding:2rem; border:1px solid rgba(110,231,255,.16); border-radius:36px; background:linear-gradient(145deg, rgba(5,20,31,.72), rgba(2,8,14,.48)); }
.launch-copy h2,
.launch-system-pipeline h2,
.launch-live-wall h2,
.launch-evidence-product h2,
.launch-pilot-offer h2,
.launch-watchdog-boundary h2,
.launch-contact-conversion h2 { font-size:clamp(2.6rem,4.2vw,5.4rem); line-height:.9; letter-spacing:-.055em; text-wrap:balance; margin:.3rem 0 1rem; }
.launch-actions { display:flex; flex-wrap:wrap; gap:.8rem; margin-top:1.5rem; }
.launch-route-stage { position:relative; min-height:620px; border:1px solid rgba(110,231,255,.22); border-radius:48px; overflow:hidden; background:linear-gradient(145deg, rgba(5,24,36,.96), rgba(1,5,9,.96)); box-shadow:0 45px 160px rgba(0,0,0,.46), inset 0 0 100px rgba(110,231,255,.055); }
.launch-route-stage::before { content:""; position:absolute; inset:8%; border:1px solid rgba(110,231,255,.14); border-radius:42% 58% 50% 50%; transform:rotate(-8deg); }
.launch-route-stage::after { content:""; position:absolute; left:10%; right:10%; top:49%; height:2px; background:linear-gradient(90deg, transparent, rgba(110,231,255,.92), rgba(141,255,207,.82), transparent); filter:drop-shadow(0 0 16px rgba(110,231,255,.85)); }
.route-glow { position:absolute; inset:14%; border-radius:50%; background:radial-gradient(circle, rgba(110,231,255,.24), transparent 55%); filter:blur(8px); }
.route-core { position:absolute; left:50%; top:48%; transform:translate(-50%,-50%); width:132px; height:132px; display:grid; place-items:center; border-radius:50%; background:linear-gradient(135deg, var(--launch-cyan), var(--launch-green)); color:#001018; font-weight:950; letter-spacing:.08em; box-shadow:0 0 70px rgba(110,231,255,.42); }
.route-dot { position:absolute; width:106px; height:106px; border-radius:28px; display:grid; place-items:center; text-align:center; border:1px solid rgba(110,231,255,.28); background:rgba(2,10,17,.82); box-shadow:inset 0 0 28px rgba(110,231,255,.08), 0 22px 70px rgba(0,0,0,.28); }
.route-dot b { font-size:.8rem; color:#dffaff; }
.r0{left:8%;top:20%}.r1{left:25%;top:10%}.r2{left:46%;top:10%}.r3{right:16%;top:20%}.r4{right:8%;bottom:24%}.r5{right:30%;bottom:9%}.r6{left:34%;bottom:9%}.r7{left:10%;bottom:25%}
.launch-report-card { position:absolute; right:28px; bottom:28px; width:310px; padding:1.15rem; border:1px solid rgba(141,255,207,.26); border-radius:28px; background:rgba(2,12,18,.86); backdrop-filter:blur(16px); }
.launch-report-card small,.launch-report-card span { display:block; color:var(--muted); }.launch-report-card strong { display:block; font-size:1.55rem; margin:.35rem 0; color:white; }
.launch-proof-row { grid-column:1/-1; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; margin-top:1rem; }
.launch-proof-row article { padding:1.15rem; border:1px solid rgba(110,231,255,.16); border-radius:24px; background:rgba(5,18,28,.72); }
.launch-proof-row strong,.launch-proof-row span { display:block; }.launch-proof-row strong { color:white; }.launch-proof-row span { color:#b8d3db; margin-top:.35rem; }
.launch-pipeline-row { display:grid; grid-template-columns:repeat(7,minmax(130px,1fr)); gap:.8rem; margin-top:2rem; }
.launch-pipeline-row article { position:relative; min-height:190px; padding:1rem; border:1px solid rgba(110,231,255,.18); border-radius:26px; background:linear-gradient(180deg, rgba(7,28,42,.82), rgba(2,9,15,.78)); overflow:hidden; }
.launch-pipeline-row article::after { content:""; position:absolute; left:50%; top:20%; width:80px; height:80px; border-radius:50%; background:radial-gradient(circle, rgba(110,231,255,.18), transparent 70%); transform:translateX(-50%); }
.launch-pipeline-row span { color:var(--launch-cyan); font-size:.75rem; letter-spacing:.15em; font-weight:900; }.launch-pipeline-row strong { display:block; color:white; font-size:1.25rem; margin:3.2rem 0 .4rem; }.launch-pipeline-row small { color:#b9d3dc; }
.launch-live-wall { padding:1rem 0 3rem; }
.wall-head { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:1.5rem; align-items:end; margin-bottom:1.2rem; }
.wall-mode { padding:1.2rem; border:1px solid rgba(141,255,207,.2); border-radius:26px; background:rgba(3,18,24,.78); }.wall-mode small,.wall-mode span{display:block;color:var(--muted)}.wall-mode strong{font-size:1.35rem;color:var(--launch-green)}
.wall-grid { display:grid; grid-template-columns:1.35fr .75fr .9fr; grid-template-areas:"fleet selected feed" "fleet rail health"; gap:1rem; }
.wall-grid article { border:1px solid rgba(110,231,255,.18); border-radius:30px; background:rgba(5,18,30,.78); padding:1.1rem; box-shadow:0 24px 80px rgba(0,0,0,.22); }
.fleet-matrix{grid-area:fleet}.selected-cart{grid-area:selected}.stage-strip{grid-area:rail}.wall-feed{grid-area:feed}.wall-health{grid-area:health}
.fleet-matrix>div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.75rem; margin-top:.8rem; }
.cart-tile { min-height:120px; border:1px solid rgba(110,231,255,.16); border-radius:22px; background:rgba(2,10,18,.78); color:white; text-align:left; padding:.8rem; display:flex; flex-direction:column; justify-content:space-between; }
.cart-tile strong { font-size:1.6rem; color:var(--launch-green); }.cart-tile.warn strong{color:var(--launch-gold)}.cart-tile.hot strong{color:var(--launch-red)}.cart-tile small{color:#bdd3db}.selected-cart strong{display:block;font-size:2.4rem;color:white}.selected-cart span,.selected-cart b{display:block;margin:.5rem 0}.selected-cart b{color:var(--launch-red)}
.stage-strip div,.report-timeline { display:flex; flex-wrap:wrap; gap:.5rem; }.stage-strip span,.report-timeline span { padding:.62rem .72rem; border-radius:999px; border:1px solid rgba(110,231,255,.15); color:#c7e5ec; background:rgba(0,0,0,.16); }.stage-strip .active,.report-timeline span:nth-child(2){background:linear-gradient(135deg,var(--launch-cyan),var(--launch-green));color:#001018;font-weight:900}.wall-feed p,.wall-health div{border-top:1px solid rgba(110,231,255,.12);padding:.72rem 0;margin:0}.wall-health div{display:flex;justify-content:space-between;gap:1rem}.wall-health strong{color:white;text-align:right}
.launch-evidence-product { display:grid; grid-template-columns:minmax(0,.72fr) minmax(640px,1.28fr); gap:2rem; align-items:center; }
.evidence-product-copy { padding:1.6rem; border-left:3px solid var(--launch-cyan); }.evidence-report-mock { border:1px solid rgba(110,231,255,.2); border-radius:36px; padding:1.35rem; background:linear-gradient(145deg, rgba(6,22,34,.92), rgba(2,8,14,.92)); box-shadow:0 34px 120px rgba(0,0,0,.34); }
.report-top { display:flex; justify-content:space-between; gap:1rem; border-bottom:1px solid rgba(110,231,255,.14); padding-bottom:1rem; color:var(--muted); text-transform:uppercase; letter-spacing:.12em; font-size:.72rem; }.report-top b{color:var(--launch-green)}.evidence-report-mock h3{font-size:2rem;color:white}.report-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin:1rem 0}.report-kpis div{border:1px solid rgba(110,231,255,.15);border-radius:20px;padding:.9rem}.report-kpis small{display:block;color:var(--muted)}.report-kpis strong{font-size:1.45rem;color:white}.evidence-report-mock p{border-top:1px solid rgba(110,231,255,.12);padding:.75rem 0;margin:0}
.launch-pilot-offer,.launch-watchdog-boundary,.launch-contact-conversion { display:grid; grid-template-columns:minmax(0,.72fr) minmax(560px,1.28fr); gap:2rem; align-items:center; }
.pilot-offer-grid,.contact-role-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.8rem; }
.pilot-offer-grid article,.contact-role-grid article { min-height:140px; padding:1rem; border:1px solid rgba(110,231,255,.17); border-radius:24px; background:rgba(4,18,28,.78); }
.pilot-offer-grid strong,.pilot-offer-grid span,.contact-role-grid span,.contact-role-grid strong,.contact-role-grid small{display:block}.pilot-offer-grid strong,.contact-role-grid strong{color:white;font-size:1.1rem}.pilot-offer-grid span,.contact-role-grid small{color:#bdd4dc;margin-top:.4rem}.contact-role-grid span{color:var(--launch-cyan);font-weight:950;letter-spacing:.16em;font-size:.75rem;margin-bottom:1rem}
.watchdog-lock-flow { min-height:430px; position:relative; display:grid; grid-template-columns:1fr 180px 1fr; gap:1rem; align-items:center; padding:1.4rem; border:1px solid rgba(154,124,255,.24); border-radius:40px; background:radial-gradient(circle at 50% 45%, rgba(154,124,255,.16), transparent 18rem), rgba(5,13,28,.84); }
.watchdog-lock-flow article { padding:1.2rem; border:1px solid rgba(110,231,255,.16); border-radius:28px; background:rgba(1,8,16,.72); }.watchdog-lock-flow strong,.watchdog-lock-flow span{display:block}.watchdog-lock-flow strong{color:white;font-size:1.35rem}.watchdog-lock-flow span{color:#bdd4dc;margin-top:.4rem}.watchdog-lock-flow>b{height:180px;width:180px;border-radius:50%;display:grid;place-items:center;text-align:center;background:linear-gradient(135deg,var(--launch-violet),var(--launch-cyan));color:#001018;box-shadow:0 0 70px rgba(154,124,255,.32)}.watchdog-lock-flow i{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);width:min(620px,86%);font-style:normal;text-align:center;padding:.9rem;border-radius:999px;border:1px solid rgba(141,255,207,.2);background:rgba(2,10,16,.84);color:#d6f7ff;font-weight:800}
@media(max-width:1180px){body[data-page] .hero-grid,.launch-home-composition,.launch-evidence-product,.launch-pilot-offer,.launch-watchdog-boundary,.launch-contact-conversion{grid-template-columns:1fr}.launch-route-stage{min-height:560px}.launch-pipeline-row{grid-template-columns:repeat(2,minmax(0,1fr))}.wall-head,.wall-grid{grid-template-columns:1fr}.wall-grid{grid-template-areas:"fleet" "selected" "rail" "feed" "health"}.fleet-matrix>div,.pilot-offer-grid,.contact-role-grid,.report-kpis,.launch-proof-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){body[data-page] .hero-grid,.launch-home-composition,.launch-system-pipeline,.launch-live-wall,.launch-evidence-product,.launch-pilot-offer,.launch-watchdog-boundary,.launch-contact-conversion{width:min(100vw - 24px,1500px)}body[data-page] .hero-copy h1{font-size:clamp(2.7rem,14vw,4.2rem)}.launch-copy h2,.launch-system-pipeline h2,.launch-live-wall h2,.launch-evidence-product h2,.launch-pilot-offer h2,.launch-watchdog-boundary h2,.launch-contact-conversion h2{font-size:clamp(2.3rem,12vw,3.8rem)}.launch-route-stage{min-height:700px}.route-dot{width:88px;height:88px}.launch-report-card{left:18px;right:18px;width:auto}.fleet-matrix>div,.pilot-offer-grid,.contact-role-grid,.report-kpis,.launch-proof-row,.launch-pipeline-row{grid-template-columns:1fr}.watchdog-lock-flow{grid-template-columns:1fr;padding-bottom:5rem}.watchdog-lock-flow>b{margin:auto}}

/* Build 57 - Airline-grade visual authority lock
   Purpose: simplify the public visual layer, make GCCAP feel like an operating system,
   and preserve every deeper client, evidence, hardware, command and Watchdog layer behind the route architecture. */
:root {
  --max: 1420px;
  --wide: 1540px;
  --launch-cyan: #78f4ff;
  --launch-green: #9cffd6;
  --authority-panel: rgba(3, 13, 22, 0.82);
  --authority-line: rgba(152, 238, 255, 0.22);
}
body {
  background:
    radial-gradient(circle at 12% 0%, rgba(120,244,255,.16), transparent 31rem),
    radial-gradient(circle at 86% 4%, rgba(100,142,255,.12), transparent 34rem),
    linear-gradient(145deg, #00040a 0%, #04101a 42%, #00040a 100%);
}
body::before { opacity: .48; background-size: 76px 76px; }
.site-header { width:min(1440px, calc(100vw - 36px)); border-radius: 24px; }
.brand small { letter-spacing: .16em; }
.nav-link, .menu-button { font-size: .82rem; }
.nav-cta { box-shadow: 0 0 0 1px rgba(255,255,255,.08), 0 0 46px rgba(120,244,255,.22); }

/* Public launch pages should be calmer: remove repeated decorative theatre/beacons and let the product scene dominate. */
body[data-page="home"] .future-scene-beacon,
body[data-page="platform"] .future-scene-beacon,
body[data-page="live-system-demo"] .future-scene-beacon,
body[data-page="evidence-engine-foundation"] .future-scene-beacon,
body[data-page="trials"] .future-scene-beacon,
body[data-page="watchdog"] .future-scene-beacon,
body[data-page="contact"] .future-scene-beacon,
body[data-page="home"] .desktop-composition-scene,
body[data-page="platform"] .desktop-composition-scene,
body[data-page="live-system-demo"] .desktop-composition-scene,
body[data-page="evidence-engine-foundation"] .desktop-composition-scene,
body[data-page="trials"] .desktop-composition-scene,
body[data-page="watchdog"] .desktop-composition-scene,
body[data-page="contact"] .desktop-composition-scene,
body[data-page="home"] .elite-theatre,
body[data-page="platform"] .elite-theatre,
body[data-page="live-system-demo"] .elite-theatre,
body[data-page="evidence-engine-foundation"] .elite-theatre,
body[data-page="trials"] .elite-theatre,
body[data-page="watchdog"] .elite-theatre,
body[data-page="contact"] .elite-theatre { display:none; }

.hero { padding-top: 86px; padding-bottom: 28px; }
.hero-grid { grid-template-columns: minmax(0,.86fr) minmax(580px,1.14fr); gap: clamp(2rem, 5vw, 5.5rem); }
h1 { font-size: clamp(3.35rem, 6.1vw, 7.35rem); line-height: .91; max-width: 1000px; letter-spacing: -.075em; text-wrap: balance; }
.lede { font-size: clamp(1.1rem, 1.62vw, 1.38rem); color: #c8dde7; max-width: 880px; }
.status-note { max-width: 850px; padding: 1rem 1.1rem; border-radius: 18px; border: 1px solid rgba(120,244,255,.24); background: linear-gradient(90deg, rgba(120,244,255,.11), rgba(156,255,214,.035)); }
.button.primary { background: linear-gradient(135deg, #78f4ff, #9cffd6); box-shadow: 0 0 54px rgba(120,244,255,.2); }
.hero-visual { min-height: 610px; }
.orbital-field { border-radius: 40px; border-color: rgba(152,238,255,.22); background: radial-gradient(circle at 50% 45%, rgba(120,244,255,.16), transparent 18rem), linear-gradient(145deg, rgba(4,20,32,.94), rgba(0,5,11,.94)); }
.orbital-field::before, .orbital-field::after { opacity: .44; }
.core-node { width: 150px; height: 150px; }
.hero-panel { border-color: rgba(152,238,255,.22); background: rgba(1,8,14,.82); }

.launch-home-composition,
.launch-system-pipeline,
.launch-live-wall,
.launch-evidence-product,
.launch-pilot-offer,
.launch-watchdog-boundary,
.launch-contact-conversion { width:min(var(--wide), calc(100vw - 42px)); margin: 44px auto 0; }
.launch-home-composition { grid-template-columns: minmax(0,.58fr) minmax(680px,1.42fr); gap: 2.2rem; align-items: stretch; }
.launch-copy { align-self: center; padding: clamp(1.4rem, 3vw, 2.5rem); border: 1px solid var(--authority-line); border-radius: 34px; background: linear-gradient(150deg, rgba(4,18,29,.78), rgba(1,7,13,.66)); }
.launch-copy h2,
.launch-system-pipeline h2,
.launch-live-wall h2,
.launch-evidence-product h2,
.launch-pilot-offer h2,
.launch-watchdog-boundary h2,
.launch-contact-conversion h2 { font-size: clamp(2.7rem, 4.6vw, 5.3rem); line-height: .94; letter-spacing: -.065em; text-wrap: balance; }
.launch-copy p:not(.eyebrow), .launch-system-pipeline p, .launch-live-wall p, .launch-evidence-product p, .launch-pilot-offer p, .launch-watchdog-boundary p, .launch-contact-conversion p { color:#c1d8e2; font-size: 1.04rem; }
.launch-route-stage { min-height: 640px; border-radius: 46px; border-color: rgba(152,238,255,.24); background:
  radial-gradient(circle at 50% 52%, rgba(120,244,255,.16), transparent 19rem),
  repeating-linear-gradient(90deg, rgba(120,244,255,.045) 0 1px, transparent 1px 82px),
  repeating-linear-gradient(0deg, rgba(120,244,255,.04) 0 1px, transparent 1px 82px),
  linear-gradient(140deg, rgba(3,19,31,.92), rgba(0,5,11,.95));
  box-shadow: 0 42px 140px rgba(0,0,0,.44), inset 0 0 110px rgba(120,244,255,.055);
}
.route-core { width: 160px; height: 160px; font-size: 1.45rem; box-shadow: 0 0 94px rgba(120,244,255,.36); }
.route-dot { background: rgba(1,8,14,.9); border-color: rgba(152,238,255,.28); }
.launch-report-card { width: 350px; background: rgba(1,8,14,.9); border-color: rgba(156,255,214,.26); }
.launch-proof-row { grid-column: 1 / -1; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 1rem; }
.launch-proof-row article { min-height: 135px; border-radius: 24px; background: linear-gradient(145deg, rgba(5,20,32,.8), rgba(1,7,13,.72)); }
.launch-proof-row strong { color:#f5fcff; }

.launch-pipeline-row { grid-template-columns: repeat(7,minmax(0,1fr)); gap: .72rem; }
.launch-pipeline-row article { min-height: 185px; border-radius: 26px; border-color: rgba(152,238,255,.18); background: linear-gradient(180deg, rgba(7,27,42,.78), rgba(1,7,13,.78)); }
.launch-pipeline-row article::after { opacity:.42; }
.launch-pipeline-row strong { font-size: 1.08rem; }

.launch-live-wall { padding: 0; border: 1px solid rgba(152,238,255,.22); border-radius: 40px; overflow: hidden; background: rgba(1,7,13,.72); box-shadow: 0 42px 140px rgba(0,0,0,.38); }
.wall-head { padding: 1.45rem; grid-template-columns: minmax(0,1fr) 280px; border-bottom: 1px solid rgba(152,238,255,.14); }
.wall-mode { background: rgba(156,255,214,.06); border-color: rgba(156,255,214,.22); }
.wall-grid { padding: 1.1rem; grid-template-columns: 1.15fr .82fr 1.03fr; gap: 1rem; }
.wall-grid article { background: rgba(4,18,29,.82); border-color: rgba(152,238,255,.15); border-radius: 24px; }
.fleet-matrix>div { grid-template-columns: repeat(4,minmax(0,1fr)); gap: .64rem; }
.cart-tile { min-height: 112px; background: rgba(255,255,255,.035); }
.cart-tile strong { font-size: 1.55rem; }
.selected-cart strong { font-size: 2.65rem; }
.stage-strip div { gap: .48rem; }
.stage-strip span { flex: 1; min-width: 100px; }

.launch-evidence-product { grid-template-columns: minmax(0,.54fr) minmax(760px,1.46fr); }
.evidence-report-mock { border-radius: 40px; padding: 1.55rem; background: linear-gradient(145deg, rgba(5,20,32,.94), rgba(0,5,11,.96)); }
.evidence-report-mock h3 { font-size: clamp(2rem, 3vw, 3.4rem); }
.report-kpis div { min-height: 120px; }
.report-kpis strong { font-size: 2rem; }
.report-timeline { display:grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap:.55rem; margin: 1rem 0; }
.report-timeline span { min-height: 58px; display:grid; place-items:center; border-radius: 999px; border:1px solid rgba(152,238,255,.15); color:#c5dce6; }

.launch-pilot-offer { grid-template-columns: minmax(0,.54fr) minmax(760px,1.46fr); }
.pilot-offer-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: .95rem; }
.pilot-offer-grid article { min-height: 155px; display:flex; flex-direction:column; justify-content:space-between; }

.launch-watchdog-boundary { grid-template-columns: minmax(0,.54fr) minmax(760px,1.46fr); }
.watchdog-lock-flow { min-height: 500px; grid-template-columns: 1fr 210px 1fr; border-radius: 46px; }
.watchdog-lock-flow>b { width: 210px; height: 210px; }

.launch-contact-conversion { grid-template-columns: minmax(0,.55fr) minmax(720px,1.45fr); }
.contact-role-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: .95rem; }
.contact-role-grid article { min-height: 158px; }

.decision-guide { margin-top: 36px; }
.decision-guide-core { border-radius: 30px; background: linear-gradient(145deg, rgba(5,20,32,.84), rgba(1,7,13,.82)); }

/* Keep internal/system pages intact; only public presentation is simplified. */
body[data-page^="internal"] .future-scene-beacon,
body[data-page^="internal"] .desktop-composition-scene,
body[data-page^="internal"] .elite-theatre { display: inherit; }

@media(max-width:1180px){
  .hero-grid,.launch-home-composition,.launch-evidence-product,.launch-pilot-offer,.launch-watchdog-boundary,.launch-contact-conversion { grid-template-columns: 1fr; }
  .launch-route-stage { min-height: 560px; }
  .launch-pipeline-row { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media(max-width:720px){
  .launch-home-composition,.launch-system-pipeline,.launch-live-wall,.launch-evidence-product,.launch-pilot-offer,.launch-watchdog-boundary,.launch-contact-conversion { width:min(100vw - 24px, var(--wide)); }
  .launch-copy h2,.launch-system-pipeline h2,.launch-live-wall h2,.launch-evidence-product h2,.launch-pilot-offer h2,.launch-watchdog-boundary h2,.launch-contact-conversion h2 { font-size: clamp(2.25rem, 11vw, 3.65rem); }
  .launch-route-stage { min-height: 700px; }
  .launch-pipeline-row,.launch-proof-row,.wall-grid,.fleet-matrix>div,.report-kpis,.pilot-offer-grid,.watchdog-lock-flow,.contact-role-grid { grid-template-columns: 1fr; }
  .stage-strip span { min-width: 100%; }
}

/* Build 58 - Airline-grade public visual system lock */
:root { --b58-max: 1320px; }
.section-shell { width: min(var(--b58-max), calc(100vw - 40px)); }
body { background:
  radial-gradient(circle at 15% 8%, rgba(110,231,255,.10), transparent 28rem),
  radial-gradient(circle at 84% 18%, rgba(141,255,207,.07), transparent 32rem),
  linear-gradient(135deg, #01050a 0%, #07121b 48%, #010409 100%); }
.site-header { width: min(1320px, calc(100vw - 40px)); border-color: rgba(150,220,255,.17); background: rgba(1,8,14,.82); }
.nav-cta { box-shadow: 0 0 35px rgba(110,231,255,.18); }
.hero { padding: 74px 0 34px; }
.hero-grid { grid-template-columns: minmax(0,1fr); }
.hero-visual { display:none; }
.hero-copy { max-width: 1120px; }
h1 { font-size: clamp(3.2rem, 7.2vw, 7.2rem); max-width: 1180px; }
.lede { max-width: 920px; font-size: clamp(1.07rem, 1.65vw, 1.34rem); }
.status-note { max-width: 940px; }
.b58-home-os, .b58-platform-spine, .b58-command-wall, .b58-evidence-report, .b58-pilot-board, .b58-watchdog-radar, .b58-contact-console, .b58-promise, .b58-global-scale { margin-top: 28px; margin-bottom: 64px; }
.b58-home-os { display:grid; grid-template-columns: .88fr 1.12fr; gap: 28px; align-items:stretch; }
.b58-home-copy, .b58-journey-command, .b58-promise, .b58-global-scale, .b58-platform-spine, .b58-command-wall, .b58-evidence-report, .b58-pilot-board, .b58-watchdog-radar, .b58-contact-console { border:1px solid rgba(130,225,255,.18); border-radius: 34px; background: linear-gradient(145deg, rgba(7,20,31,.84), rgba(3,9,15,.92)); box-shadow: 0 30px 100px rgba(0,0,0,.32); }
.b58-home-copy { padding: clamp(1.5rem,3vw,3rem); }
.b58-home-copy h2, .b58-platform-spine h2, .b58-command-wall h2, .b58-evidence-report h2, .b58-pilot-board h2, .b58-watchdog-radar h2, .b58-contact-console h2 { font-size: clamp(2.1rem,4.3vw,4.8rem); letter-spacing:-.055em; }
.b58-actions { display:flex; flex-wrap:wrap; gap:.85rem; margin-top:1.6rem; }
.b58-journey-command { min-height: 590px; padding: 1.2rem; position:relative; overflow:hidden; background:
  linear-gradient(160deg, rgba(3,11,18,.9), rgba(8,28,42,.74)),
  radial-gradient(circle at center, rgba(110,231,255,.22), transparent 38rem); }
.b58-journey-command::before { content:""; position:absolute; inset:10%; border:1px solid rgba(110,231,255,.13); border-radius:50%; transform:scaleX(1.55); }
.b58-command-top, .b58-command-bottom { position:relative; z-index:2; display:flex; justify-content:space-between; gap:1rem; align-items:center; padding:.9rem 1rem; border:1px solid rgba(110,231,255,.14); border-radius:22px; background:rgba(1,8,14,.64); }
.b58-command-top span, .b58-command-bottom small, .b58-mode-lock small, .b58-report-top span { color:var(--cyan); text-transform:uppercase; letter-spacing:.14em; font-size:.72rem; font-weight:800; }
.b58-command-top b { color: var(--green); }
.b58-route-line { position:absolute; inset:72px 30px 100px; }
.b58-route-line article { position:absolute; left:calc(5% + (var(--i) * 14.5%)); top:calc(48% + sin(var(--i)) * 1px); width: 118px; min-height:88px; padding:.8rem; border:1px solid rgba(130,225,255,.2); border-radius:18px; background:rgba(1,8,14,.78); box-shadow: 0 0 35px rgba(110,231,255,.08); }
.b58-route-line i { display:block; width:12px; height:12px; border-radius:50%; background:var(--cyan); box-shadow:0 0 26px var(--cyan); margin-bottom:.55rem; }
.b58-route-line strong { display:block; font-size:.87rem; }
.b58-route-line small { color:var(--muted); }
.b58-command-bottom { position:absolute; left:1.2rem; right:1.2rem; bottom:1.2rem; display:grid; grid-template-columns:repeat(3,1fr); }
.b58-command-bottom strong { display:block; margin-top:.2rem; }
.b58-proof-strip { grid-column:1 / -1; display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; }
.b58-proof-strip article, .b58-layer-stack article, .b58-spine-row article, .b58-pilot-grid article, .b58-approval-path article, .b58-watchdog-rules article, .b58-role-grid article, .b58-role-console article { border:1px solid rgba(130,225,255,.16); background: rgba(6,18,28,.72); border-radius:22px; padding:1.15rem; }
.b58-proof-strip strong, .b58-layer-stack strong, .b58-spine-row strong { display:block; font-size:1.03rem; color:var(--text); }
.b58-proof-strip span, .b58-layer-stack small, .b58-spine-row small { display:block; color:var(--muted); margin-top:.45rem; line-height:1.55; }
.b58-promise, .b58-global-scale { padding: clamp(1.4rem,3vw,3rem); display:grid; grid-template-columns:.9fr 1.1fr; gap:1.4rem; align-items:center; }
.b58-layer-stack { display:grid; grid-template-columns:repeat(5,1fr); gap:.75rem; }
.b58-layer-stack span, .b58-spine-row span, .b58-approval-path span, .b58-role-console span { color:var(--cyan); font-weight:900; letter-spacing:.12em; }
.b58-platform-spine, .b58-command-wall, .b58-evidence-report, .b58-pilot-board, .b58-watchdog-radar, .b58-contact-console { padding: clamp(1.4rem,3vw,3rem); }
.b58-spine-row { display:grid; grid-template-columns:repeat(8,1fr); gap:.72rem; margin-top:1.4rem; }
.b58-spine-row article { min-height:138px; position:relative; }
.b58-spine-row article::after { content:""; position:absolute; right:-.55rem; top:50%; width:.55rem; height:1px; background:rgba(110,231,255,.26); }
.b58-spine-row article:last-child::after { display:none; }
.b58-global-scale .b58-globe { min-height:360px; border-radius:50%; border:1px solid rgba(110,231,255,.18); display:grid; place-items:center; position:relative; background: radial-gradient(circle, rgba(110,231,255,.14), transparent 58%); }
.b58-globe b { width:120px; height:120px; border-radius:50%; display:grid; place-items:center; background:linear-gradient(135deg,var(--cyan),var(--green)); color:#001018; letter-spacing:.14em; }
.b58-globe span { position:absolute; padding:.55rem .75rem; border:1px solid rgba(130,225,255,.22); border-radius:999px; background:rgba(1,8,14,.78); color:var(--muted); }
.b58-globe span:nth-child(2){top:8%; left:39%}.b58-globe span:nth-child(3){right:8%; top:32%}.b58-globe span:nth-child(4){right:18%; bottom:14%}.b58-globe span:nth-child(5){left:12%; bottom:18%}.b58-globe span:nth-child(6){left:6%; top:34%}.b58-globe span:nth-child(7){bottom:4%; left:43%}
.b58-wall-head { display:flex; justify-content:space-between; gap:2rem; margin-bottom:1.2rem; }
.b58-mode-lock { min-width:240px; border:1px solid rgba(141,255,207,.2); border-radius:22px; padding:1rem; background:rgba(141,255,207,.06); }
.b58-mode-lock strong { display:block; color:var(--green); }
.b58-wall-layout { display:grid; grid-template-columns:1.3fr .75fr .8fr; gap:1rem; }
.b58-wall-layout article { border:1px solid rgba(130,225,255,.16); border-radius:24px; padding:1rem; background:rgba(1,8,14,.54); }
.b58-fleet { grid-row:span 3; }
.b58-fleet div { display:grid; grid-template-columns:repeat(3,1fr); gap:.6rem; }
.b58-fleet button { text-align:left; border:1px solid rgba(130,225,255,.14); border-radius:16px; background:rgba(9,28,42,.72); color:var(--text); padding:.75rem; }
.b58-fleet button span { display:block; color:var(--green); font-size:1.25rem; font-weight:900; margin:.25rem 0; }
.b58-fleet button.warn span { color:var(--warning); }.b58-fleet button.review span { color:#ff9c9c; }
.b58-selected b { display:block; font-size:2.4rem; margin:.4rem 0; }.b58-selected strong { color:#ffb4b4; }
.b58-rail { grid-column:2 / 4; }
.b58-rail div { display:flex; flex-wrap:wrap; gap:.5rem; }.b58-rail span { padding:.55rem .7rem; border:1px solid rgba(130,225,255,.16); border-radius:999px; color:var(--muted); }.b58-rail .active { color:#001018; background:var(--cyan); }
.b58-health div, .b58-output span { display:flex; justify-content:space-between; gap:.8rem; padding:.6rem 0; border-bottom:1px solid rgba(130,225,255,.08); }
.b58-evidence-report { display:grid; grid-template-columns:.8fr 1.2fr; gap:1.6rem; align-items:center; }
.b58-report-doc { border-radius:28px; border:1px solid rgba(220,245,255,.18); background:#f4fbff; color:#06131d; padding:1.5rem; box-shadow:0 30px 90px rgba(0,0,0,.38); }
.b58-report-doc p { color:#273947; }.b58-report-top { display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid rgba(0,0,0,.12); padding-bottom:.8rem; margin-bottom:1rem; }.b58-report-top b { color:#035; }
.b58-report-kpis { display:grid; grid-template-columns:repeat(4,1fr); gap:.7rem; margin:1rem 0; }.b58-report-kpis div { border:1px solid rgba(0,0,0,.1); border-radius:16px; padding:.8rem; background:white; }.b58-report-kpis strong { display:block; font-size:1.35rem; }
.b58-chain, .b58-approval-path, .b58-role-grid { display:grid; grid-template-columns:repeat(7,1fr); gap:.75rem; }
.b58-chain article { border:1px solid rgba(130,225,255,.16); border-radius:20px; padding:1rem; background:rgba(7,22,33,.78); }
.b58-pilot-board { display:grid; grid-template-columns:.8fr 1.2fr; gap:1.6rem; }.b58-pilot-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:.8rem; }.b58-pilot-grid strong { display:block; color:var(--cyan); margin-bottom:.35rem; }
.b58-approval-path { margin-top:-36px; margin-bottom:64px; }.b58-approval-path article { min-height:105px; }
.b58-watchdog-radar { display:grid; grid-template-columns:.85fr 1.15fr; gap:1.4rem; align-items:center; }
.b58-radar { min-height:430px; border-radius:50%; border:1px solid rgba(110,231,255,.18); position:relative; display:grid; place-items:center; background:radial-gradient(circle, rgba(110,231,255,.13), transparent 64%); overflow:hidden; }
.b58-radar i { position:absolute; border-radius:50%; border:1px solid rgba(110,231,255,.16); }.b58-radar i:nth-child(1){width:34%;height:34%}.b58-radar i:nth-child(2){width:58%;height:58%}.b58-radar i:nth-child(3){width:82%;height:82%}.b58-radar b { padding:1rem 1.2rem; border-radius:999px; background:linear-gradient(135deg,var(--cyan),var(--green)); color:#001018; z-index:2; }.b58-radar span { position:absolute; border:1px solid rgba(130,225,255,.18); border-radius:999px; padding:.6rem .8rem; background:rgba(1,8,14,.82); }.b58-radar span:nth-of-type(1){left:8%;top:28%}.b58-radar span:nth-of-type(2){right:8%;top:42%}.b58-radar span:nth-of-type(3){bottom:16%;left:31%}
.b58-watchdog-rules { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin-bottom:64px; }
.b58-contact-console { display:grid; grid-template-columns:.75fr 1.25fr; gap:1.4rem; }.b58-role-console { display:grid; grid-template-columns:repeat(3,1fr); gap:.75rem; }.b58-role-console strong { display:block; margin:.35rem 0; }.b58-role-console small { color:var(--muted); }
.b58-next-steps { grid-column:1 / -1; border:1px solid rgba(141,255,207,.18); border-radius:22px; background:rgba(141,255,207,.06); padding:1rem; display:flex; flex-wrap:wrap; gap:.65rem; align-items:center; }.b58-next-steps strong { margin-right:auto; }.b58-next-steps span { padding:.5rem .7rem; border-radius:999px; background:rgba(1,8,14,.55); color:var(--muted); }
.form-panel { max-width: 980px; margin-left:auto; margin-right:auto; }
@media (max-width: 1050px) {
 .b58-home-os, .b58-promise, .b58-global-scale, .b58-evidence-report, .b58-pilot-board, .b58-watchdog-radar, .b58-contact-console { grid-template-columns:1fr; }
 .b58-proof-strip, .b58-layer-stack, .b58-spine-row, .b58-wall-layout, .b58-pilot-grid, .b58-chain, .b58-approval-path, .b58-role-grid, .b58-role-console { grid-template-columns:1fr 1fr; }
 .b58-fleet { grid-row:auto; } .b58-rail { grid-column:auto; }
}
@media (max-width: 640px) { .b58-proof-strip, .b58-layer-stack, .b58-spine-row, .b58-wall-layout, .b58-pilot-grid, .b58-chain, .b58-approval-path, .b58-role-grid, .b58-role-console, .b58-report-kpis { grid-template-columns:1fr; } .b58-journey-command { min-height:720px; } .b58-route-line article { position:relative; left:auto; top:auto; margin:.45rem 0; width:auto; } .b58-route-line { position:relative; inset:auto; margin-top:1rem; } .b58-command-bottom { position:relative; left:auto; right:auto; bottom:auto; margin-top:1rem; grid-template-columns:1fr; } }

/* Build 59 - approved futuristic command-dashboard visual system */
:root{
  --b59-bg:#020812;
  --b59-panel:rgba(7,22,35,.82);
  --b59-panel-2:rgba(9,30,47,.68);
  --b59-line:rgba(99,211,255,.24);
  --b59-line-strong:rgba(44,198,255,.58);
  --b59-blue:#18bdfb;
  --b59-cyan:#67eaff;
  --b59-green:#7dffb0;
  --b59-amber:#ffc45d;
  --b59-red:#ff6d7e;
  --b59-text:#f4fbff;
  --b59-muted:#a8bbcb;
}
body{
  background:
    radial-gradient(circle at 76% 12%, rgba(24,189,251,.13), transparent 34rem),
    radial-gradient(circle at 12% 20%, rgba(103,234,255,.08), transparent 26rem),
    linear-gradient(180deg,#020812 0%,#03111d 48%,#02070d 100%);
}
body[data-page="home"],body[data-page="platform"],body[data-page="live-system-demo"],body[data-page="evidence-engine-foundation"],body[data-page="trials"],body[data-page="watchdog"],body[data-page="who-gccap-helps"],body[data-page="contact"]{
  color:var(--b59-text);
}
body[data-page="home"] .future-ambient-field,
body[data-page="platform"] .future-ambient-field,
body[data-page="live-system-demo"] .future-ambient-field,
body[data-page="evidence-engine-foundation"] .future-ambient-field,
body[data-page="trials"] .future-ambient-field,
body[data-page="watchdog"] .future-ambient-field,
body[data-page="who-gccap-helps"] .future-ambient-field,
body[data-page="contact"] .future-ambient-field{ opacity:.55; }
.site-header{
  max-width:1500px;
  border-bottom:1px solid rgba(111,220,255,.11);
  background:rgba(1,8,16,.72);
  backdrop-filter: blur(22px);
}
.brand{ gap:.82rem; }
.brand strong{ font-size:2rem; letter-spacing:.04em; line-height:.9; }
.brand small{ font-size:.61rem; letter-spacing:.16em; text-transform:uppercase; color:rgba(220,243,255,.72); margin-top:.22rem; }
.brand-mark{ width:38px; height:24px; display:grid; gap:3px; background:transparent; border-radius:0; box-shadow:none; }
.brand-mark i{ display:block; height:6px; border-radius:999px 3px 3px 999px; background:linear-gradient(90deg,var(--b59-blue),#0f6fc8); transform:skewX(-24deg); box-shadow:0 0 18px rgba(24,189,251,.32); }
.brand-mark i:nth-child(2){ width:82%; margin-left:7px; }
.brand-mark i:nth-child(3){ width:60%; margin-left:15px; }
.site-nav{ gap:1.55rem; }
.nav-link{ font-weight:700; color:rgba(244,251,255,.86); }
.nav-link:hover,.nav-link.active{ color:var(--b59-cyan); }
.nav-cta{ background:linear-gradient(135deg,#4cdfff,#0696e6); color:#001420; border-color:rgba(103,234,255,.8); box-shadow:0 0 28px rgba(24,189,251,.28); font-weight:900; }
.section-shell{ max-width:1500px; }
.b59-home-hero,.b59-page-hero{ display:grid; grid-template-columns: .78fr 1.22fr; gap:clamp(2rem,4vw,4.5rem); align-items:center; padding:clamp(3rem,6vw,6.2rem) clamp(1.2rem,3vw,2.4rem) 2rem; }
.b59-home-hero h1,.b59-page-hero h1{ margin:0 0 1.25rem; font-size:clamp(3.1rem,5.6vw,5.85rem); line-height:.98; letter-spacing:-.065em; max-width:740px; }
.b59-home-hero h1 span,.b59-page-hero h1 span{ color:var(--b59-blue); text-shadow:0 0 28px rgba(24,189,251,.2); }
.b59-home-hero p,.b59-page-hero p{ max-width:620px; color:#d7e4ef; font-size:1.1rem; line-height:1.75; }
.b59-actions{ display:flex; flex-wrap:wrap; gap:1rem; margin:2rem 0 1.2rem; }
.b59-actions .button,.b59-boundary-bar .button,.b59-mini-button{ min-height:54px; padding:0 1.45rem; border-radius:10px; font-weight:900; }
.b59-status{ position:relative; padding-left:1.35rem; font-size:.92rem!important; color:#a9c4d7!important; }
.b59-status::before{ content:""; position:absolute; left:0; top:.65rem; width:8px; height:8px; border-radius:50%; background:var(--b59-cyan); box-shadow:0 0 20px var(--b59-cyan); }
.b59-command-view,.b59-live-wall,.b59-evidence-hero-card,.b59-architecture-visual,.b59-roadmap,.b59-watchdog-visual,.b59-role-select,.b59-report-preview,.b59-dashboard-preview,.b59-architecture-deep,.b59-live-detail article,.b59-evidence-layout article,.b59-output-card,.b59-verify-card,.b59-pilot-structure,.b59-contact-grid>*,.b59-contact-cards article,.b59-do-dont,.b59-watchdog-panels article,.b59-dashboard-audience article,.b59-two-cta article,.b59-role-tiles article,.b59-flow-cards article,.b59-role-cards article{
  border:1px solid var(--b59-line);
  background:linear-gradient(145deg, rgba(7,22,35,.88), rgba(2,10,18,.86));
  box-shadow:0 0 0 1px rgba(255,255,255,.02) inset, 0 28px 80px rgba(0,0,0,.34), 0 0 48px rgba(24,189,251,.08);
  border-radius:18px;
}
.b59-panel-title{ display:flex; justify-content:space-between; gap:1rem; align-items:center; padding:.85rem 1rem; border-bottom:1px solid rgba(103,234,255,.14); color:#e9f7ff; text-transform:uppercase; letter-spacing:.11em; font-weight:900; font-size:.8rem; }
.b59-panel-title b{ color:var(--b59-green); font-size:.72rem; }
.b59-stage-rail{ display:grid; grid-template-columns:repeat(7,1fr); padding:1rem 1.2rem .8rem; position:relative; }
.b59-stage-rail::after{ content:""; position:absolute; left:7%; right:7%; top:58%; height:3px; background:linear-gradient(90deg,var(--b59-blue),var(--b59-cyan),var(--b59-green)); box-shadow:0 0 22px var(--b59-blue); }
.b59-stage-rail span{ position:relative; z-index:2; text-align:center; color:#dceffc; font-size:.78rem; font-weight:700; }
.b59-stage-rail i{ display:grid; place-items:center; width:46px; height:46px; margin:0 auto 1.1rem; border-radius:50%; border:1px solid var(--b59-line-strong); background:rgba(2,12,22,.94); box-shadow:0 0 24px rgba(24,189,251,.2); font-style:normal; color:var(--b59-cyan); }
.b59-stage-rail span::after{ content:""; position:absolute; left:50%; top:52px; transform:translateX(-50%); width:13px; height:13px; border-radius:50%; background:var(--b59-green); box-shadow:0 0 20px var(--b59-green); }
.b59-airport-scene{ height:360px; margin:0 1rem 1rem; position:relative; overflow:hidden; border-radius:18px; border:1px solid rgba(103,234,255,.14); background:
    linear-gradient(160deg, rgba(3,14,25,.95), rgba(7,27,42,.78)),
    repeating-linear-gradient(0deg, rgba(103,234,255,.05) 0 1px, transparent 1px 26px),
    repeating-linear-gradient(90deg, rgba(103,234,255,.05) 0 1px, transparent 1px 26px);
}
.b59-airport-scene::before{ content:""; position:absolute; inset:14% -8% auto 6%; height:220px; border-radius:50%; border:1px solid rgba(103,234,255,.12); transform:rotate(-12deg); }
.b59-catering-cart,.b59-truck,.b59-aircraft,.b59-core-platform,.b59-cool-cart{ position:absolute; border:1px solid rgba(144,232,255,.28); border-radius:12px; background:linear-gradient(145deg,#132b3c,#071522); box-shadow:0 0 38px rgba(24,189,251,.18); color:#dff8ff; font-weight:900; display:grid; place-items:center; }
.b59-catering-cart{ width:130px; height:90px; left:9%; bottom:21%; }
.b59-truck{ width:115px; height:58px; left:47%; top:31%; }
.b59-aircraft{ width:210px; height:92px; right:7%; bottom:24%; font-size:5rem; background:transparent; border:0; box-shadow:none; transform:rotate(-10deg); color:#d9f5ff; text-shadow:0 0 22px rgba(103,234,255,.2); }
.b59-route-glow{ position:absolute; left:18%; top:58%; width:56%; height:5px; background:linear-gradient(90deg,var(--b59-blue),var(--b59-green)); box-shadow:0 0 28px var(--b59-blue); transform:rotate(-14deg); border-radius:999px; }
.b59-airport-scene>span{ position:absolute; width:13px; height:13px; border-radius:50%; background:var(--b59-cyan); box-shadow:0 0 24px var(--b59-cyan); }
.b59-airport-scene .p1{left:20%;top:48%}.b59-airport-scene .p2{left:39%;top:60%}.b59-airport-scene .p3{left:57%;top:45%}.b59-airport-scene .p4{right:18%;top:57%}
.b59-status-tiles{ display:grid; grid-template-columns:repeat(4,1fr); gap:.8rem; padding:0 1rem 1rem; }
.b59-status-tiles article,.b59-kpi-row article{ border:1px solid rgba(103,234,255,.16); border-radius:12px; padding:.9rem; background:rgba(2,12,22,.74); }
.b59-status-tiles span,.b59-kpi-row span{ display:block; color:#b8c8d7; font-size:.72rem; text-transform:uppercase; letter-spacing:.08em; }
.b59-status-tiles strong,.b59-kpi-row strong{ display:block; color:#fff; font-size:1.65rem; margin:.25rem 0; }
.b59-status-tiles small,.b59-kpi-row small{ color:var(--b59-green); }
.b59-proof-strip{ display:grid; grid-template-columns:repeat(4,1fr); gap:0; border:1px solid var(--b59-line); border-radius:18px; background:rgba(7,22,35,.78); padding:0; overflow:hidden; margin-top:1.4rem; }
.b59-proof-strip article{ display:flex; gap:1rem; align-items:center; padding:1.65rem; border-right:1px solid rgba(103,234,255,.12); }
.b59-proof-strip article:last-child{ border-right:0; }
.b59-proof-strip i,.b59-card-row i,.b59-role-tiles i,.b59-flow-cards i,.b59-role-cards i{ width:54px; height:54px; min-width:54px; border-radius:50%; border:1px solid var(--b59-line-strong); display:grid; place-items:center; box-shadow:0 0 28px rgba(24,189,251,.13); color:var(--b59-blue); }
.b59-proof-strip svg,.b59-card-row svg,.b59-role-tiles svg,.b59-flow-cards svg,.b59-role-cards svg,.b59-component-grid svg,.b59-build-chain svg,.b59-roadmap-steps svg,.b59-role-select svg{ width:28px; height:28px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.b59-proof-strip strong{ display:block; color:#fff; font-size:1.05rem; }
.b59-proof-strip span{ display:block; color:var(--b59-muted); line-height:1.55; margin-top:.25rem; }
.b59-pipeline{ text-align:center; padding-top:2.2rem; }
.b59-pipeline h2{ margin:.2rem 0 1.4rem; font-size:2rem; }
.b59-pipeline-row{ display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1.15fr auto 1fr auto 1fr auto 1fr; gap:.55rem; align-items:center; }
.b59-pipeline-row article{ min-height:150px; border:1px solid var(--b59-line); border-radius:16px; background:rgba(7,22,35,.7); padding:1rem; display:grid; gap:.45rem; place-items:center; }
.b59-pipeline-row article.core{ border-color:var(--b59-cyan); box-shadow:0 0 40px rgba(24,189,251,.24); background:linear-gradient(180deg,rgba(20,76,116,.65),rgba(5,17,28,.88)); }
.b59-pipeline-row i{ color:#c5efff; }
.b59-pipeline-row svg{ width:38px; height:38px; fill:none; stroke:currentColor; stroke-width:1.65; }
.b59-pipeline-row strong{ color:white; }
.b59-pipeline-row span{ color:var(--b59-muted); font-size:.85rem; line-height:1.4; }
.b59-arrow{ color:#aeefff; opacity:.7; font-size:1.55rem; }
.b59-two-previews{ display:grid; grid-template-columns:1fr 1.18fr; gap:1.2rem; padding-top:1.2rem; }
.b59-report-preview,.b59-dashboard-preview{ padding:0 0 1rem; overflow:hidden; }
.b59-white-report{ margin:1rem; background:#f5fbff; color:#06131d; border-radius:12px; padding:1.15rem; box-shadow:0 18px 70px rgba(0,0,0,.32); }
.b59-white-report em{ display:block; color:#4a6275; font-style:normal; margin-top:.3rem; }
.b59-report-route{ display:grid; grid-template-columns:repeat(7,1fr); gap:.28rem; margin:1rem 0; padding:.8rem 0; border-top:1px solid rgba(0,0,0,.08); border-bottom:1px solid rgba(0,0,0,.08); }
.b59-report-route span{ font-size:.72rem; color:#253746; text-align:center; }
.b59-report-route b{ color:#06131d; }
.b59-report-metrics,.b59-kpi-row{ display:grid; grid-template-columns:repeat(4,1fr); gap:.65rem; }
.b59-report-metrics{ grid-template-columns:repeat(5,1fr); }
.b59-report-metrics article{ border:1px solid rgba(0,0,0,.08); border-radius:10px; padding:.75rem; background:white; }
.b59-report-metrics span{ font-size:.67rem; color:#5a6a78; text-transform:uppercase; }
.b59-report-metrics strong{ display:block; font-size:1.2rem; margin-top:.25rem; }
.b59-report-foot{ display:flex; gap:1rem; flex-wrap:wrap; color:#4e6274; font-size:.75rem; margin-top:.9rem; }
.b59-mini-button{ display:inline-flex; align-items:center; justify-content:center; margin:.15rem 1rem 0; border:1px solid var(--b59-line-strong); color:var(--b59-cyan); background:rgba(24,189,251,.08); text-decoration:none; }
.b59-dashboard-preview{ padding-bottom:1rem; }
.b59-dashboard-preview .b59-kpi-row{ margin:1rem; }
.b59-dashboard-grid{ display:grid; grid-template-columns:1fr 1fr; gap:.8rem; padding:0 1rem; }
.b59-live-map,.b59-trend,.b59-events,.b59-selected-cart{ border:1px solid rgba(103,234,255,.12); border-radius:14px; padding:1rem; background:rgba(3,12,22,.62); }
.b59-live-map{ min-height:190px; position:relative; overflow:hidden; }
.b59-map-path{ position:relative; height:140px; background:radial-gradient(circle at 35% 42%,rgba(24,189,251,.18),transparent 12rem); }
.b59-map-path::before{ content:""; position:absolute; left:12%; right:10%; top:54%; height:4px; border-radius:999px; background:linear-gradient(90deg,var(--b59-blue),var(--b59-green)); transform:rotate(-18deg); box-shadow:0 0 28px rgba(24,189,251,.7); }
.b59-map-path span{ position:absolute; font-size:.72rem; color:#cde8f5; }
.b59-map-path span:nth-child(1){left:4%;top:18%}.b59-map-path span:nth-child(2){left:22%;top:52%}.b59-map-path span:nth-child(3){left:38%;top:35%}.b59-map-path span:nth-child(4){left:56%;top:62%}.b59-map-path span:nth-child(5){left:70%;top:42%}.b59-map-path span:nth-child(6){right:5%;top:65%}
.b59-trend svg{ width:100%; height:130px; margin-top:.6rem; }
.b59-trend polyline{ fill:none; stroke:var(--b59-green); stroke-width:3; filter:drop-shadow(0 0 9px rgba(125,255,176,.5)); }
.b59-trend strong{ float:right; color:var(--b59-green); }
.b59-events span{ display:block; color:#bdd1df; padding:.42rem 0; border-bottom:1px solid rgba(103,234,255,.08); font-size:.86rem; }
.b59-page-hero .eyebrow{ color:var(--b59-blue); }
.b59-mini-trust{ display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-top:1.7rem; max-width:620px; }
.b59-mini-trust span{ border-left:1px solid var(--b59-line); padding-left:.8rem; color:#bfefff; font-weight:800; }
.b59-architecture-visual{ min-height:430px; position:relative; padding-bottom:1rem; overflow:hidden; }
.b59-architecture-line{ display:grid; grid-template-columns:repeat(7,1fr); gap:.45rem; align-items:start; padding:1.6rem; }
.b59-architecture-line article{ text-align:center; position:relative; z-index:2; color:#d9f6ff; }
.b59-architecture-line article:not(:last-child)::after{ content:""; position:absolute; left:76%; top:32px; width:58%; height:2px; background:linear-gradient(90deg,var(--b59-blue),var(--b59-cyan)); box-shadow:0 0 16px rgba(24,189,251,.55); }
.b59-architecture-line i{ display:grid; place-items:center; width:58px; height:58px; margin:0 auto .6rem; border:1px solid var(--b59-line-strong); border-radius:14px; background:rgba(3,12,22,.75); color:#ccefff; }
.b59-architecture-line svg{ width:32px; height:32px; fill:none; stroke:currentColor; stroke-width:1.7; }
.b59-architecture-line .core i{ background:linear-gradient(180deg,rgba(24,189,251,.36),rgba(3,12,22,.9)); border-color:var(--b59-cyan); box-shadow:0 0 36px rgba(24,189,251,.36); }
.b59-core-platform{ left:50%; top:56%; width:150px; height:110px; transform:translate(-50%,-50%); font-size:1.2rem; color:var(--b59-cyan); }
.b59-card-row,.b59-live-detail,.b59-evidence-layout,.b59-watchdog-panels,.b59-contact-cards,.b59-flow-cards>div,.b59-dashboard-audience>div,.b59-two-cta,.b59-role-cards>div{ display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; }
.b59-card-row article,.b59-role-tiles article,.b59-flow-cards article,.b59-role-cards article{ padding:1.35rem; }
.b59-card-row a{ color:var(--b59-cyan); font-weight:900; text-decoration:none; }
.b59-architecture-deep{ padding:1rem; }
.b59-arch-grid{ display:grid; grid-template-columns:1fr 1.6fr 1fr 1fr 1fr; gap:.9rem; padding:1rem; }
.b59-arch-grid article{ border:1px solid rgba(103,234,255,.13); border-radius:15px; padding:1rem; background:rgba(3,12,22,.55); }
.b59-arch-grid .core{ border-color:var(--b59-cyan); box-shadow:0 0 36px rgba(24,189,251,.18); }
.b59-handles h2,.b59-pilot-structure h2,.b59-flow-cards h2,.b59-dashboard-audience h2,.b59-role-cards h2{ text-align:center; }
.b59-handles>div{ display:grid; grid-template-columns:repeat(7,1fr); gap:.75rem; }
.b59-handles article{ border:1px solid rgba(103,234,255,.14); border-radius:16px; padding:1rem; background:rgba(7,22,35,.65); min-height:170px; }
.b59-handles i,.b59-component-grid i,.b59-build-chain i{ color:var(--b59-cyan); }
.b59-live-wall{ padding-bottom:1rem; }
.b59-live-wall .b59-kpi-row{ margin:1rem; grid-template-columns:repeat(5,1fr); }
.b59-live-grid{ display:grid; grid-template-columns:1.2fr 1fr 1fr; gap:.8rem; padding:0 1rem; }
.b59-live-grid>*{ min-height:150px; }
.b59-route-stages{ grid-column:1 / -1; display:grid; grid-template-columns:repeat(6,1fr); gap:.5rem; border:1px solid rgba(103,234,255,.13); border-radius:14px; padding:1rem; background:rgba(3,12,22,.62); }
.b59-route-stages span{ text-align:center; color:#d5e9f5; }
.b59-route-stages small{ display:block; color:var(--b59-muted); margin-top:.3rem; }
.b59-route-stages .on{ color:var(--b59-green); }
.b59-live-detail{ grid-template-columns:1fr 1fr 1fr 1fr; }
.b59-cool-cart{ position:relative; width:170px; height:90px; margin:1rem 0; }
.b59-boundary-bar{ display:grid; grid-template-columns:auto 1fr auto; gap:1.2rem; align-items:center; border:1px solid var(--b59-line); border-radius:18px; background:linear-gradient(90deg,rgba(8,27,42,.9),rgba(5,15,25,.88)); padding:1.45rem; }
.b59-boundary-bar i{ width:54px; height:54px; display:grid; place-items:center; color:var(--b59-blue); }
.b59-boundary-bar svg{ width:42px; height:42px; fill:none; stroke:currentColor; stroke-width:1.7; }
.b59-evidence-hero-card{ padding-bottom:1rem; }
.b59-report-route.wide{ padding:1rem; margin:1rem; color:#e8f7ff; border-color:rgba(103,234,255,.12); }
.b59-report-route.wide span{ color:#d3edf8; }
.b59-evidence-hero-card .b59-kpi-row{ margin:1rem; grid-template-columns:repeat(5,1fr); }
.b59-evidence-lock{ display:flex; justify-content:space-between; flex-wrap:wrap; gap:.8rem; margin:1rem; padding:1rem; border:1px solid rgba(103,234,255,.13); border-radius:13px; color:#dff7ff; }
.b59-evidence-layout{ grid-template-columns:1fr 1.35fr; }
.b59-component-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:.75rem; margin-top:1rem; }
.b59-component-grid span,.b59-build-chain span{ display:flex; align-items:center; gap:.65rem; border:1px solid rgba(103,234,255,.13); border-radius:12px; padding:.9rem; color:#dceffc; }
.b59-component-grid svg,.b59-build-chain svg{ width:26px; height:26px; fill:none; stroke:currentColor; stroke-width:1.7; }
.b59-build-chain{ display:grid; grid-template-columns:repeat(5,1fr); gap:.6rem; margin:1rem 0; }
.b59-output-card,.b59-verify-card{ padding:1.2rem; }
.b59-qr{ width:160px; height:160px; background:repeating-linear-gradient(45deg,#fff 0 8px,#111 8px 16px); color:#000; display:grid; place-items:center; font-weight:900; border-radius:12px; margin:1rem 0; }
.b59-roadmap{ padding-bottom:1.2rem; }
.b59-roadmap-steps{ display:grid; grid-template-columns:repeat(7,1fr); gap:.65rem; padding:1rem; position:relative; }
.b59-roadmap-steps::before{ content:""; position:absolute; left:4%; right:4%; top:48px; height:3px; background:linear-gradient(90deg,var(--b59-blue),var(--b59-cyan)); box-shadow:0 0 24px var(--b59-blue); }
.b59-roadmap-steps article{ position:relative; z-index:2; padding:1rem .65rem; text-align:center; border:1px solid rgba(103,234,255,.14); border-radius:14px; background:rgba(3,12,22,.76); min-height:160px; }
.b59-roadmap-steps span{ display:grid; place-items:center; width:32px; height:32px; margin:0 auto .8rem; border-radius:50%; background:var(--b59-blue); color:#00131e; font-weight:900; }
.b59-roadmap-steps small{ display:block; color:var(--b59-muted); font-size:.76rem; line-height:1.4; margin-top:.5rem; }
.b59-pilot-structure{ padding:1.2rem; }
.b59-pilot-structure>div{ display:grid; grid-template-columns:repeat(5,1fr); gap:.75rem; }
.b59-pilot-structure article{ border:1px solid rgba(103,234,255,.14); border-radius:14px; background:rgba(3,12,22,.65); padding:1rem; }
.b59-checkline{ display:flex; gap:.55rem; align-items:center; color:#dceffc; }
.b59-checkline svg{ width:22px; height:22px; fill:none; stroke:var(--b59-cyan); stroke-width:2; }
.b59-watchdog-visual{ padding:1.4rem; min-height:430px; display:grid; grid-template-rows:1fr auto; align-items:center; background:radial-gradient(circle at 50% 34%,rgba(24,189,251,.2),transparent 19rem),linear-gradient(145deg,rgba(7,22,35,.88),rgba(2,10,18,.86)); }
.b59-radar-seal{ width:220px; height:220px; margin:auto; border-radius:50%; border:1px solid var(--b59-line-strong); display:grid; place-items:center; text-align:center; box-shadow:0 0 60px rgba(24,189,251,.22), inset 0 0 44px rgba(24,189,251,.12); }
.b59-radar-seal span{ display:block; color:var(--b59-cyan); text-transform:uppercase; letter-spacing:.15em; font-weight:900; }
.b59-radar-seal b{ color:#dff6ff; }
.b59-gov-flow{ display:grid; grid-template-columns:repeat(4,1fr); gap:.8rem; }
.b59-gov-flow article{ text-align:center; border-top:1px solid rgba(103,234,255,.18); padding-top:.8rem; }
.b59-gov-flow svg{ width:34px; height:34px; fill:none; stroke:var(--b59-cyan); stroke-width:1.7; }
.b59-do-dont{ display:grid; grid-template-columns:1fr 1fr; gap:2rem; padding:1.4rem; }
.b59-do-dont h3{ color:#dff8ff; }
.b59-do-dont p{ padding:.35rem 0; border-bottom:1px solid rgba(103,234,255,.08); }
.b59-do-dont .yes{ color:#bdfcd0; }.b59-do-dont .no{ color:#ff9ea8; }
.b59-watchdog-panels{ grid-template-columns:1fr 1fr 1.1fr; }
.b59-watchdog-panels article{ padding:1.2rem; }
.b59-watchdog-panels span{ display:inline-block; margin:.35rem; padding:.6rem .75rem; border:1px solid rgba(103,234,255,.14); border-radius:999px; color:#dceffc; }
.b59-role-tiles{ display:grid; grid-template-columns:repeat(5,1fr); gap:.8rem; }
.b59-role-tiles article{ min-height:270px; background:
  linear-gradient(180deg,rgba(24,189,251,.09),rgba(3,12,22,.86)); }
.b59-flow-cards,.b59-dashboard-audience{ text-align:center; }
.b59-flow-cards>div{ grid-template-columns:repeat(5,1fr); }
.b59-dashboard-audience>div{ grid-template-columns:repeat(5,1fr); }
.b59-dashboard-audience .b59-kpi-row{ grid-template-columns:1fr; }
.b59-two-cta{ grid-template-columns:1fr 1fr; }
.b59-two-cta article{ padding:1.4rem; }
.b59-contact-hero ul{ list-style:none; padding:0; margin:1.2rem 0; display:grid; gap:.55rem; color:#d7ecf7; }
.b59-contact-hero li::before{ content:"✓"; color:var(--b59-cyan); margin-right:.55rem; }
.b59-role-select{ padding:1.2rem; }
.b59-role-select>div{ display:grid; grid-template-columns:repeat(4,1fr); gap:.8rem; }
.b59-role-select label{ min-height:138px; display:grid; place-items:center; text-align:center; gap:.4rem; border:1px solid rgba(103,234,255,.14); border-radius:14px; background:rgba(3,12,22,.62); padding:1rem; color:#dceffc; }
.b59-role-select input{ accent-color:var(--b59-blue); }
.b59-role-select svg{ width:36px; height:36px; fill:none; stroke:var(--b59-blue); stroke-width:1.7; }
.b59-contact-grid{ display:grid; grid-template-columns:1.25fr .75fr; gap:1rem; }
.b59-form{ padding:1.25rem; }
.b59-form>div{ display:grid; grid-template-columns:1fr 1fr; gap:.8rem; }
.b59-form label{ display:grid; gap:.35rem; color:#d7ecf7; font-weight:700; }
.b59-form input,.b59-form textarea,.b59-form select{ width:100%; border:1px solid rgba(103,234,255,.18); background:rgba(3,12,22,.8); border-radius:10px; color:#eaffff; padding:.85rem; }
.b59-form textarea{ min-height:88px; }
.b59-next{ padding:1.25rem; }
.b59-next div{ display:grid; grid-template-columns:auto 1fr; gap:.3rem .8rem; padding:.8rem 0; border-bottom:1px solid rgba(103,234,255,.08); }
.b59-next span{ grid-row:span 2; width:38px; height:38px; border-radius:50%; display:grid; place-items:center; background:rgba(24,189,251,.15); border:1px solid var(--b59-line-strong); color:var(--b59-cyan); font-weight:900; }
.b59-contact-cards{ grid-template-columns:repeat(3,1fr); }
.b59-contact-cards article{ padding:1.2rem; }
.b59-trust-strip{ text-align:center; padding:1.4rem 0 2.4rem; }
.b59-trust-strip p{ color:var(--b59-muted); text-transform:uppercase; letter-spacing:.18em; font-size:.78rem; font-weight:900; }
.b59-trust-strip div{ display:flex; justify-content:space-around; gap:1rem; flex-wrap:wrap; opacity:.78; }
.b59-trust-strip span{ color:#d5dde5; text-transform:uppercase; letter-spacing:.08em; font-weight:800; }
body[data-page="home"] .footer,body[data-page="platform"] .footer,body[data-page="live-system-demo"] .footer,body[data-page="evidence-engine-foundation"] .footer,body[data-page="trials"] .footer,body[data-page="watchdog"] .footer,body[data-page="who-gccap-helps"] .footer,body[data-page="contact"] .footer{ border-top:1px solid rgba(103,234,255,.12); background:rgba(1,8,16,.78); }
@media(max-width:1150px){
  .b59-home-hero,.b59-page-hero,.b59-two-previews,.b59-evidence-layout,.b59-contact-grid{ grid-template-columns:1fr; }
  .b59-proof-strip,.b59-card-row,.b59-live-detail,.b59-watchdog-panels,.b59-contact-cards,.b59-role-cards>div,.b59-two-cta{ grid-template-columns:1fr 1fr; }
  .b59-pipeline-row{ grid-template-columns:1fr; }
  .b59-arrow{ display:none; }
  .b59-arch-grid,.b59-handles>div,.b59-roadmap-steps,.b59-pilot-structure>div,.b59-role-tiles,.b59-flow-cards>div,.b59-dashboard-audience>div{ grid-template-columns:repeat(2,1fr); }
}
@media(max-width:680px){
  .b59-home-hero h1,.b59-page-hero h1{ font-size:2.8rem; }
  .b59-proof-strip,.b59-card-row,.b59-live-detail,.b59-evidence-layout,.b59-contact-grid,.b59-contact-cards,.b59-role-cards>div,.b59-two-cta,.b59-arch-grid,.b59-handles>div,.b59-roadmap-steps,.b59-pilot-structure>div,.b59-role-tiles,.b59-flow-cards>div,.b59-dashboard-audience>div,.b59-role-select>div,.b59-form>div,.b59-do-dont,.b59-watchdog-panels{ grid-template-columns:1fr; }
  .b59-stage-rail,.b59-status-tiles,.b59-report-route,.b59-report-metrics,.b59-kpi-row,.b59-live-wall .b59-kpi-row,.b59-gov-flow,.b59-route-stages{ grid-template-columns:1fr 1fr; }
  .b59-airport-scene{ height:300px; }
  .b59-aircraft{ font-size:3rem; }
}

/* Build 60 - Approved homepage visual match. This is intentionally narrow: match the approved homepage mockup and preserve all GCCAP system layers. */
:root{ --b60-bg:#020914; --b60-panel:#061523; --b60-panel2:#081b2d; --b60-line:rgba(89,219,255,.24); --b60-line2:rgba(89,219,255,.52); --b60-blue:#1bbcff; --b60-cyan:#62edff; --b60-green:#75ff97; --b60-text:#f3f9ff; --b60-muted:#a9c0ce; --b60-wide:1420px; }
body[data-page="home"]{ background:
  radial-gradient(circle at 68% 18%,rgba(22,187,255,.12),transparent 34rem),
  radial-gradient(circle at 18% 28%,rgba(7,117,255,.09),transparent 32rem),
  linear-gradient(180deg,#030915 0%,#020812 48%,#01060d 100%); }
body[data-page="home"] .site-header{ width:min(var(--b60-wide),calc(100vw - 46px)); margin:0 auto; padding:1.3rem 0; border-bottom:1px solid rgba(120,220,255,.1); }
body[data-page="home"] .brand strong{ font-size:2.2rem; letter-spacing:.035em; }
body[data-page="home"] .brand small{ letter-spacing:.19em; font-size:.58rem; color:#8da8b8; }
body[data-page="home"] .brand-mark{ filter:drop-shadow(0 0 12px rgba(27,188,255,.45)); transform:scale(1.12); }
body[data-page="home"] .site-nav{ gap:1.8rem; }
body[data-page="home"] .nav-link{ color:#f2f7fb; font-weight:700; font-size:.98rem; }
body[data-page="home"] .nav-cta{ padding:.95rem 1.35rem; border-radius:11px; color:#00131e; font-weight:900; background:linear-gradient(135deg,#57e7ff,#119cff); box-shadow:0 14px 40px rgba(27,188,255,.25); border:0; }
body[data-page="home"] .site-footer{ width:min(var(--b60-wide),calc(100vw - 46px)); border-top:1px solid rgba(89,219,255,.14); }
.b60-home-exact,.b60-proof-strip,.b60-pipeline,.b60-two-previews,.b60-trust-strip{ width:min(var(--b60-wide),calc(100vw - 46px)); }
.b60-home-exact{ display:grid; grid-template-columns:minmax(430px,.9fr) minmax(640px,1.36fr); gap:clamp(2rem,4vw,5rem); align-items:center; padding:clamp(3.6rem,6vw,6.6rem) 0 1.8rem; }
.b60-hero-copy h1{ margin:0 0 1.25rem; color:var(--b60-text); font-size:clamp(3.4rem,5.25vw,6.4rem); line-height:1.02; letter-spacing:-.066em; text-wrap:balance; }
.b60-hero-copy h1 span{ color:var(--b60-blue); text-shadow:0 0 34px rgba(27,188,255,.25); }
.b60-hero-copy p{ max-width:620px; color:#d0e0ea; font-size:clamp(1.02rem,1.2vw,1.2rem); line-height:1.72; }
.b60-actions{ display:flex; flex-wrap:wrap; gap:1rem; margin:2rem 0 1.6rem; }
.b60-actions .button{ border-radius:10px; padding:1rem 1.35rem; font-weight:900; }
.b60-status{ display:grid; grid-template-columns:auto 1fr; gap:.65rem; color:#a9c1ce!important; max-width:470px; font-size:.93rem!important; }
.b60-status i{ width:12px; height:12px; margin-top:.32rem; border-radius:50%; background:var(--b60-cyan); box-shadow:0 0 22px var(--b60-cyan); }
.b60-status strong{ color:var(--b60-cyan); }
.b60-status span{ grid-column:2; color:#94aeba; }
.b60-command-view,.b60-report-preview,.b60-dashboard-preview{ border:1px solid var(--b60-line2); border-radius:18px; background:linear-gradient(145deg,rgba(8,25,42,.9),rgba(2,9,18,.94)); box-shadow:0 0 0 1px rgba(255,255,255,.03),0 30px 110px rgba(0,0,0,.46), inset 0 0 80px rgba(27,188,255,.045); overflow:hidden; }
.b60-panel-title{ display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:1rem 1.2rem; border-bottom:1px solid rgba(89,219,255,.18); color:#e9faff; text-transform:uppercase; letter-spacing:.08em; font-weight:900; }
.b60-panel-title b{ color:#7dff9b; background:rgba(117,255,151,.1); border:1px solid rgba(117,255,151,.22); padding:.38rem .65rem; border-radius:999px; font-size:.75rem; }
.b60-stage-rail{ display:grid; grid-template-columns:repeat(7,1fr); padding:1rem 1.15rem .7rem; position:relative; gap:.2rem; }
.b60-stage-rail:before{ content:""; position:absolute; left:4.5%; right:4.5%; top:70%; height:3px; background:linear-gradient(90deg,var(--b60-blue),var(--b60-cyan),var(--b60-green)); box-shadow:0 0 28px rgba(89,219,255,.65); }
.b60-stage-rail span{ position:relative; z-index:1; display:grid; place-items:center; gap:.4rem; color:#dcebf4; font-size:.78rem; }
.b60-stage-rail b{ width:44px; height:44px; display:grid; place-items:center; border-radius:50%; color:#dffaff; font-size:1.55rem; }
.b60-stage-rail em{ font-style:normal; }
.b60-stage-rail span:after{ content:""; width:15px; height:15px; border-radius:50%; background:var(--b60-green); box-shadow:0 0 0 4px rgba(117,255,151,.15),0 0 22px var(--b60-green); }
.b60-scene{ height:390px; margin:0 1.1rem 1rem; position:relative; overflow:hidden; border-radius:16px; border:1px solid rgba(89,219,255,.14); background:
  radial-gradient(circle at 66% 30%,rgba(89,219,255,.12),transparent 15rem),
  linear-gradient(160deg,rgba(5,20,34,.9),rgba(1,8,15,.96)); perspective:800px; }
.b60-grid-floor{ position:absolute; inset:0; background:
  linear-gradient(115deg,transparent 0 24%,rgba(21,123,176,.2) 24.2% 24.55%,transparent 24.8% 100%),
  repeating-linear-gradient(0deg,rgba(103,234,255,.07) 0 1px,transparent 1px 54px),
  repeating-linear-gradient(90deg,rgba(103,234,255,.055) 0 1px,transparent 1px 74px); transform:skewY(-7deg) translateY(52px) scale(1.2); opacity:.74; }
.b60-scene:after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.38)); pointer-events:none; }
.b60-facility{ position:absolute; background:linear-gradient(160deg,#0b2741,#05101c); border:1px solid rgba(103,234,255,.16); box-shadow:0 10px 35px rgba(0,0,0,.45), inset 0 0 22px rgba(27,188,255,.07); transform:skewY(-9deg); }
.b60-facility.f1{ width:130px;height:80px;left:28%;top:36%;}.b60-facility.f2{width:180px;height:68px;left:47%;top:44%;}.b60-facility.f3{width:160px;height:72px;right:9%;top:39%;}
.b60-catering-cart{ position:absolute; left:8%; bottom:72px; width:172px; height:110px; border-radius:9px; background:linear-gradient(160deg,#627487,#1b3147 48%,#071526); border:1px solid #98b4c5; box-shadow:0 24px 42px rgba(0,0,0,.42),0 0 28px rgba(27,188,255,.16); transform:skewY(-8deg); }
.b60-catering-cart:before,.b60-catering-cart:after{ content:""; position:absolute; bottom:-12px; width:22px; height:22px; border-radius:50%; background:#07101a; border:3px solid #556b78; }
.b60-catering-cart:before{ left:26px; }.b60-catering-cart:after{ right:26px; }
.b60-catering-cart span{ position:absolute; inset:18px 16px; border:1px solid rgba(190,220,236,.35); }
.b60-truck{ position:absolute; left:47%; top:31%; width:118px; height:50px; background:linear-gradient(160deg,#25425b,#081827); border:1px solid rgba(147,212,243,.5); border-radius:8px; box-shadow:0 0 24px rgba(27,188,255,.2); transform:skewY(-8deg); }
.b60-truck:after{ content:""; position:absolute; right:-32px; bottom:0; width:38px; height:34px; background:#102a3c; border:1px solid rgba(147,212,243,.45); border-radius:6px; }
.b60-plane{ position:absolute; right:8%; bottom:76px; width:270px; height:120px; display:grid; place-items:center; color:#e3edf4; font-size:8.5rem; text-shadow:0 18px 35px rgba(0,0,0,.58),0 0 28px rgba(103,234,255,.23); transform:rotate(-14deg); }
.b60-route{ position:absolute; inset:65px 28px 40px; overflow:visible; filter:drop-shadow(0 0 13px var(--b60-cyan)); }
.b60-route path{ fill:none; stroke:url(#none); stroke:var(--b60-cyan); stroke-width:6; stroke-linecap:round; stroke-dasharray:2 12; animation:b60dash 9s linear infinite; }
.b60-route circle{ fill:var(--b60-green); stroke:#dfffff; stroke-width:3; }
@keyframes b60dash{ to{ stroke-dashoffset:-160; } }
.b60-pin{ position:absolute; z-index:3; width:34px; height:34px; border-radius:50%; display:grid; place-items:center; color:#bfffff; border:1px solid rgba(103,234,255,.45); background:rgba(5,20,34,.86); box-shadow:0 0 20px rgba(103,234,255,.34); font-style:normal; }
.b60-pin.p1{left:14%;top:39%;}.b60-pin.p2{left:31%;top:31%;}.b60-pin.p3{left:53%;top:55%;}.b60-pin.p4{right:31%;top:28%;}.b60-pin.p5{right:5%;top:37%;}
.b60-status-tiles{ display:grid; grid-template-columns:repeat(4,1fr); gap:.85rem; padding:0 1.1rem 1.1rem; }
.b60-status-tiles article{ border:1px solid rgba(103,234,255,.18); border-radius:12px; padding:1rem; background:rgba(1,9,17,.74); }
.b60-status-tiles span,.b60-kpis span,.b60-report-metrics span{ display:block; color:#c3d6e2; font-size:.78rem; text-transform:uppercase; letter-spacing:.05em; }
.b60-status-tiles strong{ display:block; color:#f3fbff; font-size:1.85rem; margin:.34rem 0; }
.b60-status-tiles small{ color:var(--b60-green); font-weight:800; }
.b60-status-tiles .bars,.b60-status-tiles .spark{ color:var(--b60-cyan); letter-spacing:.04em; }
.b60-proof-strip{ display:grid; grid-template-columns:repeat(4,1fr); gap:0; margin-top:1.8rem; border:1px solid rgba(89,219,255,.15); border-radius:18px; background:linear-gradient(145deg,rgba(8,25,42,.82),rgba(2,9,18,.84)); overflow:hidden; }
.b60-proof-strip article{ min-height:132px; padding:1.25rem 1.35rem; display:flex; gap:1.1rem; align-items:center; border-right:1px solid rgba(89,219,255,.12); }
.b60-proof-strip article:last-child{ border-right:0; }
.b60-proof-strip i{ width:58px; height:58px; flex:0 0 58px; display:grid; place-items:center; color:var(--b60-blue); border-radius:50%; background:rgba(27,188,255,.1); }
.b60-proof-strip svg{ width:42px; height:42px; fill:none; stroke:currentColor; stroke-width:1.8; }
.b60-proof-strip strong{ display:block; color:var(--b60-text); font-size:1.03rem; }
.b60-proof-strip span{ color:#b6c8d3; line-height:1.45; font-size:.92rem; }
.b60-pipeline{ text-align:center; padding:2rem 0 .8rem; }
.b60-pipeline .eyebrow{ margin:0; color:#738c9d; letter-spacing:.22em; font-size:.8rem; }
.b60-pipeline h2{ margin:.35rem 0 1.55rem; color:#fff; font-size:clamp(2rem,2.4vw,2.9rem); letter-spacing:-.03em; }
.b60-pipeline-row{ display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1.05fr auto 1fr auto 1fr auto 1fr; gap:.75rem; align-items:center; }
.b60-pipeline-row article{ min-height:158px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.55rem; border:1px solid rgba(89,219,255,.18); border-radius:14px; background:linear-gradient(180deg,rgba(8,25,42,.78),rgba(2,9,18,.82)); box-shadow:inset 0 0 28px rgba(27,188,255,.04); }
.b60-pipeline-row article.core{ border-color:rgba(89,219,255,.7); box-shadow:0 0 30px rgba(27,188,255,.25), inset 0 0 45px rgba(27,188,255,.14); }
.b60-pipeline-row i{ color:#dceefa; height:42px; display:grid; place-items:center; }
.b60-pipeline-row svg{ width:42px; height:42px; fill:none; stroke:currentColor; stroke-width:1.8; }
.b60-pipeline-row strong{ color:#f0f9ff; }
.b60-pipeline-row span{ color:#aebfca; font-size:.85rem; max-width:150px; }
.b60-arrow{ color:#88dff7; font-size:1.45rem; opacity:.86; }
.b60-two-previews{ display:grid; grid-template-columns:.94fr 1.06fr; gap:1.2rem; padding:0 0 1.2rem; }
.b60-report-preview,.b60-dashboard-preview{ padding-bottom:1rem; }
.b60-white-report{ margin:1rem; padding:1.2rem; border-radius:10px; background:linear-gradient(180deg,#f5f9fc,#e9f1f6); color:#142234; box-shadow:0 18px 45px rgba(0,0,0,.38); }
.b60-report-head{ display:grid; grid-template-columns:1fr auto auto; gap:1rem; align-items:start; border-bottom:1px solid #c8d5de; padding-bottom:.8rem; }
.b60-report-head strong{ font-size:1.15rem; }.b60-report-head b{ color:#1c7b44; font-size:.78rem; text-transform:uppercase; }.b60-report-head em{ font-style:normal; text-align:right; color:#52626e; font-size:.8rem; }
.b60-report-route{ display:grid; grid-template-columns:repeat(7,1fr); gap:.4rem; padding:.9rem 0; color:#263847; font-size:.74rem; border-bottom:1px solid #d2dde4; }
.b60-report-route span{ text-align:center; }
.b60-report-route b{ color:#1c2b38; }
.b60-report-metrics{ display:grid; grid-template-columns:repeat(5,1fr); gap:.5rem; padding:.8rem 0; }
.b60-report-metrics article{ background:#f8fbfd; border:1px solid #d5e0e7; border-radius:9px; padding:.75rem .55rem; }
.b60-report-metrics strong{ color:#142234; font-size:1.25rem; }
.b60-report-foot{ display:grid; grid-template-columns:repeat(4,1fr) 1.1fr; gap:.6rem; border-top:1px solid #d2dde4; padding-top:.75rem; font-size:.75rem; color:#536777; }
.b60-report-foot strong{ font-family:cursive; color:#1b2c38; font-size:1.2rem; transform:rotate(-4deg); }
.b60-mini-button{ display:inline-flex; align-items:center; justify-content:center; min-width:250px; margin:.1rem auto 0; padding:.78rem 1rem; border:1px solid rgba(89,219,255,.45); border-radius:10px; color:var(--b60-cyan); font-weight:900; text-decoration:none; background:rgba(27,188,255,.055); }
.b60-kpis{ display:grid; grid-template-columns:repeat(4,1fr); gap:.6rem; padding:1rem; }
.b60-kpis article{ border:1px solid rgba(89,219,255,.12); border-radius:10px; padding:.8rem; background:rgba(1,8,16,.74); }
.b60-kpis strong{ display:block; color:#fff; font-size:1.6rem; }
.b60-kpis small{ color:var(--b60-green); }
.b60-dashboard-grid{ display:grid; grid-template-columns:1fr 1fr; gap:.8rem; padding:0 1rem 1rem; }
.b60-dashboard-grid>div{ min-height:170px; border:1px solid rgba(89,219,255,.12); border-radius:12px; background:rgba(1,8,16,.72); padding:.9rem; }
.b60-dashboard-grid b{ display:block; color:#dceffa; text-transform:uppercase; font-size:.78rem; letter-spacing:.08em; margin-bottom:.55rem; }
.b60-live-map{ position:relative; overflow:hidden; }
.b60-live-map:before{ content:"✈"; position:absolute; right:12%; top:22%; color:#d3e6f2; font-size:5.5rem; opacity:.35; transform:rotate(-18deg); }
.b60-map-path{ position:absolute; left:10%; bottom:15%; width:72%; height:62%; }
.b60-map-path:before{ content:""; position:absolute; inset:16% 8%; border:2px solid var(--b60-cyan); border-left:0; border-bottom:0; border-radius:60% 40% 45% 35%; filter:drop-shadow(0 0 10px var(--b60-cyan)); transform:rotate(-19deg); }
.b60-map-path span{ position:absolute; color:#e0f7ff; font-size:.7rem; }
.b60-map-path span:nth-child(1){left:0;top:0}.b60-map-path span:nth-child(2){left:20%;top:22%}.b60-map-path span:nth-child(3){left:38%;top:50%}.b60-map-path span:nth-child(4){left:58%;top:33%}.b60-map-path span:nth-child(5){right:0;bottom:20%}.b60-map-path span:nth-child(6){right:8%;top:2%}
.b60-trend svg{ width:100%; height:100px; margin-top:.35rem; stroke:var(--b60-green); fill:none; stroke-width:4; filter:drop-shadow(0 0 8px rgba(117,255,151,.45)); }
.b60-trend strong{ color:var(--b60-green); float:right; margin-top:-2rem; }
.b60-events,.b60-alerts{ display:grid; gap:.46rem; color:#cbdce6; font-size:.82rem; }
.b60-alerts span:first-of-type{ color:#ffb76a; }
.b60-trust-strip{ text-align:center; padding:1.5rem 0 2.1rem; }
.b60-trust-strip p{ color:#879baa; text-transform:uppercase; letter-spacing:.18em; font-size:.78rem; font-weight:900; }
.b60-trust-strip div{ display:flex; justify-content:space-between; gap:1.5rem; flex-wrap:wrap; align-items:center; opacity:.88; }
.b60-trust-strip span{ color:#e4edf3; text-transform:uppercase; letter-spacing:.055em; font-size:1.28rem; font-weight:800; opacity:.78; }
@media(max-width:1180px){ .b60-home-exact,.b60-two-previews{ grid-template-columns:1fr; } .b60-pipeline-row{ grid-template-columns:1fr; }.b60-arrow{display:none}.b60-stage-rail,.b60-status-tiles,.b60-proof-strip{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:680px){ .b60-home-exact,.b60-proof-strip,.b60-pipeline,.b60-two-previews,.b60-trust-strip{ width:min(var(--b60-wide),calc(100vw - 24px)); } .b60-hero-copy h1{ font-size:2.75rem; } .b60-stage-rail,.b60-status-tiles,.b60-proof-strip,.b60-kpis,.b60-dashboard-grid,.b60-report-metrics,.b60-report-foot{ grid-template-columns:1fr; } .b60-scene{ height:320px; } .b60-plane{ font-size:5rem; right:4%; } .b60-catering-cart{ transform:scale(.8) skewY(-8deg); transform-origin:left bottom; } }

/* Build 61 - Option B approved visual system reconstruction (fully coded, no static hero image shortcut) */
:root{
  --b61-bg:#020812;
  --b61-panel:#071521;
  --b61-panel2:#0a1d2c;
  --b61-border:rgba(98,214,255,.24);
  --b61-border-strong:rgba(87,213,255,.72);
  --b61-text:#f3f8fb;
  --b61-muted:#afc2cf;
  --b61-dim:#71889a;
  --b61-cyan:#18caff;
  --b61-blue:#2d85ff;
  --b61-green:#71ff8c;
  --b61-amber:#ffb550;
  --b61-red:#ff5c62;
  --b61-shadow:0 32px 100px rgba(0,0,0,.58);
  --b61-wide:1240px;
}
body:has(.b61-home){
  background:
    radial-gradient(circle at 78% 5%,rgba(15,132,255,.18),transparent 36rem),
    radial-gradient(circle at 6% 18%,rgba(24,202,255,.12),transparent 30rem),
    linear-gradient(180deg,#020711 0%,#03101a 48%,#020711 100%);
}
body:has(.b61-home)::before{
  background-image:linear-gradient(rgba(41,177,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(41,177,255,.03) 1px,transparent 1px);
  background-size:70px 70px;
  opacity:.75;
}
body:has(.b61-home) .site-header{
  width:min(var(--b61-wide),calc(100vw - 44px));
  margin:0 auto;
  padding:22px 0 18px;
  border:0;
  border-bottom:1px solid rgba(107,221,255,.12);
  border-radius:0;
  background:linear-gradient(180deg,rgba(2,8,16,.9),rgba(2,8,16,.42));
  box-shadow:none;
  backdrop-filter:none;
}
body:has(.b61-home) .brand-mark{
  width:42px;height:28px;border-radius:0;background:none;box-shadow:none;position:relative;
}
body:has(.b61-home) .brand-mark:before,body:has(.b61-home) .brand-mark:after,body:has(.b61-home) .brand-mark i{
  content:"";position:absolute;height:8px;border-radius:2px;background:linear-gradient(90deg,#0b7bff,var(--b61-cyan));transform:skewX(-28deg);
}
body:has(.b61-home) .brand-mark:before{width:35px;left:0;top:1px;}body:has(.b61-home) .brand-mark i{width:27px;left:6px;top:10px;}body:has(.b61-home) .brand-mark:after{width:18px;left:12px;top:19px;}
body:has(.b61-home) .brand strong{font-size:2.25rem;line-height:.86;letter-spacing:.08em;color:#fff;text-shadow:0 0 22px rgba(255,255,255,.08)}
body:has(.b61-home) .brand small{font-size:.56rem;letter-spacing:.16em;color:#8ea4b3;margin-top:4px;}
body:has(.b61-home) .site-nav{gap:1.75rem;}
body:has(.b61-home) .nav-link{padding:.55rem .2rem;border-radius:0;color:#dce9f0;font-size:.94rem;font-weight:650;}
body:has(.b61-home) .nav-link:hover,body:has(.b61-home) .nav-link.active{background:none;color:#fff;text-shadow:0 0 14px rgba(24,202,255,.35)}
body:has(.b61-home) .nav-cta{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 1.35rem;border-radius:7px;background:linear-gradient(180deg,#42d6ff,#10aeee);color:#02111c;font-weight:900;border:1px solid rgba(158,239,255,.65);box-shadow:0 0 34px rgba(24,202,255,.28)}
body:has(.b61-home) .nav-cta:after{content:'›';font-size:1.4rem;line-height:0;}
.b61-home,.b61-proof,.b61-pipeline,.b61-previews,.b61-trust{width:min(var(--b61-wide),calc(100vw - 44px));}
.b61-home{display:grid;grid-template-columns:.82fr 1.18fr;gap:2.4rem;align-items:center;padding:48px 0 28px;}
.b61-hero-copy h1{margin:0;color:#fff;font-size:clamp(3.1rem,5.1vw,5.55rem);line-height:1.075;letter-spacing:-.045em;max-width:590px;text-wrap:balance;}
.b61-hero-copy h1 span{color:var(--b61-cyan);text-shadow:0 0 32px rgba(24,202,255,.3);}
.b61-hero-copy p{max-width:570px;color:#d2dee7;font-size:1.16rem;line-height:1.66;margin:1.45rem 0 0;}
.b61-actions{display:flex;gap:1rem;flex-wrap:wrap;margin:2rem 0 1.35rem;}
.b61-btn{height:48px;display:inline-flex;align-items:center;gap:.75rem;padding:0 1.25rem;border-radius:6px;border:1px solid var(--b61-border-strong);font-weight:900;font-size:.9rem;}
.b61-btn.primary{background:linear-gradient(180deg,#48d9ff,#19bff1);color:#01111c;box-shadow:0 0 40px rgba(24,202,255,.25);}
.b61-btn.ghost{background:rgba(1,15,27,.76);color:#8febff;}
.b61-btn em{font-style:normal;font-size:1.2rem;}
.b61-live-note{display:grid;grid-template-columns:16px 1fr;gap:.8rem;align-items:start;margin-top:1.45rem!important;font-size:.92rem!important;color:#95aebd!important;line-height:1.45!important;}
.b61-live-note i{width:10px;height:10px;border-radius:50%;background:var(--b61-cyan);margin-top:.45rem;box-shadow:0 0 16px var(--b61-cyan),0 0 28px rgba(24,202,255,.5);}
.b61-live-note strong{display:block;color:#2fd9ff;font-weight:800;}.b61-live-note span{display:block;color:#8ca5b3;}
.b61-command,.b61-report-card,.b61-dashboard-card{position:relative;border:1px solid var(--b61-border-strong);border-radius:15px;background:linear-gradient(160deg,rgba(10,31,48,.9),rgba(3,12,22,.92));box-shadow:var(--b61-shadow),inset 0 0 55px rgba(24,202,255,.07);overflow:hidden;}
.b61-command{min-height:530px;}
.b61-command:before,.b61-report-card:before,.b61-dashboard-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(24,202,255,.06),transparent);opacity:.65;pointer-events:none;}
.b61-command-head,.b61-card-title{height:52px;display:flex;align-items:center;padding:0 1.35rem;border-bottom:1px solid rgba(98,214,255,.2);text-transform:uppercase;letter-spacing:.12em;color:#e4f5ff;font-size:.9rem;font-weight:850;}
.b61-stage-rail{position:relative;display:grid;grid-template-columns:repeat(7,1fr);gap:0;padding:1rem 1.35rem .75rem;}
.b61-stage-rail:after{content:"";position:absolute;left:8.4%;right:8.4%;top:63%;height:3px;background:linear-gradient(90deg,var(--b61-cyan),#78ffb0,var(--b61-cyan));box-shadow:0 0 18px rgba(24,202,255,.7);}
.b61-stage-rail article{position:relative;z-index:1;display:grid;place-items:center;gap:.45rem;color:#d7e9f4;font-size:.74rem;text-align:center;}
.b61-stage-icon{display:grid;place-items:center;width:34px;height:34px;color:#d9f4ff;}
.b61-stage-icon svg,.b61-signal-pin svg,.b61-proof svg,.b61-pipeline svg,.b61-command-metrics .lock svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;}
.b61-stage-rail article:after{content:"";width:14px;height:14px;border-radius:50%;background:var(--b61-green);border:2px solid #d4fff0;box-shadow:0 0 16px rgba(113,255,140,.9);margin-top:.15rem;}
.b61-airport-scene{position:relative;height:285px;margin:0 1.05rem 1rem;border-top:1px solid rgba(98,214,255,.08);border-bottom:1px solid rgba(98,214,255,.08);background:radial-gradient(circle at 70% 45%,rgba(24,202,255,.18),transparent 22rem),linear-gradient(180deg,rgba(5,18,31,.72),rgba(2,9,17,.93));overflow:hidden;}
.b61-scene-grid{position:absolute;inset:-70px -110px;background:linear-gradient(115deg,transparent 0 22%,rgba(24,202,255,.12) 22.2% 22.45%,transparent 22.7% 100%),repeating-linear-gradient(0deg,rgba(93,207,255,.07) 0 1px,transparent 1px 44px),repeating-linear-gradient(90deg,rgba(93,207,255,.05) 0 1px,transparent 1px 60px);transform:skewY(-7deg) translateY(42px);opacity:.8;}
.b61-building{position:absolute;background:linear-gradient(155deg,#102e46,#05121f);border:1px solid rgba(90,197,242,.22);box-shadow:0 12px 35px rgba(0,0,0,.5),inset 0 0 28px rgba(24,202,255,.08);transform:skewY(-8deg);}
.b61-building.b1{width:150px;height:68px;left:25%;top:38%;}.b61-building.b2{width:205px;height:62px;left:43%;top:48%;}.b61-building.b3{width:175px;height:64px;right:7%;top:41%;}.b61-building.b4{width:150px;height:54px;left:12%;top:24%;opacity:.45;}
.b61-catering-unit{position:absolute;left:6%;bottom:58px;width:176px;height:108px;border-radius:8px;background:linear-gradient(150deg,#758ca0 0,#2d4960 44%,#071927 100%);border:1px solid #a9c3d0;box-shadow:0 24px 45px rgba(0,0,0,.5),0 0 32px rgba(24,202,255,.2);transform:skewY(-8deg);}
.b61-catering-unit:before,.b61-catering-unit:after{content:"";position:absolute;bottom:-13px;width:21px;height:21px;border-radius:50%;background:#04111c;border:3px solid #6f8591;}.b61-catering-unit:before{left:25px}.b61-catering-unit:after{right:25px}.b61-catering-unit span{position:absolute;inset:16px;border:1px solid rgba(225,245,255,.32)}.b61-catering-unit b{position:absolute;left:18px;right:18px;bottom:18px;height:3px;background:rgba(233,255,255,.44)}
.b61-yard-truck{position:absolute;left:48%;top:26%;width:116px;height:52px;border-radius:7px;background:linear-gradient(150deg,#334e63,#091927);border:1px solid rgba(150,220,250,.55);box-shadow:0 0 30px rgba(24,202,255,.22);transform:skewY(-8deg);}.b61-yard-truck:after{content:"";position:absolute;right:-35px;bottom:0;width:38px;height:34px;border-radius:6px;background:#102d42;border:1px solid rgba(150,220,250,.48)}
.b61-aircraft{position:absolute;right:7%;bottom:52px;width:286px;height:145px;filter:drop-shadow(0 23px 25px rgba(0,0,0,.6)) drop-shadow(0 0 16px rgba(24,202,255,.24));transform:rotate(-12deg)}
.b61-aircraft span:before{content:"✈";font-size:9rem;color:#e7f2f8;text-shadow:0 0 22px rgba(24,202,255,.25);}
.b61-route-svg{position:absolute;inset:38px 28px 26px;overflow:visible;filter:drop-shadow(0 0 12px rgba(24,202,255,.8));}.b61-route-svg path{fill:none;stroke-linecap:round;}.b61-route-svg .route-halo{stroke:rgba(24,202,255,.18);stroke-width:14;}.b61-route-svg .route-core{stroke:var(--b61-cyan);stroke-width:4;stroke-dasharray:6 10;animation:b61dash 7s linear infinite;}.b61-route-svg circle{fill:var(--b61-green);stroke:#ecfff7;stroke-width:3;}@keyframes b61dash{to{stroke-dashoffset:-130}}
.b61-signal-pin{position:absolute;z-index:5;width:34px;height:34px;border:1px solid rgba(93,207,255,.52);border-radius:50%;background:rgba(4,18,29,.9);color:#baf2ff;display:grid;place-items:center;box-shadow:0 0 22px rgba(24,202,255,.38)}.b61-signal-pin.p1{left:13%;top:35%}.b61-signal-pin.p2{left:29%;top:28%}.b61-signal-pin.p3{left:51%;top:54%}.b61-signal-pin.p4{right:31%;top:24%}.b61-signal-pin.p5{right:4%;top:34%}
.b61-command-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:.85rem;padding:0 1rem 1rem;}.b61-command-metrics article,.b61-dashboard-card .kpis article{border:1px solid rgba(98,214,255,.16);border-radius:10px;background:rgba(3,12,22,.75);padding:.9rem 1rem}.b61-command-metrics span,.b61-dashboard-card small{display:block;color:#c9dce8;font-size:.76rem;text-transform:uppercase;letter-spacing:.04em}.b61-command-metrics strong{display:block;margin:.3rem 0;color:#f5fbff;font-size:1.8rem}.b61-command-metrics small{color:var(--b61-green);font-weight:850}.b61-command-metrics .bars{display:flex;gap:4px;align-items:end;height:35px}.b61-command-metrics .bars i{display:block;width:8px;background:linear-gradient(var(--b61-cyan),#4aa2ff)}.b61-command-metrics .bars i:nth-child(1){height:10px}.b61-command-metrics .bars i:nth-child(2){height:17px}.b61-command-metrics .bars i:nth-child(3){height:25px}.b61-command-metrics .bars i:nth-child(4){height:32px}.b61-command-metrics svg{width:100%;height:38px}.b61-command-metrics polyline{fill:none;stroke:var(--b61-cyan);stroke-width:3;filter:drop-shadow(0 0 6px rgba(24,202,255,.5))}.b61-command-metrics .lock{width:45px;height:45px;color:#cceeff;}
.b61-proof{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(98,214,255,.15);border-radius:16px;background:linear-gradient(145deg,rgba(8,24,39,.86),rgba(2,9,17,.88));overflow:hidden;margin-top:1rem}.b61-proof article{display:flex;gap:1.15rem;align-items:center;min-height:128px;padding:1.18rem 1.25rem;border-right:1px solid rgba(98,214,255,.12)}.b61-proof article:last-child{border-right:0}.b61-proof i{width:60px;height:60px;color:#4ebdff;display:grid;place-items:center;border-radius:50%;background:rgba(34,158,255,.1);box-shadow:inset 0 0 22px rgba(34,158,255,.12)}.b61-proof strong{display:block;color:#fff;font-size:1.05rem}.b61-proof span{display:block;color:#b9c9d4;line-height:1.42;font-size:.9rem}
.b61-pipeline{text-align:center;padding:1.8rem 0 1.3rem}.b61-pipeline .eyebrow{margin:0;color:#778d9c;letter-spacing:.2em;font-size:.78rem}.b61-pipeline h2{margin:.34rem 0 1.45rem;color:#fff;font-size:2.45rem}.b61-pipeline>div{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1.05fr auto 1fr auto 1fr auto 1fr;gap:.75rem;align-items:center}.b61-pipeline article{min-height:155px;padding:.8rem;border:1px solid rgba(98,214,255,.18);border-radius:13px;background:linear-gradient(180deg,rgba(8,24,39,.82),rgba(2,9,17,.86));display:grid;place-items:center;text-align:center;gap:.48rem}.b61-pipeline article.core{border-color:rgba(24,202,255,.78);box-shadow:0 0 28px rgba(24,202,255,.22),inset 0 0 42px rgba(24,202,255,.14)}.b61-pipeline i{width:44px;height:44px;color:#d9f2ff}.b61-pipeline strong{color:#f5fbff}.b61-pipeline span{color:#aebfca;font-size:.83rem}.b61-pipeline .arrow{color:#9fefff;font-size:1.7rem;opacity:.82}
.b61-previews{display:grid;grid-template-columns:.95fr 1.05fr;gap:1rem;padding-bottom:1.2rem}.b61-report-card,.b61-dashboard-card{padding-bottom:1rem}.b61-card-title{height:42px;font-size:.82rem;color:#cfefff}.b61-white-report{margin:1rem;padding:1.05rem;border-radius:9px;background:linear-gradient(180deg,#f6fbff,#e9f2f8);color:#122638;box-shadow:0 18px 48px rgba(0,0,0,.45)}.b61-white-report header{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid #ccdbe5;padding-bottom:.65rem}.b61-white-report header strong{font-size:1.05rem}.b61-white-report header b{color:#197a44;text-transform:uppercase;font-size:.7rem}.b61-white-report header svg{width:14px;height:14px;vertical-align:middle}.b61-white-report h4{margin:.1rem 0 .6rem;color:#142638}.b61-white-report small{color:#5b6a76}.b61-white-report .journey{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem;padding:.65rem 0;border-top:1px solid #d6e1e8;border-bottom:1px solid #d6e1e8;font-size:.68rem;text-align:center}.b61-white-report .metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:.45rem;padding:.75rem 0}.b61-white-report .metrics article{padding:.62rem;border:1px solid #d6e1e8;border-radius:8px;background:#fbfdff}.b61-white-report .metrics strong{font-size:1.08rem;color:#122638}.b61-white-report footer{display:grid;grid-template-columns:repeat(4,1fr) 1.05fr;gap:.5rem;padding-top:.65rem;border-top:1px solid #d6e1e8;font-size:.66rem}.b61-white-report footer b{color:#172b3b}.b61-white-report footer em{font-family:cursive;color:#132535;font-size:1.22rem;transform:rotate(-4deg)}.b61-outline-button{display:flex;align-items:center;justify-content:center;width:max-content;min-width:240px;margin:.1rem auto 0;padding:.78rem 1rem;border:1px solid rgba(24,202,255,.45);border-radius:9px;color:#1ed7ff;background:rgba(24,202,255,.05);font-weight:900}.b61-dashboard-card .kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;padding:1rem}.b61-dashboard-card .kpis strong{display:block;color:#fff;font-size:1.58rem}.b61-dashboard-card .kpis span{color:var(--b61-green);font-size:.74rem}.b61-dashboard-card .dashgrid{display:grid;grid-template-columns:1fr 1fr;gap:.72rem;padding:0 1rem 1rem}.b61-dashboard-card .dashgrid>div{min-height:155px;border:1px solid rgba(98,214,255,.13);border-radius:10px;background:rgba(2,10,18,.72);padding:.8rem;overflow:hidden}.b61-dashboard-card b{display:block;color:#dceffa;text-transform:uppercase;font-size:.74rem;letter-spacing:.08em;margin-bottom:.5rem}.b61-dashboard-card .map{position:relative}.b61-dashboard-card .map:after{content:"✈";position:absolute;right:13%;top:21%;font-size:5rem;color:#d9edf8;opacity:.35;transform:rotate(-18deg)}.b61-dashboard-card .mapline{position:absolute;inset:34px 28px}.b61-dashboard-card .mapline:before{content:"";position:absolute;inset:25px 20px;border:2px solid var(--b61-cyan);border-left:0;border-bottom:0;border-radius:60% 40% 45% 35%;transform:rotate(-20deg);filter:drop-shadow(0 0 10px var(--b61-cyan))}.b61-dashboard-card .mapline span{position:absolute;color:#e0f7ff;font-size:.66rem}.b61-dashboard-card .mapline span:nth-child(1){left:0;top:0}.b61-dashboard-card .mapline span:nth-child(2){left:24%;top:25%}.b61-dashboard-card .mapline span:nth-child(3){left:41%;top:58%}.b61-dashboard-card .mapline span:nth-child(4){left:62%;top:41%}.b61-dashboard-card .mapline span:nth-child(5){right:0;bottom:14%}.b61-dashboard-card .mapline span:nth-child(6){right:10%;top:1%}.b61-dashboard-card .trend svg{width:100%;height:92px}.b61-dashboard-card .trend polyline{fill:none;stroke:var(--b61-green);stroke-width:4;filter:drop-shadow(0 0 8px rgba(113,255,140,.45))}.b61-dashboard-card .trend strong{float:right;color:var(--b61-green);margin-top:-1.8rem}.b61-dashboard-card .events,.b61-dashboard-card .alerts{display:grid;gap:.35rem;color:#c9d9e4;font-size:.76rem}.b61-dashboard-card .alerts span{color:#ffcc6e}.b61-trust{text-align:center;padding:1.15rem 0 2.3rem}.b61-trust p{margin:.4rem 0 1.2rem;color:#879dac;text-transform:uppercase;letter-spacing:.17em;font-size:.78rem;font-weight:900}.b61-trust div{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;flex-wrap:wrap}.b61-trust span{font-size:1.28rem;color:#e8eef2;text-transform:uppercase;letter-spacing:.04em;font-weight:800;opacity:.8}
@media(max-width:1180px){.b61-home,.b61-previews{grid-template-columns:1fr}.b61-pipeline>div{grid-template-columns:1fr}.b61-pipeline .arrow{display:none}.b61-proof{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){body:has(.b61-home) .site-header{width:min(var(--b61-wide),calc(100vw - 24px));padding:14px 0}.b61-home,.b61-proof,.b61-pipeline,.b61-previews,.b61-trust{width:min(var(--b61-wide),calc(100vw - 24px))}.b61-hero-copy h1{font-size:2.9rem}.b61-stage-rail,.b61-command-metrics,.b61-proof,.b61-dashboard-card .kpis,.b61-dashboard-card .dashgrid,.b61-white-report .metrics,.b61-white-report footer{grid-template-columns:1fr}.b61-airport-scene{height:340px}.b61-aircraft{right:0;width:210px}.b61-aircraft span:before{font-size:6rem}.b61-catering-unit{transform:scale(.78) skewY(-8deg);transform-origin:left bottom}.b61-trust div{justify-content:center}}

/* Build 62 - asset-led approved futuristic visual lock */
body {
  background:
    radial-gradient(circle at 12% 8%, rgba(0, 178, 255, 0.16), transparent 27rem),
    radial-gradient(circle at 82% 12%, rgba(0, 213, 255, 0.12), transparent 34rem),
    linear-gradient(180deg, #010712 0%, #02101b 45%, #01060d 100%);
}
.site-header {
  width: min(1220px, calc(100vw - 44px));
  margin-top: 18px;
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid rgba(91, 210, 255, 0.13);
  background: rgba(1, 6, 13, 0.76);
  box-shadow: none;
  padding: 16px 2px 18px;
}
.brand-mark {
  border-radius: 12px;
  background: linear-gradient(135deg, #00b8ff, #58e6ff);
  box-shadow: 0 0 28px rgba(0, 183, 255, 0.32);
}
.brand strong { font-size: 1.55rem; letter-spacing: 0.10em; }
.brand small { color: #8ba7b8; font-size: 0.58rem; letter-spacing: 0.18em; }
.nav-link { color: #d6e8f1; padding: 0.72rem 1rem; }
.nav-link.active, .nav-link:hover { color: #69e6ff; background: transparent; text-shadow: 0 0 18px rgba(0, 204, 255, 0.45); }
.nav-cta {
  color: #00131f;
  background: linear-gradient(135deg, #42d9ff, #1aa5ff);
  border-radius: 8px;
  padding: 0.9rem 1.2rem;
  font-weight: 900;
  box-shadow: 0 0 34px rgba(0, 183, 255, 0.28);
}
.site-footer {
  border-top: 1px solid rgba(91,210,255,.13);
  background: rgba(1,7,14,.72);
  margin-top: 28px;
}
.b62-visual-lock {
  width: min(1220px, calc(100vw - 44px));
  padding: 34px 0 18px;
}
.b62-visual-copy {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 1.5rem;
  margin-bottom: 16px;
}
.b62-visual-copy .eyebrow { color: #3ddcff; margin-bottom: .45rem; }
.b62-visual-copy h1 {
  font-size: clamp(2.05rem, 4vw, 4.7rem);
  max-width: 860px;
  letter-spacing: -0.055em;
}
.b62-visual-copy p:not(.eyebrow) {
  grid-column: 1 / -1;
  max-width: 920px;
  margin: .2rem 0 0;
  color: #a9bfcc;
  font-size: 1.05rem;
}
.b62-actions { display: flex; gap: .8rem; justify-content: flex-end; align-items: center; }
.b62-visual-frame {
  position: relative;
  margin: 0;
  border: 1px solid rgba(91, 210, 255, 0.34);
  border-radius: 18px;
  overflow: hidden;
  background: rgba(1, 14, 24, 0.88);
  box-shadow: 0 0 0 1px rgba(55, 202, 255, 0.08), 0 36px 100px rgba(0,0,0,.55), 0 0 82px rgba(0, 174, 255, 0.17);
}
.b62-visual-frame::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(1, 9, 15, .08), transparent 18%, transparent 82%, rgba(1, 9, 15, .12)), radial-gradient(circle at 50% 2%, rgba(94, 225, 255, .20), transparent 22rem);
  z-index: 1;
}
.b62-visual-frame img {
  display: block;
  width: 100%;
  height: auto;
  filter: saturate(1.1) contrast(1.04) brightness(1.03);
}
.b62-integrity-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}
.b62-integrity-strip article {
  border: 1px solid rgba(91, 210, 255, 0.22);
  border-radius: 14px;
  padding: 16px;
  background: linear-gradient(150deg, rgba(7, 29, 46, .72), rgba(2, 10, 18, .84));
  box-shadow: inset 0 0 34px rgba(0, 174, 255, .05);
}
.b62-integrity-strip strong { display:block; color:#effbff; margin-bottom: 4px; }
.b62-integrity-strip span { color:#91aabb; font-size:.92rem; line-height:1.5; }
@media (max-width: 900px) {
  .b62-visual-copy { grid-template-columns: 1fr; }
  .b62-actions { justify-content: flex-start; flex-wrap: wrap; }
  .b62-integrity-strip { grid-template-columns: 1fr; }
  .site-header { border-radius: 18px; padding: 12px; }
}

/* Build 63 - exact visual canvas lock for public launch pages */
.b63-visual-canvas-page {
  margin: 0;
  background: #020912;
  color: #f4fbff;
  overflow-x: hidden;
}
.b63-visual-canvas-page .skip-link { position:absolute; left:-9999px; }
.b63-visual-canvas-page #main {
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 0;
}
.b63-visual-canvas {
  width: 100%;
  display: flex;
  justify-content: center;
  background:
    radial-gradient(circle at 50% 0%, rgba(25, 170, 255, 0.12), transparent 34rem),
    linear-gradient(180deg, #020912 0%, #020913 100%);
}
.b63-image-shell {
  position: relative;
  width: min(100vw, 1086px);
  margin: 0 auto;
  background: #020912;
  box-shadow: 0 0 80px rgba(0, 189, 255, 0.10), 0 0 0 1px rgba(74, 207, 255, 0.10);
}
.b63-image-shell img {
  display: block;
  width: 100%;
  height: auto;
}
.b63-hotspot {
  position: absolute;
  z-index: 5;
  display: block;
  border-radius: 999px;
  background: transparent;
}
.b63-hotspot:focus-visible {
  outline: 2px solid rgba(66, 217, 255, .9);
  outline-offset: 2px;
  background: rgba(66, 217, 255, .08);
}
.b63-hotspot-brand { left: 1.5%; top: 1.1%; width: 15%; height: 4.2%; }
.b63-hotspot-platform { left: 25.7%; top: 1.2%; width: 7.5%; height: 3.6%; }
.b63-hotspot-live { left: 34.6%; top: 1.2%; width: 7.7%; height: 3.6%; }
.b63-hotspot-evidence { left: 43.4%; top: 1.2%; width: 7.9%; height: 3.6%; }
.b63-hotspot-pilot { left: 52.2%; top: 1.2%; width: 5.9%; height: 3.6%; }
.b63-hotspot-watchdog { left: 59.3%; top: 1.2%; width: 8.4%; height: 3.6%; }
.b63-hotspot-who { left: 69.2%; top: 1.2%; width: 8.8%; height: 3.6%; }
.b63-hotspot-cta { left: 79.5%; top: 1.0%; width: 18.0%; height: 4.4%; }
.b63-hotspot-primary { left: 3.0%; top: 31.1%; width: 19.0%; height: 4.2%; }
.b63-hotspot-secondary { left: 23.5%; top: 31.1%; width: 19.5%; height: 4.2%; }
.b63-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
@media (min-width: 1087px) {
  .b63-image-shell { border-left: 1px solid rgba(91,210,255,.12); border-right: 1px solid rgba(91,210,255,.12); }
}
@media (max-width: 720px) {
  .b63-image-shell { width: 100vw; }
}

/* Build 63 - exact visual canvas lock for public launch pages */
.b63-visual-canvas-page {
  margin: 0;
  background: #020912;
  color: #f4fbff;
  overflow-x: hidden;
}
.b63-visual-canvas-page .skip-link { position:absolute; left:-9999px; }
.b63-visual-canvas-page #main {
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 0;
}
.b63-visual-canvas {
  width: 100%;
  display: flex;
  justify-content: center;
  background:
    radial-gradient(circle at 50% 0%, rgba(25, 170, 255, 0.12), transparent 34rem),
    linear-gradient(180deg, #020912 0%, #020913 100%);
}
.b63-image-shell {
  position: relative;
  width: min(100vw, 1086px);
  margin: 0 auto;
  background: #020912;
  box-shadow: 0 0 80px rgba(0, 189, 255, 0.10), 0 0 0 1px rgba(74, 207, 255, 0.10);
}
.b63-image-shell img {
  display: block;
  width: 100%;
  height: auto;
}
.b63-hotspot {
  position: absolute;
  z-index: 5;
  display: block;
  border-radius: 999px;
  background: transparent;
}
.b63-hotspot:focus-visible {
  outline: 2px solid rgba(66, 217, 255, .9);
  outline-offset: 2px;
  background: rgba(66, 217, 255, .08);
}
.b63-hotspot-brand { left: 1.5%; top: 1.1%; width: 15%; height: 4.2%; }
.b63-hotspot-platform { left: 25.7%; top: 1.2%; width: 7.5%; height: 3.6%; }
.b63-hotspot-live { left: 34.6%; top: 1.2%; width: 7.7%; height: 3.6%; }
.b63-hotspot-evidence { left: 43.4%; top: 1.2%; width: 7.9%; height: 3.6%; }
.b63-hotspot-pilot { left: 52.2%; top: 1.2%; width: 5.9%; height: 3.6%; }
.b63-hotspot-watchdog { left: 59.3%; top: 1.2%; width: 8.4%; height: 3.6%; }
.b63-hotspot-who { left: 69.2%; top: 1.2%; width: 8.8%; height: 3.6%; }
.b63-hotspot-cta { left: 79.5%; top: 1.0%; width: 18.0%; height: 4.4%; }
.b63-hotspot-primary { left: 3.0%; top: 31.1%; width: 19.0%; height: 4.2%; }
.b63-hotspot-secondary { left: 23.5%; top: 31.1%; width: 19.5%; height: 4.2%; }
.b63-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
@media (min-width: 1087px) {
  .b63-image-shell { border-left: 1px solid rgba(91,210,255,.12); border-right: 1px solid rgba(91,210,255,.12); }
}
@media (max-width: 720px) {
  .b63-image-shell { width: 100vw; }
}

/* Build 64 - real DOM futuristic public website skin, not canvas/hotspot pages */
.b64-real-public-page {
  background:
    radial-gradient(circle at 18% 8%, rgba(0, 184, 255, .14), transparent 34rem),
    radial-gradient(circle at 78% 20%, rgba(0, 93, 255, .16), transparent 42rem),
    linear-gradient(180deg, #020914 0%, #04101d 52%, #020812 100%);
  color: #f6fbff;
}
.b64-real-public-page .site-header {
  max-width: 1320px;
  margin: 0 auto;
  padding: 22px 28px;
  background: rgba(2, 8, 18, .54);
  border-bottom: 1px solid rgba(79, 210, 255, .14);
  backdrop-filter: blur(18px);
}
.b64-real-public-page .brand strong { font-size: 2.15rem; letter-spacing: .08em; }
.b64-real-public-page .brand small { color: rgba(219, 242, 255, .62); letter-spacing: .22em; }
.b64-real-public-page .nav-link { color: rgba(245,250,255,.88); font-weight: 700; }
.b64-real-public-page .nav-link.active { color: #54d9ff; text-shadow: 0 0 18px rgba(0, 194, 255, .4); }
.b64-real-public-page .nav-cta,
.b64-button.primary {
  background: linear-gradient(135deg, #30ddff 0%, #148cff 100%);
  color: #001020 !important;
  box-shadow: 0 12px 30px rgba(0, 177, 255, .3), inset 0 1px 0 rgba(255,255,255,.55);
  border: 1px solid rgba(151,237,255,.65);
  font-weight: 900;
}
.b64-real-public-page main { padding-top: 18px; }
.b64-real-public-page .section-shell { max-width: 1320px; }
.b64-hero {
  display: grid;
  grid-template-columns: minmax(310px, .82fr) minmax(520px, 1.18fr);
  gap: 46px;
  align-items: center;
  padding-top: 42px;
  padding-bottom: 28px;
}
.b64-hero-copy h1 {
  margin: 0;
  font-size: clamp(3.25rem, 5.1vw, 6.7rem);
  line-height: .98;
  letter-spacing: -.075em;
  max-width: 12ch;
  color: #f7fbff;
  text-shadow: 0 22px 55px rgba(0,0,0,.42);
}
.b64-hero-copy h1 span { color: #22caff; text-shadow: 0 0 32px rgba(0,202,255,.34); }
.b64-hero-copy p:not(.b64-status) {
  max-width: 640px;
  font-size: 1.08rem;
  line-height: 1.75;
  color: rgba(225,239,251,.86);
  margin: 26px 0 0;
}
.b64-eyebrow {
  margin: 0 0 16px !important;
  color: #32d8ff !important;
  text-transform: uppercase;
  letter-spacing: .22em;
  font-weight: 900;
  font-size: .78rem !important;
}
.b64-actions { display: flex; gap: 18px; flex-wrap: wrap; margin-top: 32px; }
.b64-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 0 25px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 900;
  letter-spacing: -.01em;
}
.b64-button em { font-style: normal; margin-left: 12px; font-size: 1.4rem; line-height: 1; }
.b64-button.ghost {
  border: 1px solid rgba(44, 214, 255, .65);
  color: #56deff;
  background: rgba(0, 23, 43, .45);
  box-shadow: inset 0 0 0 1px rgba(83,224,255,.08), 0 0 24px rgba(0,174,255,.08);
}
.b64-status {
  display: grid;
  grid-template-columns: 12px 1fr;
  gap: 0 12px;
  color: rgba(210,235,249,.74);
  max-width: 550px;
  margin-top: 25px;
  line-height: 1.5;
}
.b64-status i {
  width: 10px;
  height: 10px;
  margin-top: 7px;
  border-radius: 50%;
  background: #37d9ff;
  box-shadow: 0 0 15px #37d9ff;
}
.b64-status strong { color: #48ddff; }
.b64-status span { grid-column: 2; }
.b64-hero-visual {
  position: relative;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(6, 24, 43, .86), rgba(2, 12, 24, .96));
  border: 1px solid rgba(74, 215, 255, .5);
  box-shadow: 0 0 0 1px rgba(76,226,255,.12), 0 24px 70px rgba(0,0,0,.46), 0 0 60px rgba(0,160,255,.12);
  overflow: hidden;
}
.b64-hero-visual:before {
  content: '';
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  pointer-events: none;
  background: radial-gradient(circle at 55% 20%, rgba(66,221,255,.22), transparent 32%), linear-gradient(135deg, rgba(255,255,255,.08), transparent 35%);
  mix-blend-mode: screen;
}
.b64-img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: inherit;
  filter: saturate(1.13) contrast(1.05);
}
.b64-home-command { min-height: 455px; object-fit: cover; }
.b64-image-band {
  margin-top: 28px;
  border-radius: 18px;
  background: rgba(3, 17, 31, .64);
  border: 1px solid rgba(76, 211, 255, .24);
  box-shadow: 0 15px 54px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.05);
  padding: 0;
  overflow: hidden;
}
.b64-image-band h2 {
  margin: 24px 28px 0;
  font-size: clamp(1.7rem, 2.5vw, 2.6rem);
}
.b64-image-band h2 + img { margin-top: 14px; }
.b64-duo {
  display: grid;
  grid-template-columns: .95fr 1.05fr;
  gap: 24px;
  margin-top: 26px;
}
.b64-duo article {
  border-radius: 18px;
  background: rgba(3, 17, 31, .68);
  border: 1px solid rgba(76, 211, 255, .26);
  box-shadow: 0 15px 54px rgba(0,0,0,.27), inset 0 1px 0 rgba(255,255,255,.04);
  overflow: hidden;
}
.b64-card-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  margin-top: 30px;
}
.b64-card-row article {
  min-height: 132px;
  border-radius: 16px;
  border: 1px solid rgba(82, 219, 255, .25);
  background: linear-gradient(180deg, rgba(8, 27, 47, .82), rgba(3, 15, 29, .9));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 18px 44px rgba(0,0,0,.22);
  padding: 24px;
}
.b64-card-row strong { display:block; font-size:1.1rem; color:#f5fbff; margin-bottom:9px; }
.b64-card-row span { color:rgba(215,236,248,.72); line-height:1.5; }
.b64-final-cta {
  margin-top: 34px;
  border-radius: 18px;
  border: 1px solid rgba(52, 217, 255, .37);
  background: linear-gradient(90deg, rgba(9, 37, 62, .9), rgba(3, 18, 35, .78));
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: center;
  padding: 34px 40px;
  box-shadow: 0 20px 60px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.07);
}
.b64-final-cta h2 { font-size: clamp(2rem, 3.1vw, 3.2rem); margin:0 0 8px; }
.b64-final-cta p { margin:0; color: rgba(222,239,250,.74); }
.b64-trusted {
  margin-top: 34px;
  text-align: center;
  padding: 26px 28px 34px;
}
.b64-trusted p {
  margin: 0 0 19px;
  text-transform: uppercase;
  letter-spacing: .22em;
  color: rgba(201,222,235,.55);
  font-size: .78rem;
  font-weight: 900;
}
.b64-trusted div {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
  color: rgba(245,248,252,.8);
  font-size: clamp(1.05rem, 1.7vw, 1.6rem);
  font-family: Georgia, 'Times New Roman', serif;
  opacity: .8;
}
.b64-real-public-page footer {
  max-width: 1320px;
  margin: 0 auto;
  border-top: 1px solid rgba(68, 207, 255, .15);
}
@media (max-width: 1050px) {
  .b64-hero { grid-template-columns: 1fr; }
  .b64-hero-copy h1 { max-width: 15ch; }
  .b64-card-row { grid-template-columns: repeat(2, 1fr); }
  .b64-duo { grid-template-columns: 1fr; }
  .b64-final-cta { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 650px) {
  .b64-hero { padding-top: 24px; gap: 26px; }
  .b64-hero-copy h1 { font-size: 3rem; }
  .b64-card-row { grid-template-columns: 1fr; }
  .b64-actions { flex-direction: column; align-items: stretch; }
  .b64-button { width: 100%; }
}


/* Build 69 - Netlify launch website + trial activation readiness */
.b64-real-public-page {
  --b69-line: rgba(95, 218, 255, .28);
  --b69-line-strong: rgba(95, 218, 255, .54);
  --b69-cyan: #35d8ff;
  --b69-blue: #147dff;
  --b69-deep: #030914;
  --b69-panel: rgba(4, 18, 34, .76);
}
.b64-real-public-page .site-header {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 14px max(24px, calc((100vw - 1480px) / 2));
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid rgba(72, 210, 255, .18);
  background: linear-gradient(180deg, rgba(0, 7, 14, .96), rgba(3, 12, 24, .88));
  box-shadow: 0 18px 70px rgba(0,0,0,.34), inset 0 -1px 0 rgba(255,255,255,.03);
}
.b64-real-public-page .brand { gap: 1rem; }
.b64-real-public-page .brand-mark {
  width: 54px;
  height: 36px;
  border-radius: 5px;
  background: transparent;
  border: 1px solid rgba(68, 216, 255, .35);
  box-shadow: 0 0 28px rgba(42, 204, 255, .22), inset 0 0 22px rgba(24, 155, 255, .16);
  position: relative;
  overflow: hidden;
}
.b64-real-public-page .brand-mark:before {
  content: '';
  position: absolute;
  left: 8px;
  right: 8px;
  top: 8px;
  height: 2px;
  background: var(--b69-cyan);
  box-shadow: 0 9px 0 rgba(53,216,255,.85), 0 18px 0 rgba(53,216,255,.62), 0 0 18px rgba(53,216,255,.8);
}
.b64-real-public-page .brand-mark i { display:none; }
.b64-real-public-page .brand strong { font-size: 1.8rem; letter-spacing: .14em; }
.b64-real-public-page .brand small { color: rgba(219,242,255,.68); letter-spacing: .2em; font-size: .66rem; }
.b64-real-public-page .site-nav { gap: .15rem; }
.b64-real-public-page .nav-link { border-radius: 6px; padding: .78rem .86rem; font-size: .86rem; letter-spacing: .01em; }
.b64-real-public-page .nav-link:hover,
.b64-real-public-page .nav-link.active { background: rgba(53,216,255,.08); }
.b64-real-public-page .nav-cta { border-radius: 7px; min-height: 44px; padding: 0 18px; }
.b64-real-public-page main { padding-top: 34px; }
.b64-real-public-page .section-shell { width: min(1480px, calc(100vw - 56px)); max-width: 1480px; }
.b69-hero {
  display:grid;
  grid-template-columns:minmax(420px,.84fr) minmax(560px,1.16fr);
  gap:48px;
  align-items:center;
  padding-top: 22px;
  padding-bottom: 24px;
}
.b69-eyebrow { margin:0 0 16px; color:var(--b69-cyan); text-transform:uppercase; letter-spacing:.24em; font-weight:900; font-size:.76rem; }
.b69-hero-copy h1 { margin:0; font-size:clamp(3.2rem,5vw,6.6rem); line-height:.98; letter-spacing:-.075em; max-width: 14ch; }
.b69-hero-copy h1 span { color:var(--b69-cyan); text-shadow:0 0 34px rgba(53,216,255,.36); }
.b69-lede { max-width: 680px; margin:24px 0 0; color:rgba(224,241,252,.88); font-size:1.09rem; line-height:1.72; }
.b69-actions { display:flex; gap:15px; flex-wrap:wrap; margin-top:28px; }
.b69-button { display:inline-flex; align-items:center; justify-content:center; min-height:54px; padding:0 24px; border-radius:7px; font-weight:900; border:1px solid var(--b69-line-strong); }
.b69-button em { font-style:normal; margin-left:11px; font-size:1.35rem; }
.b69-button.primary { color:#00101f; background:linear-gradient(135deg,#42ddff,#147dff); box-shadow:0 16px 42px rgba(24,149,255,.26), inset 0 1px 0 rgba(255,255,255,.6); }
.b69-button.ghost { color:#62dfff; background:rgba(0,25,45,.46); }
.b69-status { margin-top:26px; display:grid; grid-template-columns: 150px 1fr; gap:0; max-width: 670px; border:1px solid rgba(74,216,255,.26); background:rgba(5,22,39,.66); box-shadow: inset 0 1px 0 rgba(255,255,255,.04); }
.b69-status strong { display:flex; align-items:center; padding:13px 15px; color:#03111d; background:linear-gradient(135deg,#44dcff,#8eefff); font-size:.72rem; letter-spacing:.18em; }
.b69-status span { padding:13px 16px; color:rgba(221,240,250,.78); line-height:1.45; font-size:.93rem; }
.b69-visual-shell { position:relative; border-radius:14px; overflow:hidden; border:1px solid rgba(70,215,255,.52); background:rgba(4,16,30,.88); box-shadow:0 30px 88px rgba(0,0,0,.46), 0 0 70px rgba(29,171,255,.14), inset 0 1px 0 rgba(255,255,255,.08); }
.b69-visual-shell:before { content:''; position:absolute; inset:0; pointer-events:none; background:radial-gradient(circle at 65% 20%, rgba(61,220,255,.22), transparent 34%), linear-gradient(135deg, rgba(255,255,255,.09), transparent 37%); z-index:2; mix-blend-mode:screen; }
.b69-visual-top { position:absolute; left:0; right:0; top:0; z-index:3; display:flex; justify-content:space-between; gap:16px; padding:13px 18px; background:linear-gradient(180deg, rgba(2,13,25,.92), rgba(2,13,25,.5)); border-bottom:1px solid rgba(90,224,255,.22); }
.b69-visual-top span { color:#dff8ff; letter-spacing:.2em; font-weight:900; font-size:.74rem; }
.b69-visual-top b { color:#6be6ff; text-transform:uppercase; letter-spacing:.16em; font-size:.7rem; }
.b69-visual-img { width:100%; min-height: 440px; object-fit:cover; border-radius:0; }
.home-command-lock .b69-visual-img { min-height: 520px; object-position:center; }
.b69-proof-strip { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top: 18px; }
.b69-proof-strip article,
.b69-card-row article,
.b69-role-grid a,
.b69-contact-grid article { border:1px solid rgba(76,211,255,.24); background:linear-gradient(180deg,rgba(8,28,50,.8),rgba(2,12,24,.92)); box-shadow:0 18px 50px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.045); border-radius:14px; padding:22px; }
.b69-proof-strip small { display:block; color:#64e3ff; text-transform:uppercase; letter-spacing:.16em; font-weight:900; font-size:.68rem; margin-bottom:8px; }
.b69-proof-strip strong { display:block; color:#f3fbff; font-size:1.04rem; line-height:1.35; }
.b69-card-row { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-top:24px; }
.b69-card-row strong { display:block; color:#f7fbff; font-size:1.08rem; line-height:1.25; margin-bottom:10px; }
.b69-card-row span { color:rgba(213,235,248,.75); line-height:1.55; }
.b69-image-band { margin-top:25px; border:1px solid rgba(76,211,255,.22); border-radius:15px; overflow:hidden; background:rgba(3,16,30,.7); box-shadow:0 18px 56px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.05); }
.b69-image-band h2 { margin:24px 28px 4px; font-size: clamp(1.8rem,2.6vw,3rem); }
.b69-band-img { width:100%; border-radius:0; }
.b69-duo { display:grid; grid-template-columns:.96fr 1.04fr; gap:22px; margin-top:24px; }
.b69-duo article { border:1px solid rgba(76,211,255,.22); border-radius:15px; overflow:hidden; background:rgba(3,16,30,.7); box-shadow:0 18px 56px rgba(0,0,0,.25); }
.b69-standard-note { display:grid; grid-template-columns:260px 1fr; gap:22px; align-items:center; margin-top: 20px; padding:22px 26px; border:1px solid rgba(141,255,207,.28); background:linear-gradient(90deg,rgba(20,80,90,.38),rgba(4,19,34,.78)); border-radius:14px; }
.b69-standard-note strong { color:#a7ffe4; font-size:1.05rem; }
.b69-standard-note span { color:rgba(222,244,250,.8); line-height:1.55; }
.b69-role-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:24px; }
.b69-role-grid span { color:#54d9ff; font-weight:900; letter-spacing:.14em; }
.b69-role-grid strong { display:block; font-size:1.3rem; margin:10px 0 8px; }
.b69-role-grid p { margin:0 0 16px; color:rgba(219,238,250,.74); }
.b69-role-grid b { color:#54d9ff; }
.b69-contact-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-top:24px; }
.b69-contact-grid strong { display:block; margin-bottom:10px; color:#f7fbff; }
.b69-contact-grid a { color:#54d9ff; font-weight:900; }
.b69-final-cta { margin-top:28px; border:1px solid rgba(68,217,255,.35); border-radius:15px; background:linear-gradient(100deg,rgba(7,35,62,.86),rgba(2,12,24,.9)); display:flex; justify-content:space-between; align-items:center; gap:24px; padding:34px 38px; box-shadow:0 20px 65px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06); }
.b69-final-cta h2 { margin:0 0 10px; font-size:clamp(2rem,3vw,3.2rem); }
.b69-final-cta p { margin:0; max-width:760px; color:rgba(218,237,249,.76); }
.b69-trusted { text-align:center; padding:30px 0 8px; }
.b69-trusted p { text-transform:uppercase; letter-spacing:.22em; color:rgba(209,228,240,.58); font-size:.78rem; font-weight:900; }
.b69-trusted div { display:flex; justify-content:center; gap:18px 34px; flex-wrap:wrap; color:rgba(245,250,255,.82); font-family: Georgia, 'Times New Roman', serif; font-size:clamp(1.05rem,1.6vw,1.5rem); }
.b64-real-public-page footer { width:min(1480px, calc(100vw - 56px)); max-width:1480px; margin: 38px auto 0; }
@media (max-width: 1180px) {
  .b69-hero { grid-template-columns:1fr; }
  .b69-hero-copy h1 { max-width: 15ch; }
  .b69-proof-strip,.b69-card-row,.b69-contact-grid { grid-template-columns:repeat(2,1fr); }
  .b69-role-grid { grid-template-columns:1fr 1fr; }
  .b69-duo,.b69-standard-note { grid-template-columns:1fr; }
}
@media (max-width: 720px) {
  .b64-real-public-page .site-header { padding: 12px 16px; }
  .b64-real-public-page .section-shell { width:min(100vw - 24px, 1480px); }
  .b69-hero-copy h1 { font-size: clamp(2.65rem, 13vw, 4rem); }
  .b69-proof-strip,.b69-card-row,.b69-role-grid,.b69-contact-grid { grid-template-columns:1fr; }
  .b69-status { grid-template-columns:1fr; }
  .b69-actions { flex-direction:column; }
  .b69-button { width:100%; }
  .b69-final-cta { flex-direction:column; align-items:flex-start; padding:28px; }
  .b69-visual-img,.home-command-lock .b69-visual-img { min-height: 320px; }
}


/* Build 70 - Netlify enquiry form and aligned public role/trust pages */
.b70-aligned-page .b69-hero-copy h1,
.b70-contact-hero .b69-hero-copy h1 { max-width: 16ch; }
.b70-visual-shell { min-height: 440px; display:flex; align-items:stretch; }
.b70-command-panel { position:relative; width:100%; min-height:440px; padding:74px 28px 28px; background:radial-gradient(circle at 48% 38%, rgba(56,217,255,.2), transparent 29%), radial-gradient(circle at 72% 76%, rgba(17,119,255,.2), transparent 28%), linear-gradient(135deg, rgba(4,19,35,.96), rgba(1,8,16,.98)); overflow:hidden; }
.b70-command-panel:before { content:''; position:absolute; inset:54px 28px 118px; border:1px solid rgba(86,222,255,.2); border-radius:999px; transform:rotate(-10deg); box-shadow:0 0 70px rgba(44,204,255,.12), inset 0 0 34px rgba(44,204,255,.08); }
.b70-command-panel:after { content:''; position:absolute; left:10%; right:10%; top:50%; border-top:1px dashed rgba(118,231,255,.22); transform:rotate(-7deg); }
.b70-command-top { position:absolute; left:24px; right:24px; top:22px; display:flex; justify-content:space-between; gap:16px; color:#e8fbff; text-transform:uppercase; letter-spacing:.18em; font-weight:900; font-size:.72rem; }
.b70-command-top b { color:#62dfff; }
.b70-command-core { position:absolute; inset:100px 0 132px; display:grid; place-items:center; pointer-events:none; }
.b70-command-core i { width:180px; height:180px; border-radius:50%; border:1px solid rgba(90,224,255,.42); background:radial-gradient(circle, rgba(54,216,255,.2), transparent 65%); box-shadow:0 0 90px rgba(54,216,255,.2), inset 0 0 40px rgba(54,216,255,.14); }
.b70-command-core strong { position:absolute; color:#eafcff; letter-spacing:.28em; font-size:1.25rem; text-shadow:0 0 28px rgba(70,221,255,.46); }
.b70-command-core em { position:absolute; width:9px; height:9px; border-radius:50%; background:#74eaff; box-shadow:70px -40px 0 rgba(116,234,255,.75), -84px 34px 0 rgba(116,234,255,.55), 106px 72px 0 rgba(116,234,255,.35), 0 0 24px rgba(116,234,255,.9); }
.b70-command-rows { position:absolute; left:24px; right:24px; bottom:24px; display:grid; grid-template-columns:repeat(4,1fr); gap:12px; z-index:3; }
.b70-command-rows article { border:1px solid rgba(88,219,255,.24); background:rgba(4,20,36,.76); border-radius:12px; padding:14px; box-shadow:inset 0 1px 0 rgba(255,255,255,.04); }
.b70-command-rows small { display:block; color:#6ee7ff; letter-spacing:.12em; text-transform:uppercase; font-size:.64rem; font-weight:900; margin-bottom:7px; }
.b70-command-rows strong { color:#f1fbff; font-size:.92rem; line-height:1.25; }
.b70-stage-strip { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-top:24px; }
.b70-stage-strip article { border:1px solid rgba(76,211,255,.24); background:linear-gradient(180deg,rgba(8,28,50,.8),rgba(2,12,24,.92)); border-radius:14px; padding:22px; box-shadow:0 18px 50px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.045); }
.b70-stage-strip small { color:#54d9ff; font-weight:900; letter-spacing:.16em; }
.b70-stage-strip strong { display:block; margin:11px 0 8px; color:#f7fbff; font-size:1.08rem; }
.b70-stage-strip span { color:rgba(213,235,248,.75); line-height:1.55; }
.b70-split { display:grid; grid-template-columns:.95fr 1.05fr; gap:24px; align-items:stretch; margin-top:24px; padding:30px; border:1px solid rgba(76,211,255,.24); border-radius:15px; background:linear-gradient(125deg,rgba(6,31,55,.78),rgba(2,11,22,.94)); box-shadow:0 20px 65px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.05); }
.b70-split h2 { margin:0 0 12px; font-size:clamp(1.9rem,2.6vw,3rem); }
.b70-split p { margin:0; color:rgba(222,240,250,.78); line-height:1.65; }
.b70-list { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
.b70-list span { border:1px solid rgba(96,225,255,.2); background:rgba(3,18,32,.72); border-radius:12px; padding:16px; color:#eaf8ff; font-weight:800; }
.b70-form-section { display:grid; grid-template-columns:.78fr 1.22fr; gap:28px; margin-top:28px; align-items:start; }
.b70-form-intro { border:1px solid rgba(76,211,255,.24); background:linear-gradient(180deg,rgba(8,28,50,.78),rgba(2,12,24,.92)); border-radius:15px; padding:28px; position:sticky; top:110px; }
.b70-form-intro h2 { margin:0 0 14px; font-size:clamp(2rem,3vw,3.4rem); line-height:1.02; letter-spacing:-.045em; }
.b70-form-intro p { color:rgba(222,240,250,.78); line-height:1.65; }
.b70-form-note { margin-top:22px; border:1px solid rgba(139,255,210,.24); border-radius:12px; padding:16px; background:rgba(10,56,56,.34); }
.b70-form-note strong { display:block; color:#a6ffe6; margin-bottom:6px; }
.b70-form-note span { color:rgba(222,245,240,.8); line-height:1.5; }
.b70-enquiry-form { border:1px solid rgba(76,211,255,.28); background:linear-gradient(180deg,rgba(5,23,42,.86),rgba(1,8,18,.96)); border-radius:15px; padding:26px; box-shadow:0 24px 70px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05); }
.b70-form-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
.b70-enquiry-form label { display:grid; gap:8px; color:#eaf8ff; font-weight:850; font-size:.92rem; }
.b70-enquiry-form input,
.b70-enquiry-form select,
.b70-enquiry-form textarea { width:100%; border:1px solid rgba(94,221,255,.24); border-radius:10px; background:rgba(0,10,20,.75); color:#f5fbff; padding:13px 14px; font:inherit; outline:none; }
.b70-enquiry-form input:focus,
.b70-enquiry-form select:focus,
.b70-enquiry-form textarea:focus { border-color:rgba(95,226,255,.7); box-shadow:0 0 0 3px rgba(56,216,255,.13); }
.b70-enquiry-form fieldset { margin:18px 0; border:1px solid rgba(94,221,255,.24); border-radius:12px; padding:16px; display:grid; grid-template-columns:repeat(2,1fr); gap:10px 14px; }
.b70-enquiry-form legend { color:#69e4ff; text-transform:uppercase; letter-spacing:.14em; font-size:.68rem; font-weight:900; padding:0 8px; }
.b70-enquiry-form fieldset label,
.b70-consent { display:flex !important; align-items:flex-start; gap:10px; color:rgba(227,243,251,.82); font-weight:700; line-height:1.45; }
.b70-enquiry-form input[type="checkbox"] { width:auto; margin-top:2px; }
.b70-hidden { position:absolute; left:-9999px; height:1px; width:1px; overflow:hidden; }
.b70-consent { margin:18px 0; }
.b70-form-foot { color:rgba(210,233,245,.62); font-size:.86rem; margin:14px 0 0; }
@media (max-width: 1180px) {
  .b70-command-rows,.b70-stage-strip { grid-template-columns:repeat(2,1fr); }
  .b70-form-section,.b70-split { grid-template-columns:1fr; }
  .b70-form-intro { position:relative; top:auto; }
}
@media (max-width: 720px) {
  .b70-command-rows,.b70-stage-strip,.b70-list,.b70-form-grid,.b70-enquiry-form fieldset { grid-template-columns:1fr; }
  .b70-command-panel { min-height:520px; }
  .b70-form-section { gap:18px; }
  .b70-enquiry-form,.b70-form-intro { padding:20px; }
}