/* ==========================================================================
   AI Everything & TalkShop™ Unified Design System (talkshop-theme.css)
   Matched to the TalkShop Live Call Desktop/Web App UI:
   - Soft matte charcoal-zinc canvas (#141417), elevated cards (#1C1C21),
     recessed controls (#111114 / #222228), and 1px neutral hairlines
   - Crisp solid white primary pill CTAs (#FAFAFA on #09090B)
   - Quiet charcoal secondary pill buttons (#1C1C21 with subtle border)
   - Semantic emerald (#30D158 / #10B981) for live status & ROI metrics
   - Brand crimson (#E11D48) reserved strictly for wordmark ("Shop" / "AI")
   - Full Light / Dark / Auto theme support via html[data-theme="light"]
   ========================================================================== */

:root,
html[data-theme="dark"] {
  --ts-bg: #18181B;
  --ts-bg-deep: #141417;
  --ts-card: #202024;
  --ts-card-hover: #27272A;
  --ts-card-alt: #1C1C20;
  --ts-control: #2A2A30;
  --ts-border: rgba(255, 255, 255, 0.075);
  --ts-border-strong: rgba(255, 255, 255, 0.15);
  --ts-text: #F4F4F6;
  --ts-text-soft: #D4D4D8;
  --ts-muted: #9CA3AF;
  --ts-faint: #71717A;
  --ts-pri-bg: #2A2A30;
  --ts-pri-text: #E4E4E7;
  --ts-sec-bg: #202024;
  --ts-sec-text: #F4F4F6;
  --ts-sec-border: rgba(255, 255, 255, 0.10);
  --ts-green: #30D158;
  --ts-green-bg: rgba(48, 209, 88, 0.14);
  --ts-green-border: rgba(48, 209, 88, 0.28);
  --ts-brand: #E11D48;
  --ts-nav-bg: rgba(20, 20, 23, 0.84);
  --ts-shadow: 0 12px 32px rgba(0, 0, 0, 0.28);

  /* Legacy variable aliases used across weaieverything.com pages */
  --bg: var(--ts-bg) !important;
  --surface: var(--ts-card) !important;
  --card: var(--ts-card) !important;
  --card-alt: var(--ts-card-alt) !important;
  --card-2: var(--ts-card-alt) !important;
  --border: var(--ts-border) !important;
  --line: var(--ts-border) !important;
  --ln: var(--ts-border) !important;
  --text: var(--ts-text) !important;
  --t1: var(--ts-text) !important;
  --muted: var(--ts-muted) !important;
  --t2: var(--ts-muted) !important;
  --t3: var(--ts-faint) !important;
  --green: var(--ts-green) !important;
  --accent: var(--ts-brand) !important;
  --st: var(--ts-bg) !important;
  --sb: var(--ts-bg-deep) !important;
  --ins: var(--ts-card-alt) !important;
  --sel: var(--ts-control) !important;
}

html[data-theme="light"] {
  --ts-bg: #F4F4F6;
  --ts-bg-deep: #EAECEF;
  --ts-card: #FFFFFF;
  --ts-card-hover: #FAFAFB;
  --ts-card-alt: #F8F9FA;
  --ts-control: #EFEFF2;
  --ts-border: rgba(0, 0, 0, 0.08);
  --ts-border-strong: rgba(0, 0, 0, 0.16);
  --ts-text: #111827;
  --ts-text-soft: #374151;
  --ts-muted: #4B5563;
  --ts-faint: #6B7280;
  --ts-pri-bg: #E4E4E7;
  --ts-pri-text: #18181B;
  --ts-sec-bg: #FFFFFF;
  --ts-sec-text: #111827;
  --ts-sec-border: rgba(0, 0, 0, 0.12);
  --ts-green: #059669;
  --ts-green-bg: rgba(16, 185, 129, 0.12);
  --ts-green-border: rgba(16, 185, 129, 0.28);
  --ts-brand: #E11D48;
  --ts-nav-bg: rgba(244, 244, 246, 0.86);
  --ts-shadow: 0 4px 18px rgba(0, 0, 0, 0.05);

  --bg: var(--ts-bg) !important;
  --surface: var(--ts-card) !important;
  --card: var(--ts-card) !important;
  --card-alt: var(--ts-card-alt) !important;
  --card-2: var(--ts-card-alt) !important;
  --border: var(--ts-border) !important;
  --line: var(--ts-border) !important;
  --ln: var(--ts-border) !important;
  --text: var(--ts-text) !important;
  --t1: var(--ts-text) !important;
  --muted: var(--ts-muted) !important;
  --t2: var(--ts-muted) !important;
  --t3: var(--ts-faint) !important;
  --green: var(--ts-green) !important;
  --accent: var(--ts-brand) !important;
  --st: var(--ts-bg) !important;
  --sb: var(--ts-bg-deep) !important;
  --ins: var(--ts-card-alt) !important;
  --sel: var(--ts-control) !important;
}

html, body {
  background-color: var(--ts-bg) !important;
  color: var(--ts-text) !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Inter", system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Segmented Theme Switcher Pill (☀️ Light | 🌙 Dark | 💻 Auto) */
.ts-tp {
  display: inline-flex;
  align-items: center;
  background: var(--ts-card);
  border: 1px solid var(--ts-border);
  border-radius: 999px;
  padding: 2px;
  gap: 2px;
  vertical-align: middle;
}
.ts-tp button {
  border: 0 !important;
  background: transparent !important;
  color: var(--ts-muted) !important;
  font: 500 12px/1.2 -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", system-ui, sans-serif !important;
  padding: 5px 10px !important;
  border-radius: 999px !important;
  cursor: pointer;
  margin: 0 !important;
  min-width: 0 !important;
  transition: background 0.15s ease, color 0.15s ease;
  white-space: nowrap;
}
.ts-tp button:hover {
  color: var(--ts-text) !important;
}
.ts-tp button.on {
  background: var(--ts-control) !important;
  color: var(--ts-text) !important;
  font-weight: 600 !important;
}
html[data-theme="light"] .ts-tp button.on {
  background: #FFFFFF !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}

/* Wordmark Styling ("Talk" in text color, "Shop" in #E11D48) */
.ts-wordmark-talk {
  color: var(--ts-text) !important;
  font-weight: 700;
}
.ts-wordmark-shop {
  color: var(--ts-brand) !important;
  font-weight: 700;
}

/* Site-Wide Apple-Style Centered Header / Nav Normalization */
header, nav {
  border-bottom-color: var(--ts-border) !important;
}
header.site-header,
nav.ts-nav {
  position: sticky !important;
  top: 0 !important;
  z-index: 100 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 52px !important;
  margin: 0 !important;
  padding: 10px 24px !important;
  background: var(--ts-nav-bg) !important;
  backdrop-filter: saturate(180%) blur(20px) !important;
  -webkit-backdrop-filter: saturate(180%) blur(20px) !important;
  border-bottom: 1px solid var(--ts-border) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 34px !important;
  flex-wrap: nowrap !important;
}
header.site-header .logo,
nav.ts-nav .nav-brand {
  font-size: 1.18rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  white-space: nowrap !important;
  line-height: 1 !important;
  margin: 0 !important;
}
header.site-header .nav-links,
nav.ts-nav .nav-links {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 22px !important;
  flex-wrap: nowrap !important;
  margin: 0 !important;
}
header.site-header .nav-links a {
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: var(--ts-muted) !important;
  padding: 6px 10px !important;
  border-radius: 999px !important;
  transition: color 0.15s ease, background 0.15s ease !important;
}
header.site-header .nav-links a:hover {
  color: var(--ts-text) !important;
}
header.site-header .nav-links a.active {
  color: var(--ts-text) !important;
  background: var(--ts-control) !important;
  font-weight: 600 !important;
}
header.site-header .nav-cta {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
header .wrap.nav {
  max-width: 1024px !important;
  margin: 0 auto !important;
  padding: 11px 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 34px !important;
}

/* Site-Wide Button Normalization (Crisp White Pill Primary, Charcoal Pill Secondary) */
.btn,
.btn-primary,
.btn-secondary,
.btn-sm,
.btn-submit {
  border-radius: 999px !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em;
  transition: transform 0.12s ease, opacity 0.15s ease, background 0.15s ease, border-color 0.15s ease;
}
.btn-primary,
.btn-sm,
.btn-submit {
  background: var(--ts-pri-bg) !important;
  color: var(--ts-pri-text) !important;
  border: 1px solid var(--ts-border-strong) !important;
  box-shadow: none !important;
}
.btn-primary:hover,
.btn-sm:hover,
.btn-submit:hover {
  opacity: 0.92;
}
.btn-secondary {
  background: var(--ts-sec-bg) !important;
  color: var(--ts-sec-text) !important;
  border: 1px solid var(--ts-sec-border) !important;
}
.btn-secondary:hover {
  border-color: var(--ts-border-strong) !important;
  background: var(--ts-card-hover) !important;
}

/* Site-Wide Card & Container Normalization (Remove Navy/Blue/Red Borders) */
.stat-box,
.usecase-card,
.pkg-card,
.role-card-wrap,
.security-box,
.form-card,
.card-box,
.bento-card {
  background: var(--ts-card) !important;
  border: 1px solid var(--ts-border) !important;
  box-shadow: var(--ts-shadow) !important;
}
.role-pill,
.savings-pill {
  background: var(--ts-card-alt) !important;
  border: 1px solid var(--ts-border) !important;
}
.savings-pill {
  border-color: var(--ts-green-border) !important;
  background: var(--ts-green-bg) !important;
}
.industry-tag,
th {
  color: var(--ts-muted) !important;
}
table {
  background: var(--ts-card) !important;
  border: 1px solid var(--ts-border) !important;
}
th {
  background: var(--ts-card-alt) !important;
  border-bottom: 1px solid var(--ts-border) !important;
}
td {
  border-bottom: 1px solid var(--ts-border) !important;
  color: var(--ts-text-soft) !important;
}
.form-control,
.input {
  background: var(--ts-bg-deep) !important;
  border: 1px solid var(--ts-border) !important;
  color: var(--ts-text) !important;
  border-radius: 10px !important;
}
.form-control:focus,
.input:focus {
  border-color: var(--ts-border-strong) !important;
  outline: none !important;
}

/* Light Mode Typography Overrides for Legacy Hardcoded Colors */
html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] h4,
html[data-theme="light"] .logo,
html[data-theme="light"] .nav-brand,
html[data-theme="light"] .brand,
html[data-theme="light"] .role-headline,
html[data-theme="light"] .price-tag {
  color: var(--ts-text) !important;
}
html[data-theme="light"] p,
html[data-theme="light"] li,
html[data-theme="light"] .hero p,
html[data-theme="light"] .section-sub,
html[data-theme="light"] .role-sub,
html[data-theme="light"] .stat-label {
  color: var(--ts-muted) !important;
}
html[data-theme="light"] .role-pill {
  color: var(--ts-text) !important;
}

/* Normalize active nav pills and badges across all marketing pages */
.nav-links a.active:not(.btn) {
  border-color: var(--ts-border-strong) !important;
  color: var(--ts-text) !important;
  background: var(--ts-control) !important;
}
.badge {
  background: var(--ts-control) !important;
  color: var(--ts-text) !important;
  border: 1px solid var(--ts-border-strong) !important;
}
.role-eyebrow,
.eyebrow {
  background: var(--ts-green-bg) !important;
  color: var(--ts-green) !important;
  border: 1px solid var(--ts-green-border) !important;
}
header .eyebrow,
.sec-head .eyebrow,
.tse .eyebrow,
.tsr .eyebrow {
  background: transparent !important;
  border: 0 !important;
  color: var(--ts-faint) !important;
}
.pkg-card[style*="border-color"] {
  border-color: var(--ts-border-strong) !important;
  background: linear-gradient(180deg, var(--ts-control) 0%, var(--ts-card) 100%) !important;
}
.form-card a[style*="border"] {
  background: var(--ts-card-alt) !important;
  border: 1px solid var(--ts-border-strong) !important;
}
.form-card a[style*="border"]:hover {
  border-color: var(--ts-text) !important;
}

.ts-tp, .ts-app-row { display: none !important; }

/* === Apple-Style Desktop & Mobile Header System (v9) === */
.ts-mob-toggle {
  display: none !important;
  width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 999px !important;
  background: var(--ts-control, #242429) !important;
  border: 1px solid var(--ts-border-strong, rgba(255,255,255,0.14)) !important;
  color: var(--ts-text, #F4F4F5) !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
  -webkit-tap-highlight-color: transparent;
}
.ts-mob-toggle svg {
  width: 16px !important;
  height: 16px !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  display: block !important;
}
.ts-mob-toggle .ico-close { display: none !important; }
header.mob-open .ts-mob-toggle .ico-menu,
nav.mob-open .ts-mob-toggle .ico-menu { display: none !important; }
header.mob-open .ts-mob-toggle .ico-close,
nav.mob-open .ts-mob-toggle .ico-close { display: block !important; }

/* Hide Netlify HUD badge globally */
iframe[srcdoc], script[data-nf-variant], script[src*=".netlify/scripts/hud"],
div[class*="netlify-drawer"], a[href*="netlify.com"][target="_blank"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

@media (max-width: 860px) {
  header.site-header,
  nav.ts-nav,
  header .wrap.nav {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    padding: 10px 16px !important;
    min-height: 54px !important;
    gap: 10px !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 200 !important;
  }
  header.site-header .logo,
  nav.ts-nav .nav-left,
  nav.ts-nav .nav-brand,
  header .wrap.nav .brand {
    font-size: 1.12rem !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    text-align: left !important;
    display: inline-flex !important;
    align-items: center !important;
  }
  header.site-header .nav-cta,
  nav.ts-nav .nav-right {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-left: auto !important;
    flex-shrink: 0 !important;
    flex-wrap: nowrap !important;
  }
  /* Keep top bar uncluttered on mobile: hide secondary Activate Key button in top bar */
  nav.ts-nav .nav-right .ts-btn-sec {
    display: none !important;
  }
  header.site-header .nav-cta .btn,
  nav.ts-nav .nav-right .ts-btn-pri {
    padding: 7px 13px !important;
    font-size: 12.5px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    width: auto !important;
    border-radius: 999px !important;
  }
  .ts-mob-toggle {
    display: inline-flex !important;
  }
  header.site-header .nav-links,
  nav.ts-nav .nav-links,
  header .wrap.nav .nav-links {
    display: none !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    background: rgba(20, 20, 23, 0.98) !important;
    backdrop-filter: saturate(180%) blur(24px) !important;
    -webkit-backdrop-filter: saturate(180%) blur(24px) !important;
    border-bottom: 1px solid var(--ts-border-strong, rgba(255,255,255,0.14)) !important;
    padding: 10px 16px 16px !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 4px !important;
    box-shadow: 0 20px 44px rgba(0, 0, 0, 0.6) !important;
    z-index: 250 !important;
  }
  header.site-header.mob-open .nav-links,
  nav.ts-nav.mob-open .nav-links,
  header.mob-open .wrap.nav .nav-links,
  .wrap.nav.mob-open .nav-links {
    display: flex !important;
  }
  header.site-header .nav-links a,
  nav.ts-nav .nav-links a,
  header .wrap.nav .nav-links a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    padding: 11px 14px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: var(--ts-text, #F4F4F5) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 10px !important;
    text-align: left !important;
    white-space: nowrap !important;
  }
  header.site-header .nav-links a.active,
  nav.ts-nav .nav-links a.active,
  header .wrap.nav .nav-links a.active {
    background: var(--ts-control, #242429) !important;
    font-weight: 600 !important;
  }
}

/* === Shared Apple-Style Plan Cards (No Pill Badges, No Duplicate Titles) === */
.badge, .role-eyebrow {
  display: none !important;
}
.plan-card-clean {
  background: var(--ts-card, #1A1A1E) !important;
  border: 1px solid var(--ts-border, rgba(255,255,255,0.08)) !important;
  border-radius: 18px !important;
  padding: 26px 24px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  position: relative !important;
  box-shadow: var(--ts-shadow) !important;
  text-align: left !important;
}
.plan-card-clean.featured {
  border-color: var(--ts-border-strong, rgba(255,255,255,0.16)) !important;
  background: linear-gradient(180deg, var(--ts-control, #242429) 0%, var(--ts-card, #1A1A1E) 100%) !important;
}
.plan-card-clean .plan-top-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  margin-bottom: 8px !important;
}
.plan-card-clean .plan-tier {
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.07em !important;
  color: var(--ts-faint, #71717A) !important;
}
.plan-card-clean .plan-pop {
  color: var(--ts-green, #10B981) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}
.plan-card-clean .plan-title {
  font-size: clamp(1.55rem, 3.5vw, 1.95rem) !important;
  font-weight: 700 !important;
  letter-spacing: -0.03em !important;
  color: var(--ts-text, #F4F4F5) !important;
  line-height: 1.15 !important;
  margin: 0 !important;
}
.plan-card-clean .plan-subline {
  font-size: 13px !important;
  color: var(--ts-muted, #A1A1AA) !important;
  margin: 6px 0 16px !important;
  padding-bottom: 14px !important;
  border-bottom: 1px solid var(--ts-border, rgba(255,255,255,0.08)) !important;
  line-height: 1.4 !important;
}
.plan-card-clean .plan-desc {
  font-size: 14px !important;
  color: var(--ts-text-soft, #D4D4D8) !important;
  line-height: 1.5 !important;
  margin: 0 0 16px !important;
}
.plan-card-clean ul.plan-list {
  list-style: none !important;
  margin: 0 0 22px !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 11px !important;
}
.plan-card-clean ul.plan-list li {
  display: flex !important;
  align-items: flex-start !important;
  gap: 9px !important;
  margin: 0 !important;
  font-size: 13.5px !important;
  line-height: 1.45 !important;
  color: var(--ts-muted, #A1A1AA) !important;
}
.plan-card-clean ul.plan-list li::before {
  content: none !important;
  display: none !important;
}
.plan-card-clean ul.plan-list li i {
  color: var(--ts-green, #10B981) !important;
  font-style: normal !important;
  font-weight: 700 !important;
  flex-shrink: 0 !important;
  margin-top: 1px !important;
}
.plan-card-clean ul.plan-list li strong,
.plan-card-clean ul.plan-list li b {
  color: var(--ts-text, #F4F4F5) !important;
  font-weight: 600 !important;
}
.plan-card-clean .btn {
  width: 100% !important;
  text-align: center !important;
  padding: 12px 18px !important;
  font-size: 13.5px !important;
  border-radius: 999px !important;
}
.ts-choice-bubble {
  text-decoration: none !important;
  background: var(--ts-card-alt, #16161A) !important;
  border: 1px solid var(--ts-border, rgba(255,255,255,0.08)) !important;
  border-radius: 14px !important;
  padding: 14px 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  text-align: left !important;
  transition: border-color 0.15s ease, background 0.15s ease, transform 0.12s ease !important;
  cursor: pointer !important;
}
.ts-choice-bubble:hover {
  background: var(--ts-control, #242429) !important;
  border-color: var(--ts-border-strong, rgba(255,255,255,0.18)) !important;
}
.ts-choice-bubble.active-bubble {
  background: var(--ts-control, #242429) !important;
  border-color: var(--ts-border-strong, rgba(255,255,255,0.18)) !important;
}
@media (max-width: 760px) {
  .ts-choice-bubble {
    padding: 13px 16px !important;
    border-radius: 999px !important;
  }
}
/* === Unified Apple-Precision Header Across All Pages (v12) === */
header.site-header,
nav.ts-nav,
header:has(.wrap.nav) {
  position: sticky !important;
  top: 0 !important;
  z-index: 200 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 56px !important;
  min-height: 56px !important;
  margin: 0 !important;
  padding: 0 24px !important;
  background: rgba(20, 20, 23, 0.88) !important;
  backdrop-filter: saturate(180%) blur(20px) !important;
  -webkit-backdrop-filter: saturate(180%) blur(20px) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 28px !important;
  flex-wrap: nowrap !important;
  box-sizing: border-box !important;
}
header .wrap.nav {
  max-width: 1140px !important;
  width: 100% !important;
  height: 56px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 28px !important;
  flex-wrap: nowrap !important;
}
header.site-header .logo,
nav.ts-nav .nav-left,
header .wrap.nav .brand {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 142px !important;
  height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
  flex-shrink: 0 !important;
}
header.site-header .logo,
nav.ts-nav .nav-brand,
header .wrap.nav .brand {
  display: inline-flex !important;
  align-items: center !important;
  height: 34px !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", system-ui, sans-serif !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  line-height: 1 !important;
  color: #F4F4F6 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
}
header.site-header .logo span,
nav.ts-nav .nav-brand span,
header .wrap.nav .brand span {
  color: #E11D48 !important;
  margin-right: 4px !important;
}
header.site-header .nav-links,
nav.ts-nav .nav-links,
header .wrap.nav .nav-links {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  flex-wrap: nowrap !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 34px !important;
}
header.site-header .nav-links a,
nav.ts-nav .nav-links a,
header .wrap.nav .nav-links a:not(.btn-sm) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 34px !important;
  padding: 0 13px !important;
  border-radius: 999px !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", system-ui, sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  color: #A1A1AA !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  transition: color 0.15s ease, background 0.15s ease, border-color 0.15s ease !important;
}
header.site-header .nav-links a:hover,
nav.ts-nav .nav-links a:hover,
header .wrap.nav .nav-links a:not(.btn-sm):hover {
  color: #F4F4F6 !important;
  background: rgba(255, 255, 255, 0.04) !important;
}
header.site-header .nav-links a.active,
nav.ts-nav .nav-links a.active,
header .wrap.nav .nav-links a.active:not(.btn-sm) {
  color: #F4F4F6 !important;
  background: #2A2A30 !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  font-weight: 600 !important;
  border-radius: 999px !important;
}
header.site-header .nav-cta,
nav.ts-nav .nav-right {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  width: 142px !important;
  gap: 8px !important;
  height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
  flex-shrink: 0 !important;
}
nav.ts-nav .nav-right .ts-btn-sec {
  display: none !important;
}
header.site-header .nav-cta .btn,
nav.ts-nav .nav-right .ts-btn-pri,
header .wrap.nav .btn-sm {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 34px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", system-ui, sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  text-decoration: none !important;
  background: #2A2A30 !important;
  color: #F4F4F6 !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
}
header.site-header .nav-cta .btn:hover,
nav.ts-nav .nav-right .ts-btn-pri:hover,
header .wrap.nav .btn-sm:hover {
  background: #32323A !important;
  color: #FFFFFF !important;
  border-color: rgba(255, 255, 255, 0.24) !important;
}
@media (max-width: 860px) {
  header.site-header,
  nav.ts-nav,
  header:has(.wrap.nav),
  header .wrap.nav {
    justify-content: space-between !important;
    padding: 0 16px !important;
    gap: 10px !important;
  }
  header.site-header .logo,
  nav.ts-nav .nav-left,
  header .wrap.nav .brand,
  header.site-header .nav-cta,
  nav.ts-nav .nav-right {
    width: auto !important;
  }
  header.site-header .nav-cta,
  nav.ts-nav .nav-right {
    margin-left: auto !important;
  }
  header.site-header .nav-cta .btn,
  nav.ts-nav .nav-right .ts-btn-pri {
    height: 32px !important;
    padding: 0 13px !important;
    font-size: 12.5px !important;
  }
  .ts-mob-toggle {
    display: inline-flex !important;
    width: 32px !important;
    height: 32px !important;
  }
  header.site-header .nav-links,
  nav.ts-nav .nav-links,
  header .wrap.nav .nav-links {
    display: none !important;
    height: auto !important;
    position: absolute !important;
    top: 56px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    background: rgba(20, 20, 23, 0.98) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.14) !important;
    padding: 10px 16px 16px !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 4px !important;
  }
  header.site-header.mob-open .nav-links,
  nav.ts-nav.mob-open .nav-links,
  header.mob-open .wrap.nav .nav-links,
  .wrap.nav.mob-open .nav-links {
    display: flex !important;
  }
  header.site-header .nav-links a,
  nav.ts-nav .nav-links a,
  header .wrap.nav .nav-links a:not(.btn-sm) {
    display: flex !important;
    justify-content: flex-start !important;
    width: 100% !important;
    height: 40px !important;
    padding: 0 14px !important;
    border-radius: 10px !important;
    font-size: 15px !important;
  }
}

/* zero-shift nav: same weight active/inactive */
header.site-header nav a,header.site-header nav a.active,header .wrap.nav a,header .wrap.nav a.active,nav.ts-nav a,nav.ts-nav a.active,nav.ts-nav .nav-links a,nav.ts-nav .nav-links a.active{font-weight:500 !important;letter-spacing:0 !important}
header.site-header .nav-links a,header.site-header .nav-links a.active,header.site-header div.nav-links a.active,nav.ts-nav div.nav-links a,nav.ts-nav div.nav-links a.active{font-weight:500 !important;letter-spacing:0 !important}


/* Hide any host-injected Netlify badge / HUD */
a[href*="netlify.com"],[class*="netlify"],[id*="netlify"],iframe[src*="netlify"],[data-nf-variant],netlify-hud{display:none!important;visibility:hidden!important}