/* Ventureaxis interface layer -------------------------------------------------
   Shared motion, depth and responsive polish for every page. */

:root {
  color-scheme: dark;
  --black: #050607 !important;
  --deep: #080a0d !important;
  --panel: #0d1014 !important;
  --border: rgba(255, 255, 255, .11) !important;
  --accent: #ff5f1f !important;
  --accent2: #ff8a4c !important;
  --white: #f4f7fb !important;
  --text: #939ba7 !important;
  --muted: #555d68 !important;
  --green: #65efad !important;
  --signal: #63dcff;
  --nav-bg: rgba(5, 7, 9, .80) !important;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
}

html { background: #050607; scrollbar-color: var(--accent) #090b0d; }

body {
  background:
    radial-gradient(circle at 14% 5%, rgba(255, 95, 31, .11), transparent 27rem),
    radial-gradient(circle at 92% 30%, rgba(99, 220, 255, .055), transparent 30rem),
    var(--black) !important;
  isolation: isolate;
}

body::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  opacity: .16;
  background: repeating-linear-gradient(0deg, transparent 0 3px, rgba(255,255,255,.014) 3px 4px);
  mix-blend-mode: screen;
}

body::after {
  content: '';
  position: fixed;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: radial-gradient(380px circle at var(--pointer-x, 50%) var(--pointer-y, 30%), rgba(255,95,31,.075), transparent 70%);
}

::selection { color: #060708; background: var(--accent); }

a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 2px solid var(--signal);
  outline-offset: 4px;
}

.grid-bg {
  background-image:
    linear-gradient(rgba(255, 255, 255, .026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .026) 1px, transparent 1px) !important;
  background-size: 72px 72px !important;
  mask-image: linear-gradient(to bottom, #000 0%, rgba(0,0,0,.66) 68%, transparent 100%);
  animation: grid-drift 24s linear infinite;
}

.signal-canvas {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
  opacity: .78;
}

.cursor { mix-blend-mode: screen !important; box-shadow: 0 0 18px rgba(255,95,31,.72); }
.cursor-ring { border-color: rgba(255,95,31,.46); box-shadow: 0 0 28px rgba(255,95,31,.1); }

@keyframes grid-drift { to { background-position: 72px 72px; } }

/* Floating navigation */
nav {
  top: 14px !important;
  left: 22px !important;
  right: 22px !important;
  height: 60px !important;
  padding: 0 18px !important;
  border: 1px solid var(--border) !important;
  background: var(--nav-bg) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.25);
  backdrop-filter: blur(24px) saturate(1.25);
  box-shadow: 0 18px 60px rgba(0,0,0,.36), inset 0 1px rgba(255,255,255,.035);
  transition: transform .55s var(--ease-out), background .3s ease, border-color .3s ease;
}

nav::before {
  content: '';
  position: absolute;
  top: -1px;
  left: 0;
  width: 22%;
  height: 1px;
  background: linear-gradient(90deg, var(--accent), transparent);
  animation: nav-signal 7s ease-in-out infinite alternate;
}

nav.nav-scrolled { background: rgba(5, 7, 9, .94) !important; border-color: rgba(255,95,31,.22) !important; }
nav.nav-hidden { transform: translateY(-115%); }

@keyframes nav-signal { to { left: 78%; } }

.nav-logo { min-width: 214px; }
.logo-mark { filter: drop-shadow(0 0 14px rgba(255,95,31,.24)); }
.logo-main { letter-spacing: 3.5px !important; }
.nav-links a { transition: color .25s ease, text-shadow .25s ease !important; }
.nav-links a:hover, .nav-links a.active { text-shadow: 0 0 18px rgba(255,95,31,.48); }
.nav-cta { position: relative; overflow: hidden; background: rgba(255,95,31,.04); }
.nav-status { min-width: 112px; justify-content: flex-end; }
.nav-clock { color: var(--muted); font-size: 9px; margin-left: 4px; }
.status-dot { box-shadow: 0 0 0 0 rgba(101,239,173,.55); animation: status-pulse 2.2s infinite !important; }

@keyframes status-pulse {
  0% { box-shadow: 0 0 0 0 rgba(101,239,173,.42); }
  65%,100% { box-shadow: 0 0 0 8px rgba(101,239,173,0); }
}

.menu-toggle {
  display: none;
  width: 42px;
  height: 38px;
  border: 1px solid var(--border);
  background: rgba(255,255,255,.025);
  color: var(--white);
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
}

.menu-toggle span { width: 17px; height: 1px; background: currentColor; transition: transform .25s ease, opacity .25s ease; }
.menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(3px) rotate(45deg); }
.menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-3px) rotate(-45deg); }

/* Progress telemetry */
.scroll-progress {
  position: fixed;
  right: 9px;
  top: 96px;
  bottom: 30px;
  z-index: 900;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  pointer-events: none;
}

.scroll-progress__label,
.scroll-progress__value {
  font: 500 8px/1 'DM Mono', monospace;
  letter-spacing: 1px;
  color: var(--muted);
  writing-mode: vertical-rl;
}

.scroll-progress__track { width: 1px; flex: 1; background: rgba(255,255,255,.1); overflow: hidden; }
.scroll-progress__bar { display: block; width: 100%; height: 100%; background: linear-gradient(var(--accent), var(--signal)); transform: scaleY(0); transform-origin: top; box-shadow: 0 0 12px var(--accent); }

/* Richer page headers */
.page-header { padding-top: 88px !important; }
.page-hero {
  --orbit-edge: clamp(20px, 6vw, 90px);
  min-height: 460px;
  position: relative;
  overflow: hidden;
  padding-top: 88px !important;
  background:
    linear-gradient(100deg, rgba(5,6,7,.96) 12%, rgba(5,6,7,.62) 62%, rgba(5,6,7,.92)),
    radial-gradient(circle at 82% 45%, rgba(255,95,31,.12), transparent 27%);
}

.page-hero::before {
  content: '';
  position: absolute;
  right: var(--orbit-edge);
  top: 50%;
  width: 330px;
  height: 330px;
  border: 1px solid rgba(255,95,31,.16);
  border-radius: 50%;
  transform: translateY(-50%);
  box-shadow: inset 0 0 0 70px rgba(255,95,31,.012), inset 0 0 0 71px rgba(255,95,31,.09);
  transform-origin: 50% 50%;
}

.page-hero::after {
  content: 'VENTUREAXIS / INTELLIGENCE LAYER';
  position: absolute;
  right: 9px;
  top: 50%;
  font: 500 8px/1 'DM Mono', monospace;
  letter-spacing: 3px;
  color: rgba(255,255,255,.2);
  writing-mode: vertical-rl;
  transform: translateY(-50%);
}

.page-hero > * { position: relative; z-index: 2; }
.page-title, .hero-title { text-wrap: balance; }
.page-title .out, .sec-title .out, .hero-title .outline {
  background: linear-gradient(105deg, transparent 20%, rgba(255,138,76,.92) 48%, transparent 76%);
  background-size: 240% 100%;
  background-clip: text;
  -webkit-background-clip: text;
  animation: outline-signal 6s ease-in-out infinite;
}

@keyframes outline-signal { 0%,35% { background-position: 140% 0; } 75%,100% { background-position: -120% 0; } }

.page-meta {
  padding: 18px;
  border: 1px solid rgba(255,255,255,.09);
  background: rgba(7,9,11,.56);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  box-shadow: 0 24px 80px rgba(0,0,0,.28);
}

.page-orbit {
  position: absolute !important;
  right: calc(var(--orbit-edge) + 55px);
  top: 50%;
  width: 220px;
  aspect-ratio: 1;
  transform: translateY(-50%);
  z-index: 1 !important;
  pointer-events: none;
}

.page-orbit span { position: absolute; inset: 0; border: 1px dashed rgba(99,220,255,.13); border-radius: 50%; transform-origin: 50% 50%; transform-box: border-box; will-change: transform; animation: orbit-spin 15s linear infinite; }
.page-orbit span:nth-child(2) { inset: 21%; border-style: solid; border-color: rgba(255,95,31,.24); animation-duration: 10s; animation-direction: reverse; }
.page-orbit span:nth-child(3) { inset: 45%; border-color: var(--accent); background: rgba(255,95,31,.12); box-shadow: 0 0 28px rgba(255,95,31,.18); }

@keyframes orbit-spin { to { transform: rotate(360deg); } }

/* Homepage command centre */
#hero { padding-top: 88px !important; min-height: 820px; position: relative; }
#hero::before {
  content: 'OPERATIONAL INTELLIGENCE / 01';
  position: absolute;
  z-index: 3;
  left: 18px;
  top: 48%;
  font: 500 8px/1 'DM Mono', monospace;
  letter-spacing: 3px;
  color: rgba(255,255,255,.18);
  writing-mode: vertical-rl;
  transform: rotate(180deg) translateY(50%);
}

.hero-left { padding-top: 92px !important; padding-bottom: 70px !important; }
.hero-right { padding: 76px 42px 54px 22px !important; perspective: 1100px; }
.hero-title { font-size: clamp(58px, 7.2vw, 110px) !important; filter: drop-shadow(0 16px 42px rgba(0,0,0,.38)); }
.hero-desc { font-size: 16px !important; max-width: 580px !important; }
.hero-coords { display: inline-flex; width: max-content; padding: 7px 10px; border: 1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.02); }
.hero-scan { top: 88px !important; box-shadow: 0 0 28px var(--accent); animation-duration: 7s !important; }
.hero-bottom { background: rgba(5,7,9,.64); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
.hero-stat { overflow: hidden; }
.hero-stat::after { content: ''; position: absolute; inset: auto 0 0; height: 1px; background: linear-gradient(90deg, transparent, var(--accent), transparent); transform: translateX(-100%); }
.hero-stat:hover::after { animation: stat-scan 1.1s var(--ease-out); }
@keyframes stat-scan { to { transform: translateX(100%); } }

.intel-shell {
  width: min(590px, 100%);
  border: 1px solid rgba(255,255,255,.12);
  background: linear-gradient(145deg, rgba(15,18,22,.83), rgba(6,8,10,.56));
  box-shadow: 0 34px 100px rgba(0,0,0,.52), inset 0 1px rgba(255,255,255,.045), 0 0 0 1px rgba(255,95,31,.025);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  transform: rotateY(-5deg) rotateX(2deg);
  transition: transform .8s var(--ease-out);
  position: relative;
  overflow: hidden;
}

.intel-shell::before { content: ''; position: absolute; inset: 0; background: linear-gradient(110deg, transparent 35%, rgba(255,255,255,.045) 50%, transparent 65%); transform: translateX(-120%); animation: shell-glint 7s ease-in-out infinite; pointer-events: none; }
@keyframes shell-glint { 0%,45% { transform: translateX(-120%); } 72%,100% { transform: translateX(120%); } }

.intel-topline, .intel-footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 13px 16px; font: 500 9px/1 'DM Mono', monospace; letter-spacing: 2px; color: var(--muted); text-transform: uppercase; }
.intel-topline { border-bottom: 1px solid var(--border); }
.intel-footer { border-top: 1px solid var(--border); padding: 0; }
.intel-topline .core-status { color: var(--green); display: inline-flex; align-items: center; gap: 7px; }
.intel-topline .core-status::before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: currentColor; box-shadow: 0 0 10px currentColor; }
.intel-stat { flex: 1; padding: 14px 12px; border-right: 1px solid var(--border); }
.intel-stat:last-child { border-right: 0; }
.intel-stat strong { display: block; color: var(--white); font: 700 14px/1.2 'Syne', sans-serif; margin-bottom: 3px; }
.intel-stat span { font: 400 8px/1 'DM Mono', monospace; letter-spacing: 1px; color: var(--muted); }

/* Rebuilt hero radar: one centered coordinate system, no orbiting labels */
.radar-stage { min-height: 470px; padding: 16px 18px 14px; display: grid; grid-template-rows: auto 1fr auto; position: relative; overflow: hidden; }
.radar-readout { display: flex; align-items: center; justify-content: space-between; gap: 14px; font: 500 8px/1 'DM Mono',monospace; letter-spacing: 1.5px; color: var(--muted); }
.radar-readout i { color: var(--green); font-style: normal; }
.clean-radar { width: min(350px,78%); aspect-ratio: 1; margin: 8px auto; align-self: center; position: relative; border-radius: 50%; background: radial-gradient(circle,rgba(255,95,31,.075) 0 2%,transparent 2.5% 100%),radial-gradient(circle at 50% 50%,rgba(99,220,255,.045),transparent 62%); box-shadow: 0 0 60px rgba(255,95,31,.07),inset 0 0 45px rgba(99,220,255,.025); isolation: isolate; }
.radar-ring { position: absolute; z-index: 2; border: 1px solid rgba(255,255,255,.13); border-radius: 50%; pointer-events: none; }
.radar-ring--outer { inset: 0; border-color: rgba(99,220,255,.22); }
.radar-ring--middle { inset: 22%; border-style: dashed; border-color: rgba(255,255,255,.14); }
.radar-ring--inner { inset: 39%; border-color: rgba(255,95,31,.25); }
.radar-axis { position: absolute; z-index: 2; background: rgba(255,255,255,.085); pointer-events: none; }
.radar-axis--x { left: 4%; right: 4%; top: 50%; height: 1px; }
.radar-axis--y { top: 4%; bottom: 4%; left: 50%; width: 1px; }
.radar-sweep { position: absolute; z-index: 1; inset: 1px; border-radius: 50%; background: conic-gradient(from 10deg,transparent 0 72%,rgba(99,220,255,.02) 79%,rgba(99,220,255,.19) 96%,rgba(99,220,255,.5) 100%); -webkit-mask: radial-gradient(circle,transparent 0 16%,#000 17% 100%); mask: radial-gradient(circle,transparent 0 16%,#000 17% 100%); transform-origin: 50% 50%; animation: radar-turn 6.5s linear infinite; }
@keyframes radar-turn { to { transform: rotate(360deg); } }
.radar-core-mark { position: absolute; z-index: 5; left: 50%; top: 50%; width: 54px; height: 54px; transform: translate(-50%,-50%); display: grid; place-items: center; border: 1px solid rgba(255,95,31,.5); border-radius: 50%; background: #090b0e; color: var(--accent); font: 800 13px/1 'Syne',sans-serif; letter-spacing: 1px; box-shadow: 0 0 0 7px rgba(255,95,31,.035),0 0 30px rgba(255,95,31,.18); }
.radar-blip { position: absolute; z-index: 4; width: 8px; height: 8px; border-radius: 50%; background: var(--signal); box-shadow: 0 0 13px var(--signal); }
.radar-blip::before { content: ''; position: absolute; inset: -5px; border: 1px solid rgba(99,220,255,.3); border-radius: 50%; animation: radar-ping 2.3s ease-out infinite; }
.radar-blip::after { content: attr(data-label); position: absolute; left: 15px; top: -2px; padding: 3px 5px; border-left: 1px solid rgba(99,220,255,.32); background: rgba(5,7,9,.74); color: var(--text); font: 500 7px/1 'DM Mono',monospace; letter-spacing: .8px; white-space: nowrap; }
.radar-blip--fleet { left: 22%; top: 35%; }
.radar-blip--delivery { right: 24%; top: 28%; background: var(--accent); box-shadow: 0 0 13px var(--accent); }
.radar-blip--delivery::before { border-color: rgba(255,95,31,.34); animation-delay: -.8s; }
.radar-blip--teka { right: 20%; bottom: 27%; }
@keyframes radar-ping { from { transform: scale(.6); opacity: 1; } to { transform: scale(2); opacity: 0; } }
.radar-legend { display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; }
.radar-legend span { min-width: 0; display: flex; align-items: center; gap: 6px; padding: 9px 7px; border: 1px solid rgba(255,255,255,.075); color: var(--muted); font: 400 7px/1.2 'DM Mono',monospace; letter-spacing: .5px; white-space: nowrap; }
.radar-legend i { width: 4px; height: 4px; flex: 0 0 auto; border-radius: 50%; background: var(--signal); box-shadow: 0 0 7px var(--signal); }
.radar-legend span:nth-child(2) i { background: var(--accent); box-shadow: 0 0 7px var(--accent); }

/* Buttons and cards */
.btn-p, .form-submit, .btn-s { position: relative; overflow: hidden; transition: transform .35s var(--ease-out), color .25s ease, background .25s ease, border-color .25s ease, box-shadow .35s ease !important; }
.btn-p:hover, .form-submit:hover { box-shadow: 0 14px 34px rgba(255,95,31,.22); }
.btn-s:hover { box-shadow: inset 0 0 28px rgba(255,95,31,.055), 0 10px 30px rgba(0,0,0,.2); }

.prev-card, .prod-card, .arch-card, .pillar, .stack-box, .cs-card, .location-box, .met {
  background-color: rgba(12,15,18,.84) !important;
  background-image: radial-gradient(300px circle at var(--card-x, 50%) var(--card-y, 50%), rgba(255,95,31,.09), transparent 58%);
  box-shadow: inset 0 1px rgba(255,255,255,.025);
  transform-style: preserve-3d;
  will-change: transform;
  transition: transform .5s var(--ease-out), border-color .3s ease, box-shadow .5s var(--ease-out) !important;
}

.prev-card:hover, .prod-card:hover, .arch-card:hover, .pillar:hover, .cs-card:hover, .met:hover {
  border-color: rgba(255,95,31,.4) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.34), inset 0 1px rgba(255,255,255,.04);
}

.prod-card .mod { transition: transform .35s var(--ease-out), border-color .25s ease, background .25s ease; }
.prod-card .mod:hover { transform: translateX(7px); border-color: rgba(99,220,255,.22); background: rgba(99,220,255,.025); }
.arch-icon, .cs-icon, .founder-avatar { box-shadow: inset 0 0 18px rgba(255,95,31,.05), 0 0 26px rgba(255,95,31,.05); }
.tag, .badge { -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }

.sec-wrap { position: relative; }
.sec-wrap::before { content: ''; position: absolute; top: 0; right: var(--pad); width: 52px; height: 1px; background: var(--accent); opacity: .5; }
.sec-tag::after { content: ''; width: 5px; height: 5px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 12px var(--accent); animation: blink 2s infinite; }

/* Connected intelligence section */
.network-section { border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); background: linear-gradient(120deg, rgba(255,95,31,.04), transparent 42%), rgba(6,8,10,.68); overflow: hidden; }
.network-wrap { padding: 94px var(--pad); display: grid; grid-template-columns: minmax(300px,.8fr) minmax(430px,1.2fr); gap: clamp(50px,8vw,130px); align-items: center; }
.network-copy .sec-desc { max-width: 550px; }
.network-proof { display: flex; gap: 28px; margin-top: 30px; }
.network-proof div { padding-left: 12px; border-left: 1px solid rgba(255,95,31,.35); }
.network-proof strong { display: block; font: 700 18px/1 'Syne', sans-serif; color: var(--white); }
.network-proof span { display: block; margin-top: 6px; font: 400 9px/1.3 'DM Mono', monospace; letter-spacing: 1px; color: var(--muted); text-transform: uppercase; }

.flow-console { border: 1px solid var(--border); background: rgba(8,10,13,.82); box-shadow: 0 30px 90px rgba(0,0,0,.42); }
.flow-head { padding: 13px 16px; border-bottom: 1px solid var(--border); display: flex; justify-content: space-between; font: 500 9px/1 'DM Mono', monospace; letter-spacing: 2px; color: var(--muted); }
.flow-head span:last-child { color: var(--green); }
.flow-body { position: relative; padding: 30px 24px; }
.flow-line { position: relative; display: grid; grid-template-columns: 1fr 44px 1fr 44px 1fr; align-items: center; gap: 8px; margin: 16px 0; }
.flow-node { min-height: 92px; padding: 16px 14px; border: 1px solid rgba(255,255,255,.1); background: rgba(255,255,255,.018); position: relative; overflow: hidden; }
.flow-node::after { content: ''; position: absolute; inset: auto 0 0; height: 2px; background: linear-gradient(90deg, var(--accent), var(--signal)); transform-origin: left; animation: data-load 3.6s ease-in-out infinite; }
.flow-node:nth-of-type(3)::after { animation-delay: -.9s; }
.flow-node:nth-of-type(5)::after { animation-delay: -1.8s; }
.flow-num { font: 500 8px/1 'DM Mono', monospace; color: var(--accent); letter-spacing: 1px; }
.flow-name { margin-top: 11px; font: 700 12px/1.25 'Syne', sans-serif; color: var(--white); text-transform: uppercase; }
.flow-state { margin-top: 7px; font: 400 8px/1.2 'DM Mono', monospace; color: var(--muted); letter-spacing: 1px; }
.flow-link { height: 1px; background: rgba(255,255,255,.12); position: relative; overflow: visible; }
.flow-link::after { content: ''; position: absolute; width: 6px; height: 6px; top: -2px; left: 0; border-radius: 50%; background: var(--signal); box-shadow: 0 0 12px var(--signal); animation: data-travel 2.4s linear infinite; }
.flow-link:nth-of-type(4)::after { animation-delay: -1.2s; }
.flow-stream { margin-top: 26px; padding-top: 20px; border-top: 1px solid var(--border); display: grid; grid-template-columns: repeat(8, 1fr); gap: 6px; }
.flow-stream i { display: block; height: 4px; background: var(--accent); opacity: .15; animation: stream-blink 1.4s steps(2) infinite; animation-delay: calc(var(--i) * -.16s); }
@keyframes data-load { 0%,15% { transform: scaleX(.08); } 70%,100% { transform: scaleX(1); } }
@keyframes data-travel { to { left: calc(100% - 6px); } }
@keyframes stream-blink { 50% { opacity: .85; background: var(--signal); } }

/* Forms */
.form-input, .form-select, .form-textarea { background-color: rgba(10,13,16,.9) !important; }
.form-input:focus, .form-select:focus, .form-textarea:focus { box-shadow: 0 0 0 3px rgba(255,95,31,.07), 0 16px 34px rgba(0,0,0,.2); }
.contact-wrap { position: relative; }

/* System initialization */
.va-boot {
  position: fixed;
  inset: 0;
  z-index: 12000;
  display: grid;
  place-items: center;
  background: #050607;
  animation: boot-away .55s var(--ease-out) 1.15s forwards;
}
.va-boot::before { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at 50% 50%, rgba(255,95,31,.09), transparent 32%), linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px), linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px); background-size: auto, 64px 64px, 64px 64px; }
.va-boot__panel { width: min(430px, calc(100vw - 44px)); position: relative; }
.va-boot__mark { font: 800 clamp(44px,9vw,76px)/.9 'Syne',sans-serif; letter-spacing: -3px; color: var(--white); }
.va-boot__mark span { color: transparent; -webkit-text-stroke: 1px var(--accent); }
.va-boot__copy { margin-top: 20px; display: flex; justify-content: space-between; gap: 20px; font: 500 9px/1.3 'DM Mono',monospace; letter-spacing: 2px; color: var(--muted); }
.va-boot__copy i { color: var(--green); font-style: normal; }
.va-boot__track { height: 2px; margin-top: 15px; background: rgba(255,255,255,.09); overflow: hidden; }
.va-boot__track i { display: block; height: 100%; background: linear-gradient(90deg,var(--accent),var(--signal)); box-shadow: 0 0 20px var(--accent); transform-origin: left; animation: boot-load 1s var(--ease-out) forwards; }
.va-boot__modules { display: flex; justify-content: space-between; margin-top: 11px; font: 400 8px/1 'DM Mono',monospace; letter-spacing: 1px; color: rgba(255,255,255,.26); }
@keyframes boot-load { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes boot-away { to { opacity: 0; visibility: hidden; transform: scale(1.02); } }

/* Custom code-native symbols */
.p-icon.va-symbol { width: 42px; height: 42px; margin-bottom: 15px; position: relative; border: 1px solid rgba(255,95,31,.24); background: rgba(255,95,31,.045); overflow: hidden; }
.va-symbol::before, .va-symbol::after, .va-symbol span { content: ''; position: absolute; display: block; }
.va-symbol--ops::before { width: 20px; height: 20px; left: 10px; top: 10px; border: 1px solid var(--accent); border-radius: 50%; box-shadow: 0 0 14px rgba(255,95,31,.2); }
.va-symbol--ops::after { width: 5px; height: 5px; left: 18px; top: 18px; border-radius: 50%; background: var(--signal); box-shadow: 0 0 9px var(--signal); }
.va-symbol--ops span { width: 26px; height: 1px; left: 7px; top: 20px; background: rgba(255,255,255,.24); transform: rotate(-34deg); }
.va-symbol--finance::before { width: 4px; height: 10px; left: 9px; bottom: 9px; background: var(--accent); box-shadow: 7px -5px var(--accent), 14px -13px var(--signal), 21px -19px var(--accent); }
.va-symbol--finance::after { left: 8px; right: 8px; bottom: 7px; height: 1px; background: rgba(255,255,255,.3); }
.va-symbol--data::before { width: 22px; height: 9px; left: 9px; top: 8px; border: 1px solid var(--accent); border-radius: 50%; box-shadow: 0 7px 0 -1px #0d1014, 0 7px 0 0 rgba(255,95,31,.8), 0 14px 0 -1px #0d1014, 0 14px 0 0 rgba(99,220,255,.72); }
.va-symbol--data::after { width: 3px; height: 3px; right: 11px; bottom: 9px; border-radius: 50%; background: var(--green); box-shadow: 0 0 8px var(--green); }
.va-symbol--delivery::before { width: 22px; height: 14px; left: 7px; top: 12px; border: 1px solid var(--accent); }
.va-symbol--delivery::after { width: 8px; height: 10px; right: 5px; top: 16px; border: 1px solid var(--signal); }
.va-symbol--delivery span { width: 5px; height: 5px; left: 11px; bottom: 7px; border: 1px solid var(--white); border-radius: 50%; box-shadow: 19px 0 0 -1px #0d1014, 19px 0 0 0 var(--white); }

/* National freight signal map */
.national-grid { overflow: hidden; border-bottom: 1px solid var(--border); background: radial-gradient(circle at 76% 50%,rgba(99,220,255,.045),transparent 31%); }
.national-grid__wrap { padding: 104px var(--pad); display: grid; grid-template-columns: minmax(280px,.66fr) minmax(560px,1.34fr); gap: clamp(44px,7vw,110px); align-items: center; }
.map-legend { display: flex; flex-wrap: wrap; gap: 14px 22px; margin-top: 30px; }
.map-legend span { display: flex; align-items: center; gap: 7px; font: 400 9px/1 'DM Mono',monospace; letter-spacing: 1px; color: var(--muted); text-transform: uppercase; }
.legend-dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--signal); box-shadow: 0 0 8px var(--signal); }
.legend-dot--home { background: var(--accent); box-shadow: 0 0 8px var(--accent); }
.legend-line { display: inline-block; width: 18px; height: 1px; background: linear-gradient(90deg,var(--accent),var(--signal)); }
.demo-disclaimer { margin-top: 24px; font: 400 8px/1.7 'DM Mono',monospace; letter-spacing: 1px; color: rgba(255,255,255,.26); }
.freight-console { border: 1px solid var(--border); background: rgba(7,9,12,.86); box-shadow: 0 32px 90px rgba(0,0,0,.44); }
.freight-console__head, .freight-console__foot { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 13px 15px; font: 500 8px/1 'DM Mono',monospace; letter-spacing: 2px; color: var(--muted); }
.freight-console__head { border-bottom: 1px solid var(--border); }
.freight-console__foot { border-top: 1px solid var(--border); }
.console-live { color: var(--green); }
.freight-console__body { display: grid; grid-template-columns: minmax(0,1fr) 210px; align-items: stretch; }
.route-field { position: relative; min-width: 0; aspect-ratio: 1.55; overflow: hidden; border-right: 1px solid var(--border); background: #050708; }
.route-field::after { display: none; }
.route-map-image { position: absolute; inset: 0; width: 100%; height: 100%; display: block; object-fit: cover; object-position: 50% 50%; opacity: .96; }
.map-frame-label { position: absolute; z-index: 5; left: 14px; top: 14px; display: flex; flex-direction: column; gap: 5px; padding: 9px 10px; border: 1px solid rgba(255,255,255,.09); background: rgba(5,7,9,.84); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.map-frame-label span,.map-frame-label i { font: 500 7px/1 'DM Mono',monospace; letter-spacing: .8px; white-space: nowrap; }
.map-frame-label span { color: var(--white); }.map-frame-label i { color: var(--muted); font-style: normal; }
.map-sweep { position: absolute; z-index: 3; inset: 0; background: linear-gradient(to bottom,transparent 0,rgba(99,220,255,.03) 47%,rgba(99,220,255,.42) 50%,rgba(99,220,255,.03) 53%,transparent 100%); transform: translateY(-100%); animation: map-scan 5.5s linear infinite; pointer-events: none; }
@keyframes map-scan { to { transform: translateY(100%); } }
.signal-feed { padding: 18px 14px; display: flex; flex-direction: column; }
.signal-feed__title { padding-bottom: 14px; margin-bottom: 5px; border-bottom: 1px solid var(--border); font: 500 8px/1 'DM Mono',monospace; letter-spacing: 1.5px; color: var(--accent); }
.signal-row { padding: 15px 0; border-bottom: 1px solid rgba(255,255,255,.07); }
.signal-code { display: block; font: 500 8px/1 'DM Mono',monospace; color: var(--muted); }
.signal-row strong { display: block; margin: 7px 0 5px; font: 600 11px/1.25 'Syne',sans-serif; color: var(--white); }
.signal-row i { font: 500 7px/1 'DM Mono',monospace; letter-spacing: 1px; color: var(--green); font-style: normal; }

/* Deployment proof */
.deployment-proof { padding: 100px var(--pad); border-bottom: 1px solid var(--border); background: linear-gradient(180deg,rgba(255,255,255,.012),transparent); }
.deployment-proof__head { margin-bottom: 42px; }
.proof-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.proof-card { min-height: 310px; padding: 24px; border: 1px solid var(--border); background: rgba(11,14,17,.82); position: relative; overflow: hidden; transition: transform .5s var(--ease-out),border-color .3s ease,box-shadow .4s ease; }
.proof-card::after { content: ''; position: absolute; width: 190px; height: 190px; right: -75px; bottom: -85px; border: 1px solid rgba(255,95,31,.12); border-radius: 50%; box-shadow: inset 0 0 0 28px rgba(255,95,31,.015),inset 0 0 0 29px rgba(255,95,31,.08); transition: transform .7s var(--ease-out); }
.proof-card:hover { transform: translateY(-7px); border-color: rgba(255,95,31,.4); box-shadow: 0 28px 65px rgba(0,0,0,.35); }
.proof-card:hover::after { transform: scale(1.12) rotate(25deg); }
.proof-top { display: flex; justify-content: space-between; gap: 14px; font: 500 8px/1 'DM Mono',monospace; letter-spacing: 1.4px; color: var(--muted); }
.proof-top i { color: var(--green); font-style: normal; }
.proof-card--build .proof-top i { color: var(--accent2); }
.proof-mark { width: 48px; height: 48px; display: grid; place-items: center; margin: 38px 0 21px; border: 1px solid rgba(255,95,31,.24); background: rgba(255,95,31,.055); font: 800 15px/1 'Syne',sans-serif; color: var(--accent); box-shadow: 0 0 25px rgba(255,95,31,.08); }
.proof-card h3 { font: 700 20px/1.1 'Syne',sans-serif; color: var(--white); }
.proof-card p { max-width: 330px; margin: 10px 0 24px; font: 300 13px/1.7 'Syne',sans-serif; color: var(--text); }
.proof-card a,.proof-link { position: relative; z-index: 2; font: 500 9px/1 'DM Mono',monospace; letter-spacing: 1.3px; color: var(--accent); text-decoration: none; text-transform: uppercase; }
.proof-link { color: var(--muted); }

/* Interactive product lab */
.product-lab { border-bottom: 1px solid var(--border); background: radial-gradient(circle at 80% 18%,rgba(255,95,31,.06),transparent 28%); }
.product-lab__wrap { padding: 100px var(--pad); }
.product-lab__intro { display: grid; grid-template-columns: 1fr minmax(330px,480px); gap: 50px; align-items: end; margin-bottom: 44px; }
.product-lab__intro .sec-desc { margin: 0; }
.demo-switcher { max-width: 1300px; margin: 0 auto; }
.demo-tabs { display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid var(--border); border-bottom: 0; }
.demo-tab { min-height: 66px; display: flex; align-items: center; gap: 13px; padding: 0 18px; border: 0; border-right: 1px solid var(--border); background: rgba(8,10,13,.82); color: var(--text); font: 600 11px/1 'Syne',sans-serif; letter-spacing: .7px; text-align: left; cursor: none; transition: color .25s ease,background .25s ease; position: relative; }
.demo-tab:last-child { border-right: 0; }
.demo-tab::after { content: ''; position: absolute; inset: auto 0 0; height: 2px; background: linear-gradient(90deg,var(--accent),var(--signal)); transform: scaleX(0); transform-origin: left; transition: transform .35s var(--ease-out); }
.demo-tab span { font: 500 8px/1 'DM Mono',monospace; color: var(--muted); }
.demo-tab i { margin-left: auto; font: 500 7px/1 'DM Mono',monospace; color: var(--green); font-style: normal; letter-spacing: 1px; }
.demo-tab:last-child i { color: var(--accent2); }
.demo-tab:hover,.demo-tab.is-active { color: var(--white); background: rgba(255,95,31,.045); }
.demo-tab.is-active::after { transform: scaleX(1); }
.demo-window { min-height: 590px; border: 1px solid var(--border); background: #080a0d; box-shadow: 0 35px 100px rgba(0,0,0,.48); overflow: hidden; }
.demo-window__bar { height: 42px; display: flex; align-items: center; gap: 22px; padding: 0 14px; border-bottom: 1px solid var(--border); background: rgba(255,255,255,.018); font: 400 8px/1 'DM Mono',monospace; letter-spacing: 1.5px; color: var(--muted); }
.demo-window__bar > span { display: flex; gap: 5px; }
.demo-window__bar > span i { width: 6px; height: 6px; border-radius: 50%; background: rgba(255,255,255,.16); }
.demo-window__bar > span i:first-child { background: var(--accent); }.demo-window__bar > span i:last-child { background: var(--green); }
.demo-window__bar b { font-weight: 400; }.demo-window__bar em { margin-left: auto; color: var(--accent); font-style: normal; }
.demo-panel { min-height: 547px; grid-template-columns: 60px minmax(0,1fr); animation: panel-in .65s var(--ease-out); }
.demo-panel.is-active { display: grid; }
.demo-panel[hidden] { display: none !important; }
@keyframes panel-in { from { opacity: 0; transform: translateY(9px); } to { opacity: 1; transform: none; } }
.demo-sidebar { border-right: 1px solid var(--border); display: flex; flex-direction: column; align-items: center; padding: 18px 0; gap: 20px; background: rgba(255,255,255,.012); }
.demo-sidebar strong { width: 31px; height: 31px; display: grid; place-items: center; background: var(--accent); color: #070809; font: 800 10px/1 'Syne',sans-serif; }
.demo-sidebar i { width: 17px; height: 3px; background: rgba(255,255,255,.12); }
.demo-sidebar i.is-on { background: var(--signal); box-shadow: 0 0 9px var(--signal); }
.demo-sidebar span { margin-top: auto; width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid var(--border); color: var(--muted); font: 500 7px/1 'DM Mono',monospace; }
.demo-main { padding: 30px; min-width: 0; }
.demo-heading { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 28px; }
.demo-heading span { font: 500 8px/1 'DM Mono',monospace; letter-spacing: 1.6px; color: var(--accent); }
.demo-heading h3 { margin-top: 8px; font: 700 clamp(20px,2.6vw,31px)/1 'Syne',sans-serif; color: var(--white); }
.demo-heading > b { font: 500 8px/1 'DM Mono',monospace; letter-spacing: 1px; color: var(--green); }.demo-heading > b.is-build { color: var(--accent2); }
.demo-kpis { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; margin-bottom: 14px; }
.demo-kpi { padding: 16px; border: 1px solid rgba(255,255,255,.09); background: rgba(255,255,255,.018); opacity: 0; transform: translateY(10px); animation: module-enter .55s var(--ease-out) forwards; }
.demo-kpi:nth-child(2){animation-delay:.07s}.demo-kpi:nth-child(3){animation-delay:.14s}.demo-kpi:nth-child(4){animation-delay:.21s}
.demo-kpi span { display: block; font: 400 7px/1 'DM Mono',monospace; letter-spacing: 1px; color: var(--muted); }
.demo-kpi strong { display: block; margin: 10px 0 7px; font: 700 clamp(16px,2vw,23px)/1 'Syne',sans-serif; color: var(--white); }
.demo-kpi i { font: 400 7px/1 'DM Mono',monospace; color: var(--green); font-style: normal; }
@keyframes module-enter { to { opacity: 1; transform: none; } }
.fleet-visuals { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(250px,.7fr); gap: 10px; }
.demo-chart,.demo-trip-list,.route-model,.phone-preview,.load-board,.price-engine { border: 1px solid rgba(255,255,255,.09); background: rgba(255,255,255,.015); }
.widget-head { height: 42px; padding: 0 14px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid rgba(255,255,255,.08); font: 500 8px/1 'DM Mono',monospace; letter-spacing: 1px; color: var(--text); }
.widget-head i { color: var(--muted); font-style: normal; font-size: 7px; }
.chart-bars { height: 235px; padding: 28px 20px 20px; display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; background: repeating-linear-gradient(to bottom,rgba(255,255,255,.045) 0 1px,transparent 1px 48px); }
.chart-bars > span { flex: 1; max-width: 28px; height: var(--bar); background: linear-gradient(to top,rgba(255,95,31,.24),var(--accent)); transform-origin: bottom; animation: chart-rise .75s var(--ease-out) both; animation-delay: calc(var(--delay) * 60ms); position: relative; }
.chart-bars > span i { position: absolute; left: 20%; right: 20%; bottom: 0; height: 64%; background: rgba(5,7,9,.6); border-top: 1px solid var(--signal); }
@keyframes chart-rise { from { transform: scaleY(.06); opacity: .2; } }
.demo-trip-list > div:not(.widget-head) { display: grid; grid-template-columns: 50px 1fr auto; gap: 8px; align-items: center; min-height: 71px; padding: 0 13px; border-bottom: 1px solid rgba(255,255,255,.07); }
.demo-trip-list b { font: 600 9px/1 'DM Mono',monospace; color: var(--accent); }.demo-trip-list span { font: 500 10px/1.3 'Syne',sans-serif; color: var(--white); }.demo-trip-list i { font: 500 8px/1 'DM Mono',monospace; color: var(--signal); font-style: normal; }
.delivery-layout { display: grid; grid-template-columns: minmax(300px,360px) minmax(430px,1fr); gap: 16px; align-items: stretch; }
.teka-layout { display: grid; grid-template-columns: minmax(280px,.65fr) minmax(0,1.35fr); gap: 12px; }
.phone-preview { min-width: 0; padding: 14px; border-radius: 18px; box-shadow: 0 20px 50px rgba(0,0,0,.28); }
.phone-status,.phone-route-head { display: flex; justify-content: space-between; align-items: center; font: 500 7px/1 'DM Mono',monospace; color: var(--muted); }
.phone-status i { color: var(--accent); font-style: normal; }.phone-route-head { margin: 25px 0 12px; }.phone-route-head strong { color: var(--white); font-weight: 500; }
.phone-stop { min-height: 64px; padding: 10px; margin: 7px 0; display: grid; grid-template-columns: 28px 1fr auto; gap: 9px; align-items: center; border: 1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.018); }
.phone-stop > i { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--border); font: 500 7px/1 'DM Mono',monospace; color: var(--muted); font-style: normal; }.phone-stop div b,.phone-stop div span { display: block; }.phone-stop div b { font: 600 10px/1 'Syne',sans-serif; color: var(--white); }.phone-stop div span { margin-top: 4px; font: 400 7px/1 'DM Mono',monospace; color: var(--muted); }.phone-stop em { font: 500 7px/1 'DM Mono',monospace; color: var(--muted); font-style: normal; }
.phone-stop.is-current { border-color: rgba(255,95,31,.32); background: rgba(255,95,31,.045); }.phone-stop.is-current > i { border-color: var(--accent); color: var(--accent); box-shadow: 0 0 12px rgba(255,95,31,.2); }.phone-stop.is-current em { color: var(--green); }
.route-model { min-width: 0; }
.route-model__map { height: 270px; position: relative; overflow: hidden; background: radial-gradient(circle at 50% 50%,rgba(99,220,255,.055),transparent 38%),linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px); background-size: auto,28px 28px,28px 28px; }
.route-model__map::before,.route-model__map::after { content: ''; position: absolute; z-index: 1; top: 50%; left: 12%; right: 12%; height: 1px; transform: none; }
.route-model__map::before { background: rgba(255,255,255,.15); }
.route-model__map::after { right: 50%; background: linear-gradient(90deg,var(--accent),var(--signal)); box-shadow: 0 0 9px rgba(99,220,255,.22); animation: route-progress 5s linear infinite; transform-origin: left; }
@keyframes route-progress { 0% { transform: scaleX(0); } 100% { transform: scaleX(2); } }
.route-model__map i { position: absolute; z-index: 2; top: 50%; width: 12px; height: 12px; transform: translate(-50%,-50%); border-radius: 50%; background: #080a0d; border: 1px solid var(--signal); box-shadow: 0 0 0 6px rgba(99,220,255,.04),0 0 12px rgba(99,220,255,.45); }
.route-model__map i::after { position: absolute; left: 50%; top: 24px; transform: translateX(-50%); white-space: nowrap; font: 500 7px/1 'DM Mono',monospace; letter-spacing: .7px; color: var(--muted); font-style: normal; }
.route-model__map i:nth-child(1){left:12%}.route-model__map i:nth-child(1)::after{content:'01 · PICKUP'}.route-model__map i:nth-child(2){left:37%}.route-model__map i:nth-child(2)::after{content:'02 · WHITE RIVER'}.route-model__map i:nth-child(3){left:63%}.route-model__map i:nth-child(3)::after{content:'03 · HAZYVIEW'}.route-model__map i:nth-child(4){left:88%}.route-model__map i:nth-child(4)::after{content:'04 · GRASKOP'}
.route-model__map span { position: absolute; z-index: 3; width: 7px; height: 7px; left: 12%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%; background: var(--accent); box-shadow: 0 0 16px var(--accent); animation: route-drive 5s linear infinite; }
@keyframes route-drive { from { left: 12%; } to { left: 88%; } }
.route-summary { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--border); }.route-summary div { padding: 15px 12px; border-right: 1px solid var(--border); }.route-summary div:last-child{border-right:0}.route-summary span,.route-summary b{display:block}.route-summary span{font:400 6px/1 'DM Mono',monospace;letter-spacing:.7px;color:var(--muted)}.route-summary b{margin-top:8px;font:700 12px/1 'Syne',sans-serif;color:var(--white)}
.load-board { min-width: 0; }.load-card { display: grid; grid-template-columns: 42px minmax(0,1fr) auto; gap: 12px; align-items: center; padding: 16px 14px; border-bottom: 1px solid rgba(255,255,255,.075); transition: background .25s ease; }.load-card:hover,.load-card.is-best { background: rgba(255,95,31,.035); }.load-score { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid rgba(99,220,255,.25); font: 700 12px/1 'Syne',sans-serif; color: var(--signal); }.load-score span { display: block; font: 400 5px/1 'DM Mono',monospace; }.load-card > div:nth-child(2) span,.load-card > div:nth-child(2) strong,.load-card > div:nth-child(2) small { display: block; }.load-card > div:nth-child(2) span { font: 500 7px/1 'DM Mono',monospace; letter-spacing: .7px; color: var(--accent); }.load-card > div:nth-child(2) strong { margin: 7px 0 5px; font: 600 10px/1.2 'Syne',sans-serif; color: var(--white); }.load-card > div:nth-child(2) small { font: 400 7px/1 'DM Mono',monospace; color: var(--muted); }.load-card > b { font: 700 12px/1 'Syne',sans-serif; color: var(--white); }
.price-engine { padding-bottom: 18px; }.price-dial { width: 160px; height: 160px; margin: 28px auto 18px; border-radius: 50%; display: grid; place-items: center; background: conic-gradient(from 220deg,var(--accent) 0 31%,var(--signal) 31% 52%,rgba(255,255,255,.07) 52% 100%); position: relative; box-shadow: 0 0 45px rgba(255,95,31,.08); }.price-dial::before { content: ''; position: absolute; inset: 13px; border-radius: 50%; background: #0a0d10; }.price-dial span { position: relative; text-align: center; }.price-dial b,.price-dial i { display: block; }.price-dial b { font: 500 8px/1 'DM Mono',monospace; letter-spacing: 1px; color: var(--green); }.price-dial i { margin-top: 8px; font: 700 22px/1 'Syne',sans-serif; color: var(--white); font-style: normal; }.price-range { display: flex; align-items: center; justify-content: center; gap: 7px; font: 400 6px/1 'DM Mono',monospace; color: var(--muted); }.price-range i { width: 18px; height: 1px; background: rgba(255,255,255,.15); }.price-range b { color: var(--signal); font-weight: 500; }.price-engine p { max-width: 200px; margin: 18px auto 0; text-align: center; font: 300 10px/1.55 'Syne',sans-serif; color: var(--text); }
.demo-note { margin-top: 14px; text-align: right; font: 400 7px/1.4 'DM Mono',monospace; letter-spacing: 1px; color: rgba(255,255,255,.27); }

/* Product content assembles as it reaches the viewport */
.prod-grid.reveal .prod-card > *:not(.prod-bg) { opacity: 0; transform: translateY(12px); }
.prod-grid.reveal.in .prod-card > *:not(.prod-bg) { animation: product-assemble .6s var(--ease-out) forwards; }
.prod-grid.reveal.in .prod-card > *:nth-child(3) { animation-delay: .07s; }.prod-grid.reveal.in .prod-card > *:nth-child(4) { animation-delay: .13s; }.prod-grid.reveal.in .prod-card > *:nth-child(5) { animation-delay: .19s; }.prod-grid.reveal.in .prod-card > *:nth-child(6) { animation-delay: .25s; }.prod-grid.reveal.in .prod-card > *:nth-child(7) { animation-delay: .31s; }
@keyframes product-assemble { to { opacity: 1; transform: none; } }

/* Entry and transition motion */
.reveal { transform: translateY(26px); transition-duration: .85s !important; transition-timing-function: var(--ease-out) !important; }
.reveal.in { transform: translateY(0); }
.page-transition { background: var(--accent) !important; transform-origin: right; clip-path: inset(0 0 0 100%); opacity: 1 !important; transition: clip-path .42s var(--ease-out) !important; }
.page-transition.out { clip-path: inset(0 0 0 0); }

footer { background: rgba(5,6,7,.94) !important; overflow: hidden; }
footer::before { content: 'VA'; position: absolute; right: -20px; bottom: -75px; font: 800 210px/1 'Syne', sans-serif; color: rgba(255,255,255,.018); pointer-events: none; }

@media (max-width: 1100px) {
  .nav-clock { display: none; }
  .nav-status { min-width: auto; }
  .radar-stage { min-height: 440px; }
  .network-wrap { grid-template-columns: 1fr; }
  .national-grid__wrap { grid-template-columns: 1fr; }
  .national-copy { max-width: 680px; }
  .product-lab__intro { grid-template-columns: 1fr; gap: 20px; }
  .product-lab__intro .sec-desc { max-width: 660px; }
  .demo-kpis { grid-template-columns: repeat(2,1fr); }
  .delivery-layout { grid-template-columns: 1fr; }
  .delivery-layout .phone-preview { width: min(100%,420px); margin: 0 auto; }
  .demo-window,.demo-panel { min-height: 0; }
}

@media (max-width: 960px) {
  nav { left: 12px !important; right: 12px !important; }
  .nav-logo { min-width: 0; }
  .page-hero { --orbit-edge: -34px; min-height: 430px; }
  .page-meta { align-items: flex-start !important; width: min(100%, 420px); }
  .pm-item { text-align: left !important; }
  .page-orbit { opacity: .55; }
  #hero { min-height: auto; grid-template-columns: 1fr !important; }
  #hero::before { display: none; }
  .hero-left, .hero-right, .hero-bottom { grid-column: 1 !important; grid-row: auto !important; }
  .hero-right { display: flex !important; padding: 0 var(--pad) 64px !important; }
  .intel-shell { margin: 0 auto; transform: none; }
  .network-wrap { padding-top: 74px; padding-bottom: 74px; }
  .proof-grid { grid-template-columns: 1fr 1fr; }
  .proof-card:last-child { grid-column: 1 / -1; }
  .fleet-visuals,.delivery-layout,.teka-layout { grid-template-columns: 1fr; }
  .demo-window,.demo-panel { min-height: 0; }
}

@media (max-width: 760px) {
  body { cursor: auto !important; }
  .cursor, .cursor-ring, .scroll-progress { display: none !important; }
  nav { padding: 0 12px !important; }
  .nav-status { display: none !important; }
  .menu-toggle { display: flex; }
  .nav-links {
    display: flex !important;
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    padding: 10px;
    background: rgba(5,7,9,.97);
    border: 1px solid var(--border);
    -webkit-backdrop-filter: blur(22px);
    backdrop-filter: blur(22px);
    flex-direction: column;
    align-items: stretch !important;
    gap: 2px !important;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    transition: opacity .25s ease, transform .25s ease, visibility .25s;
  }
  nav.menu-open .nav-links { opacity: 1; visibility: visible; transform: translateY(0); }
  .nav-links li { display: block !important; }
  .nav-links a { display: block; padding: 13px 12px; }
  .nav-cta { text-align: center; margin-top: 4px; }
  .page-hero::before { width: 270px; height: 270px; right: -80px; opacity: .65; }
  .page-hero::after, .page-orbit { display: none; }
  .network-proof { flex-wrap: wrap; }
  .flow-body { padding: 22px 16px; }
  .flow-line { grid-template-columns: 1fr; gap: 8px; }
  .flow-link { width: 1px; height: 24px; justify-self: center; }
  .flow-link::after { top: 0; left: -2px; animation-name: data-travel-vertical; }
  @keyframes data-travel-vertical { to { top: calc(100% - 6px); } }
  .freight-console__body { grid-template-columns: 1fr; }
  .route-field { border-right: 0; border-bottom: 1px solid var(--border); }
  .signal-feed { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }
  .signal-feed__title { grid-column: 1 / -1; }
  .signal-row { border: 1px solid rgba(255,255,255,.07); padding: 12px; }
  .proof-grid { grid-template-columns: 1fr; }
  .proof-card:last-child { grid-column: auto; }
  .demo-tabs { grid-template-columns: 1fr; border-bottom: 1px solid var(--border); }
  .demo-tab { border-right: 0; border-bottom: 1px solid var(--border); }
  .demo-tab:last-child { border-bottom: 0; }
  .demo-window { min-height: auto; }
  .demo-panel,.demo-panel.is-active { min-height: auto; grid-template-columns: 1fr; }
  .demo-sidebar { display: none; }
  .demo-main { padding: 22px 16px; }
  .demo-heading { align-items: flex-start; }
  .demo-heading > b { margin-top: 5px; }
  .demo-window__bar b { display: none; }
}

@media (max-width: 520px) {
  nav { top: 8px !important; height: 56px !important; }
  .logo-main { font-size: 14px !important; letter-spacing: 2px !important; }
  .logo-sub { font-size: 7px !important; letter-spacing: 2px !important; }
  .logo-mark { width: 30px !important; height: 30px !important; }
  .page-header { padding-top: 72px !important; }
  .page-hero { padding-top: 62px !important; min-height: 420px; }
  #hero { padding-top: 72px !important; }
  .hero-left { padding-top: 64px !important; }
  .hero-title { font-size: clamp(52px, 18vw, 78px) !important; }
  .hero-coords { font-size: 8px !important; }
  .intel-topline { letter-spacing: 1px; }
  .intel-stat { padding: 12px 8px; }
  .intel-stat strong { font-size: 12px; }
  .intel-stat span { font-size: 7px; }
  .network-wrap { padding: 64px var(--pad); }
  .network-proof { gap: 20px; }
  .network-proof div { flex: 1 1 120px; }
  .national-grid__wrap,.deployment-proof,.product-lab__wrap { padding: 64px var(--pad); }
  .route-field { min-height: 0; aspect-ratio: 1.45; }
  .route-map-image { object-fit: contain; }
  .freight-console__head,.freight-console__foot { letter-spacing: 1px; }
  .signal-feed { grid-template-columns: 1fr; }
  .signal-feed__title { grid-column: auto; }
  .radar-stage { min-height: 370px; padding: 13px 11px 11px; }
  .clean-radar { width: min(270px,82%); }
  .radar-blip::after { display: none; }
  .radar-legend span { justify-content: center; padding: 8px 4px; font-size: 6px; }
  .proof-card { min-height: 280px; }
  .demo-kpis { grid-template-columns: 1fr 1fr; }
  .demo-kpi { padding: 13px; }
  .demo-kpi strong { font-size: 15px; }
  .demo-heading { flex-direction: column; }
  .chart-bars { height: 190px; }
  .route-model__map { height: 220px; }
  .route-model__map i::after { font-size: 6px; letter-spacing: 0; }
  .route-model__map i:nth-child(1)::after{content:'STOP 01'}.route-model__map i:nth-child(2)::after{content:'STOP 02'}.route-model__map i:nth-child(3)::after{content:'STOP 03'}.route-model__map i:nth-child(4)::after{content:'STOP 04'}
  .load-card { grid-template-columns: 36px minmax(0,1fr); }
  .load-card > b { grid-column: 2; }
  .route-summary { grid-template-columns: 1fr; }
  .route-summary div { border-right: 0; border-bottom: 1px solid var(--border); }
  .route-summary div:last-child { border-bottom: 0; }
}

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