@import "/css/veyact-tokens.css";

:root {
  color-scheme: dark;
  --ink: var(--vy-text, #f5f7fa);
  --muted: var(--vy-muted, #a7adbc);
  --paper: var(--vy-bg, #090a0f);
  --panel: var(--vy-card, #0f121a);
  --panel-strong: var(--vy-card-2, #151922);
  --line: var(--vy-border, #2a3040);
  --line-strong: #424a61;
  --accent: var(--vy-accent, #5b49ea);
  --accent-ink: #ffffff;
  --green: var(--vy-verified, #19c37d);
  --blue: var(--vy-accent-2, #3e7bfa);
  --violet: #6f5cff;
  --amber: #f5b547;
  --red: #ff6b6b;
  --dark: #090a0f;
  --dark-panel: #0f121a;
  --shadow: 0 28px 86px rgba(0, 0, 0, 0.38);
  --shadow-tight: 0 18px 46px rgba(0, 0, 0, 0.24);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: var(--paper);
  color: var(--ink);
}


* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background:
    radial-gradient(circle at 18% 0%, rgba(91, 73, 234, 0.22), transparent 34rem),
    radial-gradient(circle at 88% 8%, rgba(62, 123, 250, 0.18), transparent 32rem),
    radial-gradient(circle at 50% 38rem, rgba(25, 195, 125, 0.1), transparent 28rem),
    linear-gradient(180deg, rgba(9, 10, 15, 0.72), rgba(9, 10, 15, 0.94)),
    url("/illustrations/background-pattern.png"),
    var(--paper);
  background-size: auto, auto, auto, auto, 720px auto, auto;
  background-attachment: fixed;
  color: var(--ink);
  overflow-x: hidden;
}

a {
  color: inherit;
}

a:focus-visible,
button:focus-visible {
  outline: 3px solid rgba(37, 99, 235, 0.32);
  outline-offset: 3px;
}

code {
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.06);
  padding: 0.08rem 0.32rem;
  color: #e9edff;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.92em;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 20;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 24px;
  align-items: center;
  min-height: 72px;
  padding: 16px clamp(24px, 4vw, 56px);
  border-bottom: 1px solid rgba(17, 24, 39, 0.1);
  background: rgba(246, 248, 251, 0.9);
  backdrop-filter: blur(18px);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.72);
}

.brand-mark {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: 800;
  text-decoration: none;
}

.brand-mark img {
  display: block;
  width: clamp(112px, 13vw, 144px);
  height: auto;
}

.brand-dot {
  width: 14px;
  height: 14px;
  border-radius: 4px;
  background: linear-gradient(135deg, var(--accent), var(--green));
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.4);
}

.site-nav {
  display: flex;
  justify-content: center;
  gap: 6px;
  flex-wrap: wrap;
}

.site-nav a,
.header-cta,
.button {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  padding: 0 14px;
  text-decoration: none;
  font-size: 0.92rem;
  font-weight: 700;
  white-space: nowrap;
  transition: background 160ms ease, border-color 160ms ease, box-shadow 160ms ease, color 160ms ease, transform 160ms ease;
}

button.button {
  border: 0;
  cursor: pointer;
  font-family: inherit;
}

button.button.ghost {
  border: 1px solid var(--line);
}

.site-nav a {
  color: var(--muted);
}

.site-nav a[aria-current="page"],
.site-nav a:hover {
  color: var(--ink);
  background: rgba(37, 99, 235, 0.08);
}

.header-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  min-width: 0;
}

.header-preview-link {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 0 14px;
  color: var(--ink);
  background: rgba(255, 255, 255, 0.72);
  text-decoration: none;
  font-size: 0.92rem;
  font-weight: 800;
  white-space: nowrap;
}

.header-preview-link:hover {
  border-color: var(--line-strong);
  box-shadow: var(--shadow-tight);
}

.header-cta,
.button {
  background: var(--accent);
  color: var(--accent-ink);
  box-shadow: 0 10px 22px rgba(37, 99, 235, 0.18);
}

.header-cta:hover,
.button:hover {
  transform: translateY(-1px);
  box-shadow: 0 16px 32px rgba(37, 99, 235, 0.22);
}

.button.ghost {
  background: transparent;
  color: var(--ink);
  border: 1px solid var(--line);
  box-shadow: none;
}

.button.ghost:hover {
  border-color: var(--line-strong);
  background: rgba(255, 255, 255, 0.72);
  box-shadow: var(--shadow-tight);
}

.hero {
  min-height: clamp(620px, calc(86svh - 72px), 780px);
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(360px, 1.1fr);
  gap: clamp(30px, 5vw, 80px);
  align-items: center;
  padding: clamp(60px, 10vw, 120px) clamp(24px, 4vw, 56px);
  border-bottom: 1px solid rgba(17, 24, 39, 0.12);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(246, 248, 251, 0.72)),
    var(--paper);
}

.hero-copy {
  max-width: 650px;
}

.eyebrow {
  margin: 0 0 14px;
  color: var(--blue);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0;
}

h1,
h2,
h3,
p {
  margin-top: 0;
}

h1 {
  margin-bottom: 18px;
  font-size: clamp(3rem, 4.6rem, 4.6rem);
  line-height: 1.05;
  letter-spacing: 0;
}

.page-hero h1 {
  max-width: 960px;
  font-size: clamp(2.8rem, 4rem, 4rem);
  line-height: 1.05;
  letter-spacing: 0;
}

h2 {
  max-width: 820px;
  font-size: clamp(2rem, 3.2rem, 3.2rem);
  line-height: 1.02;
  letter-spacing: 0;
}

h3 {
  font-size: 1.15rem;
}

p {
  color: var(--muted);
  line-height: 1.65;
}

.lead {
  color: var(--ink);
  font-size: clamp(1.25rem, 1.55rem, 1.55rem);
  line-height: 1.4;
}

.action-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 26px;
  padding: 0;
  list-style: none;
}

.action-row li {
  display: flex;
}

.text-boundary {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}

.founder-gated {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  max-width: 100%;
  border: 1px solid #e4c98f;
  border-radius: 6px;
  padding: 10px 14px;
  background: #fff8e6;
  color: var(--amber);
  font-size: 0.92rem;
  font-weight: 800;
  line-height: 1.35;
}

.hero-visual {
  min-width: 0;
}

.hero-product-shot {
  overflow: hidden;
  margin: 0;
  border: 1px solid rgba(17, 24, 39, 0.12);
  border-radius: 8px;
  background: #10140f;
  box-shadow: var(--shadow);
}

.hero-product-shot img {
  display: block;
  width: 100%;
  height: auto;
}

.hero-product-shot figcaption {
  margin: 0;
  padding: 14px 18px;
  color: rgba(248, 247, 241, 0.78);
  font-size: 0.86rem;
  font-weight: 800;
}

.runrail-dashboard-visual {
  overflow: hidden;
  max-width: 1120px;
  margin: 0 auto 26px;
  border: 1px solid rgba(17, 24, 39, 0.1);
  border-radius: 8px;
  background: #fff;
  box-shadow: var(--shadow-tight);
}

.runrail-dashboard-visual img {
  display: block;
  width: 100%;
  height: auto;
}

.workflow-visual {
  margin: 0;
  background: linear-gradient(135deg, #151d2c, var(--dark));
  color: #f8fafc;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 12px;
  box-shadow: var(--shadow);
  overflow: hidden;
}

.run-header {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
  color: rgba(248, 250, 252, 0.72);
}

.run-header strong {
  color: #93c5fd;
  font-size: 0.8rem;
  text-transform: uppercase;
}

.workflow-visual ol {
  list-style: decimal;
  list-style-position: outside;
  margin: 0;
  padding: 18px 18px 18px 52px;
  display: grid;
  gap: 10px;
}

.workflow-visual li {
  display: list-item;
  min-height: 42px;
  padding: 11px 12px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.055);
}

.workflow-visual li::marker {
  color: #86efac;
  font-weight: 900;
}

.workflow-visual figcaption {
  padding: 0 20px 20px;
  color: rgba(248, 250, 252, 0.72);
}

.section,
.page-hero,
.final-cta,
.notice {
  padding: clamp(60px, 8vw, 110px) clamp(24px, 4vw, 56px);
}

.page-hero {
  border-bottom: 1px solid rgba(17, 24, 39, 0.12);
  background: rgba(255, 255, 255, 0.48);
}

.page-hero p {
  max-width: 820px;
}

.split {
  display: grid;
  grid-template-columns: minmax(220px, 0.85fr) minmax(0, 1.15fr);
  gap: clamp(28px, 6vw, 86px);
}

.section-copy {
  max-width: 760px;
}

.contact-email-heading {
  max-width: 100%;
  font-size: 2.25rem !important;
  line-height: 1.05;
  letter-spacing: 0;
  overflow-wrap: anywhere;
  text-wrap: wrap !important;
}

.capability-grid,
.principles,
.tier-grid,
.artifact-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 36px;
}

.capability,
.tier,
.principles article,
.faq-item,
.artifact-panel {
  border: 1px solid var(--line);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.84);
  padding: 20px;
  box-shadow: var(--shadow-tight);
}

.capability:hover,
.tier:hover,
.principles article:hover,
.artifact-panel:hover {
  border-color: var(--line-strong);
  box-shadow: 0 18px 42px rgba(16, 22, 36, 0.12);
}

.workflow-milestone-grid,
.alpha-dashboard-command-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.workflow-milestone-card,
.alpha-dashboard-command-card {
  display: grid;
  align-content: start;
  gap: 10px;
  min-height: 100%;
}

.workflow-milestone-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(238, 243, 248, 0.86));
}

.alpha-dashboard-command-card {
  border-color: rgba(37, 99, 235, 0.18);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(239, 246, 255, 0.9));
}

.workflow-milestone-card span,
.alpha-dashboard-command-card span {
  color: var(--blue);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.workflow-milestone-card h3,
.alpha-dashboard-command-card h3 {
  margin: 0;
  line-height: 1.18;
}

.alpha-metric-grid .artifact-panel strong,
.alpha-dashboard-command-card strong {
  display: block;
  margin: 0;
  color: var(--ink);
  font-size: clamp(1.02rem, 1.5vw, 1.42rem);
  line-height: 1.18;
}

.workflow-milestone-card p,
.alpha-dashboard-command-card p {
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
}

.alpha-control-plane-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 22px 0 34px;
}

.alpha-control-plane-grid.compact {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 0;
}

.alpha-control-plane-card {
  display: grid;
  align-content: start;
  gap: 12px;
  min-height: 100%;
  padding: 20px;
  border: 1px solid rgba(25, 93, 79, 0.22);
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(237, 247, 243, 0.88));
  box-shadow: var(--shadow-tight);
}

.alpha-control-plane-card > div {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
}

.alpha-control-plane-card span,
.alpha-disabled-action-card span,
.alpha-billing-step mark {
  color: var(--green);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.alpha-control-plane-card mark {
  flex-shrink: 0;
  padding: 4px 8px;
  border-radius: 6px;
  background: rgba(25, 93, 79, 0.1);
  color: var(--green);
  font-size: 0.72rem;
  font-weight: 900;
}

.alpha-control-plane-card h3,
.alpha-disabled-action-card h3,
.alpha-billing-step h3 {
  margin: 0;
  line-height: 1.2;
}

.alpha-control-plane-card p,
.alpha-disabled-action-card p,
.alpha-billing-step p {
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
}

.alpha-disabled-action-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 18px 0 34px;
}

.alpha-disabled-action-card {
  display: grid;
  gap: 10px;
  min-height: 100%;
  padding: 18px;
  border: 1px solid rgba(138, 75, 21, 0.2);
  border-radius: 10px;
  background: rgba(255, 250, 240, 0.78);
}

.alpha-disabled-action-card span {
  color: var(--amber);
}

.alpha-account-command-center {
  display: grid;
  gap: 18px;
  margin: 8px 0 36px;
  padding: clamp(18px, 3vw, 28px);
  border: 1px solid rgba(17, 24, 39, 0.12);
  border-radius: 12px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.97), rgba(244, 248, 252, 0.92)),
    #ffffff;
  box-shadow: 0 24px 80px rgba(15, 23, 42, 0.08);
}

.alpha-account-command-head {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.62fr);
  gap: 20px;
  align-items: start;
}

.alpha-account-command-head h2 {
  margin-bottom: 10px;
}

.alpha-account-command-head p,
.alpha-account-workspace-card p,
.alpha-account-summary-grid p,
.alpha-account-command-main p,
.alpha-account-command-main small,
.alpha-account-launch-checklist li {
  color: var(--muted);
  line-height: 1.46;
}

.alpha-account-workspace-card {
  display: grid;
  gap: 12px;
  padding: 18px;
  border: 1px solid rgba(25, 93, 79, 0.18);
  border-radius: 10px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(237, 247, 243, 0.9)),
    #ffffff;
  box-shadow: var(--shadow-tight);
}

.alpha-account-workspace-card span,
.alpha-account-summary-grid span,
.alpha-account-command-main span,
.alpha-account-launch-checklist > span {
  color: var(--green);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.alpha-account-workspace-card strong {
  color: var(--ink);
  font-size: clamp(1.2rem, 1.7vw, 1.6rem);
  line-height: 1.1;
}

.alpha-account-workspace-card dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.alpha-account-workspace-card dl div {
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(25, 93, 79, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.74);
}

.alpha-account-workspace-card dt {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
}

.alpha-account-workspace-card dd {
  margin: 4px 0 0;
  color: var(--ink);
  font-weight: 900;
  line-height: 1.2;
}

.alpha-account-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.alpha-account-summary-grid article {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 15px;
  border: 1px solid rgba(37, 99, 235, 0.14);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.86);
}

.alpha-account-summary-grid strong {
  color: var(--ink);
  line-height: 1.18;
}

.alpha-account-command-shell {
  display: grid;
  grid-template-columns: minmax(210px, 0.25fr) minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}

.alpha-account-command-nav {
  display: grid;
  gap: 8px;
  padding: 12px;
  border: 1px solid rgba(17, 24, 39, 0.1);
  border-radius: 10px;
  background: #f8fafc;
}

.alpha-account-command-nav a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
  padding: 11px 12px;
  border: 1px solid transparent;
  border-radius: 8px;
  color: var(--ink);
  font-weight: 900;
  line-height: 1.2;
  text-decoration: none;
  transition: border-color 180ms ease, background 180ms ease, box-shadow 180ms ease;
}

.alpha-account-command-nav a:hover,
.alpha-account-command-nav a:focus-visible {
  border-color: rgba(37, 99, 235, 0.24);
  background: #ffffff;
  box-shadow: var(--shadow-tight);
}

.alpha-account-command-nav mark {
  flex-shrink: 0;
  max-width: 52%;
  padding: 4px 7px;
  border-radius: 6px;
  background: rgba(37, 99, 235, 0.08);
  color: var(--blue);
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.alpha-account-command-main {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.alpha-account-command-main article {
  display: grid;
  align-content: start;
  gap: 11px;
  min-width: 0;
  min-height: 100%;
  padding: 17px;
  border: 1px solid rgba(17, 24, 39, 0.11);
  border-radius: 10px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(249, 250, 251, 0.9)),
    #ffffff;
}

.alpha-account-command-main article > div {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.alpha-account-command-main h3 {
  margin: 0;
  color: var(--ink);
  line-height: 1.18;
}

.alpha-account-command-main small {
  display: block;
  padding-top: 10px;
  border-top: 1px solid rgba(17, 24, 39, 0.08);
}

.alpha-account-launch-checklist {
  display: grid;
  gap: 10px;
  padding: 16px;
  border: 1px solid rgba(138, 75, 21, 0.18);
  border-radius: 10px;
  background: rgba(255, 250, 240, 0.76);
}

.alpha-account-launch-checklist > span {
  color: var(--amber);
}

.alpha-account-launch-checklist ul {
  display: grid;
  gap: 8px;
  margin: 0;
  padding-left: 18px;
}

.alpha-billing-operations {
  display: grid;
  gap: 18px;
  margin: 8px 0 36px;
  padding: clamp(18px, 3vw, 28px);
  border: 1px solid rgba(17, 24, 39, 0.12);
  border-radius: 12px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.97), rgba(239, 246, 255, 0.88)),
    #ffffff;
  box-shadow: 0 24px 80px rgba(15, 23, 42, 0.08);
}

.alpha-billing-operations-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.46fr);
  gap: 20px;
  align-items: start;
}

.alpha-billing-operations-head h2 {
  margin-bottom: 10px;
}

.alpha-billing-operations-head p,
.alpha-billing-lock-card p,
.alpha-billing-summary-grid p,
.alpha-billing-ops-grid p,
.alpha-billing-ops-grid small,
.alpha-billing-plan-table p,
.alpha-billing-plan-rows p,
.alpha-billing-state-table p,
.alpha-billing-readiness-list li {
  color: var(--muted);
  line-height: 1.46;
}

.alpha-billing-lock-card,
.alpha-billing-summary-grid article,
.alpha-billing-ops-grid article,
.alpha-billing-plan-table,
.alpha-billing-state-table article,
.alpha-billing-readiness-list {
  min-width: 0;
  border: 1px solid rgba(37, 99, 235, 0.14);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: var(--shadow-tight);
}

.alpha-billing-lock-card {
  display: grid;
  gap: 10px;
  padding: 18px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 250, 240, 0.78)),
    #ffffff;
  border-color: rgba(138, 75, 21, 0.18);
}

.alpha-billing-lock-card span,
.alpha-billing-summary-grid span,
.alpha-billing-ops-grid span,
.alpha-billing-plan-table > div:first-child span,
.alpha-billing-plan-rows span,
.alpha-billing-state-table span,
.alpha-billing-readiness-list > span {
  color: var(--blue);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.alpha-billing-lock-card strong {
  color: var(--ink);
  font-size: clamp(1.2rem, 1.7vw, 1.6rem);
  line-height: 1.1;
}

.alpha-billing-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.alpha-billing-summary-grid article,
.alpha-billing-ops-grid article,
.alpha-billing-state-table article {
  display: grid;
  align-content: start;
  gap: 8px;
  padding: 15px;
}

.alpha-billing-summary-grid strong,
.alpha-billing-plan-rows strong,
.alpha-billing-state-table strong {
  color: var(--ink);
  line-height: 1.18;
}

.alpha-billing-ops-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.alpha-billing-ops-grid article > div {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.alpha-billing-ops-grid h3,
.alpha-billing-ops-grid strong,
.alpha-billing-plan-table h3,
.alpha-billing-plan-table > div:first-child strong {
  display: block;
  margin: 0;
  color: var(--ink);
  line-height: 1.18;
}

.alpha-billing-ops-grid small {
  display: block;
  padding-top: 10px;
  border-top: 1px solid rgba(17, 24, 39, 0.08);
}

.alpha-billing-plan-table {
  display: grid;
  grid-template-columns: minmax(230px, 0.36fr) minmax(0, 1fr);
  gap: 14px;
  padding: 17px;
}

.alpha-billing-plan-table > div:first-child {
  display: grid;
  align-content: start;
  gap: 10px;
}

.alpha-billing-plan-rows {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.alpha-billing-plan-rows article {
  display: grid;
  gap: 7px;
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(17, 24, 39, 0.09);
  border-radius: 8px;
  background: #f8fafc;
}

.alpha-billing-state-table {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.alpha-billing-readiness-list {
  display: grid;
  gap: 10px;
  padding: 16px;
  background: rgba(255, 250, 240, 0.76);
  border-color: rgba(138, 75, 21, 0.18);
}

.alpha-billing-readiness-list > span {
  color: var(--amber);
}

.alpha-billing-readiness-list ul {
  display: grid;
  gap: 8px;
  margin: 0;
  padding-left: 18px;
}

.alpha-billing-lifecycle {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  margin: 20px 0 34px;
  padding: 0;
  list-style: none;
}

.alpha-billing-step {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  min-height: 100%;
  padding: 18px;
  border: 1px solid rgba(37, 99, 235, 0.18);
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(239, 246, 255, 0.9));
}

.alpha-billing-step > span {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: var(--ink);
  color: #fff;
  font-weight: 900;
  font-size: 0.78rem;
}

.alpha-billing-step div {
  display: grid;
  gap: 9px;
}

.alpha-billing-step mark {
  width: max-content;
  max-width: 100%;
  padding: 3px 7px;
  border-radius: 6px;
  background: rgba(37, 99, 235, 0.1);
  color: var(--blue);
}

.alpha-dashboard-control-panel {
  margin-top: 30px;
}

.alpha-handoff-panel {
  position: relative;
  isolation: isolate;
  display: grid;
  gap: 18px;
  margin-top: clamp(18px, 3vw, 36px);
  padding: clamp(18px, 3vw, 30px);
  border: 1px solid rgba(110, 231, 183, 0.22);
  border-radius: 14px;
  background:
    radial-gradient(circle at 8% 0%, rgba(110, 231, 183, 0.18), transparent 28%),
    linear-gradient(135deg, rgba(9, 21, 24, 0.96), rgba(14, 44, 47, 0.92)),
    var(--veyact-design-pattern),
    #091518;
  background-size: auto, auto, 640px auto, auto;
  box-shadow: 0 34px 110px rgba(2, 8, 23, 0.28);
  overflow: hidden;
}

.alpha-handoff-panel::after {
  content: "";
  position: absolute;
  z-index: 0;
  right: clamp(-110px, -9vw, -54px);
  bottom: clamp(-130px, -12vw, -58px);
  width: min(40vw, 380px);
  aspect-ratio: 1;
  background: var(--veyact-design-mark) no-repeat center / contain;
  opacity: 0.08;
  pointer-events: none;
}

.alpha-handoff-panel > * {
  position: relative;
  z-index: 1;
}

.alpha-handoff-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 0.32fr);
  gap: 18px;
  align-items: stretch;
}

.alpha-handoff-head h2 {
  max-width: 900px;
  margin-bottom: 10px;
  color: #f8fafc;
}

.alpha-handoff-head p,
.alpha-handoff-primary p,
.alpha-handoff-checkpoints p {
  color: rgba(226, 232, 240, 0.78);
  line-height: 1.5;
}

.alpha-handoff-head aside {
  display: grid;
  align-content: center;
  gap: 10px;
  min-width: 0;
  padding: 18px;
  border: 1px solid rgba(110, 231, 183, 0.22);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.07);
}

.alpha-handoff-head aside img {
  width: 34px;
  height: 34px;
}

.alpha-handoff-head aside span,
.alpha-handoff-primary span,
.alpha-handoff-checkpoints span {
  color: #8ff5d2;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.alpha-handoff-head aside strong,
.alpha-handoff-primary h3,
.alpha-handoff-checkpoints strong {
  color: #ffffff;
  line-height: 1.18;
}

.alpha-handoff-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 14px;
  align-items: stretch;
}

.alpha-handoff-primary,
.alpha-handoff-checkpoints article {
  min-width: 0;
  border: 1px solid rgba(226, 232, 240, 0.12);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.075);
}

.alpha-handoff-primary {
  display: grid;
  gap: 10px;
  padding: 18px;
}

.alpha-handoff-primary h3 {
  margin: 0;
  font-size: clamp(1.15rem, 1.8vw, 1.55rem);
}

.alpha-handoff-primary p {
  margin: 0;
}

.alpha-handoff-primary strong {
  color: #ffffff;
}

.alpha-handoff-checkpoints {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.alpha-handoff-checkpoints article {
  display: grid;
  align-content: start;
  gap: 8px;
  padding: 16px;
}

.alpha-handoff-locks {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.alpha-handoff-locks span {
  min-width: 0;
  max-width: 100%;
  padding: 8px 10px;
  border: 1px solid rgba(251, 191, 36, 0.2);
  border-radius: 999px;
  background: rgba(251, 191, 36, 0.08);
  color: rgba(254, 243, 199, 0.92);
  font-size: 0.78rem;
  font-weight: 800;
  line-height: 1.2;
}

@media (max-width: 980px) {
  .alpha-handoff-head,
  .alpha-handoff-grid {
    grid-template-columns: 1fr;
  }

  .alpha-handoff-checkpoints {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .alpha-handoff-panel {
    border-radius: 12px;
    padding: 16px;
  }

  .alpha-handoff-checkpoints {
    grid-template-columns: 1fr;
  }

  .alpha-handoff-locks span {
    width: 100%;
    border-radius: 10px;
  }
}

.support-readiness-grid,
.support-request-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.support-request-card {
  display: grid;
  align-content: space-between;
  gap: 14px;
}

.support-request-card .action-row {
  margin-top: 0;
}

.support-triage-timeline {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  list-style: none;
  margin: 28px 0 0;
  padding: 0;
}

.support-triage-timeline li {
  position: relative;
  display: grid;
  gap: 8px;
  min-height: 160px;
  align-content: start;
  padding: 16px 16px 16px 52px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
}

.support-triage-timeline li > span {
  position: absolute;
  left: 16px;
  top: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--paper);
  border: 1px solid var(--line);
  color: var(--accent);
  font-weight: 900;
}

.support-triage-timeline h3,
.support-triage-timeline p {
  margin: 0;
}

.support-triage-timeline p {
  color: var(--muted);
  line-height: 1.5;
}

.alpha-shell-nav a.artifact-panel:hover {
  border-color: var(--line-strong);
  background: rgba(37, 99, 235, 0.04);
}

.alpha-shell-nav a.artifact-panel.is-active {
  border-color: var(--accent);
  background: rgba(37, 99, 235, 0.08);
}

.alpha-workflow-spine-section {
  padding-top: clamp(40px, 6vw, 74px);
}

.alpha-workflow-spine {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.alpha-workflow-spine li {
  min-width: 0;
}

.alpha-workflow-spine a {
  min-height: 184px;
  display: grid;
  align-content: start;
  gap: 12px;
  height: 100%;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.78);
  text-decoration: none;
  box-shadow: var(--shadow-tight);
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.alpha-workflow-spine a:hover,
.alpha-workflow-spine a:focus-visible,
.alpha-workflow-spine li.is-active a {
  border-color: rgba(37, 99, 235, 0.52);
  box-shadow: 0 18px 42px rgba(37, 99, 235, 0.16);
  transform: translateY(-1px);
}

.alpha-workflow-spine span {
  color: var(--blue);
  font-size: 0.76rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0;
}

.alpha-workflow-spine strong {
  width: fit-content;
  border: 1px solid rgba(17, 135, 93, 0.2);
  border-radius: 5px;
  background: rgba(17, 135, 93, 0.08);
  padding: 0.2rem 0.45rem;
  color: var(--green);
  font-size: 0.82rem;
}

.alpha-workflow-spine p {
  margin: 0;
  color: var(--ink);
  font-size: 0.94rem;
  line-height: 1.48;
}

.alpha-run-workbench {
  display: grid;
  gap: 18px;
  background:
    linear-gradient(135deg, rgba(248, 250, 252, 0.96), rgba(239, 246, 255, 0.7)),
    #f8fafc;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.alpha-run-workbench.compact {
  margin-top: 18px;
  padding: 22px;
  border: 1px solid rgba(17, 24, 39, 0.1);
  border-radius: 8px;
  background: #f7f9fc;
}

.alpha-run-workbench-layout {
  display: grid;
  grid-template-columns: minmax(320px, 0.48fr) minmax(0, 1fr);
  gap: 14px;
  align-items: stretch;
}

.alpha-run-request-card,
.alpha-run-workbench-panel,
.alpha-run-workbench-lifecycle li,
.alpha-run-workbench-disabled,
.alpha-run-workbench-export,
.alpha-run-workbench-guardrails {
  min-width: 0;
  border: 1px solid rgba(17, 24, 39, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: var(--shadow-tight);
}

.alpha-run-request-card {
  display: grid;
  gap: 14px;
  padding: 18px;
}

.alpha-run-request-card span,
.alpha-run-request-card dt,
.alpha-run-workbench-panel span,
.alpha-run-workbench-lifecycle span,
.alpha-run-workbench-disabled > span,
.alpha-run-workbench-export > span,
.alpha-run-workbench-guardrails > span {
  color: var(--blue);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.alpha-run-request-card h3 {
  margin: 0;
  color: var(--ink);
  font-size: clamp(1.1rem, 1.35vw, 1.3rem);
  line-height: 1.2;
}

.alpha-run-request-card dl {
  display: grid;
  gap: 10px;
  margin: 0;
}

.alpha-run-request-card dl > div {
  min-width: 0;
  border: 1px solid rgba(17, 24, 39, 0.1);
  border-radius: 8px;
  background: #f8fafc;
  padding: 10px;
}

.alpha-run-request-card dd {
  margin: 5px 0 0;
  color: var(--ink);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.alpha-run-workbench-panels {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.alpha-run-workbench-panel {
  display: grid;
  gap: 8px;
  min-height: 142px;
  padding: 14px;
}

.alpha-run-workbench-panel p,
.alpha-run-workbench-lifecycle p,
.alpha-run-workbench-disabled p,
.alpha-run-workbench-export li,
.alpha-run-workbench-guardrails li {
  margin: 0;
  color: var(--muted);
  line-height: 1.42;
}

.alpha-run-workbench-lifecycle {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.alpha-run-workbench-lifecycle li {
  display: grid;
  gap: 8px;
  min-height: 174px;
  padding: 14px;
}

.alpha-run-workbench-lifecycle strong {
  color: var(--ink);
  line-height: 1.24;
}

.alpha-run-workbench-lifecycle mark {
  width: fit-content;
  border-radius: 999px;
  background: #fff7ed;
  color: #a15c07;
  padding: 4px 8px;
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.alpha-run-workbench-bottom {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.8fr) minmax(0, 0.95fr);
  gap: 14px;
}

.alpha-run-workbench-disabled,
.alpha-run-workbench-export,
.alpha-run-workbench-guardrails {
  display: grid;
  gap: 12px;
  padding: 18px;
}

.alpha-run-workbench-disabled article {
  border: 1px solid rgba(17, 24, 39, 0.1);
  border-radius: 8px;
  background: #f8fafc;
  padding: 11px;
}

.alpha-run-workbench-disabled article + article {
  margin-top: 8px;
}

.alpha-run-workbench-disabled strong {
  color: var(--ink);
  line-height: 1.24;
}

.alpha-run-workbench-export ul,
.alpha-run-workbench-guardrails ul {
  display: grid;
  gap: 9px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.alpha-run-workbench-export li,
.alpha-run-workbench-guardrails li {
  border: 1px solid rgba(17, 24, 39, 0.1);
  border-radius: 8px;
  background: #fff;
  padding: 10px;
  overflow-wrap: anywhere;
}

@media (max-width: 1180px) {
  .alpha-run-workbench-layout,
  .alpha-run-workbench-bottom {
    grid-template-columns: 1fr;
  }

  .alpha-run-workbench-panels {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .alpha-run-workbench-lifecycle {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .alpha-run-workbench {
    padding-left: 18px;
    padding-right: 18px;
  }

  .alpha-run-workbench.compact {
    padding: 16px;
  }

  .alpha-run-workbench-panels,
  .alpha-run-workbench-lifecycle {
    grid-template-columns: 1fr;
  }

  .alpha-run-workbench-panel,
  .alpha-run-workbench-lifecycle li {
    min-height: auto;
  }
}

.alpha-run-cockpit {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 22px;
}

.alpha-run-command {
  min-width: 0;
  border: 1px solid rgba(37, 99, 235, 0.16);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.82);
  padding: 16px;
  box-shadow: var(--shadow-tight);
}

.alpha-run-command span,
.alpha-trace-timeline > li > span,
.alpha-export-manifest dt {
  color: var(--blue);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.alpha-run-command h3 {
  margin: 6px 0 8px;
  font-size: 1.05rem;
  line-height: 1.2;
}

.alpha-run-command p {
  margin: 0;
  color: var(--muted);
  line-height: 1.45;
}

.alpha-run-lifecycle {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.alpha-run-lifecycle li {
  display: grid;
  grid-template-columns: minmax(140px, 0.36fr) minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(248, 250, 252, 0.72);
  padding: 12px 14px;
}

.alpha-run-lifecycle strong {
  color: var(--ink);
}

.alpha-run-lifecycle span {
  color: var(--muted);
  line-height: 1.45;
}

.alpha-trace-timeline {
  display: grid;
  gap: 12px;
  margin: 28px 0;
  padding: 0;
  list-style: none;
}

.alpha-trace-timeline > li {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.86);
  padding: 16px;
  box-shadow: var(--shadow-tight);
}

.alpha-trace-timeline > li > span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(17, 135, 93, 0.25);
  border-radius: 50%;
  background: rgba(17, 135, 93, 0.08);
  color: var(--green);
}

.alpha-trace-timeline h3,
.alpha-trace-timeline p,
.alpha-export-manifest dd {
  margin: 0;
}

.alpha-trace-timeline h3 {
  font-size: 1.05rem;
  line-height: 1.2;
}

.alpha-trace-timeline p {
  margin-top: 6px;
  color: var(--muted);
  line-height: 1.45;
}

.alpha-trace-integrity-grid,
.alpha-export-section-grid {
  margin-top: 22px;
}

.alpha-export-manifest {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 28px 0;
}

.alpha-export-manifest > div {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.88);
  padding: 16px;
  box-shadow: var(--shadow-tight);
}

.alpha-export-manifest dd {
  margin-top: 8px;
  color: var(--ink);
  font-weight: 800;
  line-height: 1.35;
}

.alpha-metric-grid .artifact-panel h3,
.account-settings-grid .artifact-panel h3 {
  font-size: 1.5rem;
  line-height: 1.2;
}

.workflow-milestone-card strong {
  color: var(--ink);
}

.capability p,
.tier p,
.principles span {
  margin-bottom: 0;
}

.tier-topline {
  display: grid;
  gap: 4px;
  margin-bottom: 12px;
}

.tier-topline h3 {
  margin-bottom: 0;
}

.tier-topline strong {
  font-size: 1.25rem;
  font-weight: 900;
  line-height: 1.2;
}

.tier-quota {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--line);
  font-weight: 800;
}

.alpha-plan-tier {
  display: grid;
  align-content: start;
  gap: 12px;
}

.alpha-plan-tier.recommended {
  border-color: rgba(37, 99, 235, 0.36);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(239, 246, 255, 0.9)),
    #ffffff;
  box-shadow: 0 24px 72px rgba(37, 99, 235, 0.16);
}

.tier-badge {
  width: fit-content;
  border-radius: 999px;
  background: rgba(37, 99, 235, 0.1);
  color: var(--blue);
  padding: 5px 9px;
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.tier-fit,
.tier-next {
  margin: 0;
  color: var(--muted);
  line-height: 1.45;
}

.tier-next {
  border-top: 1px solid var(--line);
  padding-top: 12px;
  font-size: 0.92rem;
}

.tier-next strong {
  color: var(--ink);
}

.tier-action {
  display: grid;
  gap: 8px;
  margin-top: 6px;
}

.tier-action .button {
  width: 100%;
  min-height: 42px;
  text-align: center;
}

.tier-action .button.ghost {
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.66);
  color: var(--ink);
}

.alpha-plan-decision {
  display: grid;
  gap: 18px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(239, 246, 255, 0.78)),
    #f8fafc;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.alpha-plan-decision.compact {
  padding-top: clamp(42px, 7vw, 72px);
  padding-bottom: clamp(42px, 7vw, 72px);
}

.alpha-plan-decision-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.32fr);
  gap: 18px;
  align-items: stretch;
}

.alpha-plan-decision-head h2 {
  max-width: 12.2em;
  color: var(--ink);
  font-size: clamp(2rem, 4vw, 4.2rem);
  line-height: 1;
}

.alpha-plan-decision-head p {
  max-width: 820px;
  color: var(--muted);
  font-size: clamp(1rem, 1.2vw, 1.1rem);
  line-height: 1.62;
}

.alpha-plan-decision-head aside,
.alpha-plan-decision-card,
.alpha-plan-decision-journey,
.alpha-plan-decision-locks,
.alpha-plan-decision-questions {
  min-width: 0;
  border: 1px solid rgba(15, 23, 42, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: var(--shadow-tight);
}

.alpha-plan-decision-head aside {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 22px;
}

.alpha-plan-decision-head aside span,
.alpha-plan-decision-card span,
.alpha-plan-decision-panel-head span,
.alpha-plan-decision-questions > span {
  color: var(--blue);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.alpha-plan-decision-head aside strong {
  color: var(--ink);
  font-size: 1.5rem;
  line-height: 1.05;
}

.alpha-plan-decision-head aside p,
.alpha-plan-decision-card p,
.alpha-plan-decision-journey p,
.alpha-plan-decision-locks li,
.alpha-plan-decision-questions li {
  margin: 0;
  color: var(--muted);
  line-height: 1.42;
}

.alpha-plan-decision-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.alpha-plan-decision-card {
  display: grid;
  gap: 8px;
  min-height: 132px;
  padding: 16px;
}

.alpha-plan-decision-card strong {
  color: var(--ink);
  font-size: 1.06rem;
  line-height: 1.18;
}

.alpha-plan-decision-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.34fr);
  gap: 16px;
}

.alpha-plan-decision-journey,
.alpha-plan-decision-locks,
.alpha-plan-decision-questions {
  padding: 18px;
}

.alpha-plan-decision-panel-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  margin-bottom: 14px;
}

.alpha-plan-decision-panel-head strong {
  color: var(--ink);
  font-size: 0.82rem;
}

.alpha-plan-decision-journey ol,
.alpha-plan-decision-locks ul,
.alpha-plan-decision-questions ul {
  display: grid;
  gap: 9px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.alpha-plan-decision-journey ol {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.alpha-plan-decision-questions ul {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 14px;
}

.alpha-plan-decision-journey li,
.alpha-plan-decision-locks li,
.alpha-plan-decision-questions li {
  min-width: 0;
  border: 1px solid rgba(15, 23, 42, 0.1);
  border-radius: 8px;
  background: #f8fafc;
  padding: 12px;
}

.alpha-plan-decision-journey li {
  display: grid;
  gap: 8px;
}

.alpha-plan-decision-journey li > strong {
  color: var(--blue);
  font-size: 0.72rem;
}

.alpha-plan-decision-journey span {
  display: block;
  color: var(--ink);
  font-weight: 850;
  line-height: 1.22;
}

.principles article {
  display: grid;
  gap: 10px;
  padding-top: 16px;
  border-top: 4px solid var(--accent);
}

.principles p {
  color: var(--muted);
  line-height: 1.55;
}

.principles h3,
.principles p {
  margin-bottom: 0;
}

.proof-band,
.account-readiness {
  background: #eef3f8;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.proof-band .workflow-visual {
  max-width: 920px;
  margin-top: 30px;
}

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

.check-list li {
  padding-left: 28px;
  position: relative;
  color: var(--muted);
  line-height: 1.55;
}

.check-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.62em;
  width: 10px;
  height: 10px;
  border-radius: 3px;
  background: var(--green);
}

.numbered-list {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: numbered-list-counter;
  display: grid;
  gap: 16px;
}

.numbered-list li {
  position: relative;
  padding-left: 40px;
  color: var(--muted);
  line-height: 1.55;
}

.numbered-list li::before {
  counter-increment: numbered-list-counter;
  content: counter(numbered-list-counter, decimal-leading-zero);
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 1px solid var(--line);
  border-radius: 50%;
  background: var(--paper);
  color: var(--accent);
  font-size: 0.8rem;
  font-weight: 900;
}

.numbered-list strong {
  display: block;
  color: var(--ink);
}

.workflow-steps-list {
  display: grid;
  gap: 12px;
  list-style: none;
  margin: 0;
  padding: 0;
  counter-reset: workflow-steps-counter;
}

.workflow-steps-list li {
  position: relative;
  display: grid;
  gap: 8px;
  padding: 16px 16px 16px 54px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
}

.workflow-steps-list li::before {
  counter-increment: workflow-steps-counter;
  content: counter(workflow-steps-counter, decimal-leading-zero);
  position: absolute;
  left: 16px;
  top: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--paper);
  border: 1px solid var(--line);
  color: var(--accent);
  font-weight: 900;
}

.workflow-steps-list h3,
.workflow-steps-list p {
  margin: 0;
}

.status-list {
  display: grid;
  gap: 12px;
  margin-top: 30px;
}

.status-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(160px, 240px);
  gap: 20px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 18px 20px;
  background: var(--panel);
  box-shadow: var(--shadow-tight);
}

.status-label {
  margin-bottom: 8px;
  font-size: 1rem;
  line-height: 1.2;
}

.status-detail,
.status-state {
  margin-bottom: 0;
  color: var(--muted);
}

.status-state {
  display: grid;
  gap: 8px;
  font-weight: 800;
}

.state {
  display: inline-flex;
  justify-content: center;
  width: 100%;
  border-radius: 6px;
  padding: 8px 10px;
  background: #fff3d6;
  color: var(--amber);
  font-weight: 800;
}

.state.disabled,
.state.pending,
.state.incomplete {
  background: #ffe7e2;
  color: var(--red);
}

.state.prelaunch,
.state.in-progress,
.state.private-interest-only {
  background: #e5f6ef;
  color: var(--green);
}

.alpha-product-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(340px, 0.72fr);
  gap: clamp(24px, 4vw, 62px);
  align-items: center;
  border-bottom: 1px solid var(--line);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(238, 244, 251, 0.82)),
    radial-gradient(circle at 82% 16%, rgba(37, 99, 235, 0.1), transparent 34%),
    var(--paper);
}

.alpha-product-hero-copy {
  display: grid;
  gap: 18px;
  max-width: 850px;
}

.alpha-product-hero-copy h1 {
  margin: 0;
  max-width: 760px;
  font-size: clamp(2.45rem, 6vw, 5.8rem);
  line-height: 0.96;
}

.alpha-product-hero-copy p {
  margin: 0;
  max-width: 760px;
}

.alpha-product-panel {
  min-width: 0;
  display: grid;
  gap: 14px;
  border: 1px solid rgba(17, 24, 39, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.92);
  padding: clamp(16px, 3vw, 22px);
  box-shadow: var(--shadow-tight);
}

.alpha-product-panel-top,
.alpha-product-panel-footer {
  min-width: 0;
  border: 1px solid rgba(17, 24, 39, 0.1);
  border-radius: 8px;
  background: #f8fafc;
  padding: 14px;
}

.alpha-product-panel-top {
  display: flex;
  gap: 12px;
  justify-content: space-between;
  align-items: start;
}

.alpha-product-panel-top div,
.alpha-product-panel-footer {
  display: grid;
  gap: 6px;
}

.alpha-product-panel span,
.alpha-product-panel small {
  color: var(--blue);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.alpha-product-panel strong {
  color: var(--ink);
  line-height: 1.25;
}

.alpha-product-panel mark {
  flex: 0 0 auto;
  border-radius: 999px;
  background: #fff1ed;
  color: var(--red);
  padding: 6px 9px;
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.alpha-product-panel-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.alpha-product-panel-grid div {
  min-width: 0;
  display: grid;
  gap: 6px;
  border: 1px solid rgba(17, 24, 39, 0.1);
  border-radius: 8px;
  background: #ffffff;
  padding: 13px;
}

.alpha-product-panel-grid small {
  color: var(--muted);
  overflow-wrap: anywhere;
}

.alpha-product-panel-footer p {
  margin: 0;
  color: var(--muted);
  line-height: 1.45;
}

.alpha-product-readiness-strip {
  padding-top: clamp(40px, 7vw, 78px);
  padding-bottom: clamp(38px, 6vw, 72px);
  background: #f8fafc;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.alpha-product-readiness-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}

.alpha-product-readiness-card {
  min-width: 0;
  display: grid;
  gap: 10px;
  align-content: start;
  min-height: 100%;
  border: 1px solid rgba(17, 24, 39, 0.1);
  border-radius: 8px;
  background: #ffffff;
  padding: 16px;
  box-shadow: var(--shadow-tight);
}

.alpha-product-readiness-card span {
  color: var(--blue);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.alpha-product-readiness-card p {
  margin: 0;
  color: var(--muted);
  line-height: 1.48;
}

.alpha-product-readiness-card strong {
  color: var(--ink);
}

.alpha-conversion-journey-section {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(240, 247, 255, 0.74)),
    #ffffff;
  border-bottom: 1px solid var(--line);
}

.alpha-conversion-journey-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.36fr);
  gap: clamp(18px, 4vw, 44px);
  align-items: stretch;
  margin-bottom: 20px;
}

.alpha-conversion-journey-head h2,
.alpha-conversion-journey-head p {
  margin: 0;
}

.alpha-conversion-journey-head div {
  display: grid;
  gap: 12px;
  max-width: 920px;
}

.alpha-conversion-journey-head aside,
.alpha-conversion-journey-bottom article {
  min-width: 0;
  display: grid;
  gap: 8px;
  align-content: start;
  border: 1px solid rgba(17, 24, 39, 0.1);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.92);
  padding: 16px;
  box-shadow: var(--shadow-tight);
}

.alpha-conversion-journey-head aside span,
.alpha-conversion-journey-bottom span,
.alpha-conversion-journey small {
  color: var(--blue);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.alpha-conversion-journey-head aside strong,
.alpha-conversion-journey-bottom strong {
  color: var(--ink);
  line-height: 1.25;
}

.alpha-conversion-journey-head aside p,
.alpha-conversion-journey-bottom p {
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
}

.alpha-conversion-journey {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.alpha-conversion-journey li {
  min-width: 0;
}

.alpha-conversion-journey a {
  position: relative;
  min-width: 0;
  min-height: 168px;
  height: 100%;
  display: grid;
  align-content: start;
  gap: 8px;
  border: 1px solid rgba(17, 24, 39, 0.1);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.86);
  padding: 14px;
  text-decoration: none;
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.alpha-conversion-journey a:hover,
.alpha-conversion-journey a:focus-visible,
.alpha-conversion-journey li.is-active a {
  border-color: rgba(37, 99, 235, 0.52);
  box-shadow: 0 18px 34px rgba(37, 99, 235, 0.13);
  transform: translateY(-1px);
}

.alpha-conversion-journey span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: rgba(37, 99, 235, 0.08);
  color: var(--blue);
  font-size: 0.78rem;
  font-weight: 900;
}

.alpha-conversion-journey strong {
  color: var(--ink);
  line-height: 1.22;
}

.alpha-conversion-journey p {
  margin: 0;
  color: var(--muted);
  font-size: 0.82rem;
  line-height: 1.4;
}

.alpha-conversion-journey-bottom {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
}

.alpha-conversion-journey-bottom a {
  color: var(--accent);
  font-weight: 800;
}

.alpha-activation-cockpit {
  background:
    linear-gradient(135deg, rgba(239, 246, 255, 0.96), rgba(236, 253, 245, 0.68)),
    #ffffff;
}

.alpha-activation-cockpit.compact {
  padding-top: clamp(42px, 7vw, 72px);
  padding-bottom: clamp(42px, 7vw, 72px);
}

.alpha-activation-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.42fr);
  gap: 18px;
  align-items: stretch;
}

.alpha-activation-map {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.alpha-activation-lane,
.alpha-activation-status,
.alpha-activation-sequence,
.alpha-activation-locks {
  border: 1px solid rgba(37, 99, 235, 0.16);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(248, 250, 252, 0.88)),
    #ffffff;
  box-shadow: var(--shadow-tight);
}

.alpha-activation-lane {
  display: grid;
  gap: 12px;
  min-height: 190px;
  padding: 18px;
  color: inherit;
  text-decoration: none;
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.alpha-activation-lane:hover,
.alpha-activation-lane:focus-visible {
  border-color: rgba(37, 99, 235, 0.42);
  box-shadow: 0 22px 62px rgba(37, 99, 235, 0.12);
  transform: translateY(-2px);
}

.alpha-activation-lane span,
.alpha-activation-status-top span,
.alpha-activation-sequence > span,
.alpha-activation-locks > span,
.alpha-activation-status dt {
  color: var(--blue);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.alpha-activation-lane strong {
  color: var(--ink);
  font-size: 1rem;
  line-height: 1.25;
}

.alpha-activation-lane p {
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
}

.alpha-activation-status {
  display: grid;
  gap: 16px;
  padding: 20px;
}

.alpha-activation-status-top {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(15, 23, 42, 0.1);
}

.alpha-activation-status-top strong {
  flex-shrink: 0;
  padding: 5px 9px;
  border-radius: 6px;
  background: rgba(25, 93, 79, 0.1);
  color: var(--green);
  font-size: 0.72rem;
}

.alpha-activation-status dl {
  display: grid;
  gap: 12px;
}

.alpha-activation-status dl div {
  display: grid;
  gap: 5px;
}

.alpha-activation-status dd {
  display: grid;
  gap: 3px;
  margin: 0;
}

.alpha-activation-status dd strong {
  color: var(--ink);
  font-size: 0.96rem;
}

.alpha-activation-status dd span {
  color: var(--muted);
  font-size: 0.9rem;
  line-height: 1.45;
}

.alpha-activation-footer {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 14px;
  margin-top: 16px;
}

.alpha-activation-sequence,
.alpha-activation-locks {
  padding: 18px;
}

.alpha-activation-sequence ol,
.alpha-activation-locks ul {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0 0;
  padding-left: 18px;
}

.alpha-activation-sequence li,
.alpha-activation-locks li {
  color: var(--muted);
  line-height: 1.45;
}

.alpha-self-serve-board {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(241, 245, 249, 0.86)),
    radial-gradient(circle at 88% 8%, rgba(17, 135, 93, 0.1), transparent 30%),
    #ffffff;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.alpha-self-serve-board.compact {
  padding-top: clamp(42px, 7vw, 72px);
  padding-bottom: clamp(42px, 7vw, 72px);
}

.alpha-self-serve-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(330px, 0.42fr);
  gap: 18px;
  align-items: stretch;
}

.alpha-self-serve-readiness {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.alpha-self-serve-card,
.alpha-self-serve-ops,
.alpha-self-serve-path,
.alpha-self-serve-checklist,
.alpha-self-serve-locks {
  min-width: 0;
  border: 1px solid rgba(17, 24, 39, 0.11);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: var(--shadow-tight);
}

.alpha-self-serve-card {
  display: grid;
  gap: 11px;
  min-height: 238px;
  color: inherit;
  padding: 18px;
  text-decoration: none;
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.alpha-self-serve-card:hover,
.alpha-self-serve-card:focus-visible {
  border-color: rgba(37, 99, 235, 0.42);
  box-shadow: 0 22px 62px rgba(37, 99, 235, 0.12);
  transform: translateY(-2px);
}

.alpha-self-serve-card span,
.alpha-self-serve-ops > span,
.alpha-self-serve-path > span,
.alpha-self-serve-checklist > span,
.alpha-self-serve-locks > span {
  color: var(--blue);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.alpha-self-serve-card h3 {
  margin: 0;
  color: var(--ink);
  font-size: clamp(1rem, 1.2vw, 1.18rem);
  line-height: 1.22;
}

.alpha-self-serve-card p {
  margin: 0;
  color: var(--muted);
  line-height: 1.46;
}

.alpha-self-serve-card p strong {
  color: var(--ink);
}

.alpha-self-serve-ops {
  display: grid;
  gap: 10px;
  padding: 18px;
}

.alpha-self-serve-ops article {
  display: grid;
  gap: 7px;
  border: 1px solid rgba(17, 24, 39, 0.1);
  border-radius: 8px;
  background: #f8fafc;
  padding: 12px;
}

.alpha-self-serve-ops article div {
  display: flex;
  gap: 10px;
  justify-content: space-between;
  align-items: start;
}

.alpha-self-serve-ops strong {
  color: var(--ink);
  line-height: 1.25;
}

.alpha-self-serve-ops mark {
  flex: 0 0 auto;
  border-radius: 999px;
  background: #fff7ed;
  color: #a15c07;
  padding: 4px 8px;
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.alpha-self-serve-ops p,
.alpha-self-serve-ops small {
  margin: 0;
  color: var(--muted);
  line-height: 1.42;
}

.alpha-self-serve-bottom {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.94fr) minmax(0, 0.94fr);
  gap: 14px;
  margin-top: 16px;
}

.alpha-self-serve-path,
.alpha-self-serve-checklist,
.alpha-self-serve-locks {
  padding: 18px;
}

.alpha-self-serve-path ol,
.alpha-self-serve-checklist ul,
.alpha-self-serve-locks ul {
  display: grid;
  gap: 9px;
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
}

.alpha-self-serve-path li,
.alpha-self-serve-checklist li,
.alpha-self-serve-locks li {
  min-width: 0;
  border: 1px solid rgba(17, 24, 39, 0.09);
  border-radius: 8px;
  background: #f8fafc;
  color: var(--muted);
  line-height: 1.42;
  padding: 10px;
}

.alpha-self-serve-path li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}

.alpha-self-serve-path li strong {
  color: var(--blue);
  font-size: 0.76rem;
}

.alpha-self-serve-path li span {
  color: var(--ink);
  font-weight: 800;
}

.alpha-paid-control-plane {
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(9, 10, 15, 0.94), rgba(14, 18, 32, 0.9)),
    radial-gradient(circle at 82% 4%, rgba(111, 92, 255, 0.28), transparent 28rem),
    radial-gradient(circle at 8% 82%, rgba(25, 195, 125, 0.16), transparent 30rem),
    url("/brand/veyact-mark-light.svg") no-repeat right 6vw top 40px / min(34vw, 360px),
    #090a0f;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  color: #f8fafc;
}

.alpha-paid-control-plane.compact {
  padding-top: clamp(42px, 7vw, 72px);
  padding-bottom: clamp(42px, 7vw, 72px);
}

.alpha-paid-control-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.36fr);
  gap: 18px;
  align-items: stretch;
}

.alpha-paid-control-head h2 {
  max-width: 13.6em;
  margin: 0;
  color: #ffffff;
  font-size: clamp(2.1rem, 4.2vw, 4.7rem);
  line-height: 0.98;
}

.alpha-paid-control-head p {
  max-width: 860px;
  color: rgba(226, 232, 240, 0.82);
  font-size: clamp(1rem, 1.2vw, 1.13rem);
  line-height: 1.62;
}

.alpha-paid-control-head aside,
.alpha-paid-control-stage a,
.alpha-paid-control-card,
.alpha-paid-control-locks {
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  background: rgba(11, 14, 24, 0.82);
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.32);
  backdrop-filter: blur(18px);
}

.alpha-paid-control-head aside {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 22px;
}

.alpha-paid-control-head aside span,
.alpha-paid-control-card > span,
.alpha-paid-control-locks > span {
  color: #9ee4c4;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.alpha-paid-control-head aside strong {
  color: #ffffff;
  font-size: 1.35rem;
  line-height: 1.1;
}

.alpha-paid-control-head aside p {
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.45;
}

.alpha-paid-control-journey {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 10px;
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
}

.alpha-paid-control-plane.compact .alpha-paid-control-journey {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.alpha-paid-control-stage a {
  display: grid;
  gap: 10px;
  min-height: 244px;
  padding: 16px;
  color: inherit;
  text-decoration: none;
  transition: border-color 160ms ease, transform 160ms ease, background 160ms ease;
}

.alpha-paid-control-stage a:hover,
.alpha-paid-control-stage a:focus-visible {
  border-color: rgba(158, 228, 196, 0.42);
  background: rgba(17, 22, 38, 0.94);
  transform: translateY(-2px);
}

.alpha-paid-control-stage span {
  color: #9bb5ff;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.alpha-paid-control-stage strong {
  color: #ffffff;
  font-size: 1rem;
  line-height: 1.24;
}

.alpha-paid-control-stage p,
.alpha-paid-control-stage small {
  margin: 0;
  color: rgba(226, 232, 240, 0.74);
  line-height: 1.42;
}

.alpha-paid-control-stage b {
  color: #ffffff;
}

.alpha-paid-control-grid,
.alpha-paid-control-bottom {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 16px;
}

.alpha-paid-control-card,
.alpha-paid-control-locks {
  display: grid;
  gap: 14px;
  padding: 18px;
}

.alpha-paid-control-records,
.alpha-paid-control-flow {
  display: grid;
  gap: 10px;
}

.alpha-paid-control-records article,
.alpha-paid-control-flow article,
.alpha-paid-control-locks li {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.045);
  padding: 12px;
}

.alpha-paid-control-records article,
.alpha-paid-control-flow article {
  display: grid;
  gap: 8px;
}

.alpha-paid-control-records strong,
.alpha-paid-control-flow strong {
  color: #ffffff;
  line-height: 1.2;
}

.alpha-paid-control-records p,
.alpha-paid-control-flow p,
.alpha-paid-control-records small,
.alpha-paid-control-flow small,
.alpha-paid-control-locks li {
  margin: 0;
  color: rgba(226, 232, 240, 0.74);
  line-height: 1.44;
}

.alpha-paid-control-records mark {
  justify-self: start;
  border-radius: 999px;
  background: rgba(25, 195, 125, 0.14);
  color: #9ee4c4;
  padding: 4px 8px;
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.alpha-paid-control-locks ul {
  display: grid;
  gap: 9px;
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (max-width: 1180px) {
  .alpha-paid-control-journey {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .alpha-paid-control-plane.compact .alpha-paid-control-journey {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 780px) {
  .alpha-paid-control-head,
  .alpha-paid-control-grid,
  .alpha-paid-control-bottom {
    grid-template-columns: 1fr;
  }

  .alpha-paid-control-journey,
  .alpha-paid-control-plane.compact .alpha-paid-control-journey {
    grid-template-columns: 1fr;
  }

  .alpha-paid-control-stage a {
    min-height: 0;
  }
}

.alpha-product-simulator {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(circle at 16% 0%, rgba(91, 73, 234, 0.24), transparent 29rem),
    radial-gradient(circle at 88% 12%, rgba(25, 195, 125, 0.14), transparent 30rem),
    linear-gradient(180deg, rgba(9, 10, 15, 0.96), rgba(9, 10, 15, 0.985)),
    url("/illustrations/background-pattern.png"),
    #090a0f;
  background-size: auto, auto, auto, 760px auto, auto;
  color: #f5f7fa;
}

.alpha-product-simulator::before {
  content: "";
  position: absolute;
  inset: clamp(28px, 6vw, 78px) clamp(24px, 8vw, 120px) auto auto;
  z-index: -1;
  width: min(44vw, 560px);
  aspect-ratio: 1;
  background: url("/brand/veyact-mark-light.svg") no-repeat center / contain;
  opacity: 0.075;
  pointer-events: none;
}

.alpha-product-simulator.compact {
  padding-top: clamp(34px, 6vw, 62px);
  padding-bottom: clamp(34px, 6vw, 62px);
}

.alpha-simulator-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.34fr);
  gap: 18px;
  align-items: stretch;
}

.alpha-simulator-head h2 {
  max-width: 12.8em;
  margin: 0;
  color: #fff;
  font-size: clamp(2rem, 4vw, 4.5rem);
  line-height: 0.98;
  text-wrap: balance;
}

.alpha-simulator-head p {
  max-width: 880px;
  color: rgba(245, 247, 250, 0.74);
  font-size: clamp(1rem, 1.1vw, 1.12rem);
  line-height: 1.62;
}

.alpha-simulator-head aside,
.alpha-simulator-focus-card,
.alpha-simulator-account,
.alpha-simulator-plans,
.alpha-simulator-run,
.alpha-simulator-proof,
.alpha-simulator-compact-panel,
.alpha-simulator-lockbar {
  min-width: 0;
  border: 1px solid rgba(245, 247, 250, 0.12);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(245, 247, 250, 0.072), rgba(245, 247, 250, 0.027)),
    rgba(15, 18, 26, 0.82);
  box-shadow: 0 24px 74px rgba(0, 0, 0, 0.28);
  backdrop-filter: blur(16px);
}

.alpha-simulator-head aside {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 20px;
}

.alpha-simulator-head aside span,
.alpha-simulator-focus-card span,
.alpha-simulator-account > span,
.alpha-simulator-plans > span,
.alpha-simulator-run > span,
.alpha-simulator-proof > span,
.alpha-simulator-compact-panel > div:first-child > span,
.alpha-simulator-mini-list span {
  color: #9ee4c4;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.alpha-simulator-head aside strong {
  color: #fff;
  font-size: 1.25rem;
  line-height: 1.1;
}

.alpha-simulator-head aside p {
  margin: 0;
  font-size: 0.94rem;
  line-height: 1.45;
}

.alpha-simulator-journey {
  display: grid;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  gap: 8px;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
}

.alpha-simulator-journey a {
  min-height: 76px;
  display: grid;
  align-content: center;
  gap: 6px;
  border: 1px solid rgba(245, 247, 250, 0.1);
  border-radius: 7px;
  padding: 10px;
  background: rgba(245, 247, 250, 0.04);
  color: rgba(245, 247, 250, 0.72);
  text-decoration: none;
  transition: border-color 160ms ease, transform 160ms ease, background 160ms ease;
}

.alpha-simulator-journey a:hover,
.alpha-simulator-journey a:focus-visible,
.alpha-simulator-journey li.is-active a {
  border-color: rgba(25, 195, 125, 0.34);
  background:
    radial-gradient(circle at 16% 0%, rgba(25, 195, 125, 0.13), transparent 9rem),
    rgba(245, 247, 250, 0.065);
  color: #fff;
  transform: translateY(-1px);
}

.alpha-simulator-journey span {
  color: #9ee4c4;
  font-size: 0.68rem;
  font-weight: 900;
}

.alpha-simulator-journey strong {
  overflow-wrap: anywhere;
  font-size: 0.84rem;
  line-height: 1.1;
}

.alpha-simulator-focus-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}

.alpha-simulator-focus-card {
  display: grid;
  gap: 10px;
  padding: 16px;
}

.alpha-simulator-focus-card strong,
.alpha-simulator-account h3,
.alpha-simulator-plans h3,
.alpha-simulator-run h3,
.alpha-simulator-proof h3,
.alpha-simulator-compact-panel h3,
.alpha-simulator-mini-list strong {
  margin: 0;
  color: #fff;
  line-height: 1.12;
}

.alpha-simulator-focus-card p,
.alpha-simulator-account p,
.alpha-simulator-account small,
.alpha-simulator-plans p,
.alpha-simulator-plans small,
.alpha-simulator-run p,
.alpha-simulator-proof p,
.alpha-simulator-compact-panel p,
.alpha-simulator-mini-list p,
.alpha-simulator-demo-board p,
.alpha-simulator-demo-board dd {
  margin: 0;
  color: rgba(245, 247, 250, 0.7);
  line-height: 1.45;
}

.alpha-simulator-demo-board {
  display: grid;
  grid-template-columns: minmax(280px, 0.95fr) minmax(0, 1.05fr) minmax(280px, 0.9fr);
  gap: 12px;
  margin-top: 14px;
}

.alpha-simulator-demo-board > article,
.alpha-simulator-demo-events {
  min-width: 0;
  border: 1px solid rgba(245, 247, 250, 0.12);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(245, 247, 250, 0.078), rgba(245, 247, 250, 0.03)),
    rgba(15, 18, 26, 0.88);
  box-shadow: 0 24px 74px rgba(0, 0, 0, 0.28);
  backdrop-filter: blur(16px);
}

.alpha-simulator-demo-board > article {
  display: grid;
  gap: 11px;
  align-content: start;
  padding: 18px;
}

.alpha-simulator-demo-state {
  grid-row: span 2;
}

.alpha-simulator-demo-board span,
.alpha-simulator-demo-board dt,
.alpha-simulator-demo-board small {
  color: #9ee4c4;
  font-size: 0.7rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.alpha-simulator-demo-board strong,
.alpha-simulator-demo-board h3,
.alpha-simulator-demo-board b,
.alpha-simulator-demo-board code {
  color: #fff;
}

.alpha-simulator-demo-board h3 {
  max-width: 13em;
  margin: 0;
  font-size: clamp(1.45rem, 2.5vw, 2.35rem);
  line-height: 1;
  text-wrap: balance;
}

.alpha-simulator-demo-board dl {
  display: grid;
  gap: 10px;
  margin: 0;
}

.alpha-simulator-demo-board dl div,
.alpha-simulator-demo-metrics div,
.alpha-simulator-demo-events article {
  border: 1px solid rgba(245, 247, 250, 0.1);
  border-radius: 7px;
  background: rgba(245, 247, 250, 0.045);
  padding: 11px;
}

.alpha-simulator-demo-board dt,
.alpha-simulator-demo-board dd {
  margin: 0;
}

.alpha-simulator-demo-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.alpha-simulator-demo-metrics div {
  display: grid;
  gap: 5px;
}

.alpha-simulator-demo-metrics b {
  font-size: 0.95rem;
  line-height: 1.14;
}

.alpha-simulator-demo-terminal code {
  display: block;
  overflow-x: auto;
  border: 1px solid rgba(125, 239, 185, 0.2);
  border-radius: 7px;
  background: rgba(0, 0, 0, 0.28);
  padding: 10px;
  font-size: 0.82rem;
  line-height: 1.35;
  white-space: nowrap;
}

.alpha-simulator-demo-terminal code:focus-visible {
  outline: 3px solid #7defb9;
  outline-offset: 3px;
}

.alpha-simulator-demo-events {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  padding: 12px;
}

.alpha-simulator-demo-events article {
  display: grid;
  gap: 7px;
}

.alpha-simulator-demo-events strong {
  font-size: 0.92rem;
  line-height: 1.2;
}

.alpha-simulator-demo-board.compact {
  grid-template-columns: minmax(240px, 0.7fr) minmax(0, 1fr);
}

.alpha-simulator-demo-board.compact .alpha-simulator-demo-state {
  grid-row: auto;
}

.alpha-simulator-demo-board.compact .alpha-simulator-demo-events {
  grid-column: 1 / -1;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.alpha-simulator-workspace {
  display: grid;
  grid-template-columns: minmax(270px, 0.75fr) minmax(0, 1.25fr);
  gap: 14px;
  margin-top: 14px;
}

.alpha-simulator-account,
.alpha-simulator-plans,
.alpha-simulator-run,
.alpha-simulator-proof {
  display: grid;
  gap: 12px;
  padding: 18px;
}

.alpha-simulator-account article,
.alpha-simulator-plans article,
.alpha-simulator-run li,
.alpha-simulator-proof-grid article,
.alpha-simulator-mini-list article {
  min-width: 0;
  border: 1px solid rgba(245, 247, 250, 0.1);
  border-radius: 7px;
  background: rgba(245, 247, 250, 0.045);
  padding: 12px;
}

.alpha-simulator-account article {
  display: grid;
  gap: 7px;
}

.alpha-simulator-account mark,
.alpha-simulator-plans article > span {
  justify-self: start;
  border-radius: 999px;
  background: rgba(25, 195, 125, 0.13);
  color: #9ee4c4;
  padding: 4px 8px;
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.alpha-simulator-plans {
  grid-column: 2;
  grid-row: 1;
}

.alpha-simulator-plans > div {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.alpha-simulator-plans article {
  display: grid;
  gap: 8px;
  min-height: 170px;
}

.alpha-simulator-plans article.is-selected {
  border-color: rgba(25, 195, 125, 0.36);
  background:
    radial-gradient(circle at 16% 0%, rgba(25, 195, 125, 0.16), transparent 10rem),
    rgba(245, 247, 250, 0.064);
}

.alpha-simulator-run {
  grid-column: 1 / -1;
}

.alpha-simulator-run ol {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.alpha-simulator-run li {
  display: grid;
  gap: 8px;
}

.alpha-simulator-run li > span {
  color: #9ee4c4;
  font-size: 0.68rem;
  font-weight: 900;
}

.alpha-simulator-proof {
  grid-column: 1 / -1;
}

.alpha-simulator-proof-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.alpha-simulator-compact-panel {
  display: grid;
  grid-template-columns: minmax(240px, 0.48fr) minmax(0, 1fr);
  gap: 14px;
  margin-top: 14px;
  padding: 16px;
}

.alpha-simulator-mini-list {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.alpha-simulator-mini-list article {
  display: grid;
  gap: 7px;
}

.alpha-simulator-lockbar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
  padding: 12px;
}

.alpha-simulator-lockbar span {
  border: 1px solid rgba(245, 247, 250, 0.1);
  border-radius: 999px;
  background: rgba(245, 247, 250, 0.045);
  color: rgba(245, 247, 250, 0.72);
  padding: 7px 10px;
  font-size: 0.78rem;
  font-weight: 800;
}

@media (max-width: 1180px) {
  .alpha-simulator-journey {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .alpha-simulator-workspace,
  .alpha-simulator-compact-panel {
    grid-template-columns: 1fr;
  }

  .alpha-simulator-plans {
    grid-column: auto;
    grid-row: auto;
  }

  .alpha-simulator-plans > div,
  .alpha-simulator-mini-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .alpha-simulator-run ol {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .alpha-simulator-demo-board,
  .alpha-simulator-demo-board.compact {
    grid-template-columns: 1fr;
  }

  .alpha-simulator-demo-events,
  .alpha-simulator-demo-board.compact .alpha-simulator-demo-events {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .alpha-simulator-head,
  .alpha-simulator-focus-grid,
  .alpha-simulator-proof-grid {
    grid-template-columns: 1fr;
  }

  .alpha-simulator-journey,
  .alpha-simulator-plans > div,
  .alpha-simulator-run ol,
  .alpha-simulator-mini-list {
    grid-template-columns: 1fr;
  }
}

.alpha-executive-deck {
  display: grid;
  gap: 18px;
  background:
    linear-gradient(135deg, rgba(248, 250, 252, 0.98), rgba(239, 246, 255, 0.8)),
    #f8fafc;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.alpha-executive-deck.compact {
  padding-top: clamp(42px, 7vw, 72px);
  padding-bottom: clamp(42px, 7vw, 72px);
}

.alpha-executive-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.34fr);
  gap: 18px;
  align-items: stretch;
}

.alpha-executive-head h2 {
  max-width: 13.4em;
  color: var(--ink);
  font-size: clamp(2rem, 4vw, 4.4rem);
  line-height: 0.98;
}

.alpha-executive-head p {
  max-width: 820px;
  color: var(--muted);
  font-size: clamp(1rem, 1.2vw, 1.12rem);
  line-height: 1.62;
}

.alpha-executive-head aside,
.alpha-executive-metric,
.alpha-executive-path,
.alpha-executive-queue,
.alpha-executive-list {
  min-width: 0;
  border: 1px solid rgba(15, 23, 42, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: var(--shadow-tight);
}

.alpha-executive-head aside {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 22px;
}

.alpha-executive-head aside span,
.alpha-executive-metric span,
.alpha-executive-panel-head span,
.alpha-executive-list > span {
  color: var(--blue);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.alpha-executive-head aside strong {
  color: var(--ink);
  font-size: 1.32rem;
  line-height: 1.1;
}

.alpha-executive-head aside p,
.alpha-executive-metric p,
.alpha-executive-queue p,
.alpha-executive-queue small,
.alpha-executive-list li {
  margin: 0;
  color: var(--muted);
  line-height: 1.42;
}

.alpha-executive-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}

.alpha-executive-metric {
  display: grid;
  gap: 8px;
  min-height: 138px;
  padding: 16px;
}

.alpha-executive-metric strong {
  color: var(--ink);
  font-size: 1.08rem;
  line-height: 1.18;
}

.alpha-executive-main {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(330px, 0.54fr);
  gap: 16px;
  align-items: stretch;
}

.alpha-executive-path,
.alpha-executive-queue,
.alpha-executive-list {
  padding: 18px;
}

.alpha-executive-panel-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  margin-bottom: 14px;
}

.alpha-executive-panel-head strong {
  color: var(--ink);
  font-size: 0.82rem;
}

.alpha-executive-path ol {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.alpha-executive-path li,
.alpha-executive-list li,
.alpha-executive-queue article {
  min-width: 0;
  border: 1px solid rgba(15, 23, 42, 0.1);
  border-radius: 8px;
  background: #f8fafc;
}

.alpha-executive-path li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-height: 62px;
  padding: 12px;
}

.alpha-executive-path li strong {
  color: var(--blue);
  font-size: 0.72rem;
}

.alpha-executive-path li span {
  color: var(--ink);
  font-weight: 850;
  line-height: 1.22;
}

.alpha-executive-queue {
  display: grid;
  gap: 10px;
}

.alpha-executive-queue article {
  display: grid;
  gap: 7px;
  padding: 12px;
}

.alpha-executive-queue article div {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: start;
}

.alpha-executive-queue article strong {
  color: var(--ink);
  line-height: 1.25;
}

.alpha-executive-queue mark {
  flex: 0 0 auto;
  border-radius: 999px;
  background: #eef6ff;
  color: #1d4ed8;
  padding: 4px 8px;
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.alpha-executive-bottom {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.alpha-executive-list ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
}

.alpha-executive-list li {
  padding: 10px;
}

.alpha-workspace-console {
  display: grid;
  gap: 18px;
  background:
    linear-gradient(135deg, rgba(245, 248, 252, 0.96), rgba(239, 246, 255, 0.72)),
    #f8fafc;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.alpha-workspace-console-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.alpha-workspace-console-stat,
.alpha-workspace-console-area,
.alpha-workspace-console-actions,
.alpha-workspace-console-channels,
.alpha-workspace-console-guardrails {
  min-width: 0;
  border: 1px solid rgba(17, 24, 39, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: var(--shadow-tight);
}

.alpha-workspace-console-stat {
  display: grid;
  gap: 7px;
  padding: 16px;
}

.alpha-workspace-console-stat span,
.alpha-workspace-console-area span,
.alpha-workspace-console-actions > span,
.alpha-workspace-console-channels > span,
.alpha-workspace-console-guardrails > span {
  color: var(--blue);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.alpha-workspace-console-stat strong {
  color: var(--ink);
  line-height: 1.2;
}

.alpha-workspace-console-stat p,
.alpha-workspace-console-area p,
.alpha-workspace-console-actions p,
.alpha-workspace-console-channels p,
.alpha-workspace-console-guardrails li {
  margin: 0;
  color: var(--muted);
  line-height: 1.44;
}

.alpha-workspace-console-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.42fr);
  gap: 14px;
  align-items: start;
}

.alpha-workspace-console-areas {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.alpha-workspace-console-area {
  display: grid;
  gap: 10px;
  min-height: 205px;
  color: inherit;
  padding: 17px;
  text-decoration: none;
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.alpha-workspace-console-area:hover,
.alpha-workspace-console-area:focus-visible {
  border-color: rgba(37, 99, 235, 0.42);
  box-shadow: 0 22px 62px rgba(37, 99, 235, 0.12);
  transform: translateY(-2px);
}

.alpha-workspace-console-area h3,
.alpha-workspace-console-channels h3 {
  margin: 0;
  color: var(--ink);
  font-size: clamp(1rem, 1.15vw, 1.12rem);
  line-height: 1.24;
}

.alpha-workspace-console-actions {
  display: grid;
  gap: 10px;
  padding: 17px;
}

.alpha-workspace-console-actions article {
  display: grid;
  gap: 7px;
  border: 1px solid rgba(17, 24, 39, 0.1);
  border-radius: 8px;
  background: #f8fafc;
  padding: 11px;
}

.alpha-workspace-console-actions article div {
  display: flex;
  gap: 10px;
  justify-content: space-between;
  align-items: start;
}

.alpha-workspace-console-actions strong {
  color: var(--ink);
  line-height: 1.24;
}

.alpha-workspace-console-actions mark {
  flex: 0 0 auto;
  border-radius: 999px;
  background: #fff7ed;
  color: #a15c07;
  padding: 4px 8px;
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.alpha-workspace-console-actions b {
  color: var(--ink);
}

.alpha-workspace-console-channels,
.alpha-workspace-console-guardrails {
  display: grid;
  gap: 12px;
  padding: 18px;
}

.alpha-workspace-console-channels > div {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.alpha-workspace-console-channels article {
  min-width: 0;
  border: 1px solid rgba(17, 24, 39, 0.1);
  border-radius: 8px;
  background: #f8fafc;
  padding: 13px;
}

.alpha-workspace-console-channels p + p {
  margin-top: 8px;
}

.alpha-workspace-console-guardrails ul {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.alpha-workspace-console-guardrails li {
  min-width: 0;
  border: 1px solid rgba(17, 24, 39, 0.1);
  border-radius: 8px;
  background: #fff;
  padding: 12px;
}

.alpha-app-hero {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(320px, 0.6fr);
  gap: clamp(26px, 5vw, 70px);
  align-items: center;
  background:
    linear-gradient(135deg, rgba(239, 246, 255, 0.96), rgba(246, 248, 251, 0.48)),
    var(--paper);
}

.alpha-app-hero-copy {
  max-width: 780px;
}

.alpha-app-status-grid {
  display: grid;
  gap: 10px;
}

.alpha-app-status-grid div,
.alpha-app-step {
  border: 1px solid rgba(17, 24, 39, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.9);
  padding: 16px;
  box-shadow: var(--shadow-tight);
}

.alpha-app-status-grid span,
.alpha-app-step span {
  color: var(--blue);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.alpha-app-status-grid strong {
  display: block;
  margin-top: 6px;
  color: var(--ink);
  line-height: 1.3;
}

.alpha-app-mode-picker {
  display: grid;
  grid-template-columns: minmax(0, 0.74fr) minmax(420px, 1.26fr);
  gap: 18px;
  align-items: start;
  background: #eef4fb;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.alpha-app-mode-copy {
  display: grid;
  gap: 12px;
  max-width: 680px;
}

.alpha-app-mode-copy h2 {
  margin: 0;
  font-size: clamp(1.25rem, 1.9vw, 1.85rem);
  line-height: 1.16;
}

.alpha-app-mode-copy p {
  margin: 0;
  color: var(--muted);
}

.alpha-app-mode-options {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.alpha-app-mode-option {
  min-width: 0;
  border: 1px solid rgba(17, 24, 39, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.9);
  color: var(--ink);
  cursor: pointer;
  padding: 14px;
  text-align: left;
  transition: border-color 160ms ease, background 160ms ease, box-shadow 160ms ease;
}

.alpha-app-mode-option:hover,
.alpha-app-mode-option:focus-visible {
  border-color: rgba(37, 99, 235, 0.36);
  box-shadow: 0 12px 28px rgba(16, 22, 36, 0.1);
  outline: none;
}

.alpha-app-mode-option.is-active {
  border-color: rgba(37, 99, 235, 0.5);
  background: #eff6ff;
  box-shadow: inset 0 0 0 1px rgba(37, 99, 235, 0.14), var(--shadow-tight);
}

.alpha-app-mode-option span,
.alpha-app-mode-grid dt {
  color: var(--blue);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.alpha-app-mode-option strong,
.alpha-app-mode-option small {
  display: block;
}

.alpha-app-mode-option strong {
  margin-top: 8px;
  line-height: 1.2;
}

.alpha-app-mode-option small {
  margin-top: 8px;
  color: var(--muted);
  font-size: 0.86rem;
  line-height: 1.35;
}

.alpha-app-mode-grid {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
}

.alpha-app-mode-grid > div {
  min-width: 0;
  border: 1px solid rgba(17, 24, 39, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.9);
  padding: 14px;
  box-shadow: 0 10px 24px rgba(16, 22, 36, 0.06);
}

.alpha-app-mode-grid dd {
  margin: 7px 0 0;
  color: var(--ink);
  line-height: 1.42;
  overflow-wrap: anywhere;
}

.alpha-app-mode-grid code {
  white-space: normal;
}

.alpha-app-mode-actions {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.alpha-app-mode-picker.is-ready .alpha-app-mode-grid > div:first-child {
  border-color: rgba(17, 135, 93, 0.36);
  background: #ecfdf5;
}

.alpha-app-mode-picker.is-blocked .alpha-app-mode-grid > div:first-child,
.alpha-app-mode-picker.is-offline .alpha-app-mode-grid > div:first-child {
  border-color: rgba(180, 35, 24, 0.22);
  background: #fff1ed;
}

.alpha-app-seat-sim {
  display: grid;
  gap: 18px;
  background: #f7f9fc;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.alpha-seat-summary,
.alpha-seat-output {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
}

.alpha-seat-output {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.alpha-seat-summary > div,
.alpha-seat-output > div,
.alpha-seat-steps > li {
  min-width: 0;
  border: 1px solid rgba(17, 24, 39, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.9);
  padding: 14px;
  box-shadow: 0 10px 24px rgba(16, 22, 36, 0.06);
}

.alpha-seat-summary span,
.alpha-seat-output dt {
  color: var(--blue);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.alpha-seat-summary strong,
.alpha-seat-output dd {
  display: block;
  margin: 7px 0 0;
  color: var(--ink);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.alpha-seat-summary p {
  margin: 8px 0 0;
  color: var(--muted);
  line-height: 1.4;
}

.alpha-seat-steps {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.alpha-seat-steps strong {
  display: block;
  color: var(--ink);
  line-height: 1.2;
}

.alpha-seat-steps span {
  display: block;
  margin-top: 6px;
  color: var(--muted);
  font-size: 0.82rem;
  line-height: 1.35;
}

.alpha-seat-steps > li.is-active {
  border-color: rgba(37, 99, 235, 0.34);
  background: #eff6ff;
}

.alpha-seat-steps > li.is-complete {
  border-color: rgba(17, 135, 93, 0.36);
  background: #ecfdf5;
}

.alpha-seat-steps > li.is-blocked {
  border-color: rgba(161, 92, 7, 0.26);
  background: #fff7ed;
}

.alpha-seat-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.alpha-seat-note {
  margin: 0;
  color: var(--muted);
  line-height: 1.45;
}

.alpha-seat-note code {
  overflow-wrap: anywhere;
}

.alpha-app-start-guide {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(360px, 1.2fr);
  gap: 18px;
  align-items: start;
  background: #f7f9fc;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.alpha-app-start-copy {
  display: grid;
  gap: 12px;
  max-width: 680px;
}

.alpha-app-start-copy h2 {
  margin: 0;
  font-size: clamp(1.25rem, 1.8vw, 1.8rem);
  line-height: 1.16;
}

.alpha-app-start-copy p {
  margin: 0;
  color: var(--muted);
}

.alpha-app-start-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.alpha-app-start-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
}

.alpha-app-start-grid > div,
.alpha-app-start-steps li {
  min-width: 0;
  border: 1px solid rgba(17, 24, 39, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.9);
  padding: 14px;
  box-shadow: 0 10px 24px rgba(16, 22, 36, 0.06);
}

.alpha-app-start-grid dt {
  margin: 0 0 6px;
  color: var(--blue);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.alpha-app-start-grid dd {
  margin: 0;
  color: var(--ink);
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.alpha-app-start-grid code {
  white-space: normal;
}

.alpha-app-start-steps {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.alpha-app-start-steps li {
  display: grid;
  gap: 6px;
}

.alpha-app-start-steps li.is-ready {
  border-color: rgba(17, 135, 93, 0.35);
  background: #ecfdf5;
}

.alpha-app-start-steps li.is-active {
  border-color: rgba(37, 99, 235, 0.3);
  background: #eff6ff;
}

.alpha-app-start-steps li.is-blocked,
.alpha-app-start-guide.is-offline .alpha-app-start-grid > div:first-child,
.alpha-app-start-guide.is-blocked .alpha-app-start-grid > div:first-child {
  border-color: rgba(180, 35, 24, 0.22);
  background: #fff1ed;
}

.alpha-app-start-steps strong {
  color: var(--blue);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.alpha-app-start-steps span {
  color: var(--muted);
  line-height: 1.4;
}

.alpha-app-scoped-handoff {
  display: grid;
  gap: 18px;
  background: #eef4fb;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.alpha-app-scoped-handoff-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
}

.alpha-app-scoped-handoff h2 {
  margin: 0;
  max-width: 780px;
  font-size: clamp(1.3rem, 1.9vw, 1.85rem);
  line-height: 1.14;
}

.alpha-app-scoped-handoff p {
  margin: 8px 0 0;
  max-width: 850px;
  color: var(--muted);
}

.alpha-app-scoped-handoff-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.alpha-app-scoped-handoff-rail {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.alpha-app-scoped-handoff-rail > li {
  min-width: 0;
  border: 1px solid rgba(17, 24, 39, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.9);
  padding: 12px;
  box-shadow: 0 10px 24px rgba(16, 22, 36, 0.06);
}

.alpha-app-scoped-handoff-rail > li.is-ready {
  border-color: rgba(17, 135, 93, 0.38);
  background: rgba(236, 253, 245, 0.96);
}

.alpha-app-scoped-handoff-rail > li.is-partial {
  border-color: rgba(37, 99, 235, 0.28);
  background: rgba(239, 246, 255, 0.96);
}

.alpha-app-scoped-handoff-rail > li.is-blocked,
.alpha-app-scoped-handoff-rail > li.is-offline {
  border-color: rgba(161, 92, 7, 0.28);
  background: rgba(255, 247, 237, 0.96);
}

.alpha-app-scoped-handoff-rail strong,
.alpha-app-scoped-handoff-rail span {
  display: block;
}

.alpha-app-scoped-handoff-rail strong {
  color: var(--ink);
  font-size: 0.84rem;
  line-height: 1.25;
}

.alpha-app-scoped-handoff-rail span {
  margin-top: 7px;
  color: var(--muted);
  font-size: 0.86rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.alpha-app-scoped-handoff-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.alpha-app-scoped-handoff-grid > div {
  min-width: 0;
  border: 1px solid rgba(17, 24, 39, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.9);
  padding: 14px;
  box-shadow: 0 10px 24px rgba(16, 22, 36, 0.06);
}

.alpha-app-scoped-handoff-grid dt {
  color: var(--blue);
  font-size: 0.71rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.alpha-app-scoped-handoff-grid dd {
  margin: 7px 0 0;
  color: var(--ink);
  line-height: 1.42;
  overflow-wrap: anywhere;
}

.alpha-app-scoped-handoff-grid code {
  overflow-wrap: anywhere;
}

.alpha-app-scoped-handoff.is-ready .alpha-app-scoped-handoff-grid > div:first-child {
  border-color: rgba(46, 108, 87, 0.42);
  background: rgba(236, 247, 240, 0.94);
}

.alpha-app-scoped-handoff.is-partial .alpha-app-scoped-handoff-grid > div:first-child {
  border-color: rgba(37, 84, 142, 0.28);
  background: rgba(238, 243, 248, 0.94);
}

.alpha-app-scoped-handoff.is-blocked .alpha-app-scoped-handoff-grid > div:first-child,
.alpha-app-scoped-handoff.is-offline .alpha-app-scoped-handoff-grid > div:first-child {
  border-color: rgba(113, 93, 57, 0.34);
  background: rgba(255, 250, 240, 0.94);
}

.alpha-app-session-bar {
  position: sticky;
  top: 72px;
  z-index: 15;
  display: grid;
  gap: 12px;
  border-bottom: 1px solid rgba(17, 24, 39, 0.14);
  background: rgba(246, 248, 251, 0.95);
  padding: 14px clamp(18px, 4vw, 56px);
  backdrop-filter: blur(18px);
  box-shadow: 0 12px 36px rgba(16, 22, 36, 0.08);
}

.alpha-app-session-bar-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
}

.alpha-app-session-bar h2 {
  margin: 0;
  max-width: 720px;
  font-size: clamp(1.15rem, 1.8vw, 1.45rem);
  line-height: 1.15;
}

.alpha-app-session-bar p {
  margin: 6px 0 0;
  max-width: 760px;
  color: var(--muted);
  line-height: 1.45;
}

.alpha-app-session-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.alpha-app-session-actions .button {
  min-height: 38px;
}

.alpha-app-session-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.alpha-app-session-grid > div {
  min-width: 0;
  border: 1px solid rgba(17, 24, 39, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.9);
  padding: 10px;
}

.alpha-app-session-grid dt {
  color: var(--accent);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.alpha-app-session-grid dd {
  margin: 6px 0 0;
  color: var(--ink);
  font-size: 0.86rem;
  line-height: 1.36;
}

.alpha-app-session-grid code {
  color: var(--ink);
}

.alpha-app-session-chips {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.alpha-app-session-chips a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  border: 1px solid rgba(17, 20, 16, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72);
  padding: 7px 10px;
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 800;
  text-align: center;
  text-decoration: none;
  transition: background 180ms ease, border-color 180ms ease, color 180ms ease;
}

.alpha-app-session-chips a:hover,
.alpha-app-session-chips a:focus-visible {
  border-color: rgba(49, 91, 124, 0.46);
  background: rgba(238, 243, 248, 0.94);
  color: var(--blue);
}

.alpha-app-session-chips a.is-ready {
  border-color: rgba(46, 108, 87, 0.38);
  background: rgba(236, 247, 240, 0.9);
  color: #214f3d;
}

.alpha-app-session-chips a.is-active {
  border-color: rgba(49, 91, 124, 0.42);
  background: rgba(238, 243, 248, 0.92);
  color: var(--blue);
}

.alpha-app-session-chips a.is-blocked {
  border-color: rgba(113, 93, 57, 0.34);
  background: rgba(255, 250, 240, 0.94);
  color: #715d39;
}

.alpha-app-session-boundary {
  border-top: 1px solid rgba(17, 20, 16, 0.1);
  padding-top: 10px;
  font-size: 0.82rem;
}

.alpha-app-session-bar.is-ready .alpha-app-session-grid > div:first-child {
  border-color: rgba(46, 108, 87, 0.38);
  background: rgba(236, 247, 240, 0.9);
}

.alpha-app-session-bar.is-partial .alpha-app-session-grid > div:first-child {
  border-color: rgba(49, 91, 124, 0.38);
  background: rgba(238, 243, 248, 0.92);
}

.alpha-app-session-bar.is-blocked .alpha-app-session-grid > div:first-child,
.alpha-app-session-bar.is-offline .alpha-app-session-grid > div:first-child {
  border-color: rgba(113, 93, 57, 0.34);
  background: rgba(255, 250, 240, 0.94);
}

.alpha-app-resume-checkpoint {
  display: grid;
  gap: 14px;
  border-bottom: 1px solid rgba(17, 20, 16, 0.1);
  background: #f8f7f1;
}

.alpha-app-resume-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
}

.alpha-app-resume-head h2 {
  margin: 0;
  max-width: 760px;
  font-size: clamp(1.2rem, 2vw, 1.55rem);
  line-height: 1.14;
}

.alpha-app-resume-head p {
  margin: 8px 0 0;
  max-width: 820px;
  color: var(--muted);
  line-height: 1.45;
}

.alpha-app-resume-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
}

.alpha-app-resume-grid > div {
  min-width: 0;
  border: 1px solid rgba(17, 20, 16, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.72);
  padding: 12px;
}

.alpha-app-resume-grid dt {
  color: var(--accent);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.alpha-app-resume-grid dd {
  margin: 6px 0 0;
  color: var(--ink);
  font-size: 0.9rem;
  line-height: 1.38;
  overflow-wrap: anywhere;
}

.alpha-app-resume-grid a {
  color: var(--blue);
  font-weight: 900;
  text-decoration: none;
}

.alpha-app-resume-grid a:hover,
.alpha-app-resume-grid a:focus-visible {
  text-decoration: underline;
}

.alpha-app-resume-grid code {
  color: var(--ink);
}

.alpha-app-resume-checkpoint.is-ready .alpha-app-resume-grid > div:first-child {
  border-color: rgba(46, 108, 87, 0.38);
  background: rgba(236, 247, 240, 0.9);
}

.alpha-app-resume-checkpoint.is-blocked .alpha-app-resume-grid > div:first-child,
.alpha-app-resume-checkpoint.is-offline .alpha-app-resume-grid > div:first-child {
  border-color: rgba(113, 93, 57, 0.34);
  background: rgba(255, 250, 240, 0.94);
}

.alpha-app-action-dock {
  display: grid;
  gap: 18px;
  background: #111410;
  color: #f8f7f1;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.alpha-app-action-dock-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
}

.alpha-app-action-dock h2 {
  margin: 0;
  max-width: 760px;
  color: #fffaf0;
  font-size: clamp(1.35rem, 2vw, 1.9rem);
  line-height: 1.12;
}

.alpha-app-action-dock p {
  margin: 8px 0 0;
  max-width: 760px;
  color: rgba(248, 247, 241, 0.76);
}

.alpha-app-action-dock .eyebrow {
  color: #b8d8c0;
}

.alpha-app-action-dock-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.alpha-app-action-dock-actions .button {
  min-height: 40px;
}

.alpha-app-action-dock-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.alpha-app-action-dock-grid > div {
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.07);
  padding: 14px;
}

.alpha-app-action-dock-grid dt {
  color: #b8d8c0;
  font-size: 0.71rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.alpha-app-action-dock-grid dd {
  margin: 7px 0 0;
  color: rgba(248, 247, 241, 0.88);
  line-height: 1.42;
}

.alpha-app-action-dock-grid code {
  color: #fffaf0;
}

.alpha-app-action-dock-shortcuts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.alpha-app-action-dock-shortcuts a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 8px;
  padding: 10px 12px;
  color: #fffaf0;
  text-align: center;
  text-decoration: none;
  transition: background 180ms ease, border-color 180ms ease, color 180ms ease;
}

.alpha-app-action-dock-shortcuts a:hover,
.alpha-app-action-dock-shortcuts a:focus-visible {
  border-color: rgba(184, 216, 192, 0.7);
  background: rgba(184, 216, 192, 0.12);
}

.alpha-app-action-dock-boundary {
  border-top: 1px solid rgba(255, 255, 255, 0.14);
  padding-top: 12px;
  color: rgba(248, 247, 241, 0.72);
  font-size: 0.88rem;
}

.alpha-app-command-palette {
  display: grid;
  gap: 18px;
  background: #f3f5ef;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.alpha-app-command-palette-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
}

.alpha-app-command-palette h2 {
  margin: 0;
  font-size: clamp(1.25rem, 1.8vw, 1.7rem);
  line-height: 1.14;
}

.alpha-app-command-palette p {
  margin: 8px 0 0;
  max-width: 780px;
  color: var(--muted);
}

.alpha-app-command-palette-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.alpha-app-command-palette-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.alpha-app-command-palette-grid > div {
  min-width: 0;
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.82);
  padding: 14px;
}

.alpha-app-command-palette-grid dt {
  color: var(--accent);
  font-size: 0.71rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.alpha-app-command-palette-grid dd {
  margin: 7px 0 0;
  color: var(--ink);
  line-height: 1.42;
}

.alpha-app-command-palette-grid code {
  display: inline-block;
  max-width: 100%;
  overflow-wrap: anywhere;
  white-space: normal;
}

.alpha-app-command-palette-boundary {
  border-top: 1px solid rgba(17, 20, 16, 0.12);
  padding-top: 12px;
  color: var(--muted);
  font-size: 0.88rem;
}

.alpha-app-daily-flow {
  display: grid;
  gap: 16px;
  background: #edf3ee;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.alpha-app-daily-flow-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
}

.alpha-app-daily-flow-head h2 {
  margin: 0;
  max-width: 840px;
  font-size: clamp(1.25rem, 1.8vw, 1.7rem);
  line-height: 1.14;
}

.alpha-app-daily-flow-head p {
  margin: 8px 0 0;
  max-width: 860px;
  color: var(--muted);
}

.alpha-app-daily-flow-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.alpha-app-daily-flow-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.alpha-app-daily-flow-grid > div,
.alpha-app-daily-flow-steps li {
  min-width: 0;
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.84);
  padding: 14px;
}

.alpha-app-daily-flow-grid dt {
  margin-bottom: 6px;
  color: var(--accent);
  font-size: 0.71rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.alpha-app-daily-flow-grid dd {
  margin: 0;
  color: var(--ink);
  font-size: 0.9rem;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.alpha-app-daily-flow-steps {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.alpha-app-daily-flow-steps li {
  display: grid;
  gap: 9px;
  align-content: start;
}

.alpha-app-daily-flow-steps li.is-ready {
  border-color: rgba(47, 111, 78, 0.42);
  background: #e1ebdf;
}

.alpha-app-daily-flow-steps li.is-active {
  border-color: rgba(37, 84, 142, 0.36);
  background: #eef3f8;
}

.alpha-app-daily-flow-steps li.is-blocked {
  border-color: rgba(142, 78, 37, 0.3);
  background: #fff8e8;
}

.alpha-app-daily-flow-steps strong {
  color: var(--ink);
  font-size: 0.83rem;
  line-height: 1.2;
}

.alpha-app-daily-flow-steps span,
.alpha-app-daily-flow-steps small {
  color: var(--muted);
  font-size: 0.82rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.alpha-app-daily-flow-steps .button {
  align-self: end;
  justify-self: start;
}

.alpha-app-daily-flow-boundary {
  border-top: 1px solid rgba(17, 20, 16, 0.12);
  padding-top: 12px;
  color: var(--muted);
  font-size: 0.88rem;
  line-height: 1.45;
}

.alpha-app-work-session {
  display: grid;
  gap: 16px;
  background: #f7f4eb;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.alpha-app-work-session-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
}

.alpha-app-work-session-head h2 {
  margin: 0;
  max-width: 820px;
  font-size: clamp(1.25rem, 1.8vw, 1.7rem);
  line-height: 1.14;
}

.alpha-app-work-session-head p {
  margin: 8px 0 0;
  max-width: 840px;
  color: var(--muted);
}

.alpha-app-work-session-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.alpha-app-work-session-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.alpha-app-work-session-grid > div,
.alpha-app-work-session-steps li {
  min-width: 0;
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.82);
  padding: 14px;
}

.alpha-app-work-session-grid dt {
  margin-bottom: 6px;
  color: var(--accent);
  font-size: 0.71rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.alpha-app-work-session-grid dd {
  margin: 0;
  color: var(--ink);
  font-size: 0.9rem;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.alpha-app-work-session-steps {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.alpha-app-work-session-steps li {
  display: grid;
  gap: 9px;
  align-content: start;
}

.alpha-app-work-session-steps li.is-ready {
  border-color: rgba(47, 111, 78, 0.42);
  background: #e1ebdf;
}

.alpha-app-work-session-steps li.is-active {
  border-color: rgba(37, 84, 142, 0.36);
  background: #eef3f8;
}

.alpha-app-work-session-steps li.is-blocked {
  border-color: rgba(142, 78, 37, 0.3);
  background: #fff8e8;
}

.alpha-app-work-session-steps strong {
  color: var(--ink);
  font-size: 0.83rem;
  line-height: 1.2;
}

.alpha-app-work-session-steps span,
.alpha-app-work-session-steps small {
  color: var(--muted);
  font-size: 0.82rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.alpha-app-work-session-steps .button {
  align-self: end;
  justify-self: start;
}

.alpha-app-work-session-boundary {
  border-top: 1px solid rgba(17, 20, 16, 0.12);
  padding-top: 12px;
  color: var(--muted);
  font-size: 0.88rem;
  line-height: 1.45;
}

.alpha-app-handoff-map {
  display: grid;
  gap: 16px;
  background: #f1f0e7;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.alpha-app-handoff-map-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
}

.alpha-app-handoff-map-head h2 {
  margin: 0;
  max-width: 820px;
  font-size: 1.55rem;
  line-height: 1.14;
}

.alpha-app-handoff-map-head p {
  margin: 8px 0 0;
  max-width: 880px;
  color: var(--muted);
}

.alpha-app-handoff-map-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.alpha-app-handoff-map-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.alpha-app-handoff-map-steps li,
.alpha-app-handoff-map-grid > div {
  min-width: 0;
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.84);
  padding: 14px;
}

.alpha-app-handoff-map-steps li {
  display: grid;
  gap: 9px;
  align-content: start;
}

.alpha-app-handoff-map-steps span,
.alpha-app-handoff-map-grid dt {
  color: var(--accent);
  font-size: 0.71rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.alpha-app-handoff-map-steps strong,
.alpha-app-handoff-map-grid dd {
  color: var(--ink);
  font-size: 0.9rem;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.alpha-app-handoff-map-steps code {
  display: block;
  border-radius: 6px;
  background: rgba(17, 20, 16, 0.06);
  padding: 8px;
  color: #29302a;
  font-size: 0.78rem;
  white-space: normal;
  overflow-wrap: anywhere;
}

.alpha-app-handoff-map-steps .button {
  align-self: end;
  justify-self: start;
}

.alpha-app-handoff-map-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.alpha-app-handoff-map-grid dd {
  margin: 6px 0 0;
}

.alpha-app-source-health {
  display: grid;
  gap: 16px;
  background: #eef3f5;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.alpha-app-source-health-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
}

.alpha-app-source-health h2 {
  margin: 0;
  max-width: 760px;
  font-size: clamp(1.25rem, 1.8vw, 1.7rem);
  line-height: 1.14;
}

.alpha-app-source-health p {
  margin: 8px 0 0;
  max-width: 780px;
  color: var(--muted);
}

.alpha-app-source-health-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.alpha-app-source-health-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.alpha-app-source-health-grid > div {
  min-width: 0;
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.86);
  padding: 14px;
}

.alpha-app-source-health-grid dt {
  color: var(--accent);
  font-size: 0.71rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.alpha-app-source-health-grid dd {
  margin: 7px 0 0;
  color: var(--ink);
  line-height: 1.42;
  overflow-wrap: anywhere;
}

.alpha-app-source-health.is-ready .alpha-app-source-health-grid > div:first-child {
  border-color: rgba(46, 108, 87, 0.42);
  background: rgba(236, 247, 240, 0.92);
}

.alpha-app-source-health.is-partial .alpha-app-source-health-grid > div:first-child,
.alpha-app-source-health.is-blocked .alpha-app-source-health-grid > div:first-child,
.alpha-app-source-health.is-offline .alpha-app-source-health-grid > div:first-child {
  border-color: rgba(113, 93, 57, 0.36);
  background: rgba(255, 250, 240, 0.92);
}

.alpha-app-mission-control {
  display: grid;
  gap: 16px;
  background: #f5f2ea;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.alpha-app-mission-control-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
}

.alpha-app-mission-control-head h2 {
  margin: 0;
  max-width: 820px;
  font-size: clamp(1.25rem, 1.8vw, 1.7rem);
  line-height: 1.14;
}

.alpha-app-mission-control-head p {
  margin: 8px 0 0;
  max-width: 860px;
  color: var(--muted);
}

.alpha-app-mission-control-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.alpha-app-mission-control-grid,
.alpha-app-mission-control-stages {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.alpha-app-mission-control-grid > div,
.alpha-app-mission-control-stages > li {
  min-width: 0;
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.84);
  padding: 14px;
}

.alpha-app-mission-control-grid dt {
  color: var(--accent);
  font-size: 0.71rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.alpha-app-mission-control-grid dd {
  margin: 7px 0 0;
  color: var(--ink);
  line-height: 1.42;
  overflow-wrap: anywhere;
}

.alpha-app-mission-control-stages {
  list-style: none;
  margin: 0;
  padding: 0;
}

.alpha-app-mission-control-stages > li {
  display: grid;
  gap: 8px;
}

.alpha-app-mission-control-stages strong,
.alpha-app-mission-control-stages span,
.alpha-app-mission-control-stages small {
  display: block;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.alpha-app-mission-control-stages strong {
  color: var(--ink);
  font-size: 0.84rem;
}

.alpha-app-mission-control-stages span,
.alpha-app-mission-control-stages small {
  color: var(--muted);
  font-size: 0.82rem;
}

.alpha-app-mission-control-stages .button {
  justify-self: start;
}

.alpha-app-mission-control.is-ready .alpha-app-mission-control-grid > div:first-child,
.alpha-app-mission-control-stages > li.is-ready {
  border-color: rgba(46, 108, 87, 0.42);
  background: rgba(236, 247, 240, 0.92);
}

.alpha-app-mission-control.is-active .alpha-app-mission-control-grid > div:first-child,
.alpha-app-mission-control-stages > li.is-active {
  border-color: rgba(37, 84, 142, 0.36);
  background: #eef3f8;
}

.alpha-app-mission-control.is-blocked .alpha-app-mission-control-grid > div:first-child,
.alpha-app-mission-control-stages > li.is-blocked {
  border-color: rgba(113, 93, 57, 0.36);
  background: rgba(255, 250, 240, 0.92);
}

.alpha-app-mission-control-boundary {
  border-top: 1px solid rgba(17, 20, 16, 0.12);
  padding-top: 12px;
  color: var(--muted);
  font-size: 0.88rem;
  line-height: 1.45;
}

.alpha-app-update-candidate {
  display: grid;
  gap: 16px;
  background: #fffaf0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.alpha-app-update-candidate-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
}

.alpha-app-update-candidate h2 {
  margin: 0;
  max-width: 760px;
  font-size: clamp(1.25rem, 1.8vw, 1.7rem);
  line-height: 1.14;
}

.alpha-app-update-candidate p {
  margin: 8px 0 0;
  max-width: 780px;
  color: var(--muted);
}

.alpha-app-update-candidate-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.alpha-app-update-candidate-verdict {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px 14px;
  align-items: start;
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.86);
  padding: 16px;
}

.alpha-app-update-candidate-verdict span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  border-radius: 999px;
  background: #2e6c57;
  padding: 5px 10px;
  color: #fffaf0;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
  white-space: nowrap;
}

.alpha-app-update-candidate.is-blocked .alpha-app-update-candidate-verdict span,
.alpha-app-update-candidate.is-offline .alpha-app-update-candidate-verdict span {
  background: #715d39;
}

.alpha-app-update-candidate-verdict strong {
  display: block;
  min-width: 0;
  color: var(--ink);
  line-height: 1.24;
}

.alpha-app-update-candidate-verdict p {
  grid-column: 2;
  margin: 0;
}

.alpha-app-update-candidate-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.alpha-app-update-candidate-grid > div {
  min-width: 0;
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.74);
  padding: 14px;
}

.alpha-app-update-candidate-grid dt {
  color: var(--accent);
  font-size: 0.71rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.alpha-app-update-candidate-grid dd {
  margin: 7px 0 0;
  color: var(--ink);
  line-height: 1.42;
}

.alpha-app-update-candidate-note {
  border-top: 1px solid rgba(17, 20, 16, 0.12);
  padding-top: 12px;
  color: var(--muted);
  font-size: 0.88rem;
}

.alpha-app-review-run-desk {
  display: grid;
  gap: 16px;
  background: #eef3ec;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.alpha-app-review-run-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
}

.alpha-app-review-run-head h2 {
  margin: 0;
  max-width: 780px;
  font-size: clamp(1.25rem, 1.8vw, 1.7rem);
  line-height: 1.14;
}

.alpha-app-review-run-head p {
  margin: 8px 0 0;
  max-width: 820px;
  color: var(--muted);
}

.alpha-app-review-run-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.alpha-app-review-run-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.alpha-app-review-run-grid > div {
  min-width: 0;
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.8);
  padding: 14px;
}

.alpha-app-review-run-grid dt {
  color: var(--accent);
  font-size: 0.71rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.alpha-app-review-run-grid dd {
  margin: 7px 0 0;
  color: var(--ink);
  line-height: 1.42;
}

.alpha-app-review-run-boundary {
  border-top: 1px solid rgba(17, 20, 16, 0.12);
  padding-top: 12px;
  color: var(--muted);
  font-size: 0.88rem;
}

.alpha-app-agent-board {
  display: grid;
  gap: 16px;
  background: #eef1f5;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.alpha-app-agent-board-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
}

.alpha-app-agent-board-head h2 {
  margin: 0;
  max-width: 760px;
  font-size: clamp(1.25rem, 1.8vw, 1.7rem);
  line-height: 1.14;
}

.alpha-app-agent-board-head p {
  margin: 8px 0 0;
  max-width: 780px;
  color: var(--muted);
}

.alpha-app-agent-board-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.alpha-app-agent-board-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.alpha-app-agent-board-grid > div {
  min-width: 0;
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.86);
  padding: 14px;
}

.alpha-app-agent-board-grid dt {
  color: var(--accent);
  font-size: 0.71rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.alpha-app-agent-board-grid dd {
  margin: 7px 0 0;
  color: var(--ink);
  line-height: 1.42;
  overflow-wrap: anywhere;
}

.alpha-app-agent-board.is-ready .alpha-app-agent-board-grid > div:first-child {
  border-color: rgba(46, 108, 87, 0.42);
  background: rgba(236, 247, 240, 0.92);
}

.alpha-app-agent-board.is-partial .alpha-app-agent-board-grid > div:first-child,
.alpha-app-agent-board.is-blocked .alpha-app-agent-board-grid > div:first-child,
.alpha-app-agent-board.is-offline .alpha-app-agent-board-grid > div:first-child {
  border-color: rgba(113, 93, 57, 0.36);
  background: rgba(255, 250, 240, 0.92);
}

.alpha-app-agent-board-ladder {
  display: grid;
  gap: 12px;
  border: 1px solid rgba(17, 20, 16, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.72);
  padding: 14px;
}

.alpha-app-agent-board-ladder-summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.7fr);
  gap: 14px;
  align-items: start;
}

.alpha-app-agent-board-ladder-summary h3 {
  margin: 0;
  font-size: 1.05rem;
  line-height: 1.18;
}

.alpha-app-agent-board-ladder-summary p {
  margin: 7px 0 0;
  color: var(--muted);
  line-height: 1.42;
}

.alpha-app-agent-board-ladder-summary dl {
  display: grid;
  gap: 8px;
  margin: 0;
}

.alpha-app-agent-board-ladder-summary dl > div {
  min-width: 0;
  border-left: 3px solid rgba(46, 108, 87, 0.34);
  padding-left: 10px;
}

.alpha-app-agent-board-ladder-summary dt {
  color: var(--accent);
  font-size: 0.7rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.alpha-app-agent-board-ladder-summary dd {
  margin: 5px 0 0;
  color: var(--ink);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.alpha-app-agent-board-ladder-steps {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.alpha-app-agent-board-ladder-steps > li {
  min-width: 0;
  border: 1px solid rgba(17, 20, 16, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.74);
  padding: 10px;
}

.alpha-app-agent-board-ladder-steps a {
  color: var(--ink);
  font-size: 0.78rem;
  font-weight: 900;
  text-decoration: none;
}

.alpha-app-agent-board-ladder-steps a:focus-visible {
  outline: 3px solid rgba(46, 108, 87, 0.28);
  outline-offset: 3px;
}

.alpha-app-agent-board-ladder-steps span {
  display: block;
  margin-top: 6px;
  color: var(--muted);
  font-size: 0.8rem;
  line-height: 1.35;
}

.alpha-app-agent-board-ladder-steps > li.is-ready {
  border-color: rgba(46, 108, 87, 0.36);
  background: rgba(236, 247, 240, 0.9);
}

.alpha-app-agent-board-ladder-steps > li.is-active {
  border-color: rgba(113, 93, 57, 0.38);
  background: rgba(255, 250, 240, 0.94);
}

.alpha-app-agent-board-ladder-steps > li.is-blocked {
  opacity: 0.76;
}

.alpha-app-agent-board-ladder-boundary {
  margin: 0;
  color: var(--muted);
  font-size: 0.86rem;
  line-height: 1.42;
}

.alpha-app-core-chat-status {
  display: grid;
  gap: 16px;
  background: #f3f5f0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.alpha-app-core-chat-status-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
}

.alpha-app-core-chat-status-head h2 {
  margin: 0;
  max-width: 820px;
  font-size: clamp(1.25rem, 1.8vw, 1.7rem);
  line-height: 1.14;
}

.alpha-app-core-chat-status-head p {
  margin: 8px 0 0;
  max-width: 860px;
  color: var(--muted);
}

.alpha-app-core-chat-status-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.alpha-app-core-chat-status-grid,
.alpha-app-core-chat-status-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.alpha-app-core-chat-status-grid > div,
.alpha-app-core-chat-status-list > li {
  min-width: 0;
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.84);
  padding: 14px;
}

.alpha-app-core-chat-status-grid dt {
  color: var(--accent);
  font-size: 0.71rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.alpha-app-core-chat-status-grid dd {
  margin: 7px 0 0;
  color: var(--ink);
  line-height: 1.42;
  overflow-wrap: anywhere;
}

.alpha-app-core-chat-status-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.alpha-app-core-chat-status-list > li {
  display: grid;
  gap: 6px;
}

.alpha-app-core-chat-status-list strong,
.alpha-app-core-chat-status-list span {
  display: block;
}

.alpha-app-core-chat-status-list strong {
  color: var(--ink);
  line-height: 1.2;
}

.alpha-app-core-chat-status-list span {
  color: var(--muted);
  line-height: 1.35;
}

.alpha-app-core-chat-status.is-ready .alpha-app-core-chat-status-grid > div:first-child {
  border-color: rgba(46, 108, 87, 0.42);
  background: rgba(236, 247, 240, 0.92);
}

.alpha-app-core-chat-status.is-partial .alpha-app-core-chat-status-grid > div:first-child,
.alpha-app-core-chat-status.is-blocked .alpha-app-core-chat-status-grid > div:first-child {
  border-color: rgba(113, 93, 57, 0.36);
  background: rgba(255, 250, 240, 0.92);
}

.alpha-app-core-chat-status-boundary {
  margin: 0;
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.78);
  padding: 14px;
  color: var(--muted);
  line-height: 1.45;
}

.alpha-app-role-receipt-gate {
  display: grid;
  gap: 16px;
  background: #f4f2ec;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.alpha-app-role-receipt-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
}

.alpha-app-role-receipt-head h2 {
  margin: 0;
  max-width: 820px;
  font-size: clamp(1.25rem, 1.8vw, 1.7rem);
  line-height: 1.14;
}

.alpha-app-role-receipt-head p {
  margin: 8px 0 0;
  max-width: 860px;
  color: var(--muted);
}

.alpha-app-role-receipt-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.alpha-app-role-receipt-grid,
.alpha-app-role-receipt-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.alpha-app-role-receipt-grid > div,
.alpha-app-role-receipt-list > li {
  min-width: 0;
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.84);
  padding: 14px;
}

.alpha-app-role-receipt-grid dt {
  color: var(--accent);
  font-size: 0.71rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.alpha-app-role-receipt-grid dd {
  margin: 7px 0 0;
  color: var(--ink);
  line-height: 1.42;
  overflow-wrap: anywhere;
}

.alpha-app-role-receipt-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.alpha-app-role-receipt-list > li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.alpha-app-role-receipt-list strong,
.alpha-app-role-receipt-list span {
  display: block;
}

.alpha-app-role-receipt-list strong {
  color: var(--ink);
  line-height: 1.2;
}

.alpha-app-role-receipt-list span {
  margin-top: 6px;
  color: var(--muted);
  font-size: 0.88rem;
  line-height: 1.35;
}

.alpha-app-role-receipt-gate.is-ready .alpha-app-role-receipt-grid > div:first-child {
  border-color: rgba(46, 108, 87, 0.42);
  background: rgba(236, 247, 240, 0.92);
}

.alpha-app-role-receipt-gate.is-partial .alpha-app-role-receipt-grid > div:first-child,
.alpha-app-role-receipt-gate.is-blocked .alpha-app-role-receipt-grid > div:first-child {
  border-color: rgba(113, 93, 57, 0.36);
  background: rgba(255, 250, 240, 0.92);
}

.alpha-app-role-receipt-boundary {
  margin: 0;
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.78);
  padding: 14px;
  color: var(--muted);
  line-height: 1.45;
}

.alpha-app-return-gate {
  display: grid;
  gap: 16px;
  background: #f5f1e9;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.alpha-app-return-gate-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
}

.alpha-app-return-gate-head h2 {
  margin: 0;
  max-width: 820px;
  font-size: clamp(1.25rem, 1.8vw, 1.7rem);
  line-height: 1.14;
}

.alpha-app-return-gate-head p {
  margin: 8px 0 0;
  max-width: 860px;
  color: var(--muted);
}

.alpha-app-return-gate-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.alpha-app-return-gate-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.alpha-app-return-gate-grid > div {
  min-width: 0;
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.82);
  padding: 14px;
}

.alpha-app-return-gate-grid dt {
  color: var(--accent);
  font-size: 0.71rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.alpha-app-return-gate-grid dd {
  margin: 7px 0 0;
  color: var(--ink);
  line-height: 1.42;
}

.alpha-app-validation-closeout {
  display: grid;
  gap: 16px;
  background: #f1f5ef;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.alpha-app-validation-closeout-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
}

.alpha-app-validation-closeout-head h2 {
  margin: 0;
  max-width: 820px;
  font-size: clamp(1.25rem, 1.8vw, 1.7rem);
  line-height: 1.14;
}

.alpha-app-validation-closeout-head p {
  margin: 8px 0 0;
  max-width: 860px;
  color: var(--muted);
}

.alpha-app-validation-closeout-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.alpha-app-validation-closeout-grid,
.alpha-app-validation-closeout-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.alpha-app-validation-closeout-grid > div,
.alpha-app-validation-closeout-list > li {
  min-width: 0;
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.84);
  padding: 14px;
}

.alpha-app-validation-closeout-grid dt {
  color: var(--accent);
  font-size: 0.71rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.alpha-app-validation-closeout-grid dd {
  margin: 7px 0 0;
  color: var(--ink);
  line-height: 1.42;
  overflow-wrap: anywhere;
}

.alpha-app-validation-closeout-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.alpha-app-validation-closeout-list > li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.alpha-app-validation-closeout-list strong,
.alpha-app-validation-closeout-list span,
.alpha-app-validation-closeout-list small {
  display: block;
}

.alpha-app-validation-closeout-list strong {
  color: var(--ink);
  line-height: 1.2;
}

.alpha-app-validation-closeout-list span {
  margin-top: 6px;
  color: var(--accent);
  font-size: 0.88rem;
  font-weight: 800;
  line-height: 1.25;
}

.alpha-app-validation-closeout-list small {
  margin-top: 5px;
  color: var(--muted);
  line-height: 1.35;
}

.alpha-app-validation-closeout.is-ready .alpha-app-validation-closeout-grid > div:first-child {
  border-color: rgba(46, 108, 87, 0.42);
  background: rgba(236, 247, 240, 0.92);
}

.alpha-app-validation-closeout.is-partial .alpha-app-validation-closeout-grid > div:first-child,
.alpha-app-validation-closeout.is-blocked .alpha-app-validation-closeout-grid > div:first-child {
  border-color: rgba(113, 93, 57, 0.36);
  background: rgba(255, 250, 240, 0.92);
}

.alpha-app-validation-closeout-boundary {
  margin: 0;
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.78);
  padding: 14px;
  color: var(--muted);
  line-height: 1.45;
}

.alpha-app-learning-ledger {
  display: grid;
  gap: 16px;
  background: #f8f4ec;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.alpha-app-learning-ledger-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
}

.alpha-app-learning-ledger-head h2 {
  margin: 0;
  max-width: 820px;
  font-size: clamp(1.25rem, 1.8vw, 1.7rem);
  line-height: 1.14;
}

.alpha-app-learning-ledger-head p {
  margin: 8px 0 0;
  max-width: 860px;
  color: var(--muted);
}

.alpha-app-learning-ledger-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.alpha-app-learning-ledger-grid,
.alpha-app-learning-ledger-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.alpha-app-learning-ledger-grid > div,
.alpha-app-learning-ledger-list > li {
  min-width: 0;
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.84);
  padding: 14px;
}

.alpha-app-learning-ledger-grid dt {
  color: var(--accent);
  font-size: 0.71rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.alpha-app-learning-ledger-grid dd {
  margin: 7px 0 0;
  color: var(--ink);
  line-height: 1.42;
  overflow-wrap: anywhere;
}

.alpha-app-learning-ledger-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.alpha-app-learning-ledger-list > li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.alpha-app-learning-ledger-list strong,
.alpha-app-learning-ledger-list span,
.alpha-app-learning-ledger-list small {
  display: block;
}

.alpha-app-learning-ledger-list strong {
  color: var(--ink);
  line-height: 1.2;
}

.alpha-app-learning-ledger-list span {
  margin-top: 6px;
  color: var(--accent);
  font-size: 0.88rem;
  font-weight: 800;
  line-height: 1.25;
}

.alpha-app-learning-ledger-list small {
  margin-top: 5px;
  color: var(--muted);
  line-height: 1.35;
}

.alpha-app-learning-ledger.is-ready .alpha-app-learning-ledger-grid > div:first-child {
  border-color: rgba(46, 108, 87, 0.42);
  background: rgba(236, 247, 240, 0.92);
}

.alpha-app-learning-ledger.is-partial .alpha-app-learning-ledger-grid > div:first-child,
.alpha-app-learning-ledger.is-blocked .alpha-app-learning-ledger-grid > div:first-child {
  border-color: rgba(113, 93, 57, 0.36);
  background: rgba(255, 250, 240, 0.92);
}

.alpha-app-learning-ledger-boundary {
  margin: 0;
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.78);
  padding: 14px;
  color: var(--muted);
  line-height: 1.45;
}

.alpha-app-daily-closeout {
  display: grid;
  gap: 16px;
  background: #eef4f2;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.alpha-app-daily-closeout-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
}

.alpha-app-daily-closeout-head h2 {
  margin: 0;
  max-width: 820px;
  font-size: clamp(1.25rem, 1.8vw, 1.7rem);
  line-height: 1.14;
}

.alpha-app-daily-closeout-head p {
  margin: 8px 0 0;
  max-width: 860px;
  color: var(--muted);
}

.alpha-app-daily-closeout-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.alpha-app-daily-closeout-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.alpha-app-daily-closeout-grid > div {
  min-width: 0;
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.84);
  padding: 14px;
}

.alpha-app-daily-closeout-grid dt {
  color: var(--accent);
  font-size: 0.71rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.alpha-app-daily-closeout-grid dd {
  margin: 7px 0 0;
  color: var(--ink);
  line-height: 1.42;
  overflow-wrap: anywhere;
}

.alpha-app-daily-closeout.is-ready .alpha-app-daily-closeout-grid > div:first-child {
  border-color: rgba(46, 108, 87, 0.42);
  background: rgba(236, 247, 240, 0.92);
}

.alpha-app-daily-closeout.is-partial .alpha-app-daily-closeout-grid > div:first-child,
.alpha-app-daily-closeout.is-blocked .alpha-app-daily-closeout-grid > div:first-child,
.alpha-app-daily-closeout.is-offline .alpha-app-daily-closeout-grid > div:first-child {
  border-color: rgba(113, 93, 57, 0.36);
  background: rgba(255, 250, 240, 0.92);
}

.alpha-app-daily-closeout-boundary {
  margin: 0;
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.78);
  padding: 14px;
  color: var(--muted);
  line-height: 1.45;
}

.alpha-app-update-packet {
  display: grid;
  gap: 16px;
  background: #f4f1e8;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.alpha-app-update-packet-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
}

.alpha-app-update-packet-head h2 {
  margin: 0;
  max-width: 820px;
  font-size: clamp(1.25rem, 1.8vw, 1.7rem);
  line-height: 1.14;
}

.alpha-app-update-packet-head p {
  margin: 8px 0 0;
  max-width: 860px;
  color: var(--muted);
}

.alpha-app-update-packet-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.alpha-app-update-packet-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.alpha-app-update-packet-grid > div {
  min-width: 0;
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.84);
  padding: 14px;
}

.alpha-app-update-packet-grid dt {
  color: var(--accent);
  font-size: 0.71rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.alpha-app-update-packet-grid dd {
  margin: 7px 0 0;
  color: var(--ink);
  line-height: 1.42;
  overflow-wrap: anywhere;
}

.alpha-app-update-packet.is-ready .alpha-app-update-packet-grid > div:first-child {
  border-color: rgba(46, 108, 87, 0.42);
  background: rgba(236, 247, 240, 0.92);
}

.alpha-app-update-packet.is-partial .alpha-app-update-packet-grid > div:first-child,
.alpha-app-update-packet.is-blocked .alpha-app-update-packet-grid > div:first-child,
.alpha-app-update-packet.is-offline .alpha-app-update-packet-grid > div:first-child {
  border-color: rgba(113, 93, 57, 0.36);
  background: rgba(255, 250, 240, 0.92);
}

.alpha-app-update-packet-note {
  margin: 0;
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.78);
  padding: 14px;
  color: var(--muted);
  line-height: 1.45;
}

.alpha-app-update-center {
  display: grid;
  gap: 16px;
  background: #eef1eb;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.alpha-app-update-center-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
}

.alpha-app-update-center-head h2 {
  margin: 0;
  max-width: 820px;
  font-size: 1.55rem;
  line-height: 1.14;
}

.alpha-app-update-center-head p {
  margin: 8px 0 0;
  max-width: 860px;
  color: var(--muted);
}

.alpha-app-update-center-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.alpha-app-update-center-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.alpha-app-update-center-grid > div {
  min-width: 0;
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.84);
  padding: 14px;
}

.alpha-app-update-center-grid dt,
.alpha-app-update-center-gates strong {
  color: var(--accent);
  font-size: 0.71rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.alpha-app-update-center-grid dd {
  margin: 7px 0 0;
  color: var(--ink);
  line-height: 1.42;
  overflow-wrap: anywhere;
}

.alpha-app-update-center-ladder {
  display: grid;
  gap: 12px;
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.78);
  padding: 14px;
}

.alpha-app-update-center-ladder.is-ready {
  border-color: rgba(47, 111, 78, 0.3);
  background: #eef7f0;
}

.alpha-app-update-center-ladder.is-partial {
  border-color: rgba(37, 84, 142, 0.24);
  background: #f1f5f8;
}

.alpha-app-update-center-ladder.is-blocked,
.alpha-app-update-center-ladder.is-offline {
  border-color: rgba(142, 78, 37, 0.26);
  background: #fff8e8;
}

.alpha-app-update-center-ladder-head {
  display: grid;
  gap: 6px;
}

.alpha-app-update-center-ladder-head h3 {
  margin: 0;
  color: var(--ink);
  font-size: 1rem;
  line-height: 1.25;
}

.alpha-app-update-center-ladder-head p {
  margin: 0;
  max-width: 780px;
  color: var(--muted);
  line-height: 1.42;
}

.alpha-app-update-center-ladder-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.alpha-app-update-center-ladder-summary > div,
.alpha-app-update-center-ladder-steps li {
  min-width: 0;
  border: 1px solid rgba(17, 20, 16, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.74);
  padding: 12px;
}

.alpha-app-update-center-ladder-summary dt,
.alpha-app-update-center-ladder-steps strong {
  color: var(--accent);
  font-size: 0.7rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.alpha-app-update-center-ladder-summary dd {
  margin: 7px 0 0;
  color: var(--ink);
  line-height: 1.42;
  overflow-wrap: anywhere;
}

.alpha-app-update-center-ladder-steps {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.alpha-app-update-center-ladder-steps li {
  display: grid;
  gap: 7px;
  border-color: rgba(46, 108, 87, 0.18);
}

.alpha-app-update-center-ladder-steps li.is-ready {
  background: #e6efe3;
}

.alpha-app-update-center-ladder-steps li.is-active {
  border-color: rgba(37, 84, 142, 0.3);
  background: #eef3f8;
}

.alpha-app-update-center-ladder-steps li.is-blocked {
  border-color: rgba(142, 78, 37, 0.28);
  background: #fff3dc;
}

.alpha-app-update-center-ladder-steps li.is-pending {
  background: rgba(255, 255, 255, 0.68);
}

.alpha-app-update-center-ladder-steps span,
.alpha-app-update-center-ladder-steps em,
.alpha-app-update-center-ladder-steps small {
  min-width: 0;
  color: var(--muted);
  line-height: 1.36;
  overflow-wrap: anywhere;
}

.alpha-app-update-center-ladder-steps em {
  color: var(--ink);
  font-style: normal;
  font-weight: 800;
}

.alpha-app-update-center-ladder-steps small {
  font-size: 0.74rem;
}

.alpha-app-update-center-ladder-boundary {
  margin: 0;
  color: var(--muted);
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.alpha-app-update-center-gates {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.alpha-app-update-center-gates li {
  min-width: 0;
  display: grid;
  gap: 6px;
  border: 1px solid rgba(46, 108, 87, 0.18);
  border-radius: 8px;
  background: rgba(236, 247, 240, 0.84);
  padding: 14px;
}

.alpha-app-update-center-gates span {
  color: var(--muted);
  line-height: 1.42;
  overflow-wrap: anywhere;
}

.alpha-app-update-center-boundary {
  margin: 0;
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.78);
  padding: 14px;
  color: var(--muted);
  line-height: 1.45;
}

.alpha-app-operator-shell {
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr) 320px;
  gap: 14px;
  align-items: start;
  background: #f3f5ef;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.alpha-app-shell-rail,
.alpha-app-shell-main,
.alpha-app-shell-inspector {
  min-width: 0;
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.82);
}

.alpha-app-shell-rail,
.alpha-app-shell-inspector {
  position: sticky;
  top: 14px;
  display: grid;
  gap: 16px;
  padding: 16px;
}

.alpha-app-shell-rail h2,
.alpha-app-shell-main h2,
.alpha-app-shell-inspector h2 {
  margin: 0;
  font-size: clamp(1.15rem, 1.6vw, 1.45rem);
  line-height: 1.15;
}

.alpha-app-shell-rail p,
.alpha-app-shell-main p,
.alpha-app-shell-inspector p {
  margin: 8px 0 0;
  color: var(--muted);
  line-height: 1.45;
}

.alpha-app-section-nav {
  display: grid;
  gap: 6px;
}

.alpha-app-section-nav a {
  display: grid;
  gap: 3px;
  min-height: 44px;
  border: 1px solid transparent;
  border-radius: 8px;
  padding: 9px 10px;
  color: var(--ink);
  text-decoration: none;
}

.alpha-app-section-nav a:hover,
.alpha-app-section-nav a:focus-visible,
.alpha-app-section-nav a.is-active {
  border-color: rgba(47, 111, 78, 0.3);
  background: #e1ebdf;
}

.alpha-app-section-nav span {
  font-weight: 900;
  line-height: 1.2;
}

.alpha-app-section-nav small {
  color: var(--muted);
  font-size: 0.78rem;
  line-height: 1.3;
}

.alpha-app-section-nav-boundary {
  border-top: 1px solid var(--line);
  padding-top: 12px;
  font-size: 0.84rem;
  overflow-wrap: anywhere;
}

.alpha-app-shell-main {
  display: grid;
  gap: 14px;
  padding: 16px;
}

.alpha-app-shell-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
}

.alpha-app-shell-status-grid,
.alpha-app-shell-inspector-grid {
  display: grid;
  gap: 8px;
  margin: 0;
}

.alpha-app-shell-status-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.alpha-app-shell-status-grid div,
.alpha-app-shell-inspector-grid div {
  min-width: 0;
  border: 1px solid rgba(17, 20, 16, 0.12);
  border-radius: 8px;
  background: #f8f7f1;
  padding: 12px;
}

.alpha-app-shell-status-grid dt,
.alpha-app-shell-inspector-grid dt {
  margin-bottom: 5px;
  color: var(--accent);
  font-size: 0.7rem;
  font-weight: 900;
  text-transform: uppercase;
}

.alpha-app-shell-status-grid dd,
.alpha-app-shell-inspector-grid dd {
  margin: 0;
  color: var(--muted);
  font-size: 0.88rem;
  line-height: 1.38;
  overflow-wrap: anywhere;
}

.alpha-app-focus-lens {
  display: grid;
  gap: 12px;
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: #f8f7f1;
  padding: 14px;
}

.alpha-app-focus-lens-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.8fr);
  gap: 14px;
  align-items: start;
}

.alpha-app-focus-lens-head h3 {
  margin: 0;
  color: var(--ink);
  font-size: 1.08rem;
  line-height: 1.2;
}

.alpha-app-focus-lens-head p {
  margin: 6px 0 0;
}

.alpha-app-focus-lens-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.alpha-app-focus-lens-actions button {
  min-height: 40px;
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.88);
  color: var(--ink);
  font: inherit;
  font-size: 0.82rem;
  font-weight: 900;
  line-height: 1.1;
  cursor: pointer;
}

.alpha-app-focus-lens-actions button:hover,
.alpha-app-focus-lens-actions button:focus-visible,
.alpha-app-focus-lens-actions button.is-active {
  border-color: rgba(47, 111, 78, 0.35);
  background: #e1ebdf;
  color: var(--accent);
}

.alpha-app-focus-lens-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 8px;
  margin: 0;
}

.alpha-app-focus-lens-grid div {
  min-width: 0;
  border: 1px solid rgba(17, 20, 16, 0.1);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.78);
  padding: 10px;
}

.alpha-app-focus-lens-grid dt {
  margin-bottom: 5px;
  color: var(--accent);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.alpha-app-focus-lens-grid dd {
  margin: 0;
  color: var(--muted);
  font-size: 0.84rem;
  line-height: 1.34;
  overflow-wrap: anywhere;
}

.alpha-app-focus-lens-grid a {
  color: var(--accent);
  font-weight: 900;
  text-decoration: none;
}

.alpha-app-focus-lens-grid a:hover,
.alpha-app-focus-lens-grid a:focus-visible {
  text-decoration: underline;
}

.alpha-app-focus-stepper {
  display: grid;
  gap: 10px;
  border: 1px solid rgba(17, 20, 16, 0.1);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.72);
  padding: 12px;
}

.alpha-app-focus-stepper-head,
.alpha-app-focus-stepper-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.alpha-app-focus-stepper-head h4 {
  margin: 0;
  color: var(--ink);
  font-size: 0.98rem;
  line-height: 1.25;
}

.alpha-app-focus-stepper-head p,
.alpha-app-focus-stepper-boundary {
  margin: 0;
  color: var(--muted);
  font-size: 0.84rem;
  line-height: 1.4;
}

.alpha-app-focus-step-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.alpha-app-focus-step-list li {
  border: 1px solid rgba(17, 20, 16, 0.1);
  border-radius: 999px;
  background: #f8f7f1;
  color: var(--muted);
  padding: 7px 10px;
  font-size: 0.76rem;
  font-weight: 900;
  line-height: 1.1;
}

.alpha-app-focus-step-list li.is-active {
  border-color: rgba(47, 111, 78, 0.42);
  background: #e1ebdf;
  color: var(--accent);
}

.alpha-app-focus-stepper-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.alpha-app-focus-stepper-grid > div {
  min-width: 0;
  border: 1px solid rgba(17, 20, 16, 0.1);
  border-radius: 8px;
  background: rgba(248, 247, 241, 0.72);
  padding: 10px;
}

.alpha-app-focus-stepper-grid span {
  display: block;
  margin-bottom: 5px;
  color: var(--accent);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.alpha-app-focus-stepper-grid strong {
  display: block;
  color: var(--muted);
  font-size: 0.84rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.alpha-app-focus-stepper-actions {
  justify-content: flex-start;
  flex-wrap: wrap;
}

.alpha-app-focus-lens-boundary {
  margin: 0;
  border-top: 1px solid var(--line);
  padding-top: 10px;
  color: var(--muted);
  font-size: 0.84rem;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

[data-alpha-app-focus-scope] {
  scroll-margin-top: 96px;
  transition:
    border-color 0.16s ease,
    box-shadow 0.16s ease,
    background-color 0.16s ease;
}

[data-alpha-app-focus-scope].is-focus-scope {
  border-color: rgba(47, 111, 78, 0.42);
  box-shadow: 0 0 0 3px rgba(47, 111, 78, 0.1);
}

[data-alpha-app-focus-scope].is-focus-primary-scope {
  border-color: rgba(47, 111, 78, 0.58);
  box-shadow: 0 0 0 4px rgba(47, 111, 78, 0.14);
}

[data-alpha-app-focus-scope].is-focus-secondary-scope {
  border-color: rgba(47, 111, 78, 0.48);
  box-shadow: 0 0 0 3px rgba(47, 111, 78, 0.11);
}

.alpha-app-shell-table {
  display: grid;
  overflow: hidden;
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
}

.alpha-app-shell-table-head,
.alpha-app-shell-row {
  display: grid;
  grid-template-columns: 0.8fr minmax(0, 1.2fr) minmax(0, 1.2fr) minmax(0, 1.2fr) auto;
  gap: 10px;
  align-items: center;
  padding: 10px 12px;
}

.alpha-app-shell-table-head {
  background: #e9eee5;
  color: var(--accent);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.alpha-app-shell-row {
  min-height: 58px;
  border-top: 1px solid rgba(17, 20, 16, 0.1);
  background: rgba(255, 255, 255, 0.78);
}

.alpha-app-shell-row.is-ready {
  background: #e1ebdf;
}

.alpha-app-shell-row.is-active {
  background: #eef3f8;
}

.alpha-app-shell-row.is-blocked {
  background: #fff8e8;
}

.alpha-app-shell-row strong,
.alpha-app-shell-row span {
  min-width: 0;
  line-height: 1.34;
  overflow-wrap: anywhere;
}

.alpha-app-shell-row span {
  color: var(--muted);
  font-size: 0.86rem;
}

.alpha-app-shell-row .button {
  min-height: 40px;
  justify-self: end;
  white-space: nowrap;
}

.alpha-app-shell-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.alpha-app-shell-chips span {
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: #f8f7f1;
  padding: 7px 9px;
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 800;
}

.alpha-app-shell-chips span.is-ready {
  border-color: rgba(47, 111, 78, 0.32);
  background: #e1ebdf;
  color: var(--accent);
}

.alpha-app-shell-chips span.is-active {
  border-color: rgba(37, 84, 142, 0.32);
  background: #eef3f8;
  color: #25548e;
}

.alpha-app-shell-chips span.is-blocked {
  border-color: rgba(142, 78, 37, 0.26);
  background: #fff8e8;
  color: #8e4e25;
}

.alpha-app-shell-actions {
  display: grid;
  gap: 8px;
}

.alpha-app-shell-actions .button {
  justify-content: center;
  width: 100%;
}

.alpha-app-shell {
  background: #eef1e7;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.alpha-app-local-state {
  background: #f8f7f1;
  border-top: 1px solid var(--line);
}

.alpha-app-local-state-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 20px;
  align-items: end;
}

.alpha-app-readout-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin: 28px 0 0;
}

.alpha-app-readout-grid div {
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.78);
  padding: 14px;
}

.alpha-app-readout-grid dt {
  margin-bottom: 7px;
  color: var(--accent);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.alpha-app-readout-grid dd {
  margin: 0;
  color: var(--muted);
  line-height: 1.45;
}

.alpha-app-readout-grid code {
  overflow-wrap: anywhere;
}

.alpha-app-command-center {
  background: #f6f8f4;
  border-top: 1px solid var(--line);
}

.alpha-app-command-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 20px;
  align-items: end;
}

.alpha-app-command-head h2 {
  max-width: 780px;
}

.alpha-app-command-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}

.alpha-app-command-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 24px;
}

.alpha-app-command-card {
  display: grid;
  gap: 9px;
  align-content: start;
  min-height: 158px;
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.8);
  padding: 14px;
}

.alpha-app-command-card.is-ready {
  border-color: rgba(47, 111, 78, 0.42);
  background: #e1ebdf;
}

.alpha-app-command-card.is-active {
  border-color: rgba(37, 84, 142, 0.36);
  background: #eef3f8;
}

.alpha-app-command-card.is-blocked {
  border-color: rgba(142, 78, 37, 0.3);
  background: #fff8e8;
}

.alpha-app-command-card > span {
  color: var(--accent);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.alpha-app-command-card strong {
  color: var(--ink);
  line-height: 1.2;
}

.alpha-app-command-card p {
  margin: 0;
  color: var(--muted);
  line-height: 1.45;
}

.alpha-app-command-card code {
  overflow-wrap: anywhere;
}

.alpha-app-command-meter {
  display: grid;
  gap: 12px;
  margin-top: 14px;
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.72);
  padding: 14px;
}

.alpha-app-command-meter-summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.68fr);
  gap: 14px;
  align-items: start;
}

.alpha-app-command-meter-summary h3 {
  margin: 0;
  font-size: 1.05rem;
  line-height: 1.18;
}

.alpha-app-command-meter-summary p {
  margin: 7px 0 0;
  color: var(--muted);
  line-height: 1.42;
}

.alpha-app-command-meter-summary dl {
  display: grid;
  gap: 8px;
  margin: 0;
}

.alpha-app-command-meter-summary dl > div {
  min-width: 0;
  border-left: 3px solid rgba(37, 84, 142, 0.28);
  padding-left: 10px;
}

.alpha-app-command-meter-summary dt {
  color: var(--accent);
  font-size: 0.7rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.alpha-app-command-meter-summary dd {
  margin: 5px 0 0;
  color: var(--ink);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.alpha-app-command-meter-steps {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.alpha-app-command-meter-steps > li {
  min-width: 0;
  border: 1px solid rgba(17, 20, 16, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.78);
  padding: 10px;
}

.alpha-app-command-meter-steps a {
  color: var(--ink);
  font-size: 0.76rem;
  font-weight: 900;
  text-decoration: none;
}

.alpha-app-command-meter-steps a:focus-visible {
  outline: 3px solid rgba(37, 84, 142, 0.24);
  outline-offset: 3px;
}

.alpha-app-command-meter-steps span {
  display: block;
  margin-top: 6px;
  color: var(--muted);
  font-size: 0.78rem;
  line-height: 1.34;
}

.alpha-app-command-meter-steps > li.is-ready {
  border-color: rgba(47, 111, 78, 0.38);
  background: #e1ebdf;
}

.alpha-app-command-meter-steps > li.is-active {
  border-color: rgba(37, 84, 142, 0.34);
  background: #eef3f8;
}

.alpha-app-command-meter-steps > li.is-blocked {
  border-color: rgba(142, 78, 37, 0.28);
  background: #fff8e8;
}

.alpha-app-command-meter-steps > li.is-offline {
  opacity: 0.74;
}

.alpha-app-command-meter-boundary {
  margin: 0;
  color: var(--muted);
  font-size: 0.86rem;
  line-height: 1.42;
}

.alpha-app-command-boundary {
  margin: 14px 0 0;
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.78);
  padding: 14px;
  color: var(--muted);
  line-height: 1.45;
}

.alpha-app-work-queue {
  background: #eef1e7;
  border-top: 1px solid var(--line);
}

.alpha-app-work-queue-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 20px;
  align-items: end;
}

.alpha-app-work-queue-head h2 {
  max-width: 820px;
}

.alpha-app-work-queue-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-top: 24px;
}

.alpha-app-work-queue-row {
  display: grid;
  gap: 12px;
  align-content: start;
  min-width: 0;
  min-height: 275px;
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.8);
  padding: 14px;
}

.alpha-app-work-queue-row.is-ready {
  border-color: rgba(47, 111, 78, 0.42);
  background: #e1ebdf;
}

.alpha-app-work-queue-row.is-active {
  border-color: rgba(37, 84, 142, 0.36);
  background: #eef3f8;
}

.alpha-app-work-queue-row.is-blocked {
  border-color: rgba(142, 78, 37, 0.3);
  background: #fff8e8;
}

.alpha-app-work-queue-row > span {
  color: var(--ink);
  font-size: 0.82rem;
  font-weight: 900;
  line-height: 1.2;
  text-transform: uppercase;
}

.alpha-app-work-queue-row dl {
  display: grid;
  gap: 9px;
  margin: 0;
}

.alpha-app-work-queue-row dt {
  margin-bottom: 4px;
  color: var(--accent);
  font-size: 0.7rem;
  font-weight: 900;
  text-transform: uppercase;
}

.alpha-app-work-queue-row dd {
  margin: 0;
  color: var(--muted);
  font-size: 0.86rem;
  line-height: 1.38;
  overflow-wrap: anywhere;
}

.alpha-app-work-queue-row .button {
  align-self: end;
  justify-self: start;
}

.alpha-app-work-queue-boundary {
  margin: 14px 0 0;
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.78);
  padding: 14px;
  color: var(--muted);
  line-height: 1.45;
}

.alpha-app-daily-pipeline {
  background: #f7f8f3;
  border-top: 1px solid var(--line);
}

.alpha-app-pipeline-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 20px;
  align-items: end;
}

.alpha-app-pipeline-head h2 {
  max-width: 860px;
}

.alpha-app-pipeline-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}

.alpha-app-pipeline-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 24px 0 0;
}

.alpha-app-pipeline-summary > div,
.alpha-app-pipeline-steps li {
  min-width: 0;
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.82);
  padding: 14px;
}

.alpha-app-pipeline-summary dt {
  margin-bottom: 6px;
  color: var(--accent);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.alpha-app-pipeline-summary dd {
  margin: 0;
  color: var(--muted);
  font-size: 0.9rem;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.alpha-app-pipeline-steps {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 10px;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
}

.alpha-app-pipeline-steps li {
  display: grid;
  gap: 9px;
  align-content: start;
}

.alpha-app-pipeline-steps li.is-ready {
  border-color: rgba(47, 111, 78, 0.42);
  background: #e1ebdf;
}

.alpha-app-pipeline-steps li.is-active {
  border-color: rgba(37, 84, 142, 0.36);
  background: #eef3f8;
}

.alpha-app-pipeline-steps li.is-blocked {
  border-color: rgba(142, 78, 37, 0.3);
  background: #fff8e8;
}

.alpha-app-pipeline-steps strong {
  color: var(--ink);
  font-size: 0.83rem;
  line-height: 1.2;
}

.alpha-app-pipeline-steps span,
.alpha-app-pipeline-steps small {
  color: var(--muted);
  font-size: 0.82rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.alpha-app-pipeline-steps .button {
  align-self: end;
  justify-self: start;
}

.alpha-app-pipeline-boundary {
  margin: 14px 0 0;
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.78);
  padding: 14px;
  color: var(--muted);
  line-height: 1.45;
}

.alpha-app-proof-task-board {
  display: grid;
  gap: 16px;
  background: #eef4f1;
  border-top: 1px solid var(--line);
}

.alpha-app-proof-task-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 20px;
  align-items: end;
}

.alpha-app-proof-task-head h2 {
  max-width: 880px;
}

.alpha-app-proof-task-head p {
  max-width: 880px;
  color: var(--muted);
}

.alpha-app-proof-task-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}

.alpha-app-proof-task-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.alpha-app-proof-task-grid > div {
  min-width: 0;
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.84);
  padding: 14px;
}

.alpha-app-proof-task-grid dt {
  margin-bottom: 6px;
  color: var(--accent);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.alpha-app-proof-task-grid dd {
  margin: 0;
  color: var(--muted);
  font-size: 0.9rem;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.alpha-app-proof-task-board.is-ready .alpha-app-proof-task-grid > div:first-child {
  border-color: rgba(47, 111, 78, 0.42);
  background: #e1ebdf;
}

.alpha-app-proof-task-board.is-partial .alpha-app-proof-task-grid > div:first-child {
  border-color: rgba(37, 84, 142, 0.36);
  background: #eef3f8;
}

.alpha-app-proof-task-board.is-blocked .alpha-app-proof-task-grid > div:first-child,
.alpha-app-proof-task-board.is-offline .alpha-app-proof-task-grid > div:first-child {
  border-color: rgba(142, 78, 37, 0.3);
  background: #fff8e8;
}

.alpha-app-journal-console {
  background: #f7f5ee;
  border-top: 1px solid var(--line);
}

.alpha-app-journal-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 20px;
  align-items: end;
}

.alpha-app-journal-head h2 {
  max-width: 760px;
}

.alpha-app-journal-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}

.alpha-app-journal-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 24px 0 0;
}

.alpha-app-journal-grid > div {
  min-width: 0;
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.8);
  padding: 14px;
}

.alpha-app-journal-grid dt {
  margin-bottom: 6px;
  color: var(--accent);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.alpha-app-journal-grid dd {
  margin: 0;
  color: var(--muted);
  font-size: 0.9rem;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.alpha-app-journal-note,
.alpha-app-journal-boundary {
  margin: 14px 0 0;
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.78);
  padding: 14px;
  color: var(--muted);
  line-height: 1.45;
}

.alpha-app-codex-console {
  background: #fdfcf7;
  border-top: 1px solid var(--line);
}

.alpha-app-codex-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 20px;
  align-items: end;
}

.alpha-app-codex-head h2 {
  max-width: 850px;
}

.alpha-app-codex-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}

.alpha-app-codex-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 24px 0 0;
}

.alpha-app-codex-grid > div {
  min-width: 0;
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.82);
  padding: 14px;
}

.alpha-app-codex-grid dt {
  margin-bottom: 6px;
  color: var(--accent);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.alpha-app-codex-grid dd {
  margin: 0;
  color: var(--muted);
  font-size: 0.9rem;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.alpha-app-codex-note {
  margin: 14px 0 0;
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.78);
  padding: 14px;
  color: var(--muted);
  line-height: 1.45;
}

.alpha-app-active-handoff {
  display: grid;
  gap: 16px;
  background: #f6f7f2;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.alpha-app-active-handoff-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
}

.alpha-app-active-handoff-head h2 {
  margin: 0;
  max-width: 780px;
  font-size: clamp(1.25rem, 1.8vw, 1.7rem);
  line-height: 1.14;
}

.alpha-app-active-handoff-head p {
  margin: 8px 0 0;
  max-width: 820px;
  color: var(--muted);
}

.alpha-app-active-handoff-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.alpha-app-active-handoff-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.alpha-app-active-handoff-grid > div {
  min-width: 0;
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.84);
  padding: 14px;
}

.alpha-app-active-handoff-grid dt {
  color: var(--accent);
  font-size: 0.71rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.alpha-app-active-handoff-grid dd {
  margin: 7px 0 0;
  color: var(--ink);
  line-height: 1.42;
  overflow-wrap: anywhere;
}

.alpha-app-active-handoff.is-active .alpha-app-active-handoff-grid > div:first-child {
  border-color: rgba(46, 108, 87, 0.42);
  background: rgba(236, 247, 240, 0.92);
}

.alpha-app-active-handoff.is-stale .alpha-app-active-handoff-grid > div:first-child {
  border-color: rgba(113, 93, 57, 0.36);
  background: rgba(255, 250, 240, 0.92);
}

.alpha-app-active-handoff-boundary {
  margin: 0;
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.78);
  padding: 14px;
  color: var(--muted);
  line-height: 1.45;
}

.alpha-app-daily-iteration-rail {
  display: grid;
  gap: 16px;
  background: #f3f6f0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.alpha-app-daily-iteration-rail-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
}

.alpha-app-daily-iteration-rail-head h2 {
  margin: 0;
  max-width: 800px;
  font-size: clamp(1.25rem, 1.8vw, 1.7rem);
  line-height: 1.14;
}

.alpha-app-daily-iteration-rail-head p {
  margin: 8px 0 0;
  max-width: 860px;
  color: var(--muted);
}

.alpha-app-daily-iteration-rail-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.alpha-app-daily-iteration-rail-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.alpha-app-daily-iteration-rail-grid > div {
  min-width: 0;
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.82);
  padding: 14px;
}

.alpha-app-daily-iteration-rail-grid dt {
  color: var(--accent);
  font-size: 0.71rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.alpha-app-daily-iteration-rail-grid dd {
  margin: 7px 0 0;
  color: var(--ink);
  line-height: 1.42;
  overflow-wrap: anywhere;
}

.alpha-app-daily-iteration-rail.is-ready .alpha-app-daily-iteration-rail-grid > div:first-child {
  border-color: rgba(46, 108, 87, 0.42);
  background: rgba(236, 247, 240, 0.92);
}

.alpha-app-daily-iteration-rail.is-partial .alpha-app-daily-iteration-rail-grid > div:first-child,
.alpha-app-daily-iteration-rail.is-blocked .alpha-app-daily-iteration-rail-grid > div:first-child,
.alpha-app-daily-iteration-rail.is-offline .alpha-app-daily-iteration-rail-grid > div:first-child {
  border-color: rgba(113, 93, 57, 0.36);
  background: rgba(255, 250, 240, 0.92);
}

.alpha-app-daily-iteration-rail-current {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 12px;
  align-items: start;
  border: 1px solid rgba(47, 111, 78, 0.22);
  border-radius: 8px;
  background: #fff;
  padding: 16px;
}

.alpha-app-daily-iteration-rail-current h3 {
  margin: 0;
  font-size: clamp(1.08rem, 1.45vw, 1.32rem);
  line-height: 1.16;
}

.alpha-app-daily-iteration-rail-current p {
  margin: 8px 0 0;
  color: var(--muted);
  line-height: 1.45;
}

.alpha-app-daily-iteration-rail-current-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.alpha-app-daily-iteration-rail-current-grid > div {
  min-width: 0;
  border: 1px solid rgba(17, 20, 16, 0.12);
  border-radius: 8px;
  background: #f8faf6;
  padding: 12px;
}

.alpha-app-daily-iteration-rail-current-grid dt {
  color: var(--accent);
  font-size: 0.7rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.alpha-app-daily-iteration-rail-current-grid dd {
  margin: 7px 0 0;
  color: var(--ink);
  line-height: 1.38;
  overflow-wrap: anywhere;
}

.alpha-app-daily-iteration-rail-current-grid a {
  color: var(--accent);
  font-weight: 900;
}

.alpha-app-daily-iteration-rail-current-boundary {
  grid-column: 1 / -1;
  margin: 0;
  border-top: 1px solid var(--line);
  padding-top: 12px;
  font-size: 0.86rem;
  overflow-wrap: anywhere;
}

.alpha-app-daily-iteration-rail-steps {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.alpha-app-daily-iteration-rail-steps > li {
  min-width: 0;
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.78);
  padding: 12px;
  color: var(--ink);
  font-size: 0.9rem;
  font-weight: 800;
  line-height: 1.28;
}

.alpha-app-daily-iteration-rail-steps a {
  display: grid;
  gap: 5px;
  color: inherit;
  text-decoration: none;
}

.alpha-app-daily-iteration-rail-steps a:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
}

.alpha-app-daily-iteration-rail-steps span {
  display: block;
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 800;
  overflow-wrap: anywhere;
  text-transform: uppercase;
}

.alpha-app-daily-iteration-rail-steps > li.is-ready {
  border-color: rgba(46, 108, 87, 0.4);
  background: rgba(236, 247, 240, 0.9);
}

.alpha-app-daily-iteration-rail-steps > li.is-active {
  border-color: rgba(47, 111, 78, 0.58);
  box-shadow: 0 0 0 2px rgba(47, 111, 78, 0.12);
}

.alpha-app-daily-iteration-rail-steps > li.is-blocked {
  border-color: rgba(113, 93, 57, 0.36);
  background: rgba(255, 250, 240, 0.92);
}

.alpha-app-daily-iteration-rail-note {
  margin: 0;
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.78);
  padding: 14px;
  color: var(--muted);
  line-height: 1.45;
}

.alpha-app-return-evidence {
  display: grid;
  gap: 16px;
  background: #eef4f1;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.alpha-app-return-evidence-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
}

.alpha-app-return-evidence-head h2 {
  margin: 0;
  max-width: 820px;
  font-size: clamp(1.25rem, 1.8vw, 1.7rem);
  line-height: 1.14;
}

.alpha-app-return-evidence-head p {
  margin: 8px 0 0;
  max-width: 860px;
  color: var(--muted);
}

.alpha-app-return-evidence-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.alpha-app-return-evidence-grid,
.alpha-app-return-evidence-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.alpha-app-return-evidence-grid > div,
.alpha-app-return-evidence-list > li {
  min-width: 0;
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.84);
  padding: 14px;
}

.alpha-app-return-evidence-grid dt {
  color: var(--accent);
  font-size: 0.71rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.alpha-app-return-evidence-grid dd {
  margin: 7px 0 0;
  color: var(--ink);
  line-height: 1.42;
  overflow-wrap: anywhere;
}

.alpha-app-return-evidence-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.alpha-app-return-evidence-list > li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.alpha-app-return-evidence-list strong,
.alpha-app-return-evidence-list span,
.alpha-app-return-evidence-list small {
  display: block;
}

.alpha-app-return-evidence-list strong {
  color: var(--ink);
  line-height: 1.2;
}

.alpha-app-return-evidence-list span {
  margin-top: 6px;
  color: var(--accent);
  font-size: 0.88rem;
  font-weight: 800;
  line-height: 1.25;
}

.alpha-app-return-evidence-list small {
  margin-top: 5px;
  color: var(--muted);
  line-height: 1.35;
}

.alpha-app-return-evidence.is-ready .alpha-app-return-evidence-grid > div:first-child {
  border-color: rgba(46, 108, 87, 0.42);
  background: rgba(236, 247, 240, 0.92);
}

.alpha-app-return-evidence.is-partial .alpha-app-return-evidence-grid > div:first-child,
.alpha-app-return-evidence.is-blocked .alpha-app-return-evidence-grid > div:first-child {
  border-color: rgba(113, 93, 57, 0.36);
  background: rgba(255, 250, 240, 0.92);
}

.alpha-app-return-evidence-boundary {
  margin: 0;
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.78);
  padding: 14px;
  color: var(--muted);
  line-height: 1.45;
}

.alpha-app-update-console {
  background: #f2f4ef;
  border-top: 1px solid var(--line);
}

.alpha-app-update-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 20px;
  align-items: end;
}

.alpha-app-update-head h2 {
  max-width: 860px;
}

.alpha-app-update-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}

.alpha-app-update-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 24px 0 0;
}

.alpha-app-update-grid > div {
  min-width: 0;
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.82);
  padding: 14px;
}

.alpha-app-update-grid dt {
  margin-bottom: 6px;
  color: var(--accent);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.alpha-app-update-grid dd {
  margin: 0;
  color: var(--muted);
  font-size: 0.9rem;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.alpha-app-update-note {
  margin: 14px 0 0;
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.78);
  padding: 14px;
  color: var(--muted);
  line-height: 1.45;
}

.alpha-app-review-inbox {
  background: #eef1e7;
  border-top: 1px solid var(--line);
}

.alpha-app-review-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 20px;
  align-items: end;
}

.alpha-app-review-head h2 {
  max-width: 820px;
}

.alpha-app-review-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}

.alpha-app-review-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 24px 0 0;
}

.alpha-app-review-grid > div {
  min-width: 0;
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.8);
  padding: 14px;
}

.alpha-app-review-grid dt {
  margin-bottom: 6px;
  color: var(--accent);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.alpha-app-review-grid dd {
  margin: 0;
  color: var(--muted);
  font-size: 0.9rem;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.alpha-app-current-work {
  display: grid;
  grid-template-columns: minmax(0, 0.62fr) minmax(320px, 1fr);
  gap: 24px;
  align-items: start;
  background: #eef1e7;
  border-top: 1px solid var(--line);
}

.alpha-app-current-work-card {
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.82);
  padding: 18px;
  box-shadow: 0 14px 34px rgba(17, 20, 16, 0.07);
}

.alpha-app-current-work-card dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 16px;
}

.alpha-app-current-work-card dl div {
  border-left: 3px solid rgba(47, 111, 78, 0.28);
  padding-left: 10px;
}

.alpha-app-current-work-card dt {
  margin-bottom: 5px;
  color: var(--accent);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.alpha-app-current-work-card dd {
  margin: 0;
  color: var(--muted);
  line-height: 1.45;
}

.alpha-app-current-work-card code {
  overflow-wrap: anywhere;
}

.alpha-app-daily-packet {
  background: #f8f7f1;
  border-top: 1px solid var(--line);
}

.alpha-app-daily-packet-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 20px;
  align-items: end;
}

.alpha-app-daily-stages {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 26px 0 14px;
  padding: 0;
  list-style: none;
}

.alpha-app-daily-stages li {
  min-height: 112px;
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.78);
  padding: 14px;
}

.alpha-app-daily-stages li.is-ready {
  border-color: rgba(47, 111, 78, 0.42);
  background: #e1ebdf;
}

.alpha-app-daily-stages li.is-active {
  border-color: rgba(37, 84, 142, 0.36);
  background: #eef3f8;
}

.alpha-app-daily-stages li.is-blocked {
  border-color: rgba(142, 78, 37, 0.3);
  background: #fff8e8;
}

.alpha-app-daily-stages strong {
  display: block;
  margin-bottom: 8px;
  color: var(--ink);
  font-size: 0.82rem;
  text-transform: uppercase;
}

.alpha-app-daily-stages span {
  color: var(--muted);
  line-height: 1.42;
}

.alpha-app-daily-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
}

.alpha-app-daily-grid div {
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.78);
  padding: 14px;
}

.alpha-app-daily-grid dt {
  margin-bottom: 7px;
  color: var(--accent);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.alpha-app-daily-grid dd {
  margin: 0;
  color: var(--muted);
  line-height: 1.45;
}

.alpha-app-daily-grid code {
  overflow-wrap: anywhere;
}

.alpha-app-timeline {
  background: #eef1e7;
  border-top: 1px solid var(--line);
}

.alpha-app-timeline .section-heading h2 {
  max-width: 860px;
}

.alpha-app-timeline-rail {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 28px 0 16px;
  padding: 0;
  list-style: none;
}

.alpha-app-timeline-rail li {
  display: grid;
  gap: 8px;
  align-content: start;
  min-height: 150px;
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.8);
  padding: 14px;
}

.alpha-app-timeline-rail li.is-ready {
  border-color: rgba(47, 111, 78, 0.42);
  background: #e1ebdf;
}

.alpha-app-timeline-rail li.is-active {
  border-color: rgba(37, 84, 142, 0.36);
  background: #eef3f8;
}

.alpha-app-timeline-rail li.is-blocked {
  border-color: rgba(142, 78, 37, 0.3);
  background: #fff8e8;
}

.alpha-app-timeline-rail strong {
  color: var(--ink);
  font-size: 0.82rem;
  text-transform: uppercase;
}

.alpha-app-timeline-rail span,
.alpha-app-timeline-rail small {
  color: var(--muted);
  line-height: 1.42;
}

.alpha-app-timeline-rail small {
  font-size: 0.82rem;
}

.alpha-app-timeline-rail code {
  overflow-wrap: anywhere;
}

.alpha-app-timeline-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.78);
  padding: 14px;
}

.alpha-app-timeline-footer p {
  max-width: 900px;
  margin: 0;
  color: var(--muted);
  line-height: 1.45;
}

.alpha-app-route-board {
  background: #fdfcf7;
  border-top: 1px solid var(--line);
}

.alpha-app-route-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 28px;
}

.alpha-app-route-card {
  display: grid;
  gap: 12px;
  align-content: start;
  min-height: 310px;
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.8);
  padding: 16px;
  box-shadow: 0 14px 34px rgba(17, 20, 16, 0.06);
}

.alpha-app-route-card > span {
  color: var(--accent);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.alpha-app-route-card h3,
.alpha-app-route-card p {
  margin: 0;
}

.alpha-app-route-card p,
.alpha-app-route-card dd {
  color: var(--muted);
  line-height: 1.45;
}

.alpha-app-route-card dl {
  display: grid;
  gap: 10px;
  margin: 0;
}

.alpha-app-route-card dl div {
  border-left: 3px solid rgba(47, 111, 78, 0.28);
  padding-left: 10px;
}

.alpha-app-route-card dt {
  margin-bottom: 5px;
  color: var(--ink);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.alpha-app-route-card dd {
  margin: 0;
}

.alpha-app-route-card .button {
  align-self: end;
  justify-self: start;
}

.alpha-app-flow {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  margin-top: 30px;
}

.alpha-app-step {
  display: grid;
  align-content: start;
  gap: 12px;
  min-height: 260px;
}

.alpha-app-step h3,
.alpha-app-step p {
  margin: 0;
}

.alpha-app-step p {
  color: var(--muted);
  line-height: 1.5;
}

.alpha-app-step .button {
  align-self: end;
  justify-self: start;
}

.alpha-app-command-list {
  display: grid;
  gap: 10px;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
}

.alpha-app-command-list li {
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.74);
  padding: 12px 14px;
}

.alpha-app-command-list code {
  white-space: normal;
  overflow-wrap: anywhere;
}

.alpha-app-boundaries {
  background: #f8f7f1;
}

.tier span {
  color: var(--blue);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.artifact-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 30px;
}

.compare-hero {
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.11), rgba(17, 135, 93, 0.08)),
    var(--paper);
}

.compare-positioning .section-heading {
  max-width: 960px;
}

.compare-matrix {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
  box-shadow: var(--shadow-tight);
}

.compare-matrix-row {
  display: grid;
  grid-template-columns: minmax(180px, 0.9fr) repeat(3, minmax(0, 1fr));
  min-height: 126px;
  border-top: 1px solid var(--line);
}

.compare-matrix-row:first-child {
  border-top: 0;
}

.compare-matrix-row > * {
  display: grid;
  align-content: start;
  gap: 6px;
  margin: 0;
  padding: 18px;
  border-left: 1px solid var(--line);
}

.compare-matrix-row > *:first-child {
  border-left: 0;
}

.compare-matrix-head {
  min-height: auto;
  background: #eef4ff;
}

.compare-matrix-head span {
  color: var(--blue);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.compare-matrix strong,
.compare-decision-list h3 {
  margin: 0;
  color: var(--ink);
}

.compare-matrix small {
  color: var(--muted);
  font-weight: 700;
  line-height: 1.45;
}

.compare-matrix p,
.compare-stack-card p,
.compare-decision-list p,
.compare-lock-grid p {
  color: var(--muted);
  line-height: 1.5;
}

.compare-matrix-row:not(.compare-matrix-head) > *:last-child {
  background: rgba(17, 135, 93, 0.07);
}

.compare-matrix-row:not(.compare-matrix-head) > *:last-child p,
.compare-matrix-row:not(.compare-matrix-head) > p:last-child {
  color: #174f39;
  font-weight: 800;
}

.compare-stack-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.compare-stack-card {
  display: grid;
  align-content: start;
  gap: 12px;
  min-height: 214px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.86);
  padding: 18px;
  box-shadow: 0 12px 28px rgba(16, 22, 36, 0.06);
}

.compare-stack-card span {
  color: var(--accent);
  font-size: 0.74rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.compare-stack-card p {
  margin: 0;
}

.compare-decision-list {
  display: grid;
  gap: 12px;
}

.compare-decision-list article {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
  padding: 18px;
}

.compare-decision-list h3 {
  margin-bottom: 8px;
  font-size: 1rem;
}

.compare-decision-list p {
  margin: 0;
}

.compare-boundary {
  background: #f8fafc;
}

.compare-lock-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.compare-lock-grid p {
  min-height: 116px;
  margin: 0;
  border: 1px solid rgba(180, 35, 24, 0.18);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.82);
  padding: 14px;
  color: #6b271f;
  font-weight: 800;
}

.product-demo-hero {
  background: linear-gradient(180deg, rgba(238, 241, 231, 0.78), rgba(248, 247, 241, 0));
}

.product-demo-buyer {
  background:
    linear-gradient(180deg, rgba(238, 244, 255, 0.72), rgba(248, 250, 252, 0.62)),
    #f8fafc;
}

.product-demo-buyer-head {
  display: grid;
  grid-template-columns: minmax(260px, 0.8fr) minmax(320px, 0.95fr);
  gap: clamp(24px, 5vw, 70px);
  align-items: end;
  margin-bottom: 24px;
}

.product-demo-buyer-head h2,
.product-demo-buyer-head p {
  margin: 0;
}

.product-demo-buyer-head h2 {
  max-width: 11em;
  font-size: clamp(2rem, 4vw, 3.55rem);
  line-height: 1.04;
}

.product-demo-buyer-head > p {
  color: var(--muted);
  font-size: clamp(1rem, 1.45vw, 1.18rem);
  line-height: 1.58;
}

.product-demo-moment-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}

.product-demo-moment-grid article,
.product-demo-questions,
.product-demo-locks {
  border: 1px solid rgba(37, 99, 235, 0.16);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 14px 34px rgba(16, 22, 36, 0.07);
}

.product-demo-moment-grid article {
  display: grid;
  align-content: start;
  gap: 10px;
  min-height: 218px;
  padding: 18px;
}

.product-demo-moment-grid span,
.product-demo-questions > span,
.product-demo-locks > span {
  color: var(--accent);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.product-demo-moment-grid h3,
.product-demo-moment-grid p,
.product-demo-locks p {
  margin: 0;
}

.product-demo-moment-grid h3 {
  color: var(--ink);
  font-size: 1.14rem;
  line-height: 1.2;
}

.product-demo-moment-grid p,
.product-demo-locks p {
  color: var(--muted);
  line-height: 1.48;
}

.product-demo-decision-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.9fr);
  gap: 14px;
}

.product-demo-questions,
.product-demo-locks {
  display: grid;
  align-content: start;
  gap: 14px;
  padding: 18px;
}

.product-demo-questions ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.product-demo-questions li {
  min-height: 76px;
  border: 1px solid rgba(15, 23, 42, 0.1);
  border-radius: 8px;
  background: rgba(248, 250, 252, 0.82);
  padding: 12px;
  color: var(--ink);
  font-weight: 820;
  line-height: 1.36;
}

.product-demo-locks .action-row {
  margin-top: 0;
}

.enterprise-review-center {
  background:
    linear-gradient(180deg, rgba(248, 250, 252, 0.86), rgba(241, 245, 249, 0.7)),
    var(--paper);
}

.enterprise-review-head {
  display: grid;
  grid-template-columns: minmax(260px, 0.82fr) minmax(320px, 0.95fr);
  gap: clamp(24px, 5vw, 68px);
  align-items: end;
  margin-bottom: 24px;
}

.enterprise-review-head h2,
.enterprise-review-head p {
  margin: 0;
}

.enterprise-review-head h2 {
  max-width: 11em;
  font-size: clamp(2rem, 4vw, 3.45rem);
  line-height: 1.04;
}

.enterprise-review-head > p {
  color: var(--muted);
  font-size: clamp(1rem, 1.45vw, 1.18rem);
  line-height: 1.58;
}

.enterprise-review-signals {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}

.enterprise-review-signals article,
.enterprise-review-path a,
.enterprise-review-handoff {
  border: 1px solid rgba(37, 99, 235, 0.16);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 14px 34px rgba(16, 22, 36, 0.07);
}

.enterprise-review-signals article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-height: 152px;
  padding: 16px;
}

.enterprise-review-signals span,
.enterprise-review-path span,
.enterprise-review-handoff > span {
  color: var(--accent);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.enterprise-review-signals strong {
  color: var(--ink);
  font-size: clamp(1.25rem, 2vw, 1.75rem);
}

.enterprise-review-signals p,
.enterprise-review-path p,
.enterprise-review-handoff p {
  margin: 0;
  color: var(--muted);
  line-height: 1.48;
}

.enterprise-review-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
  gap: 14px;
}

.enterprise-review-path {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.enterprise-review-path a {
  display: grid;
  gap: 8px;
  min-height: 178px;
  padding: 16px;
  color: inherit;
  text-decoration: none;
  transition: border-color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}

.enterprise-review-path a:hover,
.enterprise-review-path a:focus-visible {
  border-color: rgba(37, 99, 235, 0.42);
  box-shadow: 0 18px 42px rgba(16, 22, 36, 0.1);
  transform: translateY(-2px);
}

.enterprise-review-path strong {
  color: var(--ink);
  font-size: 1.08rem;
  line-height: 1.2;
}

.enterprise-review-handoff {
  display: grid;
  align-content: start;
  gap: 14px;
  padding: 18px;
}

.enterprise-review-handoff ul {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.enterprise-review-handoff li {
  border: 1px solid rgba(15, 23, 42, 0.1);
  border-radius: 8px;
  background: rgba(248, 250, 252, 0.82);
  padding: 12px;
  color: var(--ink);
  font-weight: 780;
  line-height: 1.36;
}

.enterprise-review-handoff .action-row {
  margin-top: 0;
}

.demo-step-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 36px;
}

.demo-step {
  display: grid;
  align-content: start;
  gap: 10px;
  min-height: 250px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 18px;
  background: var(--panel);
}

.demo-step span {
  color: var(--accent);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.demo-step h3,
.demo-step p {
  margin-bottom: 0;
}

.demo-step .step-why {
  margin-top: 6px;
  padding-top: 10px;
  border-top: 1px solid var(--line);
  color: var(--ink);
  font-weight: 700;
}

.proof-replay {
  background: #f5f7ef;
}

.proof-replay .section-heading h2 {
  max-width: 1040px;
  font-size: clamp(2rem, 3.4vw, 3rem);
  line-height: 1.08;
}

.replay-state {
  display: inline-flex;
  max-width: 920px;
  margin: 22px 0 24px;
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.72);
  color: var(--ink);
  font-weight: 800;
}

.replay-progress {
  display: grid;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  gap: 8px;
  margin: 0 0 24px;
  padding: 0;
  list-style: none;
}

.replay-progress li {
  min-height: 76px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.64);
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 900;
  line-height: 1.25;
  text-transform: uppercase;
}

.replay-progress li span {
  display: block;
  margin-bottom: 6px;
  color: var(--blue);
  font-size: 0.72rem;
}

.replay-progress li.is-active {
  border-color: rgba(47, 111, 78, 0.64);
  background: #e1ebdf;
  color: var(--accent);
}

.replay-progress li.is-complete {
  background: #fdfbf0;
  color: var(--ink);
}

.replay-shell {
  display: grid;
  grid-template-columns: minmax(280px, 0.9fr) minmax(0, 1.4fr);
  gap: 18px;
  align-items: start;
}

.replay-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 20px;
  background: rgba(255, 255, 255, 0.82);
}

.replay-card > span,
.diff-viewer > span,
.test-output > span {
  display: block;
  margin-bottom: 10px;
  color: var(--accent);
  font-size: 0.76rem;
  font-weight: 900;
  text-transform: uppercase;
}

.replay-card h3,
.replay-card h4,
.replay-card p,
.replay-card dd {
  margin-bottom: 0;
}

.replay-card h4 {
  margin-top: 18px;
  font-size: 1.05rem;
}

.replay-context {
  position: sticky;
  top: 102px;
}

.replay-context dl {
  display: grid;
  gap: 12px;
  margin: 18px 0;
}

.replay-context dt {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.replay-context dd {
  margin-left: 0;
}

.replay-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.text-button {
  border-color: transparent;
  background: transparent;
  color: var(--accent);
  box-shadow: none;
}

.replay-stage-stack {
  display: grid;
  gap: 14px;
}

.replay-panel {
  animation: entry-rise 320ms ease both;
}

.diff-viewer,
.test-output {
  display: grid;
  gap: 8px;
  margin-top: 18px;
  padding: 16px;
  border-radius: 8px;
  background: #151914;
  color: #f6f5eb;
  overflow-x: auto;
  max-width: 100%;
  min-width: 0;
}

.diff-viewer code,
.test-output code {
  display: grid;
  gap: 3px;
  width: max-content;
  min-width: 0;
  color: rgba(246, 245, 235, 0.9);
  white-space: pre;
}

.diff-line {
  display: block;
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
}

.diff-line.added {
  color: #9be7b2;
}

.diff-line.removed {
  color: #f0a9a0;
}

.replay-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 16px 0;
}

.tab-button {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px 12px;
  background: #f8f7f1;
  color: var(--ink);
  font: inherit;
  font-size: 0.86rem;
  font-weight: 900;
  cursor: pointer;
}

.tab-button.is-active {
  border-color: rgba(47, 111, 78, 0.62);
  background: #2f6f4e;
  color: #f8f7f1;
}

.tab-panel {
  display: grid;
  gap: 10px;
  padding-top: 8px;
}

.compact-links {
  margin-bottom: 0;
}

.artifact-panel span {
  display: block;
  margin-bottom: 10px;
  color: var(--accent);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.artifact-panel p {
  margin-bottom: 0;
}

.enterprise-product-story {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.enterprise-product-story.compact,
.enterprise-readiness-signals {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.enterprise-product-story .artifact-panel,
.enterprise-readiness-signals .artifact-panel,
.account-settings-grid .artifact-panel {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(247, 250, 253, 0.86)),
    #ffffff;
  border-color: rgba(37, 99, 235, 0.16);
}

.account-readiness .artifact-panel {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(238, 243, 248, 0.86));
}

.alpha-auth-entry {
  display: grid;
  grid-template-columns: minmax(260px, 0.92fr) minmax(320px, 0.8fr);
  gap: clamp(28px, 6vw, 78px);
  align-items: center;
}

.alpha-auth-copy {
  max-width: 760px;
}

.alpha-auth-copy h2 {
  max-width: 11em;
}

.alpha-auth-panel {
  display: grid;
  gap: 18px;
  border: 1px solid rgba(37, 99, 235, 0.16);
  border-radius: 12px;
  padding: clamp(20px, 3vw, 30px);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(241, 247, 255, 0.9)),
    #ffffff;
  box-shadow: 0 24px 80px rgba(15, 23, 42, 0.12);
}

.alpha-auth-panel-header {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(15, 23, 42, 0.1);
}

.alpha-auth-panel-header span,
.alpha-auth-field-preview span,
.alpha-auth-note {
  color: var(--muted);
  font-size: 0.82rem;
  font-weight: 800;
}

.alpha-auth-panel-header strong {
  color: var(--ink);
  font-size: 1rem;
}

.alpha-auth-provider-card {
  display: grid;
  gap: 6px;
  border: 1px solid rgba(37, 99, 235, 0.16);
  border-radius: 8px;
  background: #eff6ff;
  padding: 14px;
}

.alpha-auth-provider-card span,
.alpha-auth-provider-list mark,
.alpha-auth-authority-gates > span {
  color: var(--blue);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.alpha-auth-provider-card p,
.alpha-auth-provider-list p,
.alpha-auth-provider-list small,
.alpha-auth-activation-rail p,
.alpha-auth-authority-gates li {
  margin: 0;
  color: var(--muted);
  line-height: 1.42;
}

.alpha-auth-button-list {
  display: grid;
  gap: 10px;
}

.alpha-auth-button-list button {
  width: 100%;
  min-height: 46px;
  border: 1px solid rgba(15, 23, 42, 0.14);
  border-radius: 8px;
  background: #ffffff;
  color: var(--ink);
  font: inherit;
  font-size: 0.92rem;
  font-weight: 900;
  text-align: center;
  cursor: not-allowed;
  opacity: 0.74;
}

.alpha-auth-button-list button:first-child {
  background: #101828;
  color: #ffffff;
  border-color: #101828;
}

.alpha-auth-provider-list {
  display: grid;
  gap: 8px;
}

.alpha-auth-provider-list article {
  display: grid;
  gap: 6px;
  border: 1px solid rgba(15, 23, 42, 0.1);
  border-radius: 8px;
  background: #ffffff;
  padding: 12px;
}

.alpha-auth-provider-list article div {
  display: flex;
  gap: 10px;
  justify-content: space-between;
  align-items: flex-start;
}

.alpha-auth-provider-list strong {
  color: var(--ink);
  line-height: 1.22;
}

.alpha-auth-provider-list mark {
  flex: 0 0 auto;
  border-radius: 999px;
  background: #fff7ed;
  color: #a15c07;
  padding: 4px 8px;
  font-size: 0.68rem;
}

.alpha-auth-field-preview {
  display: grid;
  grid-template-columns: minmax(96px, 0.32fr) minmax(0, 1fr) minmax(92px, 0.36fr);
  gap: 10px 14px;
  align-items: center;
  padding: 16px;
  border: 1px dashed rgba(37, 99, 235, 0.26);
  border-radius: 8px;
  background: rgba(248, 250, 252, 0.84);
}

.alpha-auth-field-preview strong {
  min-width: 0;
  color: var(--ink);
  font-size: 0.92rem;
  overflow-wrap: anywhere;
}

.alpha-auth-field-preview small {
  min-width: 0;
  border-radius: 999px;
  background: #fff7ed;
  color: #8a4b00;
  padding: 4px 8px;
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
  text-align: center;
}

.alpha-auth-note {
  line-height: 1.55;
}

.alpha-auth-activation-console {
  display: grid;
  gap: 18px;
  background: #f7f9fc;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.alpha-auth-activation-rail {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.alpha-auth-activation-rail li,
.alpha-auth-authority-gates {
  min-width: 0;
  border: 1px solid rgba(17, 24, 39, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 10px 24px rgba(16, 22, 36, 0.06);
}

.alpha-auth-activation-rail li {
  display: grid;
  gap: 8px;
  padding: 14px;
}

.alpha-auth-activation-rail span {
  color: var(--blue);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.alpha-auth-activation-rail strong {
  color: var(--ink);
  line-height: 1.24;
}

.alpha-auth-activation-rail mark {
  width: fit-content;
  border-radius: 999px;
  background: #fff7ed;
  color: #a15c07;
  padding: 4px 8px;
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.alpha-auth-authority-gates {
  display: grid;
  gap: 12px;
  padding: 18px;
}

.alpha-auth-authority-gates ul {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.alpha-auth-authority-gates li {
  border: 1px solid rgba(17, 24, 39, 0.1);
  border-radius: 8px;
  background: #fff;
  padding: 12px;
}

.alpha-auth-step-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 36px;
}

.alpha-connection-grid,
.alpha-api-surface-grid,
.alpha-api-lifecycle {
  display: grid;
  gap: 14px;
  margin-top: 36px;
}

.alpha-connection-grid,
.alpha-api-surface-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.alpha-api-lifecycle {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.alpha-connection-card {
  color: inherit;
  text-decoration: none;
}

.alpha-connection-card:hover {
  transform: translateY(-2px);
}

.alpha-api-card p + p {
  margin-top: 10px;
  color: var(--muted);
}

.alpha-api-step {
  border: 1px solid rgba(47, 111, 78, 0.18);
  border-radius: 8px;
  padding: 18px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(242, 248, 244, 0.86)),
    #ffffff;
  box-shadow: var(--shadow-tight);
}

.alpha-api-step span {
  display: block;
  margin-bottom: 10px;
  color: var(--green);
  font-size: 0.78rem;
  font-weight: 900;
}

.alpha-api-step h3 {
  font-size: 1.02rem;
  line-height: 1.3;
}

.alpha-api-subheading {
  margin-top: 48px;
}

.alpha-api-client-grid,
.alpha-api-response-grid {
  display: grid;
  gap: 14px;
  margin-top: 24px;
}

.alpha-api-client-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.alpha-api-response-grid {
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
}

.alpha-api-client-card,
.alpha-api-contract-panel,
.alpha-api-response-card {
  border: 1px solid rgba(15, 23, 42, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: var(--shadow-tight);
}

.alpha-api-client-card {
  padding: 18px;
}

.alpha-api-client-card span,
.alpha-api-contract-panel span,
.alpha-api-response-card span,
.alpha-api-request-list article span {
  display: block;
  color: var(--green);
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.alpha-api-client-card h3 {
  margin: 10px 0;
  color: var(--ink);
  font-size: 0.98rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.alpha-api-client-card p,
.alpha-api-contract-panel p,
.alpha-api-response-card li,
.alpha-api-response-card dd,
.alpha-api-request-list article p,
.alpha-api-request-list article strong {
  color: var(--muted);
  line-height: 1.55;
}

.alpha-api-client-card p + p {
  margin-top: 10px;
}

.alpha-api-contract-panel {
  display: grid;
  grid-template-columns: minmax(0, 0.72fr) minmax(0, 1fr);
  gap: 18px;
  margin-top: 16px;
  padding: clamp(20px, 3vw, 28px);
}

.alpha-api-contract-panel h3 {
  margin: 10px 0;
  font-size: 1.35rem;
  line-height: 1.2;
}

.alpha-api-request-list {
  display: grid;
  gap: 12px;
}

.alpha-api-request-list article {
  border: 1px solid rgba(47, 111, 78, 0.14);
  border-radius: 8px;
  padding: 14px;
  background: rgba(242, 248, 244, 0.72);
}

.alpha-api-request-list article p,
.alpha-api-request-list article strong {
  display: block;
  margin-top: 8px;
}

.alpha-api-response-card {
  padding: 18px;
}

.alpha-api-response-card dl,
.alpha-api-response-card ul {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.alpha-api-response-card dl div {
  display: grid;
  grid-template-columns: minmax(120px, 0.35fr) minmax(0, 1fr);
  gap: 12px;
  border-top: 1px solid rgba(15, 23, 42, 0.08);
  padding-top: 10px;
}

.alpha-api-response-card dt {
  color: var(--ink);
  font-weight: 900;
}

.homepage-alpha-control-plane {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(239, 246, 255, 0.82) 58%, rgba(236, 253, 245, 0.7)),
    #ffffff;
}

.homepage-alpha-control-head {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.56fr);
  gap: clamp(22px, 4vw, 48px);
  align-items: stretch;
}

.homepage-alpha-control-head h2 {
  max-width: 760px;
  margin-bottom: 16px;
  font-size: clamp(2.15rem, 4.5vw, 4.15rem);
  line-height: 0.98;
}

.homepage-alpha-control-head p {
  max-width: 78ch;
}

.homepage-alpha-control-head aside {
  display: grid;
  align-content: center;
  gap: 12px;
  border: 1px solid rgba(37, 99, 235, 0.18);
  border-radius: 8px;
  padding: 24px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.92)),
    #ffffff;
  box-shadow: var(--shadow-tight);
}

.homepage-alpha-control-head aside span,
.homepage-alpha-control-summary span,
.homepage-alpha-path-card span,
.homepage-alpha-control-panel-head span,
.homepage-alpha-control-list span {
  color: var(--accent);
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.homepage-alpha-control-head aside strong {
  color: var(--ink);
  font-size: 1.4rem;
  line-height: 1.1;
}

.homepage-alpha-control-head aside p {
  margin: 0;
  font-size: 0.94rem;
}

.homepage-alpha-control-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 30px;
}

.homepage-alpha-control-summary article {
  min-height: 172px;
  display: grid;
  align-content: start;
  gap: 10px;
  border: 1px solid rgba(15, 23, 42, 0.1);
  border-radius: 8px;
  padding: 18px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 12px 30px rgba(16, 22, 36, 0.06);
}

.homepage-alpha-control-summary strong {
  font-size: 1.25rem;
  line-height: 1.12;
}

.homepage-alpha-control-summary p {
  margin: 0;
  font-size: 0.92rem;
}

.homepage-alpha-control-body {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(320px, 0.88fr);
  gap: 18px;
  margin-top: 18px;
  align-items: stretch;
}

.homepage-alpha-path {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.homepage-alpha-path-card {
  min-height: 218px;
  display: grid;
  align-content: space-between;
  gap: 16px;
  border: 1px solid rgba(37, 99, 235, 0.16);
  border-radius: 8px;
  padding: 20px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.94)),
    #ffffff;
  color: inherit;
  text-decoration: none;
  box-shadow: var(--shadow-tight);
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.homepage-alpha-path-card:hover,
.homepage-alpha-path-card:focus-visible {
  border-color: rgba(37, 99, 235, 0.42);
  box-shadow: 0 24px 68px rgba(37, 99, 235, 0.13);
  transform: translateY(-2px);
}

.homepage-alpha-path-card strong {
  font-size: 1.2rem;
  line-height: 1.14;
}

.homepage-alpha-path-card p {
  margin: 0;
  font-size: 0.94rem;
}

.homepage-alpha-control-panel {
  display: grid;
  gap: 16px;
  border: 1px solid rgba(17, 24, 39, 0.12);
  border-radius: 8px;
  padding: 22px;
  background:
    linear-gradient(180deg, rgba(16, 22, 36, 0.96), rgba(21, 29, 44, 0.96)),
    var(--dark-panel);
  color: #f8fafc;
  box-shadow: 0 26px 72px rgba(16, 22, 36, 0.2);
}

.homepage-alpha-control-panel p {
  margin: 0;
  color: rgba(248, 250, 252, 0.78);
  font-size: 0.92rem;
}

.homepage-alpha-control-panel-head {
  display: grid;
  gap: 8px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.homepage-alpha-control-panel-head strong {
  font-size: 1.3rem;
  line-height: 1.1;
}

.homepage-alpha-control-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.homepage-alpha-control-list a {
  min-height: 94px;
  display: grid;
  align-content: space-between;
  gap: 10px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  padding: 14px;
  background: rgba(255, 255, 255, 0.06);
  color: inherit;
  text-decoration: none;
  transition: background 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.homepage-alpha-control-list a:hover,
.homepage-alpha-control-list a:focus-visible {
  border-color: rgba(96, 165, 250, 0.5);
  background: rgba(255, 255, 255, 0.1);
  transform: translateY(-1px);
}

.homepage-alpha-control-list strong {
  color: #f8fafc;
  font-size: 0.94rem;
  line-height: 1.16;
}

.alpha-launch-access {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(239, 246, 255, 0.68)),
    #ffffff;
}

.alpha-launch-access-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
  margin-top: 34px;
}

.alpha-launch-access-card {
  min-height: 245px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid rgba(37, 99, 235, 0.16);
  border-radius: 8px;
  padding: 20px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(248, 250, 252, 0.9)),
    #ffffff;
  color: inherit;
  text-decoration: none;
  box-shadow: var(--shadow-tight);
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.alpha-launch-access-card:hover {
  border-color: rgba(37, 99, 235, 0.38);
  box-shadow: 0 22px 62px rgba(37, 99, 235, 0.12);
  transform: translateY(-2px);
}

.alpha-launch-access-card span {
  display: block;
  margin-bottom: 14px;
  color: var(--accent);
  font-size: 0.76rem;
  font-weight: 900;
  text-transform: uppercase;
}

.alpha-launch-access-card h3 {
  margin-bottom: 12px;
  font-size: 1.12rem;
  line-height: 1.24;
}

.alpha-launch-access-card p {
  margin-bottom: 0;
  font-size: 0.94rem;
}

.alpha-operating-room {
  display: grid;
  grid-template-columns: minmax(280px, 0.78fr) minmax(420px, 1.22fr);
  gap: clamp(24px, 5vw, 64px);
  align-items: center;
  background:
    radial-gradient(circle at 9% 0%, rgba(47, 111, 78, 0.12), transparent 34%),
    radial-gradient(circle at 95% 16%, rgba(37, 99, 235, 0.14), transparent 32%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(242, 248, 244, 0.82)),
    #ffffff;
}

.alpha-operating-room.compact {
  grid-template-columns: minmax(260px, 0.68fr) minmax(420px, 1.32fr);
}

.alpha-operating-room-copy {
  display: grid;
  gap: 18px;
}

.alpha-operating-room-copy h2 {
  max-width: 10.8em;
  font-size: clamp(2rem, 4.2vw, 4.6rem);
  line-height: 0.98;
}

.alpha-operating-room-copy p {
  max-width: 680px;
  color: var(--muted);
  font-size: clamp(1rem, 1.4vw, 1.13rem);
  line-height: 1.62;
}

.alpha-operating-room-board {
  min-width: 0;
  border: 1px solid rgba(15, 23, 42, 0.12);
  border-radius: 12px;
  background:
    linear-gradient(180deg, rgba(16, 24, 40, 0.98), rgba(26, 42, 66, 0.96)),
    #101828;
  box-shadow: 0 34px 100px rgba(15, 23, 42, 0.24);
  overflow: hidden;
}

.alpha-operating-room-topbar,
.alpha-operating-room-bottom {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  padding: 18px clamp(18px, 3vw, 26px);
}

.alpha-operating-room-topbar {
  border-bottom: 1px solid rgba(255, 255, 255, 0.11);
}

.alpha-operating-room-topbar span,
.alpha-operating-room-bottom span,
.alpha-operating-room-module span {
  display: block;
  color: rgba(226, 232, 240, 0.72);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.alpha-operating-room-topbar strong {
  display: block;
  margin-top: 5px;
  color: #ffffff;
  font-size: 1.05rem;
}

.alpha-operating-room-topbar mark {
  border-radius: 999px;
  background: rgba(16, 185, 129, 0.14);
  color: #bbf7d0;
  padding: 7px 10px;
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.alpha-operating-room-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  background: rgba(255, 255, 255, 0.1);
}

.alpha-operating-room-module {
  min-width: 0;
  min-height: 230px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 14px;
  padding: 18px;
  background:
    linear-gradient(180deg, rgba(30, 41, 59, 0.94), rgba(15, 23, 42, 0.94)),
    #111827;
  color: inherit;
  text-decoration: none;
  transition: background 160ms ease, transform 160ms ease;
}

.alpha-operating-room-module:hover {
  background:
    linear-gradient(180deg, rgba(38, 56, 88, 0.98), rgba(17, 33, 55, 0.98)),
    #142033;
  transform: translateY(-1px);
}

.alpha-operating-room-module h3 {
  margin: 0;
  color: #ffffff;
  font-size: 1.05rem;
  line-height: 1.25;
}

.alpha-operating-room-module p,
.alpha-operating-room-module small,
.alpha-operating-room-bottom p {
  color: rgba(226, 232, 240, 0.78);
  line-height: 1.5;
}

.alpha-operating-room-module p,
.alpha-operating-room-module small {
  margin: 0;
  font-size: 0.88rem;
}

.alpha-operating-room-module small {
  color: rgba(248, 250, 252, 0.62);
}

.alpha-operating-room-bottom {
  align-items: stretch;
  border-top: 1px solid rgba(255, 255, 255, 0.11);
  background: rgba(2, 6, 23, 0.34);
}

.alpha-operating-room-bottom > div {
  min-width: 0;
  flex: 1;
}

.alpha-operating-room-bottom code {
  display: block;
  margin: 8px 0;
  color: #d1fae5;
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  font-size: 0.82rem;
  overflow-wrap: anywhere;
}

.alpha-operating-room-bottom p {
  margin: 0;
  font-size: 0.84rem;
}

.alpha-cli-terminal {
  display: grid;
  gap: 10px;
  margin-top: 28px;
  border: 1px solid rgba(15, 23, 42, 0.14);
  border-radius: 12px;
  padding: clamp(18px, 3vw, 28px);
  background: #101828;
  box-shadow: 0 24px 80px rgba(15, 23, 42, 0.14);
  overflow-x: auto;
}

.alpha-cli-terminal code {
  color: rgba(248, 250, 252, 0.92);
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  font-size: 0.92rem;
  white-space: pre;
}

.alpha-support-workspace {
  background:
    linear-gradient(135deg, rgba(239, 246, 255, 0.94), rgba(236, 253, 245, 0.72)),
    #ffffff;
}

.alpha-support-cockpit {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.alpha-support-status-card {
  min-height: 220px;
  border: 1px solid rgba(37, 99, 235, 0.16);
  border-radius: 8px;
  padding: 20px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 18px 55px rgba(15, 23, 42, 0.08);
}

.alpha-support-status-card span,
.alpha-support-lane h3,
.alpha-support-do-not-send h3 {
  color: var(--accent-strong);
}

.alpha-support-status-card span {
  display: block;
  margin-bottom: 16px;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.alpha-support-status-card h3 {
  margin: 0 0 10px;
  font-size: 1.12rem;
  line-height: 1.3;
}

.alpha-support-status-card p,
.alpha-support-lane p,
.alpha-support-do-not-send li {
  font-size: 0.94rem;
  line-height: 1.58;
}

.alpha-support-handoff {
  align-items: start;
}

.alpha-support-lane-list {
  display: grid;
  gap: 12px;
}

.alpha-support-lane {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 18px;
  background: #ffffff;
}

.alpha-support-lane h3,
.alpha-support-lane p {
  margin: 0;
}

.alpha-support-lane p + p {
  margin-top: 8px;
}

.alpha-support-do-not-send {
  margin: 0 0 24px;
  border: 1px solid rgba(185, 28, 28, 0.16);
  border-radius: 8px;
  padding: clamp(18px, 3vw, 26px);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 247, 237, 0.84));
}

.alpha-support-do-not-send h3 {
  margin: 0 0 14px;
  font-size: 1.1rem;
}

.alpha-support-do-not-send ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 18px;
  margin: 0;
  padding-left: 18px;
}

.alpha-support-command {
  background:
    radial-gradient(circle at 16% 0%, rgba(91, 73, 234, 0.18), transparent 28rem),
    radial-gradient(circle at 88% 12%, rgba(25, 195, 125, 0.1), transparent 24rem),
    linear-gradient(180deg, rgba(9, 10, 15, 0.96), rgba(9, 10, 15, 0.99)),
    var(--veyact-design-pattern),
    var(--veyact-design-bg);
  background-size: auto, auto, auto, 760px auto, auto;
}

.alpha-support-command-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.42fr);
  gap: clamp(22px, 5vw, 72px);
  align-items: start;
  margin-bottom: clamp(22px, 4vw, 44px);
}

.alpha-support-command-head h2 {
  max-width: 880px;
  color: #ffffff;
  text-wrap: balance;
}

.alpha-support-command-head p:not(.eyebrow) {
  max-width: 780px;
  color: rgba(245, 247, 250, 0.68);
  line-height: 1.62;
}

.alpha-support-readiness-card {
  position: relative;
  display: grid;
  gap: 13px;
  overflow: hidden;
  border: 1px solid rgba(245, 247, 250, 0.12);
  border-radius: 18px;
  padding: clamp(18px, 3vw, 28px);
  background:
    linear-gradient(180deg, rgba(245, 247, 250, 0.08), rgba(245, 247, 250, 0.034)),
    rgba(15, 18, 26, 0.86);
  box-shadow: 0 26px 76px rgba(0, 0, 0, 0.28);
}

.alpha-support-readiness-card::before {
  content: "";
  position: absolute;
  inset: auto -76px -86px auto;
  width: 240px;
  aspect-ratio: 1;
  background: var(--veyact-design-mark) no-repeat center / contain;
  opacity: 0.07;
  pointer-events: none;
}

.alpha-support-readiness-card > img {
  width: 46px;
  height: 46px;
  border-radius: 12px;
  padding: 8px;
  background: rgba(91, 73, 234, 0.18);
  box-shadow: 0 14px 34px rgba(91, 73, 234, 0.28);
}

.alpha-support-readiness-card span {
  color: rgba(25, 195, 125, 0.92);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.alpha-support-readiness-card strong {
  color: #ffffff;
  font-size: 1.4rem;
  line-height: 1.1;
}

.alpha-support-readiness-card p {
  margin: 0;
  color: rgba(245, 247, 250, 0.66);
  line-height: 1.55;
}

.alpha-support-readiness-card dl {
  display: grid;
  gap: 8px;
  margin: 4px 0 0;
}

.alpha-support-readiness-card dl div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  border-top: 1px solid rgba(245, 247, 250, 0.08);
  padding-top: 8px;
}

.alpha-support-readiness-card dt,
.alpha-support-readiness-card dd {
  margin: 0;
  color: rgba(245, 247, 250, 0.64);
  font-size: 0.84rem;
}

.alpha-support-readiness-card dd {
  color: #ffffff;
  font-weight: 850;
  text-align: right;
}

.alpha-support-request-rail {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.alpha-support-request-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-content: space-between;
  gap: 14px;
  min-height: 184px;
  border: 1px solid rgba(245, 247, 250, 0.105);
  border-radius: 14px;
  padding: 18px;
  background:
    linear-gradient(180deg, rgba(245, 247, 250, 0.068), rgba(245, 247, 250, 0.026)),
    rgba(15, 18, 26, 0.8);
  transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

.alpha-support-request-row:hover {
  border-color: rgba(91, 73, 234, 0.5);
  background:
    linear-gradient(180deg, rgba(91, 73, 234, 0.14), rgba(245, 247, 250, 0.032)),
    rgba(15, 18, 26, 0.9);
  transform: translateY(-2px);
}

.alpha-support-request-row span,
.alpha-support-request-row small {
  color: rgba(25, 195, 125, 0.88);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.alpha-support-request-row h3,
.alpha-support-request-row p {
  margin: 0;
}

.alpha-support-request-row h3 {
  margin-top: 8px;
  color: #ffffff;
  font-size: 1.16rem;
}

.alpha-support-request-row p {
  color: rgba(245, 247, 250, 0.66);
  line-height: 1.52;
}

.alpha-support-operating-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: clamp(22px, 4vw, 42px);
}

.alpha-support-operating-strip article {
  display: grid;
  gap: 10px;
  min-height: 190px;
  align-content: start;
  border: 1px solid rgba(245, 247, 250, 0.105);
  border-radius: 16px;
  padding: 18px;
  background:
    linear-gradient(180deg, rgba(245, 247, 250, 0.07), rgba(245, 247, 250, 0.026)),
    rgba(15, 18, 26, 0.8);
}

.alpha-support-operating-strip img {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  padding: 9px;
  background: rgba(245, 247, 250, 0.07);
  border: 1px solid rgba(245, 247, 250, 0.08);
}

.alpha-support-operating-strip span {
  color: rgba(25, 195, 125, 0.9);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.alpha-support-operating-strip p {
  margin: 0;
  color: rgba(245, 247, 250, 0.66);
  line-height: 1.52;
}

.contact-command-hero,
.contact-request-command {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(circle at 14% 0%, rgba(91, 73, 234, 0.22), transparent 28rem),
    radial-gradient(circle at 88% 8%, rgba(25, 195, 125, 0.11), transparent 24rem),
    linear-gradient(180deg, rgba(9, 10, 15, 0.95), rgba(9, 10, 15, 0.99)),
    var(--veyact-design-pattern),
    var(--veyact-design-bg, #090A0F) !important;
  background-size: auto, auto, auto, 760px auto, auto !important;
}

.contact-command-hero::before,
.contact-request-command::before {
  content: "";
  position: absolute;
  inset: auto -8vw -12vw auto;
  z-index: -1;
  width: min(38vw, 460px);
  aspect-ratio: 1;
  background: var(--veyact-design-mark) no-repeat center / contain;
  opacity: 0.06;
  pointer-events: none;
}

.contact-command-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.4fr);
  gap: clamp(22px, 5vw, 72px);
  align-items: start;
  margin-bottom: clamp(22px, 4vw, 42px);
}

.contact-command-head h1 {
  max-width: 920px;
  color: #ffffff;
  text-wrap: balance;
}

.contact-command-head p:not(.eyebrow),
.contact-request-command .section-heading p {
  max-width: 780px;
  color: rgba(245, 247, 250, 0.68);
  line-height: 1.62;
}

.contact-command-card {
  position: relative;
  display: grid;
  gap: 13px;
  overflow: hidden;
  border: 1px solid rgba(245, 247, 250, 0.12);
  border-radius: 18px;
  padding: clamp(18px, 3vw, 28px);
  background:
    linear-gradient(180deg, rgba(245, 247, 250, 0.08), rgba(245, 247, 250, 0.034)),
    rgba(15, 18, 26, 0.86);
  box-shadow: 0 26px 76px rgba(0, 0, 0, 0.28);
}

.contact-command-card::before {
  content: "";
  position: absolute;
  inset: auto -76px -86px auto;
  width: 240px;
  aspect-ratio: 1;
  background: var(--veyact-design-mark) no-repeat center / contain;
  opacity: 0.07;
  pointer-events: none;
}

.contact-command-card img {
  width: 46px;
  height: 46px;
  border-radius: 12px;
  padding: 8px;
  background: rgba(91, 73, 234, 0.18);
  box-shadow:
    0 16px 38px rgba(91, 73, 234, 0.28),
    0 0 22px rgba(25, 195, 125, 0.08);
}

.contact-command-card span,
.contact-request-card span {
  color: rgba(25, 195, 125, 0.92);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.contact-command-card strong {
  color: #ffffff;
  overflow-wrap: anywhere;
}

.contact-command-card p,
.contact-request-card p {
  margin: 0;
  color: rgba(245, 247, 250, 0.66);
  line-height: 1.52;
}

.contact-command-steps,
.contact-request-grid {
  display: grid;
  gap: 10px;
}

.contact-command-steps {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.contact-command-steps article,
.contact-request-card {
  display: grid;
  gap: 10px;
  border: 1px solid rgba(245, 247, 250, 0.105);
  border-radius: 16px;
  padding: 18px;
  background:
    linear-gradient(180deg, rgba(245, 247, 250, 0.07), rgba(245, 247, 250, 0.026)),
    rgba(15, 18, 26, 0.8);
}

.contact-command-steps span {
  width: 34px;
  height: 34px;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(25, 195, 125, 0.22);
  border-radius: 999px;
  color: rgba(25, 195, 125, 0.94);
  background: rgba(25, 195, 125, 0.08);
  font-size: 0.74rem;
  font-weight: 900;
}

.contact-command-steps h3,
.contact-command-steps p {
  margin: 0;
}

.contact-command-steps h3 {
  color: #ffffff;
  font-size: 1.08rem;
}

.contact-command-steps p {
  color: rgba(245, 247, 250, 0.66);
  line-height: 1.52;
}

.contact-request-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.contact-request-card {
  min-height: 270px;
  align-content: start;
}

.contact-request-card img {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  padding: 9px;
  background: rgba(245, 247, 250, 0.07);
  border: 1px solid rgba(245, 247, 250, 0.08);
}

.alpha-support-workspace,
.alpha-support-handoff,
.alpha-support-do-not-send {
  background:
    radial-gradient(circle at 18% 0%, rgba(91, 73, 234, 0.14), transparent 22rem),
    linear-gradient(180deg, rgba(9, 10, 15, 0.94), rgba(9, 10, 15, 0.99)),
    var(--veyact-design-pattern),
    var(--veyact-design-bg) !important;
  background-size: auto, auto, 760px auto, auto !important;
}

.alpha-support-status-card,
.alpha-support-lane {
  border-color: rgba(245, 247, 250, 0.11) !important;
  background:
    linear-gradient(180deg, rgba(245, 247, 250, 0.07), rgba(245, 247, 250, 0.03)),
    rgba(15, 18, 26, 0.84) !important;
  box-shadow: 0 22px 66px rgba(0, 0, 0, 0.24);
}

.alpha-support-status-card p,
.alpha-support-lane p,
.alpha-support-do-not-send li {
  color: rgba(245, 247, 250, 0.68);
}

.alpha-install-command,
.alpha-install-output,
.alpha-install-locks,
.alpha-runner-api-bridge,
.alpha-api-command,
.alpha-api-client-command {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(circle at 16% 0%, rgba(91, 73, 234, 0.18), transparent 28rem),
    radial-gradient(circle at 88% 12%, rgba(62, 123, 250, 0.12), transparent 26rem),
    linear-gradient(180deg, rgba(9, 10, 15, 0.95), rgba(9, 10, 15, 0.99)),
    var(--veyact-design-pattern),
    var(--veyact-design-bg) !important;
  background-size: auto, auto, auto, 760px auto, auto !important;
}

.alpha-install-command::before,
.alpha-install-output::before,
.alpha-install-locks::before,
.alpha-runner-api-bridge::before,
.alpha-api-command::before,
.alpha-api-client-command::before {
  content: "";
  position: absolute;
  inset: auto -9vw -15vw auto;
  z-index: -1;
  width: min(42vw, 520px);
  aspect-ratio: 1;
  background: var(--veyact-design-mark) no-repeat center / contain;
  opacity: 0.075;
  pointer-events: none;
}

.alpha-runner-api-bridge-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.38fr);
  gap: clamp(22px, 5vw, 70px);
  align-items: start;
  margin-bottom: clamp(22px, 4vw, 42px);
}

.alpha-runner-api-bridge-head h2 {
  max-width: 900px;
  color: #ffffff;
  text-wrap: balance;
}

.alpha-runner-api-bridge-head p:not(.eyebrow) {
  max-width: 780px;
  color: rgba(245, 247, 250, 0.68);
  line-height: 1.62;
}

.alpha-runner-api-brand-card {
  position: relative;
  display: grid;
  gap: 12px;
  overflow: hidden;
  border: 1px solid rgba(245, 247, 250, 0.13);
  border-radius: 18px;
  padding: clamp(18px, 3vw, 28px);
  background:
    linear-gradient(180deg, rgba(245, 247, 250, 0.085), rgba(245, 247, 250, 0.032)),
    rgba(15, 18, 26, 0.88);
  box-shadow: 0 28px 82px rgba(0, 0, 0, 0.3);
}

.alpha-runner-api-brand-card::before {
  content: "";
  position: absolute;
  inset: auto -72px -84px auto;
  width: 230px;
  aspect-ratio: 1;
  background: var(--veyact-design-mark) no-repeat center / contain;
  opacity: 0.075;
  pointer-events: none;
}

.alpha-runner-api-brand-card img {
  width: 48px;
  height: 48px;
  border-radius: 13px;
  padding: 8px;
  background: rgba(91, 73, 234, 0.18);
  box-shadow:
    0 16px 38px rgba(91, 73, 234, 0.28),
    0 0 22px rgba(25, 195, 125, 0.08);
}

.alpha-runner-api-brand-card span,
.alpha-runner-api-bridge-card span {
  color: rgba(25, 195, 125, 0.92);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.alpha-runner-api-brand-card strong {
  color: #ffffff;
  font-size: 1.12rem;
}

.alpha-runner-api-brand-card p,
.alpha-runner-api-bridge-card p {
  margin: 0;
  color: rgba(245, 247, 250, 0.66);
  line-height: 1.52;
}

.alpha-runner-api-bridge-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.alpha-runner-api-bridge-card {
  display: grid;
  gap: 10px;
  min-height: 232px;
  align-content: start;
  border: 1px solid rgba(245, 247, 250, 0.105);
  border-radius: 16px;
  padding: 18px;
  background:
    linear-gradient(180deg, rgba(245, 247, 250, 0.07), rgba(245, 247, 250, 0.026)),
    rgba(15, 18, 26, 0.8);
  color: inherit;
  text-decoration: none;
  transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

.alpha-runner-api-bridge-card:hover,
.alpha-runner-api-bridge-card:focus-visible,
.alpha-runner-api-bridge-card.is-active {
  border-color: rgba(91, 73, 234, 0.55);
  background:
    linear-gradient(180deg, rgba(91, 73, 234, 0.15), rgba(245, 247, 250, 0.035)),
    rgba(15, 18, 26, 0.92);
  transform: translateY(-2px);
}

.alpha-runner-api-bridge-card:focus-visible {
  outline: 2px solid rgba(25, 195, 125, 0.72);
  outline-offset: 3px;
}

.alpha-runner-api-bridge-card img {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  padding: 9px;
  background: rgba(245, 247, 250, 0.07);
  border: 1px solid rgba(245, 247, 250, 0.08);
}

.alpha-runner-api-bridge-card h3 {
  margin: 0;
  color: #ffffff;
  font-size: 1.13rem;
}

.alpha-runner-api-lockbar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-top: 14px;
  border: 1px solid rgba(245, 247, 250, 0.11);
  border-radius: 999px;
  padding: 10px 12px;
  background: rgba(15, 18, 26, 0.68);
  color: rgba(245, 247, 250, 0.7);
}

.alpha-runner-api-lockbar strong {
  color: #ffffff;
}

.alpha-runner-api-lockbar span {
  border: 1px solid rgba(245, 247, 250, 0.09);
  border-radius: 999px;
  padding: 5px 8px;
  background: rgba(245, 247, 250, 0.045);
  font-size: 0.82rem;
}

.alpha-install-command-head,
.alpha-api-command-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.44fr);
  gap: clamp(22px, 5vw, 76px);
  align-items: start;
  margin-bottom: clamp(22px, 4vw, 46px);
}

.alpha-install-command-head h2,
.alpha-api-command-head h2 {
  max-width: 920px;
  color: #ffffff;
  text-wrap: balance;
}

.alpha-install-command-head p:not(.eyebrow),
.alpha-api-command-head p:not(.eyebrow),
.alpha-install-subhead p,
.alpha-api-subheading p {
  max-width: 760px;
  color: rgba(245, 247, 250, 0.68);
  line-height: 1.62;
}

.alpha-install-terminal-card,
.alpha-api-lock-card {
  position: relative;
  display: grid;
  gap: 13px;
  overflow: hidden;
  border: 1px solid rgba(245, 247, 250, 0.12);
  border-radius: 18px;
  padding: clamp(18px, 3vw, 28px);
  background:
    linear-gradient(180deg, rgba(245, 247, 250, 0.08), rgba(245, 247, 250, 0.034)),
    rgba(15, 18, 26, 0.86);
  box-shadow: 0 26px 76px rgba(0, 0, 0, 0.28);
}

.alpha-install-terminal-card::before,
.alpha-api-lock-card::before {
  content: "";
  position: absolute;
  inset: auto -76px -86px auto;
  width: 240px;
  aspect-ratio: 1;
  background: var(--veyact-design-mark) no-repeat center / contain;
  opacity: 0.07;
  pointer-events: none;
}

.alpha-install-terminal-card img,
.alpha-api-lock-card img {
  width: 46px;
  height: 46px;
  border-radius: 12px;
  padding: 8px;
  background: rgba(91, 73, 234, 0.18);
  box-shadow: 0 14px 34px rgba(91, 73, 234, 0.28);
}

.alpha-install-terminal-card span,
.alpha-api-lock-card span,
.alpha-install-proofline span,
.alpha-install-file-rail span,
.alpha-install-fixture-grid span,
.alpha-install-lock-grid span,
.alpha-api-surface-card span,
.alpha-api-lock-pill span {
  color: rgba(25, 195, 125, 0.92);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.alpha-install-terminal-card code {
  display: block;
  width: 100%;
  overflow-wrap: anywhere;
  border: 1px solid rgba(245, 247, 250, 0.1);
  border-radius: 10px;
  padding: 10px 11px;
  background: rgba(0, 0, 0, 0.24);
  color: #ffffff;
}

.alpha-install-terminal-card p,
.alpha-api-lock-card p,
.alpha-install-proofline p,
.alpha-install-file-rail p,
.alpha-install-fixture-grid p,
.alpha-install-lock-grid p,
.alpha-api-surface-card p,
.alpha-api-surface-card small,
.alpha-api-client-card small,
.alpha-api-lock-pill p {
  margin: 0;
  color: rgba(245, 247, 250, 0.66);
  line-height: 1.52;
}

.alpha-api-lock-card strong,
.alpha-install-proofline strong,
.alpha-api-surface-card h3 {
  color: #ffffff;
}

.alpha-install-activation-strip,
.alpha-install-proofline,
.alpha-install-file-rail,
.alpha-api-activation-strip,
.alpha-api-surface-rail,
.alpha-api-lock-grid {
  display: grid;
  gap: 10px;
}

.alpha-install-proofline {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: clamp(28px, 4vw, 48px);
}

.alpha-install-activation-strip article,
.alpha-install-proofline article,
.alpha-install-file-rail article,
.alpha-install-fixture-grid article,
.alpha-install-lock-grid article,
.alpha-api-activation-strip article,
.alpha-api-surface-card,
.alpha-api-lock-pill {
  display: grid;
  gap: 10px;
  border: 1px solid rgba(245, 247, 250, 0.105);
  border-radius: 14px;
  padding: 17px;
  background:
    linear-gradient(180deg, rgba(245, 247, 250, 0.068), rgba(245, 247, 250, 0.026)),
    rgba(15, 18, 26, 0.8);
  transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

.alpha-install-activation-strip article:hover,
.alpha-install-proofline article:hover,
.alpha-install-file-rail article:hover,
.alpha-api-activation-strip article:hover,
.alpha-api-surface-card:hover {
  border-color: rgba(91, 73, 234, 0.5);
  background:
    linear-gradient(180deg, rgba(91, 73, 234, 0.14), rgba(245, 247, 250, 0.032)),
    rgba(15, 18, 26, 0.9);
  transform: translateY(-2px);
}

.alpha-install-proofline strong {
  overflow-wrap: anywhere;
  font-size: 1.08rem;
  line-height: 1.18;
}

.alpha-install-activation-strip {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: clamp(26px, 4vw, 44px);
}

.alpha-install-activation-strip article {
  min-height: 162px;
  align-content: start;
  background:
    linear-gradient(135deg, rgba(25, 195, 125, 0.12), rgba(91, 73, 234, 0.13)),
    rgba(15, 18, 26, 0.84);
}

.alpha-install-activation-strip span {
  color: rgba(25, 195, 125, 0.92);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.alpha-install-activation-strip strong {
  color: #ffffff;
  font-size: 1.08rem;
  line-height: 1.18;
}

.alpha-install-activation-strip p {
  margin: 0;
  color: rgba(245, 247, 250, 0.68);
  line-height: 1.5;
}

.alpha-install-timeline {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.alpha-install-timeline li {
  display: grid;
  gap: 9px;
  min-height: 210px;
  border: 1px solid rgba(245, 247, 250, 0.105);
  border-radius: 14px;
  padding: 17px;
  background:
    linear-gradient(180deg, rgba(245, 247, 250, 0.068), rgba(245, 247, 250, 0.026)),
    rgba(15, 18, 26, 0.8);
}

.alpha-install-timeline li > span {
  width: 34px;
  height: 34px;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(25, 195, 125, 0.22);
  border-radius: 999px;
  color: rgba(25, 195, 125, 0.94);
  background: rgba(25, 195, 125, 0.08);
  font-size: 0.74rem;
  font-weight: 900;
}

.alpha-install-timeline h3,
.alpha-install-timeline p {
  margin: 0;
}

.alpha-install-timeline h3 {
  color: #ffffff;
  font-size: 1.08rem;
}

.alpha-install-timeline p {
  color: rgba(245, 247, 250, 0.66);
  line-height: 1.48;
}

.alpha-install-file-rail {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.alpha-install-file-rail h3 {
  margin: 0;
  color: #ffffff;
  overflow-wrap: anywhere;
  font-size: 1.02rem;
}

.alpha-install-fixture-grid,
.alpha-install-lock-grid,
.alpha-api-lock-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}

.alpha-api-activation-strip {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: clamp(18px, 3vw, 28px);
}

.alpha-api-activation-strip article {
  min-height: 160px;
  align-content: start;
  background:
    linear-gradient(135deg, rgba(91, 73, 234, 0.18), rgba(25, 195, 125, 0.055)),
    rgba(15, 18, 26, 0.82);
}

.alpha-api-activation-strip span,
.alpha-api-activation-strip strong {
  color: #ffffff;
}

.alpha-api-activation-strip span {
  color: rgba(25, 195, 125, 0.92);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.alpha-api-activation-strip strong {
  font-size: 1.08rem;
  line-height: 1.18;
}

.alpha-api-activation-strip p {
  margin: 0;
  color: rgba(245, 247, 250, 0.68);
  line-height: 1.5;
}

.alpha-api-surface-rail {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: clamp(22px, 4vw, 42px);
}

.alpha-api-surface-card {
  min-height: 220px;
  align-content: start;
}

.alpha-api-surface-card h3 {
  margin: 0;
  font-size: 1.15rem;
}

.alpha-api-surface-card small,
.alpha-api-client-card small {
  display: block;
  border-top: 1px solid rgba(245, 247, 250, 0.08);
  padding-top: 10px;
}

.alpha-api-client-command .alpha-api-client-card,
.alpha-api-client-command .alpha-api-contract-panel,
.alpha-api-client-command .alpha-api-response-card {
  border-color: rgba(245, 247, 250, 0.11);
  background:
    linear-gradient(180deg, rgba(245, 247, 250, 0.075), rgba(245, 247, 250, 0.035)),
    rgba(15, 18, 26, 0.84);
  color: #ffffff;
}

@media (max-width: 1120px) {
  .contact-command-head,
  .alpha-runner-api-bridge-head,
  .alpha-install-command-head,
  .alpha-api-command-head,
  .contact-request-grid,
  .alpha-support-operating-strip,
  .alpha-runner-api-bridge-grid,
  .alpha-install-activation-strip,
  .alpha-install-proofline,
  .alpha-api-activation-strip,
  .alpha-api-surface-rail,
  .alpha-install-timeline,
  .alpha-install-file-rail,
  .alpha-install-fixture-grid,
  .alpha-install-lock-grid,
  .alpha-api-lock-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .contact-command-head,
  .alpha-runner-api-bridge-head,
  .alpha-install-command-head,
  .alpha-api-command-head,
  .contact-command-steps,
  .contact-request-grid,
  .alpha-support-operating-strip,
  .alpha-runner-api-bridge-grid,
  .alpha-install-activation-strip,
  .alpha-install-proofline,
  .alpha-api-activation-strip,
  .alpha-api-surface-rail,
  .alpha-install-timeline,
  .alpha-install-file-rail,
  .alpha-install-fixture-grid,
  .alpha-install-lock-grid,
  .alpha-api-lock-grid {
    grid-template-columns: 1fr;
  }

  .alpha-install-command::before,
  .alpha-install-output::before,
  .alpha-install-locks::before,
  .contact-command-hero::before,
  .contact-request-command::before,
  .alpha-runner-api-bridge::before,
  .alpha-api-command::before,
  .alpha-api-client-command::before {
    inset: auto -26vw -18vw auto;
    width: min(88vw, 370px);
    opacity: 0.055;
  }

  .alpha-runner-api-lockbar {
    align-items: flex-start;
    border-radius: 18px;
  }
}

.enterprise-product-story .artifact-panel h3,
.enterprise-readiness-signals .artifact-panel h3 {
  font-size: 1.05rem;
  line-height: 1.32;
}

.enterprise-product-story .artifact-panel p + p {
  margin-top: 10px;
}

.core-product-os {
  background:
    linear-gradient(180deg, rgba(238, 244, 255, 0.72), rgba(248, 250, 252, 0.72)),
    var(--paper);
}

.core-product-os-head {
  display: grid;
  grid-template-columns: minmax(260px, 0.8fr) minmax(320px, 0.9fr);
  gap: clamp(24px, 5vw, 72px);
  align-items: end;
  margin-bottom: 28px;
}

.core-product-os-head h2,
.core-product-os-head p {
  margin: 0;
}

.core-product-os-head h2 {
  max-width: 10em;
  font-size: clamp(2.1rem, 4.4vw, 4rem);
  line-height: 1.02;
}

.core-product-os-head > p {
  color: var(--muted);
  font-size: clamp(1rem, 1.6vw, 1.22rem);
  line-height: 1.55;
}

.core-os-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}

.core-os-metrics article,
.core-os-surface-map,
.core-os-surface-card,
.core-os-layers article,
.core-os-buyer-path,
.core-os-locks {
  border: 1px solid rgba(37, 99, 235, 0.16);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 14px 34px rgba(16, 22, 36, 0.07);
}

.core-os-metrics article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-height: 162px;
  padding: 16px;
}

.core-os-metrics span,
.core-os-layers span,
.core-os-buyer-path > span,
.core-os-locks > span {
  color: var(--accent);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.core-os-metrics strong {
  color: var(--ink);
  font-size: clamp(1.35rem, 2.4vw, 2rem);
  line-height: 1.05;
}

.core-os-metrics p,
.core-os-surface-map p,
.core-os-surface-card p,
.core-os-layers p,
.core-os-buyer-path p,
.core-os-locks p {
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
}

.core-os-surface-map {
  display: grid;
  gap: 16px;
  margin-bottom: 16px;
  padding: clamp(18px, 3vw, 26px);
}

.core-os-surface-map-head {
  display: grid;
  grid-template-columns: minmax(0, 0.46fr) minmax(0, 1fr) minmax(260px, 0.56fr);
  gap: 16px;
  align-items: start;
}

.core-os-surface-map-head span,
.core-os-surface-card span {
  color: var(--accent);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.core-os-surface-map-head strong {
  color: var(--ink);
  font-size: clamp(1.35rem, 2.2vw, 2.3rem);
  line-height: 1.08;
}

.core-os-surface-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.core-os-surface-card {
  min-width: 0;
  min-height: 178px;
  display: grid;
  align-content: start;
  gap: 10px;
  padding: 15px;
  color: inherit;
  text-decoration: none;
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.core-os-surface-card:hover,
.core-os-surface-card:focus-visible {
  border-color: rgba(37, 99, 235, 0.42);
  box-shadow: 0 24px 68px rgba(37, 99, 235, 0.13);
  transform: translateY(-2px);
}

.core-os-surface-card strong {
  color: var(--ink);
  font-size: 1rem;
  line-height: 1.22;
}

.core-os-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(300px, 0.6fr);
  gap: 16px;
  align-items: start;
}

.core-os-layers {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.core-os-layers article {
  display: grid;
  align-content: start;
  gap: 10px;
  min-height: 238px;
  padding: 18px;
}

.core-os-layers h3,
.core-os-buyer-path strong {
  margin: 0;
  color: var(--ink);
}

.core-os-layers h3 {
  font-size: 1.08rem;
  line-height: 1.3;
}

.core-os-buyer-path {
  display: grid;
  gap: 16px;
  padding: 20px;
}

.core-os-buyer-path ol {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: core-buyer-path;
}

.core-os-buyer-path li {
  position: relative;
  display: grid;
  gap: 5px;
  padding-left: 40px;
  min-height: 52px;
}

.core-os-buyer-path li::before {
  position: absolute;
  left: 0;
  top: 0;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: #dbeafe;
  color: var(--blue);
  font-size: 0.76rem;
  font-weight: 900;
  content: counter(core-buyer-path, decimal-leading-zero);
  counter-increment: core-buyer-path;
}

.core-os-buyer-path .action-row {
  margin-top: 2px;
}

.core-os-locks {
  display: grid;
  gap: 14px;
  margin-top: 16px;
  padding: 18px;
}

.core-os-locks div {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.core-os-locks p {
  min-height: 112px;
  border: 1px solid rgba(180, 35, 24, 0.18);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.82);
  padding: 12px;
  color: #6b271f;
  font-weight: 800;
}

.trust-center-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.trust-card {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(242, 247, 255, 0.9)),
    #ffffff;
  border-color: rgba(37, 99, 235, 0.18);
}

.trust-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: linear-gradient(90deg, var(--accent), var(--green));
}

.trust-card h3 {
  font-size: 1.08rem;
  line-height: 1.3;
}

.security-architecture-grid {
  display: grid;
  gap: 10px;
}

.security-layer {
  display: grid;
  grid-template-columns: minmax(220px, 0.42fr) minmax(0, 1fr);
  gap: 18px;
  align-items: start;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 18px;
  background: rgba(255, 255, 255, 0.84);
  box-shadow: var(--shadow-tight);
}

.security-layer span,
.security-roadmap-grid .artifact-panel span {
  display: block;
  margin-bottom: 8px;
  color: var(--accent);
  font-size: 0.75rem;
  font-weight: 900;
  text-transform: uppercase;
}

.security-layer h3,
.security-layer p,
.security-roadmap-grid .artifact-panel h3,
.security-roadmap-grid .artifact-panel p {
  margin-bottom: 0;
}

.security-layer p {
  color: var(--muted);
  line-height: 1.55;
}

.security-roadmap-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.proof-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 8px 0 24px;
}

.launchpad-navigator {
  display: grid;
  gap: 16px;
  margin: 26px 0 32px;
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.78);
}

.launchpad-state {
  margin: 0;
  color: var(--ink);
  font-weight: 850;
}

.launchpad-progress {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.launchpad-progress li {
  min-height: 72px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.64);
  color: var(--muted);
  font-size: 0.74rem;
  font-weight: 900;
  line-height: 1.25;
  text-transform: uppercase;
}

.launchpad-progress li span {
  display: block;
  margin-bottom: 6px;
  color: var(--blue);
  font-size: 0.7rem;
}

.launchpad-progress li.is-active {
  border-color: rgba(47, 111, 78, 0.64);
  background: #e1ebdf;
  color: var(--accent);
}

.launchpad-progress li.is-complete {
  background: #fdfbf0;
  color: var(--ink);
}

.launchpad-readout {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
}

.launchpad-readout div {
  display: grid;
  gap: 6px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(253, 251, 240, 0.68);
}

.launchpad-readout dt {
  color: var(--accent);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.launchpad-readout dd {
  margin: 0;
  color: var(--ink);
  font-weight: 720;
  line-height: 1.45;
}

.live-demo-control {
  display: grid;
  justify-items: start;
  gap: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 20px;
  background: var(--panel);
}

.live-demo-approved {
  margin-bottom: 0;
  color: var(--accent);
  font-weight: 800;
}

.real-local-hero {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(320px, 0.58fr);
  gap: clamp(26px, 5vw, 70px);
  align-items: center;
  background:
    linear-gradient(130deg, rgba(225, 235, 223, 0.9), rgba(248, 247, 241, 0.24)),
    var(--paper);
}

.saas-hero-copy {
  max-width: 760px;
}

.saas-hero-actions .action-row {
  margin-bottom: 0;
}

.saas-hero-console {
  border: 1px solid rgba(17, 20, 16, 0.14);
  border-radius: 8px;
  background: #111410;
  box-shadow: var(--shadow);
  color: #f8f7f1;
  overflow: hidden;
}

.saas-console-topbar {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 10px;
  align-items: center;
  min-height: 48px;
  padding: 12px 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  color: rgba(248, 247, 241, 0.72);
  font-size: 0.82rem;
  font-weight: 800;
}

.saas-window-dot {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #8dc8a4;
}

.saas-console-body {
  display: grid;
  gap: 10px;
  padding: 16px;
}

.saas-console-body div {
  display: grid;
  gap: 4px;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.045);
}

.saas-console-body span {
  color: #8dc8a4;
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.saas-console-body strong {
  color: #f8f7f1;
  line-height: 1.35;
}

.real-local-shell {
  background:
    linear-gradient(180deg, #f5f7ef, #eef1e7);
}

.saas-status-rail {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(300px, 1fr);
  gap: 14px;
  align-items: center;
  margin: 24px 0;
}

.saas-status-rail .replay-state {
  margin: 0;
  max-width: none;
}

.saas-health-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.saas-health-grid span {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(47, 111, 78, 0.24);
  border-radius: 8px;
  padding: 8px;
  background: rgba(255, 255, 255, 0.78);
  color: var(--accent);
  font-size: 0.76rem;
  font-weight: 900;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
}

.local-core-workbench {
  display: grid;
  grid-template-columns: minmax(280px, 0.92fr) minmax(0, 1.08fr);
  gap: 14px;
  align-items: stretch;
  margin: 24px 0 18px;
}

.local-core-workbench-copy,
.local-core-workbench-card,
.today-command-center,
.daily-focus-mode,
.daily-cycle-tracker,
.daily-proof-gate-board,
.daily-update-brief,
.daily-operator-lane,
.todays-work-packet,
.daily-codex-launchpad,
.codex-handoff-readiness-rail,
.daily-codex-session-packet,
  .active-daily-iteration-snapshot,
  .codex-return-receipt,
  .agent-coordination-board,
  .return-concordance-board,
  .daily-product-update-board {
  border: 1px solid rgba(17, 20, 16, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.82);
}

.local-core-workbench-copy {
  display: grid;
  gap: 14px;
  align-content: start;
  padding: 22px;
}

.local-core-workbench-copy h3,
.local-core-workbench-copy p {
  margin-bottom: 0;
}

.local-core-workbench-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
}

.local-core-workbench-card {
  display: grid;
  gap: 8px;
  padding: 16px;
}

.local-core-workbench-card dt {
  color: var(--muted);
  font-size: 0.73rem;
  font-weight: 900;
  text-transform: uppercase;
}

.local-core-workbench-card dd {
  margin: 0;
  color: var(--ink);
  font-weight: 760;
  line-height: 1.38;
}

.workbench-command-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.today-command-center {
  grid-column: 1 / -1;
  display: grid;
  gap: 14px;
  padding: 16px;
  background: rgba(255, 255, 255, 0.94);
}

.today-command-center-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
}

.today-command-center-head span {
  display: block;
  margin-bottom: 6px;
  color: var(--accent);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.today-command-center-head h4,
.today-command-center-head p,
.today-command-center-grid {
  margin: 0;
}

.today-command-center-head h4 {
  font-size: 1.12rem;
  line-height: 1.24;
}

.today-command-center-head p {
  max-width: 78ch;
  color: var(--muted);
  line-height: 1.45;
}

.today-command-center-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.today-command-center-strip {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.today-command-center-stage {
  display: grid;
  gap: 6px;
  min-width: 0;
  min-height: 78px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 11px;
  background: #f8f7f1;
}

.today-command-center-stage strong {
  color: var(--ink);
  font-size: 0.82rem;
  line-height: 1.18;
}

.today-command-center-stage span {
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 780;
  line-height: 1.28;
}

.today-command-center-stage.is-ready {
  border-color: rgba(47, 111, 78, 0.44);
  background: #e1ebdf;
}

.today-command-center-stage.is-active {
  border-color: rgba(47, 111, 78, 0.62);
  background: rgba(47, 111, 78, 0.1);
}

.today-command-center-stage.is-blocked {
  border-color: rgba(164, 70, 56, 0.42);
  background: rgba(164, 70, 56, 0.08);
}

.today-command-center-stage.is-pending {
  opacity: 0.72;
}

.today-command-center-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.today-command-center-grid div {
  display: grid;
  gap: 6px;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 11px;
  background: rgba(255, 255, 255, 0.8);
}

.today-command-center-grid dt {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.today-command-center-grid dd {
  margin: 0;
  color: var(--ink);
  font-size: 0.86rem;
  font-weight: 760;
  line-height: 1.32;
  overflow-wrap: anywhere;
}

.today-command-center-grid [data-real-local-today-work-unit],
.today-command-center-grid [data-real-local-today-primary-action],
.today-command-center-grid [data-real-local-today-action-effect],
.today-command-center-grid [data-real-local-today-write-boundary],
.today-command-center-grid [data-real-local-today-update-line],
.today-command-center-grid [data-real-local-today-boundaries] {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  font-size: 0.78rem;
}

.daily-focus-mode {
  grid-column: 1 / -1;
  display: grid;
  gap: 14px;
  padding: 16px;
  background: rgba(255, 255, 255, 0.88);
}

.daily-focus-mode-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
}

.daily-focus-mode-head span {
  display: block;
  margin-bottom: 6px;
  color: var(--accent);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.daily-focus-mode-head h4,
.daily-focus-mode-head p,
.daily-focus-mode-summary {
  margin: 0;
}

.daily-focus-mode-head h4 {
  font-size: 1.08rem;
  line-height: 1.25;
}

.daily-focus-mode-head p {
  max-width: 76ch;
  color: var(--muted);
  line-height: 1.45;
}

.daily-focus-mode-actions,
.daily-focus-panel-switcher {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.daily-focus-mode-actions {
  justify-content: flex-end;
}

.daily-focus-panel-switcher .button[aria-current="true"] {
  background: var(--ink);
  color: #fffdf5;
  border-color: var(--ink);
}

.daily-focus-mode-summary {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.daily-focus-mode-summary div {
  display: grid;
  gap: 6px;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 11px;
  background: rgba(248, 247, 241, 0.94);
}

.daily-focus-mode-summary dt {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.daily-focus-mode-summary dd {
  margin: 0;
  color: var(--ink);
  font-size: 0.86rem;
  font-weight: 760;
  line-height: 1.32;
  overflow-wrap: anywhere;
}

.daily-cycle-tracker {
  grid-column: 1 / -1;
  display: grid;
  gap: 14px;
  padding: 16px;
  background: rgba(255, 255, 255, 0.9);
}

.daily-cycle-tracker-head,
.daily-proof-gate-board-head,
.daily-update-brief-head,
.daily-product-update-board-head,
.active-daily-iteration-snapshot-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
}

.daily-cycle-tracker-head span,
.daily-proof-gate-board-head span,
.daily-update-brief-head span,
.daily-product-update-board-head span,
.active-daily-iteration-snapshot-head span {
  display: block;
  margin-bottom: 6px;
  color: var(--accent);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.daily-cycle-tracker-head h4,
.daily-cycle-tracker-head p,
.daily-cycle-tracker-summary,
.daily-proof-gate-board-head h4,
.daily-proof-gate-board-head p,
.daily-proof-gate-board-summary,
.daily-update-brief-head h4,
.daily-update-brief-head p,
.daily-update-brief-summary,
.daily-product-update-board-head h3,
.daily-product-update-board-head p,
.daily-product-update-summary,
.active-daily-iteration-snapshot-head h4,
.active-daily-iteration-snapshot-head p,
.active-daily-iteration-snapshot-grid {
  margin: 0;
}

.daily-cycle-tracker-head h4,
.daily-proof-gate-board-head h4,
.daily-update-brief-head h4,
.daily-product-update-board-head h3,
.active-daily-iteration-snapshot-head h4 {
  font-size: 1.08rem;
  line-height: 1.25;
}

.daily-cycle-tracker-head p,
.daily-proof-gate-board-head p,
.daily-update-brief-head p,
.daily-product-update-board-head p,
.active-daily-iteration-snapshot-head p {
  max-width: 80ch;
  color: var(--muted);
  line-height: 1.45;
}

.daily-cycle-tracker-actions,
.daily-proof-gate-board-actions,
.daily-update-brief-actions,
.daily-product-update-board-actions,
.active-daily-iteration-snapshot-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.daily-cycle-step-strip,
.daily-proof-gate-strip,
.daily-product-update-steps {
  display: grid;
  gap: 8px;
}

.daily-cycle-step-strip {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.daily-proof-gate-strip {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.daily-product-update-steps {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.daily-cycle-step,
.daily-proof-gate-step,
.daily-product-update-step {
  display: grid;
  gap: 6px;
  min-width: 0;
  min-height: 84px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 11px;
  background: rgba(248, 247, 241, 0.94);
}

.daily-cycle-step strong,
.daily-proof-gate-step strong,
.daily-product-update-step strong {
  color: var(--ink);
  font-size: 0.82rem;
  line-height: 1.2;
}

.daily-cycle-step span,
.daily-proof-gate-step span,
.daily-product-update-step span {
  color: var(--muted);
  font-size: 0.78rem;
  line-height: 1.3;
}

.daily-cycle-step.is-active,
.daily-proof-gate-step.is-active,
.daily-product-update-step.is-active {
  border-color: rgba(47, 111, 78, 0.62);
  background: rgba(47, 111, 78, 0.08);
}

.daily-cycle-step.is-complete,
.daily-proof-gate-step.is-complete,
.daily-product-update-step.is-complete {
  border-color: rgba(47, 111, 78, 0.28);
}

.daily-cycle-step.is-pending,
.daily-proof-gate-step.is-pending,
.daily-product-update-step.is-pending {
  opacity: 0.72;
}

.daily-proof-gate-step.is-blocked,
.daily-product-update-step.is-blocked {
  border-color: rgba(164, 70, 56, 0.42);
  background: rgba(164, 70, 56, 0.08);
}

.daily-cycle-tracker-summary,
.daily-proof-gate-board-summary,
.daily-update-brief-summary,
.daily-product-update-summary,
.active-daily-iteration-snapshot-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.daily-cycle-tracker-summary div,
.daily-proof-gate-board-summary div,
.daily-update-brief-summary div,
.daily-product-update-summary div,
.active-daily-iteration-snapshot-grid div {
  display: grid;
  gap: 6px;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 11px;
  background: rgba(255, 255, 255, 0.78);
}

.daily-cycle-tracker-summary dt,
.daily-proof-gate-board-summary dt,
.daily-update-brief-summary dt,
.daily-product-update-summary dt,
.active-daily-iteration-snapshot-grid dt {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.daily-cycle-tracker-summary dd,
.daily-proof-gate-board-summary dd,
.daily-update-brief-summary dd,
.daily-product-update-summary dd,
.active-daily-iteration-snapshot-grid dd {
  margin: 0;
  color: var(--ink);
  font-size: 0.86rem;
  font-weight: 760;
  line-height: 1.32;
  overflow-wrap: anywhere;
}

.daily-proof-gate-board {
  grid-column: 1 / -1;
  display: grid;
  gap: 14px;
  padding: 16px;
  background: rgba(255, 255, 255, 0.92);
}

.daily-update-brief {
  grid-column: 1 / -1;
  display: grid;
  gap: 14px;
  padding: 16px;
  background: rgba(255, 255, 255, 0.9);
}

.daily-update-brief-summary {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.daily-product-update-board {
  grid-column: 1 / -1;
  display: grid;
  gap: 14px;
  margin-bottom: 18px;
  padding: 18px;
  background: rgba(250, 252, 245, 0.92);
}

.daily-product-update-summary {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.daily-product-update-outline {
  display: grid;
  gap: 10px;
  min-width: 0;
  border-top: 1px solid var(--line);
  padding-top: 14px;
}

.daily-product-update-outline.is-ready {
  border-top-color: rgba(47, 111, 78, 0.48);
}

.daily-product-update-outline.is-blocked {
  border-top-color: rgba(142, 78, 37, 0.28);
}

.daily-product-update-outline-head span {
  display: block;
  margin-bottom: 6px;
  color: var(--accent);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.daily-product-update-outline-head h4 {
  margin: 0;
  color: var(--ink);
  font-size: 1rem;
  line-height: 1.25;
}

.daily-product-update-outline-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.daily-product-update-outline-grid div {
  display: grid;
  gap: 6px;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 11px;
  background: rgba(255, 255, 255, 0.72);
}

.daily-product-update-outline-grid dt {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.daily-product-update-outline-grid dd {
  margin: 0;
  color: var(--ink);
  font-size: 0.86rem;
  font-weight: 760;
  line-height: 1.32;
  overflow-wrap: anywhere;
}

.active-daily-iteration-snapshot {
  grid-column: 1 / -1;
  display: grid;
  gap: 14px;
  padding: 16px;
  background: rgba(255, 255, 255, 0.92);
}

.active-daily-iteration-snapshot-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.active-daily-iteration-snapshot-grid [data-real-local-active-iteration-task],
.active-daily-iteration-snapshot-grid [data-real-local-active-iteration-files],
.active-daily-iteration-snapshot-grid [data-real-local-active-iteration-validation],
.active-daily-iteration-snapshot-grid [data-real-local-active-iteration-source],
.active-daily-iteration-snapshot-grid [data-real-local-active-iteration-boundaries] {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  font-size: 0.78rem;
}

.active-daily-iteration-snapshot-grid [data-real-local-active-iteration-drift] {
  color: #6f3f2c;
}

.active-daily-iteration-snapshot-grid [data-real-local-active-iteration-drift].is-drifted {
  color: #9b2f25;
}

.daily-operator-lane {
  grid-column: 1 / -1;
  display: grid;
  gap: 14px;
  padding: 16px;
}

.daily-operator-lane-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
}

.daily-operator-lane-head span {
  display: block;
  margin-bottom: 6px;
  color: var(--accent);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.daily-operator-lane-head h4,
.daily-operator-lane-head p,
.daily-operator-lane-summary {
  margin: 0;
}

.daily-operator-lane-head h4 {
  font-size: 1.08rem;
  line-height: 1.25;
}

.daily-operator-lane-head p {
  max-width: 68ch;
  color: var(--muted);
  line-height: 1.45;
}

.daily-operator-lane-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.daily-operator-lane-stages {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.daily-operator-stage {
  display: grid;
  gap: 6px;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 11px;
  background: #f8f7f1;
}

.daily-operator-stage strong {
  color: var(--ink);
  font-size: 0.83rem;
  line-height: 1.18;
}

.daily-operator-stage span {
  color: var(--muted);
  font-size: 0.74rem;
  font-weight: 780;
  line-height: 1.28;
}

.daily-operator-stage.is-ready {
  border-color: rgba(47, 111, 78, 0.44);
  background: #e1ebdf;
}

.daily-operator-stage.is-active {
  border-color: rgba(177, 120, 57, 0.54);
  background: #f4ead9;
}

.daily-operator-stage.is-pending {
  opacity: 0.78;
}

.daily-operator-lane-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.daily-operator-lane-summary div {
  display: grid;
  gap: 6px;
  min-width: 0;
  border-top: 1px solid var(--line);
  padding-top: 10px;
}

.daily-operator-lane-summary dt {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.daily-operator-lane-summary dd {
  margin: 0;
  color: var(--ink);
  font-size: 0.86rem;
  font-weight: 760;
  line-height: 1.32;
}

.todays-work-packet,
.daily-codex-launchpad,
.codex-handoff-readiness-rail,
.daily-codex-session-packet {
  grid-column: 1 / -1;
  display: grid;
  gap: 14px;
  padding: 16px;
  background: rgba(248, 247, 241, 0.94);
}

.todays-work-packet-head,
.daily-codex-launchpad-head,
.codex-handoff-readiness-head,
.daily-codex-session-packet-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
}

.todays-work-packet-head span,
.daily-codex-launchpad-head span,
.codex-handoff-readiness-head span,
.daily-codex-session-packet-head span {
  display: block;
  margin-bottom: 6px;
  color: var(--accent);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.todays-work-packet-head h4,
.todays-work-packet-head p,
.todays-work-packet-grid,
.daily-codex-launchpad-head h4,
.daily-codex-launchpad-head p,
.daily-codex-launchpad-grid,
.daily-codex-launchpad .prototype-note,
.codex-handoff-readiness-head h4,
.codex-handoff-readiness-head p,
.codex-handoff-readiness-grid,
.daily-codex-session-packet-head h4,
.daily-codex-session-packet-head p,
.daily-codex-session-packet-grid,
.daily-codex-session-packet .prototype-note {
  margin: 0;
}

.todays-work-packet-head h4,
.daily-codex-launchpad-head h4,
.codex-handoff-readiness-head h4,
.daily-codex-session-packet-head h4,
.codex-return-receipt-head h4 {
  font-size: 1.08rem;
  line-height: 1.25;
}

.todays-work-packet-head p,
.daily-codex-launchpad-head p,
.daily-codex-launchpad .prototype-note,
.codex-handoff-readiness-head p,
.daily-codex-session-packet-head p,
.daily-codex-session-packet .prototype-note,
.codex-return-receipt-head p,
.codex-return-receipt .prototype-note {
  max-width: 72ch;
  color: var(--muted);
  line-height: 1.45;
}

.todays-work-packet-actions,
.daily-codex-launchpad-actions,
.codex-handoff-readiness-actions,
.daily-codex-session-packet-actions,
.codex-return-receipt-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.todays-work-packet-grid,
.daily-codex-launchpad-grid,
.codex-handoff-readiness-grid,
.daily-codex-session-packet-grid,
.codex-return-receipt-summary,
.codex-return-receipt-items {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.todays-work-packet-grid div,
.daily-codex-launchpad-grid div,
.codex-handoff-readiness-grid div,
.daily-codex-session-packet-grid div,
.codex-return-receipt-summary div,
.codex-return-receipt-item {
  display: grid;
  gap: 6px;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 11px;
  background: rgba(255, 255, 255, 0.78);
}

.todays-work-packet-grid dt,
.daily-codex-launchpad-grid dt,
.codex-handoff-readiness-grid dt,
.daily-codex-session-packet-grid dt,
.codex-return-receipt-summary dt {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.todays-work-packet-grid dd,
.daily-codex-launchpad-grid dd,
.codex-handoff-readiness-grid dd,
.daily-codex-session-packet-grid dd,
.codex-return-receipt-summary dd,
.codex-return-receipt-item p {
  margin: 0;
  color: var(--ink);
  font-size: 0.86rem;
  font-weight: 760;
  line-height: 1.32;
  overflow-wrap: anywhere;
}

.codex-return-receipt {
  display: grid;
  gap: 14px;
  grid-column: 1 / -1;
  padding: 16px;
}

.codex-return-receipt-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
}

.codex-return-receipt-head span {
  display: block;
  margin-bottom: 6px;
  color: var(--accent);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.codex-return-receipt-head h4,
.codex-return-receipt-head p,
.codex-return-receipt-summary {
  margin: 0;
}

.codex-return-receipt-item h5 {
  margin: 0;
  font-size: 0.92rem;
  line-height: 1.22;
}

.codex-return-receipt-item.is-checked {
  border-color: rgba(47, 111, 78, 0.36);
  background: rgba(239, 248, 241, 0.86);
}

.codex-return-receipt-item .button {
  justify-self: start;
}

.agent-coordination-board,
.manual-agent-run-sheet,
.agent-return-merge-queue,
.return-concordance-board {
  display: grid;
  gap: 14px;
  margin-bottom: 18px;
  padding: 18px;
}

.agent-coordination-head,
.manual-agent-run-sheet-head,
.agent-return-merge-head,
.return-concordance-head {
  display: grid;
  gap: 8px;
}

.agent-coordination-head span,
.agent-coordination-role > span,
.manual-agent-run-sheet-head span,
.manual-agent-role-lane > span,
.agent-return-merge-head span,
.agent-return-role-lane > span,
.return-concordance-head span,
.return-concordance-lane > span {
  display: block;
  margin-bottom: 6px;
  color: var(--accent);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.agent-coordination-head h3,
.agent-coordination-head p,
.agent-coordination-role h4,
.manual-agent-run-sheet-head h3,
.manual-agent-run-sheet-head p,
.manual-agent-role-lane h4,
.agent-return-merge-head h3,
.agent-return-merge-head p,
.agent-return-role-lane h4,
.return-concordance-head h3,
.return-concordance-head p,
.return-concordance-lane h4,
.return-concordance-lane p {
  margin: 0;
}

.agent-coordination-head p,
.manual-agent-run-sheet-head p,
.agent-return-merge-head p,
.return-concordance-head p,
.return-concordance-lane p {
  max-width: 84ch;
  color: var(--muted);
  line-height: 1.45;
}

.agent-coordination-summary,
.agent-coordination-roles,
.manual-agent-run-summary,
.manual-agent-role-lanes,
.agent-return-merge-summary,
.agent-return-role-lanes,
.return-concordance-summary,
.return-concordance-lanes {
  display: grid;
  gap: 8px;
}

.agent-coordination-summary,
.manual-agent-run-summary,
.agent-return-merge-summary,
.return-concordance-summary {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin: 0;
}

.return-concordance-summary {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.agent-coordination-roles,
.manual-agent-role-lanes,
.agent-return-role-lanes {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.return-concordance-lanes {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.agent-coordination-summary div,
.agent-coordination-role,
.manual-agent-run-summary div,
.manual-agent-role-lane,
.agent-return-merge-summary div,
.agent-return-role-lane,
.return-concordance-summary div,
.return-concordance-lane {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 11px;
  background: rgba(255, 255, 255, 0.78);
}

.agent-coordination-role,
.manual-agent-role-lane,
.agent-return-role-lane,
.return-concordance-lane {
  display: grid;
  gap: 10px;
  align-content: start;
}

.agent-coordination-role dl,
.manual-agent-role-lane dl,
.agent-return-role-lane dl {
  display: grid;
  gap: 8px;
  margin: 0;
}

.agent-coordination-role dl div,
.manual-agent-role-lane dl div,
.agent-return-role-lane dl div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.agent-coordination-summary dt,
.agent-coordination-role dt,
.manual-agent-run-summary dt,
.manual-agent-role-lane dt,
.agent-return-merge-summary dt,
.agent-return-role-lane dt,
.return-concordance-summary dt {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.agent-coordination-summary dd,
.agent-coordination-role dd,
.manual-agent-run-summary dd,
.manual-agent-role-lane dd,
.agent-return-merge-summary dd,
.agent-return-role-lane dd,
.return-concordance-summary dd {
  margin: 0;
  color: var(--ink);
  font-size: 0.86rem;
  font-weight: 760;
  line-height: 1.32;
  overflow-wrap: anywhere;
}

.manual-agent-run-sheet-head,
.agent-return-merge-head,
.return-concordance-head {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
}

.manual-agent-role-actions,
.agent-return-merge-actions,
.return-concordance-actions,
.return-concordance-choice-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.return-concordance-choice-actions {
  align-self: end;
}

.return-concordance-choice-actions .button.is-selected {
  border-color: var(--ink);
  background: var(--ink);
  color: #fffdf5;
}

.return-concordance-lane.is-clear {
  border-color: rgba(47, 111, 78, 0.36);
  background: rgba(239, 248, 241, 0.86);
}

.return-concordance-lane.is-blocked {
  border-color: rgba(164, 70, 56, 0.44);
  background: rgba(164, 70, 56, 0.08);
}

.return-concordance-lane.is-unset {
  opacity: 0.82;
}

.saas-alpha-console {
  display: grid;
  grid-template-columns: minmax(280px, 0.86fr) minmax(0, 1.14fr);
  gap: 14px;
  align-items: stretch;
  margin-bottom: 18px;
  border: 1px solid rgba(17, 20, 16, 0.12);
  border-radius: 8px;
  padding: 18px;
  background: rgba(255, 255, 255, 0.86);
}

.saas-alpha-console-copy,
.saas-alpha-console-state {
  display: grid;
  align-content: start;
  gap: 12px;
  min-width: 0;
}

.saas-alpha-console-copy > span {
  color: var(--accent);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.saas-alpha-console-copy h3,
.saas-alpha-console-copy p {
  margin-bottom: 0;
}

.saas-alpha-console-state .saas-compact-facts {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.saas-alpha-steps {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(78px, 1fr));
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.saas-alpha-steps li {
  display: grid;
  gap: 5px;
  min-height: 58px;
  align-content: center;
  border: 1px solid rgba(17, 20, 16, 0.1);
  border-radius: 8px;
  padding: 8px;
  background: #f8f7f1;
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  line-height: 1.15;
  text-align: center;
  text-transform: uppercase;
}

.saas-alpha-steps li span {
  color: var(--accent);
  font-size: 0.68rem;
}

.saas-alpha-steps li.is-active {
  border-color: rgba(47, 111, 78, 0.62);
  background: #e1ebdf;
  color: var(--accent);
}

.saas-alpha-steps li.is-passing {
  background: #111410;
  color: #f8f7f1;
}

.saas-alpha-steps li.is-passing span {
  color: #8dc8a4;
}

.saas-alpha-readout {
  display: grid;
  grid-template-columns: minmax(260px, 0.72fr) minmax(0, 1.28fr);
  gap: 14px;
  align-items: stretch;
  margin: 0 0 18px;
  border: 1px solid rgba(47, 111, 78, 0.2);
  border-radius: 8px;
  padding: 18px;
  background: linear-gradient(135deg, rgba(225, 235, 223, 0.74), rgba(255, 255, 255, 0.88));
}

.saas-alpha-readout-copy {
  display: grid;
  align-content: start;
  gap: 10px;
  min-width: 0;
}

.saas-alpha-readout-copy > span {
  color: var(--accent);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.saas-alpha-readout-copy h3,
.saas-alpha-readout-copy p {
  margin-bottom: 0;
}

.saas-alpha-readout-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.saas-alpha-readout-grid div {
  min-width: 0;
  border: 1px solid rgba(17, 20, 16, 0.08);
  border-radius: 8px;
  padding: 10px;
  background: rgba(255, 255, 255, 0.76);
}

.saas-alpha-readout-grid dt {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.saas-alpha-readout-grid dd {
  margin: 5px 0 0;
  color: var(--ink);
  font-weight: 800;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.saas-alpha-readout > .prototype-note {
  grid-column: 1 / -1;
  margin: 0;
}

.saas-shell {
  display: grid;
  grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

.saas-sidebar {
  position: sticky;
  top: 102px;
  display: grid;
  gap: 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 18px;
  background: rgba(255, 255, 255, 0.8);
}

.saas-sidebar-title {
  display: grid;
  gap: 6px;
}

.saas-sidebar-title span,
.saas-run-facts dt,
.saas-panel-heading span,
.saas-metric-grid span,
.saas-subpanel > span,
.saas-proof-panel > span,
.saas-activity-panel .saas-panel-heading span {
  color: var(--accent);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.saas-sidebar-title strong {
  font-size: 1.25rem;
  line-height: 1.15;
}

.saas-side-nav {
  display: grid;
  gap: 8px;
}

.saas-side-nav a {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px 12px;
  background: #f8f7f1;
  color: var(--ink);
  font-size: 0.88rem;
  font-weight: 900;
  text-decoration: none;
}

.saas-side-nav a[aria-current="page"] {
  background: #111410;
  color: #f8f7f1;
}

.saas-run-facts {
  display: grid;
  gap: 12px;
  margin: 0;
}

.saas-run-facts dd {
  margin: 4px 0 0;
  color: var(--muted);
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.saas-main {
  display: grid;
  gap: 16px;
  min-width: 0;
}

.saas-metric-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.saas-metric-grid article,
.saas-panel,
.saas-subpanel {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.84);
}

.saas-metric-grid article {
  display: grid;
  gap: 8px;
  min-height: 92px;
  align-content: center;
  padding: 14px;
}

.saas-metric-grid strong {
  font-size: 1.12rem;
  line-height: 1.2;
}

.saas-panel {
  display: grid;
  gap: 18px;
  padding: 18px;
}

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

.prototype-workspace {
  background: rgba(255, 255, 255, 0.9);
}

.prototype-layout {
  display: grid;
  grid-template-columns: minmax(280px, 0.78fr) minmax(0, 1.22fr);
  gap: 14px;
  align-items: start;
}

.prototype-task-board,
.prototype-file-browser {
  display: grid;
  gap: 12px;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: #f8f7f1;
}

.prototype-task-board > span,
.prototype-file-browser > span,
.task-brief-label {
  color: var(--accent);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.scenario-picker,
.prototype-file-list {
  display: grid;
  gap: 8px;
}

.scenario-option,
.prototype-file-list button {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 11px 12px;
  background: rgba(255, 255, 255, 0.72);
  color: var(--ink);
  font: inherit;
  text-align: left;
}

.scenario-option {
  display: grid;
  gap: 4px;
  cursor: pointer;
}

.scenario-option strong {
  line-height: 1.25;
}

.scenario-option span {
  color: var(--muted);
  line-height: 1.35;
}

.scenario-option.is-selected,
.prototype-file-list button.is-selected {
  border-color: rgba(47, 111, 78, 0.58);
  background: #e1ebdf;
}

.task-brief-label {
  display: grid;
  gap: 6px;
}

.prototype-brief {
  margin: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: rgba(255, 255, 255, 0.86);
  color: var(--ink);
  line-height: 1.45;
}

.prototype-note {
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
}

.prototype-file-list {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.prototype-file-list button {
  cursor: pointer;
  font-size: 0.82rem;
  font-weight: 900;
  text-align: center;
  overflow-wrap: anywhere;
}

.prototype-file-list button:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

.prototype-file-preview {
  min-height: 300px;
  max-height: 520px;
  margin: 0;
  overflow: auto;
  border: 1px solid rgba(17, 20, 16, 0.12);
  border-radius: 8px;
  padding: 14px;
  background: #111410;
  color: #f8f7f1;
}

.prototype-file-preview code {
  white-space: pre;
  font-size: 0.82rem;
  line-height: 1.5;
}

.saas-operator-card {
  display: grid;
  gap: 12px;
  min-width: 0;
  scroll-margin-top: 96px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: rgba(255, 255, 255, 0.86);
  transition: border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease;
}

.saas-operator-card.is-guided-focus {
  border-color: rgba(47, 111, 78, 0.72);
  background: #f3f7ed;
  box-shadow: 0 0 0 3px rgba(47, 111, 78, 0.16);
}

.alpha-run-report-card {
  grid-column: 1 / -1;
  background: #fbfcf6;
}

.saas-operator-card > span,
.saas-compact-facts dt {
  color: var(--accent);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.saas-operator-card h3,
.saas-operator-card p {
  margin-bottom: 0;
}

.packet-preview {
  display: grid;
  gap: 12px;
  margin-top: 6px;
}

.saas-compact-facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.saas-compact-facts div {
  border: 1px solid rgba(17, 20, 16, 0.08);
  border-radius: 8px;
  padding: 10px;
  background: #f8f7f1;
}

.saas-compact-facts dd {
  margin: 4px 0 0;
  color: var(--ink);
  font-weight: 800;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.saas-report-readout {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.saas-report-readout h4 {
  margin: 0 0 8px;
  color: var(--ink);
  font-size: 0.9rem;
}

.saas-proof-list {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.saas-proof-list li {
  display: grid;
  gap: 4px;
  min-width: 0;
  border: 1px solid rgba(17, 20, 16, 0.08);
  border-radius: 8px;
  padding: 10px;
  background: #f8f7f1;
  color: var(--muted);
  line-height: 1.4;
}

.saas-proof-list strong {
  color: var(--accent);
  font-size: 0.74rem;
  text-transform: uppercase;
}

.saas-proof-list span {
  overflow-wrap: anywhere;
}

.saas-policy-list,
.saas-history-list {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.saas-policy-list li {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid rgba(17, 20, 16, 0.08);
  border-radius: 8px;
  padding: 10px 12px;
  background: #f8f7f1;
  color: var(--ink);
  font-weight: 800;
  line-height: 1.35;
}

.saas-policy-list li::after {
  content: "Pending";
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.saas-policy-list li.is-passing::after {
  content: "Pass";
  color: var(--accent);
}

.saas-history-list li {
  display: grid;
  gap: 4px;
  border: 1px solid rgba(17, 20, 16, 0.08);
  border-radius: 8px;
  padding: 10px 12px;
  background: #f8f7f1;
}

.saas-history-list strong {
  color: var(--ink);
  line-height: 1.2;
}

.saas-history-list span {
  color: var(--muted);
  line-height: 1.45;
}

.saas-panel-heading {
  display: grid;
  grid-template-columns: minmax(0, 0.75fr) minmax(280px, 0.95fr);
  gap: 18px;
  align-items: start;
}

.saas-panel-heading h3,
.saas-panel-heading p,
.saas-subpanel h4,
.saas-subpanel p {
  margin-bottom: 0;
}

.saas-run-timeline {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.saas-run-timeline li {
  display: grid;
  gap: 6px;
  min-height: 78px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: #f8f7f1;
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 900;
  line-height: 1.2;
  text-transform: uppercase;
}

.saas-run-timeline li span {
  color: var(--blue);
  font-size: 0.72rem;
}

.saas-run-timeline li.is-active {
  border-color: rgba(47, 111, 78, 0.62);
  background: #e1ebdf;
  color: var(--accent);
}

.saas-run-timeline li.is-complete {
  background: #111410;
  color: #f8f7f1;
}

.saas-run-timeline li.is-complete span {
  color: #8dc8a4;
}

.saas-command-row {
  margin-top: 0;
}

.saas-run-columns {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(260px, 0.9fr);
  gap: 12px;
}

.saas-subpanel {
  display: grid;
  gap: 10px;
  padding: 16px;
}

.real-local-controls .button:disabled {
  cursor: not-allowed;
  opacity: 0.48;
}

.real-local-plan {
  display: grid;
  gap: 8px;
  margin: 0;
  padding-left: 22px;
  color: var(--muted);
  line-height: 1.55;
}

.saas-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.saas-tab-panel {
  min-width: 0;
}

.real-local-code-block {
  margin-top: 0;
}

.saas-proof-panel {
  display: grid;
  gap: 12px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8f7f1;
}

.saas-proof-panel h4,
.saas-proof-panel p {
  margin-bottom: 0;
}

.saas-activity-feed {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.saas-activity-feed li {
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  border: 1px solid rgba(17, 20, 16, 0.08);
  border-radius: 8px;
  padding: 10px 12px;
  background: #f8f7f1;
  color: var(--ink);
  line-height: 1.5;
}

.saas-activity-feed li span {
  color: var(--accent);
  font-size: 0.76rem;
  font-weight: 900;
  text-transform: uppercase;
}

.code-panel {
  display: grid;
  gap: 8px;
  margin-bottom: 24px;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #151914;
  color: #f6f5eb;
  overflow-x: auto;
}

.code-panel span {
  color: #8dc8a4;
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.code-panel code {
  white-space: pre;
  color: rgba(246, 245, 235, 0.88);
}

.notice {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: #fff8e8;
}

.notice span {
  color: var(--muted);
}

.faq-list {
  display: grid;
  gap: 14px;
}

.faq-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.7);
  padding: 0;
}

.faq-item {
  padding: 20px;
}

.faq-item summary {
  cursor: pointer;
  font-weight: 800;
  line-height: 1.4;
}

.faq-item p {
  margin: 14px 0 0;
}

.site-footer {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  padding: 34px clamp(18px, 4vw, 56px);
  border-top: 1px solid rgba(17, 20, 16, 0.12);
  background: #10140f;
  color: #f8f7f1;
}

.site-footer p {
  max-width: 760px;
  margin: 10px 0 0;
  color: rgba(248, 247, 241, 0.72);
}

.site-footer .build-line {
  margin-top: 14px;
  font-size: 0.82rem;
  font-weight: 800;
  color: rgba(248, 247, 241, 0.82);
}

.footer-links {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}

.reveal,
.reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.hero .reveal {
  animation: entry-rise 460ms ease both;
}

.hero .hero-visual {
  animation-delay: 90ms;
}

@keyframes entry-rise {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 980px) {
  .site-header {
    grid-template-columns: 1fr auto;
  }

  .site-nav {
    grid-column: 1 / -1;
    justify-content: flex-start;
  }

  .alpha-app-session-bar {
    position: static;
  }

  .hero,
  .split,
  .alpha-app-hero,
  .alpha-app-mode-picker,
  .alpha-app-seat-sim,
  .alpha-app-start-guide,
  .alpha-app-session-bar-main,
  .alpha-app-action-dock-main,
  .alpha-app-command-palette-main,
  .alpha-app-daily-flow-head,
  .alpha-app-work-session-head,
  .alpha-app-handoff-map-head,
  .alpha-app-source-health-head,
  .alpha-app-mission-control-head,
  .alpha-app-update-candidate-main,
  .alpha-app-review-run-head,
  .alpha-app-agent-board-head,
  .alpha-app-core-chat-status-head,
  .alpha-app-role-receipt-head,
  .alpha-app-return-gate-head,
  .alpha-app-validation-closeout-head,
  .alpha-app-learning-ledger-head,
  .alpha-app-daily-closeout-head,
  .alpha-app-update-center-head,
  .alpha-app-operator-shell,
  .alpha-app-current-work,
  .alpha-app-work-queue-head,
  .alpha-app-pipeline-head,
  .alpha-app-proof-task-head,
  .alpha-app-journal-head,
  .alpha-app-codex-head,
  .alpha-app-active-handoff-head,
  .alpha-app-daily-iteration-rail-head,
  .alpha-app-return-evidence-head,
  .alpha-app-update-head,
  .alpha-app-review-head,
  .alpha-app-daily-packet-head {
    grid-template-columns: 1fr;
  }

  .hero {
    min-height: auto;
  }

  .capability-grid,
  .principles,
  .tier-grid,
  .demo-step-grid,
  .replay-progress,
  .artifact-grid,
  .trust-center-grid,
  .security-roadmap-grid,
  .support-readiness-grid,
  .support-request-grid,
  .support-triage-timeline,
  .alpha-support-cockpit,
  .alpha-support-do-not-send ul,
  .alpha-auth-entry,
  .alpha-auth-step-grid,
  .alpha-auth-activation-rail,
  .alpha-auth-authority-gates ul,
  .alpha-control-plane-grid,
  .alpha-control-plane-grid.compact,
  .alpha-disabled-action-grid,
  .alpha-billing-lifecycle,
  .alpha-connection-grid,
  .alpha-install-activation-strip,
  .alpha-api-activation-strip,
  .alpha-api-surface-grid,
  .alpha-api-lifecycle,
  .alpha-api-client-grid,
  .alpha-api-contract-panel,
  .alpha-api-response-grid,
  .alpha-workflow-spine,
  .alpha-run-cockpit,
  .alpha-export-manifest,
  .alpha-app-readout-grid,
  .alpha-app-start-grid,
  .alpha-app-start-steps,
  .alpha-app-mode-options,
  .alpha-app-mode-grid,
  .alpha-seat-summary,
  .alpha-seat-output,
  .alpha-seat-steps,
  .alpha-app-command-grid,
  .alpha-app-command-meter-summary,
  .alpha-app-command-meter-steps,
  .alpha-app-resume-head,
  .alpha-app-resume-grid,
  .alpha-app-scoped-handoff-head,
  .alpha-app-session-grid,
  .alpha-app-session-chips,
  .alpha-app-scoped-handoff-rail,
  .alpha-app-scoped-handoff-grid,
  .alpha-app-action-dock-grid,
  .alpha-app-action-dock-shortcuts,
  .alpha-app-command-palette-grid,
  .alpha-app-daily-flow-grid,
  .alpha-app-daily-flow-steps,
  .alpha-app-work-session-grid,
  .alpha-app-work-session-steps,
  .alpha-app-handoff-map-steps,
  .alpha-app-handoff-map-grid,
  .alpha-app-source-health-grid,
  .alpha-app-mission-control-grid,
  .alpha-app-mission-control-stages,
  .alpha-app-update-candidate-grid,
  .alpha-app-review-run-grid,
  .alpha-app-agent-board-grid,
  .alpha-app-agent-board-ladder-summary,
  .alpha-app-agent-board-ladder-steps,
  .alpha-app-core-chat-status-grid,
  .alpha-app-core-chat-status-list,
  .alpha-app-role-receipt-grid,
  .alpha-app-role-receipt-list,
  .alpha-app-return-gate-grid,
  .alpha-app-validation-closeout-grid,
  .alpha-app-validation-closeout-list,
  .alpha-app-learning-ledger-grid,
  .alpha-app-learning-ledger-list,
  .alpha-app-daily-closeout-grid,
  .alpha-app-update-packet-grid,
  .alpha-app-update-center-grid,
  .alpha-app-update-center-ladder-summary,
  .alpha-app-update-center-ladder-steps,
  .alpha-app-update-center-gates,
  .alpha-app-daily-iteration-rail-current,
  .alpha-app-daily-iteration-rail-current-grid,
  .alpha-app-work-queue-grid,
  .alpha-app-pipeline-summary,
  .alpha-app-pipeline-steps,
  .alpha-app-proof-task-grid,
  .alpha-app-journal-grid,
  .alpha-app-codex-grid,
  .alpha-app-active-handoff-grid,
  .alpha-app-daily-iteration-rail-grid,
  .alpha-app-daily-iteration-rail-current,
  .alpha-app-daily-iteration-rail-current-grid,
  .alpha-app-daily-iteration-rail-steps,
  .alpha-app-return-evidence-grid,
  .alpha-app-return-evidence-list,
  .alpha-app-update-grid,
  .alpha-app-review-grid,
  .alpha-app-daily-grid,
  .alpha-app-daily-stages,
  .alpha-app-timeline-rail,
  .alpha-app-route-grid,
  .alpha-app-flow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .replay-shell {
    grid-template-columns: 1fr;
  }

  .real-local-hero,
  .local-core-workbench,
  .daily-focus-mode-head,
  .daily-focus-mode-summary,
  .daily-operator-lane-head,
  .todays-work-packet-head,
  .daily-codex-launchpad-head,
  .daily-codex-session-packet-head,
  .codex-return-receipt-head,
  .codex-return-receipt-summary,
  .codex-return-receipt-items,
  .agent-coordination-summary,
  .agent-coordination-roles,
  .saas-status-rail,
  .saas-alpha-console,
  .saas-alpha-readout,
  .saas-shell,
  .prototype-layout,
  .saas-operator-grid,
  .saas-panel-heading,
  .saas-run-columns,
  .security-layer {
    grid-template-columns: 1fr;
  }

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

  .saas-alpha-steps {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .replay-context {
    position: static;
  }

  .saas-sidebar,
  .real-local-control,
  .alpha-app-shell-rail,
  .alpha-app-shell-inspector {
    position: static;
  }

  .alpha-app-section-nav {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .alpha-app-shell-status-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .alpha-app-shell-table-head,
  .alpha-app-shell-row {
    grid-template-columns: 0.8fr minmax(0, 1fr) minmax(0, 1fr) auto;
  }

  .alpha-account-command-head,
  .alpha-account-command-shell,
  .alpha-billing-operations-head,
  .alpha-billing-plan-table {
    grid-template-columns: 1fr;
  }

  .alpha-account-summary-grid,
  .alpha-account-command-main,
  .alpha-account-command-nav,
  .alpha-billing-summary-grid,
  .alpha-billing-ops-grid,
  .alpha-billing-plan-rows,
  .alpha-billing-state-table {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .alpha-plan-decision-head,
  .alpha-plan-decision-main {
    grid-template-columns: 1fr;
  }

  .alpha-plan-decision-grid,
  .alpha-plan-decision-journey ol,
  .alpha-plan-decision-questions ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .alpha-app-shell-table-head span:nth-child(4),
  .alpha-app-shell-row span:nth-of-type(3) {
    display: none;
  }
}

@media (max-width: 760px) {
  .alpha-account-summary-grid,
  .alpha-account-command-main,
  .alpha-account-command-nav,
  .alpha-account-workspace-card dl,
  .alpha-billing-summary-grid,
  .alpha-billing-ops-grid,
  .alpha-billing-plan-rows,
  .alpha-billing-state-table {
    grid-template-columns: 1fr;
  }

  .alpha-plan-decision-grid,
  .alpha-plan-decision-journey ol,
  .alpha-plan-decision-questions ul {
    grid-template-columns: 1fr;
  }

  .alpha-account-command-nav a {
    align-items: flex-start;
    flex-direction: column;
  }

  .alpha-account-command-nav mark {
    max-width: 100%;
  }

}

@media (max-width: 640px) {
  .alpha-api-response-card dl div {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }

  .site-header {
    position: static;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }

  .brand-mark,
  .header-cta {
    align-self: flex-start;
  }

  h1,
  .page-hero h1 {
    max-width: 100%;
    font-size: 2.32rem;
    line-height: 1.05;
    overflow-wrap: anywhere;
  }

  .page-hero h1 {
    max-width: min(100%, 8.8em);
  }

  h2 {
    font-size: 1.82rem;
    max-width: min(100%, 18rem);
    overflow-wrap: anywhere;
  }

  .page-hero,
  .section,
  .notice {
    width: 100%;
    max-width: 100vw;
    min-width: 0;
    overflow-wrap: anywhere;
  }

  .page-hero > *,
  .section > *,
  .notice > * {
    max-width: 100%;
    min-width: 0;
  }

  .alpha-workflow-spine {
    grid-template-columns: 1fr;
  }

  .alpha-run-cockpit,
  .alpha-export-manifest {
    grid-template-columns: 1fr;
  }

  .alpha-run-lifecycle li,
  .alpha-trace-timeline > li,
  .alpha-billing-step {
    grid-template-columns: 1fr;
  }

  .alpha-plan-decision-head h2 {
    max-width: 100%;
    font-size: clamp(2rem, 12vw, 3rem);
  }

  .alpha-plan-decision-panel-head {
    display: grid;
  }

  main,
  .real-local-hero,
  .saas-hero-console,
  .saas-console-topbar,
  .saas-console-body,
  .saas-alpha-console,
  .saas-shell,
  .saas-main,
  .saas-panel,
  .saas-operator-card {
    max-width: 100%;
    min-width: 0;
  }

  .saas-console-topbar {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .saas-console-topbar span:last-child {
    grid-column: 1 / -1;
    overflow-wrap: anywhere;
  }

  .daily-product-update-outline-grid {
    grid-template-columns: 1fr;
  }

  .page-hero p,
  .page-hero .lead,
  .section p,
  .section-heading,
  .section-heading h2,
  .replay-card,
  .real-local-control dd,
  .real-local-plan {
    max-width: min(100%, calc(100vw - 40px));
    overflow-wrap: anywhere;
  }

  .page-hero p,
  .page-hero .lead,
  .page-hero .action-row {
    max-width: min(100%, 22rem);
  }

  .real-local-shell .section-heading,
  .real-local-shell .section-heading h2,
  .real-local-shell .section-heading p,
  .local-core-workbench,
  .local-core-workbench-grid,
  .saas-status-rail,
  .saas-health-grid {
    width: 100%;
    max-width: 100%;
  }

  .real-local-grid,
  .real-local-output-stack,
  .saas-operator-grid,
  .replay-card {
    min-width: 0;
  }

  .saas-compact-facts {
    grid-template-columns: 1fr;
  }

  .saas-alpha-console-state .saas-compact-facts,
  .alpha-app-start-guide,
  .alpha-app-start-grid,
  .alpha-app-start-steps,
  .alpha-app-mode-picker,
  .alpha-app-mode-options,
  .alpha-app-mode-grid,
  .alpha-seat-summary,
  .alpha-seat-output,
  .alpha-seat-steps,
  .alpha-app-session-bar-main,
  .alpha-app-session-grid,
  .alpha-app-session-chips,
  .alpha-app-resume-head,
  .alpha-app-resume-grid,
  .alpha-app-action-dock-main,
  .alpha-app-scoped-handoff-head,
  .alpha-app-scoped-handoff-rail,
  .alpha-app-scoped-handoff-grid,
  .alpha-app-action-dock-grid,
  .alpha-app-action-dock-shortcuts,
  .alpha-app-command-palette-main,
  .alpha-app-command-palette-grid,
  .alpha-app-daily-flow-head,
  .alpha-app-daily-flow-grid,
  .alpha-app-daily-flow-steps,
  .alpha-app-work-session-head,
  .alpha-app-work-session-grid,
  .alpha-app-work-session-steps,
  .alpha-app-handoff-map-head,
  .alpha-app-handoff-map-steps,
  .alpha-app-handoff-map-grid,
  .alpha-app-source-health-head,
  .alpha-app-source-health-grid,
  .alpha-app-mission-control-head,
  .alpha-app-mission-control-grid,
  .alpha-app-mission-control-stages,
  .alpha-app-update-candidate-main,
  .alpha-app-update-candidate-verdict,
  .alpha-app-update-candidate-grid,
  .alpha-app-review-run-head,
  .alpha-app-review-run-grid,
  .alpha-app-agent-board-head,
  .alpha-app-agent-board-grid,
  .alpha-app-agent-board-ladder-summary,
  .alpha-app-agent-board-ladder-steps,
  .alpha-app-core-chat-status-head,
  .alpha-app-core-chat-status-grid,
  .alpha-app-core-chat-status-list,
  .alpha-app-role-receipt-head,
  .alpha-app-role-receipt-grid,
  .alpha-app-role-receipt-list,
  .alpha-app-return-gate-head,
  .alpha-app-return-gate-grid,
  .alpha-app-validation-closeout-head,
  .alpha-app-validation-closeout-grid,
  .alpha-app-validation-closeout-list,
  .alpha-app-learning-ledger-head,
  .alpha-app-learning-ledger-grid,
  .alpha-app-learning-ledger-list,
  .alpha-app-daily-closeout-head,
  .alpha-app-daily-closeout-grid,
  .alpha-app-update-packet-head,
  .alpha-app-update-packet-grid,
  .alpha-app-update-center-head,
  .alpha-app-update-center-grid,
  .alpha-app-update-center-ladder-summary,
  .alpha-app-update-center-ladder-steps,
  .alpha-app-update-center-gates,
  .alpha-app-shell-head,
  .alpha-app-focus-lens-head,
  .alpha-app-focus-stepper-head,
  .alpha-app-focus-stepper-grid,
  .alpha-app-shell-status-grid,
  .alpha-app-focus-lens-grid,
  .alpha-app-shell-inspector-grid,
  .alpha-app-local-state-head,
  .alpha-app-command-head,
  .alpha-app-command-grid,
  .alpha-app-command-meter-summary,
  .alpha-app-command-meter-steps,
  .alpha-app-resume-head,
  .alpha-app-resume-grid,
  .alpha-app-work-queue-head,
  .alpha-app-work-queue-grid,
  .alpha-app-pipeline-head,
  .alpha-app-pipeline-summary,
  .alpha-app-pipeline-steps,
  .alpha-app-journal-head,
  .alpha-app-journal-grid,
  .alpha-app-codex-head,
  .alpha-app-codex-grid,
  .alpha-app-active-handoff-head,
  .alpha-app-active-handoff-grid,
  .alpha-app-daily-iteration-rail-head,
  .alpha-app-daily-iteration-rail-grid,
  .alpha-app-daily-iteration-rail-current,
  .alpha-app-daily-iteration-rail-current-grid,
  .alpha-app-daily-iteration-rail-steps,
  .alpha-app-return-evidence-head,
  .alpha-app-return-evidence-grid,
  .alpha-app-return-evidence-list,
  .alpha-app-update-head,
  .alpha-app-update-grid,
  .alpha-app-review-head,
  .alpha-app-review-grid,
  .alpha-app-readout-grid,
  .alpha-app-current-work-card dl,
  .alpha-app-daily-packet-head,
  .alpha-app-daily-grid,
  .alpha-app-daily-stages,
  .alpha-app-timeline-rail,
  .alpha-app-route-grid,
  .alpha-app-flow,
  .local-core-workbench-grid,
  .daily-operator-lane-stages,
  .daily-operator-lane-summary,
  .daily-cycle-step-strip,
  .daily-cycle-tracker-summary,
  .todays-work-packet-grid,
  .daily-codex-launchpad-grid,
  .daily-codex-session-packet-grid,
  .saas-alpha-readout-grid,
  .saas-report-readout,
  .saas-alpha-steps {
    grid-template-columns: 1fr;
  }

  .alpha-app-focus-stepper-head,
  .alpha-app-focus-stepper-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .alpha-app-section-nav {
    grid-template-columns: 1fr;
  }

  .alpha-app-focus-lens-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .alpha-app-shell-table-head {
    display: none;
  }

  .alpha-app-shell-row {
    grid-template-columns: 1fr;
    gap: 7px;
    align-items: start;
  }

  .alpha-app-shell-row span:nth-of-type(3) {
    display: block;
  }

  .alpha-app-shell-row .button {
    justify-self: start;
    width: 100%;
  }

  .alpha-app-update-candidate-verdict p {
    grid-column: 1;
  }

  .daily-operator-lane-actions {
    justify-content: flex-start;
  }

  .daily-focus-mode-actions {
    justify-content: flex-start;
  }

  .daily-cycle-tracker-head {
    grid-template-columns: 1fr;
  }

  .daily-cycle-tracker-actions {
    justify-content: flex-start;
  }

  .todays-work-packet-actions,
  .daily-codex-launchpad-actions,
  .daily-codex-session-packet-actions,
  .codex-return-receipt-actions {
    justify-content: flex-start;
  }

  .prototype-file-list {
    grid-template-columns: 1fr;
  }

  .saas-policy-list li {
    display: grid;
  }

  .real-local-control code {
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .diff-viewer code,
  .test-output code {
    max-width: none;
  }

  .proof-replay .section-heading h2 {
    font-size: 1.85rem;
  }

  .proof-replay .section-heading,
  .proof-replay .section-heading p,
  .replay-state,
  .launchpad-navigator,
  .launchpad-readout,
  .launchpad-readout dd,
  .replay-shell,
  .replay-card,
  .replay-card p,
  .replay-card dd {
    width: auto;
    max-width: calc(100vw - 84px);
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .replay-state {
    display: block;
  }

  .launchpad-state {
    max-width: calc(100vw - 84px);
    overflow-wrap: anywhere;
  }

  .action-row,
  .proof-links {
    flex-direction: column;
  }

  .action-row li,
  .action-row .button,
  .proof-links .button {
    width: 100%;
    max-width: 100%;
    white-space: normal;
    text-align: center;
  }

  .capability-grid,
    .principles,
    .tier-grid,
    .demo-step-grid,
    .launchpad-progress,
    .launchpad-readout,
    .replay-progress,
  .saas-health-grid,
  .saas-metric-grid,
  .saas-run-timeline,
  .artifact-grid,
  .support-readiness-grid,
  .support-request-grid,
  .support-triage-timeline,
  .alpha-run-cockpit,
  .alpha-export-manifest,
  .status-card {
    grid-template-columns: 1fr;
  }

  .replay-progress li {
    min-height: auto;
  }

  .launchpad-progress li {
    min-height: auto;
  }

  .replay-controls,
  .replay-tabs {
    flex-direction: column;
  }

  .replay-controls .button,
  .replay-tabs .tab-button,
  .saas-tabs .tab-button,
  .compact-links .button {
    width: 100%;
    justify-content: center;
  }

  .saas-activity-feed li {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .site-footer,
  .notice {
    flex-direction: column;
  }
}

@media (min-width: 1440px) {
  body .site-header {
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    gap: 16px !important;
    padding-inline: 24px !important;
  }

  body .site-header > .site-nav {
    gap: 2px !important;
    flex-wrap: nowrap !important;
  }

  body .site-header > .site-nav a {
    padding-inline: 8px !important;
    font-size: 0.82rem !important;
  }

  body .site-header > .header-actions {
    gap: 8px !important;
  }

  body .site-header > .header-actions a {
    padding-inline: 12px !important;
    font-size: 0.82rem !important;
  }
}

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

  .reveal {
    opacity: 1;
    transform: none;
    animation: none;
  }

.saas-operator-card {
  transition: none;
}
}

.pilot-hero code,
.pilot-note code {
  white-space: nowrap;
}

.pilot-status-grid article {
  min-height: 150px;
}

.pilot-console-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
  gap: 18px;
  margin-top: 24px;
}

.pilot-state-card {
  min-height: 100%;
}

.pilot-readout {
  display: grid;
  gap: 12px;
  margin: 18px 0 0;
}

.pilot-readout div {
  display: grid;
  gap: 4px;
  padding-top: 10px;
  border-top: 1px solid var(--border);
}

.pilot-readout dt {
  color: var(--muted);
  font-size: 0.82rem;
  text-transform: uppercase;
}

.pilot-readout dd {
  margin: 0;
  overflow-wrap: anywhere;
}

.pilot-run-detail-panel {
  margin-top: 18px;
}

.pilot-run-detail-heading {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(260px, 1.1fr);
  gap: 18px;
  align-items: start;
}

.pilot-run-detail-heading span,
.pilot-run-detail-grid article > span {
  color: var(--muted);
  font-size: 0.82rem;
  text-transform: uppercase;
}

.pilot-run-detail-heading h3 {
  margin: 6px 0 0;
  font-size: clamp(1.15rem, 2vw, 1.7rem);
}

.pilot-run-detail-heading p {
  margin: 0;
  color: var(--muted);
}

.pilot-run-detail-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}

.pilot-run-detail-grid article {
  min-height: 180px;
  padding: 14px;
  border: 1px solid var(--border);
  background: color-mix(in srgb, var(--surface) 88%, transparent);
}

.pilot-detail-list {
  display: grid;
  gap: 8px;
  margin: 12px 0 0;
}

.pilot-detail-list div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.pilot-detail-list dt {
  color: var(--muted);
  font-size: 0.75rem;
  text-transform: uppercase;
}

.pilot-detail-list dd {
  margin: 0;
  font-size: 0.9rem;
  overflow-wrap: anywhere;
}

.pilot-detail-empty {
  margin: 12px 0 0;
  color: var(--muted);
}

.pilot-detail-bullets,
.pilot-event-log {
  display: grid;
  gap: 8px;
  margin: 12px 0 0;
  padding-left: 18px;
}

.pilot-event-log li {
  padding-left: 4px;
}

.pilot-event-log strong,
.pilot-event-log span {
  display: block;
}

.pilot-event-log span {
  color: var(--muted);
  font-size: 0.86rem;
}

.pilot-detail-debug {
  min-height: 150px;
  max-height: 310px;
  margin-top: 12px;
  font-size: 0.78rem;
}

.pilot-founder-review-panel {
  display: grid;
  gap: 16px;
  margin: 18px 0;
  padding: 18px;
  border: 1px solid color-mix(in srgb, var(--accent) 28%, var(--border));
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--surface) 88%, transparent), color-mix(in srgb, #090a0f 94%, transparent)),
    radial-gradient(circle at 92% 8%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 30%);
}

.pilot-founder-review-panel[hidden] {
  display: none;
}

.pilot-founder-review-panel-header {
  display: grid;
  gap: 6px;
}

.pilot-founder-review-panel-header span,
.pilot-founder-review-card span {
  color: var(--muted);
  font-size: 0.76rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.pilot-founder-review-panel-header strong {
  font-size: clamp(1.2rem, 2vw, 1.7rem);
}

.pilot-founder-review-panel-header p,
.pilot-founder-review-card p {
  margin: 0;
  color: var(--muted);
}

.pilot-founder-review-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
}

.pilot-founder-review-metrics div {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--border);
  background: color-mix(in srgb, var(--surface) 88%, transparent);
}

.pilot-founder-review-metrics dt {
  color: var(--muted);
  font-size: 0.72rem;
  text-transform: uppercase;
}

.pilot-founder-review-metrics dd {
  margin: 4px 0 0;
  overflow-wrap: anywhere;
}

.pilot-founder-review-panel h4 {
  margin: 8px 0 0;
}

.pilot-founder-review-card-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.pilot-founder-review-card {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 13px;
  border: 1px solid var(--border);
  background: color-mix(in srgb, #090a0f 82%, transparent);
}

.pilot-founder-review-card:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

.pilot-founder-review-card strong {
  overflow-wrap: anywhere;
}

.pilot-boundaries {
  margin: 18px 0 0;
}

.pilot-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: end;
  margin: 22px 0;
}

.pilot-task-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  min-width: min(100%, 420px);
}

.pilot-task-list span {
  flex-basis: 100%;
  color: var(--muted);
  font-size: 0.82rem;
  text-transform: uppercase;
}

.pilot-task-option {
  min-height: 38px;
  padding: 0 10px;
  border: 1px solid var(--border);
  border-radius: 6px;
  background: var(--surface);
  color: var(--text);
  font: inherit;
  cursor: pointer;
}

.pilot-task-option.is-selected {
  border-color: var(--accent);
  background: color-mix(in srgb, var(--accent) 12%, var(--surface));
}

.pilot-step-list {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  padding: 0;
  margin: 0 0 22px;
  list-style: none;
}

.pilot-step-list li {
  display: grid;
  gap: 8px;
  min-height: 118px;
  padding: 14px;
  border: 1px solid var(--border);
  background: var(--surface);
}

.pilot-step-list li.is-active {
  border-color: var(--accent);
  box-shadow: inset 0 0 0 1px var(--accent);
}

.pilot-step-list li.is-complete {
  background: color-mix(in srgb, var(--accent) 8%, var(--surface));
}

.pilot-step-list span {
  color: var(--muted);
  font-size: 0.9rem;
}

.pilot-output {
  min-height: 220px;
  max-height: 460px;
  overflow: auto;
  padding: 16px;
  border: 1px solid var(--border);
  background: #111713;
  color: #e7f2ea;
  font-size: 0.88rem;
  line-height: 1.55;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.pilot-note {
  color: var(--muted);
  max-width: 980px;
}

@media (max-width: 980px) {
  .pilot-console-grid,
  .pilot-run-detail-heading,
  .pilot-step-list {
    grid-template-columns: 1fr;
  }

  .pilot-founder-review-metrics,
  .pilot-founder-review-card-grid {
    grid-template-columns: 1fr;
  }

  .pilot-run-detail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .pilot-run-detail-grid {
    grid-template-columns: 1fr;
  }
}

.alpha-dashboard {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 28px;
  align-items: start;
}

.alpha-runs-list {
  display: grid;
  gap: 14px;
}

.alpha-run-card {
  display: grid;
  gap: 8px;
  text-decoration: none;
  border-color: rgba(37, 99, 235, 0.18);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(239, 246, 255, 0.9));
}

.alpha-run-card h3 {
  font-size: 1.1rem;
}

.alpha-run-card mark {
  padding: 2px 6px;
  border-radius: 4px;
  color: var(--ink);
  background: rgba(17, 24, 39, 0.08);
  font-size: 0.8rem;
  font-weight: 800;
}

.alpha-metric-grid {
  grid-template-columns: 1fr;
  gap: 10px;
}

.alpha-dashboard .section-heading {
  padding-bottom: 0;
}

.alpha-dashboard-sidebar .section-heading {
  margin-bottom: 22px;
}

.alpha-dashboard-sidebar h3 {
  font-size: 1.25rem;
}

.alpha-dashboard .artifact-panel {
  box-shadow: none;
}

.alpha-run-detail {
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--panel);
}

.alpha-run-header {
  padding: 24px 28px;
  border-bottom: 1px solid var(--line);
}

.alpha-run-topline {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}

.alpha-run-topline h1 {
  font-size: 2rem;
  line-height: 1.1;
  margin-bottom: 0;
}

.run-state {
  flex-shrink: 0;
  padding: 6px 10px;
  border-radius: 6px;
  background: #fff3d6;
  color: var(--amber);
  font-weight: 800;
}

.alpha-run-header .eyebrow {
  margin-top: 8px;
}

.alpha-run-header > p {
  font-size: 1.1rem;
}

.alpha-run-body {
  display: grid;
  gap: 0;
  padding: 28px;
}

.alpha-run-section + .alpha-run-section {
  padding-top: 28px;
  border-top: 1px solid var(--line);
}

.alpha-run-section h3 {
  margin-bottom: 12px;
}

.evidence-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
  padding: 0;
}

.evidence-grid div {
  padding: 16px;
  border-radius: 8px;
  background: var(--paper);
  border: 1px solid var(--line);
}

.evidence-grid dt {
  font-weight: 800;
  margin-bottom: 8px;
}

.evidence-grid dd {
  margin: 0;
  color: var(--muted);
}

.alpha-run-footer {
  padding: 24px 28px;
  border-top: 1px solid var(--line);
  background: var(--paper);
  border-radius: 0 0 12px 12px;
}

.alpha-run-footer h3 {
  margin-bottom: 8px;
}

.alpha-run-footer p {
  max-width: 65ch;
}

@media (max-width: 980px) {
  .alpha-dashboard {
    grid-template-columns: 1fr;
  }
  .alpha-product-hero {
    grid-template-columns: 1fr;
  }
  .evidence-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1180px) {
  .alpha-launch-access-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .homepage-alpha-control-head,
  .homepage-alpha-control-body {
    grid-template-columns: 1fr;
  }

  .homepage-alpha-control-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .alpha-product-readiness-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .alpha-activation-layout {
    grid-template-columns: 1fr;
  }

  .alpha-executive-head,
  .alpha-executive-main {
    grid-template-columns: 1fr;
  }

  .alpha-executive-metrics,
  .alpha-executive-path ol {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .alpha-self-serve-layout {
    grid-template-columns: 1fr;
  }

  .alpha-workspace-console-summary,
  .alpha-workspace-console-areas,
  .alpha-workspace-console-channels > div,
  .alpha-workspace-console-guardrails ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .alpha-workspace-console-layout {
    grid-template-columns: 1fr;
  }

  .alpha-activation-map {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .alpha-self-serve-readiness {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .alpha-self-serve-bottom {
    grid-template-columns: 1fr;
  }

  .alpha-operating-room,
  .alpha-operating-room.compact {
    grid-template-columns: 1fr;
  }

  .core-product-os-head,
  .core-os-surface-map-head,
  .core-os-layout,
  .product-demo-buyer-head,
  .product-demo-decision-row,
  .enterprise-review-head,
  .enterprise-review-layout {
    grid-template-columns: 1fr;
  }

  .core-os-metrics,
  .core-os-surface-grid,
  .core-os-locks div,
  .product-demo-moment-grid,
  .enterprise-review-signals {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .compare-matrix-row {
    grid-template-columns: minmax(170px, 0.9fr) repeat(3, minmax(0, 1fr));
  }

  .compare-stack-grid,
  .compare-lock-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  .header-actions {
    grid-column: 2;
  }

  .alpha-launch-access-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .homepage-alpha-path {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .alpha-product-readiness-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .alpha-conversion-journey-head,
  .alpha-conversion-journey-bottom {
    grid-template-columns: 1fr;
  }

  .alpha-conversion-journey {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .alpha-activation-footer {
    grid-template-columns: 1fr;
  }

  .alpha-executive-metrics,
  .alpha-executive-path ol,
  .alpha-executive-list ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .alpha-executive-queue article div {
    display: grid;
  }

  .alpha-activation-sequence ol,
  .alpha-activation-locks ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .alpha-self-serve-ops article div {
    display: grid;
  }

  .alpha-workspace-console-actions article div {
    display: grid;
  }

  .alpha-operating-room-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .alpha-operating-room-bottom {
    display: grid;
  }

  .core-os-layers {
    grid-template-columns: 1fr;
  }

  .core-os-layers article {
    min-height: auto;
  }

  .product-demo-questions ul {
    grid-template-columns: 1fr;
  }

  .enterprise-review-path {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .compare-matrix {
    display: grid;
    gap: 12px;
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  .compare-matrix-head {
    display: none;
  }

  .compare-matrix-row {
    grid-template-columns: 1fr;
    min-height: auto;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: var(--panel);
    box-shadow: 0 12px 28px rgba(16, 22, 36, 0.06);
  }

  .compare-matrix-row > * {
    border-left: 0;
    border-top: 1px solid var(--line);
  }

  .compare-matrix-row > *:first-child {
    border-top: 0;
  }
}

@media (max-width: 640px) {
  .header-actions {
    align-self: flex-start;
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .header-preview-link,
  .header-actions .header-cta {
    width: 100%;
    white-space: normal;
    text-align: center;
  }

  .alpha-launch-access-grid {
    grid-template-columns: 1fr;
  }

  .homepage-alpha-control-head h2 {
    font-size: clamp(2rem, 12vw, 3rem);
  }

  .homepage-alpha-control-summary,
  .homepage-alpha-path,
  .homepage-alpha-control-list {
    grid-template-columns: 1fr;
  }

  .homepage-alpha-control-summary article,
  .homepage-alpha-path-card,
  .homepage-alpha-control-list a {
    min-height: auto;
  }

  .alpha-product-readiness-grid {
    grid-template-columns: 1fr;
  }

  .alpha-conversion-journey {
    grid-template-columns: 1fr;
  }

  .alpha-conversion-journey a {
    min-height: auto;
  }

  .alpha-activation-map,
  .alpha-executive-metrics,
  .alpha-executive-path ol,
  .alpha-executive-bottom,
  .alpha-executive-list ul,
  .alpha-self-serve-readiness,
  .alpha-workspace-console-summary,
  .alpha-workspace-console-areas,
  .alpha-workspace-console-channels > div,
  .alpha-workspace-console-guardrails ul,
  .alpha-activation-sequence ol,
  .alpha-activation-locks ul {
    grid-template-columns: 1fr;
  }

  .alpha-activation-lane,
  .alpha-self-serve-card,
  .alpha-workspace-console-area {
    min-height: auto;
  }

  .alpha-activation-status-top {
    display: grid;
  }

  .alpha-launch-access-card {
    min-height: auto;
  }

  .alpha-product-hero-copy h1 {
    font-size: clamp(2.2rem, 14vw, 3.4rem);
  }

  .alpha-executive-head h2 {
    max-width: 100%;
    font-size: clamp(2rem, 12vw, 3rem);
  }

  .alpha-executive-panel-head {
    display: grid;
  }

  .alpha-product-panel-grid {
    grid-template-columns: 1fr;
  }

  .alpha-product-panel-top {
    display: grid;
  }

  .alpha-operating-room-copy h2 {
    max-width: 100%;
    font-size: clamp(2rem, 12vw, 3rem);
  }

  .alpha-operating-room-grid {
    grid-template-columns: 1fr;
  }

  .alpha-operating-room-topbar {
    display: grid;
  }

  .alpha-operating-room-module {
    min-height: auto;
  }

  .core-os-metrics,
  .core-os-surface-grid,
  .core-os-locks div,
  .product-demo-moment-grid,
  .enterprise-review-signals,
  .enterprise-review-path {
    grid-template-columns: 1fr;
  }

  .core-os-metrics article,
  .core-os-locks p,
  .product-demo-moment-grid article,
  .product-demo-questions li,
  .enterprise-review-signals article,
  .enterprise-review-path a {
    min-height: auto;
  }

  .compare-stack-grid,
  .compare-lock-grid {
    grid-template-columns: 1fr;
  }

  .compare-stack-card,
  .compare-lock-grid p {
    min-height: auto;
  }
}

/* Veyact production design pass: supplied brand assets and dark Runrail system. */
.site-header {
  border-bottom: 1px solid rgba(245, 247, 250, 0.09);
  background: rgba(9, 10, 15, 0.78);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.04);
}

.site-nav a {
  color: rgba(245, 247, 250, 0.64);
}

.site-nav a[aria-current="page"],
.site-nav a:hover {
  color: var(--ink);
  background: rgba(255, 255, 255, 0.07);
}

.header-preview-link {
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.055);
  color: var(--ink);
}

.header-preview-link:hover {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.09);
}

.header-cta,
.button {
  background: linear-gradient(135deg, var(--accent), var(--blue));
  color: #ffffff;
  box-shadow: 0 15px 36px rgba(91, 73, 234, 0.28);
}

.header-cta:hover,
.button:hover {
  box-shadow: 0 22px 52px rgba(62, 123, 250, 0.28);
}

.button.ghost {
  border-color: rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.045);
  color: var(--ink);
}

.button.ghost:hover {
  border-color: rgba(255, 255, 255, 0.24);
  background: rgba(255, 255, 255, 0.08);
}

.hero {
  position: relative;
  min-height: calc(100svh - 72px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background:
    radial-gradient(circle at 12% 20%, rgba(91, 73, 234, 0.3), transparent 24rem),
    radial-gradient(circle at 92% 22%, rgba(62, 123, 250, 0.18), transparent 28rem),
    linear-gradient(180deg, rgba(9, 10, 15, 0.08), rgba(9, 10, 15, 0.76));
}

.hero::after {
  position: absolute;
  inset: auto clamp(24px, 4vw, 56px) 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(245, 247, 250, 0.2), transparent);
  content: "";
}

.hero-copy {
  position: relative;
  z-index: 1;
  min-width: 0;
}

.hero h1 {
  color: #ffffff;
  text-shadow: 0 18px 56px rgba(0, 0, 0, 0.36);
}

.hero .lead {
  color: rgba(245, 247, 250, 0.92);
}

.hero .reveal {
  animation: none;
  opacity: 1;
  transform: none;
}

.eyebrow {
  color: var(--green);
}

h1,
h2,
h3 {
  color: var(--ink);
}

h1 {
  max-width: 13ch;
  font-size: 4.15rem;
  line-height: 0.98;
}

h2,
.page-hero h1 {
  font-size: 3.55rem;
  line-height: 0.98;
}

.lead {
  color: rgba(245, 247, 250, 0.9);
}

p {
  color: var(--muted);
}

.hero-product-shot {
  position: relative;
  border-color: rgba(245, 247, 250, 0.13);
  border-radius: 14px;
  background: #090a0f;
  box-shadow:
    0 36px 110px rgba(0, 0, 0, 0.46),
    0 0 0 1px rgba(255, 255, 255, 0.035) inset;
}

.hero-product-shot::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: none;
  content: "";
}

.hero-product-shot img {
  position: relative;
  z-index: 1;
  filter: brightness(1.32) contrast(1.1) saturate(1.08);
}

.hero-product-shot figcaption {
  position: relative;
  z-index: 1;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  color: rgba(245, 247, 250, 0.74);
}

.section,
.page-hero,
.final-cta,
.notice {
  background: transparent;
}

.page-hero {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background:
    radial-gradient(circle at 12% 10%, rgba(91, 73, 234, 0.18), transparent 24rem),
    rgba(15, 18, 26, 0.58);
}

.proof-band,
.account-readiness,
.homepage-alpha-control-plane,
.alpha-launch-access,
.core-product-os,
.alpha-plan-decision,
.alpha-operating-room {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background:
    radial-gradient(circle at 18% 0%, rgba(91, 73, 234, 0.16), transparent 28rem),
    linear-gradient(180deg, rgba(15, 18, 26, 0.86), rgba(9, 10, 15, 0.92));
}

.capability,
.tier,
.principles article,
.faq-item,
.faq-card,
.artifact-panel,
.workflow-milestone-card,
.alpha-dashboard-command-card,
.alpha-control-plane-card,
.alpha-disabled-action-card,
.alpha-account-command-center,
.alpha-account-workspace-card,
.alpha-account-summary-grid article,
.alpha-account-command-nav,
.alpha-account-command-main article,
.alpha-account-launch-checklist,
.alpha-billing-operations,
.alpha-billing-lock-card,
.alpha-billing-summary-grid article,
.alpha-billing-ops-grid article,
.alpha-billing-plan-table,
.alpha-billing-state-table article,
.alpha-billing-readiness-list,
.alpha-billing-step,
.homepage-alpha-control-head aside,
.homepage-alpha-control-summary article,
.homepage-alpha-path-card,
.alpha-launch-access-card,
.core-os-metrics article,
.core-os-surface-map,
.core-os-surface-card,
.core-os-layers article,
.core-os-buyer-path,
.core-os-locks,
.enterprise-product-story .artifact-panel,
.enterprise-readiness-signals .artifact-panel,
.account-settings-grid .artifact-panel,
.account-readiness .artifact-panel,
.alpha-api-request-list article,
.alpha-run-detail,
.evidence-grid div {
  border-color: rgba(255, 255, 255, 0.11);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.035)),
    rgba(15, 18, 26, 0.82);
  color: var(--ink);
  box-shadow: var(--shadow-tight);
}

.capability:hover,
.tier:hover,
.principles article:hover,
.artifact-panel:hover,
.homepage-alpha-path-card:hover,
.alpha-launch-access-card:hover {
  border-color: rgba(91, 73, 234, 0.5);
  box-shadow: 0 26px 70px rgba(91, 73, 234, 0.2);
}

.capability {
  display: grid;
  gap: 18px;
  align-content: start;
  min-height: 250px;
}

.capability-icon {
  width: 42px;
  height: 42px;
  padding: 9px;
  border: 1px solid rgba(25, 195, 125, 0.26);
  border-radius: 10px;
  background: rgba(25, 195, 125, 0.09);
}

.capability h3,
.tier-topline h3,
.workflow-milestone-card h3,
.alpha-dashboard-command-card h3,
.alpha-control-plane-card h3,
.alpha-disabled-action-card h3,
.alpha-billing-step h3,
.alpha-account-command-main h3,
.alpha-billing-ops-grid h3,
.alpha-billing-plan-table h3,
.core-os-layers h3,
.core-os-surface-map-head strong,
.core-os-surface-card strong,
.core-os-buyer-path strong {
  color: var(--ink);
}

.capability p,
.tier p,
.principles p,
.artifact-panel p,
.workflow-milestone-card p,
.alpha-dashboard-command-card p,
.alpha-control-plane-card p,
.alpha-disabled-action-card p,
.alpha-billing-step p,
.alpha-account-command-head p,
.alpha-account-workspace-card p,
.alpha-account-summary-grid p,
.alpha-account-command-main p,
.alpha-account-command-main small,
.alpha-billing-operations-head p,
.alpha-billing-lock-card p,
.alpha-billing-summary-grid p,
.alpha-billing-ops-grid p,
.alpha-billing-ops-grid small,
.alpha-billing-plan-table p,
.alpha-billing-plan-rows p,
.alpha-billing-state-table p,
.core-os-metrics p,
.core-os-surface-map p,
.core-os-surface-card p,
.core-os-layers p,
.core-os-buyer-path p,
.core-os-locks p {
  color: var(--muted);
}

.workflow-milestone-card span,
.alpha-dashboard-command-card span,
.alpha-control-plane-card span,
.alpha-disabled-action-card span,
.alpha-billing-step mark,
.artifact-panel span,
.homepage-alpha-control-head aside span,
.homepage-alpha-control-summary span,
.homepage-alpha-path-card span,
.homepage-alpha-control-panel-head span,
.homepage-alpha-control-list span,
.alpha-launch-access-card span,
.core-os-metrics span,
.core-os-surface-map-head span,
.core-os-surface-card span,
.core-os-layers span,
.core-os-buyer-path > span,
.core-os-locks > span,
.tier-badge {
  color: var(--green);
}

.homepage-alpha-control-panel,
.alpha-operating-room-board,
.workflow-visual {
  border-color: rgba(255, 255, 255, 0.12);
  background:
    radial-gradient(circle at 10% 0%, rgba(91, 73, 234, 0.2), transparent 20rem),
    linear-gradient(180deg, rgba(15, 18, 26, 0.98), rgba(9, 10, 15, 0.98));
}

.runrail-dashboard-visual {
  max-width: 1180px;
  border-color: rgba(255, 255, 255, 0.12);
  border-radius: 16px;
  background: #090a0f;
  box-shadow:
    0 36px 110px rgba(0, 0, 0, 0.42),
    0 0 0 1px rgba(255, 255, 255, 0.04) inset;
}

.design-gate-section {
  grid-template-columns: minmax(320px, 0.95fr) minmax(280px, 0.85fr);
  align-items: center;
}

.gate-visual {
  overflow: hidden;
  margin: 0;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 16px;
  background: #090a0f;
  box-shadow: var(--shadow);
}

.gate-visual img {
  display: block;
  width: 100%;
  height: auto;
}

.design-gate-section .section-copy h2 {
  margin-bottom: 18px;
}

.founder-gated,
.notice,
.alpha-account-launch-checklist,
.alpha-billing-readiness-list,
.alpha-disabled-action-card,
.core-os-locks p,
.run-state {
  border-color: rgba(245, 181, 71, 0.22);
  background: rgba(245, 181, 71, 0.08);
  color: #ffd08a;
}

.alpha-billing-plan-rows article,
.alpha-account-workspace-card dl div,
.alpha-account-command-nav a:hover,
.alpha-account-command-nav a:focus-visible,
.alpha-shell-nav a.artifact-panel:hover,
.alpha-shell-nav a.artifact-panel.is-active,
.alpha-run-footer {
  border-color: rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.055);
}

.alpha-billing-step > span,
.core-os-buyer-path li::before {
  background: linear-gradient(135deg, var(--accent), var(--blue));
  color: #ffffff;
}

.check-list li {
  color: var(--muted);
}

.check-list li::before {
  background: var(--green);
  box-shadow: 0 0 0 4px rgba(25, 195, 125, 0.12);
}

.site-footer {
  border-top: 1px solid rgba(255, 255, 255, 0.09);
  background: #05060a;
}

@media (max-width: 1180px) {
  h1 {
    font-size: 4rem;
  }

  h2,
  .page-hero h1 {
    font-size: 3rem;
  }
}

@media (max-width: 980px) {
  .site-header {
    grid-template-columns: 1fr;
    align-items: start;
  }

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

  .header-actions {
    grid-column: auto;
    justify-content: flex-start;
  }

  .hero,
  .split,
  .design-gate-section {
    grid-template-columns: 1fr;
  }

  h1 {
    max-width: 100%;
    font-size: 3.35rem;
  }

  h2,
  .page-hero h1 {
    font-size: 2.65rem;
  }
}

@media (max-width: 640px) {
  h1 {
    font-size: 2.15rem;
  }

  h2,
  .page-hero h1 {
    font-size: 2.2rem;
  }

  .hero {
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100%;
    max-width: 100vw;
    padding-top: 46px;
    padding-left: 18px;
    padding-right: 18px;
    overflow: hidden;
  }

  .site-header,
  .site-nav,
  .header-actions {
    width: 100%;
    max-width: 100vw;
    min-width: 0;
  }

  .site-nav {
    display: flex;
    justify-content: flex-start;
    gap: 6px 8px;
  }

  .site-nav a {
    min-height: 34px;
    padding: 0 2px;
    font-size: 0.82rem;
    white-space: normal;
  }

  .hero-copy,
  .hero h1,
  .hero .lead {
    width: 100%;
    max-width: 21rem;
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: normal;
  }

  .hero .lead {
    font-size: 1.05rem;
    line-height: 1.46;
  }

  .hero-product-shot {
    width: 100%;
    max-width: calc(100vw - 36px);
  }
}

/* Veyact design-system coherence pass: keep the supplied dark brand assets as the visual source of truth. */
body {
  background:
    radial-gradient(circle at 16% -8%, rgba(111, 92, 255, 0.22), transparent 28rem),
    radial-gradient(circle at 84% 0%, rgba(62, 123, 250, 0.18), transparent 30rem),
    radial-gradient(circle at 54% 32rem, rgba(25, 195, 125, 0.09), transparent 34rem),
    linear-gradient(180deg, rgba(5, 6, 10, 0.94), rgba(9, 10, 15, 0.98)),
    url("/illustrations/background-pattern.png"),
    #05060a;
  background-size: auto, auto, auto, auto, 760px auto, auto;
}

.site-header {
  min-height: 76px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(5, 6, 10, 0.78);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.04), 0 18px 48px rgba(0, 0, 0, 0.24);
}

.site-nav a {
  color: rgba(245, 247, 250, 0.66);
}

.site-nav a[aria-current="page"],
.site-nav a:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.07);
}

.header-preview-link,
.button.ghost {
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.055);
  color: #f5f7fa;
}

.header-preview-link:hover,
.button.ghost:hover {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.09);
}

.header-cta,
.button {
  background: linear-gradient(135deg, #6f5cff, #3e7bfa);
  color: #ffffff;
  box-shadow: 0 18px 42px rgba(91, 73, 234, 0.3);
}

.hero,
.page-hero {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background:
    radial-gradient(circle at 72% 18%, rgba(91, 73, 234, 0.2), transparent 28rem),
    linear-gradient(180deg, rgba(15, 18, 26, 0.74), rgba(9, 10, 15, 0.88)),
    transparent;
}

.hero {
  min-height: clamp(690px, calc(90svh - 76px), 880px);
}

.hero h1,
.page-hero h1,
.alpha-product-hero h1 {
  max-width: 980px;
  color: #ffffff;
  text-wrap: balance;
}

.hero .lead,
.page-hero .lead,
.alpha-product-hero .lead {
  color: rgba(245, 247, 250, 0.9);
}

.hero-copy > p:not(.eyebrow),
.page-hero > p:not(.eyebrow),
.section-heading p,
.section-copy,
.section-copy p {
  color: rgba(245, 247, 250, 0.68);
}

.hero-product-shot,
.gate-visual,
.runrail-dashboard-visual,
.alpha-product-panel,
.homepage-alpha-control-panel,
.alpha-operating-room-board,
.alpha-executive-deck,
.alpha-account-command-center,
.alpha-billing-operations,
.alpha-run-workbench,
.alpha-run-detail,
.workflow-visual {
  border: 1px solid rgba(255, 255, 255, 0.12);
  background:
    radial-gradient(circle at 18% 0%, rgba(91, 73, 234, 0.16), transparent 18rem),
    linear-gradient(180deg, rgba(20, 23, 33, 0.96), rgba(10, 12, 18, 0.98));
  box-shadow: 0 36px 120px rgba(0, 0, 0, 0.42), 0 0 0 1px rgba(255, 255, 255, 0.03) inset;
}

.hero-product-shot {
  border-radius: 18px;
}

.hero-product-shot figcaption {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(5, 6, 10, 0.72);
}

.section,
.final-cta,
.notice {
  position: relative;
}

.proof-band,
.account-readiness,
.alpha-product-readiness-strip,
.alpha-conversion-journey-section,
.alpha-workflow-spine-section {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0.01)),
    transparent;
}

.capability,
.tier,
.principles article,
.faq-item,
.artifact-panel,
.alpha-control-plane-card,
.alpha-disabled-action-card,
.alpha-account-workspace-card,
.alpha-account-summary-grid article,
.alpha-account-command-main article,
.alpha-billing-lock-card,
.alpha-billing-summary-grid article,
.alpha-billing-ops-grid article,
.alpha-billing-plan-table,
.alpha-billing-state-table article,
.alpha-run-command,
.alpha-trace-timeline > li,
.alpha-export-manifest > div,
.alpha-product-readiness-card,
.alpha-conversion-journey li a,
.alpha-conversion-journey-bottom article,
.alpha-executive-metric,
.alpha-executive-path,
.alpha-executive-queue,
.alpha-executive-list,
.homepage-alpha-control-summary article,
.homepage-alpha-path-card,
.alpha-launch-access-card {
  border: 1px solid rgba(255, 255, 255, 0.1);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.072), rgba(255, 255, 255, 0.035)),
    rgba(15, 18, 26, 0.76);
  color: #f5f7fa;
  box-shadow: 0 18px 52px rgba(0, 0, 0, 0.2);
}

.capability:hover,
.tier:hover,
.principles article:hover,
.artifact-panel:hover,
.alpha-launch-access-card:hover,
.alpha-operating-room-module:hover,
.alpha-workflow-spine a:hover,
.alpha-workflow-spine a:focus-visible,
.alpha-workflow-spine li.is-active a {
  border-color: rgba(111, 92, 255, 0.45);
  background:
    linear-gradient(180deg, rgba(111, 92, 255, 0.14), rgba(255, 255, 255, 0.05)),
    rgba(15, 18, 26, 0.9);
  box-shadow: 0 24px 78px rgba(91, 73, 234, 0.18);
}

.capability p,
.tier p,
.artifact-panel p,
.artifact-panel li,
.alpha-control-plane-card p,
.alpha-disabled-action-card p,
.alpha-account-command-main p,
.alpha-account-command-main small,
.alpha-billing-ops-grid p,
.alpha-billing-ops-grid small,
.alpha-product-readiness-card p,
.alpha-conversion-journey p,
.alpha-conversion-journey-bottom p,
.alpha-executive-list li,
.alpha-executive-path li span,
.homepage-alpha-path-card p,
.alpha-launch-access-card p {
  color: rgba(245, 247, 250, 0.66);
}

.capability h3,
.tier h3,
.artifact-panel h3,
.alpha-control-plane-card h3,
.alpha-account-command-main h3,
.alpha-billing-ops-grid h3,
.alpha-product-readiness-card strong,
.alpha-conversion-journey strong,
.alpha-conversion-journey-bottom strong,
.alpha-executive-metric strong,
.alpha-executive-path strong,
.homepage-alpha-path-card h3,
.alpha-launch-access-card h3 {
  color: #ffffff;
}

.capability-icon,
.alpha-launch-access-card > img,
.alpha-shell-nav img,
.alpha-workflow-spine img,
.alpha-operating-room-module > img {
  width: 34px;
  height: 34px;
  object-fit: contain;
  padding: 7px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.065);
}

.alpha-launch-access-card {
  display: grid;
  align-content: start;
  gap: 12px;
  text-decoration: none;
}

.alpha-shell-nav {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.alpha-shell-nav a.artifact-panel {
  display: grid;
  align-content: start;
  gap: 9px;
  min-height: 122px;
  text-decoration: none;
}

.alpha-shell-nav a.artifact-panel.is-active {
  border-color: rgba(25, 195, 125, 0.44);
  background:
    linear-gradient(180deg, rgba(25, 195, 125, 0.12), rgba(255, 255, 255, 0.035)),
    rgba(15, 18, 26, 0.84);
}

.alpha-workflow-spine a {
  min-height: 218px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.035)),
    rgba(15, 18, 26, 0.78);
}

.alpha-workflow-spine strong {
  border-color: rgba(25, 195, 125, 0.28);
  background: rgba(25, 195, 125, 0.1);
}

.alpha-product-panel {
  overflow: hidden;
}

.alpha-product-panel-visual {
  display: block;
  width: 100%;
  margin: 16px 0;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  background: #05060a;
}

.alpha-product-panel-grid div,
.alpha-account-workspace-card dl div,
.alpha-billing-plan-rows article,
.alpha-run-workbench-disabled article,
.alpha-run-workbench-export li,
.alpha-run-workbench-guardrails li {
  border-color: rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.045);
}

.alpha-operating-room-module {
  display: grid;
  align-content: start;
  gap: 10px;
}

.alpha-operating-room-module > img {
  margin-bottom: 2px;
}

.eyebrow,
.artifact-panel span,
.alpha-workflow-spine span,
.alpha-product-panel span,
.alpha-operating-room-module span,
.alpha-launch-access-card span {
  color: #19c37d;
}

.notice {
  border-color: rgba(245, 181, 71, 0.24);
  background:
    linear-gradient(180deg, rgba(245, 181, 71, 0.12), rgba(245, 181, 71, 0.055)),
    rgba(15, 18, 26, 0.85);
  color: #ffd08a;
}

.site-footer {
  background:
    radial-gradient(circle at 12% 0%, rgba(91, 73, 234, 0.18), transparent 24rem),
    #030407;
}

.brand-mark {
  display: inline-grid;
  gap: 4px;
}

.brand-mark span {
  color: rgba(245, 247, 250, 0.58);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.site-nav {
  gap: 4px;
}

.site-nav a {
  min-height: 38px;
  padding-inline: 11px;
}

.header-actions {
  gap: 8px;
}

.site-footer {
  display: grid;
  grid-template-columns: minmax(280px, 0.9fr) minmax(0, 1.4fr);
  gap: clamp(28px, 5vw, 78px);
  align-items: start;
  padding-block: clamp(40px, 7vw, 84px);
}

.footer-brand-panel {
  display: grid;
  gap: 16px;
  max-width: 560px;
}

.footer-logo {
  display: inline-flex;
  width: max-content;
}

.footer-logo img {
  display: block;
  height: auto;
  max-width: min(220px, 70vw);
}

.footer-status-row {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  max-width: 620px;
  border: 1px solid rgba(240, 82, 82, 0.22);
  border-radius: 10px;
  padding: 12px 14px;
  background: rgba(240, 82, 82, 0.08);
  color: rgba(245, 247, 250, 0.78);
  font-size: 0.92rem;
  line-height: 1.55;
}

.footer-product-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: -2px 0 0;
  padding: 0;
  list-style: none;
}

.footer-product-strip li {
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(91, 73, 234, 0.28);
  border-radius: 999px;
  padding: 7px 11px;
  background:
    linear-gradient(180deg, rgba(245, 247, 250, 0.08), rgba(245, 247, 250, 0.03)),
    rgba(91, 73, 234, 0.1);
  color: rgba(245, 247, 250, 0.82);
  font-size: 0.76rem;
  font-weight: 900;
}

.footer-status-row img,
.alpha-product-readiness-card > img,
.alpha-conversion-journey img,
.alpha-product-panel-grid img {
  width: 34px;
  height: 34px;
  object-fit: contain;
  padding: 7px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.065);
}

.footer-nav-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(120px, 1fr));
  gap: 22px;
}

.footer-nav-grid div {
  display: grid;
  align-content: start;
  gap: 9px;
}

.footer-nav-grid strong {
  color: #ffffff;
  font-size: 0.83rem;
  letter-spacing: 0;
  text-transform: uppercase;
}

.footer-nav-grid a {
  color: rgba(245, 247, 250, 0.66);
  font-size: 0.93rem;
  text-decoration: none;
}

.footer-nav-grid a:hover {
  color: #ffffff;
}

.alpha-product-readiness-card {
  display: grid;
  align-content: start;
  gap: 10px;
}

.alpha-product-panel-grid div {
  display: grid;
  gap: 6px;
}

.alpha-product-panel-grid img {
  width: 30px;
  height: 30px;
  padding: 6px;
}

.alpha-conversion-journey a {
  grid-template-rows: auto auto auto 1fr;
}

.alpha-conversion-journey img {
  margin-bottom: 4px;
}

.alpha-conversion-journey span {
  width: max-content;
}

@media (max-width: 1040px) {
  .site-footer {
    grid-template-columns: 1fr;
  }

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

@media (max-width: 700px) {
  .brand-mark span {
    display: none;
  }

  .site-nav {
    gap: 3px;
  }

  .site-nav a {
    min-height: 34px;
    padding-inline: 9px;
    font-size: 0.84rem;
  }

  .footer-nav-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 460px) {
  .footer-nav-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1180px) {
  .alpha-shell-nav {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .alpha-shell-nav,
  .alpha-workflow-spine {
    grid-template-columns: 1fr 1fr;
  }

  .alpha-shell-nav a.artifact-panel {
    min-height: 112px;
  }
}

@media (max-width: 520px) {
  .alpha-shell-nav,
  .alpha-workflow-spine {
    grid-template-columns: 1fr;
  }

  .capability-icon,
  .alpha-launch-access-card > img,
  .alpha-shell-nav img,
  .alpha-workflow-spine img,
  .alpha-operating-room-module > img {
    width: 30px;
    height: 30px;
  }
}

/* Veyact product UI finish pass: compact, dark, asset-led, and buyer-readable. */
.hero,
.page-hero,
.alpha-product-hero {
  isolation: isolate;
  position: relative;
  overflow: hidden;
}

.hero::before,
.page-hero::before,
.alpha-product-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255, 255, 255, 0.028) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.54), transparent 74%);
  pointer-events: none;
}

.hero::after,
.alpha-product-hero::after {
  content: "";
  position: absolute;
  inset: auto -12% -22% 42%;
  z-index: -1;
  min-height: 420px;
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(91, 73, 234, 0.28), transparent 58%),
    radial-gradient(circle at 70% 40%, rgba(25, 195, 125, 0.13), transparent 52%);
  filter: blur(24px);
  pointer-events: none;
}

.site-header {
  padding-inline: clamp(18px, 4vw, 64px);
}

.site-nav a,
.header-preview-link,
.header-cta,
.button {
  letter-spacing: 0;
}

.hero-product-shot,
.gate-visual,
.runrail-dashboard-visual {
  overflow: hidden;
}

.hero-product-shot img,
.gate-visual img,
.runrail-dashboard-visual img {
  display: block;
  width: 100%;
  height: auto;
}

.hero-product-shot {
  transform: translateZ(0);
}

.hero-product-shot img {
  filter: saturate(1.04) contrast(1.03);
}

.section > .section-heading {
  max-width: 960px;
}

.section-heading h2,
.section-copy h2,
.homepage-alpha-control-head h2,
.alpha-operating-room-copy h2,
.alpha-product-hero h1,
.hero h1,
.page-hero h1 {
  letter-spacing: 0;
}

.alpha-product-hero {
  min-height: calc(100svh - 76px);
  padding: clamp(44px, 7vw, 92px) clamp(20px, 4vw, 64px);
  border-bottom-color: rgba(255, 255, 255, 0.09);
  background:
    radial-gradient(circle at 72% 18%, rgba(91, 73, 234, 0.24), transparent 30rem),
    radial-gradient(circle at 22% 88%, rgba(25, 195, 125, 0.13), transparent 28rem),
    linear-gradient(180deg, rgba(5, 6, 10, 0.74), rgba(5, 6, 10, 0.96)),
    #05060a;
}

.alpha-product-hero-copy {
  max-width: 900px;
}

.alpha-product-hero-copy .action-row {
  margin-top: 6px;
}

.alpha-product-panel {
  border-radius: 16px;
  padding: clamp(14px, 2vw, 22px);
}

/* Veyact brand-grounding pass: preserve the supplied dark background and V/check mark. */
body {
  background:
    linear-gradient(180deg, rgba(5, 6, 10, 0.78), rgba(9, 10, 15, 0.98)),
    url("/illustrations/background-pattern.png"),
    var(--vy-bg, #090a0f);
  background-size: auto, min(780px, 110vw) auto, auto;
  background-attachment: fixed;
}

.hero,
.page-hero,
.alpha-product-hero {
  background:
    linear-gradient(180deg, rgba(5, 6, 10, 0.66), rgba(9, 10, 15, 0.93)),
    url("/illustrations/background-pattern.png"),
    var(--vy-bg, #090a0f);
  background-size: auto, min(760px, 112vw) auto, auto;
  background-position: center top;
}

.hero::after,
.page-hero::after,
.alpha-product-hero::after {
  position: absolute;
  right: clamp(-150px, -8vw, -58px);
  bottom: clamp(-170px, -12vw, -82px);
  z-index: -1;
  width: clamp(250px, 38vw, 570px);
  min-height: 0;
  aspect-ratio: 1;
  border-radius: 0;
  background: linear-gradient(135deg, rgba(111, 92, 255, 0.46), rgba(25, 195, 125, 0.22));
  content: "";
  filter: drop-shadow(0 34px 92px rgba(91, 73, 234, 0.28));
  opacity: 0.34;
  pointer-events: none;
  -webkit-mask: url("/brand/veyact-mark-currentcolor.svg") center / contain no-repeat;
  mask: url("/brand/veyact-mark-currentcolor.svg") center / contain no-repeat;
}

.page-hero::after {
  opacity: 0.18;
}

.hero-product-shot,
.gate-visual,
.runrail-dashboard-visual,
.alpha-product-panel,
.homepage-alpha-control-panel,
.alpha-account-command-center,
.alpha-billing-operations,
.alpha-run-workbench,
.workflow-visual {
  background:
    linear-gradient(180deg, rgba(20, 23, 33, 0.86), rgba(10, 12, 18, 0.96)),
    url("/illustrations/background-pattern.png"),
    rgba(9, 10, 15, 0.94);
  background-size: auto, 640px auto, auto;
}

.alpha-product-panel-top,
.alpha-product-panel-footer {
  border-color: rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.055);
}

.alpha-product-panel mark {
  background: rgba(240, 82, 82, 0.12);
  color: #ff9a9a;
}

.alpha-product-panel-visual {
  aspect-ratio: 16 / 9;
  object-fit: contain;
  padding: 12px;
}

.alpha-product-panel-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.alpha-product-panel-grid div {
  border-radius: 12px;
  padding: 12px;
}

.alpha-design-showcase {
  display: grid;
  gap: 22px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background:
    radial-gradient(circle at 84% 0%, rgba(62, 123, 250, 0.18), transparent 26rem),
    linear-gradient(180deg, rgba(15, 18, 26, 0.88), rgba(9, 10, 15, 0.94));
}

.alpha-design-showcase-head {
  display: grid;
  grid-template-columns: minmax(180px, 0.24fr) minmax(0, 1fr);
  gap: clamp(18px, 4vw, 52px);
  align-items: end;
}

.alpha-design-showcase-head img {
  width: min(220px, 62vw);
  height: auto;
}

.alpha-design-showcase-head h2,
.alpha-design-showcase-head p {
  margin: 0;
}

.alpha-design-showcase-head h2 {
  max-width: 860px;
  color: #ffffff;
  font-size: clamp(2.05rem, 4vw, 4.45rem);
  line-height: 0.98;
}

.alpha-design-showcase-head p {
  max-width: 860px;
  color: rgba(245, 247, 250, 0.68);
  line-height: 1.64;
}

.alpha-design-showcase-head div {
  display: grid;
  gap: 14px;
}

.alpha-design-showcase-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  gap: 14px;
}

.alpha-design-showcase-card {
  min-width: 0;
  overflow: hidden;
  display: grid;
  align-content: stretch;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.032)),
    rgba(15, 18, 26, 0.82);
  box-shadow: 0 28px 88px rgba(0, 0, 0, 0.28);
}

.alpha-design-showcase-card:first-child {
  grid-row: span 2;
}

.alpha-design-showcase-card figure {
  margin: 0;
  background: #05060a;
}

.alpha-design-showcase-card img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 220px;
  object-fit: cover;
}

.alpha-design-showcase-card:first-child img {
  min-height: 460px;
}

.alpha-design-showcase-card div {
  display: grid;
  gap: 8px;
  padding: 18px;
}

.alpha-design-showcase-card span {
  color: var(--green);
  font-size: 0.73rem;
  font-weight: 900;
  text-transform: uppercase;
}

.alpha-design-showcase-card h3,
.alpha-design-showcase-card p {
  margin: 0;
}

.alpha-design-showcase-card h3 {
  color: #ffffff;
  font-size: 1.08rem;
}

.alpha-design-showcase-card p {
  color: rgba(245, 247, 250, 0.66);
  line-height: 1.5;
}

.alpha-shell-nav {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.028)),
    rgba(15, 18, 26, 0.78);
  box-shadow: var(--shadow-tight);
  scrollbar-color: rgba(255, 255, 255, 0.22) transparent;
}

.alpha-shell-nav a {
  flex: 0 0 138px;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  grid-template-areas:
    "icon label"
    "icon status";
  column-gap: 9px;
  row-gap: 2px;
  align-items: center;
  min-height: 58px;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.035);
  color: #f5f7fa;
  text-decoration: none;
  transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

.alpha-shell-nav a:hover,
.alpha-shell-nav a:focus-visible {
  border-color: rgba(111, 92, 255, 0.5);
  background: rgba(111, 92, 255, 0.12);
  transform: translateY(-1px);
}

.alpha-shell-nav a.is-active {
  border-color: rgba(25, 195, 125, 0.48);
  background: rgba(25, 195, 125, 0.12);
}

.alpha-shell-nav img {
  grid-area: icon;
  width: 32px;
  height: 32px;
  padding: 7px;
}

.alpha-shell-nav span {
  grid-area: label;
  color: #ffffff;
  font-size: 0.9rem;
  font-weight: 850;
  line-height: 1.1;
}

.alpha-shell-nav small {
  grid-area: status;
  color: rgba(245, 247, 250, 0.52);
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
}

.alpha-product-readiness-strip,
.alpha-conversion-journey-section {
  padding-top: clamp(30px, 5vw, 58px);
  padding-bottom: clamp(30px, 5vw, 58px);
}

.alpha-product-readiness-grid {
  grid-template-columns: repeat(5, minmax(150px, 1fr));
}

.alpha-product-readiness-card {
  border-radius: 12px;
}

.alpha-conversion-journey {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.alpha-conversion-journey a {
  min-height: 132px;
  border-radius: 12px;
}

.alpha-conversion-journey img {
  width: 30px;
  height: 30px;
}

.alpha-operating-room,
.alpha-self-serve-board,
.alpha-workflow-spine-section {
  padding-top: clamp(44px, 7vw, 82px);
  padding-bottom: clamp(44px, 7vw, 82px);
}

.alpha-operating-room-board,
.alpha-self-serve-card,
.alpha-self-serve-ops,
.alpha-self-serve-path,
.alpha-self-serve-checklist,
.alpha-self-serve-locks,
.alpha-workflow-spine a {
  border-radius: 14px;
}

.alpha-dashboard {
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.34fr);
}

.alpha-run-card,
.alpha-dashboard .artifact-panel,
.alpha-run-section,
.support-request-card,
.alpha-support-status-card,
.alpha-support-lane {
  border-radius: 12px;
}

.alpha-runs-list {
  gap: 10px;
}

.alpha-run-card {
  background:
    linear-gradient(90deg, rgba(25, 195, 125, 0.1), rgba(255, 255, 255, 0.04)),
    rgba(15, 18, 26, 0.82);
}

.alpha-run-card mark,
.state.prelaunch,
.state.in-progress,
.state.private-interest-only {
  background: rgba(25, 195, 125, 0.12);
  color: #8ff0be;
}

.state.disabled,
.state.pending,
.state.incomplete {
  background: rgba(240, 82, 82, 0.12);
  color: #ff9a9a;
}

.state.blocked,
.state.no-go,
.state.incomplete {
  border-color: rgba(240, 82, 82, 0.22);
}

.alpha-launch-access-grid,
.homepage-alpha-control-summary,
.artifact-grid {
  gap: 12px;
}

.pricing-grid,
.artifact-grid,
.alpha-product-readiness-grid,
.alpha-self-serve-readiness,
.alpha-executive-metrics {
  align-items: stretch;
}

@media (max-width: 1180px) {
  .alpha-product-panel-grid,
  .alpha-product-readiness-grid,
  .alpha-conversion-journey {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .alpha-design-showcase-grid,
  .alpha-design-showcase-head {
    grid-template-columns: 1fr;
  }

  .alpha-design-showcase-card:first-child {
    grid-row: auto;
  }

  .alpha-design-showcase-card:first-child img {
    min-height: 280px;
  }
}

@media (max-width: 820px) {
  .alpha-product-hero {
    min-height: auto;
    grid-template-columns: 1fr;
  }

  .alpha-product-panel-grid,
  .alpha-product-readiness-grid,
  .alpha-conversion-journey {
    grid-template-columns: 1fr;
  }

  .alpha-shell-nav a {
    flex-basis: 128px;
  }
}

@media (max-width: 560px) {
  .alpha-design-showcase-card img,
  .alpha-design-showcase-card:first-child img {
    min-height: 210px;
  }

  .alpha-shell-nav {
    margin-inline: -4px;
    border-radius: 12px;
  }
}

/* Veyact website finish pass: asset-led product composition without enabling live authority. */
.hero-home {
  grid-template-columns: minmax(0, 0.78fr) minmax(420px, 1.22fr);
  gap: clamp(34px, 6vw, 96px);
  align-items: center;
  padding-top: clamp(64px, 8vw, 104px);
  padding-bottom: clamp(48px, 7vw, 88px);
}

.hero-home .hero-copy {
  max-width: 760px;
}

.hero-home .hero-copy .lead {
  max-width: 680px;
}

.hero-signal-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  max-width: 720px;
  margin: 22px 0 8px;
  padding: 0;
  list-style: none;
}

.hero-signal-strip li {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  min-height: 56px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 10px;
  padding: 10px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.032)),
    rgba(15, 18, 26, 0.76);
  color: rgba(245, 247, 250, 0.78);
  font-size: 0.86rem;
  font-weight: 820;
  line-height: 1.2;
}

.hero-signal-strip img {
  width: 32px;
  height: 32px;
  padding: 7px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.065);
}

.homepage-brand-rail {
  display: grid;
  gap: clamp(18px, 3vw, 30px);
  border-block: 1px solid rgba(255, 255, 255, 0.08);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.018)),
    rgba(7, 8, 13, 0.78);
}

.homepage-brand-rail-head {
  display: grid;
  grid-template-columns: minmax(170px, 0.25fr) minmax(0, 1fr);
  gap: clamp(18px, 4vw, 56px);
  align-items: end;
}

.homepage-brand-rail-head img {
  display: block;
  width: min(220px, 68vw);
  height: auto;
}

.homepage-brand-rail-head div {
  display: grid;
  gap: 10px;
}

.homepage-brand-rail-head h2,
.homepage-brand-rail-head p {
  margin: 0;
}

.homepage-brand-rail-head h2 {
  max-width: 900px;
  color: #ffffff;
  font-size: clamp(2rem, 4vw, 4rem);
  line-height: 1;
  text-wrap: balance;
}

.homepage-brand-rail-head p:not(.eyebrow) {
  max-width: 830px;
  color: rgba(245, 247, 250, 0.68);
  line-height: 1.6;
}

.homepage-brand-rail-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.homepage-brand-rail-card {
  min-height: 230px;
  display: grid;
  align-content: start;
  gap: 11px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  padding: clamp(16px, 2vw, 22px);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.074), rgba(255, 255, 255, 0.032)),
    rgba(15, 18, 26, 0.78);
  box-shadow: 0 22px 64px rgba(0, 0, 0, 0.24);
  transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

.homepage-brand-rail-card:hover {
  border-color: rgba(25, 195, 125, 0.34);
  background:
    linear-gradient(180deg, rgba(25, 195, 125, 0.105), rgba(255, 255, 255, 0.036)),
    rgba(15, 18, 26, 0.88);
  transform: translateY(-2px);
}

.homepage-brand-rail-card img {
  width: 36px;
  height: 36px;
  object-fit: contain;
  padding: 7px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.065);
}

.homepage-brand-rail-card span {
  color: #19c37d;
  font-size: 0.73rem;
  font-weight: 900;
  text-transform: uppercase;
}

.homepage-brand-rail-card h3,
.homepage-brand-rail-card p {
  margin: 0;
}

.homepage-brand-rail-card h3 {
  color: #ffffff;
  font-size: 1.18rem;
}

.homepage-brand-rail-card p {
  color: rgba(245, 247, 250, 0.66);
  line-height: 1.52;
}

.alpha-runs-state-visual {
  display: grid;
  grid-template-columns: minmax(120px, 0.35fr) minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  margin: 0;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  padding: 14px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.064), rgba(255, 255, 255, 0.028)),
    rgba(15, 18, 26, 0.76);
}

.alpha-runs-state-visual img {
  display: block;
  width: 100%;
  max-height: 128px;
  object-fit: contain;
}

.alpha-runs-state-visual figcaption {
  display: grid;
  gap: 5px;
}

.alpha-runs-state-visual strong {
  color: #ffffff;
  font-size: 1rem;
}

.alpha-runs-state-visual span {
  color: rgba(245, 247, 250, 0.64);
  line-height: 1.45;
}

.alpha-disabled-action-visual {
  grid-column: span 2;
  min-height: 260px;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(240, 82, 82, 0.11), rgba(255, 255, 255, 0.03)),
    rgba(15, 18, 26, 0.82);
}

.alpha-disabled-action-visual img {
  display: block;
  width: min(220px, 70%);
  max-height: 150px;
  object-fit: contain;
  margin-bottom: 4px;
}

.alpha-disabled-action-visual h3 {
  max-width: 520px;
}

@media (max-width: 1080px) {
  .hero-home,
  .homepage-brand-rail-head {
    grid-template-columns: 1fr;
  }

  .homepage-brand-rail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .hero-signal-strip,
  .homepage-brand-rail-grid {
    grid-template-columns: 1fr;
  }

  .hero-home {
    padding-top: 42px;
  }

  .alpha-runs-state-visual {
    grid-template-columns: 1fr;
  }

  .alpha-runs-state-visual img {
    max-height: 170px;
  }

  .alpha-disabled-action-visual {
    grid-column: auto;
  }
}

/* Veyact Alpha shell visual pass: use the selected brand pack as the app surface, not just decoration. */
:root {
  --veyact-design-bg: #090A0F;
}

body {
  background:
    radial-gradient(circle at 16% -8%, rgba(91, 73, 234, 0.22), transparent 28rem),
    radial-gradient(circle at 84% 0%, rgba(62, 123, 250, 0.16), transparent 30rem),
    radial-gradient(circle at 54% 32rem, rgba(25, 195, 125, 0.08), transparent 34rem),
    linear-gradient(180deg, rgba(9, 10, 15, 0.94), rgba(9, 10, 15, 0.98)),
    url("/illustrations/background-pattern.png"),
    var(--veyact-design-bg);
  background-size: auto, auto, auto, auto, 760px auto, auto;
}

.alpha-product-hero {
  grid-template-columns: minmax(0, 0.94fr) minmax(360px, 0.78fr);
}

.hero,
.page-hero,
.alpha-product-hero,
.alpha-design-showcase,
.homepage-brand-rail,
.homepage-alpha-control-plane {
  background-color: var(--veyact-design-bg);
}

.hero::before,
.page-hero::before,
.alpha-product-hero::before {
  background:
    url("/brand/veyact-mark-light.svg") no-repeat right clamp(16px, 7vw, 96px) top clamp(32px, 8vw, 118px) / min(44vw, 520px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255, 255, 255, 0.028) 1px, transparent 1px);
  background-size: min(44vw, 520px), 72px 72px, 72px 72px;
  opacity: 0.22;
}

.alpha-product-hero-copy .eyebrow {
  width: max-content;
  max-width: 100%;
  border: 1px solid rgba(25, 195, 125, 0.22);
  border-radius: 999px;
  padding: 7px 10px;
  background: rgba(25, 195, 125, 0.08);
}

.hero-home .hero-copy,
.alpha-product-hero-copy {
  position: relative;
  isolation: isolate;
}

.hero-home .hero-copy::before,
.alpha-product-hero-copy::before {
  content: "";
  position: absolute;
  inset: clamp(-82px, -7vw, -44px) auto auto clamp(-52px, -5vw, -18px);
  z-index: 0;
  width: min(42vw, 420px);
  aspect-ratio: 1;
  background: url("/brand/veyact-mark-light.svg") no-repeat center / contain;
  opacity: 0.105;
  pointer-events: none;
}

.hero-home .hero-copy > *,
.alpha-product-hero-copy > * {
  position: relative;
  z-index: 1;
}

.alpha-product-hero-copy::before {
  width: min(36vw, 360px);
  opacity: 0.12;
}

.alpha-product-panel-logo {
  display: block;
  width: min(164px, 56vw);
  height: auto;
  margin-bottom: 10px;
}

.alpha-product-panel-figure {
  overflow: hidden;
  margin: 0;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  background:
    radial-gradient(circle at 18% 0%, rgba(91, 73, 234, 0.18), transparent 18rem),
    var(--veyact-design-bg);
}

.alpha-product-panel-figure .alpha-product-panel-visual {
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.alpha-product-panel-figure figcaption {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  padding: 11px 13px;
  color: rgba(245, 247, 250, 0.66);
  font-size: 0.86rem;
  line-height: 1.45;
}

.alpha-product-panel-next {
  display: grid;
  gap: 9px;
}

.alpha-product-panel-next article {
  display: grid;
  gap: 5px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 12px;
  padding: 12px;
  background: rgba(255, 255, 255, 0.04);
}

.alpha-product-panel-next p {
  margin: 0;
  color: rgba(245, 247, 250, 0.67);
  line-height: 1.48;
}

.alpha-product-readiness-strip.compact {
  padding-top: clamp(26px, 4vw, 44px);
  padding-bottom: clamp(26px, 4vw, 44px);
}

.alpha-product-readiness-strip.compact .section-heading {
  display: grid;
  grid-template-columns: minmax(220px, 0.5fr) minmax(0, 1fr);
  gap: clamp(18px, 4vw, 44px);
  align-items: end;
}

.alpha-product-readiness-strip.compact .section-heading h2 {
  font-size: clamp(1.45rem, 2.3vw, 2.55rem);
}

.alpha-product-readiness-strip.compact .alpha-product-readiness-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.alpha-product-readiness-strip.compact .alpha-product-readiness-card {
  min-height: 0;
}

.alpha-product-readiness-strip.compact .alpha-product-readiness-card p {
  margin-bottom: 0;
}

.alpha-shell-nav a.artifact-panel {
  box-shadow: none;
}

.alpha-shell-nav a.artifact-panel[aria-current="page"] {
  box-shadow:
    0 0 0 1px rgba(25, 195, 125, 0.16) inset,
    0 18px 42px rgba(25, 195, 125, 0.08);
}

.alpha-shell-nav a.artifact-panel small {
  letter-spacing: 0;
}

.footer-journey {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer-journey a {
  min-height: 58px;
  display: grid;
  gap: 5px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  padding: 10px;
  background: rgba(255, 255, 255, 0.04);
  color: rgba(245, 247, 250, 0.82);
  text-decoration: none;
  transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

.footer-journey a:hover,
.footer-journey a:focus-visible {
  border-color: rgba(25, 195, 125, 0.36);
  background: rgba(25, 195, 125, 0.08);
  transform: translateY(-1px);
}

.footer-journey span {
  color: var(--green);
  font-size: 0.68rem;
  font-weight: 900;
}

@media (max-width: 1040px) {
  .alpha-product-hero {
    grid-template-columns: 1fr;
  }

  .alpha-product-panel {
    max-width: 820px;
  }
}

@media (max-width: 760px) {
  .alpha-product-readiness-strip.compact .section-heading,
  .alpha-product-readiness-strip.compact .alpha-product-readiness-grid,
  .footer-journey {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .alpha-product-panel-next {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 460px) {
  .footer-journey {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  html,
  body,
  main {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  .site-header {
    grid-template-columns: 1fr;
    gap: 12px;
    padding-inline: 18px;
    overflow: hidden;
  }

  .brand-mark {
    width: max-content;
  }

  .site-nav {
    width: min(100%, calc(100vw - 36px)) !important;
    max-width: calc(100vw - 36px) !important;
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
  }

  .site-nav a {
    min-width: 0;
    min-height: 38px;
    padding-inline: 4px;
    border-radius: 8px;
    font-size: clamp(0.72rem, 3vw, 0.8rem);
    text-align: center;
    white-space: normal;
  }

  .hero,
  .page-hero,
  .alpha-product-hero {
    overflow-x: hidden;
  }

  .header-actions {
    width: min(100%, calc(100vw - 36px)) !important;
    max-width: calc(100vw - 36px) !important;
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .header-preview-link,
  .header-actions .header-cta {
    width: 100%;
  }

  .hero-home,
  .hero-home .hero-copy,
  .hero-home .hero-visual,
  .hero-home .action-row,
  .hero-signal-strip,
  .hero-product-shot,
  .hero-product-shot img {
    width: min(100%, calc(100vw - 36px)) !important;
    min-width: 0;
    max-width: calc(100vw - 36px) !important;
  }

  .hero-home .hero-copy h1,
  .hero-home .hero-copy .lead {
    width: min(100%, calc(100vw - 36px)) !important;
    max-width: calc(100vw - 36px) !important;
    overflow-wrap: anywhere;
  }

  .hero-home .hero-copy h1 {
    font-size: clamp(2.05rem, 10vw, 2.8rem);
    line-height: 1.04;
  }

  .hero-home .hero-copy .lead {
    font-size: 1rem;
    line-height: 1.45;
  }

  .hero-home .hero-copy::before {
    width: min(82vw, 320px);
  }
}

/* Final Veyact app-surface override: account, billing, and auth previews use the selected brand background and V mark. */
.alpha-auth-entry,
.alpha-auth-activation-console,
.alpha-auth-flow,
.account-readiness,
.billing-readiness {
  background-color: var(--veyact-design-bg, #090A0F);
}

.alpha-auth-entry {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background:
    radial-gradient(circle at 18% 0%, rgba(91, 73, 234, 0.22), transparent 26rem),
    radial-gradient(circle at 88% 18%, rgba(62, 123, 250, 0.14), transparent 24rem),
    linear-gradient(180deg, rgba(9, 10, 15, 0.95), rgba(9, 10, 15, 0.99)),
    url("/illustrations/background-pattern.png"),
    var(--veyact-design-bg, #090A0F);
  background-size: auto, auto, auto, 640px auto, auto;
}

.alpha-auth-entry::before {
  content: "";
  position: absolute;
  inset: auto clamp(20px, 8vw, 120px) clamp(-140px, -10vw, -70px) auto;
  z-index: -1;
  width: min(44vw, 460px);
  aspect-ratio: 1;
  background: url("/brand/veyact-mark-light.svg") no-repeat center / contain;
  opacity: 0.12;
  pointer-events: none;
}

.alpha-auth-panel,
.alpha-auth-provider-card,
.alpha-auth-provider-list article,
.alpha-auth-field-preview,
.alpha-auth-activation-rail li,
.alpha-auth-authority-gates,
.alpha-auth-authority-gates li,
.alpha-account-workspace-card,
.alpha-account-command-nav,
.alpha-account-launch-checklist,
.alpha-billing-lock-card,
.alpha-billing-readiness-list,
.alpha-billing-step {
  border-color: rgba(255, 255, 255, 0.11);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.035)),
    rgba(15, 18, 26, 0.82);
  color: var(--ink);
  box-shadow: 0 22px 62px rgba(0, 0, 0, 0.24);
}

.alpha-auth-panel {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-radius: 18px;
  background:
    radial-gradient(circle at 16% 0%, rgba(91, 73, 234, 0.28), transparent 18rem),
    radial-gradient(circle at 86% 16%, rgba(25, 195, 125, 0.12), transparent 15rem),
    linear-gradient(180deg, rgba(20, 23, 33, 0.98), rgba(8, 9, 14, 0.98));
}

.alpha-auth-panel::before {
  content: "";
  position: absolute;
  inset: -42px -38px auto auto;
  z-index: -1;
  width: min(58%, 260px);
  aspect-ratio: 1;
  background: url("/brand/veyact-mark-light.svg") no-repeat center / contain;
  opacity: 0.11;
  pointer-events: none;
}

.alpha-auth-panel-header {
  border-bottom-color: rgba(255, 255, 255, 0.09);
}

.alpha-auth-panel-brand {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: 12px;
}

.alpha-auth-panel-brand img,
.alpha-account-workspace-card > img,
.alpha-billing-lock-card > img {
  display: block;
  width: 42px;
  height: 42px;
  object-fit: contain;
  filter: drop-shadow(0 12px 26px rgba(91, 73, 234, 0.32));
}

.alpha-account-workspace-card > img,
.alpha-billing-lock-card > img {
  margin-bottom: 2px;
}

.alpha-auth-panel-header small {
  flex: 0 0 auto;
  border: 1px solid rgba(25, 195, 125, 0.18);
  border-radius: 999px;
  padding: 6px 9px;
  color: var(--green);
  background: rgba(25, 195, 125, 0.08);
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.alpha-auth-panel-header span,
.alpha-auth-field-preview span,
.alpha-auth-note,
.alpha-auth-provider-card p,
.alpha-auth-provider-list p,
.alpha-auth-provider-list small,
.alpha-auth-activation-rail p,
.alpha-auth-authority-gates li,
.alpha-account-workspace-card p,
.alpha-account-launch-checklist li,
.alpha-billing-readiness-list li,
.alpha-billing-step p {
  color: rgba(245, 247, 250, 0.66);
}

.alpha-auth-panel-header strong,
.alpha-auth-provider-list strong,
.alpha-auth-field-preview strong,
.alpha-auth-activation-rail strong,
.alpha-account-workspace-card strong,
.alpha-account-workspace-card dd,
.alpha-billing-lock-card strong,
.alpha-billing-step h3 {
  color: #ffffff;
}

.alpha-auth-provider-card span,
.alpha-auth-provider-list mark,
.alpha-auth-authority-gates > span,
.alpha-auth-activation-rail span,
.alpha-auth-field-preview small,
.alpha-account-launch-checklist > span,
.alpha-billing-readiness-list > span,
.alpha-billing-step mark {
  color: var(--green);
}

.alpha-auth-button-list button {
  border-color: rgba(255, 255, 255, 0.13);
  background: rgba(255, 255, 255, 0.055);
  color: rgba(245, 247, 250, 0.78);
  box-shadow: none;
  opacity: 1;
}

.alpha-auth-button-list button:first-child {
  border-color: rgba(91, 73, 234, 0.72);
  background: linear-gradient(135deg, rgba(91, 73, 234, 0.9), rgba(62, 123, 250, 0.86));
  color: #ffffff;
}

.alpha-auth-provider-list mark,
.alpha-auth-activation-rail mark,
.alpha-auth-field-preview small,
.alpha-billing-step mark,
.alpha-account-command-nav mark {
  border: 1px solid rgba(25, 195, 125, 0.18);
  background: rgba(25, 195, 125, 0.08);
}

.alpha-auth-field-preview {
  border-style: solid;
  border-color: rgba(91, 73, 234, 0.24);
}

.alpha-auth-activation-console,
.alpha-auth-flow {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0.01)),
    var(--veyact-design-bg, #090A0F);
}

.alpha-account-command-center,
.alpha-billing-operations {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.alpha-account-command-center::before,
.alpha-billing-operations::before {
  content: "";
  position: absolute;
  inset: -120px -80px auto auto;
  z-index: -1;
  width: min(38vw, 430px);
  aspect-ratio: 1;
  background: url("/brand/veyact-mark-light.svg") no-repeat center / contain;
  opacity: 0.09;
  pointer-events: none;
}

.alpha-account-workspace-card dl div,
.alpha-account-command-nav a,
.alpha-billing-plan-rows article {
  border-color: rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.055);
}

.alpha-account-command-nav a:hover,
.alpha-account-command-nav a:focus-visible {
  border-color: rgba(91, 73, 234, 0.45);
  background: rgba(91, 73, 234, 0.13);
}

.alpha-billing-plan-table > div:first-child,
.alpha-billing-state-table article {
  color: var(--ink);
}

.alpha-billing-lock-card,
.alpha-billing-readiness-list,
.alpha-account-launch-checklist {
  border-color: rgba(245, 181, 71, 0.24);
  background:
    linear-gradient(180deg, rgba(245, 181, 71, 0.11), rgba(255, 255, 255, 0.035)),
    rgba(15, 18, 26, 0.82);
}

@media (max-width: 720px) {
  .alpha-product-hero {
    grid-template-columns: minmax(0, 1fr) !important;
    padding-inline: 20px;
  }

  .page-hero,
  .alpha-product-hero,
  .alpha-product-hero-copy,
  .alpha-product-hero-copy .action-row,
  .alpha-product-panel {
    width: 100% !important;
    min-width: 0;
    max-width: 100% !important;
  }

  .page-hero h1,
  .alpha-product-hero-copy h1 {
    width: 100%;
    max-width: 100%;
    font-size: clamp(2.05rem, 10.5vw, 2.65rem);
    line-height: 1.02;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .page-hero .lead,
  .alpha-product-hero-copy .lead,
  .alpha-product-hero-copy > p:not(.eyebrow) {
    max-width: 100%;
    font-size: 1rem;
    line-height: 1.45;
    overflow-wrap: anywhere;
  }

  .alpha-product-hero-copy .action-row {
    grid-template-columns: 1fr;
  }

  .alpha-auth-panel-header {
    align-items: flex-start;
  }

  .alpha-auth-panel-brand {
    width: 100%;
  }

  .alpha-auth-panel-header small {
    width: max-content;
    max-width: 100%;
  }

  .alpha-auth-entry::before {
    width: min(84vw, 330px);
    opacity: 0.08;
  }
}

/* Veyact identity lockup pass: keep the selected #090A0F surface and V/action-path mark visible across the buyer journey. */
:root {
  --veyact-design-pattern: url("/illustrations/background-pattern.png");
  --veyact-design-mark: url("/brand/veyact-mark-light.svg");
}

.hero-brand-chip {
  width: max-content;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 18px;
  border: 1px solid rgba(245, 247, 250, 0.13);
  border-radius: 999px;
  padding: 7px 11px 7px 8px;
  background:
    linear-gradient(135deg, rgba(91, 73, 234, 0.2), rgba(25, 195, 125, 0.08)),
    rgba(9, 10, 15, 0.72);
  color: rgba(245, 247, 250, 0.88);
  box-shadow:
    0 18px 46px rgba(0, 0, 0, 0.24),
    0 0 0 1px rgba(255, 255, 255, 0.035) inset;
}

.hero-brand-chip img {
  display: block;
  width: 30px;
  height: 30px;
  object-fit: contain;
  filter: drop-shadow(0 10px 22px rgba(91, 73, 234, 0.38));
}

.hero-brand-chip span {
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.hero-home,
.page-hero,
.alpha-product-hero,
.alpha-design-showcase,
.homepage-brand-rail,
.homepage-alpha-control-plane,
.alpha-operating-room,
.alpha-self-serve-board,
.alpha-workflow-spine-section,
section[class*="alpha-app-"] {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(circle at 15% 2%, rgba(91, 73, 234, 0.2), transparent 27rem),
    radial-gradient(circle at 86% 8%, rgba(62, 123, 250, 0.14), transparent 30rem),
    linear-gradient(180deg, rgba(9, 10, 15, 0.9), rgba(9, 10, 15, 0.985)),
    var(--veyact-design-pattern),
    var(--veyact-design-bg, #090A0F);
  background-size: auto, auto, auto, 760px auto, auto;
  background-position: center top;
}

.hero-home::before,
.page-hero::before,
.alpha-product-hero::before,
.alpha-design-showcase::before,
.homepage-brand-rail::before,
.homepage-alpha-control-plane::before,
.alpha-operating-room::before,
.alpha-self-serve-board::before,
.alpha-workflow-spine-section::before,
section[class*="alpha-app-"]::before {
  content: "";
  position: absolute;
  inset: clamp(34px, 7vw, 110px) clamp(18px, 8vw, 132px) auto auto;
  z-index: -1;
  width: min(42vw, 520px);
  aspect-ratio: 1;
  background: var(--veyact-design-mark) no-repeat center / contain;
  opacity: 0.095;
  pointer-events: none;
}

.hero-home::before,
.alpha-product-hero::before {
  width: min(48vw, 620px);
  opacity: 0.13;
}

.hero-home::after,
.alpha-product-hero::after {
  z-index: -1;
}

.hero-home .hero-copy::before,
.alpha-product-hero-copy::before {
  opacity: 0.08;
}

.homepage-brand-rail-head img,
.alpha-design-showcase-head img,
.alpha-product-panel-logo,
.footer-logo img,
.brand-mark img {
  filter: drop-shadow(0 16px 36px rgba(91, 73, 234, 0.22));
}

.hero-product-shot,
.alpha-product-panel,
.alpha-design-showcase-card,
.homepage-brand-rail-card,
.homepage-alpha-control-panel,
.alpha-operating-room-board,
.alpha-self-serve-card,
.alpha-self-serve-ops,
.alpha-self-serve-path,
.alpha-self-serve-checklist,
.alpha-self-serve-locks,
.alpha-workflow-spine a,
section[class*="alpha-app-"] :is(article, aside, li, div):where([class*="card"], [class*="panel"], [class*="grid"] > *, [class*="list"] > *, [class*="steps"] > *, [class*="row"]) {
  backdrop-filter: blur(10px);
}

@media (max-width: 720px) {
  .hero-brand-chip {
    margin-bottom: 14px;
  }

  .hero-brand-chip img {
    width: 26px;
    height: 26px;
  }

  .hero-brand-chip span {
    font-size: 0.68rem;
  }

  .hero-home::before,
  .page-hero::before,
  .alpha-product-hero::before,
  .alpha-design-showcase::before,
  .homepage-brand-rail::before,
  .homepage-alpha-control-plane::before,
  .alpha-operating-room::before,
  .alpha-self-serve-board::before,
  .alpha-workflow-spine-section::before,
  section[class*="alpha-app-"]::before {
    inset: auto -18vw -10vw auto;
    width: min(86vw, 360px);
    opacity: 0.07;
  }

  .alpha-product-hero {
    width: 100% !important;
    max-width: 100vw !important;
    padding-inline: 20px !important;
  }

  .alpha-product-hero-copy,
  .alpha-product-panel {
    width: min(100%, 21rem) !important;
    max-width: min(100%, 21rem) !important;
  }

  .alpha-product-hero-copy h1,
  .alpha-product-hero-copy .lead,
  .alpha-product-hero-copy > p:not(.eyebrow) {
    width: 100% !important;
    max-width: 100% !important;
    overflow-wrap: anywhere;
  }
}

/* Veyact review-center lockup: keep docs, status, and contact on the supplied dark V-mark system. */
.enterprise-review-center {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background:
    radial-gradient(circle at 14% 6%, rgba(91, 73, 234, 0.2), transparent 26rem),
    radial-gradient(circle at 90% 14%, rgba(25, 195, 125, 0.11), transparent 24rem),
    linear-gradient(180deg, rgba(9, 10, 15, 0.94), rgba(9, 10, 15, 0.99)),
    var(--veyact-design-pattern),
    var(--veyact-design-bg, #090A0F);
  background-size: auto, auto, auto, 760px auto, auto;
  color: var(--ink);
}

.enterprise-review-center::before {
  content: "";
  position: absolute;
  inset: clamp(22px, 6vw, 90px) clamp(18px, 8vw, 130px) auto auto;
  z-index: -1;
  width: min(40vw, 500px);
  aspect-ratio: 1;
  background: var(--veyact-design-mark) no-repeat center / contain;
  opacity: 0.1;
  pointer-events: none;
}

.enterprise-review-brand {
  width: max-content;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  border: 1px solid rgba(245, 247, 250, 0.12);
  border-radius: 999px;
  padding: 7px 12px 7px 8px;
  background:
    linear-gradient(135deg, rgba(91, 73, 234, 0.2), rgba(25, 195, 125, 0.08)),
    rgba(9, 10, 15, 0.74);
  color: rgba(245, 247, 250, 0.86);
}

.enterprise-review-brand img {
  display: block;
  width: 28px;
  height: 28px;
  object-fit: contain;
  filter: drop-shadow(0 10px 22px rgba(91, 73, 234, 0.36));
}

.enterprise-review-brand span {
  font-size: 0.74rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.enterprise-review-signals article,
.enterprise-review-path a,
.enterprise-review-handoff {
  border-color: rgba(255, 255, 255, 0.11);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.035)),
    rgba(15, 18, 26, 0.82);
  color: var(--ink);
  box-shadow: 0 22px 62px rgba(0, 0, 0, 0.24);
}

.enterprise-review-head > p,
.enterprise-review-signals p,
.enterprise-review-path p,
.enterprise-review-handoff li,
.enterprise-review-handoff p {
  color: rgba(245, 247, 250, 0.66);
}

.enterprise-review-signals span,
.enterprise-review-path span,
.enterprise-review-handoff > span {
  color: var(--green);
}

@media (max-width: 720px) {
  .enterprise-review-center::before {
    inset: auto -20vw -8vw auto;
    width: min(86vw, 360px);
    opacity: 0.07;
  }

  .enterprise-review-brand img {
    width: 25px;
    height: 25px;
  }

  .enterprise-review-brand span {
    font-size: 0.66rem;
  }
}

/* Veyact active-surface polish: keep the product shell on the supplied dark V-mark system. */
.site-header {
  border-bottom-color: rgba(245, 247, 250, 0.1);
  background:
    linear-gradient(180deg, rgba(9, 10, 15, 0.94), rgba(9, 10, 15, 0.78)),
    var(--veyact-design-pattern),
    rgba(9, 10, 15, 0.9);
  background-size: auto, 720px auto, auto;
  box-shadow:
    0 1px 0 rgba(245, 247, 250, 0.06),
    0 18px 56px rgba(0, 0, 0, 0.22);
}

.brand-mark span {
  color: rgba(245, 247, 250, 0.72);
}

.site-nav {
  justify-content: center;
  gap: 4px;
}

.site-nav a {
  color: rgba(245, 247, 250, 0.68);
}

.site-nav a[aria-current="page"],
.site-nav a:hover {
  color: var(--ink);
  background: rgba(245, 247, 250, 0.08);
}

.header-preview-link {
  border-color: rgba(245, 247, 250, 0.12);
  background: rgba(245, 247, 250, 0.055);
  color: var(--ink);
}

.header-preview-link:hover {
  border-color: rgba(245, 247, 250, 0.24);
  background: rgba(245, 247, 250, 0.095);
}

.header-cta,
.button {
  background: linear-gradient(135deg, var(--accent), var(--blue));
  box-shadow: 0 16px 34px rgba(91, 73, 234, 0.28);
}

.button.ghost {
  border-color: rgba(245, 247, 250, 0.16);
  color: var(--ink);
}

.button.ghost:hover {
  border-color: rgba(245, 247, 250, 0.28);
  background: rgba(245, 247, 250, 0.08);
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.2);
}

.hero {
  border-bottom-color: rgba(245, 247, 250, 0.08);
}

.hero-home {
  min-height: clamp(620px, calc(88svh - 72px), 820px);
}

.hero-home h1,
.alpha-product-hero h1,
.page-hero h1 {
  max-width: 11.5em;
}

.hero-home .lead,
.alpha-product-hero .lead,
.page-hero p {
  max-width: 720px;
  color: rgba(245, 247, 250, 0.84);
}

.hero-signal-strip li,
.hero-product-shot,
.runrail-dashboard-visual {
  border-color: rgba(245, 247, 250, 0.12);
  background:
    linear-gradient(180deg, rgba(245, 247, 250, 0.08), rgba(245, 247, 250, 0.035)),
    rgba(15, 18, 26, 0.86);
  box-shadow: 0 26px 76px rgba(0, 0, 0, 0.32);
}

.hero-product-shot figcaption {
  border-top: 1px solid rgba(245, 247, 250, 0.08);
  background: rgba(9, 10, 15, 0.8);
}

.alpha-product-hero {
  grid-template-columns: minmax(0, 0.92fr) minmax(380px, 0.82fr);
  align-items: center;
}

.alpha-product-hero-copy > p:not(.eyebrow):not(.lead) {
  max-width: 680px;
  color: rgba(245, 247, 250, 0.68);
}

.alpha-product-panel,
.alpha-product-panel-top,
.alpha-product-panel-footer,
.alpha-product-panel-grid div,
.alpha-product-panel-next article,
.alpha-product-readiness-card,
.alpha-conversion-journey-head aside,
.alpha-conversion-journey-bottom article,
.alpha-conversion-journey a,
.alpha-workflow-spine a,
.alpha-self-serve-card,
.alpha-self-serve-ops,
.alpha-self-serve-ops article,
.alpha-self-serve-path,
.alpha-self-serve-checklist,
.alpha-self-serve-locks,
.alpha-self-serve-path li,
.alpha-self-serve-checklist li,
.alpha-self-serve-locks li,
.alpha-executive-head aside,
.alpha-executive-metric,
.alpha-executive-path,
.alpha-executive-queue,
.alpha-executive-queue article,
.alpha-executive-list,
.alpha-executive-path li,
.alpha-executive-list li,
.alpha-workspace-console-stat,
.alpha-workspace-console-area,
.alpha-workspace-console-actions,
.alpha-workspace-console-actions article,
.alpha-workspace-console-channels,
.alpha-workspace-console-channels article,
.alpha-workspace-console-guardrails,
.alpha-workspace-console-guardrails li,
.alpha-app-status-grid div,
.alpha-app-step,
.alpha-app-mode-option,
.artifact-panel,
.capability,
.tier-card {
  border-color: rgba(245, 247, 250, 0.11);
  background:
    linear-gradient(180deg, rgba(245, 247, 250, 0.08), rgba(245, 247, 250, 0.035)),
    rgba(15, 18, 26, 0.84);
  color: var(--ink);
  box-shadow:
    0 20px 60px rgba(0, 0, 0, 0.22),
    0 0 0 1px rgba(245, 247, 250, 0.02) inset;
}

.alpha-product-panel strong,
.alpha-product-panel-grid div strong,
.alpha-product-panel-next p,
.alpha-product-readiness-card strong,
.alpha-conversion-journey strong,
.alpha-workflow-spine p,
.alpha-self-serve-card h3,
.alpha-self-serve-card p strong,
.alpha-self-serve-path li span,
.alpha-executive-head aside strong,
.alpha-executive-metric strong,
.alpha-executive-panel-head strong,
.alpha-executive-path li span,
.alpha-executive-queue article strong,
.alpha-workspace-console-stat strong,
.alpha-workspace-console-area h3,
.alpha-workspace-console-channels h3,
.alpha-app-status-grid strong,
.artifact-panel h3,
.capability h3,
.tier-card h3 {
  color: var(--ink);
}

.alpha-product-panel p,
.alpha-product-panel-footer p,
.alpha-product-readiness-card p,
.alpha-conversion-journey p,
.alpha-conversion-journey-head aside p,
.alpha-conversion-journey-bottom p,
.alpha-self-serve-card p,
.alpha-self-serve-ops p,
.alpha-self-serve-ops small,
.alpha-self-serve-checklist li,
.alpha-self-serve-locks li,
.alpha-executive-head aside p,
.alpha-executive-metric p,
.alpha-executive-queue p,
.alpha-executive-queue small,
.alpha-executive-list li,
.alpha-workspace-console-stat p,
.alpha-workspace-console-area p,
.alpha-workspace-console-actions p,
.alpha-workspace-console-channels p,
.alpha-workspace-console-guardrails li,
.artifact-panel p,
.capability p,
.tier-card p {
  color: rgba(245, 247, 250, 0.66);
}

.alpha-product-panel span,
.alpha-product-panel small,
.alpha-product-readiness-card span,
.alpha-conversion-journey-head aside span,
.alpha-conversion-journey-bottom span,
.alpha-conversion-journey small,
.alpha-workflow-spine span,
.alpha-self-serve-card span,
.alpha-self-serve-ops > span,
.alpha-self-serve-path > span,
.alpha-self-serve-checklist > span,
.alpha-self-serve-locks > span,
.alpha-executive-head aside span,
.alpha-executive-metric span,
.alpha-executive-panel-head span,
.alpha-executive-list > span,
.alpha-workspace-console-stat span,
.alpha-workspace-console-area span,
.alpha-workspace-console-actions > span,
.alpha-workspace-console-channels > span,
.alpha-workspace-console-guardrails > span,
.artifact-panel span,
.capability span,
.tier-card span {
  color: var(--green);
}

.alpha-product-panel mark,
.alpha-self-serve-ops mark,
.alpha-executive-queue mark,
.alpha-workspace-console-actions mark {
  background: rgba(245, 181, 71, 0.14);
  color: var(--amber);
}

.alpha-product-readiness-strip,
.alpha-conversion-journey-section,
.alpha-activation-cockpit,
.alpha-executive-deck,
.alpha-workspace-console,
.alpha-app-mode-picker,
.proof-band,
.account-readiness,
.billing-readiness {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(circle at 12% 0%, rgba(91, 73, 234, 0.15), transparent 25rem),
    radial-gradient(circle at 90% 16%, rgba(25, 195, 125, 0.09), transparent 24rem),
    linear-gradient(180deg, rgba(9, 10, 15, 0.92), rgba(9, 10, 15, 0.985)),
    var(--veyact-design-pattern),
    var(--veyact-design-bg, #090A0F);
  background-size: auto, auto, auto, 760px auto, auto;
  border-color: rgba(245, 247, 250, 0.08);
}

.alpha-product-readiness-strip::before,
.alpha-conversion-journey-section::before,
.alpha-executive-deck::before,
.alpha-workspace-console::before,
.proof-band::before {
  content: "";
  position: absolute;
  inset: auto -8vw -12vw auto;
  z-index: -1;
  width: min(38vw, 460px);
  aspect-ratio: 1;
  background: var(--veyact-design-mark) no-repeat center / contain;
  opacity: 0.055;
  pointer-events: none;
}

.alpha-conversion-journey {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.alpha-conversion-journey a {
  min-height: 150px;
}

.alpha-conversion-journey a:hover,
.alpha-conversion-journey a:focus-visible,
.alpha-conversion-journey li.is-active a,
.alpha-workflow-spine a:hover,
.alpha-workflow-spine a:focus-visible,
.alpha-workflow-spine li.is-active a {
  border-color: rgba(91, 73, 234, 0.62);
  box-shadow:
    0 24px 70px rgba(91, 73, 234, 0.16),
    0 0 0 1px rgba(245, 247, 250, 0.035) inset;
}

.alpha-conversion-journey span,
.alpha-workflow-spine strong {
  background: rgba(91, 73, 234, 0.16);
  color: var(--ink);
}

@media (max-width: 1120px) {
  .site-header {
    grid-template-columns: 1fr;
    justify-items: stretch;
  }

  .site-nav,
  .header-actions {
    justify-content: flex-start;
    overflow-x: auto;
    padding-bottom: 2px;
  }

  .alpha-conversion-journey {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .site-header {
    padding: 14px 18px;
    gap: 12px;
  }

  .site-nav a,
  .header-preview-link,
  .header-cta {
    min-height: 38px;
    padding-inline: 11px;
    font-size: 0.84rem;
  }

  .alpha-conversion-journey,
  .alpha-conversion-journey-bottom {
    grid-template-columns: 1fr;
  }
}

/* Veyact Alpha journey navigation: keep the supplied dark surface, pattern, and V mark as the product frame. */
.alpha-shell-nav {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(240px, 0.8fr) repeat(5, minmax(154px, 1fr));
  gap: 10px;
  overflow: hidden;
  padding: 12px;
  border: 1px solid rgba(245, 247, 250, 0.12);
  border-radius: 16px;
  background:
    radial-gradient(circle at 8% 0%, rgba(91, 73, 234, 0.22), transparent 23rem),
    radial-gradient(circle at 92% 20%, rgba(25, 195, 125, 0.1), transparent 20rem),
    linear-gradient(180deg, rgba(9, 10, 15, 0.88), rgba(9, 10, 15, 0.98)),
    var(--veyact-design-pattern),
    var(--veyact-design-bg, #090A0F);
  background-size: auto, auto, auto, 700px auto, auto;
  box-shadow:
    0 28px 86px rgba(0, 0, 0, 0.34),
    0 0 0 1px rgba(245, 247, 250, 0.025) inset;
}

.alpha-route-nav-only {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-block: clamp(22px, 4vw, 46px);
}

.alpha-route-nav-only .alpha-shell-nav {
  position: relative;
  z-index: 1;
  margin: 0;
}

.alpha-shell-nav::before {
  content: "";
  position: absolute;
  inset: auto -70px -150px auto;
  z-index: -1;
  width: min(42vw, 520px);
  aspect-ratio: 1;
  background: var(--veyact-design-mark) no-repeat center / contain;
  opacity: 0.08;
  pointer-events: none;
}

.alpha-shell-nav-brand,
.alpha-shell-nav-group {
  min-width: 0;
  border: 1px solid rgba(245, 247, 250, 0.1);
  border-radius: 12px;
  background:
    linear-gradient(180deg, rgba(245, 247, 250, 0.075), rgba(245, 247, 250, 0.032)),
    rgba(15, 18, 26, 0.82);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.22);
}

.alpha-shell-nav-brand {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px;
}

.alpha-shell-nav-brand img {
  flex: 0 0 auto;
  width: 42px;
  height: 42px;
  object-fit: contain;
  filter: drop-shadow(0 16px 32px rgba(91, 73, 234, 0.38));
}

.alpha-shell-nav-brand span,
.alpha-shell-nav-group-head span {
  display: block;
  color: var(--green);
  font-size: 0.7rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.alpha-shell-nav-brand strong {
  display: block;
  margin-top: 5px;
  color: var(--ink);
  font-size: clamp(0.95rem, 1.2vw, 1.15rem);
  line-height: 1.16;
}

.alpha-shell-nav-group {
  display: grid;
  align-content: start;
  gap: 10px;
  padding: 12px;
}

.alpha-shell-nav-group.is-active {
  border-color: rgba(25, 195, 125, 0.34);
  background:
    linear-gradient(180deg, rgba(25, 195, 125, 0.11), rgba(245, 247, 250, 0.035)),
    rgba(15, 18, 26, 0.88);
}

.alpha-shell-nav-group-head {
  display: grid;
  gap: 5px;
}

.alpha-shell-nav-group-head strong {
  color: #ffffff;
  font-size: 0.98rem;
  line-height: 1.15;
}

.alpha-shell-nav-group-head p {
  margin: 0;
  color: rgba(245, 247, 250, 0.6);
  font-size: 0.82rem;
  line-height: 1.35;
}

.alpha-shell-nav-links {
  display: grid;
  gap: 7px;
}

.alpha-shell-nav-links a,
.alpha-shell-nav a {
  min-width: 0;
}

.alpha-shell-nav-links a {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  min-height: 42px;
  border: 1px solid rgba(245, 247, 250, 0.09);
  border-radius: 9px;
  padding: 7px 8px;
  background: rgba(255, 255, 255, 0.035);
  color: var(--ink);
  text-decoration: none;
  transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

.alpha-shell-nav-links a:hover,
.alpha-shell-nav-links a:focus-visible {
  border-color: rgba(91, 73, 234, 0.54);
  background: rgba(91, 73, 234, 0.14);
  transform: translateY(-1px);
}

.alpha-shell-nav-links a.is-active {
  border-color: rgba(25, 195, 125, 0.5);
  background: rgba(25, 195, 125, 0.13);
}

.alpha-shell-nav-links img {
  width: 28px;
  height: 28px;
  padding: 6px;
}

.alpha-shell-nav-links span {
  color: #ffffff;
  font-size: 0.86rem;
  font-weight: 850;
  line-height: 1.1;
}

.alpha-shell-nav-links small {
  color: rgba(245, 247, 250, 0.52);
  font-size: 0.66rem;
  font-weight: 900;
  text-transform: uppercase;
}

@media (max-width: 1280px) {
  .alpha-shell-nav {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .alpha-shell-nav-brand {
    grid-column: 1 / -1;
  }
}

@media (max-width: 860px) {
  .alpha-shell-nav {
    grid-template-columns: 1fr;
    overflow: hidden;
  }

  .alpha-shell-nav-brand {
    align-items: flex-start;
  }
}

@media (max-width: 560px) {
  .alpha-shell-nav {
    padding: 10px;
    border-radius: 13px;
  }

  .alpha-shell-nav::before {
    inset: auto -120px -130px auto;
    width: 330px;
    opacity: 0.06;
  }

  .alpha-shell-nav-links a {
    grid-template-columns: 26px minmax(0, 1fr);
  }

  .alpha-shell-nav-links small {
    grid-column: 2;
  }
}

/* Veyact homepage clarity pass: one buyer journey, less proof-panel density. */
.homepage-alpha-control-plane {
  gap: clamp(20px, 3vw, 34px);
}

.homepage-alpha-control-head {
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.42fr);
  align-items: end;
}

.homepage-alpha-control-head h2 {
  max-width: 840px;
}

.homepage-alpha-control-head p {
  max-width: 66ch;
}

.homepage-alpha-control-head aside {
  min-height: 0;
  align-content: start;
  border-color: rgba(25, 195, 125, 0.2);
  background:
    linear-gradient(180deg, rgba(25, 195, 125, 0.105), rgba(245, 247, 250, 0.034)),
    rgba(15, 18, 26, 0.84);
}

.homepage-alpha-control-summary {
  gap: 10px;
  margin-top: 22px;
}

.homepage-alpha-control-summary article {
  min-height: 118px;
  gap: 7px;
  padding: 14px;
}

.homepage-alpha-control-summary strong {
  font-size: 1.08rem;
}

.homepage-alpha-control-summary p {
  font-size: 0.86rem;
  line-height: 1.42;
}

.homepage-alpha-control-body {
  grid-template-columns: minmax(0, 1.18fr) minmax(280px, 0.62fr);
  gap: 14px;
  margin-top: 14px;
}

.homepage-alpha-path-card {
  min-height: 164px;
  gap: 10px;
  padding: 17px;
}

.homepage-alpha-path-card strong {
  font-size: 1.04rem;
}

.homepage-alpha-path-card p {
  font-size: 0.88rem;
  line-height: 1.45;
}

.homepage-alpha-control-panel {
  gap: 12px;
  padding: 18px;
}

.homepage-alpha-control-list {
  gap: 8px;
}

.homepage-alpha-control-list a {
  min-height: 66px;
  gap: 5px;
  padding: 10px;
}

.homepage-alpha-control-list strong {
  font-size: 0.86rem;
}

.homepage-alpha-lock-note {
  border-top: 1px solid rgba(245, 247, 250, 0.09);
  padding-top: 12px;
  font-size: 0.84rem !important;
  line-height: 1.48;
}

@media (max-width: 1080px) {
  .homepage-alpha-control-head,
  .homepage-alpha-control-body {
    grid-template-columns: 1fr;
  }

  .homepage-alpha-control-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .homepage-alpha-control-summary,
  .homepage-alpha-path,
  .homepage-alpha-control-list {
    grid-template-columns: 1fr;
  }
}

/* Veyact enterprise navigation pass: fewer surprises from header to Alpha app shell. */
.site-header {
  grid-template-columns: minmax(170px, auto) minmax(0, 1fr) auto;
  gap: clamp(12px, 2vw, 22px);
}

.site-nav {
  justify-content: center;
  gap: 3px;
}

.site-nav a {
  min-height: 38px;
  border: 1px solid transparent;
  border-radius: 999px;
  padding-inline: clamp(8px, 0.9vw, 13px);
  font-size: clamp(0.78rem, 0.72vw, 0.9rem);
}

.site-nav a[aria-current="page"],
.site-nav a:hover {
  border-color: rgba(245, 247, 250, 0.12);
  background:
    linear-gradient(180deg, rgba(245, 247, 250, 0.085), rgba(245, 247, 250, 0.035)),
    rgba(9, 10, 15, 0.34);
}

.header-actions {
  gap: 8px;
}

.header-preview-link,
.header-cta {
  min-height: 38px;
  border-radius: 999px;
  padding-inline: 13px;
  font-size: 0.84rem;
}

.alpha-shell-nav-brand {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: center;
}

.alpha-shell-journey-meter {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 5px;
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
}

.alpha-shell-journey-meter li {
  min-width: 0;
  border: 1px solid rgba(245, 247, 250, 0.08);
  border-radius: 999px;
  padding: 5px 6px;
  background: rgba(245, 247, 250, 0.045);
  color: rgba(245, 247, 250, 0.66);
  font-size: 0.62rem;
  font-weight: 850;
  line-height: 1;
  text-align: center;
}

.alpha-shell-journey-meter li:nth-child(1),
.alpha-shell-journey-meter li:nth-child(4),
.alpha-shell-journey-meter li:nth-child(7) {
  border-color: rgba(91, 73, 234, 0.22);
  background: rgba(91, 73, 234, 0.095);
  color: rgba(245, 247, 250, 0.86);
}

.site-footer {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.site-footer::before {
  content: "";
  position: absolute;
  inset: auto clamp(18px, 8vw, 120px) -180px auto;
  z-index: -1;
  width: min(44vw, 520px);
  aspect-ratio: 1;
  background: var(--veyact-design-mark) no-repeat center / contain;
  opacity: 0.07;
  pointer-events: none;
}

@media (max-width: 1180px) {
  .site-header {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .brand-mark,
  .header-actions {
    justify-self: start;
  }

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

@media (max-width: 720px) {
  .alpha-shell-journey-meter {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .alpha-shell-journey-meter li:last-child {
    grid-column: 1 / -1;
  }
}

/* Veyact design consolidation: keep every buyer-facing app surface on the selected dark V/action-path system. */
.section,
.page-hero,
.alpha-auth-entry,
.alpha-auth-activation-console,
.alpha-auth-flow,
.account-readiness,
.billing-readiness,
.alpha-run-workbench,
.alpha-product-readiness-strip,
.alpha-conversion-journey-section,
.alpha-activation-cockpit,
.alpha-launch-access,
.alpha-executive-deck,
.alpha-workspace-console,
.proof-band {
  color: var(--ink);
}

.alpha-auth-entry,
.alpha-auth-activation-console,
.alpha-auth-flow,
.account-readiness,
.billing-readiness,
.alpha-run-workbench,
.alpha-product-readiness-strip,
.alpha-conversion-journey-section,
.alpha-activation-cockpit,
.alpha-launch-access,
.alpha-executive-deck,
.alpha-workspace-console,
.proof-band,
.final-cta {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: rgba(245, 247, 250, 0.08);
  background:
    radial-gradient(circle at 16% 0%, rgba(91, 73, 234, 0.18), transparent 27rem),
    radial-gradient(circle at 88% 14%, rgba(62, 123, 250, 0.12), transparent 28rem),
    linear-gradient(180deg, rgba(9, 10, 15, 0.94), rgba(9, 10, 15, 0.99)),
    var(--veyact-design-pattern),
    var(--paper);
  background-size: auto, auto, auto, 760px auto, auto;
}

.alpha-auth-entry::after,
.alpha-auth-activation-console::after,
.alpha-auth-flow::after,
.account-readiness::after,
.billing-readiness::after,
.alpha-run-workbench::after,
.alpha-product-readiness-strip::after,
.alpha-launch-access::after,
.proof-band::after,
.final-cta::after {
  content: "";
  position: absolute;
  inset: auto clamp(18px, 8vw, 126px) -18vw auto;
  z-index: -1;
  width: min(44vw, 520px);
  aspect-ratio: 1;
  background: var(--veyact-design-mark) no-repeat center / contain;
  opacity: 0.07;
  pointer-events: none;
}

.capability,
.tier,
.principles article,
.faq-item,
.artifact-panel,
.alpha-auth-panel,
.alpha-auth-provider-card,
.alpha-auth-provider-list article,
.alpha-auth-field-preview,
.alpha-auth-activation-rail li,
.alpha-auth-authority-gates,
.alpha-auth-authority-gates li,
.alpha-account-command-center,
.alpha-account-workspace-card,
.alpha-account-summary-grid article,
.alpha-account-command-nav,
.alpha-account-command-nav a,
.alpha-account-command-main article,
.alpha-account-launch-checklist,
.alpha-billing-operations,
.alpha-billing-lock-card,
.alpha-billing-summary-grid article,
.alpha-billing-ops-grid article,
.alpha-billing-plan-table,
.alpha-billing-plan-rows article,
.alpha-billing-state-table article,
.alpha-billing-readiness-list,
.alpha-billing-step,
.alpha-control-plane-card,
.alpha-disabled-action-card,
.alpha-run-request-card,
.alpha-run-workbench-panel,
.alpha-run-workbench-lifecycle li,
.alpha-run-workbench-disabled,
.alpha-run-workbench-export,
.alpha-run-workbench-guardrails,
.alpha-run-workbench-disabled article,
.alpha-run-workbench-export li,
.alpha-run-workbench-guardrails li,
.alpha-run-command,
.alpha-run-lifecycle li,
.alpha-trace-timeline > li,
.alpha-export-manifest > div,
.support-triage-timeline li,
.support-request-card,
.support-readiness-grid > *,
.support-request-grid > * {
  border-color: rgba(245, 247, 250, 0.11);
  background:
    linear-gradient(180deg, rgba(245, 247, 250, 0.075), rgba(245, 247, 250, 0.035)),
    rgba(15, 18, 26, 0.84);
  color: var(--ink);
  box-shadow:
    0 20px 60px rgba(0, 0, 0, 0.24),
    0 0 0 1px rgba(245, 247, 250, 0.02) inset;
}

.alpha-auth-panel,
.alpha-account-command-center,
.alpha-billing-operations,
.alpha-run-workbench.compact {
  border-radius: 18px;
  background:
    radial-gradient(circle at 12% 0%, rgba(91, 73, 234, 0.2), transparent 18rem),
    radial-gradient(circle at 86% 12%, rgba(25, 195, 125, 0.09), transparent 16rem),
    linear-gradient(180deg, rgba(20, 23, 33, 0.97), rgba(8, 9, 14, 0.98));
}

.alpha-account-command-center::after,
.alpha-billing-operations::after,
.alpha-auth-panel::after {
  content: "";
  position: absolute;
  inset: -90px -70px auto auto;
  z-index: -1;
  width: min(36vw, 390px);
  aspect-ratio: 1;
  background: var(--veyact-design-mark) no-repeat center / contain;
  opacity: 0.08;
  pointer-events: none;
}

.alpha-auth-panel,
.alpha-account-command-center,
.alpha-billing-operations {
  position: relative;
  isolation: isolate;
}

.capability h3,
.tier h3,
.principles article h3,
.faq-item h3,
.artifact-panel h3,
.artifact-panel strong,
.alpha-auth-panel-header strong,
.alpha-auth-provider-list strong,
.alpha-auth-field-preview strong,
.alpha-auth-activation-rail strong,
.alpha-account-workspace-card strong,
.alpha-account-workspace-card dd,
.alpha-account-summary-grid strong,
.alpha-account-command-main h3,
.alpha-billing-lock-card strong,
.alpha-billing-summary-grid strong,
.alpha-billing-ops-grid h3,
.alpha-billing-ops-grid strong,
.alpha-billing-plan-table h3,
.alpha-billing-plan-table > div:first-child strong,
.alpha-billing-plan-rows strong,
.alpha-billing-state-table strong,
.alpha-billing-step h3,
.alpha-control-plane-card h3,
.alpha-disabled-action-card h3,
.alpha-run-request-card h3,
.alpha-run-request-card dd,
.alpha-run-workbench-lifecycle strong,
.alpha-run-workbench-disabled strong,
.alpha-run-command h3,
.alpha-run-lifecycle strong,
.alpha-trace-timeline h3,
.alpha-export-manifest dd,
.support-triage-timeline h3 {
  color: var(--ink);
}

.capability p,
.tier p,
.principles article p,
.faq-item p,
.artifact-panel p,
.alpha-auth-copy p,
.alpha-auth-note,
.alpha-auth-provider-card p,
.alpha-auth-provider-list p,
.alpha-auth-provider-list small,
.alpha-auth-activation-rail p,
.alpha-auth-authority-gates li,
.alpha-account-command-head p,
.alpha-account-workspace-card p,
.alpha-account-summary-grid p,
.alpha-account-command-main p,
.alpha-account-command-main small,
.alpha-account-launch-checklist li,
.alpha-billing-operations-head p,
.alpha-billing-lock-card p,
.alpha-billing-summary-grid p,
.alpha-billing-ops-grid p,
.alpha-billing-ops-grid small,
.alpha-billing-plan-table p,
.alpha-billing-plan-rows p,
.alpha-billing-state-table p,
.alpha-billing-readiness-list li,
.alpha-billing-step p,
.alpha-control-plane-card p,
.alpha-disabled-action-card p,
.alpha-run-command p,
.alpha-run-lifecycle span,
.alpha-trace-timeline p,
.support-triage-timeline p {
  color: rgba(245, 247, 250, 0.66);
}

.artifact-panel span,
.alpha-auth-provider-card span,
.alpha-auth-provider-list mark,
.alpha-auth-field-preview span,
.alpha-auth-field-preview small,
.alpha-auth-activation-rail span,
.alpha-auth-authority-gates > span,
.alpha-account-workspace-card span,
.alpha-account-summary-grid span,
.alpha-account-command-main span,
.alpha-account-launch-checklist > span,
.alpha-billing-lock-card span,
.alpha-billing-summary-grid span,
.alpha-billing-ops-grid span,
.alpha-billing-plan-table > div:first-child span,
.alpha-billing-plan-rows span,
.alpha-billing-state-table span,
.alpha-billing-readiness-list > span,
.alpha-control-plane-card span,
.alpha-disabled-action-card span,
.alpha-run-request-card span,
.alpha-run-request-card dt,
.alpha-run-workbench-panel span,
.alpha-run-workbench-lifecycle span,
.alpha-run-workbench-disabled > span,
.alpha-run-workbench-export > span,
.alpha-run-workbench-guardrails > span,
.alpha-run-command span,
.alpha-trace-timeline > li > span,
.alpha-export-manifest dt,
.support-triage-timeline li > span {
  color: var(--green);
}

.alpha-auth-provider-list mark,
.alpha-auth-activation-rail mark,
.alpha-auth-field-preview small,
.alpha-billing-step mark,
.alpha-account-command-nav mark,
.state {
  border: 1px solid rgba(25, 195, 125, 0.18);
  background: rgba(25, 195, 125, 0.08);
  color: var(--green);
}

.state.disabled,
.state.pending,
.state.incomplete,
.state.blocked,
.state.no-go {
  border-color: rgba(240, 82, 82, 0.2);
  background: rgba(240, 82, 82, 0.1);
  color: var(--red);
}

.alpha-auth-button-list button {
  border-color: rgba(245, 247, 250, 0.13);
  background: rgba(245, 247, 250, 0.055);
  color: rgba(245, 247, 250, 0.78);
}

.alpha-auth-button-list button:first-child {
  border-color: rgba(91, 73, 234, 0.7);
  background: linear-gradient(135deg, rgba(91, 73, 234, 0.92), rgba(62, 123, 250, 0.86));
  color: #ffffff;
}

.alpha-account-command-nav a:hover,
.alpha-account-command-nav a:focus-visible,
.alpha-auth-provider-list article:hover,
.alpha-billing-plan-rows article:hover,
.alpha-run-workbench-panel:hover,
.alpha-run-command:hover,
.alpha-trace-timeline > li:hover,
.alpha-export-manifest > div:hover {
  border-color: rgba(91, 73, 234, 0.48);
  background:
    linear-gradient(180deg, rgba(91, 73, 234, 0.15), rgba(245, 247, 250, 0.04)),
    rgba(15, 18, 26, 0.9);
}

.alpha-run-workbench,
.alpha-run-workbench.compact {
  border-color: rgba(245, 247, 250, 0.08);
}

.alpha-run-workbench-lifecycle mark,
.alpha-product-panel mark,
.alpha-billing-readiness-list,
.alpha-account-launch-checklist,
.alpha-disabled-action-card {
  border-color: rgba(245, 181, 71, 0.22);
  background:
    linear-gradient(180deg, rgba(245, 181, 71, 0.105), rgba(245, 247, 250, 0.035)),
    rgba(15, 18, 26, 0.84);
}

@media (max-width: 760px) {
  .alpha-auth-entry::after,
  .alpha-auth-activation-console::after,
  .alpha-auth-flow::after,
  .account-readiness::after,
  .billing-readiness::after,
  .alpha-run-workbench::after,
  .alpha-product-readiness-strip::after,
  .alpha-launch-access::after,
  .proof-band::after,
  .final-cta::after {
    inset: auto -26vw -20vw auto;
    width: min(88vw, 370px);
    opacity: 0.055;
  }
}

/* Veyact design-folder lock: the active site keeps the selected #090A0F surface, pattern, and V mark. */
:root {
  --veyact-design-bg: #090A0F;
  --veyact-design-pattern: url("/illustrations/background-pattern.png");
  --veyact-design-mark: url("/brand/veyact-mark-light.svg");
  --veyact-glass: rgba(15, 18, 26, 0.84);
  --veyact-glass-soft: rgba(245, 247, 250, 0.055);
}

body {
  background-color: var(--veyact-design-bg);
}

.site-header,
.hero-home,
.page-hero,
.alpha-product-hero,
.homepage-brand-rail,
.homepage-alpha-control-plane,
.alpha-design-showcase,
.alpha-operating-room,
.alpha-executive-deck,
.alpha-self-serve-board,
.alpha-workspace-console,
.alpha-workflow-spine-section,
.alpha-product-readiness-strip,
.alpha-conversion-journey-section,
.alpha-route-nav-only,
.alpha-auth-entry,
.alpha-auth-activation-console,
.alpha-auth-flow,
.account-readiness,
.billing-readiness,
.proof-band,
.final-cta {
  background:
    radial-gradient(circle at 13% 0%, rgba(91, 73, 234, 0.2), transparent 29rem),
    radial-gradient(circle at 88% 10%, rgba(62, 123, 250, 0.14), transparent 29rem),
    radial-gradient(circle at 54% 42rem, rgba(25, 195, 125, 0.08), transparent 30rem),
    linear-gradient(180deg, rgba(9, 10, 15, 0.94), rgba(9, 10, 15, 0.99)),
    var(--veyact-design-pattern),
    var(--veyact-design-bg) !important;
  background-size: auto, auto, auto, auto, 760px auto, auto !important;
}

.site-header {
  position: sticky;
  isolation: isolate;
}

.site-header::before {
  content: "";
  position: absolute;
  inset: -120px clamp(20px, 8vw, 140px) auto auto;
  z-index: -1;
  width: min(32vw, 360px);
  aspect-ratio: 1;
  background: var(--veyact-design-mark) no-repeat center / contain;
  opacity: 0.055;
  pointer-events: none;
}

.brand-mark {
  min-width: 0;
}

.brand-mark img {
  width: clamp(128px, 13vw, 166px);
}

.brand-mark span {
  border-left: 1px solid rgba(245, 247, 250, 0.12);
  padding-left: 10px;
  color: rgba(245, 247, 250, 0.66);
  font-size: 0.78rem;
  font-weight: 850;
  line-height: 1.15;
}

.hero-home,
.alpha-product-hero {
  min-height: clamp(660px, calc(90svh - 72px), 880px);
}

.hero-home::before,
.alpha-product-hero::before,
.homepage-brand-rail::before,
.homepage-alpha-control-plane::before,
.alpha-product-readiness-strip::before,
.alpha-conversion-journey-section::before,
.alpha-route-nav-only::before,
.alpha-auth-entry::before,
.account-readiness::before,
.billing-readiness::before,
.proof-band::before {
  background: var(--veyact-design-mark) no-repeat center / contain !important;
  opacity: 0.105;
}

.hero-home::before,
.alpha-product-hero::before {
  inset: clamp(44px, 7vw, 112px) clamp(16px, 6vw, 104px) auto auto;
  width: min(46vw, 640px);
  opacity: 0.14;
}

.hero-copy h1,
.alpha-product-hero-copy h1,
.page-hero h1,
.section-heading h2 {
  text-wrap: balance;
}

.hero-copy h1,
.alpha-product-hero-copy h1 {
  color: #ffffff;
}

.hero-product-shot,
.alpha-product-panel,
.homepage-brand-rail-card,
.homepage-alpha-control-summary article,
.homepage-alpha-path-card,
.homepage-alpha-control-panel,
.alpha-operating-room-board,
.alpha-product-readiness-card,
.alpha-conversion-journey a,
.alpha-shell-nav,
.alpha-shell-nav-brand,
.alpha-shell-nav-group,
.alpha-auth-panel,
.alpha-account-command-center,
.alpha-billing-operations,
.artifact-panel {
  border-color: rgba(245, 247, 250, 0.12) !important;
  background:
    linear-gradient(180deg, rgba(245, 247, 250, 0.082), rgba(245, 247, 250, 0.034)),
    var(--veyact-glass) !important;
  box-shadow:
    0 26px 78px rgba(0, 0, 0, 0.28),
    0 0 0 1px rgba(245, 247, 250, 0.024) inset !important;
}

.hero-product-shot {
  position: relative;
  border-radius: 22px;
  background:
    radial-gradient(circle at 12% 0%, rgba(91, 73, 234, 0.24), transparent 22rem),
    linear-gradient(180deg, rgba(245, 247, 250, 0.07), rgba(245, 247, 250, 0.026)),
    var(--veyact-design-bg) !important;
}

.hero-product-shot::before {
  content: "";
  position: absolute;
  inset: -56px -42px auto auto;
  width: min(34vw, 330px);
  aspect-ratio: 1;
  background: var(--veyact-design-mark) no-repeat center / contain;
  opacity: 0.095;
  pointer-events: none;
}

.hero-product-shot img {
  position: relative;
  z-index: 1;
}

.hero-product-shot figcaption {
  position: relative;
  z-index: 1;
  color: rgba(245, 247, 250, 0.72);
}

.homepage-brand-rail-head,
.alpha-product-panel-top,
.alpha-auth-panel-header,
.alpha-account-command-head,
.alpha-billing-operations-head {
  border-color: rgba(245, 247, 250, 0.09);
}

.homepage-brand-rail-card img,
.homepage-alpha-path-card span,
.alpha-product-panel-grid img,
.alpha-shell-nav-brand img,
.alpha-auth-panel-brand img {
  filter: drop-shadow(0 14px 28px rgba(91, 73, 234, 0.36));
}

.homepage-alpha-control-panel,
.alpha-product-panel,
.alpha-auth-panel,
.alpha-account-command-center,
.alpha-billing-operations {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.homepage-alpha-control-panel::before,
.alpha-product-panel::before,
.alpha-account-command-center::before,
.alpha-billing-operations::before {
  content: "";
  position: absolute;
  inset: auto -90px -120px auto;
  z-index: -1;
  width: min(32vw, 360px);
  aspect-ratio: 1;
  background: var(--veyact-design-mark) no-repeat center / contain;
  opacity: 0.07;
  pointer-events: none;
}

.homepage-alpha-control-list a,
.alpha-account-command-nav a,
.alpha-shell-nav-links a {
  background: var(--veyact-glass-soft);
}

.homepage-alpha-control-list a:hover,
.homepage-alpha-path-card:hover,
.homepage-brand-rail-card:hover,
.alpha-product-readiness-card:hover,
.alpha-conversion-journey a:hover {
  border-color: rgba(91, 73, 234, 0.52) !important;
  background:
    linear-gradient(180deg, rgba(91, 73, 234, 0.16), rgba(245, 247, 250, 0.04)),
    rgba(15, 18, 26, 0.9) !important;
}

.homepage-alpha-lock-note,
.fine-print {
  color: rgba(245, 247, 250, 0.58) !important;
}

@media (max-width: 820px) {
  .brand-mark span {
    display: none;
  }

  .hero-home::before,
  .alpha-product-hero::before,
  .homepage-brand-rail::before,
  .homepage-alpha-control-plane::before,
  .alpha-product-readiness-strip::before,
  .alpha-conversion-journey-section::before,
  .alpha-auth-entry::before,
  .account-readiness::before,
  .billing-readiness::before,
  .proof-band::before {
    inset: auto -20vw -12vw auto;
    width: min(86vw, 390px);
    opacity: 0.072;
  }
}

/* Veyact signature lock: keep the selected #090A0F surface, V mark, and pattern visible. */
.hero-verification-lock,
.homepage-brand-rail-lock {
  position: relative;
  display: inline-grid;
  align-items: center;
  border: 1px solid rgba(245, 247, 250, 0.12);
  background:
    radial-gradient(circle at 20% 0%, rgba(91, 73, 234, 0.2), transparent 12rem),
    linear-gradient(180deg, rgba(245, 247, 250, 0.082), rgba(245, 247, 250, 0.034)),
    rgba(9, 10, 15, 0.86);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.3);
}

.hero-verification-lock {
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 12px;
  align-self: start;
  width: min(100%, 380px);
  margin-bottom: 16px;
  border-radius: 14px;
  padding: 12px;
}

.hero-verification-lock img {
  width: 46px;
  height: 46px;
  border-radius: 12px;
  padding: 8px;
  background:
    linear-gradient(180deg, rgba(245, 247, 250, 0.11), rgba(245, 247, 250, 0.04)),
    rgba(91, 73, 234, 0.18);
  box-shadow: 0 12px 30px rgba(91, 73, 234, 0.24);
}

.hero-verification-lock div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.hero-verification-lock span,
.homepage-brand-rail-lock span {
  color: rgba(245, 247, 250, 0.58);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.hero-verification-lock strong {
  color: #ffffff;
  font-size: clamp(1rem, 2vw, 1.22rem);
  line-height: 1.1;
}

.homepage-brand-rail-lock {
  min-height: 300px;
  align-content: center;
  justify-items: center;
  gap: 18px;
  overflow: hidden;
  border-radius: 22px;
  padding: clamp(22px, 4vw, 34px);
  isolation: isolate;
}

.homepage-brand-rail-lock::before {
  content: "";
  position: absolute;
  inset: -22%;
  z-index: -1;
  background:
    radial-gradient(circle at 50% 45%, rgba(91, 73, 234, 0.16), transparent 28rem),
    var(--veyact-design-pattern);
  background-size: auto, 520px auto;
  opacity: 0.62;
}

.homepage-brand-rail-lock img {
  width: min(58vw, 188px);
  height: auto;
  filter:
    drop-shadow(0 26px 54px rgba(91, 73, 234, 0.34))
    drop-shadow(0 0 28px rgba(245, 247, 250, 0.08));
}

.homepage-brand-rail-lock span {
  color: rgba(245, 247, 250, 0.74);
}

.pricing-veyact-hero,
.alpha-commercial-plan-console,
.account-readiness,
.billing-readiness {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(circle at 14% 0%, rgba(91, 73, 234, 0.2), transparent 28rem),
    radial-gradient(circle at 88% 16%, rgba(62, 123, 250, 0.14), transparent 26rem),
    linear-gradient(180deg, rgba(9, 10, 15, 0.94), rgba(9, 10, 15, 0.99)),
    var(--veyact-design-pattern),
    var(--veyact-design-bg, #090A0F) !important;
  background-size: auto, auto, auto, 760px auto, auto !important;
}

.pricing-veyact-hero::before,
.alpha-commercial-plan-console::before,
.account-readiness::before,
.billing-readiness::before {
  content: "";
  position: absolute;
  inset: auto clamp(16px, 7vw, 120px) -16vw auto;
  z-index: -1;
  width: min(44vw, 520px);
  aspect-ratio: 1;
  background: var(--veyact-design-mark) no-repeat center / contain;
  opacity: 0.082;
  pointer-events: none;
}

.alpha-commercial-brand-strip {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.34fr);
  gap: clamp(18px, 4vw, 44px);
  align-items: stretch;
  overflow: hidden;
  margin: clamp(22px, 4vw, 38px) 0;
  border: 1px solid rgba(245, 247, 250, 0.12);
  border-radius: 20px;
  padding: clamp(18px, 3vw, 30px);
  background:
    radial-gradient(circle at 12% 0%, rgba(91, 73, 234, 0.22), transparent 20rem),
    radial-gradient(circle at 86% 12%, rgba(25, 195, 125, 0.1), transparent 18rem),
    linear-gradient(180deg, rgba(20, 23, 33, 0.96), rgba(8, 9, 14, 0.98));
  box-shadow:
    0 32px 96px rgba(0, 0, 0, 0.34),
    0 0 0 1px rgba(245, 247, 250, 0.03) inset;
}

.alpha-commercial-brand-strip::before {
  content: "";
  position: absolute;
  inset: -120px -86px auto auto;
  z-index: -1;
  width: min(36vw, 420px);
  aspect-ratio: 1;
  background: var(--veyact-design-mark) no-repeat center / contain;
  opacity: 0.09;
  pointer-events: none;
}

.alpha-commercial-brand-copy {
  display: grid;
  align-content: center;
  gap: 14px;
  min-width: 0;
}

.alpha-commercial-brand-copy h3 {
  max-width: 15em;
  margin: 0;
  color: #ffffff;
  font-size: clamp(1.8rem, 3.8vw, 4rem);
  line-height: 1;
  text-wrap: balance;
}

.alpha-commercial-brand-copy > p:not(.eyebrow) {
  max-width: 760px;
  margin: 0;
  color: rgba(245, 247, 250, 0.68);
  font-size: clamp(1rem, 1.15vw, 1.08rem);
  line-height: 1.62;
}

.alpha-commercial-brand-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 6px;
}

.alpha-commercial-brand-metrics article,
.alpha-commercial-brand-lock {
  min-width: 0;
  border: 1px solid rgba(245, 247, 250, 0.105);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(245, 247, 250, 0.074), rgba(245, 247, 250, 0.032)),
    rgba(15, 18, 26, 0.82);
}

.alpha-commercial-brand-metrics article {
  display: grid;
  align-content: start;
  gap: 8px;
  padding: 15px;
}

.alpha-commercial-brand-metrics span,
.alpha-commercial-brand-lock span {
  color: var(--green);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.alpha-commercial-brand-metrics strong,
.alpha-commercial-brand-lock strong {
  color: #ffffff;
  line-height: 1.12;
}

.alpha-commercial-brand-metrics p,
.alpha-commercial-brand-lock p {
  margin: 0;
  color: rgba(245, 247, 250, 0.64);
  line-height: 1.48;
}

.alpha-commercial-brand-lock {
  position: relative;
  display: grid;
  align-content: end;
  gap: 12px;
  overflow: hidden;
  padding: clamp(18px, 3vw, 24px);
}

.alpha-commercial-brand-lock::before {
  content: "";
  position: absolute;
  inset: auto -72px -82px auto;
  width: 230px;
  aspect-ratio: 1;
  background: var(--veyact-design-mark) no-repeat center / contain;
  opacity: 0.07;
  pointer-events: none;
}

.alpha-commercial-brand-lock img {
  width: 52px;
  height: 52px;
  border-radius: 14px;
  padding: 9px;
  background:
    linear-gradient(180deg, rgba(245, 247, 250, 0.11), rgba(245, 247, 250, 0.045)),
    rgba(91, 73, 234, 0.18);
  box-shadow: 0 14px 34px rgba(91, 73, 234, 0.28);
}

.pricing-veyact-hero .alpha-commercial-brand-strip {
  margin-top: clamp(26px, 5vw, 46px);
}

.pricing-buyer-decision-strip {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: grid;
  gap: clamp(18px, 3vw, 28px);
  border-top: 1px solid rgba(245, 247, 250, 0.1);
  border-bottom: 1px solid rgba(245, 247, 250, 0.1);
  background:
    radial-gradient(circle at 14% 0%, rgba(91, 73, 234, 0.2), transparent 26rem),
    radial-gradient(circle at 86% 20%, rgba(25, 195, 125, 0.1), transparent 24rem),
    linear-gradient(180deg, rgba(9, 10, 15, 0.96), rgba(9, 10, 15, 0.99)),
    var(--veyact-design-pattern),
    var(--veyact-design-bg, #090A0F);
  background-size: auto, auto, auto, 760px auto, auto;
}

.pricing-buyer-decision-strip::after {
  content: "";
  position: absolute;
  inset: auto -8vw -14vw auto;
  z-index: -1;
  width: min(42vw, 500px);
  aspect-ratio: 1;
  background: var(--veyact-design-mark) no-repeat center / contain;
  opacity: 0.07;
  pointer-events: none;
}

.pricing-buyer-decision-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.34fr);
  gap: clamp(18px, 4vw, 46px);
  align-items: stretch;
}

.pricing-buyer-decision-head h2 {
  color: #ffffff;
}

.pricing-buyer-decision-head p {
  max-width: 860px;
  color: rgba(245, 247, 250, 0.68);
}

.pricing-buyer-decision-head aside,
.pricing-buyer-decision-grid article,
.pricing-buyer-activation-path li {
  min-width: 0;
  border: 1px solid rgba(245, 247, 250, 0.12);
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(245, 247, 250, 0.075), rgba(245, 247, 250, 0.028)),
    rgba(15, 18, 26, 0.82);
  box-shadow:
    0 26px 70px rgba(0, 0, 0, 0.24),
    0 1px 0 rgba(245, 247, 250, 0.05) inset;
}

.pricing-buyer-decision-head aside {
  display: grid;
  align-content: end;
  gap: 10px;
  padding: clamp(18px, 3vw, 24px);
}

.pricing-buyer-decision-head aside img {
  width: 54px;
  height: 54px;
  border-radius: 14px;
  padding: 9px;
  background:
    linear-gradient(180deg, rgba(245, 247, 250, 0.11), rgba(245, 247, 250, 0.045)),
    rgba(91, 73, 234, 0.18);
  filter: drop-shadow(0 22px 48px rgba(91, 73, 234, 0.38));
}

.pricing-buyer-decision-head aside span,
.pricing-buyer-decision-grid span,
.pricing-buyer-activation-path span {
  color: var(--green);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.pricing-buyer-decision-head aside strong,
.pricing-buyer-decision-grid strong,
.pricing-buyer-activation-path strong {
  color: #ffffff;
  line-height: 1.12;
}

.pricing-buyer-decision-head aside p,
.pricing-buyer-decision-grid p,
.pricing-buyer-activation-path p {
  margin: 0;
  color: rgba(245, 247, 250, 0.64);
  line-height: 1.48;
}

.pricing-buyer-decision-grid,
.pricing-buyer-activation-path {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.pricing-buyer-decision-grid article,
.pricing-buyer-activation-path li {
  display: grid;
  align-content: start;
  gap: 8px;
  padding: 15px;
}

.pricing-buyer-activation-path {
  margin: 0;
  padding: 0;
  list-style: none;
}

.alpha-commercial-plan-console .tier,
.billing-readiness .tier,
.pricing-veyact-hero .tier {
  position: relative;
  overflow: hidden;
}

.alpha-commercial-plan-console .tier::after,
.billing-readiness .tier::after,
.pricing-veyact-hero .tier::after {
  content: "";
  position: absolute;
  inset: auto -42px -48px auto;
  width: 138px;
  aspect-ratio: 1;
  background: var(--veyact-design-mark) no-repeat center / contain;
  opacity: 0.035;
  pointer-events: none;
}

.alpha-commercial-plan-console .tier.recommended,
.billing-readiness .tier.recommended,
.pricing-veyact-hero .tier.recommended {
  border-color: rgba(91, 73, 234, 0.48);
  background:
    radial-gradient(circle at 18% 0%, rgba(91, 73, 234, 0.18), transparent 16rem),
    linear-gradient(180deg, rgba(245, 247, 250, 0.09), rgba(245, 247, 250, 0.038)),
    rgba(15, 18, 26, 0.88);
  box-shadow:
    0 26px 78px rgba(91, 73, 234, 0.18),
    0 0 0 1px rgba(245, 247, 250, 0.03) inset;
}

@media (max-width: 760px) {
  .alpha-commercial-brand-strip {
    grid-template-columns: minmax(0, 1fr);
    border-radius: 16px;
  }

  .pricing-buyer-decision-head,
  .pricing-buyer-decision-grid,
  .pricing-buyer-activation-path {
    grid-template-columns: minmax(0, 1fr);
  }

  .alpha-commercial-brand-metrics {
    grid-template-columns: minmax(0, 1fr);
  }

  .alpha-commercial-brand-copy h3 {
    font-size: clamp(1.7rem, 8.2vw, 2.45rem);
  }

  .pricing-veyact-hero::before,
  .alpha-commercial-plan-console::before,
  .account-readiness::before,
  .billing-readiness::before,
  .alpha-commercial-brand-strip::before {
    inset: auto -24vw -18vw auto;
    width: min(86vw, 370px);
    opacity: 0.06;
  }

  .hero-verification-lock {
    width: 100%;
  }

  .homepage-brand-rail-lock {
    min-height: 220px;
  }
}

/* Veyact Alpha workspace finish: keep dashboard, run, trace, and export on the supplied dark V-mark system. */
.alpha-dashboard,
.alpha-run-detail,
.alpha-trace-panel,
.alpha-export-panel {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid rgba(245, 247, 250, 0.1);
  border-radius: 24px;
  background:
    radial-gradient(circle at 12% 0%, rgba(91, 73, 234, 0.22), transparent 28rem),
    radial-gradient(circle at 88% 12%, rgba(62, 123, 250, 0.14), transparent 28rem),
    linear-gradient(180deg, rgba(9, 10, 15, 0.95), rgba(9, 10, 15, 0.99)),
    var(--veyact-design-pattern),
    var(--veyact-design-bg) !important;
  background-size: auto, auto, auto, 760px auto, auto !important;
  box-shadow:
    0 34px 120px rgba(0, 0, 0, 0.32),
    0 0 0 1px rgba(245, 247, 250, 0.026) inset;
}

.alpha-dashboard::before,
.alpha-run-detail::before,
.alpha-trace-panel::before,
.alpha-export-panel::before {
  content: "";
  position: absolute;
  inset: auto clamp(12px, 6vw, 92px) -18vw auto;
  z-index: -1;
  width: min(44vw, 520px);
  aspect-ratio: 1;
  background: var(--veyact-design-mark) no-repeat center / contain;
  opacity: 0.075;
  pointer-events: none;
}

.alpha-dashboard {
  padding: clamp(18px, 3vw, 28px);
  grid-template-columns: minmax(0, 1fr) minmax(290px, 0.34fr);
}

.alpha-dashboard-main,
.alpha-dashboard-sidebar,
.alpha-run-body,
.alpha-run-footer {
  min-width: 0;
}

.alpha-dashboard .section-heading h2,
.alpha-dashboard-sidebar h3,
.alpha-run-topline h1,
.alpha-run-footer h3,
.alpha-trace-panel .section-heading h2,
.alpha-export-panel .section-heading h2 {
  color: #ffffff;
}

.alpha-dashboard .section-heading p,
.alpha-run-header > p,
.alpha-run-section p,
.alpha-run-footer p,
.alpha-trace-panel .section-heading p,
.alpha-export-panel .section-heading p {
  color: rgba(245, 247, 250, 0.68);
}

.alpha-runs-list {
  gap: 12px;
}

.alpha-runs-state-visual,
.alpha-run-card,
.alpha-dashboard .artifact-panel,
.alpha-run-section,
.evidence-grid div,
.alpha-run-footer,
.alpha-trace-integrity-grid .artifact-panel,
.alpha-export-section-grid .artifact-panel,
.alpha-export-panel > .artifact-grid .artifact-panel {
  border-color: rgba(245, 247, 250, 0.11) !important;
  background:
    linear-gradient(180deg, rgba(245, 247, 250, 0.074), rgba(245, 247, 250, 0.032)),
    rgba(15, 18, 26, 0.84) !important;
  color: var(--ink);
  box-shadow:
    0 20px 60px rgba(0, 0, 0, 0.22),
    0 0 0 1px rgba(245, 247, 250, 0.02) inset !important;
}

.alpha-runs-state-visual {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  min-width: 0;
  margin: 0;
  padding: 16px;
  border: 1px solid rgba(245, 247, 250, 0.11);
  border-radius: 18px;
}

.alpha-runs-state-visual img {
  width: 92px;
  max-width: 100%;
  height: auto;
  filter: drop-shadow(0 18px 36px rgba(91, 73, 234, 0.24));
}

.alpha-runs-state-visual figcaption {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.alpha-runs-state-visual strong,
.alpha-run-card h3,
.alpha-run-section h3,
.evidence-grid dt {
  color: #ffffff;
}

.alpha-runs-state-visual span,
.alpha-run-card p,
.evidence-grid dd {
  color: rgba(245, 247, 250, 0.64);
}

.alpha-run-card {
  border-radius: 16px;
}

.alpha-run-card:hover,
.alpha-run-card:focus-visible {
  border-color: rgba(91, 73, 234, 0.52) !important;
  background:
    linear-gradient(180deg, rgba(91, 73, 234, 0.16), rgba(245, 247, 250, 0.04)),
    rgba(15, 18, 26, 0.9) !important;
}

.alpha-run-card span,
.alpha-run-card mark,
.alpha-run-section h3,
.evidence-grid dt {
  color: var(--green);
}

.alpha-run-card mark,
.run-state {
  border: 1px solid rgba(25, 195, 125, 0.18);
  background: rgba(25, 195, 125, 0.08);
  color: var(--green);
}

.alpha-run-detail {
  border-radius: 24px;
}

.alpha-run-header {
  border-color: rgba(245, 247, 250, 0.1);
  background:
    radial-gradient(circle at 12% 0%, rgba(91, 73, 234, 0.16), transparent 18rem),
    linear-gradient(180deg, rgba(245, 247, 250, 0.064), rgba(245, 247, 250, 0.026));
}

.alpha-run-body {
  gap: 14px;
  padding: clamp(18px, 3vw, 28px);
}

.alpha-run-section {
  padding: 18px;
  border: 1px solid rgba(245, 247, 250, 0.11);
  border-radius: 18px;
}

.alpha-run-section + .alpha-run-section {
  padding-top: 18px;
  border-top: 1px solid rgba(245, 247, 250, 0.11);
}

.alpha-run-footer {
  border-color: rgba(245, 247, 250, 0.1);
  border-radius: 0 0 24px 24px;
}

.alpha-trace-timeline > li,
.alpha-export-manifest > div {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-radius: 18px;
}

.alpha-trace-timeline > li::before,
.alpha-export-manifest > div::before {
  content: "";
  position: absolute;
  inset: auto 14px 14px auto;
  width: 72px;
  aspect-ratio: 1;
  background: var(--veyact-design-mark) no-repeat center / contain;
  opacity: 0.026;
  pointer-events: none;
}

@media (max-width: 980px) {
  .alpha-dashboard {
    padding: 16px;
  }
}

@media (max-width: 700px) {
  .alpha-runs-state-visual {
    grid-template-columns: minmax(0, 1fr);
  }

  .alpha-runs-state-visual img {
    width: 74px;
  }
}

/* Veyact public product finish: carry the selected design-folder background and V mark through the public site. */
.core-product-os,
.design-gate-section,
.compare-positioning,
.compare-boundary,
.status-list,
.review-route-path,
.enterprise-product-story,
.security-roadmap-grid,
.trust-center-grid,
.security-architecture-grid,
.proof-replay,
.product-demo-hero {
  position: relative;
  isolation: isolate;
}

.core-product-os,
.compare-positioning,
.compare-boundary,
.proof-replay,
.product-demo-hero {
  overflow: hidden;
  border-top: 1px solid rgba(245, 247, 250, 0.08);
  border-bottom: 1px solid rgba(245, 247, 250, 0.08);
  background:
    radial-gradient(circle at 13% 0%, rgba(91, 73, 234, 0.19), transparent 28rem),
    radial-gradient(circle at 88% 12%, rgba(62, 123, 250, 0.12), transparent 28rem),
    linear-gradient(180deg, rgba(9, 10, 15, 0.94), rgba(9, 10, 15, 0.99)),
    var(--veyact-design-pattern),
    var(--veyact-design-bg) !important;
  background-size: auto, auto, auto, 760px auto, auto !important;
}

.core-product-os::before,
.compare-positioning::before,
.compare-boundary::before,
.proof-replay::before,
.product-demo-hero::before {
  content: "";
  position: absolute;
  inset: auto clamp(18px, 8vw, 124px) -16vw auto;
  z-index: -1;
  width: min(44vw, 520px);
  aspect-ratio: 1;
  background: var(--veyact-design-mark) no-repeat center / contain;
  opacity: 0.072;
  pointer-events: none;
}

.section-heading h2,
.core-product-os-head h2,
.compare-positioning h2,
.compare-boundary h2,
.enterprise-review-head h2 {
  color: #ffffff;
}

.section-heading p,
.core-product-os-head > p,
.compare-positioning p,
.compare-boundary p,
.enterprise-review-head > p {
  color: rgba(245, 247, 250, 0.68);
}

.core-os-metrics article,
.core-os-layers article,
.core-os-buyer-path,
.core-os-locks,
.principles article,
.workflow-visual,
.status-card,
.trust-card,
.security-layer,
.compare-matrix,
.compare-stack-card,
.compare-decision-list article,
.compare-lock-grid p,
.enterprise-product-story .artifact-panel,
.security-roadmap-grid .artifact-panel,
.proof-replay .replay-card,
.launchpad-navigator,
.launchpad-readout > div {
  border-color: rgba(245, 247, 250, 0.12) !important;
  background:
    linear-gradient(180deg, rgba(245, 247, 250, 0.078), rgba(245, 247, 250, 0.032)),
    rgba(15, 18, 26, 0.84) !important;
  color: var(--ink);
  box-shadow:
    0 24px 72px rgba(0, 0, 0, 0.26),
    0 0 0 1px rgba(245, 247, 250, 0.024) inset !important;
}

.workflow-visual,
.compare-matrix,
.status-card,
.security-layer,
.trust-card,
.compare-stack-card,
.compare-decision-list article,
.enterprise-product-story .artifact-panel,
.proof-replay .replay-card {
  position: relative;
  overflow: hidden;
}

.workflow-visual::after,
.compare-matrix::after,
.status-card::after,
.security-layer::after,
.trust-card::after,
.compare-stack-card::after,
.compare-decision-list article::after,
.enterprise-product-story .artifact-panel::after,
.proof-replay .replay-card::after {
  content: "";
  position: absolute;
  inset: auto 12px 12px auto;
  width: 82px;
  aspect-ratio: 1;
  background: var(--veyact-design-mark) no-repeat center / contain;
  opacity: 0.026;
  pointer-events: none;
}

.core-os-metrics span,
.core-os-layers span,
.core-os-buyer-path > span,
.core-os-locks > span,
.principles span,
.workflow-visual li::marker,
.status-state mark,
.trust-card span,
.security-layer span,
.compare-stack-card span,
.compare-decision-list span,
.enterprise-product-story .artifact-panel span,
.proof-replay .replay-card > span,
.launchpad-state {
  color: var(--green);
}

.core-os-metrics strong,
.core-os-layers h3,
.core-os-buyer-path strong,
.principles h3,
.workflow-visual strong,
.status-label,
.trust-card h3,
.security-layer h3,
.compare-matrix strong,
.compare-decision-list h3,
.compare-stack-card strong,
.enterprise-product-story .artifact-panel h3,
.proof-replay .replay-card h3,
.proof-replay .replay-card h4 {
  color: #ffffff;
}

.core-os-metrics p,
.core-os-layers p,
.core-os-buyer-path p,
.core-os-locks p,
.principles p,
.workflow-visual figcaption,
.workflow-visual li,
.status-detail,
.trust-card p,
.security-layer p,
.compare-matrix p,
.compare-matrix small,
.compare-decision-list p,
.compare-stack-card p,
.compare-lock-grid p,
.enterprise-product-story .artifact-panel p,
.proof-replay .replay-card p,
.launchpad-readout dd {
  color: rgba(245, 247, 250, 0.66);
}

.workflow-visual li,
.core-os-buyer-path li,
.core-os-locks p {
  border-color: rgba(245, 247, 250, 0.1);
  background: rgba(245, 247, 250, 0.044);
}

.workflow-visual li:hover,
.core-os-layers article:hover,
.core-os-buyer-path li:hover,
.principles article:hover,
.status-card:hover,
.trust-card:hover,
.security-layer:hover,
.compare-stack-card:hover,
.compare-decision-list article:hover,
.enterprise-product-story .artifact-panel:hover {
  border-color: rgba(91, 73, 234, 0.52) !important;
  background:
    linear-gradient(180deg, rgba(91, 73, 234, 0.15), rgba(245, 247, 250, 0.04)),
    rgba(15, 18, 26, 0.9) !important;
}

.final-cta {
  min-height: 220px;
  display: grid;
  place-items: center;
}

.final-cta .action-row {
  justify-content: center;
}

.site-footer {
  border-top: 1px solid rgba(245, 247, 250, 0.1);
  background:
    radial-gradient(circle at 12% 0%, rgba(91, 73, 234, 0.18), transparent 26rem),
    linear-gradient(180deg, rgba(9, 10, 15, 0.96), rgba(9, 10, 15, 1)),
    var(--veyact-design-pattern),
    var(--veyact-design-bg) !important;
  background-size: auto, auto, 760px auto, auto !important;
}

.footer-brand-panel,
.footer-nav-grid > div {
  border-color: rgba(245, 247, 250, 0.11);
  background:
    linear-gradient(180deg, rgba(245, 247, 250, 0.074), rgba(245, 247, 250, 0.03)),
    rgba(15, 18, 26, 0.78);
  box-shadow: 0 22px 64px rgba(0, 0, 0, 0.22);
}

.footer-journey a {
  border-color: rgba(245, 247, 250, 0.1);
  background: rgba(245, 247, 250, 0.045);
}

.footer-journey a:hover,
.footer-nav-grid a:hover {
  border-color: rgba(91, 73, 234, 0.46);
  color: #ffffff;
}

@media (max-width: 760px) {
  .core-product-os::before,
  .compare-positioning::before,
  .compare-boundary::before,
  .proof-replay::before,
  .product-demo-hero::before {
    inset: auto -24vw -18vw auto;
    width: min(86vw, 370px);
    opacity: 0.055;
  }

  .final-cta {
    min-height: 180px;
  }
}

/* Veyact design-folder preservation pass: keep the supplied #090A0F field and V mark visible. */
body {
  background-color: var(--veyact-design-bg, #090A0F);
}

.site-header {
  isolation: isolate;
  overflow: hidden;
  border-bottom-color: rgba(245, 247, 250, 0.1);
  background:
    radial-gradient(circle at 10% 0%, rgba(91, 73, 234, 0.18), transparent 22rem),
    linear-gradient(180deg, rgba(9, 10, 15, 0.92), rgba(9, 10, 15, 0.86)),
    var(--veyact-design-pattern),
    var(--veyact-design-bg, #090A0F);
  background-size: auto, auto, 620px auto, auto;
  box-shadow:
    0 18px 44px rgba(0, 0, 0, 0.26),
    0 1px 0 rgba(245, 247, 250, 0.06) inset;
}

.site-header::before {
  content: "";
  position: absolute;
  inset: -76px clamp(18px, 6vw, 92px) auto auto;
  z-index: -1;
  width: min(18vw, 190px);
  aspect-ratio: 1;
  background: var(--veyact-design-mark) no-repeat center / contain;
  opacity: 0.08;
  pointer-events: none;
}

.site-nav a,
.header-preview-link {
  color: rgba(245, 247, 250, 0.72);
}

.site-nav a[aria-current="page"],
.site-nav a:hover,
.header-preview-link:hover {
  color: #ffffff;
  background: rgba(245, 247, 250, 0.08);
}

.header-preview-link {
  border-color: rgba(245, 247, 250, 0.14);
  background: rgba(245, 247, 250, 0.05);
}

.header-cta {
  box-shadow:
    0 18px 42px rgba(91, 73, 234, 0.32),
    0 0 0 1px rgba(245, 247, 250, 0.08) inset;
}

.brand-mark span {
  color: rgba(245, 247, 250, 0.74);
}

.hero,
.page-hero,
.hero-home,
.alpha-product-hero,
.homepage-brand-rail,
.homepage-alpha-control-plane,
.alpha-shell-nav,
.enterprise-review-center,
.site-footer {
  background-color: var(--veyact-design-bg, #090A0F);
}

.hero::before,
.page-hero::before,
.hero-home::before,
.alpha-product-hero::before,
.homepage-brand-rail::before,
.homepage-alpha-control-plane::before {
  background-image: var(--veyact-design-mark);
}

.hero-home::before,
.alpha-product-hero::before {
  opacity: 0.16;
}

.hero-brand-chip,
.enterprise-review-brand,
.alpha-shell-nav-brand {
  background:
    linear-gradient(135deg, rgba(91, 73, 234, 0.24), rgba(25, 195, 125, 0.08)),
    rgba(9, 10, 15, 0.78);
}

.hero-product-shot,
.runrail-dashboard-visual,
.workflow-visual {
  background:
    radial-gradient(circle at 10% 0%, rgba(91, 73, 234, 0.18), transparent 18rem),
    linear-gradient(180deg, rgba(21, 25, 34, 0.92), rgba(9, 10, 15, 0.96)),
    var(--veyact-design-bg, #090A0F);
}

@media (max-width: 640px) {
  .site-header::before {
    inset: -82px -36px auto auto;
    width: 180px;
    opacity: 0.055;
  }
}

/* Veyact final identity polish: keep the selected design-folder surface as the app frame. */
.homepage-brand-rail,
.homepage-alpha-control-plane,
.alpha-launch-access,
.pricing-veyact-hero,
.alpha-product-hero,
.alpha-conversion-journey-section {
  background:
    radial-gradient(circle at 16% 0%, rgba(91, 73, 234, 0.22), transparent 29rem),
    radial-gradient(circle at 84% 10%, rgba(62, 123, 250, 0.15), transparent 30rem),
    linear-gradient(180deg, rgba(9, 10, 15, 0.94), rgba(9, 10, 15, 0.99)),
    var(--veyact-design-pattern),
    var(--veyact-design-bg, #090A0F) !important;
  background-size: auto, auto, auto, 760px auto, auto !important;
  background-position: center top !important;
}

.homepage-brand-rail-lock {
  min-height: clamp(260px, 36vw, 420px);
  background:
    radial-gradient(circle at 50% 45%, rgba(91, 73, 234, 0.22), transparent 18rem),
    linear-gradient(180deg, rgba(245, 247, 250, 0.08), rgba(245, 247, 250, 0.028)),
    var(--veyact-design-pattern),
    var(--veyact-design-bg, #090A0F);
  background-size: auto, auto, 560px auto, auto;
}

.homepage-brand-rail-lock img {
  width: min(68vw, 238px);
  filter:
    drop-shadow(0 32px 70px rgba(91, 73, 234, 0.42))
    drop-shadow(0 0 34px rgba(245, 247, 250, 0.12));
}

.homepage-brand-rail-lock span {
  border: 1px solid rgba(25, 195, 125, 0.2);
  border-radius: 999px;
  padding: 7px 10px;
  background: rgba(25, 195, 125, 0.08);
  color: rgba(245, 247, 250, 0.82);
}

.homepage-brand-rail-card,
.homepage-alpha-path-card,
.homepage-alpha-control-summary article,
.alpha-launch-access-card,
.alpha-conversion-journey a {
  position: relative;
  overflow: hidden;
}

.homepage-brand-rail-card::after,
.homepage-alpha-path-card::after,
.alpha-launch-access-card::after,
.alpha-conversion-journey a::after {
  content: "";
  position: absolute;
  inset: auto -36px -46px auto;
  width: 118px;
  aspect-ratio: 1;
  background: var(--veyact-design-mark) no-repeat center / contain;
  opacity: 0.035;
  pointer-events: none;
}

.homepage-brand-rail-card:hover::after,
.homepage-alpha-path-card:hover::after,
.alpha-launch-access-card:hover::after,
.alpha-conversion-journey a:hover::after,
.alpha-conversion-journey li.is-active a::after {
  opacity: 0.08;
}

.hero-verification-lock,
.hero-brand-chip,
.homepage-brand-rail-lock {
  border-color: rgba(245, 247, 250, 0.14);
  box-shadow:
    0 26px 76px rgba(0, 0, 0, 0.34),
    0 0 0 1px rgba(245, 247, 250, 0.035) inset;
}

.hero-verification-lock img,
.hero-brand-chip img,
.homepage-brand-rail-card img,
.alpha-launch-access-card > img,
.alpha-conversion-journey img {
  filter:
    drop-shadow(0 14px 30px rgba(91, 73, 234, 0.32))
    drop-shadow(0 0 18px rgba(25, 195, 125, 0.08));
}

@media (max-width: 720px) {
  .homepage-brand-rail-lock {
    min-height: 230px;
  }

  .homepage-brand-rail-card::after,
  .homepage-alpha-path-card::after,
  .alpha-launch-access-card::after,
  .alpha-conversion-journey a::after {
    width: 92px;
    opacity: 0.028;
  }
}

/* Veyact design anchor: the selected #090A0F field, pattern, and V mark stay as the buyer-facing frame. */
.hero-home,
.page-hero,
.homepage-brand-rail,
.homepage-alpha-control-plane,
.alpha-product-hero,
.alpha-product-readiness-strip,
.alpha-conversion-journey-section,
.alpha-workspace-console,
.alpha-auth-entry,
.alpha-auth-activation-console,
.account-readiness,
.billing-readiness,
.pricing-veyact-hero,
.alpha-commercial-brand-strip,
.alpha-install-command,
.alpha-install-output,
.alpha-install-locks,
.alpha-runner-api-bridge,
.alpha-api-command,
.alpha-api-client-command,
.evidence-room-console {
  background:
    radial-gradient(circle at 14% 0%, rgba(91, 73, 234, 0.22), transparent 28rem),
    radial-gradient(circle at 86% 8%, rgba(62, 123, 250, 0.14), transparent 30rem),
    linear-gradient(180deg, rgba(9, 10, 15, 0.94), rgba(9, 10, 15, 0.99)),
    var(--veyact-design-pattern),
    var(--veyact-design-bg, #090A0F) !important;
  background-size: auto, auto, auto, 760px auto, auto !important;
  background-position: center top !important;
}

.alpha-commercial-brand-strip,
.alpha-install-command,
.alpha-install-output,
.alpha-install-locks,
.alpha-runner-api-bridge,
.alpha-api-command,
.alpha-api-client-command,
.evidence-room-console {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.alpha-commercial-brand-strip::after,
.alpha-install-command::after,
.alpha-install-output::after,
.alpha-install-locks::after,
.alpha-runner-api-bridge::after,
.alpha-api-command::after,
.alpha-api-client-command::after,
.evidence-room-console::after {
  content: "";
  position: absolute;
  inset: auto -8vw -12vw auto;
  z-index: -1;
  width: min(38vw, 440px);
  aspect-ratio: 1;
  background: var(--veyact-design-mark) no-repeat center / contain;
  opacity: 0.06;
  pointer-events: none;
}

.alpha-commercial-brand-lock img,
.alpha-install-terminal-card img,
.alpha-runner-api-brand-card img,
.alpha-api-lock-card img,
.evidence-room-lock-card img,
.evidence-room-card img {
  filter:
    drop-shadow(0 22px 48px rgba(91, 73, 234, 0.38))
    drop-shadow(0 0 20px rgba(25, 195, 125, 0.08));
}

.evidence-room-console {
  border-top: 1px solid rgba(245, 247, 250, 0.09);
  border-bottom: 1px solid rgba(245, 247, 250, 0.09);
  padding-block: clamp(58px, 9vw, 112px);
}

.evidence-room-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.36fr);
  gap: clamp(22px, 5vw, 64px);
  align-items: stretch;
  margin-bottom: clamp(22px, 4vw, 42px);
}

.evidence-room-head h2 {
  max-width: 820px;
  margin: 0;
  color: #ffffff;
  font-size: clamp(2rem, 4.5vw, 4.6rem);
  line-height: 0.96;
}

.evidence-room-head p:not(.eyebrow),
.evidence-room-lock-card p {
  color: rgba(245, 247, 250, 0.68);
}

.evidence-room-lock-card {
  display: grid;
  gap: 12px;
  align-content: end;
  min-width: 0;
  min-height: 260px;
  padding: clamp(18px, 3vw, 28px);
  border: 1px solid rgba(245, 247, 250, 0.13);
  border-radius: 22px;
  background:
    radial-gradient(circle at 50% 28%, rgba(91, 73, 234, 0.22), transparent 13rem),
    linear-gradient(180deg, rgba(245, 247, 250, 0.08), rgba(245, 247, 250, 0.03)),
    rgba(15, 18, 26, 0.84);
  box-shadow:
    0 28px 82px rgba(0, 0, 0, 0.3),
    0 0 0 1px rgba(245, 247, 250, 0.03) inset;
}

.evidence-room-lock-card img {
  width: min(42vw, 150px);
  margin-bottom: auto;
}

.evidence-room-lock-card span,
.evidence-room-card > span:not(.evidence-room-icon),
.evidence-room-lockbar span {
  color: var(--green);
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.evidence-room-lock-card strong {
  color: #ffffff;
  font-size: clamp(1.1rem, 1.7vw, 1.45rem);
  line-height: 1.08;
}

.evidence-room-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.evidence-room-card {
  position: relative;
  display: grid;
  min-width: 0;
  min-height: 236px;
  gap: 12px;
  align-content: start;
  padding: 18px;
  overflow: hidden;
  border: 1px solid rgba(245, 247, 250, 0.12);
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(245, 247, 250, 0.075), rgba(245, 247, 250, 0.026)),
    rgba(15, 18, 26, 0.8);
  color: inherit;
  text-decoration: none;
  box-shadow:
    0 24px 72px rgba(0, 0, 0, 0.24),
    0 0 0 1px rgba(245, 247, 250, 0.024) inset;
  transition: border-color 180ms ease, background 180ms ease, transform 180ms ease;
}

.evidence-room-card::after {
  content: "";
  position: absolute;
  inset: auto -34px -44px auto;
  width: 116px;
  aspect-ratio: 1;
  background: var(--veyact-design-mark) no-repeat center / contain;
  opacity: 0.03;
  pointer-events: none;
}

.evidence-room-card:hover,
.evidence-room-card:focus-visible,
.evidence-room-card.active {
  border-color: rgba(91, 73, 234, 0.54);
  background:
    linear-gradient(180deg, rgba(91, 73, 234, 0.16), rgba(245, 247, 250, 0.04)),
    rgba(15, 18, 26, 0.9);
  transform: translateY(-2px);
}

.evidence-room-card:hover::after,
.evidence-room-card:focus-visible::after,
.evidence-room-card.active::after {
  opacity: 0.07;
}

.evidence-room-icon {
  display: inline-grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(245, 247, 250, 0.12);
  border-radius: 14px;
  background: rgba(245, 247, 250, 0.06);
}

.evidence-room-icon img {
  width: 22px;
  height: 22px;
}

.evidence-room-card strong {
  color: #ffffff;
  font-size: clamp(1.1rem, 1.7vw, 1.45rem);
  line-height: 1.05;
}

.evidence-room-card p {
  margin: 0;
  color: rgba(245, 247, 250, 0.66);
}

.evidence-room-lockbar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}

.evidence-room-lockbar span {
  border: 1px solid rgba(25, 195, 125, 0.18);
  border-radius: 999px;
  padding: 8px 11px;
  background: rgba(25, 195, 125, 0.075);
  color: rgba(245, 247, 250, 0.78);
}

@media (max-width: 1040px) {
  .evidence-room-head,
  .evidence-room-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .evidence-room-head,
  .evidence-room-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .evidence-room-lock-card {
    min-height: 220px;
  }

  .evidence-room-card {
    min-height: 210px;
  }
}

/* Veyact product-surface coherence: keep the selected dark field and V identity through the app preview. */
:root {
  --veyact-glass: rgba(15, 18, 26, 0.78);
  --veyact-glass-strong: rgba(21, 25, 34, 0.88);
  --veyact-glass-line: rgba(245, 247, 250, 0.12);
  --veyact-glass-line-strong: rgba(245, 247, 250, 0.2);
}

.section,
.final-cta,
.notice {
  position: relative;
}

.capability,
.tier,
.principles article,
.faq-item,
.artifact-panel,
.workflow-milestone-card,
.alpha-dashboard-command-card,
.alpha-control-plane-card,
.alpha-disabled-action-card,
.alpha-account-command-center,
.alpha-account-workspace-card,
.alpha-account-summary-grid article,
.alpha-account-command-nav,
.alpha-account-command-main article,
.alpha-account-launch-checklist,
.alpha-billing-operations,
.alpha-billing-lock-card,
.alpha-billing-summary-grid article,
.alpha-billing-ops-grid article,
.alpha-billing-plan-table,
.alpha-billing-plan-rows article,
.alpha-billing-state-table article,
.alpha-billing-readiness-list,
.alpha-billing-step,
.support-triage-timeline li,
.alpha-workflow-spine a,
.alpha-run-workbench.compact,
.alpha-run-request-card,
.alpha-run-workbench-panel,
.alpha-run-workbench-lifecycle li,
.alpha-run-workbench-disabled,
.alpha-run-workbench-export,
.alpha-run-workbench-guardrails,
.alpha-run-workbench-disabled article,
.alpha-run-workbench-export li,
.alpha-run-workbench-guardrails li,
.alpha-run-command,
.alpha-run-lifecycle li,
.alpha-trace-timeline > li,
.alpha-export-manifest > div {
  border-color: var(--veyact-glass-line);
  background:
    linear-gradient(180deg, rgba(245, 247, 250, 0.075), rgba(245, 247, 250, 0.026)),
    var(--veyact-glass);
  box-shadow:
    0 26px 70px rgba(0, 0, 0, 0.24),
    0 1px 0 rgba(245, 247, 250, 0.05) inset;
}

.capability:hover,
.tier:hover,
.principles article:hover,
.artifact-panel:hover,
.alpha-control-plane-card:hover,
.alpha-account-command-main article:hover,
.alpha-billing-ops-grid article:hover,
.alpha-workflow-spine a:hover,
.alpha-run-command:hover,
.alpha-trace-timeline > li:hover,
.alpha-export-manifest > div:hover {
  border-color: var(--veyact-glass-line-strong);
  box-shadow:
    0 30px 84px rgba(0, 0, 0, 0.34),
    0 0 0 1px rgba(91, 73, 234, 0.14) inset;
}

.capability h3,
.tier h3,
.principles h3,
.faq-item h3,
.artifact-panel h3,
.workflow-milestone-card h3,
.alpha-dashboard-command-card h3,
.alpha-control-plane-card h3,
.alpha-disabled-action-card h3,
.alpha-account-workspace-card strong,
.alpha-account-summary-grid strong,
.alpha-account-command-main h3,
.alpha-billing-lock-card strong,
.alpha-billing-summary-grid strong,
.alpha-billing-ops-grid strong,
.alpha-billing-plan-table > div:first-child strong,
.alpha-billing-plan-rows strong,
.alpha-billing-state-table strong,
.alpha-billing-step h3,
.support-triage-timeline h3,
.alpha-workflow-spine p,
.alpha-run-request-card h3,
.alpha-run-request-card dd,
.alpha-run-workbench-lifecycle strong,
.alpha-run-workbench-disabled strong,
.alpha-run-lifecycle strong,
.alpha-trace-timeline h3,
.alpha-export-manifest dd,
.tier-next strong,
.workflow-milestone-card strong {
  color: rgba(245, 247, 250, 0.96);
}

.capability p,
.tier p,
.principles p,
.faq-item p,
.artifact-panel p,
.workflow-milestone-card p,
.alpha-dashboard-command-card p,
.alpha-control-plane-card p,
.alpha-disabled-action-card p,
.alpha-account-command-head p,
.alpha-account-workspace-card p,
.alpha-account-summary-grid p,
.alpha-account-command-main p,
.alpha-account-command-main small,
.alpha-account-launch-checklist li,
.alpha-billing-operations-head p,
.alpha-billing-lock-card p,
.alpha-billing-summary-grid p,
.alpha-billing-ops-grid p,
.alpha-billing-ops-grid small,
.alpha-billing-plan-table p,
.alpha-billing-plan-rows p,
.alpha-billing-state-table p,
.alpha-billing-readiness-list li,
.alpha-billing-step p,
.support-triage-timeline p,
.alpha-run-command p,
.alpha-run-lifecycle span,
.alpha-trace-timeline p,
.tier-fit,
.tier-next,
.alpha-run-workbench-panel p,
.alpha-run-workbench-lifecycle p,
.alpha-run-workbench-disabled p,
.alpha-run-workbench-export li,
.alpha-run-workbench-guardrails li {
  color: rgba(197, 204, 220, 0.86);
}

.alpha-account-command-center,
.alpha-billing-operations,
.alpha-run-workbench,
.alpha-plan-decision {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(circle at 16% 0%, rgba(91, 73, 234, 0.18), transparent 26rem),
    radial-gradient(circle at 86% 12%, rgba(25, 195, 125, 0.08), transparent 28rem),
    linear-gradient(180deg, rgba(9, 10, 15, 0.96), rgba(9, 10, 15, 0.995)),
    var(--veyact-design-pattern),
    var(--veyact-design-bg, #090A0F) !important;
  background-size: auto, auto, auto, 760px auto, auto !important;
}

.alpha-account-command-center::before,
.alpha-billing-operations::before,
.alpha-run-workbench::before,
.alpha-plan-decision::before {
  content: "";
  position: absolute;
  inset: auto -9vw -12vw auto;
  z-index: -1;
  width: min(40vw, 440px);
  aspect-ratio: 1;
  background: var(--veyact-design-mark) no-repeat center / contain;
  opacity: 0.055;
  pointer-events: none;
}

.alpha-account-workspace-card img,
.alpha-billing-lock-card img,
.alpha-auth-panel-brand img,
.homepage-brand-rail-card img,
.hero-brand-chip img {
  filter:
    drop-shadow(0 16px 34px rgba(91, 73, 234, 0.34))
    drop-shadow(0 0 18px rgba(25, 195, 125, 0.12));
}

.alpha-account-command-nav {
  padding: 10px;
}

.alpha-account-command-nav a {
  color: rgba(245, 247, 250, 0.9);
}

.alpha-account-command-nav a:hover,
.alpha-account-command-nav a:focus-visible {
  border-color: var(--veyact-glass-line-strong);
  background: rgba(245, 247, 250, 0.07);
}

.alpha-account-workspace-card dl div,
.alpha-run-request-card dl > div,
.alpha-billing-plan-rows article,
.alpha-run-workbench-disabled article,
.alpha-run-workbench-export li,
.alpha-run-workbench-guardrails li {
  border-color: rgba(245, 247, 250, 0.1);
  background: rgba(9, 10, 15, 0.34);
}

.tier-badge,
.alpha-control-plane-card mark,
.alpha-account-command-nav mark,
.alpha-billing-step mark,
.alpha-run-workbench-lifecycle mark,
.alpha-workflow-spine strong {
  background: rgba(25, 195, 125, 0.1);
  color: rgba(125, 239, 185, 0.95);
  border: 1px solid rgba(25, 195, 125, 0.18);
}

.alpha-disabled-action-card span,
.alpha-account-launch-checklist > span,
.alpha-billing-readiness-list > span {
  color: rgba(245, 181, 71, 0.96);
}

.alpha-auth-entry {
  align-items: stretch;
}

.alpha-auth-panel,
.alpha-auth-provider-card,
.alpha-auth-provider-list article,
.alpha-auth-field-preview,
.alpha-auth-note {
  border-color: var(--veyact-glass-line);
  background:
    linear-gradient(180deg, rgba(245, 247, 250, 0.08), rgba(245, 247, 250, 0.03)),
    rgba(9, 10, 15, 0.64);
}

.alpha-auth-button-list button {
  border-color: rgba(245, 247, 250, 0.12);
  background: rgba(245, 247, 250, 0.08);
  color: rgba(245, 247, 250, 0.86);
}

.alpha-auth-button-list button:first-child {
  background: linear-gradient(135deg, rgba(91, 73, 234, 0.88), rgba(62, 123, 250, 0.82));
  color: #ffffff;
}

@media (max-width: 720px) {
  .alpha-account-command-center::before,
  .alpha-billing-operations::before,
  .alpha-run-workbench::before,
  .alpha-plan-decision::before {
    width: 260px;
    opacity: 0.04;
  }
}

/* Veyact launch-surface lockup: the supplied dark field, pattern, and V mark are the product shell. */
html {
  background: var(--veyact-design-bg, #090A0F);
}

body {
  isolation: isolate;
  background:
    radial-gradient(circle at 12% 0%, rgba(91, 73, 234, 0.22), transparent 31rem),
    radial-gradient(circle at 86% 6%, rgba(62, 123, 250, 0.14), transparent 34rem),
    radial-gradient(circle at 52% 42rem, rgba(25, 195, 125, 0.08), transparent 32rem),
    linear-gradient(180deg, rgba(9, 10, 15, 0.82), rgba(9, 10, 15, 0.98)),
    var(--veyact-design-pattern),
    var(--veyact-design-bg, #090A0F) !important;
  background-size: auto, auto, auto, auto, 760px auto, auto !important;
}

body::before {
  content: "";
  position: fixed;
  inset: 11vh -9vw auto auto;
  z-index: 0;
  width: min(38vw, 520px);
  aspect-ratio: 1;
  background: var(--veyact-design-mark) no-repeat center / contain;
  opacity: 0.026;
  pointer-events: none;
}

body > :not(.skip-link) {
  position: relative;
  z-index: 1;
}

.skip-link {
  position: fixed;
  top: 12px;
  left: 12px;
  z-index: 100;
  transform: translateY(-140%);
  border: 1px solid rgba(245, 247, 250, 0.26);
  border-radius: 6px;
  padding: 10px 13px;
  background: rgba(9, 10, 15, 0.94);
  color: #ffffff;
  font-weight: 900;
  text-decoration: none;
  box-shadow: 0 22px 56px rgba(0, 0, 0, 0.32);
  transition: transform 160ms ease;
}

.skip-link:focus {
  transform: translateY(0);
}

#main-content:focus {
  outline: none;
}

.site-header {
  z-index: 20;
  grid-template-columns: minmax(230px, auto) minmax(0, 1fr) auto;
  border-bottom-color: rgba(245, 247, 250, 0.12) !important;
  background:
    radial-gradient(circle at 7% -32%, rgba(91, 73, 234, 0.28), transparent 20rem),
    radial-gradient(circle at 86% -42%, rgba(25, 195, 125, 0.12), transparent 19rem),
    linear-gradient(180deg, rgba(9, 10, 15, 0.96), rgba(9, 10, 15, 0.88)),
    var(--veyact-design-pattern),
    var(--veyact-design-bg, #090A0F) !important;
  background-size: auto, auto, auto, 520px auto, auto !important;
  box-shadow:
    0 18px 52px rgba(0, 0, 0, 0.32),
    0 1px 0 rgba(245, 247, 250, 0.08) inset !important;
}

.brand-mark {
  min-width: 0;
}

.brand-mark > img {
  width: clamp(108px, 11vw, 132px);
}

.header-v-mark {
  flex: 0 0 auto;
  display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  border: 1px solid rgba(245, 247, 250, 0.16);
  border-radius: 8px;
  background:
    radial-gradient(circle at 50% 40%, rgba(91, 73, 234, 0.26), transparent 70%),
    rgba(245, 247, 250, 0.055);
  box-shadow:
    0 16px 36px rgba(91, 73, 234, 0.2),
    0 1px 0 rgba(245, 247, 250, 0.08) inset;
}

.header-v-mark img {
  width: 24px;
  height: 24px;
  filter: drop-shadow(0 8px 18px rgba(91, 73, 234, 0.42));
}

.site-nav {
  justify-content: center;
  gap: 4px;
}

.site-nav a,
.header-preview-link,
.header-cta {
  border: 1px solid transparent;
}

.site-nav a {
  color: rgba(197, 204, 220, 0.82) !important;
}

.site-nav a[aria-current="page"],
.site-nav a:hover,
.site-nav a:focus-visible {
  border-color: rgba(245, 247, 250, 0.12);
  color: #ffffff !important;
  background: rgba(245, 247, 250, 0.075) !important;
}

.header-preview-link {
  border-color: rgba(245, 247, 250, 0.16) !important;
  color: rgba(245, 247, 250, 0.9) !important;
  background: rgba(245, 247, 250, 0.055) !important;
}

.header-preview-link:hover,
.header-preview-link:focus-visible {
  border-color: rgba(25, 195, 125, 0.32) !important;
  background: rgba(25, 195, 125, 0.08) !important;
}

.header-cta,
.button {
  background: linear-gradient(135deg, rgba(91, 73, 234, 0.96), rgba(62, 123, 250, 0.92)) !important;
  color: #ffffff !important;
  box-shadow:
    0 18px 44px rgba(91, 73, 234, 0.34),
    0 0 0 1px rgba(245, 247, 250, 0.08) inset !important;
}

.button.ghost {
  background: rgba(245, 247, 250, 0.04) !important;
  color: rgba(245, 247, 250, 0.92) !important;
  border-color: rgba(245, 247, 250, 0.14) !important;
  box-shadow: none !important;
}

.button.ghost:hover,
.button.ghost:focus-visible {
  background: rgba(245, 247, 250, 0.08) !important;
  border-color: rgba(245, 247, 250, 0.22) !important;
}

.hero,
.page-hero,
.section,
.final-cta,
.notice {
  border-color: rgba(245, 247, 250, 0.09) !important;
}

.hero,
.page-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.hero::after,
.page-hero::after {
  content: "";
  position: absolute;
  inset: auto -11vw -13vw auto;
  z-index: -1;
  width: min(39vw, 520px);
  aspect-ratio: 1;
  background: var(--veyact-design-mark) no-repeat center / contain;
  opacity: 0.07;
  pointer-events: none;
}

.hero-product-shot {
  border-color: rgba(245, 247, 250, 0.14) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(91, 73, 234, 0.2), transparent 20rem),
    linear-gradient(180deg, rgba(21, 25, 34, 0.92), rgba(9, 10, 15, 0.98)),
    var(--veyact-design-pattern),
    var(--veyact-design-bg, #090A0F) !important;
  background-size: auto, auto, 520px auto, auto !important;
}

.hero-product-shot img {
  border-radius: 0;
}

.hero-product-shot figcaption {
  border-top: 1px solid rgba(245, 247, 250, 0.1);
  background: rgba(9, 10, 15, 0.62);
}

.hero-signal-strip li,
.homepage-alpha-control-head aside,
.homepage-alpha-control-panel,
.homepage-brand-rail-card,
.homepage-alpha-path-card,
.homepage-alpha-control-summary article,
.alpha-launch-access-card,
.artifact-panel,
.capability,
.tier,
.principles article,
.faq-item {
  backdrop-filter: blur(16px);
}

.homepage-alpha-control-head aside,
.homepage-alpha-control-panel,
.alpha-launch-access-card {
  border-color: rgba(245, 247, 250, 0.14) !important;
  background:
    linear-gradient(180deg, rgba(245, 247, 250, 0.08), rgba(245, 247, 250, 0.03)),
    rgba(15, 18, 26, 0.78) !important;
}

.alpha-launch-access-card {
  min-height: 100%;
}

.alpha-launch-access-card:hover,
.homepage-alpha-path-card:hover,
.homepage-brand-rail-card:hover {
  transform: translateY(-2px);
}

.footer-brand-panel {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.footer-brand-panel::after {
  content: "";
  position: absolute;
  inset: auto -54px -72px auto;
  z-index: -1;
  width: 190px;
  aspect-ratio: 1;
  background: var(--veyact-design-mark) no-repeat center / contain;
  opacity: 0.055;
  pointer-events: none;
}

@media (max-width: 1180px) {
  .site-header {
    grid-template-columns: 1fr;
    gap: 10px;
    justify-items: stretch;
  }

  .brand-mark,
  .header-actions {
    justify-self: center;
  }

  .site-nav {
    justify-content: center;
  }
}

@media (max-width: 720px) {
  body::before {
    inset: 9vh -34vw auto auto;
    width: 360px;
    opacity: 0.028;
  }

  .site-header {
    padding: 14px clamp(14px, 5vw, 24px);
  }

  .brand-mark {
    justify-content: center;
  }

  .brand-mark > span:last-child {
    display: none;
  }

  .site-nav a,
  .header-preview-link,
  .header-cta,
  .button {
    min-height: 44px;
  }
}

/* Veyact Alpha control-plane route pass */
.alpha-route-control-dock {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(220px, 0.46fr) minmax(0, 1fr) minmax(240px, 0.4fr);
  gap: clamp(14px, 2.4vw, 28px);
  align-items: stretch;
  margin-top: clamp(-32px, -3vw, -18px);
  padding-top: clamp(18px, 3vw, 28px);
  padding-bottom: clamp(18px, 3vw, 28px);
  overflow: hidden;
  border-top: 1px solid rgba(245, 247, 250, 0.1);
  border-bottom: 1px solid rgba(245, 247, 250, 0.1);
  background:
    radial-gradient(circle at 10% 0%, rgba(91, 73, 234, 0.24), transparent 28rem),
    radial-gradient(circle at 88% 20%, rgba(62, 123, 250, 0.16), transparent 25rem),
    linear-gradient(180deg, rgba(245, 247, 250, 0.064), rgba(245, 247, 250, 0.025)),
    var(--veyact-design-pattern),
    var(--veyact-design-bg, #090A0F);
  background-size: auto, auto, auto, 560px auto, auto;
}

.alpha-route-control-dock::before {
  content: "";
  position: absolute;
  inset: -72px auto auto 9%;
  z-index: -1;
  width: min(38vw, 470px);
  aspect-ratio: 1;
  background: var(--veyact-design-mark) no-repeat center / contain;
  opacity: 0.115;
  pointer-events: none;
}

.alpha-route-control-dock::after {
  content: "";
  position: absolute;
  inset: auto -14vw -18vw auto;
  z-index: -1;
  width: min(58vw, 640px);
  aspect-ratio: 1;
  background: var(--veyact-design-mark) no-repeat center / contain;
  opacity: 0.055;
  pointer-events: none;
}

.alpha-route-control-brand,
.alpha-route-control-next {
  position: relative;
  display: grid;
  align-content: start;
  gap: 8px;
  border: 1px solid rgba(245, 247, 250, 0.12);
  border-radius: 14px;
  padding: 16px;
  background:
    linear-gradient(180deg, rgba(245, 247, 250, 0.08), rgba(245, 247, 250, 0.035)),
    rgba(15, 18, 26, 0.76);
  box-shadow: 0 18px 52px rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(14px);
}

.alpha-route-control-brand {
  grid-template-columns: auto minmax(0, 1fr);
}

.alpha-route-control-brand img {
  width: 42px;
  height: 42px;
  border: 1px solid rgba(245, 247, 250, 0.13);
  border-radius: 10px;
  padding: 8px;
  background: rgba(245, 247, 250, 0.055);
  box-shadow: 0 16px 32px rgba(91, 73, 234, 0.18);
}

.alpha-route-control-brand span,
.alpha-route-control-next span,
.alpha-route-control-lock {
  color: rgba(167, 173, 188, 0.9);
  font-size: 0.74rem;
  font-weight: 900;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.alpha-route-control-brand strong,
.alpha-route-control-next strong {
  color: #fff;
  font-size: 1rem;
}

.alpha-route-control-brand p,
.alpha-route-control-next p,
.alpha-route-control-lock {
  margin: 0;
  color: rgba(245, 247, 250, 0.68);
  line-height: 1.45;
}

.alpha-route-control-steps {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 7px;
  align-self: stretch;
  margin: 0;
  padding: 0;
  list-style: none;
}

.alpha-route-control-steps li {
  min-width: 0;
}

.alpha-route-control-steps a {
  min-height: 100%;
  display: grid;
  gap: 7px;
  align-content: center;
  border: 1px solid rgba(245, 247, 250, 0.1);
  border-radius: 12px;
  padding: 12px 10px;
  background:
    linear-gradient(180deg, rgba(245, 247, 250, 0.055), rgba(245, 247, 250, 0.025)),
    rgba(15, 18, 26, 0.64);
  color: rgba(245, 247, 250, 0.76);
  text-decoration: none;
  transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

.alpha-route-control-steps a:hover,
.alpha-route-control-steps a:focus-visible,
.alpha-route-control-steps li.is-active a {
  border-color: rgba(25, 195, 125, 0.35);
  background:
    radial-gradient(circle at 18% 0%, rgba(25, 195, 125, 0.13), transparent 9rem),
    rgba(25, 195, 125, 0.075);
  color: #fff;
  transform: translateY(-1px);
}

.alpha-route-control-steps span {
  color: var(--green);
  font-size: 0.68rem;
  font-weight: 900;
}

.alpha-route-control-steps strong {
  overflow-wrap: anywhere;
  font-size: clamp(0.78rem, 0.88vw, 0.92rem);
  line-height: 1.2;
}

.alpha-route-control-next a {
  color: var(--green);
  font-weight: 900;
  text-decoration: none;
}

.alpha-route-control-next a:hover,
.alpha-route-control-next a:focus-visible {
  text-decoration: underline;
}

.alpha-route-control-lock {
  grid-column: 1 / -1;
  border: 1px solid rgba(245, 247, 250, 0.1);
  border-radius: 12px;
  padding: 11px 13px;
  background: rgba(245, 247, 250, 0.035);
}

.alpha-route-capability-deck {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(280px, 1.15fr) repeat(3, minmax(0, 0.72fr));
  gap: 12px;
  padding-top: clamp(22px, 4vw, 42px);
  padding-bottom: clamp(24px, 4vw, 48px);
  background:
    radial-gradient(circle at 18% 0%, rgba(91, 73, 234, 0.22), transparent 24rem),
    radial-gradient(circle at 88% 18%, rgba(62, 123, 250, 0.14), transparent 26rem),
    linear-gradient(180deg, rgba(9, 10, 15, 0.88), rgba(9, 10, 15, 0.96)),
    url("/illustrations/background-pattern.png"),
    var(--veyact-design-bg, #090A0F);
  background-size: auto, auto, auto, 620px auto, auto;
}

.alpha-route-capability-deck::before {
  content: "";
  position: absolute;
  inset: -64px clamp(16px, 10vw, 148px) auto auto;
  z-index: -1;
  width: min(42vw, 520px);
  aspect-ratio: 1;
  background: var(--veyact-design-mark) no-repeat center / contain;
  opacity: 0.105;
  pointer-events: none;
}

.alpha-route-capability-primary,
.alpha-route-capability-card {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 9px;
  border: 1px solid rgba(245, 247, 250, 0.11);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(245, 247, 250, 0.07), rgba(245, 247, 250, 0.03)),
    rgba(15, 18, 26, 0.78);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.24);
  backdrop-filter: blur(14px);
}

.alpha-route-capability-primary {
  grid-template-columns: 54px minmax(0, 1fr);
  gap: 14px;
  padding: clamp(16px, 2.4vw, 24px);
}

.alpha-route-capability-card {
  padding: 16px;
}

.alpha-route-capability-primary img {
  width: 54px;
  height: 54px;
  border: 1px solid rgba(245, 247, 250, 0.12);
  border-radius: 8px;
  padding: 9px;
  background:
    linear-gradient(180deg, rgba(245, 247, 250, 0.1), rgba(245, 247, 250, 0.045)),
    rgba(91, 73, 234, 0.15);
  box-shadow: 0 20px 48px rgba(91, 73, 234, 0.24);
}

.alpha-route-capability-deck span {
  color: var(--green);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.alpha-route-capability-deck h2,
.alpha-route-capability-deck strong {
  margin: 0;
  color: #fff;
  line-height: 1.08;
}

.alpha-route-capability-deck h2 {
  font-size: clamp(1.35rem, 2.2vw, 2.15rem);
  text-wrap: balance;
}

.alpha-route-capability-deck p {
  margin: 0;
  color: rgba(245, 247, 250, 0.66);
  line-height: 1.48;
}

.alpha-route-capability-deck a {
  width: max-content;
  max-width: 100%;
  color: var(--green);
  font-weight: 900;
  text-decoration: none;
}

.alpha-route-capability-deck a:hover,
.alpha-route-capability-deck a:focus-visible {
  text-decoration: underline;
}

.alpha-route-nav-only {
  padding-top: clamp(16px, 3vw, 28px);
  padding-bottom: clamp(18px, 3vw, 34px);
}

.alpha-route-nav-only .alpha-shell-nav {
  border: 1px solid rgba(245, 247, 250, 0.1);
  border-radius: 18px;
  padding: clamp(12px, 2vw, 18px);
  background:
    linear-gradient(180deg, rgba(245, 247, 250, 0.06), rgba(245, 247, 250, 0.022)),
    rgba(9, 10, 15, 0.64);
}

.alpha-route-nav-only .alpha-shell-nav-brand {
  min-height: auto;
}

.alpha-route-nav-only .alpha-shell-nav-group-head p,
.alpha-route-nav-only .alpha-shell-journey-meter {
  display: none;
}

.alpha-route-nav-only .alpha-shell-nav-links a {
  min-height: 56px;
}

.alpha-product-panel mark,
.alpha-auth-panel-header small,
.alpha-operating-room-topbar mark {
  border-color: rgba(25, 195, 125, 0.22);
  background: rgba(25, 195, 125, 0.09);
  color: rgba(207, 255, 232, 0.95);
}

@media (max-width: 1180px) {
  .alpha-route-control-dock {
    grid-template-columns: 1fr;
    margin-top: 0;
  }

  .alpha-route-control-steps {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .alpha-route-capability-deck {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 640px) {
  .alpha-route-control-dock {
    padding-left: clamp(14px, 5vw, 24px);
    padding-right: clamp(14px, 5vw, 24px);
  }

  .alpha-route-control-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .alpha-route-control-brand {
    grid-template-columns: 1fr;
  }

  .alpha-route-capability-deck {
    grid-template-columns: 1fr;
    padding-left: clamp(14px, 5vw, 24px);
    padding-right: clamp(14px, 5vw, 24px);
  }

  .alpha-route-capability-primary {
    grid-template-columns: 1fr;
  }

  .alpha-route-control-dock::before,
  .alpha-route-control-dock::after,
  .alpha-route-capability-deck::before {
    width: min(84vw, 360px);
    opacity: 0.065;
  }
}

/* Veyact enterprise finish: make the supplied V mark and Runrail product art carry the buyer journey. */
.hero-product-shot {
  position: relative;
}

.hero-control-overlay {
  position: absolute;
  right: clamp(14px, 3vw, 28px);
  bottom: clamp(58px, 6vw, 82px);
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(3, minmax(92px, 1fr));
  gap: 8px;
  width: min(92%, 500px);
  pointer-events: none;
}

.hero-control-overlay article {
  min-width: 0;
  border: 1px solid rgba(245, 247, 250, 0.14);
  border-radius: 12px;
  padding: 11px 12px;
  background:
    linear-gradient(180deg, rgba(245, 247, 250, 0.11), rgba(245, 247, 250, 0.045)),
    rgba(9, 10, 15, 0.72);
  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.34),
    0 0 0 1px rgba(245, 247, 250, 0.035) inset;
  backdrop-filter: blur(14px);
}

.hero-control-overlay span {
  display: block;
  color: rgba(125, 239, 185, 0.92);
  font-size: 0.66rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.hero-control-overlay strong {
  display: block;
  margin-top: 4px;
  color: #ffffff;
  font-size: clamp(0.82rem, 1vw, 0.96rem);
  line-height: 1.1;
}

.homepage-product-dashboard-preview {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.72fr);
  gap: clamp(18px, 3vw, 34px);
  align-items: center;
  margin: 0;
  border: 1px solid rgba(245, 247, 250, 0.12);
  border-radius: 20px;
  padding: clamp(16px, 2.4vw, 26px);
  background:
    radial-gradient(circle at 14% 0%, rgba(91, 73, 234, 0.22), transparent 25rem),
    radial-gradient(circle at 92% 16%, rgba(25, 195, 125, 0.11), transparent 24rem),
    linear-gradient(180deg, rgba(245, 247, 250, 0.085), rgba(245, 247, 250, 0.028)),
    var(--veyact-design-pattern),
    rgba(9, 10, 15, 0.86);
  background-size: auto, auto, auto, 660px auto, auto;
  box-shadow:
    0 34px 92px rgba(0, 0, 0, 0.34),
    0 0 0 1px rgba(245, 247, 250, 0.035) inset;
}

.homepage-product-dashboard-preview::after {
  content: "";
  position: absolute;
  inset: auto -8vw -13vw auto;
  z-index: -1;
  width: min(40vw, 460px);
  aspect-ratio: 1;
  background: var(--veyact-design-mark) no-repeat center / contain;
  opacity: 0.07;
  pointer-events: none;
}

.homepage-product-dashboard-preview > img {
  display: block;
  width: 100%;
  min-width: 0;
  border: 1px solid rgba(245, 247, 250, 0.1);
  border-radius: 16px;
  background: rgba(5, 6, 10, 0.62);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.26);
}

.homepage-product-dashboard-preview figcaption {
  display: grid;
  gap: 10px;
}

.homepage-product-dashboard-preview span {
  width: max-content;
  max-width: 100%;
  border: 1px solid rgba(25, 195, 125, 0.22);
  border-radius: 999px;
  padding: 7px 10px;
  background: rgba(25, 195, 125, 0.08);
  color: rgba(125, 239, 185, 0.95);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.homepage-product-dashboard-preview strong {
  max-width: 680px;
  color: #ffffff;
  font-size: clamp(1.45rem, 2.8vw, 2.85rem);
  line-height: 1.04;
  text-wrap: balance;
}

.homepage-product-dashboard-preview p {
  max-width: 620px;
  margin: 0;
  color: rgba(245, 247, 250, 0.68);
  line-height: 1.58;
}

@media (max-width: 980px) {
  .homepage-product-dashboard-preview {
    grid-template-columns: 1fr;
  }

  .hero-control-overlay {
    position: static;
    width: auto;
    margin: 12px;
  }
}

@media (max-width: 640px) {
  .hero-control-overlay {
    grid-template-columns: 1fr;
  }

  .homepage-product-dashboard-preview {
    border-radius: 16px;
    padding: 14px;
  }
}

.alpha-auth-panel,
.alpha-account-command-center,
.alpha-billing-operations {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: rgba(245, 247, 250, 0.12);
  border-radius: 18px;
  background:
    radial-gradient(circle at 10% 0%, rgba(91, 73, 234, 0.24), transparent 25rem),
    radial-gradient(circle at 92% 8%, rgba(25, 195, 125, 0.12), transparent 24rem),
    linear-gradient(180deg, rgba(245, 247, 250, 0.078), rgba(245, 247, 250, 0.032)),
    var(--veyact-design-pattern),
    var(--veyact-design-bg, #090A0F);
  background-size: auto, auto, auto, 640px auto, auto;
  color: #f5f7fa;
  box-shadow:
    0 34px 100px rgba(0, 0, 0, 0.34),
    0 0 0 1px rgba(245, 247, 250, 0.035) inset;
}

.alpha-auth-panel::after,
.alpha-account-command-center::after,
.alpha-billing-operations::after {
  content: "";
  position: absolute;
  z-index: 0;
  right: clamp(-95px, -8vw, -44px);
  bottom: clamp(-115px, -9vw, -50px);
  width: min(38vw, 360px);
  aspect-ratio: 1;
  background: var(--veyact-design-mark) no-repeat center / contain;
  opacity: 0.07;
  pointer-events: none;
}

.alpha-auth-panel > *,
.alpha-account-command-center > *,
.alpha-billing-operations > * {
  position: relative;
  z-index: 1;
}

.alpha-auth-panel-header,
.alpha-auth-provider-card,
.alpha-auth-provider-list article,
.alpha-auth-field-preview,
.alpha-auth-product-rail li,
.alpha-auth-trust-row span,
.alpha-account-operating-strip article,
.alpha-billing-flow-meter article {
  border-color: rgba(245, 247, 250, 0.11);
  background:
    linear-gradient(180deg, rgba(245, 247, 250, 0.076), rgba(245, 247, 250, 0.035)),
    rgba(15, 18, 26, 0.74);
  box-shadow: 0 16px 42px rgba(0, 0, 0, 0.16);
}

.alpha-auth-panel-header {
  border-bottom-color: rgba(245, 247, 250, 0.12);
}

.alpha-auth-panel-header span,
.alpha-auth-field-preview span,
.alpha-auth-note,
.alpha-auth-provider-card p,
.alpha-auth-provider-list p,
.alpha-auth-provider-list small,
.alpha-auth-trust-row span,
.alpha-billing-flow-meter p {
  color: rgba(245, 247, 250, 0.66);
}

.alpha-auth-panel-header strong,
.alpha-auth-provider-list strong,
.alpha-auth-field-preview strong,
.alpha-auth-product-rail strong,
.alpha-account-operating-strip strong,
.alpha-billing-flow-meter strong {
  color: #ffffff;
}

.alpha-auth-button-list button {
  border-color: rgba(245, 247, 250, 0.13);
  background: rgba(245, 247, 250, 0.055);
  color: rgba(245, 247, 250, 0.84);
}

.alpha-auth-button-list button:first-child {
  border-color: rgba(125, 239, 185, 0.35);
  background: linear-gradient(135deg, rgba(25, 195, 125, 0.26), rgba(91, 73, 234, 0.38));
  color: #ffffff;
}

.alpha-auth-product-rail,
.alpha-account-operating-strip,
.alpha-billing-flow-meter {
  display: grid;
  gap: 10px;
  margin: 0;
}

.alpha-auth-product-rail {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding: 0;
  list-style: none;
}

.alpha-auth-product-rail li,
.alpha-account-operating-strip article {
  display: grid;
  align-content: start;
  min-width: 0;
  min-height: 132px;
  border: 1px solid rgba(245, 247, 250, 0.11);
  border-radius: 12px;
  padding: 13px;
}

.alpha-auth-product-rail img,
.alpha-account-operating-strip img {
  width: 30px;
  height: 30px;
  margin-bottom: 14px;
  padding: 6px;
  border: 1px solid rgba(25, 195, 125, 0.24);
  border-radius: 9px;
  background: rgba(25, 195, 125, 0.09);
}

.alpha-auth-product-rail span,
.alpha-account-operating-strip span {
  color: rgba(125, 239, 185, 0.92);
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.alpha-auth-product-rail strong,
.alpha-account-operating-strip strong {
  margin-top: 5px;
  font-size: 0.9rem;
  line-height: 1.16;
}

.alpha-auth-trust-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.alpha-auth-trust-row span {
  min-width: 0;
  border: 1px solid rgba(245, 181, 71, 0.18);
  border-radius: 999px;
  padding: 8px 9px;
  color: #ffd08a;
  font-size: 0.72rem;
  font-weight: 900;
  line-height: 1.15;
  text-align: center;
}

.alpha-account-operating-strip {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.alpha-billing-flow-meter {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.alpha-billing-flow-meter article {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  min-width: 0;
  min-height: 132px;
  border: 1px solid rgba(245, 247, 250, 0.11);
  border-radius: 12px;
  padding: 14px;
}

.alpha-billing-flow-meter article > span {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--accent), var(--blue));
  color: #ffffff;
  font-size: 0.82rem;
  font-weight: 900;
}

.alpha-billing-flow-meter div {
  display: grid;
  gap: 7px;
}

.alpha-billing-flow-meter p {
  margin: 0;
  line-height: 1.42;
}

@media (max-width: 980px) {
  .alpha-auth-product-rail,
  .alpha-auth-trust-row,
  .alpha-account-operating-strip,
  .alpha-billing-flow-meter {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .alpha-auth-product-rail,
  .alpha-auth-trust-row,
  .alpha-account-operating-strip,
  .alpha-billing-flow-meter {
    grid-template-columns: 1fr;
  }

  .alpha-billing-flow-meter article {
    min-height: 0;
  }
}

/* Veyact pricing design anchor: preserve the supplied dark field and V mark on the commercial route. */
:root {
  --veyact-design-bg: #090A0F;
  --veyact-brand-primary: #003A5B;
  --veyact-brand-secondary: #3D64FF;
  --veyact-design-mark: url("/brand/veyact-mark-light.svg");
  --veyact-design-pattern: url("/illustrations/background-pattern.png");
}

.pricing-design-anchor {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(260px, 0.34fr) minmax(0, 1fr);
  gap: clamp(18px, 4vw, 54px);
  align-items: stretch;
  border-top: 1px solid rgba(245, 247, 250, 0.1);
  border-bottom: 1px solid rgba(245, 247, 250, 0.1);
  background:
    radial-gradient(circle at 12% 6%, rgba(61, 100, 255, 0.2), transparent 27rem),
    radial-gradient(circle at 84% 18%, rgba(0, 58, 91, 0.72), transparent 31rem),
    linear-gradient(180deg, rgba(9, 10, 15, 0.95), rgba(9, 10, 15, 1)),
    var(--veyact-design-pattern),
    var(--veyact-design-bg);
  background-size: auto, auto, auto, 760px auto, auto;
  color: #f5f7fa;
}

.pricing-design-anchor::before {
  content: "";
  position: absolute;
  z-index: -1;
  right: clamp(-128px, -7vw, -34px);
  top: clamp(18px, 5vw, 74px);
  width: min(48vw, 580px);
  aspect-ratio: 1;
  background: var(--veyact-design-mark) no-repeat center / contain;
  opacity: 0.055;
  pointer-events: none;
}

.pricing-design-anchor-lock,
.pricing-design-anchor-flow article {
  min-width: 0;
  border: 1px solid rgba(245, 247, 250, 0.12);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(245, 247, 250, 0.08), rgba(245, 247, 250, 0.028)),
    rgba(15, 18, 26, 0.82);
  box-shadow:
    0 28px 82px rgba(0, 0, 0, 0.26),
    0 1px 0 rgba(245, 247, 250, 0.055) inset;
}

.pricing-design-anchor-lock {
  position: relative;
  display: grid;
  align-content: end;
  gap: 12px;
  overflow: hidden;
  padding: clamp(18px, 3vw, 28px);
}

.pricing-design-anchor-lock::after {
  content: "";
  position: absolute;
  inset: auto -82px -90px auto;
  width: 245px;
  aspect-ratio: 1;
  background: var(--veyact-design-mark) no-repeat center / contain;
  opacity: 0.07;
  pointer-events: none;
}

.pricing-design-anchor-lock img {
  width: 70px;
  height: 70px;
  border: 1px solid rgba(245, 247, 250, 0.14);
  border-radius: 8px;
  padding: 12px;
  background:
    radial-gradient(circle at 50% 36%, rgba(61, 100, 255, 0.34), transparent 72%),
    rgba(0, 58, 91, 0.76);
  filter:
    drop-shadow(0 26px 54px rgba(61, 100, 255, 0.34))
    drop-shadow(0 0 20px rgba(245, 247, 250, 0.08));
}

.pricing-design-anchor-lock span,
.pricing-design-anchor-flow span {
  color: rgba(125, 239, 185, 0.94);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.pricing-design-anchor-lock strong {
  max-width: 12em;
  color: #ffffff;
  font-size: clamp(1.7rem, 2.8vw, 2.75rem);
  line-height: 1;
  text-wrap: balance;
}

.pricing-design-anchor-lock p,
.pricing-design-anchor-copy p,
.pricing-design-anchor-flow p {
  margin: 0;
  color: rgba(197, 204, 220, 0.86);
  line-height: 1.55;
}

.pricing-design-anchor-copy {
  display: grid;
  align-content: center;
  gap: 18px;
  min-width: 0;
}

.pricing-design-anchor-copy h2 {
  max-width: 13em;
  margin: 0;
  color: #ffffff;
  font-size: clamp(2rem, 4.2vw, 4.6rem);
  line-height: 0.98;
  text-wrap: balance;
}

.pricing-design-anchor-copy > p:not(.eyebrow) {
  max-width: 820px;
  font-size: clamp(1rem, 1.16vw, 1.12rem);
}

.pricing-design-anchor-flow {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.pricing-design-anchor-flow article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-height: 150px;
  padding: 15px;
}

.pricing-design-anchor-flow strong {
  color: #ffffff;
  font-size: 1rem;
  line-height: 1.18;
}

.pricing-design-anchor + .pricing-buyer-decision-strip {
  border-top: 0;
}

@media (max-width: 980px) {
  .pricing-design-anchor {
    grid-template-columns: minmax(0, 1fr);
  }

  .pricing-design-anchor-flow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .pricing-design-anchor {
    padding-block: clamp(42px, 12vw, 72px);
  }

  .pricing-design-anchor-flow {
    grid-template-columns: minmax(0, 1fr);
  }

  .pricing-design-anchor-lock strong,
  .pricing-design-anchor-copy h2 {
    font-size: clamp(1.78rem, 9vw, 2.55rem);
  }
}

/* Veyact design-folder fidelity pass: keep the supplied #090A0F field, background pattern, and V/check mark visible on account entry and Alpha navigation. */
:root {
  --veyact-design-bg: #090A0F;
  --veyact-design-bg-2: #0F121A;
  --veyact-design-card: #151922;
  --veyact-design-line: #2A3040;
  --veyact-design-text: #F5F7FA;
  --veyact-design-muted: #A7ADBC;
  --veyact-design-accent: #5B49EA;
  --veyact-design-blue: #3E7BFA;
  --veyact-design-verified: #19C37D;
  --veyact-design-pattern: url("/illustrations/background-pattern.png");
  --veyact-design-mark: url("/brand/veyact-mark-light.svg");
}

.alpha-auth-entry,
.alpha-route-nav-only,
.alpha-shell-nav {
  background:
    radial-gradient(circle at 14% 2%, rgba(91, 73, 234, 0.26), transparent 28rem),
    radial-gradient(circle at 86% 12%, rgba(62, 123, 250, 0.18), transparent 30rem),
    linear-gradient(180deg, rgba(9, 10, 15, 0.94), rgba(9, 10, 15, 0.995)),
    var(--veyact-design-pattern),
    var(--veyact-design-bg) !important;
  background-size: auto, auto, auto, 760px auto, auto !important;
  color: var(--veyact-design-text);
}

.alpha-auth-design-lockup {
  width: min(100%, 560px);
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  margin: 22px 0 0;
  border: 1px solid rgba(245, 247, 250, 0.13);
  border-radius: 10px;
  padding: 12px;
  background:
    linear-gradient(135deg, rgba(91, 73, 234, 0.16), rgba(25, 195, 125, 0.06)),
    rgba(15, 18, 26, 0.76);
  box-shadow:
    0 22px 64px rgba(0, 0, 0, 0.26),
    0 1px 0 rgba(245, 247, 250, 0.06) inset;
}

.alpha-auth-design-lockup img {
  width: 46px;
  height: 46px;
  border: 1px solid rgba(245, 247, 250, 0.14);
  border-radius: 8px;
  padding: 8px;
  background:
    radial-gradient(circle at 50% 40%, rgba(91, 73, 234, 0.36), transparent 72%),
    rgba(245, 247, 250, 0.055);
  filter:
    drop-shadow(0 18px 34px rgba(91, 73, 234, 0.34))
    drop-shadow(0 0 16px rgba(25, 195, 125, 0.12));
}

.alpha-auth-design-lockup span,
.alpha-shell-design-note {
  color: rgba(125, 239, 185, 0.94);
  font-size: 0.7rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.alpha-auth-design-lockup strong {
  display: block;
  margin-top: 4px;
  color: #ffffff;
  font-size: clamp(0.98rem, 1.2vw, 1.12rem);
  line-height: 1.18;
}

.alpha-shell-design-note {
  grid-column: 1 / -1;
  margin: 2px 0 0;
  border-top: 1px solid rgba(245, 247, 250, 0.1);
  padding-top: 10px;
  color: rgba(245, 247, 250, 0.62);
  font-size: 0.64rem;
  line-height: 1.35;
  text-transform: none;
}

.alpha-auth-panel,
.alpha-shell-nav-brand,
.alpha-shell-nav-group {
  border-color: rgba(245, 247, 250, 0.13);
  background:
    linear-gradient(180deg, rgba(245, 247, 250, 0.08), rgba(245, 247, 250, 0.032)),
    rgba(21, 25, 34, 0.86) !important;
}

.alpha-auth-panel::after,
.alpha-shell-nav::before,
.alpha-route-nav-only::before {
  background: var(--veyact-design-mark) no-repeat center / contain !important;
}

.alpha-auth-panel-brand img,
.alpha-shell-nav-brand img,
.alpha-auth-design-lockup img {
  object-fit: contain;
}

@media (max-width: 640px) {
  .alpha-auth-design-lockup {
    grid-template-columns: 40px minmax(0, 1fr);
    padding: 10px;
  }

  .alpha-auth-design-lockup img {
    width: 40px;
    height: 40px;
  }
}

/* Veyact brand fidelity layer: preserve the selected design-folder dark field, background pattern, and V mark across active buyer surfaces. */
body {
  background:
    radial-gradient(circle at 14% 0%, rgba(91, 73, 234, 0.2), transparent 30rem),
    radial-gradient(circle at 88% 10%, rgba(62, 123, 250, 0.15), transparent 32rem),
    linear-gradient(180deg, rgba(9, 10, 15, 0.86), rgba(9, 10, 15, 0.98)),
    var(--veyact-design-pattern),
    var(--veyact-design-bg) !important;
  background-size: auto, auto, auto, 760px auto, auto !important;
  background-attachment: fixed;
}

.site-header {
  border-bottom: 1px solid rgba(245, 247, 250, 0.1) !important;
  background:
    linear-gradient(180deg, rgba(15, 18, 26, 0.94), rgba(9, 10, 15, 0.88)),
    var(--veyact-design-pattern),
    var(--veyact-design-bg) !important;
  background-size: auto, 620px auto, auto !important;
  box-shadow:
    0 18px 54px rgba(0, 0, 0, 0.24),
    0 1px 0 rgba(245, 247, 250, 0.06) inset !important;
}

.brand-mark {
  color: #ffffff;
}

.brand-mark > span:last-child {
  color: rgba(245, 247, 250, 0.86);
}

.hero-home,
.page-hero,
.homepage-brand-rail,
.homepage-alpha-control-plane,
.alpha-launch-access,
.pricing-veyact-hero,
.pricing-design-anchor,
.pricing-buyer-decision-strip,
.alpha-product-hero,
.alpha-product-readiness-strip,
.alpha-conversion-journey-section,
.alpha-workspace-console,
.alpha-auth-entry,
.alpha-auth-activation-console,
.alpha-route-control-dock,
.alpha-route-capability-deck,
.alpha-route-nav-only,
.alpha-shell-nav,
.account-readiness,
.billing-readiness,
.alpha-run-workbench,
.alpha-runner-api-bridge,
.alpha-api-command,
.alpha-api-client-command,
.evidence-room-console,
.enterprise-review-center,
.proof-band,
.final-cta,
.site-footer {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: rgba(245, 247, 250, 0.09) !important;
  background:
    radial-gradient(circle at 14% 0%, rgba(91, 73, 234, 0.22), transparent 30rem),
    radial-gradient(circle at 86% 8%, rgba(62, 123, 250, 0.14), transparent 31rem),
    linear-gradient(180deg, rgba(9, 10, 15, 0.94), rgba(9, 10, 15, 0.99)),
    var(--veyact-design-pattern),
    var(--veyact-design-bg) !important;
  background-size: auto, auto, auto, 760px auto, auto !important;
  background-position: center top !important;
  color: var(--veyact-design-text);
}

.hero-home::before,
.page-hero::before,
.homepage-brand-rail::before,
.homepage-alpha-control-plane::before,
.alpha-launch-access::before,
.pricing-veyact-hero::before,
.pricing-design-anchor::before,
.alpha-product-hero::before,
.alpha-auth-entry::before,
.alpha-route-control-dock::before,
.alpha-route-capability-deck::before,
.alpha-route-nav-only::before,
.alpha-shell-nav::before,
.evidence-room-console::before,
.enterprise-review-center::before,
.site-footer::before {
  content: "";
  position: absolute;
  inset: clamp(24px, 6vw, 110px) clamp(18px, 7vw, 132px) auto auto;
  z-index: -1;
  width: min(42vw, 560px);
  aspect-ratio: 1;
  background: var(--veyact-design-mark) no-repeat center / contain;
  opacity: 0.075;
  pointer-events: none;
}

.hero-home::before,
.alpha-product-hero::before,
.pricing-veyact-hero::before {
  width: min(48vw, 660px);
  opacity: 0.11;
}

.hero-brand-chip,
.header-v-mark,
.hero-verification-lock,
.homepage-brand-rail-lock,
.alpha-auth-design-lockup,
.alpha-commercial-brand-lock,
.pricing-design-anchor-lock,
.alpha-route-control-brand,
.alpha-route-control-next,
.alpha-route-capability-primary,
.alpha-route-capability-card,
.alpha-account-workspace-card,
.alpha-billing-lock-card,
.alpha-runner-api-brand-card,
.alpha-api-lock-card,
.evidence-room-lock-card {
  border-color: rgba(245, 247, 250, 0.14) !important;
  background:
    linear-gradient(180deg, rgba(245, 247, 250, 0.09), rgba(245, 247, 250, 0.034)),
    rgba(15, 18, 26, 0.82) !important;
  box-shadow:
    0 24px 72px rgba(0, 0, 0, 0.28),
    0 1px 0 rgba(245, 247, 250, 0.07) inset !important;
}

.hero-brand-chip img,
.header-v-mark img,
.hero-verification-lock img,
.homepage-brand-rail-lock img,
.homepage-brand-rail-card img,
.alpha-auth-design-lockup img,
.alpha-auth-panel-brand img,
.alpha-shell-nav-brand img,
.alpha-commercial-brand-lock img,
.pricing-design-anchor-lock img,
.alpha-route-control-brand img,
.alpha-route-capability-primary img,
.alpha-account-workspace-card img,
.alpha-billing-lock-card img,
.alpha-runner-api-brand-card img,
.alpha-api-lock-card img,
.evidence-room-lock-card img,
.footer-logo img {
  filter:
    drop-shadow(0 20px 44px rgba(91, 73, 234, 0.38))
    drop-shadow(0 0 18px rgba(25, 195, 125, 0.1));
}

.artifact-panel,
.capability,
.tier,
.principles article,
.faq-item,
.workflow-milestone-card,
.homepage-alpha-path-card,
.homepage-alpha-control-panel,
.homepage-alpha-control-summary article,
.alpha-launch-access-card,
.alpha-shell-nav-group,
.alpha-shell-nav-links a,
.alpha-route-control-steps a,
.alpha-account-command-main article,
.alpha-billing-summary-grid article,
.alpha-billing-ops-grid article,
.alpha-run-request-card,
.alpha-run-workbench-panel,
.alpha-run-workbench-lifecycle li,
.alpha-trace-timeline > li,
.alpha-export-manifest > div,
.support-triage-timeline li,
.status-card {
  border-color: rgba(245, 247, 250, 0.12) !important;
  background:
    linear-gradient(180deg, rgba(245, 247, 250, 0.075), rgba(245, 247, 250, 0.026)),
    rgba(15, 18, 26, 0.78) !important;
  color: var(--veyact-design-text);
  box-shadow:
    0 24px 70px rgba(0, 0, 0, 0.24),
    0 1px 0 rgba(245, 247, 250, 0.05) inset !important;
}

.artifact-panel:hover,
.capability:hover,
.tier:hover,
.homepage-alpha-path-card:hover,
.alpha-launch-access-card:hover,
.alpha-shell-nav-links a:hover,
.alpha-route-control-steps a:hover,
.alpha-route-control-steps a:focus-visible {
  border-color: rgba(25, 195, 125, 0.32) !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(25, 195, 125, 0.12), transparent 12rem),
    linear-gradient(180deg, rgba(245, 247, 250, 0.09), rgba(245, 247, 250, 0.035)),
    rgba(15, 18, 26, 0.86) !important;
}

.section-heading p,
.section-copy,
.section-copy p,
.lead,
.artifact-panel p,
.capability p,
.tier p,
.principles p,
.faq-item p,
.workflow-milestone-card p,
.status-detail,
.status-state,
.homepage-alpha-control-head p,
.homepage-alpha-path-card p,
.homepage-alpha-control-panel p,
.alpha-launch-access-card p,
.alpha-shell-nav-group-head p,
.alpha-route-control-brand p,
.alpha-route-control-next p,
.alpha-route-control-lock,
.alpha-route-capability-deck p,
.footer-brand-panel p,
.footer-status-row span {
  color: rgba(197, 204, 220, 0.86) !important;
}

h1,
h2,
h3,
.artifact-panel h3,
.capability h3,
.tier h3,
.status-label,
.homepage-alpha-path-card strong,
.homepage-alpha-control-panel strong,
.alpha-launch-access-card h3,
.alpha-shell-nav-group-head strong,
.alpha-route-control-brand strong,
.alpha-route-control-next strong,
.alpha-route-capability-deck h2,
.alpha-route-capability-deck strong {
  color: rgba(245, 247, 250, 0.98);
}

.eyebrow,
.artifact-panel span,
.homepage-alpha-path-card span,
.homepage-alpha-control-panel span,
.alpha-launch-access-card span,
.alpha-shell-nav-group-head span,
.alpha-shell-nav-links small,
.alpha-route-control-steps span,
.alpha-route-capability-deck span {
  color: rgba(125, 239, 185, 0.94) !important;
}

.button,
.header-cta {
  border: 1px solid rgba(245, 247, 250, 0.1) !important;
}

.button.ghost,
.header-preview-link {
  border-color: rgba(245, 247, 250, 0.16) !important;
  background:
    linear-gradient(180deg, rgba(245, 247, 250, 0.07), rgba(245, 247, 250, 0.025)),
    rgba(15, 18, 26, 0.7) !important;
}

@media (max-width: 720px) {
  .hero-home::before,
  .page-hero::before,
  .homepage-brand-rail::before,
  .homepage-alpha-control-plane::before,
  .alpha-launch-access::before,
  .pricing-veyact-hero::before,
  .pricing-design-anchor::before,
  .alpha-product-hero::before,
  .alpha-auth-entry::before,
  .alpha-route-control-dock::before,
  .alpha-route-capability-deck::before,
  .alpha-route-nav-only::before,
  .alpha-shell-nav::before,
  .evidence-room-console::before,
  .enterprise-review-center::before,
  .site-footer::before {
    inset: auto -22vw -12vw auto;
    width: min(88vw, 380px);
    opacity: 0.055;
  }

  .hero-home,
  .page-hero,
  .section {
    background-size: auto, auto, auto, 520px auto, auto !important;
  }
}

/* Veyact design-folder identity lock: preserve the supplied #090A0F field, background pattern, and V/check mark as the visible product frame. */
.hero-home,
.homepage-brand-rail,
.homepage-alpha-control-plane,
.alpha-product-hero,
.alpha-route-control-dock,
.alpha-route-capability-deck,
.alpha-workspace-console,
.alpha-run-workbench,
.alpha-runner-api-bridge,
.alpha-api-command,
.support-workflow-hero,
.pricing-veyact-hero {
  background:
    radial-gradient(circle at 16% 0%, rgba(91, 73, 234, 0.24), transparent 29rem),
    radial-gradient(circle at 84% 8%, rgba(25, 195, 125, 0.1), transparent 27rem),
    linear-gradient(180deg, rgba(9, 10, 15, 0.92), rgba(9, 10, 15, 0.985)),
    url("/illustrations/background-pattern.png"),
    #090A0F !important;
  background-size: auto, auto, auto, 720px auto, auto !important;
}

.hero-home .hero-product-shot,
.homepage-product-dashboard-preview,
.runrail-dashboard-visual,
.workflow-visual {
  border-color: rgba(245, 247, 250, 0.16) !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(91, 73, 234, 0.18), transparent 18rem),
    linear-gradient(180deg, rgba(15, 18, 26, 0.94), rgba(9, 10, 15, 0.96)),
    #090A0F !important;
  box-shadow:
    0 32px 90px rgba(0, 0, 0, 0.36),
    0 1px 0 rgba(245, 247, 250, 0.06) inset !important;
}

.hero-home .hero-product-shot::after,
.homepage-product-dashboard-preview::after,
.alpha-run-workbench::after,
.alpha-route-capability-deck::after {
  content: "";
  position: absolute;
  right: clamp(18px, 6vw, 96px);
  bottom: clamp(18px, 6vw, 80px);
  z-index: -1;
  width: min(30vw, 360px);
  aspect-ratio: 1;
  background: url("/brand/veyact-mark-light.svg") no-repeat center / contain;
  opacity: 0.055;
  pointer-events: none;
}

.hero-home .hero-product-shot,
.homepage-product-dashboard-preview {
  position: relative;
  isolation: isolate;
}

/* Veyact enterprise polish pass: keep the supplied dark field and V/check system while tightening the app-like buyer journey. */
:root {
  --veyact-shell-bg: #090A0F;
  --veyact-shell-card: rgba(15, 18, 26, 0.82);
  --veyact-shell-card-strong: rgba(21, 25, 34, 0.92);
  --veyact-shell-line: rgba(245, 247, 250, 0.13);
  --veyact-shell-line-strong: rgba(125, 239, 185, 0.28);
  --veyact-shell-text: #F5F7FA;
  --veyact-shell-muted: #A7ADBC;
}

body {
  min-height: 100vh;
  background:
    radial-gradient(circle at 14% 0%, rgba(91, 73, 234, 0.18), transparent 32rem),
    radial-gradient(circle at 92% 5%, rgba(62, 123, 250, 0.12), transparent 30rem),
    linear-gradient(180deg, rgba(9, 10, 15, 0.88), rgba(9, 10, 15, 0.985)),
    url("/illustrations/background-pattern.png"),
    var(--veyact-shell-bg) !important;
  background-size: auto, auto, auto, 760px auto, auto !important;
  background-position: center top !important;
}

.site-header {
  min-height: 64px;
  padding: 10px clamp(18px, 3vw, 44px) !important;
  border-bottom: 1px solid rgba(245, 247, 250, 0.11) !important;
  background:
    linear-gradient(180deg, rgba(9, 10, 15, 0.94), rgba(9, 10, 15, 0.82)),
    url("/illustrations/background-pattern.png"),
    var(--veyact-shell-bg) !important;
  background-size: auto, 620px auto, auto !important;
  backdrop-filter: blur(24px) saturate(130%);
}

.brand-mark {
  gap: 12px;
  min-width: 0;
}

.brand-mark > img {
  width: clamp(100px, 9vw, 128px);
}

.brand-mark > span:last-child {
  max-width: 132px;
  color: rgba(245, 247, 250, 0.72) !important;
  font-size: 0.76rem;
  font-weight: 700;
  line-height: 1.15;
}

.header-v-mark {
  width: 38px !important;
  height: 38px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(245, 247, 250, 0.16) !important;
  background:
    radial-gradient(circle at 28% 22%, rgba(25, 195, 125, 0.18), transparent 52%),
    linear-gradient(145deg, rgba(245, 247, 250, 0.09), rgba(245, 247, 250, 0.025)),
    rgba(15, 18, 26, 0.86) !important;
  box-shadow:
    0 18px 44px rgba(0, 0, 0, 0.28),
    0 0 0 1px rgba(91, 73, 234, 0.18) inset !important;
}

.site-nav {
  gap: 4px;
}

.site-nav a,
.header-preview-link,
.header-cta {
  min-height: 38px;
  border-radius: 7px !important;
  color: rgba(245, 247, 250, 0.78) !important;
  font-size: 0.86rem;
  line-height: 1;
}

.site-nav a {
  padding: 10px 11px !important;
}

.site-nav a:hover,
.site-nav a[aria-current="page"],
.header-preview-link:hover {
  color: #ffffff !important;
  background: rgba(245, 247, 250, 0.075) !important;
}

.header-cta,
.button:not(.ghost) {
  color: #ffffff !important;
  background:
    linear-gradient(135deg, rgba(91, 73, 234, 0.96), rgba(62, 123, 250, 0.88) 52%, rgba(25, 195, 125, 0.78)),
    #5B49EA !important;
  box-shadow:
    0 18px 46px rgba(91, 73, 234, 0.26),
    0 1px 0 rgba(255, 255, 255, 0.18) inset !important;
}

.hero-home {
  min-height: min(850px, calc(100vh - 64px));
  align-items: center;
  border-bottom: 1px solid rgba(245, 247, 250, 0.1);
}

.hero-home::before {
  inset: clamp(34px, 8vw, 104px) clamp(18px, 9vw, 128px) auto auto !important;
  width: min(46vw, 620px) !important;
  opacity: 0.16 !important;
  filter: drop-shadow(0 0 60px rgba(91, 73, 234, 0.12));
}

.hero-home .hero-copy {
  max-width: 720px;
}

.hero-brand-chip,
.hero-verification-lock,
.homepage-brand-rail-lock,
.alpha-route-control-brand,
.alpha-route-control-next,
.alpha-route-capability-primary,
.alpha-route-capability-card,
.alpha-shell-nav-brand,
.footer-status-row {
  border-radius: 8px !important;
}

.hero-signal-strip {
  max-width: 680px;
  border: 1px solid rgba(245, 247, 250, 0.11);
  border-radius: 8px;
  padding: 8px;
  background: rgba(15, 18, 26, 0.5);
}

.hero-signal-strip li {
  min-height: 46px;
  border-radius: 6px;
  background: rgba(245, 247, 250, 0.04);
}

.hero-product-shot,
.homepage-product-dashboard-preview,
.alpha-route-control-dock,
.alpha-route-capability-deck,
.alpha-shell-nav,
.alpha-launch-access-card,
.homepage-alpha-control-panel,
.alpha-run-workbench-panel,
.alpha-run-request-card,
.evidence-room-console,
.support-workflow-hero,
.pricing-design-anchor {
  border: 1px solid var(--veyact-shell-line) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(180deg, rgba(245, 247, 250, 0.075), rgba(245, 247, 250, 0.024)),
    var(--veyact-shell-card) !important;
  box-shadow:
    0 28px 84px rgba(0, 0, 0, 0.26),
    0 1px 0 rgba(245, 247, 250, 0.055) inset !important;
}

.hero-product-shot img {
  border-radius: 7px;
}

.hero-control-overlay {
  border-radius: 8px !important;
  border: 1px solid rgba(245, 247, 250, 0.12);
  background: rgba(9, 10, 15, 0.62) !important;
  backdrop-filter: blur(16px);
}

.hero-control-overlay article {
  border-radius: 7px !important;
  background: rgba(245, 247, 250, 0.052) !important;
}

.alpha-route-control-dock {
  display: grid;
  grid-template-columns: minmax(240px, 1fr) minmax(360px, 1.8fr) minmax(220px, 0.9fr);
  gap: 14px;
  align-items: stretch;
  padding: clamp(16px, 2vw, 24px) !important;
}

.alpha-route-control-brand,
.alpha-route-control-next {
  margin: 0 !important;
}

.alpha-route-control-steps {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 0 !important;
  padding: 0 !important;
}

.alpha-route-control-steps li {
  min-width: 0;
}

.alpha-route-control-steps a {
  min-height: 78px;
  border-radius: 7px !important;
  border: 1px solid rgba(245, 247, 250, 0.1) !important;
  background: rgba(245, 247, 250, 0.035) !important;
}

.alpha-route-control-steps li.is-active a {
  border-color: var(--veyact-shell-line-strong) !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(25, 195, 125, 0.16), transparent 10rem),
    rgba(245, 247, 250, 0.065) !important;
}

.alpha-route-control-lock {
  grid-column: 1 / -1;
  margin: 0;
  border-top: 1px solid rgba(245, 247, 250, 0.08);
  padding-top: 14px;
}

.alpha-route-capability-deck {
  display: grid;
  grid-template-columns: minmax(280px, 1.5fr) repeat(3, minmax(180px, 1fr));
  gap: 14px;
  padding: clamp(16px, 2vw, 24px) !important;
}

.alpha-route-capability-primary,
.alpha-route-capability-card {
  margin: 0 !important;
  padding: 18px !important;
}

.alpha-shell-nav {
  padding: clamp(16px, 2vw, 24px) !important;
}

.alpha-shell-nav-brand {
  display: grid;
  grid-template-columns: auto minmax(180px, 1fr);
  gap: 14px;
  align-items: center;
  margin-bottom: 14px;
}

.alpha-shell-journey-meter {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.alpha-shell-journey-meter li {
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(245, 247, 250, 0.09);
  border-radius: 6px;
  background: rgba(245, 247, 250, 0.036);
  color: rgba(245, 247, 250, 0.72);
  font-size: 0.76rem;
  font-weight: 800;
}

.alpha-shell-nav-links a {
  min-height: 56px;
  border-radius: 7px !important;
}

.alpha-shell-nav-links a.is-active {
  border-color: var(--veyact-shell-line-strong) !important;
  background:
    linear-gradient(180deg, rgba(25, 195, 125, 0.12), rgba(245, 247, 250, 0.045)),
    rgba(15, 18, 26, 0.86) !important;
}

.section {
  border-color: rgba(245, 247, 250, 0.08);
}

@media (max-width: 980px) {
  .alpha-route-control-dock,
  .alpha-route-capability-deck {
    grid-template-columns: 1fr;
  }

  .alpha-route-control-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .site-header {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .brand-mark > span:last-child {
    max-width: none;
  }

  .site-nav,
  .header-actions {
    width: 100%;
    justify-content: flex-start;
  }

  .hero-home {
    min-height: auto;
  }

  .alpha-route-control-steps,
  .alpha-shell-journey-meter {
    grid-template-columns: 1fr;
  }
}

/* Veyact identity lock: keep the supplied dark background and V mark as the permanent visual frame. */
body {
  min-height: 100vh;
  background:
    radial-gradient(circle at 14% 0%, rgba(91, 73, 234, 0.2), transparent 30rem),
    radial-gradient(circle at 86% 4%, rgba(62, 123, 250, 0.16), transparent 31rem),
    linear-gradient(180deg, rgba(5, 6, 10, 0.9), rgba(9, 10, 15, 0.98)),
    url("/illustrations/background-pattern.png"),
    #090a0f !important;
  background-size: auto, auto, auto, min(820px, 115vw) auto, auto !important;
  background-attachment: fixed !important;
}

body::before {
  position: fixed;
  right: clamp(-190px, -9vw, -70px);
  top: clamp(80px, 12vh, 160px);
  z-index: 0;
  width: clamp(310px, 42vw, 660px);
  aspect-ratio: 1;
  background:
    linear-gradient(135deg, rgba(111, 92, 255, 0.42), rgba(62, 123, 250, 0.24) 52%, rgba(25, 195, 125, 0.16));
  content: "";
  filter: drop-shadow(0 36px 110px rgba(91, 73, 234, 0.24));
  opacity: 0.24;
  pointer-events: none;
  -webkit-mask: url("/brand/veyact-mark-currentcolor.svg") center / contain no-repeat;
  mask: url("/brand/veyact-mark-currentcolor.svg") center / contain no-repeat;
}

.site-header,
#main-content,
.site-footer,
.skip-link {
  position: relative;
  z-index: 1;
}

.hero,
.page-hero,
.alpha-product-hero,
.homepage-brand-rail,
.homepage-alpha-control-plane,
.alpha-route-control-dock,
.alpha-route-capability-deck,
.alpha-shell-nav,
.support-workflow-hero,
.pricing-design-anchor {
  background:
    linear-gradient(180deg, rgba(15, 18, 26, 0.76), rgba(9, 10, 15, 0.92)),
    url("/illustrations/background-pattern.png"),
    rgba(9, 10, 15, 0.96) !important;
  background-size: auto, min(760px, 112vw) auto, auto !important;
}

.hero::after,
.page-hero::after,
.alpha-product-hero::after,
.homepage-brand-rail::after {
  background: linear-gradient(135deg, rgba(111, 92, 255, 0.48), rgba(62, 123, 250, 0.22), rgba(25, 195, 125, 0.16)) !important;
  -webkit-mask: url("/brand/veyact-mark-currentcolor.svg") center / contain no-repeat;
  mask: url("/brand/veyact-mark-currentcolor.svg") center / contain no-repeat;
}

.header-v-mark,
.hero-brand-chip img,
.homepage-brand-rail-lock img,
.alpha-auth-design-lockup img,
.alpha-route-control-brand img {
  filter: drop-shadow(0 10px 26px rgba(91, 73, 234, 0.28));
}

@media (max-width: 760px) {
  body::before {
    right: -190px;
    top: 120px;
    width: 420px;
    opacity: 0.13;
  }
}

/* Veyact final identity polish: keep the selected dark field and V mark, but make the header read like a product bar. */
.skip-link {
  position: fixed !important;
  top: 12px !important;
  left: 12px !important;
  z-index: 1000 !important;
  transform: translateY(-170%) !important;
}

.skip-link:focus,
.skip-link:focus-visible {
  transform: translateY(0) !important;
}

.site-header {
  min-height: 76px !important;
  grid-template-columns: minmax(250px, auto) minmax(0, 1fr) auto !important;
}

.brand-mark {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
  justify-self: start !important;
}

.brand-mark > img {
  flex: 0 0 auto;
  width: clamp(100px, 9vw, 126px) !important;
}

.brand-mark > span:last-child {
  max-width: 86px !important;
  border-left: 1px solid rgba(245, 247, 250, 0.14);
  padding-left: 10px;
  color: rgba(245, 247, 250, 0.7) !important;
  font-size: 0.66rem !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.1 !important;
  text-transform: uppercase;
}

.header-v-mark {
  flex: 0 0 38px !important;
}

.header-preview-link {
  min-width: 86px;
}

.header-cta {
  min-width: 112px;
}

@media (max-width: 1180px) {
  .site-header {
    grid-template-columns: 1fr !important;
  }

  .brand-mark,
  .header-actions {
    justify-self: center !important;
  }
}

@media (max-width: 720px) {
  .brand-mark > span:last-child {
    display: none !important;
  }

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

  .site-nav a,
  .header-preview-link,
  .header-cta {
    width: 100%;
  }
}

/* Veyact launch-night shell pass: one premium app frame from account to runner to support. */
.alpha-product-hero,
.alpha-auth-entry,
.alpha-route-nav-only,
.alpha-shell-nav,
.alpha-product-readiness-strip,
.alpha-conversion-journey-section {
  background:
    linear-gradient(180deg, rgba(9, 10, 15, 0.84), rgba(9, 10, 15, 0.98)),
    url("/illustrations/background-pattern.png"),
    #090A0F !important;
  background-size: auto, min(720px, 110vw) auto, auto !important;
}

.alpha-product-hero::before,
.alpha-auth-entry::before,
.alpha-route-nav-only::before,
.alpha-shell-nav::before {
  right: clamp(16px, 5vw, 96px) !important;
  width: min(44vw, 540px) !important;
  opacity: 0.12 !important;
}

.alpha-product-hero {
  align-items: stretch !important;
  gap: clamp(22px, 4vw, 54px) !important;
}

.alpha-product-hero-copy,
.alpha-auth-copy {
  align-content: center;
  border: 1px solid rgba(245, 247, 250, 0.1);
  border-radius: 18px;
  padding: clamp(20px, 4vw, 34px);
  background:
    linear-gradient(180deg, rgba(245, 247, 250, 0.055), rgba(245, 247, 250, 0.018)),
    rgba(9, 10, 15, 0.56);
  box-shadow: 0 28px 86px rgba(0, 0, 0, 0.28);
}

.alpha-product-hero-copy h1,
.alpha-auth-copy h2 {
  max-width: 780px;
}

.alpha-product-hero-copy > p:not(.eyebrow):not(.lead),
.alpha-auth-copy p {
  max-width: 760px;
  color: rgba(197, 204, 220, 0.9) !important;
}

.alpha-product-panel,
.alpha-auth-panel,
.alpha-shell-nav-brand,
.alpha-shell-nav-group,
.alpha-commercial-brand-strip,
.alpha-commercial-brand-lock {
  border: 1px solid rgba(245, 247, 250, 0.15) !important;
  border-radius: 18px !important;
  background:
    linear-gradient(180deg, rgba(245, 247, 250, 0.082), rgba(245, 247, 250, 0.026)),
    rgba(15, 18, 26, 0.88) !important;
  box-shadow:
    0 30px 90px rgba(0, 0, 0, 0.34),
    0 1px 0 rgba(245, 247, 250, 0.06) inset !important;
}

.alpha-product-panel {
  align-self: stretch;
}

.alpha-product-panel::before,
.alpha-auth-panel::before {
  content: "";
  position: absolute;
  inset: 16px 16px auto auto;
  width: 86px;
  aspect-ratio: 1;
  background: url("/brand/veyact-mark-light.svg") center / contain no-repeat;
  opacity: 0.11;
  pointer-events: none;
}

.alpha-product-panel,
.alpha-auth-panel {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.alpha-product-panel-top,
.alpha-product-panel-footer,
.alpha-auth-panel-header,
.alpha-auth-provider-card,
.alpha-auth-field-preview,
.alpha-product-panel-grid div,
.alpha-product-panel-next article {
  border-color: rgba(245, 247, 250, 0.12) !important;
  background:
    linear-gradient(180deg, rgba(245, 247, 250, 0.07), rgba(245, 247, 250, 0.022)),
    rgba(9, 10, 15, 0.42) !important;
}

.alpha-product-panel mark,
.alpha-auth-panel-header small {
  border: 1px solid rgba(125, 239, 185, 0.22);
  background: rgba(25, 195, 125, 0.1) !important;
  color: rgba(125, 239, 185, 0.94) !important;
}

.alpha-shell-nav {
  display: grid !important;
  grid-template-columns: minmax(260px, 0.34fr) repeat(3, minmax(220px, 1fr));
  gap: 12px !important;
  overflow: visible !important;
  padding: clamp(14px, 2vw, 22px) !important;
}

.alpha-shell-nav-brand {
  grid-row: span 2;
}

.alpha-shell-nav-links a {
  min-height: 74px !important;
}

.alpha-shell-journey-meter li {
  border-color: rgba(125, 239, 185, 0.18) !important;
  background: rgba(25, 195, 125, 0.07) !important;
  color: rgba(245, 247, 250, 0.84) !important;
}

.alpha-product-readiness-card,
.alpha-conversion-journey a {
  border-color: rgba(245, 247, 250, 0.13) !important;
  background:
    linear-gradient(180deg, rgba(245, 247, 250, 0.07), rgba(245, 247, 250, 0.024)),
    rgba(15, 18, 26, 0.8) !important;
}

.alpha-product-readiness-card h3,
.alpha-conversion-journey strong {
  color: rgba(245, 247, 250, 0.98) !important;
}

.alpha-product-readiness-card p,
.alpha-conversion-journey p {
  color: rgba(197, 204, 220, 0.82) !important;
}

@media (max-width: 1120px) {
  .alpha-shell-nav {
    grid-template-columns: 1fr 1fr !important;
  }

  .alpha-shell-nav-brand {
    grid-column: 1 / -1;
    grid-row: auto;
  }
}

@media (max-width: 760px) {
  .alpha-product-hero-copy,
  .alpha-auth-copy {
    padding: 18px;
  }

  .alpha-shell-nav {
    grid-template-columns: 1fr !important;
  }
}

/* Veyact active-site finishing pass: keep every public surface on the selected dark field. */
.site-header {
  border-bottom: 1px solid rgba(245, 247, 250, 0.12) !important;
  background:
    linear-gradient(180deg, rgba(9, 10, 15, 0.94), rgba(9, 10, 15, 0.82)),
    url("/illustrations/background-pattern.png"),
    #090A0F !important;
  background-size: auto, 560px auto, auto !important;
  box-shadow:
    0 20px 48px rgba(0, 0, 0, 0.22),
    0 1px 0 rgba(245, 247, 250, 0.05) inset !important;
}

.site-nav a {
  border: 1px solid transparent;
  color: rgba(197, 204, 220, 0.86) !important;
}

.site-nav a[aria-current="page"],
.site-nav a:hover {
  border-color: rgba(245, 247, 250, 0.13) !important;
  background: rgba(245, 247, 250, 0.07) !important;
  color: #F5F7FA !important;
}

.header-preview-link {
  border-color: rgba(245, 247, 250, 0.16) !important;
  background: rgba(245, 247, 250, 0.07) !important;
  color: #F5F7FA !important;
}

.header-preview-link:hover {
  border-color: rgba(125, 239, 185, 0.34) !important;
  background: rgba(25, 195, 125, 0.1) !important;
}

.page-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-bottom: 1px solid rgba(245, 247, 250, 0.12) !important;
  background:
    linear-gradient(180deg, rgba(9, 10, 15, 0.76), rgba(9, 10, 15, 0.97)),
    url("/illustrations/background-pattern.png"),
    #090A0F !important;
  background-size: auto, min(760px, 120vw) auto, auto !important;
}

.page-hero::after {
  content: "";
  position: absolute;
  right: clamp(20px, 7vw, 120px);
  bottom: clamp(18px, 5vw, 80px);
  z-index: -1;
  width: min(28vw, 300px);
  aspect-ratio: 1;
  background: url("/brand/veyact-mark-light.svg") center / contain no-repeat;
  opacity: 0.08;
  pointer-events: none;
}

.page-hero h1,
.page-hero h2 {
  color: #F5F7FA !important;
}

.page-hero p,
.page-hero .lead {
  color: rgba(197, 204, 220, 0.9) !important;
}

.notice {
  border-top: 1px solid rgba(245, 247, 250, 0.12) !important;
  border-bottom: 1px solid rgba(245, 247, 250, 0.1) !important;
  background:
    linear-gradient(90deg, rgba(25, 195, 125, 0.08), rgba(91, 73, 234, 0.1)),
    rgba(15, 18, 26, 0.72) !important;
}

.site-footer {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-top: 1px solid rgba(245, 247, 250, 0.12) !important;
  background:
    linear-gradient(180deg, rgba(9, 10, 15, 0.88), rgba(9, 10, 15, 1)),
    url("/illustrations/background-pattern.png"),
    #090A0F !important;
  background-size: auto, min(740px, 120vw) auto, auto !important;
  color: #F5F7FA !important;
}

.site-footer::after {
  content: "";
  position: absolute;
  right: clamp(18px, 6vw, 110px);
  top: clamp(24px, 5vw, 76px);
  z-index: -1;
  width: min(26vw, 260px);
  aspect-ratio: 1;
  background: url("/brand/veyact-mark-light.svg") center / contain no-repeat;
  opacity: 0.07;
  pointer-events: none;
}

.footer-brand-panel,
.footer-nav-grid > div,
.footer-journey a {
  border-color: rgba(245, 247, 250, 0.12) !important;
  background:
    linear-gradient(180deg, rgba(245, 247, 250, 0.07), rgba(245, 247, 250, 0.022)),
    rgba(15, 18, 26, 0.78) !important;
}

.footer-brand-panel p,
.footer-status-row span,
.footer-nav-grid a {
  color: rgba(197, 204, 220, 0.88) !important;
}

.alpha-plan-decision-head aside,
.alpha-plan-decision-card,
.alpha-plan-decision-journey,
.alpha-plan-decision-locks,
.alpha-plan-decision-questions,
.alpha-plan-decision-journey li,
.alpha-plan-decision-locks li,
.alpha-plan-decision-questions li {
  border-color: rgba(245, 247, 250, 0.12) !important;
  background:
    linear-gradient(180deg, rgba(245, 247, 250, 0.072), rgba(245, 247, 250, 0.024)),
    rgba(15, 18, 26, 0.86) !important;
  box-shadow:
    0 20px 54px rgba(0, 0, 0, 0.24),
    0 1px 0 rgba(245, 247, 250, 0.055) inset !important;
}

.alpha-plan-decision-card strong,
.alpha-plan-decision-head aside strong,
.alpha-plan-decision-panel-head strong,
.alpha-plan-decision-journey span {
  color: #F5F7FA !important;
}

.alpha-plan-decision-head aside p,
.alpha-plan-decision-card p,
.alpha-plan-decision-journey p,
.alpha-plan-decision-locks li,
.alpha-plan-decision-questions li {
  color: rgba(197, 204, 220, 0.88) !important;
}

.alpha-plan-decision-head aside span,
.alpha-plan-decision-card span,
.alpha-plan-decision-panel-head span,
.alpha-plan-decision-questions > span,
.alpha-plan-decision-journey li > strong {
  color: rgba(125, 239, 185, 0.94) !important;
}

/* Veyact Alpha mobile product polish: keep the V identity visible while reducing first-screen menu weight. */
@media (max-width: 720px) {
  .site-header {
    gap: 10px !important;
    min-height: auto !important;
    padding: 12px 18px 14px !important;
  }

  .brand-mark {
    width: 100%;
    justify-content: flex-start !important;
  }

  .brand-mark > img {
    width: 92px !important;
  }

  .site-nav {
    width: 100%;
    display: flex !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    overflow-x: auto;
    padding: 2px 0 4px;
    scrollbar-width: none;
  }

  .site-nav::-webkit-scrollbar {
    display: none;
  }

  .site-nav a {
    flex: 0 0 auto;
    width: auto !important;
    min-height: 36px !important;
    padding: 0 9px !important;
    border-radius: 999px !important;
    font-size: 0.78rem !important;
  }

  .header-actions {
    width: 100%;
    display: grid !important;
    grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
    gap: 8px !important;
  }

  .header-preview-link,
  .header-cta {
    min-height: 40px !important;
    border-radius: 8px !important;
    font-size: 0.9rem !important;
  }

  .alpha-product-hero {
    padding-top: 28px !important;
  }
}

@media (max-width: 460px) {
  .site-header {
    padding-inline: 16px !important;
  }

  .alpha-product-hero-copy h1 {
    font-size: clamp(2.45rem, 12vw, 3rem) !important;
  }
}

/* Veyact Alpha buyer-path polish: keep the main conversion surface on the selected dark field and V mark. */
.homepage-alpha-control-plane {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  color: #f5f7fa !important;
  background:
    linear-gradient(180deg, rgba(9, 10, 15, 0.97), rgba(15, 18, 26, 0.985)),
    url("/illustrations/background-pattern.png"),
    #090a0f !important;
  background-size: auto, 760px auto, auto !important;
}

.homepage-alpha-control-plane::before {
  content: "";
  position: absolute;
  inset: clamp(34px, 7vw, 104px) clamp(28px, 9vw, 132px) auto auto;
  z-index: -1;
  width: min(42vw, 520px);
  aspect-ratio: 1;
  background: url("/brand/veyact-mark-light.svg") no-repeat center / contain;
  opacity: 0.11;
  pointer-events: none;
}

.homepage-alpha-control-head h2,
.homepage-alpha-control-head aside strong,
.homepage-alpha-control-summary strong,
.homepage-alpha-path-card strong,
.homepage-alpha-control-panel-head strong,
.homepage-alpha-control-list strong {
  color: #f8fafc !important;
}

.homepage-alpha-control-head p,
.homepage-alpha-control-head aside p,
.homepage-alpha-control-summary p,
.homepage-alpha-path-card p,
.homepage-alpha-control-panel p {
  color: rgba(197, 204, 220, 0.88) !important;
}

.homepage-alpha-control-head aside,
.homepage-alpha-control-summary article,
.homepage-alpha-path-card {
  border-color: rgba(245, 247, 250, 0.12) !important;
  background:
    linear-gradient(180deg, rgba(245, 247, 250, 0.078), rgba(245, 247, 250, 0.032)),
    rgba(15, 18, 26, 0.86) !important;
  color: #f5f7fa !important;
  box-shadow: 0 24px 74px rgba(0, 0, 0, 0.28) !important;
}

.homepage-alpha-control-head aside span,
.homepage-alpha-control-summary span,
.homepage-alpha-path-card span,
.homepage-alpha-control-panel-head span,
.homepage-alpha-control-list span {
  color: rgba(125, 239, 185, 0.94) !important;
}

.homepage-alpha-path-card:hover,
.homepage-alpha-path-card:focus-visible {
  border-color: rgba(125, 239, 185, 0.42) !important;
  box-shadow: 0 26px 76px rgba(91, 73, 234, 0.22) !important;
}

.alpha-simulator-journey {
  grid-template-columns: repeat(auto-fit, minmax(86px, 1fr)) !important;
}

@media (max-width: 1180px) {
  .alpha-simulator-demo-board,
  .alpha-simulator-demo-board.compact {
    grid-template-columns: 1fr !important;
  }

  .alpha-simulator-demo-events,
  .alpha-simulator-demo-board.compact .alpha-simulator-demo-events {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 700px) {
  .alpha-simulator-demo-metrics,
  .alpha-simulator-demo-events,
  .alpha-simulator-demo-board.compact .alpha-simulator-demo-events {
    grid-template-columns: 1fr !important;
  }
}

/* Enterprise buyer conversion cut: one serious product path, still fail-closed. */
.enterprise-buyer-conversion {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  color: #f5f7fa;
  background:
    linear-gradient(135deg, rgba(9, 10, 15, 0.98), rgba(15, 18, 26, 0.94) 58%, rgba(16, 21, 32, 0.98)),
    url("/illustrations/background-pattern.png"),
    #090a0f;
  background-size: auto, 720px auto, auto;
  border-block: 1px solid rgba(245, 247, 250, 0.08);
}

.enterprise-buyer-conversion::before {
  content: "";
  position: absolute;
  top: 48px;
  right: 7%;
  z-index: -1;
  width: min(460px, 38%);
  aspect-ratio: 1;
  background: url("/brand/veyact-mark-light.svg") no-repeat center / contain;
  opacity: 0.1;
  pointer-events: none;
}

.enterprise-buyer-shell {
  display: grid;
  gap: 28px;
}

.enterprise-buyer-head {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr);
  gap: 24px;
  align-items: stretch;
}

.enterprise-buyer-head h2 {
  max-width: 820px;
  margin: 0;
  color: #f8fafc;
  font-size: 2.65rem;
  line-height: 0.98;
  letter-spacing: 0;
}

.enterprise-buyer-head p {
  max-width: 820px;
  color: rgba(197, 204, 220, 0.88);
}

.enterprise-buyer-status,
.enterprise-buyer-signal-grid article,
.enterprise-buyer-step,
.enterprise-buyer-lists article {
  border: 1px solid rgba(245, 247, 250, 0.12);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(245, 247, 250, 0.078), rgba(245, 247, 250, 0.034)),
    rgba(15, 18, 26, 0.86);
  box-shadow: 0 22px 70px rgba(0, 0, 0, 0.28);
}

.enterprise-buyer-status {
  display: grid;
  align-content: end;
  gap: 10px;
  min-height: 250px;
  padding: 22px;
}

.enterprise-buyer-status img {
  width: 54px;
  height: 54px;
}

.enterprise-buyer-status span,
.enterprise-buyer-signal-grid span,
.enterprise-buyer-step span,
.enterprise-buyer-lists span {
  color: rgba(125, 239, 185, 0.94);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.enterprise-buyer-status strong,
.enterprise-buyer-signal-grid strong,
.enterprise-buyer-step strong {
  color: #f8fafc;
}

.enterprise-buyer-status p,
.enterprise-buyer-signal-grid p,
.enterprise-buyer-step p,
.enterprise-buyer-lists li {
  color: rgba(197, 204, 220, 0.88);
}

.enterprise-buyer-signal-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.enterprise-buyer-signal-grid article {
  display: grid;
  gap: 10px;
  padding: 18px;
}

.enterprise-buyer-journey {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}

.enterprise-buyer-step {
  display: grid;
  gap: 10px;
  min-height: 224px;
  padding: 16px;
  text-decoration: none;
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.enterprise-buyer-step:hover,
.enterprise-buyer-step:focus-visible {
  transform: translateY(-3px);
  border-color: rgba(110, 168, 255, 0.46);
  box-shadow: 0 26px 76px rgba(62, 123, 250, 0.2);
}

.enterprise-buyer-step p {
  margin: 0;
  font-size: 0.92rem;
  line-height: 1.55;
}

.enterprise-buyer-lists {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.enterprise-buyer-lists article {
  padding: 18px;
}

.enterprise-buyer-lists ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px 18px;
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
}

.enterprise-buyer-lists li {
  position: relative;
  padding-left: 16px;
  font-size: 0.95rem;
  line-height: 1.45;
}

.enterprise-buyer-lists li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.64em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #6ea8ff;
}

.enterprise-buyer-lists article:first-child li::before {
  background: #19c37d;
}

@media (max-width: 1180px) {
  .enterprise-buyer-head {
    grid-template-columns: 1fr;
  }

  .enterprise-buyer-signal-grid,
  .enterprise-buyer-journey {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .enterprise-buyer-step {
    min-height: 190px;
  }
}

@media (max-width: 720px) {
  .enterprise-buyer-head h2 {
    font-size: 2.18rem;
    line-height: 1.02;
  }

  .enterprise-buyer-signal-grid,
  .enterprise-buyer-journey,
  .enterprise-buyer-lists,
  .enterprise-buyer-lists ul {
    grid-template-columns: 1fr;
  }

  .enterprise-buyer-status {
    min-height: 0;
  }
}

/* Alpha buyer journey coherence pass. */
.alpha-enterprise-onboarding,
.alpha-connection-contract,
.alpha-docs-shortcuts {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(9, 10, 15, 0.97), rgba(14, 18, 26, 0.94)),
    url("/illustrations/background-pattern.png"),
    #090a0f;
  background-size: auto, 680px auto, auto;
  border-block: 1px solid rgba(245, 247, 250, 0.08);
  color: #f7f9fd;
}

.alpha-enterprise-onboarding::before,
.alpha-connection-contract::before,
.alpha-docs-shortcuts::before {
  content: "";
  position: absolute;
  right: max(28px, 7vw);
  top: 26px;
  width: min(260px, 32vw);
  aspect-ratio: 1;
  background: url("/brand/veyact-mark-light.svg") no-repeat center / contain;
  opacity: 0.07;
  pointer-events: none;
}

.alpha-enterprise-onboarding-head,
.alpha-enterprise-onboarding-summary,
.alpha-connection-contract-grid,
.alpha-docs-shortcut-grid,
.product-demo-onboarding-map {
  display: grid;
  gap: 16px;
}

.alpha-enterprise-onboarding-head {
  position: relative;
  z-index: 1;
  grid-template-columns: minmax(0, 1.25fr) minmax(260px, 0.75fr);
  align-items: stretch;
  margin-bottom: 18px;
}

.alpha-enterprise-onboarding-head h2 {
  max-width: 820px;
  margin: 0;
  color: #f8fafc;
  font-size: clamp(2rem, 4vw, 3.4rem);
  line-height: 0.98;
  letter-spacing: 0;
}

.alpha-enterprise-onboarding-head p,
.alpha-enterprise-onboarding-summary p,
.alpha-enterprise-onboarding-steps p,
.alpha-enterprise-question-grid p,
.alpha-connection-contract-grid p,
.alpha-docs-shortcut-grid p,
.product-demo-onboarding-map p {
  color: rgba(203, 211, 225, 0.88);
}

.alpha-enterprise-onboarding-head aside,
.alpha-enterprise-onboarding-summary article,
.alpha-enterprise-onboarding-steps li a,
.alpha-enterprise-question-grid article,
.alpha-connection-contract-grid article,
.alpha-docs-shortcut-grid a,
.product-demo-onboarding-map a {
  border: 1px solid rgba(245, 247, 250, 0.12);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(245, 247, 250, 0.08), rgba(245, 247, 250, 0.03)),
    rgba(15, 18, 26, 0.82);
  box-shadow: 0 20px 72px rgba(0, 0, 0, 0.28);
}

.alpha-enterprise-onboarding-head aside {
  display: grid;
  align-content: end;
  gap: 10px;
  min-height: 220px;
  padding: 22px;
}

.alpha-enterprise-onboarding-head aside img {
  width: 54px;
  height: 54px;
}

.alpha-enterprise-onboarding-head aside span,
.alpha-enterprise-onboarding-summary span,
.alpha-enterprise-question-grid span,
.alpha-connection-contract-grid span,
.alpha-docs-shortcut-grid span,
.product-demo-onboarding-map span {
  color: rgba(125, 239, 185, 0.94);
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.alpha-enterprise-onboarding-head aside strong,
.alpha-enterprise-onboarding-steps strong,
.alpha-connection-contract-grid strong,
.alpha-docs-shortcut-grid strong,
.product-demo-onboarding-map strong {
  color: #f8fafc;
}

.alpha-enterprise-onboarding-steps {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 9px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.alpha-enterprise-onboarding-steps li a {
  display: grid;
  gap: 10px;
  min-height: 160px;
  padding: 16px;
  text-decoration: none;
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.alpha-enterprise-onboarding-steps li a:hover,
.alpha-enterprise-onboarding-steps li a:focus-visible,
.alpha-enterprise-onboarding-steps li.is-active a {
  transform: translateY(-2px);
  border-color: rgba(110, 168, 255, 0.52);
  box-shadow: 0 24px 80px rgba(62, 123, 250, 0.2);
}

.alpha-enterprise-onboarding-steps span {
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(110, 168, 255, 0.34);
  border-radius: 50%;
  color: #91b8ff;
  font-size: 0.82rem;
  font-weight: 800;
}

.alpha-enterprise-onboarding.compact .alpha-enterprise-onboarding-steps {
  grid-template-columns: repeat(7, minmax(112px, 1fr));
  overflow-x: auto;
  padding-bottom: 8px;
}

.alpha-enterprise-onboarding.compact .alpha-enterprise-onboarding-steps li a {
  min-height: 132px;
}

.alpha-enterprise-onboarding-summary {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 14px;
}

.alpha-enterprise-onboarding-summary article,
.alpha-enterprise-question-grid article {
  padding: 16px;
}

.alpha-enterprise-question-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
}

.alpha-connection-contract-grid,
.alpha-docs-shortcut-grid,
.product-demo-onboarding-map {
  position: relative;
  z-index: 1;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.alpha-docs-shortcut-grid,
.product-demo-onboarding-map {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.alpha-connection-contract-grid article,
.alpha-docs-shortcut-grid a,
.product-demo-onboarding-map a {
  display: grid;
  gap: 12px;
  padding: 18px;
  text-decoration: none;
}

.alpha-connection-contract-grid code {
  display: block;
  width: 100%;
  overflow-wrap: anywhere;
  border: 1px solid rgba(125, 239, 185, 0.18);
  border-radius: 8px;
  padding: 10px 12px;
  background: rgba(0, 0, 0, 0.32);
  color: #bdf9d8;
  font-size: 0.88rem;
}

.alpha-connection-contract-grid dl {
  display: grid;
  gap: 10px;
  margin: 0;
}

.alpha-connection-contract-grid dl div {
  display: grid;
  gap: 3px;
  border-top: 1px solid rgba(245, 247, 250, 0.09);
  padding-top: 10px;
}

.alpha-connection-contract-grid dt {
  color: rgba(145, 184, 255, 0.92);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.alpha-connection-contract-grid dd {
  margin: 0;
  color: rgba(229, 235, 247, 0.9);
}

.alpha-docs-shortcut-grid a:hover,
.alpha-docs-shortcut-grid a:focus-visible,
.product-demo-onboarding-map a:hover,
.product-demo-onboarding-map a:focus-visible {
  border-color: rgba(125, 239, 185, 0.38);
  box-shadow: 0 24px 76px rgba(25, 195, 125, 0.16);
  transform: translateY(-2px);
}

.alpha-preview-boundary {
  border: 1px solid rgba(125, 239, 185, 0.22);
  border-radius: 8px;
  padding: 14px 16px;
  background:
    linear-gradient(135deg, rgba(125, 239, 185, 0.1), rgba(110, 168, 255, 0.08)),
    rgba(4, 10, 24, 0.72);
  color: rgba(229, 235, 247, 0.9);
  font-size: 0.95rem;
  line-height: 1.55;
}

.status-alpha-state-table {
  display: grid;
  overflow: hidden;
  border: 1px solid rgba(145, 184, 255, 0.18);
  border-radius: 8px;
  background:
    radial-gradient(circle at top left, rgba(110, 168, 255, 0.14), transparent 38%),
    rgba(4, 10, 24, 0.76);
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.22);
}

.status-alpha-state-row {
  display: grid;
  grid-template-columns: minmax(120px, 0.8fr) minmax(220px, 1.35fr) minmax(260px, 1.85fr);
  gap: 16px;
  align-items: start;
  padding: 18px 20px;
  border-top: 1px solid rgba(245, 247, 250, 0.09);
}

.status-alpha-state-row:first-child {
  border-top: 0;
}

.status-alpha-state-row.is-head {
  background: rgba(145, 184, 255, 0.08);
  color: rgba(145, 184, 255, 0.94);
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.status-alpha-state-row strong {
  color: #f8fafc;
}

.status-alpha-state-row span {
  color: rgba(229, 235, 247, 0.84);
  line-height: 1.55;
}

pre,
code {
  overflow-wrap: anywhere;
}

@media (max-width: 1180px) {
  .alpha-enterprise-onboarding-head,
  .alpha-enterprise-question-grid,
  .alpha-connection-contract-grid,
  .alpha-docs-shortcut-grid,
  .product-demo-onboarding-map {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .alpha-enterprise-onboarding-steps {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .alpha-enterprise-onboarding.compact .alpha-enterprise-onboarding-steps {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow-x: visible;
  }
}

@media (max-width: 720px) {
  .site-header {
    position: static;
    grid-template-columns: 1fr;
    gap: 10px;
    align-items: stretch;
    min-height: 0;
    padding: 12px 16px;
  }

  .brand-mark {
    justify-content: center;
    flex-wrap: wrap;
  }

  .site-nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    gap: 8px;
  }

  .site-nav a {
    min-height: 38px;
    padding: 8px 10px;
    white-space: normal;
    text-align: center;
  }

  .header-actions {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .alpha-enterprise-onboarding-head,
  .alpha-enterprise-onboarding-summary,
  .alpha-enterprise-question-grid,
  .alpha-connection-contract-grid,
  .alpha-docs-shortcut-grid,
  .product-demo-onboarding-map {
    grid-template-columns: 1fr;
  }

  .alpha-enterprise-onboarding-head aside {
    min-height: 0;
  }

  .alpha-enterprise-onboarding-steps {
    grid-template-columns: 1fr;
  }

  .alpha-enterprise-onboarding.compact .alpha-enterprise-onboarding-steps {
    grid-template-columns: 1fr;
    overflow-x: visible;
  }

  .status-alpha-state-row {
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 16px;
  }

  .status-alpha-state-row.is-head {
    display: none;
  }

  .action-row {
    width: 100%;
  }

  .action-row .button,
  .header-preview-link,
  .header-cta {
    justify-content: center;
    min-height: 44px;
    white-space: normal;
    text-align: center;
  }

  .alpha-auth-entry {
    grid-template-columns: 1fr;
  }

  .alpha-auth-panel,
  .alpha-auth-provider-card,
  .alpha-auth-provider-list article,
  .alpha-auth-field-preview {
    min-width: 0;
  }

  .alpha-auth-panel-header {
    flex-direction: column;
    align-items: flex-start;
  }

  .alpha-auth-panel-header small {
    width: auto;
  }
}

/* Launch-grade buyer polish pass: preserve the Veyact dark field while making the public site read as one product journey. */
.build-line {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

.build-line a {
  border: 1px solid rgba(125, 239, 185, 0.2);
  border-radius: 999px;
  padding: 5px 9px;
  background: rgba(125, 239, 185, 0.08);
  color: #bdf9d8;
  font-weight: 900;
  text-decoration: none;
}

.build-line a:hover,
.build-line a:focus-visible {
  border-color: rgba(125, 239, 185, 0.42);
  background: rgba(125, 239, 185, 0.14);
}

.site-header,
.alpha-product-hero,
.alpha-route-control-dock,
.alpha-route-capability-deck,
.alpha-route-nav-only,
.alpha-shell-nav,
.pricing-veyact-hero,
.pricing-design-anchor,
.pricing-buyer-decision-strip,
.site-footer {
  max-width: 100%;
}

.alpha-product-hero > *,
.alpha-product-panel,
.alpha-route-control-brand,
.alpha-route-control-next,
.alpha-route-capability-primary,
.alpha-route-capability-card,
.alpha-shell-nav-brand,
.alpha-shell-nav-group,
.footer-brand-panel,
.footer-nav-grid > div {
  min-width: 0;
}

.alpha-product-panel,
.alpha-route-capability-card,
.alpha-route-control-brand,
.alpha-route-control-next {
  overflow: hidden;
}

.alpha-product-panel-next article,
.alpha-product-panel-grid div,
.alpha-route-control-steps a,
.alpha-shell-nav-links a,
.pricing-buyer-decision-grid article,
.pricing-buyer-activation-path li {
  overflow-wrap: anywhere;
}

.alpha-preview-boundary {
  max-width: 70ch;
}

.alpha-route-nav-only {
  padding-top: clamp(22px, 3vw, 34px);
  padding-bottom: clamp(22px, 3vw, 34px);
}

.alpha-route-nav-only .alpha-shell-nav {
  margin-top: 0;
}

[data-real-local-demo] .real-local-hero {
  min-height: 0;
  padding-top: clamp(54px, 8vw, 96px);
  padding-bottom: clamp(42px, 7vw, 72px);
}

[data-real-local-demo] .real-local-shell {
  padding-top: clamp(34px, 5vw, 54px);
}

[data-real-local-demo] .real-local-shell .section-heading {
  max-width: 920px;
}

[data-real-local-demo] .local-core-workbench,
[data-real-local-demo] .real-local-shell > section {
  border: 1px solid rgba(145, 184, 255, 0.16);
  border-radius: 10px;
  background:
    linear-gradient(180deg, rgba(245, 247, 250, 0.052), rgba(245, 247, 250, 0.02)),
    rgba(4, 10, 24, 0.72);
}

[data-real-local-demo] .local-core-workbench > section:nth-of-type(n+3),
[data-real-local-demo] .real-local-shell > section:nth-of-type(n+3):not(.local-core-workbench) {
  position: relative;
  max-height: 260px;
  overflow: hidden;
}

[data-real-local-demo] .local-core-workbench > section:nth-of-type(n+4),
[data-real-local-demo] .real-local-shell > section:nth-of-type(n+4):not(.local-core-workbench) {
  display: none;
}

[data-real-local-demo] .local-core-workbench > section:nth-of-type(n+3)::after,
[data-real-local-demo] .real-local-shell > section:nth-of-type(n+3):not(.local-core-workbench)::after {
  content: "Technical appendix continues below in source evidence.";
  position: absolute;
  right: 14px;
  bottom: 14px;
  left: 14px;
  border: 1px solid rgba(125, 239, 185, 0.18);
  border-radius: 999px;
  padding: 8px 12px;
  background:
    linear-gradient(180deg, rgba(9, 10, 15, 0.92), rgba(9, 10, 15, 0.98));
  color: #bdf9d8;
  font-size: 0.78rem;
  font-weight: 900;
  text-align: center;
}

@media (min-width: 721px) and (max-width: 1240px) {
  .site-nav {
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-x: auto;
    max-width: 100%;
    padding-bottom: 4px;
    scrollbar-width: thin;
    mask-image: linear-gradient(90deg, #000 0%, #000 calc(100% - 36px), transparent 100%);
  }

  .site-nav a {
    flex: 0 0 auto;
  }
}

@media (max-width: 1024px) {
  .alpha-product-hero {
    grid-template-columns: 1fr;
  }

  .alpha-product-panel {
    width: 100%;
  }

  .alpha-route-control-dock,
  .alpha-route-capability-deck {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .site-nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: visible;
    max-width: 100%;
    padding-bottom: 0;
    mask-image: none;
  }

  .site-nav a {
    min-width: 0;
    width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .build-line {
    justify-content: center;
  }

  [data-real-local-demo] .local-core-workbench > section:nth-of-type(n+3),
  [data-real-local-demo] .real-local-shell > section:nth-of-type(n+3):not(.local-core-workbench) {
    max-height: 220px;
  }

  [data-real-local-demo] .local-core-workbench > section:nth-of-type(n+3)::after,
  [data-real-local-demo] .real-local-shell > section:nth-of-type(n+3):not(.local-core-workbench)::after {
    border-radius: 8px;
    font-size: 0.74rem;
  }
}

.alpha-install-terminal-card code,
.alpha-api-terminal code,
.alpha-connection-contract-grid code,
.code-panel code {
  white-space: pre-wrap;
  word-break: break-word;
  overflow-wrap: anywhere;
}

[data-real-local-demo] h4,
[data-real-local-demo] span,
[data-real-local-demo] code,
[data-real-local-demo] dd,
[data-real-local-demo] p {
  overflow-wrap: anywhere;
}

main code {
  max-width: 100%;
  white-space: pre-wrap;
  word-break: break-word;
  overflow-wrap: anywhere;
}

body main .alpha-install-terminal-card code,
body main .alpha-api-lock-card code,
body main .alpha-cli-terminal code,
body main .code-panel code,
body [data-real-local-demo] code {
  display: block;
  width: auto !important;
  max-width: 100% !important;
  white-space: pre-wrap !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
}

body main .alpha-cli-terminal {
  grid-template-columns: minmax(0, 1fr) !important;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

body [data-real-local-demo] .local-core-workbench > section:nth-of-type(n+2),
body [data-real-local-demo] .real-local-shell > section:nth-of-type(n+2):not(.local-core-workbench) {
  display: none;
}

@media (max-width: 720px) {
  body .site-header .site-nav {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    overflow: visible;
    width: 100%;
    max-width: 100%;
    padding-bottom: 0;
    mask-image: none;
  }

  body .site-header .site-nav a {
    width: 100%;
    min-width: 0;
    justify-content: center;
    white-space: normal;
    text-align: center;
    overflow-wrap: anywhere;
  }

  body .alpha-install-command-head,
  body .alpha-api-command-head,
  body .alpha-install-proofline,
  body .alpha-install-file-rail,
  body .alpha-install-fixture-grid,
  body .alpha-api-surface-grid {
    grid-template-columns: 1fr;
  }

  body .alpha-install-terminal-card,
  body .alpha-api-lock-card,
  body .alpha-install-terminal-card code,
  body .code-panel,
  body .code-panel code {
    width: auto;
    max-width: 100%;
    min-width: 0;
  }

  body [data-real-local-demo] *,
  body [data-real-local-demo] .saas-compact-facts,
  body [data-real-local-demo] .saas-compact-facts div {
    min-width: 0;
    max-width: 100%;
  }

  body [data-real-local-demo] .saas-compact-facts {
    grid-template-columns: 1fr;
  }

  body [data-real-local-demo] .local-core-workbench,
  body [data-real-local-demo] .real-local-shell > section {
    padding-inline: 14px;
  }
}

/* Responsive product shell: compact navigation and content-box-safe mobile heroes. */
.mobile-site-menu {
  display: none;
}

@media (max-width: 1439px) {
  body .site-header {
    position: sticky !important;
    top: 0;
    z-index: 1000 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 12px !important;
    min-height: 64px !important;
    padding: 10px 16px !important;
    overflow: visible !important;
  }

  body .site-header .brand-mark {
    width: auto !important;
    max-width: 100%;
    justify-self: start !important;
    justify-content: flex-start !important;
  }

  body .site-header .brand-mark > img {
    width: 96px !important;
  }

  body .site-header > .site-nav,
  body .site-header > .header-actions {
    display: none !important;
  }

  .mobile-site-menu {
    position: relative;
    z-index: 40;
    display: block;
    justify-self: end;
  }

  .mobile-site-menu > summary {
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border: 1px solid rgba(245, 247, 250, 0.16);
    border-radius: 8px;
    background: rgba(245, 247, 250, 0.06);
    cursor: pointer;
    list-style: none;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.24);
  }

  .mobile-site-menu > summary::-webkit-details-marker {
    display: none;
  }

  .mobile-site-menu > summary:hover,
  .mobile-site-menu > summary:focus-visible,
  .mobile-site-menu[open] > summary {
    border-color: rgba(125, 239, 185, 0.38);
    background: rgba(125, 239, 185, 0.1);
  }

  .mobile-site-menu-icon {
    display: grid;
    gap: 5px;
    width: 20px;
  }

  .mobile-site-menu-icon i {
    display: block;
    width: 20px;
    height: 2px;
    border-radius: 2px;
    background: #f5f7fa;
    transform-origin: center;
    transition: transform 160ms ease, opacity 160ms ease;
  }

  .mobile-site-menu[open] .mobile-site-menu-icon i:first-child {
    transform: translateY(7px) rotate(45deg);
  }

  .mobile-site-menu[open] .mobile-site-menu-icon i:nth-child(2) {
    opacity: 0;
  }

  .mobile-site-menu[open] .mobile-site-menu-icon i:last-child {
    transform: translateY(-7px) rotate(-45deg);
  }

  .mobile-site-menu-panel {
    position: absolute;
    z-index: 1;
    top: calc(100% + 10px);
    right: 0;
    width: min(330px, calc(100vw - 32px));
    max-height: calc(100svh - 84px);
    overflow-y: auto;
    border: 1px solid rgba(245, 247, 250, 0.16);
    border-radius: 8px;
    padding: 10px;
    background:
      linear-gradient(180deg, rgba(15, 18, 26, 0.98), rgba(9, 10, 15, 0.99)),
      var(--veyact-design-pattern),
      #090a0f;
    background-size: auto, 520px auto, auto;
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.48);
  }

  .mobile-site-menu:not([open]) .mobile-site-menu-panel {
    display: none;
  }

  .mobile-site-nav,
  .mobile-site-actions {
    display: grid;
    gap: 8px;
  }

  .mobile-site-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mobile-site-nav a,
  .mobile-site-actions a {
    display: inline-flex;
    min-width: 0;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(245, 247, 250, 0.1);
    border-radius: 7px;
    padding: 9px 10px;
    color: rgba(245, 247, 250, 0.82);
    background: rgba(245, 247, 250, 0.045);
    font-size: 0.82rem;
    font-weight: 800;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    overflow-wrap: anywhere;
  }

  .mobile-site-nav a[aria-current="page"],
  .mobile-site-nav a:hover,
  .mobile-site-nav a:focus-visible {
    border-color: rgba(125, 239, 185, 0.28);
    color: #ffffff;
    background: rgba(125, 239, 185, 0.09);
  }

  .mobile-site-actions {
    grid-template-columns: 1fr;
    margin-top: 10px;
    border-top: 1px solid rgba(245, 247, 250, 0.1);
    padding-top: 10px;
  }

  .mobile-site-actions .header-preview-link,
  .mobile-site-actions .header-cta {
    width: 100% !important;
    min-height: 44px !important;
  }
}

@media (max-width: 720px) {
  body .hero-home,
  body .hero-home .hero-copy,
  body .hero-home .hero-visual,
  body .hero-home .action-row,
  body .hero-signal-strip,
  body .hero-product-shot,
  body .hero-product-shot img,
  body .hero-home .hero-copy h1,
  body .hero-home .hero-copy .lead {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body .hero-home {
    padding-inline: 18px !important;
  }

  body .hero-home .hero-copy h1,
  body .hero-home .hero-copy .lead,
  body .page-hero h1,
  body .page-hero p,
  body .alpha-product-hero-copy h1,
  body .alpha-product-hero-copy p {
    overflow-wrap: anywhere;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mobile-site-menu-icon i {
    transition: none;
  }
}

/* Public product surface: concise buyer story with technical depth kept in Docs. */
body.public-product {
  --public-ink: #111827;
  --public-muted: #586272;
  --public-line: #d9dee7;
  --public-soft: #f5f7fa;
  --public-green: #0f9f6e;
  --public-green-dark: #087a54;
  --public-blue: #255edb;
  --public-dark: #101820;
  color-scheme: light;
  background: #ffffff !important;
  color: var(--public-ink);
}

body .site-header {
  position: sticky !important;
  top: 0;
  z-index: 1000 !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  min-height: 68px !important;
  gap: 32px !important;
  align-items: center !important;
  padding: 12px max(24px, calc((100vw - 1200px) / 2)) !important;
  border-bottom: 1px solid #e2e6ed !important;
  background: rgba(255, 255, 255, 0.96) !important;
  color: #111827 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

body .site-header::before {
  display: none !important;
}

body .site-header .brand-mark {
  width: auto !important;
  max-width: 170px;
  justify-self: start !important;
}

body .site-header .brand-mark > img {
  width: 150px !important;
  height: auto;
}

body .site-header > .site-nav {
  display: flex !important;
  justify-content: center;
  gap: 4px;
}

body .site-header .site-nav a {
  min-height: 40px;
  border: 0;
  border-radius: 4px;
  padding: 0 13px;
  color: #4b5563 !important;
  background: transparent !important;
  font-size: 0.9rem;
  font-weight: 700;
}

body .site-header .site-nav a:hover,
body .site-header .site-nav a:focus-visible,
body .site-header .site-nav a[aria-current="page"] {
  color: #111827 !important;
  background: #f1f4f7 !important;
}

body .site-header > .header-actions {
  display: flex !important;
}

body .site-header .header-cta,
body .mobile-site-menu .header-cta {
  min-height: 42px !important;
  border: 1px solid #087a54 !important;
  border-radius: 5px !important;
  padding: 0 17px !important;
  background: #0f9f6e !important;
  color: #ffffff !important;
  box-shadow: none !important;
  font-size: 0.9rem;
  font-weight: 800;
}

body .site-header .header-cta:hover,
body .mobile-site-menu .header-cta:hover {
  transform: none !important;
  background: #087a54 !important;
}

body .mobile-site-menu {
  display: none !important;
}

body .site-footer {
  display: grid !important;
  grid-template-columns: minmax(260px, 1.2fr) minmax(420px, 1fr) !important;
  gap: 48px 80px !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 64px max(24px, calc((100vw - 1200px) / 2)) 30px !important;
  border-top: 1px solid #dfe4eb !important;
  background: #f6f8fa !important;
  color: #111827 !important;
}

body .public-footer-brand {
  max-width: 430px;
}

body .public-footer-brand img {
  display: block;
  width: 164px;
  height: auto;
}

body .public-footer-brand p {
  margin: 22px 0 0;
  color: #5a6472;
  font-size: 0.95rem;
  line-height: 1.7;
}

body .public-footer-nav {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 30px;
}

body .public-footer-nav div {
  display: grid;
  align-content: start;
  gap: 11px;
}

body .public-footer-nav strong {
  margin-bottom: 4px;
  color: #111827;
  font-size: 0.82rem;
}

body .public-footer-nav a {
  color: #5a6472;
  font-size: 0.86rem;
  text-decoration: none;
}

body .public-footer-nav a:hover {
  color: #087a54;
}

body .public-footer-meta {
  grid-column: 1 / -1;
  margin: 0;
  border-top: 1px solid #dfe4eb;
  padding-top: 22px;
  color: #7a8391;
  font-size: 0.78rem;
}

.public-main {
  overflow: hidden;
  background: #ffffff;
}

.public-main h1,
.public-main h2,
.public-main h3,
.public-main p {
  letter-spacing: 0;
}

.public-main h1 {
  color: var(--public-ink);
  font-size: 4rem;
  line-height: 1.03;
  font-weight: 800;
}

.public-main h2 {
  color: var(--public-ink);
  font-size: 2.25rem;
  line-height: 1.15;
  font-weight: 780;
}

.public-main h3 {
  color: var(--public-ink);
  font-size: 1.08rem;
  line-height: 1.35;
}

.public-kicker {
  margin: 0 0 16px;
  color: var(--public-green-dark);
  font-size: 0.75rem;
  font-weight: 850;
  letter-spacing: 0 !important;
  text-transform: uppercase;
}

.public-lead {
  max-width: 720px;
  color: var(--public-muted);
  font-size: 1.22rem;
  line-height: 1.65;
}

.public-hero {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(500px, 1.1fr);
  gap: 72px;
  align-items: center;
  width: min(1200px, calc(100% - 48px));
  min-height: 700px;
  margin: 0 auto;
  padding: 78px 0 86px;
}

.public-hero-copy {
  max-width: 590px;
}

.public-hero h1 {
  max-width: 760px;
  margin-bottom: 24px;
}

.public-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 32px;
}

.public-button {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border-radius: 5px;
  padding: 0 20px;
  font-size: 0.93rem;
  font-weight: 800;
  text-decoration: none;
}

.public-button.primary {
  border-color: var(--public-green-dark);
  background: var(--public-green);
  color: #ffffff;
}

.public-button.primary:hover {
  background: var(--public-green-dark);
}

.public-button.secondary {
  border-color: #c9d0da;
  background: #ffffff;
  color: #1f2937;
}

.public-button.secondary:hover {
  border-color: #98a3b3;
  background: #f7f9fb;
}

.public-inline-trust {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
  margin: 26px 0 0;
  padding: 0;
  color: #667180;
  font-size: 0.8rem;
  list-style: none;
}

.public-inline-trust li {
  position: relative;
  padding-left: 16px;
}

.public-inline-trust li::before {
  position: absolute;
  top: 0.42em;
  left: 0;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--public-green);
  content: "";
}

.runrail-console {
  overflow: hidden;
  border: 1px solid #263541;
  border-radius: 6px;
  background: var(--public-dark);
  color: #e8edf2;
  box-shadow: 0 26px 70px rgba(15, 24, 32, 0.2);
}

.runrail-console-head {
  display: flex;
  min-height: 62px;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border-bottom: 1px solid #283742;
  padding: 0 22px;
}

.runrail-console-head > div {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 10px;
}

.runrail-console-head strong {
  overflow: hidden;
  color: #ffffff;
  font-family: "SFMono-Regular", Consolas, monospace;
  font-size: 0.8rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.console-dot {
  width: 9px;
  height: 9px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #19c888;
}

.console-state {
  flex: 0 0 auto;
  border: 1px solid #395062;
  border-radius: 4px;
  padding: 6px 9px;
  color: #9eabb7;
  font-size: 0.68rem;
  font-weight: 700;
}

.runrail-console-steps {
  margin: 0;
  padding: 12px 22px 8px;
  list-style: none;
}

.runrail-console-steps li {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  min-height: 74px;
  border-bottom: 1px solid #263541;
}

.runrail-console-steps li > span {
  color: #758390;
  font-family: "SFMono-Regular", Consolas, monospace;
  font-size: 0.7rem;
}

.runrail-console-steps li div {
  display: grid;
  min-width: 0;
  gap: 4px;
}

.runrail-console-steps li strong {
  color: #f5f7fa;
  font-size: 0.88rem;
}

.runrail-console-steps li small {
  color: #8997a4;
  font-size: 0.72rem;
}

.runrail-console-steps li b {
  border-radius: 4px;
  padding: 6px 8px;
  color: #66e2b5;
  background: #153b32;
  font-size: 0.66rem;
}

.runrail-console-steps li.is-current b {
  color: #9dc1ff;
  background: #172c4e;
}

.runrail-console-output {
  display: grid;
  gap: 5px;
  margin: 14px 22px 22px;
  border-left: 3px solid #19c888;
  padding: 14px 16px;
  background: #17222b;
}

.runrail-console-output span,
.runrail-console-output small {
  color: #8997a4;
  font-size: 0.7rem;
}

.runrail-console-output strong {
  color: #ffffff;
  font-size: 0.84rem;
}

.public-section {
  width: min(1200px, calc(100% - 48px));
  margin: 0 auto;
  padding: 100px 0;
}

.public-section-heading {
  max-width: 750px;
  margin-bottom: 46px;
}

.public-section-heading h2 {
  margin-bottom: 18px;
}

.public-section-heading > p:last-child {
  color: var(--public-muted);
  font-size: 1rem;
  line-height: 1.7;
}

.public-how {
  border-top: 1px solid var(--public-line);
}

.public-step-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--public-line);
  list-style: none;
}

.public-step-grid li {
  position: relative;
  min-height: 260px;
  border-right: 1px solid var(--public-line);
  padding: 32px 34px 20px 0;
}

.public-step-grid li + li {
  padding-left: 34px;
}

.public-step-grid li:last-child {
  border-right: 0;
}

.public-step-grid li > span {
  display: block;
  margin-bottom: 25px;
  color: #87919f;
  font-family: "SFMono-Regular", Consolas, monospace;
  font-size: 0.7rem;
}

.public-step-grid img,
.public-detail-grid img {
  width: 30px;
  height: 30px;
  margin-bottom: 18px;
}

.public-step-grid h3 {
  margin-bottom: 10px;
}

.public-step-grid p {
  color: var(--public-muted);
  font-size: 0.9rem;
  line-height: 1.65;
}

.public-trust-band {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  background: #101820;
  color: #ffffff;
}

.public-trust-band div {
  display: grid;
  min-height: 150px;
  align-content: center;
  gap: 7px;
  border-right: 1px solid #2b3741;
  padding: 28px max(24px, calc((100vw - 1200px) / 8));
}

.public-trust-band div:last-child {
  border-right: 0;
}

.public-trust-band strong {
  color: #ffffff;
  font-size: 1rem;
}

.public-trust-band span {
  color: #aab4bd;
  font-size: 0.78rem;
  line-height: 1.55;
}

.public-product-columns {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 76px;
  align-items: center;
}

.public-product-visual {
  border: 1px solid var(--public-line);
  border-radius: 6px;
  padding: 34px;
  background: var(--public-soft);
}

.branch-diagram {
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
}

.branch-diagram span {
  width: min(270px, 100%);
  border: 1px solid #cfd6df;
  border-radius: 5px;
  padding: 13px 16px;
  background: #ffffff;
  color: #303a47;
  font-size: 0.82rem;
  font-weight: 800;
  text-align: center;
}

.branch-diagram .branch-gate {
  border-color: #0f9f6e;
  background: #ebfaf4;
  color: #087a54;
}

.branch-diagram .branch-output {
  border-color: #255edb;
  background: #eef4ff;
  color: #1f4fb8;
}

.branch-diagram i {
  width: 1px;
  height: 24px;
  background: #adb6c2;
}

.public-feature-list {
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--public-line);
  list-style: none;
}

.public-feature-list li {
  display: grid;
  grid-template-columns: minmax(150px, 0.65fr) minmax(0, 1fr);
  gap: 24px;
  border-bottom: 1px solid var(--public-line);
  padding: 24px 0;
}

.public-feature-list strong {
  color: var(--public-ink);
  font-size: 0.9rem;
}

.public-feature-list span {
  color: var(--public-muted);
  font-size: 0.86rem;
  line-height: 1.6;
}

.public-price-band {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(310px, 0.8fr);
  gap: 80px;
  align-items: center;
  border-top: 1px solid var(--public-line);
  border-bottom: 1px solid var(--public-line);
}

.public-price-copy {
  max-width: 680px;
}

.public-price-copy p:last-child {
  color: var(--public-muted);
  line-height: 1.7;
}

.public-price-action {
  display: grid;
  gap: 15px;
  border-left: 1px solid var(--public-line);
  padding-left: 54px;
}

.public-price-action > span {
  color: #6b7280;
  font-size: 0.76rem;
  font-weight: 800;
  text-transform: uppercase;
}

.public-price-action > strong {
  color: var(--public-ink);
  font-size: 2.15rem;
}

.public-price-action > strong small {
  color: #6b7280;
  font-size: 0.82rem;
}

.public-price-action > a:last-child {
  color: #4b5563;
  font-size: 0.78rem;
  text-align: center;
}

.public-docs-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 36px;
}

.public-docs-cta h2 {
  max-width: 700px;
  margin: 0;
}

.public-page-hero {
  width: min(1200px, calc(100% - 48px));
  margin: 0 auto;
  border-bottom: 1px solid var(--public-line);
  padding: 100px 0 78px;
}

.public-page-hero h1 {
  max-width: 900px;
  margin-bottom: 24px;
}

.public-page-hero .public-actions {
  margin-top: 28px;
}

.public-detail-grid,
.public-security-grid,
.public-docs-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  border-top: 1px solid var(--public-line);
}

.public-detail-grid article,
.public-security-grid article,
.public-docs-grid article {
  min-height: 240px;
  border-right: 1px solid var(--public-line);
  border-bottom: 1px solid var(--public-line);
  padding: 34px;
}

.public-detail-grid article:nth-child(2n),
.public-security-grid article:nth-child(2n),
.public-docs-grid article:nth-child(2n) {
  border-right: 0;
}

.public-detail-grid p,
.public-security-grid p,
.public-docs-grid p {
  color: var(--public-muted);
  font-size: 0.9rem;
  line-height: 1.65;
}

.public-boundary-table {
  border-top: 1px solid var(--public-line);
}

.public-boundary-table div {
  display: grid;
  grid-template-columns: minmax(170px, 0.3fr) minmax(0, 1fr);
  gap: 30px;
  border-bottom: 1px solid var(--public-line);
  padding: 22px 0;
}

.public-boundary-table span {
  color: #778190;
  font-size: 0.8rem;
}

.public-boundary-table strong {
  color: var(--public-ink);
  font-size: 0.9rem;
}

.public-workflow-detail {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(420px, 0.85fr);
  gap: 80px;
  align-items: start;
}

.public-workflow-detail > ol {
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--public-line);
  list-style: none;
}

.public-workflow-detail > ol li {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  gap: 18px;
  border-bottom: 1px solid var(--public-line);
  padding: 26px 0;
}

.public-workflow-detail > ol li > span {
  color: #84909e;
  font-family: "SFMono-Regular", Consolas, monospace;
  font-size: 0.72rem;
}

.public-workflow-detail h2 {
  margin-bottom: 8px;
  font-size: 1.15rem;
}

.public-workflow-detail p {
  color: var(--public-muted);
  font-size: 0.9rem;
  line-height: 1.65;
}

.public-plan-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr);
  gap: 80px;
  align-items: start;
}

.public-plan {
  border: 1px solid #cfd6df;
  border-radius: 6px;
  padding: 38px;
  background: #ffffff;
}

.public-plan > span {
  color: var(--public-green-dark);
  font-size: 0.74rem;
  font-weight: 850;
  text-transform: uppercase;
}

.public-plan h2 {
  margin: 13px 0 8px;
}

.public-plan > p:not(.public-plan-price) {
  color: var(--public-muted);
  line-height: 1.65;
}

.public-plan-price {
  margin: 0 0 22px;
  color: var(--public-ink);
  font-size: 2.6rem;
  font-weight: 800;
}

.public-plan-price small {
  color: #6d7684;
  font-size: 0.85rem;
}

.public-plan ul,
.public-plan-boundary ul {
  display: grid;
  gap: 11px;
  margin: 28px 0 30px;
  padding: 0;
  list-style: none;
}

.public-plan li,
.public-plan-boundary li {
  position: relative;
  padding-left: 20px;
  color: #4e5968;
  font-size: 0.88rem;
  line-height: 1.5;
}

.public-plan li::before,
.public-plan-boundary li::before {
  position: absolute;
  top: 0.58em;
  left: 0;
  width: 8px;
  height: 2px;
  background: var(--public-green);
  content: "";
}

.public-plan .public-button {
  width: 100%;
}

.public-plan-boundary {
  padding-top: 22px;
}

.public-plan-boundary > p:last-child {
  border-left: 3px solid #255edb;
  padding: 14px 0 14px 18px;
  color: #5b6675;
  font-size: 0.78rem;
  line-height: 1.6;
}

.public-pricing-faq {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  border-top: 1px solid var(--public-line);
}

.public-pricing-faq div {
  border-right: 1px solid var(--public-line);
  padding: 30px;
}

.public-pricing-faq div:last-child {
  border-right: 0;
}

.public-pricing-faq h2 {
  font-size: 1rem;
}

.public-pricing-faq p {
  color: var(--public-muted);
  font-size: 0.84rem;
  line-height: 1.6;
}

.public-docs-grid article > span {
  display: block;
  margin-bottom: 28px;
  color: #87919f;
  font-family: "SFMono-Regular", Consolas, monospace;
  font-size: 0.72rem;
}

.public-install-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 72px;
}

.public-install-grid > div {
  min-width: 0;
}

.public-install-grid > div > p:not(.public-kicker),
.public-limitations > p:last-child {
  color: var(--public-muted);
  line-height: 1.7;
}

.public-code {
  overflow-x: auto;
  margin: 26px 0;
  border: 1px solid #293844;
  border-radius: 6px;
  padding: 22px;
  background: #101820;
  color: #e8edf2;
}

.public-code code {
  border: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  color: inherit !important;
  font-size: 0.78rem;
  line-height: 1.8;
  white-space: pre;
}

.public-docs-grid h2 {
  font-size: 1.25rem;
}

.public-docs-grid a,
.public-reference-list a {
  color: var(--public-green-dark);
  font-size: 0.84rem;
  font-weight: 800;
}

.public-reference-list {
  border-top: 1px solid var(--public-line);
}

.public-reference-list h2 {
  margin-bottom: 28px;
}

.public-reference-list > div {
  display: grid;
  grid-template-columns: minmax(180px, 0.35fr) minmax(0, 1fr);
  gap: 30px;
  border-bottom: 1px solid var(--public-line);
  padding: 18px 0;
}

.public-reference-list span {
  color: var(--public-muted);
  font-size: 0.84rem;
}

body.public-product > #main-content > main:not(.public-main) {
  width: min(1200px, calc(100% - 48px));
  margin: 0 auto;
  color: var(--public-ink);
}

body.public-product .page-hero,
body.public-product .section {
  border-color: var(--public-line) !important;
  background: #ffffff !important;
  color: var(--public-ink) !important;
}

body.public-product .page-hero::before,
body.public-product .section::before {
  display: none !important;
}

body.public-product .page-hero h1,
body.public-product .page-hero h2,
body.public-product .page-hero h3,
body.public-product .section h1,
body.public-product .section h2,
body.public-product .section h3 {
  color: var(--public-ink) !important;
  text-shadow: none !important;
}

body.public-product .eyebrow {
  color: var(--public-green-dark) !important;
}

body.public-product .page-hero p,
body.public-product .section p,
body.public-product .section li {
  color: var(--public-muted) !important;
}

body.public-product .notice {
  border: 1px solid #d5dce5 !important;
  border-radius: 5px !important;
  background: #f5f7fa !important;
  color: var(--public-ink) !important;
  box-shadow: none !important;
}

body.public-product .notice strong {
  color: #7a4b00 !important;
}

body.public-product .notice span {
  color: var(--public-muted) !important;
}

body.public-product code {
  border-color: #d6dce5;
  background: #f2f5f8;
  color: #243040;
}

@media (max-width: 980px) {
  .public-main h1 {
    font-size: 3rem;
  }

  .public-main h2 {
    font-size: 1.9rem;
  }

  .public-hero {
    grid-template-columns: 1fr;
    min-height: 0;
    gap: 54px;
    padding: 70px 0;
  }

  .public-hero-copy {
    max-width: 720px;
  }

  .public-product-columns,
  .public-workflow-detail,
  .public-plan-layout,
  .public-install-grid {
    grid-template-columns: 1fr;
    gap: 52px;
  }

  .public-price-band {
    grid-template-columns: 1fr;
    gap: 38px;
  }

  .public-price-action {
    border-top: 1px solid var(--public-line);
    border-left: 0;
    padding-top: 34px;
    padding-left: 0;
  }

  body .site-footer {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 860px) {
  body .site-header {
    grid-template-columns: minmax(0, 1fr) auto !important;
    min-height: 64px !important;
    gap: 12px !important;
    padding: 10px 18px !important;
  }

  body .site-header .brand-mark > img {
    width: 138px !important;
  }

  body .site-header > .site-nav,
  body .site-header > .header-actions {
    display: none !important;
  }

  body .mobile-site-menu {
    display: block !important;
  }

  body .mobile-site-menu > summary {
    display: grid !important;
    width: 44px !important;
    height: 44px !important;
    place-items: center !important;
    border: 1px solid #cbd2dc !important;
    border-radius: 5px !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  body .mobile-site-menu-icon i {
    background: #17202a !important;
  }

  body .mobile-site-menu-panel {
    position: fixed !important;
    z-index: 1200 !important;
    top: 64px !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    display: grid !important;
    grid-template-rows: 1fr auto !important;
    width: 100vw !important;
    max-width: none !important;
    max-height: none !important;
    height: auto !important;
    overflow-y: auto !important;
    padding: 18px !important;
    border: 0 !important;
    border-top: 1px solid #d2d8e1 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  body .mobile-site-nav {
    grid-template-columns: 1fr;
    align-content: start;
    gap: 0;
  }

  body .mobile-site-nav a {
    justify-content: flex-start;
    min-height: 56px;
    padding-inline: 10px;
    border: 0 !important;
    border-bottom: 1px solid #e0e5eb !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    color: #283342 !important;
  }

  body .mobile-site-actions {
    padding-top: 18px;
    border-color: #e0e5eb !important;
  }

  body .mobile-site-actions .header-cta {
    width: 100%;
    min-height: 48px;
    border-color: #087a4d !important;
    background: #087a4d !important;
    color: #ffffff !important;
  }

  .public-trust-band {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .public-trust-band div:nth-child(2) {
    border-right: 0;
  }

  .public-trust-band div:nth-child(-n + 2) {
    border-bottom: 1px solid #2b3741;
  }

  .public-step-grid,
  .public-pricing-faq {
    grid-template-columns: 1fr;
  }

  .public-step-grid li,
  .public-step-grid li + li,
  .public-pricing-faq div {
    min-height: 0;
    border-right: 0;
    border-bottom: 1px solid var(--public-line);
    padding: 28px 0;
  }
}

@media (max-width: 620px) {
  .public-main h1 {
    font-size: 2.55rem;
    overflow-wrap: break-word;
  }

  .public-main h2 {
    font-size: 1.65rem;
  }

  .public-lead {
    font-size: 1rem;
  }

  .public-hero,
  .public-section,
  .public-page-hero {
    width: min(100% - 36px, 1200px);
  }

  .public-hero {
    gap: 44px;
    padding: 58px 0 62px;
  }

  .public-section {
    padding: 72px 0;
  }

  .public-page-hero {
    padding: 72px 0 58px;
  }

  .public-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .public-button {
    width: 100%;
  }

  .public-inline-trust {
    display: grid;
    grid-template-columns: 1fr;
  }

  .runrail-console-head,
  .runrail-console-steps {
    padding-right: 14px;
    padding-left: 14px;
  }

  .runrail-console-steps li {
    grid-template-columns: 24px minmax(0, 1fr);
    min-height: 78px;
  }

  .runrail-console-steps li b {
    grid-column: 2;
    justify-self: start;
  }

  .runrail-console-output {
    margin-right: 14px;
    margin-left: 14px;
  }

  .public-trust-band {
    grid-template-columns: 1fr;
  }

  .public-trust-band div,
  .public-trust-band div:nth-child(2) {
    min-height: 116px;
    border-right: 0;
    border-bottom: 1px solid #2b3741;
    padding: 24px 18px;
  }

  .public-feature-list li,
  .public-boundary-table div,
  .public-reference-list > div {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .public-product-visual,
  .public-plan {
    padding: 24px 20px;
  }

  .public-docs-cta {
    display: grid;
  }

  .public-detail-grid,
  .public-security-grid,
  .public-docs-grid {
    grid-template-columns: 1fr;
  }

  .public-detail-grid article,
  .public-security-grid article,
  .public-docs-grid article {
    min-height: 0;
    border-right: 0;
    padding: 28px 0;
  }

  body .site-footer {
    gap: 42px !important;
    padding: 50px 18px 24px !important;
  }

  body .public-footer-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px 22px;
  }
}

/* Runrail public product system v2.
   This final layer intentionally overrides the older public preview treatment. */
body.public-product {
  --rr-ink: #0b1116;
  --rr-muted: #5d6872;
  --rr-line: #d9dfe3;
  --rr-soft: #f4f6f7;
  --rr-dark: #070b0e;
  --rr-panel: #11181d;
  --rr-panel-2: #172127;
  --rr-panel-line: #2a353c;
  --rr-green: #10a875;
  --rr-green-bright: #2ad59b;
  --rr-blue: #3578f6;
  color: var(--rr-ink);
  background: #ffffff !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
}

body.public-product::before,
body.public-product::after,
body.public-product .page-hero::after,
body.public-product .section::after,
body.public-product .final-cta::after {
  display: none !important;
}

.brand-logo-on-dark {
  display: none !important;
}

body.public-product .site-header {
  min-height: 66px !important;
  padding: 10px max(24px, calc((100vw - 1200px) / 2)) !important;
  border-bottom: 1px solid #202a30 !important;
  background: rgba(7, 11, 14, 0.98) !important;
  color: #ffffff !important;
  backdrop-filter: blur(16px);
}

body.public-product .site-header .brand-mark {
  max-width: 200px !important;
}

body.public-product .site-header .brand-mark > img {
  width: 185px !important;
}

body.public-product .site-footer .footer-logo img {
  width: 178px !important;
}

body.public-product .site-header .brand-logo-on-light,
body.public-product .site-footer .brand-logo-on-light {
  display: none !important;
}

body.public-product .site-header .brand-logo-on-dark,
body.public-product .site-footer .brand-logo-on-dark {
  display: block !important;
}

body.public-product .site-header .site-nav a {
  min-height: 40px;
  padding: 0 14px;
  color: #aeb7bd !important;
  background: transparent !important;
  font-size: 0.84rem;
  font-weight: 690;
}

body.public-product .site-header .site-nav a:hover,
body.public-product .site-header .site-nav a:focus-visible,
body.public-product .site-header .site-nav a[aria-current="page"] {
  color: #ffffff !important;
  background: #151d22 !important;
}

body.public-product .site-header .header-cta,
body.public-product .mobile-site-menu .header-cta {
  min-height: 40px !important;
  border-color: #168b66 !important;
  background: transparent !important;
  color: #5ee0b0 !important;
  font-size: 0.82rem;
}

body.public-product .site-header .header-cta:hover,
body.public-product .mobile-site-menu .header-cta:hover {
  border-color: var(--rr-green-bright) !important;
  background: #10261f !important;
  color: #ffffff !important;
}

body.public-product .site-footer {
  grid-template-columns: minmax(240px, 0.85fr) minmax(520px, 1.15fr) !important;
  gap: 54px 96px !important;
  padding: 70px max(24px, calc((100vw - 1200px) / 2)) 28px !important;
  border-top: 1px solid #202a30 !important;
  background: var(--rr-dark) !important;
  color: #ffffff !important;
}

body.public-product .public-footer-brand {
  max-width: 340px;
}

body.public-product .public-footer-brand p {
  margin-top: 20px;
  color: #8f9aa2;
  font-size: 0.86rem;
  line-height: 1.65;
}

body.public-product .public-footer-nav strong {
  color: #ffffff;
  font-size: 0.78rem;
}

body.public-product .public-footer-nav a {
  color: #8f9aa2;
  font-size: 0.82rem;
}

body.public-product .public-footer-nav a:hover {
  color: var(--rr-green-bright);
}

body.public-product .public-footer-meta {
  border-top-color: #202a30;
  color: #6f7b83;
}

body.public-product .public-footer-meta a {
  color: #a5b0b7;
}

.public-home-v2 {
  overflow: clip;
  background: #ffffff;
}

.runrail-hero {
  position: relative;
  min-height: 680px;
  overflow: hidden;
  border-bottom: 1px solid #202a30;
  background: var(--rr-dark);
  color: #ffffff;
}

.runrail-hero-copy {
  position: absolute;
  z-index: 3;
  top: 88px;
  left: max(32px, calc((100vw - 1200px) / 2));
  width: 390px;
}

.runrail-hero h1 {
  margin: 0 0 28px;
  color: #ffffff;
  font-size: 3.25rem;
  line-height: 1;
  font-weight: 760;
}

.runrail-hero-statement {
  max-width: 390px;
  margin: 0 0 24px;
  color: #ffffff;
  font-size: 2.45rem;
  line-height: 1.08;
  font-weight: 730;
}

.runrail-hero-lead {
  max-width: 370px;
  margin: 0;
  color: #aab4bb;
  font-size: 0.98rem;
  line-height: 1.72;
}

.runrail-hero .public-actions {
  margin-top: 32px;
}

.public-button.inverse {
  border-color: #2e9a73;
  background: transparent;
  color: #6ae6b7;
}

.public-button.inverse:hover {
  border-color: var(--rr-green-bright);
  background: #10261f;
  color: #ffffff;
}

.runrail-hero-workspace {
  position: absolute;
  z-index: 2;
  top: 28px;
  right: max(-110px, calc((100vw - 1440px) / 2));
  width: min(900px, 69vw);
}

.runrail-console.runrail-workspace {
  overflow: hidden;
  border: 1px solid var(--rr-panel-line);
  border-radius: 4px;
  background: var(--rr-panel);
  color: #dbe2e6;
  box-shadow: 0 26px 80px rgba(0, 0, 0, 0.38);
}

.runrail-workspace-bar {
  display: grid;
  grid-template-columns: auto 160px minmax(150px, 1fr) auto;
  min-height: 50px;
  align-items: center;
  border-bottom: 1px solid var(--rr-panel-line);
  background: #0c1216;
}

.runrail-workspace-bar > * {
  min-width: 0;
  padding: 0 14px;
}

.runrail-workspace-name {
  color: #ffffff;
  font-size: 0.76rem;
}

.runrail-workspace-branch {
  overflow: hidden;
  border-right: 1px solid var(--rr-panel-line);
  border-left: 1px solid var(--rr-panel-line);
  color: #c7d0d5;
  font-family: "SFMono-Regular", Consolas, monospace;
  font-size: 0.67rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.runrail-workspace-approval {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #d8dee2;
  font-size: 0.67rem;
}

.runrail-workspace-approval i {
  width: 8px;
  height: 8px;
  flex: 0 0 auto;
  border: 1px solid #f2b93b;
  border-radius: 50%;
}

.runrail-workspace-mode {
  border-left: 1px solid var(--rr-panel-line);
  color: #7f8c94;
  font-size: 0.62rem;
}

.runrail-workspace-body {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  min-height: 485px;
}

.runrail-workspace-sidebar {
  border-right: 1px solid var(--rr-panel-line);
  padding: 18px 10px;
  background: #10171c;
}

.runrail-workspace-group + .runrail-workspace-group {
  margin-top: 22px;
}

.runrail-workspace-group > span {
  display: block;
  margin: 0 8px 8px;
  color: #6f7d85;
  font-size: 0.58rem;
  font-weight: 760;
  text-transform: uppercase;
}

.runrail-workspace-group ul {
  display: grid;
  gap: 2px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.runrail-workspace-group li {
  position: relative;
  min-height: 27px;
  overflow: hidden;
  padding: 6px 24px 6px 12px;
  color: #9ca8af;
  font-size: 0.64rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.runrail-workspace-group li.is-child {
  padding-left: 22px;
}

.runrail-workspace-group li.is-file {
  padding-left: 32px;
}

.runrail-workspace-group li.is-active {
  background: #202b31;
  color: #ffffff;
}

.runrail-workspace-group li b {
  position: absolute;
  right: 7px;
  color: #7f8b92;
  font-size: 0.55rem;
}

.runrail-workspace-group li b.is-pass {
  color: #55d4a5;
}

.runrail-workspace-group li b.is-warning {
  color: #f2b93b;
}

.runrail-workspace-stage {
  min-width: 0;
  padding: 0 12px 12px;
  background: #11181d;
}

.runrail-workspace-tabs {
  display: flex;
  min-height: 42px;
  align-items: flex-end;
  gap: 18px;
  border-bottom: 1px solid var(--rr-panel-line);
}

.runrail-workspace-tabs span {
  min-height: 42px;
  padding-top: 15px;
  color: #78858d;
  font-size: 0.6rem;
}

.runrail-workspace-tabs span.is-active {
  border-bottom: 2px solid var(--rr-green);
  color: #ffffff;
}

.runrail-diff-head {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 10px;
  align-items: center;
  min-height: 36px;
  border-right: 1px solid var(--rr-panel-line);
  border-left: 1px solid var(--rr-panel-line);
  padding: 0 10px;
  background: #0d1317;
}

.runrail-diff-head strong {
  color: #cbd3d8;
  font-family: "SFMono-Regular", Consolas, monospace;
  font-size: 0.64rem;
}

.runrail-diff-head span,
.runrail-diff-head small {
  color: #76838b;
  font-size: 0.56rem;
}

.runrail-diff {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border: 1px solid var(--rr-panel-line);
  background: #0c1216;
}

.runrail-diff-side + .runrail-diff-side {
  border-left: 1px solid var(--rr-panel-line);
}

.runrail-diff-side > div {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  min-height: 22px;
  align-items: center;
  font-size: 0.58rem;
}

.runrail-diff-side > div span {
  color: #58666f;
  text-align: right;
}

.runrail-diff-side > div code {
  overflow: hidden;
  border: 0 !important;
  border-radius: 0;
  padding: 0 8px !important;
  background: transparent !important;
  color: #aeb9bf !important;
  font-family: "SFMono-Regular", Consolas, monospace;
  font-size: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.runrail-diff-side.removed > div {
  background: #23191b;
}

.runrail-diff-side.removed > div code {
  color: #d9a3aa !important;
}

.runrail-diff-side.added > div {
  background: #13251e;
}

.runrail-diff-side.added > div code {
  color: #9ed7bd !important;
}

.runrail-check-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 8px;
}

.runrail-check-grid > section {
  min-width: 0;
  border: 1px solid var(--rr-panel-line);
  padding: 10px;
  background: #0d1317;
}

.runrail-check-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  border-bottom: 1px solid #243038;
  padding-bottom: 8px;
}

.runrail-check-head strong {
  color: #dce3e7;
  font-size: 0.62rem;
}

.runrail-check-head span {
  color: #55d4a5;
  font-size: 0.54rem;
}

.runrail-check-grid ul {
  display: grid;
  gap: 6px;
  margin: 9px 0 0;
  padding: 0;
  list-style: none;
}

.runrail-check-grid li {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  color: #8e9aa1;
  font-size: 0.56rem;
}

.runrail-check-grid li b {
  color: #55d4a5;
  font-size: 0.53rem;
}

.runrail-check-grid li b.review {
  color: #f2b93b;
}

.runrail-check-grid pre {
  overflow: hidden;
  margin: 9px 0 0;
  padding: 0;
  background: transparent;
}

.runrail-check-grid pre code {
  border: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  color: #8fbbff !important;
  font-family: "SFMono-Regular", Consolas, monospace;
  font-size: 0.54rem;
  line-height: 1.65;
  white-space: pre-wrap;
}

.runrail-evidence-row {
  display: grid;
  grid-template-columns: 1.2fr repeat(4, minmax(95px, 1fr));
  gap: 7px;
  border-top: 1px solid var(--rr-panel-line);
  padding: 9px 12px 12px;
  background: #0c1216;
}

.runrail-evidence-row > span {
  align-self: center;
  color: #718087;
  font-size: 0.57rem;
}

.runrail-evidence-row > div {
  display: grid;
  min-height: 51px;
  align-content: center;
  gap: 4px;
  border: 1px solid #28343b;
  padding: 7px 9px;
  background: #121b20;
}

.runrail-evidence-row strong {
  color: #dce3e7;
  font-size: 0.59rem;
}

.runrail-evidence-row small {
  overflow: hidden;
  color: #74828a;
  font-size: 0.51rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.runrail-evidence-row small.is-pass {
  color: #55d4a5;
}

.runrail-proof-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  width: min(1200px, calc(100% - 48px));
  margin: 0 auto;
  border-right: 1px solid var(--rr-line);
  border-bottom: 1px solid var(--rr-line);
  border-left: 1px solid var(--rr-line);
}

.runrail-proof-strip > div {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  min-height: 118px;
  gap: 14px;
  align-items: center;
  border-right: 1px solid var(--rr-line);
  padding: 24px;
}

.runrail-proof-strip > div:last-child {
  border-right: 0;
}

.runrail-proof-strip img {
  width: 24px;
  height: 24px;
}

.runrail-proof-strip span {
  color: #737d85;
  font-size: 0.72rem;
  line-height: 1.5;
}

.runrail-proof-strip strong {
  display: block;
  margin-bottom: 5px;
  color: var(--rr-ink);
  font-size: 0.82rem;
}

.public-section-heading.centered {
  max-width: 760px;
  margin-right: auto;
  margin-bottom: 58px;
  margin-left: auto;
  text-align: center;
}

.public-section-heading.centered h2 {
  font-size: 2.35rem;
}

.runrail-workflow {
  padding-top: 112px;
  padding-bottom: 108px;
}

.runrail-workflow-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 54px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.runrail-workflow-steps li {
  position: relative;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 18px;
}

.runrail-workflow-steps li:not(:last-child)::after {
  position: absolute;
  top: 20px;
  right: -42px;
  width: 32px;
  height: 1px;
  background: #bdc5ca;
  content: "";
}

.runrail-workflow-steps li > span {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border: 1px solid var(--rr-green);
  border-radius: 50%;
  color: #087551;
  font-family: "SFMono-Regular", Consolas, monospace;
  font-size: 0.72rem;
}

.runrail-workflow-steps h3 {
  margin: 0 0 8px;
  font-size: 1rem;
}

.runrail-workflow-steps p {
  margin: 0;
  color: var(--rr-muted);
  font-size: 0.84rem;
  line-height: 1.65;
}

.runrail-product-proof {
  width: 100%;
  padding-right: max(24px, calc((100vw - 1200px) / 2));
  padding-left: max(24px, calc((100vw - 1200px) / 2));
  background: #f5f7f8;
}

.runrail-evidence-workspace {
  overflow: hidden;
  border: 1px solid #26323a;
  border-radius: 4px;
  background: var(--rr-panel);
  color: #dbe2e6;
  box-shadow: 0 24px 64px rgba(18, 27, 33, 0.16);
}

.runrail-evidence-workspace-bar {
  display: grid;
  grid-template-columns: auto 180px minmax(0, 1fr) auto;
  align-items: center;
  min-height: 54px;
  border-bottom: 1px solid var(--rr-panel-line);
  padding: 0 18px;
  background: #0b1115;
}

.runrail-evidence-workspace-bar strong {
  color: #ffffff;
  font-size: 0.72rem;
}

.runrail-evidence-workspace-bar span {
  color: #aeb8be;
  font-family: "SFMono-Regular", Consolas, monospace;
  font-size: 0.63rem;
}

.runrail-evidence-workspace-bar b {
  color: #f2b93b;
  font-size: 0.62rem;
  font-weight: 670;
}

.runrail-evidence-workspace-bar small {
  border: 1px solid #35434b;
  padding: 7px 10px;
  color: #9aa6ad;
  font-size: 0.57rem;
}

.runrail-evidence-workspace-body {
  display: grid;
  grid-template-columns: 170px minmax(0, 1fr);
  min-height: 390px;
}

.runrail-evidence-workspace-body > aside {
  display: grid;
  align-content: start;
  gap: 4px;
  border-right: 1px solid var(--rr-panel-line);
  padding: 22px 12px;
}

.runrail-evidence-workspace-body > aside span {
  margin: 0 9px 8px;
  color: #68767e;
  font-size: 0.57rem;
  text-transform: uppercase;
}

.runrail-evidence-workspace-body > aside strong {
  padding: 9px;
  color: #87949b;
  font-size: 0.63rem;
  font-weight: 620;
}

.runrail-evidence-workspace-body > aside strong.is-active {
  background: #202b31;
  color: #ffffff;
}

.runrail-evidence-workspace-body > section {
  min-width: 0;
  padding: 28px;
}

.runrail-artifact-table {
  border: 1px solid var(--rr-panel-line);
}

.runrail-artifact-table > div {
  display: grid;
  grid-template-columns: 0.7fr 1.6fr 0.5fr;
  gap: 20px;
  align-items: center;
  min-height: 52px;
  border-bottom: 1px solid var(--rr-panel-line);
  padding: 0 16px;
}

.runrail-artifact-table > div:last-child {
  border-bottom: 0;
}

.runrail-artifact-table .runrail-artifact-head {
  min-height: 38px;
  background: #0c1216;
}

.runrail-artifact-table span,
.runrail-artifact-table b {
  color: #7e8b93;
  font-size: 0.59rem;
}

.runrail-artifact-table strong {
  color: #dfe6e9;
  font-size: 0.66rem;
}

.runrail-artifact-table b {
  justify-self: end;
}

.runrail-artifact-table b.is-pass {
  color: #55d4a5;
}

.runrail-decision-panel {
  display: grid;
  grid-template-columns: 0.8fr 1.4fr auto;
  gap: 24px;
  align-items: center;
  margin-top: 20px;
  border: 1px solid #8f6b18;
  padding: 18px;
  background: #17170f;
}

.runrail-decision-panel > div {
  display: grid;
  gap: 6px;
}

.runrail-decision-panel span {
  color: #8a969d;
  font-size: 0.58rem;
}

.runrail-decision-panel strong {
  color: #f2c35a;
  font-size: 0.72rem;
}

.runrail-decision-panel p {
  margin: 0;
  color: #a5afb5;
  font-size: 0.64rem;
  line-height: 1.6;
}

.runrail-capability-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  padding-top: 0;
  padding-bottom: 0;
  border-top: 1px solid var(--rr-line);
  border-bottom: 1px solid var(--rr-line);
}

.runrail-capability-grid article {
  min-height: 270px;
  padding: 50px 64px 48px 0;
}

.runrail-capability-grid article + article {
  border-left: 1px solid var(--rr-line);
  padding-right: 0;
  padding-left: 64px;
}

.runrail-capability-grid article > span {
  display: block;
  margin-bottom: 38px;
  color: #8a949c;
  font-family: "SFMono-Regular", Consolas, monospace;
  font-size: 0.68rem;
}

.runrail-capability-grid h2 {
  max-width: 470px;
  margin-bottom: 18px;
  font-size: 1.65rem;
}

.runrail-capability-grid p {
  max-width: 500px;
  color: var(--rr-muted);
  font-size: 0.9rem;
  line-height: 1.72;
}

.runrail-price-band {
  display: grid;
  grid-template-columns: 0.8fr 1.15fr 0.85fr;
  gap: 48px;
  align-items: center;
  margin-top: 96px;
  margin-bottom: 96px;
  border: 1px solid #cbd3d8;
  padding: 40px;
}

.runrail-price-identity {
  display: grid;
  gap: 7px;
}

.runrail-price-identity > span {
  color: #525e67;
  font-size: 0.76rem;
  font-weight: 760;
}

.runrail-price-identity > strong {
  color: var(--rr-ink);
  font-size: 2rem;
}

.runrail-price-identity small {
  color: #7d878e;
  font-size: 0.72rem;
  font-weight: 620;
}

.runrail-price-identity p {
  margin: 0;
  color: #778189;
  font-size: 0.72rem;
}

.runrail-price-band ul {
  display: grid;
  gap: 9px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.runrail-price-band li {
  position: relative;
  padding-left: 20px;
  color: #4e5a63;
  font-size: 0.8rem;
}

.runrail-price-band li::before {
  position: absolute;
  top: 0.22em;
  left: 0;
  color: var(--rr-green);
  content: "✓";
}

.runrail-price-action {
  display: grid;
  gap: 12px;
}

.runrail-price-action span {
  color: #747f87;
  font-size: 0.66rem;
  line-height: 1.5;
  text-align: center;
}

.public-plan-state {
  margin: 0 0 22px;
  border-left: 3px solid #d49a20;
  padding: 12px 0 12px 16px;
  color: #656f77 !important;
  font-size: 0.8rem;
  line-height: 1.55;
}

.public-plan-state strong {
  display: block;
  margin-bottom: 3px;
  color: #765000;
}

.runrail-resource-band {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  padding-top: 84px;
  padding-bottom: 92px;
  border-top: 1px solid var(--rr-line);
}

.runrail-resource {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  min-height: 130px;
  gap: 20px;
  align-items: center;
  padding: 20px 60px 20px 0;
  color: inherit;
  text-decoration: none;
}

.runrail-resource + .runrail-resource {
  border-left: 1px solid var(--rr-line);
  padding-right: 0;
  padding-left: 60px;
}

.runrail-resource img {
  width: 30px;
  height: 30px;
}

.runrail-resource span {
  color: #737d85;
  font-size: 0.8rem;
  line-height: 1.6;
}

.runrail-resource strong {
  display: block;
  margin-bottom: 6px;
  color: var(--rr-ink);
  font-size: 0.98rem;
}

.runrail-resource b {
  color: var(--rr-blue);
  font-size: 1.4rem;
}

.runrail-resource:hover strong {
  color: #087551;
}

/* Professional public inner pages. */
body.public-product .public-page-hero {
  padding-top: 86px;
  padding-bottom: 66px;
}

body.public-product .public-page-hero > .public-kicker {
  display: none;
}

body.public-product .public-page-hero h1 {
  max-width: 790px;
  margin-bottom: 24px;
  font-size: 3.65rem;
  line-height: 1.04;
  font-weight: 740;
}

body.public-product .public-page-hero .public-lead {
  max-width: 760px;
}

body.public-product > #main-content > main:not(.public-main) {
  width: min(1120px, calc(100% - 48px));
}

body.public-product .page-hero {
  padding-top: 86px;
  padding-bottom: 66px;
}

body.public-product .page-hero > .eyebrow {
  display: none;
}

body.public-product .page-hero h1 {
  max-width: 850px;
  margin-bottom: 24px;
  font-size: 3.4rem;
  line-height: 1.05;
  font-weight: 740;
}

body.public-product .page-hero .lead {
  max-width: 760px;
  font-size: 1.14rem;
  line-height: 1.7;
}

body.public-product .section {
  padding-top: 64px;
  padding-bottom: 64px;
}

body.public-product .public-section {
  padding-top: 78px;
  padding-bottom: 78px;
}

body.public-product .public-docs-grid article {
  min-height: 205px;
  padding: 30px;
}

body.public-product .contact-email-heading {
  max-width: 100%;
  font-size: clamp(1.55rem, 3.5vw, 2.5rem) !important;
  overflow-wrap: anywhere;
}

body.public-product .final-cta {
  border: 0 !important;
  border-top: 1px solid var(--rr-line) !important;
  border-radius: 0 !important;
  padding: 46px 0 74px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

body.public-product .section.split {
  gap: 72px;
}

body.public-product .action-row .button {
  border-color: #0e8b63 !important;
  border-radius: 3px !important;
  background: var(--rr-green) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

body.public-product .action-row .button.ghost {
  border-color: #cbd3d8 !important;
  background: #ffffff !important;
  color: #1e2931 !important;
}

@media (max-width: 1100px) {
  .runrail-hero-copy {
    width: 390px;
  }

  .runrail-hero-workspace {
    right: -170px;
    width: 760px;
  }

  .runrail-hero-statement {
    font-size: 2.35rem;
  }

  .runrail-price-band {
    grid-template-columns: 0.85fr 1.15fr;
  }

  .runrail-price-action {
    grid-column: 1 / -1;
    grid-template-columns: minmax(220px, 0.5fr) minmax(0, 1fr);
    align-items: center;
  }

  .runrail-price-action span {
    text-align: left;
  }
}

@media (max-width: 980px) {
  body.public-product .site-footer {
    grid-template-columns: 1fr !important;
  }

  .runrail-hero {
    display: grid;
    min-height: 0;
    padding: 74px 24px 40px;
  }

  .runrail-hero-copy,
  .runrail-hero-workspace {
    position: relative;
    inset: auto;
    width: min(100%, 760px);
    margin-right: auto;
    margin-left: auto;
  }

  .runrail-hero-copy {
    margin-bottom: 48px;
  }

  .runrail-hero h1,
  .runrail-hero-statement,
  .runrail-hero-lead {
    max-width: 620px;
  }

  .runrail-proof-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .runrail-proof-strip > div:nth-child(2) {
    border-right: 0;
  }

  .runrail-proof-strip > div:nth-child(-n + 2) {
    border-bottom: 1px solid var(--rr-line);
  }

  .runrail-capability-grid {
    grid-template-columns: 1fr;
  }

  .runrail-capability-grid article,
  .runrail-capability-grid article + article {
    min-height: 0;
    border-left: 0;
    padding: 54px 0;
  }

  .runrail-capability-grid article + article {
    border-top: 1px solid var(--rr-line);
  }

  .runrail-resource-band {
    grid-template-columns: 1fr;
  }

  .runrail-resource,
  .runrail-resource + .runrail-resource {
    border-left: 0;
    padding: 28px 0;
  }

  .runrail-resource + .runrail-resource {
    border-top: 1px solid var(--rr-line);
  }

  body.public-product .public-page-hero h1 {
    font-size: 3.5rem;
  }
}

@media (max-width: 860px) {
  body.public-product .site-header {
    min-height: 64px !important;
    padding: 10px 18px !important;
  }

  body.public-product .site-header .brand-mark > img {
    width: 155px !important;
  }

  body.public-product .mobile-site-menu > summary {
    border-color: #303b42 !important;
    background: #11181d !important;
  }

  body.public-product .mobile-site-menu-icon i {
    background: #ffffff !important;
  }

  body.public-product .mobile-site-menu-panel {
    border-color: #303b42 !important;
    background: #0d1317 !important;
    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.42) !important;
  }

  body.public-product .mobile-site-nav a {
    background: #151d22 !important;
    color: #dce3e7 !important;
  }

  body.public-product .mobile-site-actions {
    border-color: #303b42 !important;
  }

  .runrail-workspace-body {
    grid-template-columns: 1fr;
  }

  .runrail-workspace-sidebar {
    display: none;
  }

  .runrail-workflow-steps {
    grid-template-columns: 1fr;
    gap: 38px;
  }

  .runrail-workflow-steps li:not(:last-child)::after {
    top: 51px;
    right: auto;
    bottom: -29px;
    left: 20px;
    width: 1px;
    height: 20px;
  }

  .runrail-evidence-workspace-body {
    grid-template-columns: 1fr;
  }

  .runrail-evidence-workspace-body > aside {
    display: flex;
    gap: 4px;
    overflow-x: auto;
    border-right: 0;
    border-bottom: 1px solid var(--rr-panel-line);
    padding: 10px;
  }

  .runrail-evidence-workspace-body > aside span {
    display: none;
  }

  .runrail-price-band {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .runrail-price-action {
    grid-column: auto;
    grid-template-columns: 1fr;
  }

  .runrail-price-action span {
    text-align: center;
  }
}

@media (max-width: 620px) {
  body.public-product .contact-email-heading {
    font-size: 1.45rem !important;
  }

  .runrail-hero {
    padding: 46px 18px 0;
  }

  .runrail-hero h1 {
    margin-bottom: 18px;
    font-size: 2.45rem;
  }

  .runrail-hero-statement {
    margin-bottom: 18px;
    font-size: 2.1rem;
  }

  .runrail-hero-lead {
    font-size: 0.9rem;
    line-height: 1.58;
  }

  .runrail-hero .public-actions {
    grid-template-columns: 1fr;
    margin-top: 24px;
  }

  .runrail-hero-copy {
    margin-bottom: 34px;
  }

  .runrail-hero-workspace {
    max-height: 275px;
    overflow: hidden;
    border-bottom: 1px solid var(--rr-panel-line);
  }

  .runrail-workspace-bar {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .runrail-workspace-branch,
  .runrail-workspace-mode {
    display: none;
  }

  .runrail-workspace-approval {
    justify-self: end;
  }

  .runrail-workspace-stage {
    padding: 0 8px 8px;
  }

  .runrail-workspace-tabs span:nth-child(2),
  .runrail-workspace-tabs span:nth-child(3) {
    display: none;
  }

  .runrail-diff {
    grid-template-columns: 1fr;
  }

  .runrail-diff-side.removed {
    display: none;
  }

  .runrail-check-grid {
    grid-template-columns: 1fr;
  }

  .runrail-evidence-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .runrail-evidence-row > span {
    grid-column: 1 / -1;
  }

  .runrail-proof-strip {
    grid-template-columns: 1fr;
    width: 100%;
    border-right: 0;
    border-left: 0;
  }

  .runrail-proof-strip > div,
  .runrail-proof-strip > div:nth-child(2) {
    min-height: 96px;
    border-right: 0;
    border-bottom: 1px solid var(--rr-line);
    padding: 20px 18px;
  }

  .public-section-heading.centered {
    text-align: left;
  }

  .public-section-heading.centered h2 {
    font-size: 1.9rem;
  }

  .runrail-workflow,
  .runrail-product-proof {
    padding-top: 78px;
    padding-bottom: 78px;
  }

  .runrail-evidence-workspace-bar {
    grid-template-columns: 1fr auto;
    gap: 10px;
  }

  .runrail-evidence-workspace-bar span,
  .runrail-evidence-workspace-bar small {
    display: none;
  }

  .runrail-evidence-workspace-body > section {
    padding: 14px;
  }

  .runrail-artifact-table > div {
    grid-template-columns: 0.8fr 1.2fr auto;
    gap: 10px;
    padding: 0 10px;
  }

  .runrail-decision-panel {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .runrail-capability-grid article,
  .runrail-capability-grid article + article {
    padding: 46px 0;
  }

  .runrail-price-band {
    margin-top: 66px;
    margin-bottom: 66px;
    padding: 28px 20px;
  }

  body.public-product .public-page-hero {
    padding-top: 76px;
    padding-bottom: 58px;
  }

  body.public-product .public-page-hero h1 {
    font-size: 2.4rem;
  }

  body.public-product .page-hero {
    padding-top: 76px;
    padding-bottom: 58px;
  }

  body.public-product .page-hero h1 {
    font-size: 2.3rem;
  }

  body.public-product .section.split {
    gap: 38px;
  }

  body.public-product .site-footer {
    padding: 54px 18px 24px !important;
  }
}