:root {
  color-scheme: dark;
  --ink: #f7f9ff;
  --muted: #a7b0c4;
  --quiet: #737f99;
  --bg: #03050a;
  --bg-soft: #070b14;
  --panel: rgba(11, 17, 31, 0.72);
  --panel-strong: #0b1120;
  --line: rgba(158, 184, 255, 0.17);
  --line-bright: rgba(128, 224, 255, 0.4);
  --cyan: #52f4ff;
  --blue: #5d8cff;
  --violet: #a47cff;
  --magenta: #ff5edd;
  --gold: #ffe06b;
  --success: #72f6c4;
  --danger: #ff91b6;
  --shadow: 0 30px 90px rgba(0, 0, 0, 0.42);
  --radius: 24px;
  --radius-sm: 14px;
  --wrap: min(1320px, calc(100% - 64px));
}

* { box-sizing: border-box; }

html {
  scroll-behavior: smooth;
  scroll-padding-top: 100px;
  background: var(--bg);
}

body {
  margin: 0;
  min-width: 320px;
  overflow-x: clip;
  background:
    radial-gradient(circle at 6% 2%, rgba(79, 124, 255, 0.22), transparent 31rem),
    radial-gradient(circle at 94% 12%, rgba(255, 88, 207, 0.16), transparent 34rem),
    radial-gradient(circle at 50% 42%, rgba(112, 82, 255, .065), transparent 42rem),
    var(--bg);
  color: var(--ink);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}

body::before {
  position: fixed;
  inset: 0;
  z-index: -2;
  content: "";
  pointer-events: none;
  background-image:
    linear-gradient(rgba(115, 133, 170, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(115, 133, 170, 0.045) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(to bottom, #000, transparent 72%);
}

main,
.site-footer { position: relative; z-index: 1; }

.site-ambience {
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}
.ambient-orb { position: absolute; width: min(34vw,520px); aspect-ratio: 1; border-radius: 50%; opacity: .16; filter: blur(90px); will-change: transform; }
.ambient-orb-cyan { top: 5%; left: -12%; background: var(--cyan); animation: ambient-cyan 26s ease-in-out infinite alternate; }
.ambient-orb-violet { top: 38%; right: -15%; background: var(--violet); animation: ambient-violet 31s ease-in-out infinite alternate; }
.ambient-orb-magenta { bottom: -18%; left: 32%; background: var(--magenta); animation: ambient-magenta 29s ease-in-out infinite alternate; }
.ambient-beam { position: absolute; top: -35%; left: 43%; width: 11vw; height: 170%; min-width: 90px; background: linear-gradient(180deg,transparent,rgba(82,244,255,.07),rgba(164,124,255,.055),transparent); filter: blur(28px); transform: rotate(24deg); animation: ambient-beam 18s ease-in-out infinite alternate; }

img { max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }

:focus-visible {
  outline: 3px solid rgba(76, 231, 255, 0.7);
  outline-offset: 4px;
}

.skip-link {
  position: fixed;
  top: 12px;
  left: 12px;
  z-index: 100;
  transform: translateY(-160%);
  padding: 11px 16px;
  border-radius: 10px;
  background: #fff;
  color: #02050a;
  font-weight: 800;
}

.skip-link:focus { transform: translateY(0); }

.wrap { width: var(--wrap); margin-inline: auto; }

.site-progress {
  position: fixed;
  inset: 0 auto auto 0;
  z-index: 100;
  width: 100%;
  height: 2px;
  transform: scaleX(0);
  transform-origin: left;
  background: linear-gradient(90deg, var(--cyan), var(--violet), var(--magenta));
  box-shadow: 0 0 18px var(--cyan);
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  border-bottom: 1px solid transparent;
  background: rgba(3, 5, 10, 0.72);
  backdrop-filter: blur(22px) saturate(150%);
  transition: border-color 180ms ease, background 180ms ease;
}

.site-header.is-scrolled {
  border-color: var(--line);
  background: rgba(3, 5, 10, 0.9);
}

.nav {
  display: flex;
  min-height: 76px;
  align-items: center;
  gap: 22px;
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 13px;
  min-width: 154px;
}

.brand img {
  width: 50px;
  height: 49px;
  object-fit: contain;
  filter: drop-shadow(0 0 16px rgba(76, 231, 255, 0.25));
}

.brand-copy { line-height: 1; }
.brand-copy strong { display: block; font-size: 15px; letter-spacing: 0; }
.brand-copy span {
  display: block;
  margin-top: 7px;
  color: var(--quiet);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}

.nav-links {
  display: flex;
  align-items: center;
  gap: clamp(14px, 1.7vw, 24px);
  margin-left: auto;
}

.nav-links > a:not(.button) {
  position: relative;
  color: #c0c8d9;
  font-size: 14px;
  font-weight: 650;
  white-space: nowrap;
}

.nav-links > a:not(.button)::after {
  position: absolute;
  right: 0;
  bottom: -9px;
  left: 0;
  height: 1px;
  content: "";
  transform: scaleX(0);
  transform-origin: left;
  background: linear-gradient(90deg, var(--cyan), var(--magenta));
  transition: transform 180ms ease;
}

.nav-links > a:hover,
.nav-links > a[aria-current="page"] { color: #fff; }
.nav-links > a:hover::after,
.nav-links > a[aria-current="page"]::after { transform: scaleX(1); }

.nav-toggle {
  display: none;
  width: 46px;
  height: 46px;
  margin-left: auto;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: rgba(255,255,255,.035);
  color: #fff;
}

.nav-toggle span,
.nav-toggle span::before,
.nav-toggle span::after {
  display: block;
  width: 18px;
  height: 1px;
  background: currentColor;
  content: "";
  transition: transform 180ms ease;
}
.nav-toggle span::before { transform: translateY(-6px); }
.nav-toggle span::after { transform: translateY(5px); }
.nav-toggle[aria-expanded="true"] span { background: transparent; }
.nav-toggle[aria-expanded="true"] span::before { transform: translateY(1px) rotate(45deg); }
.nav-toggle[aria-expanded="true"] span::after { transform: rotate(-45deg); }

.button {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 11px 19px;
  border: 1px solid transparent;
  border-radius: 999px;
  cursor: pointer;
  background: linear-gradient(135deg, var(--cyan), #78a4ff 45%, var(--magenta));
  box-shadow: 0 10px 34px rgba(79, 124, 255, .22), inset 0 1px 0 rgba(255,255,255,.45);
  color: #020713;
  font-size: 14px;
  font-weight: 850;
  letter-spacing: 0;
  transition: transform 180ms ease, box-shadow 180ms ease, filter 180ms ease;
}

.button:hover {
  transform: translateY(-2px);
  filter: saturate(135%) brightness(1.08);
  box-shadow: 0 16px 44px rgba(79, 124, 255, .38), 0 0 28px rgba(255,94,221,.12), inset 0 1px 0 rgba(255,255,255,.6);
}

.button.secondary {
  border-color: var(--line-bright);
  background: rgba(8, 13, 24, .68);
  box-shadow: none;
  color: #f7f9ff;
}

.button.secondary:hover { border-color: var(--cyan); background: rgba(76, 231, 255, .08); }
.button.small { min-height: 42px; padding: 9px 15px; font-size: 13px; }

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 20px;
  color: var(--cyan);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.eyebrow::before {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 15px currentColor;
  content: "";
}

h1, h2, h3, h4, p { margin-top: 0; }
h1, h2, h3, h4 {
  font-family: "SF Pro Display", Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  text-wrap: balance;
}

h1 {
  max-width: 900px;
  margin-bottom: 22px;
  font-size: 2.75rem;
  font-weight: 720;
  letter-spacing: 0;
  line-height: .98;
}

h1 .gradient,
.display-gradient {
  background: linear-gradient(90deg, #fff 0%, var(--cyan) 33%, #a99aff 62%, var(--magenta) 90%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

h2 {
  margin-bottom: 18px;
  font-size: 1.95rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.02;
}

h3 {
  margin-bottom: 13px;
  font-size: 1.2rem;
  line-height: 1.16;
  letter-spacing: 0;
}

p { color: var(--muted); }
.lede { max-width: 720px; font-size: 1rem; line-height: 1.68; }
.fine { color: var(--quiet); font-size: 13px; line-height: 1.65; }
.kicker { color: var(--muted); font-size: 13px; font-weight: 700; letter-spacing: 0; text-transform: uppercase; }

.hero {
  position: relative;
  overflow: hidden;
  padding: clamp(52px, 5vw, 76px) 0 clamp(48px, 5vw, 68px);
}

.hero::after {
  position: absolute;
  top: 10%;
  right: -8%;
  z-index: -1;
  width: 620px;
  height: 620px;
  border-radius: 50%;
  content: "";
  pointer-events: none;
  background: radial-gradient(circle, rgba(82,244,255,.22), rgba(164,124,255,.14) 42%, rgba(255,94,221,.08) 58%, transparent 72%);
  filter: blur(12px);
}

.hero::before {
  position: absolute;
  inset: 0;
  z-index: -1;
  content: "";
  pointer-events: none;
  background-image:
    radial-gradient(circle, rgba(82,244,255,.82) 0 1px, transparent 2px),
    radial-gradient(circle, rgba(255,94,221,.66) 0 1px, transparent 2px),
    radial-gradient(circle, rgba(255,224,107,.58) 0 1px, transparent 2px);
  background-position: 6% 18%, 74% 28%, 42% 82%;
  background-size: 86px 86px, 128px 128px, 172px 172px;
  opacity: .28;
  mask-image: linear-gradient(90deg,#000,transparent 72%);
  animation: hero-particles 22s linear infinite;
}

.hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(350px, .92fr);
  align-items: center;
  gap: clamp(34px, 4.5vw, 68px);
}

.hero-copy { position: relative; z-index: 2; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 28px; }
.hero-proof { display: flex; flex-wrap: wrap; gap: 16px 26px; margin-top: 30px; padding-top: 21px; border-top: 1px solid var(--line); }
.hero-proof span { display: inline-flex; align-items: center; gap: 8px; color: #bdc6d8; font-size: 13px; font-weight: 720; }
.hero-proof span::before { width: 5px; height: 5px; border-radius: 50%; background: var(--success); box-shadow: 0 0 12px var(--success); content: ""; }
.hero-visual-stack { position: relative; isolation: isolate; }
.hero-visual-stack::before { position: absolute; inset: 8% 4% 12%; z-index: -1; border-radius: 38%; background: conic-gradient(from 40deg, rgba(82,244,255,.28), rgba(93,140,255,.12), rgba(255,94,221,.28), rgba(82,244,255,.2)); opacity: .7; filter: blur(72px); content: ""; animation: visual-aurora 10s ease-in-out infinite alternate; }

.data-core {
  position: relative;
  min-height: clamp(410px, 41vw, 500px);
  border: 1px solid rgba(119,190,255,.3);
  border-radius: 34px;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 40%, rgba(82,244,255,.13), transparent 30%),
    radial-gradient(circle at 68% 28%, rgba(255,94,221,.15), transparent 34%),
    linear-gradient(160deg, rgba(20,31,61,.82), rgba(4,7,16,.9));
  box-shadow: var(--shadow), 0 0 48px rgba(82,244,255,.08), inset 0 1px 0 rgba(255,255,255,.1);
  isolation: isolate;
  --network-x: 0px;
  --network-y: 0px;
  transition: border-color 320ms ease, background 420ms ease, box-shadow 420ms ease, transform 420ms cubic-bezier(.2,.7,.2,1);
}

.data-core::before,
.data-core::after {
  position: absolute;
  inset: 0;
  z-index: -1;
  content: "";
  pointer-events: none;
}

.data-core::before {
  background-image:
    linear-gradient(rgba(120,151,225,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(120,151,225,.08) 1px, transparent 1px);
  background-size: 34px 34px;
  mask-image: radial-gradient(circle at 50% 48%, #000, transparent 72%);
}

.data-core::after {
  background: conic-gradient(from 180deg at 50% 50%, transparent, rgba(76,231,255,.15), transparent 28%, rgba(255,88,207,.12), transparent 61%);
  animation: core-rotate 18s linear infinite;
}

.core-interface {
  position: absolute;
  top: 18px;
  right: 19px;
  left: 19px;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  color: rgba(202,213,235,.62);
  font-size: 10px;
  font-weight: 760;
  letter-spacing: 0;
  text-transform: uppercase;
}
.core-interface span { display: inline-flex; align-items: center; gap: 8px; color: #bdfbed; }
.core-interface i { width: 6px; height: 6px; border-radius: 50%; background: var(--success); box-shadow: 0 0 14px rgba(114,246,196,.86); animation: interface-pulse 1.8s ease-in-out infinite; }
.core-interface strong { color: rgba(168,181,208,.55); font: inherit; }

.ai-network {
  position: absolute;
  inset: 42px 0 56px;
  z-index: 0;
  width: 100%;
  height: calc(100% - 98px);
  overflow: visible;
  transform: translate3d(var(--network-x), var(--network-y), 0);
  transition: transform 350ms cubic-bezier(.2,.7,.2,1);
}
.network-web { transform-origin: 320px 278px; animation: network-breathe 5s ease-in-out infinite; }
.network-ring { fill: none; stroke: rgba(123,157,255,.15); stroke-width: 1; stroke-dasharray: 5 11; transform-origin: 320px 278px; }
.ring-one { animation: ring-spin 16s linear infinite; }
.ring-two { stroke: rgba(255,88,207,.16); stroke-dasharray: 2 16; animation: ring-spin-reverse 24s linear infinite; }
.network-edge { fill: none; stroke: rgba(130,163,231,.24); stroke-width: 1.2; vector-effect: non-scaling-stroke; }
.network-edge.secondary { stroke: rgba(130,163,231,.13); stroke-dasharray: 3 8; }
.network-flow { fill: none; stroke: url(#networkGradient); stroke-width: 2.4; stroke-linecap: round; stroke-dasharray: 3 14 24 22; filter: url(#networkGlow); vector-effect: non-scaling-stroke; animation: network-stream 3.4s linear infinite; }
.network-flow.flow-two { animation-duration: 4.6s; animation-direction: reverse; }
.network-flow.flow-three { animation-duration: 4s; animation-delay: -2.2s; }
.data-packet { filter: url(#networkGlow); pointer-events: none; }
.packet-cyan { fill: #c9fbff; stroke: var(--cyan); stroke-width: 2; }
.packet-magenta { fill: #fff; stroke: var(--magenta); stroke-width: 2; }
.packet-violet { fill: #fff; stroke: var(--violet); stroke-width: 2; }
.packet-white { fill: #fff; stroke: rgba(255,255,255,.5); stroke-width: 1; }
.network-node > circle:last-child { fill: #eaffff; stroke: var(--cyan); stroke-width: 2; filter: url(#networkGlow); }
.network-node .node-halo { fill: url(#nodeGradient); opacity: .54; transform-origin: center; animation: node-pulse 2.8s ease-in-out infinite; }
.network-node.node-b .node-halo, .network-node.node-f .node-halo { animation-delay: -.9s; }
.network-node.node-c .node-halo, .network-node.node-d .node-halo { animation-delay: -1.7s; }
.network-node.small { opacity: .78; }

.network-sweep {
  position: absolute;
  inset: 11% 4% 15%;
  z-index: 1;
  border-radius: 50%;
  pointer-events: none;
  background: conic-gradient(from 0deg, transparent 0 78%, rgba(76,231,255,.04) 87%, rgba(76,231,255,.2) 94%, transparent 100%);
  mask-image: radial-gradient(circle, transparent 0 31%, #000 34% 67%, transparent 70%);
  animation: network-scan 6.5s linear infinite;
}

.core-logo {
  position: absolute;
  inset: 47% auto auto 50%;
  z-index: 3;
  width: min(48%, 236px);
  height: auto;
  max-height: 52%;
  object-fit: contain;
  transform: translate(-50%, -51%);
  filter: drop-shadow(0 24px 42px rgba(0,0,0,.5)) drop-shadow(0 0 22px rgba(76,231,255,.25));
  animation: logo-float 5s ease-in-out infinite;
}

.core-orbit {
  position: absolute;
  inset: 50% auto auto 50%;
  z-index: 2;
  width: 67%;
  aspect-ratio: 1;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(125, 166, 255, .18);
  border-radius: 50%;
  animation: core-spin 15s linear infinite;
}

.core-orbit::before,
.core-orbit::after {
  position: absolute;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  content: "";
  background: var(--cyan);
  box-shadow: 0 0 20px 6px rgba(76,231,255,.35);
}
.core-orbit::before { top: 17%; left: 9%; }
.core-orbit::after { right: 9%; bottom: 17%; background: var(--magenta); box-shadow: 0 0 20px 6px rgba(255,88,207,.32); }

.core-label {
  position: absolute;
  z-index: 4;
  padding: 9px 12px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(2, 5, 12, .75);
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
  color: #c9d2e5;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
  backdrop-filter: blur(12px);
}
.core-label.one { top: 9%; left: 8%; }
.core-label.two { top: 23%; right: 5%; }
.core-label.three { bottom: 21%; left: 5%; }
.core-label.four { right: 6%; bottom: 15%; }

.core-status {
  position: absolute;
  z-index: 5;
  right: 18px;
  left: 18px;
  bottom: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 13px 15px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: rgba(4,7,14,.78);
  color: #9aa6bc;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}
.status-pulse { display: inline-flex; align-items: center; gap: 7px; color: var(--success); }
.status-pulse::before { width: 6px; height: 6px; border-radius: 50%; background: currentColor; box-shadow: 0 0 12px currentColor; content: ""; animation: pulse 1.9s ease-in-out infinite; }

.implementation-console {
  position: relative;
  z-index: 8;
  width: calc(100% - 30px);
  min-height: 218px;
  margin: -18px auto 0;
  overflow: hidden;
  border: 1px solid rgba(82,244,255,.36);
  border-radius: 20px;
  background:
    linear-gradient(135deg, rgba(17,28,52,.78), rgba(3,7,16,.91) 48%, rgba(21,8,34,.8)),
    rgba(3,6,13,.88);
  box-shadow: 0 26px 70px rgba(0,0,0,.5), 0 0 42px rgba(82,244,255,.11), 0 0 58px rgba(255,94,221,.07), inset 0 1px 0 rgba(255,255,255,.1);
  backdrop-filter: blur(24px) saturate(1.35);
  animation: console-glow 5s ease-in-out infinite;
}
.implementation-console::before { position: absolute; inset: 0; pointer-events: none; background: linear-gradient(112deg, rgba(82,244,255,.1), transparent 28%, transparent 70%, rgba(255,94,221,.1)); content: ""; }
.terminal-chrome { position: relative; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; min-height: 38px; padding: 0 14px; border-bottom: 1px solid rgba(135,169,233,.17); background: rgba(255,255,255,.035); color: #7f8ba4; font: 700 9px/1 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; letter-spacing: 0; text-transform: uppercase; }
.terminal-chrome > span { color: #b8c5dc; text-align: center; text-transform: none; }
.terminal-chrome > strong { justify-self: end; color: var(--success); font: inherit; }
.terminal-lights { display: flex; gap: 6px; }
.terminal-lights i { width: 9px; height: 9px; border-radius: 50%; background: #ff625b; box-shadow: 0 0 10px rgba(255,98,91,.38); }
.terminal-lights i:nth-child(2) { background: #ffc44d; box-shadow: 0 0 10px rgba(255,196,77,.32); }
.terminal-lights i:nth-child(3) { background: #45e878; box-shadow: 0 0 10px rgba(69,232,120,.32); }
.terminal-body { position: relative; display: grid; grid-template-columns: minmax(0,1.18fr) minmax(145px,.82fr); gap: 18px; padding: 17px 18px 18px; }
.terminal-code { min-width: 0; font: 500 10.5px/1.65 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; }
.terminal-context { display: block; overflow: hidden; margin-bottom: 7px; color: #68758e; white-space: nowrap; text-overflow: ellipsis; }
.terminal-command { display: flex; min-width: 0; align-items: center; color: #f5f9ff; white-space: nowrap; }
.terminal-command b { margin-right: 7px; color: var(--cyan); text-shadow: 0 0 13px rgba(82,244,255,.7); }
.terminal-command span { min-width: 0; overflow: hidden; text-overflow: clip; }
.terminal-cursor { flex: 0 0 auto; width: 6px; height: 13px; margin-left: 3px; background: var(--magenta); box-shadow: 0 0 12px rgba(255,94,221,.65); animation: terminal-cursor 800ms steps(1,end) infinite; }
.terminal-feed { display: grid; min-height: 70px; align-content: start; gap: 3px; margin-top: 7px; color: #8f9bb2; }
.terminal-feed span { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.terminal-feed i { color: #7886a0; font-style: normal; }
.terminal-feed .terminal-success { color: var(--success); text-shadow: 0 0 15px rgba(114,246,196,.24); }
.terminal-feed .terminal-success i { color: inherit; }
.terminal-viz { min-width: 0; padding: 11px 12px 9px; border: 1px solid rgba(130,166,231,.16); border-radius: 13px; background: rgba(1,5,13,.48); }
.terminal-viz-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: #8290aa; font: 750 9px/1 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; letter-spacing: 0; text-transform: uppercase; }
.terminal-viz-head strong { color: var(--cyan); font-size: 10px; text-shadow: 0 0 12px rgba(82,244,255,.45); }
.terminal-viz svg { display: block; width: 100%; height: 74px; margin: 7px 0 5px; overflow: visible; }
.terminal-grid { fill: none; stroke: rgba(137,161,213,.1); stroke-width: 1; }
.terminal-area { fill: url(#terminalAreaGradient); }
.terminal-chart-line { fill: none; stroke: url(#terminalChartGradient); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 0 5px rgba(82,244,255,.62)); stroke-dasharray: 360; stroke-dashoffset: 360; animation: terminal-chart-draw 4.2s cubic-bezier(.2,.7,.2,1) infinite; }
.terminal-chart-dots circle { fill: #fff; stroke: var(--cyan); stroke-width: 2; filter: drop-shadow(0 0 6px rgba(82,244,255,.9)); animation: terminal-dot 2s ease-in-out infinite; }
.terminal-chart-dots circle:nth-child(2) { animation-delay: -.5s; }
.terminal-chart-dots circle:nth-child(3) { animation-delay: -1s; }
.terminal-chart-dots circle:nth-child(4) { stroke: var(--magenta); animation-delay: -1.5s; }
.terminal-metrics { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; }
.terminal-metrics span { min-width: 0; color: #748199; font: 600 8px/1.35 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; }
.terminal-metrics i { display: inline-block; width: 5px; height: 5px; margin-right: 4px; border-radius: 50%; background: var(--success); box-shadow: 0 0 8px var(--success); }
.terminal-metrics b { display: block; margin: 3px 0 0 9px; color: #e8f0ff; font-size: 9px; }

@media (hover: hover) and (pointer: fine) {
  .implementation-console:hover { border-color: rgba(255,94,221,.48); background: linear-gradient(135deg, rgba(17,31,57,.64), rgba(3,7,16,.74) 48%, rgba(28,9,43,.62)); box-shadow: 0 30px 80px rgba(0,0,0,.54), 0 0 50px rgba(82,244,255,.14), 0 0 66px rgba(255,94,221,.11), inset 0 1px 0 rgba(255,255,255,.14); }
}

.signal-rail {
  overflow: hidden;
  border-block: 1px solid var(--line);
  background: rgba(8, 12, 22, .72);
}
.signal-track { display: flex; width: max-content; animation: rail 34s linear infinite; }
.signal-track span { display: inline-flex; align-items: center; gap: 18px; padding: 17px 28px; color: #9aa6ba; font-size: 12px; font-weight: 780; letter-spacing: 0; text-transform: uppercase; }
.signal-track span::after { width: 5px; height: 5px; border-radius: 50%; background: linear-gradient(135deg,var(--cyan),var(--magenta)); box-shadow: 0 0 12px var(--cyan); content: ""; }
.signal-rail:hover .signal-track,
.signal-rail:focus .signal-track { animation-play-state: paused; }
.signal-rail:focus-visible { outline: 2px solid var(--cyan); outline-offset: -2px; }

.intelligence-mesh {
  overflow: hidden;
  border-bottom: 1px solid var(--line);
  background:
    radial-gradient(circle at 8% 15%, rgba(82,244,255,.12), transparent 28rem),
    radial-gradient(circle at 92% 76%, rgba(255,94,221,.14), transparent 30rem),
    linear-gradient(180deg,rgba(7,11,22,.78),rgba(3,6,13,.94));
}
.mesh-aurora { position: absolute; inset: -40% -10%; pointer-events: none; background: conic-gradient(from 120deg at 50% 50%, transparent 0 14%,rgba(82,244,255,.11) 21%,transparent 31% 47%,rgba(164,124,255,.11) 56%,transparent 66% 77%,rgba(255,94,221,.1) 84%,transparent 94%); filter: blur(70px); animation: mesh-aurora 21s linear infinite; }
.mesh-layout { position: relative; display: grid; grid-template-columns: minmax(300px,.7fr) minmax(560px,1.3fr); align-items: center; gap: clamp(34px,5vw,78px); }
.mesh-copy { position: relative; z-index: 2; }
.mesh-copy h2 { max-width: 700px; }
.mesh-copy .lede { font-size: 16px; }
.mesh-proof { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; margin-top: 28px; }
.mesh-proof span { min-height: 78px; padding: 14px 15px; border: 1px solid rgba(138,180,255,.2); border-radius: 15px; background: rgba(255,255,255,.025); color: #9daac0; font-size: 11px; font-weight: 700; line-height: 1.45; backdrop-filter: blur(14px); }
.mesh-proof b { display: block; margin-bottom: 5px; color: #f1f6ff; font-size: 13px; letter-spacing: 0; }
.mesh-stage { position: relative; min-height: 520px; overflow: hidden; border: 1px solid rgba(110,201,255,.28); border-radius: 30px; background: radial-gradient(circle at 53% 48%,rgba(93,140,255,.15),transparent 32%),linear-gradient(150deg,rgba(15,28,54,.88),rgba(4,7,16,.94)); box-shadow: 0 34px 95px rgba(0,0,0,.4),0 0 70px rgba(82,244,255,.075),inset 0 1px 0 rgba(255,255,255,.09); isolation: isolate; --mesh-x: 0px; --mesh-y: 0px; --mesh-glow-x: 50%; --mesh-glow-y: 50%; }
.mesh-stage::before { position: absolute; inset: 0; z-index: -1; content: ""; background: radial-gradient(circle at var(--mesh-glow-x) var(--mesh-glow-y),rgba(255,255,255,.075),transparent 22%),linear-gradient(125deg,rgba(82,244,255,.08),transparent 34% 67%,rgba(255,94,221,.09)); }
.mesh-stage::after { position: absolute; inset: 0; z-index: 8; content: ""; pointer-events: none; background: linear-gradient(105deg,transparent 20%,rgba(255,255,255,.055) 43%,transparent 61%); transform: translateX(-130%); animation: mesh-glint 7.5s ease-in-out infinite; }
.mesh-topbar { position: absolute; top: 18px; right: 20px; left: 20px; z-index: 10; display: flex; align-items: center; justify-content: space-between; gap: 16px; color: #8491a8; font: 780 10px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace; letter-spacing: 0; text-transform: uppercase; }
.mesh-topbar span { display: inline-flex; align-items: center; gap: 8px; color: #dffcff; }
.mesh-topbar i { width: 7px; height: 7px; border-radius: 50%; background: var(--success); box-shadow: 0 0 15px var(--success); animation: interface-pulse 1.5s ease-in-out infinite; }
.mesh-topbar strong { color: var(--success); font: inherit; }
.mesh-web { position: absolute; inset: 53px 0 48px; width: 100%; height: calc(100% - 101px); overflow: visible; transform: translate3d(var(--mesh-x),var(--mesh-y),0); transition: transform 340ms cubic-bezier(.2,.7,.2,1); }
.mesh-grid-lines { fill: none; stroke: rgba(130,161,221,.07); stroke-width: 1; vector-effect: non-scaling-stroke; }
.mesh-links { fill: none; stroke: rgba(138,177,255,.2); stroke-width: 1.35; vector-effect: non-scaling-stroke; }
.mesh-flow-lines { fill: none; stroke: url(#meshFlow); stroke-width: 2.8; stroke-linecap: round; stroke-dasharray: 2 15 30 24; filter: url(#meshGlow); vector-effect: non-scaling-stroke; animation: mesh-flow 4.2s linear infinite; }
.mesh-flow-lines .reverse { animation: mesh-flow-reverse 5.2s linear infinite; }
.mesh-flow-lines .cross { stroke-width: 1.6; opacity: .72; animation: mesh-flow 6.5s linear infinite; }
.mesh-node .halo { fill: url(#meshNode); opacity: .42; transform-box: fill-box; transform-origin: center; animation: mesh-node 2.7s ease-in-out infinite; }
.mesh-node .pulse-ring { fill: none; stroke: rgba(82,244,255,.45); stroke-width: 1.5; transform-box: fill-box; transform-origin: center; animation: mesh-ring 2.7s ease-out infinite; }
.mesh-node .core { fill: #f8ffff; stroke: var(--cyan); stroke-width: 2; filter: url(#meshGlow); }
.mesh-node-1 .core,.mesh-node-5 .core { stroke: var(--magenta); }
.mesh-node-2 .halo,.mesh-node-5 .halo { animation-delay: -.7s; }
.mesh-node-3 .halo,.mesh-node-6 .halo { animation-delay: -1.4s; }
.mesh-node-4 .halo,.mesh-node-7 .halo { animation-delay: -2.1s; }
.mesh-node-2 .pulse-ring,.mesh-node-5 .pulse-ring { animation-delay: -.9s; }
.mesh-node-3 .pulse-ring,.mesh-node-6 .pulse-ring { animation-delay: -1.8s; }
.mesh-label { position: absolute; z-index: 6; min-width: 126px; padding: 10px 12px; border: 1px solid rgba(141,179,255,.24); border-radius: 13px; background: rgba(3,8,18,.76); box-shadow: 0 12px 34px rgba(0,0,0,.28); backdrop-filter: blur(16px) saturate(1.35); animation: mesh-label-float 4.8s ease-in-out infinite; }
.mesh-label small { display: block; margin-bottom: 3px; color: var(--cyan); font-size: 8px; font-weight: 850; letter-spacing: 0; text-transform: uppercase; }
.mesh-label strong { display: block; color: #eaf1ff; font-size: 11px; line-height: 1.2; }
.mesh-label-a { top: 20%; left: 3%; }
.mesh-label-b { bottom: 18%; left: 3%; animation-delay: -.9s; }
.mesh-label-c { top: 38%; left: 31%; animation-delay: -1.7s; }
.mesh-label-d { right: 30%; bottom: 25%; animation-delay: -2.4s; }
.mesh-label-e { top: 20%; right: 3%; animation-delay: -3.1s; }
.mesh-label-f { right: 2%; bottom: 18%; animation-delay: -3.8s; }
.mesh-scan { position: absolute; top: 48px; bottom: 46px; left: -12%; z-index: 5; width: 22%; pointer-events: none; background: linear-gradient(90deg,transparent,rgba(82,244,255,.09),rgba(255,255,255,.13),transparent); transform: skewX(-12deg); filter: blur(9px); animation: mesh-scan-line 6.8s linear infinite; }
.mesh-status { position: absolute; right: 18px; bottom: 14px; left: 18px; z-index: 10; display: flex; justify-content: space-between; gap: 10px; color: #8996ad; font: 750 9px/1.2 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace; letter-spacing: 0; text-transform: uppercase; }
.mesh-status span { display: inline-flex; align-items: center; gap: 7px; }
.mesh-status span::before { width: 5px; height: 5px; border-radius: 50%; background: var(--success); box-shadow: 0 0 9px var(--success); content: ""; }

@media (hover:hover) and (pointer:fine) {
  .mesh-stage { transition: transform 420ms cubic-bezier(.2,.7,.2,1),border-color 300ms ease,background 300ms ease,box-shadow 300ms ease; }
  .mesh-stage:hover { border-color: rgba(82,244,255,.48); background: radial-gradient(circle at 53% 48%,rgba(93,140,255,.21),transparent 34%),linear-gradient(150deg,rgba(17,34,62,.74),rgba(6,9,19,.81)); box-shadow: 0 40px 110px rgba(0,0,0,.46),0 0 78px rgba(82,244,255,.12),0 0 70px rgba(255,94,221,.07),inset 0 1px 0 rgba(255,255,255,.13); transform: translateY(-5px) scale(1.005); }
  .mesh-stage:hover .mesh-label { border-color: rgba(82,244,255,.38); background: rgba(4,10,22,.54); }
}

@media (hover: hover) and (pointer: fine) {
  .data-core:hover {
    border-color: rgba(76,231,255,.38);
    background:
      radial-gradient(circle at 50% 40%, rgba(79,124,255,.25), transparent 47%),
      linear-gradient(160deg, rgba(17,26,48,.68), rgba(4,7,14,.78));
    box-shadow: 0 32px 90px rgba(0,0,0,.48), 0 0 56px rgba(76,231,255,.1), inset 0 1px 0 rgba(255,255,255,.1);
    transform: translateY(-4px);
  }
  .data-core:hover .ai-network { filter: saturate(1.25) brightness(1.12); }
  .data-core:hover .core-label { border-color: rgba(162,190,255,.35); background: rgba(2,5,12,.56); }
}

.section { position: relative; padding: clamp(60px, 6vw, 88px) 0; }
.section.compact { padding-block: clamp(44px, 5vw, 68px); }
.section.tint { border-block: 1px solid var(--line); background: linear-gradient(180deg, rgba(9,14,27,.74), rgba(5,8,16,.88)); }
.section-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, .48fr); align-items: end; gap: 38px; margin-bottom: 38px; }
.section-head > p { margin: 0; font-size: 16px; line-height: 1.75; }

.sister-reviews {
  overflow: hidden;
  border-block: 1px solid var(--line);
  background:
    radial-gradient(circle at 15% 15%, rgba(82,244,255,.13), transparent 33%),
    radial-gradient(circle at 86% 80%, rgba(255,94,221,.15), transparent 31%),
    radial-gradient(circle at 52% 52%, rgba(164,124,255,.075), transparent 38%),
    linear-gradient(180deg, rgba(6,10,19,.98), rgba(3,6,13,.98));
  isolation: isolate;
}
.reviews-glow { position: absolute; z-index: -1; width: 360px; height: 360px; border-radius: 50%; opacity: .54; filter: blur(90px); pointer-events: none; }
.reviews-glow-one { top: -180px; left: 12%; background: var(--cyan); }
.reviews-glow-two { right: 8%; bottom: -230px; background: var(--magenta); }
.reviews-intro { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(340px,.85fr); align-items: end; gap: clamp(38px,6vw,86px); margin-bottom: 52px; }
.reviews-intro h2 { max-width: 850px; }
.reviews-intro .lede { max-width: 830px; }
.company-family { padding: 24px; border: 1px solid rgba(153,178,234,.18); border-radius: 22px; background: rgba(12,18,33,.44); box-shadow: inset 0 1px 0 rgba(255,255,255,.06); backdrop-filter: blur(18px); }
.company-family > strong { display: block; margin-bottom: 18px; color: #f2f6ff; font-size: 12px; font-weight: 850; letter-spacing: 0; text-align: center; text-transform: uppercase; }
.company-family > div { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 10px; }
.company-family span { min-height: 62px; display: grid; place-items: center; padding: 12px; border: 1px solid rgba(134,161,220,.2); border-radius: 14px; background: rgba(3,7,15,.62); color: #dfe8fb; font-size: 12px; font-weight: 780; line-height: 1.35; text-align: center; }
.company-family i { position: relative; color: #91a0bb; font-size: 9px; font-style: normal; font-weight: 820; letter-spacing: 0; text-align: center; text-transform: uppercase; }
.company-family i::before, .company-family i::after { display: block; width: 1px; height: 12px; margin: 0 auto 5px; background: linear-gradient(var(--cyan), var(--magenta)); content: ""; }
.company-family i::after { margin: 5px auto 0; }
.review-rails { display: grid; gap: 18px; }
.review-marquee {
  overflow: hidden;
  padding: 3px 0 12px;
  mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
}
.review-track { display: flex; width: max-content; will-change: transform; }
.review-track-left { animation: reviews-left 52s linear infinite; }
.review-track-right { animation: reviews-right 58s linear infinite; }
.review-set { display: flex; gap: 18px; padding-right: 18px; }
.review-card {
  position: relative;
  flex: 0 0 390px;
  min-height: 286px;
  display: flex;
  flex-direction: column;
  padding: 27px;
  overflow: hidden;
  border: 1px solid rgba(139,187,255,.25);
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(20,34,63,.72), rgba(7,10,23,.79));
  box-shadow: 0 18px 50px rgba(0,0,0,.24), 0 0 24px rgba(82,244,255,.035), inset 0 1px 0 rgba(255,255,255,.07);
  backdrop-filter: blur(18px) saturate(1.15);
  transition: transform 300ms cubic-bezier(.2,.7,.2,1), border-color 300ms ease, background 300ms ease, box-shadow 300ms ease;
}
.review-card::before { position: absolute; inset: 0; background: linear-gradient(125deg, rgba(76,231,255,.11), transparent 35%, transparent 68%, rgba(255,88,207,.1)); opacity: 0; transition: opacity 300ms ease; content: ""; pointer-events: none; }
.review-stars { position: relative; color: #ffd65c; font-size: 15px; letter-spacing: 0; text-shadow: 0 0 20px rgba(255,214,92,.2); }
.review-card h3 { position: relative; margin: 15px 0 12px; color: #f4f7ff; font-size: 20px; letter-spacing: 0; }
.review-card blockquote { position: relative; flex: 1; margin: 0; color: #b8c4da; font-size: 15px; line-height: 1.72; }
.review-author { position: relative; display: flex; align-items: flex-end; justify-content: space-between; gap: 14px; margin-top: 23px; padding-top: 17px; border-top: 1px solid rgba(142,165,214,.14); }
.review-author strong { color: #eff4ff; font-size: 13px; }
.review-author span { display: inline-flex; align-items: center; gap: 6px; color: #8290aa; font-size: 10px; white-space: nowrap; }
.review-author i { width: 6px; height: 6px; border-radius: 50%; background: var(--success); box-shadow: 0 0 10px rgba(114,246,196,.75); }
.reviews-disclaimer { max-width: 1000px; margin: 30px auto 0; color: #75819a; font-size: 12px; line-height: 1.65; text-align: center; }
.review-marquee:hover .review-track { animation-play-state: paused; }
.sister-reviews.is-paused .review-track { animation-play-state: paused; }
.motion-toggle { display: inline-flex; min-height: 38px; align-items: center; gap: 9px; margin-top: 12px; padding: 8px 13px; border: 1px solid var(--line); border-radius: 999px; background: rgba(255,255,255,.025); color: #9eabc1; cursor: pointer; font-size: 11px; font-weight: 780; letter-spacing: 0; text-transform: uppercase; transition: color 180ms ease,border-color 180ms ease,background 180ms ease; }
.motion-toggle i { width: 8px; height: 10px; border-inline: 2px solid currentColor; }
.motion-toggle[aria-pressed="true"] i { width: 0; height: 0; margin-left: 2px; border: 5px solid transparent; border-right: 0; border-left: 8px solid currentColor; }
.motion-toggle:hover,.motion-toggle:focus-visible { border-color: rgba(82,244,255,.36); background: rgba(82,244,255,.055); color: #e7fdff; }

/* Filterable sister-company review archive on the bright AVIZ home page. */
.home-light .review-browser {
  overflow: clip;
  border-color: rgba(38,76,118,.12);
  background:
    radial-gradient(circle at 13% 8%,rgba(20,169,199,.17),transparent 32rem),
    radial-gradient(circle at 88% 20%,rgba(120,89,246,.13),transparent 34rem),
    linear-gradient(180deg,#edf7ff 0%,#fbfdff 42%,#f5f8ff 100%);
  color: #173451;
}
.home-light .review-browser::after { position: absolute; inset: 0; z-index: -1; background-image: linear-gradient(rgba(39,91,139,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(39,91,139,.045) 1px,transparent 1px); background-size: 34px 34px; content: ""; mask-image: linear-gradient(to bottom,#000,transparent 46%); opacity: .58; pointer-events: none; }
.home-light .review-browser .reviews-glow-one { background: #22c8e8; opacity: .22; }
.home-light .review-browser .reviews-glow-two { background: #8a55ed; opacity: .18; }
.home-light .review-browser .reviews-intro { align-items: start; }
.home-light .review-browser .reviews-intro h2 { color: #102f4c; }
.home-light .review-browser .reviews-intro .lede { color: #4e687e; }
.home-light .review-browser .company-family { border-color: rgba(38,76,118,.14); background: rgba(255,255,255,.78); box-shadow: 0 22px 58px rgba(31,66,105,.1),0 0 48px rgba(20,169,199,.07),inset 0 1px 0 #fff; }
.home-light .review-browser .company-family > strong { color: #1c405f; }
.home-light .review-browser .company-family span { border-color: rgba(38,76,118,.13); background: #f5f9fd; color: #355772; }
.home-light .review-browser .company-family i { color: #71869a; }
.review-summary { display: inline-flex; align-items: center; gap: 18px; margin-top: 24px; padding: 14px 18px; border: 1px solid rgba(38,76,118,.12); border-radius: 18px; background: rgba(255,255,255,.72); box-shadow: 0 16px 38px rgba(31,66,105,.08); backdrop-filter: blur(16px); }
.review-summary > strong { color: #f5a623; font-size: 20px; letter-spacing: 0; text-shadow: 0 5px 18px rgba(245,166,35,.2); }
.review-summary > span { display: grid; gap: 3px; padding-left: 18px; border-left: 1px solid rgba(38,76,118,.13); }
.review-summary b { color: #173d5c; font-size: 14px; }
.review-summary small { color: #6c8195; font-size: 11px; }
.review-clarifier { margin: 15px 2px 0; color: #637a8f; font-size: 12px; line-height: 1.65; }
.review-toolbar { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 28px; padding: 20px 22px; border: 1px solid rgba(38,76,118,.13); border-radius: 22px; background: rgba(255,255,255,.82); box-shadow: 0 18px 48px rgba(31,66,105,.08),inset 0 1px 0 #fff; backdrop-filter: blur(18px); }
.review-toolbar .kicker { margin: 0 0 13px; color: #315f82; }
.review-filters { display: flex; flex-wrap: wrap; gap: 9px; }
.review-filters button { min-height: 40px; padding: 9px 14px; border: 1px solid rgba(38,76,118,.14); border-radius: 999px; background: #f4f8fc; color: #4d687e; cursor: pointer; font: inherit; font-size: 12px; font-weight: 800; transition: transform 180ms ease,border-color 180ms ease,background 180ms ease,color 180ms ease,box-shadow 180ms ease; }
.review-filters button b { display: inline-grid; min-width: 22px; height: 22px; margin-left: 6px; place-items: center; border-radius: 999px; background: rgba(40,120,255,.08); color: #1f67ad; font-size: 10px; }
.review-filters button[aria-pressed="true"] { border-color: rgba(40,120,255,.34); background: linear-gradient(135deg,#e9f7ff,#f0efff); color: #145c9d; box-shadow: 0 10px 24px rgba(40,120,255,.12); }
.review-filters button:hover,.review-filters button:focus-visible { transform: translateY(-2px); border-color: rgba(40,120,255,.32); color: #135f9f; }
.review-status { flex: 0 0 auto; padding: 9px 12px; border-radius: 999px; background: #edf6ff; color: #52728b; font-size: 11px; font-weight: 750; white-space: nowrap; }
.review-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; align-items: stretch; }
.home-light .review-browser .review-card { --review-accent: 40,120,255; flex: none; min-width: 0; min-height: 322px; padding: 24px; border-color: rgba(38,76,118,.14); background: radial-gradient(circle at var(--card-x,50%) var(--card-y,50%),rgba(var(--review-accent),.12),transparent 38%),linear-gradient(145deg,rgba(255,255,255,.98),rgba(243,248,253,.95)); box-shadow: 0 18px 48px rgba(31,66,105,.09),0 0 36px rgba(var(--review-accent),.055),inset 0 1px 0 #fff; backdrop-filter: blur(18px); }
.home-light .review-browser .review-card:nth-child(3n+2) { --review-accent: 20,169,199; }
.home-light .review-browser .review-card:nth-child(3n+3) { --review-accent: 120,89,246; }
.home-light .review-browser .review-card::before { background: linear-gradient(125deg,rgba(20,169,199,.08),transparent 36%,transparent 66%,rgba(120,89,246,.08)); }
.home-light .review-browser .review-card[hidden] { display: none; }
.review-card-head { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.review-platform { display: inline-flex; align-items: center; gap: 7px; color: #6b7f92; font-size: 10px; font-weight: 820; letter-spacing: 0; text-transform: uppercase; }
.review-platform i { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 8px; background: #eef3f8; color: #445f78; font-size: 10px; font-style: normal; }
.review-platform-google i { background: linear-gradient(135deg,#4285f4,#34a853); color: #fff; }
.review-platform-trustpilot i { background: #00b67a; color: #fff; }
.review-topic { position: relative; margin: 19px 0 10px; color: #2876b9; font-size: 10px; font-weight: 850; letter-spacing: 0; text-transform: uppercase; }
.home-light .review-browser .review-card blockquote { color: #435f76; font-size: 14px; line-height: 1.68; }
.review-detail { position: relative; display: inline-flex; align-items: center; gap: 7px; margin-top: 14px; color: #2872af; font-size: 10px; font-weight: 800; }
.review-detail::after { content: "↗"; }
.home-light .review-browser .review-author { justify-content: flex-start; align-items: center; margin-top: 20px; border-color: rgba(38,76,118,.12); }
.review-avatar { position: relative; display: grid; flex: 0 0 38px; width: 38px; height: 38px; place-items: center; border: 1px solid rgba(var(--review-accent),.19); border-radius: 13px; background: rgba(var(--review-accent),.09); color: rgb(var(--review-accent)); font-size: 11px; font-weight: 900; letter-spacing: 0; }
.home-light .review-browser .review-author > div { display: grid; gap: 4px; }
.home-light .review-browser .review-author strong { color: #193b59; font-size: 12px; }
.home-light .review-browser .review-author small { color: #788b9d; font-size: 10px; }
.review-footer { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 30px; margin-top: 30px; padding: 24px; border: 1px solid rgba(38,76,118,.12); border-radius: 22px; background: rgba(255,255,255,.76); box-shadow: 0 16px 42px rgba(31,66,105,.07); }
.home-light .review-browser .reviews-disclaimer { max-width: none; margin: 0; color: #6b8094; text-align: left; }
.review-actions { display: flex; align-items: center; gap: 10px; }
.review-actions .button { white-space: nowrap; }
@media (hover:hover) and (pointer:fine) {
  .home-light .review-browser .review-card:hover { border-color: rgba(var(--review-accent),.3); background: radial-gradient(circle at var(--card-x,50%) var(--card-y,50%),rgba(var(--review-accent),.15),transparent 42%),#fff; box-shadow: 0 28px 72px rgba(31,66,105,.14),0 0 50px rgba(var(--review-accent),.08),inset 0 1px 0 #fff; }
}
@media (hover: hover) and (pointer: fine) {
  .review-card:hover {
    z-index: 3;
    border-color: rgba(76,231,255,.42);
    background: linear-gradient(145deg, rgba(18,27,48,.42), rgba(6,10,20,.48));
    box-shadow: 0 28px 70px rgba(0,0,0,.42), 0 0 45px rgba(76,231,255,.08), inset 0 1px 0 rgba(255,255,255,.12);
    transform: translateY(-8px) scale(1.012);
    backdrop-filter: blur(25px) saturate(1.35);
  }
  .review-card:hover::before { opacity: 1; }
}

.grid { display: grid; gap: 18px; }
.grid.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid.three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.grid.four { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.glass-card,
.service-card,
.program-card,
.industry-card,
.identity-card,
.quote-card {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: radial-gradient(circle at var(--card-x,50%) var(--card-y,50%),rgba(82,244,255,.055),transparent 34%),linear-gradient(150deg, rgba(15,22,41,.78), rgba(6,9,18,.84));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
  transition: transform 200ms ease, border-color 200ms ease, background 200ms ease;
}

.glass-card:hover,
.service-card:hover,
.program-card:hover,
.industry-card:hover { transform: translateY(-5px); border-color: rgba(76,231,255,.35); background: linear-gradient(150deg,rgba(21,32,57,.58),rgba(7,11,23,.66)); box-shadow: 0 24px 65px rgba(0,0,0,.34),0 0 36px rgba(82,244,255,.055),inset 0 1px 0 rgba(255,255,255,.09); backdrop-filter: blur(22px) saturate(1.25); }

.glass-card { padding: 27px; }
.card-index { margin-bottom: 28px; color: var(--quiet); font-size: 12px; font-weight: 800; letter-spacing: 0; }
.card-icon { display: grid; width: 42px; height: 42px; margin-bottom: 24px; place-items: center; border: 1px solid var(--line-bright); border-radius: 13px; background: rgba(76,231,255,.06); color: var(--cyan); font-size: 18px; }
.card-link { display: inline-flex; align-items: center; gap: 9px; margin-top: 12px; color: #edf3ff; font-size: 13px; font-weight: 780; }
.card-link span { color: var(--cyan); }

.stack-layout { display: grid; grid-template-columns: minmax(0,.85fr) minmax(360px,1.15fr); gap: 54px; align-items: start; }
.stack-list { display: grid; gap: 9px; }
.stack-button {
  display: grid;
  grid-template-columns: 48px 1fr auto;
  align-items: center;
  gap: 14px;
  min-height: 70px;
  padding: 15px 17px;
  border: 1px solid transparent;
  border-radius: 15px;
  background: transparent;
  color: #a5afc3;
  text-align: left;
  cursor: pointer;
}
.stack-button:hover,
.stack-button[aria-selected="true"] { border-color: var(--line); background: rgba(255,255,255,.035); color: #fff; }
.stack-button .num { color: var(--quiet); font-size: 12px; font-weight: 800; letter-spacing: 0; }
.stack-button strong { font-size: 16px; }
.stack-button .mark { color: var(--cyan); font-size: 18px; }
.stack-visual { position: sticky; top: 110px; min-height: 450px; padding: 31px; }
.stack-visual::before { position: absolute; inset: 20px; border: 1px solid rgba(121,153,226,.08); border-radius: 18px; content: ""; background-image: linear-gradient(rgba(120,151,225,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(120,151,225,.06) 1px, transparent 1px); background-size: 28px 28px; }
.stack-stage { position: relative; z-index: 1; display: grid; min-height: 386px; place-items: center; }
.stack-panel { width: min(100%, 470px); }
.stack-panel .kicker { color: var(--cyan); }
.stack-panel h3 { font-size: 2rem; }
.stack-flow { display: grid; grid-template-columns: repeat(5,1fr); align-items: center; gap: 8px; margin-top: 34px; }
.stack-flow span { position: relative; display: grid; min-height: 58px; place-items: center; border: 1px solid var(--line); border-radius: 10px; background: rgba(5,9,18,.82); color: #bac5d9; font-size: 11px; font-weight: 800; letter-spacing: 0; text-transform: uppercase; }
.stack-flow span + span::before { position: absolute; left: -9px; width: 9px; height: 1px; content: ""; background: linear-gradient(90deg,var(--blue),var(--cyan)); }

.ai-services-section {
  border-bottom: 1px solid var(--line);
  background:
    radial-gradient(circle at 10% 18%, rgba(76,231,255,.08), transparent 26rem),
    radial-gradient(circle at 88% 12%, rgba(255,88,207,.09), transparent 30rem),
    linear-gradient(180deg, rgba(9,14,27,.62), rgba(5,8,16,.9));
}

.ai-showcase {
  display: grid;
  grid-template-columns: minmax(0,.78fr) minmax(520px,1.22fr);
  gap: clamp(38px,5vw,70px);
  align-items: center;
  padding: clamp(30px,4vw,48px);
  border: 1px solid rgba(118,160,255,.24);
  border-radius: 32px;
  overflow: hidden;
  background:
    linear-gradient(145deg, rgba(16,24,46,.92), rgba(6,9,18,.96)),
    var(--panel);
  box-shadow: var(--shadow), inset 0 1px 0 rgba(255,255,255,.05);
}

.ai-showcase-copy h2 { font-size: 1.95rem; }
.ai-showcase-copy .lede { font-size: 17px; }
.ai-showcase-stats { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin-top: 28px; }
.ai-showcase-stats div { min-height: 116px; padding: 18px; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,.025); }
.ai-showcase-stats strong { display: block; margin-bottom: 8px; color: #fff; font-size: 1.25rem; letter-spacing: 0; line-height: 1.08; }
.ai-showcase-stats span { display: block; color: #9eabc1; font-size: 12px; line-height: 1.45; }

.ai-capability-map { position: relative; padding: 18px; border: 1px solid var(--line); border-radius: 26px; background: rgba(2,6,14,.58); }
.ai-capability-map::before { position: absolute; inset: 0; content: ""; pointer-events: none; background-image: linear-gradient(rgba(120,151,225,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(120,151,225,.055) 1px, transparent 1px); background-size: 28px 28px; mask-image: linear-gradient(to bottom,#000,transparent); }
.ai-map-brand { position: relative; z-index: 1; display: flex; align-items: center; gap: 14px; margin: 2px 2px 16px; padding: 12px 14px; border: 1px solid rgba(76,231,255,.22); border-radius: 16px; background: linear-gradient(90deg,rgba(76,231,255,.08),rgba(149,109,255,.07),rgba(255,88,207,.07)); }
.ai-map-brand img { width: 50px; height: 48px; object-fit: contain; filter: drop-shadow(0 0 15px rgba(76,231,255,.28)); }
.ai-map-brand span { color: #f2f7ff; font-size: 13px; font-weight: 820; letter-spacing: 0; text-transform: uppercase; }
.ai-pillar-grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.ai-pillar { display: grid; grid-template-columns: 36px 1fr; gap: 12px; min-height: 142px; padding: 17px; border: 1px solid var(--line); border-radius: 16px; background: rgba(10,15,29,.82); }
.ai-pillar > span { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid rgba(76,231,255,.25); border-radius: 10px; color: var(--cyan); font-size: 11px; font-weight: 850; }
.ai-pillar h3 { margin: 2px 0 8px; font-size: 17px; letter-spacing: 0; }
.ai-pillar p { margin: 0; color: #9faabd; font-size: 13px; line-height: 1.55; }

.capability-catalog { background: radial-gradient(circle at 50% 0%, rgba(79,124,255,.055), transparent 34rem); }

.service-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 24px; }
.filters { display: flex; flex-wrap: wrap; gap: 8px; }
.filter {
  min-height: 42px;
  padding: 8px 14px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(255,255,255,.025);
  color: #aeb8ca;
  cursor: pointer;
  font-size: 13px;
  font-weight: 760;
}
.filter[aria-pressed="true"] { border-color: var(--cyan); background: rgba(76,231,255,.1); color: #fff; }
.service-count { color: var(--quiet); font-size: 13px; white-space: nowrap; }
.service-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.service-card { display: flex; min-height: 340px; flex-direction: column; padding: 24px; }
.service-card[hidden] { display: none; }
.service-meta { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 26px; }
.service-category { color: var(--cyan); font-size: 11px; font-weight: 820; letter-spacing: 0; text-transform: uppercase; }
.service-price { color: #fff; font-size: 13px; font-weight: 820; white-space: nowrap; }
.service-card p { font-size: 15px; line-height: 1.65; }
.service-card ul { display: grid; gap: 8px; margin: auto 0 0; padding: 20px 0 0; border-top: 1px solid var(--line); list-style: none; }
.service-card li { position: relative; padding-left: 15px; color: #aeb8ca; font-size: 13px; line-height: 1.5; }
.service-card li::before { position: absolute; top: .65em; left: 0; width: 5px; height: 5px; border-radius: 50%; background: var(--violet); content: ""; }
.service-card .card-link { margin-top: 20px; }
.pricing-note { margin-top: 24px; max-width: 1040px; }

.program-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.program-card { padding: 27px; }
.program-card.featured { grid-column: 1 / -1; display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: 34px; border-color: rgba(255,88,207,.32); background: radial-gradient(circle at 12% 20%, rgba(255,88,207,.13), transparent 36%), linear-gradient(145deg, rgba(18,22,45,.95), rgba(6,9,18,.94)); }
.program-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.program-price { color: var(--cyan); font-size: 16px; font-weight: 850; white-space: nowrap; }
.program-card ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px 24px; margin: 22px 0 0; padding: 20px 0 0; border-top: 1px solid var(--line); list-style: none; }
.program-card li { position: relative; padding-left: 16px; color: #aab4c8; font-size: 13px; }
.program-card li::before { position: absolute; top: .65em; left: 0; width: 6px; height: 1px; background: var(--cyan); content: ""; }

.gov-band {
  overflow: hidden;
  padding: clamp(32px, 4.5vw, 56px);
  border: 1px solid rgba(76,231,255,.26);
  border-radius: 32px;
  background:
    radial-gradient(circle at 86% 18%, rgba(76,231,255,.13), transparent 30%),
    linear-gradient(140deg, rgba(9,17,32,.96), rgba(5,8,15,.96));
  box-shadow: var(--shadow);
}
.gov-band-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(320px,.85fr); align-items: center; gap: 56px; }
.id-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.id-cell { min-height: 105px; padding: 19px; border: 1px solid var(--line); border-radius: 15px; background: rgba(255,255,255,.025); }
.id-cell span { display: block; margin-bottom: 10px; color: var(--quiet); font-size: 11px; font-weight: 820; letter-spacing: 0; text-transform: uppercase; }
.id-cell strong { font-size: 17px; letter-spacing: 0; overflow-wrap: anywhere; }

.logo-rail { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; }
.logo-tile { display: grid; min-height: 180px; place-items: center; padding: 24px; background: rgba(255,255,255,.018); text-align: center; }
.logo-tile + .logo-tile { border-left: 1px solid var(--line); }
.logo-tile strong { display: block; max-width: 260px; font-size: 1.2rem; letter-spacing: 0; line-height: 1.2; }
.logo-tile span { display: block; margin-top: 12px; color: var(--quiet); font-size: 12px; font-weight: 800; letter-spacing: 0; text-transform: uppercase; }
.disclaimer { margin-top: 16px; color: var(--quiet); font-size: 13px; }

.metric-row { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; }
.metric { min-height: 138px; padding: 21px; background: rgba(255,255,255,.018); }
.metric + .metric { border-left: 1px solid var(--line); }
.metric strong { display: block; margin-bottom: 9px; font-size: 1.8rem; letter-spacing: 0; }
.metric span { color: var(--muted); font-size: 13px; line-height: 1.55; }

.page-hero { padding: clamp(52px,5.5vw,76px) 0 clamp(42px,4vw,58px); border-bottom: 1px solid var(--line); background: radial-gradient(circle at 78% 30%, rgba(149,109,255,.1), transparent 34rem); }
.page-hero h1 { max-width: 980px; }
.page-hero .lede { margin-bottom: 31px; }
.page-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.breadcrumbs { margin-bottom: 26px; color: var(--quiet); font-size: 12px; font-weight: 750; letter-spacing: 0; text-transform: uppercase; }
.breadcrumbs a:hover { color: var(--cyan); }

.company-story {
  overflow: hidden;
  background:
    radial-gradient(circle at 12% 18%,rgba(82,244,255,.09),transparent 28rem),
    radial-gradient(circle at 88% 72%,rgba(255,94,221,.1),transparent 30rem),
    linear-gradient(180deg,rgba(5,9,18,.96),rgba(8,13,25,.84));
}
.company-story-head { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(340px,.72fr); align-items: end; gap: clamp(30px,5vw,72px); margin-bottom: 38px; }
.company-story-head h2 { max-width: 820px; margin-bottom: 0; }
.company-story-head .lede { margin: 0; font-size: 16px; }
.story-line { position: relative; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 13px; }
.story-line::before { position: absolute; top: 35px; right: 8%; left: 8%; height: 2px; content: ""; background: linear-gradient(90deg,var(--cyan),var(--blue),var(--violet),var(--magenta)); opacity: .54; box-shadow: 0 0 18px rgba(82,244,255,.24); animation: story-flow 3.8s linear infinite; }
.story-step { position: relative; z-index: 1; min-height: 285px; padding: 18px 19px 23px; border: 1px solid rgba(138,179,255,.19); border-radius: 20px; background: linear-gradient(150deg,rgba(16,25,47,.76),rgba(6,9,18,.88)); box-shadow: inset 0 1px 0 rgba(255,255,255,.045); transition: transform 260ms ease,border-color 260ms ease,background 260ms ease,box-shadow 260ms ease; }
.story-step > span { display: grid; width: 58px; height: 36px; margin-bottom: 29px; place-items: center; border: 1px solid rgba(82,244,255,.34); border-radius: 999px; background: rgba(4,10,20,.94); color: var(--cyan); box-shadow: 0 0 21px rgba(82,244,255,.11); font-size: 11px; font-weight: 880; letter-spacing: 0; }
.story-step:nth-child(2) > span { color: #8eb5ff; border-color: rgba(93,140,255,.42); }
.story-step:nth-child(3) > span { color: #c3a6ff; border-color: rgba(164,124,255,.42); }
.story-step:nth-child(4) > span { color: #ff9ce9; border-color: rgba(255,94,221,.4); }
.story-step .kicker { margin-bottom: 8px; color: var(--quiet); font-size: 10px; }
.story-step h3 { margin-bottom: 10px; font-size: 18px; }
.story-step p:last-child { margin: 0; font-size: 13px; line-height: 1.66; }
.story-proof { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin-top: 14px; overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.018); }
.story-proof span { min-height: 84px; padding: 17px 19px; color: #a5b0c3; font-size: 12px; line-height: 1.45; }
.story-proof span + span { border-left: 1px solid var(--line); }
.story-proof b { display: block; margin-bottom: 5px; color: #f0f5ff; font-size: 13px; }
@media (hover:hover) and (pointer:fine) {
  .story-step:hover { border-color: rgba(82,244,255,.35); background: linear-gradient(150deg,rgba(22,37,67,.55),rgba(7,11,22,.68)); box-shadow: 0 24px 65px rgba(0,0,0,.28),0 0 35px rgba(82,244,255,.055),inset 0 1px 0 rgba(255,255,255,.09); transform: translateY(-7px); backdrop-filter: blur(20px); }
}

.speaking-proof {
  border-bottom: 1px solid var(--line);
  background:
    radial-gradient(circle at 8% 15%, rgba(82,244,255,.11), transparent 28rem),
    radial-gradient(circle at 92% 78%, rgba(255,94,221,.1), transparent 30rem),
    linear-gradient(180deg,rgba(8,13,25,.82),rgba(4,7,14,.92));
}
.speaking-head { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(300px,.8fr); align-items: end; gap: 40px; margin-bottom: 30px; }
.speaking-head h2 { max-width: 820px; margin-bottom: 0; font-size: 1.85rem; }
.speaking-head > p { margin: 0; font-size: 15px; line-height: 1.72; }
.speaking-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.speaking-card { position: relative; display: grid; grid-template-columns: 82px 1fr; gap: 22px; min-height: 260px; padding: 27px; overflow: hidden; border: 1px solid rgba(132,174,255,.22); border-radius: 24px; background: linear-gradient(145deg,rgba(17,27,50,.8),rgba(7,10,21,.88)); box-shadow: inset 0 1px 0 rgba(255,255,255,.045); }
.speaking-card::after { position: absolute; inset: auto -12% -48% 30%; height: 170px; border-radius: 50%; background: rgba(82,244,255,.1); filter: blur(55px); content: ""; pointer-events: none; }
.speaking-card:nth-child(2)::after { background: rgba(255,94,221,.12); }
.speaking-year { position: relative; z-index: 1; display: grid; width: 76px; height: 76px; place-items: center; border: 1px solid rgba(82,244,255,.34); border-radius: 22px; background: linear-gradient(145deg,rgba(82,244,255,.14),rgba(93,140,255,.08)); color: #effeff; font-size: 16px; font-weight: 850; letter-spacing: 0; box-shadow: 0 14px 38px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.09); }
.speaking-year.alt { border-color: rgba(255,94,221,.34); background: linear-gradient(145deg,rgba(164,124,255,.16),rgba(255,94,221,.09)); }
.speaking-card > div:last-child { position: relative; z-index: 1; }
.speaking-card .kicker { margin-bottom: 9px; color: var(--cyan); font-size: 12px; }
.speaking-card:nth-child(2) .kicker { color: #c4a8ff; }
.speaking-card h3 { max-width: 520px; margin-bottom: 12px; font-size: 1.25rem; }
.speaking-card p:not(.kicker) { margin-bottom: 18px; font-size: 15px; line-height: 1.68; }
.event-status, .event-link { display: inline-flex; min-height: 38px; align-items: center; padding: 8px 12px; border: 1px solid rgba(82,244,255,.2); border-radius: 999px; background: rgba(82,244,255,.055); color: #dffcff; font-size: 13px; font-weight: 760; }
.event-link { border-color: rgba(164,124,255,.26); background: rgba(164,124,255,.07); color: #ebe4ff; }
.event-link:hover { border-color: rgba(82,244,255,.42); color: #fff; }
.speaking-note { max-width: 980px; margin: 18px 0 0; color: var(--quiet); font-size: 12px; line-height: 1.6; }

.split { display: grid; grid-template-columns: minmax(0,.9fr) minmax(360px,1.1fr); gap: 48px; align-items: start; }
.sticky-copy { position: sticky; top: 116px; }
.feature-list { display: grid; gap: 12px; }
.feature-item { padding: 21px; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.022); }
.feature-item small { display: block; margin-bottom: 11px; color: var(--cyan); font-size: 11px; font-weight: 820; letter-spacing: 0; text-transform: uppercase; }
.feature-item p { margin-bottom: 0; font-size: 15px; }

.about-origin {
  border-top: 1px solid var(--line);
  background:
    radial-gradient(circle at 12% 20%, rgba(82,244,255,.08), transparent 28rem),
    radial-gradient(circle at 86% 70%, rgba(164,124,255,.08), transparent 30rem);
}
.about-origin-grid { display: grid; grid-template-columns: minmax(0,.88fr) minmax(440px,1.12fr); align-items: start; gap: clamp(38px,5vw,68px); }
.about-origin-copy > p:last-child { max-width: 690px; margin-bottom: 0; }
.experience-ledger { overflow: hidden; border: 1px solid var(--line); border-radius: 24px; background: linear-gradient(150deg,rgba(15,22,41,.78),rgba(6,9,18,.88)); box-shadow: inset 0 1px 0 rgba(255,255,255,.04); }
.experience-ledger article { display: grid; grid-template-columns: 48px 1fr; gap: 18px; padding: 24px; }
.experience-ledger article + article { border-top: 1px solid var(--line); }
.experience-ledger article > span { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid rgba(82,244,255,.24); border-radius: 13px; background: rgba(82,244,255,.055); color: var(--cyan); font-size: 11px; font-weight: 850; letter-spacing: 0; }
.experience-ledger h3 { margin: 1px 0 7px; font-size: 18px; }
.experience-ledger p { margin: 0; font-size: 14px; line-height: 1.65; }

.leadership-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.leader-card {
  position: relative;
  overflow: hidden;
  display: flex;
  min-height: 100%;
  flex-direction: column;
  padding: clamp(24px,2.8vw,34px);
  border: 1px solid var(--line);
  border-radius: 28px;
  background:
    radial-gradient(circle at 12% 0%, rgba(76,231,255,.09), transparent 31%),
    linear-gradient(150deg, rgba(15,22,41,.9), rgba(6,9,18,.92));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 22px 70px rgba(0,0,0,.2);
}
.leader-card:nth-child(2) { background: radial-gradient(circle at 88% 0%, rgba(149,109,255,.12), transparent 33%), linear-gradient(150deg, rgba(15,22,41,.9), rgba(6,9,18,.92)); }
.leader-card::before { position: absolute; top: 0; right: 0; left: 0; height: 3px; content: ""; background: linear-gradient(90deg,var(--blue),var(--cyan)); }
.leader-card:nth-child(2)::before { background: linear-gradient(90deg,var(--violet),var(--magenta)); }
.leader-heading { display: grid; grid-template-columns: 64px 1fr; align-items: center; gap: 18px; }
.leader-mark { display: grid; width: 64px; height: 64px; place-items: center; border: 1px solid rgba(76,231,255,.32); border-radius: 19px; background: linear-gradient(145deg,rgba(76,231,255,.15),rgba(47,114,255,.08)); color: #effdff; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 12px 36px rgba(0,0,0,.24); font-size: 18px; font-weight: 850; letter-spacing: 0; }
.leader-mark.alt { border-color: rgba(149,109,255,.36); background: linear-gradient(145deg,rgba(149,109,255,.17),rgba(255,88,207,.08)); }
.leader-role { margin: 0 0 7px; color: var(--cyan); font-size: 11px; font-weight: 830; letter-spacing: 0; text-transform: uppercase; }
.leader-card:nth-child(2) .leader-role { color: #bda6ff; }
.leader-heading h3 { margin: 0; font-size: 1.55rem; }
.leader-heading h3 span { color: #8f9bb0; font-family: var(--font-sans); font-size: .44em; font-weight: 750; letter-spacing: 0; white-space: nowrap; }
.leader-bio { margin: 22px 0 0; padding-bottom: 22px; border-bottom: 1px solid var(--line); color: #b3bdd0; font-size: 15px; line-height: 1.74; }
.leader-details { padding-top: 22px; }
.leader-details .kicker { margin-bottom: 17px; color: var(--quiet); }
.credential-stack { display: grid; gap: 10px; }
.credential-item { padding: 15px 16px; border: 1px solid var(--line); border-radius: 15px; background: rgba(255,255,255,.023); }
.credential-item span { display: block; margin-bottom: 5px; color: var(--quiet); font-size: 11px; font-weight: 820; letter-spacing: 0; text-transform: uppercase; }
.credential-item strong { display: flex; align-items: center; justify-content: space-between; gap: 14px; color: #f2f5fb; font-size: 14px; line-height: 1.45; }
.credential-item em { padding: 5px 8px; border: 1px solid rgba(76,231,255,.2); border-radius: 999px; color: var(--cyan); font-size: 10px; font-style: normal; font-weight: 830; letter-spacing: 0; text-transform: uppercase; white-space: nowrap; }
.leader-card:nth-child(2) .credential-item em { border-color: rgba(149,109,255,.28); color: #bda6ff; }
.credential-item small { display: block; margin-top: 7px; color: #8c97aa; font-size: 12px; }
.credential-item.featured { border-color: rgba(149,109,255,.27); background: rgba(149,109,255,.07); }
.leader-tags { display: flex; flex-wrap: wrap; gap: 7px; margin-top: auto; padding-top: 25px; }
.leader-tags span { padding: 7px 10px; border: 1px solid var(--line); border-radius: 999px; background: rgba(255,255,255,.02); color: #9faabd; font-size: 11px; font-weight: 730; }
.leadership-note { max-width: 880px; margin: 22px auto 0; color: var(--quiet); font-size: 12px; text-align: center; }

.timeline { display: grid; gap: 0; }
.timeline-item { position: relative; display: grid; grid-template-columns: 62px 1fr; gap: 22px; padding-bottom: 38px; }
.timeline-item:not(:last-child)::after { position: absolute; top: 33px; bottom: 0; left: 25px; width: 1px; content: ""; background: linear-gradient(var(--cyan),var(--violet)); opacity: .4; }
.timeline-num { display: grid; width: 50px; height: 50px; place-items: center; border: 1px solid var(--line-bright); border-radius: 50%; background: rgba(76,231,255,.06); color: var(--cyan); font-size: 12px; font-weight: 850; }
.timeline-item p { margin-bottom: 0; }

.table-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: var(--radius); }
.cap-table { width: 100%; min-width: 760px; border-collapse: collapse; background: rgba(255,255,255,.014); }
.cap-table th, .cap-table td { padding: 20px 22px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.cap-table th { color: var(--quiet); font-size: 12px; letter-spacing: 0; text-transform: uppercase; }
.cap-table td { color: #aab5c9; font-size: 14px; }
.cap-table td:first-child { color: #fff; font-weight: 760; }
.cap-table tr:last-child td { border-bottom: 0; }

.identity-card { padding: 30px; }
.identity-list { display: grid; gap: 0; margin: 0; }
.identity-row { display: grid; grid-template-columns: 160px 1fr; gap: 20px; padding: 16px 0; border-bottom: 1px solid var(--line); }
.identity-row:last-child { border-bottom: 0; }
.identity-row dt { color: var(--quiet); font-size: 12px; font-weight: 820; letter-spacing: 0; text-transform: uppercase; }
.identity-row dd { margin: 0; color: #edf2ff; font-weight: 650; overflow-wrap: anywhere; }

.capability-document-section { background: radial-gradient(circle at 50% 10%, rgba(76,231,255,.07), transparent 38rem); }
.capability-document-shell { max-width: 980px; margin-inline: auto; padding: clamp(18px,3vw,28px); border: 1px solid var(--line); border-radius: 30px; background: linear-gradient(145deg, rgba(14,21,40,.88), rgba(5,8,16,.96)); box-shadow: var(--shadow); }
.capability-document-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-bottom: 18px; }
.capability-document-toolbar h2 { margin: 0; font-size: 1.45rem; }
.capability-document-toolbar .eyebrow { margin-bottom: 8px; }
.capability-document-actions { display: flex; flex: 0 0 auto; flex-wrap: wrap; gap: 10px; }
.capability-document-actions .button { min-height: 44px; padding: 10px 16px; }
.capability-document-preview { display: block; overflow: hidden; border: 1px solid rgba(255,255,255,.16); border-radius: 18px; background: #fff; box-shadow: 0 26px 80px rgba(0,0,0,.34); transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }
.capability-document-preview:hover { transform: translateY(-3px); border-color: rgba(76,231,255,.62); box-shadow: 0 30px 90px rgba(0,0,0,.42), 0 0 34px rgba(76,231,255,.08); }
.capability-document-preview:focus-visible { outline: 3px solid var(--cyan); outline-offset: 5px; }
.capability-document-preview img { display: block; width: 100%; height: auto; }
.capability-document-note { margin: 16px 2px 0; color: var(--quiet); font-size: 13px; text-align: center; }

.contact-block { padding: clamp(32px,5vw,56px); border: 1px solid var(--line); border-radius: 32px; background: radial-gradient(circle at 90% 15%, rgba(255,88,207,.12), transparent 30%), linear-gradient(145deg, rgba(14,21,40,.9), rgba(5,8,16,.94)); box-shadow: var(--shadow); }
.contact-layout { display: grid; grid-template-columns: minmax(0,.76fr) minmax(400px,1.24fr); gap: 58px; }
.contact-details { display: grid; gap: 12px; margin-top: 28px; }
.contact-detail { display: flex; align-items: center; gap: 12px; color: #c9d2e4; font-size: 15px; }
.contact-detail span { display: grid; width: 36px; height: 36px; place-items: center; border: 1px solid var(--line); border-radius: 50%; color: var(--cyan); }
.form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px; }
.field { display: grid; gap: 8px; }
.field.full { grid-column: 1 / -1; }
.field label { color: #d8deeb; font-size: 13px; font-weight: 750; }
.field input, .field select, .field textarea {
  width: 100%;
  min-height: 50px;
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: 12px;
  outline: none;
  background: rgba(2,5,12,.65);
  color: #fff;
  transition: border-color 180ms ease, box-shadow 180ms ease;
}
.field textarea { min-height: 126px; resize: vertical; }
.field input:focus, .field select:focus, .field textarea:focus { border-color: var(--cyan); box-shadow: 0 0 0 3px rgba(76,231,255,.08); }
.field select { appearance: none; background-image: linear-gradient(45deg, transparent 50%, #92a0b9 50%), linear-gradient(135deg, #92a0b9 50%, transparent 50%); background-position: calc(100% - 18px) 21px, calc(100% - 13px) 21px; background-size: 5px 5px; background-repeat: no-repeat; }
.form-actions { display: flex; align-items: center; gap: 14px; margin-top: 8px; }
.form-status { min-height: 20px; color: var(--muted); font-size: 13px; }
.honeypot { position: absolute !important; left: -9999px !important; }

.cta-band { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 32px; padding: clamp(34px,5vw,58px); border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(135deg, rgba(79,124,255,.13), rgba(149,109,255,.08) 52%, rgba(255,88,207,.11)); }
.cta-band h2 { max-width: 760px; margin-bottom: 0; font-size: 2.1rem; }

.portfolio-showcase {
  overflow: hidden;
  border-block: 1px solid rgba(125, 157, 224, .14);
  background:
    radial-gradient(circle at 14% 20%, rgba(82,244,255,.075), transparent 34rem),
    radial-gradient(circle at 90% 76%, rgba(255,94,221,.07), transparent 32rem),
    linear-gradient(180deg, rgba(4,7,14,.96), rgba(7,10,20,.94));
}
.portfolio-aurora { position: absolute; inset: -40% 5% auto; height: 65%; pointer-events: none; background: conic-gradient(from 110deg, transparent, rgba(82,244,255,.11), rgba(164,124,255,.1), rgba(255,94,221,.09), transparent); filter: blur(95px); animation: portfolio-aurora 20s linear infinite; }
.portfolio-dashboard { --portfolio-accent: #52f4ff; --portfolio-accent-rgb: 82,244,255; position: relative; overflow: hidden; border: 1px solid rgba(128,224,255,.28); border-radius: 28px; background: linear-gradient(155deg, rgba(12,20,38,.97), rgba(5,8,17,.98) 58%, rgba(9,8,24,.96)); box-shadow: 0 40px 110px rgba(0,0,0,.48), 0 0 0 1px rgba(255,255,255,.025) inset; transition: border-color .4s ease, box-shadow .4s ease; }
.portfolio-dashboard::before { position: absolute; inset: 0; content: ""; pointer-events: none; background: linear-gradient(110deg, transparent 22%, rgba(var(--portfolio-accent-rgb),.055) 46%, transparent 68%); transform: translateX(-100%); animation: portfolio-sheen 8s ease-in-out infinite; }
.portfolio-topbar { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 18px 20px; border-bottom: 1px solid var(--line); background: rgba(3,6,13,.78); backdrop-filter: blur(18px); }
.portfolio-product { display: flex; align-items: center; gap: 18px; min-width: 0; }
.portfolio-product > strong { color: #dbe6fb; font-size: 12px; letter-spacing: 0; text-transform: uppercase; white-space: nowrap; }
.portfolio-live { display: inline-flex; align-items: center; gap: 8px; padding: 7px 10px; border: 1px solid rgba(var(--portfolio-accent-rgb),.25); border-radius: 999px; background: rgba(var(--portfolio-accent-rgb),.075); color: var(--portfolio-accent); font-size: 10px; font-weight: 820; letter-spacing: 0; text-transform: uppercase; white-space: nowrap; }
.portfolio-live i, .portfolio-foot i { width: 7px; height: 7px; border-radius: 50%; background: var(--portfolio-accent); box-shadow: 0 0 12px var(--portfolio-accent); animation: portfolio-status 2.2s ease-in-out infinite; }
.portfolio-tabs { display: inline-flex; gap: 4px; padding: 4px; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.026); }
.portfolio-tabs button { min-height: 38px; padding: 7px 14px; border: 0; border-radius: 9px; background: transparent; color: #8f9ab2; font-size: 12px; font-weight: 760; cursor: pointer; transition: color .2s ease, background .2s ease, box-shadow .2s ease; }
.portfolio-tabs button[aria-selected="true"] { background: rgba(var(--portfolio-accent-rgb),.13); color: #fff; box-shadow: 0 0 24px rgba(var(--portfolio-accent-rgb),.1); }
.portfolio-context { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: 28px; padding: 30px 30px 22px; }
.portfolio-context h3 { margin: 6px 0 5px; font-size: 1.45rem; letter-spacing: 0; }
.portfolio-context > div:first-child > p:last-child { max-width: 720px; margin: 0; color: #98a5bd; }
.portfolio-sample-note { padding: 12px 14px; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.024); text-align: right; }
.portfolio-sample-note strong, .portfolio-sample-note span { display: block; }
.portfolio-sample-note strong { color: #dfe7f6; font-size: 12px; }
.portfolio-sample-note span { margin-top: 3px; color: #78869f; font-size: 11px; }
.portfolio-kpis { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; padding: 0 30px 14px; }
.portfolio-kpis article, .portfolio-panel { border: 1px solid rgba(148,173,225,.16); background: linear-gradient(150deg, rgba(18,27,48,.82), rgba(7,11,21,.86)); box-shadow: 0 16px 42px rgba(0,0,0,.18); }
.portfolio-kpis article { min-height: 142px; padding: 18px; border-radius: 17px; transition: transform .28s ease, border-color .28s ease, background .28s ease; }
.portfolio-kpis article > div { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.portfolio-kpis article span { color: #9ba8c0; font-size: 12px; font-weight: 700; }
.portfolio-kpis article i { display: grid; width: 29px; height: 29px; place-items: center; border: 1px solid rgba(var(--portfolio-accent-rgb),.22); border-radius: 9px; background: rgba(var(--portfolio-accent-rgb),.075); color: var(--portfolio-accent); font-size: 14px; font-style: normal; }
.portfolio-kpis article > strong { display: block; margin-top: 16px; color: #fff; font-size: 1.65rem; line-height: 1; letter-spacing: 0; }
.portfolio-kpis article > p { margin: 11px 0 0; color: #77849c; font-size: 11px; }
.portfolio-kpis article > p b { color: var(--portfolio-accent); font-weight: 800; }
.portfolio-main-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,1.65fr) minmax(280px,.85fr); gap: 12px; padding: 0 30px 12px; }
.portfolio-lower-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,1.25fr) minmax(300px,.75fr); gap: 12px; padding: 0 30px 26px; }
.portfolio-panel { overflow: hidden; padding: 19px; border-radius: 17px; }
.portfolio-panel-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 15px; }
.portfolio-panel-head h4, .portfolio-insight h4 { margin: 0; color: #f7f9ff; font-size: 14px; letter-spacing: 0; }
.portfolio-panel-head p { margin: 3px 0 0; color: #77849c; font-size: 11px; }
.portfolio-legend { display: flex; gap: 12px; color: #8591a8; font-size: 10px; white-space: nowrap; }
.portfolio-legend span { display: inline-flex; align-items: center; gap: 6px; }
.portfolio-legend i { width: 17px; height: 2px; background: var(--portfolio-accent); box-shadow: 0 0 8px rgba(var(--portfolio-accent-rgb),.6); }
.portfolio-legend .prior i { background: #59657c; box-shadow: none; }
.portfolio-chart { height: 250px; }
.portfolio-chart svg { width: 100%; height: 100%; overflow: visible; }
.portfolio-gridlines path { fill: none; stroke: rgba(145,169,215,.115); stroke-width: 1; }
.portfolio-area { fill: url(#portfolioArea); transition: d .55s ease; }
.portfolio-line { fill: none; stroke: var(--portfolio-accent); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 0 7px rgba(var(--portfolio-accent-rgb),.62)); transition: d .55s cubic-bezier(.2,.7,.2,1), stroke-dashoffset .85s ease; }
.portfolio-line.prior { stroke: #59657c; stroke-width: 2; stroke-dasharray: 6 8; filter: none; opacity: .65; }
.portfolio-points circle { fill: #08101d; stroke: var(--portfolio-accent); stroke-width: 2.5; filter: drop-shadow(0 0 5px rgba(var(--portfolio-accent-rgb),.8)); }
.portfolio-axis text { fill: #6f7d96; font-size: 10px; text-anchor: middle; }
.portfolio-ai-chip { padding: 5px 8px; border: 1px solid rgba(var(--portfolio-accent-rgb),.25); border-radius: 999px; color: var(--portfolio-accent); font-size: 8px; font-weight: 850; letter-spacing: 0; }
.portfolio-benchmarks { display: grid; gap: 13px; }
.portfolio-benchmarks > div > p { display: flex; justify-content: space-between; gap: 16px; margin: 0 0 6px; color: #a2aec3; font-size: 11px; }
.portfolio-benchmarks > div > p strong { color: #eef4ff; }
.portfolio-benchmarks > div > i { display: block; overflow: hidden; height: 5px; border-radius: 99px; background: rgba(255,255,255,.06); }
.portfolio-benchmarks > div > i > b { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--portfolio-accent), var(--violet)); box-shadow: 0 0 9px rgba(var(--portfolio-accent-rgb),.4); transition: width .7s cubic-bezier(.2,.7,.2,1); }
.portfolio-callout { display: grid; grid-template-columns: 10px 1fr; gap: 10px; margin-top: 18px; padding: 12px; border: 1px solid rgba(var(--portfolio-accent-rgb),.16); border-radius: 12px; background: rgba(var(--portfolio-accent-rgb),.05); }
.portfolio-callout > i { width: 7px; height: 7px; margin-top: 7px; border-radius: 50%; background: var(--portfolio-accent); box-shadow: 0 0 10px var(--portfolio-accent); }
.portfolio-callout p { margin: 0; color: #8390a7; font-size: 10px; }
.portfolio-callout strong { display: block; color: #d9e4f7; }
.portfolio-signals > div:last-child { display: grid; gap: 8px; }
.portfolio-signals > div:last-child > div { display: grid; grid-template-columns: 42px 1fr auto; align-items: center; gap: 11px; padding: 9px 0; border-top: 1px solid rgba(148,173,225,.1); }
.portfolio-signals > div:last-child > div:first-child { border-top: 0; }
.portfolio-signals div > span { display: grid; height: 31px; place-items: center; border: 1px solid rgba(var(--portfolio-accent-rgb),.2); border-radius: 9px; background: rgba(var(--portfolio-accent-rgb),.06); color: var(--portfolio-accent); font-size: 8px; font-weight: 850; letter-spacing: 0; }
.portfolio-signals p { margin: 0; line-height: 1.25; }
.portfolio-signals p strong, .portfolio-signals p small { display: block; }
.portfolio-signals p strong { color: #dfe8f8; font-size: 11px; }
.portfolio-signals p small { margin-top: 4px; color: #748199; font-size: 9px; }
.portfolio-signals div > b { color: var(--portfolio-accent); font-size: 11px; }
.portfolio-insight { position: relative; display: flex; min-height: 100%; flex-direction: column; background: radial-gradient(circle at 12% 12%, rgba(var(--portfolio-accent-rgb),.1), transparent 55%), linear-gradient(150deg, rgba(18,27,48,.82), rgba(7,11,21,.9)); }
.portfolio-insight::after { position: absolute; right: -45px; bottom: -60px; width: 160px; aspect-ratio: 1; content: ""; border: 1px solid rgba(var(--portfolio-accent-rgb),.13); border-radius: 50%; box-shadow: 0 0 40px rgba(var(--portfolio-accent-rgb),.08) inset; }
.portfolio-insight-head { position: relative; z-index: 1; display: flex; align-items: center; gap: 12px; }
.portfolio-insight-head > span { display: grid; width: 38px; height: 38px; flex: 0 0 auto; place-items: center; border: 1px solid rgba(var(--portfolio-accent-rgb),.3); border-radius: 12px; background: rgba(var(--portfolio-accent-rgb),.09); color: var(--portfolio-accent); box-shadow: 0 0 22px rgba(var(--portfolio-accent-rgb),.12); }
.portfolio-insight-head .kicker { margin: 0 0 3px; font-size: 8px; }
.portfolio-insight > p { position: relative; z-index: 1; margin: 17px 0 20px; color: #929fb5; font-size: 12px; line-height: 1.65; }
.portfolio-guardrail { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 8px; margin-top: auto; }
.portfolio-guardrail span { padding: 5px 8px; border: 1px solid var(--line); border-radius: 99px; color: #8895aa; font-size: 8px; font-weight: 760; letter-spacing: 0; text-transform: uppercase; }
.portfolio-guardrail span:first-child { border-color: rgba(var(--portfolio-accent-rgb),.22); color: var(--portfolio-accent); }
.portfolio-foot { position: relative; z-index: 1; display: flex; justify-content: space-between; gap: 20px; padding: 15px 30px; border-top: 1px solid var(--line); background: rgba(3,6,13,.72); color: #75829a; font-size: 10px; font-weight: 730; letter-spacing: 0; text-transform: uppercase; }
.portfolio-foot span:first-child { display: inline-flex; align-items: center; gap: 8px; color: #a7b6ce; }
.portfolio-caption { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 28px; margin-top: 20px; padding: 0 4px; }
.portfolio-caption p { max-width: 880px; margin: 0; color: #7f8ba1; font-size: 13px; }
.portfolio-caption strong { color: #b9c5d9; }
@media (hover:hover) and (pointer:fine) {
  .portfolio-tabs button:hover { color: #fff; background: rgba(255,255,255,.055); }
  .portfolio-kpis article:hover { transform: translateY(-3px); border-color: rgba(var(--portfolio-accent-rgb),.3); background: linear-gradient(150deg, rgba(23,34,59,.9), rgba(8,12,23,.9)); }
}

.pulsar-app-dock { position:relative; z-index:8; overflow:hidden; border-top:1px solid rgba(55,102,147,.08); border-bottom:1px solid rgba(55,102,147,.13); background:linear-gradient(90deg,rgba(246,252,255,.97),rgba(242,246,255,.97) 56%,rgba(249,244,255,.97)); box-shadow:0 14px 40px rgba(31,66,105,.08); }
.pulsar-app-dock::before { position:absolute; inset:0; background:radial-gradient(circle at 12% 50%,rgba(34,197,226,.12),transparent 20rem),radial-gradient(circle at 86% 50%,rgba(139,86,240,.1),transparent 21rem); content:""; pointer-events:none; }
.pulsar-dock-shell { position:relative; display:grid; width:min(calc(100% - 42px),1420px); min-height:104px; align-items:center; grid-template-columns:auto minmax(0,1fr) auto; gap:22px; margin:auto; }
.pulsar-dock-brand { display:grid; min-width:194px; gap:2px; color:#1a3c58; text-decoration:none; }
.pulsar-dock-brand span { color:#237aa8; font:850 8px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing: 0; }
.pulsar-dock-brand strong { font-size:1.02rem; letter-spacing: 0; }.pulsar-dock-brand small { color:#7890a3; font-size:9px; font-weight:700; }
.pulsar-dock-viewport { min-width:0; overflow:hidden; padding:9px 0; outline:none; mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent); }
.pulsar-dock-viewport:focus-visible { border-radius:18px; box-shadow:0 0 0 3px rgba(42,124,235,.14); }
.pulsar-dock-track { display:flex; width:max-content; align-items:center; gap:12px; animation:pulsar-dock-flow 58s linear infinite; will-change:transform; }
.pulsar-dock-repeat { display:flex; align-items:center; gap:12px; }
.pulsar-app-dock:hover .pulsar-dock-track,.pulsar-app-dock:focus-within .pulsar-dock-track { animation-play-state:paused; }
.pulsar-dock-item { position:relative; display:grid; width:78px; min-height:76px; flex:0 0 auto; place-items:center; padding:7px 6px 6px; overflow:hidden; border:1px solid rgba(42,87,130,.11); border-radius:18px; color:#4f6a80; background:rgba(255,255,255,.78); box-shadow:0 10px 25px rgba(34,67,101,.07),inset 0 1px 0 #fff; text-decoration:none; transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease; }
.pulsar-dock-item::before { position:absolute; inset:auto 12px -13px; height:28px; border-radius:50%; background:rgba(64,192,237,.2); content:""; filter:blur(11px); }
.pulsar-dock-item img { position:relative; width:47px; height:47px; object-fit:contain; filter:drop-shadow(0 6px 8px rgba(20,48,76,.13)); }.pulsar-dock-item span { position:relative; max-width:100%; overflow:hidden; font-size:7px; font-weight:850; letter-spacing: 0; text-overflow:ellipsis; text-transform:uppercase; white-space:nowrap; }
.pulsar-dock-item:hover,.pulsar-dock-item:focus-visible { z-index:2; border-color:rgba(42,123,228,.3); box-shadow:0 16px 32px rgba(35,72,111,.14),0 0 25px rgba(58,195,237,.1); outline:none; transform:translateY(-4px) scale(1.04); }
.pulsar-dock-all { display:grid; min-width:112px; grid-template-columns:auto auto; align-items:center; column-gap:9px; padding:14px 16px; border:1px solid rgba(45,92,137,.13); border-radius:18px; color:#285875; background:rgba(255,255,255,.8); box-shadow:0 12px 28px rgba(31,66,105,.08); text-decoration:none; }.pulsar-dock-all b { grid-row:1/3; color:#2467d7; font-size:1.55rem; letter-spacing: 0; }.pulsar-dock-all span { font-size:9px; font-weight:900; letter-spacing: 0; text-transform:uppercase; }.pulsar-dock-all i { color:#7b5ae3; font-size:10px; font-style:normal; }
.pulsar-dock-all:hover,.pulsar-dock-all:focus-visible { border-color:rgba(42,123,228,.32); background:#fff; outline:none; }
@keyframes pulsar-dock-flow { to { transform:translateX(calc(-50% - 6px)); } }

.pulsar-family { position: relative; z-index: 2; overflow: hidden; padding: clamp(76px,9vw,128px) 0 clamp(72px,8vw,112px); border-top: 1px solid rgba(38,76,118,.1); background: linear-gradient(180deg,#f7fbff 0%,#edf6ff 48%,#f7f4ff 100%); color: #173451; isolation: isolate; }
.pulsar-family::before { position: absolute; inset: 0; z-index: -3; background-image: linear-gradient(rgba(31,91,139,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(31,91,139,.035) 1px,transparent 1px); background-size: 48px 48px; content: ""; mask-image: linear-gradient(to bottom,transparent,#000 17%,#000 82%,transparent); }
.pulsar-ambient { position: absolute; z-index: -2; width: 42rem; height: 42rem; border-radius: 50%; opacity: .52; filter: blur(90px); pointer-events: none; }
.pulsar-ambient-one { top: -18rem; left: -9rem; background: rgba(16,178,213,.28); animation: pulsar-ambient-drift 9s ease-in-out infinite alternate; }
.pulsar-ambient-two { right: -11rem; bottom: -19rem; background: rgba(128,82,244,.24); animation: pulsar-ambient-drift 11s ease-in-out -4s infinite alternate-reverse; }
.pulsar-family-shell { position: relative; }
.pulsar-family-header { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: clamp(34px,6vw,86px); margin-bottom: 34px; }
.pulsar-family-header > div:first-child { max-width: 870px; }
.pulsar-family .eyebrow { display: flex; align-items: center; gap: 10px; margin-bottom: 15px; color: #1674a8; }
.pulsar-family h2 { max-width: 820px; margin: 0; color: #122f4b; font-size: 2.35rem; line-height: .98; letter-spacing: 0; }
.pulsar-family-header p:last-child { max-width: 800px; margin: 24px 0 0; color: #5d7489; font-size: 1rem; line-height: 1.75; }
.pulsar-pulse { position: relative; width: 9px; height: 9px; border-radius: 50%; background: #10a7d0; box-shadow: 0 0 0 6px rgba(16,167,208,.1),0 0 24px rgba(16,167,208,.55); }
.pulsar-pulse::after { position: absolute; inset: -7px; border: 1px solid rgba(16,167,208,.35); border-radius: inherit; content: ""; animation: pulsar-ring 2.2s ease-out infinite; }
.pulsar-ownership { position: relative; display: grid; min-width: 252px; gap: 7px; padding: 25px 27px; overflow: hidden; border: 1px solid rgba(38,76,118,.13); border-radius: 24px; background: rgba(255,255,255,.75); box-shadow: 0 20px 52px rgba(31,66,105,.1),inset 0 1px 0 #fff; backdrop-filter: blur(16px); }
.pulsar-ownership::before { position: absolute; top: 0; right: 0; left: 0; height: 3px; background: linear-gradient(90deg,#10afd3,#3e81ff,#8359f5,#cb4bd7); content: ""; }
.pulsar-ownership span { color: #688097; font: 800 9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing: 0; }
.pulsar-ownership strong { color: #173b58; font-size: 1.18rem; letter-spacing: 0; }
.pulsar-ownership small { color: #7c8fa2; font-size: 11px; font-weight: 700; }
.pulsar-constellation { --pulsar-tilt-x:0deg; --pulsar-tilt-y:0deg; position:relative; min-height:440px; margin:10px 0 28px; overflow:hidden; border:1px solid rgba(43,89,135,.14); border-radius:36px; background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.98) 0 9%,rgba(86,209,255,.2) 19%,rgba(117,87,244,.13) 35%,transparent 61%),linear-gradient(145deg,rgba(255,255,255,.82),rgba(227,235,255,.66)); box-shadow:0 32px 90px rgba(39,69,117,.13),inset 0 1px 0 #fff,0 0 70px rgba(49,196,238,.08); transform:perspective(1400px) rotateY(var(--pulsar-tilt-y)) rotateX(var(--pulsar-tilt-x)); transform-style:preserve-3d; transition:transform .28s ease; }
.pulsar-carousel + .pulsar-constellation { margin-top:28px; }
.pulsar-constellation::before { position:absolute; inset:0; background:radial-gradient(circle at 20% 30%,rgba(53,197,232,.18),transparent 22%),radial-gradient(circle at 84% 72%,rgba(141,83,246,.16),transparent 25%); content:""; animation:pulsar-constellation-breathe 5.5s ease-in-out infinite alternate; }
.pulsar-constellation-grid { position:absolute; inset:0; opacity:.56; background-image:linear-gradient(rgba(48,102,154,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(48,102,154,.055) 1px,transparent 1px); background-size:42px 42px; mask-image:radial-gradient(circle at center,#000,transparent 74%); animation:pulsar-grid-drift 18s linear infinite; }
.pulsar-orbit { position:absolute; z-index:1; left:50%; top:48%; border:1px solid rgba(75,119,217,.2); border-radius:50%; box-shadow:0 0 26px rgba(56,168,237,.08),inset 0 0 18px rgba(255,255,255,.5); transform:translate(-50%,-50%); animation:pulsar-orbit-spin 19s linear infinite; }
.pulsar-orbit::before,.pulsar-orbit::after { position:absolute; width:8px; height:8px; border:2px solid #fff; border-radius:50%; background:#43cfe9; box-shadow:0 0 16px rgba(67,207,233,.84); content:""; }
.pulsar-orbit::before { top:11%; left:18%; }.pulsar-orbit::after { right:12%; bottom:18%; background:#8b65f3; box-shadow:0 0 16px rgba(139,101,243,.84); }
.pulsar-orbit.orbit-a { width:47%; height:78%; }.pulsar-orbit.orbit-b { width:69%; height:51%; animation-duration:15s; animation-direction:reverse; }.pulsar-orbit.orbit-c { width:86%; height:28%; animation-name:pulsar-orbit-spin-flat; animation-duration:23s; }
.pulsar-constellation-core { position:absolute; z-index:5; left:50%; top:48%; display:grid; width:188px; aspect-ratio:1; place-content:center; border:1px solid rgba(255,255,255,.95); border-radius:50%; color:#fff; background:radial-gradient(circle at 34% 24%,#fff 0 7%,#bff5ff 14%,#67cbea 29%,#7460ed 63%,#4d42bc 100%); box-shadow:0 0 0 17px rgba(255,255,255,.24),0 0 42px rgba(64,211,245,.72),0 0 95px rgba(115,86,238,.48),inset -18px -24px 35px rgba(44,35,132,.25); text-align:center; transform:translate(-50%,-50%); animation:pulsar-core-float 4.8s ease-in-out infinite; }
.pulsar-constellation-core::before { position:absolute; inset:12px; border:1px solid rgba(255,255,255,.38); border-radius:50%; content:""; animation:pulsar-logo-aura 11s linear infinite; }
.pulsar-constellation-core::after { position:absolute; inset:-22px; border:1px solid rgba(78,188,240,.22); border-radius:50%; content:""; animation:pulsar-ring 3.4s ease-out infinite; }
.pulsar-constellation-core span { position:relative; z-index:1; font-size:8px; font-weight:900; letter-spacing: 0; opacity:.8; }.pulsar-constellation-core strong { position:relative; z-index:1; margin:4px 0; font-size:1.55rem; letter-spacing: 0; text-shadow:0 4px 18px rgba(41,35,132,.34); }.pulsar-constellation-core small { position:relative; z-index:1; font-size:8px; font-weight:700; letter-spacing: 0; opacity:.8; }.pulsar-constellation-core i { position:absolute; top:8px; left:50%; width:7px; height:7px; border-radius:50%; background:#fff; box-shadow:0 0 16px #fff; }
.pulsar-constellation-nodes { position:absolute; inset:0; z-index:4; }
.pulsar-constellation-node { position:absolute; display:grid; width:84px; min-height:104px; place-items:center; padding:10px 8px 8px; border:1px solid rgba(255,255,255,.92); border-radius:22px; background:rgba(255,255,255,.76); box-shadow:0 17px 42px rgba(44,67,126,.14),inset 0 1px 0 #fff,0 0 25px rgba(67,207,233,.12); backdrop-filter:blur(18px); animation:pulsar-node-float 4.2s ease-in-out infinite alternate; }
.pulsar-constellation-node::after { position:absolute; inset:-5px; z-index:-1; border:1px solid rgba(70,176,231,.16); border-radius:26px; content:""; animation:pulsar-node-pulse 3s ease-out infinite; }
.pulsar-constellation-node > i { position:absolute; top:9px; right:9px; width:6px; height:6px; border-radius:50%; background:#2fc7a1; box-shadow:0 0 10px rgba(47,199,161,.75); }
.pulsar-constellation-node img { width:61px; height:61px; object-fit:contain; filter:drop-shadow(0 8px 10px rgba(25,51,80,.16)); }.pulsar-constellation-node b { color:#45647d; font-size:7px; line-height:1.2; letter-spacing: 0; text-align:center; text-transform:uppercase; }
.pulsar-constellation-node.node-1 { left:8%; top:12%; }.pulsar-constellation-node.node-2 { right:8%; top:13%; animation-delay:-.8s; }.pulsar-constellation-node.node-3 { left:11%; bottom:12%; animation-delay:-1.6s; }.pulsar-constellation-node.node-4 { right:11%; bottom:11%; animation-delay:-2.4s; }.pulsar-constellation-node.node-5 { left:31%; top:7%; animation-delay:-3.2s; }.pulsar-constellation-node.node-6 { right:31%; bottom:7%; animation-delay:-3.8s; }
.pulsar-beams { position:absolute; z-index:2; left:50%; top:48%; width:0; height:0; }
.pulsar-beams i { position:absolute; left:0; top:0; width:360px; height:2px; overflow:hidden; border-radius:99px; background:linear-gradient(90deg,rgba(82,207,241,.62),rgba(113,95,237,.15),transparent); transform-origin:left center; opacity:.55; }
.pulsar-beams i::after { position:absolute; top:0; left:-30%; width:34%; height:100%; background:linear-gradient(90deg,transparent,#fff,transparent); content:""; animation:pulsar-beam-pulse 2.8s linear infinite; }.pulsar-beams i:nth-child(1){transform:rotate(153deg)}.pulsar-beams i:nth-child(2){transform:rotate(27deg)}.pulsar-beams i:nth-child(3){transform:rotate(205deg)}.pulsar-beams i:nth-child(4){transform:rotate(-25deg)}.pulsar-beams i:nth-child(5){transform:rotate(235deg)}.pulsar-beams i:nth-child(6){transform:rotate(55deg)}.pulsar-beams i:nth-child(2)::after{animation-delay:-.5s}.pulsar-beams i:nth-child(3)::after{animation-delay:-1s}.pulsar-beams i:nth-child(4)::after{animation-delay:-1.5s}.pulsar-beams i:nth-child(5)::after{animation-delay:-2s}.pulsar-beams i:nth-child(6)::after{animation-delay:-2.5s}
.pulsar-constellation-caption { position:absolute; right:22px; bottom:18px; left:22px; z-index:7; display:flex; align-items:center; justify-content:space-between; gap:18px; color:#668096; font-size:9px; font-weight:850; letter-spacing: 0; text-transform:uppercase; }.pulsar-constellation-caption span { display:flex; align-items:center; gap:9px; }.pulsar-constellation-caption span i { width:7px; height:7px; border-radius:50%; background:#2fc7a1; box-shadow:0 0 0 5px rgba(47,199,161,.1),0 0 12px rgba(47,199,161,.6); }.pulsar-constellation-caption b { color:#46647d; }
.pulsar-family.is-paused :is(.pulsar-ambient,.pulsar-constellation-grid,.pulsar-orbit,.pulsar-constellation-core,.pulsar-constellation-node),.pulsar-family.is-paused .pulsar-pulse::after,.pulsar-family.is-paused .pulsar-constellation::before,.pulsar-family.is-paused .pulsar-constellation-core::before,.pulsar-family.is-paused .pulsar-constellation-core::after,.pulsar-family.is-paused .pulsar-constellation-node::after,.pulsar-family.is-paused .pulsar-beams i::after,.pulsar-family.is-paused .pulsar-logo-stage::before { animation-play-state:paused !important; }
.pulsar-carousel { position: relative; overflow: hidden; border: 1px solid rgba(38,76,118,.13); border-radius: 34px; background: rgba(255,255,255,.64); box-shadow: 0 30px 86px rgba(31,66,105,.12),0 0 54px rgba(20,169,199,.07),inset 0 1px 0 #fff; backdrop-filter: blur(20px); }
.pulsar-carousel-toolbar { display: flex; min-height: 74px; align-items: center; justify-content: space-between; gap: 24px; padding: 16px 22px 15px 25px; border-bottom: 1px solid rgba(38,76,118,.1); background: rgba(250,253,255,.77); }
.pulsar-metrics { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 22px; color: #71869a; font-size: 11px; font-weight: 760; }
.pulsar-metrics span { display: inline-flex; align-items: baseline; gap: 7px; }
.pulsar-metrics strong { color: #1b4f70; font: 850 16px/1 ui-monospace,SFMono-Regular,Menlo,monospace; }
.pulsar-controls { display: flex; align-items: center; gap: 8px; }
.pulsar-controls button { display: grid; min-width: 42px; height: 42px; place-items: center; padding: 0 13px; border: 1px solid rgba(38,76,118,.14); border-radius: 13px; background: #fff; color: #245976; box-shadow: 0 8px 20px rgba(31,66,105,.07); font: 850 16px/1 inherit; cursor: pointer; transition: transform .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease; }
.pulsar-controls .pulsar-pause { min-width: 72px; font-size: 10px; letter-spacing: 0; text-transform: uppercase; }
.pulsar-controls button:hover,.pulsar-controls button:focus-visible { border-color: rgba(40,120,255,.35); color: #256df0; box-shadow: 0 11px 25px rgba(40,120,255,.12); transform: translateY(-2px); }
.pulsar-viewport { overflow-x: auto; padding: 26px 25px 30px; scroll-behavior: smooth; scroll-snap-type: x mandatory; scrollbar-width: none; outline: none; overscroll-behavior-x: contain; }
.pulsar-viewport::-webkit-scrollbar { display: none; }
.pulsar-viewport:focus-visible { box-shadow: inset 0 0 0 3px rgba(40,120,255,.16); }
.pulsar-track { display: flex; gap: 18px; width: max-content; }
.pulsar-product-card { width: clamp(270px,25vw,330px); min-height: 432px; scroll-snap-align: start; }
.pulsar-product-link { position: relative; display: flex; height: 100%; flex-direction: column; overflow: hidden; border: 1px solid rgba(37,80,120,.14); border-radius: 25px; background: radial-gradient(circle at 80% 17%,rgba(118,85,245,.09),transparent 27%),radial-gradient(circle at 13% 67%,rgba(15,172,209,.09),transparent 29%),linear-gradient(150deg,#fff,#f5f9ff); box-shadow: 0 17px 42px rgba(31,66,105,.09),inset 0 1px 0 #fff; color: #183a56; text-decoration: none; transition: transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s ease,border-color .28s ease; }
.pulsar-product-link::before { position: absolute; inset: 0; background: linear-gradient(112deg,transparent 35%,rgba(255,255,255,.72) 49%,transparent 63%); content: ""; opacity: 0; transform: translateX(-125%); transition: opacity .2s ease; }
.pulsar-product-link:hover,.pulsar-product-link:focus-visible { border-color: rgba(40,120,255,.27); box-shadow: 0 26px 58px rgba(31,66,105,.15),0 0 34px rgba(20,169,199,.08),inset 0 1px 0 #fff; outline: none; transform: translateY(-7px); }
.pulsar-product-link:hover::before,.pulsar-product-link:focus-visible::before { opacity: 1; animation: pulsar-card-sheen 1s ease forwards; }
.pulsar-card-top { position: relative; z-index: 2; display: flex; min-height: 55px; align-items: center; justify-content: space-between; gap: 10px; padding: 13px 15px; border-bottom: 1px solid rgba(38,76,118,.09); color: #6e8296; font: 780 9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing: 0; text-transform: uppercase; }
.pulsar-status { display: inline-flex; align-items: center; gap: 6px; padding: 7px 9px; border: 1px solid rgba(117,93,211,.15); border-radius: 999px; background: #f2f0ff; color: #7659c5; font-size: 7px; white-space: nowrap; }
.pulsar-status::before { width: 5px; height: 5px; border-radius: 50%; background: currentColor; content: ""; box-shadow: 0 0 8px currentColor; }
.pulsar-status.is-live { border-color: rgba(10,164,116,.16); background: #eafaf4; color: #087c59; }
.pulsar-logo-stage { position: relative; display: grid; height: 188px; place-items: center; overflow: hidden; }
.pulsar-logo-stage::before { position: absolute; width: 150px; height: 150px; border-radius: 50%; background: conic-gradient(from 40deg,rgba(17,176,212,.23),rgba(61,126,255,.2),rgba(128,83,244,.23),rgba(203,74,214,.2),rgba(17,176,212,.23)); content: ""; opacity: .68; filter: blur(24px); animation: pulsar-logo-aura 7s linear infinite; }
.pulsar-logo-stage i { position: absolute; width: 128px; height: 128px; border: 1px solid rgba(49,113,177,.12); border-radius: 31px; background: rgba(255,255,255,.6); box-shadow: 0 18px 42px rgba(31,66,105,.09),inset 0 1px 0 #fff; transform: rotate(6deg); }
.pulsar-logo-stage img { position: relative; z-index: 2; width: 142px; height: 142px; object-fit: contain; filter: drop-shadow(0 17px 22px rgba(23,55,84,.15)); transition: transform .35s cubic-bezier(.2,.7,.2,1),filter .35s ease; }
.pulsar-product-link:hover .pulsar-logo-stage img,.pulsar-product-link:focus-visible .pulsar-logo-stage img { filter: drop-shadow(0 22px 28px rgba(23,55,84,.21)); transform: scale(1.07) rotate(-2deg); }
.pulsar-card-copy { position: relative; z-index: 2; display: grid; min-height: 125px; align-content: start; gap: 11px; padding: 9px 20px 20px; }
.pulsar-card-copy > strong { color: #173955; font-size: 1.42rem; line-height: 1.08; letter-spacing: 0; }
.pulsar-card-copy > span { color: #657b90; font-size: 13px; line-height: 1.6; }
.pulsar-card-foot { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: auto; padding: 15px 20px; border-top: 1px solid rgba(38,76,118,.09); background: rgba(246,250,255,.75); color: #71869a; font: 760 9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing: 0; text-transform: uppercase; }
.pulsar-card-foot b { color: #266fda; font-size: 10px; }
.pulsar-progress { height: 3px; background: rgba(31,91,139,.08); }
.pulsar-progress i { display: block; width: 5%; height: 100%; background: linear-gradient(90deg,#10afd3,#3e81ff,#8359f5,#cb4bd7); box-shadow: 0 0 14px rgba(62,129,255,.32); transform-origin: left center; transition: transform .2s ease; }
.pulsar-family-foot { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-top: 25px; padding: 0 4px; }
.pulsar-family-foot p { max-width: 880px; margin: 0; color: #657b90; font-size: 13px; line-height: 1.7; }
.pulsar-family-foot strong { color: #244b68; }
.pulsar-family-foot a { flex: 0 0 auto; color: #176ed4; font-size: 13px; font-weight: 800; text-decoration: none; }
.pulsar-family-foot a:hover { color: #754fd8; }
@keyframes pulsar-ring { 0% { opacity: .8; transform: scale(.45); } 75%,100% { opacity: 0; transform: scale(1.45); } }
@keyframes pulsar-ambient-drift { to { opacity: .72; transform: translate3d(6%,4%,0) scale(1.08); } }
@keyframes pulsar-logo-aura { to { transform: rotate(360deg); } }
@keyframes pulsar-card-sheen { to { transform: translateX(125%); } }
@keyframes pulsar-constellation-breathe { to { opacity:.68; transform:scale(1.08); } }
@keyframes pulsar-grid-drift { to { background-position:42px 42px; } }
@keyframes pulsar-orbit-spin { to { transform:translate(-50%,-50%) rotate(360deg); } }
@keyframes pulsar-orbit-spin-flat { to { transform:translate(-50%,-50%) rotate(-360deg); } }
@keyframes pulsar-core-float { 50% { transform:translate(-50%,calc(-50% - 10px)) rotate(1.5deg); } }
@keyframes pulsar-node-float { to { margin-top:-10px; filter:hue-rotate(8deg); } }
@keyframes pulsar-node-pulse { 0%,35% { opacity:.7; transform:scale(.92); } 75%,100% { opacity:0; transform:scale(1.18); } }
@keyframes pulsar-beam-pulse { to { left:108%; } }

.site-footer { padding: 66px 0 28px; border-top: 1px solid var(--line); background: #02040a; }
.footer-top { display: grid; grid-template-columns: 1fr 1.5fr; gap: 50px; padding-bottom: 44px; }
.footer-brand .brand { margin-bottom: 19px; }
.footer-brand p { max-width: 450px; font-size: 14px; }
.footer-links { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.footer-group h3 { margin-bottom: 16px; color: var(--quiet); font-size: 12px; letter-spacing: 0; text-transform: uppercase; }
.footer-group a { display: block; margin: 10px 0; color: #aab3c6; font-size: 14px; }
.footer-group a:hover { color: var(--cyan); }
.footer-bottom { display: flex; align-items: flex-start; justify-content: space-between; gap: 28px; padding-top: 24px; border-top: 1px solid var(--line); }
.footer-bottom p { margin: 0; color: var(--quiet); font-size: 12px; }
.footer-legal { max-width: 570px; text-align: right; }

.reveal { opacity: 1; transform: none; }
.motion-ready .reveal { opacity: 0; transform: translateY(22px); transition: opacity 650ms ease, transform 650ms cubic-bezier(.2,.7,.2,1); }
.motion-ready .reveal.is-visible { opacity: 1; transform: translateY(0); }
.delay-1 { transition-delay: 90ms; }
.delay-2 { transition-delay: 180ms; }
.delay-3 { transition-delay: 270ms; }

@keyframes core-rotate { to { transform: rotate(360deg); } }
@keyframes core-spin { to { transform: translate(-50%,-50%) rotate(360deg); } }
@keyframes logo-float { 0%,100% { transform: translate(-50%,-51%); } 50% { transform: translate(-50%,-54%); } }
@keyframes pulse { 50% { opacity: .42; transform: scale(.76); } }
@keyframes rail { to { transform: translateX(-50%); } }
@keyframes interface-pulse { 50% { opacity: .46; transform: scale(.72); } }
@keyframes network-stream { to { stroke-dashoffset: -160; } }
@keyframes network-breathe { 0%,100% { transform: scale(1); opacity: .84; } 50% { transform: scale(1.025); opacity: 1; } }
@keyframes node-pulse { 0%,100% { opacity: .24; transform: scale(.7); } 50% { opacity: .76; transform: scale(1.2); } }
@keyframes ring-spin { to { transform: rotate(360deg); } }
@keyframes ring-spin-reverse { to { transform: rotate(-360deg); } }
@keyframes network-scan { to { transform: rotate(360deg); } }
@keyframes reviews-left { to { transform: translateX(-50%); } }
@keyframes reviews-right { from { transform: translateX(-50%); } to { transform: translateX(0); } }
@keyframes visual-aurora { 0% { opacity: .48; transform: scale(.94) rotate(-3deg); } 100% { opacity: .8; transform: scale(1.04) rotate(4deg); } }
@keyframes console-glow { 0%,100% { border-color: rgba(82,244,255,.3); } 50% { border-color: rgba(255,94,221,.38); } }
@keyframes terminal-cursor { 0%,48% { opacity: 1; } 49%,100% { opacity: 0; } }
@keyframes terminal-chart-draw { 0% { stroke-dashoffset: 360; opacity: .45; } 42%,100% { stroke-dashoffset: 0; opacity: 1; } }
@keyframes terminal-dot { 0%,100% { opacity: .55; transform: scale(.7); transform-box: fill-box; transform-origin: center; } 50% { opacity: 1; transform: scale(1.2); } }
@keyframes ambient-cyan { 0% { transform: translate3d(0,0,0) scale(.9); } 100% { transform: translate3d(38vw,18vh,0) scale(1.16); } }
@keyframes ambient-violet { 0% { transform: translate3d(0,0,0) scale(.95); } 100% { transform: translate3d(-34vw,22vh,0) scale(1.18); } }
@keyframes ambient-magenta { 0% { transform: translate3d(0,0,0) scale(.88); } 100% { transform: translate3d(20vw,-28vh,0) scale(1.12); } }
@keyframes ambient-beam { 0% { opacity: .28; transform: translateX(-18vw) rotate(24deg); } 100% { opacity: .7; transform: translateX(22vw) rotate(24deg); } }
@keyframes hero-particles { to { background-position: 6% -168px,74% -256px,42% -344px; } }
@keyframes mesh-aurora { to { transform: rotate(360deg) scale(1.04); } }
@keyframes mesh-flow { to { stroke-dashoffset: -190; } }
@keyframes mesh-flow-reverse { to { stroke-dashoffset: 210; } }
@keyframes mesh-node { 0%,100% { opacity: .26; transform: scale(.68); } 50% { opacity: .78; transform: scale(1.28); } }
@keyframes mesh-ring { 0% { opacity: .76; transform: scale(.55); } 100% { opacity: 0; transform: scale(2.2); } }
@keyframes mesh-glint { 0%,52% { transform: translateX(-130%); } 76%,100% { transform: translateX(560%); } }
@keyframes mesh-label-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }
@keyframes mesh-scan-line { to { transform: translateX(575%) skewX(-12deg); } }
@keyframes story-flow { to { filter: hue-rotate(360deg); } }
@keyframes portfolio-status { 0%,100% { opacity: .55; transform: scale(.78); } 50% { opacity: 1; transform: scale(1.12); } }
@keyframes portfolio-sheen { 0%,58% { transform: translateX(-100%); } 82%,100% { transform: translateX(115%); } }
@keyframes portfolio-aurora { to { transform: rotate(360deg); } }

@media (max-width: 1180px) {
  :root { --wrap: min(100% - 48px, 1120px); }
  .nav { gap: 16px; }
  .nav-links { gap: 13px; }
  .nav-links > a:not(.button) { font-size: 13px; }
  .nav-links .button { padding-inline: 16px; }
  .hero-grid { grid-template-columns: minmax(0,1.04fr) minmax(340px,.96fr); gap: 38px; }
  .data-core { min-height: 430px; }
  .service-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .grid.four { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .ai-showcase { grid-template-columns: 1fr; }
  .ai-showcase-copy { max-width: 850px; }
  .ai-capability-map { width: 100%; }
  .leadership-grid { grid-template-columns: 1fr; }
  .reviews-intro { grid-template-columns: 1fr; }
  .company-family { max-width: 660px; }
  .review-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .review-footer { grid-template-columns: 1fr; }
  .review-actions { justify-content: flex-start; }
  .mesh-layout { grid-template-columns: 1fr; }
  .mesh-copy { max-width: 860px; }
  .mesh-stage { width: 100%; min-height: 500px; }
  .story-line { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .story-line::before { display: none; }
  .portfolio-kpis { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 980px) {
  :root { --wrap: min(100% - 40px, 880px); }
  .nav-toggle { display: grid; }
  .nav-links { position: absolute; top: 75px; right: 20px; left: 20px; display: grid; align-items: stretch; gap: 0; padding: 15px; border: 1px solid var(--line); border-radius: 18px; background: rgba(5,8,16,.98); box-shadow: var(--shadow); }
  .nav-links[hidden] { display: none; }
  .nav-links > a:not(.button) { padding: 13px 10px; font-size: 14px; }
  .nav-links > a:not(.button)::after { display: none; }
  .nav-links .button { margin-top: 9px; }
  .hero { padding-top: 50px; }
  .hero-grid, .stack-layout, .gov-band-grid, .split, .contact-layout, .about-origin-grid { grid-template-columns: 1fr; }
  .hero-copy { max-width: 820px; }
  .data-core { width: min(100%,720px); min-height: 460px; margin-inline: auto; }
  .hero-visual-stack { width: min(100%,720px); margin-inline: auto; }
  .terminal-body { grid-template-columns: minmax(0,1.18fr) minmax(180px,.82fr); }
  .terminal-viz { display: block; }
  .stack-visual, .sticky-copy { position: static; }
  .speaking-head { grid-template-columns: 1fr; gap: 14px; }
  .section-head { grid-template-columns: 1fr; gap: 16px; }
  .grid.three { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .program-card.featured { grid-template-columns: 1fr; }
  .metric-row { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .metric:nth-child(3) { border-left: 0; border-top: 1px solid var(--line); }
  .metric:nth-child(4) { border-top: 1px solid var(--line); }
  .contact-layout { gap: 40px; }
  .footer-top { grid-template-columns: 1fr; }
  .company-story-head { grid-template-columns: 1fr; gap: 16px; }
  .story-proof { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .story-proof span:nth-child(3) { border-top: 1px solid var(--line); border-left: 0; }
  .story-proof span:nth-child(4) { border-top: 1px solid var(--line); }
  .portfolio-topbar { align-items: flex-start; flex-direction: column; }
  .portfolio-tabs { width: 100%; }
  .portfolio-tabs button { flex: 1; }
  .portfolio-context { grid-template-columns: 1fr; align-items: start; }
  .portfolio-sample-note { justify-self: start; text-align: left; }
  .portfolio-main-grid, .portfolio-lower-grid { grid-template-columns: 1fr; }
  .review-toolbar { align-items: flex-start; flex-direction: column; }
  .review-status { white-space: normal; }
}

@media (max-width: 760px) {
  :root { --wrap: calc(100% - 32px); --radius: 20px; }
  body { font-size: 16px; }
  .nav { min-height: 72px; }
  .brand { min-width: 0; }
  .brand img { width: 46px; height: 45px; }
  .brand-copy strong { font-size: 14px; }
  .brand-copy span { font-size: 10px; }
  .nav-links { top: 71px; right: 12px; left: 12px; }
  h1 { font-size: 2.45rem; letter-spacing: 0; }
  h2 { font-size: 1.85rem; }
  .hero { padding-top: 42px; }
  .hero-grid { gap: 30px; }
  .hero-actions { align-items: stretch; }
  .hero-actions .button { width: 100%; }
  .data-core { min-height: clamp(360px,92vw,450px); border-radius: 26px; }
  .implementation-console { width: calc(100% - 18px); }
  .core-interface { top: 14px; right: 15px; left: 15px; }
  .core-interface strong { display: none; }
  .ai-network { inset-block: 42px 52px; height: calc(100% - 94px); }
  .core-logo { inset: 43% auto auto 50%; width: min(53%,208px); max-height: 50%; }
  .core-orbit { width: 64%; }
  .core-label { font-size: 10px; }
  .core-status { font-size: 10px; }
  .section { padding-block: 58px; }
  .capability-document-shell { padding: 14px; border-radius: 22px; }
  .capability-document-toolbar { align-items: stretch; flex-direction: column; gap: 16px; }
  .capability-document-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .capability-document-actions .button { width: 100%; padding-inline: 12px; }
  .capability-document-preview { border-radius: 12px; }
  .grid.two, .grid.three, .grid.four, .service-grid, .program-grid { grid-template-columns: 1fr; }
  .speaking-grid { grid-template-columns: 1fr; }
  .speaking-card { grid-template-columns: 66px 1fr; gap: 16px; min-height: 0; padding: 22px; }
  .speaking-year { width: 62px; height: 62px; border-radius: 18px; font-size: 14px; }
  .program-card.featured { grid-column: auto; }
  .program-card ul { grid-template-columns: 1fr; }
  .stack-flow { grid-template-columns: 1fr; }
  .stack-flow span + span::before { top: -9px; left: 50%; width: 1px; height: 9px; }
  .service-toolbar { align-items: flex-start; flex-direction: column; }
  .filters { width: 100%; }
  .filter { flex: 1 1 calc(50% - 8px); }
  .service-card { min-height: auto; }
  .ai-showcase { padding: 26px; border-radius: 24px; }
  .ai-showcase-stats { grid-template-columns: 1fr; }
  .ai-showcase-stats div { min-height: 0; }
  .ai-pillar-grid { grid-template-columns: 1fr; }
  .ai-pillar { min-height: 0; }
  .gov-band { padding: 26px; border-radius: 24px; }
  .id-grid, .form-grid { grid-template-columns: 1fr; }
  .logo-rail { grid-template-columns: 1fr; }
  .logo-tile { min-height: 160px; }
  .logo-tile + .logo-tile { border-top: 1px solid var(--line); border-left: 0; }
  .reviews-intro { margin-bottom: 38px; }
  .review-card { flex-basis: min(390px,82vw); min-height: 278px; }
  .review-grid { grid-template-columns: 1fr; }
  .home-light .review-browser .review-card { min-height: 0; }
  .review-actions { align-items: stretch; flex-direction: column; }
  .review-actions .button { width: 100%; }
  .metric-row { grid-template-columns: 1fr; }
  .metric + .metric { border-top: 1px solid var(--line); border-left: 0; }
  .contact-block { padding: 26px; border-radius: 24px; }
  .form-grid { gap: 13px; }
  .field, .field.full { grid-column: 1; }
  .form-actions { align-items: stretch; flex-direction: column; }
  .form-actions .button { width: 100%; }
  .cta-band { grid-template-columns: 1fr; }
  .cta-band .button { width: 100%; }
  .footer-links { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .footer-bottom { flex-direction: column; }
  .footer-legal { text-align: left; }
  .identity-row { grid-template-columns: 1fr; gap: 6px; }
  .experience-ledger article { grid-template-columns: 42px 1fr; gap: 14px; padding: 20px; }
  .experience-ledger article > span { width: 38px; height: 38px; }
  .leader-card { padding: 24px; border-radius: 22px; }
  .leader-heading { grid-template-columns: 58px 1fr; gap: 14px; }
  .leader-mark { width: 58px; height: 58px; border-radius: 17px; font-size: 16px; }
  .leader-heading h3 span { display: block; margin-top: 5px; font-size: 11px; }
  .credential-item strong { align-items: flex-start; flex-direction: column; }
  .table-wrap { overflow: visible; border: 0; border-radius: 0; }
  .cap-table, .cap-table tbody, .cap-table tr, .cap-table td { display: block; width: 100%; min-width: 0; }
  .cap-table thead { display: none; }
  .cap-table { background: transparent; }
  .cap-table tr { margin-bottom: 12px; padding: 18px; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,.02); }
  .cap-table td { padding: 0; border: 0; }
  .cap-table td:first-child { margin-bottom: 8px; }
  .mesh-stage { min-height: 460px; border-radius: 24px; }
  .mesh-web { inset: 54px -7% 50px; width: 114%; }
  .mesh-label { min-width: 112px; padding: 8px 10px; }
  .mesh-label strong { font-size: 10px; }
  .mesh-label-c,.mesh-label-d { display: none; }
  .mesh-label-a,.mesh-label-b { left: 2%; }
  .mesh-label-e,.mesh-label-f { right: 2%; }
  .mesh-status span:nth-child(2) { display: none; }
  .story-line { grid-template-columns: 1fr; }
  .story-step { min-height: 0; }
  .hero-visual-stack::before,.network-sweep,.ring-two,.terminal-chart-dots circle { animation: none; }
  .portfolio-dashboard { border-radius: 22px; }
  .portfolio-context { padding: 24px 20px 18px; }
  .portfolio-kpis { padding: 0 20px 12px; }
  .portfolio-main-grid { padding: 0 20px 12px; }
  .portfolio-lower-grid { padding: 0 20px 20px; }
  .portfolio-foot { padding-inline: 20px; }
  .portfolio-caption { grid-template-columns: 1fr; }
  .portfolio-caption .button { justify-self: start; }
}

@media (max-width: 520px) {
  :root { --wrap: calc(100% - 24px); }
  h1 { font-size: 2.35rem; }
  h2 { font-size: 1.75rem; }
  .speaking-card { grid-template-columns: 1fr; }
  .speaking-year { width: auto; height: 42px; justify-self: start; padding-inline: 14px; border-radius: 13px; }
  .brand-copy span { display: none; }
  .core-label { padding: 7px 9px; font-size: 9px; letter-spacing: 0; }
  .core-label.one { top: 13%; left: 4%; }
  .core-label.two { top: 25%; right: 3%; }
  .core-label.three { bottom: 23%; left: 3%; }
  .core-label.four { right: 3%; bottom: 17%; }
  .core-status { right: 12px; bottom: 12px; left: 12px; padding: 11px 12px; letter-spacing: 0; }
  .core-status > span:last-child { display: none; }
  .implementation-console { width: calc(100% - 8px); min-height: 320px; margin-top: -10px; border-radius: 17px; }
  .terminal-chrome { grid-template-columns: 1fr auto; padding-inline: 12px; }
  .terminal-chrome > span { justify-self: end; }
  .terminal-chrome > strong { display: none; }
  .terminal-body { grid-template-columns: 1fr; gap: 12px; padding: 15px; }
  .terminal-code { font-size: 9.5px; }
  .terminal-viz { display: block; padding: 9px 10px 7px; }
  .terminal-viz svg { height: 62px; }
  .hero-proof { gap: 12px 18px; }
  .hero-proof span { flex: 1 1 45%; }
  .page-hero { padding-top: 44px; }
  .ai-showcase, .gov-band, .contact-block { padding: 22px; }
  .ai-capability-map { padding: 12px; }
  .ai-pillar { grid-template-columns: 32px 1fr; padding: 14px; }
  .service-card, .program-card, .glass-card { padding: 21px; }
  .filter { flex-basis: 100%; }
  .company-family { padding: 18px; }
  .company-family > div { grid-template-columns: 1fr; }
  .company-family i { display: inline-flex; align-items: center; justify-content: center; gap: 8px; }
  .company-family i::before, .company-family i::after { width: 22px; height: 1px; margin: 0; }
  .review-marquee { mask-image: linear-gradient(90deg, transparent, #000 3%, #000 97%, transparent); }
  .review-set { gap: 12px; padding-right: 12px; }
  .review-card { flex-basis: calc(100vw - 38px); min-height: 298px; padding: 23px; }
  .review-author { align-items: flex-start; flex-direction: column; gap: 7px; }
  .footer-links { grid-template-columns: 1fr; }
  .mesh-proof { grid-template-columns: 1fr; }
  .mesh-proof span { min-height: 0; }
  .mesh-stage { min-height: 420px; }
  .mesh-topbar strong { display: none; }
  .mesh-status { justify-content: center; }
  .mesh-status span:last-child { display: none; }
  .mesh-label { min-width: 98px; padding: 8px; }
  .mesh-label strong { font-size: 9px; }
  .mesh-label small { font-size: 7px; }
  .story-proof { grid-template-columns: 1fr; }
  .story-proof span + span { border-top: 1px solid var(--line); border-left: 0; }
  .portfolio-topbar { padding: 15px; }
  .portfolio-product { width: 100%; align-items: flex-start; flex-direction: column; gap: 9px; }
  .portfolio-product > strong { white-space: normal; }
  .portfolio-tabs { display: flex; }
  .portfolio-tabs button { min-width: 0; width: auto; padding-inline: 8px; text-align: center; }
  .portfolio-context { padding: 20px 15px 15px; }
  .portfolio-kpis { grid-template-columns: repeat(2,minmax(0,1fr)); padding: 0 15px 10px; }
  .portfolio-kpis article { min-height: 118px; padding: 14px; }
  .portfolio-kpis article span { font-size: 10px; line-height: 1.25; }
  .portfolio-kpis article i { width: 26px; height: 26px; }
  .portfolio-kpis article > strong { margin-top: 13px; font-size: 1.5rem; }
  .portfolio-kpis article > p { margin-top: 9px; font-size: 9px; line-height: 1.35; }
  .portfolio-main-grid { padding: 0 15px 10px; }
  .portfolio-lower-grid { padding: 0 15px 15px; }
  .portfolio-panel { padding: 15px; }
  .portfolio-panel-head { align-items: flex-start; flex-direction: column; gap: 8px; }
  .portfolio-chart { height: 210px; overflow: hidden; }
  .portfolio-chart svg { width: 112%; margin-left: -8%; }
  .portfolio-foot { align-items: flex-start; flex-direction: column; gap: 5px; padding: 13px 15px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
  .motion-ready .reveal { opacity: 1; transform: none; transition-delay: 0s; }
  .review-track { transform: none !important; }
  .review-set[aria-hidden="true"] { display: none; }
  .terminal-chart-line { animation: none !important; stroke-dashoffset: 0; opacity: 1; }
  .site-ambience { display: none; }
  .portfolio-aurora { display: none; }
  .portfolio-dashboard::before { animation: none; }
}

@media print {
  body { background: #fff; color: #111; }
  body::before, .site-ambience, .site-header, .site-progress, .site-footer, .signal-rail, .hero-actions, .page-hero-actions, .cta-band, .contact-block { display: none !important; }
  .page-hero, .section, .section.compact { padding: 24px 0; border-color: #ccc; background: #fff; }
  h1, h2, h3, p, .lede, .identity-row dd, .cap-table td { color: #111 !important; }
  .glass-card, .identity-card, .table-wrap { border-color: #bbb; background: #fff; box-shadow: none; }
  .wrap { width: 100%; }
}

/* Bright executive homepage ------------------------------------------------ */
.theme-light {
  color-scheme: light;
  --ink: #10243d;
  --muted: #52677f;
  --quiet: #74869a;
  --bg: #f5f8ff;
  --bg-soft: #eef4fb;
  --panel: #ffffff;
  --panel-strong: #ffffff;
  --line: rgba(38, 76, 118, .15);
  --line-bright: rgba(40, 120, 255, .35);
  --cyan: #159fc5;
  --blue: #2878ff;
  --violet: #7859f6;
  --magenta: #c044d9;
  --gold: #d79611;
  --success: #0b9f78;
  --shadow: 0 26px 70px rgba(30, 63, 103, .14);
}

.theme-light,
.home-light {
  background: #f5f8ff;
}

.home-light {
  background:
    radial-gradient(circle at 4% 4%, rgba(40, 120, 255, .12), transparent 29rem),
    radial-gradient(circle at 94% 12%, rgba(63, 203, 232, .16), transparent 34rem),
    linear-gradient(180deg, #f8fbff 0%, #f2f7fd 48%, #ffffff 100%);
  color: var(--ink);
}

.home-light::before {
  background-image:
    linear-gradient(rgba(44, 91, 137, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(44, 91, 137, .045) 1px, transparent 1px);
  opacity: .72;
  mask-image: linear-gradient(to bottom, #000, transparent 48%);
}

.home-light .ambient-orb { opacity: .1; filter: blur(105px); }
.home-light .ambient-beam { opacity: .22; }
.home-light h1,
.home-light h2,
.home-light h3,
.home-light h4 { color: var(--ink); }
.home-light p { color: var(--muted); }
.home-light .gradient,
.home-light .display-gradient {
  background: linear-gradient(90deg, #145cc8 0%, #168fb8 42%, #7757e7 76%, #b13bc4 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.home-light .site-header {
  border-bottom-color: rgba(38, 76, 118, .1);
  background: rgba(250, 253, 255, .82);
  box-shadow: 0 8px 30px rgba(34, 70, 109, .035);
}
.home-light .site-header.is-scrolled {
  border-color: rgba(38, 76, 118, .16);
  background: rgba(255, 255, 255, .95);
  box-shadow: 0 12px 42px rgba(31, 66, 105, .09);
}
.home-light .brand-copy strong { color: #10243d; }
.home-light .brand-copy span { color: #66809a; }
.home-light .nav-links > a:not(.button) { color: #3f5872; }
.home-light .nav-links > a:hover,
.home-light .nav-links > a[aria-current="page"] { color: #165fc7; }
.home-light .nav-toggle { border-color: var(--line); background: #fff; color: #173451; }

.home-light .button {
  background: linear-gradient(135deg, #2878ff, #32b6d6 52%, #7859f6);
  box-shadow: 0 13px 34px rgba(40, 120, 255, .22), inset 0 1px 0 rgba(255,255,255,.5);
  color: #fff;
}
.home-light .button:hover { box-shadow: 0 18px 42px rgba(40, 120, 255, .3), 0 0 24px rgba(50,182,214,.16); }
.home-light .button.secondary {
  border-color: rgba(40, 96, 158, .22);
  background: rgba(255, 255, 255, .76);
  box-shadow: 0 9px 24px rgba(31, 66, 105, .07);
  color: #183955;
}
.home-light .button.secondary:hover { border-color: #2878ff; background: #fff; color: #155fcb; }
.home-light .eyebrow { color: #176ead; }
.home-light .eyebrow::before { box-shadow: 0 0 0 5px rgba(21,159,197,.12); }

.hero-bright {
  padding: clamp(50px, 5vw, 78px) 0 clamp(50px, 5vw, 74px);
  background:
    radial-gradient(circle at 78% 16%, rgba(42, 180, 218, .17), transparent 27rem),
    radial-gradient(circle at 28% 88%, rgba(120, 89, 246, .1), transparent 31rem),
    linear-gradient(180deg, rgba(255,255,255,.42), rgba(239,247,255,.64));
}
.hero-bright::before {
  background-image:
    radial-gradient(circle, rgba(40,120,255,.42) 0 1px, transparent 2px),
    radial-gradient(circle, rgba(21,159,197,.4) 0 1px, transparent 2px),
    radial-gradient(circle, rgba(120,89,246,.28) 0 1px, transparent 2px);
  opacity: .28;
  mask-image: linear-gradient(90deg,#000,transparent 68%);
}
.hero-bright::after { right: 3%; background: radial-gradient(circle, rgba(40,120,255,.14), rgba(42,180,218,.12) 40%, rgba(120,89,246,.08) 58%, transparent 72%); }
.home-hero-grid { display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(430px, .96fr); align-items: center; gap: clamp(42px, 5.8vw, 86px); }
.hero-bright h1 { max-width: 780px; font-size: 3.15rem; }
.hero-bright .lede { max-width: 760px; color: #4d647c; font-size: 1.05rem; }
.brother-owned-callout {
  position: relative;
  display: flex;
  width: fit-content;
  max-width: 100%;
  align-items: center;
  gap: 14px;
  margin-top: 24px;
  padding: 13px 17px 13px 14px;
  overflow: hidden;
  border: 1px solid rgba(40, 120, 255, .17);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(255,255,255,.92), rgba(243,249,255,.82));
  box-shadow: 0 15px 36px rgba(31,66,105,.09), 0 0 32px rgba(42,180,218,.09), inset 0 1px 0 #fff;
  backdrop-filter: blur(14px) saturate(1.15);
}
.brother-owned-callout::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, transparent 18%, rgba(255,255,255,.7) 44%, transparent 67%);
  content: "";
  pointer-events: none;
  transform: translateX(-130%);
  animation: brother-callout-sheen 7s ease-in-out infinite;
}
.brother-owned-callout > * { position: relative; z-index: 1; }
.brother-marks { display: flex; min-width: 68px; align-items: center; }
.brother-marks span {
  display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  border: 2px solid rgba(255,255,255,.95);
  border-radius: 50%;
  background: linear-gradient(145deg, #1575db, #22a9cc);
  box-shadow: 0 8px 18px rgba(22,117,219,.2), 0 0 18px rgba(34,169,204,.12);
  color: #fff;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: 0;
}
.brother-marks span + span {
  margin-left: -10px;
  background: linear-gradient(145deg, #624edb, #a53ebd);
  box-shadow: 0 8px 18px rgba(98,78,219,.2), 0 0 18px rgba(165,62,189,.12);
}
.brother-owned-callout strong { display: block; color: #163b5b; font-size: 14px; letter-spacing: 0; }
.brother-owned-callout small { display: block; margin-top: 3px; color: #60778d; font-size: 11px; font-weight: 650; line-height: 1.45; }
.home-light .hero-proof { border-color: rgba(38,76,118,.16); }
.home-light .hero-proof span { color: #4e657c; }
.home-light .hero-proof span::before { background: #0b9f78; box-shadow: 0 0 0 4px rgba(11,159,120,.11); }

.hero-contact-card {
  position: relative;
  padding: clamp(27px, 3vw, 38px);
  overflow: hidden;
  border: 1px solid rgba(42, 93, 146, .18);
  border-radius: 28px;
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 30px 85px rgba(31, 70, 112, .17), inset 0 1px 0 rgba(255,255,255,.94);
  backdrop-filter: blur(18px) saturate(1.2);
}
.hero-contact-card::before { position: absolute; top: 0; right: 0; left: 0; height: 5px; content: ""; background: linear-gradient(90deg, #2878ff, #2fc6dc, #7859f6); }
.hero-contact-card::after { position: absolute; top: -130px; right: -110px; width: 280px; height: 280px; border-radius: 50%; content: ""; pointer-events: none; background: radial-gradient(circle, rgba(43,191,219,.15), transparent 70%); }
.hero-contact-head { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 18px; color: #176ead; font-size: 11px; font-weight: 850; letter-spacing: 0; text-transform: uppercase; }
.hero-contact-head i { width: 10px; height: 10px; border-radius: 50%; background: #0b9f78; box-shadow: 0 0 0 6px rgba(11,159,120,.1); animation: interface-pulse 1.8s ease-in-out infinite; }
.hero-contact-card h2 { position: relative; margin: 14px 0 10px; font-size: 1.65rem; line-height: 1.03; letter-spacing: 0; }
.hero-contact-card > p { position: relative; margin-bottom: 22px; font-size: 14px; line-height: 1.65; }
.home-form { position: relative; gap: 12px; }
.home-form .field { gap: 6px; }
.home-form .field label { color: #2a4662; font-size: 11px; letter-spacing: 0; }
.home-form .field input,
.home-form .field textarea {
  min-height: 47px;
  border-color: rgba(42, 80, 124, .17);
  background: #f8fbff;
  color: #10243d;
  box-shadow: inset 0 1px 2px rgba(27, 61, 99, .025);
}
.home-form .field input::placeholder,
.home-form .field textarea::placeholder { color: #8b9aab; }
.home-form .field input:focus,
.home-form .field textarea:focus { border-color: #2878ff; background: #fff; box-shadow: 0 0 0 4px rgba(40,120,255,.1); }
.home-form .field textarea { min-height: 88px; }
.home-form .form-actions { align-items: flex-start; flex-direction: column; gap: 8px; }
.home-form .button { width: 100%; }
.hero-contact-direct { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 18px; margin-top: 16px; padding-top: 15px; border-top: 1px solid var(--line); }
.hero-contact-direct a { color: #2d5f91; font-size: 12px; font-weight: 760; }

.home-light .signal-rail { border-color: rgba(38,76,118,.13); background: rgba(255,255,255,.82); box-shadow: 0 8px 28px rgba(31,66,105,.035); }
.home-light .signal-track span { color: #587089; }
.home-light .signal-track span::after { box-shadow: 0 0 0 4px rgba(40,120,255,.08); }

.data-flow-section { overflow: hidden; background: linear-gradient(180deg, rgba(255,255,255,.9), rgba(238,246,255,.82)); }
.data-flow-section::before { position: absolute; inset: 0; content: ""; pointer-events: none; background: radial-gradient(circle at 78% 48%, rgba(45,190,218,.12), transparent 29rem); }
.data-flow-layout { display: grid; grid-template-columns: minmax(320px,.76fr) minmax(600px,1.24fr); align-items: center; gap: clamp(40px, 6vw, 90px); }
.process-list { display: grid; gap: 12px; margin: 30px 0 0; padding: 0; list-style: none; }
.process-list li { display: grid; grid-template-columns: 50px 1fr; gap: 14px; align-items: center; padding: 13px 15px; border: 1px solid rgba(38,76,118,.12); border-radius: 16px; background: rgba(255,255,255,.68); box-shadow: 0 10px 28px rgba(31,66,105,.035); }
.process-list li > span { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 13px; background: linear-gradient(145deg,#e8f5ff,#f0ecff); color: #176ead; font-size: 11px; font-weight: 860; }
.process-list strong { display: block; color: #173451; font-size: 14px; }
.process-list p { margin: 2px 0 0; font-size: 12px; line-height: 1.5; }
.flow-canvas { position: relative; min-height: 520px; overflow: hidden; border: 1px solid rgba(41,91,145,.18); border-radius: 30px; background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(234,244,255,.95)); box-shadow: 0 32px 88px rgba(31,70,112,.14), inset 0 1px 0 #fff; isolation: isolate; }
.flow-canvas::before { position: absolute; inset: 0; z-index: -1; content: ""; background-image: linear-gradient(rgba(49,101,155,.055) 1px, transparent 1px), linear-gradient(90deg,rgba(49,101,155,.055) 1px,transparent 1px); background-size: 34px 34px; mask-image: radial-gradient(circle at 50% 50%,#000,transparent 78%); }
.flow-canvas::after { position: absolute; inset: 0; z-index: 8; content: ""; pointer-events: none; background: linear-gradient(106deg,transparent 26%,rgba(255,255,255,.6) 47%,transparent 64%); transform: translateX(-120%); animation: mesh-glint 8s ease-in-out infinite; }
.flow-canvas-head { position: absolute; top: 18px; right: 21px; left: 21px; z-index: 10; display: flex; align-items: center; justify-content: space-between; gap: 14px; color: #6d8094; font: 800 9px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace; letter-spacing: 0; text-transform: uppercase; }
.flow-canvas-head span { display: inline-flex; align-items: center; gap: 8px; color: #0b8266; }
.flow-canvas-head i { width: 7px; height: 7px; border-radius: 50%; background: #0b9f78; box-shadow: 0 0 0 5px rgba(11,159,120,.1); animation: interface-pulse 1.6s ease-in-out infinite; }
.flow-map { position: absolute; inset: 62px 2% 54px; width: 96%; height: calc(100% - 116px); }
.flow-track { fill: none; stroke: rgba(49,100,153,.2); stroke-width: 2; stroke-linecap: round; stroke-dasharray: 5 8; }
.flow-track.secondary { stroke: rgba(49,100,153,.13); stroke-width: 1.5; }
.flow-active { fill: none; stroke: url(#brightFlow); stroke-width: 4; stroke-linecap: round; stroke-dasharray: 2 15 32 23; animation: mesh-flow 4s linear infinite; }
.flow-packet { fill: #fff; stroke-width: 2.5; }
.flow-packet.one { stroke: #2878ff; }
.flow-packet.two { stroke: #7859f6; }
.flow-packet.three { stroke: #16a8c6; }
.flow-dot .halo { fill: rgba(40,120,255,.11); transform-box: fill-box; transform-origin: center; animation: mesh-node 2.7s ease-in-out infinite; }
.flow-dot .core { fill: #fff; stroke: #2878ff; stroke-width: 2; }
.flow-dot-4 .core,.flow-dot-6 .core,.flow-dot-7 .core { stroke: #7859f6; }
.flow-source-card,
.flow-control-card,
.flow-dashboard-card { position: absolute; z-index: 6; padding: 16px; border: 1px solid rgba(40,88,139,.16); border-radius: 17px; background: rgba(255,255,255,.92); box-shadow: 0 17px 42px rgba(35,72,111,.12); backdrop-filter: blur(13px); }
.flow-source-card { top: 108px; left: 26px; width: 180px; }
.flow-control-card { top: 288px; left: 50%; width: 212px; transform: translateX(-50%); }
.flow-dashboard-card { top: 92px; right: 26px; width: 226px; }
.flow-source-card span,
.flow-control-card span,
.flow-dashboard-card span { display: block; margin-bottom: 5px; color: #1973b4; font-size: 9px; font-weight: 850; letter-spacing: 0; text-transform: uppercase; }
.flow-source-card strong,
.flow-control-card strong,
.flow-dashboard-card strong { display: block; color: #173451; font-size: 13px; }
.flow-source-card small,
.flow-control-card small,
.flow-dashboard-card small { display: block; margin-top: 5px; color: #718398; font-size: 9px; }
.mini-kpis { display: flex; height: 74px; align-items: flex-end; gap: 8px; margin: 15px 0 8px; padding: 10px; border-radius: 11px; background: linear-gradient(180deg,#eef7ff,#f7f9ff); }
.mini-kpis i { flex: 1; height: var(--h); min-height: 10%; border-radius: 5px 5px 2px 2px; background: linear-gradient(180deg,#2ebdd9,#497df3 58%,#7859f6); box-shadow: 0 8px 16px rgba(40,120,255,.12); animation: mini-bars 3.8s ease-in-out infinite alternate; transform-origin: bottom; }
.mini-kpis i:nth-child(2) { animation-delay: -.8s; }
.mini-kpis i:nth-child(3) { animation-delay: -1.6s; }
.mini-kpis i:nth-child(4) { animation-delay: -2.4s; }
.mini-kpis i:nth-child(5) { animation-delay: -3.2s; }
.flow-status { position: absolute; right: 20px; bottom: 16px; left: 20px; z-index: 10; display: flex; justify-content: space-between; gap: 10px; color: #62778d; font: 760 8px/1.2 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace; letter-spacing: 0; text-transform: uppercase; }
.flow-status span { display: inline-flex; align-items: center; gap: 6px; }
.flow-status span::before { width: 5px; height: 5px; border-radius: 50%; background: #0b9f78; content: ""; }

.home-light .glass-card { border-color: rgba(38,76,118,.14); background: rgba(255,255,255,.86); box-shadow: 0 18px 48px rgba(31,66,105,.07), inset 0 1px 0 #fff; }
.home-light .glass-card::before { background: radial-gradient(circle at var(--card-x,50%) var(--card-y,50%),rgba(40,120,255,.08),transparent 42%); }
.home-light .glass-card:hover { border-color: rgba(40,120,255,.34); background: #fff; box-shadow: 0 26px 65px rgba(31,66,105,.12); }
.home-light .card-index { color: #8494a6; }
.home-light .card-icon { border-color: rgba(40,120,255,.18); background: linear-gradient(145deg,#eaf6ff,#f1edff); color: #246fc6; }
.home-light .card-link { color: #176ead; }

.past-performance { border-block: 1px solid rgba(38,76,118,.12); background: linear-gradient(180deg,#eef6ff 0%,#f9fbff 100%); }
.performance-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.performance-card { position: relative; min-height: 325px; padding: 28px; overflow: hidden; border: 1px solid rgba(38,76,118,.14); border-radius: 24px; background: #fff; box-shadow: 0 18px 52px rgba(31,66,105,.08); }
.performance-card::before { position: absolute; top: 0; right: 0; left: 0; height: 4px; content: ""; background: linear-gradient(90deg,#2878ff,#2fc6dc); }
.performance-card:nth-child(even)::before { background: linear-gradient(90deg,#7859f6,#c044d9); }
.performance-card::after { position: absolute; right: -70px; bottom: -90px; width: 220px; height: 220px; border-radius: 50%; content: ""; background: radial-gradient(circle,rgba(40,120,255,.08),transparent 70%); }
.performance-card-top { position: relative; display: flex; align-items: center; justify-content: space-between; margin-bottom: 26px; }
.performance-card-top > span { display: grid; width: 52px; height: 52px; place-items: center; border: 1px solid rgba(40,120,255,.18); border-radius: 15px; background: linear-gradient(145deg,#e9f6ff,#f3f0ff); color: #176ead; font-size: 12px; font-weight: 880; letter-spacing: 0; }
.performance-card-top small { color: #9aabbb; font-size: 13px; font-weight: 800; }
.performance-card .kicker { margin-bottom: 7px; color: #1c7aa4; }
.performance-card h3 { position: relative; margin-bottom: 14px; font-size: 1.45rem; }
.performance-card > p:not(.kicker) { position: relative; font-size: 14px; line-height: 1.72; }
.performance-proof { position: relative; z-index: 1; display: flex; align-items: center; gap: 10px; margin-top: 22px; padding-top: 18px; border-top: 1px solid rgba(38,76,118,.12); }
.performance-proof i { flex: 0 0 auto; width: 9px; height: 9px; border-radius: 50%; background: #0b9f78; box-shadow: 0 0 0 5px rgba(11,159,120,.1); }
.performance-proof strong { color: #274c6b; font-size: 12px; line-height: 1.45; }
.home-light .disclaimer { color: #718398; }

.home-light .gov-band { border-color: rgba(95,177,255,.28); background: radial-gradient(circle at 87% 15%,rgba(47,198,220,.22),transparent 30%),linear-gradient(135deg,#123761,#174d7d 54%,#243e78); box-shadow: 0 28px 80px rgba(20,57,95,.22); }
.home-light .gov-band h2,
.home-light .gov-band .lede,
.home-light .gov-band p { color: #fff; }
.home-light .gov-band .eyebrow { color: #9cecff; }
.home-light .id-cell { border-color: rgba(255,255,255,.16); background: rgba(255,255,255,.08); }
.home-light .id-cell span { color: #a9c7df; }
.home-light .id-cell strong { color: #fff; }
.home-light .gov-band .button.secondary { border-color: rgba(255,255,255,.25); background: rgba(255,255,255,.08); color: #fff; }

.home-leadership { background: #fff; }
.founder-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; }
.founder-card { position: relative; display: grid; grid-template-columns: 230px 1fr; min-height: 430px; overflow: hidden; border: 1px solid rgba(38,76,118,.14); border-radius: 26px; background: #fff; box-shadow: 0 22px 64px rgba(31,66,105,.1); }
.founder-card::before { position: absolute; top: 0; right: 0; left: 0; z-index: 2; height: 4px; content: ""; background: linear-gradient(90deg,#2878ff,#2fc6dc); }
.founder-card:nth-child(2)::before { background: linear-gradient(90deg,#7859f6,#c044d9); }
.founder-visual { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 20px; padding: 28px 20px; background: linear-gradient(160deg,#edf6ff,#e7f0f8); }
.founder-visual.alt { background: linear-gradient(160deg,#f0efff,#edf2fa); }
.founder-photo { display: block; width: 100%; max-width: 190px; height: auto; aspect-ratio: 1; border: 5px solid rgba(255,255,255,.9); border-radius: 24px; object-fit: cover; object-position: center; box-shadow: 0 22px 46px rgba(31,66,105,.2); }
.founder-visual.alt .founder-photo { box-shadow: 0 22px 46px rgba(90,62,168,.18); }
.founder-monogram { display: grid; width: 104px; height: 104px; place-items: center; border-radius: 28px; background: linear-gradient(145deg,#2878ff,#1b9ec7); box-shadow: 0 22px 44px rgba(40,120,255,.24); color: #fff; font-size: 29px; font-weight: 850; letter-spacing: 0; }
.founder-visual.alt .founder-monogram { background: linear-gradient(145deg,#7859f6,#b541c1); box-shadow: 0 22px 44px rgba(120,89,246,.23); }
.founder-visual > span { color: #5f7590; font-size: 10px; font-weight: 820; letter-spacing: 0; line-height: 1.6; text-align: center; text-transform: uppercase; }
.founder-content { display: flex; flex-direction: column; padding: 32px; }
.founder-content .kicker { margin-bottom: 8px; color: #176ead; }
.founder-card:nth-child(2) .founder-content .kicker { color: #6b50d8; }
.founder-content h3 { margin-bottom: 15px; font-size: 1.55rem; }
.founder-content > p:not(.kicker) { font-size: 14px; line-height: 1.74; }
.founder-credentials { display: flex; flex-wrap: wrap; gap: 8px; margin-top: auto; padding-top: 20px; border-top: 1px solid rgba(38,76,118,.12); }
.founder-credentials span { padding: 7px 10px; border: 1px solid rgba(38,76,118,.13); border-radius: 999px; background: #f7faff; color: #536b84; font-size: 10px; font-weight: 730; }

.home-proof-section { padding-top: 0; background: #fff; }
.home-light .metric-row { border-color: rgba(38,76,118,.14); background: #f8fbff; box-shadow: 0 18px 50px rgba(31,66,105,.06); }
.home-light .metric + .metric { border-color: rgba(38,76,118,.14); }
.home-light .metric strong { color: #185eaf; }
.home-light .metric span { color: #60748a; }
.home-light .cta-band { border-color: rgba(40,120,255,.16); background: linear-gradient(135deg,#eaf5ff,#f0f7ff 50%,#f2efff); box-shadow: 0 20px 55px rgba(31,66,105,.08); }

.home-light .site-footer { border-top-color: rgba(134,188,235,.2); background: linear-gradient(145deg,#102b49,#12243e 58%,#1d2548); }
.home-light .site-footer .brand-copy strong,
.home-light .site-footer h3 { color: #fff; }
.home-light .site-footer .brand-copy span,
.home-light .site-footer p,
.home-light .site-footer .fine,
.home-light .site-footer .footer-bottom p { color: #9fb1c6; }
.home-light .site-footer a { color: #c8d6e8; }
.home-light .site-footer a:hover { color: #7eeaff; }

@keyframes mini-bars { 0%,100% { transform: scaleY(.72); opacity: .72; } 55% { transform: scaleY(1); opacity: 1; } }

@media (max-width: 1180px) {
  .home-hero-grid { grid-template-columns: minmax(0,1fr) minmax(400px,.9fr); gap: 42px; }
  .data-flow-layout { grid-template-columns: 1fr; }
  .data-flow-copy { max-width: 840px; }
  .flow-canvas { width: 100%; }
  .founder-grid { grid-template-columns: 1fr; }
  .founder-card { min-height: 330px; }
}

@media (max-width: 980px) {
  .home-light .nav-links { border-color: rgba(38,76,118,.16); background: rgba(255,255,255,.98); box-shadow: 0 26px 70px rgba(31,66,105,.18); }
  .home-hero-grid { grid-template-columns: 1fr; }
  .hero-bright .hero-copy { max-width: 840px; }
  .hero-contact-card { width: min(100%,760px); }
  .performance-grid { grid-template-columns: 1fr; }
  .performance-card { min-height: 0; }
}

@media (max-width: 760px) {
  .hero-bright h1 { font-size: 2.65rem; }
  .home-form { grid-template-columns: 1fr; }
  .home-form .field,
  .home-form .field.full { grid-column: 1; }
  .hero-contact-direct { flex-direction: column; }
  .process-list li { grid-template-columns: 44px 1fr; }
  .flow-canvas { display: grid; min-height: 0; gap: 12px; padding: 70px 16px 18px; }
  .flow-map { display: none; }
  .flow-source-card,
  .flow-control-card,
  .flow-dashboard-card { position: relative; top: auto; right: auto; left: auto; width: auto; transform: none; }
  .flow-source-card::after,
  .flow-control-card::after { display: block; width: 2px; height: 18px; margin: 12px auto -30px; background: linear-gradient(#29b9d6,#7859f6); content: ""; }
  .flow-status { position: relative; right: auto; bottom: auto; left: auto; flex-wrap: wrap; margin-top: 6px; }
  .founder-card { grid-template-columns: 1fr; }
  .founder-visual { min-height: 205px; }
}

@media (max-width: 520px) {
  .hero-contact-card { padding: 24px 20px; border-radius: 23px; }
  .hero-contact-card h2 { font-size: 1.65rem; }
  .performance-card { padding: 24px 21px; }
  .founder-content { padding: 25px 21px; }
  .founder-credentials { align-items: flex-start; flex-direction: column; }
  .flow-canvas-head strong { display: none; }
  .flow-status span:nth-child(2) { display: inline-flex; }
}

@media print {
  .hero-contact-card,
  .flow-canvas { box-shadow: none; }
  .flow-canvas::after { display: none; }
}

/* AVIZ homepage v19 — premium product-led experience */
.home-light { --home-blue: #0878d1; --home-cyan: #14a9c7; --home-violet: #7356e8; --home-navy: #0b2747; }
.home-light .wrap { width: min(1420px, calc(100% - 64px)); }
.home-light .site-progress { height: 3px; background: linear-gradient(90deg,#0878d1,#13adc8,#7356e8,#d447a6); box-shadow: 0 0 16px rgba(20,169,199,.34); }
.home-light .site-header { border-color: rgba(26,78,126,.1); background: rgba(255,255,255,.88); }
.home-light .site-header.is-scrolled { background: rgba(255,255,255,.96); box-shadow: 0 10px 34px rgba(25,67,105,.08); }

.hero-bright { padding: clamp(62px,6vw,96px) 0 38px; background: radial-gradient(circle at 77% 24%,rgba(46,191,222,.2),transparent 31rem),radial-gradient(circle at 18% 4%,rgba(63,129,239,.12),transparent 27rem),linear-gradient(180deg,#fff 0%,#f4f9ff 72%,#eef7ff 100%); }
.hero-bright::before { opacity: .19; mask-image: linear-gradient(90deg,#000,rgba(0,0,0,.2) 72%,transparent); }
.home-hero-grid { grid-template-columns: minmax(420px,.78fr) minmax(660px,1.22fr); gap: clamp(44px,5vw,82px); align-items: center; }
.hero-bright h1 { max-width: 690px; font-size: 3.45rem; line-height: .96; letter-spacing: 0; }
.hero-bright .lede { max-width: 650px; margin-top: 26px; font-size: 1.06rem; line-height: 1.75; }
.hero-bright .hero-actions { margin-top: 32px; }
.hero-bright .button { min-height: 54px; padding-inline: 23px; border-radius: 4px; }
.hero-contact-wrap { position: relative; z-index: 12; margin-top: clamp(42px,5vw,70px); }

.hero-system { position: relative; min-height: 620px; overflow: hidden; border: 1px solid rgba(27,85,138,.16); border-radius: 34px; background: radial-gradient(circle at 76% 22%,rgba(20,169,199,.16),transparent 17rem),radial-gradient(circle at 27% 82%,rgba(115,86,232,.1),transparent 19rem),linear-gradient(155deg,rgba(255,255,255,.98),rgba(232,243,255,.97)); box-shadow: 0 40px 100px rgba(25,73,116,.18),0 2px 0 #fff inset; isolation: isolate; transform: perspective(1400px) rotateY(-1.2deg) rotateX(.5deg); transform-origin: center; transition: transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease; }
.hero-system:hover { transform: perspective(1400px) rotateY(0) rotateX(0) translateY(-4px); box-shadow: 0 50px 120px rgba(25,73,116,.23),0 2px 0 #fff inset; }
.hero-system::before { position: absolute; inset: -40% auto auto -5%; z-index: -1; width: 80%; height: 95%; border-radius: 50%; background: conic-gradient(from 160deg,rgba(8,120,209,.18),rgba(20,169,199,.05),rgba(115,86,232,.15),rgba(8,120,209,.18)); filter: blur(60px); content: ""; animation: hero-aurora-spin 18s linear infinite; }
.hero-system::after { position: absolute; inset: 0; z-index: 20; pointer-events: none; background: linear-gradient(105deg,transparent 30%,rgba(255,255,255,.74) 48%,transparent 64%); transform: translateX(-120%); content: ""; animation: hero-system-sheen 8s ease-in-out infinite; }
.hero-system-top { position: relative; z-index: 21; display: flex; min-height: 54px; align-items: center; justify-content: space-between; gap: 20px; padding: 0 22px; border-bottom: 1px solid rgba(24,78,128,.12); background: rgba(255,255,255,.72); color: #6e8194; font: 800 9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing: 0; text-transform: uppercase; backdrop-filter: blur(16px); }
.hero-system-top span { display: inline-flex; align-items: center; gap: 9px; color: #0b6da7; }
.hero-system-top i { width: 8px; height: 8px; border-radius: 50%; background: #0aa474; box-shadow: 0 0 0 5px rgba(10,164,116,.11); animation: interface-pulse 1.8s ease-in-out infinite; }
.hero-system-stage { position: relative; min-height: 566px; }
.hero-system-map { position: absolute; inset: 0; width: 100%; height: 100%; opacity: .82; }
.hero-system-grid path { fill: none; stroke: rgba(34,88,136,.065); stroke-width: 1; }
.hero-system-links path { fill: none; stroke: url(#heroLine); stroke-width: 2; stroke-linecap: round; stroke-dasharray: 4 9; opacity: .32; animation: hero-link-dash 12s linear infinite; }
.hero-system-packets circle { fill: #fff; stroke: #0878d1; stroke-width: 3; }
.hero-system-packets .violet { stroke: #7356e8; }
.hero-system-packets .aqua { stroke: #14a9c7; }
.hero-system-node .pulse { fill: rgba(8,120,209,.08); transform-box: fill-box; transform-origin: center; animation: hero-node-pulse 2.8s ease-in-out infinite; }
.hero-system-node .dot { fill: #fff; stroke: #0878d1; stroke-width: 2.5; }
.hero-system-node.n-3 .dot,.hero-system-node.n-5 .dot { stroke: #7356e8; }
.hero-system-node.n-6 .dot,.hero-system-node.n-7 .dot { stroke: #14a9c7; }
.hero-float,.hero-bi-card,.hero-code-chip { position: absolute; z-index: 10; border: 1px solid rgba(24,78,128,.16); background: rgba(255,255,255,.93); box-shadow: 0 20px 55px rgba(24,69,109,.14); backdrop-filter: blur(17px) saturate(1.2); }
.hero-float { min-width: 174px; padding: 14px 16px; border-radius: 15px; animation: hero-float 5.8s ease-in-out infinite; }
.hero-float span,.hero-bi-head span { display: block; color: #1672aa; font-size: 8px; font-weight: 850; letter-spacing: 0; text-transform: uppercase; }
.hero-float strong { display: block; margin-top: 4px; color: #173955; font-size: 11px; }
.hero-float small { display: block; margin-top: 4px; color: #72869a; font-size: 8px; }
.hero-float.source { top: 72px; left: 22px; }
.hero-float.model { top: 218px; left: 38%; animation-delay: -1.7s; }
.hero-float.approval { right: 18px; bottom: 96px; animation-delay: -3.1s; }
.hero-bi-card { top: 98px; right: 38px; width: min(56%,390px); padding: 20px; border-radius: 22px; }
.hero-bi-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.hero-bi-head strong { display: block; margin-top: 3px; color: #163a5b; font-size: 15px; }
.hero-bi-head > i { width: 10px; height: 10px; border-radius: 50%; background: #0aa474; box-shadow: 0 0 0 5px rgba(10,164,116,.1); }
.hero-bi-kpis { display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; margin-top: 16px; }
.hero-bi-kpis div { padding: 10px; border: 1px solid rgba(30,82,129,.1); border-radius: 11px; background: #f6faff; }
.hero-bi-kpis span,.hero-bi-kpis small { display: block; color: #76899d; font-size: 7px; }
.hero-bi-kpis strong { display: block; margin: 4px 0 2px; color: #0c5d9b; font-size: 17px; line-height: 1; }
.hero-bi-chart { display: block; width: 100%; height: 118px; margin-top: 14px; overflow: visible; }
.hero-bi-chart .grid { fill: none; stroke: rgba(33,83,130,.1); }
.hero-bi-chart .area { fill: url(#heroArea); }
.hero-bi-chart .line { fill: none; stroke: #0878d1; stroke-width: 3; stroke-linecap: round; stroke-dasharray: 600; animation: hero-chart-draw 3.6s ease-in-out infinite alternate; }
.hero-bi-foot { display: flex; justify-content: space-between; gap: 14px; color: #7c8da0; font-size: 7px; }
.hero-bi-foot span:first-child { display: inline-flex; align-items: center; gap: 6px; color: #13745b; }
.hero-bi-foot i { width: 6px; height: 6px; border-radius: 50%; background: #0aa474; }
.hero-code-chip { bottom: 28px; left: 24px; display: grid; width: 60%; gap: 5px; padding: 14px 16px; border-radius: 14px; animation: hero-float 6.8s ease-in-out infinite reverse; }
.hero-code-chip span { color: #647d92; font: 800 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing: 0; text-transform: uppercase; }
.hero-code-chip code { overflow: hidden; color: #215b86; font: 700 10px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace; text-overflow: ellipsis; white-space: nowrap; }

.contact-ribbon { position: relative; display: grid; grid-template-columns: minmax(260px,.64fr) minmax(680px,1.36fr); align-items: center; gap: clamp(28px,4vw,62px); padding: clamp(28px,3.5vw,46px); overflow: hidden; border: 1px solid rgba(30,82,129,.15); border-radius: 28px; background: rgba(255,255,255,.97); box-shadow: 0 30px 90px rgba(26,70,110,.14),inset 0 1px 0 #fff; }
.contact-ribbon::before { position: absolute; inset: 0 auto 0 0; width: 6px; background: linear-gradient(#0878d1,#14a9c7,#7356e8); content: ""; }
.contact-ribbon::after { position: absolute; top: -160px; left: 8%; width: 380px; height: 300px; border-radius: 50%; background: radial-gradient(circle,rgba(20,169,199,.1),transparent 70%); pointer-events: none; content: ""; }
.contact-ribbon-copy { position: relative; z-index: 1; }
.contact-ribbon h2 { margin: 12px 0 8px; font-size: 1.65rem; letter-spacing: 0; }
.contact-ribbon-copy > p { margin: 0; font-size: 13px; line-height: 1.55; }
.contact-ribbon .hero-contact-direct { justify-content: flex-start; margin-top: 15px; padding-top: 13px; }
.contact-ribbon .home-form { position: relative; z-index: 1; grid-template-columns: repeat(4,minmax(0,1fr)); align-items: end; gap: 11px; }
.contact-ribbon .home-form .field.full { grid-column: 1 / -1; }
.contact-ribbon .home-form .field label { font-size: 10px; }
.contact-ribbon .home-form .field input { min-height: 48px; }
.contact-ribbon .home-form .form-actions { display: grid; grid-template-columns: minmax(180px,260px) 1fr; align-items: center; flex-direction: row; margin-top: 0; }
.contact-ribbon .home-form .button { width: auto; min-height: 48px; border-radius: 4px; }

.engineering-studio { overflow: hidden; background: radial-gradient(circle at 85% 0,rgba(115,86,232,.09),transparent 27rem),linear-gradient(180deg,#fff,#f6faff); }
.studio-shell { overflow: hidden; border: 1px solid rgba(28,80,128,.15); border-radius: 30px; background: #fff; box-shadow: 0 32px 90px rgba(25,67,106,.13); }
.studio-nav { display: grid; grid-template-columns: repeat(3,1fr); gap: 0; border-bottom: 1px solid rgba(28,80,128,.12); background: #f6f9fd; }
.studio-nav button { position: relative; min-height: 76px; padding: 18px 24px; border: 0; border-right: 1px solid rgba(28,80,128,.1); background: transparent; color: #5c7187; font-weight: 760; cursor: pointer; text-align: left; transition: background .2s ease,color .2s ease; }
.studio-nav button:last-child { border-right: 0; }
.studio-nav button span { margin-right: 14px; color: #9babb9; font: 800 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace; }
.studio-nav button[aria-selected="true"] { background: #fff; color: #0d5f9f; box-shadow: inset 0 4px 0 #0878d1; }
.studio-nav button:focus-visible { z-index: 2; }
.studio-workspace { display: grid; grid-template-columns: minmax(0,1.22fr) minmax(360px,.78fr); min-height: 510px; }
.studio-code { display: flex; min-width: 0; flex-direction: column; background: #0d2744; color: #e8f4ff; }
.studio-codebar { display: flex; min-height: 58px; align-items: center; gap: 18px; padding: 0 22px; border-bottom: 1px solid rgba(190,222,255,.16); background: #112e4e; }
.studio-codebar > span { display: flex; gap: 6px; }
.studio-codebar i { width: 8px; height: 8px; border-radius: 50%; background: #4eb7dd; }
.studio-codebar i:nth-child(2) { background: #7b6be7; }
.studio-codebar i:nth-child(3) { background: #2fc294; }
.studio-codebar strong { color: #eaf5ff; font: 760 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace; }
.studio-codebar small { margin-left: auto; color: #83a0ba; font: 700 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing: 0; text-transform: uppercase; }
.studio-code pre { flex: 1; margin: 0; padding: clamp(28px,4vw,52px); overflow: auto; color: #d8eaff; font: 600 clamp(12px,1.15vw,15px)/1.9 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace; tab-size: 2; white-space: pre-wrap; }
.studio-code pre[hidden] { display: none; }
.c-muted { color: #7693ad; }.c-key { color: #72d5ff; }.c-fn { color: #c6a7ff; }.c-string { color: #83e6bf; }.c-value { color: #ffc77b; }
.studio-console { display: flex; min-height: 48px; flex-wrap: wrap; align-items: center; gap: 12px 24px; padding: 10px 22px; border-top: 1px solid rgba(190,222,255,.13); background: #102d4d; color: #8da8c1; font: 700 9px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace; }
.studio-console span:first-child { color: #8ce6c4; }.studio-console i { display: inline-block; width: 7px; height: 7px; margin-right: 6px; border-radius: 50%; background: #2fc294; box-shadow: 0 0 10px rgba(47,194,148,.55); }
.studio-output { position: relative; padding: clamp(30px,4vw,50px); overflow: hidden; background: radial-gradient(circle at 90% 5%,rgba(20,169,199,.12),transparent 18rem),#fff; }
.studio-output::after { position: absolute; right: -120px; bottom: -140px; width: 310px; height: 310px; border: 1px solid rgba(8,120,209,.1); border-radius: 50%; box-shadow: 0 0 0 32px rgba(8,120,209,.025),0 0 0 64px rgba(8,120,209,.018); content: ""; }
.studio-output-head { position: relative; z-index: 1; display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.studio-output-head span { color: #0d76b3; font-size: 9px; font-weight: 850; letter-spacing: 0; }
.studio-output-head h3 { margin: 8px 0 0; font-size: 1.45rem; }
.studio-output-head > strong { padding: 7px 9px; border: 1px solid rgba(10,164,116,.2); border-radius: 999px; background: rgba(10,164,116,.07); color: #0a805e; font-size: 8px; letter-spacing: 0; white-space: nowrap; }
.studio-output > p { position: relative; z-index: 1; margin-top: 20px; font-size: 13px; line-height: 1.65; }
.studio-metric { position: relative; z-index: 1; margin-top: 32px; padding: 22px; border: 1px solid rgba(28,80,128,.12); border-radius: 19px; background: #f5f9fe; }
.studio-metric span,.studio-metric small { display: block; color: #71859a; font-size: 10px; }.studio-metric strong { display: block; margin: 10px 0 7px; color: #0d659f; font-size: 2.6rem; line-height: .9; letter-spacing: 0; }
.studio-bars { position: relative; z-index: 1; display: grid; gap: 9px; margin-top: 24px; }.studio-bars i { display: block; width: var(--w); height: 8px; border-radius: 99px; background: linear-gradient(90deg,#0878d1,#14a9c7,#7356e8); transform-origin: left; animation: studio-bar-grow 1.2s cubic-bezier(.2,.8,.2,1) both; }
.studio-bars i:nth-child(2) { animation-delay: .08s; }.studio-bars i:nth-child(3) { animation-delay: .16s; }.studio-bars i:nth-child(4) { animation-delay: .24s; }
.studio-output-list { position: relative; z-index: 1; display: grid; gap: 9px; margin-top: 26px; }.studio-output-list span { display: flex; align-items: center; gap: 9px; color: #526b82; font-size: 11px; font-weight: 720; }.studio-output-list i { width: 7px; height: 7px; border-radius: 50%; background: #0aa474; box-shadow: 0 0 0 4px rgba(10,164,116,.08); }

/* Light, highly legible version of the interactive analytics showcase. */
.home-light .portfolio-showcase { border-color: rgba(28,80,128,.12); background: radial-gradient(circle at 12% 18%,rgba(20,169,199,.1),transparent 32rem),radial-gradient(circle at 90% 78%,rgba(115,86,232,.08),transparent 30rem),linear-gradient(180deg,#f4f9ff,#fff); }
.home-light .portfolio-aurora { opacity: .55; }
.home-light .portfolio-dashboard { border-color: rgba(28,80,128,.17); background: #fff; box-shadow: 0 38px 100px rgba(25,67,106,.15),0 1px 0 #fff inset; }
.home-light .portfolio-dashboard::before { background: linear-gradient(110deg,transparent 22%,rgba(var(--portfolio-accent-rgb),.09) 46%,transparent 68%); }
.home-light .portfolio-topbar { border-color: rgba(28,80,128,.12); background: rgba(246,250,255,.92); }
.home-light .portfolio-product > strong,.home-light .portfolio-context h3,.home-light .portfolio-kpis article > strong,.home-light .portfolio-panel-head h4,.home-light .portfolio-insight h4,.home-light .portfolio-sample-note strong,.home-light .portfolio-benchmarks > div > p strong,.home-light .portfolio-callout strong,.home-light .portfolio-signals p strong { color: #153753; }
.home-light .portfolio-live,.home-light .portfolio-ai-chip { color: #076b9c; }
.home-light .portfolio-tabs { border-color: rgba(28,80,128,.13); background: #edf4fb; }
.home-light .portfolio-tabs button { color: #60758b; }
.home-light .portfolio-tabs button[aria-selected="true"] { background: #fff; color: #0a5f9f; box-shadow: 0 6px 20px rgba(24,70,110,.1); }
.home-light .portfolio-context > div:first-child > p:last-child,.home-light .portfolio-kpis article span,.home-light .portfolio-kpis article > p,.home-light .portfolio-panel-head p,.home-light .portfolio-benchmarks > div > p,.home-light .portfolio-callout p,.home-light .portfolio-signals p small,.home-light .portfolio-insight > p,.home-light .portfolio-caption p { color: #667c91; }
.home-light .portfolio-sample-note { border-color: rgba(28,80,128,.12); background: #f5f9fd; }
.home-light .portfolio-kpis article,.home-light .portfolio-panel { border-color: rgba(28,80,128,.12); background: linear-gradient(150deg,#fff,#f5f9fe); box-shadow: 0 14px 34px rgba(24,70,110,.07); }
.home-light .portfolio-kpis article > p b,.home-light .portfolio-signals div > b { color: #0878d1; }
.home-light .portfolio-gridlines path { stroke: rgba(28,80,128,.12); }
.home-light .portfolio-line.prior { stroke: #95a8b9; }
.home-light .portfolio-points circle { fill: #fff; }
.home-light .portfolio-axis text { fill: #75899d; }
.home-light .portfolio-benchmarks > div > i { background: #e6eef6; }
.home-light .portfolio-insight { background: radial-gradient(circle at 12% 12%,rgba(var(--portfolio-accent-rgb),.11),transparent 55%),linear-gradient(150deg,#fff,#f3f7fc); }
.home-light .portfolio-guardrail span { border-color: rgba(28,80,128,.13); color: #61778d; }
.home-light .portfolio-foot { border-color: rgba(28,80,128,.12); background: #f2f7fc; color: #6b7f92; }
.home-light .portfolio-foot span:first-child { color: #45647e; }
.home-light .portfolio-caption strong { color: #2f506b; }

.home-light .site-footer { border-top-color: rgba(28,80,128,.12); background: linear-gradient(145deg,#f2f8ff,#fff 58%,#f4f1ff); }
.home-light .site-footer .brand-copy strong,.home-light .site-footer h3 { color: #153753; }
.home-light .site-footer .brand-copy span,.home-light .site-footer p,.home-light .site-footer .fine,.home-light .site-footer .footer-bottom p { color: #64798e; }
.home-light .site-footer a { color: #345d7e; }.home-light .site-footer a:hover { color: #0878d1; }

/* Ambient illumination follows the site’s moving systems ------------------ */
.motion-ambient {
  position: relative;
  isolation: isolate;
}
.motion-ambient::before {
  position: absolute;
  inset: 7% 4%;
  z-index: -1;
  border-radius: 34%;
  content: "";
  pointer-events: none;
  opacity: .46;
  filter: blur(54px);
  transform: translate3d(-1.5%, 1%, 0) scale(.94);
  will-change: opacity, transform;
  animation: ambient-follow-light 9s cubic-bezier(.45,.05,.55,.95) infinite alternate;
}
.motion-ambient > * { position: relative; z-index: 1; }
.motion-ambient-hero::before {
  inset: 4% 1% 2%;
  background: radial-gradient(circle at 24% 34%,rgba(20,169,199,.34),transparent 46%),radial-gradient(circle at 78% 58%,rgba(115,86,232,.3),transparent 48%),radial-gradient(circle at 52% 80%,rgba(40,120,255,.24),transparent 44%);
  filter: blur(62px);
}
.motion-ambient-cyan::before {
  inset: 10% 7%;
  background: radial-gradient(circle at 24% 48%,rgba(20,169,199,.3),transparent 48%),radial-gradient(circle at 78% 56%,rgba(40,120,255,.22),transparent 52%);
}
.motion-ambient-violet::before {
  inset: 7% 4%;
  background: radial-gradient(circle at 18% 42%,rgba(41,185,214,.28),transparent 44%),radial-gradient(circle at 78% 48%,rgba(120,89,246,.28),transparent 50%);
  animation-delay: -3s;
}
.motion-ambient-mixed::before {
  inset: 4% 2%;
  background: radial-gradient(circle at 14% 32%,rgba(21,159,197,.26),transparent 42%),radial-gradient(circle at 54% 58%,rgba(40,120,255,.2),transparent 50%),radial-gradient(circle at 88% 66%,rgba(192,68,217,.2),transparent 42%);
  filter: blur(68px);
  animation-duration: 12s;
}
.hero-system-packets circle { filter: url(#heroGlow) drop-shadow(0 0 8px rgba(20,169,199,.9)); }
.hero-system-packets circle.violet { filter: url(#heroGlow) drop-shadow(0 0 9px rgba(115,86,232,.82)); }
.hero-float.source { box-shadow: 0 20px 55px rgba(24,69,109,.14),0 0 30px rgba(20,169,199,.13); }
.hero-float.model { box-shadow: 0 20px 55px rgba(24,69,109,.14),0 0 32px rgba(40,120,255,.13); }
.hero-float.approval { box-shadow: 0 20px 55px rgba(24,69,109,.14),0 0 32px rgba(120,89,246,.15); }
.flow-active { filter: drop-shadow(0 0 7px rgba(40,120,255,.46)) drop-shadow(0 0 15px rgba(41,185,214,.22)); }
.flow-packet { filter: drop-shadow(0 0 7px rgba(40,120,255,.72)); }
.mini-kpis i { box-shadow: 0 8px 16px rgba(40,120,255,.12),0 0 16px rgba(41,185,214,.16); }
.studio-bars i { box-shadow: 0 5px 13px rgba(8,120,209,.16),0 0 17px rgba(20,169,199,.14); }
.home-light .portfolio-dashboard { box-shadow: 0 38px 100px rgba(25,67,106,.15),0 0 54px rgba(var(--portfolio-accent-rgb),.09),0 1px 0 #fff inset; }
.portfolio-line { filter: drop-shadow(0 0 7px rgba(var(--portfolio-accent-rgb),.62)) drop-shadow(0 0 16px rgba(var(--portfolio-accent-rgb),.18)); }

@keyframes hero-aurora-spin { to { transform: rotate(360deg); } }
@keyframes hero-system-sheen { 0%,58% { transform: translateX(-120%); } 82%,100% { transform: translateX(120%); } }
@keyframes hero-link-dash { to { stroke-dashoffset: -150; } }
@keyframes hero-node-pulse { 0%,100% { opacity: .45; transform: scale(.72); } 50% { opacity: 1; transform: scale(1.15); } }
@keyframes hero-chart-draw { from { stroke-dashoffset: 600; } to { stroke-dashoffset: 0; } }
@keyframes hero-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } }
@keyframes studio-bar-grow { from { transform: scaleX(.1); opacity: .2; } to { transform: scaleX(1); opacity: 1; } }
@keyframes brother-callout-sheen { 0%,58% { transform: translateX(-130%); } 78%,100% { transform: translateX(130%); } }
@keyframes ambient-follow-light {
  0% { opacity: .34; transform: translate3d(-2.5%,1.5%,0) scale(.93) rotate(-1deg); }
  48% { opacity: .58; transform: translate3d(1.5%,-1%,0) scale(1.02) rotate(1deg); }
  100% { opacity: .44; transform: translate3d(3%,1.5%,0) scale(.97) rotate(2deg); }
}

@media (max-width: 1280px) {
  .home-hero-grid { grid-template-columns: minmax(390px,.82fr) minmax(560px,1.18fr); gap: 40px; }
  .hero-system { min-height: 570px; }.hero-system-stage { min-height: 516px; }
  .contact-ribbon { grid-template-columns: 260px 1fr; }.contact-ribbon .home-form { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 1040px) {
  .home-hero-grid { grid-template-columns: 1fr; }.hero-bright .hero-copy { max-width: 850px; }.hero-system { width: min(100%,850px); transform: none; }.hero-system:hover { transform: translateY(-3px); }
  .contact-ribbon { grid-template-columns: 1fr; }.contact-ribbon-copy { max-width: 720px; }
  .studio-workspace { grid-template-columns: 1fr; }.studio-output { min-height: 500px; }
}
@media (max-width: 760px) {
  .home-light .wrap { width: min(100% - 36px,1420px); }.hero-bright { padding-top: 42px; }.hero-bright h1 { font-size: 3rem; }
  .hero-system { min-height: 560px; border-radius: 25px; }.hero-system-top strong { display: none; }.hero-system-stage { min-height: 506px; }.hero-bi-card { top: 145px; right: 18px; left: 18px; width: auto; }.hero-float.model,.hero-float.approval { display: none; }.hero-float.source { top: 24px; left: 18px; }.hero-code-chip { right: 18px; bottom: 20px; left: 18px; width: auto; }
  .contact-ribbon { padding: 27px 22px; border-radius: 22px; }.contact-ribbon .home-form { grid-template-columns: 1fr; }.contact-ribbon .home-form .field,.contact-ribbon .home-form .field.full { grid-column: 1; }.contact-ribbon .home-form .form-actions { grid-template-columns: 1fr; align-items: start; }.contact-ribbon .home-form .button { width: 100%; }
  .studio-nav { grid-template-columns: 1fr; }.studio-nav button { min-height: 58px; border-right: 0; border-bottom: 1px solid rgba(28,80,128,.1); }.studio-nav button[aria-selected="true"] { box-shadow: inset 4px 0 0 #0878d1; }.studio-codebar small { display: none; }.studio-code pre { padding: 28px 20px; font-size: 11px; }.studio-console { align-items: flex-start; flex-direction: column; }.studio-output { min-height: 460px; padding: 28px 22px; }
}
@media (max-width: 460px) {
  .brother-owned-callout { width: 100%; align-items: flex-start; padding: 12px 13px; }
  .brother-marks { min-width: 61px; }
  .brother-marks span { width: 36px; height: 36px; font-size: 9px; }
  .hero-system { min-height: 530px; }.hero-system-stage { min-height: 476px; }.hero-bi-card { padding: 16px; }.hero-bi-kpis div { padding: 8px 6px; }.hero-bi-kpis strong { font-size: 14px; }.hero-bi-chart { height: 105px; }.hero-bi-foot span:last-child { display: none; }.hero-code-chip code { font-size: 8px; }
}

@media (prefers-reduced-motion: reduce) {
  .motion-ambient::before,.brother-owned-callout::after,.hero-system,.hero-system::before,.hero-system::after,.hero-system-links path,.hero-system-node .pulse,.hero-bi-chart .line,.hero-float,.hero-code-chip,.studio-bars i { animation: none !important; transform: none !important; transition: none !important; }
}

@media print {
  .hero-system,.contact-ribbon,.studio-shell,.home-light .portfolio-dashboard { box-shadow: none; transform: none; }
  .hero-system::after { display: none; }
}

/* Bright ambient system shared by every interior page --------------------- */
.interior-light {
  background:
    radial-gradient(circle at 7% 3%, rgba(40,120,255,.13), transparent 31rem),
    radial-gradient(circle at 94% 16%, rgba(42,180,218,.14), transparent 34rem),
    radial-gradient(circle at 48% 58%, rgba(120,89,246,.055), transparent 43rem),
    linear-gradient(180deg,#f8fbff 0%,#f3f8fd 46%,#fff 100%);
}

.interior-light .page-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(62px,6vw,94px) 0 clamp(58px,5vw,82px);
  border-bottom-color: rgba(31,82,129,.12);
  background:
    radial-gradient(circle at 79% 28%,rgba(36,183,215,.17),transparent 27rem),
    radial-gradient(circle at 16% 84%,rgba(120,89,246,.09),transparent 30rem),
    linear-gradient(180deg,rgba(255,255,255,.72),rgba(239,247,255,.76));
  isolation: isolate;
}
.interior-light .page-hero::before {
  position: absolute;
  inset: -35% 43% auto -8%;
  z-index: -1;
  height: 520px;
  border-radius: 50%;
  background: conic-gradient(from 90deg,rgba(40,120,255,.12),rgba(42,180,218,.16),rgba(120,89,246,.1),rgba(40,120,255,.12));
  content: "";
  filter: blur(76px);
  animation: interior-aurora-drift 13s ease-in-out infinite alternate;
}
.interior-light .page-hero::after {
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image: radial-gradient(circle,rgba(27,113,192,.2) 0 1px,transparent 1.7px);
  background-position: 74% 35%;
  background-size: 42px 42px;
  content: "";
  opacity: .22;
  mask-image: linear-gradient(90deg,transparent 42%,#000 68%,transparent);
  animation: interior-grid-drift 24s linear infinite;
}
.page-hero-grid { display: grid; grid-template-columns: minmax(0,.98fr) minmax(480px,1.02fr); align-items: center; gap: clamp(44px,6vw,92px); }
.page-hero-copy { position: relative; z-index: 2; }
.interior-light .page-hero h1 { max-width: 800px; font-size: 3rem; }
.interior-light .page-hero .lede { max-width: 760px; color: #506981; font-size: 1.04rem; }
.interior-light .breadcrumbs { color: #71869a; }
.interior-light .breadcrumbs a { color: #276baf; }

.page-system {
  position: relative;
  min-height: 470px;
  overflow: hidden;
  border: 1px solid rgba(27,85,138,.16);
  border-radius: 30px;
  background:
    radial-gradient(circle at 72% 22%,rgba(20,169,199,.16),transparent 16rem),
    radial-gradient(circle at 24% 82%,rgba(115,86,232,.12),transparent 18rem),
    linear-gradient(155deg,rgba(255,255,255,.98),rgba(232,243,255,.96));
  box-shadow: 0 34px 90px rgba(25,73,116,.17),0 0 54px rgba(20,169,199,.08),inset 0 2px 0 #fff;
  isolation: isolate;
  transform: perspective(1200px) rotateY(-1.2deg) rotateX(.5deg);
  transition: transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease;
}
.page-system:hover { transform: perspective(1200px) rotateY(0) rotateX(0) translateY(-4px); box-shadow: 0 42px 105px rgba(25,73,116,.21),0 0 68px rgba(20,169,199,.1),inset 0 2px 0 #fff; }
.page-system::before {
  position: absolute;
  top: -42%;
  left: -15%;
  z-index: -1;
  width: 82%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: conic-gradient(from 150deg,rgba(8,120,209,.18),rgba(20,169,199,.05),rgba(115,86,232,.16),rgba(8,120,209,.18));
  content: "";
  filter: blur(56px);
  animation: hero-aurora-spin 20s linear infinite;
}
.page-system::after { position: absolute; inset: 0; z-index: 20; background: linear-gradient(108deg,transparent 31%,rgba(255,255,255,.65) 48%,transparent 64%); content: ""; pointer-events: none; transform: translateX(-125%); animation: hero-system-sheen 9s ease-in-out infinite; }
.page-system-top { position: relative; z-index: 3; display: flex; min-height: 52px; align-items: center; justify-content: space-between; gap: 18px; padding: 0 20px; border-bottom: 1px solid rgba(24,78,128,.11); background: rgba(255,255,255,.7); color: #72869a; font: 800 8px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing: 0; backdrop-filter: blur(14px); }
.page-system-top span { display: inline-flex; align-items: center; gap: 8px; color: #0b6da7; }
.page-system-top i { width: 7px; height: 7px; border-radius: 50%; background: #0aa474; box-shadow: 0 0 0 5px rgba(10,164,116,.1); animation: interface-pulse 1.8s ease-in-out infinite; }
.page-system-map { position: absolute; inset: 52px 0 0; width: 100%; height: calc(100% - 52px); opacity: .86; }
.page-system-gridlines path { fill: none; stroke: rgba(34,88,136,.07); stroke-width: 1; }
.page-system-links path { fill: none; stroke: url(#pageSystemLine); stroke-width: 2; stroke-linecap: round; stroke-dasharray: 5 10; opacity: .36; animation: hero-link-dash 11s linear infinite; }
.page-system-core { position: absolute; top: 50%; left: 50%; z-index: 4; display: grid; width: 190px; min-height: 132px; place-content: center; padding: 20px; border: 1px solid rgba(40,120,255,.2); border-radius: 22px; background: rgba(255,255,255,.94); box-shadow: 0 24px 56px rgba(24,69,109,.15),0 0 34px rgba(40,120,255,.1); text-align: center; transform: translate(-50%,-50%); backdrop-filter: blur(17px); }
.page-system-core span { color: #1672aa; font-size: 8px; font-weight: 850; letter-spacing: 0; }
.page-system-core strong { display: block; margin: 8px 0 5px; color: #173955; font-size: 16px; line-height: 1.15; }
.page-system-core small { color: #71869a; font-size: 8px; font-weight: 720; letter-spacing: 0; }
.page-system-core b { position: absolute; top: 13px; right: 13px; width: 8px; height: 8px; border-radius: 50%; background: #0aa474; box-shadow: 0 0 0 5px rgba(10,164,116,.1); animation: interface-pulse 1.8s ease-in-out infinite; }
.page-system-node { position: absolute; z-index: 5; display: grid; min-width: 124px; padding: 12px 13px 12px 31px; border: 1px solid rgba(24,78,128,.14); border-radius: 14px; background: rgba(255,255,255,.92); box-shadow: 0 16px 40px rgba(24,69,109,.12),0 0 25px rgba(20,169,199,.07); animation: hero-float 6.2s ease-in-out infinite; backdrop-filter: blur(15px); }
.page-system-node > i { position: absolute; top: 17px; left: 13px; width: 8px; height: 8px; border: 2px solid #159fc5; border-radius: 50%; box-shadow: 0 0 10px rgba(21,159,197,.44); }
.page-system-node span { color: #235876; font-size: 10px; font-weight: 830; letter-spacing: 0; text-transform: uppercase; }
.page-system-node small { margin-top: 3px; color: #788b9d; font-size: 8px; }
.page-system-node.node-a { top: 84px; left: 24px; }
.page-system-node.node-b { top: 84px; right: 24px; animation-delay: -1.5s; }
.page-system-node.node-c { bottom: 76px; left: 24px; animation-delay: -2.7s; }
.page-system-node.node-d { right: 24px; bottom: 76px; animation-delay: -4.1s; }
.page-system-node.node-b > i,.page-system-node.node-d > i { border-color: #7859f6; box-shadow: 0 0 10px rgba(120,89,246,.42); }
.page-system-status { position: absolute; right: 18px; bottom: 17px; left: 18px; z-index: 6; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 10px 13px; border: 1px solid rgba(24,78,128,.11); border-radius: 12px; background: rgba(246,250,255,.86); color: #648097; font: 780 8px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing: 0; text-transform: uppercase; backdrop-filter: blur(14px); }
.page-system-status span { display: inline-flex; align-items: center; gap: 7px; }
.page-system-status i { width: 6px; height: 6px; border-radius: 50%; background: #0aa474; box-shadow: 0 0 9px rgba(10,164,116,.5); }
.page-system-status strong { color: #376480; }

/* Section-level ambient light sits behind card systems rather than over text. */
.interior-light main > .section { overflow: clip; isolation: isolate; }
.interior-light main > .section > .wrap { position: relative; z-index: 1; }
.interior-light main > .section::before { position: absolute; top: 10%; left: -8%; z-index: -1; width: min(44vw,620px); aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle,rgba(42,180,218,.13),rgba(40,120,255,.07) 42%,transparent 70%); content: ""; filter: blur(34px); opacity: .72; animation: section-ambient-one 12s ease-in-out infinite alternate; }
.interior-light main > .section:nth-of-type(even)::before { right: -9%; left: auto; background: radial-gradient(circle,rgba(120,89,246,.12),rgba(192,68,217,.06) 42%,transparent 70%); animation-name: section-ambient-two; }
.interior-light main > .section::after { position: absolute; right: 5%; bottom: 8%; z-index: -1; width: 210px; height: 210px; border-radius: 50%; background-image: radial-gradient(circle,rgba(40,120,255,.25) 0 1px,transparent 1.5px); background-size: 18px 18px; content: ""; opacity: .16; mask-image: radial-gradient(circle,#000,transparent 70%); animation: interior-grid-drift 19s linear infinite reverse; }

.interior-light :is(.grid,.service-grid,.program-grid,.feature-list,.leadership-grid,.speaking-grid,.story-line,.experience-ledger,.table-wrap,.contact-block,.capability-document-shell) { position: relative; isolation: isolate; }
.interior-light :is(.grid,.service-grid,.program-grid,.feature-list,.leadership-grid,.speaking-grid,.story-line,.experience-ledger)::before { position: absolute; inset: 9% 5%; z-index: -1; border-radius: 34%; background: radial-gradient(circle at 24% 46%,rgba(20,169,199,.2),transparent 48%),radial-gradient(circle at 78% 56%,rgba(120,89,246,.17),transparent 51%); content: ""; filter: blur(48px); opacity: .62; animation: cluster-ambient 10s ease-in-out infinite alternate; }

.interior-light .section.tint { border-color: rgba(38,76,118,.12); background: linear-gradient(180deg,rgba(236,245,253,.78),rgba(249,252,255,.92)); }
.interior-light :is(.glass-card,.service-card,.program-card,.industry-card,.identity-card,.quote-card,.feature-item,.story-step,.speaking-card,.leader-card) { --panel-accent-rgb: 40,120,255; border-color: rgba(38,76,118,.14); background: radial-gradient(circle at var(--card-x,50%) var(--card-y,50%),rgba(var(--panel-accent-rgb),.12),transparent 38%),linear-gradient(155deg,rgba(255,255,255,.98),rgba(245,249,255,.94)); box-shadow: 0 20px 56px rgba(31,66,105,.09),0 0 42px rgba(var(--panel-accent-rgb),.055),inset 0 1px 0 #fff; color: #173451; }
.interior-light :is(.glass-card,.service-card,.program-card,.industry-card,.identity-card,.quote-card,.feature-item,.story-step,.speaking-card,.leader-card):nth-child(even) { --panel-accent-rgb: 120,89,246; }
.interior-light :is(.glass-card,.service-card,.program-card,.industry-card,.feature-item,.story-step,.speaking-card,.leader-card):hover { border-color: rgba(var(--panel-accent-rgb),.3); background: radial-gradient(circle at var(--card-x,50%) var(--card-y,50%),rgba(var(--panel-accent-rgb),.16),transparent 42%),#fff; box-shadow: 0 28px 72px rgba(31,66,105,.13),0 0 50px rgba(var(--panel-accent-rgb),.08),inset 0 1px 0 #fff; }
.interior-light :is(.service-card,.program-card) li { color: #5f748a; }
.interior-light .service-price,.interior-light .ai-showcase-stats strong { color: #173451; }
.interior-light .filter { border-color: rgba(38,76,118,.15); background: rgba(255,255,255,.82); color: #516980; }
.interior-light .filter[aria-pressed="true"] { border-color: rgba(40,120,255,.38); background: #e9f4ff; color: #155fac; box-shadow: 0 8px 22px rgba(40,120,255,.1); }
.interior-light .program-card.featured { border-color: rgba(120,89,246,.22); background: radial-gradient(circle at 12% 20%,rgba(120,89,246,.13),transparent 38%),linear-gradient(145deg,#fff,#f5f4ff); }

.interior-light .ai-services-section { border-color: rgba(38,76,118,.12); background: radial-gradient(circle at 10% 18%,rgba(20,169,199,.11),transparent 26rem),radial-gradient(circle at 88% 12%,rgba(120,89,246,.09),transparent 30rem),linear-gradient(180deg,#f3f9ff,#fff); }
.interior-light .ai-showcase { border-color: rgba(38,76,118,.16); background: radial-gradient(circle at 83% 16%,rgba(20,169,199,.09),transparent 28rem),linear-gradient(145deg,#fff,#f4f8fd); box-shadow: 0 34px 92px rgba(31,66,105,.14),0 0 56px rgba(20,169,199,.07),inset 0 1px 0 #fff; }
.interior-light .ai-showcase-stats div { border-color: rgba(38,76,118,.13); background: rgba(245,250,255,.9); box-shadow: 0 12px 28px rgba(31,66,105,.055); }
.interior-light .ai-showcase-stats span { color: #60758b; }
.interior-light .ai-capability-map { border-color: rgba(38,76,118,.14); background: rgba(242,248,254,.92); box-shadow: 0 18px 45px rgba(31,66,105,.08); }
.interior-light .ai-capability-map::before { background-image: linear-gradient(rgba(46,96,145,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(46,96,145,.055) 1px,transparent 1px); }
.interior-light .ai-map-brand { border-color: rgba(40,120,255,.15); background: linear-gradient(90deg,rgba(20,169,199,.08),rgba(120,89,246,.07),rgba(192,68,217,.06)); }
.interior-light .ai-map-brand span { color: #193d5d; }
.interior-light .ai-pillar { border-color: rgba(38,76,118,.13); background: rgba(255,255,255,.88); box-shadow: 0 10px 24px rgba(31,66,105,.055); }
.interior-light .ai-pillar p { color: #62768b; }

.interior-light .sister-reviews { border-color: rgba(38,76,118,.12); background: radial-gradient(circle at 15% 15%,rgba(20,169,199,.13),transparent 33%),radial-gradient(circle at 86% 80%,rgba(120,89,246,.11),transparent 31%),linear-gradient(180deg,#eef7ff,#fff); }
.interior-light .company-family { border-color: rgba(38,76,118,.14); background: rgba(255,255,255,.78); box-shadow: 0 18px 48px rgba(31,66,105,.08),inset 0 1px 0 #fff; }
.interior-light .company-family > strong { color: #1c405f; }
.interior-light .company-family span { border-color: rgba(38,76,118,.13); background: #f5f9fd; color: #355772; }
.interior-light .company-family i { color: #71869a; }
.interior-light .review-card { border-color: rgba(38,76,118,.14); background: radial-gradient(circle at var(--card-x,50%) var(--card-y,50%),rgba(40,120,255,.1),transparent 38%),linear-gradient(145deg,#fff,#f4f8fd); box-shadow: 0 18px 48px rgba(31,66,105,.09),0 0 36px rgba(20,169,199,.055),inset 0 1px 0 #fff; }
.interior-light .review-card h3,.interior-light .review-author strong { color: #193b59; }
.interior-light .review-card blockquote { color: #5d7288; }
.interior-light .review-author { border-color: rgba(38,76,118,.12); }
.interior-light .review-author span,.interior-light .reviews-disclaimer { color: #71869a; }

.interior-light .speaking-proof { border-color: rgba(38,76,118,.12); background: radial-gradient(circle at 8% 15%,rgba(20,169,199,.12),transparent 28rem),radial-gradient(circle at 92% 78%,rgba(120,89,246,.1),transparent 30rem),linear-gradient(180deg,#f2f8ff,#fff); }
.interior-light .speaking-year { border-color: rgba(40,120,255,.22); background: linear-gradient(145deg,#e9f6ff,#eef2ff); color: #1764b2; box-shadow: 0 14px 34px rgba(31,66,105,.1); }
.interior-light .event-status,.interior-light .event-link { border-color: rgba(40,120,255,.18); background: #edf6ff; color: #1f668f; }
.interior-light .company-story { background: radial-gradient(circle at 12% 18%,rgba(20,169,199,.12),transparent 28rem),radial-gradient(circle at 88% 72%,rgba(120,89,246,.1),transparent 30rem),linear-gradient(180deg,#f7fbff,#eef6fd); }
.interior-light .story-step > span { border-color: rgba(40,120,255,.22); background: #fff; color: #176ead; box-shadow: 0 9px 24px rgba(31,66,105,.08); }
.interior-light .story-step .kicker,.interior-light .story-proof span { color: #65798e; }
.interior-light .story-proof { border-color: rgba(38,76,118,.14); background: rgba(255,255,255,.84); box-shadow: 0 16px 42px rgba(31,66,105,.06); }
.interior-light .story-proof span + span { border-color: rgba(38,76,118,.12); }
.interior-light .story-proof b { color: #1a3d5c; }
.interior-light .about-origin { border-color: rgba(38,76,118,.12); background: radial-gradient(circle at 12% 20%,rgba(20,169,199,.1),transparent 28rem),radial-gradient(circle at 86% 70%,rgba(120,89,246,.08),transparent 30rem); }
.interior-light .experience-ledger { border-color: rgba(38,76,118,.14); background: rgba(255,255,255,.92); box-shadow: 0 22px 62px rgba(31,66,105,.09),0 0 42px rgba(20,169,199,.06); }
.interior-light .experience-ledger article + article { border-color: rgba(38,76,118,.12); }
.interior-light .experience-ledger article > span { border-color: rgba(40,120,255,.18); background: #edf6ff; color: #176ead; }
.interior-light .leader-card::before { z-index: 3; }
.interior-light .leader-mark { border-color: rgba(40,120,255,.2); background: linear-gradient(145deg,#eaf6ff,#eef2ff); color: #176ead; box-shadow: 0 12px 30px rgba(31,66,105,.09); }
.interior-light .leader-mark.alt { border-color: rgba(120,89,246,.22); background: linear-gradient(145deg,#f0efff,#f8f1ff); color: #7051d4; }
.interior-light .leader-bio { border-color: rgba(38,76,118,.12); color: #566d83; }
.interior-light .credential-item { border-color: rgba(38,76,118,.12); background: #f7faff; }
.interior-light .credential-item strong { color: #1c3e5b; }
.interior-light .credential-item span,.interior-light .credential-item small,.interior-light .leader-details .kicker { color: #718499; }
.interior-light .leader-tags span { border-color: rgba(38,76,118,.13); background: #f5f9fd; color: #5d7388; }

.interior-light .feature-item { box-shadow: 0 14px 36px rgba(31,66,105,.07),0 0 28px rgba(var(--panel-accent-rgb),.05); }
.interior-light .timeline-item:not(:last-child)::after { opacity: .55; }
.interior-light .timeline-num { border-color: rgba(40,120,255,.24); background: #ecf6ff; color: #176ead; box-shadow: 0 8px 22px rgba(40,120,255,.09); }
.interior-light .table-wrap { border-color: rgba(38,76,118,.14); background: #fff; box-shadow: 0 22px 66px rgba(31,66,105,.09),0 0 42px rgba(40,120,255,.05); }
.interior-light .cap-table { background: #fff; }
.interior-light .cap-table th,.interior-light .cap-table td { border-color: rgba(38,76,118,.11); }
.interior-light .cap-table th { background: #f3f8fd; color: #667c91; }
.interior-light .cap-table td { color: #5b7086; }
.interior-light .cap-table td:first-child { color: #193c5a; }
.interior-light .capability-document-section { background: radial-gradient(circle at 50% 10%,rgba(20,169,199,.1),transparent 38rem); }
.interior-light .capability-document-shell { border-color: rgba(38,76,118,.15); background: linear-gradient(145deg,#fff,#f4f8fd); box-shadow: 0 30px 86px rgba(31,66,105,.14),0 0 54px rgba(20,169,199,.07); }
.interior-light .capability-document-note { color: #667c91; }

.interior-light .contact-block { border-color: rgba(38,76,118,.15); background: radial-gradient(circle at 90% 15%,rgba(120,89,246,.1),transparent 30%),linear-gradient(145deg,#fff,#f4f8fd); box-shadow: 0 30px 88px rgba(31,66,105,.14),0 0 56px rgba(20,169,199,.07); }
.interior-light .contact-detail { color: #345570; }
.interior-light .contact-detail span { border-color: rgba(40,120,255,.18); background: #edf6ff; color: #176ead; }
.interior-light .field label { color: #294862; }
.interior-light .field input,.interior-light .field select,.interior-light .field textarea { border-color: rgba(38,76,118,.16); background-color: #fff; color: #173451; box-shadow: inset 0 1px 2px rgba(31,66,105,.035); }
.interior-light .field input:focus,.interior-light .field select:focus,.interior-light .field textarea:focus { border-color: #2878ff; box-shadow: 0 0 0 4px rgba(40,120,255,.09),0 10px 28px rgba(31,66,105,.07); }

.interior-light .gov-band { box-shadow: 0 28px 80px rgba(20,57,95,.22),0 0 60px rgba(42,180,218,.12); }
.interior-light .gov-band .identity-card { border-color: rgba(255,255,255,.17); background: rgba(255,255,255,.08); box-shadow: inset 0 1px 0 rgba(255,255,255,.08); }
.interior-light .gov-band .identity-row { border-color: rgba(255,255,255,.13); }
.interior-light .gov-band .identity-row dt { color: #a9c7df; }
.interior-light .gov-band .identity-row dd { color: #fff; }

/* Enterprise motion system — shared across every page */
.enterprise-motion {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(86px,9vw,142px) 0 92px;
  color: #173a59;
  background:
    radial-gradient(circle at 72% 41%,rgba(105,83,255,.18),transparent 28rem),
    radial-gradient(circle at 84% 18%,rgba(61,218,255,.2),transparent 24rem),
    linear-gradient(142deg,#f8fbff 0%,#edf4ff 45%,#f2efff 100%);
  border-top: 1px solid rgba(40,120,255,.12);
  border-bottom: 1px solid rgba(40,120,255,.12);
}
.enterprise-motion::before { content:""; position:absolute; inset:0; z-index:-2; opacity:.55; background-image:linear-gradient(rgba(59,113,167,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(59,113,167,.07) 1px,transparent 1px); background-size:54px 54px; mask-image:linear-gradient(90deg,transparent,black 28%,black 80%,transparent); }
.enterprise-motion::after { content:""; position:absolute; left:50%; bottom:-260px; width:920px; height:480px; z-index:-1; transform:translateX(-4%); border-radius:50%; background:radial-gradient(ellipse,rgba(77,190,255,.24),rgba(117,82,255,.12) 40%,transparent 70%); filter:blur(24px); }
.enterprise-motion-ambient { position:absolute; z-index:-1; width:420px; height:420px; border-radius:50%; filter:blur(54px); opacity:.48; animation:enterprise-ambient 9s ease-in-out infinite alternate; }
.enterprise-motion-ambient.ambient-left { left:-180px; top:12%; background:rgba(82,216,255,.42); }
.enterprise-motion-ambient.ambient-right { right:-130px; bottom:3%; background:rgba(132,95,255,.38); animation-delay:-4s; }
.enterprise-motion-shell { display:grid; grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr); align-items:center; column-gap:clamp(44px,6vw,96px); row-gap:46px; }
.enterprise-motion-copy { position:relative; z-index:3; }
.enterprise-motion .eyebrow { color:#286aa3; }
.motion-live-dot { display:inline-block; width:8px; height:8px; margin-right:9px; border-radius:50%; vertical-align:1px; background:#25bfe4; box-shadow:0 0 0 6px rgba(37,191,228,.11),0 0 20px rgba(37,191,228,.72); animation:motion-live 2.1s ease-in-out infinite; }
.enterprise-motion h2 { margin:.55rem 0 1.4rem; max-width:720px; color:#132f4c; font-size: 3.35rem; line-height:.91; letter-spacing: 0; }
.enterprise-motion h2 span { color:transparent; background:linear-gradient(92deg,#1679c9,#7356f5 55%,#c04aca); -webkit-background-clip:text; background-clip:text; }
.enterprise-motion-lede { max-width:660px; margin:0; color:#506b83; font-size: 1.03rem; line-height:1.75; }
.enterprise-motion-chips { display:flex; flex-wrap:wrap; gap:9px; margin:28px 0; }
.enterprise-motion-chips span { padding:9px 13px; border:1px solid rgba(44,100,154,.14); border-radius:999px; color:#385d7d; background:rgba(255,255,255,.66); box-shadow:0 8px 24px rgba(31,66,105,.05); font-size:.73rem; font-weight:800; letter-spacing: 0; text-transform:uppercase; backdrop-filter:blur(14px); }
.enterprise-motion-actions { display:flex; flex-wrap:wrap; gap:12px; margin-bottom:36px; }
.scale-ledger { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; overflow:hidden; border:1px solid rgba(45,91,136,.13); border-radius:22px; background:rgba(45,91,136,.13); box-shadow:0 18px 45px rgba(39,75,111,.08); }
.scale-ledger div { min-height:112px; padding:19px 16px; background:rgba(255,255,255,.78); backdrop-filter:blur(18px); }
.scale-ledger strong { display:block; color:#193d5d; font-size:1.5rem; letter-spacing: 0; }
.scale-ledger span { display:block; margin-top:7px; color:#6b8194; font-size:.66rem; font-weight:800; line-height:1.35; letter-spacing: 0; text-transform:uppercase; }
.enterprise-motion-visual { position:relative; z-index:2; min-width:0; }
.motion-stage { --motion-tilt-x:0deg; --motion-tilt-y:0deg; position:relative; min-height:640px; overflow:hidden; border:1px solid rgba(255,255,255,.92); border-radius:46px; background:linear-gradient(145deg,rgba(247,249,255,.86),rgba(220,224,255,.7)); box-shadow:0 42px 100px rgba(56,72,145,.18),inset 0 1px 0 #fff,0 0 90px rgba(91,186,255,.15); transform:perspective(1300px) rotateY(var(--motion-tilt-y)) rotateX(var(--motion-tilt-x)); transform-style:preserve-3d; transition:transform .28s ease; }
.motion-stage::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 52% 43%,rgba(255,255,255,.98) 0 11%,rgba(154,146,255,.27) 23%,rgba(84,205,255,.16) 39%,transparent 66%); animation:motion-stage-breathe 5.6s ease-in-out infinite; }
.motion-stage::after { content:""; position:absolute; left:12%; right:12%; bottom:2%; height:34%; border-radius:50%; background:radial-gradient(ellipse,rgba(63,170,255,.26),transparent 67%); filter:blur(18px); animation:motion-ground 4.8s ease-in-out infinite alternate; }
.motion-ring { position:absolute; z-index:1; left:50%; top:45%; border:1px solid rgba(101,115,247,.22); border-radius:50%; transform:translate(-50%,-50%); box-shadow:0 0 30px rgba(98,165,255,.08),inset 0 0 28px rgba(255,255,255,.45); animation:motion-ring-spin 17s linear infinite; }
.motion-ring::before,.motion-ring::after { content:""; position:absolute; width:7px; height:7px; border-radius:50%; background:#4cd5ff; box-shadow:0 0 14px #4cd5ff; }
.motion-ring::before { left:9%; top:23%; }.motion-ring::after { right:11%; bottom:20%; background:#8f70ff; box-shadow:0 0 14px #8f70ff; }
.ring-one { width:490px; height:490px; }.ring-two { width:390px; height:390px; animation-direction:reverse; animation-duration:13s; }.ring-three { width:570px; height:240px; transform:translate(-50%,-50%) rotateX(68deg); animation-name:motion-ring-spin-flat; animation-duration:21s; }
.motion-wing { position:absolute; z-index:2; top:97px; width:180px; height:410px; border:1px solid rgba(255,255,255,.82); background:linear-gradient(150deg,rgba(255,255,255,.65),rgba(188,198,255,.18)); box-shadow:inset 0 0 34px rgba(255,255,255,.42),0 24px 70px rgba(88,90,173,.12); backdrop-filter:blur(14px); animation:motion-wing-float 5.5s ease-in-out infinite alternate; }
.wing-left-back { left:72px; border-radius:118px 26px 48px 144px; transform:perspective(800px) rotateY(32deg) rotateZ(-2deg); }
.wing-left-front { left:148px; top:126px; width:118px; height:360px; border-radius:90px 20px 28px 112px; transform:perspective(800px) rotateY(48deg); animation-delay:-2s; }
.wing-right-back { right:72px; border-radius:26px 118px 144px 48px; transform:perspective(800px) rotateY(-32deg) rotateZ(2deg); animation-delay:-1.2s; }
.wing-right-front { right:148px; top:126px; width:118px; height:360px; border-radius:20px 90px 112px 28px; transform:perspective(800px) rotateY(-48deg); animation-delay:-3.1s; }
.motion-orb { position:absolute; z-index:3; left:50%; top:39%; display:grid; place-items:center; width:258px; aspect-ratio:1; border:1px solid rgba(255,255,255,.95); border-radius:50%; color:white; background:radial-gradient(circle at 36% 28%,#fff 0 9%,#dfffff 18%,#aea5ff 47%,#526edb 100%); box-shadow:0 0 0 18px rgba(255,255,255,.2),0 0 55px rgba(85,217,255,.86),0 0 115px rgba(109,83,255,.62),inset -20px -25px 44px rgba(45,49,151,.24); transform:translate(-50%,-50%); animation:motion-orb-float 4.8s ease-in-out infinite; }
.motion-orb i { position:absolute; inset:12%; border:1px solid rgba(255,255,255,.5); border-radius:50%; animation:motion-ring-spin 9s linear infinite; }
.motion-orb i::before { content:""; position:absolute; top:-4px; left:50%; width:8px; height:8px; border-radius:50%; background:white; box-shadow:0 0 18px #fff; }
.motion-orb b { margin-top:-30px; font-size:.78rem; letter-spacing: 0; text-shadow:0 2px 15px rgba(54,49,146,.4); }
.motion-card-stack { position:absolute; z-index:5; left:50%; top:55%; width:282px; height:250px; transform:translate(-50%,-50%); perspective:900px; }
.motion-card { position:absolute; inset:0; display:flex; flex-direction:column; padding:25px; overflow:hidden; border:1px solid rgba(255,255,255,.92); border-radius:29px; color:#234563; background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(238,246,255,.68)); box-shadow:0 24px 58px rgba(47,57,137,.22),inset 0 1px 0 #fff,0 0 35px rgba(86,208,255,.2); backdrop-filter:blur(24px) saturate(1.2); opacity:0; transform:translate3d(0,46px,-80px) rotateX(-12deg) scale(.88); animation:motion-card-cycle 16s cubic-bezier(.5,0,.2,1) infinite; }
.motion-card::after { content:""; position:absolute; left:-35%; top:-40%; width:66%; height:180%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.68),transparent); transform:rotate(18deg); animation:motion-card-shine 5s ease-in-out infinite; }
.motion-card-govern { animation-delay:4s; }.motion-card-see { animation-delay:8s; }.motion-card-act { animation-delay:12s; }
.motion-card-kicker { display:flex; align-items:center; gap:8px; color:#647f97; font-size:.62rem; font-weight:900; letter-spacing: 0; }
.motion-card-kicker i { width:7px; height:7px; border-radius:50%; background:#37c6e8; box-shadow:0 0 12px rgba(55,198,232,.8); }
.motion-card > strong { margin:13px 0 18px; color:#183a59; font-size:1.18rem; letter-spacing: 0; }
.motion-card > small { margin-top:auto; color:#6b8297; font-size:.67rem; font-weight:800; letter-spacing: 0; text-transform:uppercase; }
.source-nodes { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.source-nodes i { padding:11px 6px; border:1px solid rgba(45,108,166,.12); border-radius:10px; color:#386685; background:rgba(255,255,255,.7); font-size:.62rem; font-style:normal; font-weight:900; text-align:center; }
.pipeline-bars { display:grid; gap:7px; }
.pipeline-bars i { display:block; width:var(--bar-width,85%); height:8px; border-radius:99px; background:linear-gradient(90deg,#2ebdde,#7158f1); box-shadow:0 0 14px rgba(63,181,235,.2); animation:pipeline-bar 1.6s ease-in-out infinite alternate; transform-origin:left; }
.pipeline-bars i:nth-child(2){--bar-width:68%;animation-delay:-.7s}.pipeline-bars i:nth-child(3){--bar-width:94%;animation-delay:-1.1s}.pipeline-bars i:nth-child(4){--bar-width:56%;animation-delay:-.3s}.pipeline-bars i:nth-child(5){--bar-width:78%;animation-delay:-1.4s}
.mini-dashboard { display:grid; grid-template-columns:82px 1fr; gap:14px; align-items:end; }
.mini-dashboard > div:first-child { padding:13px 9px; border-radius:12px; background:linear-gradient(145deg,#e8f9ff,#eeeaff); text-align:center; }
.mini-dashboard b { display:block; color:#2865a7; font-size:1.28rem; }.mini-dashboard span { color:#718ba0; font-size:.48rem; font-weight:900; letter-spacing: 0; }
.mini-chart { display:flex; align-items:flex-end; gap:6px; height:74px; padding:8px 8px 0; border-left:1px solid rgba(48,99,148,.12); border-bottom:1px solid rgba(48,99,148,.12); }
.mini-chart i { flex:1; height:var(--chart-height,45%); border-radius:5px 5px 0 0; background:linear-gradient(#49cee9,#7657ee); transform-origin:bottom; animation:chart-bar 1.8s ease-in-out infinite alternate; }.mini-chart i:nth-child(2){--chart-height:64%;animation-delay:-.4s}.mini-chart i:nth-child(3){--chart-height:51%;animation-delay:-.8s}.mini-chart i:nth-child(4){--chart-height:84%;animation-delay:-1.2s}.mini-chart i:nth-child(5){--chart-height:96%;animation-delay:-1.6s}
.action-route { display:flex; align-items:center; justify-content:center; gap:7px; padding:27px 0; }
.action-route i { width:14px; height:14px; border:3px solid #fff; border-radius:50%; background:#46cbe9; box-shadow:0 0 0 2px rgba(70,203,233,.23),0 0 15px rgba(70,203,233,.48); }
.action-route span { position:relative; padding:8px 10px; border:1px solid rgba(55,105,153,.12); border-radius:9px; background:rgba(255,255,255,.78); color:#526f88; font-size:.58rem; font-weight:900; text-transform:uppercase; }
.motion-status { position:absolute; z-index:6; display:grid; grid-template-columns:auto 1fr; column-gap:8px; min-width:128px; padding:11px 14px; border:1px solid rgba(255,255,255,.9); border-radius:15px; background:rgba(255,255,255,.72); box-shadow:0 16px 35px rgba(52,71,126,.13); backdrop-filter:blur(18px); animation:motion-status-float 4.4s ease-in-out infinite alternate; }
.motion-status i { grid-row:1/3; align-self:center; width:7px; height:7px; border-radius:50%; background:#35caab; box-shadow:0 0 12px rgba(53,202,171,.75); }.motion-status span { color:#778b9e; font-size:.49rem; font-weight:900; letter-spacing: 0; }.motion-status b { color:#31536f; font-size:.64rem; }
.status-one { left:25px; top:38px; }.status-two { right:21px; top:48%; animation-delay:-1.7s; }.status-three { left:34px; bottom:34px; animation-delay:-3.1s; }
.motion-speed-lines { position:absolute; z-index:1; top:0; bottom:0; width:42%; overflow:hidden; }
.speed-left { left:0; }.speed-right { right:0; transform:scaleX(-1); }
.motion-speed-lines i { position:absolute; left:-58%; width:95%; height:2px; border-radius:99px; background:linear-gradient(90deg,transparent,#6fe4ff 65%,transparent); filter:drop-shadow(0 0 4px #6fe4ff); animation:motion-speed 3.8s linear infinite; }.motion-speed-lines i:nth-child(1){top:24%}.motion-speed-lines i:nth-child(2){top:43%;animation-delay:-2.6s}.motion-speed-lines i:nth-child(3){top:69%;animation-delay:-1.4s}.motion-speed-lines i:nth-child(4){top:84%;animation-delay:-3.2s}
.motion-visual-footer { display:flex; justify-content:space-between; align-items:center; gap:18px; margin-top:14px; padding:0 9px; color:#6a8095; font-size:.69rem; font-weight:800; letter-spacing: 0; text-transform:uppercase; }
.motion-visual-footer > span { display:flex; align-items:center; gap:9px; }.motion-visual-footer > span i { width:7px; height:7px; border-radius:50%; background:#32c8a8; box-shadow:0 0 0 5px rgba(50,200,168,.1),0 0 14px rgba(50,200,168,.5); }
.motion-visual-footer button { padding:9px 13px; border:1px solid rgba(43,93,140,.14); border-radius:999px; color:#42637d; background:rgba(255,255,255,.68); font:inherit; cursor:pointer; }
.motion-visual-footer button:hover,.motion-visual-footer button:focus-visible { border-color:rgba(36,116,187,.36); background:#fff; }
.enterprise-motion.is-paused :is(.enterprise-motion-ambient,.motion-live-dot,.motion-ring,.motion-wing,.motion-orb,.motion-orb i,.motion-card,.pipeline-bars i,.mini-chart i,.motion-status,.motion-speed-lines i),.enterprise-motion.is-paused .motion-stage::before,.enterprise-motion.is-paused .motion-stage::after,.enterprise-motion.is-paused .motion-card::after { animation-play-state:paused !important; }
.enterprise-review-proof { grid-column:1/-1; display:grid; grid-template-columns:minmax(280px,1.2fr) auto minmax(330px,1fr) auto; align-items:center; gap:clamp(20px,3vw,44px); padding:25px 28px; border:1px solid rgba(44,94,141,.13); border-radius:25px; background:rgba(255,255,255,.78); box-shadow:0 25px 70px rgba(37,70,104,.1),inset 0 1px 0 #fff; backdrop-filter:blur(20px); }
.enterprise-review-proof > div:first-child { display:grid; grid-template-columns:auto 1fr; column-gap:13px; }.enterprise-review-proof .review-stars { grid-row:1/3; color:#ec9f13; font-size:.9rem; letter-spacing: 0; }.enterprise-review-proof strong { color:#203f5b; font-size:1rem; }.enterprise-review-proof p { margin:3px 0 0; color:#6c8195; font-size:.76rem; line-height:1.5; }.enterprise-review-counts { display:flex; gap:10px; }.enterprise-review-counts span { min-width:96px; padding:12px 14px; border:1px solid rgba(45,93,140,.11); border-radius:14px; color:#6a8095; background:#f8fbff; font-size:.68rem; font-weight:800; text-transform:uppercase; }.enterprise-review-counts b { display:block; color:#244a6a; font-size:1.16rem; }.enterprise-review-proof .enterprise-review-note { margin:0; font-size:.69rem; }.enterprise-review-proof > a { white-space:nowrap; color:#1d6fa8; font-size:.75rem; font-weight:900; text-decoration:none; }.enterprise-review-proof > a:hover { color:#704ee5; }

@keyframes enterprise-ambient { to { opacity:.72; transform:translate3d(36px,-18px,0) scale(1.12); } }
@keyframes motion-live { 50% { transform:scale(.72); box-shadow:0 0 0 10px rgba(37,191,228,.05),0 0 12px rgba(37,191,228,.48); } }
@keyframes motion-stage-breathe { 50% { opacity:.72; transform:scale(1.08); } }
@keyframes motion-ground { to { opacity:.62; transform:scaleX(1.08) translateY(-12px); } }
@keyframes motion-ring-spin { to { transform:translate(-50%,-50%) rotate(360deg); } }
@keyframes motion-ring-spin-flat { to { transform:translate(-50%,-50%) rotateX(68deg) rotateZ(360deg); } }
@keyframes motion-wing-float { to { margin-top:-13px; filter:hue-rotate(8deg); } }
@keyframes motion-orb-float { 50% { transform:translate(-50%,calc(-50% - 12px)) rotate(2deg); } }
@keyframes motion-card-cycle { 0%,3% { opacity:0; transform:translate3d(0,42px,-80px) rotateX(-12deg) scale(.9); } 7%,23% { opacity:1; transform:translate3d(0,0,55px) rotateX(0) scale(1); } 28%,100% { opacity:0; transform:translate3d(0,-48px,-70px) rotateX(10deg) scale(.92); } }
@keyframes motion-card-shine { 0%,62% { left:-68%; } 88%,100% { left:120%; } }
@keyframes pipeline-bar { from { transform:scaleX(.64); opacity:.58; } to { transform:scaleX(1); opacity:1; } }
@keyframes chart-bar { from { transform:scaleY(.62); opacity:.64; } to { transform:scaleY(1); opacity:1; } }
@keyframes motion-status-float { to { transform:translateY(-9px); } }
@keyframes motion-speed { from { transform:translateX(-10%); opacity:0; } 18% { opacity:1; } to { transform:translateX(175%); opacity:0; } }

@keyframes section-ambient-one { from { opacity: .48; transform: translate3d(-4%,2%,0) scale(.92); } to { opacity: .82; transform: translate3d(8%,-3%,0) scale(1.08); } }
@keyframes section-ambient-two { from { opacity: .46; transform: translate3d(5%,-2%,0) scale(.94); } to { opacity: .78; transform: translate3d(-8%,4%,0) scale(1.06); } }
@keyframes cluster-ambient { from { opacity: .42; transform: translate3d(-2%,2%,0) scale(.94); } to { opacity: .72; transform: translate3d(3%,-2%,0) scale(1.04); } }
@keyframes interior-aurora-drift { from { opacity: .62; transform: translate3d(-3%,2%,0) rotate(-4deg) scale(.95); } to { opacity: .92; transform: translate3d(7%,-3%,0) rotate(5deg) scale(1.08); } }
@keyframes interior-grid-drift { to { background-position: calc(74% + 42px) calc(35% + 42px); } }

@media (max-width: 1100px) {
  .pulsar-dock-shell { grid-template-columns:160px minmax(0,1fr) 102px; gap:14px; }
  .pulsar-dock-brand { min-width:0; }.pulsar-dock-all { min-width:0; }
  .enterprise-motion-shell { grid-template-columns:1fr; }
  .enterprise-motion-copy { max-width:880px; }
  .motion-stage { min-height:650px; }
  .enterprise-review-proof { grid-template-columns:1fr auto; }
  .enterprise-review-proof .enterprise-review-note { grid-column:1/2; }
  .enterprise-review-proof > a { grid-column:2/3; grid-row:2; }
  .pulsar-family-header { grid-template-columns: 1fr; align-items: start; }
  .pulsar-ownership { width: min(100%,420px); }
  .page-hero-grid { grid-template-columns: 1fr; }
  .page-hero-copy { max-width: 880px; }
  .page-system { width: min(100%,820px); min-height: 430px; transform: none; }
  .page-system:hover { transform: translateY(-3px); }
}
@media (max-width: 760px) {
  .pulsar-dock-shell { width:min(calc(100% - 22px),1420px); min-height:88px; grid-template-columns:132px minmax(0,1fr) 74px; gap:9px; }
  .pulsar-dock-brand small { display:none; }.pulsar-dock-brand strong { font-size:.87rem; }
  .pulsar-dock-item { width:61px; min-height:62px; border-radius:15px; }.pulsar-dock-item img { width:39px; height:39px; }.pulsar-dock-item span { font-size:6px; }
  .pulsar-dock-all { grid-template-columns:1fr; justify-items:center; gap:1px; padding:10px 7px; text-align:center; }.pulsar-dock-all b { grid-row:auto; font-size:1.15rem; }.pulsar-dock-all span { font-size:7px; }.pulsar-dock-all i { display:none; }
  .enterprise-motion { padding:72px 0; }
  .enterprise-motion h2 { font-size: 3rem; }
  .scale-ledger { grid-template-columns:1fr 1fr; }
  .scale-ledger div { min-height:96px; }
  .motion-stage { min-height:540px; border-radius:30px; }
  .ring-one { width:390px; height:390px; }.ring-two { width:310px; height:310px; }.ring-three { width:440px; }
  .motion-wing { top:82px; width:140px; height:340px; }.wing-left-back{left:22px}.wing-left-front{left:78px;top:110px;width:96px;height:310px}.wing-right-back{right:22px}.wing-right-front{right:78px;top:110px;width:96px;height:310px}
  .motion-orb { width:218px; }.motion-card-stack { width:252px; height:226px; }.motion-card { padding:21px; }
  .status-one { left:12px; top:20px; }.status-two { right:11px; }.status-three { left:14px; bottom:24px; }
  .enterprise-review-proof { grid-template-columns:1fr; padding:22px; }
  .enterprise-review-proof .enterprise-review-note,.enterprise-review-proof > a { grid-column:auto; grid-row:auto; }
  .pulsar-family { padding: 68px 0 72px; }
  .pulsar-family-header { gap: 26px; }
  .pulsar-family h2 { font-size: 2.55rem; }
  .pulsar-constellation { min-height:390px; border-radius:28px; }
  .pulsar-constellation-core { width:160px; }
  .pulsar-constellation-node { width:72px; min-height:90px; border-radius:18px; }
  .pulsar-constellation-node img { width:50px; height:50px; }
  .pulsar-constellation-node.node-1 { left:4%; top:11%; }.pulsar-constellation-node.node-2 { right:4%; top:12%; }.pulsar-constellation-node.node-3 { left:7%; bottom:14%; }.pulsar-constellation-node.node-4 { right:7%; bottom:14%; }
  .pulsar-constellation-node.node-5,.pulsar-constellation-node.node-6 { display:none; }
  .pulsar-orbit.orbit-a { width:67%; height:72%; }.pulsar-orbit.orbit-b { width:89%; height:48%; }.pulsar-orbit.orbit-c { width:104%; }
  .pulsar-constellation-caption b { display:none; }
  .pulsar-carousel { border-radius: 26px; }
  .pulsar-carousel-toolbar { align-items: flex-start; }
  .pulsar-metrics { max-width: 380px; }
  .pulsar-metrics span:nth-child(2),.pulsar-metrics span:nth-child(3) { display: none; }
  .pulsar-viewport { padding: 20px 18px 24px; }
  .pulsar-product-card { width: min(79vw,310px); }
  .pulsar-family-foot { align-items: flex-start; flex-direction: column; gap: 14px; }
  .interior-light .page-hero { padding-top: 44px; }
  .interior-light .page-hero h1 { font-size: 2.8rem; }
  .page-system { min-height: 390px; border-radius: 24px; }
  .page-system-top strong { display: none; }
  .page-system-core { width: 172px; min-height: 118px; }
  .page-system-node { min-width: 108px; padding: 10px 10px 10px 27px; }
  .page-system-node > i { top: 15px; left: 11px; }
  .page-system-node.node-a,.page-system-node.node-c { left: 13px; }
  .page-system-node.node-b,.page-system-node.node-d { right: 13px; }
  .page-system-node.node-a,.page-system-node.node-b { top: 71px; }
  .page-system-node.node-c,.page-system-node.node-d { bottom: 63px; }
  .page-system-node small { display: none; }
}
@media (max-width: 480px) {
  .pulsar-dock-shell { grid-template-columns:92px minmax(0,1fr) 56px; }
  .pulsar-dock-brand span,.pulsar-dock-brand small { display:none; }.pulsar-dock-brand strong { font-size:.78rem; line-height:1.05; }
  .pulsar-dock-all span { font-size:6px; }.pulsar-dock-item { width:56px; }
  .enterprise-motion-shell { row-gap:32px; }
  .enterprise-motion h2 { font-size: 2.8rem; }
  .enterprise-motion-actions .button { width:100%; }
  .scale-ledger div { min-height:90px; padding:16px 13px; }
  .motion-stage { min-height:480px; }
  .motion-orb { top:38%; width:180px; }
  .motion-card-stack { top:57%; width:220px; height:204px; }.motion-card { padding:18px; border-radius:23px; }.motion-card > strong { margin:10px 0 13px; font-size:1rem; }
  .motion-wing { top:76px; width:104px; height:300px; }.wing-left-back{left:8px}.wing-left-front{left:44px;width:78px;height:276px}.wing-right-back{right:8px}.wing-right-front{right:44px;width:78px;height:276px}
  .ring-one { width:315px; height:315px; }.ring-two { width:245px; height:245px; }.ring-three { width:340px; }
  .motion-status { min-width:112px; padding:9px 10px; }.status-two { display:none; }
  .motion-visual-footer { align-items:flex-start; flex-direction:column; }
  .enterprise-review-counts { width:100%; }.enterprise-review-counts span { flex:1; }
  .pulsar-ownership { min-width: 0; }
  .pulsar-constellation { min-height:350px; }
  .pulsar-constellation-core { width:138px; }.pulsar-constellation-core strong { font-size:1.18rem; }.pulsar-constellation-core small { max-width:90px; margin:auto; }
  .pulsar-constellation-node { width:62px; min-height:78px; padding:8px 5px 6px; }.pulsar-constellation-node img { width:42px; height:42px; }.pulsar-constellation-node b { font-size:6px; }
  .pulsar-beams i { width:245px; }
  .pulsar-constellation-caption { right:14px; bottom:12px; left:14px; }
  .pulsar-carousel-toolbar { gap: 14px; padding: 14px; }
  .pulsar-controls .pulsar-pause { min-width: 62px; }
  .pulsar-controls button { min-width: 38px; height: 38px; padding: 0 10px; }
  .pulsar-product-card { width: 80vw; min-height: 410px; }
  .pulsar-logo-stage { height: 176px; }
  .page-system { min-height: 360px; }
  .page-system-core { top: 47%; width: 150px; min-height: 108px; padding: 16px; }
  .page-system-core strong { font-size: 13px; }
  .page-system-node { min-width: 92px; padding-left: 25px; }
  .page-system-node span { font-size: 8px; }
  .page-system-status strong { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .interior-light .page-hero::before,.interior-light .page-hero::after,.interior-light main > .section::before,.interior-light main > .section::after,.interior-light :is(.grid,.service-grid,.program-grid,.feature-list,.leadership-grid,.speaking-grid,.story-line,.experience-ledger)::before,.page-system,.page-system::before,.page-system::after,.page-system-links path,.page-system-node,.pulsar-ambient,.pulsar-pulse::after,.pulsar-logo-stage::before,.pulsar-product-link::before,.enterprise-motion-ambient,.motion-live-dot,.motion-stage::before,.motion-stage::after,.motion-ring,.motion-wing,.motion-orb,.motion-orb i,.motion-card,.motion-card::after,.pipeline-bars i,.mini-chart i,.motion-status,.motion-speed-lines i { animation: none !important; transition: none !important; }
  .motion-card { opacity:0; }
  .motion-card-see { opacity:1; transform:none; }
  .motion-stage { transform:none !important; }
  .pulsar-constellation,.pulsar-constellation::before,.pulsar-constellation-grid,.pulsar-orbit,.pulsar-constellation-core,.pulsar-constellation-core::before,.pulsar-constellation-core::after,.pulsar-constellation-node,.pulsar-constellation-node::after,.pulsar-beams i::after { animation:none !important; transition:none !important; }
  .pulsar-dock-track { animation:none !important; }
  .pulsar-dock-viewport { overflow-x:auto; mask-image:none; }
  .pulsar-viewport { scroll-behavior: auto; }
}
@media print {
  .pulsar-app-dock { display:none; }
  .pulsar-family { display: none; }
  .enterprise-motion { display:none; }
  .page-system { display: none; }
  .page-hero-grid { display: block; }
  .interior-light main > .section::before,.interior-light main > .section::after { display: none; }
}

/* Shared presentation for client and public-sector visitors. */
.home-light {
  --ink: #202a32;
  --muted: #52616c;
  --quiet: #63717d;
  --line: #dce3e8;
  --radius: 8px;
  --radius-sm: 6px;
  background: #fff;
  color: #202a32;
}
html.theme-light { background: #fff; }
.home-light .wrap { width: min(1320px, calc(100% - 80px)); }
.home-light h1, .home-light h2, .home-light h3 { color: #202a32; text-wrap: balance; }
.home-light h2 { font-size: 38px; line-height: 1.18; }
.home-light h3 { font-size: 22px; line-height: 1.3; }
.home-light p { color: #52616c; }
.home-light .lede { font-size: 17px; line-height: 1.7; }
.home-light .eyebrow, .home-light .kicker { color: #347267; font-size: 12px; }
.home-light .gradient, .enterprise-motion h2 span {
  background: none; color: #256a82; -webkit-text-fill-color: currentColor;
}
.home-light .section { padding-block: 72px; }
.home-light .section.compact { padding-block: 48px; }
.home-light .section.tint { background: #f4f7f6; }
.home-light .section-head { gap: 48px; margin-bottom: 32px; }
.home-light .section-head > p { font-size: 15px; }
.home-light .site-header, .home-light .site-header.is-scrolled {
  background: rgba(255, 255, 255, .98); box-shadow: none; border-color: #e5e9ed;
}
.home-light .nav { min-height: 76px; }
.home-light .brand img { width: 48px; height: 44px; filter: none; }
.home-light .brand-copy strong { color: #202a32; font-size: 17px; }
.home-light .brand-copy span { color: #63717d; font-size: 10px; }
.home-light .nav-links > a:not(.button) { color: #46545f; }
.home-light .nav-links > a[aria-current="page"] { color: #17677c; }
.home-light .nav-links > a::after { background: #17677c; }
.home-light .site-progress { height: 2px; box-shadow: none; }
.home-light .button, .home-light .button.small {
  min-height: 46px; padding: 12px 20px; border: 1px solid #17677c;
  border-radius: 6px; background: #17677c; color: #fff;
  box-shadow: none; font-size: 14px; font-weight: 700; line-height: 1.4;
  text-align: center; transform: none;
}
.home-light .button:hover { background: #115268; border-color: #115268; box-shadow: none; transform: none; }
.home-light .button.secondary { border-color: #bdcbd2; background: #fff; color: #253b47; }
.home-light .button.secondary:hover { border-color: #17677c; background: #f1f7f7; }
.home-light :focus-visible { outline: 3px solid #1279ad; outline-offset: 4px; }
.home-light .nav-toggle { border-radius: 6px; background: #fff; }

.pulsar-app-dock { background: #f6f8f9; border-color: #e5e9ed; box-shadow: none; }
.pulsar-app-dock::before, .pulsar-dock-item::before { display: none; }
.pulsar-dock-shell { width: min(1320px, calc(100% - 80px)); min-height: 82px; grid-template-columns: 170px minmax(0,1fr) 110px; gap: 20px; }
.pulsar-dock-brand strong { font-size: 14px; }
.pulsar-dock-brand small { font-size: 10px; }
.pulsar-dock-brand span { font-size: 9px; }
.pulsar-brand-logo { display: block; width: 129px; height: 58px; max-width: 100%; object-fit: contain; background: transparent; border-radius: 4px; }
.pulsar-dock-brand { min-width: 0; justify-items: start; }
.pulsar-dock-brand .pulsar-dba-label { display: block; color: #46545f; font-size: 8px; line-height: 1.2; }
.pulsar-dock-track { animation: none; gap: 12px; }
.pulsar-dock-viewport { overflow-x: auto; scrollbar-width: thin; mask-image: none; }
.pulsar-dock-repeat { display: none; }
.pulsar-dock-item { width: 94px; min-height: 64px; border: 0; border-radius: 6px; background: #fff; box-shadow: none; }
.pulsar-dock-item:is(:hover,:focus-visible) { box-shadow: none; transform: none; background: #edf3f5; }
.pulsar-dock-item img { width: 32px; height: 32px; }
.pulsar-dock-item span { padding-inline: 2px; font-size: 9px; line-height: 1.15; white-space: normal; overflow: visible; text-overflow: clip; }
.pulsar-dock-all { border-radius: 6px; background: #fff; border-color: #dce3e8; box-shadow: none; padding: 10px; }
.pulsar-dock-all b { font-size: 22px; }
.pulsar-dock-all span { font-size: 10px; }

.hero-bright { padding: 56px 0 44px; background: #fff; border-bottom: 1px solid #e5e9ed; }
.hero-bright::before, .hero-bright::after { display: none; }
.home-hero-grid { grid-template-columns: minmax(0,1fr) minmax(0,1.05fr); gap: 60px; align-items: center; }
.hero-bright h1 { max-width: none; margin: 14px 0 12px; font-size: 60px; line-height: 1.08; }
.hero-bright .hero-offer { margin: 0; max-width: 560px; font-size: 30px; font-weight: 650; line-height: 1.25; color: #256a82; text-wrap: balance; }
.hero-bright .lede { margin-top: 22px; font-size: 17px; line-height: 1.65; }
.hero-bright .hero-actions { margin-top: 24px; gap: 10px; }
.brother-owned-callout { padding: 14px 0; border: 0; border-radius: 0; background: none; box-shadow: none; }
.brother-owned-callout strong { color: #334651; font-size: 13px; }
.brother-owned-callout small { font-size: 12px; font-weight: 400; }
.brother-marks span { width: 34px; height: 34px; box-shadow: none; }
.brother-marks span:first-child, .brother-marks span:last-child { box-shadow: none; }
.home-light .hero-proof { margin-top: 25px; padding-top: 18px; gap: 12px 22px; border-color: #dce3e8; }
.home-light .hero-proof span { color: #52616c; font-size: 12px; }
.home-light .hero-proof span::before { box-shadow: none; }
.hero-demonstration { min-width: 0; }
.hero-system, .hero-system:hover {
  min-height: 460px; border: 0; border-radius: 0; background: #f6f9fa;
  box-shadow: none; transform: none;
}
.hero-system::before, .hero-system::after, .motion-ambient::before, .motion-ambient::after { display: none; }
.hero-system-top { min-height: 40px; padding: 10px 16px; gap: 12px; background: none; font-size: 10px; }
.hero-system-top > strong { font-size: 9px; }
.hero-system-stage { min-height: 420px; }
.hero-system-map { opacity: .4; }
.hero-system-packets, .hero-system-node .pulse { display: none; }
.hero-float { min-width: 0; width: 170px; padding: 12px; border: 0; border-left: 2px solid #35a09d; border-radius: 0; background: #f6f9fa; box-shadow: none; animation: none; }
.hero-system .hero-float { box-shadow: none; }
.hero-float.source { top: 32px; left: 12px; }
.hero-float.model { top: 154px; left: 12px; }
.hero-float.approval { top: 276px; bottom: auto; right: auto; left: 12px; }
.hero-float span { font-size: 10px; }
.hero-float strong { font-size: 13px; }
.hero-float small { font-size: 11px; }
.hero-bi-card { top: 55px; right: 16px; width: calc(100% - 216px); padding: 18px; border-color: #dce3e8; border-radius: 8px; background: #fff; box-shadow: 0 8px 20px rgba(32,42,50,.06); }
.hero-bi-head { gap: 8px; }
.hero-bi-head span { font-size: 10px; }
.hero-bi-head strong { font-size: 17px; }
.hero-bi-kpis { gap: 8px; }
.hero-bi-kpis div { padding: 10px 0; border: 0; border-radius: 0; background: none; }
.hero-bi-kpis span, .hero-bi-kpis small { font-size: 10px; }
.hero-bi-kpis strong { font-size: 23px; }
.hero-bi-foot { flex-wrap: wrap; gap: 6px; font-size: 10px; }
.hero-float small, .hero-bi-foot, .hero-bi-kpis span, .hero-bi-kpis small { color: #5d6b76; }
.hero-code-chip { display: none; }

.terminal-showcase { padding: 36px 0 40px; border-bottom: 1px solid #e5e9ed; background: #fff; }
.terminal-showcase-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.mac-terminal { min-width: 0; margin: 0; }
.mac-terminal figcaption { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin-bottom: 12px; }
.mac-terminal figcaption strong { color: #334651; font-size: 14px; font-weight: 700; }
.mac-terminal figcaption > span { color: #63717d; font-size: 10px; white-space: nowrap; }
.mac-terminal-window { overflow: hidden; border: 1px solid #343c42; border-radius: 8px; background: #171d21; box-shadow: 0 8px 24px rgba(32,42,50,.1); }
.mac-terminal-titlebar { position: relative; display: grid; grid-template-columns: 58px minmax(0,1fr) 36px; gap: 6px; align-items: center; height: 46px; padding: 0 12px; border-bottom: 1px solid #3a434a; background: #2b333a; }
.mac-terminal-lights { display: flex; align-items: center; gap: 7px; }
.mac-terminal-lights i { width: 11px; height: 11px; border-radius: 50%; background: #ff5f57; box-shadow: inset 0 0 0 1px rgba(0,0,0,.12); }
.mac-terminal-lights i:nth-child(2) { background: #febc2e; }
.mac-terminal-lights i:nth-child(3) { background: #28c840; }
.mac-terminal-title { min-width: 0; color: #d2dae0; text-align: center; font: 500 11px/1.3 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace; }
.mac-terminal-control { display: grid; place-items: center; width: 36px; height: 36px; padding: 9px; border: 0; border-radius: 4px; background: transparent; color: #c3ced5; cursor: pointer; }
.mac-terminal-control:hover { background: #3b464f; color: #fff; }
.mac-terminal-control[hidden] { display: none; }
.mac-terminal-control svg { display: block; width: 16px; height: 16px; }
.mac-terminal-control[data-playing="true"] .terminal-control-play,
.mac-terminal-control:not([data-playing="true"]) .terminal-control-pause { display: none; }
.mac-terminal-screen { height: 252px; padding: 20px 16px; color: #e4eaed; font: 500 12px/1.65 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace; }
.mac-terminal-session { margin-bottom: 15px; color: #98a9b4; font-size: 11px; overflow-wrap: anywhere; }
.mac-terminal-transcript { display: grid; gap: 14px; }
.mac-terminal-input { color: #f0f4f6; overflow-wrap: anywhere; }
.mac-terminal-input b { margin-right: 8px; color: #7bcfc1; font-weight: 600; }
.mac-terminal-output { color: #a1d9b3; overflow-wrap: anywhere; }
.mac-terminal-caret { display: inline-block; width: 7px; height: 14px; margin-left: 3px; background: #d9e9e3; vertical-align: -2px; }
.mac-terminal[data-terminal-running="true"] .mac-terminal-caret { animation: mac-terminal-blink 1s steps(1,end) infinite; }
.mac-terminal-footer { display: flex; justify-content: space-between; gap: 12px; padding: 9px 16px; border-top: 1px solid #313b42; color: #9baab4; font: 500 9px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace; }
.studio-codebar i:first-child { background: #ff5f57; }
.studio-codebar i:nth-child(2) { background: #febc2e; }
.studio-codebar i:nth-child(3) { background: #28c840; }
@keyframes mac-terminal-blink { 0%,49% { opacity: 1; } 50%,100% { opacity: 0; } }
@media (max-width: 1100px) and (min-width: 761px) {
  .terminal-showcase-grid { gap: 16px; }
  .mac-terminal figcaption { align-items: flex-start; flex-direction: column; gap: 2px; }
  .mac-terminal-titlebar { padding-inline: 9px; grid-template-columns: 50px minmax(0,1fr) 32px; gap: 3px; }
  .mac-terminal-lights { gap: 5px; }
  .mac-terminal-title { font-size: 10px; }
  .mac-terminal-screen { height: 288px; padding-inline: 12px; font-size: 11px; }
}
@media (max-width: 760px) {
  .terminal-showcase { padding-block: 28px; }
  .terminal-showcase-grid { grid-template-columns: minmax(0,1fr); gap: 24px; }
  .mac-terminal-screen { height: 248px; }
}
@media (max-width: 360px) {
  .mac-terminal figcaption { align-items: flex-start; flex-direction: column; gap: 2px; }
  .mac-terminal-screen { padding-inline: 12px; font-size: 11px; }
}

.buyer-paths { background: #f5f8f7; border-bottom: 1px solid #dce3e8; }
.buyer-paths > .wrap { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); }
.buyer-paths a { display: grid; gap: 4px; padding: 22px 30px; border-left: 1px solid #dce3e8; }
.buyer-paths a:first-child { padding-left: 0; border-left: 0; }
.buyer-paths span { font-size: 11px; color: #52616c; }
.buyer-paths strong { font-size: 18px; color: #202a32; }
.buyer-paths small { font-size: 12px; color: #63717d; }
.buyer-paths a:hover strong { color: #17677c; text-decoration: underline; text-underline-offset: 4px; }
.home-contact-band { padding: 36px 0; border-bottom: 1px solid #e5e9ed; }
.contact-ribbon { padding: 0; gap: 36px; border: 0; border-radius: 0; background: none; box-shadow: none; grid-template-columns: minmax(220px,.6fr) minmax(0,1.4fr); }
.contact-ribbon::before, .contact-ribbon::after { display: none; }
.contact-ribbon h2 { font-size: 25px; }
.contact-ribbon .home-form { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.contact-ribbon .home-form .field label { font-size: 12px; }
.contact-ribbon .hero-contact-direct { flex-wrap: wrap; gap: 10px 20px; font-size: 12px; }
.hero-contact-head i { display: none; }
.home-light .field input, .home-light .field select, .home-light .field textarea {
  border: 1px solid #becbd2; border-radius: 6px; background: #fff;
  box-shadow: none; color: #202a32; font-size: 16px; min-height: 46px;
}
.home-light .field label { color: #334651; font-size: 13px; }
.home-light .field input::placeholder, .home-light .field textarea::placeholder { color: #63717d; opacity: 1; }
.home-light .field input:focus, .home-light .field select:focus, .home-light .field textarea:focus { border-color: #17677c; box-shadow: 0 0 0 3px rgba(23,103,124,.12); }

.interior-light .page-hero { padding: 48px 0 44px; background: #fff; border-bottom: 1px solid #dce3e8; }
.interior-light .page-hero::before, .interior-light .page-hero::after { display: none; }
.page-hero-grid { display: block; }
.page-system { display: none; }
.page-hero-copy { max-width: 940px; }
.interior-light .page-hero h1 { max-width: 920px; margin: 15px 0 18px; font-size: 48px; line-height: 1.15; }
.interior-light .page-hero .lede { max-width: 800px; font-size: 17px; color: #52616c; }
.interior-light .breadcrumbs { font-size: 12px; }
.interior-light .page-hero .eyebrow { display: none; }
.page-hero-actions { margin-top: 24px; gap: 10px; }
.interior-light main > .section::before, .interior-light main > .section::after,
.interior-light :is(.grid,.service-grid,.program-grid,.feature-list,.leadership-grid,.speaking-grid,.story-line,.experience-ledger)::before { display: none; }
.home-light :is(.glass-card,.service-card,.program-card,.industry-card,.review-card,.performance-card,.founder-card,.leader-card,.story-step,.speaking-card) {
  border: 1px solid #dce3e8; border-radius: 8px; background: #fff;
  box-shadow: none; transform: none;
}
.home-light :is(.glass-card,.service-card,.program-card,.industry-card,.review-card,.performance-card,.founder-card,.leader-card,.story-step,.speaking-card):hover {
  border-color: #aabcc6; background: #fff; box-shadow: none; transform: none;
}
.home-light :is(.glass-card,.service-card,.program-card,.industry-card,.review-card,.performance-card)::before,
.performance-card::after { display: none; }
.home-light :is(.glass-card,.service-card,.program-card,.industry-card) h3 { font-size: 21px; }
.home-light .service-card p, .home-light .service-card li, .home-light .program-card li { color: #52616c; }
.home-light .service-price, .home-light .program-price { color: #17677c; }
.home-light .card-icon, .home-light .performance-card-top > span { border-radius: 6px; box-shadow: none; background: #eef5f3; }
.home-light .fine, .home-light .disclaimer { color: #63717d; }
.home-light :is(.engineering-studio,.past-performance,.sister-reviews,.portfolio-showcase,.ai-services-section,.speaking-proof,.company-story,.about-origin,.pulsar-family) { background: #f5f8f7; }
.home-light :is(.studio-shell,.flow-canvas,.ai-capability-map,.pulsar-carousel,.pulsar-product-card,.founder-photo,.table-wrap) { border-radius: 8px; box-shadow: none; }
.home-light .portfolio-dashboard { border-radius: 8px; border-color: #dce3e8; box-shadow: none; }
.portfolio-aurora, .portfolio-dashboard::before, .portfolio-insight::after { display: none; }
.home-light .portfolio-kpis article { border: 0; border-right: 1px solid #dce3e8; border-radius: 0; background: none; box-shadow: none; }
.home-light .portfolio-kpis article:last-child { border-right: 0; }
.home-light .portfolio-panel { border-radius: 8px; background: #fff; box-shadow: none; }
.home-light .portfolio-topbar, .home-light .portfolio-foot { background: #f4f7f6; }
.portfolio-tabs, .portfolio-tabs button, .portfolio-sample-note { border-radius: 6px; }
.portfolio-tabs button { min-height: 44px; }
.home-light .portfolio-tabs button[aria-selected="true"] { color: #17677c; box-shadow: none; }
.home-light .portfolio-context > div:first-child > p:last-child,
.home-light .portfolio-kpis article span, .home-light .portfolio-kpis article > p,
.home-light .portfolio-panel-head p, .home-light .portfolio-benchmarks > div > p,
.home-light .portfolio-signals p small, .home-light .portfolio-caption p,
.portfolio-legend, .portfolio-sample-note span { color: #5d6b76; }
.home-light .portfolio-line, .home-light .portfolio-points circle { filter: none; }
.home-light .portfolio-axis text { fill: #5d6b76; }
.home-light .process-list li { border: 0; border-bottom: 1px solid #dce3e8; border-radius: 0; background: none; box-shadow: none; }
.home-light .process-list li > span { border-radius: 6px; background: #edf5f2; }
.home-light .leader-heading h3 { font-size: 25px; }
.home-light .leader-heading h3 span { font-size: 12px; color: #63717d; }
.home-light .leader-mark, .home-light .story-proof { border-radius: 6px; box-shadow: none; }
.home-light :is(.ai-showcase,.contact-block,.experience-ledger,.company-family,.capability-document-shell,.cta-band) { border-radius: 0; border: 0; background: none; box-shadow: none; }
.home-light .feature-item { border: 0; border-bottom: 1px solid #dce3e8; border-radius: 0; background: none; box-shadow: none; }
.home-light .feature-item:hover { background: none; box-shadow: none; }
.home-light .cta-band { padding: 36px 0; border-top: 1px solid #dce3e8; }
.home-light .metric-row { border: 0; border-radius: 0; background: #fff; box-shadow: none; }
.home-light .founder-visual { background: #f4f7f6; }
.home-light .founder-content h3 { font-size: 25px; }
.home-light .founder-credentials span { border-radius: 4px; background: #f4f7f6; }
.home-light .gov-band { padding: 32px 0; border: 0; border-radius: 0; background: none; box-shadow: none; }
.home-light .section:has(.gov-band) { background: #edf5f2; border-block: 1px solid #d5e4dd; }
.home-light .gov-band :is(h2,p,.lede) { color: #283e39; }
.home-light .gov-band .eyebrow { color: #347267; }
.home-light .gov-band .button.secondary { background: #fff; color: #253b47; border-color: #bdcbd2; }
.home-light .gov-band .id-cell, .home-light .gov-band .identity-card { border-color: #cadcd3; border-radius: 0; background: none; box-shadow: none; }
.home-light .gov-band .identity-row { border-color: #cadcd3; }
.home-light .gov-band :is(.id-cell span,.identity-row dt) { color: #52616c; }
.home-light .gov-band :is(.id-cell strong,.identity-row dd) { color: #202a32; }
.home-light .cap-table th { color: #46545f; background: #f4f7f6; }
.home-light .cap-table td { color: #52616c; padding-block: 20px; }
.home-light .capability-document-section { background: #f4f7f6; }
.home-light .capability-document-toolbar { padding: 0 0 24px; }
.home-light .capability-document-toolbar h2 { font-size: 24px; }
.home-light .capability-document-preview { border: 1px solid #dce3e8; border-radius: 0; background: #fff; box-shadow: none; }
.home-light .capability-document-note { color: #63717d; }
  .home-light .filter { min-height: 44px; border-radius: 6px; background: #fff; color: #46545f; }
.home-light .filter[aria-pressed="true"] { background: #eaf3f2; color: #14576b; border-color: #87aaa9; box-shadow: none; }

.pulsar-family { padding: 64px 0; }
.pulsar-family h2 { font-size: 38px; line-height: 1.2; }
.pulsar-family-header { gap: 36px; margin-bottom: 26px; }
.pulsar-family-header p { font-size: 15px; line-height: 1.7; }
.pulsar-ownership { border: 0; border-left: 2px solid #cadcd3; border-radius: 0; padding: 8px 0 8px 24px; background: none; box-shadow: none; }
.pulsar-ownership strong { font-size: 20px; }
.pulsar-carousel { border-color: #dce3e8; background: #fff; }
.pulsar-product-card { width: 310px; min-height: 355px; }
.pulsar-product-link, .pulsar-product-link:hover { border-radius: 8px; background: #fff; transform: none; box-shadow: none; }
.pulsar-logo-stage { height: 140px; background: #f5f8f7; }
.pulsar-logo-stage img { width: 112px; height: 112px; filter: none; }
.pulsar-card-copy > strong { font-size: 22px; }
.pulsar-card-copy > span { font-size: 14px; }
.pulsar-card-top > span, .pulsar-status { font-size: 10px; }
.pulsar-card-foot { font-size: 12px; }
.pulsar-metrics strong { font-size: 23px; }
.pulsar-metrics span { font-size: 11px; }
.pulsar-ambient, .pulsar-constellation { display: none; }
.pulsar-product-link::before, .pulsar-logo-stage::before, .pulsar-logo-stage i { display: none; }
.pulsar-family-foot { margin-top: 22px; padding-top: 20px; }
.pulsar-family-foot p { font-size: 12px; }
.pulsar-controls button { min-width: 44px; min-height: 44px; border-radius: 6px; }
.pulsar-controls button:disabled { cursor: default; color: #52616c; opacity: .75; }
.enterprise-motion { padding: 64px 0; background: #f4f7f6; border-color: #dce3e8; }
.enterprise-motion::before, .enterprise-motion::after, .enterprise-motion-ambient,
.motion-wing, .motion-ring, .motion-orb, .motion-speed-lines,
.motion-stage::before, .motion-stage::after { display: none; }
.enterprise-motion h2 { font-size: 38px; line-height: 1.2; }
.enterprise-motion-lede { font-size: 16px; }
.enterprise-motion-shell { gap: 40px; grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
.motion-stage { min-height: 400px; border: 0; border-radius: 0; background: #eaf1ef; box-shadow: none; transform: none; }
.motion-card-stack { top: 48%; width: 280px; }
.motion-card { border-radius: 8px; box-shadow: 0 8px 20px rgba(32,42,50,.06); }
.scale-ledger { border-radius: 0; box-shadow: none; }
.enterprise-review-proof { padding: 24px 0; border: 0; border-top: 1px solid #dce3e8; border-radius: 0; background: none; box-shadow: none; }
.home-light .site-footer { background: #20282f; border-color: #37424b; }
.home-light .site-footer h3 { color: #fff; }
.home-light .site-footer .brand-copy strong { color: #fff; }
.home-light .site-footer :is(p,.fine,.brand-copy span,.footer-bottom p) { color: #b8c3cb; }
.home-light .site-footer a { color: #e1e8ed; }
.footer-pulsar-identity { display: flex; align-items: center; gap: 24px; padding: 24px 0; border-top: 1px solid #45515b; }
.footer-pulsar-identity .pulsar-brand-logo { flex: 0 0 auto; }
.footer-pulsar-identity > div { min-width: 0; }
.footer-pulsar-identity strong { color: #fff; font-size: 15px; line-height: 1.4; }
.footer-pulsar-identity p { margin: 6px 0 0; font-size: 14px; line-height: 1.6; }
.pulsar-about-identity { display: flex; align-items: center; gap: 20px; margin-top: 24px; padding-block: 20px; border-block: 1px solid #dce3e8; }
.pulsar-about-identity .pulsar-brand-logo { flex: 0 0 auto; }
.pulsar-about-identity p { margin: 0; font-size: 14px; line-height: 1.6; }
.home-light .site-footer a:hover { color: #7bd1bf; }
.footer-contact { display: flex; flex-wrap: wrap; gap: 8px 18px; }
.footer-contact a { white-space: nowrap; }
.contact-details .contact-detail > span { flex: 0 0 36px; }

@media (max-width: 1100px) {
  .home-light .wrap, .pulsar-dock-shell { width: calc(100% - 48px); }
  .home-hero-grid { gap: 30px; }
  .hero-bright h1 { font-size: 48px; }
  .hero-bright .hero-offer { font-size: 26px; }
  .hero-system-top > strong { display: none; }
  .hero-float { width: 135px; padding: 12px 8px; }
  .hero-float strong { font-size: 11px; }
  .hero-bi-card { width: calc(100% - 172px); right: 10px; padding: 14px; }
  .hero-bi-head strong { font-size: 14px; }
  .hero-bi-kpis strong { font-size: 18px; }
  .hero-bi-kpis small { display: none; }
  .enterprise-motion-shell { grid-template-columns: 1fr; }
  .enterprise-review-proof { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 980px) {
  .home-light .nav-links { border-radius: 8px; background: #fff; box-shadow: 0 12px 30px rgba(32,42,50,.12); }
  .home-hero-grid { grid-template-columns: minmax(0,1fr); }
  .hero-demonstration { display: none; }
  .hero-bright .hero-copy { max-width: 800px; }
  .contact-ribbon { grid-template-columns: 1fr; gap: 24px; }
  .buyer-paths a { padding: 20px; }
  .buyer-paths strong { font-size: 16px; }
  .pulsar-dock-shell { grid-template-columns: 140px minmax(0,1fr) 80px; gap: 12px; }
  .pulsar-dock-brand small { display: none; }
}
@media (max-width: 760px) {
  .home-light .wrap, .pulsar-dock-shell { width: calc(100% - 40px); }
  .home-light .nav { min-height: 66px; }
  .home-light .brand-copy span { font-size: 9px; }
  .home-light .brand img { width: 42px; height: 40px; }
  .home-light h2, .pulsar-family h2, .enterprise-motion h2 { font-size: 29px; line-height: 1.25; }
  .home-light .section, .pulsar-family, .enterprise-motion { padding-block: 48px; }
  .home-light .section.compact { padding-block: 32px; }
  .home-light .section-head { gap: 14px; margin-bottom: 24px; }
  .hero-bright { padding: 32px 0 30px; }
  .hero-bright h1 { font-size: 44px; }
  .hero-bright .hero-offer { font-size: 25px; }
  .hero-bright .lede { font-size: 16px; line-height: 1.6; margin-top: 16px; }
  .brother-owned-callout { padding: 10px 0; gap: 10px; }
  .brother-marks { display: none; }
  .brother-owned-callout strong { font-size: 12px; }
  .brother-owned-callout small { font-size: 11px; }
  .hero-bright .hero-actions { margin-top: 14px; flex-wrap: nowrap; gap: 8px; }
  .hero-bright .hero-actions .button { padding: 11px 12px; font-size: 12px; }
  .home-light .hero-proof { margin-top: 20px; padding-top: 16px; gap: 8px 18px; }
  .home-light .hero-proof span { font-size: 11px; }
  .pulsar-dock-shell { min-height: 70px; grid-template-columns: 114px minmax(0,1fr) 60px; gap: 8px; }
  .pulsar-dock-brand strong { font-size: 12px; }
  .pulsar-dock-brand span { font-size: 8px; }
  .pulsar-dock-brand .pulsar-brand-logo { width: 100px; height: auto; aspect-ratio: 1983 / 793; }
  .footer-pulsar-identity, .pulsar-about-identity { flex-direction: column; align-items: flex-start; gap: 14px; }
  .pulsar-dock-item { min-height: 55px; width: 76px; }
  .pulsar-dock-item img { width: 28px; height: 28px; }
  .pulsar-dock-item span { font-size: 8px; }
  .pulsar-dock-all { padding: 8px 4px; }
  .pulsar-dock-all b { font-size: 18px; }
  .pulsar-dock-all span { font-size: 8px; }
  .buyer-paths > .wrap { grid-template-columns: 1fr; }
  .buyer-paths a, .buyer-paths a:first-child { padding: 15px 0; border-left: 0; border-bottom: 1px solid #dce3e8; gap: 3px; }
  .buyer-paths a:last-child { border-bottom: 0; }
  .buyer-paths small { display: none; }
  .home-contact-band { padding: 28px 0; }
  .contact-ribbon h2 { font-size: 25px; }
  .contact-ribbon .home-form { grid-template-columns: 1fr; }
  .contact-ribbon .home-form .form-actions { grid-template-columns: 1fr; gap: 12px; }
  .contact-ribbon .hero-contact-direct { flex-direction: row; }
  .interior-light .page-hero { padding: 30px 0; }
  .interior-light .page-hero h1 { font-size: 35px; line-height: 1.2; }
  .interior-light .page-hero .lede { font-size: 16px; }
  .page-hero-actions .button { padding: 11px 14px; font-size: 13px; }
  .home-light .gov-band { padding: 0; }
  .home-light .cap-table { min-width: 0; table-layout: fixed; }
  .home-light .cap-table th:first-child { width: 34%; }
  .home-light .cap-table th, .home-light .cap-table td { padding: 16px 12px; font-size: 12px; overflow-wrap: anywhere; }
  .home-light .capability-document-toolbar { align-items: flex-start; gap: 18px; }
  .home-light .capability-document-toolbar h2 { font-size: 22px; }
  .service-toolbar { align-items: stretch; }
  .filters { width: 100%; flex-wrap: nowrap; overflow-x: auto; padding: 4px 2px 10px; }
  .filters .filter { flex: 0 0 auto; width: auto; padding-inline: 14px; font-size: 12px; }
  .service-count { align-self: flex-end; font-size: 12px; }
  .pulsar-family-header { gap: 20px; }
  .pulsar-ownership { padding-left: 16px; }
  .pulsar-metrics { flex-wrap: wrap; gap: 12px; }
  .pulsar-metrics strong { font-size: 18px; }
  .pulsar-carousel-toolbar { padding: 16px; flex-wrap: wrap; }
  .pulsar-product-card { width: min(300px, 78vw); }
  .enterprise-review-proof { grid-template-columns: 1fr; }
  .enterprise-review-proof .enterprise-review-note, .enterprise-review-proof > a { grid-column: auto; grid-row: auto; }
  .home-light .founder-content h3 { font-size: 24px; }
}
@media (max-width: 360px) {
  .hero-bright { padding-block: 28px; }
  .hero-bright .eyebrow { font-size: 10px; margin-bottom: 0; }
  .hero-bright h1 { font-size: 36px; }
  .hero-bright .hero-offer { font-size: 22px; }
  .hero-bright .lede { font-size: 15px; line-height: 1.55; margin-top: 14px; }
  .brother-owned-callout { margin-top: 12px; }
  .hero-bright .hero-actions { flex-wrap: nowrap; }
  .hero-bright .hero-actions .button { flex: 1; min-width: 0; width: auto; padding-inline: 6px; font-size: 11px; }
  .home-light .hero-proof { margin-top: 14px; padding-top: 14px; gap: 6px 18px; }
  .pulsar-dock-shell { grid-template-columns: 105px minmax(0,1fr) 50px; }
  .pulsar-dock-all span { font-size: 7px; line-height: 1.25; }
  .interior-light .page-hero h1 { font-size: 30px; }
}
@media (min-width: 981px) and (max-height: 800px) {
  .hero-bright { padding-block: 32px; }
  .hero-bright h1 { font-size: 50px; }
  .hero-bright .hero-offer { font-size: 28px; }
  .brother-owned-callout { margin-top: 12px; padding-block: 8px; }
  .hero-bright .hero-actions { margin-top: 16px; }
  .home-light .hero-proof { margin-top: 20px; padding-top: 14px; }
  .hero-system { min-height: 400px; }
  .hero-system-stage { min-height: 360px; }
  .hero-bi-card { top: 40px; padding: 14px; }
  .hero-bi-chart { height: 96px; }
  .hero-float.source { top: 24px; }
  .hero-float.model { top: 142px; }
  .hero-float.approval { top: 260px; }
}

/* Stellar homepage intelligence orbit ------------------------------------ */
.hero-bright {
  overflow: hidden;
  background:
    radial-gradient(circle at 76% 18%,rgba(31,196,220,.13),transparent 29rem),
    radial-gradient(circle at 18% 0,rgba(74,113,238,.09),transparent 26rem),
    linear-gradient(180deg,#fff 0%,#f6fbff 72%,#eef7ff 100%);
}
.hero-bright::before {
  display: block;
  opacity: .28;
  background-image: radial-gradient(circle,rgba(29,111,184,.22) 0 1px,transparent 1.5px);
  background-size: 38px 38px;
  mask-image: linear-gradient(90deg,transparent 8%,#000 54%,transparent 96%);
  animation: stellar-page-drift 28s linear infinite;
}
.hero-system,.hero-system:hover {
  min-height: 560px;
  overflow: hidden;
  border: 1px solid rgba(132,220,255,.22);
  border-radius: 30px;
  background:
    radial-gradient(circle at 43% 49%,rgba(30,186,224,.24),transparent 18%),
    radial-gradient(circle at 78% 22%,rgba(100,82,233,.22),transparent 31%),
    radial-gradient(circle at 18% 82%,rgba(23,143,187,.2),transparent 30%),
    linear-gradient(148deg,#071829 0%,#0b2540 50%,#101735 100%);
  box-shadow: 0 36px 90px rgba(18,58,94,.27),0 0 0 1px rgba(255,255,255,.08) inset,0 0 70px rgba(37,175,216,.12);
  transform: perspective(1400px) rotateY(-1.2deg) rotateX(.45deg);
  transition: transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease;
}
.hero-system:hover {
  box-shadow: 0 46px 110px rgba(18,58,94,.33),0 0 0 1px rgba(255,255,255,.1) inset,0 0 90px rgba(37,175,216,.16);
  transform: perspective(1400px) rotateY(0) rotateX(0) translateY(-4px);
}
.hero-system::before {
  display: block;
  inset: -44% auto auto -16%;
  z-index: 0;
  width: 92%;
  height: 104%;
  border-radius: 50%;
  background: conic-gradient(from 140deg,rgba(23,178,219,.25),rgba(85,94,239,.06),rgba(130,72,222,.2),rgba(23,178,219,.25));
  opacity: .88;
  filter: blur(58px);
  animation: stellar-aurora 18s linear infinite;
}
.hero-system::after {
  display: block;
  z-index: 30;
  background: linear-gradient(104deg,transparent 30%,rgba(174,237,255,.14) 48%,transparent 65%);
  animation: stellar-scan 8s ease-in-out infinite;
}
.motion-ambient-hero::before {
  display: block;
  background: radial-gradient(circle at 28% 46%,rgba(17,183,213,.28),transparent 49%),radial-gradient(circle at 78% 46%,rgba(115,86,232,.24),transparent 52%);
  opacity: .56;
}
.hero-system-top {
  min-height: 48px;
  padding: 0 18px;
  border-bottom: 1px solid rgba(160,225,255,.14);
  background: rgba(7,24,42,.66);
  color: #829eb8;
  backdrop-filter: blur(18px);
}
.hero-system-top span { color: #b9efff; }
.hero-system-top > strong { color: #8da8c1; }
.hero-system-top i { background: #57e6bd; box-shadow: 0 0 0 5px rgba(87,230,189,.11),0 0 18px rgba(87,230,189,.62); }
.hero-system-stage { min-height: 512px; isolation: isolate; }
.hero-starfield,.hero-starfield::before,.hero-starfield::after,.hero-starfield i {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.hero-starfield { z-index: 0; overflow: hidden; opacity: .72; }
.hero-starfield::before,.hero-starfield::after,.hero-starfield i { content: ""; }
.hero-starfield::before {
  background-image: radial-gradient(circle,#c5f5ff 0 1px,transparent 1.7px);
  background-size: 33px 33px;
  mask-image: radial-gradient(circle at 46% 48%,#000,transparent 76%);
  animation: stellar-star-drift 24s linear infinite;
}
.hero-starfield::after {
  background-image: radial-gradient(circle,rgba(168,155,255,.92) 0 1px,transparent 1.8px);
  background-position: 17px 7px;
  background-size: 71px 71px;
  animation: stellar-star-drift 38s linear infinite reverse;
}
.hero-starfield i:nth-child(1) { inset: 8% 6%; border-radius: 50%; background: conic-gradient(from 20deg,transparent 0 19%,rgba(94,220,255,.08) 25%,transparent 32% 58%,rgba(133,104,255,.08) 64%,transparent 72%); filter: blur(10px); animation: stellar-aurora 26s linear infinite; }
.hero-starfield i:nth-child(2) { inset: 12% 16%; border: 1px solid rgba(111,215,255,.09); border-radius: 50%; animation: stellar-orbit 31s linear infinite; }
.hero-starfield i:nth-child(3) { inset: 27% 31%; border: 1px dashed rgba(156,134,255,.14); border-radius: 50%; animation: stellar-orbit 19s linear infinite reverse; }
.hero-system-map { z-index: 2; opacity: .9; }
.hero-system-grid path { stroke: rgba(135,210,244,.075); }
.hero-system-links path { stroke-width: 2.25; opacity: .48; filter: drop-shadow(0 0 5px rgba(61,194,228,.32)); animation-duration: 8s; }
.hero-system-packets,.hero-system-node .pulse { display: block; }
.hero-system-packets circle { fill: #fff; stroke: #56d9f3; filter: url(#heroGlow) drop-shadow(0 0 8px rgba(86,217,243,.95)); }
.hero-system-packets .violet { stroke: #ae91ff; }
.hero-system-node .pulse { fill: rgba(70,206,237,.1); }
.hero-system-node .dot { fill: #dffaff; stroke: #50d6f0; filter: drop-shadow(0 0 7px rgba(80,214,240,.75)); }
.hero-system-node.n-3 .dot,.hero-system-node.n-5 .dot { stroke: #a98cff; }
.hero-orbit-core {
  position: absolute;
  top: 50%;
  left: 42%;
  z-index: 7;
  display: grid;
  width: 148px;
  aspect-ratio: 1;
  place-content: center;
  border: 1px solid rgba(211,248,255,.66);
  border-radius: 50%;
  background: radial-gradient(circle at 36% 28%,#f1fdff 0 4%,#5edcef 15%,#247ebf 40%,#4f47bd 72%,#191b52 100%);
  box-shadow: 0 0 0 13px rgba(83,207,236,.07),0 0 42px rgba(70,210,239,.48),0 0 95px rgba(103,83,225,.28),inset -17px -20px 30px rgba(8,16,62,.32);
  text-align: center;
  transform: translate(-50%,-50%);
  animation: stellar-core-float 5.2s ease-in-out infinite;
}
.hero-orbit-core::before,.hero-orbit-core::after,.hero-orbit-core > i {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  content: "";
  transform: translate(-50%,-50%);
}
.hero-orbit-core::before { width: 208px; height: 112px; border: 1px solid rgba(92,217,244,.32); box-shadow: 0 0 24px rgba(92,217,244,.13); animation: stellar-orbit-tilt 11s linear infinite; }
.hero-orbit-core::after { width: 246px; height: 148px; border: 1px dashed rgba(174,145,255,.28); animation: stellar-orbit-tilt 17s linear infinite reverse; }
.hero-orbit-core > i { width: 18px; height: 18px; margin: -57px 0 0 88px; background: #7ce9f7; box-shadow: 0 0 20px rgba(124,233,247,.9); animation: stellar-satellite 6s ease-in-out infinite alternate; }
.hero-orbit-core b { color: #fff; font-size: 27px; letter-spacing: .08em; text-shadow: 0 2px 16px rgba(0,27,68,.45); }
.hero-orbit-core small { margin-top: 3px; color: rgba(231,250,255,.8); font-size: 6px; font-weight: 850; letter-spacing: .15em; }
.hero-float,.hero-bi-card,.hero-code-chip {
  border: 1px solid rgba(146,216,247,.18);
  background: linear-gradient(145deg,rgba(14,43,70,.88),rgba(12,30,57,.8));
  box-shadow: 0 18px 46px rgba(0,9,26,.28),0 0 30px rgba(47,185,221,.08),inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter: blur(18px) saturate(1.25);
}
.hero-float {
  width: auto;
  min-width: 158px;
  padding: 12px 14px;
  border-radius: 13px;
  animation: hero-float 5.8s ease-in-out infinite;
}
.hero-float.source { top: 44px; left: 18px; border-left: 1px solid rgba(146,216,247,.18); }
.hero-float.model { top: auto; bottom: 62px; left: 24px; border-left: 1px solid rgba(146,216,247,.18); }
.hero-float.approval { top: auto; right: 20px; bottom: 30px; left: auto; border-left: 1px solid rgba(146,216,247,.18); }
.hero-float span,.hero-bi-head span { color: #65dff3; }
.hero-float strong,.hero-bi-head strong { color: #f2fbff; }
.hero-float small,.hero-bi-foot,.hero-bi-kpis span,.hero-bi-kpis small { color: #90a8bd; }
.hero-bi-card { top: 62px; right: 20px; width: min(43%,300px); padding: 16px; border-radius: 18px; }
.hero-bi-kpis { gap: 5px; margin-top: 12px; }
.hero-bi-kpis div { padding: 8px; border: 1px solid rgba(141,210,242,.1); border-radius: 9px; background: rgba(255,255,255,.035); }
.hero-bi-kpis strong { color: #f2fbff; font-size: 18px; }
.hero-bi-head > i,.hero-bi-foot i { background: #57e6bd; box-shadow: 0 0 14px rgba(87,230,189,.65); }
.hero-bi-chart { height: 94px; margin-top: 9px; }
.hero-bi-chart .grid { stroke: rgba(158,219,247,.13); }
.hero-bi-chart .line { stroke: #62dff3; filter: drop-shadow(0 0 6px rgba(98,223,243,.55)); }
.hero-code-chip { bottom: 22px; left: 35%; width: 38%; padding: 10px 12px; border-radius: 10px; }
.hero-code-chip span { color: #718da7; }
.hero-code-chip code { color: #b8eefa; }

@keyframes stellar-page-drift { to { background-position: 76px -114px; } }
@keyframes stellar-star-drift { to { transform: translate3d(34px,-42px,0); } }
@keyframes stellar-aurora { to { transform: rotate(1turn) scale(1.08); } }
@keyframes stellar-orbit { to { transform: rotate(1turn); } }
@keyframes stellar-orbit-tilt { from { transform: translate(-50%,-50%) rotate(-14deg); } to { transform: translate(-50%,-50%) rotate(346deg); } }
@keyframes stellar-core-float { 0%,100% { transform: translate(-50%,-50%) translateY(-4px) scale(.99); } 50% { transform: translate(-50%,-50%) translateY(5px) scale(1.02); } }
@keyframes stellar-satellite { to { transform: translate(-50%,-50%) scale(1.24); opacity: .72; } }
@keyframes stellar-scan { 0%,22% { transform: translateX(-125%); } 55%,100% { transform: translateX(125%); } }

@media (max-width: 1100px) {
  .hero-system,.hero-system:hover { min-height: 500px; }
  .hero-system-stage { min-height: 452px; }
  .hero-orbit-core { width: 132px; }
  .hero-orbit-core::before { width: 186px; height: 102px; }
  .hero-orbit-core::after { width: 220px; height: 134px; }
  .hero-bi-card { width: 42%; }
}
@media (max-width: 980px) {
  .hero-demonstration { display: block; width: min(100%,760px); margin: 10px auto 0; }
  .home-hero-grid { grid-template-columns: minmax(0,1fr); }
  .hero-system,.hero-system:hover { min-height: 470px; transform: none; }
  .hero-system-stage { min-height: 422px; }
}
@media (max-width: 760px) {
  .hero-demonstration { margin-top: 8px; }
  .hero-system,.hero-system:hover { min-height: 370px; border-radius: 22px; }
  .hero-system-top { min-height: 42px; padding: 0 13px; }
  .hero-system-stage { min-height: 328px; }
  .hero-system-map { opacity: .78; }
  .hero-bi-card,.hero-code-chip { display: none; }
  .hero-orbit-core { left: 50%; width: 112px; }
  .hero-orbit-core::before { width: 158px; height: 86px; }
  .hero-orbit-core::after { width: 184px; height: 108px; }
  .hero-orbit-core > i { width: 14px; height: 14px; margin: -44px 0 0 66px; }
  .hero-orbit-core b { font-size: 22px; }
  .hero-float { min-width: 0; width: 126px; padding: 9px 10px; border-radius: 10px; }
  .hero-float span { font-size: 7px; }
  .hero-float strong { margin-top: 2px; font-size: 9px; }
  .hero-float small { display: none; }
  .hero-float.source { top: 22px; left: 10px; }
  .hero-float.model { bottom: 16px; left: 10px; }
  .hero-float.approval { right: 10px; bottom: 16px; }
}
@media (max-width: 420px) {
  .hero-system,.hero-system:hover { min-height: 338px; }
  .hero-system-stage { min-height: 296px; }
  .hero-system-top { font-size: 8px; }
  .hero-orbit-core { top: 46%; width: 96px; }
  .hero-orbit-core::before { width: 136px; height: 74px; }
  .hero-orbit-core::after { width: 158px; height: 92px; }
  .hero-orbit-core b { font-size: 19px; }
  .hero-float { width: 112px; }
}

.home-light .insights-preview { background: #f5f8f7; }
.home-light .nav-links > a.button[aria-current="page"] { color: #fff; }
.insights-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.insight-card { min-width: 0; border: 1px solid #dce3e8; border-radius: 8px; overflow: hidden; background: #fff; }
.insight-card[hidden] { display: none; }
.insight-card > a { display: flex; flex-direction: column; height: 100%; }
.insight-card:hover { border-color: #9fb8bc; }
.insight-card a:focus-visible { outline-offset: -4px; }
.insight-card-image { position: relative; aspect-ratio: 16 / 10; border-bottom: 1px solid #e5e9ed; background: #f4f7f8; }
.insight-card-image img { position: absolute; inset: 12px; display: block; width: calc(100% - 24px); height: calc(100% - 24px); object-fit: contain; }
.insight-card-copy { display: flex; flex: 1; flex-direction: column; padding: 22px; }
.insight-category { color: #347267; font-size: 11px; font-weight: 700; }
.home-light .insight-card h3 { margin: 10px 0 12px; font-size: 22px; line-height: 1.35; text-wrap: pretty; }
.insight-card p { margin: 0 0 22px; font-size: 14px; line-height: 1.65; }
.insight-read { display: flex; justify-content: space-between; margin-top: auto; color: #17677c; font-size: 13px; font-weight: 700; }
.insight-read > span { font-size: 18px; }
.insights-preview .section-head > div:last-child { max-width: 430px; }
.insights-preview .section-head > div:last-child p { margin-top: 0; font-size: 15px; }
.insight-quick-links { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 30px; border-top: 1px solid #dce3e8; }
.insight-quick-links a { min-width: 0; padding-top: 22px; }
.insight-quick-links span { display: block; color: #347267; font-size: 11px; margin-bottom: 10px; }
.insight-quick-links strong { color: #253b47; font-size: 19px; font-weight: 650; line-height: 1.45; }
.insight-quick-links a:hover strong { color: #17677c; text-decoration: underline; text-underline-offset: 4px; }
.insights-toolbar { display: grid; grid-template-columns: minmax(0,1fr) 240px auto; align-items: end; gap: 22px; margin-bottom: 30px; }
.insights-toolbar label { display: block; margin-bottom: 8px; color: #334651; font-size: 13px; font-weight: 650; }
.insights-toolbar input, .insights-toolbar select { display: block; width: 100%; height: 46px; padding: 10px 14px; border: 1px solid #becbd2; border-radius: 6px; background: #fff; color: #202a32; font: inherit; font-size: 16px; }
.insights-toolbar input::placeholder { color: #63717d; }
.insights-toolbar > p { padding-bottom: 12px; margin: 0; color: #63717d; font-size: 13px; white-space: nowrap; }
.insights-empty { padding: 36px 0; }
.insights-empty[hidden] { display: none; }
.insights-editorial-note { display: flex; align-items: baseline; gap: 30px; justify-content: space-between; margin-top: 32px; padding-top: 24px; border-top: 1px solid #dce3e8; }
.insights-editorial-note p { max-width: 850px; margin: 0; font-size: 12px; line-height: 1.7; }
.insights-editorial-note a { color: #17677c; text-decoration: underline; text-underline-offset: 3px; }
.insights-editorial-note > a { flex-shrink: 0; font-size: 12px; }
.insight-header { padding: 48px 0 44px; border-bottom: 1px solid #dce3e8; }
.insight-header .breadcrumbs { margin: 0 0 28px; font-size: 12px; }
.insight-header .eyebrow { margin-bottom: 16px; }
.home-light .insight-header h1 { max-width: 1050px; margin: 0 0 24px; font-size: 46px; line-height: 1.18; text-wrap: pretty; }
.insight-header .lede { max-width: 850px; margin-bottom: 24px; }
.article-byline { display: flex; flex-wrap: wrap; gap: 8px 24px; color: #63717d; font-size: 13px; }
.article-byline a { color: #347267; }
.article-layout { display: grid; grid-template-columns: 220px minmax(0,800px); gap: 60px; align-items: start; padding-block: 48px 64px; }
.article-toc { position: sticky; top: 105px; min-width: 0; }
.article-toc details { border: 0; padding: 0; background: none; }
.article-toc summary { color: #334651; font-size: 14px; font-weight: 700; cursor: pointer; }
.article-toc nav { display: grid; gap: 14px; padding: 20px 0 0; }
.article-toc nav a { padding-left: 14px; border-left: 2px solid #dce3e8; color: #52616c; font-size: 12px; line-height: 1.6; }
.article-toc nav a:hover { color: #17677c; border-color: #17677c; }
.article-content { min-width: 0; }
.article-content p, .article-content li { font-size: 17px; line-height: 1.8; }
.article-content p { margin: 0 0 22px; }
.article-content a { color: #17677c; text-decoration: underline; text-underline-offset: 3px; }
.article-content > section { margin-top: 44px; scroll-margin-top: 105px; }
.home-light .article-content h2 { margin: 0 0 22px; font-size: 29px; line-height: 1.3; text-wrap: pretty; }
.article-content ul, .article-content ol { padding-left: 24px; margin: 0 0 24px; }
.article-content li { padding-left: 6px; margin-bottom: 12px; }
.article-takeaway { padding: 4px 0 4px 24px; margin: 0 0 32px; border-left: 3px solid #347267; }
.article-takeaway .eyebrow { font-size: 11px; line-height: 1.4; margin-bottom: 12px; }
.article-takeaway p:last-child { margin: 0; color: #253b47; font-size: 18px; font-weight: 500; }
.article-figure { margin: 30px 0 40px; }
.article-figure img { display: block; width: 100%; height: auto; max-height: 500px; object-fit: contain; background: #f4f7f8; }
.article-figure figcaption { margin-top: 12px; color: #63717d; font-size: 11px; line-height: 1.6; }
.article-content pre { padding: 20px; margin: 24px 0; overflow-x: auto; border-radius: 6px; background: #202a32; color: #e3f1ed; font: 500 13px/1.8 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace; white-space: pre-wrap; overflow-wrap: anywhere; }
.article-table-wrap { margin: 24px 0; overflow-x: auto; }
.article-table-wrap table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.article-table-wrap caption { padding: 0 0 12px; color: #63717d; text-align: left; font-size: 12px; }
.article-table-wrap th, .article-table-wrap td { padding: 14px; border: 1px solid #dce3e8; color: #52616c; text-align: left; vertical-align: top; font-size: 14px; line-height: 1.6; overflow-wrap: anywhere; }
.article-table-wrap th { background: #f0f5f3; color: #334651; font-weight: 650; }
.article-checklist { padding-top: 30px; border-top: 1px solid #dce3e8; }
.article-references ul { list-style: none; padding-left: 0; }
.article-references li { padding-left: 0; font-size: 14px; }
.article-content .fine { font-size: 12px; }
.home-light .related-insights { background: #f5f8f7; }
@media (max-width: 1100px) {
  .article-layout { grid-template-columns: 190px minmax(0,1fr); gap: 36px; }
  .insights-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .home-light .insight-card h3 { font-size: 20px; }
}
@media (max-width: 760px) {
  .insights-grid, .insight-quick-links { grid-template-columns: minmax(0,1fr); }
  .insights-grid { gap: 20px; }
  .insight-card-copy { padding: 20px; }
  .insight-quick-links { gap: 22px; }
  .insights-toolbar { grid-template-columns: minmax(0,1fr); gap: 18px; }
  .insights-toolbar > p { padding: 0; }
  .insights-editorial-note { flex-direction: column; gap: 16px; }
  .insight-header { padding-block: 30px; }
  .insight-header .breadcrumbs { margin-bottom: 20px; }
  .home-light .insight-header h1 { font-size: 32px; line-height: 1.25; }
  .article-layout { grid-template-columns: minmax(0,1fr); gap: 32px; padding-block: 30px 40px; }
  .article-toc { position: static; }
  .article-toc nav { gap: 10px; }
  .article-content p, .article-content li { font-size: 16px; }
  .home-light .article-content h2 { font-size: 25px; }
  .article-takeaway { padding-left: 18px; }
  .article-takeaway p:last-child { font-size: 17px; }
  .article-table-wrap th, .article-table-wrap td { padding: 10px; font-size: 12px; }
}

.example-header { padding: 40px 0 30px; }
.example-header .breadcrumbs { font-size: 12px; margin: 0 0 22px; }
.home-light .example-header h1 { max-width: 980px; font-size: 42px; line-height: 1.2; margin: 14px 0 18px; text-wrap: pretty; }
.example-header .lede { max-width: 850px; margin-bottom: 14px; }
.example-audience { font-size: 13px; color: #63717d; margin: 0; }
.examples-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.example-card { min-width: 0; border: 1px solid #dce3e8; border-radius: 8px; overflow: hidden; background: #fff; }
.example-card > a { display: flex; flex-direction: column; height: 100%; }
.example-card:hover { border-color: #8ba9a7; }
.example-card a:focus-visible { outline-offset: -4px; }
.example-card-visual { position: relative; aspect-ratio: 4/3; background: #f1f5f4; border-bottom: 1px solid #dce3e8; }
.example-card-visual img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.example-card-copy { display: flex; flex: 1; flex-direction: column; padding: 22px; }
.example-category { color: #347267; font-size: 11px; font-weight: 700; }
.home-light .example-card h3 { font-size: 21px; line-height: 1.35; margin: 12px 0; text-wrap: pretty; }
.example-card p { font-size: 14px; line-height: 1.65; margin: 0 0 24px; }
.example-open { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: auto; font-size: 13px; font-weight: 700; color: #17677c; }
.example-disclosure { margin: 22px 0 0; font-size: 12px; line-height: 1.7; color: #63717d; }
.examples-preview, .example-related { background: #f5f8f7; }
.examples-preview .section-head > div:last-child { max-width: 430px; }
.examples-preview .section-head p { font-size: 15px; margin-top: 0; }
.example-links { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 30px; border-top: 1px solid #dce3e8; }
.example-links a { position: relative; min-width: 0; padding: 22px 26px 0 0; }
.example-links span { display: block; color: #347267; font-size: 11px; margin-bottom: 10px; }
.example-links strong { color: #253b47; font-size: 19px; font-weight: 650; line-height: 1.45; }
.example-links a > svg { position: absolute; right: 0; top: 22px; color: #17677c; }
.example-links a:hover strong { text-decoration: underline; text-underline-offset: 4px; }
.example-workspace-section { padding-bottom: 30px; scroll-margin-top: 100px; }
.demo-disclosure { display: flex; gap: 18px; align-items: baseline; padding: 12px 0 16px; font-size: 12px; line-height: 1.6; }
.demo-disclosure strong { color: #17677c; }
.demo-disclosure span { color: #63717d; }
.demo-app { overflow: hidden; border: 1px solid #bdccd2; border-radius: 8px; background: #fff; color: #26323a; box-shadow: 0 5px 20px rgba(32,42,50,.04); }
.demo-titlebar { display: flex; gap: 20px; justify-content: space-between; align-items: center; padding: 20px 24px; background: #202a32; color: #fff; }
.demo-wordmark { color: #89c5b6; font-size: 10px; font-weight: 700; }
.home-light .demo-titlebar h2 { font-size: 20px; line-height: 1.4; color: #fff; margin: 6px 0 0; }
.demo-window-tools { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
.demo-badge { padding: 4px 7px; color: #bde1d6; border: 1px solid #5d7c77; border-radius: 3px; font-size: 10px; font-weight: 700; }
.demo-icon-button { width: 36px; height: 36px; display: grid; place-items: center; background: transparent; border: 1px solid #58646e; border-radius: 4px; color: #fff; cursor: pointer; }
.demo-icon-button:hover { background: #35434d; }
.demo-app button:focus-visible, .demo-app input:focus-visible, .demo-app select:focus-visible { outline: 3px solid #328fab; outline-offset: 3px; }
.demo-icon-button:disabled { opacity: .45; cursor: default; }
.demo-tabs { display: flex; gap: 4px; padding: 0 20px; border-bottom: 1px solid #dce3e8; background: #f6f8f9; }
.demo-tabs button { border: 0; border-bottom: 3px solid transparent; background: transparent; padding: 16px 14px 13px; color: #52616c; font: inherit; font-size: 13px; font-weight: 650; cursor: pointer; }
.demo-tabs button[aria-selected="true"] { color: #17677c; border-color: #17677c; }
.demo-app [hidden] { display: none !important; }
.demo-toolbar { display: grid; grid-template-columns: minmax(0,1fr) 220px auto; gap: 20px; padding: 20px 24px; align-items: end; border-bottom: 1px solid #dce3e8; }
.demo-toolbar label { display: block; font-size: 11px; font-weight: 650; color: #46545f; margin-bottom: 7px; }
.demo-toolbar input, .demo-toolbar select { display: block; width: 100%; min-width: 0; height: 40px; border: 1px solid #b9c7ce; border-radius: 4px; padding: 8px 12px; color: #26323a; background: #fff; font: inherit; font-size: 14px; }
.demo-toolbar p { font-size: 11px; white-space: nowrap; margin: 0; padding-bottom: 10px; color: #63717d; }
.demo-record-layout { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(0,1fr); min-height: 670px; }
.demo-record-list { border-right: 1px solid #dce3e8; min-width: 0; }
.demo-list-head { display: flex; justify-content: space-between; padding: 16px 24px; color: #63717d; background: #fafbfc; border-bottom: 1px solid #e6ecef; font-size: 11px; font-weight: 650; }
.demo-record { display: flex; width: 100%; min-height: 102px; gap: 16px; justify-content: space-between; align-items: center; padding: 16px 24px; border: 0; border-bottom: 1px solid #e6ecef; border-left: 3px solid transparent; background: #fff; text-align: left; color: #26323a; font: inherit; cursor: pointer; }
.demo-record > span:first-child { min-width: 0; }
.demo-record small, .demo-record strong, .demo-record em { display: block; }
.demo-record small { font: 11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace; color: #63717d; margin-bottom: 4px; }
.demo-record strong { font-size: 13px; line-height: 1.5; font-weight: 650; overflow-wrap: anywhere; }
.demo-record em { font-size: 11px; line-height: 1.6; font-style: normal; color: #63717d; margin-top: 4px; }
.demo-record:hover { background: #f6f9fa; }
.demo-record.is-selected { background: #eef5f3; border-left-color: #347267; }
.demo-status { display: inline-block; flex-shrink: 0; max-width: 118px; padding: 4px 7px; border-radius: 3px; background: #eaf0f4; color: #355267; font-size: 10px; line-height: 1.5; font-weight: 650; text-align: center; }
.demo-status[data-state="1"] { background: #fff2ce; color: #6d5819; }
.demo-status[data-state="2"] { background: #edf0f7; color: #4c5c7b; }
.demo-status[data-state="3"] { background: #e4f1e9; color: #32644b; }
.demo-detail { padding: 24px 28px; min-width: 0; scroll-margin-top: 90px; }
.demo-detail-id { color: #63717d; font: 11px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace; margin: 0 0 8px; }
.home-light .demo-detail h3 { font-size: 20px; line-height: 1.4; margin: 0 0 20px; text-wrap: pretty; }
.demo-detail dl { margin: 0 0 26px; }
.demo-detail dl > div { display: grid; grid-template-columns: 110px minmax(0,1fr); gap: 14px; padding: 9px 0; border-bottom: 1px solid #e6ecef; font-size: 12px; line-height: 1.7; }
.demo-detail dt { color: #63717d; }
.demo-detail dd { margin: 0; overflow-wrap: anywhere; }
.demo-progress-label { display: flex; justify-content: space-between; align-items: center; gap: 15px; font-size: 11px; color: #52616c; margin: 0 0 9px; }
.demo-progress-label strong { color: #347267; }
.demo-detail progress { display: block; width: 100%; height: 7px; border: 0; border-radius: 2px; overflow: hidden; accent-color: #347267; }
.demo-detail progress::-webkit-progress-bar { background: #e6ecef; }
.demo-detail progress::-webkit-progress-value { background: #347267; }
.demo-checkpoints { list-style: none; padding: 0; margin: 18px 0 24px; display: grid; gap: 10px; }
.demo-checkpoints li { display: flex; gap: 10px; align-items: center; font-size: 12px; color: #63717d; }
.demo-checkpoints li > span { display: grid; place-items: center; flex-shrink: 0; width: 20px; height: 20px; border: 1px solid #cad4d9; border-radius: 50%; font-size: 10px; }
.demo-checkpoints li.is-done { color: #347267; }
.demo-checkpoints li.is-done > span { background: #e4f1e9; border-color: #96bdaa; }
.demo-action { width: 100%; padding: 11px 16px; border: 1px solid #17677c; background: #17677c; color: #fff; border-radius: 4px; font: inherit; font-size: 13px; font-weight: 650; cursor: pointer; }
.demo-action:hover { background: #12556a; }
.demo-action:disabled { background: #e8eeec; border-color: #c1d2cb; color: #526a61; cursor: default; }
.demo-action-note { margin: 10px 0 0; font-size: 10px; line-height: 1.6; text-align: center; color: #63717d; }
.demo-empty { padding: 24px; font-size: 13px; color: #63717d; }
.demo-bottom { display: flex; gap: 20px; align-items: baseline; justify-content: space-between; padding: 14px 24px; border-top: 1px solid #dce3e8; background: #f6f8f9; font-size: 10px; line-height: 1.7; color: #63717d; }
.demo-bottom > span:last-child { flex-shrink: 0; }
.demo-overview, .demo-activity { padding: 30px 24px; min-height: 750px; }
.home-light .demo-overview h3, .home-light .demo-activity h3 { font-size: 20px; line-height: 1.4; margin: 0 0 28px; }
.demo-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border-block: 1px solid #dce3e8; }
.demo-metrics > div { padding: 24px 20px; border-right: 1px solid #dce3e8; }
.demo-metrics > div:first-child { padding-left: 0; }
.demo-metrics > div:last-child { border: 0; }
.demo-metrics span { display: block; font-size: 11px; color: #52616c; line-height: 1.6; }
.demo-metrics strong { display: block; color: #26323a; font-size: 32px; font-weight: 600; margin: 12px 0; }
.demo-metrics small { display: block; color: #63717d; font-size: 11px; line-height: 1.7; }
.demo-status-chart { margin-top: 34px; max-width: 700px; }
.demo-status-chart h4 { font-size: 14px; font-weight: 650; margin: 0 0 24px; }
.demo-status-chart > div { display: grid; grid-template-columns: 130px minmax(0,1fr) 24px; align-items: center; gap: 18px; margin-bottom: 22px; font-size: 12px; }
.demo-bar-track { height: 16px; background: #eef2f4; border-radius: 2px; overflow: hidden; }
.demo-bar-track > div { height: 100%; background: #32859d; }
.demo-bar-track > div[data-state="1"] { background: #c5a946; }
.demo-bar-track > div[data-state="2"] { background: #8796b4; }
.demo-bar-track > div[data-state="3"] { background: #5a9674; }
.demo-activity ol { padding: 0; list-style: none; }
.demo-activity li { padding: 18px 0 18px 18px; border-left: 2px solid #96bdaa; border-bottom: 1px solid #e6ecef; font-size: 13px; line-height: 1.8; }
.example-context { max-width: 850px; margin-bottom: 40px; }
.home-light .example-context h2 { font-size: 30px; line-height: 1.3; margin-bottom: 20px; }
.example-context > p:last-child { font-size: 16px; line-height: 1.8; }
.example-scope-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 36px; border-top: 1px solid #dce3e8; padding-top: 30px; }
.home-light .example-scope-grid h3, .home-light .example-platform-note h3 { font-size: 18px; line-height: 1.4; margin: 0 0 20px; }
.example-scope-grid ul { padding-left: 18px; margin: 0; }
.example-scope-grid li { padding-left: 4px; font-size: 14px; line-height: 1.8; margin: 0 0 16px; }
.example-boundary { margin-top: 32px; padding-top: 26px; border-top: 1px solid #dce3e8; color: #52616c; }
.example-boundary strong { font-size: 13px; color: #334651; }
.example-boundary p { font-size: 12px; line-height: 1.8; max-width: 950px; margin: 10px 0 0; }
.example-platform-note { margin-top: 30px; padding-top: 30px; border-top: 1px solid #dce3e8; max-width: 950px; }
.example-platform-note p, .example-platform-note li { font-size: 13px; line-height: 1.8; }
.example-platform-note a, .example-next-links a { color: #17677c; text-decoration: underline; text-underline-offset: 3px; }
.example-next-links { display: flex; gap: 18px 30px; flex-wrap: wrap; padding-top: 30px; font-size: 13px; }
/* Glass work surfaces keep their text opaque over a restrained technical grid. */
.example-workspace-section { --accent: #176f73; --surface-a: #dceee8; --surface-b: #e7edf5; background: #f1f5f5; padding-block: 16px 38px; }
[data-theme="gold"] { --accent: #76621d; --surface-a: #f0ebd9; --surface-b: #e5edf1; }
[data-theme="cyan"] { --accent: #226d88; --surface-a: #e0edf2; --surface-b: #e8eee1; }
[data-theme="blue"] { --accent: #365e85; --surface-a: #e1eaf5; --surface-b: #e9ece2; }
[data-theme="rose"] { --accent: #86536e; --surface-a: #f1e4e9; --surface-b: #e6edf2; }
.demo-surface { padding: 22px; background: linear-gradient(125deg,var(--surface-a),var(--surface-b) 58%,#f1e9dd); }
.demo-app { border-color: #fff; background: rgba(255,255,255,.78); -webkit-backdrop-filter: blur(22px); backdrop-filter: blur(22px); box-shadow: 0 18px 45px #3f596218,inset 0 0 0 1px #ffffffb3; }
.demo-titlebar { background: #ffffff8c; color: #24343e; padding: 18px 24px; border-bottom: 1px solid #ffffffd9; }
.demo-title { display: flex; align-items: center; gap: 22px; min-width: 0; }
.demo-title > div:last-child { min-width: 0; }
.demo-traffic-lights { display: flex; gap: 7px; flex-shrink: 0; }
.demo-traffic-lights i { width: 10px; height: 10px; border-radius: 50%; background: #e36b62; box-shadow: inset 0 0 0 1px #00000012; }
.demo-traffic-lights i:nth-child(2) { background: #d4af45; }
.demo-traffic-lights i:nth-child(3) { background: #6aa47a; }
.demo-wordmark { display: block; color: #536871; font-size: 10px; line-height: 1.6; }
.home-light .demo-titlebar h2 { color: #24343e; font-size: 22px; margin-top: 5px; }
.demo-badge { color: #465f69; border-color: #bdcdd3; background: #ffffff8c; }
.demo-icon-button { color: #405f6d; border-color: #c7d6dc; background: #ffffffa6; }
.demo-icon-button:hover { color: var(--accent); background: #fff; border-color: #91aeb7; }
.demo-metrics { background: #ffffff65; margin: 0; border: 0; padding: 6px 24px 20px; }
.demo-metrics > div { padding: 12px 22px 0; border-right-color: #cbd8db; }
.demo-metrics strong { font-size: 32px; line-height: 1.2; margin: 10px 0 7px; }
.demo-metrics strong em { font-size: 18px; font-style: normal; color: #526871; font-weight: 400; }
.demo-metrics small { font-size: 10px; line-height: 1.6; max-width: 210px; }
.demo-tabs { background: #ffffff4d; border-block: 1px solid #d7e2e4; padding-inline: 24px; }
.demo-tabs button { padding-block: 13px 10px; color: #536771; }
.demo-tabs button[aria-selected="true"] { color: var(--accent); border-color: var(--accent); }
.demo-overview,.demo-activity { min-height: 480px; padding: 26px 24px; }
.demo-view-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 28px; }
.demo-view-heading p { margin: 0 0 7px; font-size: 9px; font-weight: 700; color: var(--accent); }
.home-light .demo-view-heading h3 { margin: 0; font-size: 21px; line-height: 1.35; text-wrap: pretty; }
.demo-view-heading > span { color: #526871; font-size: 10px; white-space: nowrap; }
.demo-overview-grid { display: grid; grid-template-columns: minmax(0,2fr) minmax(230px,1fr); border-block: 1px solid #d0dddf; }
.demo-primary-chart { min-width: 0; padding: 24px 26px 24px 0; }
.demo-distribution { min-width: 0; border-left: 1px solid #d0dddf; padding: 24px 0 24px 26px; }
.demo-chart-heading { display: flex; justify-content: space-between; align-items: start; gap: 18px; margin-bottom: 20px; }
.demo-chart-heading h4 { font-size: 13px; line-height: 1.5; margin: 0; font-weight: 650; color: #304b56; }
.demo-chart-heading p,.demo-chart-heading > span { font-size: 10px; line-height: 1.6; color: #546c76; margin: 5px 0 0; }
.demo-donut { display: grid; place-items: center; width: 146px; height: 146px; border-radius: 50%; margin: 18px auto 22px; }
.demo-donut > div { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 111px; height: 111px; border-radius: 50%; background: #f6f9f8; }
.demo-donut strong { font-size: 32px; line-height: 1.2; color: #304b56; font-weight: 550; }
.demo-donut span { font-size: 10px; color: #546c76; margin-top: 5px; }
.demo-legend { display: grid; gap: 3px; }
.demo-legend button { display: flex; align-items: center; gap: 10px; background: transparent; border: 0; border-bottom: 1px solid #d9e2e3; padding: 8px 0; color: #405d68; font: inherit; font-size: 11px; text-align: left; cursor: pointer; }
.demo-legend button > span:nth-child(2) { flex: 1; }
.demo-legend button:hover { color: var(--accent); background: #ffffff60; }
.demo-state-dot { display: inline-block; flex-shrink: 0; width: 7px; height: 7px; border-radius: 2px; background: #297e89; }
.demo-state-dot[data-state="1"] { background: #c0a14b; }
.demo-state-dot[data-state="2"] { background: #9d7292; }
.demo-state-dot[data-state="3"] { background: #548c6b; }
.demo-period { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
.demo-period label { font-size: 10px; color: #546c76; }
.demo-period select { height: 30px; padding: 3px 8px; font: inherit; font-size: 11px; color: #405d68; border: 1px solid #bdcfd4; border-radius: 4px; background: #ffffffa6; }
.demo-series { display: flex; gap: 16px; height: 224px; padding-top: 5px; border-bottom: 1px solid #a9c0c5; background: repeating-linear-gradient(to top,transparent 0,transparent 43px,#d6e1e580 44px,#d6e1e580 45px); }
.demo-series > div { display: flex; flex: 1; min-width: 0; flex-direction: column; align-items: center; justify-content: end; height: 100%; }
.demo-series > div > span { color: #405d68; font-size: 11px; font-weight: 650; margin-bottom: 8px; }
.demo-series-track { display: flex; align-items: end; width: 100%; height: 170px; }
.demo-series-track > div { width: 100%; max-width: 60px; margin-inline: auto; background: linear-gradient(0deg,#287d89,#77b4b2); border-radius: 3px 3px 0 0; box-shadow: inset 0 0 0 1px #ffffff70; }
.demo-series > div:nth-child(2n) .demo-series-track > div { background: linear-gradient(0deg,#5b7c94,#a5bdca); }
.demo-series small { height: 26px; padding-top: 6px; font-size: 10px; color: #546c76; }
.demo-chart-foot { display: flex; justify-content: space-between; gap: 20px; margin-top: 10px; color: #546c76; font-size: 10px; }
.demo-chart-foot strong { font-weight: 500; }
.demo-progress-section { margin-top: 24px; }
.demo-progress-rows { display: grid; }
.demo-progress-rows > button { display: grid; grid-template-columns: 28px minmax(0,1fr) 120px; align-items: center; gap: 12px; width: 100%; padding: 12px 0; background: transparent; border: 0; border-bottom: 1px solid #d9e2e3; color: #405d68; font: inherit; text-align: left; cursor: pointer; }
.demo-progress-rows > button:hover { background: #ffffff7d; }
.demo-row-number { color: #546c76; font: 10px ui-monospace,SFMono-Regular,Menlo,monospace; }
.demo-progress-rows strong { display: block; font-size: 12px; line-height: 1.5; font-weight: 600; }
.demo-progress-rows small { display: block; font-size: 10px; line-height: 1.6; color: #546c76; margin-top: 3px; }
.demo-row-bar { display: flex; gap: 10px; align-items: center; }
.demo-row-bar progress { flex: 1; min-width: 0; width: 70px; height: 5px; accent-color: #398481; }
.demo-row-bar em { font-size: 10px; font-style: normal; color: #546c76; min-width: 28px; text-align: right; }
.demo-pipeline { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin: 32px 0; border-block: 1px solid #c5d5d8; }
.demo-pipeline button { min-width: 0; padding: 20px 12px; border: 0; border-right: 1px solid #c5d5d8; background: #ffffff4a; text-align: left; font: inherit; cursor: pointer; color: #405d68; }
.demo-pipeline button:last-child { border-right: 0; }
.demo-pipeline button:hover { background: #fff; }
.demo-pipeline-index { display: block; font: 10px ui-monospace,SFMono-Regular,Menlo,monospace; color: #546c76; margin-bottom: 24px; }
.demo-pipeline strong { display: block; font-size: 12px; line-height: 1.5; margin-bottom: 7px; }
.demo-pipeline button > span:last-child { font-size: 10px; color: #546c76; }
.demo-mapping-flow { display: flex; align-items: center; gap: 12px; margin-top: 35px; font-size: 11px; line-height: 1.6; color: #405d68; }
.demo-mapping-flow span { flex: 1; padding-block: 12px; border-block: 1px solid #c5d5d8; }
.demo-mapping-flow b { font-weight: 400; color: #7b979c; }
.demo-inline-note { font-size: 10px; line-height: 1.7; margin: 16px 0 0; }
.demo-excerpt { border-left: 2px solid #8baeb5; padding: 2px 0 2px 15px; margin: 22px 0; }
.demo-excerpt > span { color: #4e7380; font-size: 9px; font-weight: 700; }
.demo-excerpt p { font-size: 11px; line-height: 1.9; margin: 8px 0 0; }
.demo-locations { display: grid; }
.demo-locations > section { display: grid; grid-template-columns: 38px minmax(0,1fr) auto; align-items: center; gap: 16px; padding: 24px 0; border-bottom: 1px solid #d2dfe1; }
.demo-location-mark { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid #a7c3c7; background: #fff6; border-radius: 4px; color: var(--accent); font-size: 13px; }
.demo-locations h5 { font-size: 13px; color: #405d68; margin: 0 0 5px; font-weight: 600; }
.demo-locations p { font-size: 10px; margin: 0; }
.demo-locations > section > strong { color: #405d68; font-size: 24px; font-weight: 500; }
.demo-locations strong small { display: block; font-size: 9px; font-weight: 400; text-align: right; color: #546c76; }
.demo-board { padding: 26px 24px; min-height: 480px; }
.demo-board-columns { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; }
.demo-board-column { min-width: 0; }
.demo-board-column h4 { display: flex; align-items: center; gap: 8px; min-height: 44px; padding-bottom: 12px; border-bottom: 1px solid #c5d5d8; color: #405d68; font-size: 12px; margin: 0 0 16px; }
.demo-board-column h4 strong { margin-left: auto; font-size: 11px; color: #536c73; }
.demo-board-record { display: block; width: 100%; padding: 16px 14px; margin-bottom: 14px; border: 1px solid #ffffffea; box-shadow: 0 5px 16px #47656f09; border-radius: 6px; background: #ffffff9c; font: inherit; text-align: left; color: #405d68; cursor: pointer; }
.demo-board-record:hover { background: #fff; border-color: #9bbcc0; }
.demo-board-record > small { display: block; color: #536c73; font: 9px ui-monospace,SFMono-Regular,Menlo,monospace; margin-bottom: 13px; }
.demo-board-record > strong { display: block; font-size: 13px; line-height: 1.6; font-weight: 600; min-height: 42px; }
.demo-board-record > span { display: block; color: #546c76; font-size: 10px; line-height: 1.6; margin-top: 14px; }
.demo-board-progress { display: flex; gap: 8px; align-items: center; margin-top: 15px; }
.demo-board-progress progress { flex: 1; min-width: 0; width: 80px; height: 4px; accent-color: #398481; }
.demo-board-progress em { font-size: 9px; font-style: normal; color: #546c76; }
.demo-board-empty { color: #536c73; font-size: 10px; line-height: 1.6; padding-block: 10px; }
.demo-toolbar,.demo-list-head,.demo-record,.demo-bottom { background: #ffffff6b; }
.demo-record.is-selected { background: #dfefecb3; border-left-color: var(--accent); }
.demo-record-layout { min-height: 625px; }
.demo-detail { background: #ffffff59; }
.demo-detail-id { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.demo-bottom { font-size: 10px; color: #5b757d; }
.demo-activity li { background: #fff6; }
.example-header { padding-block: 30px 24px; }
.home-light .example-header h1 { font-size: 36px; max-width: 950px; }
.examples-library-header { border-bottom: 1px solid #dce3e8; }
.examples-library-header .lede { max-width: 820px; margin-bottom: 0; }
.examples-library-tools { display: grid; grid-template-columns: minmax(0,1fr) 240px auto; align-items: end; gap: 24px; padding-bottom: 28px; }
.examples-library-tools label { display: block; font-size: 12px; font-weight: 650; color: #46545f; margin-bottom: 8px; }
.examples-library-tools input,.examples-library-tools select { height: 44px; width: 100%; min-width: 0; border: 1px solid #bdcdd3; border-radius: 4px; padding: 9px 12px; color: #263b46; background: #fff; font: inherit; font-size: 15px; }
.examples-library-tools > p { margin: 0; padding-bottom: 12px; font-size: 12px; color: #546c76; white-space: nowrap; }
.example-card { box-shadow: 0 5px 18px #41596208; border-color: #d2dfe1; }
.example-card[hidden] { display: none; }
.example-card-visual { aspect-ratio: 6/5; background: #e8f0ef; }
.example-card-visual img { object-fit: cover; }
.example-image-label { position: absolute; left: 14px; bottom: 12px; padding: 5px 8px; font-size: 8px; font-weight: 700; color: #334e59; border: 1px solid #ffffffd9; border-radius: 3px; background: #ffffffdf; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.example-card-copy { padding: 22px; background: #ffffffdb; }
.home-light .example-card h3 { font-size: 20px; }
.example-library-empty { margin: 24px 0; color: #546c76; }
.example-library-empty[hidden] { display: none; }
body.demo-focus > :not(#main),body.demo-focus #main > :not(#workspace) { display: none; }
body.demo-focus #workspace { padding-block: 8px 24px; min-height: 100vh; }
body.demo-focus #workspace .wrap { width: min(1320px,calc(100% - 32px)); }
body.demo-focus .demo-disclosure { padding: 8px 0 12px; }
/* Workflow families carry distinct accents; labels and body text stay opaque. */
[data-theme="teal"] { --accent: #087c78; --surface-a: #b9f2e7; --surface-b: #d9eefd; --accent-light: #d1f6ed; }
[data-theme="cyan"] { --accent: #086f96; --surface-a: #bdeffa; --surface-b: #e7dcfb; --accent-light: #d5f5fc; }
[data-theme="gold"] { --accent: #91600c; --surface-a: #ffdf96; --surface-b: #d6eff2; --accent-light: #fff0c5; }
[data-theme="blue"] { --accent: #2459a9; --surface-a: #bfd8ff; --surface-b: #d8f3ee; --accent-light: #dceaff; }
[data-theme="rose"] { --accent: #a63d68; --surface-a: #facadd; --surface-b: #d8eafa; --accent-light: #fde0eb; }
[data-theme="violet"] { --accent: #7040ad; --surface-a: #dfc7fa; --surface-b: #cdf3ec; --accent-light: #ecdffc; }
[data-theme="emerald"] { --accent: #17794e; --surface-a: #bdeccc; --surface-b: #d3eafa; --accent-light: #d6f5df; }
[data-theme="indigo"] { --accent: #4755ad; --surface-a: #cdd3ff; --surface-b: #c8f0e9; --accent-light: #e1e5ff; }
[data-theme="coral"] { --accent: #ab4938; --surface-a: #ffcabb; --surface-b: #d9e8fc; --accent-light: #ffe2d9; }
.demo-surface { background: linear-gradient(125deg,var(--surface-a),var(--surface-b)); }
.demo-titlebar { border-top: 4px solid var(--accent); }
.demo-metrics > div:nth-child(1) strong { color: var(--accent); }
.demo-metrics > div:nth-child(2) strong { color: #ab4938; }
.demo-metrics > div:nth-child(3) strong { color: #7040ad; }
.demo-metrics > div:nth-child(4) strong { color: #086f96; }
.demo-metrics strong em { color: #526871; }
.demo-state-dot { background: #0891b2; }
.demo-state-dot[data-state="1"] { background: #e5aa18; }
.demo-state-dot[data-state="2"] { background: #df6696; }
.demo-state-dot[data-state="3"] { background: #18a776; }
.demo-series-track > div { background: linear-gradient(0deg,var(--accent),#7bc9c0); }
.demo-series > div:nth-child(2n) .demo-series-track > div { background: linear-gradient(0deg,#8058ba,#c3a6ee); }
.demo-board-column h4 { border-bottom: 3px solid #0891b2; }
.demo-board-column[data-state="1"] h4 { border-color: #e5aa18; }
.demo-board-column[data-state="2"] h4 { border-color: #df6696; }
.demo-board-column[data-state="3"] h4 { border-color: #18a776; }
.demo-board-column[data-state="0"] .demo-board-record { background: #edfaffc9; }
.demo-board-column[data-state="1"] .demo-board-record { background: #fff7dbc9; }
.demo-board-column[data-state="2"] .demo-board-record { background: #ffedf4c9; }
.demo-board-column[data-state="3"] .demo-board-record { background: #e4faecc9; }
.demo-record.is-selected { background: var(--accent-light); }
.demo-action { background: var(--accent); border-color: var(--accent); }
.example-family-link { display: inline-block; margin-top: 16px; font-size: 13px; color: #17677c; text-decoration: underline; text-underline-offset: 3px; }
.gallery-disclosure { margin: 14px 0 0; font-size: 13px; line-height: 1.6; color: #596978; }
.gallery-summary { display: flex; flex-wrap: wrap; gap: 16px 42px; border-top: 1px solid #dce3e8; padding-top: 22px; margin-top: 24px; }
.gallery-summary > span { display: flex; gap: 12px; align-items: baseline; color: #596978; font-size: 13px; }
.gallery-summary strong { color: #087c78; font-size: 28px; line-height: 1.3; font-weight: 600; }
.gallery-summary > span:nth-child(2) strong { color: #a63d68; }
.gallery-summary > span:nth-child(3) strong { color: #2459a9; }
.example-gallery { background: #f6f8fb; }
.examples-library-tools { grid-template-columns: minmax(0,1fr) 210px 220px auto; gap: 18px; }
.example-card { position: relative; border-top: 4px solid var(--accent); box-shadow: 0 5px 16px #364f6210; }
.example-card-visual { aspect-ratio: 12 / 11; background: var(--surface-a); }
.example-card-visual img { object-fit: contain; }
.example-card-copy { padding: 20px; }
.example-category { color: var(--accent); }
.home-light .example-card h3 { font-size: 18px; line-height: 1.4; margin-block: 10px; }
.example-card p { margin-bottom: 20px; font-size: 13px; line-height: 1.65; }
.example-open { color: var(--accent); font-size: 12px; }
.example-screenshot-button { position: absolute; top: 12px; right: 12px; display: grid; place-items: center; width: 36px; height: 36px; color: var(--accent); background: #fffffff2; border: 1px solid #bdccd2; border-radius: 4px; box-shadow: 0 3px 12px #364f6218; cursor: pointer; }
.example-screenshot-button:hover { background: var(--accent-light); border-color: var(--accent); }
.screenshot-open { overflow: hidden; }
.example-preview-dialog { width: min(1100px,calc(100% - 40px)); max-height: calc(100vh - 40px); padding: 0; border: 1px solid #d0dce4; border-radius: 8px; background: #fff; color: #243642; box-shadow: 0 20px 80px #10203355; }
.example-preview-dialog::backdrop { background: #172735b3; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.screenshot-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 24px; border-bottom: 1px solid #dce3e8; }
.screenshot-toolbar > div { min-width: 0; }
.screenshot-toolbar span { display: block; color: #17677c; font-size: 11px; font-weight: 650; margin-bottom: 5px; }
.home-light .screenshot-toolbar h2 { margin: 0; font-size: 20px; line-height: 1.35; }
.screenshot-icon { display: grid; place-items: center; flex: 0 0 auto; width: 36px; height: 36px; border: 1px solid #bdcdd3; border-radius: 4px; background: #fff; color: #345261; cursor: pointer; }
.screenshot-icon:hover { background: #edf6f6; }
.screenshot-icon:disabled { opacity: .4; cursor: default; }
.screenshot-image-stage { display: grid; place-items: center; background: #e9f0f5; }
.screenshot-image-stage img { display: block; width: 100%; height: min(65vh,720px); object-fit: contain; }
.screenshot-footer { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 16px 24px; border-top: 1px solid #dce3e8; }
.screenshot-footer p { max-width: 430px; font-size: 11px; line-height: 1.6; margin: 0; color: #596978; }
.screenshot-footer > div { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
.screenshot-footer [data-screenshot-position] { font-size: 11px; color: #596978; min-width: 48px; text-align: center; }
.screenshot-footer a { display: flex; align-items: center; gap: 10px; font-size: 12px; color: #17677c; font-weight: 650; padding-left: 10px; }
@media (max-width: 980px) {
  .examples-library-tools { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
  .examples-library-tools > div:first-child { grid-column: 1 / -1; }
  .examples-library-tools > p { grid-column: 1 / -1; padding: 0; }
  .screenshot-footer { align-items: start; flex-direction: column; gap: 12px; }
}
@media (max-width: 760px) {
  .gallery-summary { gap: 16px; }
  .gallery-summary > span { align-items: start; flex-direction: column; gap: 4px; width: calc(50% - 8px); }
  .gallery-summary > span:last-child { width: 100%; flex-direction: row; align-items: baseline; gap: 12px; }
  .gallery-summary strong { font-size: 24px; }
  .examples-library-tools { grid-template-columns: minmax(0,1fr); }
  .examples-library-tools > div:first-child,.examples-library-tools > p { grid-column: auto; }
  .example-preview-dialog { width: calc(100% - 20px); max-height: calc(100vh - 20px); }
  .screenshot-toolbar { padding: 16px; gap: 12px; }
  .home-light .screenshot-toolbar h2 { font-size: 17px; }
  .screenshot-image-stage img { height: auto; max-height: 55vh; }
  .screenshot-footer { padding: 16px; }
  .screenshot-footer > div { flex-wrap: wrap; gap: 10px; width: 100%; }
  .screenshot-footer a { width: 100%; padding: 5px 0 0; }
}
@media (min-width: 981px) and (max-width: 1180px) { .home-light .nav-links { gap: 15px; } .home-light .nav-links > a:not(.button) { font-size: 12px; } .home-light .nav-links > .button { padding-inline: 16px; } }
@media (max-width: 1100px) { .examples-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .demo-detail { padding: 24px 20px; } }
@media (max-width: 760px) {
  .example-header { padding-block: 30px 22px; }
  .home-light .example-header h1 { font-size: 30px; line-height: 1.25; }
  .examples-grid, .example-links, .example-scope-grid { grid-template-columns: minmax(0,1fr); }
  .example-links { gap: 24px; }
  .demo-disclosure { flex-direction: column; gap: 5px; }
  .demo-titlebar { padding: 16px; gap: 12px; }
  .home-light .demo-titlebar h2 { font-size: 16px; }
  .demo-window-tools { gap: 6px; }
  .demo-badge { display: none; }
  .demo-icon-button { width: 32px; height: 32px; }
  .demo-tabs { padding-inline: 6px; gap: 0; }
  .demo-tabs button { padding-inline: 10px; font-size: 12px; }
  .demo-toolbar { grid-template-columns: minmax(0,1fr); padding: 16px; gap: 12px; }
  .demo-toolbar input, .demo-toolbar select { font-size: 16px; }
  .demo-toolbar p { padding: 0; }
  .demo-record-layout { grid-template-columns: minmax(0,1fr); min-height: 0; }
  .demo-record-list { border: 0; }
  .demo-list-head { padding-inline: 16px; }
  .demo-record { padding: 14px 13px; gap: 10px; min-height: 110px; }
  .demo-status { max-width: 87px; }
  .demo-detail { padding: 24px 16px; border-top: 1px solid #bdccd2; }
  .demo-detail dl > div { grid-template-columns: 90px minmax(0,1fr); gap: 12px; }
  .home-light .demo-detail h3 { font-size: 19px; }
  .demo-bottom { flex-direction: column; padding: 14px 16px; gap: 6px; }
  .demo-bottom > span:last-child { flex-shrink: 1; }
  .demo-overview, .demo-activity { padding: 24px 16px; min-height: 670px; }
  .demo-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .demo-metrics > div { padding: 16px 12px; border-bottom: 1px solid #dce3e8; }
  .demo-metrics > div:nth-child(odd) { padding-left: 0; }
  .demo-metrics > div:nth-child(even) { border-right: 0; }
  .demo-metrics > div:nth-child(n+3) { border-bottom: 0; }
  .demo-metrics strong { font-size: 27px; }
  .demo-status-chart > div { grid-template-columns: 100px minmax(0,1fr) 18px; gap: 10px; font-size: 11px; }
  .example-scope-grid { gap: 22px; }
  .home-light .example-context h2 { font-size: 26px; }
  .demo-surface { padding: 8px; }
  .demo-titlebar { padding: 16px 12px; align-items: start; }
  .demo-title { gap: 8px; align-items: start; flex-direction: column; }
  .demo-traffic-lights { gap: 5px; padding-top: 4px; }
  .demo-traffic-lights i { width: 7px; height: 7px; }
  .demo-wordmark { font-size: 8px; }
  .home-light .demo-titlebar h2 { font-size: 17px; }
  .demo-metrics { padding: 0 12px 14px; }
  .demo-metrics > div { padding: 14px 12px; }
  .demo-metrics strong { font-size: 27px; }
  .demo-metrics strong em { font-size: 15px; }
  .demo-tabs { padding-inline: 4px; }
  .demo-tabs button { padding-inline: 7px; font-size: 11px; }
  .demo-board,.demo-overview,.demo-activity { padding: 22px 12px; min-height: 0; }
  .demo-view-heading { display: block; margin-bottom: 20px; }
  .home-light .demo-view-heading h3 { font-size: 18px; }
  .demo-view-heading > span { display: block; margin-top: 10px; }
  .demo-overview-grid { grid-template-columns: minmax(0,1fr); }
  .demo-primary-chart { padding: 20px 0; }
  .demo-distribution { border: 0; border-top: 1px solid #d0dddf; padding: 22px 0; }
  .demo-distribution .demo-donut { margin-block: 16px; }
  .demo-chart-heading { gap: 12px; }
  .demo-chart-heading h4 { font-size: 12px; }
  .demo-period { flex-direction: column; gap: 4px; align-items: start; }
  .demo-period select { font-size: 16px; height: 34px; }
  .demo-series { gap: 9px; }
  .demo-series > div > span { font-size: 10px; }
  .demo-progress-rows > button { grid-template-columns: 20px minmax(0,1fr); gap: 8px; }
  .demo-row-bar { grid-column: 2; margin-top: 4px; }
  .demo-pipeline { grid-template-columns: repeat(2,minmax(0,1fr)); margin-block: 22px; }
  .demo-pipeline button { border-bottom: 1px solid #c5d5d8; }
  .demo-pipeline button:nth-child(even) { border-right: 0; }
  .demo-pipeline button:nth-child(n+3) { border-bottom: 0; }
  .demo-mapping-flow { flex-wrap: wrap; gap: 8px; font-size: 10px; }
  .demo-locations > section { gap: 10px; }
  .demo-locations > section > strong { font-size: 22px; }
  .demo-board-columns { grid-template-columns: minmax(0,1fr); gap: 24px; }
  .demo-board-column > div { display: grid; grid-template-columns: minmax(0,1fr); gap: 12px; }
  .demo-board-record { padding: 16px; margin: 0; }
  .demo-board-record > strong { min-height: 0; }
  .demo-record-layout { min-height: 0; }
  .home-light .example-header h1 { font-size: 29px; }
  .examples-library-tools { grid-template-columns: minmax(0,1fr); gap: 16px; }
  .examples-library-tools input,.examples-library-tools select { font-size: 16px; }
  .examples-library-tools > p { padding: 0; }
}
@media (max-width: 760px) {
  .examples-library-header { padding-block: 22px; }
  .gallery-summary { padding-top: 14px; margin-top: 16px; }
  .gallery-summary > span { width: auto; gap: 4px; }
  .gallery-summary > span:last-child { width: auto; flex-direction: column; align-items: start; gap: 4px; }
  .examples-library-tools { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 12px; }
  .examples-library-tools > div:first-child,.examples-library-tools > p { grid-column: 1 / -1; }
  .examples-library-tools input,.examples-library-tools select { padding-inline: 8px; }
  .example-gallery { padding-top: 22px; }
}