:root,
html[data-theme] {
  --color-primary: #4c8dff !important;
  --color-primary-hover: #629cff !important;
  --color-primary-active: #2769dc !important;
  --color-primary-dark-1: #3f7fed !important;
  --color-primary-dark-2: #3272e4 !important;
  --color-primary-light-1: #629cff !important;
  --color-primary-light-2: #7aaaff !important;
  --color-primary-light-3: #9bbcff !important;
  --color-primary-alpha-10: #4c8dff1a !important;
  --color-primary-alpha-20: #4c8dff33 !important;
  --color-primary-alpha-30: #4c8dff4d !important;
  --color-primary-contrast: #ffffff !important;
  --color-accent: #4c8dff !important;
  --color-small-accent: #9bbcff !important;
  --color-body: #080d18 !important;
  --color-box-header: #151f32 !important;
  --color-box-body: #111929 !important;
  --color-box-body-highlight: #151f32 !important;
  --color-card: #111929 !important;
  --color-menu: #111929 !important;
  --color-footer: #080d18 !important;
  --color-secondary: #151f32 !important;
  --color-secondary-bg: #111929 !important;
  --color-secondary-nav-bg: #0c1423 !important;
  --color-button: #151f32 !important;
  --color-input-background: #0c1423 !important;
  --color-input-border: #273550 !important;
  --color-input-border-hover: #4c8dff !important;
  --color-input-text: #f5f7fb !important;
  --color-text: #f5f7fb !important;
  --color-text-light: #c2cce0 !important;
  --color-text-light-1: #b5c1d6 !important;
  --color-text-light-2: #93a4bf !important;
  --color-text-light-3: #7485a0 !important;
  --color-light-border: #273550 !important;
}

body {
  background: radial-gradient(circle at 82% -10%, #18366f 0, transparent 34%), #080d18 !important;
}

#navbar {
  background: rgba(12, 20, 35, .94) !important;
  border-bottom: 1px solid #273550 !important;
  backdrop-filter: blur(14px);
}

a:not(.ui.button) { color: #9bbcff; }
a:not(.ui.button):hover { color: #dce7ff; }
.ui.primary.button,
.ui.green.button {
  background: linear-gradient(135deg, #4c8dff, #2769dc) !important;
  box-shadow: 0 10px 28px rgba(39, 105, 220, .24) !important;
}

.innovatech-home {
  width: min(1240px, calc(100% - 36px));
  margin: 0 auto;
  padding: 64px 0 74px !important;
}

.innovatech-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(42px, 7vw, 86px) clamp(26px, 7vw, 92px);
  border: 1px solid #273550;
  border-radius: 24px;
  background: linear-gradient(145deg, rgba(21, 31, 50, .97), rgba(12, 20, 35, .97));
  box-shadow: 0 28px 90px rgba(0, 0, 0, .34);
  text-align: center;
}

.innovatech-hero-glow {
  position: absolute;
  width: 520px;
  height: 520px;
  top: -330px;
  left: 50%;
  translate: -50% 0;
  border-radius: 50%;
  background: rgba(76, 141, 255, .23);
  filter: blur(60px);
  pointer-events: none;
}

.innovatech-platform-mark {
  position: relative;
  width: clamp(112px, 14vw, 176px);
  height: auto;
  margin-bottom: 16px;
  filter: drop-shadow(0 16px 34px rgba(39, 105, 220, .3));
}

.innovatech-eyebrow {
  position: relative;
  margin: 0 0 14px;
  color: #4c8dff;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.innovatech-hero h1 {
  position: relative;
  max-width: 980px;
  margin: 0 auto;
  color: #f5f7fb;
  font-size: clamp(40px, 6vw, 76px);
  line-height: 1.02;
  letter-spacing: -.055em;
}
.innovatech-hero h1 span { color: #9bbcff; }

.innovatech-lead {
  position: relative;
  max-width: 760px;
  margin: 24px auto 0;
  color: #b5c1d6;
  font-size: clamp(16px, 2vw, 20px);
  line-height: 1.65;
}

.innovatech-actions {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin-top: 32px;
}
.innovatech-actions .ui.button { margin: 0; padding: 14px 20px; border-radius: 10px; }
.innovatech-secondary { color: #dce7ff !important; border: 1px solid #273550 !important; background: #111929 !important; }

.innovatech-capabilities {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
}
.innovatech-capabilities article {
  min-height: 190px;
  padding: 24px;
  border: 1px solid #273550;
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(21, 31, 50, .96), rgba(13, 21, 36, .96));
}
.innovatech-card-index { color: #4c8dff; font-size: 11px; font-weight: 800; letter-spacing: .14em; }
.innovatech-capabilities h2 { margin: 24px 0 10px; color: #f5f7fb; font-size: 18px; }
.innovatech-capabilities p { margin: 0; color: #93a4bf; line-height: 1.6; }

.page-footer {
  border-top: 1px solid #273550 !important;
  background: rgba(8, 13, 24, .94) !important;
}
.page-footer .left-links { display: none !important; }
.innovatech-footer-signature { color: #93a4bf !important; font-weight: 650; }

@media (max-width: 900px) {
  .innovatech-capabilities { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .innovatech-home { width: min(100% - 22px, 1240px); padding-top: 24px !important; }
  .innovatech-hero { border-radius: 18px; }
  .innovatech-capabilities { grid-template-columns: 1fr; }
  .innovatech-capabilities article { min-height: auto; }
}