:root {
  color-scheme: light;
  --ink: #0b1220;
  --ink-soft: #202b3c;
  --muted: #667085;
  --faint: #98a2b3;
  --bg: #f7f9fc;
  --bg-blue: #eef4ff;
  --surface: rgba(255, 255, 255, 0.78);
  --surface-solid: #ffffff;
  --line: rgba(21, 37, 67, 0.10);
  --line-strong: rgba(21, 37, 67, 0.18);
  --blue: #315efb;
  --blue-strong: #1947ef;
  --blue-soft: rgba(49, 94, 251, 0.09);
  --cyan: #04b8d9;
  --violet: #8069ff;
  --green: #0aaa82;
  --amber: #d97816;
  --danger: #e5484d;
  --radius-sm: 14px;
  --radius: 24px;
  --radius-lg: 36px;
  --shadow-sm: 0 10px 32px rgba(34, 54, 92, 0.08);
  --shadow: 0 34px 90px rgba(37, 56, 88, 0.14);
  --shell: min(1220px, calc(100vw - 48px));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 106px; }
body {
  margin: 0;
  min-width: 320px;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 6% 4%, rgba(111, 168, 255, 0.18), transparent 28rem),
    radial-gradient(circle at 94% 14%, rgba(128, 105, 255, 0.14), transparent 32rem),
    linear-gradient(180deg, #fbfcff 0, var(--bg) 44rem, #fff 100%);
  color: var(--ink);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 16px;
  line-height: 1.65;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
body::before {
  position: fixed;
  z-index: -4;
  inset: 0;
  background: linear-gradient(112deg, rgba(255,255,255,.86), rgba(245,248,255,.52) 48%, rgba(255,255,255,.88));
  content: "";
  pointer-events: none;
}
a { color: inherit; text-decoration: none; }
button, input, select { font: inherit; }
button { color: inherit; }
img, iframe { display: block; max-width: 100%; }
h1, h2, h3, p, ul, ol { margin: 0; }
ul, ol { padding: 0; }
.shell { width: var(--shell); margin-inline: auto; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
[hidden] { display: none !important; }

.skip-link { position: fixed; z-index: 200; top: 12px; left: 12px; padding: 10px 15px; border-radius: 12px; background: var(--blue); color: #fff; font-weight: 800; transform: translateY(-160%); }
.skip-link:focus { transform: translateY(0); }
:focus-visible { outline: 3px solid rgba(49,94,251,.34); outline-offset: 4px; }
.scroll-progress { position: fixed; z-index: 160; top: 0; right: 0; left: 0; height: 3px; pointer-events: none; }
.scroll-progress i { display: block; width: var(--scroll-progress, 0%); height: 100%; background: linear-gradient(90deg, var(--blue), var(--cyan), var(--violet)); box-shadow: 0 0 16px rgba(49,94,251,.3); }
.pointer-aura { position: fixed; z-index: -1; top: 0; left: 0; width: 420px; height: 420px; border-radius: 50%; background: radial-gradient(circle, rgba(92,137,255,.12), transparent 68%); filter: blur(8px); opacity: .75; pointer-events: none; transform: translate3d(calc(var(--pointer-x, 50vw) - 50%), calc(var(--pointer-y, 30vh) - 50%), 0); transition: opacity 180ms ease; }
.ambient-grid { position: absolute; z-index: -3; inset: 0 0 auto; height: 920px; opacity: .52; background-image: linear-gradient(rgba(49,94,251,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(49,94,251,.055) 1px, transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(180deg, #000, transparent 92%); pointer-events: none; }

.site-header { position: relative; min-height: 100svh; padding-top: 96px; overflow: clip; }
.site-header::before, .site-header::after { position: absolute; z-index: -2; border-radius: 50%; content: ""; pointer-events: none; }
.site-header::before { top: 11%; right: -16rem; width: 42rem; height: 42rem; border: 1px solid rgba(49,94,251,.10); box-shadow: 0 0 0 70px rgba(49,94,251,.025), 0 0 0 142px rgba(128,105,255,.018); }
.site-header::after { top: 29%; left: -15rem; width: 30rem; height: 30rem; background: radial-gradient(circle, rgba(4,184,217,.10), transparent 68%); filter: blur(20px); }
.site-nav {
  position: fixed;
  z-index: 120;
  top: 14px;
  left: 50%;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 32px;
  width: min(1220px, calc(100vw - 36px));
  min-height: 68px;
  padding: 0 14px 0 18px;
  border: 1px solid rgba(255,255,255,.8);
  border-radius: 20px;
  background: rgba(255,255,255,.70);
  box-shadow: 0 10px 36px rgba(35,55,92,.08), inset 0 0 0 1px rgba(21,37,67,.035);
  backdrop-filter: blur(24px) saturate(145%);
  transform: translateX(-50%);
  transition: min-height 220ms ease, background 220ms ease, box-shadow 220ms ease;
}
.site-nav.is-scrolled { min-height: 58px; background: rgba(255,255,255,.90); box-shadow: 0 16px 42px rgba(35,55,92,.13); }
.brand { display: inline-flex; align-items: center; gap: 12px; min-width: max-content; }
.brand-symbol { position: relative; display: grid; place-items: center; width: 35px; height: 35px; border: 1px solid rgba(49,94,251,.22); border-radius: 11px; background: linear-gradient(145deg, rgba(255,255,255,.9), rgba(224,233,255,.8)); box-shadow: 0 8px 20px rgba(49,94,251,.12); transform: rotate(45deg); }
.brand-symbol i { position: absolute; width: 5px; height: 5px; border-radius: 50%; background: var(--blue); box-shadow: 0 0 12px rgba(49,94,251,.55); }
.brand-symbol i:nth-child(1) { top: 7px; left: 7px; }
.brand-symbol i:nth-child(2) { right: 7px; bottom: 7px; }
.brand-symbol i:nth-child(3) { width: 13px; height: 1px; transform: rotate(-45deg); }
.brand-copy { display: grid; line-height: 1.05; }
.brand-copy strong { font-size: 16px; letter-spacing: -.01em; }
.brand-copy small { margin-top: 5px; color: var(--faint); font: 650 8px/1 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .16em; text-transform: uppercase; }
.nav-links { display: flex; align-items: center; justify-content: center; gap: clamp(14px,2vw,27px); }
.nav-links a { position: relative; padding: 10px 0; color: #667085; font-size: 13px; font-weight: 680; transition: color 160ms ease; }
.nav-links a::after { position: absolute; right: 0; bottom: 3px; left: 0; height: 2px; border-radius: 2px; background: linear-gradient(90deg,var(--blue),var(--cyan)); content: ""; transform: scaleX(0); transition: transform 180ms ease; }
.nav-links a:hover, .nav-links a.is-active { color: var(--ink); }
.nav-links a:hover::after, .nav-links a.is-active::after { transform: scaleX(1); }
.nav-console { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 42px; padding: 0 16px; border: 1px solid var(--line-strong); border-radius: 14px; background: rgba(255,255,255,.76); color: var(--ink); font-size: 12px; font-weight: 760; transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease; }
.nav-console:hover { border-color: rgba(49,94,251,.34); box-shadow: 0 10px 24px rgba(49,94,251,.12); transform: translateY(-1px); }
.nav-toggle { display: none; }

.hero { display: grid; grid-template-columns: minmax(0,.91fr) minmax(500px,1.09fr); align-items: center; gap: clamp(42px,6vw,82px); min-height: calc(100svh - 96px); padding-block: clamp(64px,7vw,104px); }
.eyebrow { color: var(--blue); font: 760 10px/1.45 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .16em; text-transform: uppercase; }
.eyebrow > span { display: inline-block; width: 22px; height: 2px; margin: 0 8px 3px 0; border-radius: 2px; background: linear-gradient(90deg,var(--blue),var(--cyan)); }
.hero h1 { max-width: 760px; margin-top: 20px; font-size: clamp(46px,5.55vw,76px); font-weight: 770; letter-spacing: -.058em; line-height: 1.04; text-wrap: balance; }
.hero h1 span, .section-heading h2 span, .research-card h2 span { display: block; color: transparent; background: linear-gradient(102deg, var(--blue) 0%, #5d67f4 46%, var(--violet) 100%); background-clip: text; -webkit-background-clip: text; }
.hero-lead { max-width: 650px; margin-top: 28px; color: var(--muted); font-size: clamp(16px,1.35vw,19px); line-height: 1.8; }
.hero-actions, .release-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 11px; min-width: 150px; min-height: 52px; padding: 0 22px; border: 1px solid transparent; border-radius: 16px; cursor: pointer; font-size: 14px; font-weight: 790; transition: transform 180ms ease, border-color 180ms ease, background 180ms ease, box-shadow 180ms ease; }
.button:hover { transform: translateY(-3px); }
.button.primary { border-color: var(--blue); background: linear-gradient(135deg,var(--blue),#566dfb 58%,var(--violet)); color: #fff; box-shadow: 0 14px 32px rgba(49,94,251,.24); }
.button.primary:hover { box-shadow: 0 20px 44px rgba(49,94,251,.31); }
.button.secondary { border-color: var(--line-strong); background: rgba(255,255,255,.76); color: var(--ink); box-shadow: var(--shadow-sm); }
.button.secondary:hover { border-color: rgba(49,94,251,.28); background: #fff; }
.hero-proof { display: flex; flex-wrap: wrap; gap: 10px 22px; margin-top: 42px; list-style: none; color: var(--muted); font-size: 12px; }
.hero-proof li { display: flex; align-items: center; gap: 8px; }
.hero-proof span { color: var(--blue); font: 750 10px/1 ui-monospace, monospace; }

.spatial-stage { --tilt-x: 0deg; --tilt-y: 0deg; --stage-shift-x: 0px; --stage-shift-y: 0px; position: relative; overflow: hidden; min-height: 548px; border: 1px solid rgba(255,255,255,.86); border-radius: var(--radius-lg); background: linear-gradient(145deg, rgba(255,255,255,.95), rgba(234,241,255,.83) 58%, rgba(245,241,255,.84)); box-shadow: 0 42px 100px rgba(47,71,119,.18), inset 0 0 0 1px rgba(49,94,251,.06); transform: perspective(1200px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)); transform-style: preserve-3d; transition: transform 180ms ease-out, box-shadow 240ms ease; }
.spatial-stage:hover { box-shadow: 0 50px 120px rgba(47,71,119,.22), inset 0 0 0 1px rgba(49,94,251,.09); }
.spatial-stage::before { position: absolute; inset: 0; background-image: linear-gradient(rgba(49,94,251,.055) 1px, transparent 1px), linear-gradient(90deg,rgba(49,94,251,.055) 1px,transparent 1px); background-size: 36px 36px; content: ""; mask-image: linear-gradient(#000, transparent 88%); transform: translate(var(--stage-shift-x),var(--stage-shift-y)); }
.spatial-stage::after { position: absolute; top: 16%; left: 17%; width: 320px; height: 320px; border-radius: 50%; background: radial-gradient(circle,rgba(0,185,217,.17),rgba(95,110,255,.06) 52%,transparent 72%); filter: blur(28px); content: ""; transform: translate(calc(var(--stage-shift-x) * -1),calc(var(--stage-shift-y) * -1)); }
.stage-toolbar { position: relative; z-index: 4; display: flex; align-items: center; justify-content: space-between; min-height: 58px; padding: 0 20px; border-bottom: 1px solid var(--line); background: rgba(255,255,255,.64); color: var(--muted); font: 750 9px/1 ui-monospace,monospace; letter-spacing: .1em; backdrop-filter: blur(14px); }
.stage-toolbar > div, .stage-health { display: flex; align-items: center; gap: 8px; }
.stage-toolbar > div i, .stage-health i { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 5px rgba(10,170,130,.09), 0 0 14px rgba(10,170,130,.35); }
.stage-health[data-state="online"] { color: var(--green); }
.stage-health[data-state="unknown"] i { background: var(--amber); box-shadow: 0 0 0 5px rgba(217,120,22,.08); }
.stage-scene { position: relative; z-index: 2; height: 416px; perspective: 820px; transform: translateZ(30px); }
.stage-scene::after { position: absolute; right: 7%; bottom: 24px; left: 7%; height: 130px; border: 1px solid rgba(49,94,251,.13); background: linear-gradient(135deg,rgba(49,94,251,.04),rgba(4,184,217,.035)); box-shadow: 0 26px 55px rgba(49,94,251,.08); content: ""; transform: rotateX(66deg) rotateZ(-6deg); }
.axis { position: absolute; z-index: 1; bottom: 80px; left: 86px; width: 72px; height: 1px; background: var(--blue); transform-origin: left; }
.axis::after { position: absolute; right: 0; bottom: -3px; width: 7px; height: 7px; border-top: 1px solid currentColor; border-right: 1px solid currentColor; content: ""; transform: rotate(45deg); }
.axis span { position: absolute; right: -15px; bottom: 4px; color: var(--blue); font: 750 9px/1 ui-monospace,monospace; }
.axis-y { background: var(--amber); transform: rotate(-82deg); }.axis-y span { color: var(--amber); }
.axis-z { background: var(--violet); transform: rotate(-25deg); }.axis-z span { color: var(--violet); }
.phone-node, .cylinder-node, .twin-node { position: absolute; z-index: 2; display: grid; justify-items: center; gap: 12px; }
.phone-node small, .cylinder-node small, .twin-node small { color: #8a96a8; font: 700 8px/1 ui-monospace,monospace; letter-spacing: .11em; text-transform: uppercase; }
.phone-node { bottom: 76px; left: 8%; }
.phone-screen { position: relative; width: 91px; height: 182px; border: 4px solid #1d2736; border-radius: 22px; background: linear-gradient(165deg,#24334a,#0d1422); box-shadow: 0 24px 38px rgba(22,34,55,.28); transform: rotateY(12deg) rotateZ(-4deg); }
.phone-screen::before { position: absolute; top: 7px; left: 50%; width: 34px; height: 9px; border-radius: 9px; background: #040812; content: ""; transform: translateX(-50%); }
.phone-screen span { position: absolute; inset: 30px 10px 38px; border: 1px solid rgba(85,164,255,.33); background: radial-gradient(circle at 58% 50%,rgba(90,223,255,.8) 0 3px,transparent 4px), linear-gradient(35deg,transparent 46%,rgba(111,168,255,.27) 47% 48%,transparent 49%); }
.phone-screen b { position: absolute; bottom: 14px; left: 13px; color: #74ddff; font: 750 9px/1 ui-monospace,monospace; }
.phone-screen i { position: absolute; top: 48%; right: -6px; width: 8px; height: 8px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 18px var(--cyan); }
.cylinder-node { right: 39%; bottom: 72px; }
.cylinder-glass { position: relative; width: 74px; height: 226px; border: 2px solid rgba(77,105,143,.32); border-top-width: 5px; border-radius: 12px 12px 24px 24px; background: linear-gradient(90deg,rgba(255,255,255,.8),rgba(255,255,255,.2) 30% 68%,rgba(255,255,255,.72)); box-shadow: inset 0 0 26px rgba(75,114,184,.08),0 26px 40px rgba(47,67,99,.17); }
.cylinder-glass .oil { position: absolute; right: 5px; bottom: 5px; left: 5px; height: 78%; border-radius: 4px 4px 18px 18px; background: linear-gradient(180deg,rgba(244,188,98,.54),rgba(218,137,49,.36)); }
.cylinder-glass .ball { position: absolute; z-index: 2; top: 72px; left: 50%; width: 16px; height: 16px; border-radius: 50%; background: radial-gradient(circle at 32% 27%,#fff,#a9c3ce 25%,#283b49 68%); box-shadow: 0 0 0 5px rgba(49,94,251,.08),0 0 22px rgba(49,94,251,.27); transform: translateX(-50%); animation: ball-track 3.4s cubic-bezier(.42,0,.58,1) infinite alternate; }
.cylinder-glass b, .cylinder-glass em { position: absolute; right: -25px; color: var(--blue); font: 760 9px/1 ui-monospace,monospace; font-style: normal; }
.cylinder-glass b { top: 54px; }.cylinder-glass em { bottom: 34px; }
.cylinder-glass b::before, .cylinder-glass em::before { position: absolute; top: 4px; right: 13px; width: 63px; border-top: 1px dashed rgba(49,94,251,.42); content: ""; }
@keyframes ball-track { to { transform: translate(-50%,96px); } }
.twin-node { right: 7%; bottom: 82px; }
.twin-grid { position: relative; width: 142px; height: 155px; border: 1px solid rgba(49,94,251,.32); border-radius: 9px; background: rgba(255,255,255,.60); background-image: linear-gradient(rgba(49,94,251,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(49,94,251,.09) 1px,transparent 1px); background-size: 16px 16px; box-shadow: 0 22px 38px rgba(47,67,99,.16); transform: rotateY(-15deg) rotateX(4deg); }
.twin-grid::before { position: absolute; inset: 19px 45px 16px; border: 1px solid rgba(4,184,217,.58); border-radius: 4px 4px 9px 9px; content: ""; }
.twin-grid span { position: absolute; top: 49px; left: 50%; width: 9px; height: 9px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 14px var(--cyan); animation: twin-track 3.4s cubic-bezier(.42,0,.58,1) infinite alternate; }
.twin-grid i, .twin-grid b { position: absolute; right: 19px; left: 19px; height: 1px; border-top: 1px dashed rgba(4,184,217,.48); }
.twin-grid i { top: 42px; }.twin-grid b { bottom: 29px; }
@keyframes twin-track { to { transform: translateY(67px); } }
.signal-path { position: absolute; z-index: 1; height: 1px; border-top: 1px dashed rgba(49,94,251,.36); transform-origin: left; }
.path-a { bottom: 169px; left: 23%; width: 132px; transform: rotate(-17deg); }.path-b { right: 23%; bottom: 172px; width: 110px; transform: rotate(13deg); }
.signal-path::after { position: absolute; top: -3px; width: 6px; height: 6px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 12px var(--cyan); content: ""; animation: signal 1.8s linear infinite; }
@keyframes signal { from { left: 0; } to { left: 100%; } }
.stage-streams { position: relative; z-index: 4; display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--line); background: rgba(255,255,255,.73); backdrop-filter: blur(14px); }
.stage-streams > div { display: grid; gap: 5px; min-width: 0; padding: 16px 18px; border-right: 1px solid var(--line); }.stage-streams > div:last-child { border-right: 0; }
.stage-streams span { color: var(--faint); font: 750 8px/1 ui-monospace,monospace; letter-spacing: .13em; }.stage-streams strong { overflow: hidden; color: var(--ink-soft); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }

.section { position: relative; padding-block: clamp(92px,10vw,150px); }
.section-heading { max-width: 800px; margin-bottom: 52px; }.section-heading.compact { margin-bottom: 36px; }
.section-heading h2, .research-card h2 { margin-top: 15px; font-size: clamp(34px,4.35vw,56px); font-weight: 740; letter-spacing: -.047em; line-height: 1.11; text-wrap: balance; }
.section-heading > p:last-child { max-width: 680px; margin-top: 21px; color: var(--muted); font-size: 16px; }
.value-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.value-card { position: relative; min-height: 505px; overflow: hidden; padding: 28px; border: 1px solid rgba(255,255,255,.92); border-radius: var(--radius); background: rgba(255,255,255,.78); box-shadow: var(--shadow-sm),inset 0 0 0 1px var(--line); backdrop-filter: blur(14px); transition: transform 280ms cubic-bezier(.2,.8,.2,1), box-shadow 280ms ease; }
.value-card:hover { z-index: 2; box-shadow: 0 30px 70px rgba(42,65,108,.16),inset 0 0 0 1px rgba(49,94,251,.15); transform: translateY(-9px) rotateX(1deg); }
.value-card.featured { background: linear-gradient(150deg,rgba(235,242,255,.95),rgba(247,246,255,.90)); }
.value-card.featured::after { position: absolute; top: -70px; right: -60px; width: 210px; height: 210px; border-radius: 50%; background: radial-gradient(circle,rgba(128,105,255,.22),transparent 68%); content: ""; }
.value-index { color: var(--faint); font: 750 9px/1 ui-monospace,monospace; letter-spacing: .12em; }
.value-icon { position: relative; display: grid; place-items: center; width: 80px; height: 80px; margin: 52px 0 32px; border: 1px solid rgba(49,94,251,.13); border-radius: 22px; background: linear-gradient(145deg,#fff,#edf3ff); box-shadow: 0 16px 34px rgba(49,94,251,.10); }
.phone-icon i { width: 25px; height: 44px; border: 2px solid var(--blue); border-radius: 7px; }.phone-icon span { position: absolute; top: 23px; width: 13px; height: 13px; border: 1px dashed var(--cyan); border-radius: 50%; }
.nodes-icon i { position: absolute; width: 9px; height: 9px; border-radius: 50%; background: var(--blue); box-shadow: 0 0 10px rgba(49,94,251,.38); }.nodes-icon i:nth-child(1){top:18px}.nodes-icon i:nth-child(2){bottom:15px;left:18px}.nodes-icon i:nth-child(3){right:18px;bottom:15px}.nodes-icon span{width:40px;height:34px;border-right:1px solid var(--blue);border-bottom:1px solid var(--blue);transform:rotate(45deg)}
.archive-icon i,.archive-icon span,.archive-icon b{position:absolute;width:35px;height:43px;border:1px solid var(--blue);border-radius:5px;background:rgba(255,255,255,.7)}.archive-icon i{transform:translate(-8px,-7px);opacity:.35}.archive-icon span{transform:translate(-4px,-3px);opacity:.65}.archive-icon b::before,.archive-icon b::after{position:absolute;left:8px;width:18px;border-top:1px solid var(--blue);content:""}.archive-icon b::before{top:14px}.archive-icon b::after{top:23px}
.value-card h3 { font-size: 23px; letter-spacing: -.025em; }.value-card > p { margin-top: 14px; color: var(--muted); }.value-card ul { display: grid; gap: 10px; margin-top: 28px; list-style: none; color: #4d5b70; font-size: 13px; }.value-card li { position: relative; padding-left: 18px; }.value-card li::before { position: absolute; top: .75em; left: 1px; width: 5px; height: 5px; border-radius: 50%; background: linear-gradient(135deg,var(--blue),var(--cyan)); content: ""; }

.mode-section,.workflow-section,.docs-section { border-block: 1px solid rgba(49,94,251,.08); background: linear-gradient(180deg,rgba(238,244,255,.64),rgba(250,252,255,.82)); }
.mode-shell { display: grid; grid-template-columns: minmax(270px,.7fr) minmax(560px,1.3fr); gap: 58px 82px; }.mode-shell .section-heading { grid-row: 1 / span 2; }
.mode-switch { display: flex; align-self: end; gap: 5px; width: fit-content; padding: 5px; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,.75); box-shadow: var(--shadow-sm); }
.mode-switch button { min-height: 42px; padding: 0 21px; border: 0; border-radius: 12px; background: transparent; color: var(--muted); cursor: pointer; font-weight: 760; transition: color 180ms ease,background 180ms ease,box-shadow 180ms ease; }
.mode-switch button[aria-selected="true"] { background: linear-gradient(135deg,var(--blue),#6575ff); color: #fff; box-shadow: 0 10px 24px rgba(49,94,251,.22); }
.mode-panels { min-height: 330px; }.mode-panels article { display: grid; grid-template-columns: minmax(260px,1.1fr) minmax(230px,.9fr); gap: 40px; height: 100%; padding: 34px; border: 1px solid rgba(255,255,255,.9); border-radius: var(--radius); background: rgba(255,255,255,.81); box-shadow: var(--shadow),inset 0 0 0 1px var(--line); animation: panel-in 360ms cubic-bezier(.2,.8,.2,1); }.mode-number { color: var(--blue); font: 750 10px/1 ui-monospace,monospace; letter-spacing:.12em; }.mode-panels h3 { margin-top: 20px; font-size: 27px; line-height: 1.24; letter-spacing:-.028em; }.mode-panels p { margin-top: 16px; color: var(--muted); }.mode-panels ol { display: grid; align-content: start; list-style: none; border-top: 1px solid var(--line); }.mode-panels li { display: grid; gap: 5px; padding: 17px 0; border-bottom: 1px solid var(--line); }.mode-panels li span { color: var(--faint); font-size: 11px; }.mode-panels li strong { font-size: 13px; font-weight: 680; }
@keyframes panel-in { from { opacity:0; transform:translateY(10px) scale(.99); } }

.demo-layout { display: grid; grid-template-columns: minmax(230px,.33fr) minmax(600px,.67fr); gap: 20px; }
.demo-notes { display: flex; flex-direction: column; padding: 26px; border: 1px solid rgba(255,255,255,.92); border-radius: var(--radius); background: rgba(255,255,255,.78); box-shadow: var(--shadow-sm),inset 0 0 0 1px var(--line); backdrop-filter: blur(16px); }
.status-row { display: grid; gap: 4px; padding: 16px 0; border-bottom: 1px solid var(--line); }.status-row span { color: var(--faint); font: 750 9px/1 ui-monospace,monospace; letter-spacing:.11em; text-transform:uppercase; }.status-row strong { font-size: 14px; }.demo-notes > p { margin-top: 24px; color: var(--muted); font-size: 13px; }.text-link { margin-top: auto; padding-top: 32px; color: var(--blue); font-size: 13px; font-weight: 780; }.text-link:hover { text-decoration: underline; text-underline-offset: 4px; }
.demo-window { overflow: hidden; border: 1px solid rgba(255,255,255,.92); border-radius: var(--radius); background: #f4f7fc; box-shadow: var(--shadow),inset 0 0 0 1px var(--line); }
.demo-bar { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; min-height: 48px; padding: 0 17px; border-bottom: 1px solid var(--line); background: rgba(255,255,255,.80); color: var(--faint); font: 750 9px/1 ui-monospace,monospace; letter-spacing:.1em; }.demo-bar > div{display:flex;gap:5px}.demo-bar > div i{width:7px;height:7px;border-radius:50%;background:#d5dbe6}.demo-bar > div i:first-child{background:#ff9a67}.demo-bar b{justify-self:end;color:var(--muted);font-weight:700}.demo-frame{position:relative;aspect-ratio:16/9;min-height:370px;background:radial-gradient(circle at center,rgba(49,94,251,.10),transparent 45%),linear-gradient(145deg,#f9fbff,#edf3ff)}.demo-frame iframe{width:100%;height:100%;border:0}.demo-placeholder{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:10px;text-align:center}.demo-placeholder>p{color:var(--muted);font-size:13px}.demo-placeholder .button{margin-top:12px}.radar{position:relative;width:88px;height:88px;margin-bottom:10px;border:1px solid rgba(49,94,251,.18);border-radius:50%;background:rgba(255,255,255,.4)}.radar::before,.radar::after{position:absolute;content:""}.radar::before{inset:15px;border:1px solid rgba(49,94,251,.15);border-radius:50%}.radar::after{top:50%;left:50%;width:5px;height:5px;border-radius:50%;background:var(--blue);box-shadow:0 0 14px var(--blue)}.radar i{position:absolute;top:50%;left:50%;width:48%;height:1px;background:linear-gradient(90deg,var(--blue),transparent);transform-origin:left;animation:radar 2.6s linear infinite}.radar i:nth-child(2){animation-delay:-.9s}.radar i:nth-child(3){animation-delay:-1.8s}@keyframes radar{to{transform:rotate(1turn)}}

.workflow { display:grid;grid-template-columns:repeat(4,1fr);list-style:none;border-top:1px solid var(--line) }.workflow li{position:relative;display:grid;grid-template-rows:auto 1fr;min-height:240px;padding:30px 25px 10px 0;border-right:1px solid var(--line);transition:background 180ms ease}.workflow li+li{padding-left:25px}.workflow li:last-child{border-right:0}.workflow li:hover{background:linear-gradient(180deg,rgba(49,94,251,.035),transparent)}.workflow>li>span{color:var(--blue);font:760 11px/1 ui-monospace,monospace}.workflow div{align-self:end}.workflow h3{font-size:19px}.workflow p{margin-top:10px;color:var(--muted);font-size:13px}
.release-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:18px }.release-grid article{min-height:280px;padding:27px;border:1px solid rgba(255,255,255,.92);border-radius:var(--radius);background:rgba(255,255,255,.79);box-shadow:var(--shadow-sm),inset 0 0 0 1px var(--line);transition:transform 220ms ease,box-shadow 220ms ease}.release-grid article:hover{transform:translateY(-6px);box-shadow:0 26px 58px rgba(42,65,108,.14),inset 0 0 0 1px rgba(49,94,251,.12)}.platform-badge{display:inline-flex;padding:7px 10px;border:1px solid rgba(49,94,251,.16);border-radius:999px;background:var(--blue-soft);color:var(--blue);font:760 9px/1 ui-monospace,monospace;letter-spacing:.1em}.release-grid h3{margin-top:44px;font-size:22px}.release-grid p{margin-top:12px;color:var(--muted);font-size:14px}.release-state{display:flex;align-items:center;gap:8px;margin-top:28px;color:var(--amber);font-size:12px;font-weight:740}.release-state i{width:7px;height:7px;border-radius:50%;background:var(--amber)}.release-state.online{color:var(--green)}.release-state.online i{background:var(--green);box-shadow:0 0 0 5px rgba(10,170,130,.08)}
.docs-layout{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(520px,1.25fr);gap:82px;align-items:start}.doc-list{border-top:1px solid var(--line)}.doc-list details{border-bottom:1px solid var(--line)}.doc-list summary{position:relative;display:flex;align-items:center;gap:15px;min-height:72px;padding-right:38px;cursor:pointer;font-weight:730;list-style:none}.doc-list summary::-webkit-details-marker{display:none}.doc-list summary span{color:var(--blue);font:760 10px/1 ui-monospace,monospace}.doc-list summary i,.doc-list summary i::after{position:absolute;right:4px;width:13px;height:1px;background:var(--muted);content:""}.doc-list summary i::after{right:0;transform:rotate(90deg);transition:transform 180ms ease}.doc-list details[open] summary i::after{transform:rotate(0)}.doc-list details p{max-width:650px;padding:0 36px 25px 40px;color:var(--muted);font-size:14px}
.research-card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:80px;align-items:end;padding:clamp(32px,5vw,64px);border:1px solid rgba(255,255,255,.92);border-radius:var(--radius-lg);background:linear-gradient(135deg,rgba(232,241,255,.96),rgba(249,248,255,.94) 65%,rgba(234,249,252,.9));box-shadow:var(--shadow),inset 0 0 0 1px rgba(49,94,251,.08)}.research-card>div>p:last-child{max-width:670px;margin-top:20px;color:var(--muted)}.research-boundary{padding:25px;border:1px solid rgba(49,94,251,.11);border-radius:var(--radius);background:rgba(255,255,255,.58);box-shadow:var(--shadow-sm)}.research-boundary>span{color:var(--amber);font:760 9px/1 ui-monospace,monospace;letter-spacing:.11em}.research-boundary strong{display:block;margin-top:16px;font-size:17px}.research-boundary p{margin-top:12px;color:var(--muted);font-size:13px}
.status-section{padding-block:72px;border-top:1px solid var(--line);background:#f5f8fe}.status-shell{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(520px,1.3fr);gap:72px;align-items:center}.status-shell h2{margin-top:10px;font-size:29px}.status-shell>div>p:last-child{margin-top:10px;color:var(--muted);font-size:13px}.status-cards{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border:1px solid rgba(255,255,255,.9);border-radius:var(--radius);background:rgba(255,255,255,.72);box-shadow:var(--shadow-sm),inset 0 0 0 1px var(--line)}.status-cards article{display:grid;gap:12px;padding:20px;border-right:1px solid var(--line)}.status-cards article:last-child{border-right:0}.status-cards span{color:var(--faint);font:760 8px/1 ui-monospace,monospace;letter-spacing:.12em}.status-cards strong{display:flex;align-items:center;gap:8px;font-size:12px}.status-dot{display:inline-block;flex:0 0 auto;width:7px;height:7px;border-radius:50%}.status-dot.online{background:var(--green);box-shadow:0 0 0 5px rgba(10,170,130,.08)}.status-dot.checking{border:1px solid var(--blue);animation:pulse 1.2s ease infinite}.status-dot.idle{background:var(--faint)}.status-dot.warning{background:var(--amber)}@keyframes pulse{50%{opacity:.3}}
.site-footer{padding-block:38px;background:#eef3fb;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px}.footer-grid>p{color:var(--muted);font-size:13px}.footer-grid nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:17px}.footer-grid nav a{color:var(--muted);font-size:12px}.footer-grid nav a:hover{color:var(--blue)}.footer-grid>small{grid-column:1/-1;padding-top:20px;border-top:1px solid var(--line);color:var(--faint);font-size:10px}

[data-reveal] { opacity:0; filter:blur(5px); transform:translateY(24px) scale(.992); transition:opacity 720ms cubic-bezier(.2,.8,.2,1),transform 720ms cubic-bezier(.2,.8,.2,1),filter 720ms ease; }
[data-reveal].is-visible { opacity:1; filter:none; transform:none; }

@media (max-width:1060px){
  .site-nav{grid-template-columns:auto 1fr auto}.nav-links{gap:14px}.nav-links a{font-size:12px}.nav-console{display:none}
  .hero{grid-template-columns:1fr;min-height:auto}.hero-copy{max-width:820px}.spatial-stage{width:min(780px,100%);justify-self:center}.site-header{min-height:0}
  .mode-shell{grid-template-columns:1fr}.mode-shell .section-heading{grid-row:auto}.demo-layout{grid-template-columns:1fr}.demo-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.demo-notes>p,.demo-notes>.text-link{grid-column:1/-1}.docs-layout,.research-card,.status-shell{grid-template-columns:1fr}.research-card{gap:44px}.status-shell{gap:30px}.footer-grid{grid-template-columns:auto 1fr}.footer-grid nav{grid-column:1/-1;justify-content:flex-start}
}
@media (max-width:780px){
  :root{--shell:min(100% - 28px,1220px)}html{scroll-padding-top:88px}.pointer-aura{display:none}.site-header{padding-top:82px}
  .site-nav{top:9px;width:calc(100vw - 18px);min-height:62px;grid-template-columns:auto auto;justify-content:space-between;padding-inline:14px}.nav-toggle{display:grid;align-content:center;gap:6px;width:42px;height:42px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.75);cursor:pointer}.nav-toggle i{display:block;width:17px;height:1px;margin:auto;background:var(--ink);transition:transform 180ms ease}.nav-toggle[aria-expanded="true"] i:first-of-type{transform:translateY(3.5px) rotate(45deg)}.nav-toggle[aria-expanded="true"] i:last-of-type{transform:translateY(-3.5px) rotate(-45deg)}
  .nav-links{position:absolute;top:68px;right:0;left:0;display:grid;grid-template-columns:repeat(2,1fr);gap:2px;padding:10px;border:1px solid rgba(255,255,255,.9);border-radius:18px;background:rgba(255,255,255,.94);box-shadow:var(--shadow);opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity 180ms ease,transform 180ms ease}.nav-links.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-links a{padding:12px 14px;border-radius:10px}.nav-links a:hover{background:var(--blue-soft)}
  .hero{padding-block:58px 90px;gap:62px}.hero h1{font-size:clamp(41px,11.5vw,60px)}.hero-proof{display:grid}.spatial-stage{min-height:486px}.stage-scene{height:359px;transform:scale(.88);transform-origin:center bottom}.stage-streams>div{padding:13px 10px}.stage-streams strong{font-size:10px}
  .section{padding-block:86px}.section-heading h2,.research-card h2{font-size:clamp(31px,9vw,47px)}.value-grid,.release-grid{grid-template-columns:1fr}.value-card{min-height:0}.value-icon{margin-top:38px}.mode-panels article{grid-template-columns:1fr}.workflow{grid-template-columns:1fr 1fr}.workflow li:nth-child(2){border-right:0}.workflow li{min-height:195px;border-bottom:1px solid var(--line)}.demo-frame{min-height:300px}.demo-notes{grid-template-columns:1fr}.demo-notes>p,.demo-notes>.text-link{grid-column:auto}.release-actions .button{flex:1}.status-cards{grid-template-columns:1fr}.status-cards article{border-right:0;border-bottom:1px solid var(--line)}.status-cards article:last-child{border-bottom:0}
}
@media (max-width:520px){
  .brand-copy small{display:none}.hero-actions,.release-actions{display:grid}.button{width:100%}.spatial-stage{min-height:420px;border-radius:24px;transform:none!important}.stage-toolbar{padding:0 12px}.stage-toolbar>div span{display:none}.stage-scene{height:302px;transform:scale(.68);transform-origin:47% bottom}.stage-streams{grid-template-columns:1fr}.stage-streams>div{grid-template-columns:70px 1fr;border-right:0;border-bottom:1px solid var(--line)}.stage-streams>div:last-child{border-bottom:0}.stage-streams strong{text-align:right}.mode-switch{width:100%}.mode-switch button{flex:1;padding-inline:10px}.mode-panels article{padding:25px}.demo-bar{grid-template-columns:1fr auto}.demo-bar>span{display:none}.demo-frame{min-height:245px}.workflow{grid-template-columns:1fr}.workflow li,.workflow li+li{min-height:158px;padding:25px 0;border-right:0}.docs-layout{gap:36px}.doc-list details p{padding-left:0}.research-card{padding:26px}.footer-grid{grid-template-columns:1fr}.footer-grid nav{grid-column:auto}.footer-brand{width:fit-content}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.pointer-aura{display:none}[data-reveal]{opacity:1;filter:none;transform:none}.spatial-stage{transform:none!important}
}