:root {
  --midnight: #071426;
  --navy: #0b1f3a;
  --navy-2: #102a4b;
  --blue: #3b82f6;
  --blue-dark: #2563eb;
  --violet: #7c3aed;
  --cyan: #22d3ee;
  --off-white: #f4f7fb;
  --surface: #ffffff;
  --surface-2: #eef4fa;
  --slate: #526174;
  --text: #162236;
  --success: #20c997;
  --border: rgba(11, 31, 58, 0.12);
  --border-dark: rgba(255, 255, 255, 0.13);
  --display: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --radius-sm: 0.75rem;
  --radius: 1.125rem;
  --radius-lg: 1.75rem;
  --shadow: 0 20px 50px rgba(7, 20, 38, 0.1);
  --shadow-lg: 0 34px 90px rgba(7, 20, 38, 0.2);
  --container: 82rem;
  --transition: 240ms cubic-bezier(.2,.75,.25,1);
  --ease-premium: cubic-bezier(.16,1,.3,1);
}

*, *::before, *::after { box-sizing: border-box; }
html { font-size: 15px; scroll-behavior: smooth; scroll-padding-top: 6rem; }
body {
  margin: 0;
  overflow-x: clip;
  color: var(--text);
  background: var(--off-white);
  font-family: var(--body);
  font-size: 1rem;
  line-height: 1.7;
  text-rendering: optimizeLegibility;
}
body::before {
  position: fixed;
  z-index: -1;
  inset: 0;
  opacity: .42;
  background:
    radial-gradient(circle at 7% 18%, rgba(59,130,246,.08), transparent 25rem),
    radial-gradient(circle at 93% 72%, rgba(124,58,237,.065), transparent 28rem);
  pointer-events: none;
  content: "";
}
::selection { color: #fff; background: var(--violet); }
img { display: block; max-width: 100%; height: auto; }
a { color: var(--blue-dark); text-underline-offset: 0.2em; }
a:hover { color: var(--violet); }
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  color: var(--midnight);
  font-family: var(--display);
  font-weight: 750;
  letter-spacing: -0.035em;
  line-height: 1.08;
}
h1 { font-size: clamp(2.25rem, 5vw, 4.8rem); }
h2 { font-size: clamp(1.75rem, 3.4vw, 3.15rem); }
h3 { font-size: clamp(1.18rem, 1.75vw, 1.55rem); }
p { max-width: 72ch; }
button, input, select, textarea { font: inherit; }

.container { width: min(100% - 2rem, var(--container)); max-width: var(--container); padding-inline: .75rem; }
.skip-link {
  position: fixed;
  left: 1rem;
  top: -6rem;
  z-index: 2000;
  padding: 0.7rem 1rem;
  color: var(--midnight);
  background: #fff;
  border-radius: 0 0 var(--radius-sm) var(--radius-sm);
  font-weight: 700;
}
.skip-link:focus { top: 0; }
:focus-visible { outline: 3px solid var(--cyan); outline-offset: 3px; }
.section { position: relative; padding-block: clamp(3rem, 4vw, 4.5rem); }
.section-sm { padding-block: clamp(2.2rem, 3vw, 3.25rem); }
.bg-white { background: #fff; }
.bg-soft { background: var(--surface-2); }
.bg-dark { background: var(--midnight) !important; }
.eyebrow {
  display: inline-flex;
  gap: 0.55rem;
  align-items: center;
  margin-bottom: 1.2rem;
  color: var(--blue-dark);
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
.eyebrow::before { width: 1.8rem; height: 2px; background: currentColor; content: ""; }
.eyebrow-light { color: var(--cyan); }
.text-gradient {
  color: transparent;
  background: linear-gradient(115deg, #fff 10%, #95c7ff 50%, #b49aff 78%, #83f2ff);
  -webkit-background-clip: text;
  background-clip: text;
}
.lede { color: var(--slate); font-size: clamp(1.06rem, 1.5vw, 1.26rem); line-height: 1.72; }
.section-heading { max-width: 820px; margin-bottom: clamp(1.45rem, 2.2vw, 2rem); }
.section-heading p { margin: .9rem 0 0; }
.tag {
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  padding: 0.3rem 0.7rem;
  color: var(--navy);
  background: rgba(59, 130, 246, 0.09);
  border: 1px solid rgba(59, 130, 246, 0.15);
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 700;
}
.icon-box {
  display: inline-grid;
  width: 3rem;
  height: 3rem;
  place-items: center;
  color: #fff;
  background: linear-gradient(135deg, var(--blue), var(--violet));
  border-radius: 1rem;
  box-shadow: 0 10px 24px rgba(59, 130, 246, 0.22);
  font-weight: 800;
}
.icon-box svg { width: 1.45rem; height: 1.45rem; }

.trust-strip {
    display:none !important;
  position: relative;
  z-index: 1040;
  padding: 0.52rem 0;
  color: #cbd8e8;
  background: #050e1a;
  border-bottom: 1px solid rgba(255,255,255,.08);
  font-size: 0.78rem;
  letter-spacing: 0.03em;
  text-align: center;
}
.site-header {
  position: relative;
  z-index: 1030;
  top: 0;
  color: #fff;
  background: rgba(7, 20, 38, 0.94);
  border-bottom: 1px solid var(--border-dark);
  backdrop-filter: blur(20px) saturate(145%);
  transition: background var(--transition), box-shadow var(--transition), border-color var(--transition);
}
.site-header.is-scrolled { background: rgba(5,14,26,.96); border-bottom-color: rgba(121,179,247,.2); box-shadow: 0 12px 34px rgba(0,0,0,.2); }
.navbar { min-height: 5.15rem; padding-block: .65rem; }
.navbar-brand img { width: 190px; height: auto; }
.navbar-dark .navbar-nav .nav-link {
  min-height: 44px;
  padding: 0.75rem 0.64rem;
  color: #d8e2ee;
  font-size: 0.91rem;
  font-weight: 650;
}
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link.active { color: #fff; }
.navbar-dark .navbar-nav .nav-link { position: relative; }
.navbar-dark .navbar-nav .nav-link::after { position: absolute; right: .65rem; bottom: .32rem; left: .65rem; height: 2px; transform: scaleX(0); transform-origin: center; background: linear-gradient(90deg,var(--blue),var(--cyan)); border-radius: 999px; transition: transform var(--transition); content: ""; }
.navbar-dark .navbar-nav .nav-link:hover::after,
.navbar-dark .navbar-nav .nav-link:focus::after,
.navbar-dark .navbar-nav .nav-link.active::after { transform: scaleX(1); }
.navbar-dark .navbar-nav .dropdown-toggle::after { 
    position: relative; 
    top: 1px;
    width: auto; 
    height: auto; 
    transform: none; 
    background: none; 
    border: none;
    border-top: 0.35em solid #94a3b8; 
    border-right: 0.35em solid transparent;
    border-left: 0.35em solid transparent;
    content: ""; 
    margin-left:-3px;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), border-top-color 0.3s ease;
  }

  /* Smooth rotation when the dropdown opens */
  .navbar-dark .navbar-nav .dropdown-toggle[aria-expanded="true"]::after {
    transform: rotate(180deg);
    border-top-color: #ff4d4f;
  }.navbar-toggler { min-width: 44px; min-height: 44px; border-color: rgba(255,255,255,.25); }
.mega-wrap { position: static; }
.services-mega-menu {
  top: calc(100% - .1rem) !important;
  left: 50% !important;
  z-index: 1040;
  width: min(72rem, calc(100vw - 2rem));
  margin-top: 0;
  padding: 1.35rem;
  transform: translateX(-50%);
  color: #d9e7f3;
  background: linear-gradient(145deg, rgba(10,29,52,.995), rgba(5,14,26,.995));
  border: 1px solid rgba(119,178,231,.22);
  border-top-color: rgba(34,211,238,.3);
  border-radius: 0 0 var(--radius-lg) var(--radius-lg);
  box-shadow: 0 28px 70px rgba(2,8,18,.38);
}
.services-mega-grid {
  display: grid;
  grid-template-columns: minmax(0,.95fr) minmax(0,.95fr) minmax(0,1.1fr);
  align-items: stretch;
}
.services-mega-column { min-width: 0; padding-inline: 1.1rem; }
.services-mega-column:first-child { padding-left: .35rem; }
.services-mega-column:last-child { padding-right: .35rem; }
.services-mega-column + .services-mega-column { border-left: 1px solid rgba(255,255,255,.09); }
.services-mega-heading {
  display: flex;
  min-height: 2.7rem;
  align-items: flex-start;
  margin: 0 0 .7rem;
  color: var(--cyan);
  font-size: .7rem;
  font-weight: 850;
  letter-spacing: .11em;
  line-height: 1.35;
  text-transform: uppercase;
}
.services-mega-links { display: grid; gap: .18rem; }
.services-mega-link {
  display: flex;
  min-height: 2.7rem;
  align-items: center;
  padding: .55rem .65rem;
  color: #d9e7f3;
  border-radius: .6rem;
  font-size: .84rem;
  font-weight: 650;
  line-height: 1.35;
  text-decoration: none;
  transition: color var(--transition), background var(--transition), transform var(--transition);
}
.services-mega-link:hover,
.services-mega-link:focus { color: #fff; background: rgba(59,130,246,.13); transform: translateX(.15rem); }
.services-mobile-menu { padding: .55rem .25rem .75rem; }
.services-mobile-group { padding: .7rem .55rem; }
.services-mobile-group + .services-mobile-group { border-top: 1px solid rgba(11,31,58,.1); }
.services-mobile-heading {
  margin: 0 0 .25rem;
  color: var(--blue-dark);
  font-size: .68rem;
  font-weight: 850;
  letter-spacing: .1em;
  line-height: 1.4;
  text-transform: uppercase;
}
.services-mobile-link { min-height: 44px; padding: .58rem .65rem; font-size: .88rem; line-height: 1.4; }
.offcanvas { color: var(--text); }
.offcanvas .accordion-button { font-weight: 750; }
.mobile-nav-link { display: block; min-height: 44px; padding: .65rem 0; color: var(--text); font-weight: 700; text-decoration: none; }
.mobile-nav-link.active { color: var(--blue-dark); }

.btn { position: relative; min-height: 46px; overflow: hidden; padding: .72rem 1.1rem; border-radius: .8rem; font-weight: 750; transition: transform var(--transition), box-shadow var(--transition), background var(--transition); }
.btn::before { position: absolute; inset: 0; transform: translateX(-115%) skewX(-18deg); background: linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent); transition: transform .75s var(--ease-premium); content: ""; }
.btn:hover::before { transform: translateX(115%) skewX(-18deg); }
.btn:hover { transform: translateY(-2px); }
.btn-primary { background: var(--blue); border-color: var(--blue); box-shadow: 0 10px 24px rgba(59,130,246,.22); }
.btn-primary:hover, .btn-primary:focus { background: var(--blue-dark); border-color: var(--blue-dark); }
.btn-light { color: var(--midnight); }
.btn-outline-light { border-color: rgba(255,255,255,.35); }
.btn-link-arrow { display: inline-flex; gap: .55rem; align-items: center; padding: 0; color: var(--blue-dark); font-weight: 800; text-decoration: none; }
.btn-link-arrow::after { content: "→"; transition: transform var(--transition); }
.btn-link-arrow:hover::after { transform: translateX(.25rem); }

.hero {
  position: relative;
  min-height: min(42rem, calc(100svh - 7.4rem));
  display: grid;
  align-items: center;
  overflow: hidden;
  color: #d7e2ef;
  background:
    radial-gradient(circle at 82% 35%, rgba(124,58,237,.23), transparent 27%),
    radial-gradient(circle at 65% 75%, rgba(34,211,238,.12), transparent 25%),
    linear-gradient(135deg, #06111f 0%, #0a1e38 58%, #071426 100%);
}
.hero::after {
  position: absolute;
  inset: -25%;
  opacity: .42;
  background: conic-gradient(from 210deg at 73% 45%, transparent, rgba(59,130,246,.16), transparent 22%, rgba(124,58,237,.13), transparent 48%);
  filter: blur(70px);
  animation: auroraDrift 16s ease-in-out infinite alternate;
  content: "";
}
.hero::before {
  position: absolute;
  inset: 0;
  opacity: .16;
  background-image: linear-gradient(rgba(255,255,255,.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.12) 1px, transparent 1px);
  background-size: 54px 54px;
  mask-image: linear-gradient(to bottom, #000 20%, transparent 95%);
  content: "";
}
.hero .container { position: relative; z-index: 3; }
.hero h1 { max-width: 16ch; color: #fff; font-size: clamp(2.6rem,4.55vw,4.2rem); }
.hero-copy { max-width: 62ch; margin: 1.15rem 0 1.4rem; color: #bac9d9; font-size: clamp(1rem,1.25vw,1.12rem); }
.hero-actions { display: flex; flex-wrap: wrap; gap: .8rem; }
.trust-cues { display: flex; flex-wrap: wrap; gap: .55rem 1.1rem; margin: 1.35rem 0 0; padding: 0; color: #d7e2ef; list-style: none; font-size: .82rem; font-weight: 650; }
.trust-cues li::before { margin-right: .45rem; color: var(--success); content: "✓"; }
.network-stage {
  position: relative;
  min-height: 500px;
  isolation: isolate;
  perspective: 1100px;
  transform: scale(1.08);
  transform-origin: center;
  filter: drop-shadow(0 38px 55px rgba(0,0,0,.28));
}
.network-stage::before {
  position: absolute;
  z-index: -2;
  inset: 5% -3%;
  background:
    radial-gradient(circle at 52% 48%,rgba(71,137,255,.34),transparent 18%),
    radial-gradient(ellipse at center,rgba(124,58,237,.22),rgba(34,211,238,.08) 38%,transparent 68%);
  filter: blur(22px);
  transform: translateZ(-80px);
  content: "";
}
.network-stage::after {
  position: absolute;
  z-index: -1;
  inset: 11% 5%;
  opacity: .34;
  background-image: radial-gradient(circle,rgba(143,205,255,.55) 0 1px,transparent 1.5px);
  background-size: 24px 24px;
  mask-image: radial-gradient(circle,#000,transparent 72%);
  animation: starDrift 16s linear infinite;
  content: "";
}
.network-orbit {
  position: absolute;
  inset: 10% 5%;
  border: 1px solid rgba(139,190,255,.34);
  border-radius: 50%;
  box-shadow: inset 0 0 35px rgba(59,130,246,.05), 0 0 25px rgba(34,211,238,.05);
  animation: orbitSpin 28s linear infinite;
}
.network-orbit:nth-child(2) { inset: 21% 18%; animation-direction: reverse; animation-duration: 20s; }
.network-orbit::before, .network-orbit::after { position: absolute; width: 10px; height: 10px; background: var(--cyan); border-radius: 50%; box-shadow: 0 0 24px var(--cyan); content: ""; }
.network-orbit::before { top: 8%; left: 24%; }
.network-orbit::after { right: 12%; bottom: 18%; background: #9c7cff; box-shadow: 0 0 24px #9c7cff; }
.network-core {
  position: absolute;
  top: 50%; left: 50%;
  display: grid;
  width: 176px; height: 176px;
  place-items: center;
  transform: translate(-50%,-50%);
  color: #fff;
  background:
    radial-gradient(circle at 31% 22%,rgba(255,255,255,.72),transparent 8%),
    radial-gradient(circle at 35% 30%,#73b4ff,#3b82f6 36%,#6b3bd2 69%,#171d52);
  border: 1px solid rgba(255,255,255,.45);
  border-radius: 42% 58% 50% 50%;
  box-shadow: 0 30px 55px rgba(0,0,0,.35), 0 0 78px rgba(59,130,246,.58), inset -18px -22px 32px rgba(12,17,71,.38), inset 16px 15px 26px rgba(255,255,255,.25);
  font-weight: 850;
  letter-spacing: -.02em;
  animation: coreFloat 7s ease-in-out infinite;
}
.network-core::before {
  position: absolute;
  z-index: -1;
  inset: -18px;
  border: 1px solid rgba(135,205,255,.42);
  border-radius: inherit;
  box-shadow: 0 0 35px rgba(34,211,238,.18);
  animation: coreHalo 3.6s ease-in-out infinite alternate;
  content: "";
}
.network-core::after {
  position: absolute;
  inset: 9px;
  border-top: 2px solid rgba(255,255,255,.48);
  border-radius: inherit;
  filter: blur(.2px);
  content: "";
}
.network-node {
  position: absolute;
  min-width: 170px;
  padding: 1rem 1.1rem;
  color: #ecf5ff;
  background: linear-gradient(145deg,rgba(22,59,103,.88),rgba(7,25,50,.74));
  border: 1px solid rgba(117,190,255,.38);
  border-radius: var(--radius);
  box-shadow: 0 22px 42px rgba(0,0,0,.3), inset 0 1px rgba(255,255,255,.08);
  backdrop-filter: blur(16px) saturate(135%);
  font-size: .86rem;
  font-weight: 750;
  animation: nodeFloat 6s var(--ease-premium) infinite alternate;
}
.network-node:nth-of-type(even) { animation-delay: -2.4s; animation-direction: alternate-reverse; }
.network-node small { display: block; margin-top: .25rem; color: #9bb0c8; font-size: .7rem; font-weight: 550; }
.network-node::before { display: inline-block; width: .5rem; height: .5rem; margin-right: .5rem; background: var(--cyan); border-radius: 50%; box-shadow: 0 0 12px var(--cyan); content: ""; }
.node-a { top: 4%; left: -4%; }
.node-b { top: 4%; right: -4%; }
.node-c { top: 42%; left: -8%; }
.node-d { right: -4%; bottom: 4%; }
.node-e { z-index: 3; top: 42%; right: -8%; min-width: 188px; border-color: rgba(167,139,250,.5); }
.node-e::before { background: #a78bfa; box-shadow: 0 0 14px #a78bfa; }
.node-f { z-index: 3; bottom: 4%; left: -4%; min-width: 188px; border-color: rgba(52,211,153,.48); }
.node-f::before { background: #34d399; box-shadow: 0 0 14px #34d399; }
.data-pulse { position: absolute; inset: 0; opacity: .6; background: radial-gradient(circle at 50% 50%, rgba(59,130,246,.32), transparent 46%); filter: blur(20px); }
@keyframes orbitSpin { to { transform: rotate(360deg); } }
@keyframes coreFloat { 50% { transform: translate(-50%,-54%) rotate(2deg); border-radius: 55% 45% 43% 57%; } }
@keyframes coreHalo { to { transform: scale(1.06) rotate(8deg); opacity: .55; } }
@keyframes starDrift { to { background-position: 24px 24px; } }
@keyframes nodeFloat { to { transform: translate3d(0,-9px,0); } }
@keyframes auroraDrift { to { transform: translate3d(4%,2%,0) rotate(5deg) scale(1.06); } }

.proof-bar { background: #fff; border-bottom: 1px solid var(--border); }
.proof-item { padding: 1.3rem 0; }
.proof-value { display: block; color: var(--midnight); font-size: 1.4rem; font-weight: 850; letter-spacing: -.03em; }
.proof-label { color: var(--slate); font-size: .8rem; font-weight: 650; }
.card-premium {
  --spot-x: 50%;
  --spot-y: 50%;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: clamp(1.25rem,1.8vw,1.7rem);
  background: #fff;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  box-shadow: 0 10px 30px rgba(7,20,38,.04);
  transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition);
}
.card-premium::after {
  position: absolute;
  z-index: -1;
  inset: 0;
  opacity: 0;
  background: radial-gradient(360px circle at var(--spot-x) var(--spot-y), rgba(59,130,246,.11), transparent 58%);
  transition: opacity var(--transition);
  content: "";
}
.card-premium:hover::after { opacity: 1; }
.card-premium::before {
  width: 2.25rem;
  height: 2px;
  margin-bottom: 1rem;
  background: linear-gradient(90deg, var(--blue), var(--violet), var(--cyan));
  border-radius: 999px;
  content: "";
}
.card-premium > .icon-box:first-child { margin-top: -.25rem; }
.card-premium:hover { transform: translateY(-5px); border-color: rgba(59,130,246,.32); box-shadow: var(--shadow); }
.card-premium h3 { margin: .9rem 0 .55rem; }
.card-premium p { color: var(--slate); line-height: 1.6; }
.card-premium > :last-child { margin-bottom: 0; }
.card-premium > .btn,
.card-premium > .btn-link-arrow { align-self: flex-start; margin-top: auto; }
.dark-card { color: #cbd8e8; background: linear-gradient(145deg, #0c213c, #071426); border-color: var(--border-dark); }
.dark-card h3, .dark-card h4 { color: #fff; }
.dark-card p { color: #afc0d3; }
.split-path { overflow: hidden; position: relative; min-height: 0; }
.split-path::after { position: absolute; right: -60px; bottom: -70px; width: 230px; height: 230px; background: radial-gradient(circle, rgba(34,211,238,.2), transparent 67%); content: ""; }
.service-list { margin: 1rem 0 1.5rem; padding: 0; list-style: none; }
.service-list li { position: relative; margin: .5rem 0; padding-left: 1.35rem; color: var(--slate); }
.service-list li::before { position: absolute; left: 0; color: var(--blue); content: "•"; font-weight: 900; }
.dark-card .service-list li { color: #bdcbdb; }
.process-step { position: relative; padding: 0 0 2rem 4.2rem; }
.process-step::before { position: absolute; top: 1rem; bottom: -1rem; left: 1.48rem; width: 1px; background: linear-gradient(var(--blue), rgba(59,130,246,.08)); content: ""; }
.process-step:last-child::before { display: none; }
.step-number { position: absolute; top: 0; left: 0; display: grid; width: 3rem; height: 3rem; place-items: center; color: #fff; background: var(--navy); border-radius: 50%; font-weight: 850; }
.scenario-label { color: var(--violet); font-size: .72rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }

.page-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(1.8rem,2.5vw,2.5rem) 0 clamp(2rem,2.8vw,2.75rem);
  color: #cbd8e8;
  background:
    radial-gradient(circle at 88% 42%, rgba(59,130,246,.2), transparent 25%),
    linear-gradient(125deg,#06111f 0%,#0a1d35 58%,#0d2a4e 100%);
  border-bottom: 1px solid rgba(122,179,244,.14);
}
.page-hero > * { position: relative; z-index: 2; }
.page-hero::before { position: absolute; top: 50%; right: clamp(1rem,5vw,5rem); width: clamp(15rem,28vw,28rem); aspect-ratio: 1; transform: translateY(-50%); opacity: .48; background: radial-gradient(circle,rgba(34,211,238,.16),rgba(124,58,237,.07) 42%,transparent 70%); border-radius: 50%; filter: blur(2px); content: ""; }
.page-hero::after { position: absolute; inset: -10%; opacity: .16; background-image: radial-gradient(circle at 75% 30%, var(--cyan) 0, transparent 1px); background-size: 28px 28px; animation: gridDrift 18s linear infinite; content: ""; }
.page-hero .container { position: relative; z-index: 2; padding-right: 0; }
.page-hero .breadcrumb { margin-bottom: 1rem; }
.page-hero .eyebrow { margin-bottom: .9rem; }
.page-hero h1 {
  max-width: 20ch;
  margin-bottom: .9rem;
  color: #fff;
  font-size: clamp(2.25rem,3.35vw,3.45rem);
  line-height: 1.02;
  text-wrap: balance;
}
.page-hero p { max-width: 68ch; margin-bottom: 0; color: #b9c8d8; font-size: clamp(1rem,1.25vw,1.14rem); line-height: 1.65; }
.page-hero p + .d-flex { margin-top: 1.5rem !important; }
body:is(
  .image-video-service-page,
  .semantic-segmentation-service-page,
  .video-tracking-service-page,
  .lidar-point-cloud-service-page,
  .geospatial-aerial-service-page,
  .document-ai-ocr-service-page,
  .audio-transcription-timestamping-page,
  .speaker-diarization-acoustic-page,
  .text-nlp-annotation-page
) .iv-section.iv-hero {
  padding-top: clamp(2.5rem, 4vw, 4rem);
}
.page-hero-art {
  position: absolute;
  z-index: 1;
  top: 50%;
  right: max(1rem,calc((100vw - var(--container)) / 2));
  width: clamp(15rem,23vw,21rem);
  aspect-ratio: 1;
  transform: translateY(-50%);
  filter: drop-shadow(0 28px 38px rgba(0,0,0,.28)) drop-shadow(0 0 28px rgba(34,211,238,.12));
  pointer-events: none;
  animation: artFloat 7s var(--ease-premium) infinite alternate;
}
.page-hero-art img { width: 100%; height: 100%; object-fit: contain; }
.breadcrumb { --bs-breadcrumb-divider-color: #7890ab; --bs-breadcrumb-item-active-color: #a9bbcf; font-size: .84rem; }
.breadcrumb a { color: #dbe8f7; }
.visual-panel { position: relative; min-height: 0; aspect-ratio: 16 / 10; overflow: hidden; background: linear-gradient(145deg,rgba(59,130,246,.14),rgba(124,58,237,.09)); border: 1px solid var(--border); border-radius: var(--radius-lg); }
.visual-panel img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.premium-visual { box-shadow: 0 24px 60px rgba(7,20,38,.16); }
.premium-visual::after { position: absolute; inset: 0; background: linear-gradient(135deg,rgba(7,20,38,.04),transparent 48%,rgba(59,130,246,.12)); pointer-events: none; content: ""; }
.premium-visual img { transition: transform .7s cubic-bezier(.2,.7,.2,1); }
.premium-visual:hover img { transform: scale(1.025); }
@keyframes artFloat { to { transform: translateY(calc(-50% - 8px)) rotate(1deg); } }
@keyframes gridDrift { to { transform: translate3d(28px,28px,0); } }

/* About page */
.about-hero h1 { max-width: 22ch; }
.about-hero p { max-width: 88ch; }
.about-team-section { padding-top: clamp(2.25rem,3.5vw,3.5rem); padding-bottom: clamp(2.5rem,4vw,4rem); }
.about-team-visual {
  position: relative;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 21 / 9;
  background: linear-gradient(145deg,rgba(59,130,246,.14),rgba(124,58,237,.09));
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  box-shadow: 0 24px 60px rgba(7,20,38,.16);
}
.about-team-visual img { width: 100%; height: 100%; object-fit: cover; object-position: center 42%; }
.about-two-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: clamp(1rem,2vw,1.5rem); }
.about-statement-card { padding: clamp(1.5rem,2.4vw,2.1rem); }
.about-statement-card h2 { margin: .25rem 0 .8rem; font-size: clamp(1.55rem,2.2vw,2rem); }
.about-standard-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1rem; }
.about-standard-grid .card-premium { padding: clamp(1.15rem,1.5vw,1.5rem); }
.about-standard-grid h3 { font-size: clamp(1.08rem,1.4vw,1.3rem); }
.about-workforce .section-heading { max-width: 900px; }
.about-workforce .section-heading h2 { color: #fff; }
.about-bias-callout {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem;
  align-items: start;
  margin-top: 1rem;
  padding: clamp(1.2rem,2vw,1.6rem);
  color: #bdcbdb;
  background: rgba(255,255,255,.055);
  border: 1px solid var(--border-dark);
  border-radius: var(--radius);
}
.about-bias-callout h3 { margin-bottom: .5rem; color: #fff; }
.about-bias-callout p { max-width: 105ch; margin-bottom: 0; }
.about-callout-mark { display: block; width: .3rem; height: 3.2rem; background: linear-gradient(var(--cyan),var(--violet)); border-radius: 999px; }
.about-leadership-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.25rem; }
.about-leadership-grid:empty { display: none; }
.about-leadership-card { overflow: hidden; background: #fff; border: 1px solid var(--border); border-radius: var(--radius-lg); box-shadow: 0 12px 30px rgba(7,20,38,.06); }
.about-leadership-card > img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; }
.about-leadership-card > div { padding: 1.25rem; }
.about-leadership-card h3 { margin-bottom: .35rem; }
.about-leadership-card p { color: var(--slate); }
.about-leadership-role { margin-bottom: .8rem; color: var(--blue-dark) !important; font-size: .78rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.about-location-panel { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(16rem,.6fr); gap: 1.5rem; align-items: center; padding: clamp(1.4rem,2.5vw,2rem); background: #fff; border: 1px solid var(--border); border-radius: var(--radius-lg); box-shadow: 0 14px 36px rgba(7,20,38,.06); }
.about-location-label,.about-location-contact span { display: block; margin-bottom: .45rem; color: var(--slate); font-size: .73rem; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.about-location-panel address { max-width: 44ch; margin: 0; color: var(--midnight); font-size: clamp(1.08rem,1.6vw,1.3rem); font-style: normal; font-weight: 700; line-height: 1.45; }
.about-location-contact { padding-left: 1.5rem; border-left: 1px solid var(--border); }
.about-location-contact a { overflow-wrap: anywhere; font-size: clamp(1.02rem,1.5vw,1.2rem); font-weight: 750; }

@media (max-width: 1199.98px) {
  .about-standard-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 767.98px) {
  .about-team-visual { aspect-ratio: 16 / 9; border-radius: var(--radius); }
  .about-two-grid,.about-standard-grid,.about-location-panel { grid-template-columns: 1fr; }
  .about-leadership-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .about-location-contact { padding-top: 1.25rem; padding-left: 0; border-top: 1px solid var(--border); border-left: 0; }
}
@media (max-width: 575.98px) {
  .about-leadership-grid { grid-template-columns: 1fr; }
  .about-bias-callout { grid-template-columns: 1fr; gap: .75rem; }
  .about-callout-mark { width: 3.2rem; height: .25rem; }
}

/* Progressive motion: content remains visible until JavaScript confirms support. */
.motion-ready .motion-item {
  opacity: 1;
  transform: translate3d(0,22px,0);
  transition: opacity .75s var(--ease-premium), transform .75s var(--ease-premium);
  transition-delay: var(--motion-delay,0ms);
}
.motion-ready .motion-item.is-visible { transform: none; }
.section-heading h2 { text-wrap: balance; }
.section-heading .eyebrow { margin-bottom: .85rem; }
.bg-dark { position: relative; overflow: hidden; }
.bg-dark::after { position: absolute; right: -12rem; bottom: -14rem; width: 34rem; height: 34rem; opacity: .22; background: radial-gradient(circle,rgba(34,211,238,.28),transparent 68%); pointer-events: none; content: ""; }

.mega-data-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.2rem 1rem; }
.capability-matrix { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:1rem; }
.capability-matrix article { padding:1.25rem; background:#fff; border:1px solid var(--border); border-radius:var(--radius); box-shadow:0 12px 28px rgba(7,20,38,.06); }
.capability-matrix h3 { font-size:1.05rem; }
.capability-matrix p { margin:0; color:var(--slate); font-size:.88rem; }
.data-pipeline { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.75rem; }
.data-pipeline span { position:relative; padding:1rem; color:#fff; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.16); border-radius:var(--radius-sm); font-weight:700; text-align:center; }
.data-pipeline span:not(:last-child)::after { position:absolute; top:50%; right:-.62rem; z-index:2; color:var(--cyan); content:"->"; transform:translateY(-50%); }
.service-link-list { display:grid; gap:.35rem; }
.service-link-list a { display:flex; justify-content:space-between; gap:1rem; padding:.7rem 0; color:var(--navy); border-bottom:1px solid var(--border); font-weight:700; text-decoration:none; }
.service-link-list a:hover { color:var(--blue-dark); }
textarea.form-control { min-height:7rem; }
@media (max-width:991.98px) { .mega-data-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .capability-matrix { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:767.98px) { html { font-size:16px; } .data-pipeline { grid-template-columns:repeat(2,minmax(0,1fr)); } .data-pipeline span:nth-child(2n)::after { display:none; } }
@media (max-width:479.98px) { .capability-matrix,.data-pipeline { grid-template-columns:1fr; } .data-pipeline span::after { display:none; } .annotation-console-top strong { font-size:.62rem; } }

/* Annotation capability visuals */
.hero-annotation-visual {
  position: relative;
  margin: 0;
  padding: .55rem;
  overflow: hidden;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(155,205,255,.24);
  border-radius: 1.45rem;
  box-shadow: 0 32px 80px rgba(0,0,0,.38);
  isolation: isolate;
}
.hero-annotation-visual::after {
  position: absolute;
  inset: .55rem;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 1rem;
  pointer-events: none;
  content: "";
}
.hero-annotation-visual img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 1rem; }
.hero-visual-badge {
  position: absolute;
  z-index: 2;
  top: 1.45rem;
  left: 1.45rem;
  padding: .45rem .68rem;
  color: #d9fbff;
  background: rgba(5,14,26,.86);
  border: 1px solid rgba(34,211,238,.45);
  border-radius: 999px;
  font-size: .63rem;
  font-weight: 800;
  letter-spacing: .12em;
}
.hero-annotation-visual figcaption {
  position: absolute;
  z-index: 2;
  right: 1.35rem;
  bottom: 1.35rem;
  max-width: 29rem;
  padding: .5rem .7rem;
  color: #dbeafe;
  background: rgba(5,14,26,.82);
  border-radius: .55rem;
  font-size: .7rem;
  line-height: 1.35;
}
.visual-service-card { display: flex; overflow: hidden; padding: 0; flex-direction: column; }
.visual-card-body { display: flex; height: 100%; padding: 1.2rem 1.25rem 1.3rem; flex-direction: column; align-items: flex-start; }
.visual-card-body h3 { margin: .85rem 0 .6rem; }
.visual-card-body p { color: var(--slate); }
.visual-card-body .btn-link-arrow { margin-top: auto; }
.annotation-preview {
  position: relative;
  min-height: 0;
  aspect-ratio: 16 / 10;
  margin: 0;
  overflow: hidden;
  color: #dceaff;
  background:
    linear-gradient(rgba(54,104,158,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(54,104,158,.08) 1px, transparent 1px),
    #071426;
  background-size: 24px 24px;
  border: 1px solid rgba(107,159,213,.22);
  border-radius: var(--radius-lg);
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
  box-shadow: 0 22px 55px rgba(7,20,38,.15);
}
.annotation-preview.compact { min-height: 0; aspect-ratio: 16 / 9; border: 0; border-radius: 0; box-shadow: none; }
.preview-chrome {
  position: relative;
  z-index: 5;
  display: flex;
  height: 2.4rem;
  padding: 0 .85rem;
  gap: .35rem;
  align-items: center;
  color: #88a7c8;
  background: rgba(4,13,25,.9);
  border-bottom: 1px solid rgba(133,173,218,.18);
}
.preview-chrome > span { width: .48rem; height: .48rem; background: #304761; border-radius: 50%; }
.preview-chrome > span:first-child { background: #ef6b73; }
.preview-chrome > span:nth-child(2) { background: #e6b957; }
.preview-chrome > span:nth-child(3) { background: #3fc99d; }
.preview-chrome b { margin-left: auto; font-size: .58rem; letter-spacing: .11em; }
.annotation-preview figcaption {
  position: absolute;
  z-index: 6;
  right: .7rem;
  bottom: .6rem;
  padding: .28rem .45rem;
  color: #8ea7c0;
  background: rgba(4,13,25,.72);
  border-radius: .3rem;
  font: 500 .58rem/1.2 var(--body);
}
.scene-road, .raw-scene {
  position: absolute;
  inset: 2.4rem 0 0;
  overflow: hidden;
  background:
    linear-gradient(165deg, transparent 0 49%, rgba(255,255,255,.06) 49.3% 50%, transparent 50.3%),
    linear-gradient(115deg, transparent 0 46%, #243143 46.3% 100%),
    linear-gradient(180deg, #486781 0 35%, #43573c 35% 52%, #202a34 52%);
}
.scene-road::before, .raw-scene::before { position: absolute; inset: 33% 0 auto; height: 19%; background: repeating-linear-gradient(90deg,#182739 0 13%,#2d4660 13% 20%); content: ""; }
.lane { position: absolute; z-index: 2; bottom: 2%; width: 2px; height: 49%; background: #f5d961; transform-origin: bottom; }
.l-a { left: 43%; transform: rotate(12deg); }
.l-b { right: 31%; transform: rotate(-10deg); }
.object-box { position: absolute; z-index: 3; border: 2px solid #24dcf2; box-shadow: 0 0 0 1px rgba(0,0,0,.25), inset 0 0 20px rgba(34,211,238,.08); }
.object-box b, .cuboid b { position: absolute; top: -1.35rem; left: -2px; padding: .18rem .3rem; color: #04101d; background: #24dcf2; font-size: .52rem; }
.car-a { left: 25%; bottom: 13%; width: 24%; height: 28%; }
.car-b { right: 13%; bottom: 25%; width: 15%; height: 19%; border-color: #f6b94a; }
.car-b b { background: #f6b94a; }
.person { left: 8%; bottom: 23%; width: 7%; height: 27%; border-color: #b18cff; }
.person b { background: #b18cff; }
.seg-mask { position: absolute; z-index: 1; inset: 61% 0 0; background: rgba(45,221,148,.18); clip-path: polygon(35% 0,72% 0,100% 65%,100% 100%,0 100%,0 70%); }
.storyboard { display: grid; height: calc(100% - 4rem); padding: 1.2rem; grid-template-columns: repeat(4,1fr); gap: .55rem; }
.storyboard > span { position: relative; overflow: hidden; background: linear-gradient(#4c6c88 0 40%,#334432 40% 55%,#253141 55%); border: 1px solid #2f4964; border-radius: .45rem; }
.storyboard small { position: absolute; right: .3rem; bottom: .25rem; color: #9eb6cf; font-size: .52rem; }
.tracked { position: absolute; bottom: 17%; left: calc(10% + var(--frame, 0%)); width: 54%; height: 35%; border: 2px solid #22d3ee; }
.t-1 { transform: translateX(0); } .t-2 { transform: translateX(10%); } .t-3 { transform: translateX(20%); } .t-4 { transform: translateX(28%); }
.tracked b { position: absolute; top: -.95rem; left: -2px; color: #22d3ee; font-size: .5rem; }
.track-line { position: absolute; right: 12%; bottom: 2rem; left: 12%; height: 2px; background: linear-gradient(90deg,transparent,#22d3ee 12% 88%,transparent); }
.nlp-sample, .llm-review { padding: 2rem; font-family: var(--body); }
.nlp-sample p { margin: 1.1rem 0 2rem; color: #eaf2ff; font-size: clamp(1rem,2vw,1.35rem); line-height: 2.35; }
.entity { position: relative; padding: .2rem .4rem; color: #fff; background: rgba(124,58,237,.32); border-bottom: 2px solid #a987ff; }
.entity small { position: absolute; top: -1.2rem; left: 0; color: #cdbdff; font-size: .5rem; }
.entity.loc { background: rgba(34,211,238,.24); border-color: #22d3ee; }
.nlp-sample > div, .llm-review footer { display: flex; gap: .55rem; flex-wrap: wrap; }
.nlp-sample > div span, .llm-review footer span { padding: .35rem .55rem; color: #9fc4e7; background: rgba(59,130,246,.12); border: 1px solid rgba(59,130,246,.25); border-radius: 999px; font-size: .62rem; }
.waveform { display: flex; height: 10rem; padding: 2rem 1.35rem .6rem; gap: .22rem; align-items: center; justify-content: center; }
.waveform i { width: .36rem; height: var(--h); background: linear-gradient(#22d3ee,#7c3aed); border-radius: 999px; }
.speaker-track { display: grid; padding: .65rem 1.2rem; grid-template-columns: 43% 57%; gap: .3rem; }
.speaker-track span { padding: .45rem; color: #061222; background: #22d3ee; border-radius: .25rem; font-size: .56rem; }
.speaker-track span + span { background: #a987ff; }
.lidar-view { position: absolute; inset: 2.4rem 0 0; overflow: hidden; perspective: 500px; }
.point-cloud { position: absolute; inset: 7%; background-image: radial-gradient(circle,#54c9ef 0 1px,transparent 1.5px); background-size: 14px 11px; opacity: .72; transform: rotateX(59deg); }
.lidar-road { position: absolute; right: 15%; bottom: 0; left: 15%; height: 90%; border: 1px solid rgba(81,194,238,.25); transform: perspective(270px) rotateX(62deg); }
.cuboid { position: absolute; border: 2px solid #34e4f3; transform: skewY(-7deg); }
.cuboid::after { position: absolute; inset: -10px 9px 9px -10px; border: 1px solid rgba(52,228,243,.55); content: ""; }
.c-a { left: 26%; bottom: 19%; width: 25%; height: 31%; }
.c-b { right: 18%; bottom: 39%; width: 10%; height: 24%; border-color: #e7ab54; }
.geo-view, .raw-geo { position: absolute; inset: 2.4rem 0 0; overflow: hidden; background: linear-gradient(25deg,#355e51 0 30%,#727c4b 30% 54%,#516d59 54% 70%,#786e48 70%); }
.field { position: absolute; border: 2px solid #a9ef75; background: rgba(111,219,91,.13); clip-path: polygon(8% 0,100% 9%,89% 91%,2% 100%); }
.f-a { top: 8%; left: 5%; width: 35%; height: 41%; } .f-b { top: 53%; left: 13%; width: 31%; height: 36%; } .f-c { top: 13%; right: 6%; width: 34%; height: 63%; }
.road-line { position: absolute; top: 42%; left: -10%; width: 125%; height: 7%; background: rgba(235,226,192,.72); transform: rotate(-16deg); }
.building-poly { position: absolute; right: 20%; bottom: 12%; width: 18%; height: 20%; background: rgba(168,122,255,.45); border: 2px solid #c5a3ff; clip-path: polygon(10% 0,95% 15%,100% 90%,0 100%); }
.geo-view > b { position: absolute; right: .7rem; bottom: 2rem; font-size: .52rem; }
.ocr-doc, .raw-document { position: relative; width: min(76%,26rem); min-height: 13rem; margin: .9rem auto; padding: 1.2rem; color: #23364b; background: #f9fbfd; border-radius: .3rem; font-family: var(--body); box-shadow: 0 12px 32px rgba(0,0,0,.25); }
.ocr-doc strong { display: block; margin-bottom: 1.2rem; font-size: 1.2rem; }
.ocr-doc p { display: grid; margin: .4rem 0; grid-template-columns: 5rem 1fr; font-size: .72rem; }
.ocr-doc p span { color: #738297; }
.ocr-table { margin-top: 1rem; padding: .6rem; color: #45617f; background: #e9eff6; font-size: .65rem; }
.ocr-box { position: absolute; border: 2px solid #18aee0; }
.box-a { top: 3.6rem; right: 1rem; left: 1rem; height: 4.1rem; } .box-b { right: 1rem; bottom: 1rem; left: 1rem; height: 3rem; border-color: #8a5cf2; }
.llm-review { padding-top: 1.4rem; }
.llm-review > small { color: #72bff7; }
.llm-review > p { margin: .35rem 0 1rem; color: #e8f2ff; }
.response-choice { display: flex; margin: .55rem 0; padding: .7rem; gap: .65rem; color: #adc0d4; border: 1px solid #304b67; border-radius: .55rem; align-items: center; }
.response-choice b { display: grid; width: 1.6rem; height: 1.6rem; place-items: center; color: #8eaac8; background: #162c45; border-radius: .3rem; }
.response-choice.selected { color: #dcfff4; background: rgba(32,201,151,.11); border-color: #20c997; }
.response-choice.selected b { color: #041610; background: #20c997; }
.llm-review footer { margin-top: 1rem; }
.collection-grid { display: grid; padding: 1.15rem; grid-template-columns: repeat(2,1fr); gap: .65rem; }
.collection-grid > span { display: grid; min-height: 4rem; padding: .6rem; color: #9bdfff; background: rgba(34,211,238,.08); border: 1px solid rgba(34,211,238,.3); border-radius: .55rem; font-size: .65rem; place-items: center; }
.collection-grid small { color: #8ca7c3; font-size: .52rem; }
.collection-meta { margin: 0 1.15rem; padding: .55rem; color: #a8b8cb; background: #0f2339; border-radius: .35rem; font-size: .57rem; text-align: center; }
.qa-flow { display: flex; min-height: 14rem; padding: 2.1rem 1rem 3rem; gap: .5rem; align-items: center; justify-content: center; }
.qa-flow span { padding: .65rem .75rem; background: #102a47; border: 1px solid #35618a; border-radius: .4rem; font-size: .58rem; text-align: center; }
.qa-flow i { color: #6185a8; font-style: normal; }
.qa-flow .approved { color: #bffbe7; background: rgba(32,201,151,.14); border-color: #20c997; }
.multi-grid { display: grid; height: calc(100% - 2.4rem); padding: .85rem; grid-template-columns: 1.25fr 1fr; grid-template-rows: repeat(2,1fr); gap: .55rem; }
.multi-grid > span { position: relative; display: grid; overflow: hidden; padding: .5rem; color: #b9d3ec; background: #0d2239; border: 1px solid #294a68; border-radius: .45rem; font-size: .54rem; letter-spacing: .08em; align-content: start; }
.m-image i { position: absolute; inset: 35% 17% 15%; border: 2px solid #22d3ee; }
.m-image i::after { position: absolute; inset: 19% 48% 20% -20%; border: 1px solid #f4b65c; content: ""; }
.m-wave i { position: absolute; right: 10%; bottom: 30%; left: 10%; height: 32%; background: repeating-linear-gradient(90deg,#8a6df0 0 3px,transparent 3px 7px); }
.m-text mark { position: absolute; right: 13%; bottom: 25%; padding: .2rem; color: #c5f8ff; background: rgba(34,211,238,.24); border-bottom: 1px solid #22d3ee; }
.m-doc i { position: absolute; inset: 30% 22% 14%; background: #eaf1f8; }
.m-doc i::after { position: absolute; inset: 21% 12%; border: 1px solid #895cf0; content: ""; }
.showcase-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }
.showcase-grid > article, .process-visual-grid > article {
  min-width: 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  box-shadow: 0 14px 38px rgba(7,20,38,.08);
  transition: transform var(--transition), box-shadow var(--transition);
}
.showcase-grid > article:hover, .process-visual-grid > article:hover { transform: translateY(-5px); box-shadow: var(--shadow); }
.showcase-grid > article > div:last-child { padding: 1.05rem 1.15rem 1.15rem; }
.showcase-grid > article > div > span { color: var(--blue-dark); font-size: .65rem; font-weight: 800; letter-spacing: .12em; }
.showcase-grid h3 { margin: .55rem 0 .45rem; }
.showcase-grid p, .process-visual-grid p { margin-bottom: 0; color: var(--slate); }
.before-after { display: grid; grid-template-columns: 1fr auto 1fr; gap: 1rem; align-items: center; }
.before-after > article { min-width: 0; overflow: hidden; background: #0a192b; border: 1px solid #28445f; border-radius: var(--radius-lg); }
.before-after > article > span { display: block; padding: .7rem 1rem; color: #9fc0df; background: #06111f; font: 700 .62rem/1 var(--body); letter-spacing: .12em; }
.before-after > article > .annotation-preview { border: 0; border-radius: 0; }
.before-after > i { display: grid; width: 2.5rem; height: 2.5rem; color: #fff; background: linear-gradient(135deg,var(--blue),var(--violet)); border-radius: 50%; font-style: normal; place-items: center; }
.before-after .raw-scene, .before-after .raw-geo { position: relative; inset: auto; min-height: 0; aspect-ratio: 16 / 10; }
.raw-document { min-height: 13rem; margin-block: 1rem; font-size: 1.05rem; line-height: 1.75; }
.process-visual-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 1rem; }
.process-visual-grid > article { position: relative; padding-bottom: 1.35rem; }
.process-visual-grid h3, .process-visual-grid p { padding-inline: 1.25rem; }
.process-visual-grid h3 { margin-top: 1.15rem; }
.stage-number { position: absolute; z-index: 7; top: .65rem; left: .65rem; padding: .35rem .5rem; color: #06121f; background: #22d3ee; border-radius: .35rem; font-size: .63rem; font-weight: 900; }
.visual-caption { margin-top: .8rem; color: var(--slate); font-size: .78rem; }
.cta-visual-pair { display: grid; grid-template-columns: 1.05fr .95fr; gap: 1.5rem; align-items: center; }
.cta-visual-pair .annotation-preview { min-height: 0; }
.contact-visual > .annotation-preview { min-height: 0; margin-bottom: 1.2rem; }
.contact-visual { align-self: start; }

/* Compact data-project enquiry */
.contact-page {
  color: #c7d5e5;
  background:
    radial-gradient(circle at 7% 28%, rgba(59,130,246,.18), transparent 28rem),
    radial-gradient(circle at 92% 72%, rgba(124,58,237,.15), transparent 30rem),
    linear-gradient(135deg, #050e1a 0%, var(--midnight) 54%, #0b1830 100%);
}
.contact-enquiry-section {
  position: relative;
  overflow: hidden;
  padding-block: clamp(1.35rem,2.5vw,2.35rem);
}
.contact-enquiry-section::before {
  position: absolute;
  inset: 0;
  opacity: .1;
  background-image:
    linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);
  background-size: 48px 48px;
  mask-image: linear-gradient(to bottom,#000,transparent 88%);
  pointer-events: none;
  content: "";
}
.contact-enquiry-section .container { position: relative; z-index: 1; }
.contact-enquiry-section .breadcrumb { margin-bottom: clamp(1rem,2vw,1.5rem); }
.contact-enquiry-section .breadcrumb-item,
.contact-enquiry-section .breadcrumb-item::before { color: #8095ad; }
.contact-enquiry-section .breadcrumb a { color: #b9c9db; }
.contact-enquiry-grid {
  display: grid;
  grid-template-columns: minmax(0,5fr) minmax(0,7fr);
  gap: clamp(2rem,4vw,4.5rem);
  align-items: center;
}
.contact-enquiry-copy { max-width: 39rem; }
.contact-enquiry-copy .eyebrow { margin-bottom: .85rem; }
.contact-enquiry-copy h1 {
  max-width: 14ch;
  margin-bottom: 1rem;
  color: #fff;
  font-size: clamp(2.45rem,4.1vw,4.15rem);
  text-wrap: balance;
}
.contact-enquiry-lede {
  margin-bottom: clamp(1.35rem,2.4vw,2rem);
  color: #b2c2d5;
  font-size: clamp(1rem,1.3vw,1.12rem);
  line-height: 1.7;
}
.contact-direct-grid { display: grid; gap: .75rem; }
.contact-direct-item {
  display: grid;
  grid-template-columns: 2.65rem minmax(0,1fr);
  gap: .9rem;
  align-items: start;
  padding: .75rem .85rem;
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.09);
  border-radius: .8rem;
}
.contact-direct-icon {
  display: grid;
  width: 2.65rem;
  height: 2.65rem;
  color: #8eeeff;
  background: rgba(34,211,238,.09);
  border: 1px solid rgba(34,211,238,.2);
  border-radius: .7rem;
  place-items: center;
}
.contact-direct-icon svg { width: 1.25rem; height: 1.25rem; }
.contact-direct-item strong { display: block; margin-bottom: .1rem; color: #fff; font-size: .93rem; }
.contact-direct-item p { margin: 0; color: #9fb0c4; font-size: .88rem; line-height: 1.45; }
.contact-direct-item a { color: #a8dcff; font-weight: 700; overflow-wrap: anywhere; }
.contact-enquiry-form-wrap { min-width: 0; }
.contact-enquiry-card {
  padding: clamp(1.35rem,2.5vw,2rem);
  color: #cbd8e8;
  background: rgba(8,22,40,.9);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 1rem;
  box-shadow: 0 28px 70px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.035);
  backdrop-filter: blur(14px);
}
.contact-form-heading { margin-bottom: 1.15rem; }
.contact-form-heading h2 { margin-bottom: .35rem; color: #fff; font-size: clamp(1.55rem,2vw,2rem); }
.contact-form-heading p { margin: 0; color: #91a5bc; }
.contact-form-grid { display: grid; gap: .9rem; }
.contact-field-pair { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.contact-field { min-width: 0; }
.contact-enquiry-card .form-label {
  margin-bottom: .35rem;
  color: #e8f0f8;
  font-size: .9rem;
  font-weight: 700;
}
.contact-enquiry-card .form-control {
  min-height: 2.95rem;
  padding: .7rem .85rem;
  color: #f8fbff;
  background: rgba(255,255,255,.055);
  border: 1px solid rgba(255,255,255,.13);
  border-radius: .55rem;
  box-shadow: none;
}
.contact-enquiry-card textarea.form-control { min-height: 7.25rem; resize: vertical; }
.contact-enquiry-card .form-control::placeholder { color: #7f93aa; opacity: 1; }
.contact-enquiry-card .form-control:hover { border-color: rgba(255,255,255,.22); }
.contact-enquiry-card .form-control:focus {
  color: #fff;
  background: rgba(255,255,255,.075);
  border-color: var(--blue);
  box-shadow: 0 0 0 .22rem rgba(59,130,246,.2);
}
.contact-enquiry-card .invalid-feedback { color: #ffb9c0; font-size: .82rem; }
.contact-consent { margin: 1rem 0; padding-left: 1.7rem; }
.contact-consent .form-check-input {
  width: 1.1rem;
  height: 1.1rem;
  margin-top: .25rem;
  background-color: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.28);
}
.contact-consent .form-check-input:focus { border-color: var(--blue); box-shadow: 0 0 0 .22rem rgba(59,130,246,.2); }
.contact-consent .form-check-label { color: #aebed0; font-size: .84rem; line-height: 1.5; }
.contact-consent a { color: #a8dcff; }
.contact-submit {
  min-height: 3.25rem;
  padding-block: .875rem;
  background: var(--blue-dark);
  border-color: var(--blue-dark);
  border-radius: .5rem;
  font-weight: 700;
  letter-spacing: .035em;
  transition: background var(--transition),border-color var(--transition),transform var(--transition),box-shadow var(--transition);
}
.contact-submit:hover { background: var(--blue); border-color: var(--blue); transform: translateY(-1px); box-shadow: 0 12px 28px rgba(59,130,246,.25); }
.contact-enquiry-card .status-panel { color: #cbd8e8; background: rgba(255,255,255,.055); border-color: rgba(255,255,255,.12); }

@media (max-width: 991.98px) {
  .contact-enquiry-grid { grid-template-columns: 1fr; gap: 1.75rem; }
  .contact-enquiry-copy { max-width: 48rem; }
  .contact-enquiry-copy h1 { max-width: 17ch; }
  .contact-direct-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 575.98px) {
  .contact-enquiry-section { padding-block: 1rem 1.6rem; }
  .contact-enquiry-section .breadcrumb { margin-bottom: .8rem; }
  .contact-enquiry-grid { gap: 1.35rem; }
  .contact-enquiry-copy h1 { font-size: clamp(2rem,10vw,2.65rem); }
  .contact-enquiry-lede { margin-bottom: 1.15rem; font-size: 1rem; }
  .contact-direct-grid,
  .contact-field-pair { grid-template-columns: 1fr; }
  .contact-enquiry-card { padding: 1.15rem; }
  .contact-form-grid { gap: .8rem; }
  .contact-enquiry-card .form-control { min-height: 3rem; }
}


.annotation-hero .row,
.annotation-deliverables .row,
.annotation-quality .row,
.visual-explainer .row { --bs-gutter-x: 2rem; --bs-gutter-y: 2rem; align-items: center; }
.site-footer .row { --bs-gutter-x: 1.75rem; --bs-gutter-y: 1.75rem; }
.annotation-ecosystem.section { padding-block: clamp(2.6rem,3.4vw,3.75rem); }
.compact .ocr-doc { width: 82%; min-height: 0; margin: .45rem auto; padding: .65rem; transform: scale(.88); transform-origin: top center; }
.compact .ocr-doc strong { margin-bottom: .5rem; font-size: .78rem; }
.compact .ocr-doc p { margin: .18rem 0; grid-template-columns: 3.25rem 1fr; font-size: .52rem; }
.compact .ocr-table { margin-top: .4rem; padding: .35rem; font-size: .48rem; }
.compact .box-a { top: 1.9rem; }
.compact .qa-flow { min-height: 0; height: calc(100% - 2.4rem); padding: 1rem .35rem 2rem; gap: .2rem; }
.compact .qa-flow span { padding: .4rem .25rem; font-size: .44rem; }

@media (min-width: 1200px) {
  .annotation-hero ~ .section .annotation-process { grid-template-columns: repeat(5,minmax(0,1fr)); }
  .annotation-hero ~ .section.bg-soft .row:has(.icon-box) {
    --bs-gutter-x: 0;
    display: grid;
    grid-template-columns: repeat(6,minmax(0,1fr));
    gap: 1rem;
    margin-inline: 0;
  }
  .annotation-hero ~ .section.bg-soft .row:has(.icon-box) > * { width: auto; grid-column: span 2; padding-inline: 0; }
  .annotation-hero ~ .section.bg-soft .row:has(.icon-box) > :nth-child(4):nth-last-child(2) { grid-column: 2 / 4; }
  .annotation-hero ~ .section.bg-soft .row:has(.icon-box) > :last-child:nth-child(5) { grid-column: 4 / 6; }
  .contact-visual { position: sticky; top: 1.5rem; }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
  .annotation-hero ~ .section.bg-soft .row:has(.icon-box) {
    --bs-gutter-x: 0;
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 1rem;
    margin-inline: 0;
  }
  .annotation-hero ~ .section.bg-soft .row:has(.icon-box) > * { width: auto; grid-column: span 2; padding-inline: 0; }
  .annotation-hero ~ .section.bg-soft .row:has(.icon-box) > :last-child:nth-child(odd) { grid-column: 2 / 4; }
}

@media (max-width: 991.98px) {
  .hero-annotation-visual { margin-top: .4rem; }
  .showcase-grid, .process-visual-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .cta-visual-pair { grid-template-columns: 1fr; }
}
@media (max-width: 767.98px) {
  .hero-annotation-visual { border-radius: 1rem; }
  .hero-visual-badge { top: 1rem; left: 1rem; font-size: .55rem; }
  .hero-annotation-visual figcaption { position: static; max-width: none; padding: .7rem .45rem .25rem; background: transparent; }
  .annotation-preview { min-height: 0; border-radius: 1rem; }
  .annotation-preview.compact { min-height: 0; }
  .showcase-grid, .process-visual-grid { grid-template-columns: 1fr; }
  .before-after { grid-template-columns: 1fr; }
  .before-after > i { margin: -.25rem auto; transform: rotate(90deg); }
  .storyboard { padding: .8rem; gap: .3rem; }
  .qa-flow { min-height: 16rem; padding: 1rem 3rem 2.5rem; flex-direction: column; }
  .qa-flow i { transform: rotate(90deg); }
}
@media (max-width: 479.98px) {
  .hero-visual-badge { max-width: calc(100% - 2rem); white-space: normal; }
  .annotation-preview { min-height: 0; }
  .annotation-preview.compact { min-height: 0; }
  .preview-chrome b { max-width: 58%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .nlp-sample, .llm-review { padding: 1.25rem; }
  .storyboard { grid-template-columns: repeat(2,1fr); }
  .waveform { gap: .12rem; }
  .speaker-track { grid-template-columns: 1fr; }
  .ocr-doc { width: 86%; padding: 1rem; }
  .collection-grid { padding: .8rem; gap: .4rem; }
  .multi-grid { padding: .6rem; gap: .4rem; }
  .before-after .raw-scene, .before-after .raw-geo { min-height: 0; }
}

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

@media (max-width: 991.98px) {
  .network-stage { min-height: 430px; transform: scale(1); }
  .network-core { width: 154px; height: 154px; }
  .network-node { min-width: 152px; padding: .85rem 1rem; }
}

@media (max-width: 575.98px) {
  .network-stage { min-height: 350px; margin-inline: -.4rem; }
  .network-core { width: 122px; height: 122px; font-size: .86rem; }
  .network-node { min-width: 128px; max-width: 142px; padding: .68rem .75rem; font-size: .72rem; }
  .network-node small { font-size: .62rem; }
  .network-orbit { inset: 12% 4%; }
  .network-orbit:nth-child(2) { inset: 24% 18%; }
}
.capability-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }
.capability-item { padding: 1.15rem; background: #fff; border: 1px solid var(--border); border-radius: var(--radius); }
.capability-item h3 { margin: 0 0 .45rem; font-size: 1.05rem; }
.capability-item p { margin: 0; color: var(--slate); font-size: .9rem; }
.pill-list { display: flex; flex-wrap: wrap; gap: .55rem; margin: 0; padding: 0; list-style: none; }
.pill-list li { padding: .5rem .75rem; color: var(--navy); background: #fff; border: 1px solid var(--border); border-radius: 999px; font-size: .82rem; font-weight: 680; }
.callout { padding: clamp(1.5rem,3vw,2.4rem); background: linear-gradient(135deg,rgba(59,130,246,.11),rgba(124,58,237,.08)); border: 1px solid rgba(59,130,246,.18); border-radius: var(--radius-lg); }
.faq .accordion-item { margin-bottom: .75rem; overflow: hidden; background: #fff; border: 1px solid var(--border); border-radius: var(--radius) !important; }
.faq .accordion-button { padding: 1.2rem 1.25rem; color: var(--midnight); font-weight: 750; box-shadow: none; }
.faq .accordion-button:not(.collapsed) { color: var(--blue-dark); background: rgba(59,130,246,.06); }
.faq .accordion-body { color: var(--slate); }

.filter-bar { display: flex; flex-wrap: wrap; gap: .55rem; margin-bottom: 2rem; }
.filter-btn { min-height: 44px; padding: .55rem .85rem; color: var(--navy); background: #fff; border: 1px solid var(--border); border-radius: 999px; font-weight: 700; }
.filter-btn.active, .filter-btn:hover { color: #fff; background: var(--navy); }
.industry-card[hidden] { display: none !important; }
.industry-tile { overflow: hidden; }
.industry-tile::before { display: none; }
.industry-tile .tag { margin-top: 1.15rem; }
.industry-graphic {
  position: relative;
  display: grid;
  width: calc(100% + clamp(2.7rem,5vw,4rem));
  height: 10.5rem;
  margin: calc(clamp(1.35rem,2.5vw,2rem) * -1) calc(clamp(1.35rem,2.5vw,2rem) * -1) 0;
  place-items: center;
  overflow: hidden;
  color: hsl(var(--industry-hue) 90% 72%);
  background:
    radial-gradient(circle at 72% 28%,hsl(var(--industry-hue) 90% 62% / .28),transparent 28%),
    linear-gradient(135deg,#071426,#102c51 62%,hsl(var(--industry-hue) 55% 24%));
  border-bottom: 1px solid hsl(var(--industry-hue) 80% 70% / .2);
  isolation: isolate;
}
.industry-graphic::before { position: absolute; inset: 0; opacity: .14; background-image: linear-gradient(rgba(255,255,255,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.22) 1px,transparent 1px); background-size: 24px 24px; mask-image: linear-gradient(135deg,#000,transparent 78%); content: ""; }
.industry-graphic svg { position: relative; z-index: 2; width: 4.8rem; height: 4.8rem; padding: 1rem; background: linear-gradient(145deg,hsl(var(--industry-hue) 80% 58% / .2),rgba(124,58,237,.16)); border: 1px solid hsl(var(--industry-hue) 90% 75% / .4); border-radius: 1.35rem; box-shadow: 0 18px 38px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.2); backdrop-filter: blur(8px); }
.industry-orbit { position: absolute; z-index: 1; width: 8.5rem; height: 8.5rem; border: 1px solid hsl(var(--industry-hue) 90% 72% / .24); border-radius: 50%; box-shadow: inset 0 0 35px hsl(var(--industry-hue) 90% 60% / .08); }
.industry-orbit::before,.industry-orbit::after { position: absolute; width: .48rem; height: .48rem; background: currentColor; border-radius: 50%; box-shadow: 0 0 14px currentColor; content: ""; }
.industry-orbit::before { top: .7rem; left: 1.15rem; }
.industry-orbit::after { right: .65rem; bottom: 1.2rem; }
.industry-signal { position: absolute; z-index: 2; width: .42rem; height: .42rem; background: var(--cyan); border-radius: 50%; box-shadow: 0 0 12px var(--cyan); }
.industry-signal::after { position: absolute; top: 50%; width: 2.8rem; height: 1px; background: linear-gradient(90deg,currentColor,transparent); content: ""; }
.signal-a { top: 28%; left: 18%; }
.signal-b { right: 20%; bottom: 24%; color: #ad8cff; background: #ad8cff; }
.signal-b::after { right: 0; transform: rotate(180deg); }
.industry-graphic-compact { width: min(100%,15rem); height: 7.5rem; margin: 0 0 1.5rem; border: 1px solid hsl(var(--industry-hue) 80% 70% / .2); border-radius: var(--radius); }
.industry-graphic-compact svg { width: 3.8rem; height: 3.8rem; padding: .78rem; border-radius: 1rem; }
.industry-graphic-compact .industry-orbit { width: 6.5rem; height: 6.5rem; }
.industry-detail { scroll-margin-top: 6.5rem; }
.industry-photo {
  position: relative;
  width: calc(100% + clamp(2.7rem,5vw,4rem));
  height: clamp(12rem,15vw,13.5rem);
  margin: calc(clamp(1.35rem,2.5vw,2rem) * -1) calc(clamp(1.35rem,2.5vw,2rem) * -1) 0;
  overflow: hidden;
  background: #08192d;
  border-bottom: 1px solid rgba(122,179,244,.2);
  isolation: isolate;
}
.industry-photo img {
  position: absolute;
  top: 50%;
  left: calc(var(--industry-slot) * -100%);
  width: calc(var(--industry-columns) * 100%);
  max-width: none;
  height: auto;
  transform: translateY(-50%);
}
.industry-photo::before { position: absolute; z-index: 1; inset: 0; background: linear-gradient(180deg,transparent 35%,rgba(5,14,26,.9)); pointer-events: none; content: ""; }
.industry-photo::after { position: absolute; z-index: 1; inset: 0; background: linear-gradient(120deg,rgba(34,211,238,.08),transparent 45%,rgba(124,58,237,.1)); pointer-events: none; content: ""; }
.industry-photo figcaption { position: absolute; z-index: 2; right: 1rem; bottom: .8rem; left: 1rem; margin: 0; color: #fff; font-size: .78rem; font-weight: 750; line-height: 1.25; text-shadow: 0 2px 10px rgba(0,0,0,.6); }
.industry-photo figcaption span { display: block; margin-bottom: .18rem; color: #6deaff; font-size: .6rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.industry-photo-compact { width: min(100%,18rem); height: 10rem; margin: 0 0 1.5rem; border: 1px solid var(--border); border-radius: var(--radius); box-shadow: 0 14px 34px rgba(7,20,38,.12); }

.form-shell { min-width: 0; overflow: hidden; background: #fff; border: 1px solid var(--border); border-radius: var(--radius-lg); box-shadow: var(--shadow); }
.form-header { padding: clamp(1.3rem,3vw,2.2rem); background: linear-gradient(135deg,#0b1f3a,#12365d); border-radius: var(--radius-lg) var(--radius-lg) 0 0; }
.form-header h2, .form-header p { color: #fff; }
.form-body { padding: clamp(1.3rem,3vw,2.4rem); }
.form-control, .form-select { min-height: 48px; border-color: #c9d5e2; border-radius: .7rem; }
textarea.form-control { min-height: 132px; }
.form-control:focus, .form-select:focus { border-color: var(--blue); box-shadow: 0 0 0 .22rem rgba(59,130,246,.14); }
.form-label { color: var(--navy); font-weight: 700; }
.form-text { color: #64748b; }
.form-check-input { width: 1.15em; height: 1.15em; margin-top: .32em; }
.form-step { display: none; }
.form-step.active { display: block; animation: stepIn .28s ease both; }
@keyframes stepIn { from { opacity: 0; transform: translateY(8px); } }
.stepper { display: flex; gap: .35rem; overflow-x: auto; padding: .2rem .1rem .75rem; scrollbar-width: thin; }
.stepper-item { min-width: 105px; color: #91a4ba; font-size: .72rem; text-align: center; }
.stepper-dot { display: grid; width: 2.1rem; height: 2.1rem; margin: 0 auto .4rem; place-items: center; color: #90a4bb; background: #e7eef6; border-radius: 50%; font-weight: 800; }
.stepper-item.active { color: #fff; }
.stepper-item.active .stepper-dot { color: #fff; background: var(--blue); box-shadow: 0 0 0 5px rgba(59,130,246,.2); }
.stepper-item.complete .stepper-dot { color: #05251d; background: var(--success); }
.progress { height: .45rem; background: rgba(255,255,255,.14); }
.progress-bar { background: linear-gradient(90deg,var(--blue),var(--cyan)); }
.language-row { padding: 1rem; background: var(--off-white); border: 1px solid var(--border); border-radius: var(--radius); }
.review-block { margin-bottom: 1rem; padding: 1.1rem; overflow-wrap: anywhere; background: var(--off-white); border-radius: var(--radius); }
.status-panel { display: none; padding: 1.2rem; border-radius: var(--radius); }
.status-panel.show { display: block; }
.status-demo { color: #563d00; background: #fff5cc; border: 1px solid #f2d873; }

.annotation-demo { position: relative; min-height: 0; aspect-ratio: 16 / 9; overflow: hidden; background: linear-gradient(160deg,#0b1f3a,#071426); border-radius: var(--radius-lg); }
.annotation-scene { position: absolute; inset: 0; background: linear-gradient(180deg,#294765 0 48%,#26323d 48% 100%); }
.annotation-road { position: absolute; right: 10%; bottom: -20%; left: 10%; height: 66%; transform: perspective(350px) rotateX(35deg); background: #202a34; clip-path: polygon(39% 0,61% 0,100% 100%,0 100%); }
.annotation-object { position: absolute; border: 3px solid var(--cyan); background: rgba(34,211,238,.08); }
.annotation-object span { position: absolute; top: -1.7rem; left: -3px; padding: .12rem .35rem; color: #06111f; background: var(--cyan); font-size: .67rem; font-weight: 850; white-space: nowrap; }
.object-car { right: 20%; bottom: 23%; width: 30%; height: 24%; }
.object-person { bottom: 29%; left: 21%; width: 9%; height: 30%; border-color: #ad8cff; }
.object-person span { background: #ad8cff; }
.annotation-controls { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1rem; }
.annotation-controls button { min-height: 44px; padding: .55rem .8rem; color: var(--navy); background: #fff; border: 1px solid var(--border); border-radius: 999px; font-weight: 700; }
.annotation-controls button.active { color: #fff; background: var(--blue); }

/* Dedicated data annotation marketing landing page */
.annotation-hero { position: relative; overflow: hidden; padding: clamp(1.75rem,2.4vw,2.35rem) 0 clamp(2.25rem,3.2vw,3rem); color: #cbd8e8; background: radial-gradient(circle at 82% 35%,rgba(124,58,237,.3),transparent 27%),radial-gradient(circle at 68% 75%,rgba(34,211,238,.15),transparent 25%),linear-gradient(128deg,#050d19,#071b34 56%,#101849); }
.annotation-hero::before { position: absolute; inset: 0; opacity: .14; background-image: linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(#000,transparent 95%); content: ""; }
.annotation-hero .container { position: relative; z-index: 2; }
.annotation-hero h1 {
    max-width: 20ch;
    color: #fff;
    font-size: clamp(2.8rem, 4.8vw, 2.65rem);
}
 /* Hero Section Polish & Spacing */
  .annotation-hero {
    padding: 52px 0;
    background: linear-gradient(135deg, #090d16 0%, #0f172a 100%);
    position: relative;
    overflow: hidden;
  }

  .annotation-hero-copy {
    color: #94a3b8;
    font-size: 1.05rem;
    line-height: 1.75;
    margin: 20px 0 32px 0;
  }

  /* Trust Cues Modern Alignment */
  .trust-cues {
    font-size: 0.85rem;
    color: #cbd5e1;
    font-weight: 600;
    letter-spacing: 0.3px;
  }

  .trust-cues span {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    padding: 6px 14px;
    border-radius: 20px;
    display: inline-flex;
    align-items: center;
  }

  /* Static Visual Container Wrapper */
  .annotation-visual-card {
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    background: rgba(15, 23, 42, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(12px);
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.4s ease;
  }

  .annotation-visual-card:hover {
    transform: translateY(-4px);
    border-color: rgba(227, 30, 36, 0.4);
    box-shadow: 0 35px 70px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.25);
  }

  /* Visual Figure Styling */
  .hero-annotation-visual {
    position: relative;
    margin: 0;
    overflow: hidden;
    aspect-ratio: 16 / 10.5;
  }

  .hero-annotation-visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  }

  .annotation-visual-card:hover .hero-annotation-visual img {
    transform: scale(1.03);
  }

  .hero-visual-badge {
    position: absolute;
    top: 20px;
    left: 20px;
    background: rgba(15, 23, 42, 0.85);
    color: #ffffff;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 1.2px;
    padding: 6px 14px;
    border-radius: 30px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(8px);
    z-index: 2;
  }

  .hero-annotation-visual figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, rgba(9, 13, 22, 0.9) 0%, transparent 100%);
    color: #94a3b8;
    font-size: 0.8rem;
    padding: 24px 20px 16px 20px;
    margin: 0;
    z-index: 2;
  }

  /* Gutters */
  .annotation-hero .row,
  .annotation-deliverables .row,
  .annotation-quality .row,
  .visual-explainer .row { 
    --bs-gutter-x: 3rem; 
    --bs-gutter-y: 3rem; 
    align-items: center; 
  }
  
  .site-footer .row { 
    --bs-gutter-x: 1.75rem; 
    --bs-gutter-y: 1.75rem; 
  }

  @media (max-width: 992px) {
    .annotation-hero {
      padding: 60px 0;
    }
  }
.annotation-hero-copy { max-width: 62ch; margin: 1rem 0 1.25rem; color: #b9cce0; font-size: clamp(1.05rem,1.35vw,1.2rem); }
.annotation-console { position: relative; overflow: hidden; transform: perspective(1100px) rotateY(-7deg) rotateX(3deg); background: rgba(7,23,48,.82); border: 1px solid rgba(126,196,255,.34); border-radius: 1.6rem; box-shadow: 38px 42px 90px rgba(0,0,0,.42),0 0 80px rgba(59,130,246,.24),inset 0 1px rgba(255,255,255,.12); backdrop-filter: blur(16px); animation: consoleFloat 7s var(--ease-premium) infinite alternate; }
.annotation-console-top,.annotation-console-bottom { display: flex; gap: .55rem; align-items: center; padding: .9rem 1rem; color: #a9bfd7; font-size: .7rem; letter-spacing: .08em; }
.annotation-console-top span { width: .6rem; height: .6rem; background: #ff6b6b; border-radius: 50%; }
.annotation-console-top span:nth-child(2) { background: #ffd166; }.annotation-console-top span:nth-child(3) { background: #34d399; }.annotation-console-top strong { margin-left: auto; }
.annotation-canvas { position: relative; min-height: 0; aspect-ratio: 16 / 8.5; overflow: hidden; background: radial-gradient(circle at 50% 45%,rgba(63,125,205,.35),transparent 28%),linear-gradient(145deg,#102a49,#071427); border-block: 1px solid rgba(255,255,255,.08); }
.annotation-grid { position: absolute; inset: 0; opacity: .18; background-image: linear-gradient(rgba(130,190,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(130,190,255,.3) 1px,transparent 1px); background-size: 32px 32px; }
.annotation-shape { position: absolute; border: 2px solid var(--cyan); box-shadow: 0 0 22px rgba(34,211,238,.2); }.annotation-shape b { position: absolute; top: -1.7rem; left: -2px; padding: .15rem .42rem; color: #06111f; background: var(--cyan); font-size: .62rem; white-space: nowrap; }
.annotation-shape-a { top: 24%; left: 16%; width: 34%; height: 48%; }.annotation-shape-b { right: 12%; bottom: 16%; width: 29%; height: 38%; border-color: #a78bfa; border-radius: 45% 55% 38% 62%; }.annotation-shape-b b { background: #a78bfa; }
.annotation-landmark { position: absolute; width: .7rem; height: .7rem; background: #34d399; border: 2px solid #d9fff0; border-radius: 50%; box-shadow: 0 0 16px #34d399; }.annotation-landmark.l1 { top: 29%; right: 29%; }.annotation-landmark.l2 { top: 46%; right: 19%; }.annotation-landmark.l3 { right: 34%; bottom: 23%; }
.annotation-scanline { position: absolute; top: -10%; right: 0; left: 0; height: 2px; background: linear-gradient(90deg,transparent,var(--cyan),transparent); box-shadow: 0 0 20px var(--cyan); animation: annotationScan 4s ease-in-out infinite; }
.annotation-console-bottom { justify-content: space-between; }.annotation-console-bottom i { display: inline-block; width: .5rem; height: .5rem; background: #34d399; border-radius: 50%; box-shadow: 0 0 10px #34d399; }
.annotation-proof { color: #d6e4f3; background: #071426; border-block: 1px solid rgba(255,255,255,.1); }.annotation-proof .col-6 { padding: 1rem .75rem; border-right: 1px solid rgba(255,255,255,.1); }.annotation-proof strong,.annotation-proof span { display: block; }.annotation-proof strong { color: #fff; font-size: 1rem; }.annotation-proof span { color: #8fa7c1; font-size: .76rem; }
.annotation-intro { background: linear-gradient(180deg,#f7fafe,#eef4fa); }
.annotation-trust-panel { padding: clamp(1.4rem,3vw,2.2rem); background: #fff; border: 1px solid var(--border); border-radius: var(--radius-lg); box-shadow: var(--shadow); }
.annotation-trust-list { display: grid; gap: .8rem; }.annotation-trust-list article { position: relative; padding: .9rem 1rem .9rem 3.4rem; background: var(--off-white); border: 1px solid rgba(59,130,246,.1); border-radius: var(--radius); }.annotation-trust-list article::before { position: absolute; top: .9rem; left: 1rem; display: grid; width: 1.75rem; height: 1.75rem; place-items: center; color: #fff; background: linear-gradient(135deg,var(--blue),var(--violet)); border-radius: .55rem; content: "✓"; font-weight: 850; }.annotation-trust-list strong,.annotation-trust-list span { display: block; }.annotation-trust-list strong { color: var(--midnight); }.annotation-trust-list span { margin-top: .2rem; color: var(--slate); font-size: .83rem; }
.annotation-deliverables { color: #bfd0e3; background: radial-gradient(circle at 15% 50%,rgba(124,58,237,.18),transparent 28%),#071426; }.annotation-deliverables h2,.annotation-deliverables h3 { color: #fff; }.annotation-format-cloud { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: 1.4rem; }.annotation-format-cloud span { padding: .45rem .7rem; color: #ddecff; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.14); border-radius: 999px; font-size: .76rem; font-weight: 750; }.annotation-delivery-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .75rem; }.annotation-delivery-grid article { padding: 1.15rem; background: rgba(255,255,255,.055); border: 1px solid rgba(255,255,255,.12); border-radius: var(--radius); }.annotation-delivery-grid h3 { font-size: 1rem; }.annotation-delivery-grid ul { margin: 0; padding-left: 1rem; color: #aebfd3; font-size: .8rem; }.annotation-delivery-grid li { margin: .4rem 0; }
.annotation-check-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .7rem; margin-top: 1.5rem; }.annotation-check-grid span { position: relative; padding: .75rem .8rem .75rem 2rem; background: #fff; border: 1px solid var(--border); border-radius: .75rem; font-size: .86rem; font-weight: 700; }.annotation-check-grid span::before { position: absolute; left: .75rem; color: var(--success); content: "✓"; }
.annotation-quality { position: relative; overflow: hidden; color: #b9c9dc; background: radial-gradient(circle at 80% 40%,rgba(59,130,246,.2),transparent 30%),linear-gradient(135deg,#06111f,#0b203d); }.annotation-quality h2,.annotation-quality h3 { color: #fff; }.annotation-quality-stack { display: grid; gap: .6rem; }.annotation-quality-stack article { display: flex; gap: .85rem; padding: .9rem; background: rgba(255,255,255,.055); border: 1px solid rgba(255,255,255,.12); border-radius: var(--radius); backdrop-filter: blur(10px); }.annotation-quality-stack article > span { display: grid; flex: 0 0 2.5rem; width: 2.5rem; height: 2.5rem; place-items: center; color: #06111f; background: linear-gradient(135deg,var(--cyan),#8bbdff); border-radius: .75rem; font-weight: 850; }.annotation-quality-stack h3 { margin: 0 0 .2rem; font-size: 1.05rem; }.annotation-quality-stack p { margin: 0; color: #aebfd3; font-size: .88rem; line-height: 1.55; }
.annotation-process { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .85rem; }.annotation-process article { position: relative; padding: 1.15rem; background: #fff; border: 1px solid var(--border); border-radius: var(--radius); }.annotation-process article > span { color: var(--blue); font-size: 1.4rem; font-weight: 850; }.annotation-process h3 { margin: .45rem 0 .25rem; font-size: 1.05rem; }.annotation-process p { margin: 0; color: var(--slate); font-size: .9rem; }
.annotation-ecosystem { color: #c2d1e2; background: radial-gradient(circle at 85% 20%,rgba(34,211,238,.13),transparent 26%),linear-gradient(135deg,#06111f,#0c2545); }.annotation-ecosystem h2 { color: #fff; }.annotation-ecosystem .section-heading p { color: #afc1d4; }.annotation-ecosystem-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .8rem; }.annotation-ecosystem-grid a { display: grid; min-height: 10rem; padding: 1.15rem; color: #fff; background: rgba(255,255,255,.055); border: 1px solid rgba(255,255,255,.13); border-radius: var(--radius); text-decoration: none; transition: transform var(--transition),background var(--transition),border-color var(--transition); }.annotation-ecosystem-grid a:hover { transform: translateY(-4px); color: #fff; background: rgba(59,130,246,.12); border-color: rgba(91,170,255,.4); }.annotation-ecosystem-grid span { color: var(--cyan); font-size: .7rem; font-weight: 850; }.annotation-ecosystem-grid strong { align-self: end; font-size: 1.05rem; }.annotation-ecosystem-grid small { margin-top: .3rem; color: #9fb2c8; line-height: 1.5; }
.annotation-company { color: #c6d4e4; background: linear-gradient(120deg,#071426 0%,#0b294d 66%,#17265d 100%); }.annotation-company h2 { color: #fff; }.annotation-company-points { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: 1.35rem; }.annotation-company-points span { padding: .5rem .7rem; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.13); border-radius: 999px; font-size: .78rem; font-weight: 700; }.annotation-contact-card { display: grid; padding: clamp(1.4rem,3vw,2rem); background: #fff; border-radius: var(--radius-lg); box-shadow: 0 28px 70px rgba(0,0,0,.26); }.annotation-contact-card h3 { margin-bottom: 1.2rem; }.annotation-contact-card > a:not(.btn) { padding: .35rem 0; font-weight: 750; text-decoration: none; }.annotation-contact-card small { margin-top: .9rem; color: var(--slate); }
@keyframes annotationScan { 50% { top: 110%; } 100% { top: -10%; } }
@keyframes consoleFloat { to { transform: perspective(1100px) rotateY(-4deg) rotateX(1deg) translateY(-10px); } }

@media (max-width: 991.98px) { .annotation-hero { padding: 2rem 0 2.5rem; }.annotation-hero h1 { max-width: 17ch; }.annotation-console { max-width: 38rem; margin: 1rem auto 0; transform: none; }.annotation-process { grid-template-columns: repeat(2,minmax(0,1fr)); }.annotation-delivery-grid,.annotation-ecosystem-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 575.98px) { .annotation-hero { padding: 1.6rem 0 2.1rem; }.annotation-hero h1 { font-size: clamp(2.35rem,11vw,3.1rem); }.annotation-canvas { min-height: 0; }.annotation-check-grid,.annotation-process,.annotation-delivery-grid,.annotation-ecosystem-grid { grid-template-columns: 1fr; }.annotation-proof .col-6:nth-child(2n) { border-right: 0; } }

.cta-band { position: relative; overflow: hidden; color: #cbd8e8; background: linear-gradient(135deg,#071426,#0d2c4f); }
.cta-band::after { position: absolute; top: -170px; right: -120px; width: 460px; height: 460px; background: radial-gradient(circle,rgba(124,58,237,.35),transparent 68%); content: ""; }
.cta-band .container { position: relative; z-index: 1; }
.cta-band h2 { color: #fff; }
.cta-band.section { padding-block: clamp(2.5rem,3.2vw,3.5rem); }
.site-footer { padding: 2.8rem 0 1.1rem; color: #99acc2; background: #050e1a; }
.footer-logo { width: 205px; height: auto; }
.site-footer h2, .site-footer h3 { color: #fff; font-size: .95rem; letter-spacing: 0; }
.footer-links { margin: 0; padding: 0; list-style: none; }
.footer-links a { display: inline-block; padding: .28rem 0; color: #aebed0; text-decoration: none; }
.footer-links a:hover { color: #fff; }
.footer-bottom { margin-top: 2rem; padding-top: 1rem; border-top: 1px solid rgba(255,255,255,.1); font-size: .82rem; }
.back-to-top { position: fixed; z-index: 1020; right: 1.25rem; bottom: 1.25rem; display: grid; width: 3rem; height: 3rem; place-items: center; transform: translateY(1rem); opacity: 0; color: #fff; background: linear-gradient(135deg,var(--blue),var(--violet)); border: 1px solid rgba(255,255,255,.24); border-radius: 50%; box-shadow: 0 14px 35px rgba(7,20,38,.28); pointer-events: none; transition: opacity var(--transition),transform var(--transition),box-shadow var(--transition); }
.back-to-top.show { transform: none; opacity: 1; pointer-events: auto; }
.back-to-top:hover { box-shadow: 0 18px 42px rgba(59,130,246,.35); }
.back-to-top svg { width: 1.25rem; height: 1.25rem; }

.reveal { opacity: 1; transform: none; transition: transform .25s ease, box-shadow .25s ease; }
.reveal.visible { opacity: 1; transform: none; }
.noscript-note { padding: .8rem 1rem; color: #422006; background: #fef3c7; text-align: center; }

@media (max-width: 1199.98px) {
  .navbar-brand img { width: 180px; }
  .offcanvas { width: min(92vw, 420px) !important; }
  .offcanvas-body { overflow-y: auto; }
  .offcanvas .accordion-body { padding: .35rem .25rem .75rem; }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .navbar-brand img { width: 170px; }
  .navbar-dark .navbar-nav .nav-link { padding-inline: .45rem; font-size: .82rem; }
  .navbar .btn { padding-inline: .85rem; font-size: .84rem; }
}
@media (max-width: 991.98px) {
  .hero { min-height: auto; padding: 3.5rem 0; }
  .network-stage { min-height: 430px; margin-top: 1.25rem; }
  .capability-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .split-path { min-height: 0; }
  .cta-band .d-grid { max-width: 28rem; }
  .page-hero .container { padding-right: 0; }
  .page-hero-art { position: relative; top: auto; right: auto; width: min(18rem,48vw); margin: .75rem auto -1.25rem; transform: none; }
}
@media (min-width: 992px) and (max-height: 800px) {
  .hero { min-height: auto; padding: 2.35rem 0 2.6rem; }
  .hero h1 { max-width: 17ch; font-size: clamp(2.75rem,4vw,3.65rem); }
  .hero-copy { max-width: 60ch; margin-block: .9rem 1.1rem; font-size: 1rem; }
  .trust-cues { margin-top: 1rem; }
  .network-stage { min-height: 410px; transform: scale(1.04); }
  .network-core { width: 148px; height: 148px; }
  .network-node { min-width: 158px; padding: .8rem .95rem; }
  .page-hero { padding-block: 1.8rem 2.2rem; }
  .page-hero h1 { max-width: 21ch; font-size: clamp(2.4rem,3.6vw,3.45rem); }
  .page-hero-art { width: min(24vw,21rem); }
}
@media (max-width: 767.98px) {
  :root { --radius-lg: 1.25rem; }
  body { line-height: 1.62; }
  h1 { font-size: clamp(2rem, 9.5vw, 3rem); }
  h2 { font-size: clamp(1.65rem, 7.2vw, 2.35rem); }
  h3 { line-height: 1.18; }
  .container { width: min(100% - 1.5rem, var(--container)); }
  .section { padding-block: 2.65rem; }
  .section-sm { padding-block: 2.25rem; }
  .section-heading { margin-bottom: 1.45rem; }
  .trust-strip { padding-inline: .75rem; font-size: .7rem; }
  .navbar { min-height: 4.55rem; }
  .navbar-brand img, .footer-logo { width: 165px; }
  .hero { padding-block: 2.85rem; }
  .hero-copy { margin-block: 1.2rem 1.6rem; }
  .hero-actions { display: grid; grid-template-columns: 1fr; }
  .hero-actions .btn { width: 100%; }
  .trust-cues { display: grid; gap: .55rem; margin-top: 1.5rem; }
  .network-stage { min-height: 350px; }
  .network-core { width: 122px; height: 122px; }
  .network-node { min-width: 125px; padding: .68rem .75rem; font-size: .75rem; }
  .node-a { top: 1%; left: 0; }
  .node-b { top: 1%; right: 0; }
  .node-c { top: 39%; left: 0; }
  .node-d { right: 0; bottom: 1%; }
  .node-e { top: 39%; right: 0; min-width: 142px; }
  .node-f { bottom: 1%; left: 0; min-width: 142px; }
  .capability-grid { grid-template-columns: 1fr; }
  .page-hero { padding-block: 1.65rem 1.95rem; }
  .page-hero::before { right: -5rem; width: 15rem; opacity: .3; }
  .page-hero .breadcrumb { margin-bottom: 1.1rem; }
  .page-hero .eyebrow { margin-bottom: .75rem; }
  .page-hero h1 { max-width: 22ch; margin-bottom: 1rem; font-size: clamp(2.05rem,9vw,2.75rem); line-height: 1.06; }
  .page-hero p { font-size: 1.02rem; }
  .page-hero .d-flex .btn { flex: 1 1 100%; width: 100%; }
  .page-hero-art { width: min(13.5rem,62vw); margin-top: .75rem; margin-bottom: -.75rem; }
  .breadcrumb { flex-wrap: nowrap; overflow-x: auto; padding-bottom: .35rem; white-space: nowrap; scrollbar-width: thin; }
  .visual-panel { aspect-ratio: 4 / 3; }
  .card-premium { padding: 1.35rem; }
  .process-step { padding: 0 0 1.75rem 3.65rem; }
  .process-step::before { left: 1.3rem; }
  .step-number { width: 2.65rem; height: 2.65rem; }
  .filter-bar { flex-wrap: nowrap; overflow-x: auto; margin-inline: -.75rem; padding: 0 .75rem .5rem; scrollbar-width: thin; }
  .filter-btn { flex: 0 0 auto; }
  .industry-graphic { height: 8.75rem; }
  .industry-graphic-compact { width: 11rem; height: 6.5rem; margin-bottom: 1.2rem; }
  .industry-photo { height: 11.25rem; }
  .industry-photo-compact { width: min(100%,15rem); height: 8.5rem; margin-bottom: 1.2rem; }
  .form-header, .form-body { padding: 1.25rem; }
  .form-check { padding-block: .25rem; }
  .stepper-item { display: none; }
  .stepper-item.active { display: block; min-width: 100%; text-align: left; }
  .stepper-item.active .stepper-dot { display: inline-grid; margin: 0 .6rem 0 0; }
  .language-row .btn-outline-danger { width: 100%; }
  .review-block .d-flex { align-items: flex-start; }
  .review-block .btn { flex: 0 0 auto; }
  .annotation-demo { min-height: 0; }
  .annotation-controls { display: grid; grid-template-columns: 1fr; }
  .annotation-controls button { width: 100%; }
  .cta-band .d-grid { max-width: none; }
  .cta-band.section { padding-block: 2.35rem; }
  .site-footer { padding-top: 2.5rem; }
  .footer-bottom { flex-direction: column; margin-top: 1.75rem; }
}
@media (max-width: 359.98px) {
  .container { width: min(100% - 1.5rem, var(--container)); }
  .navbar-brand img { width: 148px; }
  .btn { width: 100%; }
  .network-node { min-width: 112px; max-width: 125px; }
  .network-node small { display: none; }
  .network-stage { min-height: 330px; }
  .node-e { right: 0; min-width: 122px; }
  .node-f { left: 0; min-width: 122px; }
  .eyebrow { font-size: .68rem; letter-spacing: .11em; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}

/* Homepage specification refinements */
.hero-microcopy {
  display: flex;
  margin: 1rem 0 0;
  gap: .45rem;
  flex-wrap: wrap;
  color: #b9cce0;
  font-size: .82rem;
  font-weight: 700;
  line-height: 1.5;
}
.hero-microcopy span { color: var(--cyan); }
.annotation-proof .col-6 { display: grid; min-height: 3.6rem; place-items: center; }
.visual-card-body h3 { margin-top: .15rem; }
.showcase-grid h3 { margin-top: 0; }

.polygon-scene,
.semantic-scene,
.keypoint-scene {
  position: absolute;
  inset: 2.4rem 0 0;
  overflow: hidden;
  background: linear-gradient(160deg,#42627d 0 38%,#3f563d 38% 54%,#202d3a 54%);
}
.polygon-shape { position: absolute; z-index: 2; border: 2px solid #22d3ee; background: rgba(34,211,238,.17); clip-path: polygon(5% 30%,25% 4%,78% 10%,100% 45%,83% 94%,18% 88%); }
.polygon-shape b { position: absolute; top: 38%; left: 25%; color: #bff8ff; font-size: .5rem; }
.poly-a { left: 15%; bottom: 17%; width: 39%; height: 42%; }
.poly-b { right: 12%; bottom: 34%; width: 23%; height: 34%; border-color: #c6a4ff; background: rgba(167,139,250,.17); transform: rotate(-8deg); }
.polygon-node { position: absolute; z-index: 3; width: .46rem; height: .46rem; background: #fff; border: 2px solid #22d3ee; border-radius: 50%; }
.polygon-node.n1 { left: 16%; bottom: 40%; }.polygon-node.n2 { left: 25%; bottom: 58%; }.polygon-node.n3 { left: 48%; bottom: 20%; }.polygon-node.n4 { right: 12%; bottom: 50%; border-color: #c6a4ff; }
.semantic-scene { background: #466b8b; }
.semantic-scene > span { position: absolute; display: grid; place-items: center; font-size: .5rem; font-weight: 800; letter-spacing: .06em; }
.semantic-sky { inset: 0 0 55%; color: #d4f7ff; background: rgba(34,211,238,.22); }
.semantic-building { top: 21%; right: 8%; width: 33%; height: 39%; color: #f2e9ff; background: rgba(167,139,250,.56); clip-path: polygon(0 22%,70% 0,100% 17%,100% 100%,0 100%); }
.semantic-vegetation { top: 29%; left: 7%; width: 35%; height: 34%; color: #ddffe7; background: rgba(45,221,148,.48); border-radius: 55% 45% 32% 38%; }
.semantic-road { inset: 55% 0 0; color: #fff5cc; background: rgba(245,217,97,.26); clip-path: polygon(32% 0,65% 0,100% 100%,0 100%); }
.semantic-vehicle { right: 25%; bottom: 17%; width: 24%; height: 19%; color: #ffe8e8; background: rgba(239,107,115,.68); }
.keypoint-scene { background: radial-gradient(circle at 50% 35%,rgba(59,130,246,.28),transparent 27%),#0b2037; }
.pose-line { position: absolute; z-index: 1; width: 3px; background: #9feafa; border-radius: 999px; transform-origin: top; }
.pose-line.head { top: 13%; left: 50%; width: 2.6rem; height: 2.6rem; transform: translateX(-50%); border: 2px solid #9feafa; border-radius: 50%; background: transparent; }
.pose-line.torso { top: 31%; left: 50%; height: 35%; }
.pose-line.arm-left { top: 35%; left: 49%; height: 30%; transform: rotate(52deg); }.pose-line.arm-right { top: 35%; left: 51%; height: 30%; transform: rotate(-52deg); }
.pose-line.leg-left { top: 63%; left: 49%; height: 30%; transform: rotate(24deg); }.pose-line.leg-right { top: 63%; left: 51%; height: 30%; transform: rotate(-24deg); }
.pose-point { position: absolute; z-index: 2; width: .62rem; height: .62rem; background: #22d3ee; border: 2px solid #e7fdff; border-radius: 50%; box-shadow: 0 0 12px rgba(34,211,238,.7); }
.p-1 { top: 11%; left: calc(50% - .31rem); }.p-2 { top: 31%; left: calc(50% - .31rem); }.p-3 { top: 35%; left: 41%; }.p-4 { top: 35%; right: 41%; }.p-5 { top: 61%; left: 27%; }.p-6 { top: 61%; right: 27%; }.p-7 { top: 63%; left: calc(50% - .31rem); }.p-8 { bottom: 5%; left: 35%; }.p-9 { right: 35%; bottom: 5%; }
.keypoint-scene b { position: absolute; right: .8rem; bottom: 1.8rem; color: #9feafa; font-size: .5rem; }
.curation-board { display: grid; height: calc(100% - 2.4rem); padding: .75rem; gap: .42rem; }
.curation-board span { display: grid; padding: .48rem .6rem; grid-template-columns: 1.4rem 1fr auto; gap: .45rem; align-items: center; color: #b9cde2; background: #0d2239; border: 1px solid #294a68; border-radius: .4rem; font-size: .53rem; }
.curation-board b { color: var(--cyan); }.curation-board em { color: #79e6bd; font-size: .46rem; font-style: normal; font-weight: 800; }

.data-pipeline { position: relative; row-gap: 2.7rem; }
.data-pipeline span:nth-of-type(4)::after,
.data-pipeline span:nth-of-type(8)::after { display: none; }
.flow-return { position: absolute; z-index: 0; top: calc(50% - 1.35rem); right: 12.5%; left: 12.5%; height: 2.7rem; border-right: 1px solid var(--cyan); border-bottom: 1px solid var(--cyan); border-left: 1px solid var(--cyan); border-radius: 0 0 .8rem .8rem; opacity: .8; }
.flow-return::after { position: absolute; bottom: -.82rem; left: -.42rem; color: var(--cyan); content: "\2193"; font-style: normal; }

.delivery-lifecycle .annotation-process { align-items: stretch; }
.delivery-lifecycle .annotation-process article { display: flex; min-width: 0; padding: 1.15rem; flex-direction: column; }
.delivery-lifecycle .annotation-process h3 { min-height: 3.6em; }
.delivery-lifecycle .annotation-process ul { margin: .65rem 0 0; padding-left: 1.05rem; color: var(--slate); font-size: .8rem; line-height: 1.5; }
.delivery-lifecycle .annotation-process li + li { margin-top: .5rem; }
.domain-card { padding-top: 1.45rem; }
.domain-card::before { display: none; }
.domain-card h3 { margin-top: 0; }
.secondary-coverage { margin: 1.5rem 0 0; padding: .85rem 1rem; color: var(--slate); background: rgba(59,130,246,.055); border: 1px solid rgba(59,130,246,.14); border-radius: .75rem; font-size: .86rem; font-weight: 700; text-align: center; }
.footer-bottom a { color: #94a3b8; text-decoration-color: transparent; text-underline-offset: .2em; }
.footer-bottom a:hover { color: #cbd5e1; text-decoration-color: currentColor; }
.footer-bottom a:focus-visible { color: #e2e8f0; outline: 2px solid #94a3b8; outline-offset: 3px; border-radius: .15rem; }

@media (min-width: 1200px) {
  .delivery-lifecycle .annotation-process { grid-template-columns: repeat(5,minmax(0,1fr)); gap: 1rem; }
  .delivery-lifecycle .annotation-process article:not(:last-child)::after { position: absolute; z-index: 3; top: 50%; right: -1.02rem; display: grid; width: 1rem; height: 1rem; place-items: center; transform: translateY(-50%); color: var(--blue); background: #fff; content: "\2192"; font-weight: 900; }
}
@media (max-width: 1199.98px) {
  .delivery-lifecycle .annotation-process { max-width: 54rem; margin-inline: auto; grid-template-columns: 1fr; gap: 1.8rem; }
  .delivery-lifecycle .annotation-process h3 { min-height: 0; }
  .delivery-lifecycle .annotation-process article:not(:last-child)::after { position: absolute; right: 50%; bottom: -1.5rem; color: var(--blue); content: "\2193"; font-size: 1.1rem; font-weight: 900; }
}
@media (max-width: 991.98px) {
  .data-pipeline { grid-template-columns: repeat(2,minmax(0,1fr)); row-gap: 2rem; }
  .flow-return { display: none; }
  .data-pipeline span:nth-of-type(n)::after { display: block; content: "\2192"; }
  .data-pipeline span:nth-of-type(2n)::after { top: auto; right: auto; bottom: -1.45rem; left: 50%; content: "\2193"; transform: translateX(-50%); }
  .data-pipeline span:nth-of-type(8)::after { display: none; }
}
@media (max-width: 575.98px) {
  .hero-microcopy { display: block; }
  .hero-microcopy span { margin-inline: .25rem; }
  .data-pipeline { grid-template-columns: 1fr; row-gap: 1.8rem; }
  .data-pipeline span:nth-of-type(n)::after { top: auto; right: auto; bottom: -1.35rem; left: 50%; display: block; content: "\2193"; transform: translateX(-50%); }
  .data-pipeline span:nth-of-type(8)::after { display: none; }
  .secondary-coverage { text-align: left; }
}
@media (max-width: 575.98px) {
  .annotation-hero h1 { max-width: 100%; font-size: clamp(1.9rem,8.5vw,2.25rem); letter-spacing: -.035em; }
}
/* Industries domain workflow mockups */
.industries-grid > [class*="col-"] { display: flex; }
.industries-grid .visual-service-card { width: 100%; }
.industries-grid .visual-service-card::before { display: none; }
.industries-grid .visual-card-body { height: auto; flex: 1 1 auto; }
.industries-grid .visual-card-body { min-height: 9.25rem; padding: 1.15rem 1.25rem 1.3rem; }
.industries-grid .visual-card-body h3 { margin: 0 0 .6rem; }
.industries-grid .visual-card-body p { margin: 0; }
.industries-grid .annotation-preview.compact { width: 100%; aspect-ratio: 16 / 9; }
.retail-workbench,.farm-view,.robotics-view,.inspection-view,.media-workbench,.cctv-view,.conversation-view,.search-workbench,.education-view,.legal-workbench { position: absolute; inset: 2.4rem 0 0; overflow: hidden; }

.retail-workbench { display: grid; padding: .85rem 1rem 1.4rem; background: linear-gradient(135deg,#0b1d31,#102b46); grid-template-columns: .9fr 1.1fr; gap: .8rem; }
.retail-product { position: relative; min-width: 0; background: radial-gradient(circle at 50% 42%,rgba(34,211,238,.16),transparent 50%),#0a1728; border: 1px solid #274866; border-radius: .55rem; }
.shoe-sole,.shoe-upper { position: absolute; display: block; transform: rotate(-10deg); }
.shoe-sole { top: 55%; left: 15%; width: 70%; height: 18%; background: #d7e7f6; border-radius: 60% 30% 38% 45%; }
.shoe-upper { top: 29%; left: 23%; width: 53%; height: 38%; background: linear-gradient(135deg,#22d3ee,#315fa8); border-radius: 65% 22% 42% 28%; clip-path: polygon(0 55%,30% 0,70% 12%,100% 88%,15% 100%); }
.retail-product i { position: absolute; top: .55rem; left: .55rem; padding: .2rem .35rem; color: #03111d; background: #22d3ee; font-size: .48rem; font-style: normal; font-weight: 900; }
.retail-attributes { display: grid; grid-template-columns: 1fr 1fr; gap: .4rem; align-content: center; }
.retail-attributes span { min-width: 0; padding: .42rem .5rem; color: #dcecff; background: rgba(22,47,74,.78); border: 1px solid #315675; border-radius: .35rem; font-size: .56rem; }
.retail-attributes small { display: block; margin-bottom: .18rem; color: #65ddef; font-size: .42rem; font-weight: 800; letter-spacing: .07em; }
.retail-attributes .wide { grid-column: 1 / -1; }

.farm-view { background: linear-gradient(120deg,#193b2e,#557442 52%,#344d31); }
.farm-view::before { position: absolute; inset: -18% -8%; background: repeating-linear-gradient(102deg,rgba(179,222,97,.5) 0 7px,rgba(32,84,51,.55) 7px 17px); content: ""; transform: perspective(420px) rotateX(12deg); }
.crop-row { position: absolute; z-index: 1; width: 2px; height: 125%; background: rgba(229,255,167,.35); transform: rotate(12deg); }
.row-a { left: 22%; top: -12%; }.row-b { left: 42%; top: -12%; }.row-c { left: 62%; top: -12%; }.row-d { left: 82%; top: -12%; }
.farm-mask { position: absolute; z-index: 2; padding: .2rem .32rem; border: 2px solid currentColor; font-size: .44rem; font-style: normal; font-weight: 900; }
.farm-mask.healthy { top: 18%; left: 11%; width: 36%; height: 42%; color: #a8ff78; background: rgba(72,255,92,.12); clip-path: polygon(5% 0,100% 8%,92% 100%,0 86%); }
.farm-mask.stress { top: 12%; right: 10%; width: 30%; height: 34%; color: #ffd15c; background: rgba(255,193,58,.16); }
.farm-mask.weed { right: 23%; bottom: 16%; width: 22%; height: 26%; color: #cf8cff; background: rgba(174,92,255,.16); }
.ndvi-scale { position: absolute; z-index: 3; bottom: 1rem; left: .8rem; display: flex; gap: .4rem; align-items: center; font-size: .45rem; }
.ndvi-scale span { width: 4.5rem; height: .35rem; background: linear-gradient(90deg,#ef5667,#f7d65b,#50e57b); border-radius: 1rem; }

.robotics-view { background: radial-gradient(circle at 68% 55%,rgba(124,58,237,.18),transparent 30%),linear-gradient(160deg,#0b1d31,#071321); }
.robotics-view::before { position: absolute; right: 0; bottom: 0; left: 0; height: 25%; background: linear-gradient(180deg,#1c344b,#0d2032); border-top: 1px solid #37516b; content: ""; transform: perspective(250px) rotateX(24deg); transform-origin: bottom; }
.robot-arm span { position: absolute; z-index: 2; display: block; background: linear-gradient(135deg,#b8cce0,#52708f); border: 1px solid #c5dbed; }
.arm-base { bottom: 18%; left: 17%; width: 17%; height: 16%; border-radius: .35rem .35rem 0 0; }
.arm-one { bottom: 30%; left: 25%; width: 8%; height: 39%; border-radius: .4rem; transform: rotate(28deg); transform-origin: bottom; }
.arm-joint { top: 25%; left: 40%; width: 12%; aspect-ratio: 1; border-radius: 50%; box-shadow: 0 0 0 5px rgba(34,211,238,.14); }
.arm-two { top: 30%; left: 49%; width: 31%; height: 7%; border-radius: .4rem; transform: rotate(17deg); transform-origin: left; }
.gripper { top: 42%; left: 76%; width: 7%; height: 18%; background: #22d3ee !important; clip-path: polygon(0 0,100% 0,100% 100%,65% 100%,50% 50%,35% 100%,0 100%); }
.pose-object { position: absolute; right: 10%; bottom: 17%; width: 22%; height: 31%; border: 2px solid #f2b84e; background: rgba(242,184,78,.1); }
.pose-object > b { position: absolute; top: -1rem; left: -2px; padding: .16rem .28rem; color: #081321; background: #f2b84e; font-size: .46rem; }
.pose-object .axis { position: absolute; bottom: 45%; left: 50%; font-size: .45rem; font-style: normal; font-weight: 900; transform-origin: left; }
.axis-x { width: 2.7rem; color: #ff6977; border-top: 2px solid #ff6977; }.axis-y { width: 2.4rem; color: #68e8a7; border-top: 2px solid #68e8a7; transform: rotate(-90deg); }.axis-z { width: 2.2rem; color: #6dbdff; border-top: 2px solid #6dbdff; transform: rotate(-42deg); }
.pose-object em { position: absolute; right: 72%; bottom: 32%; width: max-content; padding: .18rem .3rem; color: #081321; background: #22d3ee; font-size: .4rem; font-style: normal; }
.pose-readout { position: absolute; top: .65rem; left: .7rem; display: grid; gap: .25rem; }
.pose-readout span { padding: .2rem .35rem; color: #a9d9f5; background: rgba(8,25,42,.8); border: 1px solid #294d6b; border-radius: .25rem; font-size: .43rem; }

.inspection-view { padding: .8rem 1rem 1.5rem; background: linear-gradient(150deg,#13243a,#071321); }
.metal-panel { position: relative; height: 100%; overflow: hidden; background: linear-gradient(120deg,#6f8295,#ced8df 45%,#728697 72%,#a8b7c4); border: 1px solid #dbe6ed; border-radius: .35rem; box-shadow: inset 0 0 30px rgba(2,13,23,.35); }
.machined-line { position: absolute; right: -10%; left: -10%; height: 1px; background: rgba(255,255,255,.25); transform: rotate(-8deg); }.ml-a { top: 34%; }.ml-b { top: 67%; }
.defect { position: absolute; border: 2px solid currentColor; font-style: normal; }.defect b { position: absolute; top: -1rem; left: -2px; padding: .14rem .25rem; color: #071321; background: currentColor; font-size: .4rem; }
.defect-scratch { top: 24%; left: 18%; width: 33%; height: 11%; color: #ffcb59; transform: rotate(-8deg); }.defect-scratch::after { position: absolute; top: 45%; left: 8%; width: 84%; border-top: 2px solid #5a3a31; content: ""; }
.defect-dent { top: 47%; right: 17%; width: 17%; height: 29%; color: #b989ff; border-radius: 50%; }.defect-crack { bottom: 13%; left: 28%; width: 22%; height: 20%; color: #ff6678; clip-path: polygon(0 43%,35% 31%,45% 0,60% 38%,100% 54%,62% 60%,49% 100%,35% 66%); }
.inspection-score { position: absolute; right: 1.3rem; bottom: 1.7rem; display: flex; padding: .3rem .42rem; gap: .4rem; color: #ffdae0; background: rgba(62,10,19,.82); border: 1px solid #ff6678; font-size: .42rem; }

.media-workbench { padding: .65rem .85rem 1.35rem; background: #071321; }
.video-frame { position: relative; height: 48%; background: linear-gradient(135deg,#243d58,#0e2338); border: 1px solid #31516e; border-radius: .35rem; }
.play-symbol { position: absolute; top: 50%; left: 50%; display: grid; width: 2rem; height: 2rem; color: #dffaff; background: rgba(34,211,238,.2); border: 1px solid #22d3ee; border-radius: 50%; place-items: center; transform: translate(-50%,-50%); }
.caption-block { position: absolute; right: 12%; bottom: .35rem; left: 12%; padding: .18rem; color: #f1f6ff; background: rgba(2,9,17,.8); font-size: .42rem; text-align: center; }
.video-frame i { position: absolute; top: .35rem; left: .35rem; padding: .18rem .28rem; color: #071321; background: #22d3ee; font-size: .4rem; font-style: normal; font-weight: 900; }
.media-timeline { display: grid; height: 1.15rem; margin-top: .35rem; grid-template-columns: 35% 45% 20%; gap: 2px; }
.scene-segment { display: grid; color: #071321; background: #22d3ee; font-size: .38rem; font-weight: 900; place-items: center; }.s-two { background: #9b7bff; }.s-three { color: #fff; background: #d95267; }
.audio-wave { display: flex; height: 1.55rem; gap: 3px; align-items: center; }
.audio-wave i { flex: 1; height: 55%; background: #57c9ed; transform: scaleY(var(--wave,1)); }.audio-wave i:nth-child(3n) { height: 95%; }.audio-wave i:nth-child(4n) { height: 30%; }
.diarization { display: grid; height: .7rem; grid-template-columns: 58% 42%; gap: 2px; }.diarization span { padding-left: .25rem; color: #071321; background: #4ce0ac; font-size: .36rem; font-weight: 900; }.diarization span + span { background: #c08cff; }

.cctv-view { background: linear-gradient(145deg,#435260,#182633 55%,#283843); filter: saturate(.65); }
.cctv-view::before { position: absolute; inset: 0; background: repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.035) 3px 4px); content: ""; }
.camera-meta { position: absolute; z-index: 4; top: .55rem; left: .65rem; font-size: .44rem; }
.restricted-zone { position: absolute; z-index: 1; right: 7%; bottom: 9%; width: 48%; height: 53%; background: rgba(255,66,86,.12); border: 2px dashed #ff687a; transform: skewY(-8deg); }.restricted-zone b { position: absolute; top: -.95rem; right: 0; color: #ff9eaa; font-size: .42rem; }
.track-box { position: absolute; z-index: 3; bottom: 14%; width: 12%; height: 48%; border: 2px solid #22d3ee; font-style: normal; }.track-a { left: 22%; }.track-b { right: 20%; height: 37%; border-color: #f4bd55; }
.track-box::before { position: absolute; top: 11%; left: 26%; width: 48%; aspect-ratio: 1; background: #83909a; border-radius: 50%; content: ""; }.track-box::after { position: absolute; right: 14%; bottom: 0; left: 14%; height: 64%; background: #6c7b88; border-radius: 40% 40% 0 0; content: ""; }
.track-box b { position: absolute; z-index: 2; top: -1rem; left: -2px; width: max-content; padding: .15rem .25rem; color: #06101b; background: #22d3ee; font-size: .4rem; }.track-b b { background: #f4bd55; }
.track-box em { position: absolute; z-index: 4; top: 10%; left: 10%; width: max-content; padding: .12rem .2rem; color: #fff; background: #111; font-size: .34rem; font-style: normal; }
.intrusion-alert { position: absolute; z-index: 4; right: .7rem; top: .55rem; padding: .25rem .4rem; color: #ffe5e9; background: #a8293d; font-size: .44rem; }

.conversation-view { padding: .6rem .8rem 1.25rem; background: linear-gradient(145deg,#091a2d,#0c2440); }
.message { position: relative; width: 74%; margin-bottom: .4rem; padding: .38rem .5rem; background: #173550; border: 1px solid #315776; border-radius: .5rem .5rem .5rem .12rem; font-family: var(--body); }
.message.agent { margin-left: auto; background: rgba(82,55,146,.42); border-color: #745ab5; border-radius: .5rem .5rem .12rem .5rem; }
.message.followup { width: 61%; }
.message small { display: block; color: #6bdbed; font-size: .38rem; font-weight: 900; letter-spacing: .08em; }.message.agent small { color: #c4a8ff; }
.message p { margin: .12rem 0 .24rem; color: #eef7ff; font-size: .48rem; line-height: 1.25; }
.message span { display: inline-block; margin-right: .15rem; padding: .11rem .2rem; color: #bdeff6; background: rgba(34,211,238,.1); border: 1px solid rgba(34,211,238,.35); border-radius: .2rem; font-size: .33rem; }

.search-workbench { padding: .65rem .85rem 1.25rem; background: linear-gradient(145deg,#0b1b2e,#071321); font-family: var(--body); }
.query-bar { padding: .45rem .55rem; overflow: hidden; color: #dfeeff; background: #112b45; border: 1px solid #315a7d; border-radius: .35rem; font-size: .48rem; text-overflow: ellipsis; white-space: nowrap; }.query-bar span { margin-right: .35rem; color: #22d3ee; }
.search-workbench ol { padding: 0; margin: .35rem 0; list-style: none; }
.search-workbench li { display: grid; min-height: 1.45rem; margin-bottom: .22rem; padding: .22rem .35rem; background: rgba(23,52,78,.72); border: 1px solid #284863; border-radius: .25rem; grid-template-columns: 1.2rem 1fr auto; gap: .3rem; align-items: center; }
.search-workbench li > b { color: #7190ad; font-size: .42rem; }.search-workbench li p { margin: 0; overflow: hidden; color: #e4effa; font-size: .43rem; text-overflow: ellipsis; white-space: nowrap; }.search-workbench li em { padding: .13rem .22rem; color: #072015; background: #52d99f; border-radius: .18rem; font-size: .31rem; font-style: normal; font-weight: 900; }.search-workbench li em.relevant { color: #09172a; background: #68c8f2; }.search-workbench li em.irrelevant { color: #fff; background: #9b5061; }
.query-intent { color: #84a9c9; font-size: .36rem; }

.education-view { display: grid; padding: .65rem .85rem 1.3rem; background: linear-gradient(145deg,#0a1b2e,#071321); grid-template-columns: 1.15fr .85fr; gap: .55rem; font-family: var(--body); }
.student-response { padding: .55rem; color: #dbe9f6; background: #f3f7fb; border-radius: .35rem; }
.student-response small { display: block; color: #38709c; font-size: .38rem; font-weight: 900; letter-spacing: .08em; }.student-response strong { display: block; margin: .35rem 0; color: #152e45; font-size: .5rem; line-height: 1.25; }.student-response p { margin: 0; color: #42576b; font-size: .43rem; line-height: 1.35; }
.rubric-panel { display: grid; gap: .24rem; align-content: center; }.rubric-panel span { display: flex; padding: .3rem .38rem; color: #a7c4de; background: #112a42; border: 1px solid #294a66; border-radius: .25rem; font-size: .32rem; justify-content: space-between; }.rubric-panel b { font-size: inherit; }.rubric-panel em { color: #5ce2ad; font-style: normal; font-weight: 900; }

.legal-workbench { display: grid; padding: .55rem .75rem 1.2rem; background: linear-gradient(145deg,#0c1d30,#071321); grid-template-columns: 1.3fr .7fr; gap: .55rem; font-family: var(--body); }
.contract-sheet { position: relative; padding: .55rem .65rem; color: #27394b; background: #f6f8fb; border-radius: .22rem; box-shadow: 0 7px 20px rgba(0,0,0,.25); }
.contract-sheet > strong { display: block; margin-bottom: .28rem; font-size: .53rem; letter-spacing: .04em; }.contract-sheet p { position: relative; display: grid; margin: .18rem 0; grid-template-columns: 3.3rem 1fr; font-size: .35rem; }.contract-sheet p span { color: #788899; }.contract-sheet p i { position: absolute; right: -.35rem; padding: .1rem .16rem; color: #061320; background: #51d8eb; font-size: .28rem; font-style: normal; font-weight: 900; }.contract-sheet .redaction { width: 2.6rem; overflow: hidden; color: #111; background: #111; font-size: .28rem; }.contract-sheet h4 { margin: .28rem 0 .12rem; font-size: .4rem; }.contract-sheet > em { padding: .08rem .15rem; color: #fff; background: #7957cb; font-size: .27rem; font-style: normal; }.legal-lines { height: .75rem; margin-top: .12rem; background: repeating-linear-gradient(180deg,#b9c3cc 0 1px,transparent 1px 4px); }.legal-lines.short { width: 70%; height: .45rem; }
.legal-workbench aside { display: grid; gap: .3rem; align-content: center; }.legal-workbench aside span { padding: .34rem .3rem; color: #add2ed; background: #102a43; border: 1px solid #2c526f; border-left: 3px solid #22d3ee; border-radius: .2rem; font-size: .32rem; font-weight: 800; line-height: 1.2; }

@media (max-width: 575.98px) {
  .industries-workflows { padding-block: 2.5rem; }
  .industries-grid { --bs-gutter-y: 1rem; }
  .industries-grid .visual-card-body { min-height: 0; padding: 1rem 1.05rem 1.15rem; }
  .industries-grid .visual-card-body h3 { font-size: 1.1rem; }
  .industries-grid .visual-card-body p { font-size: .92rem; }
}
@media (max-width: 359.98px) {
  .retail-workbench,.education-view,.legal-workbench { gap: .35rem; padding-inline: .55rem; }
  .retail-attributes span { padding: .3rem; }
  .message { width: 82%; }
  .search-workbench { padding-inline: .55rem; }
}


/* Process operational framework mockups */
.process-framework-grid { max-width: 72rem; margin-inline: auto; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.25rem; }
.process-framework-grid > article { display: flex; min-width: 0; height: 100%; flex-direction: column; }
.process-framework-grid > article > h3 { margin: 1.15rem 0 .55rem; }
.process-framework-grid > article > p { margin-top: 0; }
.process-framework-grid .process-preview { width: 100%; aspect-ratio: 16 / 9; }
.process-framework-grid .process-preview figcaption { right: .45rem; bottom: .14rem; padding: .16rem .3rem; font-size: .46rem; line-height: 1; }
.process-framework-grid .preview-chrome b { padding: .2rem .42rem; color: #9dc3e5; background: rgba(34,211,238,.06); border: 1px solid rgba(34,211,238,.18); border-radius: 999px; letter-spacing: .12em; }
.scope-dashboard,.health-dashboard,.taxonomy-dashboard,.calibration-dashboard,.pilot-dashboard,.production-monitor,.review-dashboard,.validation-dashboard,.delivery-dashboard,.feedback-dashboard { position: absolute; inset: 2.4rem 0 0; overflow: hidden; font-family: var(--body); }
.scope-dashboard small,.health-dashboard small,.taxonomy-dashboard small,.calibration-dashboard small,.pilot-dashboard small,.production-monitor small,.review-dashboard small,.validation-dashboard small,.delivery-dashboard small,.feedback-dashboard small { font-size: .46rem; font-weight: 850; letter-spacing: .08em; }

.scope-dashboard { display: grid; padding: .8rem 1rem 1.45rem; background: linear-gradient(145deg,#0b2037,#071321); grid-template-columns: .8fr 1.2fr; grid-template-rows: 1fr auto; gap: .65rem; }
.scope-summary { display: flex; padding: .65rem; background: linear-gradient(145deg,rgba(37,99,235,.2),rgba(34,211,238,.06)); border: 1px solid #294f70; border-radius: .55rem; flex-direction: column; justify-content: center; }
.scope-summary small { color: #63dcea; }.scope-summary strong { margin: .35rem 0; color: #edf7ff; font-size: .76rem; }.scope-summary span { color: #9fb8ce; font-size: .54rem; }
.scope-metrics { display: grid; grid-template-columns: repeat(2,1fr); gap: .45rem; }
.scope-metrics span { padding: .48rem .55rem; background: #102a43; border: 1px solid #2a4b67; border-radius: .4rem; }
.scope-metrics small { display: block; color: #7799b8; }.scope-metrics b { display: block; margin-top: .22rem; color: #e8f3fb; font-size: .65rem; }
.scope-footer { display: flex; grid-column: 1 / -1; gap: .4rem; }
.scope-footer span { flex: 1; padding: .3rem .45rem; color: #a8c9e3; background: rgba(28,62,91,.62); border-radius: .3rem; font-size: .43rem; }

.health-dashboard { display: grid; padding: .75rem 1rem 1.4rem; background: linear-gradient(145deg,#0b1d31,#071321); grid-template-columns: .62fr 1.1fr; grid-template-rows: 1fr auto; gap: .6rem; }
.health-score { display: flex; padding: .55rem; background: #102b46; border: 1px solid #2d526f; border-radius: .5rem; flex-direction: column; justify-content: center; text-align: center; }
.health-score small { color: #7fa5c4; }.health-score strong { color: #61e1ad; font-size: 1.55rem; }.health-score span { color: #9ab4ca; font-size: .42rem; }
.class-chart { padding: .5rem .6rem; background: #0d263f; border: 1px solid #294a65; border-radius: .5rem; }
.class-chart > small { color: #83aaca; }.class-chart > div { display: flex; height: 4.2rem; padding-top: .5rem; gap: .35rem; align-items: flex-end; border-bottom: 1px solid #38536b; }
.class-chart i { flex: 1; height: var(--bar); background: linear-gradient(#22d3ee,#315fab); border-radius: .15rem .15rem 0 0; }
.class-chart footer { display: flex; margin-top: .2rem; color: #67839c; font-size: .36rem; justify-content: space-between; }
.health-flags { display: grid; grid-column: 1 / -1; grid-template-columns: repeat(4,1fr); gap: .35rem; }
.health-flags span { display: flex; padding: .33rem .4rem; background: #10273e; border: 1px solid #29475e; border-radius: .3rem; align-items: center; justify-content: space-between; }.health-flags small { color: #7594ad; font-size: .37rem; }.health-flags b { color: #dff8ff; font-size: .48rem; }.health-flags .warning { border-color: rgba(247,177,72,.5); }.health-flags .warning b { color: #ffc96b; }

.taxonomy-dashboard { display: grid; padding: .75rem 1rem 1.4rem; background: linear-gradient(145deg,#0b1e33,#071321); grid-template-columns: .9fr 1.1fr; gap: .75rem; }
.taxonomy-tree,.rule-panel { padding: .55rem .65rem; background: rgba(16,43,69,.8); border: 1px solid #2b4e6b; border-radius: .5rem; }
.taxonomy-tree > small,.rule-panel > small { color: #71ddeb; }
.taxonomy-tree ul { position: relative; margin: .45rem 0 0; padding: 0; list-style: none; }.taxonomy-tree li { position: relative; margin: .25rem 0; padding: .2rem .4rem; color: #d8e8f6; background: #193753; border: 1px solid #315b7b; border-radius: .25rem; font-size: .48rem; }.taxonomy-tree .root { width: 45%; color: #071321; background: #22d3ee; border-color: #22d3ee; font-weight: 900; }.taxonomy-tree .branch { margin-left: 1rem; }.taxonomy-tree .branch::before { position: absolute; top: .65rem; right: 100%; width: 1rem; border-top: 1px solid #5c7991; content: ""; }.taxonomy-tree .branch ul { display: grid; grid-template-columns: repeat(3,1fr); gap: .2rem; }.taxonomy-tree .branch li { margin: .15rem 0 0; padding-inline: .2rem; text-align: center; }
.rule-panel { display: grid; gap: .35rem; align-content: start; }.rule-panel > div { padding: .38rem .45rem; background: #0c243b; border-left: 3px solid #8a6df0; border-radius: .25rem; }.rule-panel b,.rule-panel span { display: block; font-size: .43rem; }.rule-panel b { color: #abc2d7; }.rule-panel span { margin-top: .15rem; color: #c9b8ff; font-weight: 850; }

.calibration-dashboard { padding: .7rem 1rem 1.35rem; background: linear-gradient(145deg,#0b1d31,#071321); }
.calibration-dashboard header { display: grid; grid-template-columns: repeat(3,1fr); gap: .4rem; }.calibration-dashboard header span { padding: .38rem .45rem; background: #102b45; border: 1px solid #2a4c67; border-radius: .35rem; }.calibration-dashboard header small,.calibration-dashboard header b { display: block; }.calibration-dashboard header small { color: #789ab5; }.calibration-dashboard header b { margin-top: .12rem; color: #e5f3ff; font-size: .58rem; }
.annotator-table { margin-top: .45rem; overflow: hidden; border: 1px solid #294861; border-radius: .4rem; }.annotator-table > div { display: grid; min-height: 1.5rem; padding: .28rem .45rem; background: rgba(15,40,63,.85); border-bottom: 1px solid #294861; grid-template-columns: 1fr .35fr .5fr; gap: .25rem; align-items: center; font-size: .45rem; }.annotator-table > div:last-child { border: 0; }.annotator-table .table-head { color: #7696b0; background: #091c2e; font-size: .38rem; font-weight: 850; }.annotator-table b { color: #dfeefa; }.annotator-table em { padding: .12rem .2rem; border-radius: .18rem; font-size: .34rem; font-style: normal; font-weight: 900; text-align: center; }.annotator-table .pass { color: #062216; background: #4be0aa; }.annotator-table .review { color: #291b05; background: #f1bd5a; }
.calibration-progress { display: grid; margin-top: .42rem; color: #7f9db6; grid-template-columns: auto 1fr auto; gap: .4rem; align-items: center; font-size: .38rem; }.calibration-progress i { height: .32rem; overflow: hidden; background: #19344e; border-radius: 1rem; }.calibration-progress i::after { display: block; width: 82%; height: 100%; background: linear-gradient(90deg,#315fa8,#22d3ee); content: ""; }.calibration-progress b { color: #72deed; }

.pilot-dashboard { display: grid; padding: .7rem 1rem 1.35rem; background: linear-gradient(145deg,#0a1c30,#071321); grid-template-columns: .8fr 1.2fr; grid-template-rows: 1fr auto; gap: .55rem; }
.pilot-metrics { display: grid; grid-template-columns: repeat(2,1fr); gap: .35rem; }.pilot-metrics span { padding: .4rem .45rem; background: #102a43; border: 1px solid #294a65; border-radius: .35rem; }.pilot-metrics small,.pilot-metrics b { display: block; }.pilot-metrics small { color: #7898b2; font-size: .38rem; }.pilot-metrics b { margin-top: .15rem; color: #e8f3fb; font-size: .55rem; }
.pilot-chart { position: relative; padding: .45rem .55rem; background: #0d263f; border: 1px solid #2a4b67; border-radius: .4rem; }.pilot-chart > small { color: #7ea3c0; }.pilot-chart svg { width: 100%; height: 4.4rem; overflow: visible; }.pilot-chart path { fill: none; vector-effect: non-scaling-stroke; }.pilot-chart .threshold { stroke: #f3b851; stroke-dasharray: 4 3; }.pilot-chart .trend { stroke: #22d3ee; stroke-width: 2; }.pilot-chart circle { fill: #57e2ae; }.pilot-chart > span { position: absolute; right: .5rem; bottom: .35rem; color: #f4c66e; font-size: .34rem; }
.pilot-status { display: flex; grid-column: 1 / -1; gap: .45rem; justify-content: space-between; align-items: center; }.pilot-status span,.pilot-status strong { padding: .28rem .45rem; border-radius: .28rem; font-size: .41rem; }.pilot-status span { color: #9ab7ce; background: #10273e; }.pilot-status strong { color: #062116; background: #4cdda7; }

.production-monitor { display: grid; padding: .72rem 1rem 1.35rem; background: linear-gradient(145deg,#0b1d31,#071321); grid-template-columns: .9fr 1.1fr; gap: .55rem; }
.production-kpis { display: grid; grid-template-columns: repeat(2,1fr); gap: .4rem; }.production-kpis span { padding: .48rem; background: #102a43; border: 1px solid #294963; border-radius: .35rem; }.production-kpis small,.production-kpis b { display: block; }.production-kpis small { color: #7898b2; }.production-kpis b { margin-top: .18rem; color: #e6f3fe; font-size: .62rem; }.production-kpis .on-track { color: #5ce1ad; }
.velocity-panel { padding: .5rem .6rem; background: #0d263e; border: 1px solid #294963; border-radius: .4rem; }.velocity-panel > small { color: #7ca1bd; }.velocity-bars { display: flex; height: 5.1rem; padding-top: .55rem; gap: .3rem; align-items: flex-end; }.velocity-bars i { flex: 1; height: var(--v); background: linear-gradient(#8b6df0,#22d3ee); border-radius: .15rem .15rem 0 0; }.velocity-panel > span { color: #72d5e4; font-size: .38rem; }

.review-dashboard { display: grid; padding: .72rem 1rem 1.4rem; background: linear-gradient(145deg,#0b1d31,#071321); grid-template-columns: .9fr 1.1fr; grid-template-rows: 1fr auto; gap: .55rem; }
.review-lanes { display: grid; grid-template-columns: repeat(2,1fr); gap: .35rem; }.review-lanes span { padding: .4rem .45rem; background: #102a43; border: 1px solid #294963; border-radius: .35rem; }.review-lanes small,.review-lanes b { display: block; }.review-lanes small { color: #7c9bb4; }.review-lanes b { margin-top: .15rem; color: #5bdfad; font-size: .5rem; }.review-lanes .escalate { border-color: #7252a9; }.review-lanes .escalate b { color: #c5a5ff; }
.error-map { padding: .45rem .55rem; background: #0d253d; border: 1px solid #294963; border-radius: .35rem; }.error-map > small { color: #789ab4; }.error-map > div { display: grid; height: 5rem; margin-top: .35rem; grid-template-columns: repeat(4,1fr); grid-template-rows: repeat(3,1fr); gap: .18rem; }.error-map i { background: rgba(247,179,72,.48); border-radius: .15rem; }.error-map i.low { background: rgba(34,211,238,.23); }.error-map i.hot { background: rgba(244,76,103,.75); }
.adjudication { display: flex; grid-column: 1 / -1; gap: .35rem; align-items: center; }.adjudication span { padding: .25rem .38rem; color: #8fabc2; background: #10263c; border-radius: .25rem; font-size: .37rem; }.adjudication strong { margin-left: auto; padding: .25rem .45rem; color: #062116; background: #4cdda7; border-radius: .25rem; font-size: .42rem; }

.validation-dashboard { padding: .65rem 1rem 1.35rem; background: linear-gradient(145deg,#0a1c30,#071321); }
.validation-dashboard header { display: flex; padding: .35rem .45rem; background: #102a43; border: 1px solid #294963; border-radius: .35rem; align-items: center; justify-content: space-between; }.validation-dashboard header span small,.validation-dashboard header span b { display: block; }.validation-dashboard header small { color: #7899b3; }.validation-dashboard header span b { color: #cce3f5; font-size: .45rem; }.validation-dashboard header > strong { color: #57dfa9; font-size: .8rem; }
.validation-dashboard ul { display: grid; margin: .4rem 0; padding: 0; grid-template-columns: repeat(2,1fr); gap: .25rem; list-style: none; }.validation-dashboard li { display: grid; padding: .28rem .35rem; background: #0d253d; border: 1px solid #27475f; border-radius: .25rem; grid-template-columns: 1rem 1fr auto; gap: .25rem; align-items: center; font-size: .41rem; }.validation-dashboard li i { display: grid; width: .75rem; height: .75rem; color: #062116; background: #4adba5; border-radius: 50%; font-style: normal; place-items: center; }.validation-dashboard li span { color: #b6cadb; }.validation-dashboard li b { color: #68dfae; font-size: .38rem; }.validation-dashboard li.alert i { color: #261901; background: #efbd5e; }.validation-dashboard li.alert b { color: #f2c46c; }
.validation-dashboard footer { display: flex; gap: .35rem; }.validation-dashboard footer span { padding: .24rem .35rem; color: #85a5be; background: #10263c; border-radius: .25rem; font-size: .36rem; }

.delivery-dashboard { padding: .78rem 1rem 1.4rem; background: linear-gradient(145deg,#0b1d31,#071321); }
.delivery-flow { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; gap: .25rem; align-items: center; }.delivery-flow > span { min-width: 0; padding: .45rem .35rem; background: #102a43; border: 1px solid #294963; border-radius: .4rem; text-align: center; }.delivery-flow > span i { display: grid; width: 1rem; height: 1rem; margin: 0 auto .3rem; color: #071321; background: #22d3ee; border-radius: 50%; font-size: .4rem; font-style: normal; font-weight: 900; place-items: center; }.delivery-flow b,.delivery-flow small { display: block; }.delivery-flow b { color: #dceaf6; font-size: .4rem; }.delivery-flow small { margin-top: .18rem; color: #7698b3; font-size: .34rem; }.delivery-flow em { color: #567793; font-style: normal; }.delivery-flow .verified { border-color: #3ebf91; }.delivery-flow .verified i { background: #55dfa9; }
.delivery-manifest { display: grid; margin-top: .55rem; grid-template-columns: repeat(4,1fr); gap: .3rem; }.delivery-manifest span { padding: .34rem .4rem; background: #0d253c; border: 1px solid #29475f; border-radius: .28rem; }.delivery-manifest small,.delivery-manifest b { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.delivery-manifest small { color: #718fa8; font-size: .33rem; }.delivery-manifest b { margin-top: .15rem; color: #bee4f4; font-size: .42rem; }

.feedback-dashboard { display: grid; padding: .7rem 1rem 1.4rem; background: radial-gradient(circle at 28% 46%,rgba(124,58,237,.15),transparent 30%),linear-gradient(145deg,#0b1d31,#071321); grid-template-columns: 1.2fr .8fr; gap: .65rem; }
.feedback-cycle { position: relative; display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; grid-template-rows: 1fr auto 1fr; gap: .22rem; align-items: center; }.feedback-cycle span { display: grid; min-height: 2.5rem; padding: .3rem; color: #cce2f2; background: #102a43; border: 1px solid #2a4d69; border-radius: .35rem; font-size: .38rem; font-weight: 850; line-height: 1.2; place-items: center; text-align: center; }.feedback-cycle i { color: #22d3ee; font-style: normal; text-align: center; }.feedback-cycle .cycle-d { grid-column: 5; grid-row: 3; }.feedback-cycle .cycle-e { grid-column: 3; grid-row: 3; }.feedback-cycle .cycle-f { grid-column: 1; grid-row: 3; }.feedback-cycle span:nth-of-type(3) { border-color: #8664c2; }.feedback-cycle span:nth-of-type(6) { border-color: #3fbd91; }
.feedback-metrics { display: grid; grid-template-columns: repeat(2,1fr); gap: .35rem; align-content: center; }.feedback-metrics span { padding: .4rem; background: rgba(14,39,62,.84); border: 1px solid #294963; border-radius: .32rem; }.feedback-metrics small,.feedback-metrics b { display: block; }.feedback-metrics small { color: #7898b1; font-size: .36rem; }.feedback-metrics b { margin-top: .15rem; color: #e2f0fa; font-size: .52rem; }

@media (max-width: 767.98px) {
  .process-framework { padding-block: 2.5rem; }
  .process-framework-grid { grid-template-columns: 1fr; gap: 1rem; }
  .process-framework-grid > article { padding-bottom: 1.1rem; }
  .process-framework-grid > article > h3 { margin-top: 1rem; font-size: 1.12rem; }
  .process-framework-grid > article > p { font-size: .92rem; }
}
@media (max-width: 399.98px) {
  .scope-dashboard,.health-dashboard,.taxonomy-dashboard,.calibration-dashboard,.pilot-dashboard,.production-monitor,.review-dashboard,.validation-dashboard,.delivery-dashboard,.feedback-dashboard { padding-inline: .65rem; }
  .scope-dashboard,.health-dashboard,.taxonomy-dashboard,.pilot-dashboard,.production-monitor,.review-dashboard,.feedback-dashboard { gap: .4rem; }
  .health-flags { gap: .2rem; }
  .delivery-flow { gap: .12rem; }
  .delivery-flow > span { padding-inline: .2rem; }
  .feedback-dashboard { grid-template-columns: 1.1fr .9fr; }
}