:root {
  --landing-bg: #06101e;
  --landing-panel: rgba(12, 27, 48, .76);
  --landing-panel-solid: #0d1c32;
  --landing-line: rgba(141, 193, 255, .16);
  --landing-line-bright: rgba(111, 221, 255, .38);
  --landing-text: #f4f8ff;
  --landing-muted: #9eb0c8;
  --landing-blue: #5c7cff;
  --landing-cyan: #55def6;
  --landing-orange: #f1a13a;
  --landing-green: #70f1c2;
  --landing-shadow: 0 36px 100px rgba(0, 0, 0, .34);
  --landing-max: 1440px;
}

* { box-sizing: border-box; }
html { overflow-x: hidden; scroll-behavior: smooth; background: var(--landing-bg); }
body.landing-page {
  margin: 0;
  min-width: 320px;
  overflow-x: hidden;
  color: var(--landing-text);
  background:
    radial-gradient(circle at 58% 5%, rgba(64, 108, 211, .18), transparent 28rem),
    linear-gradient(180deg, #07111f 0%, #06101e 48%, #071321 100%);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  -webkit-font-smoothing: antialiased;
}

a { color: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { font: inherit; }
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.landing-skip {
  position: fixed;
  z-index: 200;
  top: 10px;
  left: 12px;
  padding: 10px 15px;
  border-radius: 10px;
  color: #07101e;
  background: #fff;
  transform: translateY(-150%);
  transition: transform .2s ease;
}
.landing-skip:focus { transform: translateY(0); }

.signal-canvas {
  position: fixed;
  z-index: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: .48;
}
.ambient {
  position: fixed;
  z-index: 0;
  width: 36rem;
  height: 36rem;
  border-radius: 50%;
  filter: blur(100px);
  pointer-events: none;
  opacity: .11;
  animation: ambient-drift 14s ease-in-out infinite alternate;
}
.ambient-one { top: 15%; left: -22rem; background: var(--landing-cyan); }
.ambient-two { right: -20rem; bottom: 5%; background: var(--landing-blue); animation-delay: -7s; }

.landing-header {
  position: fixed;
  z-index: 100;
  top: 16px;
  left: 50%;
  display: grid;
  grid-template-columns: minmax(220px, 1fr) auto minmax(220px, 1fr);
  align-items: center;
  width: min(calc(100% - 40px), var(--landing-max));
  min-height: 72px;
  padding: 10px 12px 10px 16px;
  border: 1px solid rgba(184, 218, 255, .14);
  border-radius: 21px;
  background: rgba(7, 17, 31, .7);
  box-shadow: 0 16px 50px rgba(0, 0, 0, .14);
  backdrop-filter: blur(20px) saturate(140%);
  -webkit-backdrop-filter: blur(20px) saturate(140%);
  transform: translateX(-50%);
  transition: background .3s ease, border-color .3s ease, box-shadow .3s ease, top .3s ease;
}
.landing-header.is-scrolled {
  top: 9px;
  border-color: rgba(166, 211, 255, .22);
  background: rgba(6, 15, 28, .92);
  box-shadow: 0 18px 60px rgba(0, 0, 0, .28);
}
.landing-brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  width: max-content;
  text-decoration: none;
}
.landing-brand-logo {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 13px;
  background: #fff;
  box-shadow: 0 0 28px rgba(82, 218, 246, .14);
}
.landing-brand-logo img { display: block; width: 42px; height: 42px; object-fit: contain; }
.landing-brand-copy { display: flex; flex-direction: column; gap: 2px; }
.landing-brand-copy b { font-size: 17px; line-height: 1.1; letter-spacing: .015em; }
.landing-brand-copy small { color: #8199b8; font-size: 8px; font-weight: 750; letter-spacing: .16em; }
.landing-nav { display: flex; align-items: center; gap: 7px; }
.landing-nav a {
  position: relative;
  padding: 12px 14px;
  border-radius: 12px;
  color: #adbad0;
  font-size: 14px;
  font-weight: 650;
  text-decoration: none;
  transition: color .2s ease, background .2s ease;
}
.landing-nav a::after {
  position: absolute;
  right: 14px;
  bottom: 7px;
  left: 14px;
  height: 1px;
  content: "";
  background: linear-gradient(90deg, transparent, var(--landing-cyan), transparent);
  transform: scaleX(0);
  transition: transform .25s ease;
}
.landing-nav a:hover, .landing-nav a:focus-visible { color: #fff; background: rgba(255, 255, 255, .045); }
.landing-nav a:hover::after, .landing-nav a:focus-visible::after { transform: scaleX(1); }
.landing-auth { justify-self: end; display: flex; align-items: center; gap: 8px; }
.landing-auth a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 18px;
  border-radius: 13px;
  font-size: 14px;
  font-weight: 750;
  text-decoration: none;
  transition: transform .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.landing-auth a:hover { transform: translateY(-2px); }
.landing-auth-ghost { border: 1px solid var(--landing-line); color: #c4d0e2; }
.landing-auth-ghost:hover { border-color: var(--landing-line-bright); background: rgba(85, 222, 246, .06); }
.landing-auth-primary {
  gap: 18px;
  color: #07111e;
  background: linear-gradient(135deg, #77eafa, #c6f7ff);
  box-shadow: 0 10px 28px rgba(83, 222, 246, .16);
}
.landing-auth-primary i { font-style: normal; transition: transform .2s ease; }
.landing-auth-primary:hover i { transform: translate(2px, -2px); }
.landing-menu { display: none; }

main, .landing-footer { position: relative; z-index: 1; }
.landing-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, .94fr) minmax(520px, 1.06fr);
  align-items: center;
  gap: clamp(45px, 6vw, 100px);
  width: min(calc(100% - 64px), 1360px);
  min-height: 100svh;
  margin: 0 auto;
  padding: 140px 0 95px;
}
.hero-copy { position: relative; z-index: 4; }
.landing-kicker {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 26px;
  color: #91a7c3;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  font-weight: 750;
  letter-spacing: .14em;
}
.landing-kicker span {
  display: block;
  width: 9px;
  height: 9px;
  border: 2px solid rgba(98, 229, 255, .58);
  border-radius: 50%;
  box-shadow: 0 0 14px var(--landing-cyan), inset 0 0 5px var(--landing-cyan);
  animation: status-pulse 2.2s ease-in-out infinite;
}
.landing-hero h1 {
  max-width: 720px;
  margin: 0 0 28px;
  font-size: clamp(50px, 4.4vw, 64px);
  font-weight: 790;
  line-height: 1.07;
  letter-spacing: -.055em;
}
.landing-hero h1 > span,
.landing-hero h1 em {
  display: block;
  white-space: nowrap;
}
.landing-hero h1 em {
  color: transparent;
  background: linear-gradient(100deg, #f4f8ff 2%, #76e9ff 47%, #7b92ff 92%);
  background-clip: text;
  -webkit-background-clip: text;
  font-style: normal;
  filter: drop-shadow(0 0 25px rgba(89, 220, 245, .18));
}
.hero-copy > p {
  max-width: 620px;
  margin: 0;
  color: #aab9cc;
  font-size: clamp(17px, 1.45vw, 20px);
  line-height: 1.9;
}
.hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 13px; margin-top: 37px; }
.landing-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 17px;
  min-height: 56px;
  padding: 0 24px;
  border: 1px solid transparent;
  border-radius: 15px;
  font-size: 15px;
  font-weight: 780;
  text-decoration: none;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, background .25s ease;
}
.landing-cta:hover { transform: translateY(-3px); }
.landing-cta-primary {
  color: #07101d;
  background: linear-gradient(135deg, #f6fbff, #7eeaff);
  box-shadow: 0 14px 38px rgba(81, 222, 247, .18);
}
.landing-cta-primary:hover { box-shadow: 0 18px 48px rgba(81, 222, 247, .28); }
.landing-cta-primary i { font-size: 20px; font-style: normal; transition: transform .2s ease; }
.landing-cta-primary:hover i { transform: translateX(4px); }
.landing-cta-secondary { border-color: var(--landing-line); color: #c6d2e4; background: rgba(255, 255, 255, .025); }
.landing-cta-secondary:hover { border-color: var(--landing-line-bright); background: rgba(85, 222, 246, .055); }
.play-dot {
  position: relative;
  width: 17px;
  height: 17px;
  border: 1px solid rgba(105, 227, 250, .62);
  border-radius: 50%;
}
.play-dot::after { position: absolute; top: 5px; left: 6px; border-width: 3px 0 3px 5px; border-style: solid; border-color: transparent transparent transparent #80e9fa; content: ""; }
.hero-proof {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin: 40px 0 0;
  padding: 25px 0 0;
  border-top: 1px solid var(--landing-line);
  list-style: none;
}
.hero-proof li { display: flex; align-items: center; gap: 9px; color: #7f91a9; font-size: 12px; }
.hero-proof li i { width: 5px; height: 5px; border-radius: 50%; background: var(--landing-green); box-shadow: 0 0 10px var(--landing-green); }
.hero-proof li b { margin-right: 4px; color: #dce7f5; font-size: 13px; }

.hero-system { position: relative; z-index: 2; min-height: 600px; perspective: 1200px; }
.system-halo { position: absolute; border-radius: 50%; filter: blur(3px); pointer-events: none; }
.halo-a { inset: 8% 4% 4% 7%; border: 1px solid rgba(89, 222, 249, .14); box-shadow: inset 0 0 100px rgba(59, 111, 208, .1), 0 0 90px rgba(62, 127, 234, .08); }
.halo-b { inset: 20% 17% 15% 19%; background: radial-gradient(circle, rgba(65, 134, 232, .14), transparent 66%); filter: blur(28px); }
.system-orbit { position: absolute; z-index: 1; border: 1px solid rgba(96, 197, 243, .15); border-radius: 50%; pointer-events: none; }
.system-orbit i { position: absolute; width: 8px; height: 8px; border-radius: 50%; background: var(--landing-cyan); box-shadow: 0 0 17px 5px rgba(85, 222, 246, .32); }
.orbit-a { inset: 3% 4%; transform: rotate(-12deg); animation: orbit-float 10s ease-in-out infinite alternate; }
.orbit-a i { top: 31%; right: -.25rem; }
.orbit-b { inset: 15% 15%; transform: rotate(19deg); animation: orbit-float 13s ease-in-out infinite alternate-reverse; }
.orbit-b i { bottom: 15%; left: 2%; width: 6px; height: 6px; background: var(--landing-blue); }
.ops-console {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  width: min(92%, 570px);
  min-height: 464px;
  padding: 19px;
  overflow: hidden;
  border: 1px solid rgba(137, 202, 255, .22);
  border-radius: 26px;
  background: linear-gradient(145deg, rgba(17, 35, 60, .92), rgba(7, 19, 35, .92));
  box-shadow: 0 45px 120px rgba(0, 0, 0, .48), inset 0 1px rgba(255, 255, 255, .045), 0 0 60px rgba(57, 119, 234, .08);
  transform: translate(-50%, -50%) rotateY(-6deg) rotateX(3deg);
  transform-style: preserve-3d;
  transition: transform .25s ease-out;
}
.ops-console::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background: linear-gradient(110deg, transparent 20%, rgba(127, 232, 255, .035) 46%, transparent 68%);
  transform: translateX(-100%);
  animation: console-shine 7s ease-in-out infinite;
}
.ops-topline { display: flex; align-items: center; gap: 11px; height: 30px; color: #7086a4; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 9px; letter-spacing: .12em; }
.ops-window-dots { display: flex; gap: 5px; margin-right: 4px; }
.ops-window-dots i { width: 6px; height: 6px; border-radius: 50%; background: #334b68; }
.ops-window-dots i:first-child { background: #ee9c45; }.ops-window-dots i:nth-child(2) { background: #5e7cff; }.ops-window-dots i:last-child { background: #58dcb4; }
.ops-live { display: flex; align-items: center; gap: 6px; margin-left: auto; color: #78dfbd; }
.ops-live i { width: 6px; height: 6px; border-radius: 50%; background: var(--landing-green); box-shadow: 0 0 10px var(--landing-green); animation: status-pulse 1.8s ease-in-out infinite; }
.ops-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 12px; margin-top: 8px; }
.ops-radar, .ops-readout { position: relative; height: 190px; overflow: hidden; border: 1px solid rgba(131, 188, 238, .12); border-radius: 18px; background: rgba(3, 13, 26, .45); }
.ops-radar { display: grid; place-items: center; background-image: linear-gradient(rgba(90, 174, 225, .04) 1px, transparent 1px), linear-gradient(90deg, rgba(90, 174, 225, .04) 1px, transparent 1px); background-size: 18px 18px; }
.radar-ring { position: absolute; border: 1px solid rgba(92, 212, 245, .14); border-radius: 50%; }
.radar-ring-one { width: 150px; height: 150px; }.radar-ring-two { width: 105px; height: 105px; }.radar-ring-three { width: 59px; height: 59px; }
.radar-sweep { position: absolute; width: 148px; height: 148px; overflow: hidden; border-radius: 50%; animation: radar-turn 5s linear infinite; }
.radar-sweep::before { position: absolute; top: 50%; left: 50%; width: 50%; height: 50%; content: ""; background: conic-gradient(from 265deg, transparent, rgba(89, 224, 246, .22)); transform-origin: 0 0; }
.radar-core { position: relative; z-index: 3; display: grid; place-items: center; width: 43px; height: 43px; border: 1px solid rgba(105, 227, 250, .7); border-radius: 13px; color: #c7f7ff; background: rgba(74, 183, 236, .15); box-shadow: 0 0 25px rgba(82, 220, 247, .2); transform: rotate(45deg); }
.radar-core span { font-weight: 800; transform: rotate(-45deg); }
.radar-node { position: absolute; width: 6px; height: 6px; border: 1px solid #8cecff; border-radius: 50%; background: #14344f; box-shadow: 0 0 9px #5de1fa; animation: status-pulse 2s ease-in-out infinite; }
.node-a { top: 34px; right: 54px; }.node-b { right: 36px; bottom: 47px; animation-delay: -.8s; }.node-c { bottom: 32px; left: 48px; animation-delay: -1.4s; }
.ops-readout { padding: 18px; }
.readout-head { display: flex; align-items: center; justify-content: space-between; color: #7087a4; font-size: 10px; }
.readout-head b { padding: 4px 7px; border-radius: 7px; color: #77e7c2; background: rgba(73, 220, 169, .1); font-size: 9px; }
.readout-number { margin-top: 16px; color: #ecf8ff; }
.readout-number strong { color: transparent; background: linear-gradient(90deg, #f1f8ff, #74e6f8); background-clip: text; -webkit-background-clip: text; font-size: 34px; line-height: 1; letter-spacing: -.05em; }.readout-number span { color: var(--landing-cyan); font-size: 16px; }
.readout-bars { display: flex; align-items: end; gap: 4px; height: 45px; margin-top: 14px; }
.readout-bars i { width: 100%; height: var(--level); border-radius: 2px 2px 0 0; background: linear-gradient(#6de8fa, #527cff); animation: bar-breathe 3.5s ease-in-out infinite alternate; animation-delay: calc(var(--level) * -.02); }
.ops-readout small { display: block; margin-top: 13px; color: #526c8c; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 8px; letter-spacing: .12em; }
.ops-stream { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; margin: 12px 2px; }
.ops-stream::before { position: absolute; top: 50%; right: 8%; left: 8%; height: 1px; content: ""; background: linear-gradient(90deg, transparent, rgba(89, 222, 247, .42), transparent); }
.ops-stream span { position: relative; z-index: 1; justify-self: center; width: 6px; height: 6px; border-radius: 50%; background: #69e4f8; box-shadow: 0 0 10px #69e4f8; animation: stream-pulse 2.4s ease-in-out infinite; }
.ops-stream span:nth-child(2) { animation-delay: -.8s; }.ops-stream span:nth-child(3) { animation-delay: -1.6s; }
.warehouse-nodes { display: grid; gap: 8px; }
.warehouse-nodes article { display: grid; grid-template-columns: 41px 1fr auto; align-items: center; gap: 11px; min-height: 53px; padding: 8px 12px 8px 8px; border: 1px solid rgba(129, 185, 236, .1); border-radius: 13px; background: rgba(255, 255, 255, .025); transition: border-color .2s ease, background .2s ease, transform .2s ease; }
.warehouse-nodes article:hover { border-color: rgba(94, 219, 246, .32); background: rgba(83, 217, 245, .05); transform: translateX(3px); }
.node-icon { display: grid; place-items: center; width: 37px; height: 37px; border: 1px solid rgba(106, 217, 244, .23); border-radius: 10px; color: #91edfa; background: rgba(58, 144, 202, .11); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; font-weight: 800; }
.warehouse-nodes article div { display: flex; flex-direction: column; gap: 3px; }.warehouse-nodes article b { color: #dce8f6; font-size: 11px; }.warehouse-nodes article small { color: #59718f; font-size: 9px; }.warehouse-nodes article > i { color: #64d6ae; font-size: 9px; font-style: normal; }
.floating-chip { position: absolute; z-index: 5; display: grid; grid-template-columns: 36px 1fr; align-items: center; column-gap: 10px; min-width: 158px; padding: 11px; border: 1px solid rgba(132, 199, 249, .23); border-radius: 16px; background: rgba(12, 29, 51, .86); box-shadow: 0 18px 45px rgba(0, 0, 0, .3); backdrop-filter: blur(12px); animation: chip-float 4.8s ease-in-out infinite alternate; }
.floating-chip > span { grid-row: 1 / 3; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; color: #9decf8; background: rgba(78, 194, 229, .13); font-size: 19px; }
.floating-chip b { align-self: end; color: #dceaf7; font-size: 11px; }.floating-chip small { align-self: start; color: #6e86a3; font-size: 8px; }
.chip-search { top: 17%; left: -1%; }.chip-audit { right: -2%; bottom: 13%; animation-delay: -2.3s; }
.scroll-cue { position: absolute; bottom: 26px; left: 0; display: flex; align-items: center; gap: 13px; color: #536985; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 8px; letter-spacing: .18em; text-decoration: none; writing-mode: vertical-rl; }
.scroll-cue i { position: relative; width: 1px; height: 45px; overflow: hidden; background: rgba(111, 178, 229, .17); }
.scroll-cue i::after { position: absolute; top: -50%; left: 0; width: 1px; height: 50%; content: ""; background: var(--landing-cyan); animation: scroll-line 2s ease-in-out infinite; }

.signal-strip { position: relative; z-index: 3; overflow: hidden; border-top: 1px solid rgba(125, 187, 235, .11); border-bottom: 1px solid rgba(125, 187, 235, .11); background: rgba(5, 15, 28, .72); transform: rotate(-1deg) scale(1.02); }
.signal-track { display: flex; align-items: center; gap: 31px; width: max-content; min-height: 55px; color: #68809f; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 9px; font-weight: 750; letter-spacing: .18em; animation: signal-roll 34s linear infinite; }
.signal-track i { width: 5px; height: 5px; border: 1px solid var(--landing-cyan); border-radius: 50%; box-shadow: 0 0 8px rgba(85, 222, 246, .5); }

.landing-section { width: min(calc(100% - 64px), 1320px); margin: 0 auto; padding: 150px 0 30px; }
.section-heading { max-width: 820px; margin-bottom: 62px; }
.section-index { display: block; margin-bottom: 20px; color: #627d9e; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; font-weight: 750; letter-spacing: .18em; }
.section-heading h2 { margin: 0; font-size: clamp(38px, 4vw, 61px); line-height: 1.14; letter-spacing: -.045em; }
.glass-panel { border: 1px solid var(--landing-line); border-radius: 28px; background: linear-gradient(145deg, rgba(18, 36, 61, .68), rgba(7, 19, 34, .72)); box-shadow: var(--landing-shadow), inset 0 1px rgba(255, 255, 255, .035); backdrop-filter: blur(12px); }
.company-layout { display: grid; grid-template-columns: 1.15fr .85fr; gap: 18px; }
.company-story { display: grid; grid-template-columns: 155px 1fr; gap: clamp(27px, 4vw, 58px); min-height: 430px; padding: clamp(33px, 4.2vw, 64px); }
.company-mark { display: flex; align-items: flex-start; justify-content: center; width: 155px; height: 132px; padding: 13px; border-radius: 21px; background: #fff; box-shadow: 0 16px 40px rgba(0, 0, 0, .18); transform: rotate(-2deg); }
.company-mark img { width: 100%; height: 100%; object-fit: contain; }
.company-story p { margin: 0 0 22px; color: #8fa3bd; font-size: 15px; line-height: 1.85; }
.company-story .company-lead { color: #e4edf9; font-size: clamp(20px, 2vw, 28px); font-weight: 600; line-height: 1.55; letter-spacing: -.025em; }
.company-story .company-stats-label { margin: 31px 0 0; color: #5f7897; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 9px; font-weight: 700; letter-spacing: .1em; }
.company-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin: 10px 0 15px; }
.company-stats div { padding: 13px 7px 11px 0; border-top: 1px solid rgba(111, 200, 239, .14); }
.company-stats dt { color: #eef9ff; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 20px; font-weight: 760; letter-spacing: -.05em; }
.company-stats dt sup { color: var(--landing-cyan); font-size: 10px; }
.company-stats dd { margin: 5px 0 0; color: #657e9c; font-size: 9px; }
.text-link { display: inline-flex; align-items: center; gap: 12px; margin-top: 10px; color: #83e9f8; font-size: 14px; font-weight: 720; text-decoration: none; }
.text-link span { transition: transform .2s ease; }.text-link:hover span { transform: translate(3px, -3px); }
.company-principles { display: grid; gap: 12px; }
.principle-card { position: relative; min-height: 135px; padding: 24px 90px 20px 27px; overflow: hidden; border: 1px solid var(--landing-line); border-radius: 22px; background: rgba(12, 29, 51, .58); transform-style: preserve-3d; transition: border-color .25s ease, background .25s ease, transform .18s ease-out; }
.principle-card:hover { border-color: rgba(100, 218, 244, .28); background: rgba(15, 37, 63, .76); }
.principle-card > span { color: #536d8e; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 9px; }
.principle-card h3 { margin: 8px 0 5px; font-size: 20px; }.principle-card p { max-width: 330px; margin: 0; color: #8296b0; font-size: 13px; line-height: 1.55; }
.principle-card i { position: absolute; right: -9px; bottom: -7px; color: rgba(121, 180, 227, .07); font-size: 32px; font-style: normal; font-weight: 850; letter-spacing: -.04em; }

.platform-section { padding-top: 180px; }
.platform-heading { display: grid; grid-template-columns: 1fr 330px; align-items: end; gap: 70px; max-width: none; }
.platform-heading p { margin: 0 0 7px; color: #8fa2ba; font-size: 15px; line-height: 1.75; }
.platform-lab { display: grid; grid-template-columns: 235px 1fr; min-height: 560px; padding: 14px; }
.lab-tabs { display: flex; flex-direction: column; gap: 7px; padding: 11px 12px 11px 5px; border-right: 1px solid var(--landing-line); }
.lab-tabs button { display: flex; align-items: center; gap: 16px; min-height: 65px; padding: 0 17px; border: 1px solid transparent; border-radius: 15px; color: #7186a1; background: transparent; text-align: left; cursor: pointer; transition: color .2s ease, border-color .2s ease, background .2s ease, transform .2s ease; }
.lab-tabs button span { color: #475f7c; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 9px; }
.lab-tabs button:hover { color: #d6e2f1; background: rgba(255, 255, 255, .025); transform: translateX(3px); }
.lab-tabs button.is-active { border-color: rgba(94, 217, 244, .2); color: #e9f7ff; background: linear-gradient(90deg, rgba(65, 162, 219, .14), rgba(65, 122, 209, .045)); }
.lab-tabs button.is-active span { color: var(--landing-cyan); }
.lab-screen { display: grid; grid-template-columns: 1.08fr .92fr; grid-template-rows: 40px 1fr; min-width: 0; padding: 6px 8px 6px 25px; }
.lab-screen-head { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; color: #536c8d; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 8px; letter-spacing: .12em; }
.lab-screen-head span { display: flex; align-items: center; gap: 8px; }.lab-screen-head span i { width: 5px; height: 5px; border-radius: 50%; background: var(--landing-green); box-shadow: 0 0 8px var(--landing-green); }.lab-screen-head b { font-weight: 550; }
.lab-visual { position: relative; align-self: stretch; min-height: 450px; overflow: hidden; border: 1px solid rgba(121, 184, 233, .09); border-radius: 21px; background: radial-gradient(circle at center, rgba(68, 144, 216, .12), transparent 37%), linear-gradient(rgba(77, 143, 194, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(77, 143, 194, .045) 1px, transparent 1px), rgba(3, 13, 25, .35); background-size: auto, 25px 25px, 25px 25px, auto; }
.lab-axis { position: absolute; background: linear-gradient(90deg, transparent, rgba(93, 213, 240, .18), transparent); }.axis-x { top: 50%; left: 7%; width: 86%; height: 1px; }.axis-y { top: 7%; left: 50%; width: 1px; height: 86%; background: linear-gradient(transparent, rgba(93, 213, 240, .18), transparent); }
.lab-beam { position: absolute; top: -15%; left: 50%; width: 30%; height: 130%; opacity: .32; background: linear-gradient(90deg, transparent, rgba(83, 218, 244, .12), transparent); transform: translateX(-50%) rotate(28deg); animation: lab-scan 5s ease-in-out infinite alternate; }
.lab-path { position: absolute; border: 1px solid rgba(91, 208, 238, .16); border-radius: 50%; }.path-one { inset: 18%; animation: radar-turn 18s linear infinite; }.path-two { inset: 30%; border-style: dashed; animation: radar-turn 13s linear infinite reverse; }
.lab-point { position: absolute; width: 7px; height: 7px; border-radius: 50%; background: #69e4f8; box-shadow: 0 0 13px #69e4f8; transition: top .55s cubic-bezier(.2,.8,.2,1), left .55s cubic-bezier(.2,.8,.2,1); }.point-one { top: 21%; left: 38%; }.point-two { top: 63%; left: 72%; }.point-three { top: 76%; left: 27%; }
.lab-focus { position: absolute; top: 50%; left: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 125px; height: 125px; padding-top: 3px; border: 1px solid rgba(93, 222, 247, .38); border-radius: 50%; background: rgba(9, 30, 49, .8); box-shadow: 0 0 0 14px rgba(80, 208, 239, .025), 0 0 45px rgba(57, 180, 226, .14); transform: translate(-50%, -50%); transition: border-radius .5s ease, transform .5s ease; }
.lab-focus i { width: 7px; height: 7px; margin-bottom: 10px; border-radius: 50%; background: var(--landing-green); box-shadow: 0 0 13px var(--landing-green); }.lab-focus b { color: #daf7fb; font-size: 13px; }.lab-focus small { margin-top: 4px; color: #62809c; font-size: 9px; }
.lab-visual[data-mode="flow"] .lab-focus { border-radius: 22px; transform: translate(-50%, -50%) rotate(45deg); }.lab-visual[data-mode="flow"] .lab-focus > * { transform: rotate(-45deg); }
.lab-visual[data-mode="flow"] .point-one { top: 50%; left: 15%; }.lab-visual[data-mode="flow"] .point-two { top: 50%; left: 82%; }.lab-visual[data-mode="flow"] .point-three { top: 20%; left: 50%; }
.lab-visual[data-mode="audit"] .lab-focus { box-shadow: 0 0 0 20px rgba(92, 124, 255, .035), 0 0 0 40px rgba(85, 222, 246, .018), 0 0 50px rgba(74, 127, 255, .17); }.lab-visual[data-mode="audit"] .point-one { top: 32%; left: 22%; }.lab-visual[data-mode="audit"] .point-two { top: 32%; left: 78%; }.lab-visual[data-mode="audit"] .point-three { top: 74%; left: 50%; }
.lab-visual[data-mode="workforce"] .lab-focus { width: 145px; height: 95px; border-radius: 45px; }.lab-visual[data-mode="workforce"] .point-one { top: 22%; left: 25%; }.lab-visual[data-mode="workforce"] .point-two { top: 22%; left: 75%; }.lab-visual[data-mode="workforce"] .point-three { top: 79%; left: 50%; }
.lab-result { align-self: center; padding: 35px clamp(25px, 4vw, 55px); }
.lab-result-kicker { display: block; margin-bottom: 17px; color: #6fe0f1; font-size: 11px; font-weight: 750; letter-spacing: .08em; }
.lab-result h3 { margin: 0 0 19px; font-size: clamp(25px, 2.6vw, 36px); line-height: 1.32; letter-spacing: -.035em; transition: opacity .18s ease, transform .18s ease; }
.lab-result p { margin: 0; color: #8da0b8; font-size: 14px; line-height: 1.8; transition: opacity .18s ease, transform .18s ease; }
.lab-tags { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 25px; transition: opacity .18s ease; }.lab-tags span { padding: 7px 10px; border: 1px solid rgba(102, 198, 235, .13); border-radius: 8px; color: #7890aa; background: rgba(57, 123, 176, .05); font-size: 10px; }
.lab-result.is-switching h3, .lab-result.is-switching p, .lab-result.is-switching .lab-tags { opacity: 0; transform: translateY(7px); }

.value-section { padding-top: 180px; padding-bottom: 140px; }
.value-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.value-card { position: relative; min-height: 330px; padding: 32px; overflow: hidden; border: 1px solid var(--landing-line); border-radius: 25px; background: linear-gradient(145deg, rgba(14, 31, 54, .7), rgba(7, 19, 34, .64)); transform-style: preserve-3d; transition: border-color .25s ease, background .25s ease, transform .18s ease-out; }
.value-card:hover { border-color: rgba(102, 214, 242, .28); background: linear-gradient(145deg, rgba(18, 39, 67, .82), rgba(8, 22, 39, .8)); }
.value-wide { grid-column: span 2; }
.value-number { position: absolute; top: 29px; right: 31px; color: #465f7e; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; }
.value-icon { display: grid; place-items: center; width: 53px; height: 53px; margin-bottom: 47px; border: 1px solid rgba(102, 215, 241, .2); border-radius: 16px; color: #7ce8f8; background: rgba(58, 157, 206, .08); font-size: 24px; }
.value-card h3 { margin: 0 0 14px; font-size: 25px; letter-spacing: -.025em; }.value-card p { max-width: 520px; margin: 0; color: #8599b2; font-size: 14px; line-height: 1.75; }
.icon-pulse { position: relative; }.icon-pulse i { position: absolute; inset: -1px; border: 1px solid rgba(89, 221, 246, .2); border-radius: 16px; animation: icon-ping 2.8s ease-out infinite; }.icon-pulse i:nth-child(2) { animation-delay: -1.4s; }
.mini-map { position: absolute; right: 34px; bottom: 35px; display: flex; align-items: center; width: 42%; }.mini-map span { display: grid; place-items: center; width: 57px; height: 31px; border: 1px solid rgba(94, 216, 243, .22); border-radius: 9px; color: #75adc8; background: #0a2136; font-size: 8px; }.mini-map b { flex: 1; height: 1px; background: linear-gradient(90deg, rgba(85, 221, 246, .1), rgba(85, 221, 246, .55), rgba(85, 221, 246, .1)); }.mini-map i { position: absolute; top: 14px; left: 0; width: 8px; height: 3px; border-radius: 4px; background: #7ce8f8; box-shadow: 0 0 8px #7ce8f8; animation: map-travel 4s ease-in-out infinite; }
.team-wave { position: absolute; right: 30px; bottom: 34px; display: flex; align-items: end; gap: 6px; height: 62px; }.team-wave span { width: 8px; height: 30%; border-radius: 5px; background: linear-gradient(#6fe6f7, #5a72e8); animation: team-wave 1.8s ease-in-out infinite alternate; }.team-wave span:nth-child(2) { height: 55%; animation-delay: -.3s; }.team-wave span:nth-child(3) { height: 85%; animation-delay: -.6s; }.team-wave span:nth-child(4) { height: 100%; animation-delay: -.9s; }.team-wave span:nth-child(5) { height: 72%; animation-delay: -1.2s; }.team-wave span:nth-child(6) { height: 45%; animation-delay: -1.5s; }.team-wave span:nth-child(7) { height: 64%; animation-delay: -1.8s; }

.landing-final { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; width: min(calc(100% - 64px), 1320px); min-height: 680px; margin: 40px auto 110px; overflow: hidden; border: 1px solid rgba(130, 195, 242, .16); border-radius: 36px; background: radial-gradient(circle at 50% 45%, rgba(71, 149, 227, .16), transparent 30%), linear-gradient(145deg, rgba(14, 32, 56, .77), rgba(5, 17, 31, .85)); box-shadow: var(--landing-shadow); text-align: center; }
.final-grid { position: absolute; inset: 0; opacity: .48; background-image: linear-gradient(rgba(80, 163, 215, .055) 1px, transparent 1px), linear-gradient(90deg, rgba(80, 163, 215, .055) 1px, transparent 1px); background-size: 36px 36px; mask-image: radial-gradient(circle at center, #000 0, transparent 72%); -webkit-mask-image: radial-gradient(circle at center, #000 0, transparent 72%); }
.final-orb { position: relative; display: grid; place-items: center; width: 91px; height: 91px; margin-bottom: 34px; border: 1px solid rgba(107, 224, 247, .38); border-radius: 28px; background: rgba(59, 145, 206, .12); box-shadow: 0 0 0 17px rgba(77, 170, 224, .035), 0 0 80px rgba(74, 185, 228, .18); transform: rotate(45deg); animation: final-orb 5s ease-in-out infinite alternate; }.final-orb::before, .final-orb::after { position: absolute; inset: -30px; border: 1px solid rgba(89, 212, 240, .09); border-radius: 50%; content: ""; animation: radar-turn 15s linear infinite; }.final-orb::after { inset: -58px; border-style: dashed; animation-direction: reverse; animation-duration: 21s; }.final-orb span { color: #dffaff; font-size: 28px; font-weight: 850; transform: rotate(-45deg); }
.landing-final > p { position: relative; margin: 0 0 20px; color: #64809f; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 9px; letter-spacing: .2em; }.landing-final h2 { position: relative; max-width: 840px; margin: 0; font-size: clamp(38px, 4.5vw, 64px); line-height: 1.19; letter-spacing: -.05em; }.final-actions { position: relative; justify-content: center; }
.landing-footer { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; width: min(calc(100% - 64px), 1320px); min-height: 120px; margin: 0 auto; border-top: 1px solid var(--landing-line); color: #607590; font-size: 11px; }.footer-brand { transform: scale(.86); transform-origin: left center; }.landing-footer > p { margin: 0; letter-spacing: .08em; }.landing-footer > div { justify-self: end; display: flex; gap: 10px; }.landing-footer > div a { color: #8da2bb; text-decoration: none; }.landing-footer > div a:hover { color: #dbeaf8; }

body.reveal-ready [data-reveal] { opacity: 0; transform: translateY(26px); transition: opacity .75s cubic-bezier(.2,.8,.2,1), transform .75s cubic-bezier(.2,.8,.2,1); }
body.reveal-ready [data-reveal].is-visible { opacity: 1; transform: translateY(0); }
.landing-page :focus-visible { outline: 2px solid var(--landing-cyan); outline-offset: 4px; }

@keyframes status-pulse { 0%,100% { opacity: .55; transform: scale(.82); } 50% { opacity: 1; transform: scale(1.12); } }
@keyframes ambient-drift { to { transform: translate3d(8rem, -4rem, 0) scale(1.12); } }
@keyframes orbit-float { to { transform: rotate(4deg) scale(1.03); } }
@keyframes console-shine { 0%, 25% { transform: translateX(-120%); } 55%, 100% { transform: translateX(140%); } }
@keyframes radar-turn { to { transform: rotate(360deg); } }
@keyframes bar-breathe { to { filter: brightness(1.4); transform: scaleY(.84); transform-origin: bottom; } }
@keyframes stream-pulse { 0%,100% { opacity: .3; transform: scale(.65); } 50% { opacity: 1; transform: scale(1.15); } }
@keyframes chip-float { to { transform: translate3d(0, -12px, 0); } }
@keyframes scroll-line { 0% { top: -50%; } 100% { top: 100%; } }
@keyframes signal-roll { to { transform: translateX(-50%); } }
@keyframes lab-scan { to { transform: translateX(-35%) rotate(28deg); } }
@keyframes icon-ping { 0% { opacity: .7; transform: scale(1); } 100% { opacity: 0; transform: scale(1.75); } }
@keyframes map-travel { 0% { left: 2%; } 50% { left: 94%; } 100% { left: 2%; } }
@keyframes team-wave { to { height: 35%; filter: brightness(1.35); } }
@keyframes final-orb { to { transform: rotate(55deg) translateY(-5px); box-shadow: 0 0 0 24px rgba(77, 170, 224, .025), 0 0 100px rgba(74, 185, 228, .27); } }

@media (max-width: 1120px) {
  .landing-header { grid-template-columns: 1fr auto 1fr; }
  .landing-brand-copy small { display: none; }
  .landing-nav a { padding-inline: 10px; }
  .landing-hero { grid-template-columns: minmax(0, .95fr) minmax(430px, 1.05fr); gap: 30px; }
  .landing-hero h1 { font-size: 44px; }
  .hero-system { min-height: 540px; }
  .floating-chip { display: none; }
  .company-story { grid-template-columns: 1fr; }
  .company-mark { width: 125px; height: 106px; }
  .platform-lab { grid-template-columns: 190px 1fr; }
  .lab-screen { grid-template-columns: 1fr; grid-template-rows: 40px minmax(330px, 1fr) auto; }
  .lab-visual { min-height: 330px; }.lab-result { padding-block: 30px; }
}

@media (max-width: 860px) {
  .landing-header { grid-template-columns: 1fr auto; width: calc(100% - 24px); min-height: 64px; top: 10px; padding: 8px 9px 8px 12px; border-radius: 17px; }
  .landing-brand-logo { width: 42px; height: 42px; }.landing-brand-logo img { width: 39px; height: 39px; }.landing-brand-copy b { font-size: 15px; }
  .landing-menu { justify-self: end; display: flex; flex-direction: column; justify-content: center; gap: 4px; width: 44px; height: 44px; padding: 0 13px; border: 1px solid var(--landing-line); border-radius: 12px; background: rgba(255, 255, 255, .025); cursor: pointer; }
  .landing-menu span:not(.sr-only) { display: block; width: 100%; height: 1px; background: #b9cce0; transition: transform .25s ease, opacity .2s ease; }.landing-menu[aria-expanded="true"] span:first-child { transform: translateY(5px) rotate(45deg); }.landing-menu[aria-expanded="true"] span:nth-child(2) { opacity: 0; }.landing-menu[aria-expanded="true"] span:nth-child(3) { transform: translateY(-5px) rotate(-45deg); }
  .landing-nav { position: absolute; top: calc(100% + 8px); right: 0; left: 0; display: grid; gap: 4px; padding: 10px; visibility: hidden; border: 1px solid var(--landing-line); border-radius: 16px; background: rgba(6, 16, 30, .97); box-shadow: 0 20px 60px rgba(0,0,0,.38); opacity: 0; transform: translateY(-8px); transition: opacity .2s ease, transform .2s ease, visibility .2s ease; }
  .landing-nav.is-open { visibility: visible; opacity: 1; transform: translateY(0); }.landing-nav a { padding: 14px; }
  .landing-auth { position: absolute; top: calc(100% + 190px); right: 0; left: 0; display: grid; grid-template-columns: 1fr 1fr; visibility: hidden; padding: 0 10px 10px; border: 1px solid var(--landing-line); border-top: 0; border-radius: 0 0 16px 16px; background: rgba(6, 16, 30, .97); opacity: 0; transform: translateY(-8px); transition: opacity .2s ease, transform .2s ease, visibility .2s ease; }.landing-auth.is-open { visibility: visible; opacity: 1; transform: translateY(0); }
  .landing-hero { display: flex; flex-direction: column; align-items: stretch; width: min(calc(100% - 36px), 680px); min-height: auto; padding-top: 135px; }.hero-copy { text-align: center; }.landing-kicker, .hero-actions, .hero-proof { justify-content: center; }.hero-copy > p { margin-inline: auto; }.hero-system { min-height: 580px; }.scroll-cue { display: none; }
  .landing-section { width: min(calc(100% - 36px), 680px); padding-top: 115px; }.section-heading { margin-bottom: 42px; }
  .company-layout { grid-template-columns: 1fr; }.company-story { min-height: 0; }
  .platform-heading { display: block; }.platform-heading p { margin-top: 25px; }
  .platform-lab { grid-template-columns: 1fr; }.lab-tabs { display: grid; grid-template-columns: repeat(2, 1fr); padding: 5px 5px 14px; border-right: 0; border-bottom: 1px solid var(--landing-line); }.lab-tabs button { min-height: 53px; }
  .lab-screen { padding: 7px 5px 5px; }.lab-screen-head { padding-inline: 8px; }.lab-result { padding-inline: 18px; }
  .value-grid { grid-template-columns: 1fr 1fr; }.value-wide { grid-column: span 2; }
  .landing-final { width: calc(100% - 36px); min-height: 590px; padding-inline: 28px; }.landing-footer { grid-template-columns: 1fr auto; width: calc(100% - 36px); }.landing-footer > p { display: none; }
}

@media (max-width: 560px) {
  .landing-brand-copy { display: none; }
  .landing-hero { width: calc(100% - 28px); padding-top: 118px; }
  .landing-kicker { justify-content: flex-start; font-size: 9px; text-align: left; }
  .landing-hero h1 { font-size: clamp(34px, 10vw, 50px); text-align: left; }.hero-copy > p { font-size: 15px; line-height: 1.75; text-align: left; }.hero-actions { justify-content: stretch; }.landing-cta { flex: 1; min-width: 145px; padding-inline: 17px; }.hero-proof { justify-content: flex-start; gap: 14px 18px; }.hero-proof li { min-width: calc(50% - 12px); }
  .hero-system { min-height: 455px; margin-top: 8px; }.ops-console { width: 100%; min-height: 408px; padding: 13px; border-radius: 21px; transform: translate(-50%, -50%); }.ops-grid { grid-template-columns: 1fr 1fr; }.ops-radar, .ops-readout { height: 154px; }.radar-ring-one, .radar-sweep { width: 125px; height: 125px; }.radar-ring-two { width: 88px; height: 88px; }.radar-ring-three { width: 50px; height: 50px; }.readout-number strong { font-size: 34px; }.readout-bars { height: 33px; }.warehouse-nodes article { min-height: 48px; }.system-orbit { display: none; }
  .landing-section { width: calc(100% - 28px); }.section-heading h2 { font-size: 38px; }.company-story { padding: 26px; }.company-story .company-lead { font-size: 20px; }.company-mark { width: 105px; height: 90px; }.principle-card { padding-right: 50px; }
  .company-stats { grid-template-columns: 1fr 1fr; }
  .platform-section { padding-top: 120px; }.platform-lab { padding: 8px; }.lab-tabs { grid-template-columns: 1fr 1fr; gap: 5px; }.lab-tabs button { gap: 9px; min-height: 50px; padding-inline: 10px; font-size: 12px; }.lab-visual { min-height: 270px; }.lab-focus { width: 105px; height: 105px; }.lab-result h3 { font-size: 25px; }
  .value-section { padding-bottom: 90px; }.value-grid { grid-template-columns: 1fr; }.value-wide { grid-column: auto; }.value-card { min-height: 290px; padding: 26px; }.mini-map, .team-wave { display: none; }
  .landing-final { width: calc(100% - 28px); min-height: 550px; margin-bottom: 70px; border-radius: 27px; }.landing-final h2 { font-size: 38px; }.final-orb { transform: scale(.82) rotate(45deg); }.final-actions { width: 100%; }
  .landing-footer { width: calc(100% - 28px); }.footer-brand { transform: none; }.footer-brand .landing-brand-logo { width: 40px; height: 40px; }.landing-footer > div span:nth-child(2) { display: none; }.landing-footer > div a { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
  .signal-canvas { display: none; }
  body.reveal-ready [data-reveal] { opacity: 1; transform: none; }
  .ops-console { transform: translate(-50%, -50%); }
}