body.theme-ops,
body[data-theme="ops"] {
  --navy-950: #0b0c11;
  --navy-900: #101116;
  --navy-850: #161820;
  --navy-800: #1f2230;
  --white: #f0f2f7;
  --surface: #0b0c11;
  --surface-2: #11131a;
  --text: #eef1f6;
  --muted: #9ea5b7;
  --line: rgba(255, 255, 255, 0.11);
  --amber: #4b8dff;
  --amber-strong: #6ea1ff;
  --shadow-soft: none;
  --shadow-hero: none;
  --shadow-amber: none;
  background: #090a0f;
  color: var(--text);
}

body.theme-ops .site-header,
body.theme-ops .site-header.is-scrolled,
body[data-theme="ops"] .site-header,
body[data-theme="ops"] .site-header.is-scrolled {
  background: #0b0c11;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: none;
  backdrop-filter: none;
}

body.theme-ops .brand,
body.theme-ops .desktop-nav,
body.theme-ops .site-header.is-scrolled .brand,
body.theme-ops .site-header.is-scrolled .desktop-nav,
body[data-theme="ops"] .brand,
body[data-theme="ops"] .desktop-nav,
body[data-theme="ops"] .site-header.is-scrolled .brand,
body[data-theme="ops"] .site-header.is-scrolled .desktop-nav {
  color: var(--text);
}

body.theme-ops .brand-mark,
body.theme-ops .footer-brand .brand-mark,
body.theme-ops .menu-toggle,
body.theme-ops .site-header.is-scrolled .menu-toggle,
body[data-theme="ops"] .brand-mark,
body[data-theme="ops"] .footer-brand .brand-mark,
body[data-theme="ops"] .menu-toggle,
body[data-theme="ops"] .site-header.is-scrolled .menu-toggle {
  background: #171920;
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: var(--white);
}

body.theme-ops .menu-toggle[aria-expanded="true"],
body[data-theme="ops"] .menu-toggle[aria-expanded="true"] {
  background: #1c1f28;
  border-color: rgba(75, 141, 255, 0.24);
}

body.theme-ops .mobile-nav,
body[data-theme="ops"] .mobile-nav {
  background: rgba(15, 16, 22, 0.98);
  border-color: rgba(255, 255, 255, 0.11);
  border-radius: 0;
  box-shadow: none;
}

body.theme-ops .mobile-nav a:not(.button),
body[data-theme="ops"] .mobile-nav a:not(.button) {
  background: rgba(255, 255, 255, 0.02);
  border-color: rgba(255, 255, 255, 0.11);
  border-radius: 0;
  color: var(--text);
}

body.theme-ops .mobile-nav a:not(.button):hover,
body[data-theme="ops"] .mobile-nav a:not(.button):hover {
  background: rgba(75, 141, 255, 0.06);
  border-color: rgba(75, 141, 255, 0.2);
  color: #dce8ff;
}

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

body.theme-ops .theme-select,
body.theme-ops .site-header.is-scrolled .theme-select,
body.theme-ops .mobile-nav .theme-select,
body[data-theme="ops"] .theme-select,
body[data-theme="ops"] .site-header.is-scrolled .theme-select,
body[data-theme="ops"] .mobile-nav .theme-select {
  border-color: rgba(255, 255, 255, 0.12);
  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,
    #13151d;
  color: var(--text);
  border-radius: 0;
  box-shadow: none;
}

body.theme-ops .theme-menu,
body[data-theme="ops"] .theme-menu {
  border-color: rgba(255, 255, 255, 0.12);
  border-radius: 0;
  background: #13151d;
  box-shadow: none;
}

body.theme-ops .theme-option,
body[data-theme="ops"] .theme-option {
  border-radius: 0;
  color: var(--text);
}

body.theme-ops .theme-option:hover,
body.theme-ops .theme-option:focus-visible,
body[data-theme="ops"] .theme-option:hover,
body[data-theme="ops"] .theme-option:focus-visible {
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.04);
}

body.theme-ops .theme-option.is-active,
body[data-theme="ops"] .theme-option.is-active {
  background: rgba(75, 141, 255, 0.14);
  color: #dce8ff;
}

body.theme-ops .hero,
body.theme-ops .section-dark,
body.theme-ops .site-footer,
body[data-theme="ops"] .hero,
body[data-theme="ops"] .section-dark,
body[data-theme="ops"] .site-footer {
  background:
    radial-gradient(circle at 62% 47%, rgba(24, 39, 66, 0.75), transparent 24rem),
    linear-gradient(180deg, #0b0c11 0%, #090a0f 100%);
}

body.theme-ops .section,
body.theme-ops .section-light,
body[data-theme="ops"] .section,
body[data-theme="ops"] .section-light {
  background: #0b0c11;
  color: var(--text);
}

body.theme-ops .hero-grid,
body[data-theme="ops"] .hero-grid {
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
}

body.theme-ops .hero-glow-amber,
body[data-theme="ops"] .hero-glow-amber {
  background: rgba(65, 114, 201, 0.16);
}

body.theme-ops .hero-glow-blue,
body[data-theme="ops"] .hero-glow-blue {
  background: rgba(19, 32, 59, 0.22);
}

body.theme-ops .hero h1,
body[data-theme="ops"] .hero h1 {
  max-width: 10.5ch;
  font-size: clamp(3.6rem, 8vw, 6.2rem);
  line-height: 0.92;
  letter-spacing: -0.065em;
}

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

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

@media (max-width: 719px) {
  body.theme-ops .hero h1,
  body[data-theme="ops"] .hero h1 {
    max-width: 100%;
    font-size: clamp(2.16rem, 7.8vw, 3.28rem);
    line-height: 0.98;
    letter-spacing: -0.034em;
  }
}

@media (max-width: 560px) {
  body.theme-ops .hero h1,
  body[data-theme="ops"] .hero h1 {
    font-size: clamp(1.92rem, 8.1vw, 2.66rem);
    line-height: 1;
    letter-spacing: -0.025em;
  }
}

@media (max-width: 430px) {
  body.theme-ops .hero h1,
  body[data-theme="ops"] .hero h1 {
    font-size: clamp(1.78rem, 7.9vw, 2.16rem);
    line-height: 1.01;
    letter-spacing: -0.021em;
  }
}

body.theme-ops .hero-copy,
body.theme-ops .section-intro p:last-child,
body.theme-ops .info-card p,
body.theme-ops .reason-card p,
body.theme-ops .timeline-step p,
body.theme-ops .contact-box span,
body.theme-ops .contact-box small,
body.theme-ops .form-note,
body.theme-ops .pricing-note,
body[data-theme="ops"] .hero-copy,
body[data-theme="ops"] .section-intro p:last-child,
body[data-theme="ops"] .info-card p,
body[data-theme="ops"] .reason-card p,
body[data-theme="ops"] .timeline-step p,
body[data-theme="ops"] .contact-box span,
body[data-theme="ops"] .contact-box small,
body[data-theme="ops"] .form-note,
body[data-theme="ops"] .pricing-note {
  color: var(--muted);
}

body.theme-ops .eyebrow,
body.theme-ops .tech-tags span,
body.theme-ops .location-tags span,
body[data-theme="ops"] .eyebrow,
body[data-theme="ops"] .tech-tags span,
body[data-theme="ops"] .location-tags span {
  background: rgba(255, 255, 255, 0.02);
  border-color: rgba(255, 255, 255, 0.12);
  color: #aeb5c6;
  border-radius: 0;
}

body.theme-ops .button-primary,
body[data-theme="ops"] .button-primary {
  background: #f2f2f6;
  color: #121319;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 0;
  box-shadow: none;
  font-family: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

body.theme-ops .button-primary:hover,
body[data-theme="ops"] .button-primary:hover {
  background: #d7d9e0;
  transform: translateY(-1px);
  box-shadow: 0 0 0 1px rgba(75, 141, 255, 0.18), 0 10px 28px rgba(13, 18, 30, 0.32);
}

body.theme-ops .button-secondary,
body.theme-ops .price-card:not(.price-card-featured) .button-secondary,
body[data-theme="ops"] .button-secondary,
body[data-theme="ops"] .price-card:not(.price-card-featured) .button-secondary {
  background: #0f1015;
  color: var(--text);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 0;
  box-shadow: none;
  font-family: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
}

body.theme-ops .info-card,
body.theme-ops .reason-card,
body.theme-ops .feature-panel,
body.theme-ops .price-card,
body.theme-ops .contact-form,
body.theme-ops .contact-box,
body.theme-ops .location-card,
body[data-theme="ops"] .info-card,
body[data-theme="ops"] .reason-card,
body[data-theme="ops"] .feature-panel,
body[data-theme="ops"] .price-card,
body[data-theme="ops"] .contact-form,
body[data-theme="ops"] .contact-box,
body[data-theme="ops"] .location-card {
  background: #12151d;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 0;
  box-shadow: none;
}

body.theme-ops .price-card,
body.theme-ops .contact-box,
body[data-theme="ops"] .price-card,
body[data-theme="ops"] .contact-box {
  transition: border-color 180ms ease, transform 180ms ease, background 180ms ease;
}

body.theme-ops .price-card:hover,
body.theme-ops .contact-box:hover,
body[data-theme="ops"] .price-card:hover,
body[data-theme="ops"] .contact-box:hover {
  border-color: rgba(75, 141, 255, 0.56);
  background: #161a24;
  transform: translateY(-2px);
  box-shadow: 0 0 0 1px rgba(75, 141, 255, 0.16), 0 14px 34px rgba(8, 10, 15, 0.34);
}

body.theme-ops .info-card:hover,
body.theme-ops .reason-card:hover,
body.theme-ops .feature-panel:hover,
body[data-theme="ops"] .info-card:hover,
body[data-theme="ops"] .reason-card:hover,
body[data-theme="ops"] .feature-panel:hover {
  transform: translateY(-2px);
  border-color: rgba(75, 141, 255, 0.22);
  background: #151823;
  box-shadow: 0 0 0 1px rgba(75, 141, 255, 0.12), 0 12px 28px rgba(8, 10, 15, 0.28);
}

body.theme-ops .price-card-featured,
body[data-theme="ops"] .price-card-featured {
  background: #141721;
}

body.theme-ops .badge,
body[data-theme="ops"] .badge {
  background: var(--amber);
  color: #0b0c11;
  border-radius: 0;
}

body.theme-ops .icon-badge,
body.theme-ops .reason-card::before,
body.theme-ops .step-icon,
body.theme-ops .contact-icon,
body.theme-ops .feature-list li::before,
body[data-theme="ops"] .icon-badge,
body[data-theme="ops"] .reason-card::before,
body[data-theme="ops"] .step-icon,
body[data-theme="ops"] .contact-icon,
body[data-theme="ops"] .feature-list li::before {
  background: #0f1016;
  border: 1px solid rgba(75, 141, 255, 0.28);
  color: var(--amber);
  border-radius: 0;
}

body.theme-ops .feature-list,
body.theme-ops .timeline::before,
body.theme-ops .footer-shell > :last-child,
body[data-theme="ops"] .feature-list,
body[data-theme="ops"] .timeline::before,
body[data-theme="ops"] .footer-shell > :last-child {
  border-color: rgba(255, 255, 255, 0.11);
}

body.theme-ops .field input,
body.theme-ops .field textarea,
body[data-theme="ops"] .field input,
body[data-theme="ops"] .field textarea {
  background: #0e1016;
  border-color: rgba(255, 255, 255, 0.11);
  border-radius: 0;
  color: var(--text);
}

body.theme-ops .field input::placeholder,
body.theme-ops .field textarea::placeholder,
body[data-theme="ops"] .field input::placeholder,
body[data-theme="ops"] .field textarea::placeholder {
  color: #858c9d;
}

body.theme-ops .field input:focus,
body.theme-ops .field textarea:focus,
body[data-theme="ops"] .field input:focus,
body[data-theme="ops"] .field textarea:focus {
  border-color: rgba(75, 141, 255, 0.42);
  box-shadow: 0 0 0 3px rgba(75, 141, 255, 0.08);
}

body.theme-ops .field label,
body.theme-ops .price-card h3,
body.theme-ops .contact-box strong,
body.theme-ops .footer-shell nav a,
body[data-theme="ops"] .field label,
body[data-theme="ops"] .price-card h3,
body[data-theme="ops"] .contact-box strong,
body[data-theme="ops"] .footer-shell nav a {
  color: #e4e8f1;
}

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

body.theme-ops .contact-box-dark,
body[data-theme="ops"] .contact-box-dark {
  background: #0f1016;
}

body.theme-ops .button-secondary:hover,
body.theme-ops .price-card:not(.price-card-featured) .button-secondary:hover,
body[data-theme="ops"] .button-secondary:hover,
body[data-theme="ops"] .price-card:not(.price-card-featured) .button-secondary:hover {
  transform: translateY(-1px);
  border-color: rgba(75, 141, 255, 0.2);
  background: #131722;
}

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

body.theme-ops .location-pattern,
body[data-theme="ops"] .location-pattern {
  background-image: radial-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px);
}

body.theme-ops .location-card::before,
body.theme-ops .location-card::after,
body[data-theme="ops"] .location-card::before,
body[data-theme="ops"] .location-card::after {
  border-color: rgba(255, 255, 255, 0.08);
}

body.theme-ops .location-pin,
body[data-theme="ops"] .location-pin {
  background: #12141b;
  color: var(--amber);
  box-shadow: 0 0 0 18px rgba(75, 141, 255, 0.06);
}

body.theme-ops .location-label,
body[data-theme="ops"] .location-label {
  background: rgba(18, 20, 27, 0.92);
  border-color: rgba(255, 255, 255, 0.08);
  border-radius: 0;
}

body.theme-ops .tech-tags span:hover,
body.theme-ops .location-tags span:hover,
body[data-theme="ops"] .tech-tags span:hover,
body[data-theme="ops"] .location-tags span:hover {
  transform: translateY(-1px);
  border-color: rgba(75, 141, 255, 0.22);
  background: rgba(75, 141, 255, 0.06);
}

body.theme-ops .location-card:hover .location-pattern,
body[data-theme="ops"] .location-card:hover .location-pattern {
  opacity: 0.36;
}

body.theme-ops .location-card:hover .location-pin,
body[data-theme="ops"] .location-card:hover .location-pin {
  box-shadow: 0 0 0 24px rgba(75, 141, 255, 0.08);
}

body.theme-ops .whatsapp-float:hover,
body[data-theme="ops"] .whatsapp-float:hover {
  transform: translateY(-3px);
  box-shadow: 0 0 0 1px rgba(75, 141, 255, 0.14), 0 14px 32px rgba(8, 10, 15, 0.3);
}

body.theme-ops .whatsapp-float,
body[data-theme="ops"] .whatsapp-float {
  background: #191b22;
  color: var(--text);
  box-shadow: none;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

body.theme-ops .toast,
body[data-theme="ops"] .toast {
  background: #13151d;
  color: #eef1f6;
  border: 1px solid rgba(75, 141, 255, 0.2);
  box-shadow: 0 0 0 1px rgba(75, 141, 255, 0.08), 0 24px 50px rgba(8, 10, 15, 0.32);
}

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

@media (max-width: 430px) {
  body.theme-ops .hero-copy,
  body[data-theme="ops"] .hero-copy {
    font-size: 0.95rem;
  }

  body.theme-ops .hero-grid,
  body[data-theme="ops"] .hero-grid {
    background-size: 34px 34px;
  }

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