.theme-option-2 {
  --ink: #172033;
  --muted: #5d6b82;
  --line: rgba(8, 35, 74, 0.12);
  --panel: rgba(255, 255, 255, 0.88);
  --panel-strong: #ffffff;
  --blue: #1677ff;
  --orange: #ff8a25;
  --green: #2dcb89;
  --navy: #061b3a;
  --teal: #21a6a0;
  --surface: rgba(255, 255, 255, 0.92);
  --shadow: 0 24px 70px rgba(17, 37, 68, 0.14);
  color: var(--ink);
  background:
    linear-gradient(180deg, #ffffff 0%, #f2f6fa 48%, #ffffff 100%);
}

.theme-option-5 {
  --ink: #172033;
  --muted: #5d6b82;
  --line: rgba(8, 35, 74, 0.12);
  --panel: rgba(255, 255, 255, 0.9);
  --panel-strong: #ffffff;
  --blue: #1677ff;
  --orange: #ff8a25;
  --green: #28b463;
  --navy: #07101f;
  --teal: #22b8b0;
  --surface: rgba(255, 255, 255, 0.94);
  --shadow: 0 24px 70px rgba(17, 37, 68, 0.14);
  color: var(--ink);
  background:
    linear-gradient(180deg, #07101f 0 760px, #f7fafd 760px 100%);
}

.theme-option-2 body::before,
.theme-option-5 body::before {
  display: none;
}

.theme-option-2::before,
.theme-option-5::before {
  opacity: 0.35;
}

.theme-option-2 #network-field {
  opacity: 0.16;
}

.theme-option-5 #network-field {
  opacity: 0.28;
}

.theme-option-2 .site-header,
.theme-option-5 .site-header {
  border-color: rgba(8, 35, 74, 0.12);
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 18px 54px rgba(17, 37, 68, 0.12);
}

.theme-option-5 .site-header {
  border-color: rgba(255, 255, 255, 0.14);
  background: rgba(5, 11, 21, 0.72);
}

.theme-option-2 .brand,
.theme-option-2 .nav-links,
.theme-option-2 .nav-links a,
.theme-option-5 main section:not(.hero):not(.product-strip) {
  color: var(--ink);
}

.theme-option-5 .brand,
.theme-option-5 .nav-links,
.theme-option-5 .nav-links a,
.theme-option-5 .hero {
  color: #f7fbff;
}

.theme-option-5 .brand small,
.theme-option-5 .hero-lede,
.theme-option-5 .hero-metrics span {
  color: #cbd6e6;
}

.theme-option-2 .hero-metrics span {
  color: #42526b;
}

.theme-option-2 .hero-metrics strong,
.theme-option-5 .hero-metrics strong {
  color: #172033;
}

.theme-option-5 .hero .hero-metrics strong {
  color: #ffffff;
}

.theme-option-2 .nav-cta,
.theme-option-2 .button.secondary,
.theme-option-2 .hero-metrics span,
.theme-option-2 .capability-list span,
.theme-option-2 .contact-email,
.theme-option-5 main section:not(.hero):not(.product-strip) .capability-list span,
.theme-option-5 main section:not(.hero):not(.product-strip) .contact-email {
  border-color: rgba(8, 35, 74, 0.12);
  color: #10233f;
  background: rgba(255, 255, 255, 0.78);
}

.theme-option-2 .button.primary,
.theme-option-5 .button.primary {
  color: #ffffff;
  background: linear-gradient(135deg, #005bd8, #087d78);
  box-shadow: 0 14px 40px rgba(0, 91, 216, 0.28);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.22);
}

.theme-option-2 .button.secondary,
.theme-option-5 .button.secondary {
  color: #172033;
  background: #ffffff;
  border-color: rgba(8, 35, 74, 0.22);
}

.theme-option-2 .hero-lede,
.theme-option-2 .product-strip p,
.theme-option-2 .section-heading p,
.theme-option-2 .platform-copy p,
.theme-option-2 .product-detail-copy p,
.theme-option-2 .service-grid p,
.theme-option-2 .roi-grid p,
.theme-option-2 .outcome-grid p,
.theme-option-2 .contact p,
.theme-option-5 main section:not(.hero):not(.product-strip) p {
  color: var(--muted);
}

.theme-option-2 .hero-visual img,
.theme-option-5 .hero-visual img {
  border-color: rgba(8, 35, 74, 0.1);
  box-shadow: 0 28px 80px rgba(17, 37, 68, 0.18);
}

.theme-option-2 .product-strip,
.theme-option-5 .product-strip {
  border-color: rgba(8, 35, 74, 0.1);
  background: rgba(8, 35, 74, 0.08);
}

.theme-option-2 .product-strip article,
.theme-option-2 .product-detail,
.theme-option-2 .service-grid article,
.theme-option-2 .roi-grid article,
.theme-option-2 .dashboard-shell,
.theme-option-2 .contact-form,
.theme-option-5 main section:not(.hero):not(.product-strip) .product-detail,
.theme-option-5 main section:not(.hero):not(.product-strip) .service-grid article,
.theme-option-5 main section:not(.hero):not(.product-strip) .roi-grid article,
.theme-option-5 main section:not(.hero):not(.product-strip) .dashboard-shell,
.theme-option-5 main section:not(.hero):not(.product-strip) .contact-form {
  border-color: rgba(8, 35, 74, 0.1);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(246, 249, 252, 0.88)),
    #ffffff;
  box-shadow: var(--shadow);
}

.theme-option-5 .product-strip article {
  background: rgba(255, 255, 255, 0.94);
  color: var(--ink);
}

.theme-option-2 .feature-columns > div,
.theme-option-2 .detail-block,
.theme-option-5 main section:not(.hero):not(.product-strip) .feature-columns > div,
.theme-option-5 main section:not(.hero):not(.product-strip) .detail-block {
  border-color: rgba(8, 35, 74, 0.1);
  background: rgba(247, 250, 253, 0.86);
}

.theme-option-2 .feature-columns li,
.theme-option-2 .product-card li,
.theme-option-2 .service-grid li,
.theme-option-2 .gross-example span,
.theme-option-2 .gross-example strong,
.theme-option-5 main section:not(.hero):not(.product-strip) .feature-columns li,
.theme-option-5 main section:not(.hero):not(.product-strip) .service-grid li,
.theme-option-5 main section:not(.hero):not(.product-strip) .gross-example span,
.theme-option-5 main section:not(.hero):not(.product-strip) .gross-example strong {
  color: #26344a;
}

.theme-option-2 .roi-grid strong,
.theme-option-5 .roi-grid strong,
.theme-option-2 .contact-form label span,
.theme-option-5 .contact-form label span {
  color: #10233f;
}

.theme-option-2 .dashboard-grid > div,
.theme-option-5 main section:not(.hero):not(.product-strip) .dashboard-grid > div {
  border-color: rgba(8, 35, 74, 0.1);
  background: rgba(247, 250, 253, 0.9);
}

.theme-option-2 .queue-panel span,
.theme-option-5 main section:not(.hero):not(.product-strip) .queue-panel span {
  color: #26344a;
  background: rgba(8, 35, 74, 0.06);
}

.theme-option-2 .contact-form input,
.theme-option-2 .contact-form select,
.theme-option-2 .contact-form textarea,
.theme-option-5 main section:not(.hero):not(.product-strip) .contact-form input,
.theme-option-5 main section:not(.hero):not(.product-strip) .contact-form select,
.theme-option-5 main section:not(.hero):not(.product-strip) .contact-form textarea {
  border-color: rgba(8, 35, 74, 0.14);
  color: var(--ink);
  background: #ffffff;
}

.theme-option-2 footer,
.theme-option-5 footer {
  border-color: rgba(8, 35, 74, 0.12);
  color: var(--muted);
}