body.theme-industrial,
body[data-theme="industrial"] {
  --navy-950: #f5f3ee;
  --navy-900: #f8f6f1;
  --navy-850: #f0ede6;
  --navy-800: #e8e3db;
  --white: #ffffff;
  --surface: #f7f4ee;
  --surface-2: #fbfaf7;
  --text: #17191d;
  --muted: #5b6470;
  --line: rgba(40, 58, 87, 0.17);
  --amber: #365f8f;
  --amber-strong: #2f5a87;
  --shadow-soft: none;
  --shadow-hero: none;
  --shadow-amber: none;
  background: #f7f4ee;
  color: var(--text);
}

body.theme-industrial .site-header,
body.theme-industrial .site-header.is-scrolled,
body[data-theme="industrial"] .site-header,
body[data-theme="industrial"] .site-header.is-scrolled {
  background: #f7f4ee;
  border-bottom: 1px solid rgba(40, 58, 87, 0.15);
  box-shadow: none;
  backdrop-filter: none;
}

body.theme-industrial .brand,
body.theme-industrial .desktop-nav,
body.theme-industrial .site-header.is-scrolled .brand,
body.theme-industrial .site-header.is-scrolled .desktop-nav,
body[data-theme="industrial"] .brand,
body[data-theme="industrial"] .desktop-nav,
body[data-theme="industrial"] .site-header.is-scrolled .brand,
body[data-theme="industrial"] .site-header.is-scrolled .desktop-nav {
  color: #315e90;
}

body.theme-industrial .brand-text,
body.theme-industrial .desktop-nav,
body.theme-industrial .section-kicker,
body.theme-industrial .eyebrow,
body.theme-industrial .theme-switcher-label,
body.theme-industrial .pricing-note,
body.theme-industrial .timeline-step span,
body.theme-industrial .price-copy,
body[data-theme="industrial"] .brand-text,
body[data-theme="industrial"] .desktop-nav,
body[data-theme="industrial"] .section-kicker,
body[data-theme="industrial"] .eyebrow,
body[data-theme="industrial"] .theme-switcher-label,
body[data-theme="industrial"] .pricing-note,
body[data-theme="industrial"] .timeline-step span,
body[data-theme="industrial"] .price-copy {
  font-family: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.theme-industrial .brand-mark,
body.theme-industrial .footer-brand .brand-mark,
body.theme-industrial .menu-toggle,
body.theme-industrial .site-header.is-scrolled .menu-toggle,
body[data-theme="industrial"] .brand-mark,
body[data-theme="industrial"] .footer-brand .brand-mark,
body[data-theme="industrial"] .menu-toggle,
body[data-theme="industrial"] .site-header.is-scrolled .menu-toggle {
  background: transparent;
  border: 1px solid rgba(49, 94, 144, 0.18);
  color: #315e90;
}

body.theme-industrial .menu-toggle[aria-expanded="true"],
body[data-theme="industrial"] .menu-toggle[aria-expanded="true"] {
  background: rgba(49, 94, 144, 0.06);
  border-color: rgba(49, 94, 144, 0.24);
}

body.theme-industrial .mobile-nav,
body[data-theme="industrial"] .mobile-nav {
  background: #fcfbf8;
  border-color: rgba(49, 94, 144, 0.16);
  border-radius: 0;
  box-shadow: none;
}

body.theme-industrial .mobile-nav a:not(.button),
body[data-theme="industrial"] .mobile-nav a:not(.button) {
  background: rgba(49, 94, 144, 0.03);
  border-color: rgba(49, 94, 144, 0.16);
  border-radius: 0;
  color: #315e90;
}

body.theme-industrial .mobile-nav a:not(.button):hover,
body[data-theme="industrial"] .mobile-nav a:not(.button):hover {
  background: rgba(49, 94, 144, 0.06);
  border-color: rgba(49, 94, 144, 0.24);
}

body.theme-industrial .theme-select,
body.theme-industrial .site-header.is-scrolled .theme-select,
body.theme-industrial .mobile-nav .theme-select,
body[data-theme="industrial"] .theme-select,
body[data-theme="industrial"] .site-header.is-scrolled .theme-select,
body[data-theme="industrial"] .mobile-nav .theme-select {
  border-color: rgba(49, 94, 144, 0.24);
  background:
    linear-gradient(45deg, transparent 50%, currentColor 50%) calc(100% - 18px) calc(50% - 2px) / 6px 6px no-repeat,
    linear-gradient(135deg, currentColor 50%, transparent 50%) calc(100% - 14px) calc(50% - 2px) / 6px 6px no-repeat,
    #fcfbf8;
  color: #315e90;
  border-radius: 0;
  box-shadow: none;
}

body.theme-industrial .theme-menu,
body[data-theme="industrial"] .theme-menu {
  border-color: rgba(49, 94, 144, 0.24);
  border-radius: 0;
  background: #fcfbf8;
  box-shadow: none;
}

body.theme-industrial .theme-option,
body[data-theme="industrial"] .theme-option {
  border-radius: 0;
  color: #315e90;
}

body.theme-industrial .theme-option:hover,
body.theme-industrial .theme-option:focus-visible,
body[data-theme="industrial"] .theme-option:hover,
body[data-theme="industrial"] .theme-option:focus-visible {
  border-color: rgba(49, 94, 144, 0.24);
  background: rgba(49, 94, 144, 0.05);
}

body.theme-industrial .theme-option.is-active,
body[data-theme="industrial"] .theme-option.is-active {
  background: #315e90;
  color: #fbfaf7;
}

body.theme-industrial .hero,
body[data-theme="industrial"] .hero {
  background:
    linear-gradient(rgba(40, 58, 87, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(40, 58, 87, 0.08) 1px, transparent 1px),
    #f7f4ee;
  background-size: 120px 120px, 120px 120px, auto;
  color: var(--text);
}

body.theme-industrial .hero-grid,
body.theme-industrial .hero-glow,
body[data-theme="industrial"] .hero-grid,
body[data-theme="industrial"] .hero-glow {
  display: none;
}

body.theme-industrial .hero-line,
body.theme-industrial .hero h1,
body[data-theme="industrial"] .hero-line,
body[data-theme="industrial"] .hero h1 {
  color: var(--text);
}

body.theme-industrial .hero h1,
body[data-theme="industrial"] .hero h1 {
  max-width: 13.8ch;
  font-size: clamp(3.6rem, 7vw, 5.9rem);
  line-height: 0.97;
  letter-spacing: -0.065em;
}

body.theme-industrial .hero-accent,
body[data-theme="industrial"] .hero-accent {
  color: var(--text);
}

@media (max-width: 719px) {
  body.theme-industrial .hero h1,
  body[data-theme="industrial"] .hero h1 {
    max-width: 100%;
    font-size: clamp(2.18rem, 7.9vw, 3.34rem);
    line-height: 0.98;
    letter-spacing: -0.036em;
  }
}

@media (max-width: 560px) {
  body.theme-industrial .hero h1,
  body[data-theme="industrial"] .hero h1 {
    font-size: clamp(1.94rem, 8.2vw, 2.72rem);
    line-height: 1;
    letter-spacing: -0.026em;
  }
}

@media (max-width: 430px) {
  body.theme-industrial .hero h1,
  body[data-theme="industrial"] .hero h1 {
    font-size: clamp(1.8rem, 8vw, 2.2rem);
    line-height: 1.01;
    letter-spacing: -0.022em;
  }
}

body.theme-industrial .hero-copy,
body[data-theme="industrial"] .hero-copy {
  color: var(--muted);
  max-width: 700px;
  font-size: clamp(1.12rem, 1.55vw, 1.3rem);
}

body.theme-industrial .eyebrow,
body.theme-industrial .tech-tags span,
body.theme-industrial .location-tags span,
body[data-theme="industrial"] .eyebrow,
body[data-theme="industrial"] .tech-tags span,
body[data-theme="industrial"] .location-tags span {
  border-color: rgba(49, 94, 144, 0.2);
  background: rgba(255, 255, 255, 0.54);
  color: #315e90;
  border-radius: 0;
}

body.theme-industrial .section,
body.theme-industrial .section-light,
body.theme-industrial .section-dark,
body.theme-industrial .site-footer,
body[data-theme="industrial"] .section,
body[data-theme="industrial"] .section-light,
body[data-theme="industrial"] .section-dark,
body[data-theme="industrial"] .site-footer {
  background: #f7f4ee;
  color: var(--text);
}

body.theme-industrial .section-dark .section-intro p:last-child,
body[data-theme="industrial"] .section-dark .section-intro p:last-child {
  color: var(--muted);
}

body.theme-industrial .info-card,
body.theme-industrial .reason-card,
body.theme-industrial .feature-panel,
body.theme-industrial .price-card,
body.theme-industrial .contact-form,
body.theme-industrial .contact-box,
body.theme-industrial .location-card,
body[data-theme="industrial"] .info-card,
body[data-theme="industrial"] .reason-card,
body[data-theme="industrial"] .feature-panel,
body[data-theme="industrial"] .price-card,
body[data-theme="industrial"] .contact-form,
body[data-theme="industrial"] .contact-box,
body[data-theme="industrial"] .location-card {
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(40, 58, 87, 0.17);
  border-radius: 0;
  box-shadow: none;
}

body.theme-industrial .section-intro p:last-child,
body.theme-industrial .info-card p,
body.theme-industrial .reason-card p,
body.theme-industrial .price-card p,
body.theme-industrial .price-card li,
body.theme-industrial .timeline-step p,
body.theme-industrial .contact-box span,
body.theme-industrial .contact-box small,
body.theme-industrial .form-note,
body.theme-industrial .pricing-note,
body.theme-industrial .field input::placeholder,
body.theme-industrial .field textarea::placeholder,
body[data-theme="industrial"] .section-intro p:last-child,
body[data-theme="industrial"] .info-card p,
body[data-theme="industrial"] .reason-card p,
body[data-theme="industrial"] .price-card p,
body[data-theme="industrial"] .price-card li,
body[data-theme="industrial"] .timeline-step p,
body[data-theme="industrial"] .contact-box span,
body[data-theme="industrial"] .contact-box small,
body[data-theme="industrial"] .form-note,
body[data-theme="industrial"] .pricing-note,
body[data-theme="industrial"] .field input::placeholder,
body[data-theme="industrial"] .field textarea::placeholder {
  color: var(--muted);
}

body.theme-industrial .feature-list,
body.theme-industrial .timeline::before,
body.theme-industrial .footer-shell > :last-child,
body[data-theme="industrial"] .feature-list,
body[data-theme="industrial"] .timeline::before,
body[data-theme="industrial"] .footer-shell > :last-child {
  border-color: rgba(40, 58, 87, 0.16);
}

body.theme-industrial .icon-badge,
body.theme-industrial .reason-card::before,
body.theme-industrial .step-icon,
body.theme-industrial .contact-icon,
body.theme-industrial .feature-list li::before,
body[data-theme="industrial"] .icon-badge,
body[data-theme="industrial"] .reason-card::before,
body[data-theme="industrial"] .step-icon,
body[data-theme="industrial"] .contact-icon,
body[data-theme="industrial"] .feature-list li::before {
  background: #fdfcf9;
  border: 1px solid rgba(49, 94, 144, 0.18);
  color: #315e90;
  border-radius: 0;
}

body.theme-industrial .button-primary,
body.theme-industrial .button-secondary,
body.theme-industrial .price-card:not(.price-card-featured) .button-secondary,
body[data-theme="industrial"] .button-primary,
body[data-theme="industrial"] .button-secondary,
body[data-theme="industrial"] .price-card:not(.price-card-featured) .button-secondary {
  background: #315e90;
  color: #fbfaf7;
  border: 1px solid #315e90;
  border-radius: 0;
  box-shadow: none;
  font-family: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

body.theme-industrial .button-secondary,
body[data-theme="industrial"] .button-secondary {
  background: transparent;
  color: #315e90;
}

body.theme-industrial .button-primary:hover,
body[data-theme="industrial"] .button-primary:hover {
  transform: translateY(-1px);
  box-shadow: none;
  filter: brightness(1.04);
}

body.theme-industrial .button-secondary:hover,
body[data-theme="industrial"] .button-secondary:hover {
  transform: translateY(-1px);
  background: rgba(49, 94, 144, 0.05);
  border-color: rgba(49, 94, 144, 0.26);
}

body.theme-industrial .badge,
body[data-theme="industrial"] .badge {
  background: #315e90;
  color: #fbfaf7;
  border-radius: 0;
}

body.theme-industrial .price-card-featured,
body[data-theme="industrial"] .price-card-featured {
  background: #fcfbf8;
  color: var(--text);
}

body.theme-industrial .info-card:hover,
body.theme-industrial .reason-card:hover,
body.theme-industrial .feature-panel:hover,
body.theme-industrial .price-card:hover,
body.theme-industrial .contact-box:hover,
body[data-theme="industrial"] .info-card:hover,
body[data-theme="industrial"] .reason-card:hover,
body[data-theme="industrial"] .feature-panel:hover,
body[data-theme="industrial"] .price-card:hover,
body[data-theme="industrial"] .contact-box:hover {
  transform: translateY(-2px);
  border-color: rgba(49, 94, 144, 0.24);
  box-shadow: none;
  background: #fffdf9;
}

body.theme-industrial .price-card-featured .price-copy,
body.theme-industrial .price-card-featured li,
body[data-theme="industrial"] .price-card-featured .price-copy,
body[data-theme="industrial"] .price-card-featured li {
  color: var(--muted);
}

body.theme-industrial .contact-box-dark,
body[data-theme="industrial"] .contact-box-dark {
  background: #315e90;
}

body.theme-industrial .contact-box-dark:hover,
body[data-theme="industrial"] .contact-box-dark:hover {
  background: #2f5a87;
  border-color: #2f5a87;
  box-shadow: none;
}

body.theme-industrial .contact-box-dark strong,
body.theme-industrial .contact-box-dark span,
body.theme-industrial .contact-box-dark small,
body[data-theme="industrial"] .contact-box-dark strong,
body[data-theme="industrial"] .contact-box-dark span,
body[data-theme="industrial"] .contact-box-dark small {
  color: #fbfaf7;
}

body.theme-industrial .contact-box-dark span,
body.theme-industrial .contact-box-dark small,
body[data-theme="industrial"] .contact-box-dark span,
body[data-theme="industrial"] .contact-box-dark small {
  color: rgba(251, 250, 247, 0.9);
}

body.theme-industrial .field label,
body.theme-industrial .price-card h3,
body.theme-industrial .contact-box strong,
body[data-theme="industrial"] .field label,
body[data-theme="industrial"] .price-card h3,
body[data-theme="industrial"] .contact-box strong {
  color: #1b2027;
}

body.theme-industrial .contact-box.contact-box-dark strong,
body[data-theme="industrial"] .contact-box.contact-box-dark strong {
  color: #fbfaf7;
}

body.theme-industrial .location-pattern,
body[data-theme="industrial"] .location-pattern {
  background-image: radial-gradient(rgba(49, 94, 144, 0.18) 1px, transparent 1px);
}

body.theme-industrial .location-card::before,
body.theme-industrial .location-card::after,
body[data-theme="industrial"] .location-card::before,
body[data-theme="industrial"] .location-card::after {
  border-color: rgba(49, 94, 144, 0.12);
}

body.theme-industrial .location-pin,
body[data-theme="industrial"] .location-pin {
  background: #315e90;
  color: #fbfaf7;
  box-shadow: none;
}

body.theme-industrial .location-label,
body[data-theme="industrial"] .location-label {
  background: rgba(255, 255, 255, 0.88);
  border-color: rgba(49, 94, 144, 0.18);
  border-radius: 0;
}

body.theme-industrial .tech-tags span:hover,
body.theme-industrial .location-tags span:hover,
body[data-theme="industrial"] .tech-tags span:hover,
body[data-theme="industrial"] .location-tags span:hover {
  transform: translateY(-1px);
  border-color: rgba(49, 94, 144, 0.24);
  background: rgba(49, 94, 144, 0.05);
}

body.theme-industrial .timeline-step:hover,
body[data-theme="industrial"] .timeline-step:hover {
  transform: translateY(-1px);
}

body.theme-industrial .location-card:hover .location-pin,
body[data-theme="industrial"] .location-card:hover .location-pin {
  box-shadow: none;
  filter: brightness(1.04);
}

body.theme-industrial .whatsapp-float:hover,
body[data-theme="industrial"] .whatsapp-float:hover {
  transform: translateY(-2px);
  box-shadow: none;
}

body.theme-industrial .whatsapp-float,
body[data-theme="industrial"] .whatsapp-float {
  background: #4c4c4c;
  color: #ffffff;
  box-shadow: none;
  border-radius: 14px;
}

body.theme-industrial .toast,
body[data-theme="industrial"] .toast {
  background: #315e90;
  color: #fbfaf7;
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: none;
}

body.theme-industrial .footer-brand,
body.theme-industrial .footer-brand span:last-child,
body.theme-industrial .site-footer,
body[data-theme="industrial"] .footer-brand,
body[data-theme="industrial"] .footer-brand span:last-child,
body[data-theme="industrial"] .site-footer {
  color: var(--muted);
}

@media (max-width: 430px) {
  body.theme-industrial .hero,
  body[data-theme="industrial"] .hero {
    background-size: 84px 84px, 84px 84px, auto;
  }

  body.theme-industrial .hero-copy,
  body[data-theme="industrial"] .hero-copy {
    font-size: 0.95rem;
  }

  body.theme-industrial .theme-select,
  body.theme-industrial .mobile-nav .theme-select,
  body[data-theme="industrial"] .theme-select,
  body[data-theme="industrial"] .mobile-nav .theme-select {
    border-width: 1px;
  }
}