.lx-dynamic-form .wide {
  grid-column: 1 / -1;
}

.lx-dynamic-form button[disabled],
.lx-floating-action[disabled] {
  cursor: wait;
  opacity: .65;
}

.lx-checkbox-field {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 46px;
}

.lx-recaptcha-field {
  display: flex;
  align-items: center;
  min-height: 78px;
  overflow-x: auto;
}

.lx-floating-actions {
  position: fixed;
  right: 18px;
  bottom: 92px;
  z-index: 80;
  display: grid;
  gap: 10px;
}

.lx-floating-action,
.lx-sticky-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 12px;
  background: #0f766e;
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
  box-shadow: 0 18px 50px rgba(0,0,0,.26);
}

.lx-floating-action {
  min-height: 44px;
  padding: 0 14px;
}

.lx-floating-action--whatsapp {
  background: #128c7e;
}

.lx-sticky-cta {
  position: fixed;
  left: 50%;
  bottom: 18px;
  z-index: 80;
  min-height: 48px;
  padding: 0 22px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, #2563eb, #14b8a6);
}

.lx-mode-light {
  background:
    radial-gradient(circle at 16% 0%, rgba(34, 211, 238, .22), transparent 30%),
    radial-gradient(circle at 86% 10%, rgba(37, 99, 235, .12), transparent 28%),
    linear-gradient(180deg, #edf8ff 0%, #f8fbff 32%, #ffffff 66%, #f6f8fb 100%);
  color: #0b1220;
}

.lx-mode-light:before {
  opacity: .7;
}

.lx-mode-light .site-header {
  border-bottom-color: rgba(15,23,42,.1);
  background: rgba(255,255,255,.94);
}

.lx-mode-light h1,
.lx-mode-light h2,
.lx-mode-light h3,
.lx-mode-light .brand strong,
.lx-mode-light .primary-nav a {
  color: #0b1220;
}

.lx-mode-light .brand em,
.lx-mode-light .section-heading p:not(.eyebrow),
.lx-mode-light .glass-card p,
.lx-mode-light .hero-copy > p:not(.eyebrow),
.lx-mode-light .article-content p {
  color: #4b5f76;
}

.lx-mode-light .glass-card,
.lx-mode-light .lx-dynamic-form {
  border-color: rgba(15,23,42,.12);
  background: linear-gradient(145deg, rgba(255,255,255,.95), rgba(243,248,252,.88));
  color: #0b1220;
  box-shadow: 0 24px 70px rgba(15,23,42,.12);
}

.lx-mode-light .btn-ghost {
  border-color: rgba(15,23,42,.18);
  background: rgba(255,255,255,.76);
  color: #0f172a;
}

.lx-mode-light .primary-menu > .menu-item-has-children > .sub-menu {
  border-color: rgba(15,23,42,.12);
  background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(243,248,252,.96));
  box-shadow: 0 28px 80px rgba(15,23,42,.15);
}

.lx-mode-light .primary-menu .sub-menu a {
  border-color: rgba(15,23,42,.1);
  background: rgba(15,23,42,.035);
  color: #172033;
}

.lx-mode-light .primary-menu .sub-menu a:hover,
.lx-mode-light .primary-menu .sub-menu a:focus {
  border-color: rgba(3,105,161,.28);
  color: #0369a1;
  background: rgba(14,165,233,.08);
}

.lx-mode-light .glow-panel,
.lx-mode-light .cta-panel,
.lx-mode-light .stats-bar,
.lx-mode-light .dashboard {
  color: #f8fbff;
  background: linear-gradient(145deg, rgba(19,43,91,.94), rgba(9,19,43,.88));
}

.lx-mode-light .glow-panel h2,
.lx-mode-light .glow-panel h3,
.lx-mode-light .cta-panel h2,
.lx-mode-light .dashboard h2,
.lx-mode-light .dashboard h3 {
  color: #ffffff;
}

.lx-mode-light .glow-panel p,
.lx-mode-light .cta-panel p,
.lx-mode-light .stats-bar span,
.lx-mode-light .dashboard p,
.lx-mode-light .metric-row small,
.lx-mode-light .metric-row em {
  color: #cbd8ee;
}

.lx-mode-light .lead-form label,
.lx-mode-light .security-note,
.lx-mode-light .contact-details {
  color: #0f172a;
}

.lx-mode-light .lead-form input,
.lx-mode-light .lead-form textarea,
.lx-mode-light .lead-form select,
.lx-mode-light .filter-bar input,
.lx-mode-light .filter-bar select {
  border-color: rgba(15,23,42,.16);
  background: rgba(255,255,255,.9);
  color: #0f172a;
}

.lx-mode-light .site-footer {
  background: #0b1220;
  color: #f8fbff;
}

.lx-mode-light .site-footer h2,
.lx-mode-light .site-footer h3,
.lx-mode-light .site-footer .brand strong {
  color: #f8fbff;
}

.lx-mode-light .site-footer p,
.lx-mode-light .footer-grid a:not(.brand),
.lx-mode-light .site-footer .brand em {
  color: #aab6d3;
}

@media (max-width: 680px) {
  .lx-mode-light .primary-nav {
    background: rgba(255,255,255,.98);
    border-top-color: rgba(15,23,42,.1);
  }

  .lx-floating-actions {
    right: 12px;
    bottom: 78px;
  }

  .lx-sticky-cta {
    width: calc(100% - 24px);
  }
}