:root {
  --void: #020713;
  --deep: #06111f;
  --panel: rgba(11, 31, 50, 0.9);
  --panel-solid: #0a1d30;
  --cyan: #40d9ff;
  --cyan-hot: #8decff;
  --blue: #287dff;
  --white: #f5f9ff;
  --silver: #c2cfdb;
  --muted: #93a7ba;
  --line: rgba(150, 205, 237, 0.25);
  --line-hot: rgba(64, 217, 255, 0.6);
  --green: #6df5ab;
  --max: 92rem;
  --display: Impact, Haettenschweiler, "Arial Narrow Bold", "Arial Black", sans-serif;
  --ui: "Avenir Next", "Segoe UI", Helvetica, Arial, sans-serif;
  --mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--void); }
body {
  margin: 0;
  overflow-x: hidden;
  color: var(--white);
  background:
    radial-gradient(circle at 80% 18%, rgba(27, 127, 196, 0.2), transparent 34rem),
    radial-gradient(circle at 12% 62%, rgba(28, 92, 142, 0.16), transparent 30rem),
    linear-gradient(180deg, #030a15, #071522 45%, #030a14);
  font-family: var(--ui);
  font-size: 16px;
  line-height: 1.55;
  text-rendering: optimizeLegibility;
}
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
address { font-style: normal; }
::selection { color: #001018; background: var(--cyan); }

.film-grain {
  position: fixed;
  z-index: 90;
  inset: 0;
  pointer-events: none;
  opacity: 0.055;
  background-image:
    radial-gradient(circle at 20% 20%, #fff 0 0.6px, transparent 0.8px),
    radial-gradient(circle at 70% 40%, #fff 0 0.45px, transparent 0.7px),
    radial-gradient(circle at 40% 80%, #fff 0 0.5px, transparent 0.75px);
  background-size: 11px 13px, 17px 19px, 23px 29px;
  mix-blend-mode: soft-light;
}
.skip-link { position: fixed; z-index: 200; top: 0.75rem; left: 0.75rem; padding: 0.7rem 1rem; color: #00131b; background: var(--cyan); transform: translateY(-160%); }
.skip-link:focus { transform: translateY(0); }
:focus-visible { outline: 2px solid var(--cyan); outline-offset: 4px; }

.site-header {
  position: absolute;
  z-index: 50;
  top: 0;
  left: 50%;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  width: min(calc(100% - 4rem), var(--max));
  min-height: 6.4rem;
  border-bottom: 1px solid var(--line);
  transform: translateX(-50%);
}
.brand { display: inline-flex; align-items: center; gap: 0.85rem; width: max-content; }
.brand-logo { width: 4.35rem; height: 4.35rem; object-fit: contain; border: 1px solid rgba(188,216,232,0.32); background: #101419; box-shadow: 0 0.8rem 2rem rgba(0,0,0,0.42), 0 0 1.5rem rgba(64,217,255,0.12); }
.brand-mark {
  position: relative;
  display: grid;
  place-items: center;
  width: 3rem;
  height: 3.2rem;
  color: var(--white);
  background: linear-gradient(145deg, rgba(77, 217, 255, 0.95), rgba(21, 80, 135, 0.25) 35%, rgba(255,255,255,0.13));
  clip-path: polygon(25% 0, 75% 0, 100% 24%, 100% 76%, 75% 100%, 25% 100%, 0 76%, 0 24%);
  filter: drop-shadow(0 0 18px rgba(64, 217, 255, 0.33));
}
.brand-mark::before { position: absolute; inset: 2px; content: ""; background: #06101d; clip-path: inherit; }
.brand-mark::after { position: absolute; inset: 0.55rem; border: 1px solid rgba(142,236,255,0.7); content: ""; clip-path: inherit; }
.brand-mark i { position: relative; z-index: 1; font-family: var(--display); font-size: 1.2rem; font-style: italic; line-height: 1; }
.brand-name { display: grid; line-height: 0.9; letter-spacing: 0.12em; }
.brand-name b { font-family: var(--display); font-size: 1.05rem; font-style: italic; font-weight: 400; letter-spacing: 0.15em; }
.brand-name small { margin-top: 0.35rem; color: var(--cyan); font-family: var(--mono); font-size: 0.65rem; font-weight: 700; letter-spacing: 0.33em; }
.product-status { display: inline-flex; align-items: center; gap: 0.55rem; color: var(--silver); font: 700 0.61rem/1 var(--mono); letter-spacing: 0.14em; }
.product-status i, .live-dot, .launch-status > i { width: 0.44rem; height: 0.44rem; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 0.3rem rgba(109,245,171,0.08), 0 0 1rem rgba(109,245,171,0.7); animation: pulse 1.8s ease-out infinite; }
.main-nav { display: flex; justify-self: end; align-items: center; gap: 2rem; color: var(--silver); font-size: 0.76rem; font-weight: 750; letter-spacing: 0.06em; text-transform: uppercase; }
.main-nav a { transition: color 180ms ease; }
.main-nav a:hover { color: var(--white); }
.main-nav .nav-contact { padding: 0.8rem 1.1rem; border: 1px solid rgba(173,216,239,0.35); color: var(--white); background: rgba(3,11,20,0.42); box-shadow: inset 0 0 1.5rem rgba(64,217,255,0.03); }
.main-nav .nav-contact:hover { border-color: var(--cyan); color: var(--cyan); }

.hero-cinematic {
  position: relative;
  display: grid;
  min-height: 48rem;
  overflow: hidden;
  isolation: isolate;
}
.hero-cinematic::before {
  position: absolute;
  z-index: -2;
  inset: 0;
  content: "";
  background:
    linear-gradient(90deg, rgba(4,15,28,0.88) 0%, rgba(4,15,28,0.7) 31%, rgba(2,7,19,0.16) 68%, rgba(2,7,19,0.38) 100%),
    linear-gradient(180deg, rgba(2,7,19,0.18) 0%, rgba(2,7,19,0.02) 52%, var(--void) 100%),
    url("hero-command-center.webp") center/cover no-repeat;
  transform: scale(1.025);
  animation: hero-breathe 14s ease-in-out infinite alternate;
}
.hero-cinematic::after {
  position: absolute;
  z-index: -1;
  inset: 0;
  content: "";
  background:
    repeating-linear-gradient(90deg, transparent 0 calc(8.333% - 1px), rgba(133,199,237,0.055) calc(8.333% - 1px) 8.333%),
    linear-gradient(180deg, transparent 72%, rgba(2,7,19,0.96));
  mask-image: linear-gradient(180deg, black, transparent 75%);
}
.hero-backdrop { position: absolute; z-index: -1; inset: 0; background: radial-gradient(circle at 67% 43%, rgba(43,151,255,0.2), transparent 26rem); }
.hero-scan { position: absolute; z-index: 1; top: 6.4rem; right: 0; left: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(64,217,255,0.9), transparent); box-shadow: 0 0 2rem rgba(64,217,255,0.75); opacity: 0; animation: scan 7s ease-in-out 1.4s infinite; }
.hero-orbit { position: absolute; z-index: -1; border: 1px solid rgba(91,204,255,0.16); border-radius: 50%; pointer-events: none; }
.hero-orbit::before, .hero-orbit::after { position: absolute; border-radius: 50%; content: ""; }
.hero-orbit::before { width: 0.55rem; height: 0.55rem; background: var(--cyan); box-shadow: 0 0 1.5rem var(--cyan); }
.hero-orbit::after { inset: 7%; border: 1px dashed rgba(91,204,255,0.12); }
.orbit-one { top: 15%; right: -11rem; width: 45rem; height: 45rem; animation: spin 38s linear infinite; }
.orbit-one::before { top: 17%; left: 10%; }
.orbit-two { top: 28%; right: 5%; width: 25rem; height: 25rem; border-style: dashed; animation: spin-reverse 27s linear infinite; }
.orbit-two::before { right: 17%; bottom: 5%; width: 0.35rem; height: 0.35rem; }

.hero-copy { position: relative; z-index: 3; align-self: start; width: min(50rem, 63vw); margin: 9.5rem 0 0 max(2rem, calc((100vw - var(--max)) / 2)); }
.eyebrow, .section-tag { display: flex; align-items: center; gap: 1rem; margin: 0 0 1.8rem; color: var(--cyan); font: 750 0.68rem/1 var(--mono); letter-spacing: 0.19em; text-transform: uppercase; }
.eyebrow::after { width: 4.5rem; height: 1px; content: ""; background: linear-gradient(90deg, var(--cyan), transparent); }
.eyebrow span, .section-tag span { padding: 0.38rem 0.5rem; border: 1px solid var(--line-hot); color: var(--white); background: rgba(64,217,255,0.07); }
.hero-title { display: grid; width: max-content; max-width: 100%; margin: 0; padding-right: 0.55em; overflow: visible; line-height: 0.94; transform: skewX(-3deg); transform-origin: left center; }
.hero-title span { display: block; white-space: nowrap; }
.title-visionary {
  padding-right: 0.4em;
  font-family: var(--display);
  font-size: clamp(4.5rem, 7.8vw, 8rem);
  font-style: italic;
  font-weight: 400;
  letter-spacing: -0.025em;
  color: #f4f8ff;
  background: none;
  -webkit-text-fill-color: #f4f8ff;
  text-shadow: 0 0.22rem 0.16rem rgba(0,0,0,0.72), 0 0 1.2rem rgba(93,199,255,0.18);
}
.title-control {
  padding-right: 0.12em;
  margin-top: 0.08em;
  margin-left: 0.22em;
  color: #63d9f8;
  background: none;
  -webkit-text-fill-color: #63d9f8;
  font-family: var(--display);
  font-size: clamp(4.7rem, 8.3vw, 8.5rem);
  font-style: italic;
  font-weight: 400;
  letter-spacing: -0.02em;
  -webkit-text-stroke: 0.8px #d9f8ff;
  text-shadow: 0 0.22rem 0.12rem rgba(0,0,0,0.76), 0 0 1.1rem rgba(64,217,255,0.28);
}
.hero-statement { margin: 2.2rem 0 0.4rem; color: var(--white); font-family: var(--display); font-size: clamp(1.15rem, 1.8vw, 1.55rem); font-style: italic; font-weight: 400; letter-spacing: 0.025em; text-transform: uppercase; }
.hero-lead { max-width: 39rem; margin: 0; color: #bcc9d7; font-size: clamp(1rem, 1.6vw, 1.16rem); line-height: 1.72; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 0.8rem; margin-top: 2rem; }
.button { position: relative; display: inline-flex; align-items: center; justify-content: center; min-width: 13.5rem; min-height: 3.75rem; padding: 0 1.2rem; overflow: hidden; border: 1px solid var(--line); font-size: 0.78rem; font-weight: 800; letter-spacing: 0.055em; text-align: center; text-transform: uppercase; transition: transform 180ms ease, border-color 180ms ease, color 180ms ease, box-shadow 180ms ease; }
.button span, .button i { position: relative; z-index: 1; }
.button i { font-size: 1.15rem; font-style: normal; }
.button-primary { color: #00131c; border-color: var(--cyan); background: linear-gradient(115deg, var(--cyan-hot), #39bde9); box-shadow: 0 0 2.2rem rgba(64,217,255,0.18); }
.button-primary::before { position: absolute; inset: 0; content: ""; background: linear-gradient(100deg, transparent 20%, rgba(255,255,255,0.75) 50%, transparent 80%); transform: translateX(-120%); transition: transform 550ms ease; }
.button-primary:hover::before { transform: translateX(120%); }
.button-ghost { color: var(--white); background: rgba(2,8,18,0.46); backdrop-filter: blur(0.8rem); }
.button:hover { border-color: var(--cyan); transform: translateY(-3px); box-shadow: 0 0.8rem 2.4rem rgba(0,0,0,0.4), 0 0 1.5rem rgba(64,217,255,0.13); }

.hero-hud {
  position: absolute;
  z-index: 4;
  right: max(2rem, calc((100vw - var(--max)) / 2));
  bottom: 5.8rem;
  width: min(32rem, 36vw);
  border: 1px solid rgba(150,212,242,0.28);
  background: linear-gradient(145deg, rgba(4,15,28,0.88), rgba(7,23,39,0.58));
  box-shadow: 0 1.8rem 5rem rgba(0,0,0,0.58), inset 0 0 3rem rgba(64,217,255,0.035), 0 0 0 1px rgba(255,255,255,0.025);
  backdrop-filter: blur(1.4rem);
  clip-path: polygon(0 0, calc(100% - 2rem) 0, 100% 2rem, 100% 100%, 2rem 100%, 0 calc(100% - 2rem));
}
.hero-hud::before { position: absolute; top: 0; left: 0; width: 45%; height: 2px; content: ""; background: linear-gradient(90deg, var(--cyan), transparent); box-shadow: 0 0 1rem var(--cyan); }
.hud-topline, .hud-footer { display: flex; align-items: center; justify-content: space-between; padding: 0.9rem 1.1rem; font: 700 0.61rem/1 var(--mono); letter-spacing: 0.13em; }
.hud-topline { border-bottom: 1px solid var(--line); color: var(--silver); }
.hud-topline b { display: inline-flex; align-items: center; gap: 0.5rem; color: var(--green); font-weight: 700; }
.hud-topline b i { width: 0.34rem; height: 0.34rem; border-radius: 50%; background: var(--green); box-shadow: 0 0 0.8rem var(--green); }
.hud-time { display: flex; align-items: baseline; padding: 1rem 1.1rem 0.4rem; font-family: var(--mono); line-height: 1; }
.hud-time strong { font-size: clamp(2.6rem, 4vw, 4.3rem); font-weight: 300; letter-spacing: -0.08em; }
.hud-time span { margin-left: 0.28rem; color: var(--cyan); font-size: 1.4rem; }
.hud-path { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: center; gap: 0.65rem; padding: 0.85rem 1.1rem 1rem; border-bottom: 1px solid var(--line); }
.hud-path div { display: grid; gap: 0.18rem; }
.hud-path small { color: var(--muted); font: 650 0.52rem/1 var(--mono); letter-spacing: 0.12em; }
.hud-path b { font-size: 0.71rem; letter-spacing: 0.04em; }
.hud-path > i { width: 1rem; height: 1px; background: var(--cyan); box-shadow: 0 0 0.6rem var(--cyan); }
.hud-wave { display: flex; align-items: end; gap: 0.28rem; height: 4rem; padding: 0.7rem 1.1rem 0.45rem; }
.hud-wave span { flex: 1; min-width: 0.35rem; background: linear-gradient(180deg, var(--cyan), rgba(40,125,255,0.13)); box-shadow: 0 0 0.8rem rgba(64,217,255,0.13); animation: wave 1.6s ease-in-out infinite alternate; }
.hud-wave span:nth-child(1) { height: 28%; } .hud-wave span:nth-child(2) { height: 67%; animation-delay: -0.5s; } .hud-wave span:nth-child(3) { height: 43%; animation-delay: -1s; } .hud-wave span:nth-child(4) { height: 90%; animation-delay: -0.25s; } .hud-wave span:nth-child(5) { height: 52%; animation-delay: -0.85s; } .hud-wave span:nth-child(6) { height: 75%; animation-delay: -0.4s; } .hud-wave span:nth-child(7) { height: 34%; animation-delay: -1.2s; } .hud-wave span:nth-child(8) { height: 59%; animation-delay: -0.7s; }
.hud-footer { color: var(--muted); border-top: 1px solid rgba(150,205,237,0.08); }
.development-copy { position: absolute; z-index: 4; bottom: 1.55rem; left: max(2rem, calc((100vw - var(--max)) / 2)); display: grid; max-width: 42rem; margin: 0; padding-left: 1rem; border-left: 2px solid var(--cyan); }
.development-copy strong { color: var(--cyan); font: 750 0.61rem/1 var(--mono); letter-spacing: 0.17em; }
.development-copy span { margin-top: 0.45rem; color: var(--muted); font-size: 0.76rem; }
.scroll-cue { position: absolute; z-index: 4; right: max(2rem, calc((100vw - var(--max)) / 2)); bottom: 2.15rem; display: flex; align-items: center; gap: 1rem; color: var(--silver); font: 700 0.58rem/1 var(--mono); letter-spacing: 0.14em; text-transform: uppercase; }
.scroll-cue i { position: relative; width: 2.8rem; height: 2.8rem; border: 1px solid var(--line); border-radius: 50%; }
.scroll-cue i::before { position: absolute; top: 0.65rem; left: 50%; width: 1px; height: 1rem; content: ""; background: var(--cyan); animation: scroll-line 1.6s ease-in-out infinite; }

.transmission-bar { overflow: hidden; border-block: 1px solid var(--line-hot); background: rgba(4,20,33,0.88); box-shadow: 0 0 2.5rem rgba(64,217,255,0.07); }
.transmission-bar > div { display: flex; align-items: center; justify-content: space-around; gap: 2rem; min-width: max-content; min-height: 3rem; padding-inline: 2rem; color: var(--cyan); font: 800 0.63rem/1 var(--mono); letter-spacing: 0.17em; animation: ticker 24s linear infinite alternate; }
.transmission-bar i { width: 0.34rem; height: 0.34rem; border: 1px solid var(--cyan); transform: rotate(45deg); }

.signal-flow, .layers, .viewer-stage, .launch-section { width: min(calc(100% - 4rem), var(--max)); margin-inline: auto; }
.signal-flow, .layers, .viewer-stage { position: relative; isolation: isolate; }
.signal-flow::before, .layers::before, .viewer-stage::before { position: absolute; z-index: -1; top: 0; bottom: 0; left: 50%; width: 100vw; content: ""; transform: translateX(-50%); }
.signal-flow::before { border-bottom: 1px solid var(--line); background: linear-gradient(115deg, rgba(12,40,62,0.72), rgba(7,22,36,0.84) 48%, rgba(9,35,54,0.64)); }
.layers::before { background: radial-gradient(circle at 82% 24%, rgba(38,125,184,0.18), transparent 25rem), linear-gradient(180deg, rgba(6,19,32,0.82), rgba(10,29,46,0.72)); }
.viewer-stage::before { border-block: 1px solid var(--line); background: linear-gradient(125deg, rgba(12,39,61,0.8), rgba(6,18,31,0.88)); }
.signal-flow { padding: 6.5rem 0 7rem; }
.section-tag { margin-bottom: 2.5rem; color: var(--muted); }
.flow-heading { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(18rem, 0.55fr); gap: 6rem; align-items: end; }
.flow-heading h2, .layers-intro h2, .viewer-copy h2, .launch-copy h2, .legal-intro h1 {
  margin: 0;
  font-family: var(--display);
  font-size: clamp(3.8rem, 6.5vw, 6.8rem);
  font-style: italic;
  font-weight: 400;
  letter-spacing: -0.045em;
  line-height: 0.83;
  text-transform: uppercase;
}
.flow-heading h2 span, .layers-intro h2 span, .viewer-copy h2 span { color: rgba(151,187,211,0.22); -webkit-text-stroke: 1px rgba(204,232,248,0.7); }
.flow-heading > p { max-width: 28rem; margin: 0 0 0.6rem; color: var(--silver); font-size: 1.05rem; }
.flow-line { display: grid; grid-template-columns: auto 1fr auto 1fr auto 1fr auto; align-items: center; gap: 1.2rem; margin-top: 4rem; }
.flow-node { position: relative; display: grid; min-width: 9rem; padding: 1.2rem; border: 1px solid var(--line); background: linear-gradient(145deg, rgba(10,28,45,0.9), rgba(5,15,27,0.7)); clip-path: polygon(0 0, calc(100% - 1.2rem) 0, 100% 1.2rem, 100% 100%, 0 100%); }
.flow-node i { color: var(--cyan); font: 700 0.55rem/1 var(--mono); font-style: normal; letter-spacing: 0.12em; }
.flow-node span { margin-top: 1.8rem; font-family: var(--display); font-size: 1.35rem; font-style: italic; letter-spacing: 0.035em; }
.flow-node b { color: var(--muted); font-size: 0.67rem; font-weight: 650; letter-spacing: 0.1em; text-transform: uppercase; }
.flow-line > em { position: relative; height: 1px; background: linear-gradient(90deg, var(--line-hot), rgba(64,217,255,0.08)); }
.flow-line > em::after { position: absolute; top: -0.22rem; left: 0; width: 0.45rem; height: 0.45rem; border-radius: 50%; content: ""; background: var(--cyan); box-shadow: 0 0 1rem var(--cyan); animation: data-travel 2.6s linear infinite; }
.flow-node-active { border-color: var(--cyan); box-shadow: inset 0 0 2rem rgba(64,217,255,0.08), 0 0 2rem rgba(64,217,255,0.08); }

.layers { padding: 6.5rem 0 7rem; }
.layers-intro { display: grid; grid-template-columns: 0.45fr 1fr; align-items: end; margin-bottom: 3rem; }
.layers-intro .section-tag { align-self: start; }
.layers-intro h2 { grid-column: 2; font-size: clamp(3.7rem, 6.5vw, 6.5rem); }
.layer-list { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 0.9rem; }
.layer-card { position: relative; display: grid; grid-column: span 5; grid-template-rows: auto 1fr auto; min-height: 18.5rem; padding: 1.35rem 1.5rem 1.6rem; overflow: hidden; border: 1px solid rgba(150,205,237,0.3); background: linear-gradient(145deg, rgba(18,46,70,0.94), rgba(8,25,42,0.94)); transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease; clip-path: polygon(0 0, calc(100% - 1.4rem) 0, 100% 1.4rem, 100% 100%, 0 100%); }
.layer-card-wide { grid-column: span 7; }
.layer-card::before { position: absolute; top: 0; left: 0; width: 48%; height: 2px; content: ""; background: linear-gradient(90deg, var(--cyan), transparent); transform: translateX(-110%); transition: transform 420ms ease; }
.layer-card::after { position: absolute; inset: 0; content: ""; background: radial-gradient(circle at 75% 26%, rgba(40,125,255,0.12), transparent 14rem); pointer-events: none; }
.layer-card:hover { z-index: 1; border-color: rgba(64,217,255,0.52); transform: translateY(-0.45rem); box-shadow: 0 1.8rem 4rem rgba(0,0,0,0.35), inset 0 0 3rem rgba(64,217,255,0.035); }
.layer-card:hover::before { transform: translateX(0); }
.layer-index { position: relative; z-index: 1; margin: 0; color: var(--muted); font: 700 0.57rem/1 var(--mono); letter-spacing: 0.14em; }
.layer-card > div:nth-of-type(2) { position: relative; z-index: 1; align-self: end; }
.layer-card h3 { margin: 0; font-family: var(--display); font-size: clamp(2.25rem, 4vw, 4rem); font-style: italic; font-weight: 400; letter-spacing: -0.025em; line-height: 0.88; }
.layer-card p:last-child { max-width: 31rem; margin: 0.8rem 0 0; color: var(--silver); }
.layer-code { position: absolute; z-index: 0; right: -0.1em; bottom: -0.25em; color: rgba(103,173,216,0.055); font-family: var(--display); font-size: clamp(8rem, 15vw, 14rem); font-style: italic; line-height: 1; pointer-events: none; }
.layer-card-live { border-color: rgba(64,217,255,0.35); background: linear-gradient(140deg, rgba(5,28,45,0.95), rgba(4,13,24,0.9)); }
.layer-symbol { position: absolute; z-index: 1; top: 3.3rem; right: 1.6rem; width: 5.7rem; height: 5.7rem; opacity: 0.75; }
.realtime-symbol { border: 1px solid var(--line-hot); border-radius: 50%; }
.realtime-symbol::before, .realtime-symbol::after { position: absolute; inset: 18%; border: 1px solid rgba(64,217,255,0.35); border-radius: 50%; content: ""; }
.realtime-symbol::after { inset: 37%; background: var(--cyan); box-shadow: 0 0 1.2rem var(--cyan); }
.realtime-symbol i { position: absolute; top: 50%; left: 50%; width: 130%; height: 1px; background: rgba(64,217,255,0.23); transform-origin: left; }
.realtime-symbol i:nth-child(2) { transform: rotate(120deg); } .realtime-symbol i:nth-child(3) { transform: rotate(240deg); }
.integration-symbol i { position: absolute; width: 1.4rem; height: 1.4rem; border: 1px solid var(--cyan); transform: rotate(45deg); }
.integration-symbol i:nth-child(1) { top: 0; left: 2rem; } .integration-symbol i:nth-child(2) { bottom: 0; left: 0; } .integration-symbol i:nth-child(3) { right: 0; bottom: 0; }
.integration-symbol::before, .integration-symbol::after { position: absolute; top: 2rem; width: 3.8rem; height: 1px; content: ""; background: var(--cyan); transform-origin: left; box-shadow: 0 0 0.8rem rgba(64,217,255,0.5); }
.integration-symbol::before { left: 2.7rem; transform: rotate(56deg); } .integration-symbol::after { left: 2.9rem; transform: rotate(124deg); }
.tenant-symbol i { position: absolute; inset: 0.35rem 1.1rem; border: 1px solid var(--cyan); clip-path: polygon(18% 0, 82% 0, 100% 20%, 100% 80%, 82% 100%, 18% 100%, 0 80%, 0 20%); }
.tenant-symbol i:nth-child(2) { inset: 1.35rem 2rem; border-color: var(--white); }
.site-symbol { display: flex; align-items: end; gap: 0.35rem; }
.site-symbol i { flex: 1; border: 1px solid var(--cyan); border-bottom: 0; background: rgba(64,217,255,0.05); }
.site-symbol i:nth-child(1) { height: 45%; } .site-symbol i:nth-child(2) { height: 85%; } .site-symbol i:nth-child(3) { height: 62%; }
.area-symbol { border: 1px solid var(--line-hot); transform: rotate(45deg) scale(0.72); }
.area-symbol i { position: absolute; border: 1px solid rgba(64,217,255,0.42); }
.area-symbol i:nth-child(1) { inset: 15%; } .area-symbol i:nth-child(2) { inset: 31%; } .area-symbol i:nth-child(3) { inset: 44%; background: var(--cyan); box-shadow: 0 0 1rem var(--cyan); }
.viewer-symbol { border: 1px solid var(--cyan); box-shadow: inset 0 0 1.5rem rgba(64,217,255,0.08); }
.viewer-symbol::before { position: absolute; inset: 0.7rem; content: ""; background: repeating-linear-gradient(0deg, transparent 0 0.6rem, rgba(64,217,255,0.25) 0.65rem), repeating-linear-gradient(90deg, transparent 0 0.6rem, rgba(64,217,255,0.25) 0.65rem); }
.viewer-symbol i { position: absolute; top: 50%; left: 50%; width: 0.65rem; height: 0.65rem; border-radius: 50%; background: var(--green); box-shadow: 0 0 1.1rem var(--green); transform: translate(-50%,-50%); }

.viewer-stage { display: grid; grid-template-columns: 0.72fr 1.28fr; gap: 4rem; align-items: center; padding: 7rem 0 8rem; }
.viewer-copy h2 { font-size: clamp(4rem, 7vw, 7.2rem); }
.viewer-copy > p:last-child { max-width: 32rem; margin: 2rem 0 0; color: var(--silver); font-size: 1.05rem; }
.viewer-console { position: relative; perspective: 1000px; }
.viewer-console::before { position: absolute; inset: -10%; z-index: -1; content: ""; background: radial-gradient(circle, rgba(39,134,255,0.24), transparent 65%); filter: blur(2rem); }
.console-frame { position: relative; overflow: hidden; border: 1px solid rgba(64,217,255,0.5); background: rgba(4,17,29,0.88); box-shadow: 0 2.5rem 6rem rgba(0,0,0,0.58), inset 0 0 4rem rgba(64,217,255,0.045); transform: rotateY(-6deg) rotateX(3deg); clip-path: polygon(0 0, calc(100% - 2rem) 0, 100% 2rem, 100% 100%, 2rem 100%, 0 calc(100% - 2rem)); }
.console-frame::after { position: absolute; top: 0; left: -20%; width: 16%; height: 100%; content: ""; background: linear-gradient(90deg, transparent, rgba(120,229,255,0.17), transparent); transform: skewX(-18deg); animation: console-sweep 5s ease-in-out infinite; }
.console-head, .console-data { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.25rem; font: 700 0.58rem/1 var(--mono); letter-spacing: 0.12em; }
.console-head { border-bottom: 1px solid var(--line); color: var(--silver); }
.console-head b { color: var(--green); }
.console-grid { position: relative; min-height: 28rem; background: repeating-linear-gradient(0deg, transparent 0 2.4rem, rgba(103,177,219,0.08) 2.45rem), repeating-linear-gradient(90deg, transparent 0 2.4rem, rgba(103,177,219,0.08) 2.45rem); }
.console-grid::before { position: absolute; inset: 12% 10%; border: 1px solid rgba(64,217,255,0.14); content: ""; transform: perspective(400px) rotateX(63deg); }
.console-core { position: absolute; top: 50%; left: 52%; display: grid; place-items: center; width: 9rem; height: 9rem; border: 1px solid var(--cyan); border-radius: 50%; background: radial-gradient(circle, rgba(64,217,255,0.18), rgba(2,9,18,0.87) 62%); box-shadow: 0 0 3rem rgba(64,217,255,0.25), inset 0 0 2rem rgba(64,217,255,0.15); transform: translate(-50%,-50%); }
.console-core::before, .console-core::after { position: absolute; border: 1px dashed rgba(64,217,255,0.4); border-radius: 50%; content: ""; animation: spin 12s linear infinite; }
.console-core::before { inset: -1.4rem; } .console-core::after { inset: 1rem; animation-direction: reverse; }
.console-core span { font-family: var(--display); font-size: 1.5rem; font-style: italic; letter-spacing: 0.08em; }
.console-core i { width: 0.35rem; height: 0.35rem; border-radius: 50%; background: var(--green); box-shadow: 0 0 0.8rem var(--green); }
.console-point { position: absolute; display: flex; align-items: center; gap: 0.5rem; color: var(--silver); font: 700 0.58rem/1 var(--mono); letter-spacing: 0.1em; }
.console-point i { width: 1.2rem; height: 1.2rem; border: 1px solid var(--cyan); background: rgba(64,217,255,0.1); transform: rotate(45deg); box-shadow: 0 0 0.8rem rgba(64,217,255,0.25); }
.point-a { top: 23%; left: 16%; } .point-b { top: 25%; right: 14%; } .point-c { right: 19%; bottom: 18%; }
.console-route { position: absolute; height: 1px; background: linear-gradient(90deg, var(--cyan), transparent); transform-origin: left; }
.route-one { top: 31%; left: 26%; width: 29%; transform: rotate(18deg); } .route-two { top: 57%; left: 60%; width: 26%; transform: rotate(42deg); }
.console-data { border-top: 1px solid var(--line); color: var(--muted); }
.console-data span { display: flex; align-items: center; gap: 0.4rem; }
.console-data i { width: 0.35rem; height: 0.35rem; border-radius: 50%; background: var(--green); box-shadow: 0 0 0.7rem var(--green); }

.launch-section { position: relative; display: grid; grid-template-columns: 0.38fr 1fr auto; gap: 3rem; align-items: end; margin-block: 6rem; padding: 4rem; overflow: hidden; border: 1px solid rgba(64,217,255,0.42); background: linear-gradient(120deg, rgba(14,48,73,0.98), rgba(7,26,44,0.98)), radial-gradient(circle at 80% 0, rgba(40,125,255,0.3), transparent 30rem); clip-path: polygon(0 0, calc(100% - 3rem) 0, 100% 3rem, 100% 100%, 0 100%); }
.launch-section::before { position: absolute; inset: 0; content: ""; background: repeating-linear-gradient(90deg, transparent 0 calc(10% - 1px), rgba(64,217,255,0.035) calc(10% - 1px) 10%); }
.launch-status, .launch-copy, .launch-section .button { position: relative; z-index: 1; }
.launch-status { display: grid; grid-template-columns: auto 1fr; gap: 0.6rem 0.8rem; align-items: center; align-self: start; font-family: var(--mono); }
.launch-status span { color: var(--muted); font-size: 0.58rem; letter-spacing: 0.14em; }
.launch-status strong { grid-column: 2; color: var(--green); font-size: 0.72rem; letter-spacing: 0.08em; }
.launch-copy > p:first-child { margin: 0 0 1.3rem; color: var(--cyan); font: 700 0.61rem/1 var(--mono); letter-spacing: 0.15em; }
.launch-copy h2 { font-size: clamp(3.6rem, 6vw, 6.2rem); }
.launch-copy h2 span { color: var(--cyan); text-shadow: 0 0 2rem rgba(64,217,255,0.3); }
.launch-copy > p:last-child { max-width: 38rem; margin: 1.5rem 0 0; color: var(--muted); }

/* Compact management one-pager */
.management-overview, .management-live, .development-banner { width: min(calc(100% - 4rem), var(--max)); margin-inline: auto; }
.management-overview, .management-live { position: relative; isolation: isolate; }
.management-overview::before, .management-live::before { position: absolute; z-index: -1; inset-block: 0; left: 50%; width: 100vw; content: ""; transform: translateX(-50%); }
.management-overview::before { border-bottom: 1px solid var(--line); background: linear-gradient(120deg, rgba(12,40,62,0.82), rgba(7,22,36,0.9) 52%, rgba(9,35,54,0.72)); }
.management-live::before { border-bottom: 1px solid var(--line); background: radial-gradient(circle at 76% 38%, rgba(38,125,184,0.19), transparent 27rem), linear-gradient(125deg, rgba(7,22,37,0.9), rgba(10,32,50,0.8)); }

.management-overview { padding: 4.5rem 0 5rem; }
.management-heading { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 4rem; align-items: end; margin-bottom: 2.5rem; }
.management-heading .section-tag { margin-bottom: 1.5rem; }
.management-heading h2, .management-live-copy h2, .development-banner h2 { margin: 0; font-family: var(--display); font-size: clamp(3.4rem, 5.8vw, 6rem); font-style: italic; font-weight: 400; letter-spacing: -0.035em; line-height: 0.86; text-transform: uppercase; }
.management-heading h2 span, .management-live-copy h2 span { color: #8ec9e7; }
.management-heading > p { max-width: 34rem; margin: 0 0 0.35rem; color: var(--silver); font-size: 1.05rem; line-height: 1.72; }
.management-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 0.8rem; }
.management-card { position: relative; min-height: 10rem; padding: 1.25rem 1.35rem; overflow: hidden; border: 1px solid rgba(150,205,237,0.3); background: linear-gradient(145deg, rgba(18,48,73,0.96), rgba(8,26,43,0.95)); clip-path: polygon(0 0, calc(100% - 1rem) 0, 100% 1rem, 100% 100%, 0 100%); }
.management-card::before { position: absolute; top: 0; left: 0; width: 42%; height: 2px; content: ""; background: linear-gradient(90deg, var(--cyan), transparent); }
.management-card small { color: var(--cyan); font: 700 0.58rem/1 var(--mono); letter-spacing: 0.13em; }
.management-card h3 { margin: 1.35rem 0 0; font-family: var(--display); font-size: clamp(1.7rem, 2.3vw, 2.5rem); font-style: italic; font-weight: 400; letter-spacing: -0.01em; line-height: 0.94; }
.management-card p { max-width: 25rem; margin: 0.55rem 0 0; color: var(--silver); font-size: 0.88rem; line-height: 1.45; }
.management-card-live { border-color: rgba(64,217,255,0.62); background: linear-gradient(145deg, rgba(23,69,98,0.98), rgba(8,31,49,0.98)); box-shadow: inset 0 0 2rem rgba(64,217,255,0.05); }

.management-live { display: grid; grid-template-columns: 0.78fr 1.22fr; gap: 4rem; align-items: center; padding: 4.5rem 0 5rem; }
.management-live-copy .section-tag { margin-bottom: 1.5rem; }
.management-live-copy h2 { font-size: clamp(3.5rem, 5.7vw, 5.8rem); }
.management-live-copy > p { max-width: 35rem; margin: 1.5rem 0 0; color: var(--silver); font-size: 1rem; line-height: 1.7; }
.context-chain { display: flex; flex-wrap: wrap; gap: 0.4rem; margin-top: 1.75rem; }
.context-chain span, .context-chain strong { padding: 0.62rem 0.72rem; border: 1px solid var(--line); color: var(--silver); background: rgba(8,27,44,0.88); font: 700 0.58rem/1 var(--mono); letter-spacing: 0.1em; }
.context-chain strong { border-color: var(--cyan); color: #00131c; background: var(--cyan); }
.management-console .console-grid { min-height: 19rem; }
.management-console .console-frame { transform: rotateY(-3deg) rotateX(1deg); }

.development-banner { position: relative; display: grid; grid-template-columns: 0.35fr 1fr auto; gap: 2.5rem; align-items: center; margin-block: 4rem; padding: 2.4rem 2.6rem; overflow: hidden; border: 1px solid rgba(64,217,255,0.44); background: linear-gradient(115deg, rgba(15,52,78,0.98), rgba(7,28,47,0.98)); clip-path: polygon(0 0, calc(100% - 2rem) 0, 100% 2rem, 100% 100%, 0 100%); }
.development-banner::before { position: absolute; inset: 0; content: ""; background: repeating-linear-gradient(90deg, transparent 0 calc(12.5% - 1px), rgba(64,217,255,0.035) calc(12.5% - 1px) 12.5%); }
.development-banner > * { position: relative; z-index: 1; }
.development-status { display: grid; grid-template-columns: auto 1fr; gap: 0.55rem 0.7rem; align-items: center; font-family: var(--mono); }
.development-status i { width: 0.44rem; height: 0.44rem; border-radius: 50%; background: var(--green); box-shadow: 0 0 1rem rgba(109,245,171,0.7); }
.development-status span { color: var(--muted); font-size: 0.58rem; letter-spacing: 0.14em; }
.development-status strong { grid-column: 2; color: var(--green); font-size: 0.7rem; letter-spacing: 0.08em; }
.development-banner > div:nth-child(2) > p:first-child { margin: 0 0 0.65rem; color: var(--cyan); font: 700 0.58rem/1 var(--mono); letter-spacing: 0.14em; }
.development-banner h2 { font-size: clamp(2.5rem, 4.2vw, 4.5rem); }
.development-banner > div:nth-child(2) > p:last-child { max-width: 44rem; margin: 0.8rem 0 0; color: var(--silver); font-size: 0.9rem; }

.site-footer { display: grid; grid-template-columns: 1fr auto auto; gap: 2.5rem; align-items: center; width: min(calc(100% - 4rem), var(--max)); min-height: 9rem; margin-inline: auto; border-top: 1px solid var(--line); color: var(--muted); }
.footer-brand { display: flex; align-items: center; gap: 0.85rem; }
.footer-brand .brand-logo { width: 3.6rem; height: 3.6rem; }
.footer-brand .brand-mark { width: 2.4rem; height: 2.55rem; }
.footer-brand .brand-mark i { font-size: 1rem; }
.footer-brand > span:last-child { display: grid; }
.footer-brand b { color: var(--white); font-family: var(--display); font-size: 0.9rem; font-style: italic; font-weight: 400; letter-spacing: 0.1em; }
.footer-brand small { margin-top: 0.2rem; font: 650 0.53rem/1 var(--mono); letter-spacing: 0.12em; }
.footer-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 1.25rem; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; }
.footer-links a:hover { color: var(--cyan); }
.copyright { margin: 0; font: 600 0.61rem/1 var(--mono); }

/* Legal pages */
.legal-header { position: absolute; }
.legal-main { width: min(calc(100% - 4rem), 78rem); margin-inline: auto; padding: 11rem 0 7rem; }
.legal-intro { padding-bottom: 5rem; border-bottom: 1px solid var(--line); }
.legal-intro .section-index { margin: 0 0 1.5rem; color: var(--cyan); font: 750 0.65rem/1 var(--mono); letter-spacing: 0.17em; text-transform: uppercase; }
.legal-intro h1 { font-size: clamp(4rem, 8vw, 7rem); }
.legal-intro > p:not(.section-index) { max-width: 43rem; margin: 1.6rem 0 0; color: var(--muted); font-size: 1.05rem; }
.legal-intro .legal-date { font: 650 0.65rem/1 var(--mono) !important; letter-spacing: 0.08em; }
.legal-layout { display: grid; grid-template-columns: 15rem minmax(0,1fr); gap: 5rem; padding-top: 4rem; }
.legal-summary { align-self: start; display: grid; padding: 1.25rem; border: 1px solid var(--line); background: var(--panel); clip-path: polygon(0 0, calc(100% - 1.2rem) 0, 100% 1.2rem, 100% 100%, 0 100%); }
.legal-summary > span { margin-bottom: 1rem; color: var(--cyan); font: 750 0.58rem/1 var(--mono); letter-spacing: 0.16em; text-transform: uppercase; }
.legal-summary p { margin: 0; padding: 0.7rem 0; border-top: 1px solid var(--line); color: var(--silver); font-size: 0.78rem; }
.legal-summary .summary-status { display: flex; align-items: center; gap: 0.6rem; color: var(--white); }
.summary-status i { width: 0.4rem; height: 0.4rem; border-radius: 50%; background: var(--green); box-shadow: 0 0 0.8rem var(--green); }
.legal-content section { padding: 0.35rem 0 2.4rem; border-bottom: 1px solid var(--line); }
.legal-content section + section { padding-top: 2.4rem; }
.legal-content h2 { margin: 0 0 1.2rem; font-family: var(--display); font-size: clamp(1.65rem, 3vw, 2.2rem); font-style: italic; font-weight: 400; letter-spacing: 0.015em; text-transform: uppercase; }
.legal-content p, .legal-content address { margin: 0; color: var(--silver); }
.legal-content p + p { margin-top: 1rem; }
.legal-content a { color: var(--cyan-hot); text-decoration: underline; text-decoration-color: rgba(64,217,255,0.35); text-underline-offset: 0.2em; }
.legal-content .development-note { margin: 2rem 0; padding: 2rem; border: 1px solid rgba(64,217,255,0.35); background: rgba(64,217,255,0.055); clip-path: polygon(0 0, calc(100% - 1.2rem) 0, 100% 1.2rem, 100% 100%, 0 100%); }
.legal-content .development-note h2 { color: var(--cyan); }
.legal-footer { width: min(calc(100% - 4rem), 78rem); }

@keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(109,245,171,0.5), 0 0 1rem rgba(109,245,171,0.65); } 80%,100% { box-shadow: 0 0 0 0.65rem rgba(109,245,171,0), 0 0 1rem rgba(109,245,171,0.45); } }
@keyframes hero-breathe { from { transform: scale(1.025); filter: saturate(0.9); } to { transform: scale(1.065); filter: saturate(1.08); } }
@keyframes scan { 0%,8% { top: 6.4rem; opacity: 0; } 14% { opacity: 0.9; } 75% { opacity: 0.22; } 82%,100% { top: 92%; opacity: 0; } }
@keyframes spin { to { transform: rotate(360deg); } }
@keyframes spin-reverse { to { transform: rotate(-360deg); } }
@keyframes wave { to { height: 18%; opacity: 0.35; } }
@keyframes scroll-line { 0% { transform: translateY(0); opacity: 0; } 30% { opacity: 1; } 100% { transform: translateY(0.8rem); opacity: 0; } }
@keyframes ticker { to { transform: translateX(-2.5rem); } }
@keyframes data-travel { from { left: 0; opacity: 0; } 12% { opacity: 1; } 88% { opacity: 1; } to { left: 100%; opacity: 0; } }
@keyframes console-sweep { 0%,15% { left: -30%; opacity: 0; } 35% { opacity: 1; } 75%,100% { left: 120%; opacity: 0; } }

@media (max-width: 1100px) {
  .site-header { grid-template-columns: 1fr auto; width: min(calc(100% - 2.5rem), var(--max)); }
  .product-status { position: absolute; top: calc(100% + 0.7rem); left: 0; display: inline-flex; padding: 0.45rem 0.65rem; border: 1px solid rgba(109,245,171,0.24); background: rgba(2,10,18,0.72); backdrop-filter: blur(0.8rem); }
  .hero-cinematic { min-height: 48rem; }
  .hero-copy { width: min(42rem, calc(100% - 4rem)); margin: 9rem 0 0 2rem; }
  .hero-hud { display: none; }
  .development-copy { left: 2rem; bottom: 2.3rem; max-width: calc(100% - 12rem); }
  .scroll-cue { right: 2rem; bottom: 2.3rem; }
  .flow-heading { gap: 3rem; }
  .layer-card, .layer-card-wide { grid-column: span 6; }
  .viewer-stage { grid-template-columns: 1fr; gap: 4rem; }
  .viewer-copy { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; }
  .viewer-copy .section-tag { grid-column: 1 / -1; }
  .viewer-copy > p:last-child { align-self: end; }
  .launch-section { grid-template-columns: 1fr 1.5fr; }
  .launch-section .button { grid-column: 2; width: max-content; }
  .management-heading { gap: 2.5rem; }
  .management-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .management-live { gap: 2.5rem; }
  .development-banner { grid-template-columns: 0.55fr 1.45fr; }
  .development-banner .button { grid-column: 2; justify-self: start; }
}

@media (max-width: 760px) {
  .film-grain { display: none; }
  .site-header { width: calc(100% - 2rem); min-height: 5.5rem; }
  .brand-mark { width: 2.55rem; height: 2.7rem; }
  .brand-logo { width: 3.65rem; height: 3.65rem; }
  .brand-name b { font-size: 0.86rem; }
  .brand-name small { font-size: 0.55rem; }
  .product-status { top: calc(100% + 0.45rem); font-size: 0.51rem; }
  .main-nav { gap: 0.5rem; }
  .main-nav > a:not(.nav-contact) { display: none; }
  .main-nav .nav-contact { padding: 0.7rem 0.85rem; font-size: 0.66rem; }
  .hero-cinematic { min-height: 46rem; }
  .hero-cinematic::before { background-position: 61% center; }
  .hero-copy { width: calc(100% - 2rem); margin: 8.2rem 0 0 1rem; }
  .eyebrow { gap: 0.6rem; font-size: 0.55rem; }
  .eyebrow::after { display: none; }
  .hero-title { line-height: 0.94; }
  .title-visionary { font-size: clamp(3.4rem, 15.5vw, 5.4rem); }
  .title-control { margin-left: 0.12em; font-size: clamp(3.55rem, 16.3vw, 5.7rem); -webkit-text-stroke-width: 1.25px; }
  .hero-statement { margin-top: 1.65rem; font-size: 1.05rem; }
  .hero-lead { max-width: 30rem; font-size: 0.92rem; }
  .hero-actions { gap: 0.6rem; }
  .button { flex: 1 1 100%; min-width: 0; }
  .development-copy { right: 1rem; bottom: 2rem; left: 1rem; max-width: none; }
  .development-copy span { font-size: 0.68rem; }
  .scroll-cue { display: none; }
  .signal-flow, .layers, .viewer-stage, .launch-section, .management-overview, .management-live, .development-banner { width: calc(100% - 2rem); }
  .signal-flow { padding: 4.5rem 0; }
  .section-tag { margin-bottom: 1.8rem; font-size: 0.56rem; }
  .flow-heading { display: block; }
  .flow-heading h2, .layers-intro h2, .viewer-copy h2, .launch-copy h2 { font-size: clamp(3rem, 12.5vw, 4.5rem); }
  .flow-heading > p { margin-top: 1.7rem; font-size: 0.93rem; }
  .flow-line { grid-template-columns: 1fr; gap: 0.65rem; margin-top: 3rem; }
  .flow-line > em { justify-self: center; width: 1px; height: 1.7rem; background: linear-gradient(180deg, var(--cyan), transparent); }
  .flow-line > em::after { display: none; }
  .flow-node { min-width: 0; }
  .flow-node span { margin-top: 1rem; }
  .layers { padding: 4.5rem 0 5rem; }
  .layers-intro { display: block; }
  .layers-intro h2 { margin-top: 2rem; }
  .layer-list { grid-template-columns: 1fr; }
  .layer-card, .layer-card-wide { grid-column: 1; min-height: 16.5rem; }
  .layer-symbol { top: 3rem; right: 1rem; width: 4.3rem; height: 4.3rem; }
  .layer-card h3 { font-size: clamp(2.4rem, 13vw, 3.5rem); }
  .viewer-stage { padding: 4.5rem 0 5rem; }
  .viewer-copy { display: block; }
  .viewer-copy > p:last-child { margin-top: 1.6rem; font-size: 0.93rem; }
  .console-frame { transform: none; }
  .console-grid { min-height: 21rem; }
  .console-core { width: 6rem; height: 6rem; }
  .console-data { flex-direction: column; align-items: flex-start; }
  .launch-section { display: block; margin-bottom: 5rem; padding: 2rem 1.4rem; clip-path: polygon(0 0, calc(100% - 1.5rem) 0, 100% 1.5rem, 100% 100%, 0 100%); }
  .launch-copy { margin: 3.5rem 0 2rem; }
  .launch-copy > p:last-child { font-size: 0.9rem; }
  .management-overview { padding: 3.5rem 0 4rem; }
  .management-heading { display: block; margin-bottom: 2rem; }
  .management-heading h2, .management-live-copy h2 { font-size: clamp(3rem, 12.5vw, 4.5rem); }
  .management-heading > p { margin-top: 1.5rem; font-size: 0.94rem; }
  .management-grid { grid-template-columns: 1fr; }
  .management-card { min-height: 8.5rem; }
  .management-live { grid-template-columns: 1fr; gap: 2.5rem; padding: 3.5rem 0 4rem; }
  .management-live-copy > p { font-size: 0.94rem; }
  .management-console .console-frame { transform: none; }
  .management-console .console-grid { min-height: 17rem; }
  .development-banner { display: block; margin-block: 3rem; padding: 2rem 1.4rem; }
  .development-banner > div:nth-child(2) { margin: 2rem 0 1.5rem; }
  .development-banner .button { width: 100%; }
  .site-footer { grid-template-columns: 1fr; gap: 1.8rem; width: calc(100% - 2rem); padding: 2.5rem 0; }
  .footer-links { justify-content: flex-start; }
  .legal-main { width: calc(100% - 2rem); padding-top: 9rem; }
  .legal-intro { padding-bottom: 3rem; }
  .legal-layout { grid-template-columns: 1fr; gap: 2rem; padding-top: 2rem; }
  .legal-summary { position: static; }
  .legal-content .development-note { margin-inline: 0; padding: 1.4rem; }
  .legal-footer { width: calc(100% - 2rem); }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; }
}