:root {
  color-scheme: dark;
  --cfw-company-bg: #04090c;
  --cfw-company-panel: rgba(8, 21, 31, .9);
  --cfw-company-panel-strong: rgba(8, 14, 29, .96);
  --cfw-company-ink: #fff7eb;
  --cfw-company-text: rgba(224, 240, 243, .9);
  --cfw-company-muted: rgba(151, 181, 188, .78);
  --cfw-company-line: rgba(155, 124, 255, .2);
  --cfw-company-blue: #6ab8ff;
  --cfw-company-purple: #9b7cff;
  --cfw-company-teal: #2fd4c2;
}

body.cfw-company-page {
  min-height: 100vh;
  color: var(--cfw-company-text) !important;
  background: var(--cfw-company-bg) !important;
}

body.cfw-company-page::before {
  position: fixed;
  inset: 0;
  z-index: -2;
  background:
    radial-gradient(900px 680px at 4% 2%, rgba(31, 116, 216, .18), transparent 70%),
    radial-gradient(820px 660px at 98% 12%, rgba(155, 124, 255, .17), transparent 72%),
    radial-gradient(760px 620px at 12% 94%, rgba(47, 212, 194, .1), transparent 72%),
    linear-gradient(145deg, #04090c 0%, #07151f 54%, #090c19 100%) !important;
  content: "";
  pointer-events: none;
}

body.cfw-company-page::after {
  position: fixed;
  inset: 0;
  z-index: -1;
  opacity: .62;
  background:
    radial-gradient(620px 520px at 18% 20%, rgba(106, 184, 255, .11), transparent 72%),
    radial-gradient(700px 560px at 86% 38%, rgba(155, 124, 255, .11), transparent 72%),
    radial-gradient(660px 540px at 36% 88%, rgba(47, 212, 194, .08), transparent 74%);
  content: "";
  pointer-events: none;
  animation: cfwCompanyPulse 8s ease-in-out infinite alternate;
}

body.cfw-company-page :is(.site-header, .tools-nav, .cw-nav, .offer-header) {
  border-bottom: 1px solid rgba(155, 124, 255, .14) !important;
  background: rgba(4, 9, 12, .84) !important;
  box-shadow: 0 18px 58px rgba(0, 0, 0, .22) !important;
  backdrop-filter: blur(18px);
}

body.cfw-company-page :is(.brand, .tools-home, .cw-brand, .offer-brand) {
  color: var(--cfw-company-ink) !important;
  font-family: "Space Grotesk", "Inter", system-ui, sans-serif;
  font-weight: 750;
  text-decoration: none;
}

body.cfw-company-page :is(.nav, .tools-links, .cw-nav-links, .offer-nav) a {
  color: var(--cfw-company-text) !important;
}

body.cfw-company-page :is(.nav, .tools-links, .cw-nav-links, .offer-nav) a:hover {
  color: var(--cfw-company-ink) !important;
}

body.cfw-company-page .tools-home {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  width: auto !important;
  white-space: nowrap;
  font-size: 20px;
}

body.cfw-company-page .tools-home img {
  width: 42px;
  height: 42px;
}

body.cfw-company-page :is(.page, main) {
  color: var(--cfw-company-text);
}

body.cfw-company-page :is(
  .page-hero, .section,
  .tools-hero, .tools-section, .tools-flow, .tools-cta,
  .cw-section, .cw-demo-band, .cw-operator, .cw-qualify, .cw-form-section,
  .learn-section, .learn-build, .cf-offer-band, .cf-anchor-band,
  .offer-hero, .offer-decision-guide, .offer-section, .offer-section-dark, .offer-section-tint, .offer-next
) {
  background: transparent !important;
}

body.cfw-company-page :is(
  .page-title, .section-title, .cf-offer-title, .cf-anchor-title,
  .tools-hero h1, .tools-section h2, .tools-cta h2,
  .cw-title, .cw-hero h1,
  .offer-hero h1, .offer-section h2, .offer-decision-card h2, .offer-next h2,
  h1, h2, h3
) {
  color: var(--cfw-company-ink) !important;
}

body.cfw-company-page :is(
  .lead, .section-copy, .tools-hero-copy, .tools-section-head p,
  .cw-copy, .cw-hero-copy, .offer-hero-lead, .offer-intro p,
  .cf-offer-sub, .cf-anchor-sub
) {
  color: var(--cfw-company-text) !important;
}

body.cfw-company-page :is(
  .tool-choice, .tool-detail,
  .tools-board, .tool-card, .flow-card, .example-card, .tools-cta-card,
  .cw-tile, .cw-live-demo-card, .cw-operator-card, .cw-qualify-card, .cw-form-card,
  .info-card, .learn-card, .cf-offer-card,
  .offer-price-card, .offer-decision-card, .offer-example, .offer-inclusion, .offer-step, .offer-boundary-column, .offer-owner-card, .offer-cost-grid
) {
  border-color: var(--cfw-company-line) !important;
  background:
    radial-gradient(460px 280px at 15% 0%, rgba(106, 184, 255, .1), transparent 72%),
    linear-gradient(145deg, var(--cfw-company-panel), var(--cfw-company-panel-strong)) !important;
  color: var(--cfw-company-text) !important;
  box-shadow: 0 28px 90px rgba(0, 0, 0, .24) !important;
}

body.cfw-company-page :is(
  .tool-choice p, .detail-info p, .detail-list li,
  .tools-board span, .tool-card p, .flow-card p, .example-card p,
  .cw-tile p, .cw-operator-copy, .cw-qualify-card p, .cw-form-note,
  .info-card p, .learn-card p, .cf-offer-card p,
  .offer-price-note, .offer-facts span, .offer-decision-card p, .offer-example p, .offer-inclusion p, .offer-step p, .offer-boundary-column p, .offer-owner-card p, .offer-cost-line span
) {
  color: var(--cfw-company-muted) !important;
}

body.cfw-company-page :is(.tools-proof-list span, .cw-proof-strip span, .badge, .chip, .board-pill) {
  border-color: rgba(106, 184, 255, .2) !important;
  background: rgba(106, 184, 255, .07) !important;
  color: var(--cfw-company-text) !important;
}

body.cfw-company-page :is(input, textarea, select) {
  border-color: rgba(155, 124, 255, .24) !important;
  background: rgba(4, 10, 19, .86) !important;
  color: var(--cfw-company-ink) !important;
}

body.cfw-company-page :is(.site-footer, .tools-footer, .cw-footer, .offer-footer) {
  border-top-color: rgba(155, 124, 255, .16) !important;
  background: #03070a !important;
  color: var(--cfw-company-text) !important;
}

body.cfw-company-page :is(.nav-cta, .tools-btn.primary, .cw-nav .btn.primary, .offer-button:not(.offer-button-secondary)) {
  border-color: transparent !important;
  background: linear-gradient(135deg, var(--cfw-company-blue), var(--cfw-company-purple)) !important;
  color: #041019 !important;
}

body.cfw-company-page :is(.section-kicker, .tools-eyebrow, .cw-eyebrow, .cw-kicker, .offer-kicker, .offer-section-number, .offer-price-label, .offer-decision-label, .offer-example-label) {
  color: var(--cfw-company-purple) !important;
}

@media (max-width: 760px) {
  body.cfw-company-page .tools-home span { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  body.cfw-company-page::after { animation: none; }
}

@keyframes cfwCompanyPulse {
  from { opacity: .48; }
  to { opacity: .86; }
}