:root {
  --theme-light-bg: #e8f0fb;
  --theme-light-bg-alt: #e0eaf8;
  --theme-light-surface: rgba(255, 255, 255, 0.88);
  --theme-light-surface-strong: rgba(248, 251, 255, 0.92);
  --theme-light-border: rgba(22, 42, 72, 0.12);
  --theme-light-text: #13233c;
  --theme-light-text-soft: rgba(19, 35, 60, 0.74);
  --theme-light-kicker: rgba(63, 104, 194, 0.82);
  --theme-light-shadow: 0 18px 40px rgba(101, 122, 162, 0.16);
  --theme-light-shadow-strong: 0 26px 58px rgba(101, 122, 162, 0.18);
  --theme-light-accent-start: #5b8ef0;
  --theme-light-accent-end: #4676da;
  --theme-light-accent-rgb: 91, 142, 240;
}

.site-theme-slot {
  position: fixed;
  top: calc(var(--site-header-offset, 0px) + 18px);
  right: 18px;
  z-index: 10000;
  width: min(176px, calc(100vw - 32px));
}

.site-theme-slot--portrait {
  top: var(--site-theme-toggle-top, calc(var(--site-header-offset, 0px) + 252px));
  left: var(--site-theme-toggle-left, auto);
  right: auto;
}

.site-theme-slot--fallback {
  top: var(--site-theme-toggle-fallback-top, calc(var(--site-header-offset, 0px) + 18px));
  right: var(--site-theme-toggle-fallback-right, 18px);
  left: auto;
}

.site-theme-toggle {
  width: 100%;
  min-height: 56px;
  padding: 12px 14px;
  border: 0;
  border-radius: 18px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  background: linear-gradient(180deg, rgba(19, 27, 66, 0.96) 0%, rgba(8, 17, 47, 0.98) 100%);
  box-shadow: 0 18px 38px rgba(7, 17, 48, 0.26);
  cursor: pointer;
  color: rgba(255, 255, 255, 0.96);
  transition:
    transform 180ms ease,
    opacity 180ms ease,
    box-shadow 180ms ease,
    background 220ms ease,
    border-color 220ms ease;
}

.site-theme-toggle:hover,
.site-theme-toggle:focus-visible {
  opacity: 0.96;
  transform: translateY(-2px);
}

.site-theme-toggle-copy {
  display: grid;
  gap: 2px;
  min-width: 0;
  text-align: left;
}

.site-theme-toggle-label,
.site-theme-toggle-value {
  font-family: "Baskerville", "Baskerville Old Face", "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;
}

.site-theme-toggle-label {
  font-size: 0.95rem;
  line-height: 1.05;
}

.site-theme-toggle-value {
  font-size: 0.76rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(173, 194, 245, 0.8);
}

.site-theme-toggle-track {
  width: 46px;
  height: 26px;
  padding: 3px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.12);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
  transition: background 220ms ease, box-shadow 220ms ease;
}

.site-theme-toggle-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fffdfb;
  box-shadow: 0 6px 16px rgba(4, 8, 22, 0.24);
  transition: transform 220ms ease, background 220ms ease;
}

.site-theme-toggle[aria-pressed="true"] .site-theme-toggle-track {
  background: rgba(77, 129, 230, 0.28);
  box-shadow: inset 0 0 0 1px rgba(77, 129, 230, 0.22);
}

.site-theme-toggle[aria-pressed="true"] .site-theme-toggle-thumb {
  transform: translateX(20px);
  background: #4d81e6;
}

html[data-theme="light"] {
  color-scheme: light;
  --navy-950: #edf3fb;
  --navy-925: #edf3fb;
  --navy-900: #dde7f5;
  --navy-880: #dfe8f5;
  --navy-850: #d8e2f1;
  --navy-840: #e1e9f5;
  --blue-500: #3a72da;
  --blue-430: #6696f0;
  --blue-400: #5e8ef0;
  --blue-350: #8fb2ff;
  --blue-300: #9dbbff;
  --cta-blue: #4d81e6;
  --white: #13233c;
  --text-soft: rgba(19, 35, 60, 0.74);
  --card-bg: linear-gradient(180deg, rgba(242, 247, 254, 0.92) 0%, rgba(230, 239, 250, 0.94) 100%);
  --field-bg: #deebfb;
  --page-bg: linear-gradient(180deg, #edf4fe 0%, #e4eefb 52%, #dce8f8 100%);
  --progress-track: rgba(86, 109, 149, 0.18);
  --progress-fill: linear-gradient(90deg, #4d81e6 0%, #7aa4f2 100%);
  --progress-cap: rgba(77, 129, 230, 0.26);
  --shadow-soft: var(--theme-light-shadow);
  --shadow-strong: var(--theme-light-shadow-strong);
}

html[data-theme="light"] body {
  background: linear-gradient(180deg, #edf4fe 0%, #e4eefb 58%, #dce8f8 100%) !important;
  color: var(--theme-light-text) !important;
}

html[data-theme="light"] :is(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  li,
  label,
  legend,
  summary,
  dt,
  dd,
  small,
  strong,
  em,
  span,
  a,
  button
) {
  color: var(--white);
}

html[data-theme="light"] :is(
  .site-shell,
  .intake-site-shell,
  .about-site-shell,
  .contact-site-shell
) {
  background: linear-gradient(180deg, #eaf2fd 0%, #e2ecf9 42%, #d8e5f6 100%) !important;
}

html[data-theme="light"] .site-shell::before,
html[data-theme="light"] .about-site-shell::before,
html[data-theme="light"] .contact-site-shell::before {
  opacity: 0.24 !important;
}

html[data-theme="light"] :is(
  .site-header,
  .mobile-header-shell,
  .mobile-header-panel
) {
  background:
    linear-gradient(90deg, rgba(247, 250, 255, 0.96) 0%, rgba(233, 240, 250, 0.98) 100%) !important;
  box-shadow:
    inset 0 -1px 0 rgba(19, 35, 60, 0.1),
    0 18px 40px rgba(101, 122, 162, 0.12) !important;
}

html[data-theme="light"] .bar-badge {
  color: rgba(19, 35, 60, 0.96) !important;
  text-shadow: none !important;
}

html[data-theme="light"] .header-topbar {
  background: linear-gradient(90deg, rgba(251, 253, 255, 0.98) 0%, rgba(238, 244, 252, 0.98) 100%) !important;
  box-shadow: inset 0 -1px 0 rgba(19, 35, 60, 0.08) !important;
}

html[data-theme="light"] :is(
  .topbar-link,
  .topbar-social-label,
  .topbar-social-link,
  .brand-name,
  .brand-tagline,
  .nav-list > li > a,
  .nav-directory-trigger,
  .mobile-brand-name,
  .mobile-brand-tagline,
  .mobile-header-section-title,
  .mobile-header-nav a,
  .mobile-header-directory-toggle,
  .mobile-header-directory-panel a,
  .mobile-header-link,
  .mobile-header-toggle,
  .hero-phone
) {
  color: var(--white) !important;
}

html[data-theme="light"] :is(
  .topbar-link:hover,
  .topbar-link:focus-visible,
  .topbar-social-link:hover,
  .topbar-social-link:focus-visible,
  .nav-list > li > a:hover,
  .nav-list > li > a:focus-visible,
  .nav-directory-trigger:hover,
  .nav-directory-trigger:focus-visible,
  .mobile-header-nav a:hover,
  .mobile-header-nav a:focus-visible,
  .mobile-header-directory-toggle:hover,
  .mobile-header-directory-toggle:focus-visible,
  .mobile-header-directory-panel a:hover,
  .mobile-header-directory-panel a:focus-visible,
  .mobile-header-link:hover,
  .mobile-header-link:focus-visible
) {
  color: rgba(48, 89, 176, 0.96) !important;
}

html[data-theme="light"] .mobile-header-panel-inner {
  background:
    linear-gradient(180deg, rgba(250, 252, 255, 0.98) 0%, rgba(239, 245, 253, 0.99) 100%) !important;
  border: 1px solid rgba(19, 35, 60, 0.1) !important;
  box-shadow:
    0 22px 42px rgba(112, 136, 181, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
}

html[data-theme="light"] .mobile-header-section-title {
  color: rgba(63, 104, 194, 0.82) !important;
}

html[data-theme="light"] .mobile-header-link {
  color: rgba(19, 35, 60, 0.94) !important;
}

html[data-theme="light"] .mobile-header-nav a {
  background: rgba(226, 236, 249, 0.9) !important;
  color: rgba(19, 35, 60, 0.96) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.72),
    0 10px 22px rgba(137, 160, 201, 0.12) !important;
}

html[data-theme="light"] .mobile-header-directory-toggle {
  background: rgba(226, 236, 249, 0.9) !important;
  color: rgba(19, 35, 60, 0.96) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.72),
    0 10px 22px rgba(137, 160, 201, 0.12) !important;
}

html[data-theme="light"] .mobile-header-directory-panel a {
  background: rgba(226, 236, 249, 0.82) !important;
  color: rgba(19, 35, 60, 0.94) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.7),
    0 10px 20px rgba(137, 160, 201, 0.1) !important;
}

html[data-theme="light"] .mobile-header-nav a:hover,
html[data-theme="light"] .mobile-header-nav a:focus-visible,
html[data-theme="light"] .mobile-header-directory-toggle:hover,
html[data-theme="light"] .mobile-header-directory-toggle:focus-visible,
html[data-theme="light"] .mobile-header-directory-panel a:hover,
html[data-theme="light"] .mobile-header-directory-panel a:focus-visible,
html[data-theme="light"] .mobile-header-link:hover,
html[data-theme="light"] .mobile-header-link:focus-visible {
  color: rgba(33, 70, 146, 0.98) !important;
}

html[data-theme="light"] .mobile-header-nav a:hover,
html[data-theme="light"] .mobile-header-nav a:focus-visible {
  background: rgba(236, 244, 253, 0.98) !important;
}

html[data-theme="light"] .mobile-header-directory-toggle:hover,
html[data-theme="light"] .mobile-header-directory-toggle:focus-visible {
  background: rgba(236, 244, 253, 0.98) !important;
}

html[data-theme="light"] .mobile-header-directory-panel a:hover,
html[data-theme="light"] .mobile-header-directory-panel a:focus-visible {
  background: rgba(236, 244, 253, 0.96) !important;
}

html[data-theme="light"] .mobile-header-social .topbar-social-link {
  background: rgba(226, 236, 249, 0.86) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.72),
    0 10px 20px rgba(137, 160, 201, 0.12) !important;
}

html[data-theme="light"] :is(
  .hero,
  .car-hero
) {
  background-color: var(--theme-light-bg-alt) !important;
}

html[data-theme="light"] .hero {
  background:
    linear-gradient(90deg, rgba(248, 251, 255, 0.58) 0%, rgba(242, 247, 253, 0.5) 34%, rgba(239, 245, 252, 0.36) 58%, rgba(236, 242, 250, 0.56) 100%),
    url("assets/istockphoto-2242483410-612x612 1.svg") center center / cover no-repeat !important;
}

html[data-theme="light"] .hero::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(244, 248, 254, 0.28) 100%) !important;
}

html[data-theme="light"] .car-hero::before {
  background:
    linear-gradient(90deg, rgba(246, 249, 255, 0.26) 0%, rgba(239, 244, 252, 0.14) 36%, rgba(235, 241, 250, 0.08) 58%, rgba(231, 238, 248, 0.2) 100%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.02) 0%, rgba(240, 246, 252, 0.12) 100%) !important;
}

html[data-theme="light"] .car-hero-copy {
  position: relative;
  padding: 28px 32px 30px !important;
  border-radius: 30px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.64) 0%, rgba(245, 249, 255, 0.56) 100%) !important;
  box-shadow:
    0 22px 44px rgba(126, 151, 196, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
  backdrop-filter: blur(16px);
}

html[data-theme="light"] :is(
  .choose-transition,
  .practice-web-section,
  .reviews-year-section,
  .case-study-section,
  .process-summary-section,
  .team-section,
  .contact-section,
  .site-footer,
  .landing-section,
  .car-services-section,
  .car-recovery-section
) {
  background:
    radial-gradient(circle at 18% 20%, rgba(77, 129, 230, 0.1), transparent 30%),
    linear-gradient(180deg, #edf4fe 0%, #e4eefb 52%, #dae7f8 100%) !important;
}

html[data-theme="light"] .choose-transition::before,
html[data-theme="light"] .practice-web-section::before,
html[data-theme="light"] .reviews-year-section::before,
html[data-theme="light"] .case-study-section::before {
  opacity: 0.06 !important;
}

html[data-theme="light"] :is(
  .bar-badge,
  .practice-directory-panel,
  .practice-directory-link,
  .portrait-toggle,
  .portrait-info-card,
  .choose-shell,
  .choose-panel,
  .choose-panel-media,
  .practice-web-shell,
  .practice-node,
  .practice-web-detail-panel,
  .reviews-year-shell,
  .reviews-year-node,
  .reviews-year-panel,
  .reviews-year-card,
  .reviews-year-detail-panel,
  .case-study-shell,
  .case-study-node-card,
  .case-study-detail-panel,
  .process-summary-shell,
  .team-shell,
  .team-card,
  .contact-shell,
  .contact-info-panel,
  .contact-form-panel,
  .contact-method-card,
  .site-footer-shell,
  .car-hero-form,
  .car-service-card,
  .car-service-detail-panel,
  .car-info-card,
  .car-claim-stat-card,
  .car-detail-panel,
  .car-faq-card,
  .other-practice-card,
  .car-recovery-shell,
  .car-recovery-form-panel,
  .car-recovery-method-card,
  .about-portrait-card,
  .about-section-card,
  .contact-page-hero,
  .contact-page-badge,
  .contact-intake-panel,
  .case-archive-directory,
  .case-archive-year,
  .case-archive-card,
  .case-archive-cta,
  .intake-progress-shell,
  .intake-card,
  .intake-card--lead-step,
  .intake-card--standard-step,
  .intake-mobile-progress
) {
  background: var(--card-bg) !important;
  border-color: var(--theme-light-border) !important;
  box-shadow: var(--theme-light-shadow) !important;
}

html[data-theme="light"] .choose-shell {
  background: transparent !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

html[data-theme="light"] .practice-web-section {
  background:
    radial-gradient(circle at 18% 20%, rgba(77, 129, 230, 0.14), transparent 30%),
    linear-gradient(180deg, #eaf2fd 0%, #e1ebf9 52%, #d7e4f5 100%) !important;
}

html[data-theme="light"] .car-services-section {
  background: transparent !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

html[data-theme="light"] .practice-web-shell {
  background:
    linear-gradient(180deg, #e4ecf8 0%, #dfe8f6 52%, #d6e1f3 100%) !important;
}

html[data-theme="light"] .practice-web-section::before {
  opacity: 0.04 !important;
}

html[data-theme="light"] .reviews-year-section {
  background:
    radial-gradient(circle at 18% 20%, rgba(77, 129, 230, 0.12), transparent 30%),
    linear-gradient(180deg, #edf4fe 0%, #e5eefb 52%, #dde8f8 100%) !important;
}

html[data-theme="light"] .reviews-year-shell,
html[data-theme="light"] .reviews-year-panel {
  background:
    linear-gradient(180deg, rgba(228, 236, 248, 0.92) 0%, rgba(222, 232, 246, 0.92) 52%, rgba(216, 228, 244, 0.92) 100%) !important;
}

html[data-theme="light"] .reviews-year-panel {
  background: transparent !important;
  box-shadow: none !important;
}

html[data-theme="light"] :is(.about-section-card, .about-contact-card) {
  background:
    linear-gradient(180deg, rgba(241, 247, 254, 0.96) 0%, rgba(232, 241, 251, 0.96) 52%, rgba(224, 235, 248, 0.96) 100%) !important;
  box-shadow:
    0 22px 44px rgba(126, 151, 196, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.84) !important;
}

html[data-theme="light"] .about-emphasis {
  background:
    linear-gradient(180deg, rgba(var(--theme-light-accent-rgb), 0.9) 0%, rgba(70, 118, 218, 0.92) 100%) !important;
  color: rgba(255, 255, 255, 0.98) !important;
  box-shadow:
    0 20px 38px rgba(86, 120, 190, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

html[data-theme="light"] .about-divider {
  background: linear-gradient(90deg, rgba(var(--theme-light-accent-rgb), 0.24) 0%, rgba(var(--theme-light-accent-rgb), 0.08) 100%) !important;
}

html[data-theme="light"] .about-section-title {
  color: rgba(20, 37, 74, 0.96) !important;
}

html[data-theme="light"] .about-credential-label {
  color: rgba(var(--theme-light-accent-rgb), 0.86) !important;
}

html[data-theme="light"] :is(
  .about-section-intro,
  .about-prose p,
  .about-quote-card-copy,
  .about-focus-copy,
  .about-contact-copy,
  .about-footer-copy
) {
  color: rgba(30, 47, 84, 0.82) !important;
}

html[data-theme="light"] .about-secondary-action {
  background: rgba(255, 255, 255, 0.84) !important;
  border-color: rgba(var(--theme-light-accent-rgb), 0.26) !important;
  color: rgba(20, 37, 74, 0.96) !important;
  box-shadow:
    0 14px 24px rgba(118, 145, 194, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
}

html[data-theme="light"] .about-secondary-action:hover,
html[data-theme="light"] .about-secondary-action:focus-visible {
  background: rgba(245, 250, 255, 0.94) !important;
  color: rgba(20, 37, 74, 0.98) !important;
}

html[data-theme="light"] .reviews-year-node.is-active {
  background: linear-gradient(180deg, var(--theme-light-accent-start) 0%, var(--theme-light-accent-end) 100%) !important;
  box-shadow:
    0 28px 56px rgba(88, 116, 178, 0.22),
    0 0 0 4px rgba(var(--theme-light-accent-rgb), 0.78),
    0 0 22px rgba(var(--theme-light-accent-rgb), 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}

html[data-theme="light"] .practice-node.has-media::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(243, 248, 255, 0.42) 100%) !important;
}

html[data-theme="light"] .practice-web-detail-panel::before,
html[data-theme="light"] .reviews-year-image::after,
html[data-theme="light"] .team-card-media::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.01) 0%, rgba(237, 243, 251, 0.18) 100%) !important;
}

html[data-theme="light"] .team-card-media-paralegal {
  background: linear-gradient(180deg, rgba(250, 252, 255, 0.98) 0%, rgba(240, 246, 253, 0.98) 100%) !important;
}

html[data-theme="light"] .team-card-media-paralegal::before {
  background: none !important;
}

html[data-theme="light"] .team-card-avatar {
  background:
    linear-gradient(180deg, var(--theme-light-accent-start) 0%, var(--theme-light-accent-end) 100%) !important;
  box-shadow: 0 18px 38px rgba(130, 156, 204, 0.22) !important;
}

html[data-theme="light"] .reviews-year-avatar,
html[data-theme="light"] .reviews-year-detail-avatar {
  background:
    linear-gradient(180deg, var(--theme-light-accent-start) 0%, var(--theme-light-accent-end) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.26),
    0 12px 24px rgba(130, 156, 204, 0.18) !important;
}

html[data-theme="light"] .practice-node-media {
  filter: brightness(1.42) contrast(1.06) saturate(1.04) !important;
}

html[data-theme="light"] .practice-node-label {
  color: rgba(12, 20, 49, 0.98) !important;
  display: inline-block;
  width: fit-content;
  max-width: calc(100% - 16px);
  padding: 8px 12px 9px;
  border-radius: 14px;
  background: rgba(250, 252, 255, 0.62);
  box-shadow:
    0 10px 24px rgba(164, 182, 220, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.52) !important;
  backdrop-filter: blur(6px);
  text-shadow: none !important;
}

html[data-theme="light"] .case-archive-card {
  background:
    linear-gradient(180deg, rgba(236, 243, 253, 0.96) 0%, rgba(227, 237, 249, 0.98) 52%, rgba(220, 232, 247, 0.99) 100%) !important;
  box-shadow:
    0 22px 44px rgba(142, 164, 204, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.74) !important;
}

html[data-theme="light"] .case-archive-card:hover,
html[data-theme="light"] .case-archive-card:focus-visible {
  box-shadow:
    0 28px 52px rgba(132, 156, 199, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
}

html[data-theme="light"] .case-archive-card[aria-expanded="true"] {
  background:
    linear-gradient(180deg, rgba(232, 241, 253, 0.98) 0%, rgba(223, 234, 248, 0.99) 52%, rgba(216, 229, 246, 0.99) 100%) !important;
}

html[data-theme="light"] .case-archive-card-media {
  filter: brightness(1.18) contrast(1.02) saturate(1.02) !important;
}

html[data-theme="light"] .case-archive-card-body {
  background:
    linear-gradient(180deg, rgba(247, 251, 255, 0.08) 0%, rgba(233, 242, 253, 0.88) 14%, rgba(222, 234, 248, 0.98) 100%) !important;
}

html[data-theme="light"] .case-archive-card-title {
  color: rgba(16, 28, 61, 0.98) !important;
}

html[data-theme="light"] .case-archive-card-note {
  color: rgba(26, 42, 82, 0.94) !important;
}

html[data-theme="light"] .case-archive-card-dek {
  color: rgba(48, 66, 104, 0.88) !important;
}

html[data-theme="light"] .case-study-node-card {
  background: linear-gradient(180deg, rgba(238, 245, 253, 0.94) 0%, rgba(227, 237, 249, 0.96) 100%) !important;
  box-shadow:
    0 22px 44px rgba(142, 164, 204, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.78) !important;
}

html[data-theme="light"] .case-study-node-card::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(243, 248, 255, 0.42) 100%) !important;
}

html[data-theme="light"] .case-study-node:hover .case-study-node-card::before,
html[data-theme="light"] .case-study-node:focus-visible .case-study-node-card::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(240, 246, 254, 0.36) 100%) !important;
}

html[data-theme="light"] .case-study-node-media {
  filter: brightness(1.42) contrast(1.06) saturate(1.04) !important;
}

html[data-theme="light"] .case-study-node-kicker {
  color: rgba(72, 98, 160, 0.9) !important;
  display: inline-block;
  width: fit-content;
  max-width: calc(100% - 16px);
  padding: 8px 12px 9px;
  border-radius: 14px;
  background: rgba(250, 252, 255, 0.62);
  box-shadow:
    0 10px 24px rgba(164, 182, 220, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.52) !important;
  backdrop-filter: blur(6px);
  text-shadow: none !important;
}

html[data-theme="light"] .case-study-node-label {
  color: rgba(12, 18, 28, 0.98) !important;
  display: inline-block;
  width: fit-content;
  max-width: calc(100% - 16px);
  padding: 8px 12px 9px;
  border-radius: 14px;
  background: rgba(250, 252, 255, 0.62);
  box-shadow:
    0 10px 24px rgba(164, 182, 220, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.52) !important;
  backdrop-filter: blur(6px);
  text-shadow: none !important;
}

html[data-theme="light"] .case-study-node-note {
  color: rgba(26, 34, 48, 0.92) !important;
  display: inline-block;
  width: fit-content;
  max-width: calc(100% - 16px);
  padding: 8px 12px 9px;
  border-radius: 14px;
  background: rgba(250, 252, 255, 0.62);
  box-shadow:
    0 10px 24px rgba(164, 182, 220, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.52) !important;
  backdrop-filter: blur(6px);
  text-shadow: none !important;
}

html[data-theme="light"] .process-summary-shell {
  background: transparent !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

html[data-theme="light"] .reviews-year-shell,
html[data-theme="light"] .case-study-shell {
  background: transparent !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

html[data-theme="light"] .team-shell {
  background: transparent !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

html[data-theme="light"] .team-card-action {
  background: rgba(255, 255, 255, 0.96) !important;
  color: rgba(15, 26, 56, 0.96) !important;
  box-shadow:
    0 12px 24px rgba(74, 98, 150, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
}

html[data-theme="light"] .team-card-action:hover,
html[data-theme="light"] .team-card-action:focus-visible {
  background: rgba(246, 250, 255, 0.98) !important;
  color: rgba(15, 26, 56, 0.98) !important;
}

html[data-theme="light"] .team-card-action svg {
  fill: currentColor !important;
}

html[data-theme="light"] .process-summary-number {
  background: linear-gradient(180deg, var(--theme-light-accent-start) 0%, var(--theme-light-accent-end) 100%) !important;
  color: rgba(255, 255, 255, 0.98) !important;
  box-shadow:
    0 16px 30px rgba(124, 154, 214, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.34) !important;
}

html[data-theme="light"] :is(.car-process-number, .car-checklist-number) {
  background: linear-gradient(180deg, var(--theme-light-accent-start) 0%, var(--theme-light-accent-end) 100%) !important;
  color: rgba(255, 255, 255, 0.98) !important;
}

html[data-theme="light"] .header-visibility-toggle,
html[data-theme="light"] .header-visibility-toggle:hover,
html[data-theme="light"] .header-visibility-toggle:focus-visible,
html[data-theme="light"] .header-visibility-open,
html[data-theme="light"] .header-visibility-closed {
  color: rgba(255, 255, 255, 0.96) !important;
}

html[data-theme="light"] .header-visibility-toggle {
  background: linear-gradient(180deg, var(--theme-light-accent-start) 0%, var(--theme-light-accent-end) 100%) !important;
  box-shadow:
    0 16px 30px rgba(var(--theme-light-accent-rgb), 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.76) !important;
}

html[data-theme="light"] .header-visibility-toggle:hover,
html[data-theme="light"] .header-visibility-toggle:focus-visible {
  background: linear-gradient(180deg, #6798f4 0%, #4f7fe2 100%) !important;
}

html[data-theme="light"] :is(
  .portrait-toggle,
  .portrait-info-card,
  .practice-directory-link,
  .contact-method-card,
  .team-card,
  .car-service-card,
  .car-info-card,
  .car-faq-card,
  .other-practice-card,
  .about-fact-chip,
  .case-archive-badge,
  .contact-page-badge
) {
  background: rgba(255, 255, 255, 0.82) !important;
}

html[data-theme="light"] .contact-page-hero {
  background:
    linear-gradient(135deg, rgba(246, 250, 255, 0.94) 0%, rgba(231, 239, 251, 0.92) 58%, rgba(222, 232, 247, 0.92) 100%),
    url("assets/istockphoto-1778006582-612x612.jpg") center 32% / cover no-repeat !important;
  box-shadow:
    0 28px 58px rgba(126, 151, 196, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.84) !important;
}

html[data-theme="light"] .contact-page-hero::before {
  background:
    linear-gradient(90deg, rgba(250, 252, 255, 0.92) 0%, rgba(242, 247, 254, 0.7) 44%, rgba(233, 241, 251, 0.82) 100%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.18) 0%, rgba(227, 236, 249, 0.42) 100%) !important;
}

html[data-theme="light"] .contact-page-title {
  color: rgba(18, 36, 74, 0.98) !important;
  text-shadow: none !important;
}

html[data-theme="light"] .contact-page-lead {
  color: rgba(31, 48, 86, 0.86) !important;
  text-shadow: none !important;
}

html[data-theme="light"] .contact-page-badge {
  color: rgba(24, 41, 78, 0.94) !important;
  box-shadow:
    0 12px 22px rgba(126, 151, 196, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
}

html[data-theme="light"] .contact-faq-section {
  background-color: #f4f8ff !important;
  background-image:
    linear-gradient(180deg, rgba(246, 250, 255, 0.98) 0%, rgba(231, 239, 251, 0.98) 100%) !important;
  border: 1px solid rgba(22, 42, 72, 0.08) !important;
  color: rgba(22, 40, 78, 0.94) !important;
  box-shadow:
    0 28px 58px rgba(126, 151, 196, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
}

html[data-theme="light"] .contact-faq-title {
  color: rgba(18, 36, 74, 0.98) !important;
  text-shadow: none !important;
}

html[data-theme="light"] .contact-faq-copy {
  color: rgba(31, 48, 86, 0.82) !important;
  text-shadow: none !important;
}

html[data-theme="light"] .contact-faq-title-statue {
  opacity: 0.72 !important;
  mix-blend-mode: normal !important;
  filter:
    brightness(0.98)
    contrast(1.02)
    drop-shadow(0 8px 18px rgba(126, 151, 196, 0.18)) !important;
}

html[data-theme="light"] .car-faq-card {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(239, 245, 253, 0.94) 100%) !important;
  box-shadow:
    0 18px 36px rgba(126, 151, 196, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.84) !important;
}

html[data-theme="light"] .car-faq-card h3 {
  color: rgba(22, 40, 78, 0.96) !important;
  text-shadow: none !important;
}

html[data-theme="light"] .car-faq-card p {
  color: rgba(36, 54, 92, 0.8) !important;
  text-shadow: none !important;
}

html[data-theme="light"] .car-faq-arrow {
  background: rgba(228, 236, 249, 0.86) !important;
  color: rgba(36, 54, 92, 0.9) !important;
}

html[data-theme="light"] .car-faq-card[open] .car-faq-arrow {
  background: rgba(var(--theme-light-accent-rgb), 0.16) !important;
}

html[data-theme="light"] .practice-directory-panel {
  background: linear-gradient(180deg, rgba(240, 246, 254, 0.98) 0%, rgba(229, 239, 251, 0.98) 100%) !important;
  border-top: 4px solid rgba(var(--theme-light-accent-rgb), 0.82) !important;
  box-shadow:
    0 26px 48px rgba(118, 145, 194, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
}

html[data-theme="light"] .practice-directory-media {
  background:
    linear-gradient(135deg, rgba(239, 246, 254, 0.26) 0%, rgba(227, 238, 251, 0.12) 100%),
    #dfeafa !important;
}

html[data-theme="light"] .practice-directory-media::before {
  background:
    linear-gradient(90deg, rgba(243, 248, 255, 0.28) 0%, rgba(238, 245, 254, 0.16) 54%, rgba(234, 242, 252, 0.08) 100%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0%, rgba(226, 236, 249, 0.26) 100%) !important;
}

html[data-theme="light"] .practice-directory-video {
  filter: brightness(1.16) contrast(1.03) saturate(1.02) !important;
}

html[data-theme="light"] .practice-directory-title {
  display: inline-flex;
  align-items: center;
  padding: 10px 16px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72) !important;
  box-shadow:
    0 12px 24px rgba(120, 144, 189, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.84) !important;
  backdrop-filter: blur(12px);
  color: rgba(20, 37, 74, 0.96) !important;
  text-shadow: none !important;
}

html[data-theme="light"] .practice-directory-links {
  background: linear-gradient(180deg, rgba(237, 244, 253, 0.98) 0%, rgba(228, 238, 251, 0.98) 100%) !important;
}

html[data-theme="light"] .practice-directory-links li + li {
  border-top: 1px solid rgba(var(--theme-light-accent-rgb), 0.34) !important;
}

html[data-theme="light"] .practice-directory-link {
  color: rgba(20, 37, 74, 0.96) !important;
}

html[data-theme="light"] .practice-directory-link:hover,
html[data-theme="light"] .practice-directory-link:focus-visible {
  background: rgba(var(--theme-light-accent-rgb), 0.12) !important;
}

html[data-theme="light"] .practice-directory-arrow {
  color: rgba(var(--theme-light-accent-rgb), 0.96) !important;
}

html[data-theme="light"] :is(
  .car-overview-title-statue,
  .car-faq-title-statue,
  .car-services-statue,
  .car-process-statue,
  .other-practice-statue
) {
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  filter: none !important;
}

html[data-theme="light"] .car-info-card {
  background:
    linear-gradient(180deg, rgba(241, 247, 254, 0.94) 0%, rgba(232, 241, 251, 0.94) 52%, rgba(224, 235, 248, 0.94) 100%) !important;
  box-shadow:
    0 24px 44px rgba(126, 151, 196, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.84) !important;
}

html[data-theme="light"] .car-info-card::before {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.02) 0%, rgba(229, 238, 250, 0.14) 46%, rgba(218, 230, 245, 0.22) 100%),
    linear-gradient(90deg, rgba(248, 251, 255, 0.08) 0%, rgba(241, 246, 253, 0.04) 54%, rgba(234, 242, 252, 0.02) 100%) !important;
}

html[data-theme="light"] .car-info-card-image {
  filter: brightness(1.08) contrast(1.04) saturate(1.02) !important;
}

html[data-theme="light"] .car-info-card-content {
  background: rgba(255, 255, 255, 0.56) !important;
  box-shadow:
    0 20px 36px rgba(118, 145, 194, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
  backdrop-filter: blur(14px) !important;
}

html[data-theme="light"] .car-info-card h3 {
  color: rgba(20, 37, 74, 0.96) !important;
  text-shadow: none !important;
}

html[data-theme="light"] .car-info-card p {
  color: rgba(30, 47, 84, 0.86) !important;
  text-shadow: none !important;
}

html[data-theme="light"] .other-practice-card {
  background:
    linear-gradient(180deg, rgba(241, 247, 254, 0.94) 0%, rgba(232, 241, 251, 0.94) 52%, rgba(224, 235, 248, 0.94) 100%) !important;
  box-shadow:
    0 24px 44px rgba(126, 151, 196, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.84) !important;
}

html[data-theme="light"] .other-practice-card::before {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.02) 0%, rgba(229, 238, 250, 0.14) 34%, rgba(218, 230, 245, 0.24) 100%),
    linear-gradient(90deg, rgba(248, 251, 255, 0.08) 0%, rgba(241, 246, 253, 0.04) 54%, rgba(234, 242, 252, 0.02) 100%) !important;
}

html[data-theme="light"] .other-practice-card-media {
  filter: brightness(1.08) contrast(1.04) saturate(1.02) !important;
}

html[data-theme="light"] .other-practice-card-content {
  background: rgba(255, 255, 255, 0.56) !important;
  box-shadow:
    0 20px 36px rgba(118, 145, 194, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
  backdrop-filter: blur(14px) !important;
}

html[data-theme="light"] .other-practice-card:hover,
html[data-theme="light"] .other-practice-card:focus-visible {
  box-shadow:
    0 30px 54px rgba(126, 151, 196, 0.2),
    0 0 22px rgba(var(--theme-light-accent-rgb), 0.12) !important;
}

html[data-theme="light"] .other-practice-card-kicker {
  color: rgba(var(--theme-light-accent-rgb), 0.9) !important;
  font-weight: 700 !important;
  text-shadow: none !important;
}

html[data-theme="light"] .other-practice-card-title {
  color: rgba(20, 37, 74, 0.96) !important;
  text-shadow: none !important;
}

html[data-theme="light"] .other-practice-card-copy,
html[data-theme="light"] .other-practice-card-copy-tight {
  color: rgba(30, 47, 84, 0.86) !important;
  text-shadow: none !important;
}

html[data-theme="light"] .other-practice-toggle {
  background: linear-gradient(180deg, var(--theme-light-accent-start) 0%, var(--theme-light-accent-end) 100%) !important;
  color: #fffdfb !important;
  box-shadow:
    0 16px 30px rgba(var(--theme-light-accent-rgb), 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.76) !important;
}

html[data-theme="light"] .car-claim-stat-ring {
  --chart-rest: rgba(var(--theme-light-accent-rgb), 0.28) !important;
  box-shadow:
    0 24px 44px rgba(126, 151, 196, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

html[data-theme="light"] .car-claim-stat-ring::before {
  background: linear-gradient(180deg, rgba(245, 249, 255, 0.98) 0%, rgba(233, 241, 251, 0.98) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 10px 24px rgba(118, 145, 194, 0.1) !important;
}

html[data-theme="light"] .car-claim-stat-value {
  color: rgba(20, 37, 74, 0.96) !important;
  text-shadow: none !important;
}

html[data-theme="light"] .car-claim-stat-unit {
  color: rgba(var(--theme-light-accent-rgb), 0.88) !important;
  text-shadow: none !important;
}

html[data-theme="light"] .car-claim-stat-kicker {
  color: rgba(var(--theme-light-accent-rgb), 0.88) !important;
  font-weight: 700 !important;
}

html[data-theme="light"] .car-claim-stat-title {
  color: rgba(20, 37, 74, 0.96) !important;
  text-shadow: none !important;
}

html[data-theme="light"] .car-claim-stat-copy,
html[data-theme="light"] .car-claim-stat-legend li,
html[data-theme="light"] .car-claim-stats-note {
  color: rgba(30, 47, 84, 0.84) !important;
  text-shadow: none !important;
}

html[data-theme="light"] .car-claim-stat-swatch {
  box-shadow: 0 0 0 1px rgba(var(--theme-light-accent-rgb), 0.12) !important;
}

html[data-theme="light"] .car-service-card {
  background:
    linear-gradient(180deg, rgba(241, 247, 254, 0.94) 0%, rgba(232, 241, 251, 0.94) 52%, rgba(224, 235, 248, 0.94) 100%) !important;
  box-shadow:
    0 24px 44px rgba(126, 151, 196, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.84) !important;
}

html[data-theme="light"] .car-service-card::before {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.02) 0%, rgba(229, 238, 250, 0.14) 36%, rgba(218, 230, 245, 0.24) 100%),
    linear-gradient(90deg, rgba(248, 251, 255, 0.08) 0%, rgba(241, 246, 253, 0.04) 54%, rgba(234, 242, 252, 0.02) 100%) !important;
}

html[data-theme="light"] .car-service-card-image {
  filter: brightness(1.08) contrast(1.04) saturate(1.02) !important;
}

html[data-theme="light"] .car-service-card-content {
  padding: 18px 18px 20px !important;
  margin: 16px !important;
  min-height: auto !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.56) !important;
  box-shadow:
    0 20px 36px rgba(118, 145, 194, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
  backdrop-filter: blur(14px) !important;
}

html[data-theme="light"] .car-service-card:hover,
html[data-theme="light"] .car-service-card:focus-visible {
  box-shadow:
    0 30px 54px rgba(126, 151, 196, 0.2),
    0 0 22px rgba(var(--theme-light-accent-rgb), 0.12) !important;
}

html[data-theme="light"] .car-service-card-title {
  color: rgba(20, 37, 74, 0.96) !important;
  text-shadow: none !important;
}

html[data-theme="light"] .car-service-card-arrow {
  color: rgba(var(--theme-light-accent-rgb), 0.9) !important;
  text-shadow: none !important;
}

html[data-theme="light"] :is(
  .practice-web-title,
  .practice-web-text,
  .reviews-year-title,
  .reviews-year-blurb,
  .case-study-node-card > span,
  .landing-section-title,
  .landing-section-copy,
  .contact-title,
  .contact-lead,
  .about-hero-name,
  .about-hero-role,
  .about-hero-intro,
  .case-archive-title,
  .case-archive-lead,
  .intake-hero-title,
  .intake-hero-description
) {
  color: var(--white) !important;
}

html[data-theme="light"] .car-hero-title {
  color: rgba(18, 36, 74, 0.98) !important;
  text-shadow: 0 10px 22px rgba(255, 255, 255, 0.22) !important;
}

html[data-theme="light"] .car-hero-kicker {
  font-weight: 700 !important;
}

html[data-theme="light"] .car-hero-lead {
  color: rgba(24, 41, 78, 0.94) !important;
  text-shadow: 0 8px 18px rgba(255, 255, 255, 0.18) !important;
}

html[data-theme="light"] :is(
  .section-kicker,
  .landing-section-kicker,
  .car-hero-kicker,
  .car-services-kicker,
  .car-service-detail-kicker,
  .car-process-kicker,
  .car-recovery-kicker,
  .reviews-year-kicker,
  .reviews-year-panel-kicker,
  .about-portrait-kicker,
  .about-section-kicker,
  .about-hero-kicker,
  .contact-page-kicker,
  .contact-kicker,
  .contact-faq-kicker,
  .case-archive-kicker,
  .case-archive-year-kicker,
  .case-archive-card-kicker,
  .case-archive-cta-kicker,
  .intake-progress-kicker
) {
  color: var(--theme-light-kicker) !important;
  font-weight: 700 !important;
}

html[data-theme="light"] .hero .section-kicker {
  color: rgba(var(--theme-light-accent-rgb), 0.98) !important;
  font-weight: 600 !important;
  text-shadow: none !important;
  display: inline-flex !important;
  width: fit-content !important;
  padding: 8px 16px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(246, 250, 255, 0.86) 100%) !important;
  box-shadow:
    0 14px 28px rgba(126, 151, 196, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
  backdrop-filter: blur(10px) !important;
}

html[data-theme="light"] .car-hero-kicker {
  color: rgba(var(--theme-light-accent-rgb), 0.9) !important;
  text-shadow: 0 6px 14px rgba(255, 255, 255, 0.14) !important;
}

html[data-theme="light"] .car-hero-pills li {
  background: rgba(255, 255, 255, 0.78) !important;
  color: rgba(20, 37, 74, 0.94) !important;
  box-shadow:
    0 14px 26px rgba(118, 145, 194, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.84) !important;
}

html[data-theme="light"] .car-hero-form {
  background:
    linear-gradient(180deg, rgba(241, 247, 254, 0.96) 0%, rgba(232, 241, 251, 0.96) 52%, rgba(224, 235, 248, 0.96) 100%) !important;
  box-shadow:
    0 24px 46px rgba(126, 151, 196, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.84) !important;
}

html[data-theme="light"] .car-hero-form-title {
  background: linear-gradient(180deg, var(--theme-light-accent-start) 0%, var(--theme-light-accent-end) 100%) !important;
  color: #fffdfb !important;
  box-shadow:
    0 16px 30px rgba(var(--theme-light-accent-rgb), 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.76) !important;
}

html[data-theme="light"] :is(.car-hero-form-input, .car-hero-form-textarea) {
  background: rgba(255, 255, 255, 0.84) !important;
  color: rgba(31, 48, 86, 0.92) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    0 10px 24px rgba(118, 145, 194, 0.12) !important;
}

html[data-theme="light"] :is(.car-hero-form-input, .car-hero-form-textarea)::placeholder {
  color: rgba(88, 98, 118, 0.86) !important;
  -webkit-text-fill-color: rgba(88, 98, 118, 0.86) !important;
}

html[data-theme="light"] .contact-form-panel {
  background:
    radial-gradient(circle at 12% 16%, rgba(var(--theme-light-accent-rgb), 0.08), transparent 28%),
    linear-gradient(180deg, rgba(253, 254, 255, 0.98) 0%, rgba(246, 250, 255, 0.99) 100%) !important;
  box-shadow:
    0 20px 42px rgba(142, 164, 204, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.74) !important;
}

html[data-theme="light"] .car-recovery-shell {
  background:
    linear-gradient(135deg, rgba(245, 249, 255, 0.56) 0%, rgba(235, 243, 252, 0.4) 52%, rgba(228, 238, 250, 0.52) 100%),
    url("assets/istockphoto-2242483410-612x612 1.svg") center / cover no-repeat !important;
}

html[data-theme="light"] .car-recovery-shell::before {
  background:
    radial-gradient(circle at 18% 20%, rgba(var(--theme-light-accent-rgb), 0.14) 0%, rgba(var(--theme-light-accent-rgb), 0) 30%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(236, 243, 251, 0.22) 100%) !important;
}

html[data-theme="light"] .car-recovery-info,
html[data-theme="light"] .car-recovery-form-panel {
  background:
    linear-gradient(180deg, rgba(241, 247, 254, 0.94) 0%, rgba(232, 241, 251, 0.96) 100%) !important;
  box-shadow:
    0 20px 42px rgba(142, 164, 204, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.74) !important;
}

html[data-theme="light"] .car-recovery-kicker {
  color: rgba(var(--theme-light-accent-rgb), 0.92) !important;
  font-weight: 700 !important;
  text-shadow: none !important;
}

html[data-theme="light"] .car-recovery-title {
  color: rgba(20, 37, 74, 0.98) !important;
  text-shadow: none !important;
}

html[data-theme="light"] .car-recovery-lead,
html[data-theme="light"] .car-recovery-note,
html[data-theme="light"] .car-recovery-method-value {
  color: rgba(30, 47, 84, 0.82) !important;
  text-shadow: none !important;
}

html[data-theme="light"] .car-recovery-method-card {
  background: rgba(255, 255, 255, 0.82) !important;
  box-shadow:
    0 14px 28px rgba(118, 145, 194, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
}

html[data-theme="light"] .car-recovery-form-pill {
  background: linear-gradient(180deg, var(--theme-light-accent-start) 0%, var(--theme-light-accent-end) 100%) !important;
  color: #fffdfb !important;
  box-shadow:
    0 16px 30px rgba(var(--theme-light-accent-rgb), 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.78) !important;
}

html[data-theme="light"] .car-recovery-form-label {
  color: rgba(19, 35, 60, 0.96) !important;
}

html[data-theme="light"] :is(
  .car-recovery-form-input,
  .car-recovery-form-select,
  .car-recovery-form-textarea
) {
  background: linear-gradient(180deg, rgba(244, 249, 255, 0.96) 0%, rgba(233, 242, 252, 0.98) 100%) !important;
  color: rgba(19, 35, 60, 0.96) !important;
  box-shadow:
    0 12px 24px rgba(158, 180, 219, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.62) !important;
}

html[data-theme="light"] :is(
  .car-recovery-form-input,
  .car-recovery-form-textarea
)::placeholder {
  color: rgba(88, 98, 118, 0.86) !important;
  -webkit-text-fill-color: rgba(88, 98, 118, 0.86) !important;
}

html[data-theme="light"] .car-recovery-form-select {
  color-scheme: light !important;
}

html[data-theme="light"] .car-recovery-form-select-text.is-placeholder {
  color: rgba(223, 230, 243, 0.82) !important;
}

html[data-theme="light"] :is(
  .car-recovery-form-select-menu,
  .contact-form-select-menu,
  .intake-site-shell .intake-select-menu
) {
  background: #deebfb !important;
  border: 1px solid rgba(var(--theme-light-accent-rgb), 0.18) !important;
  box-shadow: 0 16px 34px rgba(132, 156, 199, 0.16) !important;
  backdrop-filter: blur(10px) !important;
}

html[data-theme="light"] :is(
  .car-recovery-form-select-option,
  .contact-form-select-option,
  .intake-site-shell .intake-select-option
) {
  position: relative;
  background: rgba(255, 255, 255, 0.78) !important;
  color: rgba(19, 35, 60, 0.96) !important;
  border: 1px solid rgba(var(--theme-light-accent-rgb), 0.1) !important;
  box-shadow: none !important;
  padding-right: 42px !important;
}

html[data-theme="light"] .car-recovery-form-select-option.is-placeholder {
  color: rgba(19, 35, 60, 0.6) !important;
}

html[data-theme="light"] :is(
  .car-recovery-form-select-option.is-selected,
  .contact-form-select-option.is-selected,
  .intake-site-shell .intake-select-option.is-selected
) {
  background: #4d81e6 !important;
  color: #fffdfb !important;
  border-color: transparent !important;
}

html[data-theme="light"] :is(
  .car-recovery-form-select-option.is-selected,
  .contact-form-select-option.is-selected,
  .intake-site-shell .intake-select-option.is-selected
)::after {
  content: "✓";
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
  color: #fffdfb !important;
  font-size: 0.82rem;
  line-height: 1;
}

html[data-theme="light"] :is(
  .car-recovery-form-select-option:hover,
  .car-recovery-form-select-option:focus-visible,
  .contact-form-select-option:hover,
  .contact-form-select-option:focus-visible,
  .intake-site-shell .intake-select-option:hover,
  .intake-site-shell .intake-select-option:focus-visible
) {
  background: rgba(var(--theme-light-accent-rgb), 0.14) !important;
  color: rgba(21, 42, 84, 0.98) !important;
  border-color: rgba(var(--theme-light-accent-rgb), 0.2) !important;
}

html[data-theme="light"] .car-recovery-form-select-wrap::after {
  color: var(--light-select-arrow-color, rgba(var(--theme-light-accent-rgb), 0.88)) !important;
}

html[data-theme="light"] .car-recovery-form-select-wrap.is-open::after {
  color: var(--light-select-arrow-color, rgba(var(--theme-light-accent-rgb), 0.98)) !important;
}

html[data-theme="light"] .car-recovery-form-secondary {
  background: rgba(255, 255, 255, 0.84) !important;
  color: rgba(20, 37, 74, 0.96) !important;
  box-shadow:
    0 14px 24px rgba(118, 145, 194, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
}

html[data-theme="light"] .car-recovery-form-secondary:hover,
html[data-theme="light"] .car-recovery-form-secondary:focus-visible {
  background: rgba(245, 250, 255, 0.94) !important;
  color: rgba(20, 37, 74, 0.98) !important;
}

html[data-theme="light"] .contact-shell {
  background:
    linear-gradient(135deg, rgba(251, 253, 255, 0.74) 0%, rgba(244, 249, 255, 0.56) 52%, rgba(238, 245, 253, 0.68) 100%),
    url("assets/istockphoto-2242483410-612x612 1.svg") center / cover no-repeat !important;
}

html[data-theme="light"] .contact-shell::before {
  background:
    radial-gradient(circle at 18% 20%, rgba(var(--theme-light-accent-rgb), 0.08) 0%, rgba(var(--theme-light-accent-rgb), 0) 30%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(244, 249, 255, 0.14) 100%) !important;
}

html[data-theme="light"] .contact-form-pill {
  background: linear-gradient(180deg, var(--theme-light-accent-start) 0%, var(--theme-light-accent-end) 100%) !important;
  color: #fffdfb !important;
  box-shadow:
    0 16px 30px rgba(var(--theme-light-accent-rgb), 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.78) !important;
}

html[data-theme="light"] :is(.car-recovery-method-chip, .contact-method-chip) {
  background: linear-gradient(180deg, var(--theme-light-accent-start) 0%, var(--theme-light-accent-end) 100%) !important;
  color: #fffdfb !important;
  box-shadow:
    0 14px 28px rgba(var(--theme-light-accent-rgb), 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.76) !important;
}

html[data-theme="light"] .contact-form-label {
  color: rgba(19, 35, 60, 0.96) !important;
}

html[data-theme="light"] :is(
  input:not([type="radio"]):not([type="checkbox"]):not([type="range"]),
  textarea,
  select,
  .hero-email-input,
  .contact-form-select,
  .intake-select-trigger
) {
  background: var(--field-bg) !important;
  color: var(--white) !important;
  border-color: rgba(22, 42, 72, 0.14) !important;
  box-shadow: none !important;
}

html[data-theme="light"] .intake-select-trigger {
  background: linear-gradient(180deg, var(--theme-light-accent-start) 0%, var(--theme-light-accent-end) 100%) !important;
  color: #fffdfb !important;
  border-color: transparent !important;
  box-shadow:
    0 14px 28px rgba(var(--theme-light-accent-rgb), 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    inset 0 -1px 0 rgba(28, 54, 120, 0.18) !important;
}

html[data-theme="light"] :is(
  .intake-select-value,
  .intake-select-value.is-placeholder,
  .intake-select-shell.is-open .intake-select-value
) {
  color: rgba(255, 253, 251, 0.98) !important;
}

html[data-theme="light"] :is(
  .intake-select-arrow::before,
  .intake-select-shell.is-open .intake-select-arrow::before
) {
  color: #fffdfb !important;
}

html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder,
html[data-theme="light"] .hero-email-input::placeholder,
html[data-theme="light"] .contact-form-select-text.is-placeholder {
  color: rgba(88, 98, 118, 0.86) !important;
  -webkit-text-fill-color: rgba(88, 98, 118, 0.86) !important;
}

html[data-theme="light"] .contact-form-input,
html[data-theme="light"] .contact-form-textarea,
html[data-theme="light"] .contact-form-select {
  box-shadow:
    0 12px 24px rgba(158, 180, 219, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.62) !important;
}

html[data-theme="light"] .contact-form-select {
  background: linear-gradient(180deg, #4d81e6 0%, #3a6dcf 100%) !important;
  color: #fffdfb !important;
}

html[data-theme="light"] :is(
  .contact-form-select,
  .car-recovery-form-select
) {
  background: linear-gradient(180deg, #4d81e6 0%, #3a6dcf 100%) !important;
  background-color: #4d81e6 !important;
  background-image: linear-gradient(180deg, #4d81e6 0%, #3a6dcf 100%) !important;
  color: #fffdfb !important;
  border-color: transparent !important;
  box-shadow:
    0 14px 30px rgba(27, 61, 142, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    inset 0 -1px 0 rgba(28, 54, 120, 0.18) !important;
}

html[data-theme="light"] :is(
  .contact-form-select-text,
  .contact-form-select-text.is-placeholder,
  .car-recovery-form-select-text,
  .car-recovery-form-select-text.is-placeholder
) {
  color: rgba(255, 253, 251, 0.98) !important;
  -webkit-text-fill-color: rgba(255, 253, 251, 0.98) !important;
  text-shadow: 0 1px 0 rgba(22, 42, 84, 0.12) !important;
}

html[data-theme="light"] :is(
  .contact-form-select-wrap::after,
  .contact-form-select-wrap.is-open::after,
  .car-recovery-form-select-wrap::after,
  .car-recovery-form-select-wrap.is-open::after
) {
  color: #fffdfb !important;
}

html[data-theme="light"] .intake-site-shell :is(
  .intake-select,
  .intake-select-trigger
) {
  background:
    linear-gradient(180deg, #4d81e6 0%, #3a6dcf 100%) !important;
  color: #fffdfb !important;
  border-color: transparent !important;
  box-shadow:
    0 14px 30px rgba(27, 61, 142, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    inset 0 -1px 0 rgba(28, 54, 120, 0.18) !important;
}

html[data-theme="light"] .intake-site-shell :is(
  .intake-select-value,
  .intake-select-value.is-placeholder,
  .intake-select-shell.is-open .intake-select-value
) {
  color: rgba(255, 253, 251, 0.98) !important;
  text-shadow: 0 1px 0 rgba(22, 42, 84, 0.12) !important;
}

html[data-theme="light"] .intake-site-shell :is(
  .intake-select-arrow::before,
  .intake-select-shell.is-open .intake-select-arrow::before
) {
  color: #fffdfb !important;
}

html[data-theme="light"] .intake-site-shell .intake-inline-status--info {
  background:
    linear-gradient(180deg, var(--theme-light-accent-start) 0%, var(--theme-light-accent-end) 100%) !important;
  color: #fffdfb !important;
  box-shadow:
    0 14px 28px rgba(var(--theme-light-accent-rgb), 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    inset 0 -1px 0 rgba(28, 54, 120, 0.18) !important;
}

html[data-theme="light"] .intake-site-shell .intake-choice-pill input:checked + span,
html[data-theme="light"] .intake-site-shell .intake-choice-pill--inline input:checked + span {
  color: #fffdfb !important;
}

html[data-theme="light"] .intake-site-shell :is(
  .intake-step-eyebrow,
  .intake-review-kicker,
  .intake-field-label,
  .intake-field-legend
) {
  color: rgba(44, 85, 175, 0.96) !important;
}

html[data-theme="light"] .intake-site-shell :is(
  .intake-step-title,
  .intake-step-description,
  .intake-field-helper,
  .intake-field-optional,
  .intake-review-group-title,
  .intake-review-group-copy,
  .intake-review-term,
  .intake-review-value,
  .intake-review-empty,
  .intake-complete-title,
  .intake-complete-copy,
  .intake-choice-pill span,
  .intake-check-card span
) {
  color: rgba(29, 49, 84, 0.96) !important;
}

html[data-theme="light"] .intake-site-shell :is(
  .intake-input::placeholder,
  .intake-textarea::placeholder
) {
  color: rgba(88, 98, 118, 0.88) !important;
  -webkit-text-fill-color: rgba(88, 98, 118, 0.88) !important;
}

html[data-theme="light"] .contact-form-select-text.is-placeholder,
html[data-theme="light"] .car-recovery-form-select-text.is-placeholder {
  color: rgba(223, 230, 243, 0.82) !important;
  -webkit-text-fill-color: rgba(223, 230, 243, 0.82) !important;
}

html[data-theme="light"] .intake-site-shell .intake-select-value.is-placeholder {
  color: rgba(223, 230, 243, 0.82) !important;
}

html[data-theme="light"] .intake-site-shell .intake-select-menu {
  background: #deebfb !important;
  border: 1px solid rgba(var(--theme-light-accent-rgb), 0.18) !important;
  box-shadow: 0 16px 34px rgba(132, 156, 199, 0.16) !important;
  backdrop-filter: blur(10px) !important;
}

html[data-theme="light"] .intake-site-shell .intake-select-option {
  position: relative;
  background: rgba(255, 255, 255, 0.78) !important;
  color: rgba(29, 49, 84, 0.98) !important;
  border: 1px solid rgba(var(--theme-light-accent-rgb), 0.1) !important;
  box-shadow: none !important;
  padding-right: 42px !important;
}

html[data-theme="light"] .intake-site-shell .intake-select-option.is-selected {
  background: #4d81e6 !important;
  color: #fffdfb !important;
  border-color: transparent !important;
}

html[data-theme="light"] .intake-site-shell .intake-select-option.is-selected::after {
  content: "✓";
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
  color: #fffdfb !important;
  font-size: 0.82rem;
  line-height: 1;
}

html[data-theme="light"] .intake-site-shell .intake-select-option:hover,
html[data-theme="light"] .intake-site-shell .intake-select-option:focus-visible {
  background: rgba(var(--theme-light-accent-rgb), 0.14) !important;
  color: rgba(17, 33, 64, 0.98) !important;
  border-color: rgba(var(--theme-light-accent-rgb), 0.2) !important;
}

html[data-theme="light"] .contact-form-select-option.is-placeholder {
  color: rgba(19, 35, 60, 0.6) !important;
}

html[data-theme="light"] .contact-form-select-wrap::after {
  color: var(--light-select-arrow-color, rgba(var(--theme-light-accent-rgb), 0.88)) !important;
}

html[data-theme="light"] .contact-form-select-wrap.is-open::after {
  color: var(--light-select-arrow-color, rgba(var(--theme-light-accent-rgb), 0.98)) !important;
}

html[data-theme="light"] .hero-email-form {
  --email-blue-gradient: linear-gradient(180deg, #5b8ef0 0%, #4676da 100%);
}

html[data-theme="light"] :is(
  .hero-email-outline-piece,
  .hero-email-bridge
) {
  background: var(--email-blue-gradient) !important;
  opacity: 1 !important;
}

html[data-theme="light"] :is(
  .cta-button,
  .hero-email-submit,
  .portrait-call-button,
  .practice-web-detail-cta,
  .team-card-profile-link,
  .about-primary-action,
  .about-contact-action,
  .contact-submit,
  .contact-form-submit,
  .contact-intake-link,
  .case-archive-directory-link.is-active,
  .car-hero-form-submit,
  .car-recovery-form-submit,
  .car-recovery-submit,
  .intake-button--primary,
  .intake-primary-button,
  .intake-review-submit,
  .intake-nav-button--primary,
  .site-theme-toggle
) {
  color: #fffdfb !important;
}

html[data-theme="light"] :is(
  .cta-button,
  .hero-email-submit,
  .portrait-call-button,
  .practice-web-detail-cta,
  .team-card-profile-link,
  .about-primary-action,
  .about-contact-action,
  .contact-submit,
  .contact-form-submit,
  .contact-intake-link,
  .car-hero-form-submit,
  .car-recovery-form-submit,
  .car-recovery-submit,
  .intake-button--primary,
  .intake-primary-button,
  .intake-review-submit,
  .intake-nav-button--primary
) {
  background: linear-gradient(180deg, #4d81e6 0%, #3a6dcf 100%) !important;
  box-shadow: 0 14px 30px rgba(27, 61, 142, 0.3) !important;
}

html[data-theme="light"] :is(
  .reviews-year-label
) {
  color: #fffdfb !important;
  text-shadow: 0 10px 24px rgba(0, 0, 0, 0.26) !important;
}

html[data-theme="light"] :is(
  .site-footer-links a:hover,
  .site-footer-links a:focus-visible,
  .site-footer-meta a:hover,
  .site-footer-meta a:focus-visible,
  .case-archive-directory-link:hover,
  .case-archive-directory-link:focus-visible
) {
  color: rgba(48, 89, 176, 0.96) !important;
}

html[data-theme="light"] .site-theme-toggle {
  background: linear-gradient(180deg, rgba(249, 252, 255, 0.96) 0%, rgba(236, 242, 251, 0.98) 100%);
  border: 1px solid rgba(19, 35, 60, 0.12);
  box-shadow: var(--theme-light-shadow);
}

html[data-theme="light"] .site-theme-toggle-label {
  color: #13233c !important;
}

html[data-theme="light"] .site-theme-toggle-value {
  color: rgba(63, 104, 194, 0.82) !important;
}

html[data-theme="light"] .site-theme-toggle-track {
  background: rgba(77, 129, 230, 0.14);
  box-shadow: inset 0 0 0 1px rgba(77, 129, 230, 0.18);
}

html[data-theme="light"] .site-theme-toggle-thumb {
  box-shadow: 0 6px 14px rgba(101, 122, 162, 0.24);
}

html[data-theme="light"] :is(
  .contact-form-select-trigger,
  .car-recovery-form-select-trigger
) {
  background: linear-gradient(180deg, #4d81e6 0%, #3a6dcf 100%) !important;
  color: #fffdfb !important;
  border: 0 !important;
  box-shadow: 0 14px 30px rgba(27, 61, 142, 0.3) !important;
}

html[data-theme="light"] :is(
  .contact-form-select-trigger .contact-form-select-text,
  .contact-form-select-trigger .contact-form-select-text.is-placeholder,
  .car-recovery-form-select-trigger .car-recovery-form-select-text,
  .car-recovery-form-select-trigger .car-recovery-form-select-text.is-placeholder
) {
  color: #fffdfb !important;
  -webkit-text-fill-color: #fffdfb !important;
  text-shadow: none !important;
}

html[data-theme="light"] :is(
  .contact-form-select-wrap::after,
  .contact-form-select-wrap.is-open::after,
  .car-recovery-form-select-wrap::after,
  .car-recovery-form-select-wrap.is-open::after
) {
  color: #fffdfb !important;
}

html[data-theme="light"] :is(
  .contact-form-select-menu,
  .car-recovery-form-select-menu
) {
  background: #deebfb !important;
  border: 1px solid rgba(var(--theme-light-accent-rgb), 0.18) !important;
  box-shadow: 0 16px 34px rgba(132, 156, 199, 0.16) !important;
}

html[data-theme="light"] :is(
  .contact-form-select-option,
  .car-recovery-form-select-option
) {
  background: rgba(255, 255, 255, 0.78) !important;
  color: rgba(19, 35, 60, 0.96) !important;
  border: 1px solid rgba(var(--theme-light-accent-rgb), 0.1) !important;
  box-shadow: none !important;
}

html[data-theme="light"] :is(
  .contact-form-select-option.is-selected,
  .car-recovery-form-select-option.is-selected
) {
  background: #4d81e6 !important;
  color: #fffdfb !important;
  border-color: transparent !important;
}

html[data-theme="light"] :is(
  .contact-form-select-option:hover,
  .contact-form-select-option:focus-visible,
  .car-recovery-form-select-option:hover,
  .car-recovery-form-select-option:focus-visible
) {
  background: rgba(var(--theme-light-accent-rgb), 0.14) !important;
  color: rgba(21, 42, 84, 0.98) !important;
  border-color: rgba(var(--theme-light-accent-rgb), 0.2) !important;
}

@media (max-width: 720px) {
  .site-theme-slot,
  .site-theme-slot--portrait,
  .site-theme-slot--fallback {
    top: auto;
    left: auto;
    right: 16px;
    bottom: 16px;
    width: min(196px, calc(100vw - 32px));
  }
}