/* ═══ COLOR FLOW MAP (from design-spec.theme_context_map) ═══
 * index.html (dark-top):
 *   nav        → transparent-on-dark (scrolled: solid #0A0F1E)  logo: logo-light
 *   hero       → DARK   (#0A0F1E)   | text: white
 *   stat-bar   → DARK_ALT (#0F1729) | text: white
 *   workload   → DARK   (#0A0F1E)   | text: white
 *   how-works  → DARK_ALT (#0F1729) | text: white
 *   benchmarks → DARK   (#0A0F1E)   | text: white
 *   testimonials → DARK_ALT (#0F1729) | text: white
 *   use-cases  → DARK   (#0A0F1E)   | text: white
 *   cta-band   → BRAND (amber→dark) | text: #0A0F1E
 *   footer     → DARK   (#0A0F1E)   | text: white-muted
 *
 * pricing/about/contact/security/docs/blog/legal (light-top):
 *   nav        → solid white (light-top) | logo: logo-dark
 *   sections   → light (#F1F5F9) / white (#FFFFFF) / dark (#0A0F1E)
 *   footer     → DARK (#0A0F1E) | text: white-muted
 *
 * login/* (dark-top):
 *   nav        → transparent-on-dark | logo: logo-light
 *   auth layout → dark side + white form side
 * ═══════════════════════════════════════════════════════════════ */

/* ─── CSS Custom Properties ─── */
:root {
  --dlx-bg-dark: #0A0F1E;
  --dlx-bg-dark-alt: #0F1729;
  --dlx-bg-dark-card: #131E35;
  --dlx-bg-light: #F1F5F9;
  --dlx-bg-light-alt: #E8EDF4;
  --dlx-bg-white: #FFFFFF;

  --dlx-fg-dark-primary: #F1F5F9;
  --dlx-fg-dark-secondary: #94A3B8;
  --dlx-fg-dark-tertiary: #64748B;
  --dlx-fg-light-primary: #0A0F1E;
  --dlx-fg-light-secondary: #334155;
  --dlx-fg-light-muted: #64748B;

  --dlx-accent: #F59E0B;
  --dlx-accent-aa-dark: #FBC84E;
  --dlx-accent-aa-light: #B45309;

  --dlx-border-dark: #1E2D4A;
  --dlx-border-light: #CBD5E1;
  --dlx-success: #10B981;
  --dlx-error: #EF4444;

  --dlx-nav-h: 68px;
  --dlx-container: 1200px;
  --dlx-radius: 8px;
  --dlx-radius-lg: 12px;
}

/* ─── Reset & Base ─── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { scroll-behavior: smooth; }

body {
  font-family: Inter, system-ui, -apple-system, sans-serif;
  font-size: 1rem;
  line-height: 1.75;
  color: var(--dlx-fg-light-primary);
  background: var(--dlx-bg-white);
  -webkit-font-smoothing: antialiased;
}

body.dlx-page--dark-top {
  background: var(--dlx-bg-dark);
}

img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
button { cursor: pointer; font-family: inherit; }
ul { list-style: none; }

/* ─── Typography ─── */
h1, h2, h3, h4, h5 { line-height: 1.15; }
h1 { font-size: clamp(2.5rem, 5vw, 4rem); font-weight: 800; letter-spacing: -0.03em; }
h2 { font-size: clamp(2rem, 3.5vw, 3rem); font-weight: 700; letter-spacing: -0.02em; }
h3 { font-size: clamp(1.25rem, 2vw, 1.75rem); font-weight: 600; }
h4 { font-size: 1.125rem; font-weight: 600; }

code, pre, .dlx-mono {
  font-family: 'Fira Code', 'Consolas', 'Courier New', monospace;
  font-size: 0.875rem;
}

/* ─── Layout Utilities ─── */
.dlx-container {
  max-width: var(--dlx-container);
  margin: 0 auto;
  padding: 0 24px;
}

@media (min-width: 768px) { .dlx-container { padding: 0 40px; } }
@media (min-width: 1280px) { .dlx-container { padding: 0 48px; } }

/* ─── Section backgrounds ─── */
.dlx-section--dark {
  background: var(--dlx-bg-dark);
}
.dlx-section--dark-alt {
  background: var(--dlx-bg-dark-alt);
}
.dlx-section--light {
  background: var(--dlx-bg-light);
}
.dlx-section--light-alt {
  background: var(--dlx-bg-light-alt);
}
.dlx-section--white {
  background: var(--dlx-bg-white);
}

/* ─── NAV ─── */
.dlx-nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  height: var(--dlx-nav-h);
  display: flex;
  align-items: center;
  transition: background 0.2s ease, box-shadow 0.2s ease;
}

/* dark-top: nav starts transparent, white text/links */
body.dlx-page--dark-top .dlx-nav {
  background: transparent;
}
body.dlx-page--dark-top .dlx-nav--scrolled {
  background: var(--dlx-bg-dark);
  box-shadow: 0 1px 0 var(--dlx-border-dark);
}

/* light-top: nav starts solid white */
body.dlx-page--light-top .dlx-nav {
  background: var(--dlx-bg-white);
  box-shadow: 0 1px 0 var(--dlx-border-light);
}

.dlx-nav__inner {
  display: flex;
  align-items: center;
  gap: 0;
  width: 100%;
}

.dlx-nav__logo {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.dlx-nav__logo img {
  height: 32px;
  width: auto;
  max-width: 200px;
}

.dlx-nav__links {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-left: 40px;
  flex: 1;
}

/* dark-top nav link color */
body.dlx-page--dark-top .dlx-nav__link {
  color: var(--dlx-fg-dark-primary);
}
body.dlx-page--dark-top .dlx-nav__link:hover {
  color: var(--dlx-accent-aa-dark);
}

/* light-top nav link color */
body.dlx-page--light-top .dlx-nav__link {
  color: var(--dlx-fg-light-primary);
}
body.dlx-page--light-top .dlx-nav__link:hover {
  color: var(--dlx-accent-aa-light);
}

.dlx-nav__link {
  padding: 6px 12px;
  font-size: 0.9375rem;
  font-weight: 500;
  border-radius: var(--dlx-radius);
  transition: color 0.15s, background 0.15s;
  white-space: nowrap;
}

/* Dropdown */
.dlx-nav__dropdown {
  position: relative;
}

.dlx-nav__dropdown-toggle {
  background: transparent;
  border: none;
  padding: 6px 12px;
  font-size: 0.9375rem;
  font-weight: 500;
  border-radius: var(--dlx-radius);
  display: flex;
  align-items: center;
  gap: 4px;
  transition: color 0.15s, background 0.15s;
  white-space: nowrap;
}
body.dlx-page--dark-top .dlx-nav__dropdown-toggle {
  color: var(--dlx-fg-dark-primary);
}
body.dlx-page--dark-top .dlx-nav__dropdown-toggle:hover {
  color: var(--dlx-accent-aa-dark);
}
body.dlx-page--light-top .dlx-nav__dropdown-toggle {
  color: var(--dlx-fg-light-primary);
}
body.dlx-page--light-top .dlx-nav__dropdown-toggle:hover {
  color: var(--dlx-accent-aa-light);
}

.dlx-nav__dropdown-menu {
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  min-width: 200px;
  border-radius: var(--dlx-radius);
  padding: 8px;
  z-index: 100;
}

/* dark-top dropdown menu */
body.dlx-page--dark-top .dlx-nav__dropdown-menu {
  background: var(--dlx-bg-dark-alt);
  border: 1px solid var(--dlx-border-dark);
  box-shadow: 0 8px 24px rgba(0,0,0,0.4);
}
body.dlx-page--dark-top .dlx-nav__dropdown-menu a {
  color: var(--dlx-fg-dark-primary);
}
body.dlx-page--dark-top .dlx-nav__dropdown-menu a:hover {
  background: rgba(255,255,255,0.07);
  color: var(--dlx-accent-aa-dark);
}

/* light-top dropdown menu */
body.dlx-page--light-top .dlx-nav__dropdown-menu {
  background: var(--dlx-bg-white);
  border: 1px solid var(--dlx-border-light);
  box-shadow: 0 8px 24px rgba(0,0,0,0.12);
}
body.dlx-page--light-top .dlx-nav__dropdown-menu a {
  color: var(--dlx-fg-light-primary);
}
body.dlx-page--light-top .dlx-nav__dropdown-menu a:hover {
  background: var(--dlx-bg-light);
  color: var(--dlx-accent-aa-light);
}

.dlx-nav__dropdown-menu a {
  display: block;
  padding: 8px 12px;
  border-radius: 6px;
  font-size: 0.9375rem;
  font-weight: 500;
  transition: background 0.15s, color 0.15s;
}

.dlx-nav__dropdown.is-open .dlx-nav__dropdown-menu {
  display: block;
}

.dlx-nav__ctas {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}

/* Nav CTA Sign In (ghost) */
.dlx-nav__signin {
  padding: 7px 16px;
  border-radius: var(--dlx-radius);
  font-size: 0.9375rem;
  font-weight: 500;
  border: 1px solid transparent;
  transition: color 0.15s, border-color 0.15s, background 0.15s;
}
body.dlx-page--dark-top .dlx-nav__signin {
  color: var(--dlx-fg-dark-secondary);
  border-color: var(--dlx-border-dark);
}
body.dlx-page--dark-top .dlx-nav__signin:hover {
  color: var(--dlx-fg-dark-primary);
  border-color: var(--dlx-fg-dark-secondary);
}
body.dlx-page--light-top .dlx-nav__signin {
  color: var(--dlx-fg-light-secondary);
  border-color: var(--dlx-border-light);
}
body.dlx-page--light-top .dlx-nav__signin:hover {
  color: var(--dlx-fg-light-primary);
  border-color: var(--dlx-fg-light-secondary);
}

/* Mobile hamburger */
.dlx-nav__hamburger {
  display: none;
  background: transparent;
  border: none;
  padding: 6px;
  margin-left: auto;
  flex-direction: column;
  gap: 5px;
}
.dlx-nav__hamburger span {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 2px;
  transition: background 0.15s;
}
body.dlx-page--dark-top .dlx-nav__hamburger span { background: var(--dlx-fg-dark-primary); }
body.dlx-page--light-top .dlx-nav__hamburger span { background: var(--dlx-fg-light-primary); }

.dlx-nav__mobile-menu {
  display: none;
  position: fixed;
  top: var(--dlx-nav-h);
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  z-index: 999;
  padding: 24px;
}
body.dlx-page--dark-top .dlx-nav__mobile-menu {
  background: var(--dlx-bg-dark);
}
body.dlx-page--light-top .dlx-nav__mobile-menu {
  background: var(--dlx-bg-white);
}
.dlx-nav__mobile-menu.is-open { display: block; }

.dlx-nav__mobile-links {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.dlx-nav__mobile-links a,
.dlx-nav__mobile-links button {
  display: block;
  width: 100%;
  text-align: left;
  padding: 12px 16px;
  border-radius: var(--dlx-radius);
  font-size: 1rem;
  font-weight: 500;
  border: none;
  background: none;
  transition: background 0.15s;
}
body.dlx-page--dark-top .dlx-nav__mobile-links a,
body.dlx-page--dark-top .dlx-nav__mobile-links button {
  color: var(--dlx-fg-dark-primary);
}
body.dlx-page--dark-top .dlx-nav__mobile-links a:hover,
body.dlx-page--dark-top .dlx-nav__mobile-links button:hover {
  background: rgba(255,255,255,0.06);
}
body.dlx-page--light-top .dlx-nav__mobile-links a,
body.dlx-page--light-top .dlx-nav__mobile-links button {
  color: var(--dlx-fg-light-primary);
}
body.dlx-page--light-top .dlx-nav__mobile-links a:hover,
body.dlx-page--light-top .dlx-nav__mobile-links button:hover {
  background: var(--dlx-bg-light);
}
.dlx-nav__mobile-ctas {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.dlx-nav__mobile-sub {
  display: none;
  flex-direction: column;
  padding-left: 16px;
}
.dlx-nav__mobile-sub.is-open { display: flex; }

@media (max-width: 900px) {
  .dlx-nav__links, .dlx-nav__ctas { display: none; }
  .dlx-nav__hamburger { display: flex; }
}

/* ─── Buttons ─── */
.dlx-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 11px 24px;
  border-radius: var(--dlx-radius);
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1;
  border: 2px solid transparent;
  cursor: pointer;
  text-decoration: none;
  transition: background 0.15s, border-color 0.15s, color 0.15s, transform 0.1s;
  white-space: nowrap;
}
.dlx-btn:active { transform: translateY(1px); }

/* Primary amber — on any bg */
.dlx-btn--primary {
  background: var(--dlx-accent);
  color: var(--dlx-bg-dark);
  border-color: var(--dlx-accent);
}
.dlx-btn--primary:hover {
  background: #FBBF24;
  border-color: #FBBF24;
  color: var(--dlx-bg-dark);
}

/* Outline-dark (on dark bg) */
.dlx-btn--outline-dark {
  background: transparent;
  color: var(--dlx-fg-dark-primary);
  border-color: var(--dlx-border-dark);
}
.dlx-btn--outline-dark:hover {
  border-color: var(--dlx-fg-dark-secondary);
  color: var(--dlx-accent-aa-dark);
}

/* Outline-light (on light bg) */
.dlx-btn--outline-light {
  background: transparent;
  color: var(--dlx-fg-light-primary);
  border-color: var(--dlx-border-light);
}
.dlx-btn--outline-light:hover {
  border-color: var(--dlx-fg-light-secondary);
  color: var(--dlx-accent-aa-light);
}

/* Ghost on dark — on cta-band brand bg */
.dlx-btn--ghost-dark {
  background: transparent;
  color: var(--dlx-bg-dark);
  border-color: var(--dlx-bg-dark);
}
.dlx-btn--ghost-dark:hover {
  background: rgba(10,15,30,0.12);
}

/* Primary dark (on cta-band amber) */
.dlx-btn--primary-dark {
  background: var(--dlx-bg-dark);
  color: var(--dlx-accent-aa-dark);
  border-color: var(--dlx-bg-dark);
}
.dlx-btn--primary-dark:hover {
  background: var(--dlx-bg-dark-alt);
}

/* Large button */
.dlx-btn--lg {
  padding: 14px 32px;
  font-size: 1rem;
}

.dlx-btn--sm {
  padding: 7px 16px;
  font-size: 0.875rem;
}

/* ─── HERO (index) ─── */
.dlx-hero {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  padding-top: var(--dlx-nav-h);
  overflow: hidden;
  background: var(--dlx-bg-dark);
}

.dlx-hero__inner {
  max-width: var(--dlx-container);
  margin: 0 auto;
  padding: 80px 48px 80px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: center;
}

.dlx-hero__content {}

.dlx-hero__eyebrow {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--dlx-accent-aa-dark);
  margin-bottom: 20px;
  border: 1px solid rgba(251,200,78,0.3);
  padding: 4px 10px;
  border-radius: 4px;
}

.dlx-hero h1 {
  color: var(--dlx-fg-dark-primary);
  margin-bottom: 24px;
}

.dlx-hero__subhead {
  font-size: 1.125rem;
  color: var(--dlx-fg-dark-secondary);
  margin-bottom: 40px;
  max-width: 520px;
  line-height: 1.7;
}

.dlx-hero__ctas {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  align-items: center;
}

.dlx-hero__visual {
  position: relative;
  border-radius: var(--dlx-radius-lg);
  overflow: hidden;
}

.dlx-hero__visual img {
  width: 100%;
  height: 480px;
  object-fit: cover;
  border-radius: var(--dlx-radius-lg);
  border: 1px solid var(--dlx-border-dark);
}

/* ─── STAT BAR ─── */
.dlx-stat-bar {
  background: var(--dlx-bg-dark-alt);
  padding: 60px 0;
  border-top: 1px solid var(--dlx-border-dark);
  border-bottom: 1px solid var(--dlx-border-dark);
}

.dlx-stat-bar__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 48px;
  max-width: var(--dlx-container);
  margin: 0 auto;
  padding: 0 48px;
}

.dlx-stat-bar__item {
  text-align: center;
}

.dlx-stat-bar__figure {
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 800;
  color: var(--dlx-accent-aa-dark);
  letter-spacing: -0.03em;
  line-height: 1;
  margin-bottom: 12px;
}

.dlx-stat-bar__label {
  font-size: 0.9375rem;
  color: var(--dlx-fg-dark-secondary);
  line-height: 1.5;
}

/* ─── SECTION GENERIC ─── */
.dlx-section {
  padding: 96px 0;
}

.dlx-section--sm {
  padding: 64px 0;
}

.dlx-section__header {
  text-align: center;
  margin-bottom: 56px;
}

.dlx-section__eyebrow {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 16px;
  border: 1px solid transparent;
  padding: 4px 10px;
  border-radius: 4px;
}

/* Eyebrow on dark sections */
.dlx-section--dark .dlx-section__eyebrow,
.dlx-section--dark-alt .dlx-section__eyebrow {
  color: var(--dlx-accent-aa-dark);
  border-color: rgba(251,200,78,0.3);
}

/* Eyebrow on light sections */
.dlx-section--light .dlx-section__eyebrow,
.dlx-section--light-alt .dlx-section__eyebrow,
.dlx-section--white .dlx-section__eyebrow {
  color: var(--dlx-accent-aa-light);
  border-color: rgba(180,83,9,0.3);
}

/* Section headings on dark */
.dlx-section--dark h1,
.dlx-section--dark-alt h1,
.dlx-section--dark h2,
.dlx-section--dark-alt h2 {
  color: var(--dlx-fg-dark-primary);
}

.dlx-section--dark p,
.dlx-section--dark-alt p {
  color: var(--dlx-fg-dark-secondary);
}

/* Section headings on light */
.dlx-section--light h2,
.dlx-section--light-alt h2,
.dlx-section--white h2 {
  color: var(--dlx-fg-light-primary);
}

.dlx-section--light p,
.dlx-section--light-alt p,
.dlx-section--white p {
  color: var(--dlx-fg-light-secondary);
}

/* ─── WORKLOAD TABS ─── */
.dlx-workload {
  background: var(--dlx-bg-dark);
  padding: 96px 0;
}

.dlx-workload__tabs {
  display: flex;
  gap: 0;
  border-bottom: 1px solid var(--dlx-border-dark);
  margin-bottom: 48px;
  overflow-x: auto;
}

.dlx-workload__tab {
  background: transparent;
  border: none;
  padding: 14px 28px;
  font-size: 0.9375rem;
  font-weight: 500;
  color: var(--dlx-fg-dark-secondary);
  border-bottom: 2px solid transparent;
  cursor: pointer;
  transition: color 0.15s, border-color 0.15s;
  white-space: nowrap;
  margin-bottom: -1px;
}

.dlx-workload__tab:hover { color: var(--dlx-fg-dark-primary); }

.dlx-workload__tab.is-active {
  color: var(--dlx-accent-aa-dark);
  border-bottom-color: var(--dlx-accent);
}

.dlx-workload__panel {
  display: none;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: start;
}

.dlx-workload__panel.is-active { display: grid; }

.dlx-workload__desc h3 {
  color: var(--dlx-fg-dark-primary);
  margin-bottom: 16px;
}

.dlx-workload__desc p {
  color: var(--dlx-fg-dark-secondary);
  font-size: 1.0625rem;
  line-height: 1.7;
  margin-bottom: 24px;
}

.dlx-workload__feature-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.dlx-workload__feature-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 0.9375rem;
  color: var(--dlx-fg-dark-secondary);
}

.dlx-workload__feature-list li::before {
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--dlx-accent);
  flex-shrink: 0;
  margin-top: 8px;
}

/* Diagram SVG on dark */
.dlx-workload__diagram {
  background: var(--dlx-bg-dark-card);
  border: 1px solid var(--dlx-border-dark);
  border-radius: var(--dlx-radius-lg);
  padding: 32px;
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ─── HOW IT WORKS ─── */
.dlx-how {
  background: var(--dlx-bg-dark-alt);
  padding: 96px 0;
  border-top: 1px solid var(--dlx-border-dark);
  border-bottom: 1px solid var(--dlx-border-dark);
}

.dlx-how__steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 48px;
  position: relative;
}

.dlx-how__connector {
  display: none;
}

@media (min-width: 768px) {
  .dlx-how__connector { display: block; }
}

.dlx-how__step {
  position: relative;
}

.dlx-how__step-num {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(245,158,11,0.15);
  border: 1.5px solid var(--dlx-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: 700;
  color: var(--dlx-accent-aa-dark);
  margin-bottom: 20px;
}

.dlx-how__step-icon {
  font-size: 1.125rem;
  color: var(--dlx-accent-aa-dark);
  margin-bottom: 16px;
}

.dlx-how__step h3 {
  color: var(--dlx-fg-dark-primary);
  font-size: 1.25rem;
  margin-bottom: 12px;
}

.dlx-how__step p {
  color: var(--dlx-fg-dark-secondary);
  font-size: 0.9375rem;
  line-height: 1.6;
}

/* ─── BENCHMARK TEASER ─── */
.dlx-bench-teaser {
  background: var(--dlx-bg-dark);
  padding: 96px 0;
}

.dlx-bench-teaser__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: center;
}

.dlx-bench-teaser h2 {
  color: var(--dlx-fg-dark-primary);
  margin-bottom: 24px;
}

.dlx-bench-teaser__callout {
  background: var(--dlx-bg-dark-card);
  border: 1px solid var(--dlx-border-dark);
  border-left: 3px solid var(--dlx-accent);
  border-radius: var(--dlx-radius);
  padding: 24px;
  margin: 24px 0;
}

.dlx-bench-teaser__callout p {
  color: var(--dlx-fg-dark-primary);
  font-size: 1.0625rem;
  line-height: 1.6;
}

.dlx-bench-teaser__callout strong {
  color: var(--dlx-accent-aa-dark);
}

.dlx-bench-teaser__secondary {
  color: var(--dlx-fg-dark-secondary) !important;
  font-size: 0.9375rem;
}

.dlx-bench-chart {
  background: var(--dlx-bg-dark-card);
  border: 1px solid var(--dlx-border-dark);
  border-radius: var(--dlx-radius-lg);
  padding: 32px;
}

/* ─── TESTIMONIALS ─── */
.dlx-testimonials {
  background: var(--dlx-bg-dark-alt);
  padding: 96px 0;
  border-top: 1px solid var(--dlx-border-dark);
  border-bottom: 1px solid var(--dlx-border-dark);
}

.dlx-testimonials__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.dlx-testimonial-card {
  background: var(--dlx-bg-dark-card);
  border: 1px solid var(--dlx-border-dark);
  border-radius: var(--dlx-radius-lg);
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.dlx-testimonial-card__quote {
  font-size: 1rem;
  line-height: 1.7;
  color: var(--dlx-fg-dark-primary);
  font-style: italic;
}

.dlx-testimonial-card__author {
  display: flex;
  align-items: center;
  gap: 12px;
}

.dlx-testimonial-card__avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(245,158,11,0.18);
  border: 1.5px solid var(--dlx-border-dark);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--dlx-accent-aa-dark);
  flex-shrink: 0;
}

.dlx-testimonial-card__name {
  font-weight: 600;
  font-size: 0.875rem;
  color: var(--dlx-fg-dark-primary);
  line-height: 1.3;
}

.dlx-testimonial-card__role {
  font-size: 0.8125rem;
  color: var(--dlx-fg-dark-secondary);
  line-height: 1.3;
}

/* ─── USE CASE CARDS ─── */
.dlx-uc-cards {
  background: var(--dlx-bg-dark);
  padding: 96px 0;
}

.dlx-uc-cards__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.dlx-uc-card {
  background: var(--dlx-bg-dark-card);
  border: 1px solid var(--dlx-border-dark);
  border-radius: var(--dlx-radius-lg);
  padding: 32px;
  transition: border-color 0.2s, transform 0.2s;
}

.dlx-uc-card:hover {
  border-color: var(--dlx-accent);
  transform: translateY(-2px);
}

.dlx-uc-card__icon {
  font-size: 1.5rem;
  color: var(--dlx-accent-aa-dark);
  margin-bottom: 16px;
}

.dlx-uc-card h3 {
  color: var(--dlx-fg-dark-primary);
  font-size: 1.125rem;
  margin-bottom: 12px;
}

.dlx-uc-card p {
  color: var(--dlx-fg-dark-secondary);
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 20px;
}

.dlx-uc-card__link {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--dlx-accent-aa-dark);
  display: inline-flex;
  align-items: center;
  gap: 4px;
  transition: gap 0.15s;
}

.dlx-uc-card__link:hover { gap: 8px; }

/* ─── CTA BAND ─── */
.dlx-cta-band {
  background: linear-gradient(135deg, #B45309 0%, #D97706 40%, #F59E0B 70%, #0A0F1E 100%);
  padding: 96px 0;
  position: relative;
  overflow: hidden;
}

.dlx-cta-band::before {
  content: '';
  position: absolute;
  inset: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
  pointer-events: none;
}

.dlx-cta-band__inner {
  position: relative;
  z-index: 1;
  max-width: 720px;
  margin: 0 auto;
  text-align: center;
  padding: 0 48px;
}

.dlx-cta-band h2 {
  color: var(--dlx-bg-dark);
  font-size: clamp(2rem, 3.5vw, 2.75rem);
  margin-bottom: 16px;
}

.dlx-cta-band__subhead {
  color: rgba(10,15,30,0.75);
  font-size: 1.0625rem;
  margin-bottom: 40px;
  line-height: 1.6;
}

.dlx-cta-band__btns {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
}

/* ─── FOOTER ─── */
.dlx-footer {
  background: var(--dlx-bg-dark);
  border-top: 1px solid var(--dlx-border-dark);
  padding: 72px 0 0;
}

.dlx-footer__grid {
  display: grid;
  grid-template-columns: 1.5fr repeat(3, 1fr);
  gap: 48px;
  max-width: var(--dlx-container);
  margin: 0 auto;
  padding: 0 48px;
}

.dlx-footer__brand {}

.dlx-footer__logo {
  margin-bottom: 16px;
}

.dlx-footer__logo img {
  height: 28px;
  width: auto;
}

.dlx-footer__tagline {
  font-size: 0.875rem;
  color: var(--dlx-fg-dark-secondary);
  line-height: 1.5;
  max-width: 220px;
  margin-bottom: 20px;
}

.dlx-footer__contact {
  font-size: 0.8125rem;
  color: var(--dlx-fg-dark-tertiary);
  line-height: 1.8;
}

.dlx-footer__contact a {
  color: var(--dlx-fg-dark-secondary);
  transition: color 0.15s;
}
.dlx-footer__contact a:hover { color: var(--dlx-accent-aa-dark); }

.dlx-footer__col h4 {
  font-size: 0.8125rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--dlx-fg-dark-primary);
  margin-bottom: 16px;
}

.dlx-footer__col ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.dlx-footer__col ul li a {
  font-size: 0.875rem;
  color: var(--dlx-fg-dark-secondary);
  transition: color 0.15s;
}

.dlx-footer__col ul li a:hover { color: var(--dlx-accent-aa-dark); }

.dlx-footer__bottom {
  margin-top: 48px;
  padding: 20px 48px;
  border-top: 1px solid var(--dlx-border-dark);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  max-width: var(--dlx-container);
  margin-left: auto;
  margin-right: auto;
  flex-wrap: wrap;
}

.dlx-footer__copy {
  font-size: 0.8125rem;
  color: var(--dlx-fg-dark-tertiary);
}

.dlx-footer__legal-links {
  display: flex;
  gap: 24px;
}

.dlx-footer__legal-links a {
  font-size: 0.8125rem;
  color: var(--dlx-fg-dark-tertiary);
  transition: color 0.15s;
}
.dlx-footer__legal-links a:hover { color: var(--dlx-fg-dark-secondary); }

.dlx-footer__wrapper {
  max-width: var(--dlx-container);
  margin: 0 auto;
}

/* ─── TERMINAL / CODE MOCK ─── */
.dlx-term {
  background: #0D1117;
  border: 1px solid #30363D;
  border-radius: var(--dlx-radius-lg);
  overflow: hidden;
  font-family: 'Fira Code', 'Consolas', monospace;
}

.dlx-term__chrome {
  background: #161B22;
  border-bottom: 1px solid #30363D;
  padding: 10px 16px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.dlx-term__dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.dlx-term__dot--red { background: #FF5F57; }
.dlx-term__dot--yellow { background: #FEBC2E; }
.dlx-term__dot--green { background: #28C840; }

.dlx-term__title {
  font-size: 0.75rem;
  color: #8B949E;
  margin-left: 8px;
  font-family: Inter, sans-serif;
}

.dlx-term__body {
  padding: 20px 24px;
  margin: 0;
  line-height: 1.55;
  font-size: 0.8125rem;
  color: #E6EDF3;
  white-space: normal;
  overflow-x: auto;
}

.dlx-term__body code {
  font-family: 'Fira Code', 'Consolas', monospace;
  font-size: inherit;
  line-height: inherit;
}

.dlx-tt-prompt { color: #58A6FF; }
.dlx-tt-cmd { color: #E6EDF3; }
.dlx-tt-kw { color: #FF7B72; }
.dlx-tt-string { color: #A5D6FF; }
.dlx-tt-comment { color: #8B949E; }
.dlx-tt-num { color: #79C0FF; }
.dlx-tt-fn { color: #D2A8FF; }
.dlx-tt-type { color: #FFA657; }
.dlx-tt-op { color: #FF7B72; }
.dlx-tt-meta { color: #8B949E; }
.dlx-tt-insert { color: #3FB950; }
.dlx-tt-stat { color: #FBC84E; }

/* ─── PLATFORM PAGE ─── */
.dlx-platform-hero {
  padding-top: var(--dlx-nav-h);
  background: var(--dlx-bg-dark);
  padding-bottom: 0;
}

.dlx-platform-hero__inner {
  max-width: var(--dlx-container);
  margin: 0 auto;
  padding: 96px 48px 64px;
  text-align: center;
}

.dlx-platform-hero h1 {
  color: var(--dlx-fg-dark-primary);
  margin-bottom: 20px;
}

.dlx-platform-hero__sub {
  font-size: 1.125rem;
  color: var(--dlx-fg-dark-secondary);
  max-width: 640px;
  margin: 0 auto 40px;
}

.dlx-platform-hero__img {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  border-radius: var(--dlx-radius-lg) var(--dlx-radius-lg) 0 0;
  overflow: hidden;
  border: 1px solid var(--dlx-border-dark);
  border-bottom: none;
}

.dlx-platform-hero__img img {
  width: 100%;
  height: 420px;
  object-fit: cover;
}

/* ─── FEATURE SECTION ─── */
.dlx-feature-section {
  padding: 80px 0;
}

.dlx-feature-section__inner {
  max-width: var(--dlx-container);
  margin: 0 auto;
  padding: 0 48px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: start;
}

.dlx-feature-section--reverse .dlx-feature-section__inner {
  direction: rtl;
}

.dlx-feature-section--reverse .dlx-feature-section__inner > * {
  direction: ltr;
}

.dlx-feature-section__content h2 {
  margin-bottom: 16px;
}

.dlx-section--dark .dlx-feature-section__content h2,
.dlx-section--dark-alt .dlx-feature-section__content h2 {
  color: var(--dlx-fg-dark-primary);
}

.dlx-section--dark .dlx-feature-section__content p,
.dlx-section--dark-alt .dlx-feature-section__content p {
  color: var(--dlx-fg-dark-secondary);
  margin-bottom: 16px;
}

.dlx-section--light .dlx-feature-section__content h2,
.dlx-section--white .dlx-feature-section__content h2 {
  color: var(--dlx-fg-light-primary);
}

.dlx-feature-tiles {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 24px;
}

.dlx-feature-tile {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 16px;
  border-radius: var(--dlx-radius);
  border: 1px solid var(--dlx-border-dark);
  background: var(--dlx-bg-dark-card);
}

.dlx-feature-tile__icon {
  font-size: 1rem;
  color: var(--dlx-accent-aa-dark);
  flex-shrink: 0;
  margin-top: 2px;
}

.dlx-feature-tile h3,
.dlx-feature-tile h4 {
  font-size: 0.9375rem;
  color: var(--dlx-fg-dark-primary);
  margin-bottom: 4px;
}

.dlx-feature-tile p {
  font-size: 0.875rem;
  color: var(--dlx-fg-dark-secondary) !important;
  margin-bottom: 0 !important;
  line-height: 1.5;
}

/* Light section feature tiles */
.dlx-section--light .dlx-feature-tile,
.dlx-section--white .dlx-feature-tile {
  background: var(--dlx-bg-white);
  border-color: var(--dlx-border-light);
}

.dlx-section--light .dlx-feature-tile__icon,
.dlx-section--white .dlx-feature-tile__icon {
  color: var(--dlx-accent-aa-light);
}

.dlx-section--light .dlx-feature-tile h3,
.dlx-section--white .dlx-feature-tile h3,
.dlx-section--light .dlx-feature-tile h4,
.dlx-section--white .dlx-feature-tile h4 {
  color: var(--dlx-fg-light-primary);
}

.dlx-section--light .dlx-feature-tile p,
.dlx-section--white .dlx-feature-tile p {
  color: var(--dlx-fg-light-secondary) !important;
}

/* Integration logos */
.dlx-integrations {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: center;
}

.dlx-integration-badge {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background: var(--dlx-bg-dark-card);
  border: 1px solid var(--dlx-border-dark);
  border-radius: var(--dlx-radius);
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--dlx-fg-dark-secondary);
}

.dlx-integration-badge i {
  font-size: 1rem;
  color: var(--dlx-accent-aa-dark);
}

/* ─── PRICING ─── */
.dlx-pricing-hero {
  background: var(--dlx-bg-light);
  padding: calc(var(--dlx-nav-h) + 80px) 48px 80px;
  text-align: center;
}

.dlx-pricing-hero h1 {
  color: var(--dlx-fg-light-primary);
  margin-bottom: 16px;
}

.dlx-pricing-hero__sub {
  font-size: 1.125rem;
  color: var(--dlx-fg-light-secondary);
  max-width: 540px;
  margin: 0 auto 24px;
}

.dlx-pricing-toggle {
  display: inline-flex;
  gap: 0;
  background: var(--dlx-bg-light-alt);
  border-radius: 8px;
  padding: 4px;
  margin-bottom: 8px;
}

.dlx-pricing-toggle button {
  background: none;
  border: none;
  padding: 8px 20px;
  border-radius: 6px;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--dlx-fg-light-secondary);
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}

.dlx-pricing-toggle button.is-active {
  background: var(--dlx-bg-white);
  color: var(--dlx-fg-light-primary);
  box-shadow: 0 1px 4px rgba(0,0,0,0.1);
}

.dlx-pricing-annual-note {
  font-size: 0.8125rem;
  color: var(--dlx-accent-aa-light);
  font-weight: 500;
}

.dlx-pricing-tiers {
  background: var(--dlx-bg-white);
  padding: 80px 0;
}

.dlx-pricing-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  max-width: var(--dlx-container);
  margin: 0 auto;
  padding: 0 48px;
}

.dlx-pricing-card {
  border: 1px solid var(--dlx-border-light);
  border-radius: var(--dlx-radius-lg);
  padding: 36px;
  background: var(--dlx-bg-white);
  display: flex;
  flex-direction: column;
  gap: 0;
}

.dlx-pricing-card--featured {
  border-color: var(--dlx-accent);
  position: relative;
  box-shadow: 0 0 0 1px var(--dlx-accent), 0 8px 24px rgba(245,158,11,0.12);
}

.dlx-pricing-card--featured::before {
  content: 'Most Popular';
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--dlx-accent);
  color: var(--dlx-bg-dark);
  font-size: 0.75rem;
  font-weight: 700;
  padding: 4px 14px;
  border-radius: 20px;
  white-space: nowrap;
}

.dlx-pricing-card__tier {
  font-size: 0.8125rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--dlx-accent-aa-light);
  margin-bottom: 8px;
}

.dlx-pricing-card h3 {
  font-size: 1.375rem;
  color: var(--dlx-fg-light-primary);
  margin-bottom: 4px;
}

.dlx-pricing-card__target {
  font-size: 0.875rem;
  color: var(--dlx-fg-light-muted);
  margin-bottom: 24px;
}

.dlx-pricing-card__price {
  margin-bottom: 8px;
}

.dlx-pricing-card__amount {
  font-size: 2.5rem;
  font-weight: 800;
  color: var(--dlx-fg-light-primary);
  letter-spacing: -0.03em;
}

.dlx-pricing-card__period {
  font-size: 0.875rem;
  color: var(--dlx-fg-light-muted);
  margin-left: 4px;
}

.dlx-pricing-card__annual {
  font-size: 0.8125rem;
  color: var(--dlx-success);
  font-weight: 500;
  margin-bottom: 28px;
}

.dlx-pricing-card__divider {
  border: none;
  border-top: 1px solid var(--dlx-border-light);
  margin: 24px 0;
}

.dlx-pricing-card__features {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 28px;
  flex: 1;
}

.dlx-pricing-card__features li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 0.875rem;
  color: var(--dlx-fg-light-secondary);
}

.dlx-pricing-card__features li i {
  color: var(--dlx-success);
  flex-shrink: 0;
  margin-top: 2px;
}

/* ─── COMPARE TABLE ─── */
.dlx-compare {
  background: var(--dlx-bg-light);
  padding: 80px 0;
}

.dlx-compare-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9375rem;
}

.dlx-compare-table th {
  text-align: left;
  padding: 12px 16px;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--dlx-fg-light-muted);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  background: var(--dlx-bg-light-alt);
  border-bottom: 1px solid var(--dlx-border-light);
}

.dlx-compare-table th:first-child {
  border-radius: 8px 0 0 0;
  position: sticky;
  left: 0;
  z-index: 1;
}

.dlx-compare-table th:last-child { border-radius: 0 8px 0 0; }

.dlx-compare-table td {
  padding: 14px 16px;
  border-bottom: 1px solid var(--dlx-border-light);
  color: var(--dlx-fg-light-secondary);
  vertical-align: middle;
}

.dlx-compare-table td:first-child {
  font-weight: 500;
  color: var(--dlx-fg-light-primary);
  position: sticky;
  left: 0;
  background: var(--dlx-bg-white);
  z-index: 1;
}

.dlx-compare-table tr:hover td { background: var(--dlx-bg-light); }
.dlx-compare-table tr:hover td:first-child { background: var(--dlx-bg-light); }

.dlx-compare-table .dlx-check { color: var(--dlx-success); }
.dlx-compare-table .dlx-dash { color: var(--dlx-fg-light-muted); }

.dlx-compare-wrap {
  max-width: var(--dlx-container);
  margin: 0 auto;
  padding: 0 48px;
  overflow-x: auto;
}

/* ─── FAQ ─── */
.dlx-faq {
  padding: 80px 0;
}

.dlx-faq__list {
  max-width: 720px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 0;
}

.dlx-faq__item {
  border-bottom: 1px solid var(--dlx-border-light);
}

.dlx-faq__question {
  width: 100%;
  background: none;
  border: none;
  text-align: left;
  padding: 20px 0;
  font-size: 1rem;
  font-weight: 500;
  color: var(--dlx-fg-light-primary);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  cursor: pointer;
  line-height: 1.5;
}

.dlx-faq__question i {
  font-size: 0.875rem;
  color: var(--dlx-fg-light-muted);
  flex-shrink: 0;
  transition: transform 0.2s;
}

.dlx-faq__item.is-open .dlx-faq__question i {
  transform: rotate(180deg);
}

.dlx-faq__answer {
  display: none;
  padding: 0 0 20px;
  font-size: 0.9375rem;
  color: var(--dlx-fg-light-secondary);
  line-height: 1.7;
}

.dlx-faq__item.is-open .dlx-faq__answer { display: block; }

/* ─── PRICING CTA (dark at bottom of pricing page) ─── */
.dlx-pricing-cta {
  background: var(--dlx-bg-dark);
  padding: 72px 0;
  text-align: center;
}

.dlx-pricing-cta h2 {
  color: var(--dlx-fg-dark-primary);
  font-size: 2rem;
  margin-bottom: 12px;
}

.dlx-pricing-cta p {
  color: var(--dlx-fg-dark-secondary);
  margin-bottom: 32px;
}

/* ─── SUB-PAGE HERO (generic) ─── */
.dlx-subhero {
  padding-top: var(--dlx-nav-h);
  padding-bottom: 0;
}

.dlx-subhero--dark {
  background: var(--dlx-bg-dark);
}

.dlx-subhero--light {
  background: var(--dlx-bg-light);
}

.dlx-subhero__inner {
  max-width: var(--dlx-container);
  margin: 0 auto;
  padding: 80px 48px 72px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 56px;
  align-items: center;
}

.dlx-subhero__inner--centered {
  grid-template-columns: 1fr;
  max-width: var(--dlx-container);
  margin: 0 auto;
  padding: calc(var(--dlx-nav-h) + 72px) 48px 72px;
  text-align: center;
}

.dlx-subhero--dark h1 { color: var(--dlx-fg-dark-primary); }
.dlx-subhero--dark p { color: var(--dlx-fg-dark-secondary); }
.dlx-subhero--light h1 { color: var(--dlx-fg-light-primary); }
.dlx-subhero--light p { color: var(--dlx-fg-light-secondary); }

.dlx-subhero__content h1 { margin-bottom: 16px; }
.dlx-subhero__content p { font-size: 1.125rem; line-height: 1.7; margin-bottom: 32px; }

.dlx-subhero__visual img {
  width: 100%;
  height: 360px;
  object-fit: cover;
  border-radius: var(--dlx-radius-lg);
  border: 1px solid var(--dlx-border-dark);
}

.dlx-subhero--dark .dlx-subhero__eyebrow {
  color: var(--dlx-accent-aa-dark);
  border-color: rgba(251,200,78,0.3);
}
.dlx-subhero--light .dlx-subhero__eyebrow {
  color: var(--dlx-accent-aa-light);
  border-color: rgba(180,83,9,0.3);
}

.dlx-subhero__eyebrow {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 16px;
  border: 1px solid transparent;
  padding: 4px 10px;
  border-radius: 4px;
}

/* ─── ABOUT ─── */
.dlx-about-story {
  background: var(--dlx-bg-white);
  padding: 80px 0;
}

.dlx-about-story__inner {
  max-width: 720px;
  margin: 0 auto;
  padding: 0 48px;
}

.dlx-about-story__inner h2 {
  color: var(--dlx-fg-light-primary);
  margin-bottom: 24px;
}

.dlx-about-story__inner p {
  color: var(--dlx-fg-light-secondary);
  font-size: 1.0625rem;
  line-height: 1.8;
  margin-bottom: 20px;
}

.dlx-team-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.dlx-team-card {
  background: var(--dlx-bg-white);
  border: 1px solid var(--dlx-border-light);
  border-radius: var(--dlx-radius-lg);
  padding: 28px 24px;
  text-align: center;
}

.dlx-team-card__avatar {
  width: 88px;
  height: 88px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto 16px;
  border: 2px solid var(--dlx-border-light);
}

.dlx-team-card__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dlx-team-card h3 {
  font-size: 1rem;
  color: var(--dlx-fg-light-primary);
  margin-bottom: 4px;
}

.dlx-team-card__role {
  font-size: 0.8125rem;
  color: var(--dlx-accent-aa-light);
  font-weight: 500;
  margin-bottom: 12px;
}

.dlx-team-card__bio {
  font-size: 0.875rem;
  color: var(--dlx-fg-light-secondary);
  line-height: 1.6;
}

.dlx-values-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

.dlx-value-card {
  background: var(--dlx-bg-light);
  border: 1px solid var(--dlx-border-light);
  border-radius: var(--dlx-radius-lg);
  padding: 28px;
}

.dlx-value-card__icon {
  font-size: 1.5rem;
  color: var(--dlx-accent-aa-light);
  margin-bottom: 12px;
}

.dlx-value-card h3 {
  font-size: 1.125rem;
  color: var(--dlx-fg-light-primary);
  margin-bottom: 10px;
}

.dlx-value-card p {
  font-size: 0.9375rem;
  color: var(--dlx-fg-light-secondary);
  line-height: 1.6;
}

/* ─── CONTACT ─── */
.dlx-contact-form-section {
  background: var(--dlx-bg-white);
  padding: 80px 0;
}

.dlx-contact-layout {
  display: grid;
  grid-template-columns: 1fr 380px;
  gap: 64px;
  max-width: var(--dlx-container);
  margin: 0 auto;
  padding: 0 48px;
}

.dlx-form-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 20px;
}

.dlx-form-label {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--dlx-fg-light-primary);
}

.dlx-form-input,
.dlx-form-select {
  padding: 10px 14px;
  border: 1px solid var(--dlx-border-light);
  border-radius: var(--dlx-radius);
  font-size: 0.9375rem;
  font-family: inherit;
  color: var(--dlx-fg-light-primary);
  background: var(--dlx-bg-white);
  transition: border-color 0.15s, box-shadow 0.15s;
}

.dlx-form-input:focus,
.dlx-form-select:focus {
  outline: none;
  border-color: var(--dlx-accent);
  box-shadow: 0 0 0 3px rgba(245,158,11,0.12);
}

.dlx-form-select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2364748B' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  padding-right: 36px;
}

.dlx-form-select option {
  background: var(--dlx-bg-white);
  color: var(--dlx-fg-light-primary);
}

.dlx-form-textarea {
  min-height: 120px;
  resize: vertical;
  padding: 10px 14px;
  border: 1px solid var(--dlx-border-light);
  border-radius: var(--dlx-radius);
  font-size: 0.9375rem;
  font-family: inherit;
  color: var(--dlx-fg-light-primary);
  background: var(--dlx-bg-white);
  transition: border-color 0.15s, box-shadow 0.15s;
}

.dlx-form-textarea:focus {
  outline: none;
  border-color: var(--dlx-accent);
  box-shadow: 0 0 0 3px rgba(245,158,11,0.12);
}

.dlx-contact-info {
  background: var(--dlx-bg-light);
  border: 1px solid var(--dlx-border-light);
  border-radius: var(--dlx-radius-lg);
  padding: 32px;
  height: fit-content;
}

.dlx-contact-info h3 {
  font-size: 1.125rem;
  color: var(--dlx-fg-light-primary);
  margin-bottom: 20px;
}

.dlx-contact-info-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 20px;
}

.dlx-contact-info-item i {
  color: var(--dlx-accent-aa-light);
  font-size: 1rem;
  margin-top: 2px;
  flex-shrink: 0;
}

.dlx-contact-info-item p {
  font-size: 0.875rem;
  color: var(--dlx-fg-light-secondary);
  line-height: 1.5;
}

.dlx-contact-info-item a {
  color: var(--dlx-accent-aa-light);
  font-weight: 500;
}

/* ─── USE CASE PAGES ─── */
.dlx-uc-problem {
  background: var(--dlx-bg-dark-alt);
  padding: 80px 0;
  border-top: 1px solid var(--dlx-border-dark);
  border-bottom: 1px solid var(--dlx-border-dark);
}

.dlx-uc-problem h2 { color: var(--dlx-fg-dark-primary); }
.dlx-uc-problem p { color: var(--dlx-fg-dark-secondary); }

.dlx-problem-box {
  background: rgba(239,68,68,0.08);
  border: 1px solid rgba(239,68,68,0.2);
  border-radius: var(--dlx-radius-lg);
  padding: 24px;
  margin-top: 24px;
}

.dlx-problem-box p {
  color: var(--dlx-fg-dark-secondary) !important;
  font-size: 1rem;
  line-height: 1.7;
}

.dlx-problem-flow {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin: 20px 0;
}

.dlx-problem-node {
  background: rgba(255,255,255,0.06);
  border: 1px solid var(--dlx-border-dark);
  border-radius: 6px;
  padding: 8px 14px;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--dlx-fg-dark-secondary);
}

.dlx-problem-arrow {
  color: var(--dlx-fg-dark-tertiary);
  font-size: 0.875rem;
}

.dlx-uc-solution {
  background: var(--dlx-bg-dark);
  padding: 80px 0;
}

.dlx-uc-solution h2 { color: var(--dlx-fg-dark-primary); }
.dlx-uc-solution p { color: var(--dlx-fg-dark-secondary); }

.dlx-uc-benefits {
  background: var(--dlx-bg-dark-alt);
  padding: 80px 0;
  border-top: 1px solid var(--dlx-border-dark);
  border-bottom: 1px solid var(--dlx-border-dark);
}

.dlx-uc-benefits h2 { color: var(--dlx-fg-dark-primary); }

.dlx-benefit-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.dlx-benefit-card {
  background: var(--dlx-bg-dark-card);
  border: 1px solid var(--dlx-border-dark);
  border-radius: var(--dlx-radius-lg);
  padding: 28px;
}

.dlx-benefit-card__metric {
  font-size: 2rem;
  font-weight: 800;
  color: var(--dlx-accent-aa-dark);
  letter-spacing: -0.03em;
  line-height: 1;
  margin-bottom: 8px;
}

.dlx-benefit-card h3 {
  font-size: 1rem;
  color: var(--dlx-fg-dark-primary);
  margin-bottom: 10px;
}

.dlx-benefit-card p {
  font-size: 0.875rem;
  color: var(--dlx-fg-dark-secondary);
  line-height: 1.6;
}

/* ─── ARCH PAGE ─── */
.dlx-arch-diagram {
  background: var(--dlx-bg-dark-alt);
  padding: 80px 0;
  border-top: 1px solid var(--dlx-border-dark);
  border-bottom: 1px solid var(--dlx-border-dark);
}

.dlx-arch-diagram__wrap {
  max-width: var(--dlx-container);
  margin: 0 auto;
  padding: 0 48px;
}

/* ─── BENCHMARKS ─── */
.dlx-bench-table-wrap {
  max-width: var(--dlx-container);
  margin: 0 auto;
  padding: 0 48px;
  overflow-x: auto;
}

.dlx-bench-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.875rem;
  color: var(--dlx-fg-dark-secondary);
}

.dlx-bench-table thead tr {
  background: var(--dlx-bg-dark-card);
  border-bottom: 1px solid var(--dlx-border-dark);
}

.dlx-bench-table th {
  padding: 12px 16px;
  text-align: left;
  font-size: 0.8125rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--dlx-fg-dark-secondary);
}

.dlx-bench-table td {
  padding: 13px 16px;
  border-bottom: 1px solid var(--dlx-border-dark);
}

.dlx-bench-table tr:hover td { background: rgba(255,255,255,0.02); }

.dlx-bench-table .dlx-faster { color: var(--dlx-accent-aa-dark); font-weight: 600; }

/* ─── SECURITY ─── */
.dlx-sec-controls {
  background: var(--dlx-bg-white);
  padding: 80px 0;
}

.dlx-sec-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  max-width: var(--dlx-container);
  margin: 0 auto;
  padding: 0 48px;
}

.dlx-sec-card {
  background: var(--dlx-bg-light);
  border: 1px solid var(--dlx-border-light);
  border-radius: var(--dlx-radius-lg);
  padding: 28px;
}

.dlx-sec-card__icon {
  font-size: 1.5rem;
  color: var(--dlx-accent-aa-light);
  margin-bottom: 14px;
}

.dlx-sec-card h3 {
  font-size: 1rem;
  color: var(--dlx-fg-light-primary);
  margin-bottom: 8px;
}

.dlx-sec-card p {
  font-size: 0.875rem;
  color: var(--dlx-fg-light-secondary);
  line-height: 1.6;
}

.dlx-sec-compliance {
  background: var(--dlx-bg-light);
  padding: 72px 0;
}

.dlx-sec-compliance__inner {
  max-width: var(--dlx-container);
  margin: 0 auto;
  padding: 0 48px;
}

.dlx-sec-compliance__inner h2 { color: var(--dlx-fg-light-primary); margin-bottom: 24px; }

.dlx-compliance-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--dlx-bg-white);
  border: 1px solid var(--dlx-border-light);
  border-radius: var(--dlx-radius);
  padding: 14px 20px;
  margin: 8px 8px 8px 0;
}

.dlx-compliance-badge i { color: var(--dlx-success); }
.dlx-compliance-badge span { font-size: 0.9375rem; color: var(--dlx-fg-light-primary); font-weight: 500; }

/* ─── DOCS ─── */
.dlx-docs-layout {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 48px;
  max-width: var(--dlx-container);
  margin: 0 auto;
  padding: calc(var(--dlx-nav-h) + 40px) 48px 80px;
}

.dlx-docs-sidebar {
  position: sticky;
  top: calc(var(--dlx-nav-h) + 24px);
  height: fit-content;
}

.dlx-docs-sidebar__section {
  margin-bottom: 24px;
}

.dlx-docs-sidebar__heading {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--dlx-fg-light-muted);
  padding: 0 0 8px;
  border-bottom: 1px solid var(--dlx-border-light);
  margin-bottom: 8px;
}

.dlx-docs-sidebar__links {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.dlx-docs-sidebar__links a {
  font-size: 0.875rem;
  padding: 6px 10px;
  border-radius: 6px;
  color: var(--dlx-fg-light-secondary);
  transition: background 0.15s, color 0.15s;
}

.dlx-docs-sidebar__links a:hover {
  background: var(--dlx-bg-light-alt);
  color: var(--dlx-fg-light-primary);
}

.dlx-docs-sidebar__links a.is-active {
  background: rgba(180,83,9,0.1);
  color: var(--dlx-accent-aa-light);
  font-weight: 500;
}

.dlx-docs-content {
  min-width: 0;
}

body.dlx-page--light-top .dlx-docs-content h1 {
  color: var(--dlx-fg-light-primary);
  font-size: 2.25rem;
  margin-bottom: 16px;
}

body.dlx-page--light-top .dlx-docs-content h2 {
  color: var(--dlx-fg-light-primary);
  font-size: 1.5rem;
  margin-top: 40px;
  margin-bottom: 16px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--dlx-border-light);
}

body.dlx-page--light-top .dlx-docs-content h3 {
  color: var(--dlx-fg-light-primary);
  font-size: 1.125rem;
  margin-top: 28px;
  margin-bottom: 12px;
}

body.dlx-page--light-top .dlx-docs-content p {
  color: var(--dlx-fg-light-secondary);
  margin-bottom: 16px;
  line-height: 1.7;
}

body.dlx-page--light-top .dlx-docs-content ul,
body.dlx-page--light-top .dlx-docs-content ol {
  padding-left: 24px;
  margin-bottom: 16px;
}

body.dlx-page--light-top .dlx-docs-content li {
  color: var(--dlx-fg-light-secondary);
  margin-bottom: 6px;
  line-height: 1.6;
}

body.dlx-page--light-top .dlx-docs-content a {
  color: var(--dlx-accent-aa-light);
  text-decoration: underline;
  text-underline-offset: 2px;
}

body.dlx-page--light-top .dlx-docs-content code {
  background: var(--dlx-bg-light-alt);
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 0.8125rem;
  color: var(--dlx-fg-light-primary);
}

.dlx-docs-step {
  display: flex;
  gap: 20px;
  margin: 28px 0;
  align-items: flex-start;
}

.dlx-docs-step__num {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(180,83,9,0.12);
  border: 1.5px solid var(--dlx-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--dlx-accent-aa-light);
  flex-shrink: 0;
  margin-top: 4px;
}

.dlx-docs-step__content h3 {
  color: var(--dlx-fg-light-primary);
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

/* API reference table */
.dlx-api-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.875rem;
  margin: 20px 0;
}

.dlx-api-table th {
  text-align: left;
  padding: 10px 12px;
  background: var(--dlx-bg-light-alt);
  color: var(--dlx-fg-light-muted);
  font-size: 0.8125rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-bottom: 1px solid var(--dlx-border-light);
}

.dlx-api-table td {
  padding: 12px 12px;
  border-bottom: 1px solid var(--dlx-border-light);
  color: var(--dlx-fg-light-secondary);
  vertical-align: top;
}

.dlx-api-table td:first-child { white-space: nowrap; }

.dlx-api-table .dlx-method {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 700;
  font-family: 'Fira Code', monospace;
}

.dlx-method--get { background: rgba(16,185,129,0.15); color: #059669; }
.dlx-method--post { background: rgba(59,130,246,0.15); color: #2563EB; }
.dlx-method--delete { background: rgba(239,68,68,0.15); color: #DC2626; }
.dlx-method--put { background: rgba(245,158,11,0.15); color: #B45309; }

/* ─── DOCS LANDING ─── */
.dlx-docs-landing-hero {
  background: var(--dlx-bg-light);
  padding: calc(var(--dlx-nav-h) + 56px) 48px 64px;
}

.dlx-docs-landing-hero__inner {
  max-width: var(--dlx-container);
  margin: 0 auto;
}

.dlx-docs-landing-hero h1 {
  color: var(--dlx-fg-light-primary);
  margin-bottom: 20px;
  font-size: clamp(2rem, 4vw, 3rem);
}

.dlx-docs-search {
  display: flex;
  max-width: 480px;
  gap: 0;
  background: var(--dlx-bg-white);
  border: 1px solid var(--dlx-border-light);
  border-radius: var(--dlx-radius);
  overflow: hidden;
  transition: box-shadow 0.15s, border-color 0.15s;
}

.dlx-docs-search:focus-within {
  border-color: var(--dlx-accent);
  box-shadow: 0 0 0 3px rgba(245,158,11,0.12);
}

.dlx-docs-search input {
  flex: 1;
  border: none;
  padding: 12px 16px;
  font-size: 0.9375rem;
  font-family: inherit;
  background: transparent;
  color: var(--dlx-fg-light-primary);
  outline: none;
}

.dlx-docs-search button {
  background: none;
  border: none;
  padding: 0 16px;
  color: var(--dlx-fg-light-muted);
  cursor: pointer;
  transition: color 0.15s;
}

.dlx-docs-search button:hover { color: var(--dlx-accent-aa-light); }

.dlx-docs-category-tiles {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  max-width: var(--dlx-container);
  margin: 0 auto;
  padding: 48px 48px 80px;
  background: var(--dlx-bg-white);
}

.dlx-docs-cat-tile {
  border: 1px solid var(--dlx-border-light);
  border-radius: var(--dlx-radius-lg);
  padding: 28px 24px;
  background: var(--dlx-bg-white);
  transition: border-color 0.2s, transform 0.2s;
  display: block;
}

.dlx-docs-cat-tile:hover {
  border-color: var(--dlx-accent);
  transform: translateY(-2px);
}

.dlx-docs-cat-tile__icon {
  font-size: 1.5rem;
  color: var(--dlx-accent-aa-light);
  margin-bottom: 12px;
}

.dlx-docs-cat-tile h3 {
  font-size: 1rem;
  color: var(--dlx-fg-light-primary);
  margin-bottom: 8px;
}

.dlx-docs-cat-tile p {
  font-size: 0.875rem;
  color: var(--dlx-fg-light-muted);
  line-height: 1.5;
}

/* ─── BLOG ─── */
.dlx-blog-hero {
  background: var(--dlx-bg-light);
  padding: calc(var(--dlx-nav-h) + 56px) 48px 56px;
}

.dlx-blog-hero__inner {
  max-width: var(--dlx-container);
  margin: 0 auto;
}

.dlx-blog-hero h1 {
  color: var(--dlx-fg-light-primary);
  font-size: clamp(2rem, 3.5vw, 2.75rem);
  margin-bottom: 8px;
}

.dlx-blog-hero p {
  color: var(--dlx-fg-light-secondary);
  font-size: 1.0625rem;
}

.dlx-blog-filters {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 28px;
}

.dlx-blog-filter {
  padding: 6px 16px;
  border-radius: 20px;
  font-size: 0.875rem;
  font-weight: 500;
  border: 1px solid var(--dlx-border-light);
  background: var(--dlx-bg-white);
  color: var(--dlx-fg-light-secondary);
  cursor: pointer;
  transition: background 0.15s, color 0.15s, border-color 0.15s;
}

.dlx-blog-filter:hover,
.dlx-blog-filter.is-active {
  background: var(--dlx-accent);
  border-color: var(--dlx-accent);
  color: var(--dlx-bg-dark);
}

.dlx-blog-grid-section {
  background: var(--dlx-bg-light-alt);
  padding: 56px 0 80px;
}

.dlx-blog-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  max-width: var(--dlx-container);
  margin: 0 auto;
  padding: 0 48px;
}

.dlx-blog-grid__featured {
  grid-column: 1 / -1;
}

.dlx-blog-card {
  background: var(--dlx-bg-white);
  border: 1px solid var(--dlx-border-light);
  border-radius: var(--dlx-radius-lg);
  overflow: hidden;
  transition: transform 0.2s, box-shadow 0.2s;
  display: flex;
  flex-direction: column;
}

.dlx-blog-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}

.dlx-blog-card__img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  height: auto;
}

.dlx-blog-card__body {
  padding: 24px;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.dlx-blog-card__meta {
  display: flex;
  align-items: center;
  gap: 12px;
}

.dlx-blog-card__cat {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--dlx-accent-aa-light);
  background: rgba(180,83,9,0.1);
  padding: 3px 8px;
  border-radius: 4px;
}

.dlx-blog-card__date {
  font-size: 0.8125rem;
  color: var(--dlx-fg-light-muted);
}

.dlx-blog-card__read-time {
  font-size: 0.8125rem;
  color: var(--dlx-fg-light-muted);
}

.dlx-blog-card h2,
.dlx-blog-card h3 {
  color: var(--dlx-fg-light-primary);
  font-size: 1.125rem;
  line-height: 1.4;
  margin: 4px 0;
}

.dlx-blog-card--featured h2 {
  font-size: 1.5rem;
}

.dlx-blog-card__summary {
  font-size: 0.9375rem;
  color: var(--dlx-fg-light-secondary);
  line-height: 1.6;
  flex: 1;
}

.dlx-blog-card__author {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-top: 16px;
  margin-top: auto;
  border-top: 1px solid var(--dlx-border-light);
}

.dlx-blog-card__author-avatar {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(245,158,11,0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--dlx-accent-aa-light);
  flex-shrink: 0;
}

.dlx-blog-card__author-name {
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--dlx-fg-light-secondary);
}

/* ─── BLOG ARTICLE ─── */
.dlx-article-header {
  background: var(--dlx-bg-light);
  padding: calc(var(--dlx-nav-h) + 56px) 48px 56px;
}

.dlx-article-header__inner {
  max-width: 760px;
  margin: 0 auto;
}

.dlx-article-header__cat {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--dlx-accent-aa-light);
  margin-bottom: 16px;
  display: inline-block;
}

.dlx-article-header h1 {
  color: var(--dlx-fg-light-primary);
  font-size: clamp(1.75rem, 3.5vw, 2.5rem);
  margin-bottom: 16px;
}

.dlx-article-header__meta {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.dlx-article-header__author {
  display: flex;
  align-items: center;
  gap: 8px;
}

.dlx-article-header__author-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(245,158,11,0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8125rem;
  font-weight: 700;
  color: var(--dlx-accent-aa-light);
}

.dlx-article-header__author-name {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--dlx-fg-light-secondary);
}

.dlx-article-header__date {
  font-size: 0.875rem;
  color: var(--dlx-fg-light-muted);
}

.dlx-article-header__read-time {
  font-size: 0.875rem;
  color: var(--dlx-fg-light-muted);
}

.dlx-article-cover-section {
  background: var(--dlx-bg-white);
  padding: 40px 48px 0;
}

.dlx-blog-article__cover {
  width: 100%;
  max-width: 760px;
  height: auto;
  display: block;
  margin: 0 auto;
  border-radius: var(--dlx-radius-lg);
}

.dlx-article-body-section {
  background: var(--dlx-bg-white);
  padding: 40px 0 80px;
}

.dlx-article-body {
  max-width: 760px;
  margin: 0 auto;
  padding: 0 48px;
}

.dlx-article-body h2 {
  color: var(--dlx-fg-light-primary);
  font-size: 1.5rem;
  margin-top: 40px;
  margin-bottom: 16px;
}

.dlx-article-body h3 {
  color: var(--dlx-fg-light-primary);
  font-size: 1.125rem;
  margin-top: 28px;
  margin-bottom: 12px;
}

.dlx-article-body p {
  color: var(--dlx-fg-light-secondary);
  margin-bottom: 20px;
  line-height: 1.8;
  font-size: 1.0625rem;
}

.dlx-article-body ul, .dlx-article-body ol {
  padding-left: 28px;
  margin-bottom: 20px;
  color: var(--dlx-fg-light-secondary);
}

.dlx-article-body li {
  margin-bottom: 8px;
  line-height: 1.7;
}

.dlx-article-body a {
  color: var(--dlx-accent-aa-light);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.dlx-article-body code {
  background: var(--dlx-bg-light-alt);
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 0.875rem;
  color: var(--dlx-fg-light-primary);
}

.dlx-article-body pre {
  background: #0D1117;
  border-radius: var(--dlx-radius);
  padding: 20px 24px;
  overflow-x: auto;
  margin-bottom: 24px;
}

.dlx-article-body pre code {
  background: none;
  padding: 0;
  color: #E6EDF3;
  font-size: 0.8125rem;
  line-height: 1.6;
}

/* ─── ARTICLE CALLOUT (blog article bodies — light bg context) ─── */
.dlx-article-callout {
  background: var(--dlx-bg-light-alt);
  border: 1px solid var(--dlx-border-light);
  border-left: 3px solid var(--dlx-accent-aa-light);
  border-radius: var(--dlx-radius);
  padding: 24px 28px;
  margin: 28px 0;
  overflow-x: auto;
}

.dlx-article-callout h4 {
  color: var(--dlx-fg-light-primary) !important;
  font-size: 0.9375rem;
  font-weight: 600;
  margin-bottom: 14px;
  margin-top: 0;
}

.dlx-article-callout .dlx-bench-table {
  width: 100%;
  border-collapse: collapse;
  color: var(--dlx-fg-light-secondary) !important;
}

.dlx-article-callout .dlx-bench-table thead tr {
  background: var(--dlx-bg-white) !important;
  border-bottom: 1px solid var(--dlx-border-light) !important;
}

.dlx-article-callout .dlx-bench-table th {
  background: var(--dlx-bg-white) !important;
  color: var(--dlx-fg-light-primary) !important;
  padding: 10px 14px;
  text-align: left;
  font-size: 0.8125rem;
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0;
  border-bottom: 1px solid var(--dlx-border-light) !important;
}

.dlx-article-callout .dlx-bench-table td {
  color: var(--dlx-fg-light-secondary) !important;
  padding: 10px 14px;
  font-size: 0.875rem;
  border-bottom: 1px solid var(--dlx-border-light) !important;
}

.dlx-article-callout .dlx-bench-table tr:hover td {
  background: rgba(0,0,0,0.02) !important;
}

.dlx-article-code {
  margin: 24px 0;
}

.dlx-article-related {
  background: var(--dlx-bg-light);
  padding: 64px 0;
}

.dlx-article-related h2 {
  color: var(--dlx-fg-light-primary);
  font-size: 1.5rem;
  margin-bottom: 28px;
}

.dlx-article-related__inner {
  max-width: var(--dlx-container);
  margin: 0 auto;
  padding: 0 48px;
}

.dlx-article-related__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

/* ─── LOGIN / AUTH ─── */
.dlx-auth-page {
  min-height: 100vh;
  display: flex;
}

.dlx-auth-side--brand {
  flex: 1;
  background: var(--dlx-bg-dark);
  padding: clamp(40px, 8vw, 80px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100vh;
}

.dlx-auth-side--form {
  width: 480px;
  flex-shrink: 0;
  background: var(--dlx-bg-white);
  padding: 64px 48px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100vh;
}

.dlx-auth-brand__logo {
  margin-bottom: 48px;
}

.dlx-auth-brand__logo img {
  height: 36px;
  width: auto;
}

.dlx-auth-brand__tagline {
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  color: var(--dlx-fg-dark-primary);
  line-height: 1.2;
  margin-bottom: 20px;
}

.dlx-auth-brand__desc {
  font-size: 1rem;
  color: var(--dlx-fg-dark-secondary);
  line-height: 1.7;
  max-width: 380px;
}

.dlx-auth-brand__features {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.dlx-auth-brand__feature {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 0.9375rem;
  color: var(--dlx-fg-dark-secondary);
}

.dlx-auth-brand__feature i {
  color: var(--dlx-accent-aa-dark);
  font-size: 1rem;
  flex-shrink: 0;
}

.dlx-auth-form h2 {
  color: var(--dlx-fg-light-primary);
  font-size: 1.75rem;
  margin-bottom: 8px;
}

.dlx-auth-form__sub {
  font-size: 0.9375rem;
  color: var(--dlx-fg-light-secondary);
  margin-bottom: 36px;
}

.dlx-auth-form .dlx-form-input {
  width: 100%;
}

.dlx-auth-form__forgot {
  font-size: 0.8125rem;
  color: var(--dlx-accent-aa-light);
  float: right;
  margin-top: -14px;
  margin-bottom: 8px;
}

.dlx-auth-form__divider {
  text-align: center;
  font-size: 0.875rem;
  color: var(--dlx-fg-light-muted);
  margin: 20px 0;
  position: relative;
}

.dlx-auth-form__divider::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  border-top: 1px solid var(--dlx-border-light);
}

.dlx-auth-form__divider span {
  position: relative;
  background: var(--dlx-bg-white);
  padding: 0 12px;
}

.dlx-auth-form__footer-note {
  font-size: 0.8125rem;
  color: var(--dlx-fg-light-muted);
  text-align: center;
  margin-top: 20px;
}

.dlx-auth-form__footer-note a {
  color: var(--dlx-accent-aa-light);
  font-weight: 500;
}

.dlx-auth-terms {
  font-size: 0.8125rem;
  color: var(--dlx-fg-light-muted);
  line-height: 1.5;
  margin: 16px 0;
}

.dlx-auth-terms a { color: var(--dlx-accent-aa-light); }

/* ─── LEGAL PAGES ─── */
.dlx-legal-page {
  padding-top: var(--dlx-nav-h);
  background: var(--dlx-bg-light);
}

.dlx-legal-wrap {
  max-width: 760px;
  margin: 0 auto;
  padding: 64px 48px 80px;
}

.legal-article { font-size: 1rem; color: var(--dlx-fg-light-secondary); }

.legal-header {
  margin-bottom: 40px;
  padding-bottom: 32px;
  border-bottom: 1px solid var(--dlx-border-light);
}

.legal-header h1 {
  font-size: 2.25rem;
  color: var(--dlx-fg-light-primary);
  margin-bottom: 8px;
}

.legal-meta {
  font-size: 0.875rem;
  color: var(--dlx-fg-light-muted);
}

.legal-article section {
  margin-bottom: 36px;
}

.legal-article h2 {
  font-size: 1.25rem;
  color: var(--dlx-fg-light-primary);
  margin-bottom: 12px;
  margin-top: 36px;
  font-weight: 600;
}

.legal-article h3 {
  font-size: 1rem;
  color: var(--dlx-fg-light-primary);
  margin-bottom: 10px;
  margin-top: 20px;
  font-weight: 600;
}

.legal-article p {
  color: var(--dlx-fg-light-secondary);
  margin-bottom: 14px;
  line-height: 1.8;
}

.legal-article ul {
  padding-left: 24px;
  margin-bottom: 16px;
}

.legal-article li {
  color: var(--dlx-fg-light-secondary);
  margin-bottom: 6px;
  line-height: 1.7;
}

.legal-article a { color: var(--dlx-accent-aa-light); text-decoration: underline; }

.legal-article address {
  font-style: normal;
  background: var(--dlx-bg-light-alt);
  padding: 20px 24px;
  border-radius: var(--dlx-radius);
  border-left: 3px solid var(--dlx-accent);
  font-size: 0.9375rem;
  color: var(--dlx-fg-light-secondary);
  line-height: 1.8;
}

.legal-table {
  width: 100%;
  border-collapse: collapse;
  margin: 16px 0;
  font-size: 0.875rem;
}

.legal-table th {
  text-align: left;
  padding: 10px 12px;
  background: var(--dlx-bg-light-alt);
  color: var(--dlx-fg-light-secondary);
  font-weight: 600;
  border-bottom: 1px solid var(--dlx-border-light);
}

.legal-table td {
  padding: 10px 12px;
  border-bottom: 1px solid var(--dlx-border-light);
  color: var(--dlx-fg-light-secondary);
  vertical-align: top;
}

/* ─── COOKIE BANNER ─── */
.cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background: var(--dlx-bg-dark-alt);
  border-top: 1px solid var(--dlx-border-dark);
  box-shadow: 0 -4px 16px rgba(0,0,0,0.3);
}

.cookie-banner__inner {
  max-width: var(--dlx-container);
  margin: 0 auto;
  padding: 16px 24px;
  display: flex;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
}

.cookie-banner__text {
  flex: 1;
  font-size: 0.875rem;
  color: var(--dlx-fg-dark-secondary);
  line-height: 1.5;
}

.cookie-banner__text a {
  color: var(--dlx-accent-aa-dark);
  text-decoration: underline;
}

.cookie-banner__actions { flex-shrink: 0; }

.cookie-banner__btn {
  padding: 8px 20px;
  border-radius: var(--dlx-radius);
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: background 0.15s;
}

.cookie-banner__btn--primary {
  background: var(--dlx-accent);
  color: var(--dlx-bg-dark);
}

.cookie-banner__btn--primary:hover {
  background: #FBBF24;
}

/* ─── GENERIC DARK PAGE SECTIONS ─── */
.dlx-generic-dark-section {
  padding: 80px 0;
}

.dlx-generic-dark-section__inner {
  max-width: var(--dlx-container);
  margin: 0 auto;
  padding: 0 48px;
}

.dlx-generic-dark-section h2 {
  color: var(--dlx-fg-dark-primary);
  margin-bottom: 20px;
}

.dlx-generic-dark-section p {
  color: var(--dlx-fg-dark-secondary);
  font-size: 1.0625rem;
  line-height: 1.7;
  max-width: 680px;
}

/* ─── RESPONSIVE ─── */
@media (max-width: 1024px) {
  .dlx-hero__inner,
  .dlx-workload__panel.is-active,
  .dlx-bench-teaser__grid,
  .dlx-feature-section__inner {
    grid-template-columns: 1fr;
  }

  .dlx-hero__visual { display: none; }

  .dlx-testimonials__grid {
    grid-template-columns: 1fr 1fr;
  }

  .dlx-uc-cards__grid {
    grid-template-columns: 1fr 1fr;
  }

  .dlx-pricing-grid {
    grid-template-columns: 1fr;
    max-width: 480px;
  }

  .dlx-team-grid {
    grid-template-columns: repeat(2, 1fr);
  }

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

  .dlx-docs-sidebar { position: static; }

  .dlx-auth-side--brand { display: none; }
  .dlx-auth-side--form {
    width: 100%;
    min-height: 100vh;
  }
}

@media (max-width: 768px) {
  .dlx-stat-bar__grid {
    grid-template-columns: 1fr;
    padding: 0 24px;
  }

  .dlx-how__steps {
    grid-template-columns: 1fr;
  }

  .dlx-testimonials__grid {
    grid-template-columns: 1fr;
  }

  .dlx-uc-cards__grid {
    grid-template-columns: 1fr;
  }

  .dlx-footer__grid {
    grid-template-columns: 1fr 1fr;
    padding: 0 24px;
    gap: 32px;
  }

  .dlx-footer__bottom {
    padding: 20px 24px;
    flex-direction: column;
    align-items: flex-start;
  }

  .dlx-hero__inner,
  .dlx-subhero__inner,
  .dlx-contact-layout,
  .dlx-compare-wrap,
  .dlx-bench-table-wrap,
  .dlx-pricing-hero,
  .dlx-cta-band__inner {
    padding-left: 24px;
    padding-right: 24px;
  }

  .dlx-blog-grid {
    grid-template-columns: 1fr;
    padding: 0 24px;
  }

  .dlx-blog-grid__featured {
    grid-column: auto;
  }

  .dlx-sec-grid {
    grid-template-columns: 1fr;
    padding: 0 24px;
  }

  .dlx-benefit-cards {
    grid-template-columns: 1fr;
  }

  .dlx-values-grid {
    grid-template-columns: 1fr;
  }

  .dlx-team-grid {
    grid-template-columns: 1fr 1fr;
  }

  .dlx-docs-category-tiles {
    grid-template-columns: repeat(2, 1fr);
    padding: 24px;
  }

  .dlx-article-related__grid {
    grid-template-columns: 1fr;
  }

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

  .dlx-subhero__inner {
    grid-template-columns: 1fr;
  }

  .dlx-subhero__visual { display: none; }

  .dlx-pricing-grid { padding: 0 24px; }
}

@media (max-width: 480px) {
  .dlx-footer__grid { grid-template-columns: 1fr; }
  .dlx-team-grid { grid-template-columns: 1fr; }
  .dlx-docs-category-tiles { grid-template-columns: 1fr; }
}

/* ─── UTILITY ─── */
.dlx-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}

.dlx-text-center { text-align: center; }

.dlx-mt-24 { margin-top: 24px; }
.dlx-mt-32 { margin-top: 32px; }
.dlx-mt-40 { margin-top: 40px; }
.dlx-mb-0 { margin-bottom: 0; }

/* fade-in animation with failsafe */
.fade-in {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}
.fade-in.visible {
  opacity: 1;
  transform: translateY(0);
}

/* ─── NAV LIGHT-PAGE VARIANTS ─── */
/* nav__signin--dark: text button on solid dark nav (light-top pages) */
.dlx-nav__signin--dark {
  color: rgba(255,255,255,0.82);
  font-size: 0.9375rem;
  font-weight: 500;
  transition: color 0.15s;
}
.dlx-nav__signin--dark:hover { color: #fff; }

/* hamburger--dark: hamburger on dark-bg nav (light-top pages forced dark) */
.dlx-nav__hamburger--dark span { background: rgba(255,255,255,0.88); }

/* ─── DOCS LANDING CARDS ─── */
.dlx-docs-cards-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.dlx-doc-card {
  border: 1px solid var(--dlx-border-light);
  border-radius: var(--dlx-radius-lg);
  padding: 28px 24px;
  background: var(--dlx-bg-white);
  display: block;
  transition: border-color 0.2s, transform 0.2s;
}
.dlx-doc-card:hover {
  border-color: var(--dlx-accent);
  transform: translateY(-2px);
}
.dlx-doc-card__icon {
  font-size: 1.5rem;
  color: var(--dlx-accent-aa-light);
  margin-bottom: 12px;
}
.dlx-doc-card h3 {
  font-size: 1rem;
  color: var(--dlx-fg-light-primary);
  margin-bottom: 8px;
}
.dlx-doc-card p {
  font-size: 0.875rem;
  color: var(--dlx-fg-light-muted);
  line-height: 1.5;
  margin-bottom: 14px;
}
.dlx-doc-card__link {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--dlx-accent-aa-light);
}

/* ─── DOCS SIDEBAR GROUPS ─── */
.dlx-docs-sidebar__group { margin-bottom: 20px; }
.dlx-docs-sidebar__group-title {
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--dlx-fg-light-muted);
  padding: 0 10px 6px;
  border-bottom: 1px solid var(--dlx-border-light);
  margin-bottom: 6px;
}

/* ─── DOCS ARTICLE ─── */
.dlx-docs-article {
  min-width: 0;
  background: var(--dlx-bg-white);
}
.dlx-docs-article__lede {
  font-size: 1.0625rem;
  color: var(--dlx-fg-light-secondary);
  line-height: 1.7;
  margin-bottom: 32px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--dlx-border-light);
}

/* ─── API REFERENCE BLOCKS ─── */
.dlx-api-block {
  border: 1px solid var(--dlx-border-light);
  border-radius: var(--dlx-radius-lg);
  overflow: hidden;
  margin: 24px 0;
  background: var(--dlx-bg-light-alt);
}
.dlx-api-block__endpoint {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 20px;
  background: var(--dlx-bg-light-alt);
  border-bottom: 1px solid var(--dlx-border-light);
  font-family: 'Fira Code', monospace;
  font-size: 0.9375rem;
  color: var(--dlx-fg-light-primary);
}
.dlx-api-method {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 700;
  font-family: 'Fira Code', monospace;
  flex-shrink: 0;
  /* default: GET */
  background: rgba(16,185,129,0.12);
  color: #059669;
}
.dlx-api-method--post { background: rgba(59,130,246,0.12); color: #2563EB; }

/* inline code spans in docs prose */
.dlx-inline-code {
  background: var(--dlx-bg-light-alt);
  padding: 2px 6px;
  border-radius: 4px;
  font-family: 'Fira Code', monospace;
  font-size: 0.8125rem;
  color: var(--dlx-fg-light-primary);
  border: 1px solid var(--dlx-border-light);
}

/* ─── CONNECTORS TABLE ─── */
.dlx-connector-table {
  border: 1px solid var(--dlx-border-light);
  border-radius: var(--dlx-radius);
  overflow: hidden;
  margin: 20px 0;
}
.dlx-connector-table table,
.dlx-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.875rem;
}
.dlx-connector-table th,
.dlx-table th {
  text-align: left;
  padding: 10px 16px;
  background: var(--dlx-bg-light-alt);
  color: var(--dlx-fg-light-muted);
  font-size: 0.8125rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-bottom: 1px solid var(--dlx-border-light);
}
.dlx-connector-table td,
.dlx-table td {
  padding: 12px 16px;
  border-bottom: 1px solid var(--dlx-border-light);
  color: var(--dlx-fg-light-secondary);
  vertical-align: middle;
}
.dlx-connector-table tr:last-child td,
.dlx-table tr:last-child td { border-bottom: none; }
.dlx-connector-table .dlx-check { color: var(--dlx-success); }
.dlx-connector-table .dlx-dash { color: var(--dlx-fg-light-muted); }

/* ─── BLOG ARTICLE (NEW BEM — distinct from dlx-article-* legacy) ─── */
.dlx-blog-article__header {
  padding: calc(var(--dlx-nav-h) + 56px) 0 56px;
  background: var(--dlx-bg-light);
}
.dlx-blog-article__meta {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
}
.dlx-blog-article__meta time {
  font-size: 0.875rem;
  color: var(--dlx-fg-light-muted);
}
.dlx-blog-article__header h1 {
  font-size: clamp(1.75rem, 3.5vw, 2.5rem);
  color: var(--dlx-fg-light-primary);
  margin-bottom: 16px;
  line-height: 1.2;
}
.dlx-blog-article__lede {
  font-size: 1.125rem;
  color: var(--dlx-fg-light-secondary);
  line-height: 1.7;
  margin-bottom: 24px;
  max-width: 680px;
}
.dlx-blog-article__author-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 8px;
}
.dlx-blog-article__author-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.dlx-blog-article__author-name {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--dlx-fg-light-primary);
}
.dlx-blog-article__author-role {
  font-size: 0.8125rem;
  color: var(--dlx-fg-light-muted);
}

/* Article cover: full-width, natural ratio (S17b: NOT shared with card cover-crop) */
.dlx-blog-article__cover-wrap {
  margin: 0;
  background: var(--dlx-bg-white);
}
/* .dlx-blog-article__cover defined earlier — width:100%;max-width:760px;height:auto — preserved */

/* Article body two-column layout on wide screens */
.dlx-blog-article__body-wrap {
  max-width: 760px;
  margin: 0 auto;
  padding: 40px 48px 80px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
  background: var(--dlx-bg-white);
}
.dlx-blog-article__body {
  /* editor fills this with ARTICLE_BODY_PLACEHOLDER content */
  min-height: 120px;
}
/* Article body prose colors (on white bg) */
.dlx-blog-article__body h2 {
  font-size: 1.5rem;
  color: var(--dlx-fg-light-primary);
  margin-top: 40px;
  margin-bottom: 16px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--dlx-border-light);
}
.dlx-blog-article__body h3 {
  font-size: 1.125rem;
  color: var(--dlx-fg-light-primary);
  margin-top: 28px;
  margin-bottom: 12px;
}
.dlx-blog-article__body p {
  font-size: 1.0625rem;
  color: var(--dlx-fg-light-secondary);
  line-height: 1.8;
  margin-bottom: 20px;
}
.dlx-blog-article__body ul,
.dlx-blog-article__body ol {
  padding-left: 28px;
  margin-bottom: 20px;
  color: var(--dlx-fg-light-secondary);
}
.dlx-blog-article__body li {
  margin-bottom: 8px;
  line-height: 1.7;
}
.dlx-blog-article__body a {
  color: var(--dlx-accent-aa-light);
  text-decoration: underline;
  text-underline-offset: 2px;
}
/* CTA box in article sidebar */
.dlx-blog-article__cta-box {
  background: var(--dlx-bg-dark);
  border-radius: var(--dlx-radius-lg);
  padding: 28px;
  height: fit-content;
}
.dlx-blog-article__cta-box h3 {
  font-size: 1.125rem;
  color: var(--dlx-fg-dark-primary);
  margin-bottom: 10px;
}
.dlx-blog-article__cta-box p {
  font-size: 0.9375rem;
  color: var(--dlx-fg-dark-secondary);
  line-height: 1.6;
  margin-bottom: 20px;
}

/* ─── BLOG CARD COMPACT + RELATED ─── */
/* dlx-blog-card__tag: used in both blog index cards and article pages */
.dlx-blog-card__tag {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: var(--dlx-accent-aa-light);
  background: rgba(180,83,9,0.1);
  padding: 3px 8px;
  border-radius: 4px;
}
.dlx-blog-card__title {
  font-size: 1.0625rem;
  color: var(--dlx-fg-light-primary);
  font-weight: 600;
  line-height: 1.4;
  margin: 4px 0;
}
.dlx-blog-card__title a {
  color: var(--dlx-fg-light-primary);
  transition: color 0.15s;
}
.dlx-blog-card__title a:hover { color: var(--dlx-accent-aa-light); }
.dlx-blog-card__excerpt {
  font-size: 0.9375rem;
  color: var(--dlx-fg-light-secondary);
  line-height: 1.6;
}
.dlx-blog-card__footer {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-top: 16px;
  margin-top: auto;
  border-top: 1px solid var(--dlx-border-light);
}
.dlx-blog-card__readmore {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--dlx-accent-aa-light);
}
.dlx-blog-card__img-link { display: block; overflow: hidden; }

/* Related blog section at bottom of article */
.dlx-blog-related {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  padding: 0 0 48px;
}

/* Compact card variant: smaller, used in related section */
.dlx-blog-card--compact .dlx-blog-card__img {
  aspect-ratio: 16/9;
  object-fit: cover;
  width: 100%;
  height: auto;
}
.dlx-blog-card--compact .dlx-blog-card__body {
  padding: 16px 0;
  gap: 6px;
}
.dlx-blog-card--compact .dlx-blog-card__title { font-size: 0.9375rem; }
.dlx-blog-card--compact { border: none; background: transparent; }
.dlx-blog-card--compact:hover {
  transform: none;
  box-shadow: none;
}
.dlx-blog-card--compact:hover .dlx-blog-card__title a { color: var(--dlx-accent-aa-light); }

/* ─── AUTH LAYOUT (2-column: dark aside + white panel) ─── */
.dlx-auth-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 100vh;
}

.dlx-auth-aside {
  background: var(--dlx-bg-dark);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(40px, 8vw, 80px);
  min-height: 100vh;
}
.dlx-auth-aside__inner {
  max-width: 420px;
}
.dlx-auth-aside__logo {
  display: block;
  margin-bottom: 48px;
}
.dlx-auth-aside__logo img {
  height: 36px;
  width: auto;
}
.dlx-auth-aside__message {
  margin-bottom: 36px;
}
.dlx-auth-aside__message h2 {
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  color: var(--dlx-fg-dark-primary);
  line-height: 1.2;
  margin-bottom: 14px;
}
.dlx-auth-aside__message p {
  font-size: 1rem;
  color: var(--dlx-fg-dark-secondary);
  line-height: 1.7;
}
.dlx-auth-aside__feature-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.dlx-auth-feature {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 0.9375rem;
  color: var(--dlx-fg-dark-secondary);
  line-height: 1.5;
}
.dlx-auth-feature i {
  color: var(--dlx-accent-aa-dark);
  font-size: 1rem;
  flex-shrink: 0;
  margin-top: 2px;
}

.dlx-auth-panel {
  background: var(--dlx-bg-white);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 64px 48px;
  min-height: 100vh;
  overflow-y: auto;
}
.dlx-auth-panel__inner {
  max-width: 480px;
  width: 100%;
  margin: 0 auto;
}
.dlx-auth-panel__logo-mobile {
  display: none;
  margin-bottom: 32px;
}
.dlx-auth-panel__heading {
  font-size: 1.875rem;
  color: var(--dlx-fg-light-primary);
  margin-bottom: 8px;
  font-weight: 700;
}
.dlx-auth-panel__sub {
  font-size: 0.9375rem;
  color: var(--dlx-fg-light-secondary);
  margin-bottom: 32px;
}
.dlx-auth-panel__sub a { color: var(--dlx-accent-aa-light); font-weight: 500; }
.dlx-auth-panel__legal {
  font-size: 0.8125rem;
  color: var(--dlx-fg-light-muted);
  line-height: 1.5;
  margin-top: 20px;
}
.dlx-auth-panel__legal a { color: var(--dlx-accent-aa-light); }
.dlx-auth-panel__back-link {
  margin-top: 20px;
  font-size: 0.875rem;
  color: var(--dlx-fg-light-secondary);
}
.dlx-auth-panel__back-link a { color: var(--dlx-accent-aa-light); }
.dlx-auth-panel__notice {
  display: flex;
  gap: 12px;
  background: var(--dlx-bg-light-alt);
  border: 1px solid var(--dlx-border-light);
  border-radius: var(--dlx-radius);
  padding: 16px;
  font-size: 0.9375rem;
  color: var(--dlx-fg-light-secondary);
  line-height: 1.6;
  margin-top: 24px;
}
.dlx-auth-panel__notice[hidden] { display: none; }
.dlx-auth-panel__notice i {
  color: var(--dlx-success);
  font-size: 1rem;
  flex-shrink: 0;
  margin-top: 2px;
}
.dlx-auth-panel__notice a { color: var(--dlx-accent-aa-light); }

/* ─── AUTH FORM ─── */
.dlx-auth-form { display: flex; flex-direction: column; gap: 20px; }
.dlx-form-label-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
}
.dlx-form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.dlx-btn--full { width: 100%; justify-content: center; }

/* ─── AUTH RESPONSIVE ─── */
@media (max-width: 768px) {
  .dlx-auth-layout {
    grid-template-columns: 1fr;
  }
  .dlx-auth-aside {
    display: none;
  }
  .dlx-auth-panel {
    min-height: 100vh;
    padding: 48px 24px;
  }
  .dlx-auth-panel__logo-mobile { display: block; }
  .dlx-form-row { grid-template-columns: 1fr; }
}

/* ─── DOCS RESPONSIVE ─── */
@media (max-width: 768px) {
  .dlx-docs-cards-grid { grid-template-columns: 1fr; }
  .dlx-docs-article__lede { font-size: 1rem; }
  .dlx-blog-article__cover-wrap { padding: 0; }
  .dlx-blog-article__body-wrap { padding: 32px 24px 64px; }
  .dlx-blog-article__header { padding: calc(var(--dlx-nav-h) + 40px) 0 40px; }
  .dlx-blog-related { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
  .dlx-docs-cards-grid { grid-template-columns: 1fr; }
  .dlx-blog-related { grid-template-columns: 1fr; gap: 16px; }
}

/* ════════════════════════════════════════════════════════
   BATCH 2 MISSING CSS — all orphan classes from scan
   ════════════════════════════════════════════════════════ */

/* ─── NAV VARIANTS (light-top pages) ─── */
/* dlx-nav--light: forces solid dark nav on light-top pages */
.dlx-nav--light {
  background: var(--dlx-bg-dark) !important;
  border-bottom-color: var(--dlx-border-dark) !important;
}
.dlx-nav--light .dlx-nav__link { color: rgba(255,255,255,0.82) !important; }
.dlx-nav--light .dlx-nav__link:hover,
.dlx-nav--light .dlx-nav__link--active { color: #fff !important; }
.dlx-nav--light .dlx-nav__dropdown-toggle { color: rgba(255,255,255,0.82) !important; }
.dlx-nav--light .dlx-nav__signin { color: rgba(255,255,255,0.82) !important; border-color: var(--dlx-border-dark) !important; }
.dlx-nav--light .dlx-nav__signin:hover { color: #fff !important; border-color: rgba(255,255,255,0.4) !important; }

/* nav link active state */
.dlx-nav__link--active {
  color: #fff !important;
  font-weight: 600;
}

/* mobile toggle button */
.dlx-nav__mobile-toggle {
  background: none;
  border: none;
  font-family: inherit;
  font-size: 1.0625rem;
  font-weight: 500;
  color: var(--dlx-fg-light-primary);
  padding: 12px 0;
  cursor: pointer;
  text-align: left;
  width: 100%;
}

/* cookie banner modifier */
.cookie-banner--notice { /* inherits from .cookie-banner */ }

/* ─── SUBHERO VARIANTS ─── */
.dlx-subhero__lede {
  font-size: 1.125rem;
  color: var(--dlx-fg-dark-secondary);
  line-height: 1.7;
  margin-top: 16px;
  max-width: 640px;
}
.dlx-subhero--centered {
  text-align: center;
}
.dlx-subhero--centered .dlx-subhero__inner {
  max-width: 720px;
  margin: 0 auto;
  padding: calc(var(--dlx-nav-h) + 72px) 48px 72px;
}
/* Light-top subhero: text colors flip to dark-on-light */
.dlx-subhero--light .dlx-subhero__inner h1 { color: var(--dlx-fg-light-primary); }
.dlx-subhero--light .dlx-subhero__lede { color: var(--dlx-fg-light-secondary); }
.dlx-subhero--light .dlx-hero__eyebrow { color: var(--dlx-accent-aa-light); }

/* ─── BREADCRUMB ─── */
.dlx-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.875rem;
  color: var(--dlx-fg-dark-tertiary);
  margin-bottom: 24px;
  flex-wrap: wrap;
}
.dlx-breadcrumb a { color: var(--dlx-fg-dark-secondary); }
.dlx-breadcrumb a:hover { color: #fff; }
.dlx-breadcrumb span { color: var(--dlx-fg-dark-tertiary); }
.dlx-breadcrumb--light { color: var(--dlx-fg-light-muted); }
.dlx-breadcrumb--light a { color: var(--dlx-fg-light-secondary); }
.dlx-breadcrumb--light a:hover { color: var(--dlx-fg-light-primary); }
.dlx-breadcrumb--light span { color: var(--dlx-fg-light-muted); }

/* ─── SECTION HEADING VARIANTS ─── */
.dlx-section__eyebrow--light {
  color: var(--dlx-accent-aa-light);
  background: rgba(180,83,9,0.1);
  border: 1px solid rgba(180,83,9,0.2);
}
.dlx-section__subheading {
  font-size: 1.5rem;
  color: var(--dlx-fg-light-primary);
  font-weight: 700;
}

/* ─── LEGAL CONTAINER ─── */
.dlx-legal-container {
  max-width: 760px;
  margin: 0 auto;
  padding: calc(var(--dlx-nav-h) + 40px) 48px 80px;
}

/* ─── DOCS HERO (landing page dark header) ─── */
.dlx-docs-hero {
  padding-top: calc(var(--dlx-nav-h) + 56px);
}
.dlx-docs-hero h1 {
  font-size: clamp(2rem, 4vw, 3rem);
  color: var(--dlx-fg-dark-primary);
  margin-bottom: 16px;
}

/* ─── DOCS SIDEBAR LINKS ─── */
.dlx-docs-sidebar__link {
  display: block;
  font-size: 0.875rem;
  padding: 6px 10px;
  border-radius: 6px;
  color: var(--dlx-fg-light-secondary);
  transition: background 0.15s, color 0.15s;
}
.dlx-docs-sidebar__link:hover {
  background: var(--dlx-bg-light-alt);
  color: var(--dlx-fg-light-primary);
}
.dlx-docs-sidebar__link--active {
  background: rgba(180,83,9,0.1);
  color: var(--dlx-accent-aa-light);
  font-weight: 500;
}

/* Docs prev/next navigation buttons */
.dlx-docs-nav-btns {
  display: flex;
  justify-content: space-between;
  margin-top: 48px;
  padding-top: 24px;
  border-top: 1px solid var(--dlx-border-light);
  gap: 16px;
}
.dlx-docs-nav-btns a {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.9375rem;
  font-weight: 500;
  color: var(--dlx-fg-light-secondary);
  transition: color 0.15s;
}
.dlx-docs-nav-btns a:hover { color: var(--dlx-accent-aa-light); }

/* ─── BLOG ARTICLE ROOT ─── */
.dlx-blog-article {
  background: var(--dlx-bg-white);
}

/* ─── TWO-COL PROSE ─── */
.dlx-two-col-prose {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: start;
  padding: 72px 0;
}
.dlx-two-col-prose h2 { color: var(--dlx-fg-dark-primary); margin-bottom: 16px; }
.dlx-two-col-prose p { color: var(--dlx-fg-dark-secondary); line-height: 1.7; margin-bottom: 14px; }
.dlx-two-col-prose__actions { display: flex; gap: 12px; flex-wrap: wrap; }
/* Light variant */
.dlx-two-col-prose--light h2 { color: var(--dlx-fg-light-primary); }
.dlx-two-col-prose--light p { color: var(--dlx-fg-light-secondary); }
.dlx-two-col-prose--light li { color: var(--dlx-fg-light-secondary); }

/* ─── FEATURE GRID ─── */
.dlx-feature-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

/* ─── THREE-COL ─── */
.dlx-three-col {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

/* ─── FORMAT CARD (platform table format cards) ─── */
.dlx-format-card {
  background: var(--dlx-bg-dark-card);
  border: 1px solid var(--dlx-border-dark);
  border-radius: var(--dlx-radius-lg);
  padding: 28px;
  transition: border-color 0.2s;
}
.dlx-format-card:hover { border-color: rgba(245,158,11,0.35); }
.dlx-format-card__icon {
  font-size: 1.75rem;
  color: var(--dlx-accent);
  margin-bottom: 14px;
}
.dlx-format-card h3 {
  font-size: 1.0625rem;
  color: var(--dlx-fg-dark-primary);
  margin-bottom: 10px;
}
.dlx-format-card__desc {
  font-size: 0.9rem;
  color: var(--dlx-fg-dark-secondary);
  line-height: 1.6;
  margin-bottom: 16px;
}
.dlx-format-card__caps {
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.dlx-format-card__caps li {
  font-size: 0.8125rem;
  color: var(--dlx-fg-dark-tertiary);
  padding-left: 16px;
  position: relative;
}
.dlx-format-card__caps li::before {
  content: '→';
  position: absolute;
  left: 0;
  color: var(--dlx-accent-aa-dark);
}

/* ─── ARCHITECTURE LAYERS ─── */
.dlx-arch-layers {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.dlx-arch-layer-block {
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: 20px;
  align-items: start;
  background: var(--dlx-bg-dark-card);
  border: 1px solid var(--dlx-border-dark);
  border-radius: var(--dlx-radius-lg);
  padding: 24px;
}
.dlx-arch-layer-block__number {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(245,158,11,0.12);
  border: 1.5px solid var(--dlx-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: 800;
  color: var(--dlx-accent-aa-dark);
  flex-shrink: 0;
}
.dlx-arch-layer-block__body h3 {
  font-size: 1rem;
  color: var(--dlx-fg-dark-primary);
  margin-bottom: 6px;
}
.dlx-arch-layer-block__body p {
  font-size: 0.875rem;
  color: var(--dlx-fg-dark-secondary);
  line-height: 1.6;
}

/* ─── DECISION CARD (architecture page) ─── */
.dlx-decision-card {
  background: var(--dlx-bg-dark-card);
  border: 1px solid var(--dlx-border-dark);
  border-radius: var(--dlx-radius-lg);
  padding: 24px;
  text-align: center;
  transition: border-color 0.2s;
}
.dlx-decision-card:hover { border-color: rgba(245,158,11,0.35); }
.dlx-decision-card h3 {
  font-size: 0.9375rem;
  color: var(--dlx-fg-dark-primary);
  margin-bottom: 8px;
}
.dlx-decision-card p {
  font-size: 0.8125rem;
  color: var(--dlx-fg-dark-secondary);
  line-height: 1.5;
}

/* ─── TERMINAL WIDE VARIANT ─── */
.dlx-term--wide { max-width: 100%; }

/* ─── COMPARE TABLE WRAP ─── */
.dlx-compare-table-wrap {
  overflow-x: auto;
  margin: 32px 0;
}

/* ─── BENCHMARKS PAGE ─── */
.dlx-bench-disclaimer {
  font-size: 0.9375rem;
  color: var(--dlx-fg-dark-secondary);
  line-height: 1.7;
}
.dlx-bench-disclaimer h3 {
  color: var(--dlx-fg-dark-primary);
  font-size: 1rem;
  margin-bottom: 8px;
}
.dlx-bench-badge {
  display: inline-block;
  background: rgba(245,158,11,0.15);
  border: 1px solid rgba(245,158,11,0.3);
  border-radius: 6px;
  padding: 3px 10px;
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--dlx-accent-aa-dark);
  font-family: 'Fira Code', monospace;
}
.dlx-bench-metrics {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.dlx-bench-metric-row {
  display: flex;
  align-items: baseline;
  gap: 12px;
}
.dlx-bench-metric-value {
  font-size: 1.75rem;
  font-weight: 800;
  color: var(--dlx-accent-aa-dark);
  font-variant-numeric: tabular-nums;
  flex-shrink: 0;
}
.dlx-bench-metric-label {
  font-size: 0.9rem;
  color: var(--dlx-fg-dark-secondary);
  line-height: 1.4;
}

/* ─── CONTACT PAGE ─── */
.dlx-contact {
  padding: calc(var(--dlx-nav-h) + 32px) 0 80px;
  background: var(--dlx-bg-light);
}
.dlx-contact__grid {
  max-width: var(--dlx-container);
  margin: 0 auto;
  padding: 0 48px;
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: 64px;
  align-items: start;
}
.dlx-contact__info h1 {
  font-size: clamp(1.75rem, 3.5vw, 2.5rem);
  color: var(--dlx-fg-light-primary);
  margin-bottom: 16px;
}
.dlx-contact__info p {
  font-size: 1.0625rem;
  color: var(--dlx-fg-light-secondary);
  line-height: 1.7;
  max-width: 420px;
}
.dlx-contact__details {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.dlx-contact__detail-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 0.9375rem;
  color: var(--dlx-fg-light-secondary);
}
.dlx-contact__detail-row i {
  color: var(--dlx-accent-aa-light);
  font-size: 1rem;
  flex-shrink: 0;
  margin-top: 2px;
}
.dlx-contact__detail-row a { color: var(--dlx-accent-aa-light); }
.dlx-contact__team-strip {
  display: flex;
  gap: 16px;
  align-items: center;
  flex-wrap: wrap;
}
.dlx-contact__form-wrap {
  background: var(--dlx-bg-white);
  border: 1px solid var(--dlx-border-light);
  border-radius: var(--dlx-radius-lg);
  padding: 40px;
}

/* Contact form max-width fix (A.5.17) */
.dlx-contact-form { display: flex; flex-direction: column; gap: 20px; }
.dlx-contact-form .dlx-form-input { max-width: 100%; }

/* ─── PRICING TIER COMPONENTS ─── */
.dlx-billing-toggle {
  display: inline-flex;
  background: var(--dlx-bg-light-alt);
  border: 1px solid var(--dlx-border-light);
  border-radius: 24px;
  padding: 4px;
  gap: 4px;
}
.dlx-billing-toggle-btn {
  padding: 8px 20px;
  border-radius: 20px;
  border: none;
  background: transparent;
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--dlx-fg-light-secondary);
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
}
.dlx-billing-toggle-btn.is-active {
  background: var(--dlx-bg-dark);
  color: #fff;
}
.dlx-billing-toggle__save {
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--dlx-success);
  margin-left: 4px;
}
.dlx-pricing-tier {
  background: var(--dlx-bg-white);
  border: 1px solid var(--dlx-border-light);
  border-radius: var(--dlx-radius-lg);
  padding: 32px;
  display: flex;
  flex-direction: column;
  transition: border-color 0.2s, transform 0.2s;
  position: relative;
}
.dlx-pricing-tier:hover {
  border-color: rgba(180,83,9,0.25);
  transform: translateY(-2px);
}
.dlx-pricing-tier--featured {
  background: var(--dlx-bg-dark);
  border-color: var(--dlx-accent);
  transform: translateY(-8px);
}
.dlx-pricing-tier--featured:hover { transform: translateY(-10px); }
.dlx-pricing-tier__badge {
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--dlx-accent);
  color: var(--dlx-bg-dark);
  font-size: 0.75rem;
  font-weight: 700;
  padding: 4px 16px;
  border-radius: 20px;
  white-space: nowrap;
}
.dlx-pricing-tier__header {
  margin-bottom: 24px;
}
.dlx-pricing-tier__header h2 {
  font-size: 1.25rem;
  color: var(--dlx-fg-light-primary);
  margin-bottom: 12px;
}
.dlx-pricing-tier--featured .dlx-pricing-tier__header h2 { color: var(--dlx-fg-dark-primary); }
.dlx-pricing-tier__price {
  display: flex;
  align-items: baseline;
  gap: 4px;
  margin-bottom: 8px;
}
.dlx-price-amount {
  font-size: 2.5rem;
  font-weight: 800;
  letter-spacing: -0.04em;
  color: var(--dlx-fg-light-primary);
}
.dlx-pricing-tier--featured .dlx-price-amount { color: var(--dlx-fg-dark-primary); }
.dlx-price-period {
  font-size: 0.9375rem;
  color: var(--dlx-fg-light-muted);
}
.dlx-pricing-tier--featured .dlx-price-period { color: var(--dlx-fg-dark-tertiary); }
.dlx-pricing-tier__tagline {
  font-size: 0.875rem;
  color: var(--dlx-fg-light-muted);
}
.dlx-pricing-tier__features {
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
  margin-bottom: 28px;
}
.dlx-pricing-tier__features li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 0.9375rem;
  color: var(--dlx-fg-light-secondary);
  line-height: 1.5;
}
.dlx-pricing-tier__features li i { color: var(--dlx-success); flex-shrink: 0; margin-top: 2px; }
/* featured tier feature list (white text) */
.dlx-pricing-tier__features--dark li { color: var(--dlx-fg-dark-secondary); }
.dlx-pricing-tier__features--dark li i { color: var(--dlx-accent-aa-dark); }
.dlx-pricing-tier__feature--na {
  color: var(--dlx-fg-light-muted) !important;
}
.dlx-pricing-tier__feature--na i { color: var(--dlx-fg-light-muted) !important; }
.dlx-pricing-tier__feature--na-dark {
  color: rgba(255,255,255,0.35) !important;
}
.dlx-pricing-tier__feature--na-dark i { color: rgba(255,255,255,0.25) !important; }

/* ─── ABOUT PAGE VALUES ─── */
.dlx-about-values h3 {
  font-size: 1.0625rem;
  color: var(--dlx-fg-light-primary);
  margin-bottom: 16px;
}
.dlx-values-list {
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.dlx-values-list li {
  font-size: 0.9375rem;
  color: var(--dlx-fg-light-secondary);
  padding-left: 20px;
  position: relative;
  line-height: 1.5;
}
.dlx-values-list li::before {
  content: '→';
  position: absolute;
  left: 0;
  color: var(--dlx-accent-aa-light);
}

/* ─── CONTACT RESPONSIVE FIX ─── */
/* Fix: A.5.18 nav overlap on contact — ensure subhero has enough padding-top */
/* Fix: A.5.17 form input max-width in contact */
.dlx-contact__form-wrap .dlx-form-input { max-width: 100%; width: 100%; }

/* ─── RESPONSIVE ADDITIONS ─── */
@media (max-width: 1024px) {
  .dlx-two-col-prose,
  .dlx-contact__grid { grid-template-columns: 1fr; }
  .dlx-feature-grid { grid-template-columns: 1fr 1fr; }
  .dlx-three-col { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 768px) {
  .dlx-feature-grid { grid-template-columns: 1fr; }
  .dlx-three-col { grid-template-columns: 1fr; }
  .dlx-legal-container { padding-left: 24px; padding-right: 24px; }
  .dlx-contact__grid { padding: 0 24px; gap: 40px; }
  .dlx-contact__form-wrap { padding: 24px; }
  .dlx-subhero--centered .dlx-subhero__inner { padding: calc(var(--dlx-nav-h) + 48px) 24px 56px; }
  .dlx-pricing-tier--featured { transform: translateY(0); }
}

/* ─── INTEGRATIONS GRID (platform.html) ─── */
.dlx-integrations-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 32px;
}
.dlx-integration-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--dlx-bg-dark-card);
  border: 1px solid var(--dlx-border-dark);
  border-radius: var(--dlx-radius);
  padding: 8px 16px;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--dlx-fg-dark-secondary);
  transition: border-color 0.2s, color 0.2s;
}
.dlx-integration-chip:hover {
  border-color: rgba(245,158,11,0.35);
  color: var(--dlx-fg-dark-primary);
}
.dlx-integration-chip i { color: var(--dlx-accent-aa-dark); font-size: 1rem; }

/* ─── PRICING NOTE ─── */
.dlx-pricing-note {
  text-align: center;
  font-size: 0.875rem;
  color: var(--dlx-fg-light-secondary);
  margin-top: 32px;
}

/* ─── TEAM CARD PORTRAIT / NAME ─── */
.dlx-team-card__portrait {
  width: 100%;
  max-width: 160px;
  height: 160px;
  object-fit: cover;
  border-radius: 50%;
  display: block;
  margin: 0 auto 16px;
  background: var(--dlx-bg-light-alt);
}
.dlx-team-card__name {
  font-size: 1.0625rem;
  color: var(--dlx-fg-light-primary);
  font-weight: 600;
  text-align: center;
  margin-bottom: 4px;
}

/* ─── FACT BLOCK (about.html) ─── */
.dlx-fact-block {
  text-align: center;
  padding: 0 16px;
}
.dlx-fact-block__year {
  font-size: 1.75rem;
  font-weight: 800;
  letter-spacing: -0.03em;
  color: var(--dlx-accent-aa-light);
  line-height: 1;
  margin-bottom: 4px;
}
.dlx-fact-block__label {
  font-size: 0.8125rem;
  color: var(--dlx-fg-light-muted);
  line-height: 1.4;
}

/* ─── BENCH COST CHART (benchmarks.html) ─── */
.dlx-bench-cost-chart {
  max-width: 600px;
  margin: 40px auto 0;
}

/* ─── BTN OUTLINE DARK SMALL ─── */
.dlx-btn--outline-dark-sm {
  border: 1.5px solid var(--dlx-border-light);
  background: transparent;
  color: var(--dlx-fg-light-secondary);
  font-size: 0.8125rem;
  padding: 6px 14px;
  border-radius: var(--dlx-radius);
  font-weight: 500;
  transition: border-color 0.15s, color 0.15s;
}
.dlx-btn--outline-dark-sm:hover {
  border-color: var(--dlx-fg-light-secondary);
  color: var(--dlx-fg-light-primary);
}