/* ITSelect Premium Conversion Layer
   Scope: About, Contact and Diagnostic public conversion pages.
   Purpose: premium visual depth + gentle motion, without changing forms, APIs or diagnostic logic. */
:root {
  --itcp-navy: #020617;
  --itcp-deep: #071427;
  --itcp-blue: #0b63ce;
  --itcp-cyan: #38bdf8;
  --itcp-gold: #d7a85b;
  --itcp-ink: #0f172a;
  --itcp-muted: #64748b;
  --itcp-line: rgba(148, 163, 184, 0.18);
  --itcp-glow-blue: rgba(56, 189, 248, 0.16);
  --itcp-glow-gold: rgba(215, 168, 91, 0.18);
  --itcp-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

body.it-conversion-premium {
  text-rendering: optimizeLegibility;
}

body.it-conversion-premium .nav,
body.it-conversion-premium .site-nav {
  box-shadow: 0 18px 44px rgba(2, 6, 23, 0.22);
}

body.it-conversion-premium .hero,
body.it-conversion-premium .contact-hero,
body.it-conversion-premium .dx-hero,
body.it-conversion-premium .diag-hero,
body.it-conversion-premium .audit-hero,
body.it-conversion-premium .dora-hero {
  isolation: isolate;
}

body.it-conversion-premium .hero::marker,
body.it-conversion-premium .contact-hero::marker,
body.it-conversion-premium .dx-hero::marker,
body.it-conversion-premium .diag-hero::marker {
  display: none;
}

body.it-conversion-premium .hero::before,
body.it-conversion-premium .contact-hero::before,
body.it-conversion-premium .dx-hero::before,
body.it-conversion-premium .diag-hero::before {
  pointer-events: none;
}

body.it-conversion-premium .hero,
body.it-conversion-premium .contact-hero,
body.it-conversion-premium .dx-hero,
body.it-conversion-premium .diag-hero {
  position: relative;
}

body.it-conversion-premium .hero::after,
body.it-conversion-premium .contact-hero::before,
body.it-conversion-premium .dx-hero::after,
body.it-conversion-premium .diag-hero::after {
  background-blend-mode: screen;
}

body.it-conversion-premium .hero-card,
body.it-conversion-premium .contact-form-card,
body.it-conversion-premium .contact-panel,
body.it-conversion-premium .dx-command,
body.it-conversion-premium .diag-hero-panel,
body.it-conversion-premium .audit-panel,
body.it-conversion-premium .dora-panel {
  position: relative;
  overflow: hidden;
  transform: translateZ(0);
}

body.it-conversion-premium .hero-card::before,
body.it-conversion-premium .contact-form-card::before,
body.it-conversion-premium .contact-panel::before,
body.it-conversion-premium .dx-command::before,
body.it-conversion-premium .diag-hero-panel::before,
body.it-conversion-premium .audit-panel::before,
body.it-conversion-premium .dora-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.15), transparent 26%),
    linear-gradient(135deg, rgba(56, 189, 248, 0.08), transparent 42%, rgba(215, 168, 91, 0.08));
  opacity: 0.9;
}

body.it-conversion-premium .hero-card > *,
body.it-conversion-premium .contact-form-card > *,
body.it-conversion-premium .contact-panel > *,
body.it-conversion-premium .dx-command > *,
body.it-conversion-premium .diag-hero-panel > *,
body.it-conversion-premium .audit-panel > *,
body.it-conversion-premium .dora-panel > * {
  position: relative;
  z-index: 1;
}

body.it-conversion-premium .card,
body.it-conversion-premium .step,
body.it-conversion-premium .domain,
body.it-conversion-premium .problem-list > div,
body.it-conversion-premium .contact-proof-row > *,
body.it-conversion-premium .step-grid > *,
body.it-conversion-premium .focus-list > *,
body.it-conversion-premium .dx-card,
body.it-conversion-premium .dx-band article,
body.it-conversion-premium .diag-card,
body.it-conversion-premium .roadmap-step,
body.it-conversion-premium .executive-panel,
body.it-conversion-premium .risk-grid > *,
body.it-conversion-premium .service-audit-card,
body.it-conversion-premium .audit-card,
body.it-conversion-premium .dora-card {
  transition:
    transform 0.45s var(--itcp-ease),
    box-shadow 0.45s var(--itcp-ease),
    border-color 0.45s var(--itcp-ease),
    background-color 0.45s var(--itcp-ease),
    opacity 0.6s var(--itcp-ease);
}

body.it-conversion-premium .card:hover,
body.it-conversion-premium .step:hover,
body.it-conversion-premium .domain:hover,
body.it-conversion-premium .problem-list > div:hover,
body.it-conversion-premium .step-grid > *:hover,
body.it-conversion-premium .focus-list > *:hover,
body.it-conversion-premium .dx-card:hover,
body.it-conversion-premium .diag-card:hover,
body.it-conversion-premium .roadmap-step:hover,
body.it-conversion-premium .executive-panel:hover,
body.it-conversion-premium .service-audit-card:hover,
body.it-conversion-premium .audit-card:hover,
body.it-conversion-premium .dora-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.12);
  border-color: rgba(56, 189, 248, 0.28);
}

body.it-conversion-premium .dark .card:hover,
body.it-conversion-premium .domain:hover,
body.it-conversion-premium .dx-card:hover,
body.it-conversion-premium .diag-card:hover {
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.22);
}

body.it-conversion-premium .btn,
body.it-conversion-premium .contact-btn,
body.it-conversion-premium .dx-btn,
body.it-conversion-premium .diag-btn,
body.it-conversion-premium button[type="submit"] {
  position: relative;
  overflow: hidden;
}

body.it-conversion-premium .btn::after,
body.it-conversion-premium .contact-btn::after,
body.it-conversion-premium .dx-btn::after,
body.it-conversion-premium .diag-btn::after,
body.it-conversion-premium button[type="submit"]::after {
  content: "";
  position: absolute;
  top: -120%;
  left: -42%;
  width: 32%;
  height: 320%;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.24), transparent);
  transform: rotate(18deg) translateX(-140%);
  transition: transform 0.75s var(--itcp-ease);
}

body.it-conversion-premium .btn:hover::after,
body.it-conversion-premium .contact-btn:hover::after,
body.it-conversion-premium .dx-btn:hover::after,
body.it-conversion-premium .diag-btn:hover::after,
body.it-conversion-premium button[type="submit"]:hover::after {
  transform: rotate(18deg) translateX(420%);
}

body.it-conversion-premium .proof,
body.it-conversion-premium .contact-proof-row,
body.it-conversion-premium .dx-mini-grid,
body.it-conversion-premium .diag-metrics {
  position: relative;
}

body.it-conversion-premium .proof::before,
body.it-conversion-premium .contact-proof-row::before,
body.it-conversion-premium .dx-mini-grid::before,
body.it-conversion-premium .diag-metrics::before {
  content: "";
  position: absolute;
  inset: -1px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(56, 189, 248, 0.10), transparent);
  opacity: 0.9;
}

body.it-conversion-premium .contact-form-card,
body.it-conversion-premium form.dx-quiz,
body.it-conversion-premium .diag-card:first-of-type {
  box-shadow: 0 32px 90px rgba(2, 6, 23, 0.18);
}

body.it-conversion-premium input,
body.it-conversion-premium textarea,
body.it-conversion-premium select {
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

body.it-conversion-premium input:focus,
body.it-conversion-premium textarea:focus,
body.it-conversion-premium select:focus {
  outline: none;
  border-color: rgba(56, 189, 248, 0.68) !important;
  box-shadow: 0 0 0 4px rgba(56, 189, 248, 0.13) !important;
}

body.it-conversion-premium .itcp-reveal {
  opacity: 0;
  transform: translateY(22px);
  transition: opacity 0.72s var(--itcp-ease), transform 0.72s var(--itcp-ease);
  transition-delay: calc(var(--itcp-delay, 0) * 70ms);
}

body.it-conversion-premium .itcp-reveal.itcp-in-view {
  opacity: 1;
  transform: translateY(0);
}

body.it-conversion-premium .itcp-float {
  transition: transform 0.8s var(--itcp-ease);
}

body.it-conversion-premium .itcp-float:hover {
  transform: translateY(-4px) scale(1.01);
}

@media (min-width: 900px) {
  body.it-conversion-premium .hero-card,
  body.it-conversion-premium .contact-form-card,
  body.it-conversion-premium .dx-command,
  body.it-conversion-premium .diag-hero-panel {
    will-change: transform;
  }
}

@media (max-width: 760px) {
  body.it-conversion-premium .card:hover,
  body.it-conversion-premium .step:hover,
  body.it-conversion-premium .domain:hover,
  body.it-conversion-premium .dx-card:hover,
  body.it-conversion-premium .diag-card:hover {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.it-conversion-premium *,
  body.it-conversion-premium *::before,
  body.it-conversion-premium *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.001ms !important;
  }
  body.it-conversion-premium .itcp-reveal {
    opacity: 1 !important;
    transform: none !important;
  }
}