/*
 * peeryx-v129-enterprise.css
 * Enterprise-grade design system — operator Anti-DDoS
 *
 * Principles: restraint · precision · authority
 * Reference: Cloudflare, Akamai, NETSCOUT Arbor — not gaming
 *
 * Strategy:
 *   §1  Token override  — replaces entire v120 palette at :root
 *   §2  Eyebrows        — remove pill, line + label
 *   §3  Cards & hovers  — no translateY, no neon glow
 *   §4  Icons           — neutral bg, no gradient
 *   §5  Tags & badges   — flat corners, muted
 *   §6  Typography      — case, scale, weight corrections
 *   §7  Section bg      — controlled, subtle alternation
 *   §8  FAQ             — clean accordion
 *   §9  Partners        — category labels
 *   §10 Footer          — professional, readable
 *   §11 Navbar          — reinforcements
 *   §12 Animations      — suppress decorative
 */

/* ═══════════════════════════════════════════════════════════════════
   §1  TOKEN OVERRIDE — entire palette at :root
   ═══════════════════════════════════════════════════════════════════ */

:root {
  /* ── Accent: restrained emerald-teal, not neon ── */
  --px120-teal:         #0da875;
  --px120-teal-bright:  #11bd84;

  /* ── Secondary: corporate blue, not electric ── */
  --px120-blue:         #2d70d4;
  --px120-blue-bright:  #5090e0;

  /* ── Gradients: flatten everything ── */
  --px120-grad:         linear-gradient(135deg, #2d70d4 0%, #0da875 100%);
  --px120-grad-hero:    none;
  --px120-grad-card:    transparent;

  /* ── Borders: completely neutral (no teal tint) ── */
  --px120-border:       rgba(255, 255, 255, 0.07);
  --px120-border-blue:  rgba(255, 255, 255, 0.07);
  --px120-border-glow:  rgba(255, 255, 255, 0.12);

  /* ── Shadows: dark-only, zero color glow ── */
  --px120-shadow-card:  0 1px 4px rgba(0, 0, 0, 0.45);
  --px120-shadow-glow:  0 1px 8px rgba(0, 0, 0, 0.40);
  --px120-shadow-btn:   0 1px 3px rgba(0, 0, 0, 0.25);

  /* ── CTA section button: muted emerald ── */
  --px120-cta-bg:       #0da875;
  --px120-cta-hover:    #0b9567;

  /* ── Backgrounds: slightly cooler, more contrast ── */
  --px120-bg-base:      #020a18;
  --px120-bg-surface:   #060e1e;
  --px120-bg-elevated:  #0a1528;
  --px120-bg-card:      rgba(10, 20, 42, 0.80);
}

/* ═══════════════════════════════════════════════════════════════════
   §2  EYEBROWS — strip pill, use minimal line label
   ═══════════════════════════════════════════════════════════════════ */

html body .pxv93-home .pxv93-section-head > span,
html body .pxv93-home .pxv93-eyebrow,
html body .pxv93-home [class*="eyebrow"] {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: #4a6e88 !important;
  -webkit-text-fill-color: #4a6e88 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin-bottom: 14px !important;
  opacity: 1 !important;
}

/* Leading accent line replaces the pill */
html body .pxv93-home .pxv93-section-head > span::before,
html body .pxv93-home .pxv93-eyebrow::before,
html body .pxv93-home [class*="eyebrow"]::before {
  content: '' !important;
  display: inline-block !important;
  width: 20px !important;
  height: 1px !important;
  background: #0da875 !important;
  flex-shrink: 0 !important;
  opacity: 0.6 !important;
}

/* Hero eyebrow keeps its own style — don't override */
html body .pxv93-home .pxv93-hero .pxv93-eyebrow,
html body .pxv93-home .pxv93-hero [class*="eyebrow"] {
  gap: 8px !important;
  color: #8ab4cc !important;
  -webkit-text-fill-color: #8ab4cc !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 4px !important;
  padding: 4px 12px !important;
}
html body .pxv93-home .pxv93-hero .pxv93-eyebrow::before,
html body .pxv93-home .pxv93-hero [class*="eyebrow"]::before {
  display: none !important;
}

/* ═══════════════════════════════════════════════════════════════════
   §3  CARDS — remove translateY lift, remove neon glow on hover
   ═══════════════════════════════════════════════════════════════════ */

/* How/pillars */
html body .pxv93-home .pxv93-pillars > article {
  backdrop-filter: none !important;
  transition: border-color 0.15s ease !important;
}
html body .pxv93-home .pxv93-pillars > article:hover {
  transform: none !important;
  box-shadow: none !important;
}

/* Solutions */
html body .pxv93-home .pxv93-solution:hover {
  transform: none !important;
  box-shadow: none !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}
html body .pxv93-home .pxv93-solution {
  backdrop-filter: none !important;
  transition: border-color 0.15s ease !important;
}

/* Mode cards */
html body .pxv93-home .pxv93-mode-card:hover {
  transform: none !important;
  box-shadow: none !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}
html body .pxv93-home .pxv93-mode-card {
  backdrop-filter: none !important;
  transition: border-color 0.15s ease !important;
  border-color: rgba(255, 255, 255, 0.07) !important;
}

/* Benefits */
html body .pxv93-home .pxv93-benefits > article:hover {
  transform: none !important;
  box-shadow: none !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}
html body .pxv93-home .pxv93-benefits > article {
  backdrop-filter: none !important;
  transition: border-color 0.15s ease !important;
}

/* Use cases */
html body .pxv93-home .pxv93-uc-card:hover {
  transform: none !important;
  box-shadow: none !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}
html body .pxv93-home .pxv93-uc-card {
  backdrop-filter: none !important;
  transition: border-color 0.15s ease !important;
}

/* Partners */
html body .pxv93-home .pxv93-partner-grid > article:hover {
  transform: none !important;
  box-shadow: none !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}
html body .pxv93-home .pxv93-partner-grid > article {
  transition: border-color 0.15s ease !important;
}

/* Expertise cards */
html body .pxv93-home .pxv93-expertise-grid > article:hover {
  transform: none !important;
  box-shadow: none !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}
html body .pxv93-home .pxv93-expertise-grid > article {
  backdrop-filter: none !important;
  transition: border-color 0.15s ease !important;
}

/* Infra card */
html body .pxv93-home .pxv93-infra-card {
  backdrop-filter: none !important;
}

/* FAQ items */
html body .pxv93-home .pxv93-faq-item {
  backdrop-filter: none !important;
  transition: border-color 0.15s ease !important;
}
html body .pxv93-home .pxv93-faq-item:hover {
  box-shadow: none !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

/* Blog cards */
html body .pxv93-home .pxv93-blog-card:hover,
html body .pxv93-home .blog-home-card:hover,
html body .pxv93-home .pxv93-articles a:hover {
  transform: none !important;
  box-shadow: none !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}
html body .pxv93-home .pxv93-blog-card,
html body .pxv93-home .blog-home-card,
html body .pxv93-home .pxv93-articles a {
  transition: border-color 0.15s ease !important;
}

/* CTA card: no teal glow */
html body .pxv93-home .pxv93-cta-card {
  border-color: rgba(255, 255, 255, 0.08) !important;
}

/* "Parler à un ingénieur" secondary link: v95 bundle sets color via !important 0,6,1.
   Override rendered text via -webkit-text-fill-color (v95 doesn't set this). */
html body .pxv93-home .pxv93-cta-card a:not([class*="btn"]):not([class*="primary"]) {
  -webkit-text-fill-color: #0da875 !important;
  font-weight: 500 !important;
}
html body .pxv93-home .pxv93-cta-card a:not([class*="btn"]):not([class*="primary"]):hover {
  -webkit-text-fill-color: #11bd84 !important;
}

/* ═══════════════════════════════════════════════════════════════════
   §4  ICONS — neutral bg, no gradient, consistent sizing
   ═══════════════════════════════════════════════════════════════════ */

/* Pillar/how icons */
html body .pxv93-home .pxv93-pillars article i {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  box-shadow: none !important;
}

/* Solution icons */
html body .pxv93-home .pxv93-sol-top i {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  box-shadow: none !important;
  color: rgba(255, 255, 255, 0.55) !important;
}

/* Mode card icons */
html body .pxv93-home .pxv93-mode-icon {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  box-shadow: none !important;
  color: rgba(255, 255, 255, 0.55) !important;
}

/* Benefits icons */
html body .pxv93-home .pxv93-benefits i {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  box-shadow: none !important;
  color: rgba(255, 255, 255, 0.55) !important;
}

/* UC icons */
html body .pxv93-home .pxv93-uc-icon {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  box-shadow: none !important;
  color: rgba(255, 255, 255, 0.55) !important;
}

/* Expertise card icons */
html body .pxv93-home .pxv93-expertise-grid > article i,
html body .pxv93-home .pxv93-expertise-grid > article svg {
  color: rgba(255, 255, 255, 0.55) !important;
  fill: none !important;
}

/* CTA icon */
html body .pxv93-home .pxv93-cta-icon-wrap {
  background: rgba(13, 168, 117, 0.08) !important;
  border: 1px solid rgba(13, 168, 117, 0.16) !important;
  box-shadow: none !important;
}

/* ═══════════════════════════════════════════════════════════════════
   §5  TAGS & BADGES — no pill (100px → 4px), muted
   ═══════════════════════════════════════════════════════════════════ */

/* Mode card tags */
html body .pxv93-home .pxv93-mode-tags span {
  border-radius: 4px !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border-color: rgba(255, 255, 255, 0.09) !important;
  color: #4a6e88 !important;
  -webkit-text-fill-color: #4a6e88 !important;
  font-size: 10.5px !important;
  font-weight: 500 !important;
  letter-spacing: 0.03em !important;
}

/* Solution card: top span (POPULAIRE / TCP · UDP etc.) */
html body .pxv93-home .pxv93-sol-top span {
  border-radius: 4px !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border-color: rgba(255, 255, 255, 0.09) !important;
  color: #4a6e88 !important;
  -webkit-text-fill-color: #4a6e88 !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
}

/* Generic badge (.pxv93-badge) */
html body .pxv93-home .pxv93-badge {
  border-radius: 4px !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border-color: rgba(255, 255, 255, 0.09) !important;
  color: #4a6e88 !important;
  -webkit-text-fill-color: #4a6e88 !important;
}

/* Blog article category tags — plain <span>, no class (v120 uses var(--px120-teal)) */
html body .pxv93-home .pxv93-articles > a > span {
  color: #4a7a9a !important;
  -webkit-text-fill-color: #4a7a9a !important;
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

/* "Voir tous les articles →" section header link */
html body .pxv93-home .pxv93-blog .pxv93-title-row a {
  color: #4a7a9a !important;
  -webkit-text-fill-color: #4a7a9a !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}
html body .pxv93-home .pxv93-blog .pxv93-title-row a:hover {
  color: #8ab4cc !important;
  -webkit-text-fill-color: #8ab4cc !important;
}

/* Partners: category label tags (the teal pill) */
html body .pxv93-home .pxv93-partner-grid span {
  border-radius: 4px !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #3f6280 !important;
  -webkit-text-fill-color: #3f6280 !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.09em !important;
  text-transform: uppercase !important;
  padding: 3px 8px !important;
  display: inline-block !important;
}

/* Infra roadmap dots */
html body .pxv93-home .pxv93-infra-copy li i {
  box-shadow: none !important;
}
html body .pxv93-home .pxv93-infra-copy li i.live {
  background: #0da875 !important;
  box-shadow: none !important;
}
html body .pxv93-home .pxv93-infra-copy li i.road {
  background: rgba(255, 255, 255, 0.25) !important;
}
html body .pxv93-home .pxv93-infra-copy li i.future {
  background: rgba(255, 255, 255, 0.12) !important;
}

/* ═══════════════════════════════════════════════════════════════════
   §6  TYPOGRAPHY — remove forced ALL CAPS, refine scale
   ═══════════════════════════════════════════════════════════════════ */

/* Kill any text-transform: uppercase on section h2 headings */
html body .pxv93-home .pxv93-why h2,
html body .pxv93-home .pxv93-expertise h2,
html body .pxv93-home .pxv93-solutions h2,
html body .pxv93-home .pxv93-modes h2,
html body .pxv93-home .pxv93-usecases h2,
html body .pxv93-home .pxv93-infra h2,
html body .pxv93-home .pxv93-blog h2,
html body .pxv93-home .pxv93-faq h2,
html body .pxv93-home .pxv93-cta h2,
html body .pxv93-home .pxv93-partners h2 {
  text-transform: none !important;
}

/* Why section h2 — more refined */
html body .pxv93-home .pxv93-why h2 {
  font-size: clamp(26px, 3.2vw, 44px) !important;
  font-weight: 700 !important;
  letter-spacing: -0.03em !important;
  line-height: 1.15 !important;
  color: #edf2fb !important;
  -webkit-text-fill-color: #edf2fb !important;
  margin-bottom: 40px !important;
}

/* Expertise h2 */
html body .pxv93-home .pxv93-expertise h2 {
  font-size: clamp(22px, 2.6vw, 36px) !important;
  font-weight: 700 !important;
  letter-spacing: -0.028em !important;
  line-height: 1.2 !important;
}

/* Section head h2 general */
html body .pxv93-home .pxv93-section-head h2,
html body .pxv93-home .pxv93-section-head > h2 {
  font-size: clamp(26px, 3.0vw, 42px) !important;
  font-weight: 700 !important;
  letter-spacing: -0.03em !important;
  line-height: 1.15 !important;
  color: #edf2fb !important;
  -webkit-text-fill-color: #edf2fb !important;
}

/* Section lead paragraph */
html body .pxv93-home .pxv93-section-head p {
  font-size: 16px !important;
  line-height: 1.68 !important;
  color: #7a9ab8 !important;
  -webkit-text-fill-color: #7a9ab8 !important;
}

/* Solution cards "En savoir plus" / more links */
html body .pxv93-home .pxv93-solution .pxv93-more,
html body .pxv93-home .pxv93-solution a.pxv93-more {
  color: #0da875 !important;
  -webkit-text-fill-color: #0da875 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

/* Checklist / features checkmarks */
html body .pxv93-home .pxv93-solution li svg {
  color: #0da875 !important;
  stroke: #0da875 !important;
}

/* Infra span eyebrow label */
html body .pxv93-home .pxv93-infra-copy > span {
  border-radius: 4px !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #4a6e88 !important;
  -webkit-text-fill-color: #4a6e88 !important;
  font-size: 9.5px !important;
}

/* Infra h2 */
html body .pxv93-home .pxv93-infra-copy h2 {
  font-size: clamp(20px, 2.4vw, 32px) !important;
  font-weight: 700 !important;
  letter-spacing: -0.028em !important;
  line-height: 1.2 !important;
  text-transform: none !important;
}

/* Partners section heading */
html body .pxv93-home .pxv93-partners .pxv93-partners-head h2,
html body .pxv93-home .pxv93-partners .pxv93-title-row h2 {
  font-size: clamp(24px, 2.8vw, 38px) !important;
  font-weight: 700 !important;
  letter-spacing: -0.03em !important;
  text-transform: none !important;
}

/* ═══════════════════════════════════════════════════════════════════
   §7  SECTION BACKGROUNDS — controlled, subtle alternation
   ═══════════════════════════════════════════════════════════════════ */

html body .pxv93-home .pxv93-how {
  background: var(--px120-bg-base) !important;
}
html body .pxv93-home .pxv93-solutions {
  background: var(--px120-bg-surface) !important;
}
html body .pxv93-home .pxv93-modes {
  background: var(--px120-bg-base) !important;
}
html body .pxv93-home .pxv93-why {
  background: var(--px120-bg-surface) !important;
}
html body .pxv93-home .pxv93-usecases {
  background: var(--px120-bg-base) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-bottom: none !important;
}
html body .pxv93-home .pxv93-infra {
  background: var(--px120-bg-surface) !important;
}
html body .pxv93-home .pxv93-blog {
  background: var(--px120-bg-base) !important;
}
html body .pxv93-home .pxv93-faq {
  background: var(--px120-bg-surface) !important;
}
html body .pxv93-home .pxv93-expertise {
  background: var(--px120-bg-base) !important;
}
html body .pxv93-home .pxv93-partners {
  background: var(--px120-bg-surface) !important;
}

/* ═══════════════════════════════════════════════════════════════════
   §8  FAQ — clean accordion
   ═══════════════════════════════════════════════════════════════════ */

/* FAQ section heading */
html body .pxv93-home .pxv93-faq .pxv93-section-head h2 {
  font-size: clamp(24px, 2.8vw, 38px) !important;
  font-weight: 700 !important;
  letter-spacing: -0.03em !important;
}

/* FAQ item: clean border, no teal */
html body .pxv93-home .pxv93-faq-item {
  border-color: rgba(255, 255, 255, 0.07) !important;
  box-shadow: none !important;
}
html body .pxv93-home .pxv93-faq-item[open] {
  border-color: rgba(255, 255, 255, 0.11) !important;
}

/* FAQ question text: clean */
html body .pxv93-home .pxv93-faq-item summary {
  font-weight: 600 !important;
  font-size: 15px !important;
  color: #d0dff0 !important;
  -webkit-text-fill-color: #d0dff0 !important;
}
html body .pxv93-home .pxv93-faq-item summary:hover {
  color: #edf2fb !important;
  -webkit-text-fill-color: #edf2fb !important;
}

/* FAQ plus icon: neutral */
html body .pxv93-home .pxv93-faq-plus {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  color: #7a9ab8 !important;
  box-shadow: none !important;
}
html body .pxv93-home .pxv93-faq-plus::before,
html body .pxv93-home .pxv93-faq-plus::after {
  background: currentColor !important;
}
html body .pxv93-home .pxv93-faq-item[open] .pxv93-faq-plus {
  background: rgba(13, 168, 117, 0.10) !important;
  border-color: rgba(13, 168, 117, 0.18) !important;
  color: #0da875 !important;
}

/* FAQ answer */
html body .pxv93-home .pxv93-faq-a p {
  color: #7a9ab8 !important;
  -webkit-text-fill-color: #7a9ab8 !important;
  line-height: 1.72 !important;
  font-size: 14.5px !important;
}

/* ═══════════════════════════════════════════════════════════════════
   §9  PARTNERS SECTION
   ═══════════════════════════════════════════════════════════════════ */

html body .pxv93-home .pxv93-partner-grid > article {
  border-color: rgba(255, 255, 255, 0.07) !important;
  box-shadow: none !important;
}

/* Partner name */
html body .pxv93-home .pxv93-partner-grid strong {
  color: #d0dff0 !important;
  -webkit-text-fill-color: #d0dff0 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
}

/* Partner description */
html body .pxv93-home .pxv93-partner-grid p,
html body .pxv93-home .pxv93-partner-body p {
  color: #6a8aaa !important;
  -webkit-text-fill-color: #6a8aaa !important;
  font-size: 13.5px !important;
  line-height: 1.68 !important;
}

/* Partner category tag: specific class from v123 */
html body .pxv93-home .pxv93-partner-grid .pxv93-partner-tag {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #3f6280 !important;
  -webkit-text-fill-color: #3f6280 !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.09em !important;
  border-radius: 4px !important;
}

/* Partner name */
html body .pxv93-home .pxv93-partner-grid .pxv93-partner-name {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #d0dff0 !important;
  -webkit-text-fill-color: #d0dff0 !important;
  letter-spacing: -0.01em !important;
}

/* Partner description */
html body .pxv93-home .pxv93-partner-grid .pxv93-partner-desc {
  color: #6a8aaa !important;
  -webkit-text-fill-color: #6a8aaa !important;
  font-size: 13.5px !important;
  line-height: 1.68 !important;
}

/* Partner "view" link */
html body .pxv93-home .pxv93-partner-grid .pxv93-partner-link {
  color: #0da875 !important;
  -webkit-text-fill-color: #0da875 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}
html body .pxv93-home .pxv93-partner-grid .pxv93-partner-link:hover {
  color: #11bd84 !important;
  -webkit-text-fill-color: #11bd84 !important;
}

/* ═══════════════════════════════════════════════════════════════════
   §10  FOOTER — professional, clean
   ═══════════════════════════════════════════════════════════════════ */

html .site-footer,
html footer.site-footer {
  background: #020810 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.07) !important;
}

/* Footer column headings */
html .site-footer [class*="col-title"],
html .site-footer [class*="footer-heading"],
html .site-footer .footer-partners-eyebrow {
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: #3f5e7a !important;
  -webkit-text-fill-color: #3f5e7a !important;
  margin-bottom: 14px !important;
  border: none !important;
  background: transparent !important;
}

/* Footer links */
html .site-footer a:not(.pxv93-btn):not([class*="btn"]) {
  color: #6a8aaa !important;
  -webkit-text-fill-color: #6a8aaa !important;
  font-size: 13.5px !important;
  font-weight: 400 !important;
  text-decoration: none !important;
  transition: color 0.12s ease !important;
  line-height: 2.1 !important;
}
html .site-footer a:not(.pxv93-btn):not([class*="btn"]):hover {
  color: #c8dcf0 !important;
  -webkit-text-fill-color: #c8dcf0 !important;
}

/* Footer tagline / description */
html .site-footer [class*="footer-desc"],
html .site-footer [class*="footer-tagline"],
html .site-footer [class*="footer-about"] p {
  color: #506880 !important;
  -webkit-text-fill-color: #506880 !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
}

/* Legal address text */
html .site-footer [class*="footer-legal"],
html .site-footer [class*="footer-address"] {
  color: #364f66 !important;
  -webkit-text-fill-color: #364f66 !important;
  font-size: 11.5px !important;
  line-height: 1.7 !important;
}

/* Footer CTA button (.footer-link-cta) — white/dark, professional */
html body .site-footer .footer-link-cta {
  background: #ffffff !important;
  color: #020810 !important;
  -webkit-text-fill-color: #020810 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  padding: 10px 18px !important;
  border-radius: 6px !important;
  border: none !important;
  box-shadow: none !important;
  white-space: normal !important;
  word-break: normal !important;
  line-height: 1.4 !important;
  display: inline-flex !important;
  gap: 6px !important;
  align-items: center !important;
}
html body .site-footer .footer-link-cta:hover {
  background: #f0f4ff !important;
  color: #020810 !important;
  -webkit-text-fill-color: #020810 !important;
  transform: none !important;
  box-shadow: none !important;
}

/* Footer contact email */
html .site-footer [class*="footer-email"],
html .site-footer [class*="contact-email"] {
  color: #c8dcf0 !important;
  -webkit-text-fill-color: #c8dcf0 !important;
  font-weight: 600 !important;
  font-size: 13.5px !important;
  font-family: 'JetBrains Mono', monospace !important;
}

/* Footer CTA section area */
html .site-footer [class*="footer-cta-col"],
html .site-footer [class*="footer-exchange"] {
  background: transparent !important;
  border: none !important;
}

/* Footer CTA col heading */
html .site-footer [class*="footer-cta-col"] [class*="col-title"],
html .site-footer [class*="footer-exchange"] [class*="col-title"] {
  color: #3f5e7a !important;
  -webkit-text-fill-color: #3f5e7a !important;
}

/* ═══════════════════════════════════════════════════════════════════
   §11  NAVBAR — reinforcements
   ═══════════════════════════════════════════════════════════════════ */

/* Make sure the teal accent bar above navbar is gone */
html .pxnav::after { display: none !important; }

/* Ensure footer of v95 bundle's navbar override doesn't bleed in */
html .site-header::after {
  display: none !important;
}

/* Nav link active underline: use neutral instead of teal */
html .pxnav__link--active::after,
html .pxnav__link[aria-current="page"]::after {
  background: rgba(255, 255, 255, 0.40) !important;
}

/* ═══════════════════════════════════════════════════════════════════
   §12  ANIMATIONS — suppress decorative keyframe effects
   ═══════════════════════════════════════════════════════════════════ */

/* Kill shimmer/sweep pseudo-elements on buttons everywhere */
html body .pxv93-home .pxv93-btn::before,
html body .pxv93-home .pxv93-btn::after,
html body .pxv93-home [class*="btn"]::before,
html body .pxv93-home [class*="btn"]::after {
  animation: none !important;
  content: none !important;
}

/* Kill float/bob animations on decorative elements */
html body .pxv93-home [class*="float"],
html body .pxv93-home [class*="-bob"],
html body .pxv93-home [class*="-pulse"]:not(.status) {
  animation: none !important;
}

/* Kill particle dots / neon shooting effects (v115) */
html body .pxv93-hero .p15-particle,
html body .pxv93-hero [class*="particle"] {
  display: none !important;
}

/* CTA card: no border glow animation */
html body .pxv93-home .pxv93-cta-card::before,
html body .pxv93-home .pxv93-cta-card::after {
  display: none !important;
}

/* Infra card: no shimmer */
html body .pxv93-home .pxv93-infra-card::before {
  display: none !important;
}

/* ═══════════════════════════════════════════════════════════════════
   §13  HOW SECTION — pipeline steps
   ═══════════════════════════════════════════════════════════════════ */

/* Pipeline numbered badges: clean corporate blue */
html body .pxv93-home .px-how-step-num,
html body .pxv93-home [class*="step-num"],
html body .pxv93-home .pxv93-pipeline .px-num {
  background: rgba(45, 112, 212, 0.10) !important;
  border: 1px solid rgba(45, 112, 212, 0.18) !important;
  color: #5090e0 !important;
  -webkit-text-fill-color: #5090e0 !important;
  box-shadow: none !important;
  font-family: 'JetBrains Mono', monospace !important;
}

/* How section card (pipeline) */
html body .pxv93-home .px-how-pipeline {
  border-color: rgba(255, 255, 255, 0.07) !important;
  background: rgba(10, 20, 42, 0.60) !important;
}
html body .pxv93-home .px-how-step-title {
  color: #d0dff0 !important;
  -webkit-text-fill-color: #d0dff0 !important;
  font-weight: 600 !important;
}
html body .pxv93-home .px-how-step-desc {
  color: #6a8aaa !important;
  -webkit-text-fill-color: #6a8aaa !important;
}

/* ═══════════════════════════════════════════════════════════════════
   §14  METRICS / STATS — monospace, clean
   ═══════════════════════════════════════════════════════════════════ */

html body .pxv93-home .pxv93-metric-val,
html body .pxv93-home [class*="metric-val"],
html body .pxv93-home [class*="stat-val"] {
  font-family: 'JetBrains Mono', monospace !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  color: #edf2fb !important;
  -webkit-text-fill-color: #edf2fb !important;
}
html body .pxv93-home .pxv93-metric-label,
html body .pxv93-home [class*="metric-label"],
html body .pxv93-home [class*="stat-label"] {
  font-size: 10.5px !important;
  color: #4a6e88 !important;
  -webkit-text-fill-color: #4a6e88 !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
}

/* ═══════════════════════════════════════════════════════════════════
   §13  HERO METRICS — 2-col grid on mobile (Bug 6)
   ═══════════════════════════════════════════════════════════════════ */

/* Mobile: 2-column grid instead of stacked list */
@media (max-width: 767px) {
  html body .pxv93-metrics {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 6px !important;
  }
  /* Last item spans full width if odd count */
  html body .pxv93-metrics > li:last-child:nth-child(odd) {
    grid-column: 1 / -1 !important;
  }
}

/* Roadmap items (4th and 5th) — dashed border, muted — clearly future, not live */
html body .pxv93-metrics > li:nth-child(4),
html body .pxv93-metrics > li:nth-child(5) {
  border-style: dashed !important;
  opacity: 0.60 !important;
}
html body .pxv93-metrics > li:nth-child(4) strong,
html body .pxv93-metrics > li:nth-child(5) strong {
  font-size: 10.5px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.07em !important;
  color: rgba(140, 180, 210, 0.65) !important;
  -webkit-text-fill-color: rgba(140, 180, 210, 0.65) !important;
}