:root {
  --corporate-bg: #f4f7fb;
  --corporate-bg-soft: #eef3f8;
  --corporate-surface: #ffffff;
  --corporate-surface-soft: #f7f9fc;
  --corporate-surface-muted: #edf2f7;
  --corporate-border: #d9e2ec;
  --corporate-border-strong: #c9d5e1;
  --corporate-ink-900: #11263d;
  --corporate-ink-800: #21415d;
  --corporate-ink-700: #355773;
  --corporate-ink-500: #61778b;
  --corporate-accent-700: #173f64;
  --corporate-accent-600: #23567f;
  --corporate-accent-500: #2e709f;
  --corporate-chip: #edf4fb;
  --corporate-chip-strong: #dfeaf6;
  --corporate-danger-bg: #fff5f6;
  --corporate-danger-border: #ebcbd2;
  --corporate-danger-text: #9b374b;
  --corporate-shadow: 0 18px 36px -30px rgba(17, 38, 61, 0.14);
  --corporate-shadow-soft: 0 12px 24px -20px rgba(17, 38, 61, 0.09);
}

body,
button,
input,
select,
textarea {
  font-family: "Manrope", "Avenir Next", "Segoe UI", sans-serif;
}

body {
  color: var(--corporate-ink-900);
  background: linear-gradient(180deg, var(--corporate-bg) 0%, var(--corporate-bg-soft) 100%) !important;
}

.shell {
  row-gap: 1.25rem;
}

h1,
h2,
h3,
h4,
.eyebrow,
.brand span,
.control-label,
.stat strong,
.maintenance-stat strong,
.activity-col-action,
.table-head h2,
.summary-head h2,
.filter-head h2,
.section-head h2 {
  font-family: "Manrope", "Avenir Next", "Segoe UI", sans-serif !important;
  letter-spacing: -0.03em;
}

strong,
b {
  font-family: inherit !important;
}

.mono {
  font-family: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace !important;
}

.topbar {
  border: 1px solid var(--corporate-border) !important;
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow: var(--corporate-shadow) !important;
  backdrop-filter: blur(18px);
}

.brand {
  color: var(--corporate-ink-900) !important;
}

.dot {
  background: linear-gradient(180deg, var(--corporate-accent-700) 0%, var(--corporate-accent-500) 100%) !important;
  box-shadow: 0 0 0 4px rgba(46, 112, 159, 0.12);
}

.topbar-menu-trigger,
.btn.ghost,
.btn-secondary,
.top-link,
.hero-showcase-actions .btn,
.hero-showcase-actions .btn.ghost,
.hero .btn.ghost,
.intro .btn.ghost {
  color: var(--corporate-ink-800) !important;
  border-color: var(--corporate-border) !important;
  background: var(--corporate-surface) !important;
  box-shadow: none !important;
}

.topbar-menu-panel {
  border: 1px solid var(--corporate-border) !important;
  background: rgba(255, 255, 255, 0.98) !important;
  box-shadow: var(--corporate-shadow-soft) !important;
}

.topbar-menu-link:hover,
.topbar-menu-trigger:hover,
.btn.ghost:hover,
.btn-secondary:hover,
.top-link:hover,
.hero-showcase-actions .btn:hover,
.hero-showcase-actions .btn.ghost:hover,
.hero .btn.ghost:hover,
.intro .btn.ghost:hover {
  background: var(--corporate-surface-soft) !important;
}

.btn {
  border-radius: 12px !important;
  font-weight: 700;
  box-shadow: none;
}

.btn.primary,
.hero .btn.primary,
.intro .btn.primary,
.marketing-actions .btn.primary,
.top-actions .btn.primary {
  color: #fff !important;
  background: var(--corporate-accent-700) !important;
  border-color: var(--corporate-accent-700) !important;
  background-image: none !important;
  box-shadow: 0 16px 28px -22px rgba(23, 63, 100, 0.32) !important;
}

.btn.primary:hover,
.hero .btn.primary:hover,
.intro .btn.primary:hover,
.marketing-actions .btn.primary:hover,
.top-actions .btn.primary:hover {
  background: var(--corporate-accent-600) !important;
  border-color: var(--corporate-accent-600) !important;
}

.btn.danger {
  color: var(--corporate-danger-text) !important;
  border-color: var(--corporate-danger-border) !important;
  background: var(--corporate-danger-bg) !important;
  box-shadow: none !important;
}

.card,
.hero,
.intro,
.marketing,
.capabilities,
.use-cases,
.how-it-works,
.contact-section,
.contact-protection,
.announcement-banner,
.hero-audience-card,
.hero-proof-strip article,
.hero-showcase,
.hero-showcase-metrics article,
.launch-path-card,
.marketing-grid article,
.capability-card,
.use-case-card,
.industry-card,
.workflow-card,
.priority-card,
.nav-card,
.empty-state-card,
.map-card,
.map-endpoints,
.workspace-launch-board,
.workspace-launch-steps article,
.setup-lane-card,
.create-path-summary article,
.create-decision-block,
.manage-map-toolbar,
.map-task-card,
.operations-guide,
.operations-panel,
.simulator-start-card,
.wizard-shell,
.meta-box,
.fold-section > .fold-body,
.result-card,
.stat,
.section,
.persona-shell,
.breakdown-card,
.trend-card,
.brief-list-card,
.table-card,
.recommendation-item,
.activity-item,
.maintenance-stat,
.maintenance-run-result,
.filter-group-block,
.ops-group-card,
.map-settings-overlay-panel,
.summary-card,
.kpi-card,
.ops-card,
.playback-card,
.filters {
  border-color: var(--corporate-border) !important;
  background: var(--corporate-surface) !important;
  background-image: none !important;
  box-shadow: var(--corporate-shadow-soft) !important;
}

.hero,
.intro {
  position: relative !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbfe 100%) !important;
  box-shadow: var(--corporate-shadow) !important;
}

.hero,
.intro,
.card,
.section,
.stat,
.maintenance-stat,
.maintenance-run-result,
.filter-group-block,
.ops-group-card,
.summary-card,
.kpi-card,
.ops-card,
.playback-card {
  border-radius: 20px !important;
}

.hero::before,
.intro::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 0 auto 0 !important;
  height: 4px !important;
  border-radius: 22px 22px 0 0 !important;
  background: linear-gradient(90deg, var(--corporate-accent-700) 0%, var(--corporate-accent-500) 100%) !important;
}

.hero .eyebrow,
.intro .eyebrow,
.hero .control-label,
.hero .hero-badge,
.hero .trust-pill,
.intro .setup-lane-kicker,
.setup-lane-kicker,
.workflow-card span,
.launch-path-kicker,
.announcement-eyebrow {
  color: var(--corporate-accent-600) !important;
}

.hero h1,
.intro h1,
.hero strong,
.intro strong,
.hero .inline-link,
.intro .inline-link,
.hero .btn.ghost,
.intro .btn.ghost,
.hero .hero-badge,
.hero .trust-pill,
.hero .workspace-launch-board-head strong,
.hero .workspace-status-item strong,
.hero .workspace-status-label,
.hero .workspace-launch-board .mono,
.hero .workspace-launch-steps strong,
.intro .setup-lane-card h3,
.intro .simulator-start-card strong {
  color: var(--corporate-ink-900) !important;
}

.muted,
.meta,
.hero .muted,
.intro .muted,
.hero .subtitle,
.hero .cta-meta,
.hero .hero-meta,
.hero .hero-showcase-note,
.hero .hero-showcase-note-secondary,
.hero .hero-audience-card span,
.hero .hero-proof-strip span,
.hero .hero-showcase-metrics span,
.intro #workspace-meta,
.intro #user-meta,
.intro #account-meta,
.intro #regions-user-meta,
.intro .simulator-clarity-hint,
.intro .workspace-clarity-hint,
.intro .settings-clarity-hint,
.hero .workspace-launch-steps p,
.hero .workspace-hero-copy .muted,
.hero .workspace-hero-copy #workspace-meta,
.hero .workspace-hero-copy .workspace-clarity-hint {
  color: var(--corporate-ink-500) !important;
}

.hero-badge,
.map-meta-badge,
.map-meta-badge-soft,
.trust-pill,
.hero-showcase-chip,
.manage-map-badge,
.operations-count-pill,
.operations-focus-pill,
.chip,
.workspace-status-strip,
.control-toggle .btn.is-selected,
.persona-pill.is-selected,
.simulator-clarity-toggle .btn.is-selected,
.settings-clarity-toggle .btn.is-selected,
.wizard-step-btn[aria-current="step"],
.create-choice.is-selected {
  color: var(--corporate-accent-700) !important;
  border-color: var(--corporate-border) !important;
  background: var(--corporate-chip) !important;
  background-image: none !important;
  box-shadow: none !important;
}

.create-choice,
.wizard-step-btn,
.workspace-launch-steps article,
.setup-lane-card,
.launch-path-card,
.workflow-card {
  background-image: none !important;
}

.workspace-launch-steps span,
.hero-points article,
.hero-proof-strip article,
.control-toggle .btn.is-selected,
.simulator-clarity-toggle .btn.is-selected,
.settings-clarity-toggle .btn.is-selected {
  box-shadow: none !important;
}

.summary-card,
.kpi-card,
.ops-card,
.playback-card,
.map-settings-overlay-panel,
.map-legend-control,
.maintenance-stat,
.maintenance-run-result {
  background: var(--corporate-surface) !important;
}

.status-line,
.active-industry,
.quick-meta,
.summary-key,
.section-note,
.hero-showcase-head span,
.hero-showcase-head p,
.hero-showcase-note,
.hero-showcase-note-secondary,
.hero-showcase-metrics span {
  color: var(--corporate-ink-500) !important;
}

.hero-showcase-head strong,
.hero-showcase-metrics strong,
.hero-content strong,
.workspace-launch-board-head strong,
.workspace-status-item strong,
.summary-value,
.maintenance-stat strong {
  color: var(--corporate-ink-900) !important;
}

.hero-showcase-chip,
.trust-pill,
.hero-badge,
.beta-badge {
  background: var(--corporate-chip) !important;
  border-color: var(--corporate-border) !important;
  color: var(--corporate-accent-700) !important;
}

.map-task-card-warning {
  background: #fffaf2 !important;
  border-color: #ecd9b6 !important;
}

.map-task-card-danger {
  background: var(--corporate-danger-bg) !important;
  border-color: var(--corporate-danger-border) !important;
}

.topbar-menu-link,
.map-inline-action,
.ops-jump-focus-link,
.inline-link {
  color: var(--corporate-accent-700) !important;
}

.topbar-menu-link:hover,
.map-inline-action:hover,
.ops-jump-focus-link:hover,
.inline-link:hover {
  color: var(--corporate-accent-600) !important;
}

@media (max-width: 860px) {
  .topbar {
    background: rgba(255, 255, 255, 0.96) !important;
  }

  body {
    background: linear-gradient(180deg, #f5f7fa 0%, #eef3f8 100%) !important;
  }
}

/* Landing hierarchy cleanup */
.hero-grid {
  gap: 1.18rem !important;
}

.hero-content {
  gap: 0.88rem !important;
}

.hero h1 {
  max-width: 17ch !important;
}

.subtitle {
  max-width: 50ch !important;
  line-height: 1.6 !important;
}

.hero-audience-grid,
.hero-proof-strip,
.marketing-proof,
.capability-rails {
  gap: 0.5rem !important;
}

.hero-audience-card,
.hero-proof-strip article,
.marketing-proof article,
.capability-rail {
  background: #f9fbfd !important;
  border-color: #dce6ef !important;
  box-shadow: none !important;
}

.launch-path-card,
.marketing-grid article,
.capability-card,
.industry-card,
.workflow-card {
  background: #ffffff !important;
  box-shadow: none !important;
}

.section-band,
.marketing-head,
.capabilities-head {
  max-width: 820px;
}

.section-band h2,
.marketing-head h2,
.capabilities-head h2 {
  max-width: 18ch !important;
}

.section-band p,
.marketing-head p,
.capabilities-head p,
#use-cases-subtitle,
.contact-head p {
  max-width: 66ch !important;
}

.hero-trust {
  gap: 0.34rem !important;
}

.trust-pill {
  padding: 0.26rem 0.58rem !important;
  letter-spacing: 0.04em !important;
}

.launch-path-grid,
.marketing-grid,
.capabilities-grid,
.industry-grid,
.workflow-grid {
  gap: 0.58rem !important;
}