:root {
  --ink: #141414;
  --muted: #69707f;
  --faint: #8b94a5;
  --line: #e3e6ec;
  --paper: #fbfaf7;
  --panel: #ffffff;
  --charcoal: #15151a;
  --charcoal-2: #202028;
  --pink: #ee3f72;
  --orange: #ff8d3d;
  --green: #296349;
  --green-soft: #e8f3ec;
  --yellow-soft: #fff4d8;
  --blue: #315f95;
  --blue-soft: #e8f0fb;
  --shadow: 0 22px 70px rgba(24, 24, 28, 0.11);
}

* {
  box-sizing: border-box;
}

html {
  max-width: 100%;
  overflow-x: clip;
  scroll-behavior: smooth;
}

body {
  max-width: 100%;
  overflow-x: clip;
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family:
    Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

button,
input {
  font: inherit;
}

button {
  cursor: pointer;
}

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

.is-hidden {
  display: none !important;
}

.ops-gateway {
  position: relative;
  display: grid;
  min-height: 100vh;
  min-height: 100svh;
  place-items: center;
  overflow: hidden;
  padding: clamp(22px, 5vw, 64px);
  color: #f7f7fa;
  background:
    radial-gradient(circle at 50% 4%, rgba(244, 110, 31, 0.16), transparent 36%),
    linear-gradient(145deg, #09090d 0%, #15151a 52%, #0d0e13 100%);
}

.ops-gateway::before {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255, 255, 255, 0.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px);
  background-size: 42px 42px;
  content: "";
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.55), transparent 78%);
  pointer-events: none;
}

.ops-gateway-panel {
  position: relative;
  display: grid;
  width: min(100%, 700px);
  gap: clamp(24px, 4vw, 34px);
  padding: clamp(30px, 7vw, 62px);
  background: rgba(24, 24, 31, 0.82);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  box-shadow:
    0 34px 100px rgba(0, 0, 0, 0.48),
    0 0 64px rgba(244, 110, 31, 0.08);
  -webkit-backdrop-filter: blur(18px) saturate(1.08);
  backdrop-filter: blur(18px) saturate(1.08);
}

.ops-gateway-brand {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  gap: 12px;
  color: rgba(255, 255, 255, 0.78);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.ops-gateway-brand img {
  width: 34px;
  height: 34px;
  object-fit: contain;
}

.ops-gateway-copy {
  display: grid;
  gap: 18px;
}

.ops-gateway-copy h1 {
  max-width: 620px;
  margin: 0;
  color: #ffffff;
  font-size: clamp(38px, 8vw, 68px);
  font-weight: 950;
  letter-spacing: -0.045em;
  line-height: 0.98;
}

.ops-gateway-copy p {
  max-width: 610px;
  margin: 0;
  color: rgba(232, 234, 240, 0.72);
  font-size: clamp(15px, 2vw, 18px);
  line-height: 1.68;
}

.ops-gateway-button {
  display: inline-flex;
  width: fit-content;
  min-height: 50px;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  color: #ffffff;
  background: #e96619;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  box-shadow: 0 16px 38px rgba(233, 102, 25, 0.2);
  font-size: 14px;
  font-weight: 900;
  transition:
    background 160ms ease,
    border-color 160ms ease,
    box-shadow 160ms ease;
}

.ops-gateway-button:hover {
  background: #f1742b;
  border-color: rgba(255, 255, 255, 0.22);
  box-shadow: 0 18px 44px rgba(233, 102, 25, 0.27);
}

.ops-gateway-button:focus-visible {
  outline: 3px solid rgba(255, 178, 119, 0.92);
  outline-offset: 4px;
}

.ops-gateway-access-note {
  margin: -10px 0 0;
  color: rgba(232, 234, 240, 0.5);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.hm-page-shell {
  --hm-color-page-bg: #ffffff;
  --hm-color-warm-page-bg: #fff8f3;
  --hm-color-dark-text: #101828;
  --hm-color-muted-text: #697386;
  --hm-color-dark-card-bg: #0c0d12;
  --hm-color-white-card-bg: #ffffff;
  --hm-color-soft-border: #edeef2;
  --hm-color-orange: #f46e1f;
  --hm-color-pink: #ee3f72;
  --hm-color-gradient: linear-gradient(135deg, #f46e1f 0%, #ee3f72 100%);
  --hm-color-glow: 0 24px 70px rgba(244, 110, 31, 0.24);
  min-height: 100vh;
  overflow-x: clip;
  padding-top: 96px;
  color: var(--hm-color-dark-text);
  background: var(--hm-color-page-bg);
}

.hm-site-nav {
  position: fixed;
  top: 14px;
  left: 50%;
  z-index: 1000;
  display: flex;
  width: min(1180px, calc(100% - 36px));
  min-height: 66px;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: 0;
  padding: 10px 10px 10px 18px;
  color: #ffffff;
  background: rgba(10, 10, 18, 0.88);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  box-shadow:
    0 18px 46px rgba(9, 8, 13, 0.22),
    0 0 38px rgba(244, 110, 31, 0.1);
  -webkit-backdrop-filter: blur(14px) saturate(1.08);
  backdrop-filter: blur(14px) saturate(1.08);
  transform: translateX(-50%);
  transition:
    width 220ms ease,
    min-height 220ms ease,
    background 220ms ease,
    box-shadow 220ms ease,
    transform 220ms ease;
}

.hm-public-header--scrolled {
  width: min(1040px, calc(100% - 28px));
  min-height: 58px;
  background: rgba(10, 10, 18, 0.92);
  box-shadow:
    0 24px 70px rgba(9, 8, 13, 0.3),
    0 0 46px rgba(244, 110, 31, 0.12);
}

.hm-brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-width: max-content;
  font-size: 18px;
  font-weight: 950;
}

.hm-brand img {
  width: 36px;
  height: 36px;
  object-fit: contain;
}

.hm-nav-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 18px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 14px;
  font-weight: 850;
}

.hm-nav-links a:hover {
  color: #ffffff;
}

.hm-section {
  width: min(1180px, calc(100% - 36px));
  margin: 0 auto;
  padding: clamp(72px, 9vw, 124px) 0;
}

.hm-section-header {
  display: grid;
  max-width: 780px;
  gap: 14px;
  margin-bottom: 34px;
}

.hm-section-header h2,
.hm-gradient-hero h1,
.hm-cta-band h2 {
  margin: 0;
  color: var(--hm-color-dark-text);
  letter-spacing: 0;
  line-height: 0.96;
  font-weight: 950;
}

.hm-section-header h2,
.hm-cta-band h2 {
  max-width: 760px;
  font-size: clamp(34px, 5vw, 62px);
}

.hm-section-header p,
.hm-gradient-hero p,
.hm-card p,
.hm-feature-card p,
.hm-proof-card p,
.hm-cta-band p {
  margin: 0;
  color: var(--hm-color-muted-text);
  line-height: 1.7;
}

.hm-grid {
  display: grid;
  gap: 18px;
  min-width: 0;
}

.hm-grid > *,
.hm-section,
.hm-card,
.hm-feature-card,
.hm-proof-card,
.hm-form-card,
.hm-dashboard-preview-card {
  min-width: 0;
}

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

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

.hm-card,
.hm-feature-card,
.hm-proof-card,
.hm-form-card,
.hm-dashboard-preview-card {
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid var(--hm-color-soft-border);
  border-radius: 18px;
  box-shadow: 0 18px 54px rgba(16, 24, 40, 0.08);
}

.hm-card,
.hm-feature-card,
.hm-proof-card {
  display: grid;
  align-content: start;
  gap: 12px;
  padding: 24px;
}

.hm-card h3,
.hm-feature-card h3,
.hm-proof-card h3 {
  margin: 0;
  color: var(--hm-color-dark-text);
  font-size: 22px;
  line-height: 1.15;
}

.hm-feature-card span:first-child {
  display: inline-grid;
  width: 38px;
  height: 38px;
  place-items: center;
  color: #ffffff;
  background: var(--hm-color-gradient);
  border-radius: 12px;
  box-shadow: 0 12px 24px rgba(244, 110, 31, 0.2);
  font-size: 13px;
  font-weight: 950;
}

.hm-proof-card {
  min-height: 190px;
}

.hm-proof-card span {
  align-self: end;
  color: var(--hm-color-orange);
  font-size: 13px;
  font-weight: 950;
}

.hm-gradient-hero {
  position: relative;
  display: grid;
  min-height: calc(100vh - 76px);
  align-items: center;
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr);
  gap: clamp(34px, 6vw, 76px);
  padding-top: clamp(56px, 7vw, 96px);
}

.hm-public-hero::before {
  position: absolute;
  z-index: -1;
  inset: 8% auto auto 52%;
  width: min(520px, 42vw);
  height: min(520px, 42vw);
  content: "";
  background: radial-gradient(circle, rgba(244, 110, 31, 0.16), transparent 64%);
  pointer-events: none;
}

.hm-hero-copy {
  display: grid;
  gap: 22px;
}

.hm-gradient-hero h1 {
  max-width: 740px;
  font-size: clamp(46px, 6.5vw, 86px);
}

.hm-gradient-hero p {
  max-width: 690px;
  font-size: clamp(17px, 2vw, 21px);
}

.hm-pill,
.hm-badge {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  justify-content: center;
  color: var(--hm-color-orange);
  background: #fff2ea;
  border: 1px solid rgba(244, 110, 31, 0.18);
  border-radius: 999px;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.hm-pill {
  padding: 8px 12px;
}

.hm-badge {
  padding: 7px 10px;
}

.hm-button-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.hm-button-row.centered {
  justify-content: center;
}

.hm-button-primary,
.hm-button-secondary,
.hm-button-ghost {
  display: inline-flex;
  min-height: 46px;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 0 18px;
  border-radius: 12px;
  font-weight: 950;
}

.hm-button-primary {
  color: #ffffff;
  background: var(--hm-color-gradient);
  border: 0;
  box-shadow: var(--hm-color-glow);
}

.hm-public-button-primary {
  min-height: 44px;
  border-radius: 999px;
  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    filter 180ms ease;
}

.hm-public-button-primary:hover {
  box-shadow: 0 24px 72px rgba(244, 110, 31, 0.36);
  filter: saturate(1.05);
  transform: translateY(-1px);
}

.hm-button-secondary {
  color: var(--hm-color-dark-text);
  background: #ffffff;
  border: 1px solid var(--hm-color-soft-border);
}

.hm-public-button-secondary {
  border-radius: 999px;
  transition:
    border-color 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease;
}

.hm-public-button-secondary:hover {
  border-color: rgba(244, 110, 31, 0.24);
  box-shadow: 0 16px 40px rgba(16, 24, 40, 0.1);
  transform: translateY(-1px);
}

.hm-button-ghost {
  color: var(--hm-color-dark-text);
  background: rgba(255, 255, 255, 0.58);
  border: 1px solid rgba(16, 24, 40, 0.12);
}

.hm-hero-trust {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  color: var(--hm-color-muted-text);
  font-size: 13px;
  font-weight: 850;
}

.hm-hero-trust span {
  padding: 9px 12px;
  background: rgba(255, 255, 255, 0.76);
  border: 1px solid rgba(237, 238, 242, 0.9);
  border-radius: 999px;
}

.hm-dashboard-preview-card {
  position: relative;
  overflow: hidden;
  padding: 14px;
}

.hm-public-card {
  background: #ffffff;
  border: 1px solid var(--hm-color-soft-border);
  border-radius: 18px;
  box-shadow: 0 18px 54px rgba(16, 24, 40, 0.08);
}

.hm-public-dashboard-preview {
  box-shadow: 0 28px 86px rgba(16, 24, 40, 0.14);
}

.hm-public-glow {
  box-shadow:
    0 28px 86px rgba(16, 24, 40, 0.14),
    0 0 70px rgba(244, 110, 31, 0.16);
}

.hm-dashboard-preview-card::before {
  position: absolute;
  inset: -30% 10% auto;
  height: 190px;
  content: "";
  background: radial-gradient(circle, rgba(244, 110, 31, 0.28), transparent 66%);
  pointer-events: none;
}

.hm-example-dashboard {
  margin-bottom: 18px;
}

.hm-site-could-become {
  scroll-margin-top: 112px;
}

.hm-public-demo-note {
  display: inline-flex;
  justify-self: center;
  width: fit-content;
  max-width: 760px;
  margin: 6px 0 0;
  padding: 10px 14px;
  color: var(--hm-color-muted-text);
  background: #ffffff;
  border: 1px solid var(--hm-color-soft-border);
  border-radius: 999px;
  font-size: 13px;
  font-weight: 850;
}

.hm-public-example-build-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  min-width: 0;
}

.hm-public-example-card {
  min-height: 260px;
  background:
    linear-gradient(180deg, rgba(255, 242, 234, 0.7), rgba(255, 255, 255, 0.94)),
    #ffffff;
}

.hm-public-example-card .hm-badge {
  align-self: start;
  width: fit-content;
  color: var(--hm-color-orange);
}

.hm-public-example-card strong {
  align-self: end;
  color: var(--hm-color-muted-text);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.hm-public-example-note-card {
  display: grid;
  gap: 14px;
  margin-top: 20px;
  padding: clamp(24px, 4vw, 38px);
}

.hm-public-example-note-card h3 {
  max-width: 820px;
  margin: 0;
  color: var(--hm-color-dark-text);
  font-size: clamp(28px, 4vw, 48px);
  line-height: 1;
}

.hm-public-example-note-card p {
  max-width: 820px;
  margin: 0;
  color: var(--hm-color-muted-text);
  line-height: 1.7;
}

.hm-preview-bar {
  position: relative;
  display: flex;
  gap: 6px;
  padding: 12px;
  background: var(--hm-color-dark-card-bg);
  border-radius: 14px 14px 0 0;
}

.hm-preview-bar span {
  width: 9px;
  height: 9px;
  background: #ffffff;
  border-radius: 999px;
  opacity: 0.5;
}

.hm-preview-layout {
  position: relative;
  display: grid;
  min-height: 390px;
  grid-template-columns: 84px 1fr;
  background:
    linear-gradient(180deg, rgba(255, 242, 234, 0.65), transparent 44%),
    #ffffff;
  border: 1px solid var(--hm-color-soft-border);
  border-top: 0;
  border-radius: 0 0 14px 14px;
}

.hm-preview-sidebar {
  display: grid;
  align-content: start;
  justify-items: center;
  gap: 12px;
  padding: 22px 14px;
  background: #fbfaf7;
  border-right: 1px solid var(--hm-color-soft-border);
}

.hm-preview-sidebar strong {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  color: #ffffff;
  background: var(--hm-color-gradient);
  border-radius: 12px;
}

.hm-preview-sidebar span {
  width: 42px;
  height: 11px;
  background: #e7e9ef;
  border-radius: 999px;
}

.hm-preview-sidebar span.is-active {
  background: #fff1ef;
  box-shadow: inset 3px 0 0 var(--hm-color-orange);
}

.hm-preview-main {
  display: grid;
  align-content: start;
  gap: 16px;
  padding: 26px;
}

.hm-preview-header {
  display: grid;
  gap: 8px;
}

.hm-preview-header strong {
  font-size: 28px;
  line-height: 1;
}

.hm-preview-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.hm-preview-metrics div {
  display: grid;
  gap: 6px;
  padding: 16px;
  background: #ffffff;
  border: 1px solid var(--hm-color-soft-border);
  border-radius: 14px;
}

.hm-preview-metrics span {
  color: var(--hm-color-muted-text);
  font-size: 12px;
  font-weight: 800;
}

.hm-preview-metrics strong {
  color: var(--hm-color-dark-text);
  font-size: 28px;
}

.hm-preview-list {
  display: grid;
  gap: 12px;
  margin-top: 8px;
}

.hm-preview-list span {
  height: 48px;
  background: linear-gradient(90deg, #f4f5f7, #ffffff);
  border: 1px solid var(--hm-color-soft-border);
  border-radius: 14px;
}

.hm-form-card {
  display: grid;
  gap: 18px;
  padding: clamp(22px, 4vw, 34px);
}

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

.hm-form-card label {
  display: grid;
  gap: 8px;
  color: var(--hm-color-dark-text);
  font-size: 13px;
  font-weight: 900;
}

.hm-form-card input,
.hm-form-card textarea,
.hm-form-card select {
  width: 100%;
  min-height: 46px;
  padding: 12px 14px;
  color: var(--hm-color-dark-text);
  background: #ffffff;
  border: 1px solid var(--hm-color-soft-border);
  border-radius: 12px;
  outline: none;
}

.hm-form-card textarea {
  resize: vertical;
}

.hm-form-card input:focus,
.hm-form-card textarea:focus,
.hm-form-card select:focus {
  border-color: rgba(244, 110, 31, 0.55);
  box-shadow: 0 0 0 4px rgba(244, 110, 31, 0.12);
}

.hm-span-2 {
  grid-column: span 2;
}

.hm-form-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.hm-form-footer p,
.hm-form-confirmation {
  max-width: 680px;
  margin: 0;
  color: var(--hm-color-muted-text);
  line-height: 1.6;
}

.hm-form-confirmation:not(:empty) {
  padding: 12px 14px;
  color: #296349;
  background: #e8f3ec;
  border: 1px solid rgba(41, 99, 73, 0.16);
  border-radius: 12px;
  font-weight: 850;
}

.hm-cta-band {
  width: 100%;
  max-width: none;
  padding-inline: max(18px, calc((100vw - 1180px) / 2));
  background:
    radial-gradient(circle at 50% 0%, rgba(244, 110, 31, 0.1), transparent 32%),
    #ffffff;
  border-block: 1px solid rgba(237, 238, 242, 0.82);
}

.hm-cta-band .hm-grid {
  width: min(1180px, 100%);
  margin: 0 auto;
  align-items: start;
}

.hm-cta-band article:first-child {
  display: grid;
  gap: 16px;
}

.hm-public-gradient-card {
  position: relative;
  overflow: hidden;
  padding: 28px;
  background: #ffffff;
  border: 1px solid rgba(244, 110, 31, 0.14);
  border-radius: 18px;
  box-shadow: 0 18px 54px rgba(16, 24, 40, 0.08);
}

.hm-public-gradient-card::before {
  position: absolute;
  inset: auto -10% -32% 10%;
  height: 170px;
  content: "";
  background: radial-gradient(circle, rgba(244, 110, 31, 0.16), transparent 68%);
  pointer-events: none;
}

.hm-cta-band .hm-card {
  background: #ffffff;
}

.hm-audit-questions {
  display: grid;
  gap: 8px;
  margin: 0;
  padding-left: 18px;
  color: var(--hm-color-dark-text);
  font-weight: 850;
}
.hm-rescue-section {
  width: 100%;
  max-width: none;
  padding: clamp(64px, 8vw, 104px) max(18px, calc((100vw - 1180px) / 2));
  color: #ffffff;
  background:
    radial-gradient(circle at 52% 16%, rgba(244, 110, 31, 0.22), transparent 34%),
    radial-gradient(circle at 84% 78%, rgba(238, 63, 114, 0.18), transparent 26%),
    #09080d;
  border-block: 1px solid rgba(255, 255, 255, 0.08);
}

.hm-rescue-inner {
  display: grid;
  gap: clamp(34px, 5vw, 58px);
  width: min(1180px, 100%);
  margin: 0 auto;
}

.hm-rescue-copy {
  display: grid;
  max-width: 920px;
  gap: 18px;
}

.hm-rescue-copy .hm-pill {
  width: fit-content;
  color: #fff3e8;
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.14);
}

.hm-rescue-copy h2 {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.18em;
  margin: 0;
  color: #ffffff;
  font-size: clamp(42px, 7vw, 92px);
  line-height: 0.9;
  letter-spacing: 0;
}

.hm-rescue-copy h2 strong {
  color: transparent;
  background: linear-gradient(135deg, #8f5cff, #f46e1f 46%, #ee3f72);
  -webkit-background-clip: text;
  background-clip: text;
}

.hm-rescue-copy p {
  max-width: 760px;
  margin: 0;
  color: rgba(255, 255, 255, 0.78);
  font-size: clamp(16px, 2vw, 20px);
  line-height: 1.55;
}

.hm-rescue-flow {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(120px, 0.4fr) minmax(0, 1fr);
  gap: 18px;
  align-items: center;
}

.hm-rescue-visual,
.hm-rescue-time {
  min-width: 0;
  padding: 18px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.22);
}

.hm-rescue-visual {
  display: grid;
  gap: 12px;
}

.hm-rescue-visual span,
.hm-rescue-time strong {
  color: rgba(255, 255, 255, 0.72);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.hm-rescue-visual p {
  margin: 0;
  color: rgba(255, 255, 255, 0.72);
  line-height: 1.45;
}

.hm-rescue-browser {
  display: grid;
  grid-template-columns: repeat(3, 10px) minmax(0, 1fr);
  gap: 8px;
  min-height: 128px;
  padding: 14px;
  background: #f5f5f0;
  border: 2px solid rgba(255, 255, 255, 0.18);
  border-radius: 8px;
}

.hm-rescue-browser i {
  width: 10px;
  height: 10px;
  background: #c7c0b5;
  border-radius: 999px;
}

.hm-rescue-browser b {
  grid-column: 1 / -1;
  display: block;
  height: 16px;
  background: #cfc7b9;
  border-radius: 4px;
}

.hm-rescue-old .hm-rescue-browser {
  background: repeating-linear-gradient(0deg, #e8e0cf, #e8e0cf 12px, #d8cfbd 13px);
}

.hm-rescue-new .hm-rescue-browser {
  background: linear-gradient(180deg, #ffffff, #fff2ea);
  border-color: rgba(244, 110, 31, 0.34);
}

.hm-rescue-new .hm-rescue-browser b {
  background: linear-gradient(90deg, #f46e1f, #ee3f72);
}

.hm-rescue-time {
  position: relative;
  display: grid;
  justify-items: center;
  text-align: center;
}

.hm-rescue-time::before,
.hm-rescue-time::after {
  position: absolute;
  top: 50%;
  width: 34px;
  height: 2px;
  content: "";
  background: rgba(255, 255, 255, 0.34);
}

.hm-rescue-time::before {
  left: -28px;
}

.hm-rescue-time::after {
  right: -28px;
}

.hm-rescue-time span {
  color: #ffffff;
  font-size: clamp(42px, 6vw, 72px);
  font-weight: 950;
  line-height: 0.9;
}

#contact {
  text-align: center;
}

#contact .hm-section-header {
  margin-inline: auto;
  align-items: center;
}

@media (max-width: 1080px) {
  .hm-nav-links {
    display: none;
  }

  .hm-gradient-hero,
  .hm-grid-2,
  .hm-grid-3 {
    grid-template-columns: 1fr;
  }

  .hm-gradient-hero {
    min-height: auto;
  }
}

@media (max-width: 700px) {
  .hm-page-shell {
    padding-top: 150px;
  }

  .hm-section {
    width: min(100% - 28px, 1180px);
    padding-block: 64px;
  }

  .hm-site-nav {
    top: 10px;
    width: min(100% - 24px, 1180px);
    min-height: auto;
    align-items: flex-start;
    flex-direction: column;
    padding: 14px;
    border-radius: 24px;
  }

  .hm-nav-cta,
  .hm-button-primary,
  .hm-button-secondary,
  .hm-button-ghost,
  .hm-form-footer button {
    width: 100%;
  }

  .hm-form-grid,
  .hm-preview-metrics {
    grid-template-columns: 1fr;
  }

  .hm-span-2 {
    grid-column: auto;
  }

  .hm-form-footer {
    align-items: stretch;
    flex-direction: column;
  }

  .hm-preview-layout {
    grid-template-columns: 62px 1fr;
  }

  .hm-preview-main {
    padding: 18px;
  }
}

.activation-shell {
  min-height: 100vh;
  background:
    linear-gradient(180deg, rgba(21, 21, 26, 0.03), transparent 360px),
    var(--paper);
}

.topbar {
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  min-height: 74px;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding: 0 clamp(18px, 5vw, 70px);
  background: rgba(251, 250, 247, 0.88);
  border-bottom: 1px solid rgba(20, 20, 20, 0.08);
  backdrop-filter: blur(18px);
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-width: max-content;
}

.brand img {
  width: 42px;
  height: 42px;
  object-fit: contain;
}

.brand span {
  display: grid;
  gap: 2px;
}

.brand strong {
  font-size: 18px;
  font-weight: 950;
}

.brand small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
}

.top-nav {
  display: flex;
  gap: 24px;
  color: var(--muted);
  font-size: 14px;
  font-weight: 800;
}

.top-nav a:hover {
  color: var(--ink);
}

.header-action,
.workspace-heading button,
.stage-action,
.empty-actions button,
.report-panel button,
.assistant-form button {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 0 16px;
  color: #ffffff;
  background: linear-gradient(135deg, var(--pink), var(--orange));
  border: 0;
  border-radius: 8px;
  box-shadow: 0 14px 28px rgba(238, 63, 114, 0.21);
  font-weight: 900;
}

.button-icon {
  display: grid;
  width: 22px;
  height: 22px;
  place-items: center;
  color: var(--pink);
  background: #ffffff;
  border-radius: 999px;
  font-size: 13px;
}

main {
  display: grid;
  gap: clamp(28px, 5vw, 64px);
  padding: clamp(20px, 4vw, 46px) clamp(18px, 5vw, 70px) 70px;
}

.workspace-hero {
  display: grid;
  grid-template-columns: minmax(240px, 310px) minmax(0, 1fr);
  gap: 18px;
  align-items: stretch;
}

.activation-rail {
  position: sticky;
  top: 92px;
  align-self: start;
  padding: 16px;
  background: var(--charcoal);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  box-shadow: var(--shadow);
}

.rail-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 4px 4px 14px;
  color: #ffffff;
}

.rail-heading span,
.mini-label,
.eyebrow {
  color: var(--orange);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.rail-heading strong {
  font-size: 24px;
}

.stage-nav {
  display: grid;
  gap: 8px;
}

.stage-tab {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  width: 100%;
  min-height: 58px;
  padding: 10px;
  color: #e8eaf0;
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 8px;
  text-align: left;
}

.stage-tab:hover,
.stage-tab.is-active {
  background: rgba(238, 63, 114, 0.16);
  border-color: rgba(255, 141, 61, 0.45);
}

.stage-number {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.09);
  border-radius: 8px;
  font-size: 12px;
  font-weight: 950;
}

.stage-tab strong,
.stage-tab span {
  display: block;
}

.stage-tab span:not(.stage-number):not(.stage-dot) {
  margin-top: 2px;
  color: #aeb4c2;
  font-size: 12px;
}

.stage-dot {
  width: 10px;
  height: 10px;
  background: var(--faint);
  border-radius: 999px;
}

.stage-dot.is-done {
  background: var(--green);
}

.stage-dot.is-live {
  background: var(--orange);
}

.stage-workspace {
  display: grid;
  gap: 18px;
}

.workspace-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 22px;
  min-height: 236px;
  padding: clamp(22px, 4vw, 38px);
  color: #ffffff;
  background:
    linear-gradient(135deg, rgba(238, 63, 114, 0.9), rgba(255, 141, 61, 0.8)),
    var(--charcoal);
  border-radius: 8px;
  box-shadow: var(--shadow);
}

.workspace-heading h1 {
  max-width: 840px;
  margin: 10px 0 14px;
  font-size: clamp(36px, 5.7vw, 72px);
  line-height: 0.96;
  letter-spacing: 0;
}

.workspace-heading p:not(.eyebrow) {
  max-width: 720px;
  margin: 0;
  color: rgba(255, 255, 255, 0.86);
  font-size: 17px;
  line-height: 1.6;
}

.workspace-heading .eyebrow {
  color: #fff4d8;
}

.account-chip {
  display: grid;
  gap: 5px;
  min-width: 168px;
  padding: 14px;
  background: rgba(20, 20, 20, 0.18);
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 8px;
}

.account-chip span {
  color: rgba(255, 255, 255, 0.78);
  font-size: 12px;
  font-weight: 850;
}

.account-chip strong {
  font-size: 26px;
}

.stage-panel,
.state-band article,
.dashboard-grid article,
.assistant-thread,
.pricing-grid article {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: 0 14px 46px rgba(20, 20, 20, 0.07);
}

.stage-panel {
  min-height: 486px;
  padding: clamp(20px, 3vw, 30px);
}

.stage-panel-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 22px;
}

.stage-panel h2,
.section-heading h2,
.assistant-copy h2 {
  margin: 7px 0 10px;
  font-size: clamp(26px, 3vw, 42px);
  line-height: 1.05;
  letter-spacing: 0;
}

.stage-panel p,
.section-heading p:not(.eyebrow),
.dashboard-grid p,
.assistant-copy p:not(.eyebrow),
.pricing-grid p {
  color: var(--muted);
  line-height: 1.58;
}

.status-pill {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  padding: 0 12px;
  color: var(--green);
  background: var(--green-soft);
  border-radius: 999px;
  font-size: 12px;
  font-weight: 950;
}

.status-pill.is-waiting {
  color: #7b541c;
  background: var(--yellow-soft);
}

.status-pill.is-blocked {
  color: var(--pink);
  background: #fff0f4;
}

.stage-content {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(260px, 0.9fr);
  gap: 18px;
  align-items: start;
}

.checklist,
.detail-list,
.insight-list,
.automation-list,
.assistant-messages {
  display: grid;
  gap: 10px;
}

.check-item,
.detail-item,
.insight-item,
.automation-item,
.assistant-message {
  padding: 13px;
  background: #f7f8fa;
  border: 1px solid var(--line);
  border-radius: 8px;
}

.check-item {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

.checkmark {
  display: grid;
  width: 22px;
  height: 22px;
  place-items: center;
  color: #ffffff;
  background: var(--green);
  border-radius: 999px;
  font-size: 12px;
  font-weight: 950;
}

.checkmark.is-open {
  color: var(--ink);
  background: #ffffff;
  border: 1px solid var(--line);
}

.check-item strong,
.detail-item strong,
.insight-item strong,
.automation-item strong {
  display: block;
  margin-bottom: 3px;
}

.check-item span,
.detail-item span,
.insight-item span,
.automation-item span {
  display: block;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

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

.stage-metric {
  padding: 14px;
  background: var(--charcoal);
  border-radius: 8px;
}

.stage-metric span {
  display: block;
  color: #aeb4c2;
  font-size: 12px;
  font-weight: 850;
}

.stage-metric strong {
  display: block;
  margin-top: 6px;
  color: #ffffff;
  font-size: 24px;
}

.stage-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.stage-action.secondary,
.empty-actions button:last-child,
.report-panel button {
  color: var(--ink);
  background: #ffffff;
  border: 1px solid var(--line);
  box-shadow: none;
}

.state-band {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.state-band article {
  min-height: 164px;
  padding: 18px;
}

.state-band strong {
  display: block;
  margin: 8px 0;
  font-size: 25px;
}

.state-band p {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.5;
}

.dashboard-section,
.assistant-section,
.pricing-section {
  display: grid;
  gap: 18px;
}

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

.dashboard-grid {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 14px;
}

.dashboard-grid article {
  min-height: 248px;
  padding: 20px;
}

.ad-empty-state {
  color: #ffffff;
  background:
    linear-gradient(135deg, rgba(21, 21, 26, 0.92), rgba(32, 32, 40, 0.92)),
    var(--charcoal);
}

.ad-empty-state .mini-label,
.ad-empty-state p {
  color: #ffd7b5;
}

.ad-empty-state h3,
.dashboard-grid h3 {
  margin: 8px 0 10px;
  font-size: 28px;
  line-height: 1.08;
}

.empty-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.automation-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.toggle {
  position: relative;
  width: 48px;
  min-width: 48px;
  height: 28px;
  appearance: none;
  background: #cfd4dd;
  border: 0;
  border-radius: 999px;
}

.toggle::before {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 20px;
  height: 20px;
  content: "";
  background: #ffffff;
  border-radius: 999px;
  transition: transform 160ms ease;
}

.toggle:checked {
  background: var(--green);
}

.toggle:checked::before {
  transform: translateX(20px);
}

.report-panel dl {
  display: grid;
  gap: 10px;
  margin: 16px 0;
}

.report-panel div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid var(--line);
}

.report-panel dt {
  color: var(--muted);
  font-weight: 800;
}

.report-panel dd {
  margin: 0;
  font-weight: 900;
}

.assistant-thread {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(300px, 1.1fr);
  gap: 18px;
  padding: 22px;
}

.assistant-copy {
  align-self: center;
}

.assistant-form {
  display: grid;
  gap: 10px;
}

.assistant-form label {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.assistant-form div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
}

.assistant-form input {
  min-height: 46px;
  min-width: 0;
  padding: 0 13px;
  border: 1px solid var(--line);
  border-radius: 8px;
}

.assistant-messages {
  grid-column: 2;
}

.assistant-message {
  background: var(--blue-soft);
  border-color: #cad9ef;
}

.assistant-message.user {
  background: #fff8ed;
  border-color: #f4dfb9;
}

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

.pricing-grid article {
  min-height: 210px;
  padding: 22px;
}

.pricing-grid span {
  color: var(--muted);
  font-size: 13px;
  font-weight: 900;
}

.pricing-grid strong {
  display: block;
  margin: 12px 0;
  font-size: 40px;
  line-height: 1;
}

.featured-price {
  border-color: rgba(238, 63, 114, 0.38) !important;
  box-shadow: 0 18px 56px rgba(238, 63, 114, 0.15) !important;
}

@media (max-width: 1120px) {
  .workspace-hero,
  .stage-content,
  .assistant-thread {
    grid-template-columns: 1fr;
  }

  .activation-rail {
    position: static;
  }

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

  .assistant-messages {
    grid-column: auto;
  }
}

@media (max-width: 900px) {
  .top-nav {
    display: none;
  }

  .workspace-heading {
    flex-direction: column;
  }

  .state-band,
  .dashboard-grid,
  .pricing-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 620px) {
  .topbar {
    align-items: flex-start;
    flex-direction: column;
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .header-action {
    width: 100%;
  }

  main {
    padding-inline: 14px;
  }

  .stage-nav,
  .stage-metrics {
    grid-template-columns: 1fr;
  }

  .workspace-heading h1 {
    font-size: 38px;
  }

  .stage-panel-header,
  .automation-item,
  .assistant-form div {
    align-items: stretch;
    flex-direction: column;
    display: flex;
  }
}

.founder-dashboard {
  min-height: 100vh;
  color: var(--ink);
  background:
    linear-gradient(180deg, rgba(21, 21, 26, 0.03), transparent 360px),
    var(--paper);
}

.founder-topbar {
  position: sticky;
  top: 0;
  z-index: 30;
  display: flex;
  min-height: 74px;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding: 0 clamp(18px, 5vw, 70px);
  background: rgba(251, 250, 247, 0.9);
  border-bottom: 1px solid rgba(20, 20, 20, 0.08);
  backdrop-filter: blur(18px);
}

.founder-brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-width: max-content;
}

.founder-brand img {
  width: 42px;
  height: 42px;
  object-fit: contain;
}

.founder-brand span {
  display: grid;
  gap: 2px;
}

.founder-brand strong {
  font-size: 18px;
  font-weight: 950;
}

.founder-brand small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
}

.founder-topbar nav {
  display: flex;
  gap: 22px;
  color: var(--muted);
  font-size: 14px;
  font-weight: 850;
}

.founder-topbar nav a:hover {
  color: var(--ink);
}
.founder-topbar-actions {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}

.founder-button {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 0 16px;
  color: #ffffff;
  background: linear-gradient(135deg, var(--pink), var(--orange));
  border: 0;
  border-radius: 8px;
  box-shadow: 0 14px 28px rgba(238, 63, 114, 0.21);
  font-weight: 900;
}

.founder-button.secondary {
  color: var(--ink);
  background: #ffffff;
  border: 1px solid var(--line);
  box-shadow: none;
}

.founder-layout {
  display: grid;
  grid-template-columns: minmax(240px, 310px) minmax(0, 1fr);
  gap: 18px;
  align-items: start;
  padding: clamp(20px, 4vw, 46px) clamp(18px, 5vw, 70px) 70px;
}

.founder-rail {
  --founder-rail-lag: 0px;
  position: sticky;
  top: 94px;
  align-self: start;
  max-height: calc(100vh - 118px);
  overflow-y: auto;
  padding: 16px;
  background: var(--charcoal);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  box-shadow: var(--shadow);
  transform: translateY(var(--founder-rail-lag));
  will-change: transform;
}

.founder-rail-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 4px 4px 14px;
  color: #ffffff;
}

.founder-rail-heading span {
  color: var(--orange);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.founder-rail-heading strong {
  font-size: 24px;
}

.founder-steps {
  display: grid;
  gap: 8px;
}

.founder-step {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  min-height: 58px;
  padding: 10px;
  color: #e8eaf0;
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 8px;
}

.founder-step strong,
.founder-step small {
  display: block;
}

.founder-step small {
  margin-top: 2px;
  color: #aeb4c2;
  font-size: 12px;
}

.founder-step i {
  width: 10px;
  height: 10px;
  background: var(--faint);
  border-radius: 999px;
}

.founder-step i.is-done {
  background: var(--green);
}

.founder-step i.is-live {
  background: var(--orange);
}

.founder-main {
  display: grid;
  gap: 18px;
  min-width: 0;
}

.founder-hero {
  display: flex;
  min-height: 250px;
  align-items: flex-start;
  justify-content: space-between;
  gap: 22px;
  padding: clamp(22px, 4vw, 38px);
  color: #ffffff;
  background:
    linear-gradient(135deg, rgba(238, 63, 114, 0.9), rgba(255, 141, 61, 0.8)),
    var(--charcoal);
  border-radius: 8px;
  box-shadow: var(--shadow);
}

.founder-hero h1 {
  max-width: 820px;
  margin: 10px 0 14px;
  font-size: clamp(36px, 5vw, 68px);
  line-height: 0.97;
  letter-spacing: 0;
}

.founder-hero p:not(.eyebrow) {
  max-width: 720px;
  margin: 0;
  color: rgba(255, 255, 255, 0.86);
  font-size: 17px;
  line-height: 1.6;
}

.founder-hero .eyebrow {
  color: #fff4d8;
}

.today-focus-card {
  display: grid;
  gap: 8px;
  min-width: 220px;
  max-width: 280px;
  padding: 16px;
  background: rgba(20, 20, 20, 0.18);
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 8px;
}

.today-focus-card span {
  color: rgba(255, 255, 255, 0.76);
  font-size: 12px;
  font-weight: 900;
}

.today-focus-card strong {
  font-size: 26px;
  line-height: 1.05;
}

.today-focus-card p {
  font-size: 13px !important;
}
.founder-morning-brief {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(250px, 320px);
}

.brief-main,
.brief-side-panel {
  min-width: 0;
}

.brief-main {
  display: grid;
  gap: 16px;
}

.brief-heading-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.brief-greeting,
.brief-date-line,
.brief-weather {
  display: inline-flex;
  color: rgba(255, 255, 255, 0.82);
  font-size: 13px;
  font-weight: 850;
}

.brief-greeting {
  display: block;
  margin: 2px 0 3px;
  color: #ffffff;
  font-size: clamp(26px, 3.4vw, 42px);
  line-height: 1;
}

.brief-weather {
  padding: 8px 10px;
  background: rgba(20, 20, 20, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  text-align: right;
}

.brief-primary-action,
.brief-signal-card,
.brief-attention-item {
  min-width: 0;
  background: rgba(8, 9, 13, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 8px;
  box-shadow: 0 18px 45px rgba(8, 9, 13, 0.1);
}

.brief-primary-action {
  display: grid;
  gap: 7px;
  padding: 16px;
}

.brief-primary-action span,
.brief-signal-card span,
.brief-attention-list > span {
  color: rgba(255, 244, 216, 0.86);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.brief-primary-action strong {
  color: #ffffff;
  font-size: clamp(22px, 2.4vw, 34px);
  line-height: 1.05;
}

.brief-primary-action p,
.brief-signal-card p,
.brief-attention-item p,
.brief-future-state {
  margin: 0;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.45;
}

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

.brief-signal-card {
  display: grid;
  gap: 5px;
  padding: 12px;
}

.brief-signal-card strong {
  color: #ffffff;
  font-size: 24px;
  line-height: 1;
}

.brief-attention-list {
  display: grid;
  gap: 9px;
}

.brief-attention-item {
  display: grid;
  gap: 5px;
  padding: 11px;
}

.brief-attention-item strong {
  color: #ffffff;
  font-size: 14px;
  line-height: 1.25;
}

.brief-attention-item.is-blocked {
  border-color: rgba(255, 187, 135, 0.42);
}

.brief-attention-item.is-hot {
  border-color: rgba(255, 255, 255, 0.32);
}

.brief-future-state {
  padding: 10px 11px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  font-size: 12px;
  font-weight: 800;
}

.brief-grid,
.brief-weather-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.brief-field {
  display: grid;
  gap: 6px;
}

.brief-field span {
  color: rgba(255, 255, 255, 0.75);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.brief-field input,
.brief-field textarea {
  width: 100%;
  min-width: 0;
  padding: 10px 11px;
  color: #ffffff;
  background: rgba(20, 20, 20, 0.18);
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 8px;
  outline: none;
}

.brief-field textarea {
  resize: vertical;
  line-height: 1.45;
}
.brief-field textarea[data-founder-brief-field="dailyFocus"] {
  font-size: clamp(22px, 3vw, 34px);
  font-weight: 900;
  line-height: 1.1;
}

.brief-field input:focus,
.brief-field textarea:focus {
  border-color: rgba(255, 255, 255, 0.58);
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.1);
}

.brief-side-panel {
  max-width: none;
}

.brief-side-panel .brief-field input,
.brief-side-panel .brief-field textarea {
  font-size: 13px;
}

.brief-reset-button {
  width: 100%;
}

.ops-card,
.ops-summary-grid article,
.queue-grid article,
.offer-ladder-grid article {
  background: var(--panel);
  border: 1px solid rgba(20, 20, 20, 0.13);
  border-radius: 8px;
  box-shadow: 0 16px 48px rgba(20, 20, 20, 0.09);
}

.ops-current-card,
.ops-card {
  min-width: 0;
  padding: clamp(20px, 3vw, 30px);
}

.ops-current-card {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: 0 14px 46px rgba(20, 20, 20, 0.07);
}

.ops-current-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(260px, 0.8fr);
  gap: 18px;
}

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

.queue-grid article {
  min-height: 110px;
  padding: 14px;
}

.queue-grid span {
  display: block;
  color: var(--muted);
  font-size: 13px;
  font-weight: 850;
  line-height: 1.35;
}

.queue-grid strong {
  display: block;
  margin-top: 10px;
  font-size: 30px;
}

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

.ops-summary-grid article {
  min-height: 164px;
  padding: 18px;
}

.ops-summary-grid strong {
  display: block;
  margin: 8px 0;
  font-size: 32px;
}

.ops-summary-grid p,
.ops-section-heading p,
.ops-card p {
  color: var(--muted);
  line-height: 1.56;
}

.ops-section-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
}

.ops-section-heading h2 {
  max-width: 820px;
  margin: 7px 0 8px;
  font-size: clamp(25px, 3vw, 40px);
  line-height: 1.05;
  letter-spacing: 0;
}

.ops-section-heading p {
  margin: 0;
}

.ops-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}

.ops-filters {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 16px;
}

.ops-field,
.ops-filters label {
  display: grid;
  gap: 7px;
}

.ops-field span,
.ops-filters span,
.ops-assistant-form label {
  color: var(--muted);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.ops-field input,
.ops-field textarea,
.ops-field select,
.ops-filters select,
.ops-assistant-form input {
  width: 100%;
  min-width: 0;
  min-height: 42px;
  padding: 10px 12px;
  color: var(--ink);
  background: #ffffff;
  border: 1px solid var(--line);
  border-radius: 8px;
}

.ops-field textarea {
  resize: vertical;
  line-height: 1.5;
}

.ops-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: 8px;
}

.ops-table {
  width: 100%;
  min-width: 980px;
  border-collapse: collapse;
}

.ops-table th,
.ops-table td {
  padding: 14px;
  text-align: left;
  border-bottom: 1px solid var(--line);
  vertical-align: top;
}

.ops-table th {
  color: var(--muted);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.ops-table tbody tr {
  cursor: pointer;
  transition:
    background 160ms ease,
    box-shadow 160ms ease;
}

.ops-table tbody tr:hover,
.ops-table tbody tr.active {
  background: #fff8ed;
}

.ops-table td strong,
.ops-table td span {
  display: block;
}

.ops-table td span {
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
}

.ops-badge {
  display: inline-flex !important;
  min-height: 28px;
  align-items: center;
  width: max-content;
  padding: 0 10px;
  color: var(--green);
  background: var(--green-soft);
  border-radius: 999px;
  font-size: 12px !important;
  font-weight: 900;
}

.ops-form-section {
  display: grid;
  gap: 14px;
  margin-top: 18px;
}

.ops-form-section h3 {
  margin: 0;
  font-size: 18px;
}

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

.ops-form-grid.single {
  grid-template-columns: 1fr;
}

.ops-field.span-2 {
  grid-column: span 2;
}
.trust-intro-line {
  max-width: 780px;
  margin: -2px 0 18px;
  color: var(--ink) !important;
  font-size: 17px;
  font-weight: 850;
}

.trust-assessment-form,
.trust-form-section,
.trust-confirmation-card,
.trust-assessment-list,
.trust-assessment-card {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.trust-form-section,
.trust-confirmation-card,
.trust-assessment-card {
  padding: 16px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(16, 24, 40, 0.14);
  border-radius: 8px;
  box-shadow: 0 14px 36px rgba(16, 24, 40, 0.07);
}

.trust-form-section h3,
.trust-confirmation-card h3,
.trust-assessment-card h3 {
  margin: 4px 0 0;
  font-size: 20px;
  line-height: 1.15;
}

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

.trust-checkbox-option {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  padding: 12px;
  background: #ffffff;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--ink);
  font-weight: 750;
  line-height: 1.35;
}

.trust-checkbox-option input {
  margin-top: 3px;
}

.trust-assessment-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.trust-assessment-card.is-active {
  border-color: rgba(244, 110, 31, 0.55);
  box-shadow: 0 18px 50px rgba(244, 110, 31, 0.13);
}

.trust-assessment-card dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
}

.trust-assessment-card dt {
  color: var(--muted);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.trust-assessment-card dd {
  margin: 3px 0 0;
  color: var(--ink);
  font-weight: 850;
}

.trust-submit-row {
  justify-content: flex-start;
}

.ops-reminder {
  margin-top: 18px;
  padding: 14px;
  color: #7b541c;
  background: var(--yellow-soft);
  border: 1px solid #f2d393;
  border-radius: 8px;
  font-weight: 850;
}

.freebie-loom-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.offer-ladder-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.pipeline-editor-grid {
  margin-bottom: 18px;
}

.offer-ladder-grid article {
  min-height: 210px;
  padding: 22px;
}

.offer-ladder-grid span {
  color: var(--muted);
  font-size: 13px;
  font-weight: 900;
}

.offer-ladder-grid strong {
  display: block;
  margin: 12px 0;
  font-size: 38px;
  line-height: 1;
}

.ops-assistant-card {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(300px, 1.1fr);
  gap: 18px;
}

.ops-assistant-card h2 {
  margin: 8px 0 10px;
  font-size: clamp(26px, 3vw, 42px);
  line-height: 1.05;
}

.ops-assistant-form {
  display: grid;
  gap: 10px;
}

.ops-assistant-form div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
}

.ops-assistant-card .assistant-message {
  grid-column: 2;
}

.ops-security-note {
  display: grid;
  gap: 8px;
  border-color: #f2d393;
  background: #fffaf0;
}

.ops-security-note strong {
  font-size: 18px;
}

.ops-security-note p {
  margin: 0;
}

.ops-page-nav {
  display: flex;
  flex: 1 1 auto;
  gap: 8px;
  justify-content: flex-start;
  min-width: 0;
  max-width: 100%;
  overflow-x: auto;
  padding: 4px 10px;
  scroll-padding-inline: 10px;
}

.ops-page-nav a {
  flex: 0 0 auto;
  min-height: 34px;
  padding: 9px 12px;
  color: var(--muted);
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}

.ops-page-nav a:hover,
.ops-page-nav a.is-active {
  color: var(--ink);
  background: #fff7ed;
  border-color: #f7d7bf;
}

.lead-card-grid,
.workflow-stage-grid,
.example-build-grid,
.score-grid,
.ops-kv-grid {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.lead-card-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.lead-card,
.workflow-stage-card,
.example-build-grid article,
.score-grid article,
.ops-kv-grid div {
  min-width: 0;
  padding: 16px;
  background: #ffffff;
  border: 1px solid var(--line);
  border-radius: 8px;
}

.lead-card {
  display: grid;
  gap: 12px;
  cursor: pointer;
  transition:
    border-color 160ms ease,
    box-shadow 160ms ease,
    transform 160ms ease;
}

.lead-card:hover,
.lead-card.is-active {
  border-color: #f7c9aa;
  box-shadow: 0 16px 34px rgba(244, 110, 31, 0.12);
  transform: translateY(-1px);
}

.lead-card h3,
.workflow-stage-card h3,
.example-build-grid h3 {
  margin: 6px 0 6px;
  font-size: 20px;
  line-height: 1.1;
}

.lead-card p,
.workflow-stage-card p,
.example-build-grid p {
  margin: 0;
}

.lead-card dl,
.workflow-stage-card dl {
  display: grid;
  gap: 8px;
  margin: 0;
}

.lead-card dl {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.lead-card dt,
.workflow-stage-card dt {
  color: var(--muted);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.lead-card dd,
.workflow-stage-card dd {
  margin: 3px 0 0;
  color: var(--ink);
  font-weight: 850;
  line-height: 1.4;
}

.lead-detail-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
  gap: 18px;
  min-width: 0;
}

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

.ops-kv-grid div span,
.score-grid article span {
  display: block;
  color: var(--muted);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.ops-kv-grid div strong,
.score-grid article strong {
  display: block;
  margin-top: 7px;
  color: var(--ink);
  font-size: 15px;
  line-height: 1.45;
  word-break: break-word;
}

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

.score-grid article strong {
  font-size: 28px;
  line-height: 1.05;
}

.ops-tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.ops-tag-list span {
  max-width: 100%;
  padding: 9px 11px;
  color: var(--ink);
  background: #fff7ed;
  border: 1px solid #f7d7bf;
  border-radius: 999px;
  font-size: 13px;
  line-height: 1.35;
}

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

.workflow-stage-card {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 14px;
}

.stage-card-number {
  display: inline-flex;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background: linear-gradient(135deg, var(--pink), var(--orange));
  border-radius: 8px;
  font-size: 12px;
  font-weight: 950;
}

.example-build-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.example-build-grid article {
  display: grid;
  gap: 10px;
  min-height: 220px;
}

.example-build-grid article strong {
  align-self: end;
  color: var(--orange);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.ops-empty-state,
.ops-muted-note,
.ops-warning-text {
  padding: 14px;
  border-radius: 8px;
  line-height: 1.55;
}

.ops-empty-state {
  color: var(--muted);
  background: #f7f8fb;
  border: 1px dashed var(--line);
  font-weight: 850;
}

.ops-muted-note {
  margin: 14px 0 0;
  color: var(--muted);
  background: #f7f8fb;
  border: 1px solid var(--line);
}

.ops-warning-text {
  margin: 0;
  color: #7b541c;
  background: var(--yellow-soft);
  border: 1px solid #f2d393;
  font-weight: 850;
}

.lead-filters {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
/* Dashboard card hierarchy pass */
.founder-main {
  gap: 22px;
}

.ops-card {
  background: #fffefc;
  border-color: rgba(20, 20, 20, 0.12);
  box-shadow: 0 12px 34px rgba(20, 20, 20, 0.06);
}

.ops-current-card {
  border-color: rgba(20, 20, 20, 0.11);
  box-shadow: 0 10px 30px rgba(20, 20, 20, 0.055);
}

.ops-summary-grid article,
.queue-grid article,
.offer-ladder-grid article {
  background: #ffffff;
  border-color: rgba(20, 20, 20, 0.1);
  box-shadow: 0 8px 24px rgba(20, 20, 20, 0.045);
}

.ops-section-heading {
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(20, 20, 20, 0.07);
}

.ops-section-heading h2 {
  max-width: 760px;
}

.ops-section-heading p {
  max-width: 820px;
}

.ops-form-section {
  padding-top: 16px;
  border-top: 1px solid rgba(20, 20, 20, 0.07);
}

.ops-form-section:first-child {
  padding-top: 0;
  border-top: 0;
}

.ops-form-section h3 {
  color: var(--ink);
  font-size: 16px;
  letter-spacing: 0;
}

.trust-form-section,
.trust-confirmation-card,
.trust-assessment-card {
  background: #ffffff;
  border-color: rgba(20, 20, 20, 0.12);
  box-shadow: 0 8px 24px rgba(20, 20, 20, 0.045);
}

.trust-form-section {
  gap: 16px;
}

.trust-checkbox-option {
  background: #fffefc;
  border-color: rgba(20, 20, 20, 0.1);
}

.trust-assessment-card.is-active,
.lead-card.is-active {
  border-color: rgba(244, 110, 31, 0.52);
  box-shadow: 0 12px 30px rgba(244, 110, 31, 0.1);
}

.lead-card,
.workflow-stage-card,
.example-build-grid article,
.score-grid article,
.ops-kv-grid div {
  background: #ffffff;
  border-color: rgba(20, 20, 20, 0.1);
  box-shadow: none;
}

.lead-card:hover {
  border-color: rgba(244, 110, 31, 0.42);
  box-shadow: 0 10px 24px rgba(244, 110, 31, 0.08);
  transform: translateY(-1px);
}

.workflow-stage-card {
  background: #fffefc;
}

.workflow-stage-card:hover {
  border-color: rgba(244, 110, 31, 0.22);
}

.score-grid article,
.ops-kv-grid div {
  padding: 14px;
  background: #fbfaf7;
}

.status-pill {
  border: 1px solid rgba(41, 99, 73, 0.13);
  box-shadow: none;
}

.ops-actions .founder-button.secondary,
.brief-reset-button,
.trust-assessment-card .founder-button.secondary {
  box-shadow: none;
}


.source-badge {
  display: inline-flex;
  width: max-content;
  min-height: 26px;
  align-items: center;
  padding: 0 10px;
  color: #f8fafc;
  background: rgba(24, 24, 27, 0.88);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.source-badge.is-live { background: rgba(30, 68, 48, 0.92); }
.source-badge.is-local { background: rgba(39, 39, 42, 0.92); }
.source-badge.is-legacy { background: rgba(63, 63, 70, 0.9); }
.source-badge.is-demo,
.source-badge.is-template { background: rgba(76, 64, 52, 0.9); }

.opportunity-card-grid,
.project-card-grid,
.delivery-record-grid,
.client-success-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 16px;
}

.opportunity-card,
.project-execution-card,
.delivery-record-card,
.client-success-card,
.template-reference-panel,
.client-success-detail,
.source-legend-card {
  min-width: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(249, 250, 251, 0.96));
  border: 1px solid rgba(20, 20, 20, 0.1);
  border-radius: 8px;
  box-shadow: 0 10px 28px rgba(20, 20, 20, 0.055);
}

.opportunity-card,
.project-execution-card,
.delivery-record-card,
.client-success-card {
  padding: 16px;
}

.opportunity-card-head,
.project-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

.opportunity-card h3,
.project-execution-card h3,
.delivery-record-card h3,
.client-success-card h3 {
  margin: 0 0 8px;
  font-size: 18px;
  line-height: 1.2;
}

.opportunity-card p,
.project-execution-card p,
.delivery-record-card p,
.client-success-card p {
  margin: 0 0 12px;
  font-size: 13px;
}

.opportunity-card dl,
.project-execution-card dl,
.delivery-record-card dl,
.client-success-card dl {
  display: grid;
  gap: 8px;
  margin: 0;
}

.opportunity-card dl div,
.project-execution-card dl div,
.delivery-record-card dl div,
.client-success-card dl div {
  display: grid;
  gap: 2px;
  padding-top: 8px;
  border-top: 1px solid rgba(20, 20, 20, 0.07);
}

.opportunity-card dt,
.project-execution-card dt,
.delivery-record-card dt,
.client-success-card dt {
  color: var(--muted);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.opportunity-card dd,
.project-execution-card dd,
.delivery-record-card dd,
.client-success-card dd {
  margin: 0;
  color: var(--ink);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.35;
}

.delivery-record-card.is-active,
.client-success-card.is-active,
.opportunity-card.is-active,
.project-execution-card.is-active {
  border-color: rgba(244, 110, 31, 0.5);
  box-shadow: 0 14px 32px rgba(244, 110, 31, 0.1);
}

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

.pipeline-stage-grid article {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-width: 0;
  padding: 12px;
  background: #fbfaf7;
  border: 1px solid rgba(20, 20, 20, 0.09);
  border-radius: 8px;
}

.pipeline-stage-grid span {
  display: inline-flex;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
  color: #f7f7f8;
  background: #242326;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 950;
}

.pipeline-stage-grid strong {
  min-width: 0;
  font-size: 13px;
  line-height: 1.25;
}

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

.delivery-detail-panel,
.client-success-detail {
  margin-top: 18px;
}

.client-success-filters {
  grid-template-columns: repeat(2, minmax(0, 220px));
  margin-top: 16px;
}

.client-success-metrics {
  margin-bottom: 14px;
}

.social-proof-hold {
  display: grid;
  gap: 4px;
  margin-bottom: 16px;
  padding: 13px 14px;
  color: #f8fafc;
  background: linear-gradient(135deg, rgba(24, 24, 27, 0.94), rgba(39, 39, 42, 0.9));
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
}

.social-proof-hold.is-ready {
  background: linear-gradient(135deg, rgba(30, 68, 48, 0.94), rgba(39, 39, 42, 0.9));
}

.social-proof-hold strong {
  font-size: 14px;
}

.social-proof-hold span {
  color: rgba(248, 250, 252, 0.74);
  font-size: 13px;
  line-height: 1.45;
}

.source-legend-card {
  padding: clamp(18px, 2.5vw, 24px);
  margin-top: 18px;
}

.source-legend-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.source-legend-grid div {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 12px;
  background: #fbfaf7;
  border: 1px solid rgba(20, 20, 20, 0.08);
  border-radius: 8px;
}

.source-legend-grid span:not(.source-badge) {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
}


@media (hover: hover) and (pointer: fine) {
  .ops-card,
  .ops-current-card,
  .ops-summary-grid article,
  .queue-grid article,
  .offer-ladder-grid article,
  .trust-form-section,
  .trust-confirmation-card,
  .trust-assessment-card,
  .lead-card,
  .workflow-stage-card,
  .example-build-grid article,
  .score-grid article,
  .ops-kv-grid div,
  .outreach-metrics-grid article,
  .outreach-prospect-card,
  .outreach-script-card,
  .outreach-template-card,
  .outreach-attempt-log article,
  .outreach-summary-card,
  .outreach-selected-card,
  .outreach-call-card,
  .outreach-data-console,
  .outreach-attempt-editor-card,
  .outreach-guardrails-card,
  .brief-primary-action,
  .brief-signal-card,
  .brief-attention-item,
  .opportunity-card,
  .project-execution-card,
  .delivery-record-card,
  .client-success-card,
  .source-legend-card,
  .pipeline-stage-grid article {
    transition:
      border-color 180ms ease,
      box-shadow 180ms ease,
      transform 180ms ease,
      background 180ms ease;
  }

  .ops-card:hover,
  .ops-current-card:hover,
  .ops-summary-grid article:hover,
  .queue-grid article:hover,
  .offer-ladder-grid article:hover,
  .trust-form-section:hover,
  .trust-confirmation-card:hover,
  .trust-assessment-card:hover,
  .lead-card:hover,
  .workflow-stage-card:hover,
  .example-build-grid article:hover,
  .score-grid article:hover,
  .ops-kv-grid div:hover,
  .outreach-metrics-grid article:hover,
  .outreach-prospect-card:hover,
  .outreach-script-card:hover,
  .outreach-template-card:hover,
  .outreach-attempt-log article:hover,
  .outreach-summary-card:hover,
  .outreach-selected-card:hover,
  .outreach-call-card:hover,
  .outreach-data-console:hover,
  .outreach-attempt-editor-card:hover,
  .outreach-guardrails-card:hover,
  .brief-primary-action:hover,
  .brief-signal-card:hover,
  .brief-attention-item:hover,
  .opportunity-card:hover,
  .project-execution-card:hover,
  .delivery-record-card:hover,
  .client-success-card:hover,
  .source-legend-card:hover,
  .pipeline-stage-grid article:hover {
    border-color: rgba(244, 110, 31, 0.24);
    box-shadow: 0 16px 42px rgba(20, 20, 20, 0.08), 0 0 0 1px rgba(244, 110, 31, 0.04);
    transform: translateY(-3px) scale(1.01);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ops-card,
  .ops-current-card,
  .ops-summary-grid article,
  .queue-grid article,
  .offer-ladder-grid article,
  .trust-form-section,
  .trust-confirmation-card,
  .trust-assessment-card,
  .lead-card,
  .workflow-stage-card,
  .example-build-grid article,
  .score-grid article,
  .ops-kv-grid div,
  .outreach-metrics-grid article,
  .outreach-prospect-card,
  .outreach-script-card,
  .outreach-template-card,
  .outreach-attempt-log article,
  .outreach-summary-card,
  .outreach-selected-card,
  .outreach-call-card,
  .outreach-data-console,
  .outreach-attempt-editor-card,
  .outreach-guardrails-card,
  .brief-primary-action,
  .brief-signal-card,
  .brief-attention-item,
  .opportunity-card,
  .project-execution-card,
  .delivery-record-card,
  .client-success-card,
  .source-legend-card,
  .pipeline-stage-grid article {
    transition: none !important;
  }

  .ops-card:hover,
  .ops-current-card:hover,
  .ops-summary-grid article:hover,
  .queue-grid article:hover,
  .offer-ladder-grid article:hover,
  .trust-form-section:hover,
  .trust-confirmation-card:hover,
  .trust-assessment-card:hover,
  .lead-card:hover,
  .workflow-stage-card:hover,
  .example-build-grid article:hover,
  .score-grid article:hover,
  .ops-kv-grid div:hover,
  .outreach-metrics-grid article:hover,
  .outreach-prospect-card:hover,
  .outreach-script-card:hover,
  .outreach-template-card:hover,
  .outreach-attempt-log article:hover,
  .outreach-summary-card:hover,
  .outreach-selected-card:hover,
  .outreach-call-card:hover,
  .outreach-data-console:hover,
  .outreach-attempt-editor-card:hover,
  .outreach-guardrails-card:hover,
  .brief-primary-action:hover,
  .brief-signal-card:hover,
  .brief-attention-item:hover,
  .opportunity-card:hover,
  .project-execution-card:hover,
  .delivery-record-card:hover,
  .client-success-card:hover,
  .source-legend-card:hover,
  .pipeline-stage-grid article:hover {
    transform: none !important;
  }
}

@media (max-width: 620px) {
  .founder-main {
    gap: 16px;
  }

  .ops-card,
  .ops-current-card {
    padding: 18px;
  }

  .trust-form-section,
  .trust-confirmation-card,
  .trust-assessment-card,
  .lead-card,
  .workflow-stage-card {
    padding: 14px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .founder-rail {
    transform: none !important;
  }
}
@media (max-width: 1180px) {
  .opportunity-card-grid,
  .project-card-grid,
  .delivery-record-grid,
  .client-success-grid,
  .compact-template-grid,
  .source-legend-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

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

@media (max-width: 720px) {
  .opportunity-card-grid,
  .project-card-grid,
  .delivery-record-grid,
  .client-success-grid,
  .compact-template-grid,
  .source-legend-grid,
  .pipeline-stage-grid,
  .client-success-filters {
    grid-template-columns: 1fr;
  }

  .opportunity-card-head,
  .project-card-head {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 1180px) {
  .founder-layout,
  .ops-current-grid,
  .ops-assistant-card {
    grid-template-columns: 1fr;
  }

  .founder-rail {
    position: static;
  }

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

  .ops-assistant-card .assistant-message {
    grid-column: auto;
  }

  .ops-filters,
  .queue-grid,
  .ops-summary-grid,
  .offer-ladder-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1040px) {
  .founder-topbar {
    gap: 12px;
  }

  .ops-page-nav {
    gap: 6px;
    padding-inline: 8px;
    scroll-padding-inline: 8px;
  }

  .ops-page-nav a {
    padding-inline: 10px;
  }
}
@media (max-width: 820px) {
  .founder-topbar,
  .founder-hero,
  .ops-section-heading {
    align-items: stretch;
    flex-direction: column;
  }

  .founder-morning-brief,
  .brief-grid,
  .brief-weather-fields,
  .brief-signal-grid {
    grid-template-columns: 1fr;
  }

  .brief-heading-row {
    flex-direction: column;
  }

  .brief-weather {
    text-align: left;
  }

  .founder-topbar nav {
    overflow-x: auto;
    width: 100%;
    padding-bottom: 4px;
  }

  .founder-topbar-actions {
    width: 100%;
    justify-content: flex-start;
  }

  .today-focus-card {
    max-width: none;
  }

  .freebie-loom-grid,
  .ops-form-grid {
    grid-template-columns: 1fr;
  }

  .ops-field.span-2 {
    grid-column: auto;
  }
  .trust-checkbox-grid,
  .trust-assessment-list,
  .trust-assessment-card dl,
  .hm-rescue-flow {
    grid-template-columns: 1fr;
  }

  .hm-rescue-time::before,
  .hm-rescue-time::after {
    display: none;
  }
}

@media (max-width: 620px) {
  .founder-layout {
    padding-inline: 14px;
  }

  .founder-steps,
  .ops-filters,
  .queue-grid,
  .ops-summary-grid,
  .offer-ladder-grid,
  .ops-assistant-form div {
    grid-template-columns: 1fr;
  }

  .founder-button {
    width: 100%;
  }
}

@media (max-width: 1180px) {
  .lead-card-grid,
  .example-build-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lead-detail-grid,
  .workflow-stage-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 620px) {
  .lead-card-grid,
  .example-build-grid,
  .hm-public-example-build-grid,
  .score-grid,
  .ops-kv-grid,
  .lead-filters {
    grid-template-columns: 1fr;
  }

  .workflow-stage-card {
    grid-template-columns: 1fr;
  }

  .ops-page-nav {
    justify-content: flex-start;
  }
}
/* Local outreach workspace */
.local-outreach-workspace {
  display: grid;
  gap: 18px;
}

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

.outreach-metrics-grid article,
.outreach-prospect-card,
.outreach-script-card,
.outreach-template-card,
.outreach-attempt-log article {
  min-width: 0;
  padding: 14px;
  background: #ffffff;
  border: 1px solid rgba(20, 20, 20, 0.1);
  border-radius: 8px;
}

.outreach-metrics-grid span,
.outreach-prospect-card dt,
.outreach-attempt-log span {
  display: block;
  color: var(--muted);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.outreach-metrics-grid strong {
  display: block;
  margin-top: 7px;
  color: var(--ink);
  font-size: 24px;
  line-height: 1.1;
}

.outreach-main-grid {
  display: grid;
  grid-template-columns: minmax(300px, 0.85fr) minmax(0, 1.15fr);
  gap: 18px;
  align-items: start;
  min-width: 0;
}

.outreach-filters {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.outreach-filters input {
  width: 100%;
  min-width: 0;
  min-height: 42px;
  padding: 10px 12px;
  color: var(--ink);
  background: #ffffff;
  border: 1px solid var(--line);
  border-radius: 8px;
}

.outreach-card-grid,
.outreach-template-grid,
.outreach-attempt-log {
  display: grid;
  gap: 12px;
  min-width: 0;
}

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

.outreach-prospect-card {
  display: grid;
  gap: 12px;
  cursor: pointer;
  transition:
    border-color 160ms ease,
    box-shadow 160ms ease,
    transform 160ms ease;
}

.outreach-prospect-card:hover,
.outreach-prospect-card.is-active {
  border-color: rgba(244, 110, 31, 0.42);
  box-shadow: 0 10px 24px rgba(244, 110, 31, 0.08);
  transform: translateY(-1px);
}

.outreach-card-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.outreach-prospect-card h3 {
  margin: 6px 0 6px;
  font-size: 19px;
  line-height: 1.15;
}

.outreach-prospect-card p {
  margin: 0;
}

.outreach-prospect-card dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
}

.outreach-prospect-card dd {
  margin: 4px 0 0;
  color: var(--ink);
  font-weight: 850;
  line-height: 1.35;
  word-break: break-word;
}

.outreach-detail-actions {
  justify-content: flex-start;
  margin-bottom: 8px;
}

.outreach-link-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
}

.outreach-link-row a,
.outreach-prospect-card a {
  color: var(--orange);
  font-weight: 900;
}

.outreach-script-card {
  display: grid;
  gap: 10px;
  background: #fffaf4;
}

.outreach-script-card p {
  margin: 0;
}

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

.outreach-template-card {
  display: grid;
  gap: 10px;
}

.outreach-template-card textarea {
  width: 100%;
  min-width: 0;
  color: var(--ink);
  background: #fbfaf7;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 11px;
  line-height: 1.5;
  resize: vertical;
}

.outreach-attempt-log article {
  background: #fbfaf7;
}

.outreach-attempt-log strong {
  display: block;
  margin-top: 5px;
  color: var(--ink);
}

.outreach-attempt-log p {
  margin: 6px 0 0;
}

@media (max-width: 1180px) {
  .outreach-main-grid,
  .outreach-detail-grid {
    grid-template-columns: 1fr;
  }

  .outreach-metrics-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  .outreach-card-grid,
  .outreach-template-grid {
    grid-template-columns: 1fr;
  }

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

@media (max-width: 620px) {
  .outreach-metrics-grid,
  .outreach-filters,
  .outreach-prospect-card dl {
    grid-template-columns: 1fr;
  }

  .outreach-card-head {
    flex-direction: column;
  }
}
/* Local outreach tab cleanup */
.outreach-tab-list {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 4px;
  scrollbar-width: thin;
}

.outreach-tab-button {
  flex: 0 0 auto;
  min-height: 38px;
  padding: 0 13px;
  color: var(--muted);
  background: #ffffff;
  border: 1px solid rgba(20, 20, 20, 0.1);
  border-radius: 999px;
  font-weight: 900;
  cursor: pointer;
  transition:
    background 160ms ease,
    border-color 160ms ease,
    color 160ms ease,
    box-shadow 160ms ease;
}

.outreach-tab-button:hover,
.outreach-tab-button.is-active {
  color: var(--ink);
  background: #fff7ed;
  border-color: rgba(244, 110, 31, 0.36);
  box-shadow: 0 8px 20px rgba(244, 110, 31, 0.08);
}

.outreach-tab-panel {
  display: grid;
  gap: 16px;
  min-width: 0;
}

.outreach-overview-grid,
.outreach-active-grid,
.outreach-console-grid {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.outreach-overview-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.outreach-summary-card,
.outreach-selected-card,
.outreach-call-card,
.outreach-data-console,
.outreach-attempt-editor-card {
  min-width: 0;
  padding: 16px;
  background: #ffffff;
  border: 1px solid rgba(20, 20, 20, 0.1);
  border-radius: 8px;
}

.outreach-summary-card span,
.outreach-selected-card dt {
  display: block;
  color: var(--muted);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.outreach-summary-card strong {
  display: block;
  margin-top: 7px;
  color: var(--ink);
  font-size: 24px;
  line-height: 1.1;
}

.outreach-summary-card p,
.outreach-selected-card p {
  margin: 8px 0 0;
}

.outreach-selected-card {
  display: grid;
  gap: 12px;
}

.outreach-selected-card h3 {
  margin: 6px 0;
  font-size: 22px;
  line-height: 1.12;
}

.outreach-selected-card dl {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
}

.outreach-selected-card dd {
  margin: 4px 0 0;
  color: var(--ink);
  font-weight: 850;
  line-height: 1.35;
}

.outreach-active-grid {
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.8fr);
  align-items: start;
}

.outreach-call-card,
.outreach-data-console {
  display: grid;
  gap: 16px;
}

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

.outreach-console-grid .ops-form-section {
  margin-top: 0;
}

.outreach-attempt-editor-grid {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.outreach-existing-divider {
  background: #fbfaf7;
  box-shadow: none;
}

.outreach-existing-divider h2 {
  margin: 7px 0 6px;
  font-size: clamp(22px, 2vw, 30px);
}

@media (max-width: 1180px) {
  .outreach-overview-grid,
  .outreach-active-grid,
  .outreach-console-grid {
    grid-template-columns: 1fr;
  }

  .outreach-selected-card dl {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .outreach-tab-list {
    margin-inline: -2px;
    padding-bottom: 8px;
  }

  .outreach-tab-button {
    min-height: 36px;
    padding-inline: 11px;
    font-size: 12px;
  }

  .outreach-selected-card dl {
    grid-template-columns: 1fr;
  }
}
/* Dashboard width and outreach tab visibility pass */
@media (min-width: 1181px) {
  .founder-topbar {
    padding-inline: clamp(20px, 3vw, 48px);
  }

  .founder-layout {
    grid-template-columns: minmax(250px, 300px) minmax(0, 1fr);
    gap: clamp(18px, 2vw, 30px);
    width: 100%;
    max-width: 1880px;
    margin-inline: auto;
    padding: clamp(22px, 3vw, 40px) clamp(20px, 3vw, 48px) 76px;
  }

  .founder-main,
  .ops-card,
  .ops-current-card,
  .local-outreach-workspace {
    width: 100%;
  }

  .outreach-tab-list {
    flex-wrap: wrap;
    overflow-x: visible;
    row-gap: 8px;
    padding-bottom: 0;
  }

  .outreach-tab-button {
    min-height: 36px;
    padding-inline: 11px;
    font-size: 13px;
  }
}

@media (min-width: 1500px) {
  .founder-layout {
    grid-template-columns: minmax(270px, 320px) minmax(0, 1fr);
  }

  .outreach-active-grid {
    grid-template-columns: minmax(0, 1.15fr) minmax(360px, 0.85fr);
  }

  .outreach-overview-grid {
    grid-template-columns: repeat(4, minmax(180px, 1fr));
  }
}

@media (max-width: 720px) {
  .outreach-tab-list {
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-padding-inline: 4px;
  }
}

.active-call-helper {
  margin-top: 8px;
}
/* Local outreach delete safety action */
.outreach-danger-actions {
  margin-top: 12px;
}

.founder-button.outreach-danger-button {
  color: #9f1239;
  background: #ffffff;
  border-color: rgba(159, 18, 57, 0.24);
}

.founder-button.outreach-danger-button:hover {
  border-color: rgba(159, 18, 57, 0.42);
  box-shadow: 0 10px 24px rgba(159, 18, 57, 0.08);
}
.outreach-delete-confirm {
  display: grid;
  gap: 10px;
  margin-top: 12px;
  padding: 12px;
  background: #fff7ed;
  border: 1px solid rgba(159, 18, 57, 0.18);
  border-radius: 8px;
}

.outreach-delete-confirm p {
  margin: 0;
  color: #7f1d1d;
  font-weight: 900;
}

.founder-button.outreach-danger-confirm {
  background: #9f1239;
  box-shadow: 0 12px 24px rgba(159, 18, 57, 0.16);
}
/* Active Call business guardrails */
.outreach-active-side {
  display: grid;
  gap: 14px;
  align-content: start;
  min-width: 0;
}

.outreach-guardrails-card {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 14px;
  color: var(--ink);
  background: #fbfaf7;
  border: 1px solid rgba(20, 20, 20, 0.1);
  border-radius: 8px;
  box-shadow: none;
}

.outreach-guardrails-card h3 {
  margin: 4px 0 4px;
  font-size: 17px;
  line-height: 1.2;
}

.outreach-guardrails-card p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

.outreach-guardrails-card ul {
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.outreach-guardrails-card li {
  position: relative;
  padding-left: 16px;
  color: #3f4756;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.35;
}

.outreach-guardrails-card li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.58em;
  width: 5px;
  height: 5px;
  background: rgba(244, 110, 31, 0.72);
  border-radius: 999px;
}

/* Checkpoint B: authenticated Operational Center states */
.ops-auth-shell {
  display: grid;
  min-height: 100vh;
  place-items: center;
  padding: 32px 18px;
  background:
    radial-gradient(circle at 50% 0%, rgba(255, 141, 61, 0.12), transparent 38%),
    var(--paper);
}

.ops-auth-card {
  display: grid;
  width: min(100%, 520px);
  gap: 24px;
  padding: clamp(24px, 5vw, 44px);
  background: #fffefc;
  border: 1px solid rgba(20, 20, 20, 0.12);
  border-radius: 8px;
  box-shadow: 0 28px 80px rgba(20, 20, 20, 0.12);
}

.ops-login-form,
.ops-auth-status {
  display: grid;
  gap: 16px;
}

.ops-login-form h1,
.ops-auth-status h1 {
  margin: 0;
  font-size: clamp(28px, 5vw, 40px);
  line-height: 1.05;
}

.ops-login-form p,
.ops-auth-status p,
.ops-auth-message {
  margin: 0;
  color: var(--muted);
  line-height: 1.6;
}

.ops-auth-message:empty {
  display: none;
}

.ops-auth-home-link {
  width: fit-content;
  color: var(--muted);
  font-size: 13px;
  font-weight: 850;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.ops-auth-spinner {
  width: 36px;
  height: 36px;
  border: 3px solid rgba(20, 20, 20, 0.12);
  border-top-color: var(--orange);
  border-radius: 50%;
  animation: ops-auth-spin 800ms linear infinite;
}

.ops-save-feedback {
  display: flex;
  min-height: 44px;
  align-items: center;
  align-self: end;
  flex-wrap: wrap;
  gap: 10px;
}

.ops-save-state {
  color: var(--muted);
  font-size: 13px;
  font-weight: 850;
}

.ops-save-state.is-pending,
.ops-save-state.is-saving {
  color: #8a4d18;
}

.ops-save-state.is-saved {
  color: var(--green);
}

.ops-save-state.is-failed {
  color: #9b2c2c;
}

@keyframes ops-auth-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (max-width: 640px) {
  .ops-auth-shell {
    align-items: start;
    padding-top: 22px;
  }

  .ops-auth-card {
    padding: 24px 18px;
  }

  .ops-save-feedback {
    align-items: stretch;
    flex-direction: column;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ops-gateway-button {
    transition: none;
  }

  .ops-auth-spinner {
    animation: none;
  }
}
[data-assessment-save-retry][hidden] {
  display: none !important;
}


/* Dashboard demo-inspired dark glass shell */
.founder-dashboard {
  --ink: #f8f4ff;
  --muted: rgba(214, 204, 232, 0.68);
  --faint: rgba(174, 154, 208, 0.54);
  --line: rgba(168, 85, 247, 0.2);
  --paper: #06020d;
  --panel: rgba(18, 11, 31, 0.86);
  --charcoal: #090411;
  --charcoal-2: #12091f;
  --pink: #7c3aed;
  --orange: #a855f7;
  --green: #7df0be;
  --green-soft: rgba(125, 240, 190, 0.13);
  --shadow: 0 24px 80px rgba(0, 0, 0, 0.34);
  color: var(--ink);
  background:
    radial-gradient(circle at 22% 8%, rgba(168, 85, 247, 0.17), transparent 32%),
    radial-gradient(circle at 85% 18%, rgba(125, 240, 190, 0.08), transparent 28%),
    linear-gradient(180deg, #07020f 0%, #040108 100%);
}

.founder-dashboard::before {
  position: fixed;
  inset: 0;
  z-index: 0;
  background:
    linear-gradient(rgba(255, 255, 255, 0.026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px);
  background-size: 56px 56px;
  content: "";
  pointer-events: none;
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.48), transparent 78%);
}

.founder-topbar,
.founder-layout {
  position: relative;
  z-index: 1;
}

.founder-topbar {
  min-height: 76px;
  color: var(--ink);
  background: rgba(7, 3, 16, 0.72);
  border-bottom: 1px solid rgba(168, 85, 247, 0.2);
  box-shadow: 0 12px 50px rgba(0, 0, 0, 0.24);
  -webkit-backdrop-filter: blur(18px) saturate(1.12);
  backdrop-filter: blur(18px) saturate(1.12);
}

.founder-brand strong,
.founder-topbar-kicker {
  color: #ffffff;
}

.founder-brand small,
.founder-topbar-kicker {
  color: rgba(214, 204, 232, 0.62);
}

.founder-topbar-kicker {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.founder-layout {
  grid-template-columns: minmax(210px, 250px) minmax(0, 1fr);
  gap: 0;
  width: min(100%, 1260px);
  margin: 0 auto;
  padding: clamp(16px, 3vw, 34px) clamp(12px, 3vw, 26px) 70px;
}

.founder-sidebar {
  position: sticky;
  top: 96px;
  display: grid;
  align-self: start;
  min-height: min(720px, calc(100vh - 126px));
  padding: 20px 14px;
  color: #f8f4ff;
  background: linear-gradient(180deg, rgba(26, 14, 45, 0.92), rgba(10, 5, 18, 0.9));
  border: 1px solid rgba(168, 85, 247, 0.22);
  border-right: 0;
  border-radius: 18px 0 0 18px;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.35);
}

.founder-sidebar-head {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 4px 10px 18px;
  border-bottom: 1px solid rgba(168, 85, 247, 0.16);
}

.founder-sidebar-brandmark {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  background: radial-gradient(circle, rgba(168, 85, 247, 0.42), rgba(168, 85, 247, 0.08));
  border-radius: 999px;
  box-shadow: 0 0 24px rgba(168, 85, 247, 0.34);
}

.founder-sidebar-brandmark img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.founder-sidebar-head strong {
  display: block;
  margin-top: 3px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 950;
}

.founder-sidebar-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  margin: 18px 10px 26px;
  color: rgba(214, 204, 232, 0.72);
  font-size: 12px;
  font-weight: 850;
}

.hm-live-dot {
  width: 8px;
  height: 8px;
  background: #7df0be;
  border-radius: 999px;
  box-shadow: 0 0 16px rgba(125, 240, 190, 0.72);
}

.founder-sidebar-label {
  margin: 0 10px 12px;
  color: rgba(214, 204, 232, 0.46);
  font-size: 12px;
  font-weight: 850;
}

.founder-sidebar .ops-page-nav {
  display: grid;
  gap: 8px;
  overflow: visible;
  padding: 0;
}

.founder-sidebar .ops-page-nav a {
  display: flex;
  min-height: 40px;
  align-items: center;
  padding: 0 12px;
  color: rgba(214, 204, 232, 0.58);
  background: transparent;
  border: 1px solid transparent;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 850;
}

.founder-sidebar .ops-page-nav a:hover,
.founder-sidebar .ops-page-nav a.is-active {
  color: #ffffff;
  background: rgba(168, 85, 247, 0.18);
  border-color: rgba(168, 85, 247, 0.38);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
}

.founder-sidebar-footer {
  align-self: end;
  display: grid;
  gap: 6px;
  margin: 24px 10px 0;
  padding: 14px;
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(168, 85, 247, 0.16);
  border-radius: 12px;
}

.founder-sidebar-footer span,
.founder-sidebar-footer p {
  margin: 0;
  color: rgba(214, 204, 232, 0.62);
  font-size: 12px;
  line-height: 1.45;
}

.founder-sidebar-footer strong {
  color: #ffffff;
  font-size: 28px;
  line-height: 1;
}

.founder-main {
  gap: 16px;
  padding: clamp(18px, 3vw, 34px);
  background: rgba(6, 2, 13, 0.7);
  border: 1px solid rgba(168, 85, 247, 0.22);
  border-radius: 0 18px 18px 0;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.35);
}

.founder-hero {
  background:
    radial-gradient(circle at 88% 12%, rgba(125, 240, 190, 0.12), transparent 28%),
    linear-gradient(135deg, rgba(29, 16, 50, 0.98), rgba(10, 5, 18, 0.96));
  border: 1px solid rgba(168, 85, 247, 0.28);
  border-radius: 12px;
  box-shadow: none;
}

.ops-card,
.ops-current-card,
.ops-summary-grid article,
.queue-grid article,
.offer-ladder-grid article,
.lead-card,
.workflow-stage-card,
.trust-form-section,
.trust-confirmation-card,
.trust-assessment-card,
.example-build-grid article,
.score-grid article,
.ops-kv-grid div,
.opportunity-card,
.project-execution-card,
.delivery-record-card,
.client-success-card,
.template-reference-panel,
.client-success-detail,
.source-legend-card,
.website-audit-chart-card,
.website-audit-result-card,
.overview-ops-status article {
  color: var(--ink);
  background: rgba(19, 12, 31, 0.78);
  border-color: rgba(168, 85, 247, 0.2);
  box-shadow: none;
}

.ops-card p,
.ops-section-heading p,
.lead-card p,
.workflow-stage-card p,
.example-build-grid p,
.website-audit-result-card p {
  color: var(--muted);
}

.ops-section-heading h2,
.ops-card h2,
.ops-card h3,
.lead-card h3,
.workflow-stage-card h3,
.website-audit-result-card h3,
.queue-grid strong,
.ops-summary-grid strong,
.ops-kv-grid div strong,
.score-grid article strong {
  color: #ffffff;
}

.mini-label,
.ops-kv-grid div span,
.score-grid article span,
.queue-grid span,
.ops-field span,
.ops-filters span,
.website-audit-result-card dt {
  color: rgba(196, 160, 255, 0.76);
}

.founder-button {
  background: linear-gradient(135deg, #7c3aed, #a855f7);
  box-shadow: 0 16px 38px rgba(124, 58, 237, 0.26);
}

.founder-button.secondary {
  color: #f8f4ff;
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(168, 85, 247, 0.24);
}

.ops-field input,
.ops-field textarea,
.ops-field select,
.ops-filters select,
.ops-assistant-form input,
.audit-range-control select {
  color: #ffffff;
  background: rgba(8, 4, 17, 0.78);
  border-color: rgba(168, 85, 247, 0.26);
}

.status-pill,
.ops-badge,
.source-badge {
  color: #ffffff !important;
  background: rgba(168, 85, 247, 0.18);
  border-color: rgba(168, 85, 247, 0.32);
}

.source-badge.is-live,
.source-badge.is-local,
.source-badge.is-legacy,
.source-badge.is-demo,
.source-badge.is-template {
  background: rgba(20, 12, 34, 0.86);
}

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

.overview-status-grid article {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-width: 0;
  padding: 13px;
  border: 1px solid rgba(168, 85, 247, 0.18);
  border-radius: 10px;
}

.overview-status-grid article > span {
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  color: #ffffff;
  background: rgba(168, 85, 247, 0.22);
  border-radius: 8px;
  font-size: 11px;
  font-weight: 950;
}

.overview-status-grid strong,
.overview-status-grid small {
  display: block;
}

.overview-status-grid small {
  margin-top: 3px;
  color: var(--muted);
  font-size: 12px;
}

.website-audits-page {
  display: grid;
  gap: 18px;
}

.website-audit-chart-card {
  display: grid;
  gap: 12px;
  padding: 18px;
  border: 1px solid rgba(168, 85, 247, 0.22);
  border-radius: 12px;
}

.audit-chart-head,
.audit-chart-footer {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.audit-chart-head h3 {
  margin: 5px 0 0;
  color: #ffffff;
  font-size: 18px;
}

.audit-range-control {
  display: grid;
  gap: 6px;
  min-width: 170px;
}

.audit-range-control span,
.audit-chart-footer span {
  color: rgba(196, 160, 255, 0.76);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.audit-chart-footer strong {
  color: #ffffff;
}

.audit-line-chart {
  display: block;
  width: 100%;
  min-height: 220px;
  overflow: visible;
}

.audit-grid-lines line {
  stroke: rgba(255, 255, 255, 0.08);
  stroke-width: 1;
}

.audit-chart-line {
  fill: none;
  filter: url(#auditGlow);
  stroke: url(#auditLineGradient);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 4;
}

.audit-chart-dot {
  fill: #a855f7;
  filter: url(#auditGlow);
  stroke: rgba(255, 255, 255, 0.72);
  stroke-width: 2;
}

.website-audit-result-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.website-audit-result-card {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(168, 85, 247, 0.2);
  border-radius: 12px;
}

.website-audit-result-card dl {
  display: grid;
  gap: 8px;
  margin: 0;
}

.website-audit-result-card dl div {
  display: grid;
  gap: 2px;
  padding-top: 8px;
  border-top: 1px solid rgba(168, 85, 247, 0.13);
}

.website-audit-result-card dt {
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.website-audit-result-card dd {
  margin: 0;
  color: #ffffff;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.35;
}

.ops-table-wrap,
.ops-table td,
.ops-table th {
  border-color: rgba(168, 85, 247, 0.18);
}

.ops-table tbody tr:hover,
.ops-table tbody tr.active {
  background: rgba(168, 85, 247, 0.12);
}

@media (max-width: 1180px) {
  .founder-layout {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .founder-sidebar,
  .founder-main {
    border-radius: 18px;
    border-right: 1px solid rgba(168, 85, 247, 0.22);
  }

  .founder-sidebar {
    position: static;
    min-height: auto;
  }

  .founder-sidebar .ops-page-nav {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .overview-status-grid,
  .website-audit-result-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .founder-layout {
    padding-inline: 10px;
  }

  .founder-main {
    padding: 14px;
  }

  .founder-sidebar .ops-page-nav,
  .overview-status-grid,
  .website-audit-result-grid,
  .audit-chart-head,
  .audit-chart-footer {
    grid-template-columns: 1fr;
  }

  .audit-chart-head,
  .audit-chart-footer {
    display: grid;
  }
}


/* Preview-matched Operational Center product frame */
.founder-dashboard {
  padding: 22px clamp(12px, 3vw, 32px) 48px;
}

.founder-topbar {
  position: sticky;
  top: 12px;
  display: grid;
  grid-template-columns: minmax(180px, 1fr) auto;
  width: min(100%, 1030px);
  min-height: 58px;
  margin: 0 auto;
  padding: 0 20px;
  background:
    linear-gradient(135deg, rgba(129, 68, 226, 0.12), rgba(0, 0, 0, 0) 42%),
    rgba(18, 10, 32, 0.9);
  border: 1px solid rgba(214, 190, 255, 0.17);
  border-bottom-color: rgba(255, 255, 255, 0.055);
  border-radius: 16px 16px 0 0;
  box-shadow:
    0 34px 90px rgba(0, 0, 0, 0.44),
    0 0 70px rgba(107, 38, 216, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.founder-brand {
  gap: 10px;
}

.founder-brand img {
  width: 30px;
  height: 30px;
  filter: drop-shadow(0 0 14px rgba(168, 85, 247, 0.7));
}

.founder-brand span {
  display: flex;
  align-items: baseline;
  gap: 10px;
}

.founder-brand strong {
  font-size: 14px;
}

.founder-brand small,
.founder-topbar-kicker {
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.founder-topbar-kicker {
  justify-self: center;
  padding-left: 8px;
}

.founder-topbar-actions {
  align-items: center;
  flex-wrap: nowrap;
}

.founder-topbar-actions::before {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-right: 4px;
  color: rgba(247, 243, 255, 0.58);
  font-size: 12px;
  font-weight: 850;
  padding-left: 16px;
  background: radial-gradient(circle at 4px 50%, #7df0be 0 3px, transparent 4px);
  content: "Automated guidance";
  filter: drop-shadow(0 0 8px rgba(125, 240, 190, 0.42));
}

.founder-topbar-actions::before {
  text-shadow: -0.65em 0 12px rgba(125, 240, 190, 0.75);
}

.founder-topbar-actions .founder-button {
  min-height: 34px;
  padding-inline: 12px;
  border-radius: 10px;
  font-size: 12px;
}

.founder-layout {
  grid-template-columns: 180px minmax(0, 850px);
  width: min(100%, 1030px);
  min-height: 620px;
  margin: 0 auto;
  padding: 0;
  background: rgba(8, 5, 20, 0.88);
  border: 1px solid rgba(214, 190, 255, 0.17);
  border-top: 0;
  border-radius: 0 0 16px 16px;
  box-shadow:
    0 55px 120px rgba(0, 0, 0, 0.56),
    0 0 90px rgba(107, 38, 216, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.founder-sidebar {
  position: sticky;
  top: 82px;
  min-height: 620px;
  padding: 36px 14px 22px;
  background: rgba(0, 0, 0, 0.12);
  border: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.055);
  border-radius: 0 0 0 16px;
  box-shadow: none;
}

.founder-sidebar-head,
.founder-sidebar-status,
.founder-sidebar-footer {
  display: none;
}

.founder-sidebar-label {
  margin: 0 12px 14px;
  color: rgba(247, 243, 255, 0.34);
  font-size: 12px;
  font-weight: 650;
  letter-spacing: 0;
  text-transform: none;
}

.founder-sidebar .ops-page-nav {
  gap: 8px;
}

.founder-sidebar .ops-page-nav a {
  min-height: 40px;
  padding: 10px 12px;
  color: rgba(247, 243, 255, 0.34);
  border-radius: 7px;
  font-size: 12px;
  font-weight: 760;
}

.founder-sidebar .ops-page-nav a:hover,
.founder-sidebar .ops-page-nav a.is-active {
  color: rgb(216, 185, 255);
  background: rgba(154, 93, 255, 0.12);
  border-color: rgba(186, 143, 255, 0.12);
  box-shadow:
    0 0 22px rgba(145, 75, 255, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.founder-main {
  min-height: 620px;
  padding: clamp(44px, 6vw, 74px) 34px 34px;
  background: transparent;
  border: 0;
  border-radius: 0 0 16px 0;
  box-shadow: none;
}

.founder-hero,
.ops-card,
.ops-current-card,
.overview-ops-status,
.website-audit-chart-card,
.website-audit-result-card {
  border-radius: 10px;
}

.founder-hero {
  min-height: auto;
  padding: 0;
  background: transparent;
  border: 0;
}

.founder-morning-brief {
  grid-template-columns: minmax(0, 1fr) minmax(230px, 0.42fr);
  gap: 10px;
}

.brief-main,
.brief-side-panel,
.brief-primary-action,
.brief-signal-card,
.brief-attention-item,
.ops-card,
.ops-current-card,
.ops-summary-grid article,
.queue-grid article,
.offer-ladder-grid article,
.website-audit-chart-card,
.website-audit-result-card,
.overview-ops-status article {
  background: rgba(18, 12, 31, 0.82);
  border: 1px solid rgba(214, 190, 255, 0.13);
  box-shadow: none;
}

.brief-main,
.brief-side-panel {
  padding: 16px;
  border-radius: 10px;
}

.brief-heading-row .eyebrow,
.mini-label {
  color: rgb(180, 138, 246);
  font-size: 10px;
  letter-spacing: 0.11em;
}

.brief-greeting,
.ops-section-heading h2 {
  color: #ffffff;
  font-size: clamp(28px, 3vw, 34px);
  letter-spacing: -0.04em;
}

.brief-date-line,
.brief-weather,
.brief-primary-action p,
.brief-signal-card p,
.ops-card p,
.ops-section-heading p {
  color: rgba(247, 243, 255, 0.48);
}

.brief-signal-grid,
.queue-grid,
.ops-summary-grid {
  gap: 10px;
}

.brief-signal-card,
.queue-grid article,
.ops-summary-grid article,
.ops-kv-grid div,
.score-grid article {
  min-height: auto;
  padding: 14px;
}

.brief-signal-card strong,
.queue-grid strong,
.ops-summary-grid strong {
  color: #ffffff;
  font-size: 24px;
}

.ops-card,
.ops-current-card {
  padding: 16px;
}

.website-audits-page > .ops-section-heading {
  margin-bottom: 2px;
}

.audit-summary-grid article {
  min-height: 96px;
}

.website-audit-chart-card {
  padding: 14px;
}

.audit-line-chart {
  min-height: 190px;
}

.website-audit-result-grid {
  grid-template-columns: 1fr;
}

@media (max-width: 1180px) {
  .founder-topbar,
  .founder-layout {
    width: min(100%, 1030px);
  }

  .founder-layout {
    grid-template-columns: 1fr;
  }

  .founder-sidebar {
    position: static;
    min-height: auto;
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.055);
    border-radius: 0;
  }

  .founder-sidebar .ops-page-nav {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .founder-main {
    min-height: auto;
    border-radius: 0 0 16px 16px;
  }
}

@media (max-width: 820px) {
  .founder-dashboard {
    padding-inline: 10px;
  }

  .founder-topbar {
    grid-template-columns: 1fr;
    gap: 10px;
    padding-block: 12px;
  }

  .founder-brand span {
    display: grid;
    gap: 2px;
  }

  .founder-topbar-actions {
    justify-content: flex-start;
    overflow-x: auto;
  }

  .founder-topbar-actions::before,
  .founder-topbar-kicker {
    display: none;
  }

  .founder-sidebar .ops-page-nav,
  .founder-morning-brief,
  .brief-signal-grid {
    grid-template-columns: 1fr;
  }

  .founder-main {
    padding: 24px 14px;
  }
}

/* Browser-comment Operational Center refinements */
.founder-dashboard {
  padding-inline: clamp(8px, 1.1vw, 14px);
}

.founder-topbar,
.founder-layout {
  width: 100%;
  max-width: none;
}

.founder-topbar {
  z-index: 120;
  isolation: isolate;
  transform: translateZ(0);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.founder-layout {
  grid-template-columns: minmax(176px, 0.15fr) minmax(0, 1fr);
}

.founder-sidebar {
  z-index: 30;
  align-self: start;
  max-height: calc(100vh - 92px);
  overflow-y: auto;
  padding-top: 32px;
}

.founder-sidebar-label {
  display: none;
}

.founder-main {
  min-width: 0;
  padding-inline: clamp(22px, 3.2vw, 54px);
}

.brief-assistant-summary {
  grid-column: 1 / -1;
  padding: 14px;
  color: #fff;
  background:
    radial-gradient(circle at 10% 0%, rgba(160, 95, 255, 0.16), transparent 38%),
    rgba(18, 12, 31, 0.76);
  border: 1px solid rgba(214, 190, 255, 0.14);
  border-radius: 10px;
}

.brief-assistant-summary > span {
  display: block;
  margin-bottom: 6px;
  color: rgb(180, 138, 246);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.brief-assistant-summary > strong {
  display: block;
  margin-bottom: 12px;
  color: rgba(255, 255, 255, 0.92);
  font-size: 14px;
}

.brief-assistant-summary ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.brief-assistant-summary li {
  min-width: 0;
  padding: 10px;
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 8px;
}

.brief-assistant-summary li span {
  display: block;
  margin-bottom: 4px;
  color: rgba(247, 243, 255, 0.58);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.brief-assistant-summary li p {
  margin: 0;
  color: rgba(247, 243, 255, 0.82);
  font-size: 12px;
  line-height: 1.55;
  white-space: pre-wrap;
}

@media (max-width: 1180px) {
  .founder-layout {
    grid-template-columns: 1fr;
  }

  .founder-sidebar {
    max-height: none;
    overflow: visible;
    padding-top: 28px;
  }
}

@media (max-width: 820px) {
  .brief-assistant-summary ul {
    grid-template-columns: 1fr;
  }
}

/* Final Operational Center app-shell QA pass */
html,
body {
  max-width: 100%;
  overflow-x: hidden !important;
  overflow-y: auto;
}

#operational-center-app,
.founder-dashboard {
  max-width: 100%;
  overflow: visible;
}

.founder-dashboard {
  position: relative;
  min-height: 100dvh;
  padding: clamp(96px, 9vw, 112px) 0 56px;
}

.founder-dashboard::after {
  position: fixed;
  z-index: 70;
  top: 0;
  left: 0;
  width: 100%;
  height: 34px;
  background: linear-gradient(180deg, rgba(5, 2, 12, 0.98), rgba(5, 2, 12, 0));
  content: "";
  pointer-events: none;
}

.founder-topbar,
.founder-layout {
  width: min(100%, calc(100vw - clamp(16px, 2.2vw, 28px)));
  max-width: none;
  box-sizing: border-box;
}

.founder-topbar {
  position: fixed !important;
  top: clamp(8px, 1vw, 12px);
  left: 50%;
  z-index: 500;
  overflow: visible;
  transform: translateX(-50%);
  background:
    linear-gradient(135deg, rgba(129, 68, 226, 0.16), rgba(0, 0, 0, 0) 44%),
    rgba(8, 4, 18, 0.985);
  border-color: rgba(214, 190, 255, 0.2);
  box-shadow:
    0 22px 55px rgba(0, 0, 0, 0.5),
    0 0 70px rgba(107, 38, 216, 0.16),
    0 -24px 0 18px rgba(5, 2, 12, 0.98),
    inset 0 1px 0 rgba(255, 255, 255, 0.075);
}

.founder-topbar::before {
  position: absolute;
  z-index: -1;
  inset: -18px -1px -10px;
  background:
    linear-gradient(180deg, rgba(5, 2, 12, 0.99), rgba(8, 4, 18, 0.96) 72%, rgba(8, 4, 18, 0.78)),
    radial-gradient(circle at 20% 0%, rgba(168, 85, 247, 0.18), transparent 42%);
  border-radius: 18px 18px 2px 2px;
  content: "";
  pointer-events: none;
}

.founder-topbar::after {
  position: absolute;
  z-index: -1;
  right: -1px;
  bottom: -24px;
  left: -1px;
  height: 24px;
  background: linear-gradient(180deg, rgba(8, 4, 18, 0.74), rgba(8, 4, 18, 0));
  content: "";
  pointer-events: none;
}

.founder-topbar-actions {
  min-width: 0;
}

.founder-topbar-actions .founder-button {
  min-width: 0;
  white-space: nowrap;
}

.founder-layout {
  align-items: stretch;
  margin-top: 0;
  grid-template-columns: clamp(176px, 14vw, 214px) minmax(0, 1fr);
}

.founder-sidebar,
.founder-main,
.founder-dashboard :where(section, article, div, label, form, nav, table, thead, tbody, tr, th, td) {
  box-sizing: border-box;
}

.founder-sidebar {
  z-index: 90;
  min-width: 0;
  max-height: calc(100dvh - 92px);
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: rgba(180, 138, 246, 0.36) transparent;
}

.founder-sidebar::-webkit-scrollbar {
  width: 8px;
}

.founder-sidebar::-webkit-scrollbar-thumb {
  background: rgba(180, 138, 246, 0.28);
  border-radius: 999px;
}

.founder-sidebar .ops-page-nav {
  min-width: 0;
}

.founder-sidebar .ops-page-nav a {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.founder-main {
  min-width: 0;
  overflow: visible;
}

.founder-dashboard :where(.founder-hero, .ops-card, .ops-current-card, .brief-main, .brief-side-panel, .brief-primary-action, .brief-signal-card, .brief-attention-item, .brief-assistant-summary, .queue-grid article, .ops-summary-grid article, .overview-ops-status article, .lead-card, .workflow-stage-card, .trust-form-section, .trust-confirmation-card, .trust-assessment-card, .opportunity-card, .project-execution-card, .delivery-record-card, .client-success-card, .template-reference-panel, .client-success-detail, .source-legend-card, .website-audit-chart-card, .website-audit-result-card) {
  min-width: 0;
}

.founder-dashboard :where(.ops-card, .ops-current-card, .website-audit-chart-card, .website-audit-result-card, .lead-card, .workflow-stage-card, .project-execution-card, .delivery-record-card, .client-success-card, .template-reference-panel, .source-legend-card) {
  border-color: rgba(214, 190, 255, 0.14);
}

.founder-dashboard :where(.brief-signal-card, .queue-grid article, .ops-summary-grid article, .overview-ops-status article, .ops-kv-grid div, .score-grid article) {
  background: rgba(18, 12, 31, 0.7);
  border-color: rgba(214, 190, 255, 0.11);
}

.founder-dashboard :where(.ops-section-heading, .stage-panel-header, .opportunity-card-head, .audit-chart-head, .audit-chart-footer) {
  min-width: 0;
}

.founder-dashboard :where(h1, h2, h3, p, strong, span, small, dd, dt) {
  overflow-wrap: anywhere;
}

.ops-table-wrap {
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-x: contain;
}

.ops-table {
  min-width: 720px;
}

.audit-line-chart,
.website-audit-chart-card svg {
  max-width: 100%;
}

@media (min-width: 901px) {
  .founder-sidebar {
    position: sticky;
    top: 92px;
    align-self: start;
  }
}

@media (max-width: 900px) {
  .founder-dashboard {
    padding-top: 190px;
  }

  .founder-topbar,
  .founder-layout {
    width: calc(100vw - 16px);
  }

  .founder-layout {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .founder-sidebar {
    position: static;
    max-height: none;
    overflow: visible;
    border-right: 1px solid rgba(214, 190, 255, 0.12);
    border-radius: 0;
  }

  .founder-main {
    border-radius: 0 0 16px 16px;
    padding-inline: clamp(14px, 4vw, 22px);
  }

  .founder-sidebar .ops-page-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .founder-dashboard {
    padding-top: 210px;
  }

  .founder-topbar {
    padding-inline: 14px;
  }

  .founder-brand span {
    gap: 2px;
  }

  .founder-topbar-actions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
    gap: 8px;
    overflow: visible;
  }

  .founder-topbar-actions .founder-button {
    justify-content: center;
    min-height: 38px;
    padding-inline: 8px;
    font-size: 11px;
  }

  .founder-sidebar .ops-page-nav {
    grid-template-columns: 1fr;
  }

  .founder-main {
    padding: 18px 12px;
  }

  .ops-table {
    min-width: 640px;
  }
}

/* Dark-glass Operational Center login gate */
.ops-auth-shell {
  position: relative;
  min-height: 100dvh;
  overflow: hidden;
  padding: clamp(22px, 5vw, 58px);
  color: #f8f4ff;
  background:
    radial-gradient(circle at 50% 8%, rgba(168, 85, 247, 0.22), transparent 34%),
    radial-gradient(circle at 88% 86%, rgba(42, 91, 255, 0.14), transparent 28%),
    linear-gradient(145deg, #05020c 0%, #0b0615 48%, #070514 100%);
}

.ops-auth-shell::before {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
  background-size: 54px 54px;
  content: "";
  opacity: 0.56;
  pointer-events: none;
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.72), transparent 78%);
}

.ops-auth-card {
  position: relative;
  width: min(100%, 640px);
  gap: 26px;
  padding: clamp(26px, 5vw, 48px);
  color: #f8f4ff;
  background:
    linear-gradient(135deg, rgba(129, 68, 226, 0.16), rgba(0, 0, 0, 0) 46%),
    rgba(14, 8, 27, 0.9);
  border: 1px solid rgba(214, 190, 255, 0.2);
  border-radius: 18px;
  box-shadow:
    0 40px 120px rgba(0, 0, 0, 0.58),
    0 0 86px rgba(107, 38, 216, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.07);
  -webkit-backdrop-filter: blur(20px) saturate(1.12);
  backdrop-filter: blur(20px) saturate(1.12);
}

.ops-auth-card::after {
  position: absolute;
  right: 22px;
  bottom: 22px;
  width: 96px;
  height: 96px;
  background: radial-gradient(circle, rgba(168, 85, 247, 0.2), transparent 68%);
  border-radius: 999px;
  content: "";
  pointer-events: none;
}

.ops-auth-card .founder-brand {
  color: #ffffff;
}

.ops-auth-card .founder-brand img {
  width: 38px;
  height: 38px;
  filter: drop-shadow(0 0 16px rgba(168, 85, 247, 0.68));
}

.ops-auth-card .founder-brand strong {
  color: #ffffff;
  font-size: 17px;
}

.ops-auth-card .founder-brand small {
  color: rgba(214, 204, 232, 0.64);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.ops-login-form,
.ops-auth-status {
  position: relative;
  z-index: 1;
}

.ops-login-form .mini-label,
.ops-auth-status .mini-label {
  color: rgb(196, 160, 255);
}

.ops-login-form h1,
.ops-auth-status h1 {
  max-width: 12ch;
  color: #ffffff;
  font-size: clamp(34px, 6vw, 54px);
  letter-spacing: -0.055em;
}

.ops-login-form p,
.ops-auth-status p,
.ops-auth-message {
  max-width: 54ch;
  color: rgba(247, 243, 255, 0.62);
}

.ops-login-form .ops-field {
  display: grid;
  gap: 8px;
}

.ops-login-form .ops-field span {
  color: rgba(196, 160, 255, 0.78);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.ops-login-form .ops-field input {
  min-height: 48px;
  color: #ffffff;
  background: rgba(8, 4, 17, 0.78);
  border: 1px solid rgba(168, 85, 247, 0.28);
  border-radius: 10px;
  outline: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.ops-login-form .ops-field input:focus {
  border-color: rgba(196, 160, 255, 0.72);
  box-shadow:
    0 0 0 3px rgba(168, 85, 247, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.ops-auth-home-link {
  position: relative;
  z-index: 1;
  color: rgba(247, 243, 255, 0.56);
  text-decoration-color: rgba(168, 85, 247, 0.42);
}

.ops-auth-spinner {
  border-color: rgba(214, 190, 255, 0.18);
  border-top-color: rgb(168, 85, 247);
}

@media (max-width: 640px) {
  .ops-auth-shell {
    align-items: center;
    padding: 16px;
  }

  .ops-auth-card {
    border-radius: 16px;
  }

  .ops-login-form h1,
  .ops-auth-status h1 {
    max-width: none;
  }
}

/* Browser-comment compact shell fixes */
.founder-dashboard {
  padding-top: 82px;
}

.founder-topbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  min-height: 62px;
  padding-block: 0;
}

.founder-topbar-kicker {
  display: none;
}

.founder-action-menu {
  position: relative;
  z-index: 20;
  justify-self: end;
}

.founder-action-menu summary {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  padding: 0;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(214, 190, 255, 0.22);
  border-radius: 11px;
  box-shadow:
    0 18px 44px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
  cursor: pointer;
  list-style: none;
}

.founder-action-menu summary::-webkit-details-marker {
  display: none;
}

.founder-action-menu summary span {
  display: block;
  width: 18px;
  height: 2px;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 999px;
  box-shadow: 0 0 12px rgba(168, 85, 247, 0.32);
}

.founder-action-menu[open] summary {
  background: linear-gradient(135deg, rgba(124, 58, 237, 0.92), rgba(168, 85, 247, 0.92));
  border-color: rgba(214, 190, 255, 0.38);
}

.founder-action-list {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  display: grid;
  min-width: 220px;
  gap: 8px;
  padding: 10px;
  background:
    linear-gradient(135deg, rgba(129, 68, 226, 0.12), rgba(0, 0, 0, 0) 48%),
    rgba(12, 6, 24, 0.98);
  border: 1px solid rgba(214, 190, 255, 0.2);
  border-radius: 14px;
  box-shadow:
    0 28px 80px rgba(0, 0, 0, 0.48),
    0 0 48px rgba(107, 38, 216, 0.16);
  -webkit-backdrop-filter: blur(18px) saturate(1.12);
  backdrop-filter: blur(18px) saturate(1.12);
}

.founder-action-list .founder-button {
  width: 100%;
  justify-content: flex-start;
  min-height: 40px;
  padding-inline: 12px;
}

.ops-assistant-card .assistant-message,
.founder-dashboard .assistant-message:not(.user) {
  color: rgba(248, 244, 255, 0.92);
  background:
    radial-gradient(circle at 12% 0%, rgba(168, 85, 247, 0.22), transparent 36%),
    rgba(23, 14, 38, 0.9);
  border-color: rgba(214, 190, 255, 0.2);
  box-shadow:
    0 18px 46px rgba(0, 0, 0, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.ops-assistant-card .assistant-message strong,
.founder-dashboard .assistant-message:not(.user) strong {
  color: #ffffff;
  text-shadow: 0 1px 14px rgba(168, 85, 247, 0.22);
}

.ops-assistant-card .assistant-message span,
.founder-dashboard .assistant-message:not(.user) span {
  color: rgba(248, 244, 255, 0.72);
}

.ops-auth-shell {
  height: 100svh;
  min-height: 100svh;
  overflow: hidden;
  padding: 12px;
  place-items: center;
}

.ops-auth-card {
  width: min(100%, 520px);
  max-height: calc(100svh - 24px);
  gap: 12px;
  overflow: hidden;
  padding: clamp(18px, 4vw, 30px);
}

.ops-auth-card .founder-brand img {
  width: 30px;
  height: 30px;
}

.ops-auth-card .founder-brand strong {
  font-size: 15px;
}

.ops-auth-card .founder-brand small {
  font-size: 10px;
}

.ops-login-form,
.ops-auth-status {
  gap: 11px;
}

.ops-login-form h1,
.ops-auth-status h1 {
  max-width: 15ch;
  font-size: clamp(26px, 5vw, 36px);
  line-height: 1.02;
}

.ops-login-form p,
.ops-auth-status p,
.ops-auth-message {
  line-height: 1.45;
}

.ops-login-form .ops-field {
  gap: 6px;
}

.ops-login-form .ops-field input {
  min-height: 42px;
}

.ops-login-form .founder-button {
  min-height: 42px;
}

@media (max-width: 900px) {
  .founder-dashboard {
    padding-top: 78px;
  }

  .founder-topbar {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
  }
}

@media (max-width: 560px) {
  .founder-dashboard {
    padding-top: 78px;
  }

  .founder-action-list {
    right: 0;
    min-width: min(240px, calc(100vw - 36px));
  }

  .ops-auth-card {
    padding: 16px;
  }
}

/* Operational Center global contrast repair */
.founder-dashboard {
  --ops-glass-surface: rgba(18, 12, 31, 0.84);
  --ops-glass-surface-strong: rgba(23, 14, 38, 0.92);
  --ops-glass-surface-quiet: rgba(14, 8, 25, 0.72);
  --ops-glass-border: rgba(214, 190, 255, 0.16);
  --ops-glass-border-strong: rgba(196, 160, 255, 0.34);
  --ops-glass-text: #f8f4ff;
  --ops-glass-muted: rgba(221, 211, 239, 0.72);
  --ops-glass-faint: rgba(221, 211, 239, 0.56);
  --ops-glass-accent: rgb(168, 85, 247);
  --ops-glass-green: #7df0be;
}

.founder-dashboard :where(
  .ops-card,
  .ops-current-card,
  .brief-main,
  .brief-side-panel,
  .brief-primary-action,
  .brief-signal-card,
  .brief-attention-item,
  .brief-assistant-summary,
  .queue-grid article,
  .ops-summary-grid article,
  .overview-ops-status article,
  .audit-summary-grid article,
  .offer-ladder-grid article,
  .lead-card,
  .workflow-stage-card,
  .trust-form-section,
  .trust-confirmation-card,
  .trust-assessment-card,
  .trust-checkbox-option,
  .score-grid article,
  .ops-kv-grid div,
  .opportunity-card,
  .project-execution-card,
  .delivery-record-card,
  .client-success-card,
  .template-reference-panel,
  .client-success-detail,
  .source-legend-card,
  .website-audit-chart-card,
  .website-audit-result-card,
  .pipeline-stage-grid article,
  .outreach-metrics-grid article,
  .outreach-prospect-card,
  .outreach-script-card,
  .outreach-template-card,
  .outreach-attempt-log article,
  .outreach-summary-card,
  .outreach-selected-card,
  .outreach-call-card,
  .outreach-data-console,
  .outreach-attempt-editor-card,
  .outreach-existing-divider,
  .outreach-guardrails-card,
  .ops-empty-state,
  .ops-muted-note,
  .ops-warning-text,
  .ops-reminder,
  .outreach-delete-confirm,
  .assistant-message
) {
  color: var(--ops-glass-text);
  background:
    radial-gradient(circle at 10% 0%, rgba(168, 85, 247, 0.1), transparent 34%),
    var(--ops-glass-surface);
  border-color: var(--ops-glass-border);
  box-shadow:
    0 18px 44px rgba(0, 0, 0, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.045);
}

.founder-dashboard :where(
  .brief-main,
  .ops-card,
  .ops-current-card,
  .website-audits-page,
  .ops-assistant-card,
  .template-reference-panel,
  .client-success-detail,
  .source-legend-card,
  .outreach-data-console,
  .outreach-call-card
) {
  background:
    linear-gradient(135deg, rgba(129, 68, 226, 0.12), rgba(0, 0, 0, 0) 48%),
    var(--ops-glass-surface-strong);
  border-color: rgba(214, 190, 255, 0.19);
}

.founder-dashboard :where(
  .brief-signal-card,
  .brief-attention-item,
  .queue-grid article,
  .ops-summary-grid article,
  .overview-ops-status article,
  .audit-summary-grid article,
  .score-grid article,
  .ops-kv-grid div,
  .pipeline-stage-grid article,
  .outreach-metrics-grid article,
  .outreach-summary-card,
  .outreach-attempt-log article
) {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.018)),
    var(--ops-glass-surface-quiet);
  border-color: rgba(214, 190, 255, 0.12);
  box-shadow: none;
}

.founder-dashboard :where(
  h1,
  h2,
  h3,
  h4,
  strong,
  dd,
  .brief-greeting,
  .ops-section-heading h2,
  .queue-grid strong,
  .ops-summary-grid strong,
  .brief-signal-card strong,
  .overview-status-grid strong,
  .outreach-metrics-grid strong,
  .outreach-summary-card strong,
  .offer-ladder-grid strong,
  .pipeline-stage-grid strong,
  .website-audit-result-card h3,
  .opportunity-card h3,
  .project-execution-card h3,
  .delivery-record-card h3,
  .client-success-card h3,
  .lead-card h3,
  .workflow-stage-card h3,
  .trust-assessment-card h3,
  .outreach-prospect-card h3,
  .outreach-selected-card h3
) {
  color: var(--ops-glass-text);
}

.founder-dashboard :where(
  p,
  small,
  span,
  dt,
  label,
  li,
  .brief-date-line,
  .brief-weather,
  .ops-section-heading p,
  .ops-card p,
  .ops-current-card p,
  .lead-card p,
  .workflow-stage-card p,
  .trust-assessment-card p,
  .website-audit-result-card p,
  .opportunity-card p,
  .project-execution-card p,
  .delivery-record-card p,
  .client-success-card p,
  .outreach-prospect-card p,
  .outreach-selected-card p,
  .outreach-template-card p,
  .outreach-guardrails-card p,
  .assistant-message span
) {
  color: var(--ops-glass-muted);
}

.founder-dashboard :where(
  .mini-label,
  .eyebrow,
  dt,
  .ops-field span,
  .ops-filters span,
  .ops-assistant-form label,
  .queue-grid span,
  .ops-summary-grid span,
  .offer-ladder-grid span,
  .brief-signal-card span,
  .brief-attention-list > span,
  .outreach-metrics-grid span,
  .outreach-summary-card span,
  .outreach-prospect-card dt,
  .outreach-attempt-log span,
  .outreach-selected-card dt,
  .website-audit-result-card dt,
  .opportunity-card dt,
  .project-execution-card dt,
  .delivery-record-card dt,
  .client-success-card dt,
  .trust-assessment-card dt,
  .score-grid article span,
  .ops-kv-grid div span
) {
  color: rgb(196, 160, 255);
}

.founder-dashboard :where(
  .ops-field input,
  .ops-field textarea,
  .ops-field select,
  .ops-filters select,
  .ops-assistant-form input,
  .outreach-filters input,
  .outreach-template-card textarea,
  .audit-range-control select
) {
  color: var(--ops-glass-text);
  background: rgba(7, 3, 16, 0.82);
  border: 1px solid rgba(214, 190, 255, 0.24);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.founder-dashboard :where(
  .ops-field input,
  .ops-field textarea,
  .ops-field select,
  .ops-filters select,
  .ops-assistant-form input,
  .outreach-filters input,
  .outreach-template-card textarea,
  .audit-range-control select
)::placeholder {
  color: rgba(221, 211, 239, 0.42);
}

.founder-dashboard :where(
  .ops-field input,
  .ops-field textarea,
  .ops-field select,
  .ops-filters select,
  .ops-assistant-form input,
  .outreach-filters input,
  .outreach-template-card textarea,
  .audit-range-control select,
  .founder-button,
  .outreach-tab-button,
  .lead-card,
  .workflow-stage-card,
  .outreach-prospect-card,
  .trust-assessment-card,
  .delivery-record-card,
  .client-success-card,
  .opportunity-card,
  .project-execution-card,
  .website-audit-result-card,
  .founder-action-menu summary
):focus-visible {
  outline: 3px solid rgba(168, 85, 247, 0.44);
  outline-offset: 3px;
}

.founder-dashboard :where(
  .ops-field input,
  .ops-field textarea,
  .ops-field select,
  .ops-filters select,
  .ops-assistant-form input,
  .outreach-filters input,
  .outreach-template-card textarea,
  .audit-range-control select
):disabled,
.founder-dashboard :where(button, .founder-button)[disabled] {
  color: rgba(221, 211, 239, 0.44);
  background: rgba(255, 255, 255, 0.035);
  border-color: rgba(214, 190, 255, 0.1);
  opacity: 1;
}

.founder-dashboard :where(
  .ops-table-wrap,
  .ops-table
) {
  color: var(--ops-glass-text);
  background: rgba(12, 7, 23, 0.8);
  border-color: var(--ops-glass-border);
}

.founder-dashboard .ops-table th {
  color: rgb(196, 160, 255);
}

.founder-dashboard .ops-table td {
  color: var(--ops-glass-text);
  border-color: rgba(214, 190, 255, 0.12);
}

.founder-dashboard .ops-table td span {
  color: var(--ops-glass-muted);
}

.founder-dashboard .ops-table tbody tr:hover,
.founder-dashboard .ops-table tbody tr.active {
  background: rgba(168, 85, 247, 0.14);
}

.founder-dashboard :where(
  .lead-card:hover,
  .lead-card.is-active,
  .workflow-stage-card:hover,
  .workflow-stage-card.is-active,
  .trust-assessment-card:hover,
  .trust-assessment-card.is-active,
  .outreach-prospect-card:hover,
  .outreach-prospect-card.is-active,
  .delivery-record-card:hover,
  .delivery-record-card.is-active,
  .client-success-card:hover,
  .client-success-card.is-active,
  .opportunity-card:hover,
  .opportunity-card.is-active,
  .project-execution-card:hover,
  .project-execution-card.is-active,
  .website-audit-result-card:hover
) {
  color: var(--ops-glass-text);
  background:
    radial-gradient(circle at 12% 0%, rgba(168, 85, 247, 0.16), transparent 38%),
    rgba(25, 15, 42, 0.94);
  border-color: var(--ops-glass-border-strong);
  box-shadow:
    0 18px 48px rgba(0, 0, 0, 0.26),
    0 0 36px rgba(107, 38, 216, 0.13);
}

.founder-dashboard :where(.status-pill, .ops-badge, .source-badge) {
  color: var(--ops-glass-text) !important;
  background: rgba(168, 85, 247, 0.18);
  border: 1px solid rgba(214, 190, 255, 0.24);
}

.founder-dashboard :where(.source-badge.is-live, .status-pill.is-live, .ops-badge.is-live),
.founder-dashboard .hm-live-dot {
  color: #ecfdf5 !important;
  background: rgba(41, 99, 73, 0.72);
  border-color: rgba(125, 240, 190, 0.24);
}

.founder-dashboard :where(.ops-warning-text, .ops-reminder, .outreach-delete-confirm) {
  color: #fff8e8;
  background:
    linear-gradient(135deg, rgba(244, 110, 31, 0.12), rgba(0, 0, 0, 0) 42%),
    rgba(37, 22, 16, 0.88);
  border-color: rgba(255, 184, 107, 0.24);
}

.founder-dashboard :where(.ops-warning-text p, .ops-reminder p, .outreach-delete-confirm p) {
  color: #fff8e8;
}

.founder-dashboard :where(.outreach-danger-button, .outreach-danger-confirm) {
  color: #fff5f7;
  background: rgba(159, 18, 57, 0.68);
  border-color: rgba(251, 113, 133, 0.28);
}

.founder-dashboard .outreach-guardrails-card li {
  color: var(--ops-glass-muted);
}

.founder-dashboard .outreach-tab-button {
  color: var(--ops-glass-muted);
  background: rgba(18, 12, 31, 0.78);
  border-color: rgba(214, 190, 255, 0.14);
}

.founder-dashboard .outreach-tab-button:hover,
.founder-dashboard .outreach-tab-button.is-active {
  color: var(--ops-glass-text);
  background: rgba(168, 85, 247, 0.18);
  border-color: rgba(214, 190, 255, 0.3);
  box-shadow: 0 12px 28px rgba(107, 38, 216, 0.12);
}

.founder-dashboard .pipeline-stage-grid span {
  color: #ffffff;
  background: linear-gradient(135deg, rgba(124, 58, 237, 0.9), rgba(168, 85, 247, 0.86));
}

.founder-dashboard .trust-intro-line {
  color: var(--ops-glass-text) !important;
}

.founder-dashboard :where(.source-badge.is-local, .source-badge.is-legacy, .source-badge.is-demo, .source-badge.is-template) {
  background: rgba(20, 12, 34, 0.88);
}

/* Specificity anchors for legacy light-card selectors in the Operational Center. */
.founder-dashboard .pipeline-stage-grid article,
.founder-dashboard .ops-kv-grid div,
.founder-dashboard .score-grid article,
.founder-dashboard .audit-summary-grid article,
.founder-dashboard .outreach-metrics-grid article,
.founder-dashboard .source-legend-grid div {
  color: var(--ops-glass-text);
  background:
    radial-gradient(circle at 16% 0%, rgba(168, 85, 247, 0.12), transparent 38%),
    var(--ops-glass-surface-quiet);
  border-color: var(--ops-glass-border);
  box-shadow: none;
}

.founder-dashboard .ops-tag-list span {
  color: var(--ops-glass-text);
  background: rgba(168, 85, 247, 0.18);
  border-color: rgba(214, 190, 255, 0.24);
}

.founder-dashboard .ops-tag-list strong {
  color: var(--ops-glass-text);
}

.founder-dashboard .trust-assessment-card,
.founder-dashboard .trust-assessment-card dl div,
.founder-dashboard .website-audit-result-card,
.founder-dashboard .website-audit-result-card dl div {
  color: var(--ops-glass-text);
  background: var(--ops-glass-surface-quiet);
  border-color: rgba(214, 190, 255, 0.13);
}

.founder-dashboard .pipeline-stage-grid article strong,
.founder-dashboard .source-legend-grid strong,
.founder-dashboard .trust-assessment-card strong,
.founder-dashboard .trust-assessment-card dd,
.founder-dashboard .website-audit-result-card dd,
.founder-dashboard .outreach-metrics-grid strong,
.founder-dashboard .ops-kv-grid div strong,
.founder-dashboard .score-grid article strong {
  color: var(--ops-glass-text);
}

.founder-dashboard .source-legend-grid span:not(.source-badge),
.founder-dashboard .trust-assessment-card dt,
.founder-dashboard .website-audit-result-card dt,
.founder-dashboard .outreach-metrics-grid span,
.founder-dashboard .ops-kv-grid div span,
.founder-dashboard .score-grid article span {
  color: rgb(196, 160, 255);
}

.founder-dashboard .status-pill.is-blocked,
.founder-dashboard .status-pill.is-waiting,
.founder-dashboard .status-pill.is-complete,
.founder-dashboard .status-pill.is-progress,
.founder-dashboard .status-pill.is-skipped,
.founder-dashboard .status-pill.is-active {
  color: var(--ops-glass-text) !important;
  background: rgba(168, 85, 247, 0.2);
  border-color: rgba(214, 190, 255, 0.26);
}