/* AUTO-GENERATED from styles.css by a palette-mapping script: dark
   versions of every legacy color rule, scoped to body.ss-dark.
   Regenerate rather than hand-edit; put manual tweaks in theme-pages.css. */
body.ss-dark {
  background: radial-gradient(circle at top left, rgba(96, 165, 250, 0.14), transparent 26%),
    radial-gradient(circle at top right, rgba(56, 189, 248, 0.12), transparent 28%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.035) 0%, rgba(255, 255, 255, 0.035) 55%, rgba(255, 255, 255, 0.035) 100%);
}
body.ss-dark .page-shell::before {
  background: rgba(255, 255, 255, 0.05);
}
body.ss-dark .page-shell::after {
  background: #38bdf8;
}
body.ss-dark .site-header {
  background: rgba(255, 255, 255, 0.035);
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
}
body.ss-dark .brand-mark {
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.55);
}
body.ss-dark .brand-mark::before,
body.ss-dark .brand-mark::after {
  border: 2px solid rgba(255, 255, 255, 0.09);
}
body.ss-dark .nav-item {
  color: #eef2ff;
}
body.ss-dark .nav-item:hover,
body.ss-dark .nav-item.active {
  color: #eef2ff;
}
body.ss-dark .dropdown-panel {
  background: rgba(255, 255, 255, 0.035);
  box-shadow: 0 32px 70px rgba(0, 0, 0, 0.444);
}
body.ss-dark .mega-title {
  color: #eef2ff;
}
body.ss-dark .mega-link {
  color: #9aa5c3;
}
body.ss-dark .mega-link:hover {
  background: rgba(96, 165, 250, 0.06);
}
body.ss-dark .mega-icon {
  background: linear-gradient(135deg, rgba(56, 189, 248, 0.9), rgba(96, 165, 250, 0.9));
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.548);
}
body.ss-dark .mega-footer {
  border-top: 1px solid rgba(255, 255, 255, 0.09);
}
body.ss-dark .mega-footer-link {
  color: #eef2ff;
}
body.ss-dark .button::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0.025));
}
body.ss-dark .button-primary {
  background: linear-gradient(135deg, #3b82f6, #3b82f6);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.55);
}
body.ss-dark .button-primary:hover {
  background: linear-gradient(135deg, #3b82f6, #3b82f6);
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.55),
    0 0 0 1px rgba(255, 255, 255, 0.03);
}
body.ss-dark .button-secondary {
  border: 1px solid rgba(96, 165, 250, 0.26);
  background: rgba(255, 255, 255, 0.035);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.288);
}
body.ss-dark .button-secondary:hover {
  background: rgba(255, 255, 255, 0.035);
  border-color: rgba(96, 165, 250, 0.38);
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.496),
    0 0 0 1px rgba(255, 255, 255, 0.036);
}
body.ss-dark .menu-toggle {
  background: rgba(255, 255, 255, 0.035);
}
body.ss-dark .mobile-link,
body.ss-dark .mobile-feature-button {
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
}
body.ss-dark .mobile-feature-group-title {
  color: #9aa5c3;
}
body.ss-dark .home-hero {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035) 0%, rgba(255, 255, 255, 0.035) 100%);
}
body.ss-dark .hero-shot-wrap {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.035));
  border: 1px solid rgba(255, 255, 255, 0.09);
  box-shadow: 0 26px 60px rgba(0, 0, 0, 0.392);
}
body.ss-dark .hero-slides {
  border: 1px solid rgba(255, 255, 255, 0.09);
  box-shadow: 0 22px 50px rgba(0, 0, 0, 0.392);
  background: rgba(255, 255, 255, 0.035);
}
body.ss-dark .slide-control {
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.09);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.444);
}
body.ss-dark .eyebrow {
  color: #60a5fa;
}
body.ss-dark .stat {
  background: rgba(255, 255, 255, 0.035);
}
body.ss-dark .hero-visual,
body.ss-dark .visual-panel,
body.ss-dark .mock-panel {
  background: linear-gradient(180deg, rgba(96, 165, 250, 0.14), rgba(56, 189, 248, 0.08));
  border: 1px solid rgba(255, 255, 255, 0.09);
}
body.ss-dark .dashboard-shell,
body.ss-dark .visual-shell,
body.ss-dark .mock-shell {
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.09);
}
body.ss-dark .why-section {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035) 0%, rgba(255, 255, 255, 0.035) 56%, rgba(255, 255, 255, 0.035) 100%);
}
body.ss-dark .why-heading .eyebrow {
  color: #eef2ff;
}
body.ss-dark .tools-heading .eyebrow {
  color: #eef2ff;
}
body.ss-dark .quick-start-section {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0.035));
}
body.ss-dark .quick-start-heading .eyebrow {
  color: #eef2ff;
}
body.ss-dark .quick-start-points .point:nth-child(1) {
  background: rgba(96, 165, 250, 0.09);
}
body.ss-dark .quick-start-points .point:nth-child(2) {
  background: rgba(56, 189, 248, 0.09);
}
body.ss-dark .quick-start-points .point:nth-child(3) {
  background: rgba(59, 130, 246, 0.14);
}
body.ss-dark .quick-start-points .point:nth-child(4) {
  background: rgba(96, 165, 250, 0.12);
}
body.ss-dark .quick-launch-card {
  border: 1px solid rgba(255, 255, 255, 0.09);
  background: rgba(255, 255, 255, 0.035);
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.288);
}
body.ss-dark .quick-launch-icon {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.035));
  color: #bae6fd;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
body.ss-dark .quick-launch-card h3 {
  color: #eef2ff;
}
body.ss-dark .quick-launch-card p {
  color: #9aa5c3;
}
body.ss-dark .setup-wizard-showcase {
  border: 1px solid rgba(255, 255, 255, 0.09);
  background: rgba(255, 255, 255, 0.035);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.288);
}
body.ss-dark .setup-wizard-copy h3 {
  color: #eef2ff;
}
body.ss-dark .setup-wizard-copy p {
  color: #9aa5c3;
}
body.ss-dark .setup-wizard-showcase img {
  border: 1px solid rgba(255, 255, 255, 0.09);
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.392);
}
body.ss-dark .workflow-shot-card {
  background: rgba(255, 255, 255, 0.035);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.288);
}
body.ss-dark .showcase-heading .eyebrow {
  color: #eef2ff;
}
body.ss-dark .showcase-tab {
  border: 1px solid rgba(255, 255, 255, 0.09);
  background: rgba(255, 255, 255, 0.035);
  color: #9aa5c3;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.262);
}
body.ss-dark .showcase-tab:hover {
  border-color: rgba(59, 130, 246, 0.35);
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.34);
}
body.ss-dark .showcase-tab.active {
  background: linear-gradient(135deg, #3b82f6, #3b82f6);
  border-color: rgba(59, 130, 246, 0.45);
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.55);
}
body.ss-dark .showcase-viewer {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.035));
  border: 1px solid rgba(255, 255, 255, 0.09);
  box-shadow: 0 24px 52px rgba(0, 0, 0, 0.392);
}
body.ss-dark .workflow-shot-contain {
  background: rgba(255, 255, 255, 0.035);
}
body.ss-dark .tool-pill {
  background: rgba(255, 255, 255, 0.035);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.288);
}
body.ss-dark .tool-pill:hover {
  background: rgba(255, 255, 255, 0.035);
  border-color: rgba(96, 165, 250, 0.28);
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.444);
}
body.ss-dark .tool-pill:hover .tool-icon {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 12px 24px rgba(0, 0, 0, 0.496);
}
body.ss-dark .tool-icon {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.035));
  border: 1px solid rgba(96, 165, 250, 0.24);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
body.ss-dark .tools-link {
  color: #eef2ff;
}
body.ss-dark .feature-overview-card {
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.09);
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.288);
}
body.ss-dark .feature-overview-icon {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.035));
  border: 1px solid rgba(96, 165, 250, 0.24);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
body.ss-dark .feature-overview-card h3 {
  color: #eef2ff;
}
body.ss-dark .feature-overview-list span::first-letter {
  color: #bae6fd;
}
body.ss-dark .feature-overview-link {
  color: #bae6fd;
}
body.ss-dark .feature-overview-link:hover,
body.ss-dark .feature-overview-link:focus-visible {
  color: #bae6fd;
}
body.ss-dark .home-overview-section {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035) 0%, rgba(255, 255, 255, 0.035) 100%);
}
body.ss-dark .home-overview-heading h2 {
  color: #eef2ff;
}
body.ss-dark .home-overview-heading p {
  color: #9aa5c3;
}
body.ss-dark .sms-compliance-card {
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.09);
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.288);
}
body.ss-dark .sms-compliance-copy h3 {
  color: #eef2ff;
}
body.ss-dark .why-section::before {
  background: radial-gradient(circle at 15% 30%, rgba(96, 165, 250, 0.1), transparent 24%),
    radial-gradient(circle at 80% 20%, rgba(56, 189, 248, 0.08), transparent 26%);
}
body.ss-dark .why-card {
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.09);
  box-shadow: 0 20px 44px rgba(0, 0, 0, 0.34);
}
body.ss-dark .why-card-featured {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.035));
  border-color: rgba(96, 165, 250, 0.28);
  box-shadow: 0 28px 60px rgba(0, 0, 0, 0.444);
}
body.ss-dark .why-icon {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 16px 30px rgba(0, 0, 0, 0.392);
}
body.ss-dark .why-icon-teal {
  color: #9aa5c3;
  background: linear-gradient(135deg, rgba(56, 189, 248, 0.18), rgba(56, 189, 248, 0.44));
}
body.ss-dark .why-icon-blue {
  color: #60a5fa;
  background: linear-gradient(135deg, rgba(96, 165, 250, 0.22), rgba(255, 255, 255, 0.025));
}
body.ss-dark .why-icon-gold {
  color: #3b82f6;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.22), rgba(255, 255, 255, 0.025));
}
body.ss-dark .why-badge {
  background: rgba(96, 165, 250, 0.1);
  color: #3b82f6;
}
body.ss-dark .card,
body.ss-dark .pricing-card,
body.ss-dark .faq-card,
body.ss-dark .support-card,
body.ss-dark .comparison-item,
body.ss-dark .timeline-item {
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.34);
}
body.ss-dark .card-icon,
body.ss-dark .support-icon {
  background: linear-gradient(135deg, rgba(56, 189, 248, 0.14), rgba(96, 165, 250, 0.16));
}
body.ss-dark .logo-pill {
  color: #9aa5c3;
  background: rgba(255, 255, 255, 0.035);
}
body.ss-dark .features-overview-page .subhero-points .point {
  border: 1px solid rgba(255, 255, 255, 0.09);
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.236);
  color: #eef2ff;
}
body.ss-dark .features-overview-page .subhero-points .point:nth-child(1) {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.035));
}
body.ss-dark .features-overview-page .subhero-points .point:nth-child(2) {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.035));
}
body.ss-dark .features-overview-page .subhero-points .point:nth-child(3) {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.035));
}
body.ss-dark .features-overview-page .subhero-points .point:nth-child(4) {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.035));
}
body.ss-dark .features-overview-page .subhero-points .point::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.035));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
  color: #bae6fd;
}
body.ss-dark .features-overview-page .subhero-points .point:nth-child(1)::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.035));
  color: #60a5fa;
}
body.ss-dark .features-overview-page .subhero-points .point:nth-child(2)::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.035));
  color: #bae6fd;
}
body.ss-dark .features-overview-page .subhero-points .point:nth-child(3)::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.035));
  color: #bae6fd;
}
body.ss-dark .features-overview-page .subhero-points .point:nth-child(4)::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.035));
  color: #60a5fa;
}
body.ss-dark .features-showcase-card {
  border: 1px solid rgba(255, 255, 255, 0.09);
  background: rgba(255, 255, 255, 0.035);
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.288);
}
body.ss-dark .features-showcase-card:nth-child(4n + 1) {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.035));
}
body.ss-dark .features-showcase-card:nth-child(4n + 2) {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.035));
}
body.ss-dark .features-showcase-card:nth-child(4n + 3) {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.035));
}
body.ss-dark .features-showcase-card:nth-child(4n + 4) {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.035));
}
body.ss-dark .features-showcase-card:hover {
  border-color: rgba(59, 130, 246, 0.32);
  box-shadow: 0 24px 42px rgba(0, 0, 0, 0.444);
}
body.ss-dark .features-showcase-icon {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.035));
  color: #bae6fd;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
body.ss-dark .features-showcase-card h3 {
  color: #eef2ff;
}
body.ss-dark .features-showcase-card p {
  color: #9aa5c3;
}
body.ss-dark .features-showcase-link {
  color: #bae6fd;
}
body.ss-dark .pricing-toggle {
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.09);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.288);
}
body.ss-dark .pricing-toggle-note {
  color: #eef2ff;
}
body.ss-dark .pricing-toggle-option.active {
  background: linear-gradient(135deg, rgba(56, 189, 248, 0.16), rgba(96, 165, 250, 0.18));
}
body.ss-dark .schedule-device-desktop {
  filter: drop-shadow(0 22px 42px rgba(0, 0, 0, 0.496));
}
body.ss-dark .schedule-device-mobile {
  filter: drop-shadow(0 20px 34px rgba(0, 0, 0, 0.548));
}
body.ss-dark .mobile-app-hero-image {
  filter: drop-shadow(0 24px 42px rgba(0, 0, 0, 0.548));
}
body.ss-dark .mobile-app-bubble {
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.09);
  box-shadow: 0 16px 30px rgba(0, 0, 0, 0.392);
}
body.ss-dark .mobile-app-bubble-invoicing::before {
  background: #60a5fa;
}
body.ss-dark .mobile-app-bubble-payment::before {
  background: #38bdf8;
}
body.ss-dark .mobile-app-bubble-jobs::before {
  background: #3b82f6;
}
body.ss-dark .mobile-app-bubble-reports::before {
  background: #60a5fa;
}
body.ss-dark .mobile-app-bubble-client::before {
  background: #38bdf8;
}
body.ss-dark .mobile-app-bubble-estimates::before {
  background: #3b82f6;
}
body.ss-dark .industry-pill {
  background: rgba(255, 255, 255, 0.035);
  color: #eef2ff;
}
body.ss-dark .industry-icon {
  color: #eef2ff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
body.ss-dark .industry-icon-locksmith {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.45), rgba(255, 255, 255, 0.035));
}
body.ss-dark .industry-icon-hvac {
  background: linear-gradient(135deg, rgba(96, 165, 250, 0.45), rgba(255, 255, 255, 0.035));
}
body.ss-dark .industry-icon-plumbing {
  background: linear-gradient(135deg, rgba(56, 189, 248, 0.45), rgba(255, 255, 255, 0.035));
}
body.ss-dark .industry-icon-electrical {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0.035));
}
body.ss-dark .industry-icon-towing {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.45), rgba(255, 255, 255, 0.035));
}
body.ss-dark .industry-icon-garage {
  background: linear-gradient(135deg, rgba(96, 165, 250, 0.45), rgba(255, 255, 255, 0.035));
}
body.ss-dark .industry-icon-appliance {
  background: linear-gradient(135deg, rgba(96, 165, 250, 0.45), rgba(255, 255, 255, 0.035));
}
body.ss-dark .industry-icon-cleaning {
  background: linear-gradient(135deg, rgba(56, 189, 248, 0.42), rgba(255, 255, 255, 0.035));
}
body.ss-dark .industry-icon-junk {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.35), rgba(255, 255, 255, 0.035));
}
body.ss-dark .industry-icon-general {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.035));
}
body.ss-dark .industry-heading .eyebrow {
  color: #eef2ff;
}
body.ss-dark .pricing-card.featured {
  background: linear-gradient(180deg, rgba(56, 189, 248, 0.12), rgba(96, 165, 250, 0.08));
  border-color: rgba(56, 189, 248, 0.34);
}
body.ss-dark .pricing-card-badge {
  color: #3b82f6;
  background: rgba(255, 255, 255, 0.035);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.392);
}
body.ss-dark .price small {
  color: #eef2ff;
}
body.ss-dark .pricing-feature-list span::first-letter {
  color: #9aa5c3;
}
body.ss-dark .pricing-card-trial-note {
  color: #9aa5c3;
}
body.ss-dark .pricing-comparison-heading .eyebrow {
  color: #eef2ff;
}
body.ss-dark .comparison-block {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.035));
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.288);
}
body.ss-dark .comparison-badge {
  background: linear-gradient(135deg, rgba(96, 165, 250, 0.16), rgba(56, 189, 248, 0.16));
}
body.ss-dark .comparison-table thead th {
  background: rgba(255, 255, 255, 0.035);
}
body.ss-dark .comparison-table th,
body.ss-dark .comparison-table td {
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
}
body.ss-dark .comparison-table tbody tr:nth-child(even) td {
  background: rgba(255, 255, 255, 0.035);
}
body.ss-dark .faq-item {
  background: rgba(255, 255, 255, 0.035);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.288);
}
body.ss-dark .faq-icon {
  background: rgba(96, 165, 250, 0.1);
}
body.ss-dark .faq-item.open .faq-icon {
  background: rgba(56, 189, 248, 0.14);
}
body.ss-dark .subhero .feature-points .point:nth-child(1) {
  background: rgba(96, 165, 250, 0.1);
}
body.ss-dark .subhero .feature-points .point:nth-child(2) {
  background: rgba(56, 189, 248, 0.1);
}
body.ss-dark .subhero .feature-points .point:nth-child(3) {
  background: rgba(59, 130, 246, 0.14);
}
body.ss-dark .subhero .feature-points .point:nth-child(4) {
  background: rgba(96, 165, 250, 0.12);
}
body.ss-dark .point,
body.ss-dark .comparison-item {
  background: rgba(255, 255, 255, 0.035);
}
body.ss-dark .cta-band {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035) 0%, rgba(255, 255, 255, 0.035) 100%);
}
body.ss-dark .cta-copy .eyebrow {
  color: #eef2ff;
}
body.ss-dark .schedule-story-card {
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.09);
  box-shadow: 0 20px 44px rgba(0, 0, 0, 0.288);
}
body.ss-dark .schedule-story-card-alt {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.035));
}
body.ss-dark .schedule-placeholder {
  border: 1px dashed rgba(255, 255, 255, 0.09);
  background: rgba(255, 255, 255, 0.035);
  color: #9aa5c3;
}
body.ss-dark .phone-system-hero-image-shell {
  background: rgba(255, 255, 255, 0.035);
}
body.ss-dark .phone-system-browser-shot,
body.ss-dark .phone-system-mobile-shot,
body.ss-dark .phone-system-inline-shot {
  border: 1px dashed rgba(255, 255, 255, 0.09);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.035));
  color: #9aa5c3;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
body.ss-dark .phone-system-browser-pills span,
body.ss-dark .phone-system-mobile-shot span,
body.ss-dark .phone-system-callout strong {
  background: rgba(96, 165, 250, 0.1);
  color: #3b82f6;
}
body.ss-dark .phone-system-browser-card,
body.ss-dark .phone-system-callout {
  border: 1px solid rgba(255, 255, 255, 0.09);
  background: rgba(255, 255, 255, 0.035);
}
body.ss-dark .phone-system-browser-card strong,
body.ss-dark .phone-system-mobile-shot strong,
body.ss-dark .phone-system-inline-shot strong,
body.ss-dark .phone-system-callout em {
  color: #eef2ff;
}
body.ss-dark .phone-system-browser-card small,
body.ss-dark .phone-system-mobile-shot small,
body.ss-dark .phone-system-inline-shot small,
body.ss-dark .phone-system-callout small {
  color: #9aa5c3;
}
body.ss-dark .phone-system-mobile-pad i {
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.09);
  color: #eef2ff;
}
body.ss-dark .phone-system-placeholder-note {
  color: #9aa5c3;
}
body.ss-dark .phone-system-card-image {
  border: 1px solid rgba(255, 255, 255, 0.09);
  box-shadow: 0 20px 36px rgba(0, 0, 0, 0.392);
  background: rgba(255, 255, 255, 0.035);
}
body.ss-dark .mobile-app-assignment-bubble {
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.09);
  box-shadow: 0 16px 30px rgba(0, 0, 0, 0.392);
}
body.ss-dark .time-tracking-summary-panel {
  background: linear-gradient(180deg, rgba(96, 165, 250, 0.12), rgba(56, 189, 248, 0.09));
}
body.ss-dark .time-tracking-bubble {
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.09);
  box-shadow: 0 16px 30px rgba(0, 0, 0, 0.392);
}
body.ss-dark .estimates-hero-panel {
  background: linear-gradient(180deg, rgba(96, 165, 250, 0.12), rgba(56, 189, 248, 0.09));
}
body.ss-dark .custom-reporting-hero-image {
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.392);
}
body.ss-dark .job-commission-hero-image {
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.392);
}
body.ss-dark .custom-reporting-bubble {
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.09);
  box-shadow: 0 16px 30px rgba(0, 0, 0, 0.392);
}
body.ss-dark .estimates-special-section {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.035));
  border-top: 1px solid rgba(96, 165, 250, 0.18);
  border-bottom: 1px solid rgba(56, 189, 248, 0.18);
}
body.ss-dark .workflow-flow-step {
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.09);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.236);
}
body.ss-dark .workflow-flow-arrow {
  color: #60a5fa;
}
body.ss-dark .time-tracking-steps {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.035));
}
body.ss-dark .time-tracking-step {
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.09);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.236);
}
body.ss-dark .how-it-works-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.035));
  border: 1px solid rgba(255, 255, 255, 0.09);
  box-shadow: 0 20px 44px rgba(0, 0, 0, 0.288);
}
body.ss-dark .how-it-works-step {
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.09);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.236);
}
body.ss-dark .how-it-works-number {
  background: linear-gradient(135deg, rgba(56, 189, 248, 0.16), rgba(96, 165, 250, 0.2));
  color: #3b82f6;
}
body.ss-dark .how-it-works-step h3::before {
  background: linear-gradient(135deg, rgba(56, 189, 248, 0.16), rgba(96, 165, 250, 0.2));
  color: #3b82f6;
}
body.ss-dark .how-it-works-highlight {
  background: rgba(96, 165, 250, 0.08);
}
body.ss-dark .how-it-works-arrow {
  color: #60a5fa;
}
body.ss-dark .review-funnel-flow-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.035));
  border: 1px solid rgba(255, 255, 255, 0.09);
  box-shadow: 0 20px 44px rgba(0, 0, 0, 0.288);
}
body.ss-dark .review-funnel-step {
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.09);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.236);
}
body.ss-dark .review-funnel-step h3::before {
  background: linear-gradient(135deg, rgba(56, 189, 248, 0.16), rgba(96, 165, 250, 0.2));
  color: #3b82f6;
}
body.ss-dark .review-route-positive {
  background: rgba(255, 255, 255, 0.05);
  color: #9aa5c3;
}
body.ss-dark .review-route-negative {
  background: rgba(59, 130, 246, 0.14);
  color: #3b82f6;
}
body.ss-dark .review-funnel-arrow {
  color: #60a5fa;
}
body.ss-dark .multi-company-card {
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.09);
  box-shadow: 0 20px 44px rgba(0, 0, 0, 0.288);
}
body.ss-dark .multi-company-card-alt {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.035));
}
body.ss-dark .multi-company-highlight {
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.09);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
body.ss-dark .multi-company-list li::before {
  box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.288);
}
body.ss-dark .cta-apps-label {
  color: #9aa5c3;
}
body.ss-dark .page-hero-card {
  background: rgba(255, 255, 255, 0.035);
}
body.ss-dark .about-hero {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.035));
}
body.ss-dark .about-hero-card {
  border: 1px solid rgba(255, 255, 255, 0.09);
  background: rgba(255, 255, 255, 0.035);
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.34);
}
body.ss-dark .about-hero-card-accent {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.035));
}
body.ss-dark .about-hero-label {
  background: rgba(96, 165, 250, 0.1);
  color: #3b82f6;
}
body.ss-dark .about-story-card,
body.ss-dark .about-highlight-card,
body.ss-dark .about-company-note {
  background: rgba(255, 255, 255, 0.035);
  box-shadow: 0 18px 32px rgba(0, 0, 0, 0.288);
}
body.ss-dark .about-check-list li::before {
  color: #bae6fd;
}
body.ss-dark .about-mission-band {
  border: 1px solid rgba(255, 255, 255, 0.09);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.035));
}
body.ss-dark .about-company-note p {
  color: #9aa5c3;
}
body.ss-dark .contact-form-card {
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.09);
  box-shadow: 0 20px 44px rgba(0, 0, 0, 0.288);
}
body.ss-dark .contact-field span {
  color: #9aa5c3;
}
body.ss-dark .contact-field input,
body.ss-dark .contact-field textarea,
body.ss-dark .contact-field select {
  border: 1px solid rgba(255, 255, 255, 0.09);
  background: rgba(255, 255, 255, 0.035);
}
body.ss-dark .contact-consent-row {
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(96, 165, 250, 0.22);
  color: #9aa5c3;
}
body.ss-dark .contact-consent-row a {
  color: #60a5fa;
}
body.ss-dark .contact-status.error {
  color: #eef2ff;
}
body.ss-dark .contact-status.success {
  color: #9aa5c3;
}
body.ss-dark .contact-support-phone {
  border-top: 1px solid rgba(255, 255, 255, 0.09);
}
body.ss-dark .contact-support-phone a {
  color: #eef2ff;
}
body.ss-dark .book-demo-dialog {
  border: 1px solid rgba(255, 255, 255, 0.09);
  box-shadow: 0 36px 90px rgba(0, 0, 0, 0.55);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035) 0%, rgba(255, 255, 255, 0.035) 36%),
    rgba(255, 255, 255, 0.035);
}
body.ss-dark .book-demo-close {
  border: 1px solid rgba(255, 255, 255, 0.09);
  background: rgba(255, 255, 255, 0.035);
}
body.ss-dark .book-demo-form {
  border: 1px solid rgba(255, 255, 255, 0.09);
  background: rgba(255, 255, 255, 0.035);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
body.ss-dark .book-demo-summary-card {
  border: 1px solid rgba(255, 255, 255, 0.09);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.035));
}
body.ss-dark .book-demo-summary-label {
  color: #9aa5c3;
}
body.ss-dark .book-demo-summary-card strong {
  color: #eef2ff;
}
body.ss-dark .book-demo-form .contact-field span {
  color: #9aa5c3;
}
body.ss-dark .book-demo-form .contact-field input,
body.ss-dark .book-demo-form .contact-field select {
  border: 1px solid rgba(255, 255, 255, 0.09);
  background: rgba(255, 255, 255, 0.035);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.184);
}
body.ss-dark .book-demo-form .contact-field input:focus,
body.ss-dark .book-demo-form .contact-field select:focus {
  border-color: rgba(96, 165, 250, 0.45);
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.392);
}
body.ss-dark .book-demo-confirmation-card {
  border: 1px solid rgba(255, 255, 255, 0.09);
  background: rgba(255, 255, 255, 0.035);
  box-shadow: 0 24px 54px rgba(0, 0, 0, 0.55);
}
body.ss-dark .book-demo-confirmation-close {
  border: 1px solid rgba(255, 255, 255, 0.09);
  background: rgba(255, 255, 255, 0.035);
}
body.ss-dark .search-bar {
  background: rgba(255, 255, 255, 0.035);
}
body.ss-dark .tag {
  background: rgba(59, 130, 246, 0.18);
  color: #3b82f6;
}
body.ss-dark .legal-meta {
  color: #60a5fa;
}
body.ss-dark .legal-card {
  background: rgba(255, 255, 255, 0.035);
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.288);
}
body.ss-dark .legal-card a {
  color: #3b82f6;
}
body.ss-dark .article-card {
  background: rgba(255, 255, 255, 0.035);
}
body.ss-dark .article-label {
  background: rgba(96, 165, 250, 0.12);
  color: #3b82f6;
}
body.ss-dark .knowledge-summary-card {
  background: rgba(255, 255, 255, 0.035);
}
body.ss-dark .knowledge-summary-item {
  border: 1px solid rgba(255, 255, 255, 0.09);
  background: rgba(255, 255, 255, 0.035);
}
body.ss-dark .knowledge-callout {
  border-left: 4px solid rgba(96, 165, 250, 0.45);
  background: rgba(255, 255, 255, 0.035);
}
body.ss-dark .sms-consent-requirement {
  border-color: rgba(59, 130, 246, 0.34);
}
body.ss-dark .sms-consent-example {
  background: rgba(255, 255, 255, 0.035);
}
body.ss-dark .sms-consent-example-box {
  border: 2px solid rgba(255, 255, 255, 0.09);
  background: rgba(255, 255, 255, 0.035);
}
body.ss-dark .sms-consent-optional-note {
  border-left: 3px solid rgba(59, 130, 246, 0.45);
}
body.ss-dark .trial-side {
  background: linear-gradient(180deg, #60a5fa 0%, #60a5fa 100%);
}
body.ss-dark .trial-side .eyebrow {
  background: rgba(255, 255, 255, 0.025);
}
body.ss-dark .trial-check {
  background: rgba(255, 255, 255, 0.025);
}
body.ss-dark .trial-form-wrap {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035) 0%, rgba(255, 255, 255, 0.035) 100%);
}
body.ss-dark .trial-step {
  color: #9aa5c3;
}
body.ss-dark .trial-step.active {
  background: #60a5fa;
}
body.ss-dark .trial-field span {
  color: #9aa5c3;
}
body.ss-dark .trial-field input,
body.ss-dark .trial-field select {
  border: 1px solid rgba(255, 255, 255, 0.09);
  background: rgba(255, 255, 255, 0.035);
}
body.ss-dark .trial-field textarea {
  border: 1px solid rgba(255, 255, 255, 0.09);
  background: rgba(255, 255, 255, 0.035);
}
body.ss-dark .trial-check-row {
  color: #9aa5c3;
}
body.ss-dark .trial-check-row a {
  color: #3b82f6;
}
body.ss-dark .trial-check-row a:hover,
body.ss-dark .trial-check-row a:focus-visible {
  color: #3b82f6;
}
body.ss-dark .trial-turnstile-note {
  color: #9aa5c3;
}
body.ss-dark .trial-status {
  color: #60a5fa;
}
body.ss-dark .trial-status.error {
  color: #9aa5c3;
}
body.ss-dark .trial-login a {
  color: #60a5fa;
}
@media (max-width: 980px) {
body.ss-dark .review-funnel-arrow::before {
  color: #60a5fa;
}
body.ss-dark .how-it-works-arrow::before {
  color: #60a5fa;
}
body.ss-dark .workflow-flow-arrow::before {
  color: #60a5fa;
}
}
body.ss-dark .original-hero-meta span {
  color: #9aa5c3;
}
body.ss-dark .original-hero-meta span::before {
  color: #bae6fd;
}
body.ss-dark .original-hero-shot-wrap::after {
  background: rgba(59, 130, 246, 0.24);
}