/* DZ Fleet Suite / Field-ready editorial
   A continuous black-to-Ford-blue field, with silver typography and hard,
   inset instrument-panel surfaces. Scoped to the extracted document iframe. */
:root {
  --dz-page-gradient: linear-gradient(132deg, #080d13 0%, #0b1d31 29%, #003478 68%, #07111d 100%);
  --dz-black: #0a1017;
  --dz-panel: rgba(10, 19, 29, .82);
  --dz-card: rgba(14, 27, 40, .9);
  --dz-line: rgba(174, 196, 213, .22);
  --dz-blue: #003478;
  --dz-action: #0054a6;
  --dz-action-hover: #003478;
  --dz-yellow: #ffd447;
  --dz-accent: #8bc8ff;
  --dz-silver: #e0e7ec;
  --dz-copy: #c0cbd4;
  --navy: #003478;
  --navy2: #0a1017;
  --blue: #0870c7;
  --blue2: #003478;
  --silver: #aeb9c3;
  --light: #13263a;
  --white: #e0e7ec;
  --text: #dce4e9;
  --muted: #bdc9d2;
}

html { scroll-behavior: smooth; background: #080d13; }
body {
  min-height: 100vh;
  color: var(--dz-copy);
  background: var(--dz-page-gradient) fixed !important;
  font-family: "Aptos", "Segoe UI", system-ui, sans-serif;
  line-height: 1.68;
  -webkit-font-smoothing: antialiased;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .15;
  background-image: repeating-linear-gradient(0deg, transparent 0 3px, rgba(205,225,240,.025) 4px);
}
::selection { color: #fff; background: #0870c7; }
main#main-content { overflow: clip; }
body > nav {
  height: 74px;
  padding: 0 clamp(20px, 5vw, 76px);
  background: var(--dz-page-gradient) fixed !important;
  border-bottom: 1px solid rgba(180, 204, 223, .16);
  box-shadow: 0 10px 32px rgba(0,0,0,.22);
  backdrop-filter: blur(18px);
}
.nav-brand { gap: 12px; }
.nav-brand::before {
  content: "DZ";
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(139,200,255,.68);
  background: linear-gradient(145deg,#07539a,#071523);
  color: #e2edf5;
  font: 800 18px/1 "Arial Narrow", "Aptos",sans-serif;
  letter-spacing: -.04em;
  transform: skew(-7deg);
}
.nav-name { color: #e0e7ec; font: 700 18px/1 "Arial Narrow", "Aptos",sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.btn-nav-login, .btn-nav-cta, .btn-primary, .btn-secondary, .btn-plan, .sticky-trial-btn,
.mobile-menu-cta, .migration-actions a {
  border-radius: 3px !important;
  font-family: "Aptos", "Segoe UI", system-ui, sans-serif;
  font-weight: 700 !important;
  letter-spacing: .015em;
}
.btn-nav-cta, .btn-primary, .btn-plan, .sticky-trial-btn, .mobile-menu-cta {
  background: var(--dz-action) !important;
  color: #fff !important;
  box-shadow: inset 0 1px rgba(255,255,255,.16), 0 7px 22px rgba(0,73,139,.3) !important;
}
.btn-nav-cta:hover, .btn-primary:hover, .btn-plan:hover, .sticky-trial-btn:hover, .mobile-menu-cta:hover {
  background: var(--dz-action-hover) !important;
}
.btn-nav-login, .btn-secondary {
  border: 1px solid rgba(139,200,255,.58) !important;
  background: rgba(0,52,120,.42) !important;
  color: #e8eff4 !important;
}
.promo-bar {
  padding: 10px 18px;
  background: var(--dz-page-gradient) fixed !important;
  color: #edf5fb !important;
  font: 600 .78rem/1.45 ui-monospace, "SFMono-Regular", Consolas, monospace;
  letter-spacing: .035em;
  text-transform: uppercase;
}
.promo-bar a { color: #fff !important; border-bottom-color: #a9d8ff !important; }
.hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr);
  align-items: center;
  justify-items: stretch;
  gap: clamp(30px,5vw,74px);
  max-width: 1560px;
  margin-inline: auto;
  padding: clamp(48px, 8vw, 112px) 24px clamp(56px, 9vw, 120px);
  background: transparent !important;
  isolation: isolate;
  text-align: left;
}
.hero::before {
  content: "FLEET / MAINTENANCE / OPERATIONS";
  position: absolute;
  top: 38px;
  left: clamp(24px, 7vw, 104px);
  color: rgba(186,214,236,.56);
  font: 500 10px ui-monospace, "SFMono-Regular", Consolas, monospace;
  letter-spacing: .19em;
}
.hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 1px;
  background: linear-gradient(90deg,transparent,rgba(139,200,255,.56),transparent);
}
.hero-badge {
  width: 90% !important;
  max-width: 520px !important;
  height:auto;
  margin: 0 0 32px !important;
  filter: drop-shadow(0 18px 32px rgba(0,0,0,.38)) !important;
  animation:none !important;
}
.hero-copy { position:relative; z-index:1; max-width:690px; margin-left:auto; }
.hero-product-shot {
  min-width:0;
  margin:0;
  padding:12px;
  border:1px solid rgba(159,198,228,.38);
  background:linear-gradient(145deg,rgba(17,38,57,.94),rgba(6,15,24,.97));
  box-shadow:0 32px 88px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.08);
  transform:perspective(1200px) rotateY(-2deg);
}
.hero-product-shot button { display:block; width:100%; padding:0; border:0; background:none; cursor:zoom-in; }
.hero-product-shot img { display:block; width:100%; height:auto; }
.hero-product-shot figcaption { padding:11px 3px 1px; color:#aebec9; font:10px ui-monospace,"SFMono-Regular",Consolas,monospace; letter-spacing:.025em; }
.hero-shot-topline { display:flex; justify-content:space-between; gap:12px; padding:2px 3px 11px; color:#9ecfff; font:9px ui-monospace,"SFMono-Regular",Consolas,monospace; letter-spacing:.1em; }
.hero h1, .section-title, .cta-banner h2, #migration-title, #product-facts-title {
  font-family: "Aptos Display", "Segoe UI", system-ui, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -.045em !important;
}
.hero h1 {
  width: 100%;
  max-width: 620px !important;
  margin: 0 0 20px !important;
  color: #ecf1f4 !important;
  font-size: clamp(2.65rem, 4.7vw, 4.65rem) !important;
  line-height: 1.01 !important;
  text-align: left !important;
  animation:none !important;
}
.hero h1 span { color: #8bc8ff !important; }
.hero-copy > p:not(.hero-trial-badge) {
  max-width: 570px !important;
  margin-left:0 !important;
  margin-right:0 !important;
  color: #c3cfd8 !important;
  font-size: clamp(1rem, 1.55vw, 1.22rem) !important;
  line-height: 1.75;
  animation:none !important;
}
.hero-actions { gap: 12px !important; margin-top: 8px; justify-content:flex-start !important; animation:none !important; }
.hero-actions a, .cta-banner .btn-primary {
  min-width: 184px;
  padding: 14px 23px !important;
  text-align: center;
  text-transform: uppercase;
  font-size: .82rem !important;
  letter-spacing: .08em;
}
.hero-trial-badge, .cta-trial-note { color: #bdc9d2 !important; font: 11px ui-monospace, "SFMono-Regular", Consolas, monospace !important; letter-spacing: .025em !important; }
.trust-bar, .breadcrumb {
  background: var(--dz-page-gradient) fixed !important;
  background-attachment:fixed !important;
  border-color: rgba(174,196,213,.17) !important;
}
.mobile-menu { background:var(--dz-page-gradient) fixed !important; background-attachment:fixed !important; }
.trust-bar { padding: 17px 20px !important; }
.trust-bar p { color: #bdc9d2 !important; font: 10px ui-monospace, "SFMono-Regular", Consolas, monospace !important; letter-spacing: .12em !important; text-transform: uppercase; }
.trust-bar span { color: #a8d7ff !important; }
main#main-content > section {
  position: relative;
  padding: clamp(58px, 8vw, 104px) clamp(22px, 5vw, 72px) !important;
  background: var(--dz-page-gradient) fixed !important;
  background-attachment: fixed !important;
  color: var(--dz-copy) !important;
  border-color: rgba(174,196,213,.14) !important;
}
main#main-content > section[aria-labelledby],
main#main-content > section:not(.hero):not(.demo-section):not(.cta-banner),
main#main-content > #fleet-ai,
main#main-content > #interactive-demo,
main#main-content > .hero,
main#main-content > .cta-banner {
  background: var(--dz-page-gradient) fixed !important;
  background-attachment: fixed !important;
}
main#main-content > section::before {
  content: "";
  position: absolute;
  top: 0;
  left: clamp(22px, 5vw, 72px);
  right: clamp(22px, 5vw, 72px);
  height: 1px;
  background: linear-gradient(90deg,rgba(139,200,255,.28),rgba(174,196,213,.08),transparent 78%);
}
main#main-content > section.hero::before { display:none; }
.section-label {
  color: #8bc8ff !important;
  font: 600 10px/1.5 ui-monospace, "SFMono-Regular", Consolas, monospace !important;
  letter-spacing: .17em !important;
  text-transform: uppercase;
}
.section-title {
  max-width: 900px;
  margin: 0 auto 16px !important;
  color: #e0e7ec !important;
  font-size: clamp(2.45rem,5vw,4.5rem) !important;
  line-height: .99 !important;
}
.section-sub { color: #bdc9d2 !important; line-height: 1.75 !important; }
.centered { max-width: 1050px; margin-inline: auto; }
.features-grid, .industries-grid, .pain-grid, .cost-grid, .integrations-grid {
  max-width: 1240px !important;
  gap: clamp(24px,3.5vw,48px) !important;
  background: transparent !important;
  border: 0;
}
.feature-card, .industry-card, .pain-card, .cost-card, .crew-step-card, .plugin-card, .plan-card, .faq-item, .migration-stat-card {
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  border: 0 !important;
  color: #c0cbd4 !important;
  transition: transform .22s ease,border-color .22s ease,background-color .22s ease !important;
}
.feature-card, .industry-card, .pain-card, .cost-card, .crew-step-card {
  padding: 25px 7px 0 !important;
  border-top: 1px solid rgba(174,196,213,.3) !important;
}
.plugin-card { padding:25px 10px !important; border-top:1px solid rgba(174,196,213,.3) !important; }
.feature-card, .industry-card { padding: clamp(22px,2.6vw,32px) 7px 5px !important; }
.feature-card:hover, .industry-card-link:hover .industry-card, .plugin-card:hover, .related-card:hover {
  transform: translateY(-4px);
  border-color: rgba(139,200,255,.68) !important;
  background: rgba(13,35,55,.96) !important;
}
.feature-card h3, .industry-card h3, .crew-step-card h3, .step h3, .step-content h3,
.plugin-card-head h3, .pain-card h3, .plan-name, .faq-item summary, .migration-list strong {
  color: #e0e7ec !important;
  font-family: "Arial Narrow", "Aptos", "Segoe UI", sans-serif;
  font-size: 1.33rem !important;
  letter-spacing: .015em;
}
.feature-card p, .industry-card p, .crew-step-card p, .step p, .plugin-card > p, .pain-card p, .faq-answer { color: #bcc8d1 !important; }
.feature-icon, .industry-icon { background: #064d91 !important; border-radius: 2px !important; }
.feature-proof {
  max-width: 1240px;
  margin: clamp(52px,7vw,88px) auto 0;
  border-top: 1px solid rgba(174,196,213,.25);
  padding-top: clamp(30px,4vw,54px);
}
.feature-proof-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
}
.feature-proof-heading h3 {
  margin: 0;
  color: #e0e7ec;
  font: 700 clamp(2rem,4vw,3.4rem)/.96 "Arial Narrow", "Aptos", "Segoe UI", sans-serif;
  text-transform: uppercase;
}
.feature-proof-heading p {
  max-width: 390px;
  margin: 0;
  color: #b9c7d1;
  font-size: .82rem;
}
.workflow-grid { display: grid; grid-template-columns: 1.06fr .94fr 1fr; gap: 14px; align-items: start; }
.workflow-proof {
  margin: 0;
  padding: 10px;
  border: 1px solid rgba(174,196,213,.24);
  background: rgba(5,13,22,.76);
  min-width: 0;
}
.workflow-proof button { display:block; width:100%; padding:0; border:0; background:none; cursor:zoom-in; }
.workflow-proof img { width:100%; height:auto; display:block; }
.workflow-proof figcaption { padding: 13px 5px 4px; color:#d5dfe6; font:500 11px/1.55 ui-monospace, "SFMono-Regular", Consolas, monospace; }
.workflow-proof figcaption span { display:block; margin-top:4px; color:#9dabb6; font: 10px/1.5 "Aptos", "Segoe UI", system-ui,sans-serif; }
.workflow-proof figcaption::before { content:"WEB WORKFLOW / "; color:#8bc8ff; }
.image-viewer[hidden] { display:none; }
.image-viewer { position:fixed; inset:0; z-index:9999; display:grid; place-items:center; padding:28px; background:rgba(2,8,14,.92); }
.image-viewer img { max-width:min(100%,1200px); max-height:calc(100dvh - 100px); width:auto; height:auto; object-fit:contain; box-shadow:0 24px 80px rgba(0,0,0,.45); }
.image-viewer button { position:absolute; top:18px; right:22px; border:1px solid #8295a4; background:#102033; color:#e3ebf0; padding:11px 15px; cursor:pointer; }
.workflow-proof-note { margin: 14px 0 0; color:#9eacb7; font-size:11px; }
.migration-section .migration-container, .migration-section .migration-visual { color:var(--dz-copy); }
.migration-stat-card { padding:30px; }
.migration-stat-card .time { color:#8bc8ff !important; font-family:"Arial Narrow", "Aptos",sans-serif !important; }
.migration-stat-card .label { color:#d0dbe2 !important; }
.demo-section { background:rgba(3,10,17,.55) !important; }
#interactive-demo .demo-example-card, #interactive-demo .demo-wrapper {
  border-color:rgba(174,196,213,.32) !important;
  box-shadow:0 24px 64px rgba(0,0,0,.28) !important;
}
.plan-card.featured { background:rgba(0,52,120,.8) !important; border-color:#4f9fe2 !important; }
.plan-price { color:#e5edf2 !important; font-family:"Arial Narrow", "Aptos",sans-serif; }
.plan-features li { color:#d0dbe2 !important; }
.plan-badge { background:#8bc8ff !important; color:#0a1a29 !important; border-radius:2px !important; }
.pricing-grid { max-width:1120px !important; gap:14px !important; }
.plan-card { flex:1 1 270px; padding:clamp(24px,3vw,36px) !important; border:1px solid rgba(174,196,213,.24) !important; }
.faq-item { border-bottom:1px solid rgba(174,196,213,.3) !important; margin-bottom:0 !important; }
.faq-item summary,.faq-item[open] summary { background:transparent !important; }
.vs-table { border-radius:2px !important; }
.vs-table thead tr, .vs-table thead th.th-dz, .crew-example-header { background:#064d91 !important; }
.vs-table tbody tr, .vs-table tbody tr:nth-child(even), .vs-table tbody tr:nth-child(odd) { background:rgba(9,20,31,.92) !important; }
.vs-table tbody td, .vs-table tbody td:first-child { color:#d3dde4 !important; border-color:rgba(174,196,213,.16) !important; }
.plugin-status-available { background:#163a2b !important; color:#9ce1b9 !important; }
.plugin-status-planned { background:#15334c !important; color:#a8d4f5 !important; }
.plugin-capabilities span, .plugin-capabilities-planned span { background:#142b3e !important; border-color:#345977 !important; color:#c4dff3 !important; }
.crew-preview-notice { background:#2b2518 !important; border-color:#8c6b29 !important; color:#f1dfb7 !important; }
.crew-message { background:#182632 !important; border-color:#3b5366 !important; }
.crew-message--manager { background:#173149 !important; border-color:#3d6b92 !important; }
.crew-message p,.crew-message small { color:#d2dce3 !important; }
.crew-boundary { background:#13283b !important; color:#d9e3ea !important; }
.faq-item summary:hover,.faq-item[open] summary { background:#172a3b !important; }
.faq-answer { background:rgba(9,20,31,.88) !important; }
.related-card { background:rgba(9,20,31,.9) !important; border:1px solid var(--dz-line) !important; border-radius:2px !important; }
.cost-stat { color:#dce6ec !important; font-family:"Arial Narrow", "Aptos",sans-serif; }
.cost-stat.red { color:#ff8084 !important; }
.migration-list li { color:#c3cdd5 !important; }
.cta-banner { background:rgba(3,10,17,.54) !important; }
.cta-banner h2 { color:#e2e9ee !important; font-size:clamp(2.8rem,6vw,5.4rem) !important; }
.cta-banner p { color:#c2cdd5 !important; }
footer {
  background:var(--dz-page-gradient) fixed !important;
  background-attachment:fixed !important;
  border-top:1px solid rgba(174,196,213,.2);
}
.footer-logo { width:min(100%,280px) !important; }
.sticky-trial-bar { background:var(--dz-page-gradient) fixed !important; background-attachment:fixed !important; border-top:1px solid #0870c7 !important; backdrop-filter:blur(15px); }

.skip-link { background:#102033 !important; color:#e4edf3 !important; border-color:#8bc8ff !important; }
a { text-underline-offset:3px; }
:where(a,button,select,summary):focus-visible { outline:2px solid #8bc8ff !important; outline-offset:4px !important; }

/* Marketing hierarchy: yellow feature headings/CTAs, white descriptions/data.
   Keep the hero display treatment and product screenshots untouched.
   The deeper action blue keeps yellow button labels readable at small sizes. */
.section-title,
#migration-title,
#product-facts-title,
.migration-list strong,
.intent-summary h2,
.cta-banner h2,
.pain-card h3,
.related-name,
.faq-item summary,
#interactive-demo .demo-example-card h4,
.feature-card h3,
.industry-card h3,
.crew-step-card h3,
.step h3,
.step-content h3,
.plugin-card-head h3,
.plan-name,
.feature-proof-heading h3,
.features .section-title,
.plugin-section .section-title,
.crew-workflow .section-title,
#fleet-ai h3,
#interactive-demo .demo-step-content h3,
#interactive-demo .demo-step-content h4,
main#main-content > section[aria-labelledby="product-facts-title"] dt {
  color: var(--dz-yellow) !important;
}

.section-label,
#fleet-ai .section-label,
#fleet-ai [style*="letter-spacing:2px"],
.workflow-proof figcaption,
.workflow-proof figcaption::before,
.footer-links a,
.sticky-trial-text strong,
.promo-bar a,
.migration-security-link,
.industry-card-more,
.intent-links a,
.plugin-request a,
#fleet-ai a[style*="background:var(--amber)"],
.btn-primary,
.btn-secondary,
.btn-plan,
.btn-nav-login,
.btn-nav-cta,
.mobile-menu-cta,
.sticky-trial-btn,
#interactive-demo .demo-btn-primary,
#interactive-demo .demo-btn-secondary,
#interactive-demo .demo-success-actions .demo-btn-primary,
#interactive-demo .demo-success-actions .demo-btn-secondary,
#interactive-demo .demo-btn-pulse,
#interactive-demo .demo-scenario-btn,
#interactive-demo .demo-scenario-back {
  color: var(--dz-yellow) !important;
}

/* Supporting copy is information, not a heading or action—even when small. */
.hero-copy > p:not(.hero-trial-badge),
.hero-shot-topline,
.hero-product-shot figcaption,
.workflow-proof figcaption span,
.workflow-proof-note,
.feature-proof-heading > p,
.section-sub,
.how .section-sub,
.feature-card p,
.industry-card p,
.crew-step-card p,
.step p,
.plugin-card > p,
.pain-card p,
.faq-answer,
.migration-list li,
.migration-stat-card .label,
.migration-stat-card .time,
.plan-price sub,
.plan-card.featured .plan-price sub,
.plan-features li,
.plan-card.featured .plan-features li,
.crew-message-meta,
.crew-message p,
.crew-message small,
.crew-boundary,
.cost-label,
.vs-label,
.vs-table tbody td,
.vs-table tbody td:first-child,
.intent-summary p:not(.section-label),
.cta-banner p,
.footer-copy,
#interactive-demo .section-sub,
#interactive-demo .demo-step-content p,
#interactive-demo .demo-example-card p,
#interactive-demo .demo-example-result,
#interactive-demo .demo-example-result strong,
#interactive-demo .demo-disclaimer,
#fleet-ai [style*="color:rgba(255,255,255"],
main#main-content > section[aria-labelledby="product-facts-title"] dd {
  color: #f1f5f9 !important;
}

/* Preserve the accent when the source's stronger featured/hover rules apply. */
.plan-card.featured .btn-plan,
.plan-card.featured .btn-plan:hover,
.btn-primary:hover,
.btn-secondary:hover,
.btn-plan:hover,
.btn-nav-login:hover,
.btn-nav-cta:hover,
.mobile-menu-cta:hover,
.sticky-trial-btn:hover,
#interactive-demo .demo-success-actions .demo-btn-primary:hover,
#interactive-demo .demo-success-actions .demo-btn-secondary:hover,
#interactive-demo .demo-btn-pulse:hover,
#interactive-demo .demo-btn-pulse:focus-visible {
  color: var(--dz-yellow) !important;
}

@media (max-width: 820px) {
  .hero { grid-template-columns:1fr; max-width:820px; text-align:center; }
  .hero-copy { margin-inline:auto; }
  .hero-badge { margin-inline:auto !important; }
  .hero h1,.hero-copy > p:not(.hero-trial-badge) { margin-inline:auto !important; text-align:center !important; }
  .hero-actions { justify-content:center !important; }
  .hero-product-shot { max-width:740px; width:100%; margin-inline:auto; transform:none; }
  .feature-proof-heading { align-items:start; flex-direction:column; }
  .hero::before { top:20px; left:20px; font-size:8px; }
  .hero { padding-top:70px !important; }
  .hero-badge { width:90% !important; max-width:520px !important; }
  .hero-product-shot { padding:7px; }
  .hero-shot-topline { font-size:7px; }
}
@media (max-width: 767px) {
  .workflow-grid,
  .features-grid,
  .industries-grid,
  .pain-grid,
  .cost-grid,
  .integrations-grid,
  .crew-workflow-grid {
    grid-template-columns:minmax(0,1fr) !important;
  }
  .workflow-proof:last-child { grid-column:auto; max-width:none; }
}
@media (max-width: 580px) {
  body > nav { height:62px; padding-inline:16px; }
  .nav-brand::before { width:32px; height:32px; font-size:16px; }
  .nav-name { font-size:16px; }
  .hero { padding:65px 21px 66px !important; }
  .hero h1 { font-size:clamp(2.25rem,10vw,3.15rem) !important; line-height:1.06 !important; }
  .hero-actions { width:100%; display:grid !important; grid-template-columns:1fr; gap:10px !important; }
  .hero-actions a { width:100%; }
  .trust-bar p { line-height:1.8 !important; }
  main#main-content > section { padding:62px 21px !important; }
  .section-title { font-size:clamp(2.35rem,12vw,3.2rem) !important; }
  .features-grid,.industries-grid,.pain-grid,.cost-grid,.integrations-grid { grid-template-columns:1fr !important; }
  .workflow-grid { grid-template-columns:1fr; gap:12px; }
  .workflow-proof:last-child { grid-column:auto; }
  .workflow-proof { padding:7px; }
  .feature-proof { margin-top:48px; }
  .pricing-grid { display:grid !important; grid-template-columns:1fr; }
  .plan-card { max-width:none !important; width:100%; transform:none !important; }
  .vs-table { min-width:650px; }
  .vs-table-wrap { overflow-x:auto !important; }
  .sticky-trial-inner { padding-right:38px !important; }
  .sticky-trial-text { max-width:56%; font-size:11px !important; }
  .sticky-trial-btn { padding:10px 12px !important; font-size:11px !important; }
}
@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { scroll-behavior:auto !important; animation:none !important; transition:none !important; }
}
/* Live-template additions */
.hero-eyebrow{color:var(--dz-yellow)!important}
.hero-copy .hero-signin{margin-top:10px;font-size:.85rem;color:#f1f5f9!important}
.hero-copy .hero-signin a{color:var(--dz-yellow)!important}
.hero:not(:has(.hero-product-shot)){grid-template-columns:1fr;text-align:center;justify-items:center}
.hero:not(:has(.hero-product-shot)) .hero-copy{margin-inline:auto}
.hero:not(:has(.hero-product-shot)) .hero h1,.hero:not(:has(.hero-product-shot)) h1{text-align:center!important;margin-inline:auto!important}
.hero:not(:has(.hero-product-shot)) .hero-actions{justify-content:center!important}
.hero h1{color:#ecf1f4!important}
section[aria-labelledby="product-facts-title"]>div>dl>div{background:rgba(10,19,29,.82)!important;border-color:rgba(174,196,213,.28)!important;border-radius:2px!important}
.hero-product-shot img,.workflow-proof img{aspect-ratio:auto}
.image-viewer button{color:#f1f5f9}

/* ===== Whole-site rollout: adapt to real page structures ===== */
/* Zones that are intentionally light or carry their own status colors. */
/* (forms, simulated product UI, alerts) keep their authored contrast.   */

/* Headings: yellow. Subpage heroes included; the homepage hero keeps the approved white display. */
main#main-content :is(h2,h3,h4):not(.demo-screen-container *):not(form *):not(.migration-intake-card *):not(.crew-preview-notice *):not(.migration-error *),
.legal-hero h1, .guide-hero h1, .security-hero h1, .fai-hero h1, .article-hero h1,
.hero:not(:has(.hero-product-shot)) h1,
.hero:not(:has(.hero-product-shot)) .hero-eyebrow {
  color: var(--dz-yellow) !important;
}
.hero:has(.hero-product-shot) h1 { color:#ecf1f4 !important; }
.hero h1 span, .hero:not(:has(.hero-product-shot)) h1 span { color:#8bc8ff !important; }

/* Descriptions, lists, table data, definitions, fine print: white. */
main#main-content :is(p,li,dd,td,figcaption,small,blockquote,address):not(.demo-screen-container *):not(form *):not(.migration-intake-card *):not(.crew-preview-notice *):not(.migration-error *):not(.note-box *):not([role="alert"] *):not(.section-label):not(.hero-trial-badge):not(.cta-trial-note):not(.trust-bar *):not(.btn-primary):not(.btn-secondary):not(.btn-plan):not(.hero-eyebrow),
.legal-hero p, .guide-hero p, .security-hero p, .fai-hero p, .article-hero p,
.fit-card p, .proof-card p, .highlight-box p, .article-content p, .article-content li,
.legal-body, .legal-body p, .legal-body li {
  color: #f1f5f9 !important;
}
/* Table heads are labels. */
main#main-content th:not(.demo-screen-container *) { color: var(--dz-yellow) !important; }
/* Links inside prose stay legible and distinct. */
main#main-content :is(p,li,dd,td) a:not(.btn-primary):not(.btn-secondary):not(.btn-plan):not(.demo-screen-container *):not(form *) {
  color: #a8d7ff !important; text-decoration: underline;
}

/* Light patches -> instrument-panel surfaces */
.fit-section, .proof-section, .article-body, .legal-body, .pricing, .vs-section, .faq-section, .features, .how, .industries,
.pain-section, .cost-section, .transition-section, .related-industries, .crew-workflow, .crew-example, .plugin-section,
.security-section, .security-cta, .fai-section, .fai-faq-section, .migration-section, .intent-summary {
  background: transparent !important;
  border-color: rgba(174,196,213,.18) !important;
}
.fit-card, .proof-card, .highlight-box, .article-content .highlight-box, .pack-card-fai, .handoff-node, .node-header, .integration-box,
.security-flow-step, .contact-info-card, .path-meta, .addon-card {
  background: rgba(10,19,29,.82) !important;
  border: 1px solid rgba(174,196,213,.26) !important;
  border-radius: 2px !important;
  box-shadow: none !important;
}
main#main-content table:not(.demo-screen-container *) { background: transparent !important; border-color: rgba(174,196,213,.22) !important; }
main#main-content table:not(.demo-screen-container *) :is(td,th),
.tier-table tr:nth-child(even) td, .compare-table tr:nth-child(even) td, .legal-body th {
  background: rgba(9,20,31,.9) !important;
  border-color: rgba(174,196,213,.2) !important;
}
.plan-cta-v2.secondary { background: rgba(0,52,120,.42) !important; border:1px solid rgba(139,200,255,.58) !important; color: var(--dz-yellow) !important; }
.plan-cta-v2:not(.secondary) { background: var(--dz-action) !important; color: var(--dz-yellow) !important; }
.not-found-secondary { background: rgba(0,52,120,.42) !important; border-color: rgba(139,200,255,.58) !important; color: var(--dz-yellow) !important; }
/* Inline white/light section shells (landing, pricing) */
main#main-content > section[style*="background:#fff"], main#main-content > section[style*="background: #fff"] { background: transparent !important; border-color: rgba(174,196,213,.18) !important; }
main#main-content > section[style*="gradient"] { background: var(--dz-page-gradient) fixed !important; }
main#main-content :is(div,article)[style*="background:#f8fafc"]:not(.demo-screen-container *) { background: rgba(10,19,29,.82) !important; border-color: rgba(174,196,213,.28) !important; }
/* Pricing: plan names/prices/CTAs */
.plan-cta-v2, .btn-plan, .cta-banner a, .cta-back, .related-card, .related-name, .intent-links a, .pcf-price, .pcf-count { color: var(--dz-yellow) !important; }
.pcf-desc, .related-card p, .cost-label, .tier-badge { color:#f1f5f9 !important; }
.cta-banner h2, .cta-banner a { color: var(--dz-yellow) !important; }
/* Forms keep a light field surface with dark text for contrast. */
form input, form select, form textarea { color:#0f172a !important; }
form label, .contact-field label, .migration-field label { color:#f1f5f9 !important; }
.migration-intake-card label, .migration-intake-card p, .migration-intake-card h2, .migration-intake-card h3 { color:#0f172a !important; }
.demo-screen-container, .demo-screen-container * { text-shadow:none; }
/* Localized homepage proof grid should not read as a link list */
.lang-en-note { color:#f1f5f9; font-size:11px; }
/* Real pricing and demo-request cards need dark surfaces, not white-on-white. */
main#main-content .plan-card-v2,
main#main-content .demo-card {
  background: var(--dz-panel) !important;
  color: #f1f5f9 !important;
  border-color: var(--dz-line) !important;
}
main#main-content .plan-card-v2.featured {
  background: rgba(0,52,120,.8) !important;
  border-color: #5e8fb6 !important;
}
main#main-content :is(.plan-price-v2, .plan-price-v2 sup, .plan-price-v2 sub,
  .plan-desc, .plan-includes, .plan-card-v2 li, .plan-card-v2 strong,
  .demo-card p, .demo-card label, .demo-sub, .demo-note, .pcf-price, .pcf-count) {
  color: #f1f5f9 !important;
}
main#main-content :is(.pricing-hero h1, .demo-hero h1, .page-hero h1,
  .plan-tier, .plan-card-v2.featured .plan-tier, .demo-card h2,
  .security-list li > strong, .demo-perk-text strong) {
  color: var(--dz-yellow) !important;
}
main#main-content :is(p,li) > strong:not(.migration-list strong):not(.security-list strong):not(.demo-screen-container *):not(form *) {
  color: #f1f5f9 !important;
}
main#main-content :is(.demo-submit, .contact-submit, .migration-submit, button[type="submit"]):not(.demo-screen-container *) {
  background: var(--dz-action) !important;
  color: var(--dz-yellow) !important;
}
main#main-content .demo-success {
  background: #10301f !important;
  color: #9ce1b9 !important;
}
main#main-content .demo-success h2 { color: #9ce1b9 !important; }
main#main-content .demo-error {
  background: #481b24 !important;
  color: #fecaca !important;
}
.image-viewer button { color: var(--dz-yellow) !important; background: var(--dz-action) !important; }

/* Gold reassurance copy */
.promo-bar,.promo-bar strong,.promo-bar a,.trust-bar p,.trust-bar span,.sticky-trial-text,.sticky-trial-text strong{color:var(--dz-yellow)!important}
.promo-bar a{border-bottom-color:var(--dz-yellow)!important}
.hero-copy > p.hero-trial-badge,.cta-banner p.cta-trial-note{color:var(--dz-yellow)!important;margin-top:28px!important}
.hero-copy > p.hero-trial-badge{margin-bottom:0}
/* Promo showcase */
.promo-showcase{max-width:1240px;margin:0 auto;padding:clamp(48px,7vw,88px) clamp(22px,5vw,72px);border-top:1px solid rgba(174,196,213,.2)}
.promo-showcase[hidden]{display:none}
.promo-showcase h2{margin:0 0 12px;color:var(--dz-yellow);font:700 clamp(2rem,4vw,3.4rem)/1 "Aptos Display","Segoe UI",sans-serif;letter-spacing:-.03em}
.promo-showcase-desc{max-width:720px;margin:0 0 28px;color:#f1f5f9}
.promo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.promo-item{margin:0;padding:10px;border:1px solid rgba(174,196,213,.24);background:rgba(5,13,22,.76);min-width:0}
.promo-item button{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}
.promo-item img{display:block;width:100%;height:auto}
.promo-item figcaption{padding:12px 4px 3px;color:#f1f5f9;font-size:.85rem}
.promo-item figcaption strong{display:block;color:var(--dz-yellow)}
.promo-hero-host[hidden],.promo-hero-controls button[hidden]{display:none!important}
.promo-hero-host .promo-hero-image-button{aspect-ratio:1280 / 996}
.promo-hero-host .promo-hero-image{width:100%;height:100%;aspect-ratio:1280 / 996;object-fit:contain}
.promo-hero-host .hero-shot-topline{align-items:center;min-height:24px;padding-bottom:11px}
.promo-hero-heading{color:var(--dz-yellow);text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.promo-hero-controls{display:flex;align-items:center;gap:10px;flex-shrink:0}
.promo-hero-controls button{display:inline-flex;width:auto;padding:0 5px;color:var(--dz-yellow);font:inherit;cursor:pointer}
.promo-hero-controls button:focus-visible{outline:2px solid var(--dz-yellow);outline-offset:3px}
.promo-hero-host figcaption{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:22px}