/* HospiEdge global design system
   Extracted homepage styles + premium UI overrides
   Loaded after /assets/css/site.css so shared classes inherit this system.
*/
:root {
  color-scheme: light;
  --color-slate-975: #06111f;
  --color-slate-950: #0b1728;
  --color-slate-925: #102033;
  --color-slate-900: #12243a;
  --color-slate-800: #1d3552;
  --color-slate-700: #36516d;
  --color-primary-700: #0f5fe8;
  --color-primary-600: #1b75ff;
  --color-primary-500: #3d8cff;
  --color-primary-300: #bfdbfe;
  --color-cyan-400: #46c4ff;
  --color-accent-500: #f97316;
  --color-accent-400: #fb923c;
  --color-white: #ffffff;
  --color-surface: #ffffff;
  --color-surface-soft: #f7faff;
  --color-surface-muted: #eff5ff;
  --color-border-soft: rgba(15, 23, 42, 0.08);
  --color-border: rgba(15, 23, 42, 0.12);
  --color-border-strong: rgba(15, 23, 42, 0.18);
  --color-text: #0f1c2e;
  --color-text-strong: #08111f;
  --color-text-muted: #23384b;
  --color-text-soft: #31495e;
  --color-text-on-dark: rgba(244, 248, 255, 0.96);
  --color-text-on-dark-muted: rgba(235, 243, 252, 0.96);
  --elevation-xs: 0 10px 30px rgba(8, 15, 31, 0.05);
  --elevation-sm: 0 18px 50px rgba(8, 15, 31, 0.08);
  --elevation-md: 0 26px 70px rgba(8, 15, 31, 0.12);
  --elevation-lg: 0 36px 90px rgba(8, 15, 31, 0.16);
  --radius-sm: 14px;
  --radius-md: 20px;
  --radius-lg: 28px;
  --radius-pill: 999px;
  --space-2xs: 0.35rem;
  --space-xs: 0.65rem;
  --space-sm: 0.9rem;
  --space-md: 1.2rem;
  --space-lg: 1.6rem;
  --space-xl: 2rem;
  --space-2xl: 2.8rem;
  --space-3xl: 3.8rem;
  --font-display: 'Sora', system-ui, sans-serif;
  --font-body: 'DM Sans', system-ui, sans-serif;
  --tracking-tight: -0.035em;
  --tracking-wide: 0.05em;

  /* map existing site.css variables to the updated system */
  --bg: var(--color-slate-975);
  --text: var(--color-text);
  --text-dark: var(--color-text-on-dark);
  --brand: var(--color-primary-600);
  --brand2: var(--color-cyan-400);
  --brand-deep: var(--color-primary-700);
  --muted: var(--color-text-muted);
  --border: var(--color-border);
  --surface: var(--color-surface);
  --surface-alt: var(--color-surface-soft);
  --radius: var(--radius-md);
  --shadow: var(--elevation-sm);
  --shadow-sm: var(--elevation-xs);
  --shadow-lift: var(--elevation-md);
  --ring: rgba(27, 117, 255, 0.2);
  --ring-strong: rgba(70, 196, 255, 0.26);
  --glass: rgba(255, 255, 255, 0.82);
}

body {
  color: var(--color-text);
  background:
    radial-gradient(circle at top, rgba(191, 219, 254, 0.24), transparent 32%),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

/* Site-wide visibility polish */
::selection {
  background: rgba(27, 117, 255, 0.18);
  color: var(--color-text-strong);
}

strong,
b,
.faq-answer strong,
.panel-note strong,
.hero-microcopy strong {
  color: var(--color-text-strong);
}

small,
.helper,
.hero-microcopy,
.panel-note,
.form-note,
.faq-answer,
.decision-mini p,
.entry-card p,
.app-card p,
.flow-card p,
.value-card p,
.guide-card p,
.reader-card p,
.faq-mini p {
  line-height: 1.72;
}

p,
li,
figcaption,
.form-note,
.section-copy,
.section-head p,
.lead {
  color: var(--color-text-muted);
}

small,
.helper,
.hero-microcopy,
.panel-note,
.visual-card figcaption,
.faq-answer,
.decision-mini p,
.entry-card p,
.app-card p,
.flow-card p,
.value-card p,
.guide-card p,
.reader-card p,
.faq-mini p {
  color: var(--color-text-soft);
}

main p a:not([class]),
main li a:not([class]),
main figcaption a:not([class]),
main .panel-note a:not([class]),
main .faq-answer a:not([class]),
main .hero-microcopy a:not([class]) {
  color: var(--color-primary-700);
  text-decoration: underline;
  text-decoration-thickness: 0.09em;
  text-decoration-color: rgba(15, 95, 232, 0.42);
  text-underline-offset: 0.18em;
  font-weight: 700;
  transition: color 0.18s ease, text-decoration-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

main p a:not([class]):hover,
main li a:not([class]):hover,
main figcaption a:not([class]):hover,
main .panel-note a:not([class]):hover,
main .faq-answer a:not([class]):hover,
main .hero-microcopy a:not([class]):hover {
  color: var(--color-primary-600);
}

main p a:not([class]):focus-visible,
main li a:not([class]):focus-visible,
main figcaption a:not([class]):focus-visible,
main .panel-note a:not([class]):focus-visible,
main .faq-answer a:not([class]):focus-visible,
main .hero-microcopy a:not([class]):focus-visible {
  outline: none;
  border-radius: 0.45rem;
  background: rgba(27, 117, 255, 0.10);
  box-shadow: 0 0 0 4px rgba(27, 117, 255, 0.12);
}

.btn {
  min-height: 50px;
  border-radius: 16px;
  padding: 0.82rem 1.15rem;
  box-shadow: none;
}

.btn,
.menu-toggle,
.site-nav a,
.nav-link-secondary,
.btn-why-free,
.jump-link,
.content-jump-links a,
.product-anchor-links a,
body.page-table .quick-links a {
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.btn:focus-visible,
.menu-toggle:focus-visible,
.site-nav a:focus-visible,
.nav-link-secondary:focus-visible,
.btn-why-free:focus-visible,
.jump-link:focus-visible,
.content-jump-links a:focus-visible,
.product-anchor-links a:focus-visible,
body.page-table .quick-links a:focus-visible {
  outline: none;
  box-shadow: 0 0 0 4px rgba(27, 117, 255, 0.14), var(--elevation-xs);
}

.btn-primary {
  background: linear-gradient(135deg, var(--color-primary-700) 0%, var(--color-primary-600) 48%, var(--color-cyan-400) 100%);
  box-shadow: 0 18px 44px rgba(15, 95, 232, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

.btn-primary:hover {
  box-shadow: 0 24px 55px rgba(15, 95, 232, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.btn-secondary {
  border-color: rgba(15, 23, 42, 0.1);
  color: var(--color-text-strong);
  box-shadow: 0 16px 36px rgba(8, 15, 31, 0.08);
}

.btn-secondary:hover {
  background: #f7fbff;
  border-color: rgba(27, 117, 255, 0.18);
  box-shadow: 0 20px 40px rgba(8, 15, 31, 0.1);
}

.btn-ghost {
  border-color: rgba(255, 255, 255, 0.22);
}

.btn-why-free {
  min-height: 44px;
  font-size: 0.96rem;
  font-weight: 800;
  color: var(--color-primary-700);
  border-color: rgba(27, 117, 255, 0.14);
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 14px 34px rgba(8, 15, 31, 0.08);
}

.btn-why-free:hover {
  background: #ffffff;
  border-color: rgba(27, 117, 255, 0.18);
}

.card,
.entry-card,
.app-card,
.flow-card,
.value-card,
.guide-card,
.reader-card,
.faq-mini,
.verify-card,
.visual-card,
.hero-sidecard,
.decision-mini,
.hero-stat,
.hero-chip {
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-soft);
  box-shadow: var(--elevation-sm);
}

.entry-card,
.app-card,
.flow-card,
.value-card,
.guide-card,
.reader-card,
.faq-mini,
.verify-card {
  padding: 1.9rem;
}

.entry-card,
.app-card {
  transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease, background 0.28s ease;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(247, 250, 255, 0.96) 100%);
}

.entry-card:hover,
.app-card:hover {
  transform: translateY(-4px);
  border-color: rgba(27, 117, 255, 0.18);
  box-shadow: var(--elevation-lg);
}

.entry-card.featured {
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(239, 245, 255, 0.98) 100%);
  border-color: rgba(27, 117, 255, 0.2);
  box-shadow: 0 28px 80px rgba(15, 95, 232, 0.14);
}

.entry-price,
.hero-price-badge,
.decision-mini span {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  width: fit-content;
  border-radius: var(--radius-pill);
  font-weight: 800;
  letter-spacing: -0.02em;
  box-shadow: 0 18px 40px rgba(249, 115, 22, 0.18);
}

.entry-price,
.decision-mini span {
  background: linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%);
  border: 1px solid rgba(249, 115, 22, 0.18);
  color: #9a3412;
}

.entry-price {
  margin-bottom: 0.9rem;
  padding: 0.58rem 0.92rem;
  font-size: 1.04rem;
}

.decision-mini span {
  margin-bottom: 0.5rem;
  padding: 0.48rem 0.86rem;
  font-size: 0.9rem;
}

.hero {
  position: relative;
  overflow: hidden;
}

.home-hero {
  padding-bottom: 4.2rem;
  background:
    radial-gradient(circle at 12% 18%, rgba(70, 196, 255, 0.22), transparent 28%),
    radial-gradient(circle at 82% 22%, rgba(61, 140, 255, 0.2), transparent 24%),
    radial-gradient(circle at 52% 100%, rgba(15, 95, 232, 0.14), transparent 30%),
    linear-gradient(140deg, #061120 0%, #0d1d33 48%, #102441 100%);
}

.home-hero::before,
.home-hero::after {
  content: '';
  position: absolute;
  inset: -10%;
  pointer-events: none;
}

.home-hero::before {
  background:
    radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.12), transparent 0.7%),
    radial-gradient(circle at 70% 40%, rgba(255, 255, 255, 0.08), transparent 0.65%),
    radial-gradient(circle at 40% 75%, rgba(255, 255, 255, 0.09), transparent 0.65%);
  background-size: 28rem 28rem, 24rem 24rem, 22rem 22rem;
  opacity: 0.45;
}

.home-hero::after {
  background: linear-gradient(120deg, rgba(70, 196, 255, 0.08), rgba(15, 95, 232, 0.16), rgba(249, 115, 22, 0.09));
  filter: blur(38px);
  opacity: 0.85;
  animation: homeHeroGlow 14s ease-in-out infinite alternate;
}

@keyframes homeHeroGlow {
  0% {
    transform: translate3d(-2%, -1%, 0) scale(1);
  }
  100% {
    transform: translate3d(2.5%, 1.5%, 0) scale(1.06);
  }
}

.home-hero-grid {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(300px, 0.75fr);
  gap: 2.4rem;
  align-items: start;
}

.home-hero-copy {
  position: relative;
  z-index: 1;
}

.home-hero-copy > .badge {
  background: rgba(15, 95, 232, 0.18);
  border-color: rgba(191, 219, 254, 0.22);
  color: rgba(244, 248, 255, 0.96);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

.home-hero-copy h1 {
  max-width: 18ch;
  color: var(--color-text-on-dark);
}

.home-hero .hero-microcopy a:not([class]) {
  color: #9bd0ff;
}

.home-hero .hero-microcopy a:not([class]):hover {
  color: #d7ecff;
}

.home-hero-copy p {
  max-width: 56rem;
}

.hero-microcopy {
  max-width: 54rem;
  color: var(--color-text-on-dark-muted);
}

.hero-microcopy strong,
.hero-chip strong,
.hero-stat strong,
.home-hero h1,
.hero-sidecard h2 {
  color: var(--color-white);
}

.hero-chip-row,
.hero-stats,
.entry-grid,
.bundle-grid,
.app-grid,
.flow-grid,
.value-grid,
.guide-grid,
.visual-grid,
.faq-grid {
  display: grid;
  gap: 1.15rem;
}

.hero-chip-row {
  display: flex;
  flex-direction: column;
  margin: 1.4rem 0 0;
  padding: 0.55rem 0;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 22px 60px rgba(8, 15, 31, 0.18);
  backdrop-filter: blur(14px);
}

.hero-chip,
.hero-stat {
  background: rgba(255, 255, 255, 0.09);
  border-color: rgba(255, 255, 255, 0.12);
  color: var(--color-text-on-dark);
  backdrop-filter: blur(12px);
}

.hero-chip {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0.82rem 1.15rem 0.82rem 1.75rem !important;
  position: relative;
}

.hero-chip:last-child {
  border-bottom: none !important;
}

.hero-chip::before {
  content: '';
  position: absolute;
  left: 1rem;
  top: 1.12rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--color-cyan-400), var(--color-primary-500));
  box-shadow: 0 0 0 6px rgba(61, 140, 255, 0.14);
}

.hero-chip strong {
  display: block;
  margin-bottom: 0.18rem;
  font-size: 0.94rem;
}

.hero-chip span {
  display: block;
  color: rgba(236, 243, 251, 0.92);
  font-size: 0.88rem;
  line-height: 1.52;
}

.hero-stats,
.bundle-grid,
.app-grid,
.flow-grid,
.value-grid,
.guide-grid,
.visual-grid,
.faq-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

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

.hero-stats {
  margin-top: 1.85rem;
}

.hero-stat {
  padding: 1.25rem 1.3rem;
  min-height: 100%;
}

.hero-stat strong {
  display: block;
  font-size: 1.08rem;
  margin-bottom: 0.34rem;
}

.hero-stat span {
  display: block;
  color: rgba(236, 243, 251, 0.93);
  font-size: 0.95rem;
  line-height: 1.58;
}

.hero-stat--price {
  background: linear-gradient(180deg, rgba(255, 247, 237, 0.16), rgba(255, 237, 213, 0.1));
  border-color: rgba(251, 146, 60, 0.26);
}

.hero-stat--price strong {
  color: #ffedd5;
}

.hero-price-badge {
  padding: 0.44rem 0.82rem;
  margin-bottom: 0.55rem;
  background: linear-gradient(135deg, rgba(249, 115, 22, 0.94), rgba(251, 146, 60, 0.96));
  border: 1px solid rgba(255, 237, 213, 0.18);
  color: #fff7ed;
  font-size: 0.84rem;
  box-shadow: 0 18px 42px rgba(249, 115, 22, 0.28);
}

.hero-sidecard {
  position: relative;
  padding: 1.8rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(246, 250, 255, 0.96) 100%);
  box-shadow: var(--elevation-md);
  overflow: hidden;
  margin-top: 0.6rem;
}

.hero-sidecard::before {
  content: '';
  position: absolute;
  inset: auto -10% -35% auto;
  width: 14rem;
  height: 14rem;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(61, 140, 255, 0.12), transparent 64%);
}

.hero-sidecard h2 {
  color: var(--color-text-strong);
  font-size: clamp(1.45rem, 2vw, 1.7rem);
  margin-bottom: 0.8rem;
}

.hero-sidecard p {
  margin: 0;
  color: var(--color-text-muted);
}

.decision-mini-grid {
  display: grid;
  gap: 0.95rem;
  margin-top: 1.15rem;
}

.decision-mini {
  padding: 1.08rem 1.12rem;
  background: rgba(255, 255, 255, 0.8);
}

.decision-mini strong {
  display: block;
  margin-bottom: 0.22rem;
  color: var(--color-text-strong);
}

.decision-mini p {
  font-size: 0.95rem;
  line-height: 1.58;
}

.panel-note {
  margin-top: 1.05rem;
  padding: 1rem 1.05rem;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(239, 246, 255, 0.92), rgba(219, 234, 254, 0.72));
  border: 1px solid rgba(27, 117, 255, 0.12);
  color: #1d4ed8;
  font-size: 0.95rem;
  line-height: 1.62;
}

/* --- Pass 331: Cleaner homepage hero --- */
.hero-lead {
  font-size: clamp(1.05rem, 1.6vw, 1.18rem);
  line-height: 1.72;
  color: var(--color-text-on-dark-muted);
  max-width: 38em;
  margin-bottom: 1.6rem;
}

.hero-price-highlight {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.65rem;
  margin-bottom: 1.8rem;
}

.hero-price-highlight .hero-price-badge {
  font-size: 0.92rem;
  padding: 0.48rem 0.92rem;
}

.hero-price-highlight .hero-price-sub {
  color: rgba(236, 243, 251, 0.92);
  font-size: 0.92rem;
  font-weight: 600;
}

.sidecard-facts {
  list-style: none;
  padding: 0;
  margin: 1.15rem 0 0;
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

.sidecard-facts li {
  padding: 0.72rem 0.95rem;
  border-radius: var(--radius-sm);
  background: rgba(239, 245, 255, 0.7);
  border: 1px solid rgba(27, 117, 255, 0.08);
  color: var(--color-text-muted);
  font-size: 0.95rem;
  line-height: 1.5;
}

.sidecard-facts li strong {
  color: var(--color-text-strong);
}

.sidecard-note {
  margin-top: 1rem;
  font-size: 0.88rem;
  color: var(--color-text-soft);
  line-height: 1.6;
}

.sidecard-note a {
  color: var(--color-primary-700);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

.btn-tertiary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0.62rem 1.35rem;
  border-radius: var(--radius-pill);
  border: 1px solid rgba(191, 219, 254, 0.2);
  background: transparent;
  color: rgba(244, 248, 255, 0.92);
  font-weight: 700;
  font-size: 0.95rem;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.btn-tertiary:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(191, 219, 254, 0.36);
  color: var(--color-white);
}

.home-primary-actions {
  margin-top: 1.6rem;
}

.home-anchor-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  margin-top: 1.65rem;
}

.jump-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0.64rem 1.02rem;
  border-radius: 999px;
  border: 1px solid rgba(191, 219, 254, 0.18);
  background: rgba(255, 255, 255, 0.08);
  color: #f0f6ff;
  font-weight: 700;
  font-size: 0.95rem;
  backdrop-filter: blur(8px);
  transition: transform 0.18s ease, background 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

.jump-link:hover {
  transform: translateY(-2px);
  background: rgba(255, 255, 255, 0.13);
  border-color: rgba(191, 219, 254, 0.34);
  color: var(--color-white);
}

.section-head p,
.section-copy {
  max-width: 54rem;
}

.entry-grid,
.bundle-grid,
.app-grid,
.flow-grid,
.value-grid,
.guide-grid,
.visual-grid,
.faq-grid {
  margin-top: 2.15rem;
}

.entry-card h3,
.app-card h3,
.flow-card h3,
.value-card h3,
.guide-card h3,
.reader-card h3,
.faq-mini h3,
.verify-card h3 {
  margin-bottom: 0.72rem;
  font-size: 1.2rem;
}

.eyebrow {
  display: inline-flex;
  align-items: center;
  padding: 0.34rem 0.72rem;
  border-radius: 999px;
  background: rgba(27, 117, 255, 0.08);
  color: var(--color-primary-700);
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  margin-bottom: 0.86rem;
}

.entry-list,
.reader-card ul {
  margin: 1.1rem 0 0;
  padding-left: 1.15rem;
  color: var(--color-text-soft);
}

.entry-list li + li,
.reader-card li + li {
  margin-top: 0.5rem;
}

.entry-card .cta-row,
.app-card .cta-row,
.guide-card .cta-row,
.reader-card .cta-row {
  margin-top: 1.15rem;
}

.flow-card {
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.flow-step {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 128px;
  padding: 0.42rem 0.78rem;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--color-slate-950), var(--color-slate-800));
  color: #f8fbff;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-bottom: 0.9rem;
}

.app-card {
  display: flex;
  flex-direction: column;
}

.app-card .cta-row {
  margin-top: auto;
  padding-top: 1.15rem;
}

.visual-card {
  overflow: hidden;
  margin: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(246, 250, 255, 0.95));
}

.visual-card img {
  width: 100%;
  height: 280px;
  object-fit: cover;
  display: block;
}

.visual-card figcaption {
  padding: 1.05rem 1.1rem 1.15rem;
  border-top: 1px solid rgba(15, 23, 42, 0.07);
}

.visual-card__placeholder {
  min-height: 280px;
}

.reader-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: 1.15rem;
  align-items: stretch;
}

.verify-band {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) auto;
  gap: 1.2rem;
  align-items: end;
}

.verify-band-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  justify-content: flex-end;
}

.verify-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1.5rem;
}

.verify-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 250, 255, 0.94));
}

.faq-accordion-wrap--narrow {
  max-width: 50rem;
}

.closing-card-title {
  margin-bottom: 0.5rem;
}

.assistant-fab-wrap {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 1200;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 12px;
}

.assistant-fab {
  position: relative;
  width: 68px;
  height: 68px;
  border-radius: 999px;
  border: none;
  background: linear-gradient(135deg, #071322, #12345f 70%, #1b75ff 100%);
  box-shadow: 0 18px 46px rgba(8, 15, 31, 0.3), 0 0 0 4px rgba(255, 255, 255, 0.88);
  cursor: pointer;
  overflow: visible;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.assistant-fab::before,
.assistant-fab::after {
  content: '';
  position: absolute;
  inset: -6px;
  border-radius: inherit;
  pointer-events: none;
}

.assistant-fab::before {
  border: 1px solid rgba(70, 196, 255, 0.34);
  opacity: 0.88;
  animation: assistantPulse 2.7s ease-out infinite;
}

.assistant-fab::after {
  inset: -11px;
  border: 1px solid rgba(61, 140, 255, 0.2);
  animation: assistantPulse 2.7s ease-out 0.8s infinite;
}

@keyframes assistantPulse {
  0% {
    transform: scale(0.96);
    opacity: 0.72;
  }
  70% {
    transform: scale(1.12);
    opacity: 0;
  }
  100% {
    transform: scale(1.12);
    opacity: 0;
  }
}

.assistant-fab:hover {
  transform: translateY(-3px);
  box-shadow: 0 24px 56px rgba(8, 15, 31, 0.36), 0 0 0 4px rgba(255, 255, 255, 0.92);
}

.assistant-fab:focus-visible {
  outline: none;
  box-shadow: 0 0 0 5px rgba(70, 196, 255, 0.24), 0 24px 56px rgba(8, 15, 31, 0.36), 0 0 0 4px rgba(255, 255, 255, 0.92);
}

.assistant-fab img {
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border-radius: inherit;
  object-fit: cover;
  display: block;
  position: relative;
  z-index: 1;
}

.assistant-panel {
  width: min(420px, calc(100vw - 32px));
  height: min(680px, calc(100vh - 120px));
  border-radius: 24px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 30px 70px rgba(8, 15, 31, 0.32);
  background: #fff;
  display: none;
}

.assistant-panel.open {
  display: flex;
  flex-direction: column;
}

.assistant-panel-header {
  background: linear-gradient(135deg, #08111f, #102441);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.25rem;
  font-size: 1rem;
  font-weight: 700;
}

.assistant-panel-close {
  border: 0;
  background: transparent;
  color: rgba(255, 255, 255, 0.76);
  font-size: 24px;
  cursor: pointer;
  line-height: 1;
}

.assistant-frame {
  width: 100%;
  flex-grow: 1;
  border: 0;
  display: block;
  background: #f8fbff;
}

@media (max-width: 1180px) {
  .home-hero-grid,
  .verify-band {
    grid-template-columns: 1fr;
  }

  .verify-band-actions {
    justify-content: flex-start;
  }

  .hero-stats,
  .entry-grid,
  .bundle-grid,
  .app-grid,
  .flow-grid,
  .value-grid,
  .guide-grid,
  .visual-grid,
  .faq-grid,
  .reader-grid,
  .verify-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .home-hero {
    padding-bottom: 3.35rem;
  }

  .home-hero-copy h1 {
    max-width: none;
  }

  .hero-sidecard {
    padding: 1.35rem;
  }

  .visual-card img {
    height: 240px;
  }
}

@media (max-width: 720px) {
  .hero-stats,
  .entry-grid,
  .bundle-grid,
  .app-grid,
  .flow-grid,
  .value-grid,
  .guide-grid,
  .visual-grid,
  .faq-grid,
  .reader-grid,
  .verify-grid {
    grid-template-columns: 1fr;
  }

  .decision-bridge-grid {
    grid-template-columns: 1fr;
  }

  .home-anchor-row {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 0.25rem;
    scrollbar-width: none;
  }

  .home-anchor-row::-webkit-scrollbar {
    display: none;
  }

  .jump-link {
    white-space: nowrap;
    flex-shrink: 0;
  }

  .assistant-fab-wrap {
    right: 16px;
    bottom: 16px;
  }
}

@media (max-width: 560px) {
  .assistant-fab {
    width: 60px;
    height: 60px;
  }

  .assistant-panel {
    width: calc(100vw - 20px);
    height: min(74vh, calc(100vh - 96px));
    border-radius: 18px;
  }

  .closing-card {
    padding: 1.7rem;
  }
}


/* Stage 25: shared premium rollout across core product pages */
.btn-why-free {
  vertical-align: middle;
}

.btn-why-free-spaced {
  margin-top: 0.4rem;
  display: inline-flex;
}

.btn-compact {
  min-height: 40px;
  padding: 0.6rem 1rem;
  font-size: 0.9rem;
}

.u-fit-content {
  width: fit-content;
}

.u-eyebrow-accent {
  background: rgba(27, 117, 255, 0.14);
  border-color: rgba(27, 117, 255, 0.24);
}

.u-section-stack {
  margin-top: 1.25rem;
}

.u-grid-auto {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 1rem;
}

.u-figure-card {
  padding: 0;
  overflow: hidden;
  margin: 0;
}

.u-figure-card img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  display: block;
}

.u-figure-card figcaption {
  padding: 1rem 1rem 1.1rem;
  color: var(--color-text-muted);
}

.u-figure-card__placeholder {
  min-height: 250px;
}

.u-center-card {
  margin-top: 1.2rem;
  text-align: center;
}

.u-card-title-tight {
  margin-bottom: 0.45rem;
}

.u-cta-center {
  justify-content: center;
}


.decision-bridge {
  text-align: center;
}

.decision-bridge-lead {
  max-width: 54rem;
  margin: 0.25rem auto 0;
}

.decision-bridge-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1.4rem;
  text-align: left;
}

.decision-step {
  padding: 1.15rem 1.1rem;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(246, 250, 255, 0.88));
}

.decision-step h3 {
  margin-bottom: 0.62rem;
  font-size: 1.05rem;
}

.decision-step p {
  margin-bottom: 0;
}

.price-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.price-card-panel {
  padding: 1.5rem;
  border: 1px solid var(--color-border);
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(247, 250, 255, 0.98) 100%);
  box-shadow: var(--elevation-xs);
}

.price-card-panel.featured {
  border-color: rgba(27, 117, 255, 0.22);
  box-shadow: 0 24px 60px rgba(15, 95, 232, 0.14);
}

.price-card-kicker {
  margin-bottom: 0.65rem;
}

.price-card-title {
  font-size: 1.1rem;
  margin-bottom: 0.3rem;
}

.price-card-amount {
  font-size: 1.8rem;
  font-weight: 900;
  color: var(--color-text-strong);
  line-height: 1;
  margin: 0.35rem 0;
  letter-spacing: -0.03em;
}

.price-card-amount small {
  font-size: 0.55em;
  font-weight: 600;
  color: var(--color-text-soft);
}

.price-card-copy {
  margin: 0.6rem 0 0.75rem;
  color: var(--color-text-muted);
  font-size: 0.94rem;
  line-height: 1.58;
}

.price-card-copy a:not([class]) {
  color: var(--color-primary-700);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 0.16em;
}

body.page-operations .ops-hero,
body.page-scheduling .sched-hero,
body.page-table .table-hero,
body.page-pos .pos-hero,
body.page-label .label-hero,
body.page-products-index .products-hero,
body.page-publishing .publishing-hero,
.ops-hero,
.sched-hero,
.table-hero,
.pos-hero,
.label-hero,
.products-hero,
.publishing-hero {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 14% 16%, rgba(191, 219, 254, 0.18), transparent 30%),
    radial-gradient(circle at 88% 10%, rgba(70, 196, 255, 0.16), transparent 26%),
    linear-gradient(135deg, #081427 0%, #10203a 54%, #1556d8 100%);
}

body.page-operations .ops-hero::before,
body.page-scheduling .sched-hero::before,
body.page-table .table-hero::before,
body.page-pos .pos-hero::before,
body.page-label .label-hero::before,
body.page-products-index .products-hero::before,
body.page-publishing .publishing-hero::before,
.ops-hero::before,
.sched-hero::before,
.table-hero::before,
.pos-hero::before,
.label-hero::before,
.products-hero::before,
.publishing-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    linear-gradient(120deg, rgba(255, 255, 255, 0.06), transparent 34%),
    radial-gradient(circle at bottom right, rgba(59, 130, 246, 0.18), transparent 30%);
  pointer-events: none;
}

body.page-operations .ops-hero .container,
body.page-scheduling .sched-hero .container,
body.page-table .table-hero .container,
body.page-pos .pos-hero .container,
body.page-label .label-hero .container,
body.page-products-index .products-hero .container,
body.page-publishing .publishing-hero .container,
.ops-hero .container,
.sched-hero .container,
.table-hero .container,
.pos-hero .container,
.label-hero .container,
.products-hero .container,
.publishing-hero .container {
  position: relative;
  z-index: 1;
}

body.page-operations .ops-hero p,
body.page-scheduling .sched-hero p,
body.page-table .table-hero p,
body.page-pos .pos-hero p,
body.page-label .label-hero p,
body.page-products-index .products-hero p,
body.page-publishing .publishing-hero p,
.ops-hero p,
.sched-hero p,
.table-hero p,
.pos-hero p,
.label-hero p,
.products-hero p,
.publishing-hero p {
  color: var(--color-text-on-dark-muted);
}

body.page-operations .ops-hero h1,
body.page-scheduling .sched-hero h1,
body.page-table .table-hero h1,
body.page-pos .pos-hero h1,
body.page-label .label-hero h1,
body.page-products-index .products-hero h1,
body.page-publishing .publishing-hero h1,
.ops-hero h1,
.sched-hero h1,
.table-hero h1,
.pos-hero h1,
.label-hero h1,
.products-hero h1,
.publishing-hero h1 {
  color: var(--color-white);
}

body.page-operations .ops-hero .badge,
body.page-scheduling .sched-hero .badge,
body.page-table .table-hero .badge,
body.page-pos .pos-hero .eyebrow,
body.page-label .label-hero .badge,
body.page-products-index .products-hero .badge,
body.page-publishing .publishing-hero .badge,
.ops-hero .badge,
.sched-hero .badge,
.table-hero .badge,
.pos-hero .eyebrow,
.label-hero .badge,
.products-hero .badge,
.publishing-hero .badge {
  background: rgba(255, 255, 255, 0.12);
  color: var(--color-white);
  border-color: rgba(255, 255, 255, 0.16);
}

body.page-operations .product-side-card,
body.page-operations .product-inline-nav,
body.page-scheduling .product-side-card,
body.page-scheduling .product-inline-nav,
body.page-table .product-side-card,
body.page-table .product-inline-nav,
body.page-label .product-side-card,
body.page-label .product-inline-nav,
body.page-products-index .products-index-inline-nav,
.product-side-card,
.product-inline-nav,
.products-index-inline-nav {
  border-radius: 24px;
  border-color: rgba(15, 23, 42, 0.08);
  box-shadow: var(--elevation-md);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(247, 250, 255, 0.96) 100%);
}

body.page-products-index .hero-panel,
body.page-products-index .bundle-card,
body.page-products-index .product-card,
body.page-products-index .cost-card,
body.page-products-index .reader-highlight,
.products-hero .hero-panel,
.buy-path-grid .bundle-card,
.bundle-facts .bundle-card,
.product-grid .product-card,
.cost-grid .cost-card,
.reader-grid .reader-highlight {
  border-radius: 24px;
  box-shadow: var(--elevation-sm);
}

body.page-products-index .hero-panel,
.products-hero .hero-panel {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.11) 0%, rgba(255, 255, 255, 0.07) 100%);
  border-color: rgba(255, 255, 255, 0.16);
}

body.page-products-index .bundle-card:hover,
body.page-products-index .product-card:hover,
body.page-pos .pricing-card:hover,
body.page-label .price-card:hover,
body.page-operations .ops-tier-card:hover,
body.page-table .pricing-option:hover,
.buy-path-grid .bundle-card:hover,
.bundle-facts .bundle-card:hover,
.product-grid .product-card:hover,
.pricing-card:hover,
.price-card:hover,
.ops-tier-card:hover,
.pricing-option:hover {
  transform: translateY(-4px);
  box-shadow: var(--elevation-lg);
}

body.page-operations .ops-tier-card,
body.page-table .pricing-option,
body.page-pos .pricing-card,
body.page-label .price-card,
.ops-tier-card,
.pricing-option,
.pricing-card,
.price-card {
  transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease, background 0.28s ease;
}

body.page-operations .product-cta-band,
body.page-label .product-cta-band,
.product-cta-band {
  border-radius: 28px;
  box-shadow: var(--elevation-md);
}

body.page-operations .answers,
body.page-scheduling .answers,
body.page-operations .faq-list,
body.page-scheduling .faq-list,
body.page-label .faq-list,
body.page-operations .related-links,
body.page-scheduling .related-links,
body.page-label .related-links,
.answers,
.faq-list,
.related-links {
  display: grid;
  gap: 1rem;
}

body.page-operations .answers,
body.page-scheduling .answers,
body.page-operations .related-links,
body.page-scheduling .related-links,
body.page-label .related-links,
body.page-label .faq-list,
.answers,
.related-links,
.faq-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.page-operations .answer-item,
body.page-scheduling .answer-item,
body.page-operations .faq-item,
body.page-scheduling .faq-item,
body.page-label .faq-item,
body.page-operations .related-links a,
body.page-scheduling .related-links a,
body.page-label .related-links a,
body.page-label .cap,
body.page-label .step,
body.page-label .price-card,
body.page-label .he-photo-card,
.answer-item,
.faq-item,
.related-links a,
.cap,
.step,
.price-card,
.he-photo-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(247, 250, 255, 0.97) 100%);
  border: 1px solid var(--color-border-soft);
  border-radius: 20px;
  box-shadow: var(--elevation-xs);
}

body.page-operations .answer-item,
body.page-scheduling .answer-item,
body.page-operations .faq-item,
body.page-scheduling .faq-item,
body.page-label .faq-item,
body.page-operations .related-links a,
body.page-scheduling .related-links a,
body.page-label .related-links a,
body.page-label .cap,
body.page-label .step,
body.page-label .price-card,
.answer-item,
.faq-item,
.related-links a,
.cap,
.step,
.price-card {
  padding: 1.25rem;
}

body.page-operations .answer-item p,
body.page-scheduling .answer-item p,
body.page-operations .faq-item p,
body.page-scheduling .faq-item p,
body.page-label .faq-item p,
body.page-label .related-links small,
body.page-operations .related-links small,
body.page-scheduling .related-links small,
body.page-label .cap p,
body.page-label .step p,
.answer-item p,
.faq-item p,
.related-links small,
.cap p,
.step p {
  margin: 0;
  color: var(--color-text-muted);
}

body.page-operations .answer-item h3,
body.page-scheduling .answer-item h3,
body.page-operations .faq-item h3,
body.page-scheduling .faq-item h3,
body.page-label .faq-item h3,
body.page-label .cap h3,
body.page-label .step h3,
.answer-item h3,
.faq-item h3,
.cap h3,
.step h3 {
  margin-bottom: 0.45rem;
  font-size: 1.05rem;
}

body.page-label .cap-grid,
body.page-label .setup-grid,
body.page-label .he-gallery-grid,
.cap-grid,
.setup-grid,
.he-gallery-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.page-label .he-photo-card,
.he-photo-card {
  padding: 0;
  overflow: hidden;
}

body.page-label .he-photo-card img,
body.page-label .he-photo-placeholder,
.he-photo-card img,
.he-photo-placeholder {
  width: 100%;
  height: 260px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #eef2ff, #e2e8f0);
  color: #334155;
  font-weight: 700;
}

body.page-label .he-photo-card figcaption,
.he-photo-card figcaption {
  padding: 1rem;
  color: var(--color-text-soft);
  border-top: 1px solid rgba(15, 23, 42, 0.08);
}

body.page-pos .pos-hero .hero-subtle-copy,
.pos-hero .hero-subtle-copy {
  font-size: 0.97rem;
  color: var(--color-text-on-dark-muted);
  margin-top: -0.5rem;
}

body.page-pos .pos-hero .hero-subtle-copy strong,
.pos-hero .hero-subtle-copy strong {
  color: #cfe0ff;
}

body.page-pos .pricing-card-grid,
.pricing-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 1rem;
}

@media (max-width: 980px) {
  body.page-operations .answers,
  body.page-scheduling .answers,
  body.page-operations .related-links,
  body.page-scheduling .related-links,
  body.page-label .faq-list,
  body.page-label .related-links,
  body.page-label .cap-grid,
  body.page-label .setup-grid,
  body.page-label .he-gallery-grid,
  .answers,
  .related-links,
  .faq-list,
  .cap-grid,
  .setup-grid,
  .he-gallery-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  body.page-operations .answers,
  body.page-scheduling .answers,
  body.page-operations .related-links,
  body.page-scheduling .related-links,
  body.page-label .faq-list,
  body.page-label .related-links,
  body.page-label .cap-grid,
  body.page-label .setup-grid,
  body.page-label .he-gallery-grid,
  body.page-pos .pricing-card-grid,
  .answers,
  .related-links,
  .faq-list,
  .cap-grid,
  .setup-grid,
  .he-gallery-grid,
  .pricing-card-grid {
    grid-template-columns: 1fr;
  }

  .u-figure-card img {
    height: 220px;
  }
}

/* =========================
   Investor page rollout
   ========================= */
body.page-investor .inv-hero,
.inv-hero {
  background:
    radial-gradient(circle at 14% 18%, rgba(70, 196, 255, 0.2), transparent 25%),
    radial-gradient(circle at 86% 16%, rgba(61, 140, 255, 0.18), transparent 20%),
    radial-gradient(circle at 58% 100%, rgba(249, 115, 22, 0.12), transparent 28%),
    linear-gradient(145deg, #061120 0%, #0d1b31 48%, #10223f 100%);
}
body.page-investor .inv-hero-grid,
.inv-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.82fr);
  gap: 1.75rem;
  align-items: stretch;
  margin-top: 2.2rem;
}
body.page-investor .inv-panel,
.inv-panel {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: var(--radius-lg);
  padding: 1.7rem;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 28px 70px rgba(8, 15, 31, 0.22);
}
body.page-investor .inv-panel h2,
body.page-investor .inv-panel strong,
body.page-investor .inv-hero h1,
body.page-investor .inv-fact strong,
.inv-panel h2,
.inv-panel strong,
.inv-hero h1,
.inv-fact strong { color: var(--color-white); }
body.page-investor .inv-panel > p,
body.page-investor .inv-panel-note,
body.page-investor .inv-quick-note,
.inv-panel > p,
.inv-panel-note,
.inv-quick-note { color: rgba(236, 243, 252, 0.94); }
body.page-investor .inv-actions-primary,
body.page-investor .inv-actions-secondary,
body.page-investor .inv-cta-bottom,
.inv-actions-primary,
.inv-actions-secondary,
.inv-cta-bottom { margin-top: 1rem; }
body.page-investor .inv-actions-primary,
.inv-actions-primary { margin-top: 1.8rem; }
body.page-investor .inv-cta-bottom,
.inv-cta-bottom { margin-top: 1.5rem; }
body.page-investor .inv-quick-note,
.inv-quick-note { margin-top: 1rem; max-width: 52rem; font-size: 0.98rem; }
body.page-investor .inv-panel-note,
.inv-panel-note { margin-top: 1rem; font-size: 0.95rem; }
body.page-investor .inv-fact-grid,
body.page-investor .inv-diligence-grid,
.inv-fact-grid,
.inv-diligence-grid { display: grid; gap: 0.95rem; }
body.page-investor .inv-fact-grid,
.inv-fact-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 1rem; }
body.page-investor .inv-fact,
.inv-fact {
  padding: 0.95rem 1rem;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
}
body.page-investor .inv-fact span,
.inv-fact span {
  display: block;
  margin-bottom: 0.3rem;
  color: rgba(229, 238, 248, 0.84);
  font-size: 0.8rem;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
body.page-investor .pill-list,
.pill-list { display: flex; flex-wrap: wrap; gap: 0.8rem; margin-top: 1.4rem; }
body.page-investor .pill,
.pill {
  padding: 0.75rem 1.05rem;
  border-radius: var(--radius-pill);
  background: linear-gradient(180deg, rgba(236, 253, 255, 0.96), rgba(207, 250, 254, 0.98));
  color: #115e59;
  font-weight: 700;
  font-size: 0.93rem;
  box-shadow: 0 16px 36px rgba(8, 15, 31, 0.06);
}
body.page-investor .inv-band,
body.page-investor .inv-closing,
body.page-investor .inv-diligence-card,
body.page-investor .inv-form-card,
body.page-investor .inv-alert,
.inv-band,
.inv-closing,
.inv-diligence-card,
.inv-form-card,
.inv-alert { border-radius: var(--radius-lg); }
body.page-investor .inv-band,
.inv-band {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(246, 250, 255, 0.98));
  border: 1px solid var(--color-border-soft);
  padding: 2rem;
  box-shadow: var(--elevation-sm);
}
body.page-investor .inv-two-col,
.inv-two-col { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; align-items: start; }
body.page-investor .inv-list,
.inv-list { margin: 0; padding-left: 1.15rem; color: var(--color-text-muted); }
body.page-investor .inv-list li + li,
.inv-list li + li { margin-top: 0.6rem; }
body.page-investor .inv-list--spacious,
.inv-list--spacious { margin-top: 0.85rem; }
body.page-investor .inv-list--compact,
.inv-list--compact { margin-top: 0.6rem; }
body.page-investor .faq-item + .faq-item,
.inv-hero ~ section .faq-item + .faq-item { margin-top: 1.1rem; }
body.page-investor .faq-item h3,
.inv-hero ~ section .faq-item h3 { margin-bottom: 0.45rem; font-size: 1.02rem; }
body.page-investor .faq-item p,
.inv-hero ~ section .faq-item p { margin: 0; color: var(--color-text-muted); }
body.page-investor .inv-closing,
.inv-closing {
  background: linear-gradient(180deg, rgba(236, 254, 255, 0.98), rgba(255, 255, 255, 0.98));
  border: 1px solid rgba(94, 234, 212, 0.32);
  padding: 2.25rem;
  box-shadow: var(--elevation-sm);
}
body.page-investor .inv-diligence-grid,
.inv-diligence-grid { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); margin-top: 1.8rem; }
body.page-investor .inv-diligence-card,
.inv-diligence-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(247, 250, 255, 0.98));
  border: 1px solid var(--color-border-soft);
  padding: 1.4rem;
  box-shadow: var(--elevation-xs);
  transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease;
}
body.page-investor .inv-diligence-card:hover,
.inv-diligence-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--elevation-md);
  border-color: rgba(27, 117, 255, 0.16);
}
body.page-investor .inv-diligence-card h3,
.inv-diligence-card h3 { margin-bottom: 0.55rem; font-size: 1.02rem; }
body.page-investor .inv-diligence-card p,
.inv-diligence-card p { margin: 0 0 1rem; color: var(--color-text-muted); }
body.page-investor .inv-diligence-card a,
.inv-diligence-card a { font-weight: 800; color: var(--color-primary-700); }
body.page-investor .inv-form-section,
.inv-form-section {
  background: linear-gradient(180deg, rgba(248, 251, 255, 0.96), rgba(239, 245, 255, 0.88));
  border-top: 1px solid var(--color-border-soft);
  border-bottom: 1px solid var(--color-border-soft);
}
body.page-investor .inv-form-head,
.inv-form-head { margin-bottom: 1.8rem; }
body.page-investor .inv-form-card,
.inv-form-card {
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid var(--color-border-soft);
  padding: 2.25rem;
  box-shadow: var(--elevation-sm);
  max-width: 680px;
}
body.page-investor .inv-form-card label,
.inv-form-card label { display: block; font-weight: 700; font-size: 0.92rem; margin-bottom: 0.4rem; color: var(--color-text-strong); }
body.page-investor .inv-form-card input[type="text"],
body.page-investor .inv-form-card input[type="email"],
body.page-investor .inv-form-card select,
body.page-investor .inv-form-card textarea,
.inv-form-card input[type="text"],
.inv-form-card input[type="email"],
.inv-form-card select,
.inv-form-card textarea {
  width: 100%; padding: 0.82rem 1rem; border: 1px solid rgba(148, 163, 184, 0.36); border-radius: 14px;
  font-family: inherit; font-size: 1rem; margin-bottom: 1.2rem; background: #f8fbff; color: var(--color-text); box-sizing: border-box;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}
body.page-investor .inv-form-card textarea,
.inv-form-card textarea { min-height: 130px; resize: vertical; }
body.page-investor .inv-form-card input:focus,
body.page-investor .inv-form-card select:focus,
body.page-investor .inv-form-card textarea:focus,
.inv-form-card input:focus,
.inv-form-card select:focus,
.inv-form-card textarea:focus { outline: none; border-color: rgba(27, 117, 255, 0.55); background: #ffffff; box-shadow: 0 0 0 4px rgba(27, 117, 255, 0.12); }
body.page-investor .inv-form-card .field-row,
.inv-form-card .field-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 1.2rem; }
body.page-investor .inv-form-card button[type="submit"],
.inv-form-card button[type="submit"] { width: 100%; margin-top: 0.5rem; }
body.page-investor .inv-alert,
.inv-alert { padding: 1rem 1.2rem; margin-bottom: 1.4rem; box-shadow: var(--elevation-xs); }
body.page-investor .inv-alert-success,
.inv-alert-success { background: #ecfdf5; border: 1px solid #a7f3d0; border-left: 4px solid #10b981; color: #047857; }
body.page-investor .inv-alert-error,
.inv-alert-error { background: #fef2f2; border: 1px solid #fecaca; border-left: 4px solid #ef4444; color: #b91c1c; }
body.page-investor .inv-alert-error ul,
.inv-alert-error ul { margin: 0.5rem 0 0; padding-left: 1.2rem; }
body.page-investor .inv-disclaimer,
body.page-investor .inv-note-legal,
.inv-disclaimer,
.inv-note-legal { color: var(--color-text-muted); font-size: 0.9rem; }
body.page-investor .inv-note-legal,
.inv-note-legal { margin-top: 0.75rem; }

/* =========================
   Pricing after beta rollout
   ========================= */
body.page-pricing-after-beta .pricing-hero,
.after-beta-hero {
  background:
    radial-gradient(circle at 18% 18%, rgba(70, 196, 255, 0.2), transparent 25%),
    radial-gradient(circle at 82% 20%, rgba(249, 115, 22, 0.14), transparent 22%),
    radial-gradient(circle at 50% 100%, rgba(61, 140, 255, 0.16), transparent 28%),
    linear-gradient(150deg, #061120 0%, #0d1d33 52%, #112542 100%);
}
body.page-pricing-after-beta .pricing-hero p,
.after-beta-hero p { max-width: 56rem; color: rgba(220, 231, 245, 0.88); }
body.page-pricing-after-beta .after-beta-highlight,
.after-beta-highlight {
  display: inline-flex; align-items: center; padding: 0.1rem 0.45rem; border-radius: 999px; background: rgba(255, 255, 255, 0.1); color: #bfdbfe; font-weight: 800;
}
body.page-pricing-after-beta .after-beta-intro,
.after-beta-intro { padding: 2.5rem 0; }
body.page-pricing-after-beta .after-beta-btn,
.after-beta-btn { font-size: 0.92rem; min-height: 42px; padding: 0.68rem 1rem; }
body.page-pricing-after-beta .after-beta-rate--now,
.after-beta-rate--now { color: #0f9f6e; font-weight: 700; }
body.page-pricing-after-beta .after-beta-rate--future,
.after-beta-rate--future { color: #c26b05; font-weight: 700; }
body.page-pricing-after-beta .future-plan-stack,
.future-plan-stack { display: grid; gap: 1.65rem; }
body.page-pricing-after-beta .future-plan-card,
.future-plan-card { border-left: 4px solid var(--color-primary-600); padding: 2rem; }
body.page-pricing-after-beta .future-plan-head,
.future-plan-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 1rem; margin-bottom: 1rem; }
body.page-pricing-after-beta .future-plan-title,
.future-plan-title { margin: 0 0 0.35rem; }
body.page-pricing-after-beta .future-plan-build,
.future-plan-build { font-size: 0.88rem; color: var(--color-text-soft); }
body.page-pricing-after-beta .future-plan-current,
.future-plan-current { text-align: right; min-width: 180px; }
body.page-pricing-after-beta .future-plan-current-label,
body.page-pricing-after-beta .future-plan-tier-label,
.future-plan-current-label,
.future-plan-tier-label { font-size: 0.78rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.35rem; }
body.page-pricing-after-beta .future-plan-current-label,
.future-plan-current-label { color: #0f9f6e; }
body.page-pricing-after-beta .future-plan-current-value,
.future-plan-current-value { color: #0f9f6e; font-size: 1.14rem; font-weight: 800; }
body.page-pricing-after-beta .future-plan-copy,
.future-plan-copy { margin: 0.5rem 0 1rem; }
body.page-pricing-after-beta .future-plan-tier-grid,
body.page-pricing-after-beta .platform-value-grid,
.future-plan-tier-grid,
.platform-value-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; }
body.page-pricing-after-beta .future-plan-tier,
body.page-pricing-after-beta .platform-value-card,
.future-plan-tier,
.platform-value-card {
  background: linear-gradient(180deg, rgba(248, 251, 255, 0.98), rgba(240, 246, 255, 0.96));
  border: 1px solid rgba(226, 232, 240, 0.9); border-radius: 18px; padding: 1rem; box-shadow: var(--elevation-xs);
}
body.page-pricing-after-beta .future-plan-tier-label--primary,
.future-plan-tier-label--primary { color: #c26b05; }
body.page-pricing-after-beta .future-plan-tier-label--secondary,
.future-plan-tier-label--secondary { color: #7c3aed; }
body.page-pricing-after-beta .future-plan-tier-label--floor,
.future-plan-tier-label--floor { color: var(--color-text-soft); }
body.page-pricing-after-beta .future-plan-tier-value,
.future-plan-tier-value { font-size: 1.35rem; font-weight: 800; color: var(--color-text-strong); }
body.page-pricing-after-beta .future-plan-floor-value,
.future-plan-floor-value { font-size: 0.98rem; font-weight: 700; color: var(--color-text); }
body.page-pricing-after-beta .platform-value-grid,
.platform-value-grid { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1.25rem; }
body.page-pricing-after-beta .platform-value-card,
.platform-value-card { text-align: center; }
body.page-pricing-after-beta .platform-value-card--total,
.platform-value-card--total { background: linear-gradient(135deg, #1e293b, #0f172a); border-color: transparent; }
body.page-pricing-after-beta .platform-value-card__label,
.platform-value-card__label { font-size: 0.8rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.5rem; color: var(--color-text-muted); }
body.page-pricing-after-beta .platform-value-card__value,
.platform-value-card__value { font-size: 1.5rem; font-weight: 800; color: var(--color-text-strong); }
body.page-pricing-after-beta .platform-value-card__meta,
.platform-value-card__meta { font-size: 0.88rem; color: var(--color-text-muted); }
body.page-pricing-after-beta .platform-value-card--total .platform-value-card__label,
body.page-pricing-after-beta .platform-value-card--total .platform-value-card__meta,
.platform-value-card--total .platform-value-card__label,
.platform-value-card--total .platform-value-card__meta { color: #93c5fd; }
body.page-pricing-after-beta .platform-value-card--total .platform-value-card__value,
.platform-value-card--total .platform-value-card__value { color: #ffffff; }
body.page-pricing-after-beta .after-beta-center,
.after-beta-center { max-width: 800px; text-align: center; }
body.page-pricing-after-beta .after-beta-center--spaced,
.after-beta-center--spaced { margin-top: 2rem; }
body.page-pricing-after-beta .after-beta-lead,
.after-beta-lead { max-width: 680px; margin: 0 auto 1.5rem; }
body.page-pricing-after-beta .after-beta-cta,
.after-beta-cta { justify-content: center; }

@media (max-width: 980px) {
  body.page-investor .inv-hero-grid,
  body.page-investor .inv-two-col,
  .inv-hero-grid,
  .inv-two-col { grid-template-columns: 1fr; }
}
@media (max-width: 860px) {
  body.page-investor .inv-fact-grid,
  body.page-investor .inv-form-card .field-row,
  .inv-fact-grid,
  .inv-form-card .field-row { grid-template-columns: 1fr; }
  body.page-pricing-after-beta .future-plan-head,
  .future-plan-head { flex-direction: column; }
  body.page-pricing-after-beta .future-plan-current,
  .future-plan-current { text-align: left; min-width: 0; }
}
@media (max-width: 540px) {
  body.page-investor .inv-form-card,
  .inv-form-card { padding: 1.5rem; }
  body.page-pricing-after-beta .future-plan-card,
  body.page-pricing-after-beta .platform-value-card,
  .future-plan-card,
  .platform-value-card { padding: 1.2rem; }
}

/* =========================================================
   Pass 27 shared rollout: workflow diagram, resource hub, engineering utilities
========================================================= */
.workflow-diagram-grid{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(0, 1.28fr);
  gap:clamp(1.5rem, 3vw, 2.5rem);
  align-items:center;
}
.workflow-route-map{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,250,255,.98));
  border:1px solid rgba(15,23,42,.1);
  border-radius:24px;
  box-shadow:0 24px 60px rgba(2,8,23,.10);
  padding:2rem 1.75rem;
  display:flex;
  flex-direction:column;
  gap:1.5rem;
}
.route-map-start{ text-align:center; }
.route-map-label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.58rem 1.08rem;
  border-radius:999px;
  background:var(--color-slate-950);
  color:#fff;
  font-size:.82rem;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.route-map-fork{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:1rem;
}
.route-map-path{
  display:flex;
  flex-direction:column;
  gap:.7rem;
  align-items:center;
  text-align:center;
}
.route-map-path-label{
  font-size:.88rem;
  line-height:1.5;
  color:var(--color-text-soft);
}
.route-map-destination{
  width:100%;
  padding:1.1rem;
  border-radius:18px;
  border:1px solid rgba(15,23,42,.1);
  background:#fff;
  box-shadow:0 14px 34px rgba(8,15,31,.06);
}
.route-map-destination strong{
  display:block;
  color:var(--color-text-strong);
  margin-bottom:.35rem;
}
.route-map-destination span{
  display:block;
  color:var(--color-text-muted);
  font-size:.9rem;
  line-height:1.5;
}
.route-map-destination--primary{
  background:linear-gradient(160deg, rgba(239,246,255,1), rgba(219,234,254,.96));
  border-color:rgba(27,117,255,.22);
}
.route-map-destination--primary strong{ color:var(--color-primary-700); }
.route-map-caption{
  margin:0;
  text-align:center;
  color:var(--color-text-soft);
  font-size:.92rem;
  line-height:1.6;
}

.media-card{
  padding:0 !important;
  overflow:hidden;
  margin:0;
}
.media-card__image{
  width:100%;
  height:250px;
  object-fit:cover;
  display:block;
}
.media-card__caption{
  padding:1rem 1rem 1.1rem;
  color:var(--color-text-muted);
}

.media-card__placeholder{
  min-height:250px;
}
.list-soft{
  margin:0;
  padding-left:1.05rem;
  color:var(--color-text-muted);
  line-height:1.7;
}
.metric-value{
  font-size:1.6rem;
  font-weight:800;
  color:var(--color-text-strong);
  margin:.5rem 0 .25rem;
}
.metric-value--sky{ color:#93c5fd; }
.metric-note{
  margin:.25rem 0 .75rem;
  font-size:.9rem;
  color:var(--color-text-soft);
}
.metric-note--dark{ color:#94a3b8; }
.price-chip{
  margin-top:1rem;
  padding:.75rem;
  background:#f8fafc;
  border-radius:12px;
  border:1px solid rgba(226,232,240,.8);
}
.price-chip__label{
  font-size:.78rem;
  color:#f59e0b;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.price-chip__value{
  font-size:1.05rem;
  font-weight:700;
  color:var(--color-text-strong);
}
.card--dark-gradient{
  background:linear-gradient(135deg, #1e293b, #0f172a) !important;
  border:none !important;
}
.badge--sky{
  background:rgba(147,197,253,.15) !important;
  color:#93c5fd !important;
}
.heading-on-dark{ color:#fff !important; }
.copy-on-dark{ color:#cbd5e1 !important; }
.top-gap-md{ margin-top:1rem; }
.btn--compact{
  font-size:.9rem;
  min-height:40px;
  padding:.6rem 1.25rem;
}
.cta-row--center{ justify-content:center; }
.cta-row--top-gap{ margin-top:1.5rem; }
.hero-info-card{ box-shadow:none !important; }
.hero-info-title{
  font-weight:700;
  letter-spacing:.02em;
}
.hero-info-copy{ margin-top:.2rem; }

body.page-resources-index .resource-hero{
  background:radial-gradient(circle at top right, #1e293b 0%, var(--color-slate-975) 100%);
  padding:7rem 0 6rem;
  position:relative;
  overflow:hidden;
  color:#fff;
  text-align:center;
}
body.page-resources-index .resource-hero::before{
  content:"";
  position:absolute;
  top:-30%;
  left:50%;
  transform:translateX(-50%);
  width:80vw;
  height:80vw;
  background:radial-gradient(circle, rgba(27,117,255,.14) 0%, transparent 60%);
  pointer-events:none;
}
body.page-resources-index .resource-hero .badge{
  background:rgba(255,255,255,.1);
  color:#f8fafc;
  border:1px solid rgba(255,255,255,.2);
  backdrop-filter:blur(8px);
}
body.page-resources-index .resource-hero h1{
  color:#fff !important;
  font-size:clamp(2.5rem, 5vw, 3.5rem) !important;
  font-weight:800;
  text-shadow:0 4px 12px rgba(0,0,0,.4);
  margin-bottom:1.25rem;
}
body.page-resources-index .resource-hero p{
  color:#cbd5e1 !important;
  font-size:1.1rem !important;
  line-height:1.7;
  margin:0 auto 0;
}
.resource-hero-followup{ margin-top:1rem !important; }
.resource-hero-link{
  color:#fff !important;
  font-weight:800;
  text-decoration:underline !important;
  text-decoration-thickness:.09em;
  text-decoration-color:rgba(70,196,255,.55);
  text-underline-offset:.18em;
}
body.page-resources-index .nav-pills-container{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:.75rem;
  margin-top:2.5rem;
  position:relative;
  z-index:2;
}
body.page-resources-index .nav-pill{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.16);
  backdrop-filter:blur(10px);
  padding:.75rem 1.5rem;
  border-radius:999px;
  color:#fff !important;
  text-decoration:none;
  font-weight:600;
  font-size:.95rem;
  transition:transform .28s ease, box-shadow .28s ease, background .28s ease, border-color .28s ease;
  box-shadow:0 10px 26px rgba(0,0,0,.12);
  display:inline-flex;
  align-items:center;
}
body.page-resources-index .nav-pill i{
  margin-right:8px;
  font-size:1rem;
  color:var(--color-primary-500);
}
body.page-resources-index .nav-pill:hover{
  background:rgba(255,255,255,.14);
  border-color:rgba(255,255,255,.28);
  transform:translateY(-2px);
  box-shadow:0 16px 30px rgba(0,0,0,.18);
}
body.page-resources-index .category-header{
  margin-bottom:3rem;
  display:flex;
  align-items:center;
  gap:1.25rem;
}
body.page-resources-index .category-icon{
  width:56px;
  height:56px;
  background:rgba(27,117,255,.1);
  color:var(--color-primary-700);
  border-radius:var(--radius-sm);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1.5rem;
  box-shadow:inset 0 0 0 1px rgba(27,117,255,.15);
}
body.page-resources-index .category-header h2{
  font-size:2rem !important;
  margin:0 0 .25rem !important;
}
body.page-resources-index .category-header p{
  margin:0 !important;
  font-size:1.06rem !important;
}
body.page-resources-index .resource-card{
  background:var(--color-surface);
  border:1px solid var(--color-border-soft);
  border-radius:var(--radius-md);
  padding:2rem;
  height:100%;
  display:flex;
  flex-direction:column;
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
  position:relative;
  overflow:hidden;
  box-shadow:var(--elevation-sm);
}
body.page-resources-index .resource-card:hover{
  transform:translateY(-6px);
  box-shadow:var(--elevation-lg);
  border-color:rgba(27,117,255,.18);
}
body.page-resources-index .resource-card::before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:4px;
  background:linear-gradient(90deg, var(--color-primary-600), var(--color-cyan-400));
  opacity:0;
  transition:opacity .28s ease;
}
body.page-resources-index .resource-card:hover::before{ opacity:1; }
body.page-resources-index .tag-row{ margin-bottom:1.25rem; }
body.page-resources-index .badge-src{
  display:inline-flex;
  font-size:.75rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  padding:.3rem .75rem;
  background:var(--color-surface-soft);
  color:var(--color-text-soft);
  border:1px solid var(--color-border-soft);
  border-radius:999px;
  font-weight:700;
}
body.page-resources-index .resource-card h3{
  font-size:1.25rem;
  margin:0 0 .75rem;
  font-weight:700;
  line-height:1.3;
}
body.page-resources-index .resource-card p{
  font-size:1rem;
  line-height:1.6;
  margin-bottom:2rem;
  flex-grow:1;
}
body.page-resources-index .btn-resource{
  padding:.68rem 1.25rem;
  font-size:.92rem;
  font-weight:700;
  border-radius:999px;
  background:transparent;
  color:var(--color-primary-700);
  border:1px solid rgba(27,117,255,.14);
  align-self:flex-start;
  text-decoration:none;
  transition:transform .28s ease, box-shadow .28s ease, background .28s ease, border-color .28s ease;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 10px 24px rgba(8,15,31,.06);
}
body.page-resources-index .btn-resource:hover{
  background:#f7fbff;
  border-color:rgba(27,117,255,.22);
  color:var(--color-primary-600);
  transform:translateY(-1px);
}
body.page-resources-index .bundle-strip{
  padding:1.15rem 1.25rem;
  border:1px solid rgba(148,163,184,.22);
  border-radius:18px;
  background:rgba(15,23,42,.22);
  margin-top:1.5rem;
}
body.page-resources-index .bundle-strip p{
  margin:0;
  color:#dbe7ff !important;
  font-size:1rem !important;
}
body.page-resources-index .hub-intro-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:1rem;
}
.hub-intro-grid--spaced{ margin-bottom:2rem; }
.resource-decision-grid{
  margin-bottom:1.5rem;
}
body.page-resources-index .resource-card--decision{
  min-height:100%;
}
body.page-resources-index .resource-card--decision p{
  margin-bottom:1.5rem;
}
.resource-card__actions{
  margin-top:auto;
  padding-top:1rem;
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
}

@media (max-width: 900px){
  .route-map-fork{ grid-template-columns:1fr; }
}
@media (max-width: 768px){
  body.page-resources-index .category-header{
    flex-direction:column;
    align-items:flex-start;
    gap:1rem;
  }
  body.page-resources-index .hub-intro-grid{ grid-template-columns:1fr; }
}


/* =========================================================
   Stage 30 shared partial and pricing polish
========================================================= */
.visual-proof-section{
  padding:5rem 0;
}
.visual-proof-browser{
  background:#fff;
  border:1px solid rgba(15,23,42,.1);
  border-radius:20px;
  box-shadow:0 14px 42px rgba(2,8,23,.08);
  overflow:hidden;
  margin:2.5rem 0;
}
.visual-proof-browser-bar{
  display:flex;
  align-items:center;
  gap:.5rem;
  padding:.75rem 1.25rem;
  background:#f1f5f9;
  border-bottom:1px solid rgba(15,23,42,.07);
}
.vp-dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#cbd5e1;
  flex-shrink:0;
}
.vp-browser-label{
  font-size:.78rem;
  color:#64748b;
  font-weight:600;
  margin-left:.5rem;
}
.visual-proof-highlights{
  display:flex;
  flex-wrap:wrap;
  gap:.6rem;
  padding:1.25rem 1.5rem .75rem;
  border-bottom:1px solid rgba(15,23,42,.06);
}
.vp-highlight{
  display:inline-flex;
  align-items:center;
  padding:.42rem .92rem;
  border-radius:999px;
  background:#eff6ff;
  border:1px solid rgba(37,99,235,.18);
  color:#1d4ed8;
  font-size:.82rem;
  font-weight:700;
}
.visual-proof-signals{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:.9rem;
  padding:0 1.5rem 1.25rem;
  border-bottom:1px solid rgba(15,23,42,.06);
}
.vp-signal-card{
  background:linear-gradient(180deg,#f8fafc 0%,#ffffff 100%);
  border:1px solid rgba(15,23,42,.08);
  border-radius:16px;
  padding:1rem 1rem .95rem;
}
.vp-signal-label{
  display:inline-block;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
  color:#64748b;
  margin-bottom:.45rem;
}
.vp-signal-card h3{
  margin:0 0 .35rem;
  font-size:1rem;
  line-height:1.35;
  color:#0f172a;
}
.vp-signal-card p{
  margin:0;
  font-size:.86rem;
  line-height:1.55;
  color:#475569;
}
.visual-proof-route-rail{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:.9rem;
  padding:0 1.5rem 1.5rem;
  border-bottom:1px solid rgba(15,23,42,.06);
}
.vp-route-card{
  display:flex;
  flex-direction:column;
  gap:.25rem;
  padding:1rem 1rem .95rem;
  border-radius:16px;
  border:1px solid rgba(37,99,235,.14);
  background:#f8fbff;
  text-decoration:none;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.vp-route-card:hover,
.vp-route-card:focus-visible{
  transform:translateY(-1px);
  box-shadow:0 10px 24px rgba(37,99,235,.09);
  border-color:rgba(37,99,235,.3);
}
.vp-route-label{
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
  color:#2563eb;
}
.vp-route-card strong{
  font-size:.95rem;
  line-height:1.45;
  color:#0f172a;
}
.visual-proof-panels{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:0;
}
.vp-panel{
  padding:1.75rem 1.5rem;
  border-right:1px solid rgba(15,23,42,.06);
}
.vp-panel:last-child{ border-right:none; }
.vp-panel-label{
  display:inline-block;
  font-size:.76rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:#64748b;
  margin-bottom:.6rem;
}
.vp-panel h3{
  font-size:1rem;
  font-weight:700;
  color:#0f172a;
  margin-bottom:.5rem;
  line-height:1.4;
}
.vp-panel p{
  font-size:.92rem;
  color:#475569;
  line-height:1.65;
  margin-bottom:.75rem;
}
.vp-panel-items{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:.4rem;
}
.vp-panel-items li{
  font-size:.88rem;
  color:#334155;
  padding-left:1.1rem;
  position:relative;
  line-height:1.5;
}
.vp-panel-items li::before{
  content:'✓';
  position:absolute;
  left:0;
  color:#2563eb;
  font-weight:700;
  font-size:.8rem;
}
.visual-proof-strip{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:2rem;
  padding:2rem 0 .5rem;
}
.visual-proof-strip h3{
  font-size:.95rem;
  font-weight:700;
  color:#0f172a;
  margin-bottom:.75rem;
}
.vp-checklist,
.vp-implementation{
  margin:0;
  padding-left:1.15rem;
  color:#334155;
  font-size:.92rem;
  line-height:1.7;
}
.vp-checklist li+li,
.vp-implementation li+li{ margin-top:.4rem; }
.review-path-section{ padding:5rem 0; }
.review-path-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:1.25rem;
  margin:2rem 0;
}
.review-path-card{
  background:#fff;
  border:1px solid rgba(15,23,42,.09);
  border-radius:16px;
  padding:1.5rem;
  box-shadow:0 2px 12px rgba(2,8,23,.04);
}
.review-path-card h3{
  font-size:1rem;
  font-weight:700;
  color:#0f172a;
  margin-bottom:.5rem;
}
.review-path-card p{
  font-size:.92rem;
  color:#475569;
  line-height:1.65;
  margin:0;
}
.review-path-steps{
  background:#f8fafc;
  border:1px solid rgba(15,23,42,.07);
  border-radius:16px;
  padding:1.75rem 2rem;
  margin:0 0 2rem;
}
.review-path-steps h3{
  font-size:.95rem;
  font-weight:700;
  color:#0f172a;
  margin-bottom:.9rem;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.review-path-step-list{
  margin:0;
  padding-left:1.3rem;
  color:#334155;
  font-size:.93rem;
  line-height:1.7;
}
.review-path-step-list li+li{ margin-top:.45rem; }
.review-path-actions{ margin-top:0; }
body.page-pricing .pricing-emphasis{ color:#93c5fd; }
body.page-pricing .pricing-offer-section{ padding:2.5rem 0; }
body.page-pricing .offer-callout-primary{
  font-size:.9rem;
  min-height:40px;
  padding:.6rem 1rem;
}
body.page-pricing .route-price-lock{
  display:block;
  margin-top:.2rem;
  font-size:.7em;
  font-weight:600;
  color:#64748b;
}
body.page-pricing .route-card-note{
  margin:.75rem 0 0;
  font-size:.85rem;
  color:#64748b;
}
body.page-pricing .route-card-note-primary{ color:#475569; }
body.page-pricing .btn-why-inline{ vertical-align:middle; }
body.page-pricing .pricing-cta-center{
  justify-content:center;
  margin-top:2rem;
}
@media(max-width:640px){
  .visual-proof-panels{ grid-template-columns:1fr; }
  .vp-panel{
    border-right:none;
    border-bottom:1px solid rgba(15,23,42,.06);
  }
  .vp-panel:last-child{ border-bottom:none; }
  .visual-proof-section,
  .review-path-section{ padding:3.5rem 0; }
  .review-path-steps{ padding:1.25rem 1.25rem; }
}

.he-modal-link{
  color:#2563eb;
  font-weight:800;
  text-decoration:underline;
  text-decoration-thickness:.08em;
  text-underline-offset:.16em;
}
.he-modal-link:hover{
  color:#1d4ed8;
}


/* Visibility polish utilities */
.content-jump-links a,
.product-anchor-links a,
body.page-table .quick-links a,
.jump-link {
  font-weight: 700;
}

.badge,
.eyebrow,
.he-modal-eyebrow {
  letter-spacing: 0.06em;
}

.hero-microcopy,
.panel-note,
.form-note,
small.helper {
  font-size: 0.97rem;
}


/* =========================
   Pass 53 hero readability hardening
   ========================= */
body.page-home .home-hero-copy,
body.page-pricing .pricing-hero > .container,
body.page-products-index .products-hero .product-hero-copy,
body.page-operations .ops-hero .product-hero-copy,
body.page-scheduling .sched-hero .product-hero-copy,
body.page-table .table-hero .product-hero-copy,
body.page-pos .pos-hero .product-hero-copy,
body.page-label .label-hero .product-hero-copy,
.home-hero-copy,
.pricing-hero > .container,
.products-hero .product-hero-copy,
.ops-hero .product-hero-copy,
.sched-hero .product-hero-copy,
.table-hero .product-hero-copy,
.pos-hero .product-hero-copy,
.label-hero .product-hero-copy,
.about-hero > .container,
body.page-investor .inv-hero-grid > div,
.inv-hero-grid > div,
body.page-publishing .publishing-hero-copy,
.publishing-hero-copy,
body.page-resources-index .resource-hero > .container,
.resource-hero > .container,
.engineering-hero > .container,
.contact-hero .section-head,
main > .feedback-hero > .container,
.feedback-hero > .container {
  position: relative;
  padding: clamp(1.2rem, 2.2vw, 1.95rem);
  border-radius: clamp(22px, 2vw, 30px);
  background: linear-gradient(180deg, rgba(3, 9, 20, 0.9), rgba(3, 9, 20, 0.74));
  border: 1px solid rgba(255, 255, 255, 0.14);
  box-shadow: 0 36px 100px rgba(2, 8, 23, 0.38);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

body.page-home .home-hero-copy > *:last-child,
body.page-pricing .pricing-hero > .container > *:last-child,
body.page-products-index .products-hero .product-hero-copy > *:last-child,
body.page-operations .ops-hero .product-hero-copy > *:last-child,
body.page-scheduling .sched-hero .product-hero-copy > *:last-child,
body.page-table .table-hero .product-hero-copy > *:last-child,
body.page-pos .pos-hero .product-hero-copy > *:last-child,
body.page-label .label-hero .product-hero-copy > *:last-child,
.home-hero-copy > *:last-child,
.pricing-hero > .container > *:last-child,
.products-hero .product-hero-copy > *:last-child,
.ops-hero .product-hero-copy > *:last-child,
.sched-hero .product-hero-copy > *:last-child,
.table-hero .product-hero-copy > *:last-child,
.pos-hero .product-hero-copy > *:last-child,
.label-hero .product-hero-copy > *:last-child,
.about-hero > .container > *:last-child,
body.page-investor .inv-hero-grid > div > *:last-child,
.inv-hero-grid > div > *:last-child,
body.page-publishing .publishing-hero-copy > *:last-child,
.publishing-hero-copy > *:last-child,
body.page-resources-index .resource-hero > .container > *:last-child,
.resource-hero > .container > *:last-child,
.engineering-hero > .container > *:last-child,
.contact-hero .section-head > *:last-child,
main > .feedback-hero > .container > *:last-child,
.feedback-hero > .container > *:last-child {
  margin-bottom: 0;
}

body.page-home .home-hero-copy h1,
body.page-pricing .pricing-hero h1,
body.page-products-index .products-hero h1,
body.page-operations .ops-hero h1,
body.page-scheduling .sched-hero h1,
body.page-table .table-hero h1,
body.page-pos .pos-hero h1,
body.page-label .label-hero h1,
.home-hero-copy h1,
.pricing-hero h1,
.products-hero h1,
.ops-hero h1,
.sched-hero h1,
.table-hero h1,
.pos-hero h1,
.label-hero h1,
.about-hero h1,
body.page-investor .inv-hero h1,
.inv-hero h1,
body.page-publishing .publishing-hero h1,
.publishing-hero h1,
body.page-resources-index .resource-hero h1,
.resource-hero h1,
.engineering-hero h1,
.contact-hero h1,
.feedback-hero h1 {
  max-width: 15ch;
  text-wrap: balance;
  text-shadow: 0 12px 34px rgba(2, 8, 23, 0.42);
}

body.page-investor .inv-hero h1,
.inv-hero h1,
body.page-resources-index .resource-hero h1,
.resource-hero h1,
.engineering-hero h1,
.contact-hero h1,
.feedback-hero h1,
body.page-publishing .publishing-hero h1,
.publishing-hero h1,
body.page-pricing .pricing-hero h1,
.pricing-hero h1 {
  margin-left: auto;
  margin-right: auto;
}

body.page-home .home-hero-copy p,
body.page-pricing .pricing-hero p,
body.page-products-index .products-hero .product-hero-copy p,
body.page-operations .ops-hero .product-hero-copy p,
body.page-scheduling .sched-hero .product-hero-copy p,
body.page-table .table-hero .product-hero-copy p,
body.page-pos .pos-hero .product-hero-copy p,
body.page-label .label-hero .product-hero-copy p,
.home-hero-copy p,
.pricing-hero p,
.products-hero .product-hero-copy p,
.ops-hero .product-hero-copy p,
.sched-hero .product-hero-copy p,
.table-hero .product-hero-copy p,
.pos-hero .product-hero-copy p,
.label-hero .product-hero-copy p,
.about-hero > .container > p,
body.page-investor .inv-hero-grid > div > p,
.inv-hero-grid > div > p,
body.page-publishing .publishing-hero-copy p,
.publishing-hero-copy p,
body.page-resources-index .resource-hero p,
.resource-hero p,
.engineering-hero > .container > p,
.contact-hero .lead,
.feedback-hero > .container > p {
  max-width: 58ch;
  color: rgba(240, 247, 255, 0.96) !important;
  line-height: 1.66;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.22);
}

body.page-resources-index .resource-hero p,
.resource-hero p,
body.page-investor .inv-hero-grid > div > p,
.inv-hero-grid > div > p,
.engineering-hero > .container > p,
.contact-hero .lead,
.feedback-hero > .container > p,
body.page-publishing .publishing-hero-copy p,
.publishing-hero-copy p,
body.page-pricing .pricing-hero p,
.pricing-hero p,
.about-hero > .container > p {
  margin-left: auto;
  margin-right: auto;
}

body.page-home .hero-microcopy,
.hero-microcopy,
body.page-products-index .products-hero .product-hero-copy > p + p,
body.page-operations .ops-hero .product-hero-copy > p + p,
body.page-scheduling .sched-hero .product-hero-copy > p + p,
body.page-table .table-hero .product-hero-copy > p + p,
body.page-pos .pos-hero .product-hero-copy > p + p,
body.page-label .label-hero .product-hero-copy > p + p,
.products-hero .product-hero-copy > p + p,
.ops-hero .product-hero-copy > p + p,
.sched-hero .product-hero-copy > p + p,
.table-hero .product-hero-copy > p + p,
.pos-hero .product-hero-copy > p + p,
.label-hero .product-hero-copy > p + p,
body.page-investor .inv-quick-note,
.inv-quick-note,
body.page-publishing .publishing-hero-copy .lead-secondary,
.publishing-hero-copy .lead-secondary,
body.page-resources-index .resource-hero-followup,
.resource-hero-followup,
.feedback-hero > .container > p + p {
  margin-top: 0.95rem;
  padding: 0.9rem 1rem;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.09);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

body.page-resources-index .resource-hero-followup {
  max-width: 60rem;
}

body.page-pricing .pricing-hero .cta-row,
.pricing-hero .cta-row,
.about-hero .cta-row,
body.page-investor .inv-actions-primary,
.inv-actions-primary,
body.page-publishing .publishing-hero .cta-row,
.publishing-hero .cta-row,
body.page-resources-index .resource-hero .bundle-strip,
.resource-hero .bundle-strip,
.engineering-hero .cta-row,
.contact-hero .cta-row,
.feedback-hero .cta-row {
  margin-top: 1.35rem;
}

body.page-products-index .products-hero .product-hero-copy .cta-row,
body.page-operations .ops-hero .product-hero-copy .cta-row,
body.page-scheduling .sched-hero .product-hero-copy .cta-row,
body.page-table .table-hero .product-hero-copy .cta-row,
body.page-pos .pos-hero .product-hero-copy .cta-row,
body.page-label .label-hero .product-hero-copy .cta-row,
.products-hero .product-hero-copy .cta-row,
.ops-hero .product-hero-copy .cta-row,
.sched-hero .product-hero-copy .cta-row,
.table-hero .product-hero-copy .cta-row,
.pos-hero .product-hero-copy .cta-row,
.label-hero .product-hero-copy .cta-row {
  margin-top: 1.15rem;
}

body.page-resources-index .resource-hero .nav-pills-container,
.resource-hero .nav-pills-container {
  margin-top: 1.35rem;
}

body.page-home .home-hero,
body.page-pricing .pricing-hero,
body.page-products-index .products-hero,
body.page-operations .ops-hero,
body.page-scheduling .sched-hero,
body.page-table .table-hero,
body.page-pos .pos-hero,
body.page-label .label-hero,
.home-hero,
.pricing-hero,
.products-hero,
.ops-hero,
.sched-hero,
.table-hero,
.pos-hero,
.label-hero,
.about-hero,
body.page-investor .inv-hero,
.inv-hero,
body.page-publishing .publishing-hero,
.publishing-hero,
body.page-resources-index .resource-hero,
.resource-hero,
.engineering-hero,
.contact-hero,
.feedback-hero {
  padding-top: clamp(7rem, 10vw, 8.3rem);
}

@media (max-width: 900px) {
  body.page-home .home-hero-copy,
  body.page-pricing .pricing-hero > .container,
  body.page-products-index .products-hero .product-hero-copy,
  body.page-operations .ops-hero .product-hero-copy,
  body.page-scheduling .sched-hero .product-hero-copy,
  body.page-table .table-hero .product-hero-copy,
  body.page-pos .pos-hero .product-hero-copy,
  body.page-label .label-hero .product-hero-copy,
  .home-hero-copy,
  .pricing-hero > .container,
  .products-hero .product-hero-copy,
  .ops-hero .product-hero-copy,
  .sched-hero .product-hero-copy,
  .table-hero .product-hero-copy,
  .pos-hero .product-hero-copy,
  .label-hero .product-hero-copy,
  .about-hero > .container,
  body.page-investor .inv-hero-grid > div,
  .inv-hero-grid > div,
  body.page-publishing .publishing-hero-copy,
  .publishing-hero-copy,
  body.page-resources-index .resource-hero > .container,
  .resource-hero > .container,
  .engineering-hero > .container,
  .contact-hero .section-head,
  main > .feedback-hero > .container {
    padding: 1.1rem;
    border-radius: 22px;
  }

  body.page-home .home-hero-copy h1,
  body.page-pricing .pricing-hero h1,
  body.page-products-index .products-hero h1,
  body.page-operations .ops-hero h1,
  body.page-scheduling .sched-hero h1,
  body.page-table .table-hero h1,
  body.page-pos .pos-hero h1,
  body.page-label .label-hero h1,
  .home-hero-copy h1,
  .pricing-hero h1,
  .products-hero h1,
  .ops-hero h1,
  .sched-hero h1,
  .table-hero h1,
  .pos-hero h1,
  .label-hero h1,
  .about-hero h1,
  body.page-investor .inv-hero h1,
  .inv-hero h1,
  body.page-publishing .publishing-hero h1,
  .publishing-hero h1,
  body.page-resources-index .resource-hero h1,
  .resource-hero h1,
  .engineering-hero h1,
  .contact-hero h1,
  .feedback-hero h1 {
    max-width: 14ch;
  }

  body.page-resources-index .resource-hero .nav-pills-container,
.resource-hero .nav-pills-container {
    margin-top: 1rem;
  }
}


body.page-pricing .pricing-hero > .container,
.pricing-hero > .container,
.about-hero > .container,
body.page-investor .inv-hero-grid > div,
.inv-hero-grid > div,
body.page-publishing .publishing-hero-copy,
.publishing-hero-copy,
body.page-resources-index .resource-hero > .container,
.resource-hero > .container,
.engineering-hero > .container,
.contact-hero .section-head,
main > .feedback-hero > .container {
  max-width: min(64rem, calc(100% - 2rem));
}

body.page-products-index .products-hero .product-hero-copy,
body.page-operations .ops-hero .product-hero-copy,
body.page-scheduling .sched-hero .product-hero-copy,
body.page-table .table-hero .product-hero-copy,
body.page-pos .pos-hero .product-hero-copy,
body.page-label .label-hero .product-hero-copy,
.products-hero .product-hero-copy,
.ops-hero .product-hero-copy,
.sched-hero .product-hero-copy,
.table-hero .product-hero-copy,
.pos-hero .product-hero-copy,
.label-hero .product-hero-copy {
  max-width: 44rem;
}

body.page-home .home-hero-copy > p:first-of-type,
body.page-pricing .pricing-hero > .container > p:first-of-type,
body.page-products-index .products-hero .product-hero-copy > p:first-of-type,
body.page-operations .ops-hero .product-hero-copy > p:first-of-type,
body.page-scheduling .sched-hero .product-hero-copy > p:first-of-type,
body.page-table .table-hero .product-hero-copy > p:first-of-type,
body.page-pos .pos-hero .product-hero-copy > p:first-of-type,
body.page-label .label-hero .product-hero-copy > p:first-of-type,
.home-hero-copy > p:first-of-type,
.pricing-hero > .container > p:first-of-type,
.products-hero .product-hero-copy > p:first-of-type,
.ops-hero .product-hero-copy > p:first-of-type,
.sched-hero .product-hero-copy > p:first-of-type,
.table-hero .product-hero-copy > p:first-of-type,
.pos-hero .product-hero-copy > p:first-of-type,
.label-hero .product-hero-copy > p:first-of-type,
.about-hero > .container > p:first-of-type,
body.page-investor .inv-hero-grid > div > p:first-of-type,
.inv-hero-grid > div > p:first-of-type,
body.page-publishing .publishing-hero-copy > p:first-of-type,
.publishing-hero-copy > p:first-of-type,
body.page-resources-index .resource-hero > .container > p:first-of-type,
.resource-hero > .container > p:first-of-type,
.engineering-hero > .container > p:first-of-type,
.contact-hero .lead,
.feedback-hero > .container > p:first-of-type {
  max-width: 48ch;
  font-size: clamp(1rem, 0.93rem + 0.14vw, 1.04rem);
  line-height: 1.58;
  color: rgba(247, 251, 255, 0.98) !important;
  text-wrap: pretty;
}

.hero-support-note--list {
  display: grid;
  gap: 0.78rem;
  align-items: start;
}

.hero-note-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.48rem;
}

.hero-note-list li {
  position: relative;
  display: block;
  padding-left: 1.15rem;
  color: rgba(246, 250, 255, 0.98);
  overflow-wrap: normal;
  word-break: normal;
}

.hero-note-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.62rem;
  width: 0.52rem;
  height: 0.52rem;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(92, 214, 255, 0.98), rgba(27, 117, 255, 0.98));
  box-shadow: 0 0 0 4px rgba(27, 117, 255, 0.12);
}

.hero-note-list strong {
  color: #ffffff;
}

.hero-note-list,
.hero-note-list * {
  word-break: normal;
  overflow-wrap: normal;
}

.hero-support-note--list .btn-why-free,
.hero-support-note--list .btn-inline-hero {
  justify-self: start;
}

.hero-support-note--list .btn-why-free {
  margin-top: 0.1rem;
}

.btn-inline-hero {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  min-height: 42px;
  padding: 0.72rem 1rem;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.08);
  color: #f8fbff;
  text-decoration: none;
  font-weight: 700;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.btn-inline-hero:hover {
  background: rgba(255, 255, 255, 0.14);
  border-color: rgba(255, 255, 255, 0.26);
  color: #ffffff;
}


.hero-support-note a:not(.btn),
.hero-note-list a:not(.btn),
.hero-support-note a.resource-hero-link,
.hero-note-list a.resource-hero-link {
  color: rgba(214, 239, 255, 0.98) !important;
  font-weight: 800;
  text-decoration: underline;
  text-decoration-thickness: 0.08em;
  text-decoration-color: rgba(92, 214, 255, 0.55);
  text-underline-offset: 0.18em;
}

.hero-support-note a:not(.btn):hover,
.hero-note-list a:not(.btn):hover,
.hero-support-note a.resource-hero-link:hover,
.hero-note-list a.resource-hero-link:hover {
  color: #ffffff !important;
  text-decoration-color: rgba(191, 219, 254, 0.78);
}

.hero-support-note,
body.page-home .home-hero-copy .hero-support-note,
.home-hero-copy .hero-support-note,
.about-hero > .container .hero-support-note,
body.page-products-index .products-hero .product-hero-copy .hero-support-note,
body.page-operations .ops-hero .product-hero-copy .hero-support-note,
.products-hero .product-hero-copy .hero-support-note,
.ops-hero .product-hero-copy .hero-support-note,
.engineering-hero > .container .hero-support-note,
body.page-investor .inv-hero-grid > div .hero-support-note,
.inv-hero-grid > div .hero-support-note,
body.page-publishing .publishing-hero-copy .hero-support-note,
.publishing-hero-copy .hero-support-note,
body.page-resources-index .resource-hero .hero-support-note,
.resource-hero .hero-support-note,
.feedback-hero > .container .hero-support-note,
body.page-scheduling .sched-hero .hero-sub,
.sched-hero .hero-sub,
body.page-table .table-hero .hero-sub,
.table-hero .hero-sub,
body.page-pos .pos-hero .hero-subtle-copy,
.pos-hero .hero-subtle-copy,
body.page-label .label-hero .hero-sub,
.label-hero .hero-sub,
body.page-resource-guide .guide-hero .hero-sub,
.guide-hero .hero-sub {
  max-width: 43ch;
  margin-top: 0.85rem;
  padding: 0.82rem 0.95rem;
  border-radius: 18px;
  background: rgba(3, 10, 20, 0.82);
  border: 1px solid rgba(255, 255, 255, 0.17);
  color: rgba(246, 250, 255, 0.98) !important;
  font-size: 0.93rem;
  line-height: 1.44;
  text-wrap: pretty;
  box-shadow: 0 18px 46px rgba(2, 8, 23, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

body.page-products-index .products-hero .product-hero-copy .hero-support-note,
body.page-operations .ops-hero .product-hero-copy .hero-support-note,
body.page-scheduling .sched-hero .hero-sub,
body.page-table .table-hero .hero-sub,
body.page-pos .pos-hero .hero-subtle-copy,
body.page-label .label-hero .hero-sub,
.products-hero .product-hero-copy .hero-support-note,
.ops-hero .product-hero-copy .hero-support-note,
.sched-hero .hero-sub,
.table-hero .hero-sub,
.pos-hero .hero-subtle-copy,
.label-hero .hero-sub {
  max-width: 42rem;
}

body.page-home .home-hero-copy .hero-support-note,
.home-hero-copy .hero-support-note,
.about-hero > .container .hero-support-note,
body.page-pricing-after-beta .pricing-hero .hero-support-note,
.pricing-hero .hero-support-note,
body.page-products-guides .products-guides-hero .hero-support-note,
.products-guides-hero .hero-support-note,
body.page-product-guide .guide-hero-tight .hero-support-note,
.guide-hero-tight .hero-support-note,
.resource-platform-hero .hero-support-note,
body.page-resource-guide .guide-hero .hero-support-note,
.guide-hero .hero-support-note {
  max-width: 48ch;
}

body.page-pricing-after-beta .pricing-hero .hero-support-note,
.pricing-hero .hero-support-note,
body.page-products-guides .products-guides-hero .hero-support-note,
.products-guides-hero .hero-support-note,
body.page-product-guide .guide-hero-tight .hero-support-note,
.guide-hero-tight .hero-support-note,
.resource-platform-hero .hero-support-note,
body.page-resource-guide .guide-hero .hero-support-note,
.guide-hero .hero-support-note {
  margin-left: auto;
  margin-right: auto;
}


/* =========================
   Pass 55 top-section readability polish
   ========================= */
.about-hero .hero-summary,
body.page-products-index .hero-summary,
.engineering-hero .hero-info-grid,
body.page-resources-index .nav-pills-container,
body.page-about .about-anchor-links,
body.page-publishing .content-jump-links,
body.page-engineering .product-anchor-links {
  margin-top: 1.35rem;
}

.about-hero .hero-panel,
body.page-products-index .hero-panel,
.engineering-hero .hero-info-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.09) 100%);
  border: 1px solid rgba(255, 255, 255, 0.14);
}

.about-hero .hero-panel span,
body.page-products-index .hero-panel span,
.engineering-hero .hero-info-copy {
  color: rgba(238, 245, 253, 0.94);
}

body.page-resources-index .resource-hero-followup,
body.page-resources-index .resource-hero .bundle-strip p,
body.page-investor .inv-quick-note,
body.page-publishing .publishing-hero-copy .hero-support-note,
.engineering-hero .hero-support-note,
.feedback-hero .hero-support-note {
  max-width: 48ch;
}

body.page-home .home-hero,
body.page-pricing .pricing-hero,
body.page-products-index .products-hero,
body.page-operations .ops-hero,
body.page-scheduling .sched-hero,
body.page-table .table-hero,
body.page-pos .pos-hero,
body.page-label .label-hero,
.home-hero,
.pricing-hero,
.products-hero,
.ops-hero,
.sched-hero,
.table-hero,
.pos-hero,
.label-hero,
.about-hero,
body.page-investor .inv-hero,
.inv-hero,
body.page-publishing .publishing-hero,
.publishing-hero,
body.page-resources-index .resource-hero,
.resource-hero,
.engineering-hero,
.contact-hero,
.feedback-hero {
  padding-top: clamp(7.35rem, 10.8vw, 8.8rem);
}

@media (max-width: 900px) {
  body.page-home .home-hero-copy,
  body.page-pricing .pricing-hero > .container,
  body.page-products-index .products-hero .product-hero-copy,
  body.page-operations .ops-hero .product-hero-copy,
  body.page-scheduling .sched-hero .product-hero-copy,
  body.page-table .table-hero .product-hero-copy,
  body.page-pos .pos-hero .product-hero-copy,
  body.page-label .label-hero .product-hero-copy,
  .about-hero > .container,
  body.page-investor .inv-hero-grid > div,
  body.page-publishing .publishing-hero-copy,
  body.page-resources-index .resource-hero > .container,
  .engineering-hero > .container,
  .contact-hero .section-head,
  main > .feedback-hero > .container {
    padding: 1rem;
  }

  body.page-home .home-hero-copy h1,
  body.page-pricing .pricing-hero h1,
  body.page-products-index .products-hero h1,
  body.page-operations .ops-hero h1,
  body.page-scheduling .sched-hero h1,
  body.page-table .table-hero h1,
  body.page-pos .pos-hero h1,
  body.page-label .label-hero h1,
  .about-hero h1,
  body.page-investor .inv-hero h1,
  body.page-publishing .publishing-hero h1,
  body.page-resources-index .resource-hero h1,
  .engineering-hero h1,
  .contact-hero h1,
  .feedback-hero h1 {
    max-width: 13ch;
  }
}


/* =========================
   Pass 56 top-of-page contrast and guide-hero coverage
   ========================= */
body.page-pricing-after-beta .pricing-hero > .container,
body.page-products-guides .products-guides-hero > .container,
body.page-product-guide .guide-hero-tight > .container,
.resource-platform-hero > .container,
body.page-resource-guide .guide-hero > .container {
  position: relative;
  max-width: min(62rem, calc(100% - 2rem));
  padding: clamp(1.05rem, 2vw, 1.7rem);
  border-radius: clamp(22px, 2vw, 30px);
  background: linear-gradient(180deg, rgba(2, 8, 20, 0.95), rgba(3, 11, 24, 0.84));
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow: 0 34px 96px rgba(2, 8, 23, 0.46);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

body.page-home .home-hero-copy,
body.page-pricing .pricing-hero > .container,
body.page-products-index .products-hero .product-hero-copy,
body.page-operations .ops-hero .product-hero-copy,
body.page-scheduling .sched-hero .product-hero-copy,
body.page-table .table-hero .product-hero-copy,
body.page-pos .pos-hero .product-hero-copy,
body.page-label .label-hero .product-hero-copy,
.about-hero > .container,
body.page-investor .inv-hero-grid > div,
body.page-publishing .publishing-hero-copy,
body.page-resources-index .resource-hero > .container,
.engineering-hero > .container,
.contact-hero .section-head,
main > .feedback-hero > .container,
body.page-pricing-after-beta .pricing-hero > .container,
body.page-products-guides .products-guides-hero > .container,
body.page-product-guide .guide-hero-tight > .container,
.resource-platform-hero > .container,
body.page-resource-guide .guide-hero > .container {
  background: linear-gradient(180deg, rgba(2, 8, 20, 0.95), rgba(3, 11, 24, 0.84));
  border-color: rgba(255, 255, 255, 0.16);
  box-shadow: 0 34px 96px rgba(2, 8, 23, 0.46);
}

body.page-pricing-after-beta .pricing-hero h1,
body.page-products-guides .products-guides-hero h1,
body.page-product-guide .guide-hero-tight h1,
.resource-platform-hero h1,
body.page-resource-guide .guide-hero h1 {
  max-width: 14ch;
  margin-left: auto;
  margin-right: auto;
  text-wrap: balance;
  text-shadow: 0 14px 38px rgba(2, 8, 23, 0.5);
}

body.page-pricing-after-beta .pricing-hero p,
body.page-products-guides .products-guides-hero p,
body.page-product-guide .guide-hero-tight p,
.resource-platform-hero p,
body.page-resource-guide .guide-hero p {
  max-width: 52ch;
  margin-left: auto;
  margin-right: auto;
  color: rgba(245, 250, 255, 0.97) !important;
  line-height: 1.58;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.26);
}

body.page-home .home-hero-copy > p:first-of-type,
body.page-pricing .pricing-hero > .container > p:first-of-type,
body.page-products-index .products-hero .product-hero-copy > p:first-of-type,
body.page-operations .ops-hero .product-hero-copy > p:first-of-type,
body.page-scheduling .sched-hero .product-hero-copy > p:first-of-type,
body.page-table .table-hero .product-hero-copy > p:first-of-type,
body.page-pos .pos-hero .product-hero-copy > p:first-of-type,
body.page-label .label-hero .product-hero-copy > p:first-of-type,
.about-hero > .container > p:first-of-type,
body.page-investor .inv-hero-grid > div > p:first-of-type,
body.page-publishing .publishing-hero-copy > p:first-of-type,
body.page-resources-index .resource-hero > .container > p:first-of-type,
.engineering-hero > .container > p:first-of-type,
.contact-hero .lead,
.feedback-hero > .container > p:first-of-type,
body.page-pricing-after-beta .pricing-hero > .container > p:first-of-type,
body.page-products-guides .products-guides-hero > .container > p:first-of-type,
body.page-product-guide .guide-hero-tight > .container > p:first-of-type,
.resource-platform-hero > .container > p:first-of-type,
body.page-resource-guide .guide-hero > .container > p:first-of-type {
  max-width: 50ch;
}

body.page-home .hero-microcopy,
body.page-products-index .products-hero .product-hero-copy > p + p,
body.page-operations .ops-hero .product-hero-copy > p + p,
body.page-scheduling .sched-hero .product-hero-copy > p + p,
body.page-table .table-hero .product-hero-copy > p + p,
body.page-pos .pos-hero .product-hero-copy > p + p,
body.page-label .label-hero .product-hero-copy > p + p,
body.page-investor .inv-quick-note,
body.page-publishing .publishing-hero-copy .lead-secondary,
body.page-resources-index .resource-hero-followup,
.feedback-hero > .container > p + p,
body.page-pricing-after-beta .pricing-hero > .container > p + p,
body.page-products-guides .products-guides-hero > .container > p + p,
body.page-product-guide .guide-hero-tight .hero-sub,
body.page-resource-guide .guide-hero .hero-sub {
  max-width: 48ch;
  margin-left: auto;
  margin-right: auto;
  padding: 0.88rem 1rem;
  background: rgba(8, 18, 34, 0.64);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: rgba(244, 249, 255, 0.97) !important;
}

body.page-home .home-hero-copy > .badge,
body.page-pricing .pricing-hero .eyebrow,
body.page-products-index .products-hero .badge,
body.page-operations .ops-hero .badge,
body.page-scheduling .sched-hero .badge,
body.page-table .table-hero .badge,
body.page-pos .pos-hero .eyebrow,
body.page-label .label-hero .badge,
.about-hero .badge,
body.page-investor .inv-hero .badge,
body.page-publishing .publishing-hero .badge,
body.page-resources-index .resource-hero .badge,
.engineering-hero .badge,
.contact-hero .badge,
.feedback-hero .badge,
body.page-pricing-after-beta .pricing-hero .eyebrow,
body.page-products-guides .products-guides-hero .badge,
body.page-product-guide .guide-hero-tight .badge,
.resource-platform-hero .badge,
body.page-resource-guide .guide-hero .badge {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.45rem 0.82rem;
  border-radius: 999px;
  background: rgba(148, 197, 255, 0.16);
  border: 1px solid rgba(191, 219, 254, 0.34);
  color: #f8fbff !important;
  box-shadow: 0 10px 30px rgba(2, 8, 23, 0.22);
}

body.page-home .home-hero-copy .cta-row,
body.page-pricing .pricing-hero .cta-row,
body.page-products-index .products-hero .product-hero-copy .cta-row,
body.page-operations .ops-hero .product-hero-copy .cta-row,
body.page-scheduling .sched-hero .product-hero-copy .cta-row,
body.page-table .table-hero .product-hero-copy .cta-row,
body.page-pos .pos-hero .product-hero-copy .cta-row,
body.page-label .label-hero .product-hero-copy .cta-row,
.about-hero .cta-row,
body.page-investor .inv-actions-primary,
body.page-publishing .publishing-hero .cta-row,
body.page-resources-index .resource-hero .bundle-strip,
.engineering-hero .cta-row,
.contact-hero .cta-row,
.feedback-hero .cta-row,
body.page-pricing-after-beta .pricing-hero .cta-row,
body.page-products-guides .products-guides-hero .cta-row,
body.page-product-guide .guide-hero-tight .cta-row,
.resource-platform-hero .cta-row,
body.page-resource-guide .guide-hero .cta-row {
  margin-top: 1.15rem;
}

body.page-resources-index .resource-hero .bundle-strip,
body.page-resources-index .resource-hero .nav-pills-container,
body.page-products-guides .products-guides-hero .content-jump-links,
body.page-product-guide .guide-nav,
body.page-publishing .content-jump-links {
  padding: 0.88rem 1rem;
  border-radius: 18px;
  background: rgba(8, 18, 34, 0.58);
  border: 1px solid rgba(255, 255, 255, 0.13);
}

body.page-pricing-after-beta .pricing-hero,
body.page-products-guides .products-guides-hero,
body.page-product-guide .guide-hero-tight,
.resource-platform-hero,
body.page-resource-guide .guide-hero {
  padding-top: clamp(7.35rem, 10.8vw, 8.8rem);
}

@media (max-width: 900px) {
  body.page-pricing-after-beta .pricing-hero > .container,
  body.page-products-guides .products-guides-hero > .container,
  body.page-product-guide .guide-hero-tight > .container,
  .resource-platform-hero > .container,
  body.page-resource-guide .guide-hero > .container {
    padding: 1rem;
  }

  body.page-pricing-after-beta .pricing-hero h1,
  body.page-products-guides .products-guides-hero h1,
  body.page-product-guide .guide-hero-tight h1,
  .resource-platform-hero h1,
  body.page-resource-guide .guide-hero h1 {
    max-width: 13ch;
  }

  body.page-resources-index .resource-hero .nav-pills-container,
  body.page-products-guides .products-guides-hero .content-jump-links,
  body.page-product-guide .guide-nav,
  body.page-publishing .content-jump-links {
    padding: 0.8rem 0.88rem;
  }
}


/* =========================
   Pass 57 explainer, legal, and methodology top-section coverage
   ========================= */
body.page-resource-operations .hero > .container,
body.page-resource-scheduling .hero > .container,
body.page-resource-compare .hero > .container,
body.page-build-cost-methodology .build-hero-tight > .container,
body.page-legal .legal-hero .section-head {
  position: relative;
  max-width: min(62rem, calc(100% - 2rem));
  padding: clamp(1.05rem, 2vw, 1.7rem);
  border-radius: clamp(22px, 2vw, 30px);
  background: linear-gradient(180deg, rgba(2, 8, 20, 0.96), rgba(3, 11, 24, 0.86));
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow: 0 34px 96px rgba(2, 8, 23, 0.46);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

body.page-resource-operations .hero,
body.page-resource-scheduling .hero,
body.page-resource-compare .hero,
body.page-build-cost-methodology .build-hero-tight,
body.page-legal .legal-hero {
  padding-top: clamp(7.35rem, 10.8vw, 8.8rem);
}

body.page-resource-operations .hero h1,
body.page-resource-scheduling .hero h1,
body.page-resource-compare .hero h1,
body.page-build-cost-methodology .build-hero-tight h1,
body.page-legal .legal-hero h1 {
  max-width: 14ch;
  margin-left: auto;
  margin-right: auto;
  text-wrap: balance;
  text-shadow: 0 14px 38px rgba(2, 8, 23, 0.5);
}

body.page-resource-operations .hero p,
body.page-resource-scheduling .hero p,
body.page-resource-compare .hero p,
body.page-build-cost-methodology .build-hero-tight p,
body.page-legal .legal-hero p {
  max-width: 52ch;
  margin-left: auto;
  margin-right: auto;
  color: rgba(245, 250, 255, 0.97) !important;
  line-height: 1.6;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.26);
}

body.page-resource-operations .hero > .container > p:first-of-type,
body.page-resource-scheduling .hero > .container > p:first-of-type,
body.page-resource-compare .hero > .container > p:first-of-type,
body.page-build-cost-methodology .build-hero-tight > .container > p:first-of-type,
body.page-legal .legal-hero .section-head > p:first-of-type {
  max-width: 49ch;
}

body.page-resource-operations .hero .hero-support-note,
body.page-resource-scheduling .hero .hero-support-note,
body.page-resource-compare .hero .hero-support-note,
body.page-build-cost-methodology .build-hero-tight .hero-support-note,
body.page-legal .legal-hero .legal-note,
body.page-legal .legal-hero .content-jump-links {
  max-width: 50ch;
  margin-left: auto;
  margin-right: auto;
  padding: 0.88rem 1rem;
  border-radius: 18px;
  background: rgba(8, 18, 34, 0.64);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: rgba(244, 249, 255, 0.97) !important;
}

body.page-legal .legal-hero .content-jump-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem;
  max-width: 60rem;
}

body.page-legal .legal-hero .content-jump-links a {
  color: rgba(245, 250, 255, 0.96);
}

body.page-resource-operations .hero .badge,
body.page-resource-scheduling .hero .badge,
body.page-resource-compare .hero .badge,
body.page-build-cost-methodology .build-hero-tight .badge,
body.page-legal .legal-hero .badge {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.45rem 0.82rem;
  border-radius: 999px;
  background: rgba(148, 197, 255, 0.16);
  border: 1px solid rgba(191, 219, 254, 0.34);
  color: #f8fbff !important;
  box-shadow: 0 10px 30px rgba(2, 8, 23, 0.22);
}

body.page-resource-operations .hero .cta-row,
body.page-resource-scheduling .hero .cta-row,
body.page-resource-compare .hero .cta-row,
body.page-build-cost-methodology .build-hero-tight .cta-row,
body.page-legal .legal-hero .content-jump-links {
  margin-top: 1.15rem;
}

@media (max-width: 900px) {
  body.page-resource-operations .hero > .container,
  body.page-resource-scheduling .hero > .container,
  body.page-resource-compare .hero > .container,
  body.page-build-cost-methodology .build-hero-tight > .container,
  body.page-legal .legal-hero .section-head {
    padding: 1rem;
  }

  body.page-resource-operations .hero h1,
  body.page-resource-scheduling .hero h1,
  body.page-resource-compare .hero h1,
  body.page-build-cost-methodology .build-hero-tight h1,
  body.page-legal .legal-hero h1 {
    max-width: 13ch;
  }
}

/* =========================
   Pass 58 hero-adjacent contrast and density polish
   ========================= */
body.page-home .hero-chip-row,
.about-hero .hero-summary,
body.page-products-index .hero-summary,
body.page-investor .inv-panel,
.engineering-hero .hero-info-card,
body.page-products-index .products-index-inline-nav,
body.page-operations .product-side-card,
body.page-operations .product-inline-nav,
body.page-scheduling .product-side-card,
body.page-scheduling .product-inline-nav,
body.page-table .product-side-card,
body.page-table .product-inline-nav,
body.page-label .product-side-card,
body.page-label .product-inline-nav,
body.page-publishing .content-jump-links,
.publishing-hero .content-jump-links,
body.page-resources-index .nav-pills-container,
.resource-hero .nav-pills-container,
body.page-products-guides .content-jump-links,
body.page-product-guide .guide-nav,
body.page-engineering .product-anchor-links,
.engineering-hero .product-anchor-links,
.about-anchor-links,
body.page-legal .legal-hero .content-jump-links,
.legal-hero .content-jump-links {
  background: linear-gradient(180deg, rgba(4, 12, 25, 0.9), rgba(5, 14, 28, 0.78));
  border-color: rgba(255, 255, 255, 0.17);
  box-shadow: 0 26px 72px rgba(2, 8, 23, 0.34);
}

body.page-home .hero-chip span,
body.page-home .hero-stat span,
.about-hero .hero-panel span,
body.page-products-index .hero-panel span,
.engineering-hero .hero-info-copy,
body.page-investor .inv-panel > p,
body.page-investor .inv-panel-note,
body.page-investor .inv-quick-note,
body.page-products-index .products-index-inline-nav p,
body.page-operations .product-side-points li,
body.page-operations .product-inline-nav p,
body.page-scheduling .product-side-points li,
body.page-scheduling .product-inline-nav p,
body.page-table .product-side-points li,
body.page-table .product-inline-nav p,
body.page-label .product-side-points li,
body.page-label .product-inline-nav p,
body.page-publishing .content-jump-links,
.publishing-hero .content-jump-links,
body.page-resources-index .nav-pill,
.resource-hero .nav-pill,
body.page-products-guides .content-jump-links a,
body.page-product-guide .guide-nav a,
body.page-engineering .product-anchor-links a,
.engineering-hero .product-anchor-links a,
.about-anchor-links a,
body.page-legal .legal-hero .content-jump-links a,
.legal-hero .content-jump-links a {
  color: rgba(245, 249, 255, 0.97) !important;
}

body.page-home .hero-chip strong,
body.page-home .hero-stat strong,
.about-hero .hero-panel strong,
body.page-products-index .hero-panel strong,
.engineering-hero .hero-info-title,
body.page-investor .inv-panel h2,
body.page-products-index .products-index-inline-nav h3,
body.page-operations .product-side-card h3,
body.page-operations .product-inline-nav h3,
body.page-scheduling .product-side-card h3,
body.page-scheduling .product-inline-nav h3,
body.page-table .product-side-card h3,
body.page-table .product-inline-nav h3,
body.page-label .product-side-card h3,
body.page-label .product-inline-nav h3 {
  color: #ffffff;
}

body.page-products-index .products-index-inline-nav,
body.page-operations .product-side-card,
body.page-operations .product-inline-nav,
body.page-scheduling .product-side-card,
body.page-scheduling .product-inline-nav,
body.page-table .product-side-card,
body.page-table .product-inline-nav,
body.page-label .product-side-card,
body.page-label .product-inline-nav,
body.page-investor .inv-panel,
.engineering-hero .hero-info-card {
  padding: 1.05rem 1.1rem;
}

body.page-products-index .product-anchor-links a,
body.page-operations .product-anchor-links a,
body.page-scheduling .product-anchor-links a,
body.page-table .product-anchor-links a,
body.page-label .product-anchor-links a,
body.page-engineering .product-anchor-links a,
.engineering-hero .product-anchor-links a,
body.page-products-guides .content-jump-links a,
body.page-product-guide .guide-nav a,
body.page-publishing .content-jump-links a,
.publishing-hero .content-jump-links a,
.about-anchor-links a,
body.page-legal .legal-hero .content-jump-links a,
.legal-hero .content-jump-links a,
.resource-hero .nav-pill {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.16);
  color: rgba(248, 251, 255, 0.98) !important;
}

body.page-products-index .product-anchor-links a:hover,
body.page-operations .product-anchor-links a:hover,
body.page-scheduling .product-anchor-links a:hover,
body.page-table .product-anchor-links a:hover,
body.page-label .product-anchor-links a:hover,
body.page-engineering .product-anchor-links a:hover,
.engineering-hero .product-anchor-links a:hover,
body.page-products-guides .content-jump-links a:hover,
body.page-product-guide .guide-nav a:hover,
body.page-publishing .content-jump-links a:hover,
.publishing-hero .content-jump-links a:hover,
.about-anchor-links a:hover,
body.page-legal .legal-hero .content-jump-links a:hover,
.legal-hero .content-jump-links a:hover,
body.page-resources-index .nav-pill:hover,
.resource-hero .nav-pill:hover {
  background: rgba(255, 255, 255, 0.16);
  border-color: rgba(255, 255, 255, 0.24);
}

body.page-home .hero-chip-row,
.about-hero .hero-summary,
body.page-products-index .hero-summary,
body.page-investor .inv-panel,
.engineering-hero .hero-info-grid,
body.page-products-index .products-index-inline-nav,
body.page-operations .product-side-card,
body.page-scheduling .product-side-card,
body.page-table .product-side-card,
body.page-label .product-side-card,
body.page-publishing .content-jump-links,
body.page-resources-index .nav-pills-container,
body.page-products-guides .content-jump-links,
body.page-product-guide .guide-nav,
body.page-engineering .product-anchor-links,
body.page-legal .legal-hero .content-jump-links {
  margin-top: 1rem;
}

body.page-investor .inv-quick-note,
body.page-home .hero-microcopy,
body.page-products-index .products-hero .product-hero-copy .hero-support-note,
body.page-operations .ops-hero .product-hero-copy .hero-support-note,
body.page-table .table-hero .hero-sub,
body.page-resources-index .resource-hero-followup {
  max-width: 44ch;
}

@media (max-width: 900px) {
  body.page-home .hero-chip-row,
  .about-hero .hero-summary,
  body.page-products-index .hero-summary,
  body.page-investor .inv-panel,
  .engineering-hero .hero-info-grid,
  body.page-products-index .products-index-inline-nav,
  body.page-operations .product-side-card,
  body.page-operations .product-inline-nav,
  body.page-scheduling .product-side-card,
  body.page-scheduling .product-inline-nav,
  body.page-table .product-side-card,
  body.page-table .product-inline-nav,
  body.page-label .product-side-card,
  body.page-label .product-inline-nav,
  body.page-publishing .content-jump-links,
  body.page-resources-index .nav-pills-container,
  body.page-products-guides .content-jump-links,
  body.page-product-guide .guide-nav,
  body.page-engineering .product-anchor-links,
  body.page-legal .legal-hero .content-jump-links {
    padding: 0.9rem;
  }
}


/* =========================
   Pass 59 resource-download hero coverage
   ========================= */
body.page-resource-download .page-hero {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 14% 16%, rgba(191, 219, 254, 0.16), transparent 28%),
    radial-gradient(circle at 84% 12%, rgba(70, 196, 255, 0.14), transparent 24%),
    linear-gradient(140deg, #071220 0%, #0d1b31 52%, #144bb9 100%);
  padding-top: clamp(7.35rem, 10.8vw, 8.8rem);
}

body.page-resource-download .page-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    linear-gradient(120deg, rgba(255, 255, 255, 0.06), transparent 34%),
    radial-gradient(circle at bottom right, rgba(59, 130, 246, 0.18), transparent 30%);
  pointer-events: none;
}

body.page-resource-download .page-hero .section-head {
  position: relative;
  z-index: 1;
  max-width: min(64rem, calc(100% - 2rem));
  margin: 0 auto;
  padding: clamp(1.15rem, 2.1vw, 1.85rem);
  border-radius: clamp(22px, 2vw, 30px);
  background: linear-gradient(180deg, rgba(3, 9, 20, 0.92), rgba(3, 9, 20, 0.76));
  border: 1px solid rgba(255, 255, 255, 0.15);
  box-shadow: 0 36px 100px rgba(2, 8, 23, 0.4);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

body.page-resource-download .page-hero .section-head > *:last-child {
  margin-bottom: 0;
}

body.page-resource-download .page-hero .badge,
body.page-resource-download .page-hero .mini-badge {
  background: rgba(148, 197, 255, 0.16);
  border: 1px solid rgba(191, 219, 254, 0.34);
  color: #f8fbff !important;
  box-shadow: 0 10px 30px rgba(2, 8, 23, 0.22);
}

body.page-resource-download .page-hero h1 {
  max-width: 14ch;
  margin-left: auto;
  margin-right: auto;
  color: #ffffff;
  text-wrap: balance;
  text-shadow: 0 14px 38px rgba(2, 8, 23, 0.5);
}

body.page-resource-download .page-hero p {
  max-width: 52ch;
  margin-left: auto;
  margin-right: auto;
  color: rgba(245, 250, 255, 0.97) !important;
  line-height: 1.62;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.24);
}

body.page-resource-download .page-hero .lead {
  max-width: 49ch;
  font-size: clamp(1rem, 0.94rem + 0.16vw, 1.06rem);
}

body.page-resource-download .page-hero .hero-support-note {
  max-width: 43ch;
  margin-top: 0.95rem;
  padding: 0.9rem 1rem;
  border-radius: 18px;
  background: rgba(8, 18, 34, 0.64);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: rgba(244, 249, 255, 0.97) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.contact-hero .hero-support-note {
  max-width: 44ch;
}

body.page-resource-download .page-hero .cta-row {
  margin-top: 1.15rem;
  justify-content: center;
}

body.page-resource-download .page-hero .cta-row .btn-secondary {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.18);
  color: #f8fbff;
  box-shadow: none;
}

body.page-resource-download .page-hero .cta-row .btn-secondary:hover {
  background: rgba(255, 255, 255, 0.16);
  border-color: rgba(255, 255, 255, 0.24);
}

body.page-resource-download .surface:first-of-type .card {
  border-radius: 22px;
  box-shadow: var(--elevation-sm);
}

@media (max-width: 900px) {
  body.page-resource-download .page-hero .section-head {
    padding: 1rem;
  }

  body.page-resource-download .page-hero h1 {
    max-width: 13ch;
  }
}


/* =========================
   Pass 70 remaining public hero-shell alignment
   ========================= */
body.page-pricing-after-beta .pricing-hero,
body.page-products-guides .products-guides-hero,
body.page-product-guide .guide-hero-tight,
.resource-platform-hero,
body.page-resource-guide .guide-hero,
body.page-resource-operations .hero,
body.page-resource-scheduling .hero,
body.page-resource-compare .hero,
body.page-build-cost-methodology .build-hero-tight,
body.page-legal .legal-hero,
body.page-resource-download .page-hero {
  padding-bottom: clamp(4rem, 5vw, 5.35rem);
}

body.page-pricing-after-beta .pricing-hero > .container,
body.page-products-guides .products-guides-hero > .container,
body.page-product-guide .guide-hero-tight > .container,
.resource-platform-hero > .container,
body.page-resource-guide .guide-hero > .container,
body.page-resource-operations .hero > .container,
body.page-resource-scheduling .hero > .container,
body.page-resource-compare .hero > .container,
body.page-build-cost-methodology .build-hero-tight > .container,
body.page-legal .legal-hero .section-head,
body.page-resource-download .page-hero .section-head {
  max-width: min(64rem, calc(100% - 1.5rem));
  padding: clamp(1.15rem, 2.2vw, 1.95rem);
}

body.page-pricing-after-beta .pricing-hero h1,
body.page-products-guides .products-guides-hero h1,
body.page-product-guide .guide-hero-tight h1,
.resource-platform-hero h1,
body.page-resource-guide .guide-hero h1,
body.page-resource-operations .hero h1,
body.page-resource-scheduling .hero h1,
body.page-resource-compare .hero h1,
body.page-build-cost-methodology .build-hero-tight h1,
body.page-legal .legal-hero h1,
body.page-resource-download .page-hero h1 {
  max-width: 13.5ch;
}

body.page-pricing-after-beta .pricing-hero > .container > p:first-of-type,
body.page-products-guides .products-guides-hero > .container > p:first-of-type,
body.page-product-guide .guide-hero-tight > .container > p:first-of-type,
.resource-platform-hero > .container > p:first-of-type,
body.page-resource-guide .guide-hero > .container > p:first-of-type,
body.page-resource-operations .hero > .container > p:first-of-type,
body.page-resource-scheduling .hero > .container > p:first-of-type,
body.page-resource-compare .hero > .container > p:first-of-type,
body.page-build-cost-methodology .build-hero-tight > .container > p:first-of-type,
body.page-legal .legal-hero .section-head > p:first-of-type,
body.page-resource-download .page-hero .lead {
  max-width: 47ch;
}

body.page-pricing-after-beta .pricing-hero .hero-support-note,
body.page-products-guides .products-guides-hero .hero-support-note,
body.page-product-guide .guide-hero-tight .hero-support-note,
.resource-platform-hero .hero-support-note,
body.page-resource-guide .guide-hero .hero-support-note,
body.page-resource-operations .hero .hero-support-note,
body.page-resource-scheduling .hero .hero-support-note,
body.page-resource-compare .hero .hero-support-note,
body.page-build-cost-methodology .build-hero-tight .hero-support-note,
body.page-legal .legal-hero .legal-note,
body.page-resource-download .page-hero .hero-support-note {
  max-width: 46ch;
  margin-left: auto;
  margin-right: auto;
}

body.page-pricing-after-beta .pricing-hero .cta-row,
body.page-products-guides .products-guides-hero .cta-row,
body.page-product-guide .guide-hero-tight .cta-row,
.resource-platform-hero .cta-row,
body.page-resource-guide .guide-hero .cta-row,
body.page-resource-operations .hero .cta-row,
body.page-resource-scheduling .hero .cta-row,
body.page-resource-compare .hero .cta-row,
body.page-build-cost-methodology .build-hero-tight .cta-row,
body.page-resource-download .page-hero .cta-row {
  justify-content: center;
}

body.page-products-guides .products-guides-hero .content-jump-links,
body.page-product-guide .guide-nav,
body.page-legal .legal-hero .content-jump-links {
  max-width: min(60rem, 100%);
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 900px) {
  body.page-pricing-after-beta .pricing-hero > .container,
  body.page-products-guides .products-guides-hero > .container,
  body.page-product-guide .guide-hero-tight > .container,
  .resource-platform-hero > .container,
  body.page-resource-guide .guide-hero > .container,
  body.page-resource-operations .hero > .container,
  body.page-resource-scheduling .hero > .container,
  body.page-resource-compare .hero > .container,
  body.page-build-cost-methodology .build-hero-tight > .container,
  body.page-legal .legal-hero .section-head,
  body.page-resource-download .page-hero .section-head {
    max-width: min(100%, calc(100% - 1rem));
    padding: 1rem;
  }

  body.page-pricing-after-beta .pricing-hero h1,
  body.page-products-guides .products-guides-hero h1,
  body.page-product-guide .guide-hero-tight h1,
  .resource-platform-hero h1,
  body.page-resource-guide .guide-hero h1,
  body.page-resource-operations .hero h1,
  body.page-resource-scheduling .hero h1,
  body.page-resource-compare .hero h1,
  body.page-build-cost-methodology .build-hero-tight h1,
  body.page-legal .legal-hero h1,
  body.page-resource-download .page-hero h1 {
    max-width: 13ch;
  }
}


/* =========================
   Pass 71 company, contact, and feedback hero-shell alignment
   ========================= */
body.page-investor .inv-hero,
body.page-publishing .publishing-hero,
.engineering-hero,
.contact-hero,
.feedback-hero {
  padding-bottom: clamp(4rem, 5vw, 5.35rem);
}

body.page-investor .inv-hero-grid {
  max-width: min(72rem, calc(100% - 1.5rem));
  margin-left: auto;
  margin-right: auto;
  gap: clamp(1rem, 2vw, 1.6rem);
  align-items: stretch;
}

body.page-publishing .publishing-hero .container,
.engineering-hero > .container,
.contact-hero .section-head,
.feedback-hero > .container {
  max-width: min(64rem, calc(100% - 1.5rem));
  padding: clamp(1.15rem, 2.2vw, 1.95rem);
}

body.page-investor .inv-hero-grid > div,
body.page-publishing .publishing-hero-copy,
.engineering-hero > .container,
.contact-hero .section-head,
.feedback-hero > .container {
  max-width: min(64rem, 100%);
}

body.page-investor .inv-panel {
  align-self: stretch;
  margin-top: 0;
}

body.page-investor .inv-hero h1,
body.page-publishing .publishing-hero h1,
.engineering-hero h1,
.contact-hero h1,
.feedback-hero h1 {
  max-width: 13.5ch;
}

body.page-investor .inv-hero-grid > div > p:first-of-type,
body.page-publishing .publishing-hero-copy > p:first-of-type,
.engineering-hero > .container > p:first-of-type,
.contact-hero .lead,
.feedback-hero > .container > p:first-of-type {
  max-width: 47ch;
}

body.page-investor .inv-hero-grid > div .hero-support-note,
body.page-publishing .publishing-hero-copy .hero-support-note,
.engineering-hero > .container .hero-support-note,
.contact-hero .hero-support-note,
.feedback-hero > .container .hero-support-note,
body.page-investor .inv-quick-note {
  max-width: 46ch;
  margin-left: auto;
  margin-right: auto;
}

body.page-investor .inv-actions-primary,
body.page-publishing .publishing-hero .cta-row,
.engineering-hero .cta-row,
.contact-hero .cta-row,
.feedback-hero .cta-row {
  justify-content: center;
}

body.page-publishing .content-jump-links,
body.page-engineering .product-anchor-links,
.engineering-hero .hero-info-grid {
  max-width: min(60rem, 100%);
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 900px) {
  body.page-investor .inv-hero-grid,
  body.page-publishing .publishing-hero .container,
  .engineering-hero > .container,
  .contact-hero .section-head,
  .feedback-hero > .container {
    max-width: min(100%, calc(100% - 1rem));
  }

  body.page-investor .inv-hero h1,
  body.page-publishing .publishing-hero h1,
  .engineering-hero h1,
  .contact-hero h1,
  .feedback-hero h1 {
    max-width: 13ch;
  }
}


/* =========================
   Pass 73 explicit mobile hero-clearance hardening
   ========================= */
@media (max-width: 680px) {
  body.page-home .home-hero,
  .about-hero,
  body.page-pricing .pricing-hero,
  body.page-pricing-after-beta .pricing-hero,
  body.page-products-index .products-hero,
  body.page-products-guides .products-guides-hero,
  body.page-operations .ops-hero,
  body.page-scheduling .sched-hero,
  body.page-table .table-hero,
  body.page-pos .pos-hero,
  body.page-label .label-hero,
  body.page-product-guide .guide-hero-tight,
  .resource-platform-hero,
  body.page-resource-guide .guide-hero,
  body.page-resource-operations .hero,
  body.page-resource-scheduling .hero,
  body.page-resource-compare .hero,
  body.page-resources-index .resource-hero,
  .engineering-hero,
  body.page-build-cost-methodology .build-hero-tight,
  body.page-investor .inv-hero,
  body.page-publishing .publishing-hero,
  .contact-hero,
  .feedback-hero,
  body.page-legal .legal-hero,
  body.page-resource-download .page-hero {
    padding-top: 4.75rem;
    padding-bottom: 4rem;
  }

  body.page-home .home-hero-copy,
  .about-hero > .container,
  body.page-pricing .pricing-hero > .container,
  body.page-pricing-after-beta .pricing-hero > .container,
  body.page-products-index .products-hero .product-hero-copy,
  body.page-products-guides .products-guides-hero > .container,
  body.page-operations .ops-hero .product-hero-copy,
  body.page-scheduling .sched-hero .product-hero-copy,
  body.page-table .table-hero .product-hero-copy,
  body.page-pos .pos-hero .product-hero-copy,
  body.page-label .label-hero .product-hero-copy,
  body.page-product-guide .guide-hero-tight > .container,
  .resource-platform-hero > .container,
  body.page-resource-guide .guide-hero > .container,
  body.page-resource-operations .hero > .container,
  body.page-resource-scheduling .hero > .container,
  body.page-resource-compare .hero > .container,
  body.page-resources-index .resource-hero > .container,
  .engineering-hero > .container,
  body.page-build-cost-methodology .build-hero-tight > .container,
  body.page-investor .inv-hero-grid > div,
  body.page-publishing .publishing-hero-copy,
  .contact-hero .section-head,
  .feedback-hero > .container,
  body.page-legal .legal-hero .section-head,
  body.page-resource-download .page-hero .section-head {
    max-width: min(100%, calc(100% - 1rem));
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 520px) {
  body.page-home .home-hero,
  .about-hero,
  body.page-pricing .pricing-hero,
  body.page-pricing-after-beta .pricing-hero,
  body.page-products-index .products-hero,
  body.page-products-guides .products-guides-hero,
  body.page-operations .ops-hero,
  body.page-scheduling .sched-hero,
  body.page-table .table-hero,
  body.page-pos .pos-hero,
  body.page-label .label-hero,
  body.page-product-guide .guide-hero-tight,
  .resource-platform-hero,
  body.page-resource-guide .guide-hero,
  body.page-resource-operations .hero,
  body.page-resource-scheduling .hero,
  body.page-resource-compare .hero,
  body.page-resources-index .resource-hero,
  .engineering-hero,
  body.page-build-cost-methodology .build-hero-tight,
  body.page-investor .inv-hero,
  body.page-publishing .publishing-hero,
  .contact-hero,
  .feedback-hero,
  body.page-legal .legal-hero,
  body.page-resource-download .page-hero {
    padding-top: 4.25rem;
    padding-bottom: 3.5rem;
  }

  body.page-home .home-hero-copy,
  .about-hero > .container,
  body.page-pricing .pricing-hero > .container,
  body.page-pricing-after-beta .pricing-hero > .container,
  body.page-products-index .products-hero .product-hero-copy,
  body.page-products-guides .products-guides-hero > .container,
  body.page-operations .ops-hero .product-hero-copy,
  body.page-scheduling .sched-hero .product-hero-copy,
  body.page-table .table-hero .product-hero-copy,
  body.page-pos .pos-hero .product-hero-copy,
  body.page-label .label-hero .product-hero-copy,
  body.page-product-guide .guide-hero-tight > .container,
  .resource-platform-hero > .container,
  body.page-resource-guide .guide-hero > .container,
  body.page-resource-operations .hero > .container,
  body.page-resource-scheduling .hero > .container,
  body.page-resource-compare .hero > .container,
  body.page-resources-index .resource-hero > .container,
  .engineering-hero > .container,
  body.page-build-cost-methodology .build-hero-tight > .container,
  body.page-investor .inv-hero-grid > div,
  body.page-publishing .publishing-hero-copy,
  .contact-hero .section-head,
  .feedback-hero > .container,
  body.page-legal .legal-hero .section-head,
  body.page-resource-download .page-hero .section-head {
    max-width: min(100%, calc(100% - 0.875rem));
  }
}


/* =========================
   Pass 74 class-level hero fallback hardening
   ========================= */
@media (max-width: 680px) {
  main > .home-hero,
  main > .about-hero,
  main > .pricing-hero,
  main > .products-hero,
  main > .products-guides-hero,
  main > .ops-hero,
  main > .sched-hero,
  main > .table-hero,
  main > .pos-hero,
  main > .label-hero,
  main > .guide-hero-tight,
  main > .guide-hero,
  main > .resource-platform-hero,
  main > .resource-explainer-hero,
  main > .resource-operations-hero,
  main > .resource-scheduling-hero,
  main > .resource-compare-hero,
  main > .resource-hero,
  main > .engineering-hero,
  main > .build-hero-tight,
  main > .inv-hero,
  main > .publishing-hero,
  main > .feedback-hero,
  main > .page-hero,
  main > .legal-hero {
    padding-top: 4.75rem;
    padding-bottom: 4rem;
  }

  main > .home-hero .home-hero-copy,
  main > .about-hero > .container,
  main > .pricing-hero > .container,
  main > .products-hero .product-hero-copy,
  main > .products-guides-hero > .container,
  main > .ops-hero .product-hero-copy,
  main > .sched-hero .product-hero-copy,
  main > .table-hero .product-hero-copy,
  main > .pos-hero .product-hero-copy,
  main > .label-hero .product-hero-copy,
  main > .guide-hero-tight > .container,
  main > .guide-hero > .container,
  main > .resource-platform-hero > .container,
  main > .resource-explainer-hero > .container,
  main > .resource-operations-hero > .container,
  main > .resource-scheduling-hero > .container,
  main > .resource-compare-hero > .container,
  main > .resource-hero > .container,
  main > .engineering-hero > .container,
  main > .build-hero-tight > .container,
  main > .inv-hero .inv-hero-grid > div,
  main > .publishing-hero .publishing-hero-copy,
  main > .feedback-hero > .container,
  main > .page-hero .section-head,
  main > .legal-hero .section-head {
    max-width: min(100%, calc(100% - 1rem));
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 520px) {
  main > .home-hero,
  main > .about-hero,
  main > .pricing-hero,
  main > .products-hero,
  main > .products-guides-hero,
  main > .ops-hero,
  main > .sched-hero,
  main > .table-hero,
  main > .pos-hero,
  main > .label-hero,
  main > .guide-hero-tight,
  main > .guide-hero,
  main > .resource-platform-hero,
  main > .resource-explainer-hero,
  main > .resource-operations-hero,
  main > .resource-scheduling-hero,
  main > .resource-compare-hero,
  main > .resource-hero,
  main > .engineering-hero,
  main > .build-hero-tight,
  main > .inv-hero,
  main > .publishing-hero,
  main > .feedback-hero,
  main > .page-hero,
  main > .legal-hero {
    padding-top: 4.25rem;
    padding-bottom: 3.5rem;
  }

  main > .home-hero .home-hero-copy,
  main > .about-hero > .container,
  main > .pricing-hero > .container,
  main > .products-hero .product-hero-copy,
  main > .products-guides-hero > .container,
  main > .ops-hero .product-hero-copy,
  main > .sched-hero .product-hero-copy,
  main > .table-hero .product-hero-copy,
  main > .pos-hero .product-hero-copy,
  main > .label-hero .product-hero-copy,
  main > .guide-hero-tight > .container,
  main > .guide-hero > .container,
  main > .resource-platform-hero > .container,
  main > .resource-explainer-hero > .container,
  main > .resource-operations-hero > .container,
  main > .resource-scheduling-hero > .container,
  main > .resource-compare-hero > .container,
  main > .resource-hero > .container,
  main > .engineering-hero > .container,
  main > .build-hero-tight > .container,
  main > .inv-hero .inv-hero-grid > div,
  main > .publishing-hero .publishing-hero-copy,
  main > .feedback-hero > .container,
  main > .page-hero .section-head,
  main > .legal-hero .section-head {
    max-width: min(100%, calc(100% - 0.875rem));
  }
}


/* =========================
   Pass 75 desktop/tablet hero-shell hardening
   ========================= */
main > .home-hero,
main > .about-hero,
main > .pricing-hero,
main > .products-hero,
main > .products-guides-hero,
main > .ops-hero,
main > .sched-hero,
main > .table-hero,
main > .pos-hero,
main > .label-hero,
main > .guide-hero-tight,
main > .guide-hero,
main > .resource-platform-hero,
main > .resource-explainer-hero,
main > .resource-hero,
main > .engineering-hero,
main > .build-hero-tight,
main > .inv-hero,
main > .publishing-hero,
main > .contact-hero,
main > .feedback-hero,
main > .legal-hero,
main > .resource-download-hero {
  padding-bottom: clamp(4rem, 5vw, 5.35rem);
}

main > .inv-hero .inv-hero-grid {
  max-width: min(72rem, calc(100% - 1.5rem));
  margin-left: auto;
  margin-right: auto;
  gap: clamp(1rem, 2vw, 1.6rem);
  align-items: stretch;
}

main > .home-hero .home-hero-copy,
main > .about-hero > .container,
main > .pricing-hero > .container,
main > .products-hero .product-hero-copy,
main > .products-guides-hero > .container,
main > .ops-hero .product-hero-copy,
main > .sched-hero .product-hero-copy,
main > .table-hero .product-hero-copy,
main > .pos-hero .product-hero-copy,
main > .label-hero .product-hero-copy,
main > .guide-hero-tight > .container,
main > .guide-hero > .container,
main > .resource-platform-hero > .container,
main > .resource-explainer-hero > .container,
main > .resource-hero > .container,
main > .engineering-hero > .container,
main > .build-hero-tight > .container,
main > .inv-hero .inv-hero-grid > div,
main > .publishing-hero .publishing-hero-copy,
main > .contact-hero .section-head,
main > .feedback-hero > .container,
main > .legal-hero .section-head,
main > .resource-download-hero .section-head {
  max-width: min(64rem, calc(100% - 1.5rem));
  padding: clamp(1.15rem, 2.2vw, 1.95rem);
}

main > .home-hero h1,
main > .about-hero h1,
main > .pricing-hero h1,
main > .products-hero h1,
main > .products-guides-hero h1,
main > .ops-hero h1,
main > .sched-hero h1,
main > .table-hero h1,
main > .pos-hero h1,
main > .label-hero h1,
main > .guide-hero-tight h1,
main > .guide-hero h1,
main > .resource-platform-hero h1,
main > .resource-explainer-hero h1,
main > .resource-operations-hero h1,
main > .resource-scheduling-hero h1,
main > .resource-compare-hero h1,
main > .resource-hero h1,
main > .engineering-hero h1,
main > .build-hero-tight h1,
main > .inv-hero h1,
main > .publishing-hero h1,
main > .contact-hero h1,
main > .feedback-hero h1,
main > .legal-hero h1,
main > .resource-download-hero h1 {
  max-width: 13.5ch;
}

main > .home-hero .home-hero-copy > p:first-of-type,
main > .about-hero > .container > p:first-of-type,
main > .pricing-hero > .container > p:first-of-type,
main > .products-hero .product-hero-copy > p:first-of-type,
main > .products-guides-hero > .container > p:first-of-type,
main > .ops-hero .product-hero-copy > p:first-of-type,
main > .sched-hero .product-hero-copy > p:first-of-type,
main > .table-hero .product-hero-copy > p:first-of-type,
main > .pos-hero .product-hero-copy > p:first-of-type,
main > .label-hero .product-hero-copy > p:first-of-type,
main > .guide-hero-tight > .container > p:first-of-type,
main > .guide-hero > .container > p:first-of-type,
main > .resource-platform-hero > .container > p:first-of-type,
main > .resource-explainer-hero > .container > p:first-of-type,
main > .resource-operations-hero > .container > p:first-of-type,
main > .resource-scheduling-hero > .container > p:first-of-type,
main > .resource-compare-hero > .container > p:first-of-type,
main > .resource-hero > .container > p:first-of-type,
main > .engineering-hero > .container > p:first-of-type,
main > .build-hero-tight > .container > p:first-of-type,
main > .inv-hero .inv-hero-grid > div > p:first-of-type,
main > .publishing-hero .publishing-hero-copy > p:first-of-type,
main > .contact-hero .lead,
main > .feedback-hero > .container > p:first-of-type,
main > .legal-hero .section-head > p:first-of-type,
main > .resource-download-hero .lead {
  max-width: 47ch;
}

main > .home-hero .hero-support-note,
main > .about-hero .hero-support-note,
main > .pricing-hero .hero-support-note,
main > .products-hero .hero-support-note,
main > .products-guides-hero .hero-support-note,
main > .ops-hero .hero-support-note,
main > .sched-hero .hero-support-note,
main > .table-hero .hero-support-note,
main > .pos-hero .hero-support-note,
main > .label-hero .hero-support-note,
main > .guide-hero-tight .hero-support-note,
main > .guide-hero .hero-support-note,
main > .resource-platform-hero .hero-support-note,
main > .resource-explainer-hero .hero-support-note,
main > .resource-operations-hero .hero-support-note,
main > .resource-scheduling-hero .hero-support-note,
main > .resource-compare-hero .hero-support-note,
main > .resource-hero .hero-support-note,
main > .engineering-hero .hero-support-note,
main > .build-hero-tight .hero-support-note,
main > .inv-hero .hero-support-note,
main > .inv-hero .inv-quick-note,
main > .publishing-hero .hero-support-note,
main > .contact-hero .hero-support-note,
main > .feedback-hero .hero-support-note,
main > .legal-hero .legal-note,
main > .resource-download-hero .hero-support-note {
  max-width: 46ch;
  margin-left: auto;
  margin-right: auto;
}

main > .home-hero .cta-row,
main > .pricing-hero .cta-row,
main > .products-hero .cta-row,
main > .products-guides-hero .cta-row,
main > .ops-hero .cta-row,
main > .sched-hero .cta-row,
main > .table-hero .cta-row,
main > .pos-hero .cta-row,
main > .label-hero .cta-row,
main > .guide-hero-tight .cta-row,
main > .guide-hero .cta-row,
main > .resource-platform-hero .cta-row,
main > .resource-explainer-hero .cta-row,
main > .resource-operations-hero .cta-row,
main > .resource-scheduling-hero .cta-row,
main > .resource-compare-hero .cta-row,
main > .resource-hero .cta-row,
main > .engineering-hero .cta-row,
main > .build-hero-tight .cta-row,
main > .inv-hero .inv-actions-primary,
main > .publishing-hero .cta-row,
main > .contact-hero .cta-row,
main > .feedback-hero .cta-row,
main > .resource-download-hero .cta-row {
  justify-content: center;
}

main > .products-guides-hero .content-jump-links,
main > .guide-hero-tight .guide-nav,
main > .publishing-hero .content-jump-links,
main > .engineering-hero .product-anchor-links,
main > .engineering-hero .hero-info-grid,
main > .legal-hero .content-jump-links {
  max-width: min(60rem, 100%);
  margin-left: auto;
  margin-right: auto;
}

/* =========================
   Pass 84 first-screen hero-adjacent row hardening
   ========================= */
main > section:first-child.about-hero .cta-row,
main > section:first-child.about-hero .about-anchor-links,
main > section:first-child.products-guides-hero .content-jump-links,
main > section:first-child.guide-hero-tight .guide-nav,
main > section:first-child.resource-hero .nav-pills-container,
main > section:first-child.publishing-hero .content-jump-links,
main > section:first-child.engineering-hero .product-anchor-links,
main > section:first-child.engineering-hero .hero-info-grid,
main > section:first-child.legal-hero .content-jump-links,
main > section:first-child.resource-download-hero .cta-row {
  max-width: min(60rem, calc(100% - 1.5rem));
  margin-left: auto;
  margin-right: auto;
}

main > section:first-child.about-hero .cta-row,
main > section:first-child.products-guides-hero .content-jump-links,
main > section:first-child.guide-hero-tight .guide-nav,
main > section:first-child.resource-hero .nav-pills-container,
main > section:first-child.publishing-hero .content-jump-links,
main > section:first-child.engineering-hero .product-anchor-links,
main > section:first-child.legal-hero .content-jump-links,
main > section:first-child.resource-download-hero .cta-row {
  justify-content: center;
}

main > section:first-child.home-hero .decision-mini-grid,
main > section:first-child.products-hero .hero-summary,
main > section:first-child.about-hero .hero-summary,
main > section:first-child.inv-hero .inv-fact-grid {
  max-width: min(72rem, calc(100% - 1.5rem));
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 900px) {
  main > section:first-child.about-hero .cta-row,
  main > section:first-child.about-hero .about-anchor-links,
  main > section:first-child.products-guides-hero .content-jump-links,
  main > section:first-child.guide-hero-tight .guide-nav,
  main > section:first-child.resource-hero .nav-pills-container,
  main > section:first-child.publishing-hero .content-jump-links,
  main > section:first-child.engineering-hero .product-anchor-links,
  main > section:first-child.engineering-hero .hero-info-grid,
  main > section:first-child.legal-hero .content-jump-links,
  main > section:first-child.resource-download-hero .cta-row,
  main > section:first-child.home-hero .decision-mini-grid,
  main > section:first-child.products-hero .hero-summary,
  main > section:first-child.about-hero .hero-summary,
  main > section:first-child.inv-hero .inv-fact-grid {
    max-width: min(100%, calc(100% - 1rem));
  }
}

@media (max-width: 900px) {
  main > .home-hero .home-hero-copy,
  main > .about-hero > .container,
  main > .pricing-hero > .container,
  main > .products-hero .product-hero-copy,
  main > .products-guides-hero > .container,
  main > .ops-hero .product-hero-copy,
  main > .sched-hero .product-hero-copy,
  main > .table-hero .product-hero-copy,
  main > .pos-hero .product-hero-copy,
  main > .label-hero .product-hero-copy,
  main > .guide-hero-tight > .container,
  main > .guide-hero > .container,
  main > .resource-platform-hero > .container,
  main > .resource-explainer-hero > .container,
  main > .resource-operations-hero > .container,
  main > .resource-scheduling-hero > .container,
  main > .resource-compare-hero > .container,
  main > .resource-hero > .container,
  main > .engineering-hero > .container,
  main > .build-hero-tight > .container,
  main > .inv-hero .inv-hero-grid,
  main > .publishing-hero .publishing-hero-copy,
  main > .contact-hero .section-head,
  main > .feedback-hero > .container,
  main > .legal-hero .section-head,
  main > .resource-download-hero .section-head {
    max-width: min(100%, calc(100% - 1rem));
    padding: 1rem;
  }

  main > .home-hero h1,
  main > .about-hero h1,
  main > .pricing-hero h1,
  main > .products-hero h1,
  main > .products-guides-hero h1,
  main > .ops-hero h1,
  main > .sched-hero h1,
  main > .table-hero h1,
  main > .pos-hero h1,
  main > .label-hero h1,
  main > .guide-hero-tight h1,
  main > .guide-hero h1,
  main > .resource-platform-hero h1,
  main > .resource-explainer-hero h1,
  main > .resource-hero h1,
  main > .engineering-hero h1,
  main > .build-hero-tight h1,
  main > .inv-hero h1,
  main > .publishing-hero h1,
  main > .contact-hero h1,
  main > .feedback-hero h1,
  main > .legal-hero h1,
  main > .resource-download-hero h1 {
    max-width: 12.5ch;
  }
}

/* =========================
   Pass 80 major public hero-shell class hardening
   ========================= */
.home-hero,
.pricing-hero,
.products-hero,
.ops-hero,
.sched-hero,
.table-hero,
.pos-hero,
.label-hero,
.inv-hero,
.publishing-hero,
.resource-hero {
  padding-top: clamp(7.35rem, 10.8vw, 8.8rem);
}

.home-hero .home-hero-copy,
.pricing-hero > .container,
.products-hero .product-hero-copy,
.ops-hero .product-hero-copy,
.sched-hero .product-hero-copy,
.table-hero .product-hero-copy,
.pos-hero .product-hero-copy,
.label-hero .product-hero-copy,
.inv-hero .inv-hero-grid > div,
.publishing-hero .publishing-hero-copy,
.resource-hero > .container {
  position: relative;
  max-width: min(64rem, 100%);
  padding: clamp(1.05rem, 2vw, 1.7rem);
  border-radius: clamp(22px, 2vw, 30px);
  background: linear-gradient(180deg, rgba(2, 8, 20, 0.95), rgba(3, 11, 24, 0.84));
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow: 0 34px 96px rgba(2, 8, 23, 0.46);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.home-hero .home-hero-copy > *:last-child,
.pricing-hero > .container > *:last-child,
.products-hero .product-hero-copy > *:last-child,
.ops-hero .product-hero-copy > *:last-child,
.sched-hero .product-hero-copy > *:last-child,
.table-hero .product-hero-copy > *:last-child,
.pos-hero .product-hero-copy > *:last-child,
.label-hero .product-hero-copy > *:last-child,
.inv-hero .inv-hero-grid > div > *:last-child,
.publishing-hero .publishing-hero-copy > *:last-child,
.resource-hero > .container > *:last-child {
  margin-bottom: 0;
}

.home-hero .home-hero-copy h1,
.pricing-hero h1,
.products-hero h1,
.ops-hero h1,
.sched-hero h1,
.table-hero h1,
.pos-hero h1,
.label-hero h1,
.inv-hero h1,
.publishing-hero h1,
.resource-hero h1 {
  max-width: 15ch;
  text-wrap: balance;
  text-shadow: 0 12px 34px rgba(2, 8, 23, 0.42);
}

.pricing-hero h1,
.inv-hero h1,
.publishing-hero h1,
.resource-hero h1 {
  margin-left: auto;
  margin-right: auto;
}

.home-hero .home-hero-copy p,
.pricing-hero p,
.products-hero .product-hero-copy p,
.ops-hero .product-hero-copy p,
.sched-hero .product-hero-copy p,
.table-hero .product-hero-copy p,
.pos-hero .product-hero-copy p,
.label-hero .product-hero-copy p,
.inv-hero .inv-hero-grid > div > p,
.publishing-hero .publishing-hero-copy p,
.resource-hero p {
  max-width: 58ch;
  color: rgba(240, 247, 255, 0.96) !important;
  line-height: 1.66;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.22);
}

.pricing-hero p,
.inv-hero .inv-hero-grid > div > p,
.publishing-hero .publishing-hero-copy p,
.resource-hero p {
  margin-left: auto;
  margin-right: auto;
}

.home-hero .home-hero-copy > p:first-of-type,
.pricing-hero > .container > p:first-of-type,
.products-hero .product-hero-copy > p:first-of-type,
.ops-hero .product-hero-copy > p:first-of-type,
.sched-hero .product-hero-copy > p:first-of-type,
.table-hero .product-hero-copy > p:first-of-type,
.pos-hero .product-hero-copy > p:first-of-type,
.label-hero .product-hero-copy > p:first-of-type,
.inv-hero .inv-hero-grid > div > p:first-of-type,
.publishing-hero .publishing-hero-copy > p:first-of-type,
.resource-hero > .container > p:first-of-type {
  max-width: 50ch;
}

.home-hero .hero-microcopy,
.products-hero .product-hero-copy > p + p,
.ops-hero .product-hero-copy > p + p,
.sched-hero .product-hero-copy > p + p,
.table-hero .product-hero-copy > p + p,
.pos-hero .product-hero-copy > p + p,
.label-hero .product-hero-copy > p + p,
.inv-hero .inv-quick-note,
.publishing-hero .publishing-hero-copy .lead-secondary,
.resource-hero .resource-hero-followup {
  max-width: 48ch;
  margin-left: auto;
  margin-right: auto;
  padding: 0.88rem 1rem;
  background: rgba(8, 18, 34, 0.64);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: rgba(244, 249, 255, 0.97) !important;
}

.home-hero .home-hero-copy .hero-support-note,
.products-hero .product-hero-copy .hero-support-note,
.ops-hero .product-hero-copy .hero-support-note,
.sched-hero .hero-sub,
.table-hero .hero-sub,
.pos-hero .hero-subtle-copy,
.label-hero .hero-sub,
.inv-hero .inv-hero-grid > div .hero-support-note,
.publishing-hero .publishing-hero-copy .hero-support-note,
.resource-hero .hero-support-note {
  max-width: 46ch;
  margin-left: auto;
  margin-right: auto;
}

.home-hero .home-hero-copy > .badge,
.pricing-hero .eyebrow,
.products-hero .badge,
.ops-hero .badge,
.sched-hero .badge,
.table-hero .badge,
.pos-hero .eyebrow,
.label-hero .badge,
.inv-hero .badge,
.publishing-hero .badge,
.resource-hero .badge {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.45rem 0.82rem;
  border-radius: 999px;
  background: rgba(148, 197, 255, 0.16);
  border: 1px solid rgba(191, 219, 254, 0.34);
  color: #f8fbff !important;
  box-shadow: 0 10px 30px rgba(2, 8, 23, 0.22);
}

.home-hero .home-hero-copy .cta-row,
.pricing-hero .cta-row,
.products-hero .product-hero-copy .cta-row,
.ops-hero .product-hero-copy .cta-row,
.sched-hero .product-hero-copy .cta-row,
.table-hero .product-hero-copy .cta-row,
.pos-hero .product-hero-copy .cta-row,
.label-hero .product-hero-copy .cta-row,
.inv-hero .inv-actions-primary,
.publishing-hero .cta-row,
.resource-hero .bundle-strip,
.resource-hero .nav-pills-container {
  margin-top: 1.15rem;
}

@media (max-width: 900px) {
  .home-hero .home-hero-copy,
  .pricing-hero > .container,
  .products-hero .product-hero-copy,
  .ops-hero .product-hero-copy,
  .sched-hero .product-hero-copy,
  .table-hero .product-hero-copy,
  .pos-hero .product-hero-copy,
  .label-hero .product-hero-copy,
  .inv-hero .inv-hero-grid > div,
  .publishing-hero .publishing-hero-copy,
  .resource-hero > .container {
    padding: 1rem;
  }

  .home-hero .home-hero-copy h1,
  .pricing-hero h1,
  .products-hero h1,
  .ops-hero h1,
  .sched-hero h1,
  .table-hero h1,
  .pos-hero h1,
  .label-hero h1,
  .inv-hero h1,
  .publishing-hero h1,
  .resource-hero h1 {
    max-width: 13ch;
  }
}


/* =========================
   Pass 81 first-screen public hero fallback
   ========================= */
main > section:first-child:is(
  .home-hero,
  .about-hero,
  .pricing-hero,
  .products-hero,
  .products-guides-hero,
  .ops-hero,
  .sched-hero,
  .table-hero,
  .pos-hero,
  .label-hero,
  .guide-hero-tight,
  .guide-hero,
  .resource-platform-hero,
  .resource-explainer-hero,
  .resource-operations-hero,
  .resource-scheduling-hero,
  .resource-compare-hero,
  .resource-hero,
  .engineering-hero,
  .build-hero-tight,
  .inv-hero,
  .publishing-hero,
  .contact-hero,
  .feedback-hero,
  .legal-hero,
  .resource-download-hero
) {
  padding-bottom: clamp(4rem, 5vw, 5.35rem);
}

main > section:first-child.home-hero .home-hero-copy,
main > section:first-child.about-hero > .container,
main > section:first-child.pricing-hero > .container,
main > section:first-child.products-guides-hero > .container,
main > section:first-child.guide-hero-tight > .container,
main > section:first-child.guide-hero > .container,
main > section:first-child.resource-platform-hero > .container,
main > section:first-child.resource-explainer-hero > .container,
main > section:first-child.resource-operations-hero > .container,
main > section:first-child.resource-scheduling-hero > .container,
main > section:first-child.resource-compare-hero > .container,
main > section:first-child.resource-hero > .container,
main > section:first-child.engineering-hero > .container,
main > section:first-child.build-hero-tight > .container,
main > section:first-child.feedback-hero > .container,
main > section:first-child.products-hero .product-hero-copy,
main > section:first-child.ops-hero .product-hero-copy,
main > section:first-child.sched-hero .product-hero-copy,
main > section:first-child.table-hero .product-hero-copy,
main > section:first-child.pos-hero .product-hero-copy,
main > section:first-child.label-hero .product-hero-copy,
main > section:first-child.inv-hero .inv-hero-grid > div,
main > section:first-child.publishing-hero .publishing-hero-copy,
main > section:first-child.contact-hero .section-head,
main > section:first-child.legal-hero .section-head,
main > section:first-child.resource-download-hero .section-head {
  max-width: min(64rem, calc(100% - 1.5rem));
  margin-left: auto;
  margin-right: auto;
  padding: clamp(1.15rem, 2.2vw, 1.95rem);
}

main > section:first-child:is(
  .home-hero,
  .about-hero,
  .pricing-hero,
  .products-hero,
  .products-guides-hero,
  .ops-hero,
  .sched-hero,
  .table-hero,
  .pos-hero,
  .label-hero,
  .guide-hero-tight,
  .guide-hero,
  .resource-platform-hero,
  .resource-explainer-hero,
  .resource-operations-hero,
  .resource-scheduling-hero,
  .resource-compare-hero,
  .resource-hero,
  .engineering-hero,
  .build-hero-tight,
  .inv-hero,
  .publishing-hero,
  .contact-hero,
  .feedback-hero,
  .legal-hero,
  .resource-download-hero
) h1 {
  max-width: 13.5ch;
}

main > section:first-child.home-hero .home-hero-copy > p:first-of-type,
main > section:first-child.about-hero > .container > p:first-of-type,
main > section:first-child.pricing-hero > .container > p:first-of-type,
main > section:first-child.products-guides-hero > .container > p:first-of-type,
main > section:first-child.guide-hero-tight > .container > p:first-of-type,
main > section:first-child.guide-hero > .container > p:first-of-type,
main > section:first-child.resource-platform-hero > .container > p:first-of-type,
main > section:first-child.resource-explainer-hero > .container > p:first-of-type,
main > section:first-child.resource-operations-hero > .container > p:first-of-type,
main > section:first-child.resource-scheduling-hero > .container > p:first-of-type,
main > section:first-child.resource-compare-hero > .container > p:first-of-type,
main > section:first-child.resource-hero > .container > p:first-of-type,
main > section:first-child.engineering-hero > .container > p:first-of-type,
main > section:first-child.build-hero-tight > .container > p:first-of-type,
main > section:first-child.feedback-hero > .container > p:first-of-type,
main > section:first-child.products-hero .product-hero-copy > p:first-of-type,
main > section:first-child.ops-hero .product-hero-copy > p:first-of-type,
main > section:first-child.sched-hero .product-hero-copy > p:first-of-type,
main > section:first-child.table-hero .product-hero-copy > p:first-of-type,
main > section:first-child.pos-hero .product-hero-copy > p:first-of-type,
main > section:first-child.label-hero .product-hero-copy > p:first-of-type,
main > section:first-child.inv-hero .inv-hero-grid > div > p:first-of-type,
main > section:first-child.publishing-hero .publishing-hero-copy > p:first-of-type,
main > section:first-child.contact-hero .lead,
main > section:first-child.legal-hero .section-head > p:first-of-type,
main > section:first-child.resource-download-hero .lead {
  max-width: 47ch;
}

main > section:first-child:is(
  .home-hero,
  .about-hero,
  .pricing-hero,
  .products-hero,
  .products-guides-hero,
  .ops-hero,
  .sched-hero,
  .table-hero,
  .pos-hero,
  .label-hero,
  .guide-hero-tight,
  .guide-hero,
  .resource-platform-hero,
  .resource-explainer-hero,
  .resource-operations-hero,
  .resource-scheduling-hero,
  .resource-compare-hero,
  .resource-hero,
  .engineering-hero,
  .build-hero-tight,
  .inv-hero,
  .publishing-hero,
  .contact-hero,
  .feedback-hero,
  .resource-download-hero
) .hero-support-note,
main > section:first-child.inv-hero .inv-quick-note,
main > section:first-child.legal-hero .legal-note {
  max-width: 46ch;
  margin-left: auto;
  margin-right: auto;
}

main > section:first-child:is(
  .home-hero,
  .pricing-hero,
  .products-hero,
  .products-guides-hero,
  .ops-hero,
  .sched-hero,
  .table-hero,
  .pos-hero,
  .label-hero,
  .guide-hero-tight,
  .guide-hero,
  .resource-platform-hero,
  .resource-explainer-hero,
  .resource-operations-hero,
  .resource-scheduling-hero,
  .resource-compare-hero,
  .resource-hero,
  .engineering-hero,
  .build-hero-tight,
  .inv-hero,
  .publishing-hero,
  .contact-hero,
  .feedback-hero,
  .resource-download-hero
) .cta-row,
main > section:first-child.inv-hero .inv-actions-primary {
  justify-content: center;
}

/* =========================
   Pass 86 shell-level guide/legal/resource hero hardening
   ========================= */
.products-guides-hero,
.guide-hero-tight,
.guide-hero,
.resource-platform-hero,
.resource-explainer-hero,
.build-hero-tight,
.legal-hero,
.resource-download-hero {
  padding-top: clamp(7.35rem, 10.8vw, 8.8rem);
}

.products-guides-hero > .container,
.guide-hero-tight > .container,
.guide-hero > .container,
.resource-platform-hero > .container,
.resource-explainer-hero > .container,
.build-hero-tight > .container,
.legal-hero .section-head,
.resource-download-hero .section-head {
  max-width: min(64rem, calc(100% - 1.5rem));
  padding: clamp(1.15rem, 2.2vw, 1.95rem);
}

.products-guides-hero h1,
.guide-hero-tight h1,
.guide-hero h1,
.resource-platform-hero h1,
.resource-explainer-hero h1,
.build-hero-tight h1,
.legal-hero h1,
.resource-download-hero h1 {
  max-width: 13.5ch;
}

.products-guides-hero > .container > p:first-of-type,
.guide-hero-tight > .container > p:first-of-type,
.guide-hero > .container > p:first-of-type,
.resource-platform-hero > .container > p:first-of-type,
.resource-explainer-hero > .container > p:first-of-type,
.build-hero-tight > .container > p:first-of-type,
.legal-hero .section-head > p:first-of-type,
.resource-download-hero .lead {
  max-width: 47ch;
}

.products-guides-hero .hero-support-note,
.guide-hero-tight .hero-support-note,
.guide-hero .hero-support-note,
.resource-platform-hero .hero-support-note,
.resource-explainer-hero .hero-support-note,
.build-hero-tight .hero-support-note,
.legal-hero .legal-note,
.resource-download-hero .hero-support-note {
  max-width: 46ch;
  margin-left: auto;
  margin-right: auto;
}

.products-guides-hero .cta-row,
.guide-hero-tight .cta-row,
.guide-hero .cta-row,
.resource-platform-hero .cta-row,
.resource-explainer-hero .cta-row,
.build-hero-tight .cta-row,
.resource-download-hero .cta-row,
.legal-hero .content-jump-links {
  justify-content: center;
}

@media (max-width: 900px) {
  .products-guides-hero > .container,
  .guide-hero-tight > .container,
  .guide-hero > .container,
  .resource-platform-hero > .container,
  .resource-explainer-hero > .container,
  .build-hero-tight > .container,
  .legal-hero .section-head,
  .resource-download-hero .section-head {
    max-width: min(100%, calc(100% - 0.875rem));
    padding: 1rem;
  }

  .products-guides-hero h1,
  .guide-hero-tight h1,
  .guide-hero h1,
  .resource-platform-hero h1,
  .resource-explainer-hero h1,
  .build-hero-tight h1,
  .legal-hero h1,
  .resource-download-hero h1 {
    max-width: 13ch;
  }
}

/* =========================
   Pass 94 shared hero contrast + footer visibility hardening
   ========================= */
.home-hero,
.about-hero,
.contact-hero,
.engineering-hero,
.feedback-hero,
.legal-hero,
.pricing-hero,
.after-beta-hero,
.products-hero,
.ops-hero,
.sched-hero,
.table-hero,
.pos-hero,
.label-hero,
.products-guides-hero,
.guide-hero-tight,
.guide-hero,
.resource-hero,
.resource-explainer-hero,
.resource-platform-hero,
.resource-download-hero,
.publishing-hero,
.inv-hero,
.build-hero-tight {
  color: #f8fafc;
  isolation: isolate;
}

.home-hero h1,
.about-hero h1,
.contact-hero h1,
.engineering-hero h1,
.feedback-hero h1,
.legal-hero h1,
.pricing-hero h1,
.after-beta-hero h1,
.products-hero h1,
.ops-hero h1,
.sched-hero h1,
.table-hero h1,
.pos-hero h1,
.label-hero h1,
.products-guides-hero h1,
.guide-hero-tight h1,
.guide-hero h1,
.resource-hero h1,
.resource-explainer-hero h1,
.resource-platform-hero h1,
.resource-download-hero h1,
.publishing-hero h1,
.inv-hero h1,
.build-hero-tight h1,
.home-hero h2,
.about-hero h2,
.contact-hero h2,
.engineering-hero h2,
.feedback-hero h2,
.legal-hero h2,
.pricing-hero h2,
.after-beta-hero h2,
.products-hero h2,
.ops-hero h2,
.sched-hero h2,
.table-hero h2,
.pos-hero h2,
.label-hero h2,
.products-guides-hero h2,
.guide-hero-tight h2,
.guide-hero h2,
.resource-hero h2,
.resource-explainer-hero h2,
.resource-platform-hero h2,
.resource-download-hero h2,
.publishing-hero h2,
.inv-hero h2,
.build-hero-tight h2,
.home-hero h3,
.about-hero h3,
.contact-hero h3,
.engineering-hero h3,
.feedback-hero h3,
.legal-hero h3,
.pricing-hero h3,
.after-beta-hero h3,
.products-hero h3,
.ops-hero h3,
.sched-hero h3,
.table-hero h3,
.pos-hero h3,
.label-hero h3,
.products-guides-hero h3,
.guide-hero-tight h3,
.guide-hero h3,
.resource-hero h3,
.resource-explainer-hero h3,
.resource-platform-hero h3,
.resource-download-hero h3,
.publishing-hero h3,
.inv-hero h3,
.build-hero-tight h3,
.home-hero strong,
.about-hero strong,
.contact-hero strong,
.engineering-hero strong,
.feedback-hero strong,
.legal-hero strong,
.pricing-hero strong,
.after-beta-hero strong,
.products-hero strong,
.ops-hero strong,
.sched-hero strong,
.table-hero strong,
.pos-hero strong,
.label-hero strong,
.products-guides-hero strong,
.guide-hero-tight strong,
.guide-hero strong,
.resource-hero strong,
.resource-explainer-hero strong,
.resource-platform-hero strong,
.resource-download-hero strong,
.publishing-hero strong,
.inv-hero strong,
.build-hero-tight strong {
  color: #ffffff;
}

.home-hero p,
.about-hero p,
.contact-hero p,
.engineering-hero p,
.feedback-hero p,
.legal-hero p,
.pricing-hero p,
.after-beta-hero p,
.products-hero p,
.ops-hero p,
.sched-hero p,
.table-hero p,
.pos-hero p,
.label-hero p,
.products-guides-hero p,
.guide-hero-tight p,
.guide-hero p,
.resource-hero p,
.resource-explainer-hero p,
.resource-platform-hero p,
.resource-download-hero p,
.publishing-hero p,
.inv-hero p,
.build-hero-tight p,
.home-hero .lead,
.about-hero .lead,
.contact-hero .lead,
.engineering-hero .lead,
.feedback-hero .lead,
.legal-hero .lead,
.pricing-hero .lead,
.after-beta-hero .lead,
.products-hero .lead,
.ops-hero .lead,
.sched-hero .lead,
.table-hero .lead,
.pos-hero .lead,
.label-hero .lead,
.products-guides-hero .lead,
.guide-hero-tight .lead,
.guide-hero .lead,
.resource-hero .lead,
.resource-explainer-hero .lead,
.resource-platform-hero .lead,
.resource-download-hero .lead,
.publishing-hero .lead,
.inv-hero .lead,
.build-hero-tight .lead,
.home-hero .hero-sub,
.about-hero .hero-sub,
.contact-hero .hero-sub,
.engineering-hero .hero-sub,
.feedback-hero .hero-sub,
.legal-hero .hero-sub,
.pricing-hero .hero-sub,
.after-beta-hero .hero-sub,
.products-hero .hero-sub,
.ops-hero .hero-sub,
.sched-hero .hero-sub,
.table-hero .hero-sub,
.pos-hero .hero-sub,
.label-hero .hero-sub,
.products-guides-hero .hero-sub,
.guide-hero-tight .hero-sub,
.guide-hero .hero-sub,
.resource-hero .hero-sub,
.resource-explainer-hero .hero-sub,
.resource-platform-hero .hero-sub,
.resource-download-hero .hero-sub,
.publishing-hero .hero-sub,
.inv-hero .hero-sub,
.build-hero-tight .hero-sub,
.home-hero .hero-support-note,
.about-hero .hero-support-note,
.contact-hero .hero-support-note,
.engineering-hero .hero-support-note,
.feedback-hero .hero-support-note,
.legal-hero .hero-support-note,
.pricing-hero .hero-support-note,
.after-beta-hero .hero-support-note,
.products-hero .hero-support-note,
.ops-hero .hero-support-note,
.sched-hero .hero-support-note,
.table-hero .hero-support-note,
.pos-hero .hero-support-note,
.label-hero .hero-support-note,
.products-guides-hero .hero-support-note,
.guide-hero-tight .hero-support-note,
.guide-hero .hero-support-note,
.resource-hero .hero-support-note,
.resource-explainer-hero .hero-support-note,
.resource-platform-hero .hero-support-note,
.resource-download-hero .hero-support-note,
.publishing-hero .hero-support-note,
.inv-hero .hero-support-note,
.build-hero-tight .hero-support-note,
.legal-hero .legal-note {
  color: rgba(226, 232, 240, 0.94);
}

.home-hero a,
.about-hero a,
.contact-hero a,
.engineering-hero a,
.feedback-hero a,
.legal-hero a,
.pricing-hero a,
.after-beta-hero a,
.products-hero a,
.ops-hero a,
.sched-hero a,
.table-hero a,
.pos-hero a,
.label-hero a,
.products-guides-hero a,
.guide-hero-tight a,
.guide-hero a,
.resource-hero a,
.resource-explainer-hero a,
.resource-platform-hero a,
.resource-download-hero a,
.publishing-hero a,
.inv-hero a,
.build-hero-tight a {
  color: inherit;
}

.home-hero .content-jump-links a,
.about-hero .content-jump-links a,
.contact-hero .content-jump-links a,
.engineering-hero .content-jump-links a,
.feedback-hero .content-jump-links a,
.legal-hero .content-jump-links a,
.pricing-hero .content-jump-links a,
.after-beta-hero .content-jump-links a,
.products-hero .content-jump-links a,
.ops-hero .content-jump-links a,
.sched-hero .content-jump-links a,
.table-hero .content-jump-links a,
.pos-hero .content-jump-links a,
.label-hero .content-jump-links a,
.products-guides-hero .content-jump-links a,
.guide-hero-tight .guide-nav a,
.guide-hero .content-jump-links a,
.resource-hero .content-jump-links a,
.resource-explainer-hero .content-jump-links a,
.resource-platform-hero .content-jump-links a,
.resource-download-hero .content-jump-links a,
.publishing-hero .content-jump-links a,
.inv-hero .content-jump-links a,
.build-hero-tight .content-jump-links a,
.legal-hero .content-jump-links a,
.products-guides-hero .content-jump-links a,
.home-hero .home-anchor-row a {
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
}

.home-hero .content-jump-links a:hover,
.about-hero .content-jump-links a:hover,
.contact-hero .content-jump-links a:hover,
.engineering-hero .content-jump-links a:hover,
.feedback-hero .content-jump-links a:hover,
.legal-hero .content-jump-links a:hover,
.pricing-hero .content-jump-links a:hover,
.after-beta-hero .content-jump-links a:hover,
.products-hero .content-jump-links a:hover,
.ops-hero .content-jump-links a:hover,
.sched-hero .content-jump-links a:hover,
.table-hero .content-jump-links a:hover,
.pos-hero .content-jump-links a:hover,
.label-hero .content-jump-links a:hover,
.products-guides-hero .content-jump-links a:hover,
.guide-hero-tight .guide-nav a:hover,
.guide-hero .content-jump-links a:hover,
.resource-hero .content-jump-links a:hover,
.resource-explainer-hero .content-jump-links a:hover,
.resource-platform-hero .content-jump-links a:hover,
.resource-download-hero .content-jump-links a:hover,
.publishing-hero .content-jump-links a:hover,
.inv-hero .content-jump-links a:hover,
.build-hero-tight .content-jump-links a:hover,
.legal-hero .content-jump-links a:hover,
.products-guides-hero .content-jump-links a:hover,
.home-hero .home-anchor-row a:hover {
  border-color: rgba(255, 255, 255, 0.34);
  background: rgba(255, 255, 255, 0.14);
}

.home-hero .btn-ghost,
.about-hero .btn-ghost,
.contact-hero .btn-ghost,
.engineering-hero .btn-ghost,
.feedback-hero .btn-ghost,
.legal-hero .btn-ghost,
.pricing-hero .btn-ghost,
.after-beta-hero .btn-ghost,
.products-hero .btn-ghost,
.ops-hero .btn-ghost,
.sched-hero .btn-ghost,
.table-hero .btn-ghost,
.pos-hero .btn-ghost,
.label-hero .btn-ghost,
.products-guides-hero .btn-ghost,
.guide-hero-tight .btn-ghost,
.guide-hero .btn-ghost,
.resource-hero .btn-ghost,
.resource-explainer-hero .btn-ghost,
.resource-platform-hero .btn-ghost,
.resource-download-hero .btn-ghost,
.publishing-hero .btn-ghost,
.inv-hero .btn-ghost,
.build-hero-tight .btn-ghost {
  border-color: rgba(255, 255, 255, 0.24);
  color: #ffffff;
}



:is(.home-hero, .about-hero, .contact-hero, .engineering-hero, .feedback-hero, .legal-hero, .pricing-hero, .after-beta-hero, .products-hero, .ops-hero, .sched-hero, .table-hero, .pos-hero, .label-hero, .products-guides-hero, .guide-hero-tight, .guide-hero, .resource-hero, .resource-explainer-hero, .resource-platform-hero, .resource-download-hero, .publishing-hero, .inv-hero, .build-hero-tight, .redirect-hero) .cta-row > .btn,
:is(.home-hero, .about-hero, .contact-hero, .engineering-hero, .feedback-hero, .legal-hero, .pricing-hero, .after-beta-hero, .products-hero, .ops-hero, .sched-hero, .table-hero, .pos-hero, .label-hero, .products-guides-hero, .guide-hero-tight, .guide-hero, .resource-hero, .resource-explainer-hero, .resource-platform-hero, .resource-download-hero, .publishing-hero, .inv-hero, .build-hero-tight, .redirect-hero) .cta-row > a.btn {
  align-items: center;
  justify-content: center;
  text-align: center;
}

:is(.home-hero, .about-hero, .contact-hero, .engineering-hero, .feedback-hero, .legal-hero, .pricing-hero, .after-beta-hero, .products-hero, .ops-hero, .sched-hero, .table-hero, .pos-hero, .label-hero, .products-guides-hero, .guide-hero-tight, .guide-hero, .resource-hero, .resource-explainer-hero, .resource-platform-hero, .resource-download-hero, .publishing-hero, .inv-hero, .build-hero-tight, .redirect-hero) .btn-primary {
  box-shadow: 0 20px 48px rgba(15, 95, 232, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

:is(.home-hero, .about-hero, .contact-hero, .engineering-hero, .feedback-hero, .legal-hero, .pricing-hero, .after-beta-hero, .products-hero, .ops-hero, .sched-hero, .table-hero, .pos-hero, .label-hero, .products-guides-hero, .guide-hero-tight, .guide-hero, .resource-hero, .resource-explainer-hero, .resource-platform-hero, .resource-download-hero, .publishing-hero, .inv-hero, .build-hero-tight, .redirect-hero) .btn-primary:hover {
  box-shadow: 0 24px 56px rgba(15, 95, 232, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.24);
}

:is(.home-hero, .about-hero, .contact-hero, .engineering-hero, .feedback-hero, .legal-hero, .pricing-hero, .after-beta-hero, .products-hero, .ops-hero, .sched-hero, .table-hero, .pos-hero, .label-hero, .products-guides-hero, .guide-hero-tight, .guide-hero, .resource-hero, .resource-explainer-hero, .resource-platform-hero, .resource-download-hero, .publishing-hero, .inv-hero, .build-hero-tight, .redirect-hero) .btn-secondary {
  background: rgba(255, 255, 255, 0.98);
  color: #08111f;
  border-color: rgba(255, 255, 255, 0.34);
  box-shadow: 0 18px 42px rgba(2, 8, 23, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

:is(.home-hero, .about-hero, .contact-hero, .engineering-hero, .feedback-hero, .legal-hero, .pricing-hero, .after-beta-hero, .products-hero, .ops-hero, .sched-hero, .table-hero, .pos-hero, .label-hero, .products-guides-hero, .guide-hero-tight, .guide-hero, .resource-hero, .resource-explainer-hero, .resource-platform-hero, .resource-download-hero, .publishing-hero, .inv-hero, .build-hero-tight, .redirect-hero) .btn-secondary:hover {
  background: #ffffff;
  border-color: rgba(255, 255, 255, 0.52);
  box-shadow: 0 22px 48px rgba(2, 8, 23, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

:is(.home-hero, .about-hero, .contact-hero, .engineering-hero, .feedback-hero, .legal-hero, .pricing-hero, .after-beta-hero, .products-hero, .ops-hero, .sched-hero, .table-hero, .pos-hero, .label-hero, .products-guides-hero, .guide-hero-tight, .guide-hero, .resource-hero, .resource-explainer-hero, .resource-platform-hero, .resource-download-hero, .publishing-hero, .inv-hero, .build-hero-tight, .redirect-hero) .btn-ghost {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.24);
  box-shadow: 0 16px 38px rgba(2, 8, 23, 0.18);
}

:is(.home-hero, .about-hero, .contact-hero, .engineering-hero, .feedback-hero, .legal-hero, .pricing-hero, .after-beta-hero, .products-hero, .ops-hero, .sched-hero, .table-hero, .pos-hero, .label-hero, .products-guides-hero, .guide-hero-tight, .guide-hero, .resource-hero, .resource-explainer-hero, .resource-platform-hero, .resource-download-hero, .publishing-hero, .inv-hero, .build-hero-tight, .redirect-hero) .btn-ghost:hover {
  background: rgba(255, 255, 255, 0.14);
  border-color: rgba(255, 255, 255, 0.34);
  box-shadow: 0 20px 44px rgba(2, 8, 23, 0.22);
}

.hero-meta-note {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  margin-top: 0.95rem;
  padding: 0.62rem 0.88rem;
  border-radius: 999px;
  background: rgba(8, 18, 34, 0.74);
  border: 1px solid rgba(255, 255, 255, 0.17);
  color: rgba(244, 249, 255, 0.97) !important;
  box-shadow: 0 16px 38px rgba(2, 8, 23, 0.24);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.24);
}

.hero-meta-note strong {
  color: #ffffff;
}

.resource-hero .nav-pill i {
  color: var(--color-primary-400);
}

.site-footer {
  display: block;
  visibility: visible;
  opacity: 1;
  position: relative;
  z-index: 12;
  clear: both;
}

.site-footer .footer-branding,
.site-footer .footer-nav-col,
.site-footer .footer-bottom {
  opacity: 1;
}


.redirect-hero {
  padding: clamp(7.25rem, 12vw, 9rem) 0 5rem;
  text-align: center;
}

.redirect-hero .redirect-hero-copy {
  max-width: 46rem;
  margin: 0 auto;
}

.redirect-hero .hero-sub {
  max-width: 40rem;
  margin: 1rem auto 0;
  color: rgba(236, 243, 255, 0.96);
}

.redirect-hero .redirect-hero-actions {
  justify-content: center;
}

.home-hero :is(h1, .hero-sub, .hero-support-note, .hero-note-list li, .hero-note-list strong, .hero-panel strong, .hero-panel span, .hero-summary strong, .hero-summary span),
.about-hero :is(h1, .hero-sub, .hero-support-note, .hero-note-list li, .hero-note-list strong, .hero-panel strong, .hero-panel span, .hero-summary strong, .hero-summary span),
.contact-hero :is(h1, .hero-sub, .hero-support-note, .hero-note-list li, .hero-note-list strong),
.engineering-hero :is(h1, .hero-sub, .hero-support-note, .hero-note-list li, .hero-note-list strong),
.feedback-hero :is(h1, .hero-sub, .hero-support-note, .hero-note-list li, .hero-note-list strong),
.legal-hero :is(h1, .hero-sub, .hero-support-note, .hero-note-list li, .hero-note-list strong),
.pricing-hero :is(h1, .hero-sub, .hero-support-note, .hero-note-list li, .hero-note-list strong),
.after-beta-hero :is(h1, .hero-sub, .hero-support-note, .hero-note-list li, .hero-note-list strong),
.products-hero :is(h1, .hero-sub, .hero-support-note, .hero-note-list li, .hero-note-list strong, .hero-panel strong, .hero-panel span, .hero-summary strong, .hero-summary span),
.ops-hero :is(h1, .hero-sub, .hero-support-note, .hero-note-list li, .hero-note-list strong),
.sched-hero :is(h1, .hero-sub, .hero-support-note, .hero-note-list li, .hero-note-list strong),
.table-hero :is(h1, .hero-sub, .hero-support-note, .hero-note-list li, .hero-note-list strong),
.pos-hero :is(h1, .hero-sub, .hero-support-note, .hero-note-list li, .hero-note-list strong),
.label-hero :is(h1, .hero-sub, .hero-support-note, .hero-note-list li, .hero-note-list strong),
.products-guides-hero :is(h1, .hero-sub, .hero-support-note, .hero-note-list li, .hero-note-list strong),
.guide-hero-tight :is(h1, .hero-sub, .hero-support-note, .hero-note-list li, .hero-note-list strong),
.guide-hero :is(h1, .hero-sub, .hero-support-note, .hero-note-list li, .hero-note-list strong),
.resource-hero :is(h1, .hero-sub, .hero-support-note, .hero-note-list li, .hero-note-list strong),
.resource-explainer-hero :is(h1, .hero-sub, .hero-support-note, .hero-note-list li, .hero-note-list strong),
.resource-platform-hero :is(h1, .hero-sub, .hero-support-note, .hero-note-list li, .hero-note-list strong),
.resource-download-hero :is(h1, .hero-sub, .hero-support-note, .hero-note-list li, .hero-note-list strong),
.publishing-hero :is(h1, .hero-sub, .hero-support-note, .hero-note-list li, .hero-note-list strong),
.inv-hero :is(h1, .hero-sub, .hero-support-note, .hero-note-list li, .hero-note-list strong),
.build-hero-tight :is(h1, .hero-sub, .hero-support-note, .hero-note-list li, .hero-note-list strong),
.redirect-hero :is(h1, .hero-sub) {
  text-shadow: 0 2px 20px rgba(2, 8, 23, 0.34);
}

.home-hero :is(.hero-sub, .hero-support-note, .hero-note-list li, .hero-panel span, .hero-summary span),
.about-hero :is(.hero-sub, .hero-support-note, .hero-note-list li, .hero-panel span, .hero-summary span),
.contact-hero :is(.hero-sub, .hero-support-note, .hero-note-list li),
.engineering-hero :is(.hero-sub, .hero-support-note, .hero-note-list li),
.feedback-hero :is(.hero-sub, .hero-support-note, .hero-note-list li),
.legal-hero :is(.hero-sub, .hero-support-note, .hero-note-list li),
.pricing-hero :is(.hero-sub, .hero-support-note, .hero-note-list li),
.after-beta-hero :is(.hero-sub, .hero-support-note, .hero-note-list li),
.products-hero :is(.hero-sub, .hero-support-note, .hero-note-list li, .hero-panel span, .hero-summary span),
.ops-hero :is(.hero-sub, .hero-support-note, .hero-note-list li),
.sched-hero :is(.hero-sub, .hero-support-note, .hero-note-list li),
.table-hero :is(.hero-sub, .hero-support-note, .hero-note-list li),
.pos-hero :is(.hero-sub, .hero-support-note, .hero-note-list li),
.label-hero :is(.hero-sub, .hero-support-note, .hero-note-list li),
.products-guides-hero :is(.hero-sub, .hero-support-note, .hero-note-list li),
.guide-hero-tight :is(.hero-sub, .hero-support-note, .hero-note-list li),
.guide-hero :is(.hero-sub, .hero-support-note, .hero-note-list li),
.resource-hero :is(.hero-sub, .hero-support-note, .hero-note-list li),
.resource-explainer-hero :is(.hero-sub, .hero-support-note, .hero-note-list li),
.resource-platform-hero :is(.hero-sub, .hero-support-note, .hero-note-list li),
.resource-download-hero :is(.hero-sub, .hero-support-note, .hero-note-list li),
.publishing-hero :is(.hero-sub, .hero-support-note, .hero-note-list li),
.inv-hero :is(.hero-sub, .hero-support-note, .hero-note-list li),
.build-hero-tight :is(.hero-sub, .hero-support-note, .hero-note-list li) {
  color: rgba(236, 243, 255, 0.96);
}

.site-footer {
  margin-top: 0;
}


/* =========================
   Pass 96 redirect-shell cleanup + legacy resource route polish
   ========================= */
.redirect-hero .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.45rem 0.82rem;
  border-radius: 999px;
  background: rgba(148, 197, 255, 0.16);
  border: 1px solid rgba(191, 219, 254, 0.34);
  color: #f8fbff !important;
  box-shadow: 0 10px 30px rgba(2, 8, 23, 0.22);
}

.redirect-hero .btn-ghost {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.24);
  color: #ffffff;
}

.redirect-hero .btn-ghost:hover {
  background: rgba(255, 255, 255, 0.14);
  border-color: rgba(255, 255, 255, 0.34);
}

.redirect-hero .hero-sub {
  padding: 0.88rem 1rem;
  border-radius: 18px;
  background: rgba(8, 18, 34, 0.64);
  border: 1px solid rgba(255, 255, 255, 0.15);
  box-shadow: 0 18px 46px rgba(2, 8, 23, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

/* =========================
   Pass 99 mobile/tablet first-screen spacing + anchor-offset refinement
   ========================= */
:root {
  --he-anchor-offset: 8rem;
}

html,
body {
  scroll-padding-top: var(--he-anchor-offset);
}

main :is(section, article, div)[id] {
  scroll-margin-top: var(--he-anchor-offset);
}

main > section:first-child:is(
  .home-hero,
  .about-hero,
  .pricing-hero,
  .products-hero,
  .products-guides-hero,
  .ops-hero,
  .sched-hero,
  .table-hero,
  .pos-hero,
  .label-hero,
  .guide-hero-tight,
  .guide-hero,
  .resource-platform-hero,
  .resource-explainer-hero,
  .resource-operations-hero,
  .resource-scheduling-hero,
  .resource-compare-hero,
  .resource-hero,
  .engineering-hero,
  .build-hero-tight,
  .inv-hero,
  .publishing-hero,
  .contact-hero,
  .feedback-hero,
  .legal-hero,
  .resource-download-hero,
  .redirect-hero
) :is(.inv-quick-note, .inv-panel-note, .lead-secondary, .hero-info-copy, .bread, .legal-note) {
  color: rgba(238, 244, 255, 0.97);
}

main > section:first-child:is(
  .home-hero,
  .about-hero,
  .pricing-hero,
  .products-hero,
  .products-guides-hero,
  .ops-hero,
  .sched-hero,
  .table-hero,
  .pos-hero,
  .label-hero,
  .guide-hero-tight,
  .guide-hero,
  .resource-platform-hero,
  .resource-explainer-hero,
  .resource-operations-hero,
  .resource-scheduling-hero,
  .resource-compare-hero,
  .resource-hero,
  .engineering-hero,
  .build-hero-tight,
  .inv-hero,
  .publishing-hero,
  .contact-hero,
  .feedback-hero,
  .legal-hero,
  .resource-download-hero,
  .redirect-hero
) :is(.inv-quick-note a, .inv-panel-note a, .bread a, .hero-inline-link, a.resource-hero-link) {
  color: #ffffff;
  text-decoration: underline;
  text-decoration-color: rgba(191, 219, 254, 0.9);
  text-underline-offset: 0.16em;
}

main > section:first-child:is(
  .home-hero,
  .about-hero,
  .pricing-hero,
  .products-hero,
  .products-guides-hero,
  .ops-hero,
  .sched-hero,
  .table-hero,
  .pos-hero,
  .label-hero,
  .guide-hero-tight,
  .guide-hero,
  .resource-platform-hero,
  .resource-explainer-hero,
  .resource-operations-hero,
  .resource-scheduling-hero,
  .resource-compare-hero,
  .resource-hero,
  .engineering-hero,
  .build-hero-tight,
  .inv-hero,
  .publishing-hero,
  .contact-hero,
  .feedback-hero,
  .legal-hero,
  .resource-download-hero,
  .redirect-hero
) :is(.content-jump-links a, .product-anchor-links a, .about-anchor-links a, .guide-nav a, .nav-pill) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.7rem;
}

@media (max-width: 900px) {
  :root {
    --he-anchor-offset: 7.5rem;
  }
}

@media (max-width: 820px) {
  main > section:first-child:is(
    .home-hero,
    .about-hero,
    .pricing-hero,
    .products-hero,
    .products-guides-hero,
    .ops-hero,
    .sched-hero,
    .table-hero,
    .pos-hero,
    .label-hero,
    .guide-hero-tight,
    .guide-hero,
    .resource-platform-hero,
    .resource-explainer-hero,
    .resource-operations-hero,
    .resource-scheduling-hero,
    .resource-compare-hero,
    .resource-hero,
    .engineering-hero,
    .build-hero-tight,
    .inv-hero,
    .publishing-hero,
    .contact-hero,
    .feedback-hero,
    .legal-hero,
    .resource-download-hero,
    .redirect-hero
  ) {
    padding-top: clamp(5.2rem, 12vw, 6.15rem);
  }

  main > section:first-child:is(
    .home-hero,
    .about-hero,
    .pricing-hero,
    .products-hero,
    .products-guides-hero,
    .ops-hero,
    .sched-hero,
    .table-hero,
    .pos-hero,
    .label-hero,
    .guide-hero-tight,
    .guide-hero,
    .resource-platform-hero,
    .resource-explainer-hero,
    .resource-operations-hero,
    .resource-scheduling-hero,
    .resource-compare-hero,
    .resource-hero,
    .engineering-hero,
    .build-hero-tight,
    .inv-hero,
    .publishing-hero,
    .contact-hero,
    .feedback-hero,
    .legal-hero,
    .resource-download-hero,
    .redirect-hero
  ) :is(.cta-row, .content-jump-links, .product-anchor-links, .about-anchor-links, .guide-nav, .nav-pills-container, .inv-actions-primary) {
    margin-top: 1.05rem;
  }
}

@media (max-width: 680px) {
  :root {
    --he-anchor-offset: 6.85rem;
  }

  main > section:first-child.home-hero .home-hero-copy,
  main > section:first-child.about-hero > .container,
  main > section:first-child.pricing-hero > .container,
  main > section:first-child.products-guides-hero > .container,
  main > section:first-child.guide-hero-tight > .container,
  main > section:first-child.guide-hero > .container,
  main > section:first-child.resource-platform-hero > .container,
  main > section:first-child.resource-explainer-hero > .container,
  main > section:first-child.resource-operations-hero > .container,
  main > section:first-child.resource-scheduling-hero > .container,
  main > section:first-child.resource-compare-hero > .container,
  main > section:first-child.resource-hero > .container,
  main > section:first-child.engineering-hero > .container,
  main > section:first-child.build-hero-tight > .container,
  main > section:first-child.feedback-hero > .container,
  main > section:first-child.products-hero .product-hero-copy,
  main > section:first-child.ops-hero .product-hero-copy,
  main > section:first-child.sched-hero .product-hero-copy,
  main > section:first-child.table-hero .product-hero-copy,
  main > section:first-child.pos-hero .product-hero-copy,
  main > section:first-child.label-hero .product-hero-copy,
  main > section:first-child.inv-hero .inv-hero-grid > div,
  main > section:first-child.publishing-hero .publishing-hero-copy,
  main > section:first-child.contact-hero .section-head,
  main > section:first-child.legal-hero .section-head,
  main > section:first-child.resource-download-hero .section-head,
  main > section:first-child.redirect-hero .redirect-hero-copy {
    padding: 1.05rem;
  }
}

@media (max-width: 520px) {
  :root {
    --he-anchor-offset: 6.35rem;
  }

  main > section:first-child:is(
    .home-hero,
    .about-hero,
    .pricing-hero,
    .products-hero,
    .products-guides-hero,
    .ops-hero,
    .sched-hero,
    .table-hero,
    .pos-hero,
    .label-hero,
    .guide-hero-tight,
    .guide-hero,
    .resource-platform-hero,
    .resource-explainer-hero,
    .resource-operations-hero,
    .resource-scheduling-hero,
    .resource-compare-hero,
    .resource-hero,
    .engineering-hero,
    .build-hero-tight,
    .inv-hero,
    .publishing-hero,
    .contact-hero,
    .feedback-hero,
    .legal-hero,
    .resource-download-hero,
    .redirect-hero
  ) {
    padding-top: 4.85rem;
  }
}

/* =========================
   Pass 100 first-screen mobile action visibility + tighter header clearance
   ========================= */
@media (max-width: 820px) {
  main > section:first-child:is(
    .home-hero,
    .about-hero,
    .pricing-hero,
    .products-hero,
    .products-guides-hero,
    .ops-hero,
    .sched-hero,
    .table-hero,
    .pos-hero,
    .label-hero,
    .guide-hero-tight,
    .guide-hero,
    .resource-platform-hero,
    .resource-explainer-hero,
    .resource-operations-hero,
    .resource-scheduling-hero,
    .resource-compare-hero,
    .resource-hero,
    .engineering-hero,
    .build-hero-tight,
    .inv-hero,
    .publishing-hero,
    .contact-hero,
    .feedback-hero,
    .legal-hero,
    .resource-download-hero,
    .redirect-hero
  ) {
    padding-top: clamp(5.45rem, 12.6vw, 6.35rem);
  }

  main > section:first-child:is(
    .home-hero,
    .about-hero,
    .pricing-hero,
    .products-hero,
    .products-guides-hero,
    .ops-hero,
    .sched-hero,
    .table-hero,
    .pos-hero,
    .label-hero,
    .guide-hero-tight,
    .guide-hero,
    .resource-platform-hero,
    .resource-explainer-hero,
    .resource-operations-hero,
    .resource-scheduling-hero,
    .resource-compare-hero,
    .resource-hero,
    .engineering-hero,
    .build-hero-tight,
    .inv-hero,
    .publishing-hero,
    .contact-hero,
    .feedback-hero,
    .legal-hero,
    .resource-download-hero,
    .redirect-hero
  ) :is(.content-jump-links, .product-anchor-links, .about-anchor-links, .guide-nav, .nav-pills-container) {
    flex-wrap: wrap;
    overflow: visible;
    justify-content: center;
    gap: 0.68rem;
    row-gap: 0.68rem;
    padding-right: 0;
  }

  main > section:first-child:is(
    .home-hero,
    .about-hero,
    .pricing-hero,
    .products-hero,
    .products-guides-hero,
    .ops-hero,
    .sched-hero,
    .table-hero,
    .pos-hero,
    .label-hero,
    .guide-hero-tight,
    .guide-hero,
    .resource-platform-hero,
    .resource-explainer-hero,
    .resource-operations-hero,
    .resource-scheduling-hero,
    .resource-compare-hero,
    .resource-hero,
    .engineering-hero,
    .build-hero-tight,
    .inv-hero,
    .publishing-hero,
    .contact-hero,
    .feedback-hero,
    .legal-hero,
    .resource-download-hero,
    .redirect-hero
  ) :is(.content-jump-links a, .product-anchor-links a, .about-anchor-links a, .guide-nav a, .nav-pill) {
    max-width: 100%;
    white-space: normal;
    text-align: center;
  }
}

@media (max-width: 560px) {
  main > section:first-child:is(
    .home-hero,
    .about-hero,
    .pricing-hero,
    .products-hero,
    .products-guides-hero,
    .ops-hero,
    .sched-hero,
    .table-hero,
    .pos-hero,
    .label-hero,
    .guide-hero-tight,
    .guide-hero,
    .resource-platform-hero,
    .resource-explainer-hero,
    .resource-operations-hero,
    .resource-scheduling-hero,
    .resource-compare-hero,
    .resource-hero,
    .engineering-hero,
    .build-hero-tight,
    .inv-hero,
    .publishing-hero,
    .contact-hero,
    .feedback-hero,
    .legal-hero,
    .resource-download-hero,
    .redirect-hero
  ) :is(.cta-row, .inv-actions-primary, .redirect-hero-actions, .resource-download-hero .cta-row) {
    flex-direction: column;
    align-items: stretch;
    gap: 0.78rem;
  }

  main > section:first-child:is(
    .home-hero,
    .about-hero,
    .pricing-hero,
    .products-hero,
    .products-guides-hero,
    .ops-hero,
    .sched-hero,
    .table-hero,
    .pos-hero,
    .label-hero,
    .guide-hero-tight,
    .guide-hero,
    .resource-platform-hero,
    .resource-explainer-hero,
    .resource-operations-hero,
    .resource-scheduling-hero,
    .resource-compare-hero,
    .resource-hero,
    .engineering-hero,
    .build-hero-tight,
    .inv-hero,
    .publishing-hero,
    .contact-hero,
    .feedback-hero,
    .legal-hero,
    .resource-download-hero,
    .redirect-hero
  ) :is(.cta-row .btn, .inv-actions-primary .btn, .redirect-hero-actions .btn, .resource-download-hero .cta-row .btn) {
    width: 100%;
    justify-content: center;
    min-height: 3rem;
  }
}

@media (max-width: 520px) {
  main > section:first-child:is(
    .home-hero,
    .about-hero,
    .pricing-hero,
    .products-hero,
    .products-guides-hero,
    .ops-hero,
    .sched-hero,
    .table-hero,
    .pos-hero,
    .label-hero,
    .guide-hero-tight,
    .guide-hero,
    .resource-platform-hero,
    .resource-explainer-hero,
    .resource-operations-hero,
    .resource-scheduling-hero,
    .resource-compare-hero,
    .resource-hero,
    .engineering-hero,
    .build-hero-tight,
    .inv-hero,
    .publishing-hero,
    .contact-hero,
    .feedback-hero,
    .legal-hero,
    .resource-download-hero,
    .redirect-hero
  ) {
    padding-top: 5.15rem;
  }
}



/* =========================
   Pass 101 tablet first-screen visibility + footer consistency polish
   ========================= */
@media (max-width: 1024px) {
  main > section:first-child:is(
    .home-hero,
    .about-hero,
    .pricing-hero,
    .products-hero,
    .products-guides-hero,
    .ops-hero,
    .sched-hero,
    .table-hero,
    .pos-hero,
    .label-hero,
    .guide-hero-tight,
    .guide-hero,
    .resource-platform-hero,
    .resource-explainer-hero,
    .resource-operations-hero,
    .resource-scheduling-hero,
    .resource-compare-hero,
    .resource-hero,
    .engineering-hero,
    .build-hero-tight,
    .inv-hero,
    .publishing-hero,
    .contact-hero,
    .feedback-hero,
    .legal-hero,
    .resource-download-hero,
    .redirect-hero
  ) :is(.content-jump-links, .product-anchor-links, .about-anchor-links, .guide-nav, .nav-pills-container) {
    flex-wrap: wrap;
    overflow: visible;
    justify-content: center;
    gap: 0.72rem;
    row-gap: 0.72rem;
    padding-right: 0;
    padding-bottom: 0;
    scrollbar-width: auto;
  }

  main > section:first-child:is(
    .home-hero,
    .about-hero,
    .pricing-hero,
    .products-hero,
    .products-guides-hero,
    .ops-hero,
    .sched-hero,
    .table-hero,
    .pos-hero,
    .label-hero,
    .guide-hero-tight,
    .guide-hero,
    .resource-platform-hero,
    .resource-explainer-hero,
    .resource-operations-hero,
    .resource-scheduling-hero,
    .resource-compare-hero,
    .resource-hero,
    .engineering-hero,
    .build-hero-tight,
    .inv-hero,
    .publishing-hero,
    .contact-hero,
    .feedback-hero,
    .legal-hero,
    .resource-download-hero,
    .redirect-hero
  ) :is(.content-jump-links a, .product-anchor-links a, .about-anchor-links a, .guide-nav a, .nav-pill) {
    max-width: 100%;
    white-space: normal;
    text-align: center;
    min-height: 2.85rem;
    align-items: center;
    justify-content: center;
  }

  main > section:first-child:is(
    .home-hero,
    .about-hero,
    .pricing-hero,
    .products-hero,
    .products-guides-hero,
    .ops-hero,
    .sched-hero,
    .table-hero,
    .pos-hero,
    .label-hero,
    .guide-hero-tight,
    .guide-hero,
    .resource-platform-hero,
    .resource-explainer-hero,
    .resource-operations-hero,
    .resource-scheduling-hero,
    .resource-compare-hero,
    .resource-hero,
    .engineering-hero,
    .build-hero-tight,
    .inv-hero,
    .publishing-hero,
    .contact-hero,
    .feedback-hero,
    .legal-hero,
    .resource-download-hero,
    .redirect-hero
  ) :is(.cta-row, .inv-actions-primary, .contact-hero-actions, .redirect-hero-actions) {
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 0.82rem;
  }

  main > section:first-child:is(
    .home-hero,
    .about-hero,
    .pricing-hero,
    .products-hero,
    .products-guides-hero,
    .ops-hero,
    .sched-hero,
    .table-hero,
    .pos-hero,
    .label-hero,
    .guide-hero-tight,
    .guide-hero,
    .resource-platform-hero,
    .resource-explainer-hero,
    .resource-operations-hero,
    .resource-scheduling-hero,
    .resource-compare-hero,
    .resource-hero,
    .engineering-hero,
    .build-hero-tight,
    .inv-hero,
    .publishing-hero,
    .contact-hero,
    .feedback-hero,
    .legal-hero,
    .resource-download-hero,
    .redirect-hero
  ) :is(.eyebrow, .hero-meta-note) {
    color: rgba(248, 250, 252, 0.98);
  }

  main > section:first-child:is(
    .home-hero,
    .about-hero,
    .pricing-hero,
    .products-hero,
    .products-guides-hero,
    .ops-hero,
    .sched-hero,
    .table-hero,
    .pos-hero,
    .label-hero,
    .guide-hero-tight,
    .guide-hero,
    .resource-platform-hero,
    .resource-explainer-hero,
    .resource-operations-hero,
    .resource-scheduling-hero,
    .resource-compare-hero,
    .resource-hero,
    .engineering-hero,
    .build-hero-tight,
    .inv-hero,
    .publishing-hero,
    .contact-hero,
    .feedback-hero,
    .legal-hero,
    .resource-download-hero,
    .redirect-hero
  ) :is(.lead, .hero-sub, .hero-support-note, .hero-note-list li, .hero-note-list strong, .hero-panel span, .hero-summary span) {
    color: rgba(241, 245, 249, 0.98);
  }

  .site-footer {
    padding-top: 3.9rem;
    padding-bottom: 2.35rem;
  }

  .site-footer :is(.footer-nav-col a, .footer-email, .footer-branding p) {
    color: #d7e2f0;
  }

  .site-footer .footer-grid {
    gap: 2.15rem;
  }
}

@media (max-width: 900px) {
  .site-footer .footer-grid {
    grid-template-columns: 1fr;
  }

  .site-footer .footer-inline-actions {
    justify-content: stretch;
  }

  .site-footer .footer-inline-actions > * {
    width: 100%;
  }

  .site-footer .footer-bottom {
    gap: 0.65rem;
  }
}


/* =========================
   Pass 102 pricing and about hero background — makes these two pages visually
   consistent with every other major page on the site. The dark glass container
   was already in place (passes 53/56); these rules add the matching dark section
   background so the backdrop-filter and box-shadow resolve against an actual
   dark surface instead of the body's light gradient.
   ========================= */
body.page-pricing .pricing-hero {
  background:
    radial-gradient(circle at 16% 18%, rgba(70, 196, 255, 0.2), transparent 26%),
    radial-gradient(circle at 84% 20%, rgba(61, 140, 255, 0.16), transparent 24%),
    radial-gradient(circle at 50% 100%, rgba(15, 95, 232, 0.14), transparent 28%),
    linear-gradient(150deg, #061120 0%, #0d1d33 52%, #112542 100%);
}

body.page-about .about-hero {
  background:
    radial-gradient(circle at 14% 16%, rgba(191, 219, 254, 0.18), transparent 30%),
    radial-gradient(circle at 88% 10%, rgba(70, 196, 255, 0.16), transparent 26%),
    radial-gradient(circle at 54% 100%, rgba(15, 95, 232, 0.12), transparent 28%),
    linear-gradient(135deg, #081427 0%, #10203a 54%, #1556d8 100%);
}


/* =========================
   Pass 202 premium sales polish
   ========================= */
.entry-badge,
.price-card-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  width: fit-content;
  margin: 0.15rem 0 0.75rem;
  padding: 0.45rem 0.82rem;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(15, 95, 232, 0.12), rgba(70, 196, 255, 0.18));
  border: 1px solid rgba(27, 117, 255, 0.18);
  color: var(--color-primary-700);
  font-weight: 800;
  letter-spacing: -0.01em;
}

.entry-value-note,
.price-card-copy-strong {
  color: #9a3412;
  font-weight: 700;
}

.price-card-billing {
  display: grid;
  gap: 0.55rem;
  margin: 0.9rem 0 0.8rem;
}

.price-card-line {
  margin: 0;
  padding: 0.78rem 0.9rem;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(15, 23, 42, 0.08);
  color: var(--color-text-strong);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

.price-card-line strong {
  color: var(--color-text-strong);
}

.price-card-list {
  margin: 0.85rem 0 0;
  padding-left: 1.1rem;
  color: var(--color-text-muted);
}

.price-card-list li + li {
  margin-top: 0.45rem;
}

.sales-note-band {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1.4rem;
}

.sales-note-card {
  padding: 1.25rem;
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(239,245,255,0.94) 100%);
  border: 1px solid rgba(27, 117, 255, 0.12);
  box-shadow: var(--elevation-xs);
}

.sales-note-card h3 {
  margin-bottom: 0.45rem;
  font-size: 1.02rem;
}

.sales-note-card p {
  margin: 0;
}

.app-card-price {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 0.82rem 0.95rem;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(255, 247, 237, 0.92), rgba(255, 237, 213, 0.96));
  border: 1px solid rgba(249, 115, 22, 0.16);
  color: #9a3412;
  font-weight: 700;
}

.panel-note-premium {
  margin-top: 0.85rem;
}

.footer-subnote {
  margin-top: 1rem;
  margin-bottom: 0;
  color: #dbe7f5;
}

.footer-subnote a {
  color: #ffffff;
  text-decoration: underline;
  text-decoration-color: rgba(191, 219, 254, 0.78);
  text-underline-offset: 0.18em;
}

@media (max-width: 980px) {
  .sales-note-band {
    grid-template-columns: 1fr;
  }
}

/* =========================
   Pass 203 tablet/mobile visual QA polish
   Tightens pricing and buyer-facing card layouts at tablet widths,
   prevents badge/text overflow, and makes action groups breathe
   better before the site is pushed live.
   ========================= */
.entry-badge,
.price-card-badge {
  max-width: 100%;
  white-space: normal;
  line-height: 1.2;
}

.price-card-amount,
.price-card-line,
.app-card-price,
.footer-subnote {
  overflow-wrap: anywhere;
}

.price-card-amount {
  line-height: 1.08;
}

.price-card-panel {
  height: 100%;
}

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

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

@media (max-width: 760px) {
  .price-card-grid,
  .sales-note-band {
    grid-template-columns: 1fr;
  }

  .entry-card .cta-row,
  .app-card .cta-row,
  .guide-card .cta-row,
  .reader-card .cta-row,
  .u-cta-center,
  .platform-confidence-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .entry-card .cta-row > .btn,
  .entry-card .cta-row > a.btn,
  .app-card .cta-row > .btn,
  .app-card .cta-row > a.btn,
  .guide-card .cta-row > .btn,
  .guide-card .cta-row > a.btn,
  .reader-card .cta-row > .btn,
  .reader-card .cta-row > a.btn,
  .u-cta-center > .btn,
  .u-cta-center > a.btn,
  .platform-confidence-actions > .btn,
  .platform-confidence-actions > a.btn {
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 560px) {
  .price-card-panel,
  .sales-note-card {
    padding: 1.15rem;
  }

  .price-card-line,
  .app-card-price {
    padding: 0.72rem 0.82rem;
  }
}



/* =========================
   Pass 206 visibility refinement
   Slightly darkens shared light-surface copy and brightens muted text on dark hero surfaces
   so homepage and public marketing sections stay readable without changing layout.
   ========================= */
.hero-action-note,
.hero-proof-item,
.hero-proof-item p,
.hero-proof-item span,
.home-hero-copy .hero-microcopy,
.home-hero-copy > p {
  color: rgba(235, 243, 252, 0.95);
}

.hero-proof-item a:not([class]),
.hero-action-note a:not([class]) {
  color: #f2f8ff;
}

.verify-card p,
.visual-card figcaption,
.route-map-caption,
.route-map-path-label,
.metric-note {
  color: var(--color-text-soft);
}

.site-footer .footer-nav-col a,
.site-footer .footer-email {
  color: #c8d5e2;
}

.site-footer .footer-bottom {
  color: #9fb2c6;
}

/* =========================
   Pass 205 homepage/pricing visual refinement
   Adds premium proof strips to the buyer-facing hero sections,
   strengthens card presentation with cleaner top accents, and
   makes pricing comparisons feel more intentional above the fold.
   ========================= */
.hero-action-note {
  margin-top: 0.95rem;
  margin-bottom: 0;
  max-width: 58rem;
  color: rgba(235, 243, 252, 0.95);
}

.hero-action-note a:not([class]) {
  color: #dff0ff;
}

.hero-proof-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.95rem;
  margin-top: 1.25rem;
}

.hero-proof-item {
  padding: 1rem 1.05rem;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 20px 48px rgba(8, 15, 31, 0.16);
  backdrop-filter: blur(12px);
}

.hero-proof-item strong {
  display: block;
  margin-bottom: 0.3rem;
  color: var(--color-white);
  font-size: 0.98rem;
}

.hero-proof-item span,
.hero-proof-item p,
.hero-proof-item {
  color: rgba(235, 243, 252, 0.94);
  line-height: 1.62;
  font-size: 0.93rem;
}

.hero-proof-item a:not([class]) {
  color: #dff0ff;
  text-decoration-color: rgba(223, 240, 255, 0.65);
}

.entry-card,
.app-card,
.price-card-panel {
  position: relative;
  overflow: hidden;
}

.entry-card::before,
.app-card::before,
.price-card-panel::before {
  content: '';
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: linear-gradient(90deg, rgba(15, 95, 232, 0.94), rgba(70, 196, 255, 0.92), rgba(249, 115, 22, 0.88));
  opacity: 0.95;
}

.entry-card::after,
.app-card::after,
.price-card-panel::after {
  content: '';
  position: absolute;
  inset: auto -3rem -4rem auto;
  width: 10rem;
  height: 10rem;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(61, 140, 255, 0.12), transparent 68%);
  pointer-events: none;
}

.entry-card.featured::before,
.price-card-panel.featured::before {
  height: 5px;
}

.price-card-panel {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(247, 250, 255, 0.98) 64%, rgba(239, 245, 255, 0.98) 100%);
}

.price-card-panel.featured {
  transform: translateY(-2px);
  box-shadow: 0 30px 80px rgba(15, 95, 232, 0.16);
}

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

.price-card-line {
  min-height: 100%;
}

.price-card-line strong {
  display: block;
  margin-bottom: 0.18rem;
  font-size: 0.82rem;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--color-text-soft);
}

.sales-note-card,
.hero-sidecard,
.decision-mini,
.verify-card {
  position: relative;
  overflow: hidden;
}

.sales-note-card::before,
.hero-sidecard::after,
.decision-mini::after,
.verify-card::before {
  content: '';
  position: absolute;
  inset: auto -15% -32% auto;
  width: 9rem;
  height: 9rem;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(70, 196, 255, 0.1), transparent 70%);
  pointer-events: none;
}

.app-card .entry-list,
.price-card-list {
  position: relative;
  z-index: 1;
}

@media (max-width: 1160px) {
  .hero-proof-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .hero-proof-strip,
  .price-card-billing {
    grid-template-columns: 1fr;
  }

  .hero-proof-item {
    padding: 0.95rem 0.98rem;
  }
}


/* =========================
   Pass 208 resources + site-index credibility polish
   Gives the public proof/discovery surfaces a more premium
   card treatment and clearer route guidance.
   ========================= */
.site-index-hero .hero-proof-strip,
.resource-hero .hero-proof-strip {
  margin-bottom: 1rem;
}

.site-index-card,
.site-index-purpose-card {
  position: relative;
  overflow: hidden;
}

.site-index-card::before,
.site-index-purpose-card::before {
  content: '';
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: linear-gradient(90deg, rgba(15, 95, 232, 0.94), rgba(70, 196, 255, 0.92), rgba(249, 115, 22, 0.88));
}

.site-index-card::after,
.site-index-purpose-card::after {
  content: '';
  position: absolute;
  inset: auto -2.5rem -3rem auto;
  width: 8.5rem;
  height: 8.5rem;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(61, 140, 255, 0.12), transparent 68%);
  pointer-events: none;
}

.site-index-card__title {
  margin-top: 0.75rem;
  margin-bottom: 0.6rem;
}

.site-index-card__note {
  margin-bottom: 0.95rem;
  color: var(--color-text-soft);
}

.site-index-card__route {
  margin-bottom: 0;
  padding: 0.75rem 0.85rem;
  border-radius: 16px;
  background: rgba(15, 23, 42, 0.04);
  font-size: 0.92rem;
  word-break: break-word;
}

.site-index-card__route a {
  color: var(--color-text);
  text-decoration-color: rgba(15, 95, 232, 0.28);
}


.site-index-card__route--live {
  margin-top: 0.7rem;
}

.site-index-card__actions {
  margin-top: 0.9rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.site-index-card__actions .btn {
  min-width: 0;
}

.page-site-index .section-head .eyebrow,
.page-resources-index .section-head .eyebrow {
  display: inline-flex;
  margin-bottom: 0.55rem;
}

@media (max-width: 760px) {
  .site-index-card__route {
    padding: 0.72rem 0.78rem;
    font-size: 0.89rem;
  }
}


/* =========================
   Pass 209 company/resource visual QA polish
   Unifies the trust-route treatment across About, Legal,
   Investor, Resources, and Site Index so the public proof
   surfaces feel like one premium system.
   ========================= */
.proof-route-section .section-head {
  max-width: 60rem;
}

.proof-route-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
}

.proof-route-card {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.proof-route-card::before {
  content: '';
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: linear-gradient(90deg, rgba(15, 95, 232, 0.94), rgba(70, 196, 255, 0.92), rgba(249, 115, 22, 0.88));
}

.proof-route-card::after {
  content: '';
  position: absolute;
  inset: auto -2.75rem -3rem auto;
  width: 9rem;
  height: 9rem;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(61, 140, 255, 0.12), transparent 68%);
  pointer-events: none;
}

.proof-route-card .mini-badge {
  align-self: flex-start;
  margin-bottom: 0.85rem;
}

.proof-route-card h3 {
  margin-bottom: 0.65rem;
}

.proof-route-card p {
  margin-bottom: 0.95rem;
  color: var(--color-text-soft);
}

.proof-route-card__link {
  margin-top: auto;
  font-weight: 800;
  color: var(--color-primary-700);
  text-decoration: underline;
  text-decoration-thickness: 0.09em;
  text-decoration-color: rgba(15, 95, 232, 0.28);
  text-underline-offset: 0.18em;
}

.page-about .about-visual-card,
.page-investor .inv-diligence-card,
.page-site-index .site-index-card,
.page-site-index .site-index-purpose-card,
.page-resources-index .resource-card,
.page-legal .legal-summary-card,
.proof-route-card {
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.page-about .about-visual-card:hover,
.page-investor .inv-diligence-card:hover,
.page-site-index .site-index-card:hover,
.page-site-index .site-index-purpose-card:hover,
.page-resources-index .resource-card:hover,
.page-legal .legal-summary-card:hover,
.proof-route-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--elevation-md);
}

.page-about .about-visual-card {
  display: flex;
  flex-direction: column;
}

.page-about .about-visual-caption {
  margin-top: 0.95rem;
}

.page-investor .inv-diligence-card,
.page-site-index .site-index-card,
.page-resources-index .resource-card {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.page-investor .inv-diligence-card a,
.page-resources-index .resource-card .btn-resource {
  margin-top: auto;
}

.page-legal .legal-summary-card ul,
.page-about .proof-route-card p,
.page-legal .proof-route-card p,
.page-site-index .site-index-card__note,
.page-resources-index .resource-card p {
  line-height: 1.72;
}

@media (max-width: 1100px) {
  .proof-route-grid,
  .hero-proof-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .proof-route-grid {
    grid-template-columns: 1fr;
  }

  .proof-route-card {
    padding-top: 1.15rem;
  }
}

/* =========================
   Pass 204 page-by-page visibility sweep
   Tightens support-copy contrast on the public company, resource,
   pricing, publishing, and directory pages without changing layout,
   hierarchy, routing, or commercial content.
   ========================= */
.page-about .about-visual-caption,
.page-about .proof-route-card p,
.page-legal .proof-route-card p,
.page-legal .legal-summary-card ul,
.page-legal .legal-note,
.page-site-index .site-index-card__note,
.page-site-index .site-index-card__route,
.page-site-index .site-index-purpose-card p,
.page-resources-index .resource-card p,
.page-resources-index .resource-routing-note,
.page-resources-index .section-routing-note,
.page-resources-index .media-card__caption,
.page-pricing .sales-note-card p,
.page-publishing .apply-intro,
.page-publishing .list-soft,
.page-training .list-soft,
.page-ai .list-soft,
.related-links small {
  color: var(--color-text-soft);
}

.page-site-index .site-index-card__route,
.page-resources-index .resource-routing-note,
.page-resources-index .section-routing-note {
  line-height: 1.72;
}

.page-site-index .site-index-card__route {
  background: rgba(15, 23, 42, 0.055);
  border: 1px solid rgba(15, 23, 42, 0.08);
}

.page-site-index .site-index-card__route a {
  color: var(--color-text-strong);
  text-decoration-color: rgba(15, 95, 232, 0.24);
}

.page-about .about-visual-caption,
.page-resources-index .media-card__caption {
  border-top-color: rgba(15, 23, 42, 0.1);
}

.page-publishing .apply-intro,
.page-publishing .list-soft,
.page-training .list-soft,
.page-ai .list-soft {
  line-height: 1.72;
}


/* =========================
   Pass 205 page-by-page visibility sweep
   Tightens helper copy, captions, pricing notes, and related-link support text
   on the deeper product and resource pages without changing structure or CTAs.
   ========================= */
.page-products .price-card-copy,
.page-products .product-card p,
.page-products .cost-card p,
.page-products .reader-highlight p,
.page-products .products-index-bottom-line-copy,
.page-products .products-index-close-copy,
.page-products-guides .product-card .stat-line,
.page-operations .product-mini-card p,
.page-operations .visual-card figcaption,
.page-operations .faq-item p,
.page-operations .step-card p,
.page-operations .price-card-copy,
.page-scheduling .product-mini-card p,
.page-scheduling .visual-card figcaption,
.page-scheduling .faq-item p,
.page-scheduling .step-card p,
.page-scheduling .price-card-copy,
.page-pos .check-card p,
.page-pos .faq-item p,
.page-pos .price-card-copy,
.page-table .plan-note,
.page-table .he-photo-card figcaption,
.page-table .faq-item p,
.page-label .price-card-copy,
.page-label .he-photo-card figcaption,
.page-label .faq-item p,
.page-resources-index .guide-card p,
.page-resources-index .route-card p,
.page-resources-index .workflow-card p,
.page-resources-index .note-card p,
.page-resource-operations .step-card p,
.page-resource-operations .faq-item p,
.page-resource-scheduling .step-card p,
.page-resource-scheduling .faq-item p,
.page-resource-compare .step-card p,
.page-resource-compare .faq-item p,
.page-resource-waitlist .implementation-step p,
.page-resource-waitlist .faq-item p {
  color: var(--color-text-muted);
}

.page-products .product-card .meta,
.page-products .price-card-amount small,
.page-products-guides .product-card .meta-label,
.page-operations .ops-tier-price small,
.page-operations .ops-tier-annual,
.page-operations .related-links small,
.page-scheduling .related-links small,
.page-pos .related-links small,
.page-pos .price-card-amount small,
.page-table .plan-price small,
.page-table .plan-meta,
.page-table .related-resources small,
.page-label .price-card-amount small,
.page-label .related-links small,
.page-resource-operations .related-links small,
.page-resource-scheduling .related-links small,
.page-resource-compare .related-links small,
.page-resource-waitlist .related-links small {
  color: var(--color-text-soft);
}

.page-products .price-card-copy,
.page-products-guides .product-card .stat-line,
.page-operations .price-card-copy,
.page-scheduling .price-card-copy,
.page-pos .price-card-copy,
.page-label .price-card-copy,
.page-table .plan-note,
.page-table .plan-meta,
.page-operations .related-links small,
.page-scheduling .related-links small,
.page-pos .related-links small,
.page-table .related-resources small,
.page-label .related-links small,
.page-resource-operations .related-links small,
.page-resource-scheduling .related-links small,
.page-resource-compare .related-links small,
.page-resource-waitlist .related-links small {
  line-height: 1.72;
}

.page-products-guides .product-card .stat-line strong,
.page-products .product-card .meta strong,
.page-operations .ops-tier-price,
.page-scheduling .price-card-amount,
.page-pos .price-card-amount,
.page-label .price-card-amount,
.page-table .plan-price {
  color: var(--color-text-strong);
}




/* =========================
   Pass 208 shared public readability sweep
   Tightens the remaining shared proof, pricing, KPI, and closing-copy text
   layers so the last muted support text reads clearly without changing layout.
   ========================= */
.vp-browser-label,
.vp-panel-label,
.guide-kpi .kpi-label,
body.page-pricing .route-price-lock,
body.page-pricing .route-card-note {
  color: var(--color-text-soft);
}

.vp-panel p,
.vp-panel-items li,
.vp-checklist,
.vp-implementation,
.review-path-card p,
.review-path-step-list,
.legal-summary-card ul,
.platform-proof-card p,
.platform-proof-list,
.confidence-card p,
.review-card p,
.review-step-list,
.bundle-card p,
.product-card p,
.cost-card p,
.reader-highlight p,
.pricing-card p,
.note-card p,
.compare-card p,
.decision-card p,
.pricing-summary p,
.reader-benefit-card p,
.reader-highlight ul,
.pricing-summary ul,
.section-shell .closing-copy {
  color: var(--color-text-muted);
}

.he-photo-card figcaption,
body.page-pricing .route-card-note-primary,
.product-card .stat-line {
  color: var(--color-text-soft);
}

.hero-panel span {
  color: var(--color-text-on-dark-muted);
}

.vp-browser-label,
.vp-panel-label,
.vp-panel p,
.vp-panel-items li,
.vp-checklist,
.vp-implementation,
.review-path-card p,
.review-path-step-list,
.platform-proof-card p,
.platform-proof-list,
.confidence-card p,
.review-card p,
.review-step-list,
.bundle-card p,
.product-card p,
.cost-card p,
.reader-highlight p,
.pricing-card p,
.note-card p,
.compare-card p,
.decision-card p,
.pricing-summary p,
.reader-benefit-card p,
.reader-highlight ul,
.pricing-summary ul,
.he-photo-card figcaption,
.section-shell .closing-copy,
body.page-pricing .route-card-note,
body.page-pricing .route-card-note-primary {
  line-height: 1.72;
}

/* =========================
   Pass 207 long-form visibility sweep
   Tightens hero support notes, helper copy, and compact metadata on the
   remaining public narrative pages without changing layout, hierarchy, or routing.
   ========================= */
.page-training .hero-support-note,
.page-training .hero-note-list,
.page-training .hero-note-list li,
.page-ai .hero-support-note,
.page-ai .hero-note-list,
.page-ai .hero-note-list li,
.page-publishing .publishing-hero-copy .hero-support-note,
.page-publishing .publishing-hero-copy .hero-note-list,
.page-publishing .publishing-hero-copy .hero-note-list li,
.page-contact .contact-hero .hero-support-note,
.page-contact .contact-hero .hero-note-list,
.page-contact .contact-hero .hero-note-list li,
.page-feedback-agreement .feedback-hero .hero-support-note,
.page-feedback-agreement .feedback-hero .hero-note-list,
.page-feedback-agreement .feedback-hero .hero-note-list li,
.page-legal .legal-hero .hero-support-note,
.page-legal .legal-hero .hero-note-list,
.page-legal .legal-hero .hero-note-list li {
  color: rgba(244, 249, 255, 0.97) !important;
}

.page-training .hero-note-list strong,
.page-ai .hero-note-list strong,
.page-publishing .publishing-hero-copy .hero-note-list strong,
.page-contact .contact-hero .hero-note-list strong,
.page-feedback-agreement .feedback-hero .hero-note-list strong,
.page-legal .legal-hero .hero-note-list strong {
  color: #ffffff !important;
}

.page-publishing .publishing-hero-copy .lead-secondary,
.page-contact .contact-intro .info-card p,
.page-contact .contact-note,
.page-contact .form-note,
.page-feedback-agreement .feedback-summary-card p,
.page-feedback-agreement .feedback-summary-card li,
.page-training .list-soft,
.page-ai .list-soft,
.page-engineering .list-soft,
.page-legal .legal-meta-note,
.page-investor .inv-panel-note,
.page-investor .inv-quick-note,
.page-investor .inv-note-legal,
.page-publishing .book-meta ul,
.page-publishing .book-meta li {
  color: var(--color-text-muted);
}

.page-publishing .book-meta {
  background: linear-gradient(180deg, #f8fbff 0%, #f2f7ff 100%);
  border-left-color: var(--color-primary-700);
  box-shadow: 0 12px 26px rgba(8, 15, 31, 0.06);
}

.page-publishing .book-meta h4,
.page-publishing .book-meta li strong,
.page-contact .contact-intro .info-card h2,
.page-feedback-agreement .feedback-summary-card strong,
.page-legal .legal-meta-note strong,
.page-investor .inv-note-legal strong {
  color: var(--color-text-strong);
}

.page-contact .contact-note,
.page-contact .form-note,
.page-feedback-agreement .feedback-summary-card p,
.page-feedback-agreement .feedback-summary-card li,
.page-publishing .book-meta ul,
.page-publishing .book-meta li,
.page-training .list-soft,
.page-ai .list-soft,
.page-engineering .list-soft {
  line-height: 1.74;
}

.page-contact .contact-intro .info-card,
.page-feedback-agreement .feedback-summary-card,
.page-publishing .book-meta {
  border-color: rgba(15, 23, 42, 0.12);
}


/* =========================
   Pass 209 footer and helper visibility sweep
   Keeps the last shared low-contrast support layers readable on every public route
   without changing layout, hierarchy, or navigation structure.
   ========================= */
.site-footer .footer-branding p,
.site-footer .footer-nav-col a,
.site-footer .footer-email {
  color: #d7e4f1;
}

.site-footer .footer-bottom {
  color: #c2d1df;
}

.footer-subnote {
  color: #e4eef8;
}

.redirect-hero .eyebrow {
  color: #e5f3ff;
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.12);
}

.redirect-hero .hero-sub {
  color: rgba(244, 249, 255, 0.98);
}

.route-price-lock,
body.page-pricing .route-card-note,
.route-map-caption,
.media-card__caption,
.metric-note {
  color: var(--color-text-muted);
}

/* =========================
   Pass 211 shared compact-copy readability sweep
   Strengthens the remaining small-print proof/pricing/modal metadata so the
   last shared helper text reads clearly without changing layout or content.
   ========================= */
.vp-browser-label,
.vp-panel-label,
body.page-pricing .route-price-lock,
body.page-pricing .route-card-note,
.product-mini-card .meta-label,
.page-products-guides .product-card .meta-label,
.page-operations .ops-tier-price small,
.page-operations .ops-tier-annual,
.page-table .plan-price small,
.page-table .plan-meta {
  color: var(--color-text-soft);
}

.vp-browser-label,
.vp-panel-label,
body.page-pricing .route-price-lock,
.product-mini-card .meta-label,
.page-products-guides .product-card .meta-label,
.page-operations .ops-tier-price small,
.page-operations .ops-tier-annual,
.page-table .plan-price small,
.page-table .plan-meta {
  font-weight: 700;
}

.vp-panel p,
.review-path-card p,
.review-path-step-list,
body.page-pricing .route-card-note,
body.page-pricing .route-card-note-primary,
.he-modal-lead,
.he-modal-item-body p,
.he-modal-note,
.offer-callout-copy p,
.ops-tier-desc,
.product-mini-card p,
.stack-note {
  color: var(--color-text-muted);
  line-height: 1.72;
}

.he-modal-note strong,
body.page-pricing .route-card-note strong {
  color: var(--color-text-strong);
}

/* =========================
   Pass 294 premium visual-system cadence
   Tightens section rhythm, anchor behavior, card polish, and button emphasis
   across the homepage, products hub, pricing, resources hub, and Ops buyer page
   without changing routes or core page structure.
   ========================= */
body.page-home main section[id],
body.page-products main section[id],
body.page-pricing main section[id],
body.page-operations main section[id],
body.page-resources-index main section[id] {
  scroll-margin-top: 7.5rem;
}

body.page-home .section-head,
body.page-products .section-head,
body.page-pricing .section-head,
body.page-operations .section-head,
body.page-resources-index .section-head {
  margin-bottom: clamp(1rem, 1.3vw, 1.35rem);
}

body.page-home .section-head.centered,
body.page-products .section-head.centered,
body.page-pricing .section-head.centered,
body.page-operations .section-head.centered,
body.page-resources-index .section-head.centered {
  margin-inline: auto;
}

body.page-home .section-head > h2,
body.page-products .section-head > h2,
body.page-pricing .section-head > h2,
body.page-operations .section-head > h2,
body.page-resources-index .section-head > h2 {
  max-width: 18ch;
  text-wrap: balance;
}

body.page-home .section-head > p,
body.page-products .section-head > p,
body.page-pricing .section-head > p,
body.page-operations .section-head > p,
body.page-resources-index .section-head > p {
  max-width: 60rem;
}

body.page-home .quick-route-card,
body.page-home .verify-card,
body.page-home .value-card,
body.page-products .page-route-card,
body.page-products .price-card-panel,
body.page-products .card,
body.page-pricing .page-route-card,
body.page-pricing .price-card-panel,
body.page-pricing .sales-note-card,
body.page-pricing .card,
body.page-operations .product-side-card,
body.page-operations .product-cta-band,
body.page-operations .card,
body.page-resources-index .resource-card,
body.page-resources-index .media-card,
body.page-resources-index .card {
  border-radius: 24px;
  box-shadow: 0 18px 44px rgba(8, 15, 31, 0.08);
  transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease, background 0.24s ease;
}

body.page-products .card,
body.page-pricing .card,
body.page-operations .card,
body.page-resources-index .card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(247, 250, 255, 0.97) 100%);
  border: 1px solid rgba(15, 23, 42, 0.1);
}

body.page-products .page-route-card,
body.page-pricing .page-route-card,
body.page-home .quick-route-card,
body.page-resources-index .resource-card,
body.page-pricing .sales-note-card,
body.page-operations .product-side-card {
  overflow: hidden;
  position: relative;
}

body.page-products .page-route-card::after,
body.page-pricing .page-route-card::after,
body.page-home .quick-route-card::after,
body.page-resources-index .resource-card::after,
body.page-pricing .sales-note-card::after,
body.page-operations .product-side-card::after {
  content: '';
  position: absolute;
  inset: auto -12% -30% auto;
  width: 10rem;
  height: 10rem;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(61, 140, 255, 0.12), transparent 68%);
  pointer-events: none;
}

@media (hover: hover) {
  body.page-home .quick-route-card:hover,
  body.page-home .verify-card:hover,
  body.page-home .value-card:hover,
  body.page-products .page-route-card:hover,
  body.page-products .price-card-panel:hover,
  body.page-pricing .page-route-card:hover,
  body.page-pricing .price-card-panel:hover,
  body.page-pricing .sales-note-card:hover,
  body.page-operations .product-side-card:hover,
  body.page-operations .card:hover,
  body.page-resources-index .resource-card:hover,
  body.page-resources-index .media-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 28px 68px rgba(8, 15, 31, 0.14);
    border-color: rgba(27, 117, 255, 0.18);
  }
}

body.page-home .quick-route-card:first-child,
body.page-products .page-route-card--featured,
body.page-pricing .page-route-card--featured,
body.page-products .price-card-panel.featured,
body.page-pricing .price-card-panel.featured {
  border-color: rgba(27, 117, 255, 0.22);
  box-shadow: 0 28px 72px rgba(15, 95, 232, 0.16);
}

body.page-home .quick-route-card h3,
body.page-products .page-route-card h3,
body.page-pricing .page-route-card h3,
body.page-pricing .sales-note-card h3,
body.page-operations .product-side-card h3,
body.page-operations .product-cta-band h2,
body.page-resources-index .resource-card h3 {
  text-wrap: balance;
}

body.page-home .quick-route-card p,
body.page-products .page-route-card p,
body.page-pricing .page-route-card p,
body.page-pricing .sales-note-card p,
body.page-operations .product-side-card p,
body.page-resources-index .resource-card p,
body.page-resources-index .media-card__caption {
  line-height: 1.68;
}

body.page-home .quick-route-card .cta-row,
body.page-products .page-route-card .cta-row,
body.page-products .app-card .cta-row,
body.page-pricing .page-route-card .cta-row,
body.page-pricing .card .cta-row,
body.page-operations .product-side-card .cta-row,
body.page-operations .product-cta-band .cta-row,
body.page-resources-index .resource-card__actions {
  gap: 0.75rem;
  align-items: flex-start;
}

body.page-home .quick-route-card .btn,
body.page-products .page-route-card .btn,
body.page-products .app-card .btn,
body.page-pricing .page-route-card .btn,
body.page-pricing .card .btn,
body.page-operations .product-side-card .btn,
body.page-operations .product-cta-band .btn,
body.page-resources-index .btn-resource {
  min-height: 46px;
}

body.page-resources-index .btn-resource {
  background: rgba(255, 255, 255, 0.92);
  border-color: rgba(27, 117, 255, 0.18);
  box-shadow: 0 14px 32px rgba(8, 15, 31, 0.08);
}

body.page-resources-index .btn-resource:hover {
  background: #ffffff;
  border-color: rgba(27, 117, 255, 0.28);
  box-shadow: 0 20px 42px rgba(8, 15, 31, 0.12);
}

body.page-products .price-card-grid,
body.page-pricing .price-card-grid {
  align-items: stretch;
}

body.page-products .price-card-panel,
body.page-pricing .price-card-panel,
body.page-pricing .sales-note-card {
  padding: 1.6rem;
}

body.page-products .price-card-copy,
body.page-pricing .price-card-copy,
body.page-pricing .price-card-list,
body.page-pricing .sales-note-card p {
  max-width: 42rem;
}

body.page-operations .product-side-card,
body.page-operations .product-inline-nav,
body.page-operations .product-cta-band {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

body.page-operations .product-inline-nav {
  border-radius: 24px;
  box-shadow: 0 18px 44px rgba(8, 15, 31, 0.1);
}

body.page-home .home-anchor-row,
body.page-resources-index .nav-pills-container,
body.page-operations .product-anchor-links,
body.page-products .page-route-grid,
body.page-pricing .page-route-grid {
  scroll-padding-inline: 1rem;
}

@media (max-width: 720px) {
  body.page-home .section-head > h2,
  body.page-products .section-head > h2,
  body.page-pricing .section-head > h2,
  body.page-operations .section-head > h2,
  body.page-resources-index .section-head > h2 {
    max-width: none;
  }

  body.page-home .quick-route-card,
  body.page-products .page-route-card,
  body.page-products .price-card-panel,
  body.page-pricing .page-route-card,
  body.page-pricing .price-card-panel,
  body.page-pricing .sales-note-card,
  body.page-operations .product-side-card,
  body.page-operations .product-cta-band,
  body.page-resources-index .resource-card,
  body.page-resources-index .media-card {
    border-radius: 20px;
  }
}

/* =========================
   Pass 333 — Page-family differentiation
   These rules create visible above-the-fold differences
   between commercial, trust, diligence, and editorial pages.
   ========================= */

/* --- Header CTA softening for non-commercial pages --- */
.nav-cta-soft {
  background: transparent;
  color: var(--color-primary-600);
  border: 1.5px solid var(--color-primary-600);
  font-weight: 600;
  padding: 0.55em 1.25em;
  font-size: 0.92rem;
}
.nav-cta-soft:hover,
.nav-cta-soft:focus-visible {
  background: var(--color-primary-600);
  color: #fff;
}

/* --- Quiet footer: reduce branding weight on non-commercial pages --- */
.site-footer[data-footer-mode="quiet"] .footer-branding {
  max-width: 26rem;
}
.site-footer[data-footer-mode="quiet"] .footer-branding p {
  font-size: 0.88rem;
  line-height: 1.55;
}


/* =========================
   Pass 409 shared hero alignment and copy de-dup
   Standardizes the top-shell rhythm across trust, diligence,
   editorial, and core buyer pages without changing page roles.
   ========================= */
.page-hero-shared {
  padding-top: clamp(3.1rem, 4vw, 4.6rem);
  padding-bottom: clamp(2.8rem, 3.6vw, 4rem);
}

.page-hero-shared.hero-has-overlap {
  padding-bottom: 8rem;
}

.page-hero-shared .hero-shell {
  display: grid;
  gap: 1rem;
  align-items: start;
  max-width: 60rem;
}

body[data-page-family="trust"] .page-hero-shared .hero-shell {
  max-width: 56rem;
}

body[data-page-family="diligence"] .page-hero-shared .hero-shell {
  max-width: 58rem;
}

body[data-page-family="editorial"] .page-hero-shared .hero-shell {
  max-width: 57rem;
}

.page-hero-shared .badge,
.page-hero-shared h1,
.page-hero-shared p,
.page-hero-shared .hero-summary,
.page-hero-shared .hero-proof-strip,
.page-hero-shared .hero-support-note,
.page-hero-shared .cta-row,
.page-hero-shared .hero-action-note,
.page-hero-shared .content-jump-links {
  margin-top: 0;
  margin-bottom: 0;
}

.page-hero-shared h1 {
  max-width: 18ch;
}

.page-hero-shared .hero-shell-lead,
.page-hero-shared > .container > p:first-of-type,
.page-hero-shared .hero-shell > p:first-of-type {
  max-width: 48rem;
  font-size: clamp(1rem, 1.1vw, 1.1rem);
  line-height: 1.65;
}

.page-hero-shared .hero-summary {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.page-hero-shared .hero-support-note {
  max-width: 50rem;
}

.page-hero-shared .cta-row {
  margin-top: 0.1rem;
}

.page-hero-shared .hero-action-note {
  max-width: 50rem;
  font-size: 0.94rem;
  line-height: 1.58;
}

.page-hero-shared .content-jump-links {
  gap: 0.65rem;
}

.page-hero-shared .content-jump-links a {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.16);
  color: #f8fbff;
  box-shadow: 0 16px 34px rgba(2, 8, 23, 0.18);
}

.page-hero-shared .content-jump-links a:hover,
.page-hero-shared .content-jump-links a:focus-visible {
  background: rgba(255, 255, 255, 0.14);
  border-color: rgba(191, 219, 254, 0.36);
  color: #ffffff;
}

.page-hero-shared .hero-summary .hero-panel,
.page-hero-shared .hero-proof-item,
.page-hero-shared .hero-support-note {
  backdrop-filter: blur(12px);
}

@media (max-width: 900px) {
  .page-hero-shared .hero-summary,
  .page-hero-shared .hero-proof-strip {
    grid-template-columns: 1fr;
  }
}

/* --- Trust pages: calmer hero, softer spacing --- */
body[data-page-family="trust"] .hero,
body[data-page-family="trust"] .page-hero,
body[data-page-family="trust"] [class*="-hero"] {
  padding-top: 3.2rem;
  padding-bottom: 2.4rem;
}
body[data-page-family="trust"] .hero h1,
body[data-page-family="trust"] .page-hero h1,
body[data-page-family="trust"] [class*="-hero"] h1 {
  font-size: clamp(1.65rem, 3vw, 2.35rem);
  letter-spacing: -0.02em;
}
body[data-page-family="trust"] .hero p,
body[data-page-family="trust"] .page-hero p,
body[data-page-family="trust"] [class*="-hero"] p {
  font-size: clamp(0.98rem, 1.4vw, 1.12rem);
  max-width: 38rem;
}
body[data-page-family="trust"] .surface {
  padding-top: 2.8rem;
  padding-bottom: 2.8rem;
}

/* --- Diligence pages: proof-first, diagram-led rhythm --- */
body[data-page-family="diligence"] .hero,
body[data-page-family="diligence"] .page-hero,
body[data-page-family="diligence"] [class*="-hero"] {
  padding-top: 2.8rem;
  padding-bottom: 2rem;
}
body[data-page-family="diligence"] .hero h1,
body[data-page-family="diligence"] .page-hero h1,
body[data-page-family="diligence"] [class*="-hero"] h1 {
  font-size: clamp(1.55rem, 2.8vw, 2.2rem);
  letter-spacing: -0.015em;
}
body[data-page-family="diligence"] .hero p,
body[data-page-family="diligence"] .page-hero p,
body[data-page-family="diligence"] [class*="-hero"] p {
  font-size: clamp(0.95rem, 1.35vw, 1.08rem);
  max-width: 40rem;
}
body[data-page-family="diligence"] .surface {
  padding-top: 2.4rem;
  padding-bottom: 2.4rem;
}
body[data-page-family="diligence"] .card {
  border-left: 3px solid var(--color-primary-500);
}

/* --- Editorial pages: browse-first, reduced pitch language --- */
body[data-page-family="editorial"] .hero,
body[data-page-family="editorial"] .page-hero,
body[data-page-family="editorial"] [class*="-hero"] {
  padding-top: 2.6rem;
  padding-bottom: 2rem;
}
body[data-page-family="editorial"] .hero h1,
body[data-page-family="editorial"] .page-hero h1,
body[data-page-family="editorial"] [class*="-hero"] h1 {
  font-size: clamp(1.5rem, 2.6vw, 2.15rem);
  letter-spacing: -0.01em;
}
body[data-page-family="editorial"] .hero p,
body[data-page-family="editorial"] .page-hero p,
body[data-page-family="editorial"] [class*="-hero"] p {
  font-size: clamp(0.95rem, 1.3vw, 1.06rem);
  max-width: 36rem;
}
body[data-page-family="editorial"] .surface {
  padding-top: 2.2rem;
  padding-bottom: 2.2rem;
}

/* --- Commercial pages keep existing rhythm (no override needed) --- */

/* --- Reduce dark-card-inside-gradient sameness on non-commercial --- */
body[data-page-family="trust"] .card,
body[data-page-family="editorial"] .card {
  background: var(--color-surface-soft);
  border: 1px solid var(--color-border-soft);
  box-shadow: var(--elevation-xs);
}
body[data-page-family="trust"] .card h3,
body[data-page-family="editorial"] .card h3 {
  font-size: 1.05rem;
}
body[data-page-family="trust"] .card p,
body[data-page-family="editorial"] .card p {
  font-size: 0.92rem;
  line-height: 1.6;
}

/* --- CTA density: fewer bright CTAs on non-commercial pages --- */
body[data-page-family="trust"] .cta-row .btn-primary,
body[data-page-family="editorial"] .cta-row .btn-primary {
  font-size: 0.92rem;
  padding: 0.65em 1.4em;
}
body[data-page-family="trust"] .cta-row .btn-secondary,
body[data-page-family="editorial"] .cta-row .btn-secondary,
body[data-page-family="diligence"] .cta-row .btn-secondary {
  font-size: 0.88rem;
}

/* --- Section head: calmer eyebrow treatment on non-commercial --- */
body[data-page-family="trust"] .section-head .eyebrow,
body[data-page-family="editorial"] .section-head .eyebrow,
body[data-page-family="diligence"] .section-head .eyebrow {
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  opacity: 0.8;
}

/* =========================
   Pass 489 — runtime public-surface contrast authority
   Moves the washed-out public-route contrast fixes into the
   stylesheet that loads last, then carries the same readability
   into the first below-the-fold proof cards.
   ========================= */
body.page-about .about-hero--leadership .hero-main{
  background:linear-gradient(180deg, rgba(255,255,255,.99) 0%, rgba(248,251,255,.985) 100%);
  border:1px solid rgba(148,163,184,.2);
  box-shadow:0 24px 56px rgba(15,23,42,.12);
}
body.page-about .about-hero--leadership .badge{
  background:#eaf2ff;
  color:#1f4f8f;
  border-color:rgba(59,130,246,.2);
}
body.page-about .about-hero--leadership .hero-main > h1{
  color:#0f172a;
}
body.page-about .about-hero--leadership .hero-shell-lead,
body.page-about .about-hero--leadership .hero-action-note,
body.page-about .about-hero--leadership .hero-action-note a{
  color:#415065;
}
body.page-about .about-hero--leadership .hero-panel span{
  color:#39485d;
}
body.page-about #leadership .card,
body.page-about #who-we-are .card,
body.page-about .proof-route-card{
  background:linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
  border:1px solid rgba(15,23,42,.1);
  box-shadow:0 18px 42px rgba(15,23,42,.07);
}
body.page-about #leadership .card p,
body.page-about #who-we-are .card p,
body.page-about .proof-route-card p{
  color:#425166;
}
body.page-about #leadership .mini-badge,
body.page-about .proof-route-card .mini-badge{
  background:#eef4ff;
  color:#1d4ed8;
  border-color:rgba(59,130,246,.14);
}
body.page-about .proof-route-card__link{
  color:#1d4ed8;
}

body.page-resources-index .resource-hero--playbook .hero-main{
  background:linear-gradient(180deg, rgba(255,250,242,.996) 0%, rgba(255,255,255,.996) 100%);
  border:1px solid rgba(148,163,184,.22);
  box-shadow:0 24px 56px rgba(15,23,42,.12);
}
body.page-resources-index .resource-hero--playbook .badge{
  background:#f1e3c4;
  color:#7b4d0b;
  border-color:rgba(146,90,12,.22);
}
body.page-resources-index .resource-hero--playbook .hero-main > h1{
  color:#172338;
  text-shadow:none;
}
body.page-resources-index .resource-hero--playbook .hero-shell-lead,
body.page-resources-index .resource-hero--playbook .hero-action-note,
body.page-resources-index .resource-hero--playbook .hero-action-note a{
  color:#44556c;
}
body.page-resources-index .resource-hero--playbook .hero-panel span{
  color:#2f3f54;
}
body.page-resources-index .resource-hero--playbook .hero-proof-item span,
body.page-resources-index .resource-hero--playbook .hero-note-list,
body.page-resources-index .resource-hero--playbook .hero-note-list strong{
  color:#dce7f6;
}
body.page-resources-index .resource-hero--playbook .hero-support-note{
  background:rgba(2,8,23,.42);
  border-color:rgba(148,163,184,.18);
}
body.page-resources-index #start-here .resource-card,
body.page-resources-index .media-card{
  background:linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  border:1px solid rgba(15,23,42,.1);
  box-shadow:0 18px 42px rgba(15,23,42,.07);
}
body.page-resources-index #start-here .resource-card p,
body.page-resources-index .media-card__caption{
  color:#425166;
}
body.page-resources-index #start-here .badge-src{
  background:#eef4ff;
  color:#1d4ed8;
  border-color:rgba(59,130,246,.16);
}
body.page-resources-index #start-here .btn-resource{
  background:#ffffff;
  color:#1d4ed8;
  border-color:rgba(59,130,246,.18);
}

body.page-pricing .pricing-hero .hero-shell-lead,
body.page-pricing .pricing-hero .hero-action-note,
body.page-pricing .pricing-hero .hero-action-note a{
  color:#425166;
}
body.page-pricing .pricing-hero .hero-panel span,
body.page-pricing .pricing-hero .hero-proof-item span,
body.page-pricing .pricing-hero .hero-note-list,
body.page-pricing .pricing-hero .content-jump-links a{
  color:#3f4f64;
}
body.page-pricing .pricing-hero .hero-support-note{
  background:linear-gradient(180deg, #ffffff 0%, #eef4ff 100%);
  border-color:rgba(148,163,184,.18);
  box-shadow:0 18px 44px rgba(15,23,42,.08);
}
body.page-pricing .pricing-hero .content-jump-links a{
  background:#ffffff;
  border-color:rgba(148,163,184,.18);
}
body.page-pricing #pricing-start-here .page-route-card,
body.page-pricing .pricing-decision-callout{
  background:linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
  border:1px solid rgba(15,23,42,.1);
  box-shadow:0 18px 42px rgba(15,23,42,.07);
}
body.page-pricing #pricing-start-here .page-route-card p,
body.page-pricing .pricing-decision-callout p{
  color:#425166;
}
body.page-pricing #pricing-start-here .page-route-card .eyebrow{
  display:inline-flex;
  align-self:flex-start;
  padding:.3rem .72rem;
  border-radius:999px;
  background:#eef4ff;
  color:#1d4ed8;
  border:1px solid rgba(59,130,246,.14);
}

body.page-engineering .engineering-hero--diligence .hero-support-note{
  background:linear-gradient(180deg, #f6faff 0%, #edf4ff 100%);
  border-color:rgba(96,165,250,.16);
  box-shadow:0 18px 44px rgba(15,23,42,.08);
}
body.page-engineering .engineering-hero--diligence .hero-note-list,
body.page-engineering .engineering-hero--diligence .hero-note-list a{
  color:#304257;
}
body.page-engineering #architecture .card,
body.page-engineering #live-modules .card,
body.page-engineering #review-proof .card{
  background:linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
  border:1px solid rgba(15,23,42,.1);
  box-shadow:0 18px 42px rgba(15,23,42,.07);
}
body.page-engineering #architecture .card p,
body.page-engineering #live-modules .card p,
body.page-engineering #review-proof .card p,
body.page-engineering #review-proof .subtle{
  color:#425166;
}

body.page-investor .investor-thesis-hero .hero-main{
  padding:1.3rem 1.35rem 1.2rem;
  border-radius:30px;
  background:linear-gradient(180deg, #ffffff 0%, #f5f9ff 100%);
  border:1px solid rgba(148,163,184,.18);
  box-shadow:0 22px 54px rgba(15,23,42,.1);
}
body.page-investor .investor-thesis-hero .badge{
  background:#17365d;
  color:#f8fafc;
  border-color:rgba(59,130,246,.18);
}
body.page-investor .investor-thesis-hero .hero-main > h1{
  color:#0f2138;
}
body.page-investor .investor-thesis-hero .hero-shell-lead,
body.page-investor .investor-thesis-hero .hero-action-note,
body.page-investor .investor-thesis-hero .hero-action-note a{
  color:#33475d;
}
body.page-investor .investor-thesis-hero .hero-panel{
  background:#ffffff;
  border-color:rgba(15,23,42,.08);
  box-shadow:0 16px 38px rgba(15,23,42,.08);
}
body.page-investor .investor-thesis-hero .hero-panel span{
  color:#1f3046;
}
body.page-investor #company-snapshot .card,
body.page-investor #public-review .inv-diligence-card{
  background:linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
  border:1px solid rgba(15,23,42,.1);
  box-shadow:0 18px 42px rgba(15,23,42,.07);
}
body.page-investor #company-snapshot .card p,
body.page-investor #public-review .inv-diligence-card p,
body.page-investor .inv-panel-note{
  color:#425166;
}
body.page-investor #company-snapshot .inv-fact{
  background:#eef4ff;
  border-color:rgba(59,130,246,.14);
}
body.page-investor #company-snapshot .inv-fact span{
  color:#59708a;
}
body.page-investor #company-snapshot .inv-fact strong{
  color:#0f172a;
}

body.page-contact .contact-intake-head p,
body.page-contact .contact-reply-card p,
body.page-contact .contact-intro .info-card p,
body.page-contact .contact-note,
body.page-contact .form-note,
body.page-contact .field-hint{
  color:#425166;
}
body.page-contact .contact-reply-card,
body.page-contact .contact-intro .info-card,
body.page-contact .form-grid{
  background:linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  border:1px solid rgba(15,23,42,.1);
  box-shadow:0 18px 42px rgba(15,23,42,.07);
}
body.page-contact .contact-note{
  background:linear-gradient(180deg, #f8fbff 0%, #eef4ff 100%);
  border-color:rgba(59,130,246,.16);
}

/* =========================
   Pass 490 — second-screen public proof band cohesion
   Extends the runtime contrast authority from the hero and first-card
   tier into the next proof and guidance surfaces on the trust, editorial,
   and diligence pages without widening into structural rewrites.
   ========================= */
body.page-about .platform-proof{
  background:linear-gradient(180deg, #f5f9ff 0%, #edf4ff 100%);
  border-top:1px solid rgba(59,130,246,.10);
  border-bottom:1px solid rgba(59,130,246,.08);
}
body.page-about .platform-proof-badge{
  background:#eaf2ff;
  color:#1d4ed8;
  border:1px solid rgba(59,130,246,.14);
}
body.page-about .platform-proof-card,
body.page-about .platform-proof-strip{
  background:linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
  border:1px solid rgba(15,23,42,.10);
  box-shadow:0 18px 42px rgba(15,23,42,.07);
}
body.page-about .platform-proof-head p,
body.page-about .platform-proof-card p,
body.page-about .platform-proof-list,
body.page-about .platform-proof-list li,
body.page-about .platform-proof-strip p{
  color:#425166;
}

body.page-resources-index #platform-guides .category-header,
body.page-resources-index #foh-guides .category-header,
body.page-resources-index #templates .category-header,
body.page-resources-index #product-paths .category-header,
body.page-resources-index #training .category-header{
  padding:1.25rem 1.3rem;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(245,249,255,.98) 100%);
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 16px 38px rgba(15,23,42,.06);
}
body.page-resources-index #platform-guides .category-header p,
body.page-resources-index #foh-guides .category-header p,
body.page-resources-index #templates .category-header p,
body.page-resources-index #product-paths .category-header p,
body.page-resources-index #training .category-header p{
  color:#425166;
}
body.page-resources-index #platform-guides .category-icon,
body.page-resources-index #foh-guides .category-icon,
body.page-resources-index #templates .category-icon,
body.page-resources-index #product-paths .category-icon,
body.page-resources-index #training .category-icon{
  background:#eef4ff;
  color:#1d4ed8;
  border:1px solid rgba(59,130,246,.14);
  box-shadow:none;
}
body.page-resources-index #platform-guides .resource-card,
body.page-resources-index #foh-guides .resource-card,
body.page-resources-index #templates .resource-card,
body.page-resources-index #product-paths .resource-card,
body.page-resources-index #training .resource-card{
  background:linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  border:1px solid rgba(15,23,42,.10);
  box-shadow:0 18px 42px rgba(15,23,42,.07);
}
body.page-resources-index #platform-guides .resource-card p,
body.page-resources-index #foh-guides .resource-card p,
body.page-resources-index #templates .resource-card p,
body.page-resources-index #product-paths .resource-card p,
body.page-resources-index #training .resource-card p{
  color:#425166;
}
body.page-resources-index #platform-guides .badge-src,
body.page-resources-index #templates .badge-src,
body.page-resources-index #training .badge-src{
  background:#eef4ff;
  color:#1d4ed8;
  border-color:rgba(59,130,246,.16);
}

body.page-engineering .surface > .container.card,
body.page-engineering #eng-contact .card,
body.page-engineering .related-links a{
  background:linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
  border:1px solid rgba(15,23,42,.10);
  box-shadow:0 18px 42px rgba(15,23,42,.07);
}
body.page-engineering .surface > .container.card p,
body.page-engineering #eng-contact .card p,
body.page-engineering #eng-contact .list-soft,
body.page-engineering #eng-contact .list-soft li,
body.page-engineering .related-links a small,
body.page-engineering #eng-contact #eng-message-help{
  color:#425166;
}
body.page-engineering .related-links a{
  color:#10233a;
}
body.page-engineering #eng-contact .hero-support-note{
  background:linear-gradient(180deg, #f8fbff 0%, #eef4ff 100%);
  border-color:rgba(59,130,246,.15);
  box-shadow:none;
}
body.page-engineering #eng-contact .hero-note-list,
body.page-engineering #eng-contact .hero-note-list li,
body.page-engineering #eng-contact .hero-note-list strong{
  color:#314257;
}

body.page-investor .inv-band,
body.page-investor .surface .grid-2 > .card{
  background:linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
  border:1px solid rgba(15,23,42,.10);
  box-shadow:0 18px 42px rgba(15,23,42,.07);
}
body.page-investor .inv-band .lead,
body.page-investor .inv-band p,
body.page-investor .inv-band .inv-list,
body.page-investor .inv-band .inv-list li,
body.page-investor .surface .grid-2 > .card p,
body.page-investor .surface .grid-2 > .card .inv-list,
body.page-investor .surface .grid-2 > .card .inv-list li{
  color:#425166;
}
body.page-investor #public-review .inv-diligence-card a,
body.page-investor .inv-form-head strong{
  color:#1d4ed8;
}

body.page-contact .contact-intake-head{
  padding:1.25rem 1.35rem;
  border-radius:24px;
  background:linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 16px 38px rgba(15,23,42,.06);
}
body.page-contact .contact-intake-head h2,
body.page-contact .contact-reply-card h3,
body.page-contact .contact-intro .info-card h2{
  color:#0f172a;
}
body.page-contact .contact-reply-card .mini-badge,
body.page-contact .contact-intro .info-card .mini-badge{
  background:#eef4ff;
  color:#1d4ed8;
  border:1px solid rgba(59,130,246,.14);
}
body.page-contact .contact-note a,
body.page-contact .contact-intro .info-card a{
  color:#1d4ed8;
}
body.page-contact .contact-note{
  box-shadow:0 16px 38px rgba(15,23,42,.06);
}

/* =========================
   Pass 491 pricing decision-band finish
   Uses the last shared runtime pass to harden Pricing's middle and close sections
   so the commercial route stays as readable and intentional as the trust/diligence pages
   without widening into a structural rewrite.
   ========================= */
body.page-pricing #plan-size-guide,
body.page-pricing #bundle-math,
body.page-pricing #standalone-pricing {
  background: linear-gradient(180deg, #f8fbff 0%, #eef4ff 100%);
}

body.page-pricing #plan-size-guide .card,
body.page-pricing #agent-math-bridge .card,
body.page-pricing #standard-pricing .card,
body.page-pricing #proof .card,
body.page-pricing #objections .card,
body.page-pricing #bundle-math .card,
body.page-pricing #standalone-pricing .card,
body.page-pricing #pricing-close .card,
body.page-pricing .comparison-table {
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  border: 1px solid rgba(15, 23, 42, 0.10);
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.07);
}

body.page-pricing #agent-math-bridge .card,
body.page-pricing #pricing-close .card,
body.page-pricing .comparison-table {
  position: relative;
  overflow: hidden;
}

body.page-pricing #agent-math-bridge .card::before,
body.page-pricing #pricing-close .card::before,
body.page-pricing .comparison-table::before {
  content: '';
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: linear-gradient(90deg, rgba(15, 95, 232, 0.94), rgba(70, 196, 255, 0.92), rgba(249, 115, 22, 0.88));
}

body.page-pricing #plan-size-guide .section-head p,
body.page-pricing #agent-math-bridge .section-head p,
body.page-pricing #standard-pricing .section-head p,
body.page-pricing #proof .section-head p,
body.page-pricing #objections .section-head p,
body.page-pricing #bundle-math .section-head p,
body.page-pricing #comparison-table .section-head p,
body.page-pricing #standalone-pricing .section-head p,
body.page-pricing #pricing-close .card > p {
  color: #425166;
}

body.page-pricing #plan-size-guide .section-head,
body.page-pricing #agent-math-bridge .section-head,
body.page-pricing #standard-pricing .section-head,
body.page-pricing #proof .section-head,
body.page-pricing #objections .section-head,
body.page-pricing #bundle-math .section-head,
body.page-pricing #comparison-table .section-head,
body.page-pricing #standalone-pricing .section-head {
  max-width: 50rem;
}

body.page-pricing #plan-size-guide .card h3,
body.page-pricing #agent-math-bridge .card h3,
body.page-pricing #standard-pricing .card h3,
body.page-pricing #proof .card h3,
body.page-pricing #objections .card h3,
body.page-pricing #bundle-math .card h3,
body.page-pricing #standalone-pricing .card h3,
body.page-pricing #pricing-close .card h2,
body.page-pricing .comparison-table th {
  color: #0f172a;
}

body.page-pricing #plan-size-guide .card p,
body.page-pricing #agent-math-bridge .card p,
body.page-pricing #standard-pricing .card p,
body.page-pricing #proof .card p,
body.page-pricing #objections .card p,
body.page-pricing #bundle-math .card p,
body.page-pricing #standalone-pricing .card p,
body.page-pricing #pricing-close .entry-list,
body.page-pricing #pricing-close .entry-list li,
body.page-pricing #pricing-close .card > p,
body.page-pricing .comparison-table tbody th,
body.page-pricing .comparison-table tbody td {
  color: #425166;
}

body.page-pricing #standard-pricing .card strong,
body.page-pricing #bundle-math .card strong,
body.page-pricing #standalone-pricing .card strong,
body.page-pricing #pricing-close .entry-list strong,
body.page-pricing .comparison-table tbody th {
  color: #10233a;
}

body.page-pricing .comparison-table table {
  position: relative;
  z-index: 1;
}

body.page-pricing .comparison-table thead th {
  background: #eef4ff;
  color: #10233a;
}

body.page-pricing .comparison-table tbody tr:nth-child(even) {
  background: rgba(239, 245, 255, 0.42);
}

body.page-pricing #plan-size-guide .card,
body.page-pricing #standard-pricing .card,
body.page-pricing #proof .card,
body.page-pricing #objections .card,
body.page-pricing #bundle-math .card,
body.page-pricing #standalone-pricing .card {
  height: 100%;
}

body.page-pricing #pricing-close .card .eyebrow,
body.page-pricing #agent-math-bridge .card .btn-secondary,
body.page-pricing #standalone-pricing .card a:not(.btn),
body.page-pricing #pricing-close .card a:not(.btn) {
  color: #1d4ed8;
}


/* =========================
   Pass 492 exact public route hero contrast enforcement
   ========================= */
body.page-about .about-hero--leadership .badge,
body.page-resources-index .resource-hero--playbook .badge,
body.page-investor .investor-thesis-hero .badge,
body.page-contact .contact-hero--intake .badge {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body.page-about .about-hero--leadership .badge {
  background: #eaf2ff !important;
  color: #1e3a8a !important;
  border-color: rgba(59, 130, 246, 0.22) !important;
}

body.page-resources-index .resource-hero--playbook .badge {
  background: #f2e4c7 !important;
  color: #8a5208 !important;
  border-color: rgba(146, 90, 12, 0.24) !important;
}

body.page-investor .investor-thesis-hero .badge {
  background: #17365d !important;
  color: #f8fafc !important;
  border-color: rgba(96, 165, 250, 0.22) !important;
}

body.page-contact .contact-hero--intake .badge {
  background: #eaf2ff !important;
  color: #1d4ed8 !important;
  border-color: rgba(59, 130, 246, 0.18) !important;
}

body.page-about .about-hero--leadership .hero-main,
body.page-resources-index .resource-hero--playbook .hero-main,
body.page-pricing .pricing-hero .hero-main,
body.page-investor .investor-thesis-hero .hero-main {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.992) 0%, rgba(245, 248, 252, 0.992) 100%) !important;
  border: 1px solid rgba(148, 163, 184, 0.20) !important;
  box-shadow: 0 28px 70px rgba(15, 23, 42, 0.12) !important;
}

body.page-about .about-hero--leadership .hero-main > h1,
body.page-resources-index .resource-hero--playbook .hero-main > h1,
body.page-pricing .pricing-hero .hero-main > h1,
body.page-investor .investor-thesis-hero .hero-main > h1 {
  color: #0f172a !important;
  text-shadow: none !important;
}

body.page-resources-index .resource-hero--playbook .hero-main > h1,
body.page-investor .investor-thesis-hero .hero-main > h1 {
  max-width: 11.5ch;
}

body.page-about .about-hero--leadership .hero-shell-lead,
body.page-about .about-hero--leadership .hero-action-note,
body.page-about .about-hero--leadership .hero-action-note a,
body.page-resources-index .resource-hero--playbook .hero-shell-lead,
body.page-resources-index .resource-hero--playbook .hero-action-note,
body.page-resources-index .resource-hero--playbook .hero-action-note a,
body.page-pricing .pricing-hero .hero-shell-lead,
body.page-pricing .pricing-hero .hero-action-note,
body.page-pricing .pricing-hero .hero-action-note a,
body.page-investor .investor-thesis-hero .hero-shell-lead,
body.page-investor .investor-thesis-hero .hero-action-note,
body.page-investor .investor-thesis-hero .hero-action-note a,
body.page-contact .contact-hero--intake .hero-shell-lead,
body.page-contact .contact-hero--intake .hero-action-note,
body.page-contact .contact-hero--intake .hero-action-note a {
  color: #475569 !important;
}

body.page-about .about-hero--leadership .hero-shell-lead,
body.page-resources-index .resource-hero--playbook .hero-shell-lead,
body.page-pricing .pricing-hero .hero-shell-lead,
body.page-investor .investor-thesis-hero .hero-shell-lead {
  text-shadow: none !important;
}

body.page-about .about-hero--leadership .hero-panel span,
body.page-investor .investor-thesis-hero .hero-panel span,
body.page-pricing .pricing-hero .hero-panel span {
  color: #334155 !important;
}

body.page-investor .investor-thesis-hero .hero-panel {
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
  border-color: rgba(15, 23, 42, 0.10) !important;
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08) !important;
}

body.page-investor .investor-thesis-hero .hero-panel strong {
  color: #1d4ed8 !important;
}

body.page-pricing .pricing-hero .hero-support-note {
  background: linear-gradient(180deg, #ffffff 0%, #f3f7fc 100%) !important;
  border: 1px solid rgba(148, 163, 184, 0.22) !important;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08) !important;
}

body.page-pricing .pricing-hero .hero-note-list,
body.page-pricing .pricing-hero .hero-note-list strong,
body.page-pricing .pricing-hero .hero-support-note a,
body.page-pricing .pricing-hero .content-jump-links a {
  color: #334155 !important;
}

body.page-pricing .pricing-hero .content-jump-links a {
  background: #ffffff !important;
  border-color: rgba(148, 163, 184, 0.22) !important;
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.08) !important;
}

body.page-engineering .engineering-hero--diligence .hero-support-note {
  background: linear-gradient(180deg, rgba(10, 18, 34, 0.82) 0%, rgba(18, 34, 58, 0.92) 100%) !important;
  border: 1px solid rgba(148, 163, 184, 0.20) !important;
  box-shadow: 0 22px 50px rgba(2, 8, 23, 0.22) !important;
}

body.page-engineering .engineering-hero--diligence .hero-note-list,
body.page-engineering .engineering-hero--diligence .hero-note-list strong,
body.page-engineering .engineering-hero--diligence .hero-note-list a {
  color: #e8f1ff !important;
}

body.page-engineering .engineering-hero--diligence .content-jump-links a {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  color: #f8fbff !important;
}