/* RFQ visual DNA — page-scoped. Do not restyle Home, Contact, or brands. */
html:has([data-hero-slug="rfq"]) {
  overflow-x: clip;
}

html.nv-enterprise main:has([data-hero-slug="rfq"]) {
  --nvr-ink: #0a1628;
  --nvr-muted: #334155;
  --nvr-line: #e5eaf2;
  --nvr-accent: #2563eb;
  --nvr-navy: #0f2167;
  --nvr-ice: #f7f9fc;
  --nvr-on-dark: #f7f9fc;
  overflow-x: clip;
  max-width: 100%;
  color: var(--nvr-ink);
  background-color: var(--nvr-ice);
}

/* Navy RFQ hero — light type. Distinct from Contact copy/AEO. */
html.nv-enterprise [data-hero-slug="rfq"].site-hero-band,
html.nv-enterprise [data-hero-slug="rfq"].hero-surface,
html.nv-enterprise [data-hero-slug="rfq"] {
  background-color: #0b1a4a !important;
  background-image:
    radial-gradient(ellipse 70% 76% at 90% 10%, rgb(37 99 235 / 0.36), transparent 54%),
    radial-gradient(ellipse 52% 60% at 8% 88%, rgb(6 182 212 / 0.28), transparent 52%),
    linear-gradient(155deg, #0b1a4a 0%, #0f2167 42%, #16325c 72%, #0c4a6e 100%) !important;
  color: #f7f9fc !important;
  padding-top: 10.75rem !important;
}

html.nv-enterprise [data-hero-slug="rfq"] > .absolute.inset-0 {
  display: none !important;
}

html.nv-enterprise [data-hero-slug="rfq"]::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgb(125 211 252 / 0.1) 1px, transparent 1px),
    linear-gradient(90deg, rgb(125 211 252 / 0.1) 1px, transparent 1px);
  background-size: 40px 40px;
  mask-image: radial-gradient(ellipse 92% 78% at 50% 38%, #000 18%, transparent 78%);
}

html.nv-enterprise [data-hero-slug="rfq"] h1,
html.nv-enterprise [data-hero-slug="rfq"] h1.text-foreground {
  color: #f7f9fc !important;
}

html.nv-enterprise [data-hero-slug="rfq"] .text-accent,
html.nv-enterprise [data-hero-slug="rfq"] p.text-accent,
html.nv-enterprise [data-hero-slug="rfq"] p.text-\\[11px\\] {
  color: #7dd3fc !important;
}

html.nv-enterprise [data-hero-slug="rfq"] p.text-muted-foreground,
html.nv-enterprise [data-hero-slug="rfq"] .max-w-2xl > p:not(.text-accent) {
  color: rgb(247 249 252 / 0.88) !important;
}

html.nv-enterprise [data-hero-slug="rfq"] nav,
html.nv-enterprise [data-hero-slug="rfq"] nav a,
html.nv-enterprise [data-hero-slug="rfq"] nav span {
  color: rgb(247 249 252 / 0.82) !important;
}

html.nv-enterprise [data-hero-slug="rfq"] nav span.text-foreground {
  color: #f7f9fc !important;
}

html.nv-enterprise [data-hero-slug="rfq"] .mother-btn-primary,
html.nv-enterprise [data-hero-slug="rfq"] .mother-hero-cta {
  background-color: #2563eb !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Light form band — dark ink */
html.nv-enterprise [data-hero-slug="rfq"] ~ section {
  background-color: #f7f9fc !important;
  color: #0a1628 !important;
}

html.nv-enterprise main:has([data-hero-slug="rfq"]) .mother-card,
html.nv-enterprise [data-hero-slug="rfq"] ~ section .mother-card {
  background-color: #ffffff !important;
  background-image: none !important;
  color: #0a1628 !important;
  border: 1px solid #e5eaf2 !important;
  box-shadow: 0 10px 28px rgb(15 33 103 / 0.06) !important;
}

html.nv-enterprise main:has([data-hero-slug="rfq"]) .mother-card h2,
html.nv-enterprise [data-hero-slug="rfq"] ~ section h2 {
  color: #0f2167 !important;
}

html.nv-enterprise main:has([data-hero-slug="rfq"]) .mother-card p,
html.nv-enterprise main:has([data-hero-slug="rfq"]) .mother-card label,
html.nv-enterprise [data-hero-slug="rfq"] ~ section label,
html.nv-enterprise [data-hero-slug="rfq"] ~ section .text-foreground,
html.nv-enterprise [data-hero-slug="rfq"] ~ section .text-foreground\/80 {
  color: #0a1628 !important;
}

html.nv-enterprise main:has([data-hero-slug="rfq"]) .text-muted-foreground,
html.nv-enterprise [data-hero-slug="rfq"] ~ section .text-muted-foreground {
  color: #334155 !important;
}

html.nv-enterprise main:has([data-hero-slug="rfq"]) input,
html.nv-enterprise main:has([data-hero-slug="rfq"]) textarea,
html.nv-enterprise [data-hero-slug="rfq"] ~ section input,
html.nv-enterprise [data-hero-slug="rfq"] ~ section textarea {
  background-color: #ffffff !important;
  color: #0a1628 !important;
  border-color: #d0d7e2 !important;
}

html.nv-enterprise main:has([data-hero-slug="rfq"]) input::placeholder,
html.nv-enterprise main:has([data-hero-slug="rfq"]) textarea::placeholder {
  color: #64748b !important;
}

html.nv-enterprise main:has([data-hero-slug="rfq"]) .border-dashed {
  background-color: #f8fafc !important;
  border-color: #d0d7e2 !important;
}

html.nv-enterprise main:has([data-hero-slug="rfq"]) button.bg-accent,
html.nv-enterprise main:has([data-hero-slug="rfq"]) button.btn-glow {
  background-color: #2563eb !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.nv-enterprise [data-hero-slug="rfq"] ~ section .text-accent,
html.nv-enterprise main:has([data-hero-slug="rfq"]) [data-hero-slug="rfq"] ~ section .text-accent {
  color: #1d4ed8 !important;
}

/* Success card after submit — same DNA, no hero */
html.nv-enterprise main:has(> .glass-panel[role="status"]) {
  background-color: #f7f9fc !important;
}

html.nv-enterprise main:has(> .glass-panel[role="status"]) .glass-panel {
  background-color: #ffffff !important;
  color: #0a1628 !important;
  border: 1px solid #e5eaf2 !important;
  box-shadow: 0 16px 40px rgb(15 33 103 / 0.1) !important;
}

html.nv-enterprise main:has(> .glass-panel[role="status"]) h1,
html.nv-enterprise main:has(> .glass-panel[role="status"]) .text-foreground {
  color: #0a1628 !important;
}

html.nv-enterprise main:has(> .glass-panel[role="status"]) .text-muted-foreground {
  color: #334155 !important;
}

html.nv-enterprise main:has(> .glass-panel[role="status"]) a.bg-accent {
  background-color: #2563eb !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}