:root {
  color-scheme: dark;
  --site-bg: #08111d;
  --site-surface: rgba(12, 24, 41, 0.82);
  --site-accent: #8cff6a;
  --site-accent-soft: #1d8ef0;
  --site-text: #f4f8fc;
  --site-muted: #97a5b8;
  --ms-shell: min(1240px, calc(100vw - 40px));
  --ms-border: rgba(255, 255, 255, 0.1);
  --ms-shadow: 0 30px 100px rgba(3, 8, 18, 0.45);
  --ms-anchor-offset: clamp(104px, 12vw, 156px);
  --ms-dock-safe-space: 208px;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: var(--ms-anchor-offset);
}

body.ms-body {
  margin: 0;
  min-height: 100vh;
  font-family: "Manrope", "Segoe UI", sans-serif;
  color: var(--site-text);
  background:
    radial-gradient(circle at 20% 0%, color-mix(in srgb, var(--site-accent-soft) 30%, transparent), transparent 36%),
    radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--site-accent) 16%, transparent), transparent 28%),
    linear-gradient(180deg, #050b14 0%, var(--site-bg) 35%, #081522 100%);
  overflow-x: hidden;
}

a {
  color: inherit;
  text-decoration: none;
}

a:focus-visible,
button:focus-visible,
[tabindex="-1"]:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--site-accent) 82%, white);
  outline-offset: 4px;
}

.ms-orb,
.ms-grid-noise {
  pointer-events: none;
  position: fixed;
  inset: 0;
  z-index: 0;
}

.ms-orb {
  filter: blur(60px);
  opacity: 0.55;
}

.ms-orb--a {
  background: radial-gradient(circle at 20% 20%, color-mix(in srgb, var(--site-accent) 36%, transparent), transparent 40%);
}

.ms-orb--b {
  background: radial-gradient(circle at 80% 12%, color-mix(in srgb, var(--site-accent-soft) 44%, transparent), transparent 42%);
}

.ms-grid-noise {
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.85), transparent 82%);
  opacity: 0.1;
}

.ms-topbar,
.ms-shell,
.ms-footer {
  position: relative;
  z-index: 1;
}

.ms-topbar {
  width: var(--ms-shell);
  margin: 22px auto 0;
  padding: 18px 22px;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 20px;
  align-items: start;
  border: 1px solid var(--ms-border);
  background: color-mix(in srgb, var(--site-surface) 88%, rgba(255, 255, 255, 0.04));
  backdrop-filter: blur(24px) saturate(140%);
  border-radius: 30px;
  box-shadow: var(--ms-shadow);
}

.ms-brand-lockup {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.ms-brand {
  display: flex;
  gap: 14px;
  align-items: center;
  flex-wrap: wrap;
}

.ms-brand--has-logo {
  gap: 18px;
  align-items: flex-end;
}

.ms-brand__mark {
  width: 56px;
  height: 56px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  font-family: "Space Grotesk", "Avenir Next", sans-serif;
  font-weight: 700;
  letter-spacing: 0.1em;
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--site-accent) 70%, #fff), color-mix(in srgb, var(--site-accent-soft) 72%, #fff));
  color: #04101b;
  box-shadow: 0 12px 40px color-mix(in srgb, var(--site-accent-soft) 20%, transparent);
}

.ms-brand__logo {
  display: block;
  width: clamp(220px, 28vw, 360px);
  height: auto;
  filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.22));
}

.ms-brand__copy {
  display: grid;
  gap: 4px;
}

.ms-brand__copy--logo {
  gap: 6px;
  max-width: 34ch;
}

.ms-brand__copy strong {
  font-size: 1rem;
  letter-spacing: 0.02em;
}

.ms-brand__copy span {
  color: var(--site-muted);
  max-width: 54ch;
  font-size: 0.94rem;
}

.ms-topbar__meta,
.ms-chip-row,
.ms-actions,
.ms-section-card__meta,
.ms-footer__links,
.ms-metric-list,
.ms-mini-metrics {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.ms-pill,
.ms-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: var(--site-text);
  font-size: 0.85rem;
}

.ms-pill--ghost,
.ms-chip--small {
  color: var(--site-muted);
}

.ms-pill--soft {
  background: rgba(255, 255, 255, 0.04);
}

.ms-pill--status.is-good {
  background: color-mix(in srgb, var(--site-accent) 18%, rgba(255, 255, 255, 0.05));
  color: color-mix(in srgb, var(--site-accent) 80%, white);
}

.ms-pill--status.is-warm {
  background: rgba(255, 205, 92, 0.12);
  color: #ffe6a1;
}

.ms-pill--status.is-alert {
  background: rgba(255, 94, 116, 0.16);
  color: #ffc6d0;
}

.ms-nav-toggle {
  display: none;
  border: 0;
  background: transparent;
  color: var(--site-text);
  gap: 6px;
  align-items: center;
}

.ms-nav-toggle span {
  display: block;
  width: 26px;
  height: 2px;
  border-radius: 99px;
  background: var(--site-text);
  margin: 5px 0;
}

.ms-nav-panel {
  display: grid;
  gap: 16px;
  justify-items: end;
}

.ms-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}

.ms-nav__link,
.ms-nav__cta {
  padding: 12px 16px;
  border-radius: 999px;
  transition: 180ms ease;
}

.ms-nav__link {
  color: var(--site-muted);
}

.ms-nav__link.is-active,
.ms-nav__link:hover {
  color: var(--site-text);
  background: rgba(255, 255, 255, 0.06);
}

.ms-nav__cta,
.ms-button--primary,
.ms-inline-link {
  background: linear-gradient(135deg, color-mix(in srgb, var(--site-accent) 92%, #fff), color-mix(in srgb, var(--site-accent-soft) 78%, #fff));
  color: #03111c;
  font-weight: 800;
  box-shadow: 0 16px 40px color-mix(in srgb, var(--site-accent-soft) 18%, transparent);
}

.ms-shell {
  width: var(--ms-shell);
  margin: 28px auto 80px;
  display: grid;
  gap: 28px;
}

.ms-breadcrumbs {
  display: flex;
  align-items: center;
  overflow-x: auto;
  color: var(--site-muted);
}

.ms-breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.ms-breadcrumbs li {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
}

.ms-breadcrumbs li:not(:last-child)::after {
  content: "/";
  color: color-mix(in srgb, var(--site-muted) 88%, white);
}

.ms-breadcrumbs a {
  color: color-mix(in srgb, var(--site-text) 84%, var(--site-muted));
}

.ms-breadcrumbs .is-current span {
  color: var(--site-text);
}

.js [data-reveal] {
  opacity: 0;
  transform: translate3d(0, 18px, 0) scale(0.992);
  transition:
    opacity 360ms cubic-bezier(0.16, 1, 0.3, 1),
    transform 460ms cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform, opacity;
}

.js [data-reveal].is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

:target {
  scroll-margin-top: calc(var(--ms-anchor-offset) + 10px);
}

.ms-release-chapter,
.ms-release-decision-spaces,
.ms-release-timeline,
.ms-release-authority-rail,
.ms-release-tool-deck,
.ms-release-trust-layer,
.ms-release-route-deck,
.ms-footer-cta--release {
  scroll-margin-top: calc(var(--ms-anchor-offset) + 14px);
}

.ms-hero,
.ms-band,
.ms-footer-cta,
.ms-side-card,
.ms-section-card,
.ms-tool-card {
  border: 1px solid var(--ms-border);
  background: color-mix(in srgb, var(--site-surface) 92%, rgba(255, 255, 255, 0.04));
  backdrop-filter: blur(28px) saturate(145%);
  box-shadow: var(--ms-shadow);
}

.ms-hero {
  padding: clamp(28px, 4vw, 46px);
  border-radius: 36px;
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(300px, 0.85fr);
  gap: 24px;
}

.ms-hero__panel {
  display: grid;
  gap: 18px;
  align-content: start;
}

.ms-hero__copy h1,
.ms-band__head h2,
.ms-footer-cta h2,
.ms-section-card h2,
.ms-side-card h3,
.ms-tool-card h2 {
  margin: 0;
  font-family: "Space Grotesk", "Avenir Next", sans-serif;
  line-height: 0.95;
  letter-spacing: -0.04em;
}

.ms-hero__copy h1 {
  font-size: clamp(3.3rem, 10vw, 7rem);
  max-width: 10ch;
}

.ms-eyebrow,
.ms-panel-card__eyebrow,
.ms-side-card__eyebrow,
.ms-tool-result__eyebrow {
  margin: 0 0 12px;
  font-size: 0.82rem;
  text-transform: uppercase;
  letter-spacing: 0.22em;
  color: color-mix(in srgb, var(--site-accent) 70%, white);
}

.ms-lead {
  margin: 18px 0 0;
  max-width: 55ch;
  color: color-mix(in srgb, var(--site-text) 92%, var(--site-muted));
  font-size: clamp(1.08rem, 2vw, 1.24rem);
  line-height: 1.7;
}

.ms-panel-card {
  padding: 22px;
  border-radius: 28px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03)),
    rgba(4, 12, 24, 0.42);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.ms-page-media-panel,
.ms-release-media-panel {
  position: relative;
  overflow: hidden;
  border-radius: 30px;
  border: 1px solid rgba(171, 235, 224, 0.12);
  background:
    radial-gradient(circle at top left, rgba(132, 236, 223, 0.12), transparent 22rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.01)),
    rgba(5, 12, 24, 0.78);
  box-shadow:
    0 28px 84px rgba(3, 8, 18, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
  isolation: isolate;
}

.ms-page-media-panel::before,
.ms-page-media-panel::after,
.ms-release-media-panel::before,
.ms-release-media-panel::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.ms-page-media-panel::before,
.ms-release-media-panel::before {
  z-index: 1;
  background:
    linear-gradient(145deg, rgba(2, 7, 16, 0.04), rgba(2, 7, 16, 0.22)),
    radial-gradient(circle at top right, rgba(111, 225, 255, 0.14), transparent 30%),
    radial-gradient(circle at 18% 88%, rgba(179, 255, 122, 0.08), transparent 26%);
}

.ms-page-media-panel::after,
.ms-release-media-panel::after {
  z-index: 2;
  inset: 1px;
  border-radius: inherit;
  border: 1px solid rgba(255, 255, 255, 0.06);
  mask-image: linear-gradient(180deg, black, transparent 82%);
}

.ms-page-media-panel img,
.ms-release-media-panel img {
  position: relative;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(1.04) contrast(1.04);
}

.ms-page-media-panel--page {
  aspect-ratio: 16 / 10;
}

.ms-page-media-panel--wide {
  aspect-ratio: 16 / 9;
}

.ms-page-media-panel--detail {
  aspect-ratio: 16 / 10;
}

.ms-page-media-panel--desk {
  aspect-ratio: 16 / 8.8;
}

.ms-panel-card h2,
.ms-panel-card h3 {
  margin: 0 0 10px;
  font-size: 1.32rem;
}

.ms-metric-list,
.ms-mini-metrics {
  margin: 18px 0 0;
}

.ms-metric-list div,
.ms-mini-metrics div {
  min-width: 120px;
}

.ms-metric-list dt,
.ms-mini-metrics dt {
  color: var(--site-muted);
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.16em;
}

.ms-metric-list dd,
.ms-mini-metrics dd {
  margin: 4px 0 0;
  font-weight: 700;
}

.ms-button--primary,
.ms-button--ghost,
.ms-inline-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 15px 20px;
  border-radius: 18px;
  transition: 180ms ease;
}

.ms-button--ghost {
  background: rgba(255, 255, 255, 0.06);
  color: var(--site-text);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: none;
}

.ms-button--primary:hover,
.ms-button--ghost:hover,
.ms-inline-link:hover,
.ms-nav__cta:hover {
  transform: translateY(-1px);
}

.ms-band,
.ms-footer-cta {
  padding: 24px;
  border-radius: 30px;
}

.ms-hub-library {
  padding: 24px;
  border-radius: 32px;
  border: 1px solid var(--ms-border);
  background:
    radial-gradient(circle at top right, rgba(140, 255, 106, 0.07), transparent 16rem),
    color-mix(in srgb, var(--site-surface) 92%, rgba(255, 255, 255, 0.04));
  backdrop-filter: blur(28px) saturate(145%);
  box-shadow: var(--ms-shadow);
}

.ms-hub-library__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.ms-route-network {
  padding: 24px;
  border-radius: 32px;
  border: 1px solid var(--ms-border);
  background:
    radial-gradient(circle at top left, rgba(29, 142, 240, 0.09), transparent 18rem),
    color-mix(in srgb, var(--site-surface) 92%, rgba(255, 255, 255, 0.04));
  backdrop-filter: blur(28px) saturate(145%);
  box-shadow: var(--ms-shadow);
}

.ms-portal-bridge {
  padding: 24px;
  border-radius: 32px;
  border: 1px solid var(--ms-border);
  background:
    radial-gradient(circle at top center, rgba(255, 183, 77, 0.12), transparent 18rem),
    color-mix(in srgb, var(--site-surface) 92%, rgba(255, 255, 255, 0.04));
  backdrop-filter: blur(28px) saturate(145%);
  box-shadow: var(--ms-shadow);
}

.ms-portal-bridge__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.ms-route-network__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.ms-hub-card {
  display: grid;
  gap: 14px;
  padding: 22px;
  border-radius: 26px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), transparent 62%),
    rgba(255, 255, 255, 0.025);
}

.ms-hub-card__top {
  display: flex;
  justify-content: flex-start;
}

.ms-hub-card h3 {
  margin: 0;
  font-family: "Space Grotesk", "Avenir Next", sans-serif;
  font-size: 1.3rem;
  line-height: 1.02;
  letter-spacing: -0.04em;
}

.ms-route-network__card {
  display: grid;
  gap: 14px;
  padding: 22px;
  border-radius: 26px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), transparent 62%),
    rgba(255, 255, 255, 0.025);
}

.ms-route-network__card h3 {
  margin: 0;
  font-family: "Space Grotesk", "Avenir Next", sans-serif;
  font-size: 1.18rem;
  line-height: 1.02;
  letter-spacing: -0.04em;
}

.ms-band__head {
  display: grid;
  gap: 8px;
  margin-bottom: 18px;
}

.ms-variant-grid,
.ms-content-grid {
  display: grid;
  gap: 20px;
}

.ms-variant-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ms-variant-card,
.ms-side-card,
.ms-section-card,
.ms-tool-card {
  padding: 22px;
  border-radius: 28px;
}

.ms-variant-card {
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.ms-variant-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.ms-content-grid {
  grid-template-columns: minmax(0, 1.3fr) minmax(280px, 0.7fr);
}

.ms-content-grid__main,
.ms-content-grid__side {
  display: grid;
  gap: 20px;
}

.ms-section-card__summary {
  color: color-mix(in srgb, var(--site-text) 86%, var(--site-muted));
  font-size: 1.06rem;
  line-height: 1.7;
}

.ms-section-card p,
.ms-side-card p,
.ms-tool-card p,
.ms-variant-card p,
.ms-footer-cta p {
  color: color-mix(in srgb, var(--site-text) 86%, var(--site-muted));
  line-height: 1.7;
}

.ms-link-list {
  display: grid;
  gap: 12px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.ms-link-list li {
  display: grid;
  gap: 4px;
}

.ms-link-list a {
  color: var(--site-text);
}

.ms-tool-card {
  display: grid;
  gap: 20px;
}

.ms-tool-card__meta {
  display: grid;
  gap: 14px;
  padding: 16px 18px;
  border-radius: 22px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.05), transparent 64%),
    rgba(255, 255, 255, 0.03);
}

.ms-tool-card__meta strong {
  display: block;
  margin-top: 6px;
  font-family: "Space Grotesk", "Avenir Next", sans-serif;
  font-size: 1.02rem;
  letter-spacing: -0.02em;
}

.ms-tool-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.ms-tool-grid label {
  display: grid;
  gap: 8px;
}

.ms-tool-grid span {
  font-size: 0.88rem;
  color: var(--site-muted);
}

.ms-tool-grid select {
  width: 100%;
  padding: 14px 16px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
  color: var(--site-text);
}

.ms-tool-grid select:focus {
  outline: none;
  border-color: color-mix(in srgb, var(--site-accent-soft) 56%, white);
  box-shadow: 0 0 0 4px rgba(140, 255, 106, 0.1);
}

.ms-tool-actions {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.ms-tool-actions .ms-button {
  flex: 1 1 220px;
}

.ms-tool-result-shell {
  padding: 8px;
  border-radius: 28px;
  border: 1px solid rgba(140, 255, 106, 0.12);
  background:
    radial-gradient(circle at top right, rgba(140, 255, 106, 0.08), transparent 12rem),
    rgba(4, 13, 21, 0.6);
}

.ms-tool-result {
  padding: 20px;
  border-radius: 24px;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03));
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.ms-tool-result__note {
  color: var(--site-muted);
  font-size: 0.94rem;
}

.ms-footer-cta {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) auto;
  gap: 18px;
  align-items: end;
}

.ms-liquid-story {
  display: grid;
  gap: 18px;
}

.ms-liquid-story__rail {
  display: grid;
  grid-template-columns: minmax(320px, 0.9fr) minmax(0, 1.1fr);
  gap: 20px;
}

.ms-story-stage,
.ms-proof-rail,
.ms-story-card {
  border: 1px solid var(--ms-border);
  background: color-mix(in srgb, var(--site-surface) 92%, rgba(255, 255, 255, 0.04));
  backdrop-filter: blur(28px) saturate(145%);
  box-shadow: var(--ms-shadow);
}

.ms-story-stage,
.ms-proof-rail {
  border-radius: 34px;
  padding: 28px;
}

.ms-story-stage {
  position: sticky;
  top: 108px;
  overflow: hidden;
  background:
    radial-gradient(circle at 16% 18%, color-mix(in srgb, var(--site-accent-soft) 24%, transparent), transparent 40%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02)),
    color-mix(in srgb, var(--site-surface) 94%, rgba(255, 255, 255, 0.04));
}

.ms-story-stage::after {
  content: "";
  position: absolute;
  inset: auto -10% -45% auto;
  width: 240px;
  height: 240px;
  border-radius: 999px;
  background: radial-gradient(circle, color-mix(in srgb, var(--site-accent) 35%, transparent), transparent 70%);
  filter: blur(14px);
  opacity: 0.55;
}

.ms-story-stage > * {
  position: relative;
  z-index: 1;
}

.ms-story-stack {
  display: grid;
  gap: 16px;
}

.ms-story-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 16px;
  padding: 24px;
  border-radius: 30px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03)),
    color-mix(in srgb, var(--site-surface) 92%, rgba(255, 255, 255, 0.02));
}

.ms-story-card__index {
  width: 48px;
  height: 48px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  font: 700 0.95rem/1 "Space Grotesk", "Avenir Next", sans-serif;
  letter-spacing: 0.08em;
  color: #061019;
  background: linear-gradient(135deg, color-mix(in srgb, var(--site-accent) 92%, #fff), color-mix(in srgb, var(--site-accent-soft) 76%, #fff));
  box-shadow: 0 12px 34px color-mix(in srgb, var(--site-accent-soft) 18%, transparent);
}

.ms-story-card__plugin,
.ms-proof-rail__eyebrow {
  margin: 0 0 8px;
  color: var(--site-muted);
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 0.74rem;
}

.ms-proof-rail {
  display: grid;
  gap: 18px;
  background:
    radial-gradient(circle at 80% 20%, color-mix(in srgb, var(--site-accent) 18%, transparent), transparent 42%),
    color-mix(in srgb, var(--site-surface) 92%, rgba(255, 255, 255, 0.04));
}

.ms-proof-rail__group {
  display: grid;
  gap: 10px;
}

.ms-footer {
  width: var(--ms-shell);
  margin: 0 auto 32px;
  padding: 0 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: space-between;
  color: var(--site-muted);
}

.ms-footer__brand {
  display: grid;
  gap: 4px;
}

.ms-footer__logo {
  display: block;
  width: min(100%, 320px);
  height: auto;
  filter: drop-shadow(0 10px 24px rgba(0, 0, 0, 0.2));
}

.ms-scroll-progress {
  position: fixed;
  inset: 0 auto auto 0;
  width: 100%;
  height: 4px;
  z-index: 4;
  background: rgba(255, 255, 255, 0.04);
  contain: layout paint style;
}

.ms-scroll-progress span {
  display: block;
  width: 100%;
  height: 100%;
  transform-origin: left center;
  transform: scaleX(0);
  background: linear-gradient(90deg, var(--site-accent), var(--site-accent-soft));
}

body.ms-has-release-conversion-dock .ms-shell {
  padding-bottom: calc(var(--ms-dock-safe-space) + env(safe-area-inset-bottom, 0px));
}

.ms-release-hero,
.ms-release-decision-spaces,
.ms-release-proof,
.ms-release-route-deck,
.ms-release-timeline,
.ms-release-nav {
  border: 1px solid var(--ms-border);
  background: color-mix(in srgb, var(--site-surface) 92%, rgba(255, 255, 255, 0.04));
  backdrop-filter: blur(28px) saturate(145%);
  box-shadow: var(--ms-shadow);
}

.ms-release-hero {
  position: relative;
  overflow: clip;
  padding: clamp(30px, 4.4vw, 58px);
  border-radius: 42px;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(340px, 0.85fr);
  gap: 28px;
  background:
    radial-gradient(circle at 16% 16%, rgba(120, 255, 226, 0.12), transparent 24rem),
    radial-gradient(circle at 88% 18%, rgba(140, 225, 255, 0.16), transparent 26rem),
    linear-gradient(145deg, rgba(3, 11, 23, 0.96), rgba(9, 18, 34, 0.92) 42%, rgba(6, 18, 27, 0.92));
}

.ms-release-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(148, 255, 219, 0.06) 0, transparent 16%, transparent 84%, rgba(120, 212, 255, 0.07) 100%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), transparent 34%, transparent 72%, rgba(255, 255, 255, 0.04)),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.035) 0 1px, transparent 1px 88px);
  opacity: 0.95;
  pointer-events: none;
}

.ms-release-hero::after {
  content: "";
  position: absolute;
  inset: 18px;
  border-radius: 30px;
  border: 1px solid rgba(186, 244, 228, 0.08);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
  pointer-events: none;
}

.ms-release-hero > * {
  position: relative;
  z-index: 1;
}

.ms-release-hero__copy {
  display: grid;
  gap: 24px;
  align-content: center;
}

.ms-release-hero__copy h1 {
  margin: 0;
  font-family: "Space Grotesk", "Avenir Next", sans-serif;
  font-size: clamp(3.8rem, 9.2vw, 8.1rem);
  line-height: 0.9;
  letter-spacing: -0.058em;
  max-width: 10.2ch;
}

.ms-release-hero__copy .ms-lead {
  max-width: 62ch;
  color: color-mix(in srgb, var(--site-text) 92%, var(--site-muted));
}

.ms-release-hero__cta-zone {
  display: grid;
  gap: 18px;
}

.ms-release-fast-lanes {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.ms-release-fast-lane {
  position: relative;
  display: grid;
  gap: 7px;
  padding: 16px 18px 18px;
  border-radius: 24px;
  border: 1px solid rgba(164, 239, 224, 0.12);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent 72%),
    rgba(7, 16, 30, 0.74);
  box-shadow: 0 22px 58px rgba(1, 7, 18, 0.28);
  text-decoration: none;
  transition: transform 220ms ease, border-color 220ms ease, background-color 220ms ease;
}

.ms-release-fast-lane:hover,
.ms-release-fast-lane:focus-visible {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--site-accent-soft) 48%, rgba(255, 255, 255, 0.14));
}

.ms-release-fast-lane span,
.ms-release-live-panel__head .ms-panel-card__eyebrow {
  color: color-mix(in srgb, var(--site-accent-soft) 72%, #f3fff9);
  font-size: 0.76rem;
  text-transform: uppercase;
  letter-spacing: 0.18em;
}

.ms-release-fast-lane strong {
  font-family: "Space Grotesk", "Avenir Next", sans-serif;
  font-size: 1.08rem;
  line-height: 1.02;
  letter-spacing: -0.035em;
  color: var(--site-text);
}

.ms-release-fast-lane em {
  font-style: normal;
  color: color-mix(in srgb, var(--site-text) 72%, var(--site-muted));
  line-height: 1.55;
}

.ms-release-signal-card,
.ms-release-stat,
.ms-release-decision-card,
.ms-release-timeline__card,
.ms-release-route-card,
.ms-release-proof-card {
  border: 1px solid rgba(255, 255, 255, 0.09);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.07), transparent 72%),
    rgba(255, 255, 255, 0.028);
  box-shadow: 0 28px 84px rgba(3, 8, 18, 0.22);
}

.ms-release-signal-card {
  padding: 18px 18px 16px;
  border-radius: 22px;
  display: grid;
  gap: 7px;
}

.ms-release-signal-card span,
.ms-release-stat span,
.ms-release-chapter__phase {
  color: var(--site-muted);
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.16em;
}

.ms-release-signal-card strong,
.ms-release-stat strong {
  font-family: "Space Grotesk", "Avenir Next", sans-serif;
  font-size: 1.05rem;
  letter-spacing: -0.03em;
}

.ms-release-signal-card p,
.ms-release-decision-card p,
.ms-release-timeline__card p,
.ms-release-route-card p,
.ms-release-proof-card p,
.ms-release-chapter__lead {
  margin: 0;
  color: color-mix(in srgb, var(--site-text) 88%, var(--site-muted));
  line-height: 1.72;
}

.ms-release-hero__visual {
  position: relative;
  min-height: 100%;
  padding: 22px;
  border-radius: 34px;
  border: 1px solid rgba(171, 235, 224, 0.1);
  background:
    radial-gradient(circle at top left, rgba(132, 236, 223, 0.12), transparent 18rem),
    linear-gradient(160deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02)),
    rgba(3, 11, 22, 0.74);
  overflow: hidden;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.ms-release-hero-artwork {
  position: absolute;
  top: 18px;
  right: 18px;
  width: min(78%, 42rem);
  max-height: calc(100% - 36px);
  z-index: 0;
  opacity: 0.96;
}

.ms-release-hero-artwork img {
  transform: scale(1.01);
}

.ms-release-hero__field {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 18px;
  min-height: 100%;
}

.ms-release-energy-grid {
  position: absolute;
  inset: 0;
  opacity: 0.98;
  pointer-events: none;
}

.ms-release-energy-grid::before,
.ms-release-energy-grid::after {
  content: "";
  position: absolute;
  inset: 0;
}

.ms-release-energy-grid::before {
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px);
  background-size: 74px 74px;
  mask-image: radial-gradient(circle at center, black 44%, transparent 90%);
  opacity: 0.42;
}

.ms-release-energy-grid::after {
  background:
    radial-gradient(circle at 18% 24%, rgba(101, 244, 223, 0.3), transparent 20%),
    radial-gradient(circle at 78% 24%, rgba(114, 220, 255, 0.26), transparent 18%),
    radial-gradient(circle at 62% 72%, rgba(180, 255, 122, 0.18), transparent 16%);
  filter: blur(22px);
  opacity: 0.82;
  animation: msDiagnosticSweep 9.8s linear infinite;
}

.ms-release-energy-grid span {
  position: absolute;
  display: block;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(147, 244, 233, 0.95), rgba(178, 255, 118, 0.86));
  box-shadow: 0 0 28px rgba(102, 250, 218, 0.18);
  animation: msGridPulse 5.8s ease-in-out infinite;
}

.ms-release-energy-grid span:nth-child(1) {
  width: 58%;
  height: 2px;
  top: 21%;
  left: 10%;
}

.ms-release-energy-grid span:nth-child(2) {
  width: 2px;
  height: 48%;
  top: 21%;
  left: 58%;
}

.ms-release-energy-grid span:nth-child(3) {
  width: 31%;
  height: 2px;
  top: 47%;
  left: 58%;
}

.ms-release-energy-grid span:nth-child(4) {
  width: 2px;
  height: 34%;
  top: 47%;
  left: 32%;
}

.ms-release-energy-grid span:nth-child(5) {
  width: 28%;
  height: 2px;
  top: 68%;
  left: 32%;
}

.ms-release-energy-grid span:nth-child(6) {
  width: 2px;
  height: 20%;
  top: 12%;
  left: 24%;
}

.ms-release-energy-grid span:nth-child(7) {
  width: 18%;
  height: 2px;
  top: 80%;
  left: 60%;
}

.ms-release-energy-grid i {
  position: absolute;
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: radial-gradient(circle at 32% 32%, rgba(255, 255, 255, 0.96), rgba(132, 246, 224, 0.86));
  box-shadow:
    0 0 0 5px rgba(116, 243, 219, 0.08),
    0 0 34px rgba(107, 245, 219, 0.24);
  animation: msNodePulse 4.4s ease-in-out infinite;
}

.ms-release-energy-grid i:nth-of-type(1) {
  top: calc(21% - 5px);
  left: calc(10% - 3px);
}

.ms-release-energy-grid i:nth-of-type(2) {
  top: calc(21% - 5px);
  left: calc(58% - 5px);
}

.ms-release-energy-grid i:nth-of-type(3) {
  top: calc(47% - 5px);
  left: calc(58% - 5px);
}

.ms-release-energy-grid i:nth-of-type(4) {
  top: calc(68% - 5px);
  left: calc(32% - 5px);
}

.ms-release-energy-grid i:nth-of-type(5) {
  top: calc(80% - 5px);
  left: calc(78% - 5px);
}

.ms-release-hero__panel,
.ms-release-hero__stats {
  position: relative;
  z-index: 1;
}

.ms-release-live-panel {
  position: relative;
  display: grid;
  gap: 16px;
  padding: 22px;
  border-radius: 28px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent 72%),
    rgba(6, 14, 24, 0.78);
  border: 1px solid rgba(180, 244, 225, 0.12);
  box-shadow: 0 28px 84px rgba(2, 8, 18, 0.28);
}

.ms-release-live-panel__head {
  display: grid;
  gap: 10px;
}

.ms-release-live-panel__head h2 {
  margin: 0 0 10px;
  font-family: "Space Grotesk", "Avenir Next", sans-serif;
  font-size: clamp(1.7rem, 4vw, 2.2rem);
  line-height: 0.95;
  letter-spacing: -0.05em;
  max-width: 12ch;
}

.ms-release-live-panel__head p:last-child {
  margin: 0;
  color: color-mix(in srgb, var(--site-text) 86%, var(--site-muted));
  line-height: 1.65;
  max-width: 56ch;
}

.ms-release-panel-list {
  list-style: none;
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
}

.ms-release-panel-list li {
  position: relative;
  padding-left: 18px;
  color: color-mix(in srgb, var(--site-text) 90%, var(--site-muted));
  line-height: 1.6;
}

.ms-release-panel-list li::before {
  content: "";
  position: absolute;
  top: 0.72em;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(135, 244, 231, 1), rgba(180, 255, 118, 0.92));
  box-shadow: 0 0 18px rgba(94, 243, 218, 0.28);
}

.ms-release-live-panel__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.ms-release-hero__stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.ms-release-stat {
  padding: 18px;
  border-radius: 22px;
  display: grid;
  gap: 6px;
}

.ms-release-stat strong {
  font-size: clamp(1.8rem, 5vw, 2.6rem);
  line-height: 0.92;
}

.ms-release-stat p {
  margin: 2px 0 0;
  color: color-mix(in srgb, var(--site-text) 70%, var(--site-muted));
  line-height: 1.48;
}

@keyframes msGridPulse {
  0%,
  100% {
    opacity: 0.58;
    transform: scaleX(0.98);
  }

  50% {
    opacity: 1;
    transform: scaleX(1);
  }
}

@keyframes msNodePulse {
  0%,
  100% {
    opacity: 0.7;
    transform: scale(0.96);
  }

  50% {
    opacity: 1;
    transform: scale(1.12);
  }
}

@keyframes msDiagnosticSweep {
  0%,
  100% {
    transform: translate3d(-4%, 0, 0);
    opacity: 0.62;
  }

  50% {
    transform: translate3d(4%, 0, 0);
    opacity: 0.92;
  }
}

.ms-release-decision-spaces,
.ms-release-proof,
.ms-release-route-deck {
  padding: 26px;
  border-radius: 34px;
}

.ms-release-decision-spaces__grid,
.ms-release-proof__grid,
.ms-release-route-deck__grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px;
}

.ms-release-decision-card,
.ms-release-proof-card,
.ms-release-route-card {
  padding: 22px;
  border-radius: 28px;
  display: grid;
  gap: 12px;
}

.ms-release-decision-card h3,
.ms-release-proof-card h3,
.ms-release-route-card h3,
.ms-release-timeline__card h3,
.ms-release-chapter__frame h2 {
  margin: 0;
  font-family: "Space Grotesk", "Avenir Next", sans-serif;
  line-height: 0.98;
  letter-spacing: -0.04em;
}

.ms-release-nav {
  position: sticky;
  top: 92px;
  z-index: 3;
  padding: 14px;
  border-radius: 26px;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}

.ms-release-nav__link {
  display: grid;
  gap: 6px;
  padding: 16px 18px;
  border-radius: 22px;
  min-height: 100%;
  border: 1px solid transparent;
  background: rgba(255, 255, 255, 0.03);
  transition: 220ms ease;
}

.ms-release-nav__link span {
  color: var(--site-muted);
  font: 700 0.74rem/1 "Space Grotesk", "Avenir Next", sans-serif;
  letter-spacing: 0.16em;
}

.ms-release-nav__link strong {
  font-family: "Space Grotesk", "Avenir Next", sans-serif;
  line-height: 1;
  letter-spacing: -0.03em;
}

.ms-release-nav__link em {
  font-style: normal;
  color: color-mix(in srgb, var(--site-text) 72%, var(--site-muted));
  font-size: 0.88rem;
  line-height: 1.45;
}

.ms-release-nav__link.is-active,
.ms-release-nav__link[aria-current="location"],
.ms-release-nav__link:hover {
  transform: translateY(-1px);
  border-color: rgba(255, 255, 255, 0.1);
  background:
    linear-gradient(160deg, rgba(255, 255, 255, 0.08), transparent 70%),
    rgba(255, 255, 255, 0.05);
}

.ms-release-conversion-dock {
  position: fixed;
  left: 50%;
  bottom: calc(16px + env(safe-area-inset-bottom, 0px));
  z-index: 6;
  width: min(calc(100vw - 28px), 1160px);
  transform: translate3d(-50%, 24px, 0);
  opacity: 0;
  pointer-events: none;
  display: grid;
  grid-template-columns: minmax(240px, 0.9fr) minmax(0, 1.1fr);
  gap: 16px;
  padding: 16px 18px;
  border-radius: 28px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent 72%),
    rgba(7, 15, 28, 0.88);
  backdrop-filter: blur(28px) saturate(145%);
  box-shadow: 0 26px 84px rgba(4, 9, 18, 0.42);
  transition: opacity 220ms ease, transform 220ms ease;
}

.ms-release-authority-rail,
.ms-release-tool-deck,
.ms-release-trust-layer,
.ms-release-route-deck,
.ms-footer-cta--release,
.ms-hub-library,
.ms-route-network {
  content-visibility: auto;
  contain-intrinsic-size: 760px;
}

.ms-release-conversion-dock.is-visible {
  opacity: 1;
  transform: translate3d(-50%, 0, 0);
  pointer-events: auto;
}

.ms-release-conversion-dock__context {
  display: grid;
  gap: 6px;
  align-content: center;
}

.ms-release-conversion-dock__context strong {
  font-family: "Space Grotesk", "Avenir Next", sans-serif;
  font-size: 1.04rem;
  line-height: 1.08;
  letter-spacing: -0.03em;
}

.ms-release-conversion-dock__context span {
  color: color-mix(in srgb, var(--site-text) 78%, var(--site-muted));
  font-size: 0.9rem;
  line-height: 1.5;
}

.ms-release-conversion-dock__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

.ms-release-conversion-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 11px 16px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.04);
  color: color-mix(in srgb, var(--site-text) 88%, var(--site-muted));
  font: 700 0.84rem/1 "Space Grotesk", "Avenir Next", sans-serif;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-decoration: none;
  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease, color 180ms ease;
}

.ms-release-conversion-link:hover,
.ms-release-conversion-link:focus-visible,
.ms-release-conversion-link.is-active {
  transform: translateY(-1px);
  border-color: rgba(167, 238, 226, 0.22);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent 72%),
    rgba(10, 23, 39, 0.86);
  color: var(--site-text);
}

.ms-release-conversion-link--primary {
  padding-inline: 20px;
  border-color: rgba(167, 238, 226, 0.18);
  background: linear-gradient(135deg, rgba(167, 238, 226, 0.22), rgba(110, 204, 255, 0.18));
  color: color-mix(in srgb, #08111e 82%, var(--site-text));
}

.ms-release-conversion-link--primary:hover,
.ms-release-conversion-link--primary:focus-visible,
.ms-release-conversion-link--primary.is-active {
  border-color: rgba(167, 238, 226, 0.3);
  background: linear-gradient(135deg, rgba(167, 238, 226, 0.28), rgba(110, 204, 255, 0.24));
}

.ms-release-timeline {
  padding: 18px;
  border-radius: 28px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.ms-release-timeline__card {
  padding: 18px;
  border-radius: 22px;
  display: grid;
  gap: 8px;
}

.ms-release-timeline__card span {
  color: color-mix(in srgb, var(--site-accent) 70%, white);
  font: 700 0.76rem/1 "Space Grotesk", "Avenir Next", sans-serif;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.ms-release-tool-deck,
.ms-release-authority-rail,
.ms-release-trust-layer {
  padding: 24px;
  border-radius: 34px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  background:
    radial-gradient(circle at 18% 18%, color-mix(in srgb, var(--site-accent-soft) 14%, transparent), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent 72%),
    rgba(255, 255, 255, 0.03);
  box-shadow: 0 28px 84px rgba(3, 8, 18, 0.22);
  display: grid;
  gap: 22px;
}

.ms-release-authority-rail__layout {
  display: grid;
  grid-template-columns: minmax(300px, 0.92fr) minmax(0, 1.08fr);
  gap: 18px;
}

.ms-release-authority-primary,
.ms-release-authority-card {
  border-radius: 28px;
  border: 1px solid rgba(167, 238, 226, 0.12);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent 72%),
    rgba(7, 16, 30, 0.62);
  box-shadow: 0 24px 64px rgba(5, 11, 22, 0.24);
}

.ms-release-authority-primary {
  padding: 24px;
  display: grid;
  gap: 16px;
}

.ms-release-authority-primary h3,
.ms-release-authority-card h3 {
  margin: 0;
  font-family: "Space Grotesk", "Avenir Next", sans-serif;
  line-height: 0.98;
  letter-spacing: -0.04em;
}

.ms-release-authority-primary h3 {
  font-size: clamp(1.7rem, 2.8vw, 2.45rem);
  max-width: 14ch;
}

.ms-release-authority-primary p,
.ms-release-authority-card p {
  margin: 0;
  color: color-mix(in srgb, var(--site-text) 88%, var(--site-muted));
  line-height: 1.72;
}

.ms-release-authority-primary__links {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.ms-release-authority-clusters {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.ms-release-authority-card {
  padding: 22px;
  display: grid;
  gap: 14px;
}

.ms-release-authority-card__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.ms-release-authority-depth {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
  color: color-mix(in srgb, var(--site-text) 58%, var(--site-muted));
  font: 700 0.68rem/1 "Space Grotesk", "Avenir Next", sans-serif;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.ms-release-authority-card__signal {
  display: grid;
  gap: 4px;
  padding: 14px 16px;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
}

.ms-release-authority-card__signal span {
  color: color-mix(in srgb, var(--site-text) 46%, var(--site-muted));
  font: 700 0.7rem/1.2 "Space Grotesk", "Avenir Next", sans-serif;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.ms-release-authority-card__signal strong {
  color: var(--site-text);
  font-size: 0.94rem;
  line-height: 1.6;
}

.ms-release-authority-card__links {
  display: grid;
  gap: 10px;
}

.ms-release-authority-link {
  display: grid;
  gap: 3px;
  padding-left: 14px;
  border-left: 1px solid rgba(167, 238, 226, 0.18);
  color: inherit;
  text-decoration: none;
  transition: transform 180ms ease, border-color 180ms ease;
}

.ms-release-authority-link span {
  color: color-mix(in srgb, var(--site-text) 46%, var(--site-muted));
  font: 700 0.66rem/1.2 "Space Grotesk", "Avenir Next", sans-serif;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.ms-release-authority-link strong {
  color: color-mix(in srgb, var(--site-text) 92%, var(--site-muted));
  font-size: 0.92rem;
  line-height: 1.5;
}

.ms-release-authority-link:hover,
.ms-release-authority-link:focus-visible {
  transform: translateX(2px);
  border-color: rgba(167, 238, 226, 0.32);
}

.ms-release-authority-card__proof {
  color: color-mix(in srgb, var(--site-accent) 66%, var(--site-text));
  font: 700 0.74rem/1.45 "Space Grotesk", "Avenir Next", sans-serif;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.ms-release-tool-entry-rail {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}

.ms-release-tool-entry-link {
  display: grid;
  gap: 6px;
  padding: 16px 18px;
  border-radius: 22px;
  border: 1px solid rgba(167, 238, 226, 0.12);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent 72%),
    rgba(7, 16, 30, 0.62);
  color: inherit;
  text-decoration: none;
  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

.ms-release-tool-entry-link strong,
.ms-release-tool-feature__head h3,
.ms-release-operational-card h3,
.ms-release-tool-priority__head h3,
.ms-release-priority-tool-card h3,
.ms-release-tool-sequence__head h3,
.ms-release-tool-sequence-step h3,
.ms-release-handover-band__head h3,
.ms-release-handover-card h3,
.ms-release-case-grid__head h3,
.ms-release-case-card h3,
.ms-release-trust-process__head h3,
.ms-release-trust-step h3,
.ms-release-authority-layer__head h3 {
  margin: 0;
  font-family: "Space Grotesk", "Avenir Next", sans-serif;
  line-height: 0.98;
  letter-spacing: -0.04em;
}

.ms-release-tool-entry-link span {
  color: color-mix(in srgb, var(--site-text) 74%, var(--site-muted));
  font-size: 0.88rem;
  line-height: 1.5;
}

.ms-release-tool-entry-link:hover,
.ms-release-tool-entry-link:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(167, 238, 226, 0.24);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.1), transparent 72%),
    rgba(8, 20, 36, 0.74);
}

.ms-release-tool-deck__layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
  gap: 18px;
}

.ms-release-tool-feature,
.ms-release-operational-card,
.ms-release-priority-tool-card,
.ms-release-tool-sequence-step,
.ms-release-handover-card,
.ms-release-case-card,
.ms-release-trust-step {
  border-radius: 28px;
  border: 1px solid rgba(167, 238, 226, 0.12);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent 72%),
    rgba(7, 16, 30, 0.62);
  box-shadow: 0 24px 64px rgba(5, 11, 22, 0.24);
}

.ms-release-tool-feature {
  padding: 24px;
  display: grid;
  gap: 18px;
}

.ms-release-tool-feature__head {
  display: grid;
  gap: 10px;
}

.ms-release-tool-feature__head h3,
.ms-release-tool-priority__head h3,
.ms-release-tool-sequence__head h3,
.ms-release-handover-band__head h3,
.ms-release-case-grid__head h3,
.ms-release-trust-process__head h3,
.ms-release-authority-layer__head h3 {
  font-size: clamp(1.55rem, 2.7vw, 2.25rem);
  max-width: 18ch;
}

.ms-release-tool-feature__head p,
.ms-release-tool-priority__head p,
.ms-release-handover-card p,
.ms-release-case-card p,
.ms-release-trust-step p,
.ms-release-authority-layer__head p {
  margin: 0;
  color: color-mix(in srgb, var(--site-text) 88%, var(--site-muted));
  line-height: 1.72;
}

.ms-release-tool-feature__meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
}

.ms-release-tool-feature__meta div {
  padding: 14px 16px;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
  display: grid;
  gap: 6px;
}

.ms-release-tool-feature__meta dt,
.ms-release-priority-tool-card__label {
  color: color-mix(in srgb, var(--site-text) 46%, var(--site-muted));
  font: 700 0.7rem/1.2 "Space Grotesk", "Avenir Next", sans-serif;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.ms-release-tool-feature__meta dd {
  margin: 0;
  color: color-mix(in srgb, var(--site-text) 88%, var(--site-muted));
  line-height: 1.6;
}

.ms-release-operational-stack {
  display: grid;
  gap: 14px;
}

.ms-release-operational-card {
  padding: 20px;
  display: grid;
  gap: 10px;
}

.ms-release-operational-card p,
.ms-release-priority-tool-card p,
.ms-release-tool-sequence-step p {
  margin: 0;
  color: color-mix(in srgb, var(--site-text) 86%, var(--site-muted));
  line-height: 1.7;
}

.ms-release-tool-priority,
.ms-release-tool-sequence,
.ms-release-handover-band,
.ms-release-case-grid,
.ms-release-trust-process,
.ms-release-authority-layer {
  display: grid;
  gap: 18px;
}

.ms-release-tool-priority__head,
.ms-release-tool-sequence__head,
.ms-release-handover-band__head,
.ms-release-case-grid__head,
.ms-release-trust-process__head,
.ms-release-authority-layer__head {
  display: grid;
  gap: 10px;
}

.ms-release-tool-priority__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.ms-release-priority-tool-card {
  padding: 22px;
  display: grid;
  gap: 12px;
}

.ms-release-priority-tool-card strong {
  color: var(--site-text);
  font-size: 0.94rem;
  line-height: 1.58;
}

.ms-release-priority-tool-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.ms-release-tool-sequence__rail,
.ms-release-trust-process__rail {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.ms-release-tool-sequence-step,
.ms-release-trust-step {
  padding: 20px;
  display: grid;
  gap: 10px;
}

.ms-release-tool-sequence-step span,
.ms-release-trust-step span {
  color: color-mix(in srgb, var(--site-accent-soft) 72%, #f3fff9);
  font: 700 0.76rem/1 "Space Grotesk", "Avenir Next", sans-serif;
  letter-spacing: 0.18em;
}

.ms-release-handover-band__grid,
.ms-release-case-grid__cards,
.ms-release-authority-layer__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.ms-release-handover-card,
.ms-release-case-card {
  padding: 22px;
  display: grid;
  gap: 12px;
}

.ms-release-chapter-conversion {
  padding: 22px;
  border-radius: 28px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  background:
    radial-gradient(circle at 18% 18%, color-mix(in srgb, var(--site-accent-soft) 14%, transparent), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent 72%),
    rgba(255, 255, 255, 0.03);
  box-shadow: 0 28px 84px rgba(3, 8, 18, 0.22);
  display: grid;
  gap: 18px;
}

.ms-release-chapter-conversion__head {
  display: grid;
  gap: 10px;
}

.ms-release-chapter-conversion__head h3,
.ms-release-conversion-card h3 {
  margin: 0;
  font-family: "Space Grotesk", "Avenir Next", sans-serif;
  line-height: 0.98;
  letter-spacing: -0.04em;
}

.ms-release-chapter-conversion__head h3 {
  font-size: clamp(1.5rem, 2.6vw, 2.1rem);
  max-width: 20ch;
}

.ms-release-chapter-conversion__head p,
.ms-release-conversion-card p,
.ms-release-final-links .ms-inline-link {
  margin: 0;
  color: color-mix(in srgb, var(--site-text) 86%, var(--site-muted));
  line-height: 1.7;
}

.ms-release-chapter-conversion__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.ms-release-conversion-card {
  padding: 22px;
  border-radius: 24px;
  border: 1px solid rgba(167, 238, 226, 0.12);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent 72%),
    rgba(7, 16, 30, 0.62);
  display: grid;
  gap: 12px;
}

.ms-release-trust-layer__actions {
  display: flex;
  justify-content: flex-start;
}

.ms-release-final-actions {
  display: grid;
  gap: 16px;
  justify-items: end;
}

.ms-release-final-links {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 4px;
}

.ms-release-final-markers {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}

.ms-release-final-marker {
  display: inline-flex;
  align-items: center;
  padding: 9px 14px;
  border-radius: 999px;
  border: 1px solid rgba(167, 238, 226, 0.12);
  background: rgba(255, 255, 255, 0.04);
  color: color-mix(in srgb, var(--site-text) 84%, var(--site-muted));
  font-size: 0.82rem;
  line-height: 1.3;
}

.ms-release-chapter-stack {
  display: grid;
  gap: 28px;
}

.ms-release-chapter {
  display: grid;
  grid-template-columns: minmax(300px, 0.9fr) minmax(0, 1.1fr);
  gap: 20px;
}

.ms-release-chapter__frame {
  position: sticky;
  top: 172px;
  padding: 30px;
  border-radius: 34px;
  border: 1px solid var(--ms-border);
  background:
    radial-gradient(circle at 18% 18%, color-mix(in srgb, var(--site-accent-soft) 18%, transparent), transparent 38%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03)),
    color-mix(in srgb, var(--site-surface) 94%, rgba(255, 255, 255, 0.04));
  backdrop-filter: blur(28px) saturate(145%);
  box-shadow: var(--ms-shadow);
  display: grid;
  gap: 16px;
}

.ms-release-chapter__frame h2 {
  font-size: clamp(2rem, 4vw, 3.5rem);
  max-width: 12ch;
}

.ms-release-signal-list {
  display: grid;
  gap: 12px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.ms-release-signal-list li {
  position: relative;
  padding-left: 18px;
  color: color-mix(in srgb, var(--site-text) 88%, var(--site-muted));
  line-height: 1.66;
}

.ms-release-signal-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.75em;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--site-accent), var(--site-accent-soft));
  box-shadow: 0 0 18px color-mix(in srgb, var(--site-accent-soft) 20%, transparent);
}

.ms-release-proof-ribbon {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.ms-release-proof-pill {
  display: inline-flex;
  align-items: center;
  padding: 9px 14px;
  border-radius: 999px;
  border: 1px solid rgba(167, 238, 226, 0.12);
  background: rgba(255, 255, 255, 0.05);
  color: color-mix(in srgb, var(--site-text) 88%, var(--site-muted));
  font-size: 0.82rem;
  line-height: 1.3;
}

.ms-release-chapter__content {
  display: grid;
  gap: 18px;
  align-content: start;
}

.ms-release-chapter-media,
.ms-release-trust-media {
  min-height: clamp(16rem, 34vw, 28rem);
}

.ms-release-chapter-media img,
.ms-release-trust-media img {
  background: linear-gradient(180deg, rgba(4, 10, 20, 0.42), rgba(4, 10, 20, 0.1));
}

.ms-release-process-axis {
  padding: 22px;
  border-radius: 28px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent 72%),
    rgba(255, 255, 255, 0.03);
  box-shadow: 0 28px 84px rgba(3, 8, 18, 0.22);
  display: grid;
  gap: 18px;
}

.ms-release-process-axis__head {
  display: grid;
  gap: 10px;
}

.ms-release-process-axis__head h3,
.ms-release-process-step h3 {
  margin: 0;
  font-family: "Space Grotesk", "Avenir Next", sans-serif;
  line-height: 0.98;
  letter-spacing: -0.04em;
}

.ms-release-process-axis__head h3 {
  font-size: clamp(1.5rem, 2.6vw, 2.1rem);
  max-width: 19ch;
}

.ms-release-process-axis__rail {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.ms-release-process-step {
  position: relative;
  padding: 22px 18px 18px;
  border-radius: 24px;
  border: 1px solid rgba(167, 238, 226, 0.12);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent 72%),
    rgba(7, 16, 30, 0.62);
  display: grid;
  gap: 10px;
}

.ms-release-process-step span {
  color: color-mix(in srgb, var(--site-accent-soft) 72%, #f3fff9);
  font: 700 0.76rem/1 "Space Grotesk", "Avenir Next", sans-serif;
  letter-spacing: 0.18em;
}

.ms-release-process-step p {
  margin: 0;
  color: color-mix(in srgb, var(--site-text) 86%, var(--site-muted));
  line-height: 1.66;
}

.ms-release-use-cases,
.ms-release-mode-guide,
.ms-release-longform-brief {
  padding: 22px;
  border-radius: 28px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent 72%),
    rgba(255, 255, 255, 0.03);
  box-shadow: 0 28px 84px rgba(3, 8, 18, 0.22);
  display: grid;
  gap: 18px;
}

.ms-release-use-cases__head,
.ms-release-mode-guide__head,
.ms-release-longform-brief__head {
  display: grid;
  gap: 10px;
}

.ms-release-use-cases__head h3,
.ms-release-mode-guide__head h3,
.ms-release-longform-brief__head h3,
.ms-release-use-case-card h3,
.ms-release-mode-card h3 {
  margin: 0;
  font-family: "Space Grotesk", "Avenir Next", sans-serif;
  line-height: 0.98;
  letter-spacing: -0.04em;
}

.ms-release-use-cases__head h3,
.ms-release-mode-guide__head h3,
.ms-release-longform-brief__head h3 {
  font-size: clamp(1.5rem, 2.6vw, 2.1rem);
  max-width: 20ch;
}

.ms-release-longform-brief__body {
  display: grid;
  gap: 14px;
  max-width: 74ch;
}

.ms-release-longform-brief__body p {
  margin: 0;
  color: color-mix(in srgb, var(--site-text) 88%, var(--site-muted));
  line-height: 1.8;
}

.ms-release-use-cases__grid,
.ms-release-mode-guide__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.ms-release-use-case-card,
.ms-release-mode-card {
  padding: 22px;
  border-radius: 24px;
  border: 1px solid rgba(167, 238, 226, 0.12);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent 72%),
    rgba(7, 16, 30, 0.62);
  display: grid;
  gap: 12px;
}

.ms-release-use-case-card p,
.ms-release-mode-card p {
  margin: 0;
  color: color-mix(in srgb, var(--site-text) 86%, var(--site-muted));
  line-height: 1.72;
}

.ms-release-mode-card__label {
  font-size: 0.72rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--site-text) 44%, var(--site-muted));
}

.ms-release-mode-card strong {
  color: var(--site-text);
  font-size: 0.94rem;
  line-height: 1.58;
}

.ms-release-chapter-blocks,
.ms-release-chapter__routes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  align-content: start;
}

.ms-release-content-card {
  padding: 22px;
  border-radius: 28px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent 72%),
    rgba(255, 255, 255, 0.028);
  box-shadow: 0 28px 84px rgba(3, 8, 18, 0.22);
  display: grid;
  gap: 12px;
}

.ms-release-content-card h3,
.ms-release-chapter-proof__head h3 {
  margin: 0;
  font-family: "Space Grotesk", "Avenir Next", sans-serif;
  line-height: 0.98;
  letter-spacing: -0.04em;
}

.ms-release-content-card p {
  margin: 0;
  color: color-mix(in srgb, var(--site-text) 88%, var(--site-muted));
  line-height: 1.72;
}

.ms-release-chapter-proof {
  padding: 22px;
  border-radius: 28px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  background:
    radial-gradient(circle at 18% 18%, color-mix(in srgb, var(--site-accent-soft) 16%, transparent), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent 72%),
    rgba(255, 255, 255, 0.03);
  box-shadow: 0 28px 84px rgba(3, 8, 18, 0.22);
  display: grid;
  gap: 18px;
}

.ms-release-chapter-proof__head {
  display: grid;
  gap: 10px;
}

.ms-release-chapter-proof__head h3 {
  font-size: clamp(1.5rem, 2.6vw, 2.1rem);
  max-width: 17ch;
}

.ms-release-chapter-proof__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.ms-release-proof__grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ms-footer-cta--release {
  grid-template-columns: minmax(0, 1.25fr) auto;
}

@media (max-width: 1080px) {
  .ms-hero,
  .ms-content-grid,
  .ms-footer-cta,
  .ms-hub-library__grid,
  .ms-route-network__grid,
  .ms-portal-bridge__grid {
    grid-template-columns: 1fr;
  }

  .ms-liquid-story__rail {
    grid-template-columns: 1fr;
  }

  .ms-story-stage {
    position: relative;
    top: 0;
  }

  .ms-release-hero,
  .ms-release-chapter {
    grid-template-columns: 1fr;
  }

  .ms-release-signal-row,
  .ms-release-timeline,
  .ms-release-nav,
  .ms-release-proof__grid,
  .ms-release-decision-spaces__grid,
  .ms-release-chapter-conversion__grid,
  .ms-release-route-deck__grid,
  .ms-release-fast-lanes,
  .ms-release-live-panel__grid,
  .ms-release-tool-entry-rail,
  .ms-release-tool-priority__grid,
  .ms-release-tool-sequence__rail,
  .ms-release-handover-band__grid,
  .ms-release-case-grid__cards,
  .ms-release-trust-process__rail,
  .ms-release-authority-layer__grid,
  .ms-release-process-axis__rail,
  .ms-release-use-cases__grid,
  .ms-release-mode-guide__grid,
  .ms-release-chapter-blocks,
  .ms-release-chapter-proof__grid,
  .ms-release-chapter__routes {
    grid-template-columns: 1fr;
  }

  .ms-release-tool-deck__layout,
  .ms-release-authority-rail__layout,
  .ms-release-tool-feature__meta {
    grid-template-columns: 1fr;
  }

  .ms-release-authority-clusters {
    grid-template-columns: 1fr;
  }

  .ms-release-conversion-dock {
    grid-template-columns: 1fr;
  }

  .ms-release-conversion-dock__actions,
  .ms-release-final-actions,
  .ms-release-final-markers {
    justify-content: flex-start;
  }

  .ms-release-hero__copy h1,
  .ms-release-chapter__frame h2 {
    max-width: none;
  }

  .ms-release-chapter__frame,
  .ms-release-nav {
    position: relative;
    top: 0;
  }

  .ms-variant-grid,
  .ms-tool-grid {
    grid-template-columns: 1fr;
  }

  .ms-tool-actions {
    flex-direction: column;
  }

  .ms-tool-actions .ms-button {
    width: 100%;
  }
}

@media (max-width: 760px) {
  .ms-shell {
    width: min(100vw - 24px, 100%);
    gap: 20px;
  }

  .ms-topbar {
    width: min(100vw - 24px, 100%);
    margin-top: 14px;
    padding: 16px 18px;
    border-radius: 24px;
  }

  .ms-release-hero,
  .ms-release-decision-spaces,
  .ms-release-authority-rail,
  .ms-release-tool-deck,
  .ms-release-trust-layer,
  .ms-release-route-deck {
    padding: 20px;
    border-radius: 28px;
  }

  .ms-release-hero__visual,
  .ms-release-chapter__frame,
  .ms-release-authority-primary,
  .ms-release-authority-card,
  .ms-release-route-card,
  .ms-release-proof-card,
  .ms-release-decision-card,
  .ms-release-tool-feature,
  .ms-release-operational-card,
  .ms-release-priority-tool-card,
  .ms-release-tool-sequence-step,
  .ms-release-handover-card,
  .ms-release-case-card,
  .ms-release-trust-step {
    border-radius: 24px;
  }

  .ms-release-hero__stats {
    grid-template-columns: 1fr 1fr;
  }

  .ms-release-hero-artwork {
    top: 14px;
    right: 14px;
    left: 14px;
    width: auto;
    max-height: min(48vw, 20rem);
  }

  .ms-release-chapter-media,
  .ms-release-trust-media {
    min-height: 0;
  }

  .ms-release-conversion-dock {
    width: min(calc(100vw - 16px), 100%);
    left: 8px;
    right: 8px;
    transform: translate3d(0, 24px, 0);
    bottom: calc(10px + env(safe-area-inset-bottom, 0px));
  }

  body.ms-has-release-conversion-dock .ms-shell {
    padding-bottom: calc(260px + env(safe-area-inset-bottom, 0px));
  }

  .ms-release-conversion-dock.is-visible {
    transform: translate3d(0, 0, 0);
  }

  .ms-release-conversion-dock__actions {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 2px;
  }

  .ms-release-conversion-link {
    white-space: nowrap;
  }

  .ms-release-live-panel {
    padding: 20px;
  }

  .ms-release-live-panel__head h2 {
    max-width: none;
  }

  .ms-release-fast-lane {
    padding: 15px 16px 16px;
  }

  .ms-release-nav__link {
    padding: 14px 16px;
  }

  .ms-release-nav__link em {
    display: none;
  }
}

@media (max-width: 980px) {
  .ms-release-energy-grid::after,
  .ms-release-energy-grid span,
  .ms-release-energy-grid i {
    animation: none;
  }
}

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

  .js [data-reveal] {
    opacity: 1;
    transform: none;
    transition: none;
  }

  .ms-release-nav__link,
  .ms-button--primary,
  .ms-button--ghost,
  .ms-inline-link,
  .ms-nav__cta,
  .ms-release-conversion-link,
  .ms-release-conversion-dock,
  .ms-scroll-progress span,
  .ms-orb,
  [data-parallax] {
    transition: none;
  }

  .ms-release-energy-grid::after,
  .ms-release-energy-grid span,
  .ms-release-energy-grid i {
    animation: none;
  }

  .ms-orb,
  [data-parallax] {
    transform: none !important;
  }
}

.ms-site--sv-wilmes {
  background:
    radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--site-accent-soft) 20%, transparent), transparent 32%),
    radial-gradient(circle at 100% 10%, color-mix(in srgb, var(--site-accent) 12%, transparent), transparent 28%),
    linear-gradient(180deg, #0f0d0d 0%, #141111 38%, #191513 100%);
}

.ms-site--sv-wilmes .ms-orb {
  opacity: 0.3;
  filter: blur(84px);
}

.ms-site--sv-wilmes .ms-grid-noise {
  opacity: 0.08;
  background-size: 72px 72px;
}

.ms-site--sv-wilmes .ms-topbar,
.ms-site--sv-wilmes .ms-hero,
.ms-site--sv-wilmes .ms-band,
.ms-site--sv-wilmes .ms-hub-library,
.ms-site--sv-wilmes .ms-portal-bridge,
.ms-site--sv-wilmes .ms-route-network,
.ms-site--sv-wilmes .ms-story-stage,
.ms-site--sv-wilmes .ms-proof-rail,
.ms-site--sv-wilmes .ms-story-card,
.ms-site--sv-wilmes .ms-side-card,
.ms-site--sv-wilmes .ms-section-card,
.ms-site--sv-wilmes .ms-tool-card,
.ms-site--sv-wilmes .ms-footer-cta,
.ms-site--sv-wilmes .ms-release-hero,
.ms-site--sv-wilmes .ms-release-decision-spaces,
.ms-site--sv-wilmes .ms-release-authority-rail,
.ms-site--sv-wilmes .ms-release-tool-deck,
.ms-site--sv-wilmes .ms-release-trust-layer,
.ms-site--sv-wilmes .ms-release-route-deck,
.ms-site--sv-wilmes .ms-release-timeline__card,
.ms-site--sv-wilmes .ms-release-nav__link,
.ms-site--sv-wilmes .ms-release-hero__visual,
.ms-site--sv-wilmes .ms-release-live-panel,
.ms-site--sv-wilmes .ms-release-stat,
.ms-site--sv-wilmes .ms-release-chapter,
.ms-site--sv-wilmes .ms-release-chapter__frame,
.ms-site--sv-wilmes .ms-release-process-step,
.ms-site--sv-wilmes .ms-release-longform-brief,
.ms-site--sv-wilmes .ms-release-use-case-card,
.ms-site--sv-wilmes .ms-release-content-card,
.ms-site--sv-wilmes .ms-release-mode-card,
.ms-site--sv-wilmes .ms-release-conversion-dock,
.ms-site--sv-wilmes .ms-release-conversion-card,
.ms-site--sv-wilmes .ms-release-tool-feature,
.ms-site--sv-wilmes .ms-release-operational-card,
.ms-site--sv-wilmes .ms-release-priority-tool-card,
.ms-site--sv-wilmes .ms-release-tool-sequence-step,
.ms-site--sv-wilmes .ms-release-handover-card,
.ms-site--sv-wilmes .ms-release-case-card,
.ms-site--sv-wilmes .ms-release-trust-step,
.ms-site--sv-wilmes .ms-release-authority-primary,
.ms-site--sv-wilmes .ms-release-authority-card,
.ms-site--sv-wilmes .ms-release-proof-card,
.ms-site--sv-wilmes .ms-release-route-card,
.ms-site--sv-wilmes .ms-release-decision-card,
.ms-site--sv-wilmes .ms-panel-card {
  border-color: rgba(198, 165, 109, 0.16);
  background:
    linear-gradient(180deg, rgba(35, 31, 29, 0.96), rgba(20, 18, 17, 0.92)),
    color-mix(in srgb, var(--site-surface) 92%, rgba(255, 255, 255, 0.02));
  box-shadow: 0 24px 64px rgba(5, 4, 4, 0.36);
}

.ms-site--sv-wilmes .ms-topbar,
.ms-site--sv-wilmes .ms-hero,
.ms-site--sv-wilmes .ms-release-hero,
.ms-site--sv-wilmes .ms-release-chapter,
.ms-site--sv-wilmes .ms-footer-cta {
  border-radius: 24px;
}

.ms-site--sv-wilmes .ms-brand__mark {
  background: linear-gradient(145deg, color-mix(in srgb, var(--site-accent) 78%, #fff), color-mix(in srgb, var(--site-accent-soft) 54%, #d9dce0));
  color: #1a140d;
  box-shadow: 0 16px 40px rgba(198, 165, 109, 0.2);
}

.ms-site--sv-wilmes .ms-nav__cta,
.ms-site--sv-wilmes .ms-button--primary,
.ms-site--sv-wilmes .ms-inline-link {
  background: linear-gradient(135deg, color-mix(in srgb, var(--site-accent) 88%, #f4eee6), color-mix(in srgb, var(--site-accent-soft) 54%, #e8ded0));
  color: #1a140d;
  box-shadow: 0 14px 36px rgba(198, 165, 109, 0.18);
}

.ms-site--sv-wilmes .ms-button--ghost,
.ms-site--sv-wilmes .ms-nav__link.is-active,
.ms-site--sv-wilmes .ms-nav__link:hover {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(198, 165, 109, 0.16);
}

.ms-site--sv-wilmes .ms-release-hero::before,
.ms-site--sv-wilmes .ms-release-hero::after {
  opacity: 0.55;
}

.ms-site--sv-wilmes .ms-release-energy-grid::before {
  background-image:
    linear-gradient(rgba(198, 165, 109, 0.1) 1px, transparent 1px),
    linear-gradient(90deg, rgba(94, 114, 134, 0.1) 1px, transparent 1px);
  background-size: 88px 88px;
}

.ms-site--sv-wilmes .ms-release-energy-grid span,
.ms-site--sv-wilmes .ms-release-energy-grid i {
  background: linear-gradient(180deg, rgba(198, 165, 109, 0.38), rgba(94, 114, 134, 0.04));
  box-shadow: 0 0 18px rgba(198, 165, 109, 0.14);
}

.ms-site--sv-wilmes .ms-release-nav__link.is-active {
  border-color: rgba(198, 165, 109, 0.28);
  background: rgba(198, 165, 109, 0.08);
}

.ms-site--sv-wilmes .ms-release-proof-pill,
.ms-site--sv-wilmes .ms-chip,
.ms-site--sv-wilmes .ms-pill {
  background: rgba(255, 248, 240, 0.04);
  border-color: rgba(198, 165, 109, 0.18);
  color: var(--site-text);
}

.ms-site--sv-wilmes .ms-release-conversion-link {
  border-color: rgba(198, 165, 109, 0.14);
  background: rgba(255, 248, 240, 0.03);
}

.ms-site--sv-wilmes .ms-release-conversion-link--primary {
  background: linear-gradient(135deg, rgba(198, 165, 109, 0.2), rgba(173, 196, 214, 0.14));
  color: var(--site-text);
}

.ms-site--sv-wilmes .ms-release-hero__copy h1,
.ms-site--sv-wilmes .ms-release-chapter__frame h2 {
  letter-spacing: -0.04em;
}

.ms-site--sv-wilmes .ms-release-hero__copy .ms-lead,
.ms-site--sv-wilmes .ms-release-chapter__lead,
.ms-site--sv-wilmes .ms-section-card__summary,
.ms-site--sv-wilmes .ms-brand__copy span,
.ms-site--sv-wilmes .ms-side-card,
.ms-site--sv-wilmes .ms-panel-card,
.ms-site--sv-wilmes .ms-release-proof-card p,
.ms-site--sv-wilmes .ms-release-content-card p,
.ms-site--sv-wilmes .ms-release-use-case-card p,
.ms-site--sv-wilmes .ms-release-mode-card p,
.ms-site--sv-wilmes .ms-release-route-card p {
  color: color-mix(in srgb, var(--site-text) 74%, var(--site-muted));
}

.ms-site--sv-wilmes .ms-release-use-cases__grid,
.ms-site--sv-wilmes .ms-release-mode-guide__grid,
.ms-site--sv-wilmes .ms-release-route-deck__grid,
.ms-site--sv-wilmes .ms-release-proof__grid {
  gap: 18px;
}

@media (max-width: 860px) {
  .ms-topbar {
    grid-template-columns: 1fr auto;
  }

  .ms-nav-toggle {
    display: inline-flex;
  }

  .ms-nav-panel {
    grid-column: 1 / -1;
    display: none;
    justify-items: stretch;
  }

  .ms-nav-panel.is-open {
    display: grid;
  }

  .ms-nav {
    justify-content: flex-start;
  }
}

@media (max-width: 640px) {
  :root {
    --ms-shell: min(100vw - 24px, 1240px);
  }

  .ms-topbar,
  .ms-hero,
  .ms-band,
  .ms-hub-library,
  .ms-portal-bridge,
  .ms-route-network,
  .ms-story-stage,
  .ms-proof-rail,
  .ms-story-card,
  .ms-side-card,
  .ms-section-card,
  .ms-tool-card,
  .ms-footer-cta {
    border-radius: 24px;
  }

  .ms-brand__copy span,
  .ms-footer {
    font-size: 0.92rem;
  }

  .ms-brand__logo {
    width: min(100%, 300px);
  }

  .ms-footer__logo {
    width: min(100%, 280px);
  }

  .ms-actions {
    width: 100%;
  }

  .ms-button--primary,
  .ms-button--ghost {
    width: 100%;
  }

  .ms-actions > * {
    flex: 1 1 100%;
  }

  .ms-release-hero__copy {
    gap: 20px;
  }

  .ms-release-hero__copy h1 {
    font-size: clamp(2.8rem, 14vw, 4.5rem);
  }

  .ms-release-hero__visual {
    min-height: 0;
    padding: 18px;
  }

  .ms-release-hero__field {
    gap: 14px;
  }

  .ms-release-live-panel__grid,
  .ms-release-hero__stats {
    grid-template-columns: 1fr;
  }

  .ms-release-energy-grid::before {
    background-size: 52px 52px;
  }
}