:root {
  --ink: #f4f7ff;
  --muted: #9aa8bf;
  --line: rgba(136, 165, 222, 0.18);
  --blue: #356cff;
  --electric: #7ba4ff;
  --night: #050a12;
  --panel: #091225;
  --mono: "DM Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --sans: "Manrope", Inter, ui-sans-serif, system-ui, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--night); }
body { margin: 0; color: var(--ink); background: var(--night); font-family: var(--sans); font-size: 16px; }
a { color: inherit; text-decoration: none; }
.skip-link { position: fixed; left: 1rem; top: -5rem; z-index: 999; padding: .8rem 1rem; background: #fff; color: #050a12; }
.skip-link:focus { top: 1rem; }

.site-header {
  position: absolute; z-index: 20; top: 0; left: 50%; transform: translateX(-50%);
  width: min(1440px, calc(100% - 64px)); height: 104px;
  display: grid; grid-template-columns: 1fr auto 1fr; align-items: center;
  border-bottom: 1px solid rgba(141, 167, 221, .16);
}
.brand { display: grid; grid-template-columns: 42px auto; grid-template-rows: auto auto; width: max-content; align-items: center; column-gap: .75rem; }
.brand-mark { grid-row: 1 / 3; width: 38px; height: 38px; fill: var(--ink); filter: drop-shadow(0 0 12px rgba(77, 119, 255, .55)); }
.brand-name { font-weight: 600; font-size: 1.18rem; letter-spacing: .34em; line-height: 1; }
.brand-line { margin-top: .35rem; color: #8c9bb4; font: 400 .6rem/1 var(--mono); letter-spacing: .13em; text-transform: uppercase; }
.brand-line b { color: #6b8dff; margin-right: .28rem; }
.nav-links { display: flex; gap: clamp(1.4rem, 3vw, 3.25rem); font: 400 .76rem/1 var(--mono); letter-spacing: .08em; color: #bdc8db; text-transform: uppercase; }
.nav-links a { transition: color .25s ease; }
.nav-links a:hover, .nav-links a:focus-visible { color: #fff; }
.nav-cta { justify-self: end; padding: .75rem 1rem; border: 1px solid rgba(163, 185, 232, .25); border-radius: 999px; font: 400 .72rem/1 var(--mono); letter-spacing: .04em; transition: background .25s ease, border-color .25s ease; }
.nav-cta:hover, .nav-cta:focus-visible { background: rgba(77, 110, 190, .15); border-color: rgba(163, 185, 232, .55); }

.hero { position: relative; min-height: 100svh; display: grid; place-items: center; overflow: hidden; isolation: isolate; padding: 11rem 1.5rem 6rem; background:
  radial-gradient(ellipse at 50% 100%, rgba(28, 72, 255, .38) 0%, rgba(23, 54, 156, .13) 31%, transparent 63%),
  linear-gradient(180deg, rgba(5, 10, 18, .92) 0%, rgba(6, 12, 25, .8) 48%, #071022 100%),
  url('/assets/volt-brand-board.jpg') center 37% / cover no-repeat;
}
.hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, #050a12 0%, transparent 18%, transparent 82%, #050a12 100%); }
.hero::after { content: ""; position: absolute; inset: auto 0 0; height: 28%; background: linear-gradient(transparent, #071022); pointer-events: none; }
.hero-grid { position: absolute; inset: 0; z-index: -1; opacity: .22; background-image: linear-gradient(rgba(132, 160, 213, .12) 1px, transparent 1px), linear-gradient(90deg, rgba(132, 160, 213, .12) 1px, transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(to bottom, #000, transparent 82%); }
.hero-orbit { position: absolute; z-index: -1; width: min(1100px, 93vw); aspect-ratio: 2.8 / 1; left: 50%; bottom: -12%; transform: translateX(-50%); border: 1px solid rgba(77, 117, 255, .38); border-radius: 50%; box-shadow: 0 0 80px rgba(49, 96, 255, .15), inset 0 20px 60px rgba(35, 76, 211, .08); }
.hero-orbit::before, .hero-orbit::after { content: ""; position: absolute; inset: 10% 8%; border: 1px solid rgba(77, 117, 255, .2); border-radius: 50%; }
.hero-orbit::after { inset: 22% 17%; border-color: rgba(93, 137, 255, .32); box-shadow: 0 0 45px rgba(48, 98, 255, .18); }
.hero-content { position: relative; z-index: 2; width: min(1010px, 100%); text-align: center; display: grid; justify-items: center; }
.eyebrow { display: flex; align-items: center; gap: .65rem; margin-bottom: 1.7rem; font: 400 .72rem/1.3 var(--mono); letter-spacing: .14em; text-transform: uppercase; color: #aec1e8; }
.eyebrow span { width: 6px; height: 6px; border-radius: 50%; background: #85a7ff; box-shadow: 0 0 16px #618cff; }
h1 { margin: 0; font-size: clamp(3.3rem, 7.8vw, 7.6rem); line-height: .93; letter-spacing: -.065em; font-weight: 500; text-wrap: balance; }
h1 em { font-style: normal; color: transparent; background: linear-gradient(90deg, #fff 8%, #91b2ff 52%, #fff 92%); -webkit-background-clip: text; background-clip: text; }
.hero-copy { width: min(690px, 95%); margin: 2rem 0 0; color: #acb9ce; font-size: clamp(1rem, 1.4vw, 1.15rem); line-height: 1.7; text-wrap: balance; }
.hero-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: .8rem; margin-top: 2.25rem; }
.button { min-height: 50px; display: inline-flex; align-items: center; justify-content: center; gap: 2rem; padding: .9rem 1.25rem; border: 1px solid rgba(146, 171, 221, .24); border-radius: 4px; font: 500 .76rem/1 var(--mono); letter-spacing: .04em; transition: transform .25s ease, background .25s ease, border-color .25s ease; }
.button:hover, .button:focus-visible { transform: translateY(-2px); }
.button-primary { background: #eef3ff; color: #071022; border-color: #eef3ff; box-shadow: 0 12px 42px rgba(61, 104, 232, .25); }
.button-primary:hover, .button-primary:focus-visible { background: #fff; }
.button-secondary { background: rgba(8, 19, 42, .54); backdrop-filter: blur(12px); }
.button-secondary:hover, .button-secondary:focus-visible { border-color: rgba(150, 178, 236, .55); background: rgba(13, 29, 61, .75); }
.proof-strip { width: min(880px, 100%); display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; padding: 0; margin: clamp(3rem, 8vh, 6rem) 0 0; border-top: 1px solid rgba(141, 167, 221, .16); border-bottom: 1px solid rgba(141, 167, 221, .16); }
.proof-strip li { padding: 1rem; color: #aab7cc; font: 400 .7rem/1.4 var(--mono); letter-spacing: .03em; text-transform: uppercase; }
.proof-strip li + li { border-left: 1px solid rgba(141, 167, 221, .16); }
.proof-strip span { color: #678cff; margin-right: .65rem; }
.scroll-cue { position: absolute; z-index: 3; bottom: 2rem; right: clamp(1.5rem, 4vw, 4rem); display: flex; align-items: center; gap: .8rem; color: #71809a; font: 400 .62rem/1 var(--mono); letter-spacing: .12em; text-transform: uppercase; }
.scroll-cue i { display: block; width: 34px; height: 1px; background: #61769b; position: relative; }
.scroll-cue i::after { content: ""; position: absolute; right: 0; top: -2px; width: 5px; height: 5px; border-right: 1px solid #61769b; border-bottom: 1px solid #61769b; transform: rotate(45deg); }

@media (max-width: 900px) {
  .site-header { width: calc(100% - 32px); grid-template-columns: 1fr auto; height: 86px; }
  .nav-links { display: none; }
  .nav-cta { font-size: .64rem; }
  .brand-line { display: none; }
  .hero { padding-top: 9rem; }
}
@media (max-width: 620px) {
  .site-header { width: calc(100% - 28px); }
  .nav-cta { display: none; }
  .brand { grid-template-columns: 34px auto; }
  .brand-mark { width: 30px; height: 30px; }
  .hero { min-height: 860px; padding: 8.5rem 1rem 5rem; background-size: auto 75%; background-position: 50% 25%; }
  h1 { font-size: clamp(3rem, 15vw, 4.6rem); }
  .hero-copy { font-size: 1rem; }
  .hero-actions { width: 100%; }
  .button { width: 100%; }
  .proof-strip { grid-template-columns: 1fr; margin-top: 3rem; }
  .proof-strip li + li { border-left: 0; border-top: 1px solid rgba(141, 167, 221, .16); }
  .scroll-cue { display: none; }
}

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

/* Full landing page */
body { overflow-x: hidden; }
button, input, select { font: inherit; }
button, select { cursor: pointer; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible { outline: 2px solid #83a5ff; outline-offset: 3px; }
section[id] { scroll-margin-top: 90px; }
.section-shell { width: min(1440px, calc(100% - 64px)); margin-inline: auto; padding-block: clamp(6.5rem, 11vw, 11rem); }
.section-index { color: #6584bd; font: 400 .68rem/1 var(--mono); letter-spacing: .12em; text-transform: uppercase; }
.kicker { margin: 0 0 1.1rem; color: #7195e8; font: 400 .7rem/1.3 var(--mono); letter-spacing: .14em; text-transform: uppercase; }
h2 { margin: 0; color: #10203c; font-size: clamp(2.45rem, 5.1vw, 5.25rem); font-weight: 500; letter-spacing: -.06em; line-height: .98; }
h2 em { color: #3e68d7; font-style: normal; }
h3 { font-weight: 500; letter-spacing: -.035em; }
.signal-rail { position: fixed; z-index: 50; top: 0; right: 0; width: 2px; height: 100vh; background: rgba(92, 126, 205, .13); pointer-events: none; }
.signal-rail span { display: block; width: 100%; height: 0; background: linear-gradient(#8fb1ff, #305fff); box-shadow: 0 0 12px #5e88ff; }
[data-reveal] { opacity: 0; transform: translateY(32px); transition: opacity .8s ease, transform .8s cubic-bezier(.2,.7,.2,1); }
[data-reveal].is-visible { opacity: 1; transform: none; }

.site-header { position: fixed; transition: width .35s ease, background .35s ease, border-color .35s ease, padding .35s ease; }
.site-header.is-scrolled { width: min(1520px, 100%); height: 82px; padding-inline: max(32px, calc((100vw - 1440px) / 2)); background: rgba(5, 10, 18, .82); border-color: rgba(136, 165, 222, .22); backdrop-filter: blur(22px); }
.menu-toggle { display: none; justify-self: end; width: 44px; height: 44px; border: 1px solid var(--line); border-radius: 50%; background: rgba(8, 17, 35, .8); align-items: center; justify-content: center; flex-direction: column; gap: 5px; }
.menu-toggle span { display: block; width: 16px; height: 1px; background: white; transition: transform .25s ease; }
.menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(3px) rotate(45deg); }
.menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-3px) rotate(-45deg); }

.manifesto { display: grid; grid-template-columns: minmax(160px, .52fr) 1.7fr .8fr; gap: clamp(2rem, 5vw, 6rem); align-items: start; color: #12203a; background: #eef3fb; position: relative; }
.manifesto::before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 50%; width: 100vw; transform: translateX(-50%); background: #eef3fb; }
.manifesto-copy .kicker { margin-top: 3.3rem; }
.manifesto-note { padding-top: 4.8rem; color: #4d5e79; line-height: 1.8; font-size: .98rem; }
.text-link { display: inline-flex; align-items: center; gap: 2.5rem; margin-top: 1.5rem; padding-bottom: .45rem; color: #1b3260; border-bottom: 1px solid #a7b7d3; font: 500 .7rem/1.3 var(--mono); letter-spacing: .04em; text-transform: uppercase; }
.boundary-grid { grid-column: 2 / 4; display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 2rem; border: 1px solid #ccd7e9; }
.boundary-grid div { min-height: 146px; display: flex; flex-direction: column; justify-content: space-between; padding: 1.3rem; background: rgba(255,255,255,.42); }
.boundary-grid div + div { border-left: 1px solid #ccd7e9; }
.boundary-grid span { color: #6b7c98; font: 400 .65rem/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.boundary-grid strong { max-width: 260px; font-size: 1rem; line-height: 1.45; font-weight: 500; }

.systems { color: #10203c; background: #f6f8fc; position: relative; }
.systems::before { content: ""; position: absolute; z-index: -1; inset: 0 50% 0 auto; width: 100vw; transform: translateX(50%); background: #f6f8fc; }
.section-head { display: grid; grid-template-columns: 1.6fr .58fr; align-items: end; gap: 5rem; margin-bottom: clamp(3rem, 6vw, 6rem); }
.section-head .section-index { margin-bottom: clamp(3rem, 6vw, 5.5rem); }
.section-head > p { margin: 0 0 .5rem; color: #5b6c86; line-height: 1.8; }
.system-stack { border-top: 1px solid #cbd6e8; }
.system-card { position: relative; min-height: 560px; display: grid; grid-template-columns: .28fr 1fr 1.12fr; gap: clamp(2rem, 4vw, 5rem); align-items: center; padding: 3.25rem 0; border-bottom: 1px solid #cbd6e8; overflow: hidden; }
.system-card::after { content: ""; position: absolute; inset: 0; opacity: 0; background: linear-gradient(90deg, rgba(255,255,255,.62), rgba(224,234,252,.48)); transition: opacity .4s ease; pointer-events: none; }
.system-card:hover::after { opacity: 1; }
.system-card > * { position: relative; z-index: 2; }
.system-status { position: absolute; top: 2rem; left: 0; display: flex; align-items: center; gap: .55rem; color: #5674a9; font: 400 .63rem/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.status-dot { width: 6px; height: 6px; border-radius: 50%; background: #4c7aff; box-shadow: 0 0 0 4px rgba(76,122,255,.1), 0 0 14px rgba(76,122,255,.5); }
.system-number { color: #a3b1c8; font: 300 clamp(3rem, 5vw, 5.5rem)/1 var(--mono); }
.system-code { margin: 0 0 1rem; color: #5f7bb3; font: 400 .68rem/1.3 var(--mono); letter-spacing: .08em; }
.system-copy h3 { margin: 0; font-size: clamp(2rem, 3vw, 3.3rem); line-height: 1.04; }
.system-copy > p:not(.system-code) { max-width: 580px; margin: 1.5rem 0 2rem; color: #5a6b84; line-height: 1.75; }
.spec-list { max-width: 520px; list-style: none; margin: 0; padding: 0; border-top: 1px solid #cfdaeb; }
.spec-list li { display: flex; justify-content: space-between; gap: 1rem; padding: .75rem 0; color: #233856; border-bottom: 1px solid #d9e1ee; font: 400 .72rem/1.3 var(--mono); }
.spec-list span { color: #7b8ba3; }
.system-visual { position: relative; height: 330px; border: 1px solid #cbd7e8; background: #edf2fa; overflow: hidden; }
.system-visual::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(85, 112, 169, .08) 1px, transparent 1px), linear-gradient(90deg, rgba(85, 112, 169, .08) 1px, transparent 1px); background-size: 32px 32px; }
.execution-map svg { position: absolute; left: 5%; top: 18%; width: 90%; height: 64%; }
.map-line { fill: none; stroke: #356cff; stroke-width: 1.5; stroke-dasharray: 4 5; filter: drop-shadow(0 0 4px rgba(53,108,255,.6)); }
.map-line.faint { stroke: #91a7d1; opacity: .7; }
.map-label { position: absolute; top: 1.1rem; color: #8090ab; font: 400 .61rem/1 var(--mono); text-transform: uppercase; letter-spacing: .06em; }
.map-label-left { left: 1.1rem; } .map-label-right { right: 1.1rem; }
.map-core { position: absolute; z-index: 2; left: 50%; top: 50%; width: 78px; height: 78px; display: grid; place-items: center; transform: translate(-50%, -50%) rotate(45deg); background: #0d1f43; box-shadow: 0 0 0 10px rgba(53,108,255,.08), 0 0 45px rgba(53,108,255,.28); }
.map-core span { color: white; font: 400 1rem/1 var(--mono); transform: rotate(-45deg); }
.map-core i { position: absolute; inset: 7px; border: 1px solid #557bdb; }
.pulse { position: absolute; width: 7px; height: 7px; background: #356cff; border-radius: 50%; box-shadow: 0 0 12px #356cff; animation: pulse 2.2s ease-in-out infinite; }
.pulse-one { left: 13%; top: 46%; }.pulse-two { right: 16%; top: 63%; animation-delay: -.8s; }.pulse-three { left: 67%; top: 32%; animation-delay: -1.5s; }
.card-link { position: absolute; left: calc(28% + clamp(2rem, 4vw, 5rem)); bottom: 2rem; display: flex; gap: 2rem; color: #244caa; font: 500 .65rem/1 var(--mono); text-transform: uppercase; letter-spacing: .05em; }
.portfolio-map { display: grid; place-items: center; }
.portfolio-ring { position: absolute; border: 1px solid #8fa8d7; border-radius: 50%; }
.ring-one { width: 230px; height: 230px; }.ring-two { width: 150px; height: 150px; border-style: dashed; animation: spin 18s linear infinite; }
.portfolio-center { z-index: 3; width: 76px; height: 76px; display: grid; place-items: center; color: white; background: #173b88; border-radius: 50%; font: 500 1rem/1 var(--mono); box-shadow: 0 0 40px rgba(53,108,255,.35); }
.portfolio-map > span { position: absolute; left: var(--x); top: var(--y); width: 40px; height: 40px; display: grid; place-items: center; background: #f8faff; border: 1px solid #b9c8e1; border-radius: 50%; color: #45629b; font: 400 .58rem/1 var(--mono); }
.status-gold { color: #8c6c28; }.status-gold .status-dot { background: #d9a43a; box-shadow: 0 0 0 4px rgba(217,164,58,.1), 0 0 14px rgba(217,164,58,.35); }
.system-card-gold .system-code { color: #8d6b25; }.system-card-gold .system-visual { background: #f3efe6; border-color: #d8ccb1; }
.aurum-map { display: grid; place-items: center; perspective: 600px; }
.aurum-sphere { position: absolute; width: 155px; height: 155px; border-radius: 50%; background: radial-gradient(circle at 35% 32%, #fff8da, #d7a847 34%, #5d4315 72%, #1b160d 100%); box-shadow: inset -22px -22px 45px rgba(12,8,0,.32), 0 18px 60px rgba(126,91,25,.3); }
.aurum-axis { position: absolute; width: 245px; height: 95px; border: 1px solid rgba(151,112,38,.6); border-radius: 50%; }
.axis-a { transform: rotate(-14deg); }.axis-b { transform: rotate(47deg); }.axis-c { transform: rotate(105deg); }
.aurum-map > span { position: relative; z-index: 3; color: #fffbe8; font: 500 1.05rem/1 var(--mono); text-shadow: 0 2px 10px #3b2706; }
.muted-link { color: #7b8290; }

.architecture { position: relative; overflow: hidden; color: #eaf0fd; background: #071020; }
.architecture::before { content: ""; position: absolute; inset: 0; opacity: .52; background-image: linear-gradient(rgba(105,139,207,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(105,139,207,.07) 1px, transparent 1px); background-size: 50px 50px; mask-image: radial-gradient(circle at 50% 50%, #000, transparent 80%); }
.architecture-glow { position: absolute; width: 100%; height: 480px; left: 0; top: 28%; background: radial-gradient(ellipse, rgba(39,83,225,.28), transparent 70%); }
.architecture .section-shell { position: relative; }
.section-head-light h2 { color: #eef3ff; }.section-head-light h2 em { color: #86a8ff; }.section-head-light > p { color: #92a1ba; }
.architecture-flow { display: grid; grid-template-columns: 1fr 46px 1fr 46px 1fr 46px 1fr; align-items: center; padding: 1px; background: rgba(133,159,212,.2); gap: 1px; }
.architecture-flow article { position: relative; min-height: 300px; padding: 1.5rem; background: #091326; }
.flow-num { color: #607bad; font: 400 .64rem/1 var(--mono); }
.flow-icon { width: 62px; height: 62px; margin: 2.8rem 0 2rem; display: grid; place-items: center; color: #92aff7; border: 1px solid #263d6a; font-size: 1.4rem; }
.architecture-flow h3 { margin: 0 0 .9rem; font-size: 1.18rem; }
.architecture-flow p { margin: 0; color: #8291aa; font-size: .88rem; line-height: 1.7; }
.flow-connector { height: 100%; display: grid; place-items: center; background: #091326; }
.flow-connector span { width: 60%; height: 1px; background: #315ebd; position: relative; }
.flow-connector span::after { content: ""; position: absolute; right: 0; top: -3px; width: 6px; height: 6px; border-right: 1px solid #6c96ed; border-top: 1px solid #6c96ed; transform: rotate(45deg); }
.ownership-panel { margin-top: 5rem; padding: clamp(1.5rem, 3vw, 2.75rem); border: 1px solid rgba(112,145,212,.28); background: rgba(6,14,31,.7); }
.ownership-label { margin-bottom: 2.5rem; color: #6f83aa; font: 400 .66rem/1 var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.ownership-diagram { display: grid; grid-template-columns: 1fr .75fr 1fr; align-items: center; }
.ownership-node { min-height: 180px; padding: 1.5rem; display: flex; flex-direction: column; justify-content: center; border: 1px solid #2d4472; }
.ownership-node small { color: #7792c6; font: 400 .62rem/1 var(--mono); text-transform: uppercase; letter-spacing: .08em; }.ownership-node strong { margin: .8rem 0; font-size: 1.6rem; font-weight: 500; }.ownership-node span { color: #8696af; font-size: .86rem; }
.volt-node { background: linear-gradient(135deg, rgba(38,83,197,.3), rgba(10,23,50,.7)); }.account-node { background: rgba(12,24,45,.65); }
.ownership-bridge { display: grid; place-items: center; gap: .8rem; color: #7085aa; font: 400 .6rem/1 var(--mono); text-transform: uppercase; }
.ownership-bridge i { width: 90%; height: 1px; background: linear-gradient(90deg, #5079d6, #89a9f0); box-shadow: 0 0 9px rgba(87,131,227,.7); }
.ownership-panel > p { margin: 2rem 0 0; padding-top: 1.5rem; border-top: 1px solid rgba(112,145,212,.18); color: #a3b2ca; font-size: .86rem; text-align: center; }

.performance { color: #10203c; background: #f4f7fc; position: relative; }
.performance::before { content: ""; position: absolute; z-index: -1; inset: 0 50% 0 auto; width: 100vw; transform: translateX(50%); background: #f4f7fc; }
.performance-tabs { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid #cad6e9; border-bottom: 0; }
.performance-tabs button { min-height: 76px; display: flex; justify-content: space-between; align-items: center; padding: 1rem 1.4rem; color: #73829a; background: #e8eef8; border: 0; font: 500 .73rem/1 var(--mono); text-transform: uppercase; }
.performance-tabs button + button { border-left: 1px solid #cad6e9; }
.performance-tabs button span { color: #8b9bb5; font-weight: 400; }
.performance-tabs button[aria-selected="true"] { color: #fff; background: #0b1730; }.performance-tabs button[aria-selected="true"] span { color: #7697df; }
.performance-panel { border: 1px solid #cad6e9; background: #fff; }
.performance-panel[hidden] { display: none; }
.performance-panel.is-active { animation: panel-in .35s ease; }
.terminal-bar { min-height: 48px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding-inline: 1rem; color: #60728f; background: #0a1428; font: 400 .61rem/1.4 var(--mono); text-transform: uppercase; letter-spacing: .04em; }
.terminal-bar > span:first-child { color: #9db5e6; }.terminal-bar > span:last-child { justify-self: end; }.terminal-bar code { color: #6687ce; font-family: var(--mono); }
.terminal-bar i { display: inline-block; width: 6px; height: 6px; margin-right: .5rem; border-radius: 50%; background: #7598e5; box-shadow: 0 0 10px #557fe0; }
.performance-dashboard { min-height: 510px; }
.chart-panel { padding: clamp(1.5rem, 3vw, 2.5rem); }
.chart-head { display: flex; justify-content: space-between; align-items: flex-start; }
.chart-head div { display: grid; gap: .55rem; }.chart-head small { color: #8190a8; font: 400 .62rem/1 var(--mono); text-transform: uppercase; }.chart-head strong { font-size: 1.15rem; font-weight: 500; }.chart-head > span { padding: .45rem .6rem; color: #6f81a2; border: 1px solid #d2dceb; font: 400 .58rem/1 var(--mono); text-transform: uppercase; }
.chart-stage { position: relative; height: 540px; margin-top: 1.5rem; overflow: hidden; border: 1px solid #d6dfed; background: #f8fafd; }
.fxblue-metrics { width: 100%; height: 100%; display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; background: #d6dfed; opacity: 0; transition: opacity .2s ease; }
.fxblue-metrics article { display: flex; flex-direction: column; justify-content: center; padding: clamp(1.5rem, 4vw, 3.5rem); background: #fff; }
.fxblue-metrics span { color: #718099; font: 500 .65rem/1 var(--mono); letter-spacing: .06em; text-transform: uppercase; }
.fxblue-metrics strong { margin: .9rem 0 .7rem; color: #142b53; font: 300 clamp(2rem, 5vw, 4rem)/1 var(--mono); }
.fxblue-metrics small { color: #8b99ae; font-size: .72rem; }
.chart-stage[data-source-state="connected"] .fxblue-metrics { opacity: 1; }
.fxblue-status { position: absolute; z-index: 1; inset: 0; display: grid; place-content: center; justify-items: center; gap: .8rem; padding: 2rem; color: #5d7090; background: #f5f8fc; text-align: center; }
.fxblue-status i { width: 10px; height: 10px; border-radius: 50%; background: #6389da; box-shadow: 0 0 0 7px rgba(99,137,218,.12); }
.fxblue-status strong { color: #19325d; font-size: 1rem; font-weight: 500; }
.fxblue-status small { max-width: 430px; color: #7d8da6; line-height: 1.6; }
.chart-stage[data-source-state="connected"] .fxblue-status { display: none; }
.chart-stage[data-source-state="unavailable"] .fxblue-status i { background: #a1844b; box-shadow: 0 0 0 7px rgba(161,132,75,.12); }
.metric-panel { display: grid; grid-template-rows: repeat(4, 1fr); }
.metric-panel div { display: flex; flex-direction: column; justify-content: center; padding: 1.3rem; }.metric-panel div + div { border-top: 1px solid #d6dfed; }.metric-panel span { color: #718099; font: 400 .62rem/1 var(--mono); text-transform: uppercase; }.metric-panel strong { margin: .55rem 0 .35rem; font: 300 2.3rem/1 var(--mono); }.metric-panel small { color: #9ba7ba; font-size: .68rem; }
.source-note { display: grid; grid-template-columns: .26fr 1fr; align-items: center; min-height: 76px; padding: 1rem 1.4rem; color: #8795aa; background: #eef3fa; border-top: 1px solid #d6dfed; font-size: .77rem; }.source-note span { font: 500 .61rem/1 var(--mono); color: #4767a6; text-transform: uppercase; }.source-note p { margin: 0; }
.reports-intro { display: grid; grid-template-columns: 1.1fr .8fr; gap: 4rem; align-items: end; padding: 2.5rem; border-bottom: 1px solid #d6dfed; }.reports-intro div { display: grid; gap: .8rem; }.reports-intro small { color: #6c7e9a; font: 400 .63rem/1 var(--mono); text-transform: uppercase; }.reports-intro strong { font-size: 1.6rem; font-weight: 500; }.reports-intro p { margin: 0; color: #687994; line-height: 1.7; }
.report-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: #d6dfed; }.report-grid article { display: grid; grid-template-columns: 1fr 1.15fr; gap: 1.4rem; padding: 1.5rem; background: white; }.report-cover { aspect-ratio: .72; display: flex; flex-direction: column; justify-content: space-between; padding: 1rem; color: white; background: radial-gradient(circle at 70% 20%, rgba(97,142,255,.8), transparent 45%), #101e3e; }.report-cover span,.report-cover small { font: 400 .56rem/1.2 var(--mono); text-transform: uppercase; }.report-cover strong { font-size: .88rem; line-height: 1.2; letter-spacing: .04em; }.cover-alt { background: radial-gradient(circle at 30% 70%, rgba(47,94,208,.75), transparent 45%), #18233a; }.cover-macro { background: radial-gradient(circle at 50% 20%, rgba(203,159,65,.42), transparent 45%), #1b2231; }.report-grid h3 { margin: .4rem 0; font-size: 1rem; }.report-grid p { margin: 0; color: #7e8aa0; font-size: .7rem; }.report-grid article > div:last-child { display: flex; flex-direction: column; }.report-grid button { margin-top: auto; padding: .65rem; color: #9aa6b8; background: #f1f4f8; border: 1px solid #d7deea; font: 400 .58rem/1 var(--mono); text-transform: uppercase; cursor: not-allowed; }
.risk-ribbon { margin: 1.2rem 0 0; color: #697992; font-size: .75rem; line-height: 1.6; }.risk-ribbon strong { color: #30496f; }

.server-tier-head { min-height: 92px; display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: 1.2rem 1.4rem; background: #f7f9fd; border-bottom: 1px solid #d4deed; }
.server-tier-head > div { display: grid; gap: .5rem; }
.server-tier-head small { color: #63789e; font: 400 .64rem/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.server-tier-head strong { color: #172d53; font-size: 1.15rem; font-weight: 500; }
.server-tier-head > span { padding: .5rem .65rem; color: #7c6840; background: #f5efdf; border: 1px solid #ddd0ad; font: 400 .6rem/1 var(--mono); letter-spacing: .05em; text-transform: uppercase; }
.tier-selector { display: grid; grid-template-columns: repeat(6, 1fr); background: #ccd7e8; gap: 1px; border-bottom: 1px solid #cbd6e7; }
.tier-selector button { min-height: 116px; display: grid; align-content: center; justify-items: start; gap: .48rem; padding: 1rem 1.15rem; color: #71809a; background: #edf2f9; border: 0; text-align: left; transition: color .2s ease, background .2s ease; }
.tier-selector button:hover { background: #e4ebf6; }
.tier-selector button.is-active { color: #eef4ff; background: #10234a; box-shadow: inset 0 -3px 0 #5783f0; }
.tier-selector span,.tier-selector small { font: 400 .58rem/1 var(--mono); letter-spacing: .05em; text-transform: uppercase; }
.tier-selector strong { color: #263b60; font: 400 1.4rem/1 var(--mono); }
.tier-selector button.is-active strong { color: #fff; }
.tier-selector button.is-active small { color: #7fa3f6; }
.verification-strip { display: grid; grid-template-columns: repeat(3, 1fr); background: #d4deec; gap: 1px; border-top: 1px solid #d4deec; }
.verification-strip > div { min-height: 128px; display: flex; flex-direction: column; justify-content: center; padding: 1.15rem 1.35rem; background: #f6f8fc; }
.verification-strip span { color: #7184a5; font: 400 .6rem/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.verification-strip strong,.verification-strip a { margin: .65rem 0 .45rem; color: #1c3768; font-size: .9rem; font-weight: 500; }
.verification-strip a:not([aria-disabled="true"]) { color: #2d5bc5; text-decoration: underline; text-underline-offset: 4px; }
.verification-strip a[aria-disabled="true"] { color: #7e8b9f; cursor: default; }
.verification-strip small { color: #8996aa; font-size: .68rem; }
.server-directory { padding: clamp(1.4rem, 3vw, 2.5rem); border-top: 1px solid #cfd9e8; background: #f8fafd; }
.directory-head { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 1.5rem; }
.directory-head small { color: #64799e; font: 400 .61rem/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.directory-head h3 { margin: .55rem 0 0; color: #172d53; font-size: 1.35rem; }
.directory-head p { max-width: 400px; margin: 0; color: #73819a; font-size: .78rem; line-height: 1.6; }
.directory-table { border: 1px solid #cbd6e6; }
.directory-row { width: 100%; display: grid; grid-template-columns: .55fr 1fr 1fr 1fr 1.2fr; align-items: center; min-height: 66px; padding: 0 1rem; color: #51627d; background: #fff; border: 0; border-bottom: 1px solid #d5deeb; text-align: left; font: 400 .7rem/1.3 var(--mono); transition: background .2s ease, color .2s ease; }
.directory-row:last-child { border-bottom: 0; }
button.directory-row:hover { background: #edf3fc; }
.directory-row.is-active { color: #fff; background: #10234a; }
.directory-row strong { color: #1c3155; font-weight: 500; }
.directory-row.is-active strong { color: #fff; }
.directory-row span:last-child { color: #5b79b3; }
.directory-row.is-active span:last-child { color: #88a9f3; }
.directory-labels { min-height: 42px; color: #8390a4; background: #eef3fa; font-size: .58rem; text-transform: uppercase; letter-spacing: .05em; }

.principles { overflow: hidden; background: #315fe1; color: white; border-block: 1px solid #244dbf; }
.principles-track { width: max-content; display: flex; align-items: center; gap: 2.5rem; padding: 1.15rem 0; animation: marquee 32s linear infinite; font: 400 .72rem/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; }.principles-track i { color: #9fb8ff; font-style: normal; font-size: 1.2rem; }

.company { color: #10203c; background: #eaf0f9; position: relative; }
.company::before { content: ""; position: absolute; z-index: -1; inset: 0 50% 0 auto; width: 100vw; transform: translateX(50%); background: #eaf0f9; }
.company-layout { display: grid; grid-template-columns: 1fr .72fr; gap: clamp(4rem, 10vw, 11rem); }
.company-layout .section-index { margin-bottom: clamp(3rem, 6vw, 5.5rem); }
.company-story { padding-top: clamp(6rem, 11vw, 10rem); color: #596b86; line-height: 1.8; }.company-story .story-lead { color: #17325f; font-size: 1.35rem; line-height: 1.55; font-weight: 500; }.company-story p { margin: 0 0 1.5rem; }
.company-metrics { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 6rem; border: 1px solid #c6d2e4; }
.company-metrics div { min-height: 215px; display: flex; flex-direction: column; padding: 1.4rem; }.company-metrics div + div { border-left: 1px solid #c6d2e4; }.company-metrics strong { font: 300 clamp(2.5rem, 4vw, 4.3rem)/1 var(--mono); color: #2e58bd; }.company-metrics span { margin-top: auto; color: #233b61; font-weight: 500; }.company-metrics small { margin-top: .45rem; color: #77879f; line-height: 1.4; }

.briefing { position: relative; min-height: 720px; display: grid; place-items: center; overflow: hidden; color: white; background: radial-gradient(ellipse at 50% 120%, rgba(45,91,246,.55), transparent 60%), #050b16; }
.briefing::before { content: ""; position: absolute; left: 50%; bottom: -160px; width: min(1000px, 90vw); height: 360px; transform: translateX(-50%); border: 1px solid rgba(83,125,246,.55); border-radius: 50%; box-shadow: 0 0 90px rgba(43,88,231,.22); }
.briefing-grid { position: absolute; inset: 0; opacity: .35; background-image: linear-gradient(rgba(102,135,204,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(102,135,204,.08) 1px, transparent 1px); background-size: 46px 46px; mask-image: radial-gradient(circle, #000, transparent 78%); }
.briefing-inner { position: relative; width: min(1180px, calc(100% - 48px)); display: grid; grid-template-columns: 1fr .75fr; gap: clamp(3rem, 9vw, 9rem); align-items: start; }
.briefing h2 { color: white; }.briefing h2 em { color: #82a5ff; }
  .briefing-form { display: grid; gap: 1rem; padding: 1.5rem; background: rgba(10,22,47,.7); border: 1px solid rgba(126,157,222,.25); backdrop-filter: blur(14px); }
  .briefing-form label { display: grid; gap: .55rem; }.briefing-form label > span { color: #91a3c2; font: 400 .6rem/1 var(--mono); text-transform: uppercase; letter-spacing: .08em; }.briefing-form input,.briefing-form select { width: 100%; min-height: 52px; padding: 0 .85rem; color: white; background: #0b1730; border: 1px solid #283e68; border-radius: 0; font-size: .9rem; }.briefing-form input::placeholder { color: #64738d; }.briefing-form select { appearance: auto; }.briefing-form .button { width: 100%; margin-top: .5rem; }.form-note { margin: 0; color: #6f7f9b; font-size: .65rem; line-height: 1.5; }
  .briefing-form .consent-row { display: grid; grid-template-columns: 1rem 1fr; gap: .65rem; align-items: start; cursor: pointer; }.briefing-form .consent-row input { width: 1rem; min-height: 1rem; margin: .08rem 0 0; padding: 0; accent-color: #a9c0ff; }.briefing-form .consent-row > span { color: #aab7cb; font: 400 .67rem/1.45 var(--body); text-transform: none; letter-spacing: 0; }

.site-footer { color: #98a6bd; background: #03070d; padding: 4rem max(32px, calc((100vw - 1440px)/2)); }
.footer-main { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding-bottom: 3rem; border-bottom: 1px solid rgba(127,151,198,.16); }.footer-nav { display: flex; gap: 2.5rem; color: #bdc7d8; font: 400 .65rem/1 var(--mono); text-transform: uppercase; }.to-top { justify-self: end; color: #8fa6d5; font: 400 .64rem/1 var(--mono); text-transform: uppercase; }.legal-copy { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; padding: 2.2rem 0; color: #657289; font-size: .67rem; line-height: 1.7; }.legal-copy p { margin: 0; }.footer-bottom { display: flex; justify-content: space-between; padding-top: 1.1rem; border-top: 1px solid rgba(127,151,198,.1); color: #56647a; font: 400 .6rem/1 var(--mono); text-transform: uppercase; }

@keyframes pulse { 0%,100% { opacity: .35; transform: scale(.7); } 50% { opacity: 1; transform: scale(1.25); } }
@keyframes spin { to { transform: rotate(360deg); } }
@keyframes panel-in { from { opacity: .3; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@keyframes marquee { to { transform: translateX(-40%); } }

@media (max-width: 1100px) {
  .section-shell { width: min(100% - 40px, 1440px); }
  .site-header { width: calc(100% - 40px); }
  .site-header.is-scrolled { padding-inline: 20px; }
  .nav-links { gap: 1.4rem; }
  .nav-cta { display: none; }
  .manifesto { grid-template-columns: .25fr 1fr; }
  .manifesto-note { grid-column: 2; padding-top: 0; }
  .boundary-grid { grid-column: 2; }
  .system-card { grid-template-columns: .2fr 1fr; }
  .system-visual { grid-column: 2; height: 300px; }
  .system-card { padding-block: 5rem; }
  .card-link { left: calc(20% + clamp(2rem, 4vw, 5rem)); bottom: 2rem; }
  .architecture-flow { grid-template-columns: 1fr 1fr; }
  .architecture-flow .flow-connector { display: none; }
  .architecture-flow article { min-height: 280px; }
  .performance-dashboard { grid-template-columns: 1fr; }
  .chart-panel { border-right: 0; }
  .metric-panel { grid-template-columns: repeat(4, 1fr); grid-template-rows: none; border-top: 1px solid #d6dfed; }
  .metric-panel div + div { border-top: 0; border-left: 1px solid #d6dfed; }
  .report-grid { grid-template-columns: 1fr; }.report-grid article { grid-template-columns: 150px 1fr; }
  .report-cover { width: 150px; }
  .tier-selector { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 900px) {
  .site-header { grid-template-columns: 1fr auto; }
  .menu-toggle { display: flex; }
  .nav-links { position: fixed; top: 74px; left: 16px; right: 16px; display: none; flex-direction: column; gap: 0; padding: .5rem; color: white; background: rgba(6,13,27,.98); border: 1px solid #24395f; backdrop-filter: blur(18px); }
  .nav-links.is-open { display: flex; }
  .nav-links a { padding: 1.2rem; border-bottom: 1px solid rgba(123,153,214,.15); }
  .nav-links a:last-child { border-bottom: 0; }
  .section-head { grid-template-columns: 1fr; gap: 2rem; }
  .section-head .section-index { margin-bottom: 3rem; }
  .section-head > p { max-width: 650px; }
  .architecture-flow { grid-template-columns: 1fr 1fr; }
  .architecture-flow .flow-connector { display: none; }
  .ownership-diagram { grid-template-columns: 1fr; gap: 1rem; }.ownership-bridge { min-height: 60px; }.ownership-bridge i { width: 1px; height: 44px; }
  .company-layout { grid-template-columns: 1fr; gap: 0; }.company-story { padding-top: 3rem; max-width: 680px; }
  .company-metrics { grid-template-columns: 1fr 1fr; }.company-metrics div:nth-child(3) { border-left: 0; border-top: 1px solid #c6d2e4; }.company-metrics div:nth-child(4) { border-top: 1px solid #c6d2e4; }
  .briefing-inner { grid-template-columns: 1fr; }.briefing { padding-block: 7rem; }
  .footer-main { grid-template-columns: 1fr auto; }.footer-nav { display: none; }.legal-copy { gap: 2rem; }
  .verification-strip { grid-template-columns: 1fr; }
  .verification-strip > div { min-height: 105px; }
  .directory-row { grid-template-columns: .4fr 1fr .8fr 1fr; }
  .directory-row > :nth-child(4) { display: none; }
}

@media (max-width: 680px) {
  .section-shell { width: calc(100% - 28px); padding-block: 6rem; }
  h2 { font-size: clamp(2.55rem, 12vw, 4rem); }
  .manifesto { grid-template-columns: 1fr; }.manifesto .section-index,.manifesto-note,.boundary-grid { grid-column: 1; }.manifesto-copy .kicker { margin-top: 1rem; }.manifesto-note { padding-top: 0; }.boundary-grid { grid-template-columns: 1fr; }.boundary-grid div + div { border-left: 0; border-top: 1px solid #ccd7e9; }.boundary-grid div { min-height: 120px; }
  .system-card { grid-template-columns: 1fr; gap: 2rem; padding: 5rem 0 5.5rem; }.system-number { display: none; }.system-visual { grid-column: 1; height: 270px; }.card-link { left: 0; }
  .architecture-flow { grid-template-columns: 1fr; }.architecture-flow article { min-height: 245px; }.flow-icon { margin: 2rem 0 1.4rem; }
  .ownership-panel { padding: 1rem; }
  .performance-tabs { grid-template-columns: 1fr; }.performance-tabs button + button { border-left: 0; border-top: 1px solid #cad6e9; }.terminal-bar { grid-template-columns: 1fr auto; }.terminal-bar code { display: none; }.chart-stage { height: 280px; }.chart-head { gap: 1rem; }.metric-panel { grid-template-columns: 1fr 1fr; }.metric-panel div + div { border-left: 0; border-top: 1px solid #d6dfed; }.metric-panel div:nth-child(even) { border-left: 1px solid #d6dfed; }.source-note { grid-template-columns: 1fr; gap: .7rem; }.reports-intro { grid-template-columns: 1fr; gap: 1.2rem; padding: 1.5rem; }.report-grid article { grid-template-columns: 105px 1fr; padding: 1rem; }.report-cover { width: 105px; }
  .company-metrics { grid-template-columns: 1fr; }.company-metrics div { min-height: 160px; border-left: 0 !important; border-top: 1px solid #c6d2e4; }.company-metrics div:first-child { border-top: 0; }
  .briefing-inner { width: calc(100% - 28px); }.briefing-form { padding: 1rem; }
  .site-footer { padding: 3rem 1rem; }.footer-main { grid-template-columns: 1fr; gap: 2rem; }.to-top { justify-self: start; }.footer-brand .brand-line { display: block; }.legal-copy { grid-template-columns: 1fr; gap: 1rem; }.footer-bottom { flex-direction: column; gap: .8rem; }
  .server-tier-head { align-items: flex-start; flex-direction: column; gap: .8rem; }
  .tier-selector { grid-template-columns: repeat(2, 1fr); }
  .tier-selector button { min-height: 102px; }
  .fxblue-metrics article { padding: 1rem; }
  .fxblue-metrics strong { margin: .55rem 0 .4rem; font-size: 1.55rem; }
  .fxblue-metrics small { font-size: .62rem; }
  .directory-head { align-items: flex-start; flex-direction: column; gap: .8rem; }
  .directory-row { grid-template-columns: .35fr 1fr .8fr; padding-inline: .7rem; }
  .directory-row > :nth-child(3),.directory-row > :nth-child(4) { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  [data-reveal] { opacity: 1; transform: none; transition: none; }
  .pulse,.portfolio-ring,.principles-track { animation: none; }
}