@import url('/assets/style2.css?v=2026.10.06.2');

/* Light presentation of the existing landing page. Content and interactions
   stay identical to the default page; only the visual surface changes. */
.light-theme {
  color: #13233d;
  background: #f7f9fc;
}

.light-theme .site-header,
.light-theme .site-header.scrolled,
.light-theme .site-header.menu-active {
  background: rgba(255, 255, 255, 0.92);
  border-bottom-color: rgba(19, 35, 61, 0.1);
  box-shadow: 0 14px 36px rgba(19, 35, 61, 0.08);
}

.light-theme .nav-links a { color: #526179; }
.light-theme .nav-links a:hover,
.light-theme .nav-links a.is-active { color: #13233d; background: #edf3fb; }
.light-theme .nav-links .nav-cta { color: #fff; background: #2563eb; }
.light-theme .nav-links .nav-cta:hover { color: #fff; background: #1d4ed8; }
.light-theme .menu-toggle { border-color: #d7e1ee; background: #fff; color: #13233d; }

.light-theme .hero {
  color: #13233d;
  background:
    radial-gradient(circle at 82% 18%, rgba(34, 211, 238, 0.2), transparent 28rem),
    radial-gradient(circle at 12% 20%, rgba(37, 99, 235, 0.12), transparent 32rem),
    linear-gradient(135deg, #ffffff 0%, #f1f6fc 58%, #e9f6fa 100%);
}

.light-theme .legacy-hero {
  background-image:
    linear-gradient(90deg, rgba(255, 255, 255, 0.72) 0%, rgba(255, 255, 255, 0.5) 48%, rgba(255, 255, 255, 0.18) 100%),
    url('/assets/devops.webp');
  background-position: center;
  background-size: cover;
}

.light-theme .hero::before {
  background:
    linear-gradient(rgba(37, 99, 235, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(37, 99, 235, 0.06) 1px, transparent 1px);
}

.light-theme .hero .eyebrow { color: #2563eb; background: #eaf3ff; border-color: #c9ddfb; }
.light-theme .hero h1 em { color: #0e7490; }
.light-theme .hero-copy { color: #0b1020; font-size: 24px; }
.light-theme .hero-detail { color: #0b1020; font-size: 21px; }
.light-theme .hero-copy,
.light-theme .hero-detail {
  width: fit-content;
  max-width: min(100%, 760px);
  padding: 14px 18px;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 12px 34px rgba(19, 35, 61, 0.1);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.light-theme .hero-detail { margin-top: 14px; }
.light-theme .button-secondary { color: #1d4ed8; background: #fff; border-color: #c7d8ee; }
.light-theme .hero-trust { color: #526179; }
.light-theme .trust-icon { color: #fff; background: #2563eb; }
.light-theme .legacy-stack span,
.light-theme .tech-cloud span,
.light-theme .secondary-list span { color: #526179; border-color: #d7e1ee; background: #fff; }
.light-theme .legacy-stack .is-accent,
.light-theme .tech-cloud .is-accent { color: #0f3b58; border-color: #9cdeec; background: #dff8fc; }

.light-theme .system-shell {
  border-color: #d7e1ee;
  background: #fff;
  box-shadow: 0 35px 90px rgba(19, 35, 61, 0.14), inset 0 1px 0 #fff;
}
.light-theme .window-bar { border-bottom-color: #e2e8f0; }
.light-theme .window-dots span { background: #cbd5e1; }
.light-theme .window-path { color: #71809a; }
.light-theme .system-grid {
  background-image:
    linear-gradient(rgba(37, 99, 235, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(37, 99, 235, 0.06) 1px, transparent 1px);
}
.light-theme .system-node { border-color: #d7e1ee; background: #fff; box-shadow: 0 14px 34px rgba(19, 35, 61, 0.1); }
.light-theme .system-node small { color: #71809a; }
.light-theme .node-status { color: #526179; }
.light-theme .system-caption { border-color: #d7e1ee; background: rgba(255, 255, 255, 0.9); box-shadow: 0 14px 36px rgba(19, 35, 61, 0.1); }
.light-theme .system-caption span { color: #71809a; }
.light-theme .system-caption strong { color: #13233d; }

.light-theme .process,
.light-theme .trust-section,
.light-theme .engagement,
.light-theme .contact {
  color: #13233d;
  background:
    radial-gradient(circle at 78% 12%, rgba(34, 211, 238, 0.12), transparent 28rem),
    linear-gradient(135deg, #f7fbff, #eef4fb 60%, #e9f8fb);
}
.light-theme .process .section-kicker,
.light-theme .trust-section .section-kicker,
.light-theme .engagement .section-kicker { color: #2563eb; background: #eaf3ff; border-color: #c9ddfb; }
.light-theme .process .section-title,
.light-theme .trust-section .section-title,
.light-theme .engagement .section-title { color: #13233d; }
.light-theme .process .section-intro,
.light-theme .trust-section .section-intro,
.light-theme .engagement .section-intro { color: #526179; }
.light-theme .step,
.light-theme .trust-row,
.light-theme .proof-card,
.light-theme .engagement-card { border-color: #d7e1ee; background: rgba(255, 255, 255, 0.8); }
.light-theme .step-index,
.light-theme .engagement-card span,
.light-theme .trust-row-num { color: #2563eb; }
.light-theme .step p,
.light-theme .trust-row p,
.light-theme .proof-card span,
.light-theme .engagement-card p { color: #526179; }
.light-theme .trust-panel { border-color: #d7e1ee; background: #eaf1f8; }

.light-theme .contact-shell { border-color: #d7e1ee; background: rgba(255, 255, 255, 0.86); box-shadow: 0 30px 80px rgba(19, 35, 61, 0.12); }
.light-theme .contact-copy { border-color: #d7e1ee; }
.light-theme .contact-copy p,
.light-theme .contact-meta div,
.light-theme .form-note,
.light-theme .form-privacy { color: #526179; }
.light-theme .contact-meta div { border-color: #d7e1ee; background: #f7f9fc; }
.light-theme .field label { color: #526179; }
.light-theme .field input,
.light-theme .field textarea,
.light-theme .field select { color: #13233d; border-color: #cbd8e8; background: #fff; }
.light-theme .field input::placeholder,
.light-theme .field textarea::placeholder { color: #94a3b8; }
.light-theme .field input:focus,
.light-theme .field textarea:focus,
.light-theme .field select:focus { border-color: #60a5fa; background: #fff; }
.light-theme .form-privacy a { color: #1d4ed8; }

.light-theme .site-footer,
.light-theme .footer { color: #526179; background: #fff; border-top: 1px solid #d7e1ee; }
.light-theme .site-footer-kicker { color: #2563eb; }
.light-theme .site-footer-cta-title,
.light-theme .site-footer-heading,
.light-theme .footer-brand strong { color: #13233d; }
.light-theme .site-footer-mail,
.light-theme .site-footer-col a,
.light-theme .footer-links a { color: #526179; }
.light-theme .site-footer-col a:hover,
.light-theme .footer-links a:hover { color: #1d4ed8; }
.light-theme .site-footer-bottom { border-top-color: #d7e1ee; color: #71809a; }
.light-theme .site-footer-legal a { color: #526179; }

.light-theme .cookie-consent { color: #13233d; background: rgba(255, 255, 255, 0.98); border-color: #cbd8e8; box-shadow: 0 20px 60px rgba(19, 35, 61, 0.18); }
.light-theme .cookie-consent-copy p { color: #526179; }
.light-theme .cookie-consent-copy a { color: #1d4ed8; }
.light-theme .cookie-consent-reject { color: #526179; }

@media (max-width: 1200px) {
  .light-theme .nav-links { background: rgba(255, 255, 255, 0.98); border-color: #d7e1ee; box-shadow: 0 26px 70px rgba(19, 35, 61, 0.16); }
}