/* Local dark theme. Kept separate from the production light theme on purpose. */
:root {
  color-scheme: dark;
  --ink: #f4f7ff;
  --muted: #a8b2c3;
  --quiet: #7f8a9d;
  --line: #293346;
  --line-strong: #3a4960;
  --soft: #111722;
  --warm: #0b1019;
  --warm-strong: #161f2d;
  --surface: #111722;
  --panel: #151d29;
  --accent: #4f8cff;
  --accent-deep: #72a4ff;
  --accent-soft: #172a49;
  --teal: #2dd4bf;
  --cyan: #56c7e8;
  --green: #42c49a;
  --gold: #e0b75b;
  --text-primary: #f4f7ff;
  --text-secondary: #aab4c5;
  --text-tertiary: #7f8a9d;
  --text-muted: #68758a;
  --bg-page: #080d14;
  --bg-soft: #0d131d;
  --bg-card: #121a26;
  --border-light: #263246;
  --shadow: 0 26px 70px rgba(0, 0, 0, 0.32);
  --shadow-soft: 0 16px 45px rgba(0, 0, 0, 0.24);
}

html {
  background: var(--bg-page);
}

body {
  background:
    linear-gradient(90deg, rgba(79, 140, 255, 0.035) 1px, transparent 1px),
    linear-gradient(180deg, #080d14 0, #0a1019 720px, #080d14 100%) !important;
  background-size: 112px 100%, auto !important;
  color: var(--text-primary) !important;
}

body :is(h1, h2, h3, h4, h5, h6, summary) {
  color: var(--text-primary);
}

body main :is(p, li, em) {
  color: var(--text-secondary);
}

body :is(a, button, input, select, textarea, summary):focus-visible {
  outline-color: #72a4ff !important;
}

/* Header and navigation */
body .site-header,
body .site-header.is-scrolled {
  background: rgba(8, 13, 20, 0.88) !important;
  border-bottom-color: rgba(122, 142, 173, 0.22) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.28) !important;
}

body .site-header .brand-name,
body .site-header .nav-link,
body .site-header .nav-trigger {
  color: #e8edf7 !important;
}

body .site-header .nav-link:hover,
body .site-header .nav-trigger:hover,
body .site-header .nav-link--active,
body .site-header .nav-item--active .nav-trigger,
body .site-header .nav-item.is-active .nav-trigger {
  color: #8ab4ff !important;
}

body .site-header .nav-link::after,
body .site-header .nav-trigger::after {
  background: #4f8cff !important;
}

body .mega-menu {
  background: rgba(15, 22, 33, 0.98) !important;
  border-color: #29364a !important;
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.42) !important;
}

body .mega-column + .mega-column {
  border-color: #29364a !important;
}

body .mega-label,
body .mega-link em {
  color: #8995a8 !important;
}

body .mega-link strong {
  color: #eef3ff !important;
}

body .mega-link:hover {
  background: #182235 !important;
}

body .mega-icon {
  border-color: #33425a !important;
  background: #182235 !important;
  color: #78a8ff !important;
}

body .menu-toggle span {
  background: #eef3ff !important;
}

@media (max-width: 760px) {
  body .header-right,
  body .nav {
    background: #0d131d !important;
    border-color: #283449 !important;
  }

  body .nav-item,
  body .nav-link,
  body .nav-trigger,
  body .header-actions {
    border-color: #222d3e !important;
  }
}

/* Buttons and common controls */
body .pill-button:not(.pill-button--inverse),
body .pricing-card-cta--featured {
  border-color: #4f8cff !important;
  background: #4f8cff !important;
  color: #07101f !important;
  box-shadow: 0 14px 34px rgba(79, 140, 255, 0.24) !important;
}

body .pill-button:not(.pill-button--inverse):hover,
body .pricing-card-cta--featured:hover {
  background: #72a4ff !important;
}

body .outline-button:not(.outline-button--inverse),
body .pricing-card-cta:not(.pricing-card-cta--featured) {
  border-color: #3a4960 !important;
  background: #101722 !important;
  color: #e7edf8 !important;
  box-shadow: none !important;
}

body .outline-button:not(.outline-button--inverse):hover,
body .pricing-card-cta:not(.pricing-card-cta--featured):hover {
  border-color: #638fda !important;
  background: #172337 !important;
}

body .pill-button--inverse {
  background: #f4f7ff !important;
  color: #101722 !important;
}

body .outline-button--inverse {
  border-color: rgba(255, 255, 255, 0.38) !important;
  background: rgba(255, 255, 255, 0.07) !important;
  color: #fff !important;
}

body .eyebrow,
body .text-link,
body .capability-link,
body .product-link span {
  color: #77a8ff !important;
}

/* Shared page surfaces and typography */
body :is(.site-page, .platform-redesign, .community-page, .sdk-page, .enterprise-page) {
  background: transparent !important;
  color: var(--text-primary) !important;
}

body :is(.site-page, .platform-redesign, .community-page, .enterprise-page) > section:not(.final-cta):not(.gradient-cta):not(.im-dark-section):not(.rtc-dark-section) {
  border-color: #263246 !important;
}

body .site-page > section:not(.page-hero):not(.final-cta):nth-of-type(even)::before,
body .platform-redesign :is(.platform-capabilities, .workflow-section, .resources-editorial)::before {
  background:
    linear-gradient(rgba(79, 140, 255, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(79, 140, 255, 0.02) 1px, transparent 1px),
    radial-gradient(circle at 18% 10%, rgba(79, 140, 255, 0.08), transparent 32%),
    #0a1019 !important;
  background-size: 36px 36px, 36px 36px, auto, auto !important;
}

body :is(.page-hero, .platform-hero, .sdk-hero, .community-hero, .enterprise-pricing-hero) {
  background: transparent !important;
}

body :is(.page-hero-copy, .platform-hero-copy, .sdk-hero-copy, .community-hero-copy, .enterprise-pricing-hero-inner) h1 {
  color: #f7f9ff !important;
}

body :is(.hero-subtitle, .section-copy p, .platform-capabilities-heading p, .resources-title p, .system-architecture-copy p, .enterprise-pricing-head p) {
  color: #aab4c5 !important;
}

body :is(
  .feature-card,
  .product-link,
  .faq-list details,
  .capability-visual-frame,
  .im-showcase-feature-card,
  .im-advanced-grid article,
  .im-client-option,
  .rtc-product-panel,
  .rtc-integration-list article,
  .rtc-sdk-stages article,
  .sdk-why-grid article,
  .sdk-card-list article,
  .tutorial-video-card,
  .tutorial-resource-card,
  .tutorial-deep-list article,
  .repo-card,
  .community-join-card,
  .pricing-card,
  .talk-card,
  .process-flow-step
) {
  border-color: #263246 !important;
  background: #121a26 !important;
  box-shadow: none !important;
}

body :is(
  .feature-card,
  .product-link,
  .faq-list details,
  .im-showcase-feature-card,
  .im-advanced-grid article,
  .im-client-option,
  .rtc-product-panel,
  .sdk-why-grid article,
  .tutorial-video-card,
  .tutorial-resource-card,
  .repo-card,
  .community-join-card,
  .pricing-card,
  .talk-card
):hover {
  border-color: #466a9f !important;
  background: #162131 !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.24) !important;
}

body :is(.feature-card, .product-link, .faq-list details, .resource-list a) {
  border-color: #263246 !important;
}

body :is(.feature-card, .product-link, .faq-list details) :is(h3, strong, summary, span),
body :is(.resource-list, .footer-grid) strong {
  color: #eef3ff !important;
}

body :is(
  .capability-bento-card,
  .feature-card,
  .product-link,
  .im-showcase-feature-card,
  .im-advanced-grid article,
  .im-client-option,
  .rtc-product-panel,
  .sdk-why-grid article,
  .tutorial-video-card,
  .tutorial-resource-card,
  .repo-card,
  .community-join-card,
  .pricing-card,
  .talk-card
) :is(p, em, li) {
  color: #aab4c5 !important;
}

body .faq-list details[open] {
  background: #151f2e !important;
}

body .faq-list summary::after {
  color: #77a8ff !important;
}

/* Homepage */
body .platform-capabilities,
body .platform-feature-strip,
body .resources-editorial,
body .faq-section {
  background: transparent !important;
}

body .platform-redesign .capability-visual-frame {
  background: #111925 !important;
  box-shadow: inset 0 0 0 1px #273449 !important;
}

body .platform-redesign .capability-bento-card {
  border-color: #263246 !important;
  background: #111925 !important;
  box-shadow: none !important;
}

body .platform-feature-strip {
  border-color: #263246 !important;
  background: #0e151f !important;
}

body .platform-feature-columns,
body .platform-feature-columns article {
  border-color: #29364a !important;
}

body .platform-feature-columns h3,
body .resource-list span {
  color: #eef3ff !important;
}

body .resource-list a {
  border-color: #29364a !important;
}

body .resource-list a:hover {
  background: rgba(79, 140, 255, 0.06) !important;
}

body .product-architecture-image {
  border-color: #2b384d !important;
  background: #111925 !important;
}

body .system-architecture-section {
  border-color: #263750 !important;
  background:
    radial-gradient(circle at 82% 18%, rgba(79, 140, 255, 0.16), transparent 34%),
    linear-gradient(145deg, #0d1522, #101a2a) !important;
}

body .gradient-cta,
body .final-cta {
  border-color: rgba(120, 168, 255, 0.24) !important;
  background:
    radial-gradient(circle at 88% 16%, rgba(94, 216, 197, 0.24), transparent 30%),
    linear-gradient(120deg, #245ed8, #5131bc 62%, #0d7f84) !important;
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.3) !important;
}

body :is(.gradient-cta, .final-cta) :is(h2, p, .eyebrow) {
  color: #fff !important;
}

/* Chat and messaging */
body .im-experience-preview--showcase,
body .im-advanced-section,
body .im-client-path-section,
body .im-video-entry-visual {
  border-color: #263246 !important;
  background:
    radial-gradient(circle at 18% 20%, rgba(91, 82, 255, 0.16), transparent 32%),
    linear-gradient(180deg, #111925, #0d141f) !important;
  box-shadow: none !important;
}

body .im-showcase-feature-card.is-active {
  border-color: #638fda !important;
  background: #19263a !important;
}

body .im-advanced-grid {
  background: transparent !important;
}

body .im-client-options,
body .im-client-path,
body .im-entry-list,
body .im-reliability-panel {
  border-color: #29364a !important;
}

body .im-client-options article + article,
body .im-entry-list article + article {
  border-color: #29364a !important;
}

body .im-code-section--developer,
body .im-code-window,
body .im-code-window--tabs {
  background: #0b111b !important;
  border-color: #29364a !important;
}

body .im-code-tabs,
body .im-code-toolbar {
  border-color: #29364a !important;
  background: #111925 !important;
}

body .im-code-tabs button {
  color: #9ba8bb !important;
}

body .im-code-tabs button:is(.active, :hover) {
  background: #24385a !important;
  color: #fff !important;
}

body .im-product-page .im-dark-section,
body .rtc-product-page .rtc-dark-section {
  border-color: #263750 !important;
  background:
    radial-gradient(circle at 78% 18%, rgba(79, 140, 255, 0.18), transparent 34%),
    linear-gradient(145deg, #080d16, #101827) !important;
}

body :is(.im-dark-section, .rtc-dark-section) :is(h2, h3, strong, p, span, li, .eyebrow) {
  color: #f2f6ff !important;
}

/* Voice and video */
body .rtc-value-row,
body .rtc-matrix-section,
body .rtc-meeting-section,
body .rtc-path-section,
body .rtc-sdk-section,
body .rtc-control-section,
body .rtc-other-product-section {
  border-color: #263246 !important;
  background: transparent !important;
}

body :is(.rtc-story-visual, .rtc-meeting-showcase, .rtc-integration-visual, .rtc-control-visual, .rtc-other-product-visual) {
  border-color: #263246 !important;
  background:
    radial-gradient(circle at 78% 10%, rgba(79, 140, 255, 0.14), transparent 32%),
    #111925 !important;
  box-shadow: none !important;
}

body .rtc-product-panel--call {
  background: linear-gradient(145deg, #183769, #4f3bb2) !important;
}

body .rtc-sdk-flow,
body .rtc-control-flow,
body .rtc-control-panel {
  border-color: #29364a !important;
  background: #111925 !important;
}

body .rtc-code-window,
body .rtc-code-window pre {
  border-color: #29364a !important;
  background: #080e17 !important;
}

body .rtc-sdk-tabs button {
  border-color: #2c3a50 !important;
  background: #111925 !important;
  color: #aab4c5 !important;
}

body .rtc-sdk-tabs button:is(.active, :hover) {
  border-color: #638fda !important;
  background: #213655 !important;
  color: #fff !important;
}

/* SDK and resources */
body .sdk-page,
body .sdk-capability-section,
body .sdk-platform-strip-section,
body .sdk-list-section,
body .sdk-why-section {
  background: transparent !important;
}

body :is(.sdk-hero-visual, .sdk-insight-bento, .sdk-insight-panel, .sdk-flow-mini) {
  border-color: #263246 !important;
  background: #111925 !important;
  box-shadow: none !important;
}

body .sdk-insight-panel--visual,
body .sdk-capability-section {
  background:
    radial-gradient(circle at 86% 12%, rgba(79, 140, 255, 0.13), transparent 30%),
    #0d141f !important;
}

body .sdk-platform-strip {
  border-color: #29364a !important;
  background: transparent !important;
}

body .sdk-tag-list span {
  border-color: #31415a !important;
  background: #172236 !important;
  color: #dce6f6 !important;
}

body .sdk-platform-strip a {
  border-color: #31415a !important;
  background:
    radial-gradient(circle at 78% 18%, rgba(79, 140, 255, 0.14), transparent 38%),
    #151f2e !important;
  color: #dce6f6 !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.2) !important;
}

body .sdk-platform-strip a:hover,
body .sdk-platform-strip a:focus-visible {
  border-color: #638fda !important;
  background:
    radial-gradient(circle at 78% 18%, rgba(79, 140, 255, 0.2), transparent 40%),
    #1a2638 !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.28) !important;
}

body .sdk-platform-strip :is([data-brand-icon], .brand-fallback) {
  border: 0 !important;
  background: transparent !important;
  color: #dce6f6 !important;
}

body .intro-section:nth-of-type(even) {
  background: #0d141f !important;
}

/* Tutorials */
body .tutorials-page--curated,
body .tutorials-hero,
body .tutorial-featured,
body .tutorial-video-section,
body .tutorial-resource-section,
body .tutorial-deep-section {
  background: transparent !important;
}

body .tutorials-page--curated .tutorials-hero,
body .tutorials-page--curated :is(
  .tutorial-start-section,
  .tutorial-video-section,
  .tutorial-practice-section,
  .tutorial-routing-section
) {
  background:
    linear-gradient(90deg, rgba(79, 140, 255, 0.025) 1px, transparent 1px),
    #0a1019 !important;
  background-size: 72px 100%, auto !important;
}

body .tutorials-page--curated :is(.tutorials-hero h1, .tutorial-section-head h2, .tutorial-practice-copy h2) {
  color: #f4f7ff !important;
}

body .tutorial-practice-list,
body .tutorial-practice-list a {
  border-color: #29364a !important;
}

body .tutorial-practice-list a:hover,
body .tutorial-practice-list a:focus-visible {
  background: linear-gradient(90deg, rgba(79, 140, 255, 0.1), transparent 72%) !important;
}

body .tutorial-practice-list h3 {
  color: #eaf0fb !important;
}

body :is(.tutorial-featured-card, .tutorial-featured-copy, .tutorial-featured-media) {
  border-color: #263246 !important;
  background: #111925 !important;
  box-shadow: none !important;
}

body .tutorial-video-cover,
body .tutorial-resource-icon {
  background: #18243a !important;
}

body .tutorial-video-meta,
body .tutorial-resource-card p,
body .tutorial-deep-list p {
  color: #9ba8bb !important;
}

/* Open source community */
body .community-hero-visual,
body .community-metrics,
body .community-join {
  border-color: #263246 !important;
  background:
    radial-gradient(circle at 76% 14%, rgba(79, 140, 255, 0.16), transparent 32%),
    linear-gradient(180deg, #101824, #0c121c) !important;
  box-shadow: none !important;
}

body .community-page::before {
  background:
    linear-gradient(rgba(79, 140, 255, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(79, 140, 255, 0.028) 1px, transparent 1px),
    radial-gradient(circle at 96% 12%, rgba(86, 74, 255, 0.2), transparent 30%),
    radial-gradient(circle at 78% 84%, rgba(43, 112, 255, 0.15), transparent 24%),
    linear-gradient(118deg, #080d14 0%, #0b111b 42%, #101527 100%) !important;
}

body .community-page .community-hero {
  background: transparent !important;
}

body .community-page :is(.community-metrics, .community-repos, .community-join, .community-wechat, .faq-section) {
  background-color: #080d14 !important;
}

body .community-page .community-metrics,
body .community-page .community-join {
  background:
    radial-gradient(circle at 76% 14%, rgba(79, 140, 255, 0.14), transparent 32%),
    #0d141f !important;
}

body .community-page .community-float-card {
  border-color: #35445d !important;
  background: rgba(18, 26, 38, 0.9) !important;
  box-shadow: 0 24px 54px rgba(0, 0, 0, 0.3) !important;
}

body .community-page .community-float-card :is(strong, em) {
  color: #eaf0fb !important;
}

body .community-metric {
  border-color: #2a3850 !important;
  background: linear-gradient(180deg, #151f2e, #111925) !important;
  box-shadow: none !important;
}

body .community-metric strong,
body .repo-card h3,
body .repo-card div strong,
body .community-join-card h3,
body .community-wechat-copy h2 {
  color: #eef3ff !important;
}

body .community-metric--featured strong {
  color: #88b2ff !important;
}

body .community-metric span,
body .community-metric em,
body .repo-card p,
body .repo-card div em,
body .community-join-card p,
body .community-wechat-copy p:not(.eyebrow) {
  color: #9da9bb !important;
}

body .repo-card--primary {
  background:
    radial-gradient(circle at 86% 12%, rgba(79, 140, 255, 0.13), transparent 32%),
    #121a26 !important;
}

body .community-contributors,
body .wechat-card,
body .slack-card {
  border-color: #2a3850 !important;
  background: rgba(18, 26, 38, 0.95) !important;
  box-shadow: 0 22px 60px rgba(0, 0, 0, 0.28) !important;
}

/* Enterprise */
body .enterprise-page--pricing {
  --pricing-ink: #f4f7ff;
  --pricing-muted: #aab4c5;
  --pricing-line: #29364a;
  background: transparent !important;
}

body .enterprise-pricing-hero,
body .enterprise-pricing-section,
body .enterprise-talk-section {
  background: transparent !important;
}

body .enterprise-pricing-section--compact,
body .enterprise-process-simple-section {
  background: #0d141f !important;
}

body .pricing-card--featured {
  border-color: #527cc1 !important;
  background:
    radial-gradient(circle at 88% 8%, rgba(79, 140, 255, 0.18), transparent 34%),
    #151f2f !important;
}

body .pricing-card :is(h3, strong),
body .pricing-compare-table :is(th, strong),
body .enterprise-talk-copy :is(h2, h3),
body .enterprise-faq-title h2 {
  color: #eef3ff !important;
}

body .pricing-compare-wrap,
body .enterprise-faq-simple-grid {
  border-color: #29364a !important;
  background: #111925 !important;
}

body .pricing-compare-table :is(th, td),
body .enterprise-faq-simple-grid > * {
  border-color: #29364a !important;
}

body .pricing-compare-table tr:nth-child(even),
body .pricing-compare-table tr:hover {
  background: rgba(79, 140, 255, 0.055) !important;
}

body .enterprise-talk-section {
  border-color: #2a3850 !important;
  background:
    radial-gradient(circle at 82% 18%, rgba(79, 140, 255, 0.15), transparent 34%),
    linear-gradient(145deg, #0d1522, #111a29) !important;
}

body :is(input, select, textarea) {
  border-color: #334259 !important;
  background: #0d141f !important;
  color: #eef3ff !important;
}

body :is(input, textarea)::placeholder {
  color: #6f7c90 !important;
}

/* Legal, empty states, and footer */
body .footer {
  border-top-color: #222d3e !important;
  background: #0b111a !important;
}

body .footer > .brand .brand-name,
body .footer-grid strong {
  color: #edf2fb !important;
}

body .footer-grid a,
body .footer-grid .footer-disabled,
body .footer-copyright {
  color: #8995a8 !important;
}

body .footer-grid a:hover,
body .footer-grid a:focus-visible {
  color: #88b2ff !important;
}

body .not-found-card,
body .legal-card,
body .page-placeholder {
  border-color: #29364a !important;
  background: #121a26 !important;
  box-shadow: none !important;
}

/* Dark-theme readability guard: override light-theme text colors on dark surfaces. */
body .platform-feature-columns p {
  color: #aab4c5 !important;
}

body .site-page .hero-tags span {
  border-color: #33445e !important;
  background: #172236 !important;
  color: #b8c3d4 !important;
}

body .im-feature-matrix {
  border-color: #29364a !important;
}

body .im-feature-matrix h3 {
  border-color: #3a4960 !important;
  color: #f1f5ff !important;
}

body .im-feature-matrix li,
body .rtc-value-copy li {
  color: #d5dce8 !important;
  font-weight: 500 !important;
}

body .im-feature-matrix--five li {
  font-size: 15px !important;
  line-height: 23px !important;
}

body .rtc-feature-matrix article li {
  color: #d5dce8 !important;
  font-size: 16px !important;
  line-height: 24px !important;
  font-weight: 500 !important;
}

body .im-feature-matrix .inline-list-icon,
body .rtc-value-copy .inline-list-icon {
  color: #5ee3a4 !important;
}

body .im-feature-matrix .inline-list-icon > svg,
body .rtc-value-copy .inline-list-icon > svg {
  stroke-width: 2.4 !important;
}

body .im-entry-list article,
body .site-page.im-product-page .im-client-option-body {
  border-color: #2c3a50 !important;
  background: #121a26 !important;
  box-shadow: none !important;
}

body .im-entry-list strong,
body .site-page.im-product-page .im-client-option h3 {
  color: #eef3ff !important;
}

body .im-entry-list span,
body .site-page.im-product-page .im-client-option p {
  color: #aab4c5 !important;
}

body .site-page.im-product-page .im-client-option .text-link {
  color: #88b2ff !important;
}

body .line-no {
  color: #7f90aa !important;
}

body :is(.media-feature-list, .rtc-path-tags) span,
body .rtc-product-panel > span {
  border-color: #385071 !important;
  background: #172641 !important;
  color: #9bc0ff !important;
}

body .sdk-card-list :is(span, a) {
  color: #9bc0ff !important;
}

body .tutorial-path-card :is(h3, strong),
body .tutorials-page--curated .tutorial-video-card h3,
body .tutorial-resource-title {
  color: #eef3ff !important;
}

body .tutorials-page--curated p:not(.eyebrow) {
  color: #aab4c5 !important;
}

body .tutorials-page--curated .tutorial-path-number {
  color: #9bc0ff !important;
}

body .tutorial-practice-list :is(a > span, a > strong, em),
body .tutorial-route-card strong {
  color: #9bc0ff !important;
}

body .community-page :is(.repo-language, .repo-stat, .repo-octicon, .repo-arrow) {
  color: #aab4c5 !important;
}

body .community-page .community-join-card > span {
  color: #9bc0ff !important;
}

body .pill-button em {
  color: inherit !important;
}

body .enterprise-page--pricing :is(.pricing-card-kicker, .talk-card > span) {
  color: #9bc0ff !important;
}

body .pricing-compare-wrap,
body .enterprise-process-simple {
  border-color: #2c3a50 !important;
  background:
    radial-gradient(circle at 18% 12%, rgba(79, 140, 255, 0.09), transparent 30%),
    #111925 !important;
  box-shadow: none !important;
}

body .pricing-compare-table {
  color: #c2ccda !important;
}

body .pricing-compare-table thead th,
body .pricing-compare-table thead th:nth-child(3),
body .pricing-compare-table thead th:nth-child(4) {
  background: #172236 !important;
  color: #eef3ff !important;
}

body .pricing-compare-table thead th:nth-child(3) {
  background: linear-gradient(180deg, #1b2b49, #172236) !important;
}

body .pricing-compare-table thead th:nth-child(4) {
  background: linear-gradient(180deg, #282453, #1b203d) !important;
}

body .pricing-compare-table thead th span {
  color: #aab4c5 !important;
}

body .pricing-compare-table td,
body .pricing-compare-table td:first-child,
body .pricing-compare-table td:nth-child(2),
body .pricing-compare-table td:nth-child(3),
body .pricing-compare-table td:nth-child(4) {
  color: #d5dce8 !important;
  font-weight: 500 !important;
}

body .pricing-compare-table td:nth-child(3) {
  background: rgba(79, 140, 255, 0.045) !important;
}

body .pricing-compare-table td:nth-child(4) {
  background: rgba(117, 92, 255, 0.06) !important;
}

body .pricing-compare-table :is(.compare-text, .compare-text--muted) {
  color: #b9d2ff !important;
  font-weight: 700 !important;
}

body .pricing-compare-table .compare-mark {
  color: #4ade80 !important;
  filter: drop-shadow(0 0 8px rgba(74, 222, 128, 0.2));
}

body .pricing-compare-table .compare-mark--muted {
  color: #aeb8c8 !important;
  filter: none;
}

body .pricing-compare-table .compare-mark > svg {
  stroke-width: 2.4 !important;
}

body .process-flow-label span,
body .process-flow-icon {
  border-color: #35465f !important;
  background: #172236 !important;
  color: #b8c3d4 !important;
  box-shadow: none !important;
}

body .process-flow-step strong,
body .process-flow-step--active strong {
  color: #eef3ff !important;
}

body .process-flow-list::before {
  background: #35465f !important;
}

@media (prefers-reduced-motion: reduce) {
  body *,
  body *::before,
  body *::after {
    scroll-behavior: auto !important;
  }
}