/*
 * Inspirive Technologies — bright minimalist website and CMS redesign.
 * Scope: dev.itech.ng only. This stylesheet is intentionally independent of
 * the application release so it can be reviewed and rolled back safely.
 */
:root {
  --bm-orange: #f04700;
  --bm-orange-dark: #cc1900;
  --bm-blue: #00aef0;
  --bm-blue-dark: #0878d1;
  --bm-gold: #fec900;
  --bm-green: #28a76f;
  --bm-red: #d74141;
  --bm-ink: #111827;
  --bm-text: #344054;
  --bm-muted: #667085;
  --bm-faint: #98a2b3;
  --bm-line: #e7ebf0;
  --bm-line-strong: #d8dee7;
  --bm-surface: #f7f9fc;
  --bm-surface-blue: #f2f8ff;
  --bm-surface-orange: #fff6f1;
  --bm-white: #ffffff;
  --bm-navy: #0b1f33;
  --bm-shadow-xs: 0 1px 2px rgba(16, 24, 40, .05);
  --bm-shadow-sm: 0 8px 24px rgba(16, 24, 40, .07);
  --bm-shadow: 0 22px 60px rgba(16, 24, 40, .10);
  --bm-radius-sm: 10px;
  --bm-radius: 16px;
  --bm-radius-lg: 26px;
  --bm-max: 1240px;
  --bm-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --bm-display: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --navy: var(--bm-navy);
  --navy-2: #071626;
  --navy-3: #123b5a;
  --orange: var(--bm-orange);
  --cyan: var(--bm-blue);
  --ink: var(--bm-ink);
  --muted: var(--bm-muted);
  --line: var(--bm-line);
  --soft: var(--bm-surface);
  --shadow: var(--bm-shadow);
  --radius: var(--bm-radius);
  --radius-sm: var(--bm-radius-sm);
  --max: var(--bm-max);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--bm-white); }
body {
  margin: 0;
  color: var(--bm-text) !important;
  background: var(--bm-white) !important;
  font-family: var(--bm-font) !important;
  font-size: 15px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body::before, body::after { display: none !important; }
::selection { background: rgba(240, 71, 0, .18); color: var(--bm-ink); }
a { color: inherit; }
img { max-width: 100%; }
button, input, textarea, select { font: inherit; }
:focus-visible { outline: 3px solid rgba(0, 174, 240, .28); outline-offset: 2px; }
.site-shell { overflow: clip; background: #fff; }
main { padding-top: 82px !important; background: #fff; }

/* Header and navigation */
.site-header {
  position: fixed !important;
  inset: 0 0 auto !important;
  z-index: 1000 !important;
  background: rgba(255, 255, 255, .96) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(15, 23, 42, .07) !important;
  box-shadow: 0 8px 28px rgba(15, 23, 42, .035) !important;
  backdrop-filter: blur(18px) saturate(1.15) !important;
  clip-path: none !important;
}
.site-header::before { display: none !important; }
.nav-wrap {
  max-width: var(--bm-max) !important;
  height: 82px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 28px !important;
}
.brand, .footer-brand, .admin-brand, .login-brand-panel .brand {
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  clip-path: none !important;
}
.brand > *, .footer-brand > *, .admin-brand > *, .login-brand-panel .brand > * { display: none !important; }
.brand::before, .footer-brand::before, .admin-brand::before, .login-brand-panel .brand::before {
  content: "" !important;
  display: block !important;
  width: 190px !important;
  height: 55px !important;
  background: url('/__itech_bright_ui/itech-logo.png') center/contain no-repeat !important;
  filter: none !important;
}
.footer-brand::before, .admin-brand::before { width: 168px !important; height: 49px !important; }
.site-nav {
  display: flex !important;
  align-items: center !important;
  gap: 28px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-family: var(--bm-font) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
.site-nav > a:not(.nav-cta) {
  position: relative !important;
  padding: 30px 0 26px !important;
  color: #475467 !important;
  border: 0 !important;
  background: transparent !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
.site-nav > a:not(.nav-cta)::before { display: none !important; }
.site-nav > a:not(.nav-cta)::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  right: 100% !important;
  bottom: 20px !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: var(--bm-orange) !important;
  transition: right .22s ease !important;
}
.site-nav > a:not(.nav-cta):hover,
.site-nav > a.active:not(.nav-cta) { color: var(--bm-ink) !important; }
.site-nav > a:not(.nav-cta):hover::after,
.site-nav > a.active:not(.nav-cta)::after { right: 0 !important; }
.nav-cta, .button {
  min-height: 44px !important;
  padding: 0 20px !important;
  border-radius: 10px !important;
  border: 1px solid transparent !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  font-family: var(--bm-font) !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  clip-path: none !important;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease !important;
}
.nav-cta, .button.primary {
  background: linear-gradient(135deg, var(--bm-orange), #ff5a12) !important;
  color: #fff !important;
  box-shadow: 0 10px 26px rgba(240, 71, 0, .20) !important;
}
.nav-cta:hover, .button.primary:hover {
  background: linear-gradient(135deg, #e33d00, var(--bm-orange-dark)) !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 14px 30px rgba(204, 25, 0, .22) !important;
}
.button.ghost, .button.ghost.dark {
  color: var(--bm-blue-dark) !important;
  background: #fff !important;
  border-color: #b9dafa !important;
  box-shadow: var(--bm-shadow-xs) !important;
}
.button.ghost:hover, .button.ghost.dark:hover {
  color: #fff !important;
  background: var(--bm-blue-dark) !important;
  border-color: var(--bm-blue-dark) !important;
}
.button.light { color: var(--bm-orange-dark) !important; background: #fff !important; }
.button.small { min-height: 38px !important; padding: 0 15px !important; font-size: 12px !important; }
.menu-button { background: transparent !important; border: 0 !important; padding: 8px !important; }
.menu-button span { background: var(--bm-ink) !important; }

/* Shared type */
.kicker, .eyebrow {
  color: var(--bm-orange) !important;
  font-family: var(--bm-font) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}
.kicker::before {
  content: "" !important;
  display: inline-block !important;
  width: 22px !important;
  height: 2px !important;
  margin: 0 9px 3px 0 !important;
  background: var(--bm-orange) !important;
}
h1, h2, h3, h4, strong, b { color: var(--bm-ink); }

/* Homepage hero */
.hero-section {
  position: relative !important;
  min-height: 720px !important;
  display: flex !important;
  align-items: center !important;
  color: var(--bm-ink) !important;
  background:
    radial-gradient(circle at 14% 20%, rgba(0, 174, 240, .08), transparent 31%),
    radial-gradient(circle at 90% 10%, rgba(240, 71, 0, .07), transparent 27%),
    linear-gradient(180deg, #fff, #fbfcfe) !important;
  border: 0 !important;
  overflow: hidden !important;
}
.hero-section::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: auto -70px 35px auto !important;
  width: 340px !important;
  height: 220px !important;
  opacity: .26 !important;
  background-image: radial-gradient(circle, rgba(0, 174, 240, .75) 1px, transparent 1.5px) !important;
  background-size: 18px 18px !important;
  pointer-events: none !important;
}
.hero-section::after { display: none !important; }
.hero-grid {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  max-width: var(--bm-max) !important;
  min-height: 720px !important;
  margin: 0 auto !important;
  padding: 76px 24px 70px !important;
  display: grid !important;
  grid-template-columns: minmax(0, .95fr) minmax(480px, 1.05fr) !important;
  gap: 58px !important;
  align-items: center !important;
}
.hero-copy { max-width: 650px !important; }
.eyebrow { display: flex !important; align-items: center !important; gap: 9px !important; }
.eyebrow span { width: 26px !important; height: 2px !important; border-radius: 999px !important; background: var(--bm-orange) !important; }
.hero-copy h1 {
  max-width: 700px !important;
  margin: 18px 0 22px !important;
  color: var(--bm-ink) !important;
  font-family: var(--bm-display) !important;
  font-size: clamp(48px, 5.4vw, 76px) !important;
  font-weight: 820 !important;
  line-height: 1.02 !important;
  letter-spacing: -.055em !important;
  text-transform: none !important;
  text-shadow: none !important;
}
.hero-copy > p {
  max-width: 625px !important;
  color: #5d6b7c !important;
  font-size: 17px !important;
  line-height: 1.75 !important;
}
.hero-actions { display: flex !important; gap: 12px !important; margin-top: 30px !important; }
.hero-proof {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  max-width: 610px !important;
  margin-top: 42px !important;
  padding: 22px 0 0 !important;
  border: 0 !important;
  border-top: 1px solid var(--bm-line) !important;
}
.hero-proof div {
  min-width: 0 !important;
  padding: 0 22px 0 0 !important;
  border: 0 !important;
  border-right: 1px solid var(--bm-line) !important;
  background: transparent !important;
}
.hero-proof div + div { padding-left: 22px !important; }
.hero-proof div:last-child { border-right: 0 !important; }
.hero-proof strong { color: var(--bm-ink) !important; font-size: 18px !important; font-weight: 780 !important; }
.hero-proof span { color: var(--bm-muted) !important; font-size: 11px !important; margin-top: 4px !important; text-transform: none !important; letter-spacing: 0 !important; }
.hero-visual {
  position: relative !important;
  height: 535px !important;
  border: 0 !important;
  border-radius: 150px 32px 32px 32px !important;
  background:
    linear-gradient(180deg, rgba(11, 31, 51, .02), rgba(11, 31, 51, .15)),
    url('/__itech_bright_ui/hero-team.jpg') center/cover no-repeat !important;
  box-shadow: var(--bm-shadow) !important;
  overflow: visible !important;
  clip-path: none !important;
}
.hero-visual::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  background: linear-gradient(180deg, transparent 56%, rgba(9, 25, 42, .48)) !important;
  pointer-events: none !important;
}
.hero-visual::after { display: none !important; }
.visual-grid, .visual-orbit, .signal { display: none !important; }
.command-card {
  position: absolute !important;
  border: 1px solid rgba(255, 255, 255, .78) !important;
  border-radius: 15px !important;
  background: rgba(255, 255, 255, .92) !important;
  color: var(--bm-ink) !important;
  box-shadow: 0 14px 40px rgba(15, 23, 42, .15) !important;
  backdrop-filter: blur(14px) saturate(1.15) !important;
  clip-path: none !important;
}
.command-main {
  left: -70px !important;
  right: 110px !important;
  top: auto !important;
  bottom: -28px !important;
  padding: 20px 22px !important;
}
.command-main h3 { margin: 8px 0 7px !important; color: var(--bm-ink) !important; font-size: 20px !important; line-height: 1.2 !important; text-transform: none !important; }
.command-main p { margin: 0 !important; color: var(--bm-muted) !important; font-size: 12px !important; }
.status-chip {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 24px !important;
  padding: 3px 8px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #eaf7ff !important;
  color: var(--bm-blue-dark) !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}
.mini-bars { display: grid !important; gap: 6px !important; margin-top: 13px !important; }
.mini-bars i { display: block !important; height: 5px !important; border-radius: 999px !important; background: linear-gradient(90deg, var(--bm-blue), var(--bm-orange)) !important; }
.floating-card { display: flex !important; align-items: center !important; gap: 10px !important; min-width: 180px !important; padding: 12px 14px !important; }
.floating-card.top { top: 54px !important; right: -34px !important; }
.floating-card.bottom { left: auto !important; right: -18px !important; bottom: 118px !important; }
.floating-card b { display: block !important; color: var(--bm-ink) !important; font-size: 12px !important; }
.floating-card small { color: var(--bm-muted) !important; font-size: 9px !important; }
.icon-dot { width: 9px !important; height: 9px !important; border-radius: 50% !important; box-shadow: 0 0 0 5px rgba(0, 174, 240, .10) !important; }
.icon-dot.cyan { background: var(--bm-blue) !important; }
.icon-dot.orange { background: var(--bm-orange) !important; box-shadow: 0 0 0 5px rgba(240, 71, 0, .10) !important; }

/* Client strip */
.logo-strip {
  max-width: var(--bm-max) !important;
  margin: 0 auto !important;
  padding: 25px 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 28px !important;
  color: var(--bm-muted) !important;
  background: #fff !important;
  border: 0 !important;
  border-top: 1px solid var(--bm-line) !important;
  border-bottom: 1px solid var(--bm-line) !important;
}
.logo-strip > span { max-width: 330px !important; color: var(--bm-muted) !important; font-size: 11px !important; font-weight: 650 !important; }
.logo-row { display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 32px !important; }
.logo-row img { width: 105px !important; max-height: 42px !important; object-fit: contain !important; filter: grayscale(1) contrast(.85) !important; opacity: .55 !important; }

/* Shared sections */
.section {
  position: relative !important;
  max-width: var(--bm-max) !important;
  margin: 0 auto !important;
  padding: 88px 24px !important;
  color: var(--bm-text) !important;
  background: #fff !important;
}
.section::before { display: none !important; }
.section-heading {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 48px !important;
  margin-bottom: 38px !important;
}
.section-heading h2, .career-panel h2, .story-copy h2, .contact-context h2, .evidence-panel h2 {
  max-width: 750px !important;
  margin: 9px 0 0 !important;
  color: var(--bm-ink) !important;
  font-family: var(--bm-display) !important;
  font-size: clamp(32px, 3.6vw, 48px) !important;
  font-weight: 790 !important;
  line-height: 1.08 !important;
  letter-spacing: -.04em !important;
  text-transform: none !important;
}
.section-heading > p { max-width: 390px !important; margin: 0 !important; padding: 0 !important; color: var(--bm-muted) !important; border: 0 !important; }

/* Solution cards with restrained image headers */
.capability-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
  border: 0 !important;
}
.capability-card {
  position: relative !important;
  min-height: 330px !important;
  padding: 176px 24px 24px !important;
  color: var(--bm-text) !important;
  background: #fff !important;
  border: 1px solid var(--bm-line) !important;
  border-top: 1px solid var(--bm-line) !important;
  border-radius: var(--bm-radius) !important;
  box-shadow: var(--bm-shadow-xs) !important;
  overflow: hidden !important;
  clip-path: none !important;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}
.capability-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 0 auto !important;
  height: 152px !important;
  background-size: cover !important;
  background-position: center !important;
  filter: saturate(.76) contrast(.97) brightness(1.03) !important;
  transform: none !important;
}
.capability-card:nth-child(1)::before,
.capability-card:nth-child(4)::before { background-image: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.12)), url('/__itech_bright_ui/developer.jpg') !important; }
.capability-card:nth-child(2)::before,
.capability-card:nth-child(5)::before { background-image: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.14)), url('/__itech_bright_ui/team-work.jpg') !important; }
.capability-card:nth-child(3)::before,
.capability-card:nth-child(6)::before { background-image: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.14)), url('/__itech_bright_ui/field-engineer.jpg') !important; }
.capability-card::after { display: none !important; }
.capability-card:hover {
  color: var(--bm-text) !important;
  background: #fff !important;
  border-color: #c9d8e8 !important;
  box-shadow: var(--bm-shadow-sm) !important;
  transform: translateY(-4px) !important;
}
.cap-number { color: var(--bm-orange) !important; font-size: 11px !important; font-weight: 800 !important; }
.capability-card h3 { margin: 10px 0 10px !important; color: var(--bm-ink) !important; font-size: 20px !important; line-height: 1.25 !important; text-transform: none !important; }
.capability-card p { color: var(--bm-muted) !important; font-size: 13px !important; }
.capability-card:hover p { color: var(--bm-muted) !important; }
.capability-card b { display: block !important; margin-top: 18px !important; color: var(--bm-blue-dark) !important; font-size: 12px !important; }

/* Work and process */
.dark-section {
  max-width: none !important;
  padding-left: max(24px, calc((100% - var(--bm-max))/2 + 24px)) !important;
  padding-right: max(24px, calc((100% - var(--bm-max))/2 + 24px)) !important;
  color: var(--bm-text) !important;
  background: linear-gradient(180deg, var(--bm-surface), #fff) !important;
  border: 0 !important;
  border-top: 1px solid var(--bm-line) !important;
  border-bottom: 1px solid var(--bm-line) !important;
}
.dark-section .section-heading h2, .dark-section .section-heading h3 { color: var(--bm-ink) !important; }
.dark-section .section-heading p { color: var(--bm-muted) !important; }
.work-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 16px !important; }
.work-card {
  position: relative !important;
  color: var(--bm-text) !important;
  background: #fff !important;
  border: 1px solid var(--bm-line) !important;
  border-radius: var(--bm-radius) !important;
  box-shadow: var(--bm-shadow-xs) !important;
  overflow: hidden !important;
  clip-path: none !important;
}
.work-card.featured { grid-row: span 2 !important; }
.work-image { height: 270px !important; background-size: cover !important; background-position: center !important; }
.work-body { padding: 24px !important; }
.work-body h3 { margin: 14px 0 10px !important; color: var(--bm-ink) !important; font-size: 21px !important; line-height: 1.25 !important; text-transform: none !important; }
.work-body p { color: var(--bm-muted) !important; font-size: 13px !important; }
.work-body a { color: var(--bm-blue-dark) !important; font-size: 12px !important; font-weight: 750 !important; text-transform: none !important; letter-spacing: 0 !important; }
.status-chip.live { color: #1c7f54 !important; background: #eaf8f1 !important; }
.status-chip.delivery { color: var(--bm-blue-dark) !important; background: #eaf7ff !important; }
.status-chip.planning { color: #c44b16 !important; background: #fff0e8 !important; }
.process-line {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  border: 0 !important;
  gap: 12px !important;
}
.process-step {
  position: relative !important;
  padding: 24px !important;
  background: #fff !important;
  border: 1px solid var(--bm-line) !important;
  border-radius: var(--bm-radius) !important;
}
.process-step::before { display: none !important; }
.process-step span { color: var(--bm-orange) !important; font-size: 11px !important; font-weight: 800 !important; }
.process-step h3 { margin: 18px 0 8px !important; color: var(--bm-ink) !important; font-size: 18px !important; text-transform: none !important; }
.process-step p { color: var(--bm-muted) !important; font-size: 12px !important; }

/* Careers and CTA */
.career-panel {
  position: relative !important;
  display: grid !important;
  grid-template-columns: .92fr 1.08fr !important;
  gap: 58px !important;
  padding: 48px !important;
  color: var(--bm-text) !important;
  background:
    radial-gradient(circle at 92% 15%, rgba(0, 174, 240, .12), transparent 31%),
    linear-gradient(135deg, var(--bm-surface-orange), #fff 56%, var(--bm-surface-blue)) !important;
  border: 1px solid #f0dfd5 !important;
  border-radius: var(--bm-radius-lg) !important;
  box-shadow: var(--bm-shadow-xs) !important;
  overflow: hidden !important;
  clip-path: none !important;
}
.career-panel::after { display: none !important; }
.career-panel h2 { font-size: 38px !important; }
.career-panel p { color: var(--bm-muted) !important; }
.career-list {
  display: flex !important;
  flex-direction: column !important;
  padding: 6px 20px !important;
  background: rgba(255, 255, 255, .78) !important;
  border: 1px solid rgba(216, 222, 231, .9) !important;
  border-radius: var(--bm-radius) !important;
}
.career-list a { padding: 18px 0 !important; border-color: var(--bm-line) !important; background: transparent !important; }
.career-list a:hover { padding-left: 6px !important; background: transparent !important; }
.career-list strong { color: var(--bm-ink) !important; text-transform: none !important; }
.career-list small { color: var(--bm-muted) !important; }
.career-list b { color: var(--bm-orange) !important; }
.final-cta { padding-top: 8px !important; }
.cta-card {
  padding: 36px 42px !important;
  color: var(--bm-ink) !important;
  background: linear-gradient(100deg, #fff7f2, #fff 58%, #f3f9ff) !important;
  border: 1px solid #f2d5c5 !important;
  border-radius: var(--bm-radius-lg) !important;
  box-shadow: var(--bm-shadow-xs) !important;
  clip-path: none !important;
}
.cta-card h2 { margin: 7px 0 0 !important; color: var(--bm-ink) !important; font-size: 29px !important; line-height: 1.18 !important; text-transform: none !important; }
.cta-card .button.light { color: #fff !important; background: var(--bm-orange) !important; }

/* Inner page heroes */
.page-hero, .job-detail-hero {
  position: relative !important;
  min-height: 430px !important;
  padding: 74px max(24px, calc((100% - var(--bm-max))/2 + 24px)) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 64px !important;
  color: var(--bm-text) !important;
  background:
    radial-gradient(circle at 14% 18%, rgba(240, 71, 0, .06), transparent 27%),
    linear-gradient(135deg, #fff, var(--bm-surface-blue)) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--bm-line) !important;
  overflow: hidden !important;
  clip-path: none !important;
}
.page-hero::before, .job-detail-hero::before { display: none !important; }
.page-hero::after {
  content: "" !important;
  position: absolute !important;
  right: max(24px, calc((100% - var(--bm-max))/2 + 24px)) !important;
  top: 54px !important;
  width: 47% !important;
  height: 322px !important;
  border: 0 !important;
  border-radius: 150px 24px 24px 24px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(11,31,51,.12)), url('/__itech_bright_ui/team-work.jpg') center/cover !important;
  box-shadow: var(--bm-shadow-sm) !important;
}
body[data-page="company"] .page-hero::after { background-image: linear-gradient(180deg, rgba(255,255,255,.03), rgba(11,31,51,.11)), url('/__itech_bright_ui/hero-team.jpg') !important; }
body[data-page="careers"] .page-hero::after { background-image: linear-gradient(180deg, rgba(255,255,255,.03), rgba(11,31,51,.11)), url('/__itech_bright_ui/developer.jpg') !important; }
body[data-page="contact"] .page-hero::after { background-image: linear-gradient(180deg, rgba(255,255,255,.03), rgba(11,31,51,.11)), url('/__itech_bright_ui/team-work.jpg') !important; }
.page-hero > div:first-child { position: relative !important; z-index: 2 !important; max-width: 52% !important; }
.page-hero h1, .job-detail-hero h1 {
  margin: 14px 0 18px !important;
  color: var(--bm-ink) !important;
  font-size: clamp(44px, 5vw, 68px) !important;
  font-weight: 810 !important;
  line-height: 1.03 !important;
  letter-spacing: -.05em !important;
  text-transform: none !important;
}
.page-hero p, .job-detail-hero p { max-width: 650px !important; color: var(--bm-muted) !important; font-size: 16px !important; }
.page-hero-art { visibility: hidden !important; width: 44% !important; min-height: 300px !important; }
.job-detail-hero > a { color: var(--bm-blue-dark) !important; }

/* Public inner page cards */
.solution-stack, .portfolio-list, .story-grid, .values-section, .leadership-section, .jobs-section, .contact-grid, .job-detail-grid { background: #fff !important; }
.solution-row, .portfolio-row, .job-card, .leader-card, .values-grid article, .mission-grid article,
.story-copy, .job-detail-grid > div, .apply-aside, .contact-form, .evidence-panel, .empty-public {
  color: var(--bm-text) !important;
  background: #fff !important;
  border: 1px solid var(--bm-line) !important;
  border-radius: var(--bm-radius) !important;
  box-shadow: var(--bm-shadow-xs) !important;
  clip-path: none !important;
}
.solution-row {
  position: relative !important;
  grid-template-columns: 65px 1.1fr 1fr !important;
  gap: 34px !important;
  margin-bottom: 14px !important;
  padding: 34px !important;
  overflow: hidden !important;
}
.solution-row:nth-child(even) { background: linear-gradient(135deg, #fff, var(--bm-surface-blue)) !important; }
.solution-row h2, .portfolio-row h2, .job-card h3, .leader-card h3, .job-detail-grid h2, .apply-aside h3 {
  color: var(--bm-ink) !important;
  text-transform: none !important;
}
.solution-row p, .portfolio-row p, .job-card p, .leader-card p, .job-detail-grid p, .apply-aside p { color: var(--bm-muted) !important; }
.solution-index { color: var(--bm-orange) !important; }
.solution-row li::marker, .check-list li::before { color: var(--bm-orange) !important; }
.portfolio-list { display: grid !important; gap: 14px !important; }
.portfolio-row { padding: 30px !important; }
.portfolio-row:hover, .job-card:hover { border-color: #c5d7e8 !important; box-shadow: var(--bm-shadow-sm) !important; transform: translateY(-2px) !important; }
.status-legend, .company-facts, .career-principles, .contact-quick {
  color: var(--bm-text) !important;
  background: #fff !important;
  border: 1px solid var(--bm-line) !important;
  border-radius: var(--bm-radius) !important;
  box-shadow: var(--bm-shadow-xs) !important;
  clip-path: none !important;
}
.status-legend span, .company-facts strong, .company-facts span, .career-principles span, .contact-quick strong { color: var(--bm-ink) !important; }
.evidence-panel { color: var(--bm-text) !important; background: linear-gradient(135deg, var(--bm-surface-blue), #fff) !important; }
.evidence-panel h2 { color: var(--bm-ink) !important; }
.evidence-grid p { border-color: var(--bm-line) !important; }
.story-grid { gap: 16px !important; }
.story-copy, .mission-grid article, .values-grid article { padding: 30px !important; }
.mission-grid article:nth-child(2) { color: var(--bm-text) !important; background: var(--bm-surface-orange) !important; }
.mission-grid article h3, .values-grid article b { color: var(--bm-ink) !important; text-transform: none !important; }
.leader-card { padding: 10px 10px 22px !important; }
.leader-image { border-radius: 12px !important; filter: saturate(.82) contrast(.98) !important; }
.job-list { display: grid !important; gap: 12px !important; }
.job-card { padding: 26px !important; }
.job-meta small {
  color: var(--bm-blue-dark) !important;
  background: #edf7ff !important;
  border: 0 !important;
  border-radius: 999px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
.job-detail-grid > div, .apply-aside { padding: 32px !important; }
.empty-public { background: var(--bm-surface) !important; }

/* Contact and forms */
.contact-context, .contact-form {
  padding: 36px !important;
  border-radius: var(--bm-radius-lg) !important;
  clip-path: none !important;
}
.contact-context {
  position: relative !important;
  color: #fff !important;
  background:
    linear-gradient(90deg, rgba(8, 30, 50, .92), rgba(8, 30, 50, .70)),
    url('/__itech_bright_ui/team-work.jpg') center/cover !important;
  border: 0 !important;
  box-shadow: var(--bm-shadow-sm) !important;
}
.contact-context h2, .contact-context h3, .contact-context strong { color: #fff !important; }
.contact-context p, .contact-context li { color: rgba(255,255,255,.78) !important; }
.contact-context li, .contact-quick a, .contact-quick > div { border-color: rgba(255,255,255,.16) !important; }
.contact-quick span { color: #ffd0bc !important; text-transform: none !important; letter-spacing: 0 !important; }
.contact-form { background: #fff !important; }
label { color: #475467 !important; font-size: 12px !important; font-weight: 650 !important; text-transform: none !important; letter-spacing: 0 !important; }
input, textarea, select {
  min-height: 46px !important;
  color: var(--bm-ink) !important;
  background: #fff !important;
  border: 1px solid var(--bm-line-strong) !important;
  border-radius: 10px !important;
  clip-path: none !important;
  box-shadow: inset 0 1px 2px rgba(16, 24, 40, .02) !important;
}
textarea { min-height: 110px !important; }
input::placeholder, textarea::placeholder { color: #98a2b3 !important; }
input:focus, textarea:focus, select:focus { outline: 0 !important; border-color: var(--bm-blue) !important; box-shadow: 0 0 0 4px rgba(0, 174, 240, .11) !important; }
.file-field { color: var(--bm-text) !important; background: var(--bm-surface) !important; border: 1px dashed #c7d0dc !important; border-radius: 12px !important; }
.form-status { color: var(--bm-muted) !important; text-transform: none !important; letter-spacing: 0 !important; }
.form-error { color: #a93636 !important; background: #fff0f0 !important; border: 1px solid #ffd5d5 !important; border-radius: 10px !important; }

/* Modal and chat */
.modal-backdrop { background: rgba(15, 23, 42, .45) !important; backdrop-filter: blur(7px) !important; }
.modal-card, .application-card {
  color: var(--bm-text) !important;
  background: #fff !important;
  border: 1px solid var(--bm-line) !important;
  border-radius: 18px !important;
  box-shadow: 0 30px 90px rgba(15, 23, 42, .20) !important;
  clip-path: none !important;
}
.application-card { width: min(920px, calc(100vw - 28px)) !important; }
.modal-heading { border-color: var(--bm-line) !important; }
.modal-heading h2 { color: var(--bm-ink) !important; text-transform: none !important; }
.modal-close { color: var(--bm-muted) !important; background: var(--bm-surface) !important; border-radius: 10px !important; }
.chat-launcher {
  color: #fff !important;
  background: linear-gradient(135deg, var(--bm-orange), var(--bm-orange-dark)) !important;
  border-radius: 50% !important;
  box-shadow: 0 15px 35px rgba(204, 25, 0, .26) !important;
  clip-path: none !important;
}
.chat-panel {
  color: var(--bm-text) !important;
  background: #fff !important;
  border: 1px solid var(--bm-line) !important;
  border-radius: 18px !important;
  box-shadow: 0 25px 75px rgba(15, 23, 42, .18) !important;
  clip-path: none !important;
}
.chat-panel > header { color: #fff !important; background: linear-gradient(135deg, var(--bm-navy), #123d61) !important; border-radius: 18px 18px 0 0 !important; }
.chat-panel > header strong { color: #fff !important; text-transform: none !important; }
.chat-intro { color: var(--bm-muted) !important; background: var(--bm-surface-blue) !important; border-radius: 10px !important; }
.chat-message { border-radius: 12px !important; }
.chat-message.visitor { color: var(--bm-text) !important; background: var(--bm-surface) !important; }
.chat-message.admin { color: #fff !important; background: var(--bm-blue-dark) !important; }
.chat-compose button { color: #fff !important; background: var(--bm-orange) !important; border-radius: 9px !important; text-transform: none !important; }

/* Footer */
.site-footer {
  margin-top: 66px !important;
  color: var(--bm-text) !important;
  background: #fff !important;
  border: 0 !important;
  border-top: 1px solid var(--bm-line) !important;
}
.site-footer::before { display: none !important; }
.footer-grid { padding-top: 58px !important; padding-bottom: 38px !important; }
.footer-grid h4 { color: var(--bm-ink) !important; font-size: 11px !important; }
.footer-grid p, .footer-grid a { color: var(--bm-muted) !important; }
.footer-grid a:hover { color: var(--bm-orange) !important; }
.footer-bottom { color: var(--bm-faint) !important; border-color: var(--bm-line) !important; text-transform: none !important; letter-spacing: 0 !important; }
.newsletter-field { background: #fff !important; border: 1px solid var(--bm-line) !important; border-radius: 10px !important; clip-path: none !important; }
.newsletter-field button { color: #fff !important; background: var(--bm-orange) !important; border-radius: 8px !important; text-transform: none !important; letter-spacing: 0 !important; }

/* Login */
.login-body {
  min-height: 100vh !important;
  color: var(--bm-text) !important;
  background:
    radial-gradient(circle at 12% 12%, rgba(0, 174, 240, .10), transparent 30%),
    linear-gradient(135deg, #f8fbff, #fff) !important;
}
.login-shell {
  width: min(1060px, calc(100vw - 32px)) !important;
  min-height: 650px !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid var(--bm-line) !important;
  border-radius: 24px !important;
  box-shadow: 0 30px 90px rgba(15, 23, 42, .13) !important;
  clip-path: none !important;
}
.login-brand-panel {
  position: relative !important;
  color: #fff !important;
  background:
    linear-gradient(180deg, rgba(8, 30, 50, .22), rgba(8, 30, 50, .74)),
    url('/__itech_bright_ui/hero-team.jpg') center/cover !important;
}
.login-brand-panel::before, .login-brand-panel::after { display: none !important; }
.login-brand-panel h1, .login-brand-panel p { color: #fff !important; }
.login-form-panel { color: var(--bm-text) !important; background: #fff !important; }
.login-form-panel h2 { color: var(--bm-ink) !important; text-transform: none !important; }
.login-form-panel p { color: var(--bm-muted) !important; }
.login-form-panel form { padding-left: 0 !important; border-left: 0 !important; }
.back-link { color: var(--bm-blue-dark) !important; text-transform: none !important; letter-spacing: 0 !important; }

/* Admin shell */
.admin-body {
  min-height: 100vh !important;
  color: var(--bm-text) !important;
  background: #f5f7fb !important;
}
.admin-body::before, .admin-body::after { display: none !important; }
.admin-shell { min-height: 100vh !important; background: #f5f7fb !important; }
.admin-sidebar {
  width: 244px !important;
  color: var(--bm-text) !important;
  background: #fff !important;
  border: 0 !important;
  border-right: 1px solid var(--bm-line) !important;
  box-shadow: 8px 0 28px rgba(15, 23, 42, .025) !important;
}
.admin-sidebar::before { display: none !important; }
.admin-brand {
  min-height: 74px !important;
  margin: 0 18px 10px !important;
  padding: 10px 0 !important;
  justify-content: flex-start !important;
}
.admin-sidebar nav { padding: 6px 12px !important; }
.admin-sidebar nav a {
  margin: 3px 0 !important;
  padding: 12px 14px !important;
  color: #526174 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 10px !important;
  font-family: var(--bm-font) !important;
  font-size: 13px !important;
  font-weight: 620 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  clip-path: none !important;
}
.admin-sidebar nav a:hover { color: var(--bm-ink) !important; background: var(--bm-surface) !important; }
.admin-sidebar nav a.active {
  color: var(--bm-orange-dark) !important;
  background: #fff1e9 !important;
  border: 0 !important;
  box-shadow: inset 3px 0 0 var(--bm-orange) !important;
}
.nav-dot { width: 7px !important; height: 7px !important; border-radius: 50% !important; background: #b8c1ce !important; }
.admin-sidebar nav a.active .nav-dot { background: var(--bm-orange) !important; box-shadow: none !important; }
.sidebar-foot { color: var(--bm-muted) !important; border-color: var(--bm-line) !important; text-transform: none !important; letter-spacing: 0 !important; }
.sidebar-foot a, .sidebar-foot button { color: var(--bm-muted) !important; }
.admin-main { margin-left: 244px !important; background: #f5f7fb !important; }
.admin-topbar {
  height: 72px !important;
  color: var(--bm-text) !important;
  background: rgba(255, 255, 255, .94) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--bm-line) !important;
  box-shadow: 0 6px 18px rgba(15, 23, 42, .025) !important;
  backdrop-filter: blur(14px) !important;
}
.admin-topbar::before {
  content: "Search content, applications and enquiries" !important;
  display: flex !important;
  align-items: center !important;
  min-width: 340px !important;
  min-height: 40px !important;
  margin-left: 24px !important;
  padding: 0 16px !important;
  color: #98a2b3 !important;
  background: #f9fafb !important;
  border: 1px solid var(--bm-line) !important;
  border-radius: 10px !important;
  font: 500 12px/1 var(--bm-font) !important;
  letter-spacing: 0 !important;
}
.admin-topbar > div span { color: var(--bm-muted) !important; text-transform: none !important; letter-spacing: 0 !important; }
.admin-topbar > div strong { color: var(--bm-ink) !important; text-transform: none !important; }
.admin-content { padding: 26px 30px 40px !important; }
.admin-page-heading {
  align-items: flex-end !important;
  margin-bottom: 18px !important;
  padding: 0 2px 4px !important;
  color: var(--bm-text) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  clip-path: none !important;
}
.admin-page-heading > div > span { color: var(--bm-orange) !important; text-transform: none !important; letter-spacing: 0 !important; }
.admin-page-heading h1 { margin: 6px 0 4px !important; color: var(--bm-ink) !important; font-size: 28px !important; text-transform: none !important; letter-spacing: -.025em !important; }
.admin-page-heading p { color: var(--bm-muted) !important; }
.admin-stat-grid { gap: 14px !important; }
.admin-stat-grid a {
  position: relative !important;
  min-height: 132px !important;
  padding: 20px !important;
  color: var(--bm-text) !important;
  background: #fff !important;
  border: 1px solid var(--bm-line) !important;
  border-top: 1px solid var(--bm-line) !important;
  border-radius: 14px !important;
  box-shadow: var(--bm-shadow-xs) !important;
  clip-path: none !important;
  overflow: hidden !important;
}
.admin-stat-grid a::before {
  content: "" !important;
  position: absolute !important;
  left: 20px !important;
  top: 18px !important;
  bottom: auto !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background: #fff0e8 !important;
}
.admin-stat-grid a:nth-child(2)::before { background: #eaf7ff !important; }
.admin-stat-grid a:nth-child(3)::before { background: #fff9dc !important; }
.admin-stat-grid a:nth-child(4)::before { background: #edf9f3 !important; }
.admin-stat-grid a:hover { background: #fff !important; box-shadow: var(--bm-shadow-sm) !important; transform: translateY(-2px) !important; }
.admin-stat-grid strong { color: var(--bm-ink) !important; font-size: 26px !important; }
.admin-stat-grid span, .admin-stat-grid small { color: var(--bm-muted) !important; text-transform: none !important; letter-spacing: 0 !important; }
.bm-sparkline { position: absolute; right: 14px; bottom: 16px; width: 92px; height: 34px; opacity: .9; }
.bm-sparkline svg { width: 100%; height: 100%; overflow: visible; }
.bm-sparkline path { fill: none; stroke: var(--bm-blue-dark); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.admin-stat-grid a:nth-child(odd) .bm-sparkline path { stroke: var(--bm-orange); }
.admin-panel {
  color: var(--bm-text) !important;
  background: #fff !important;
  border: 1px solid var(--bm-line) !important;
  border-radius: 14px !important;
  box-shadow: var(--bm-shadow-xs) !important;
  clip-path: none !important;
}
.panel-heading { border-color: var(--bm-line) !important; }
.panel-heading h2, .admin-panel h2 { color: var(--bm-ink) !important; text-transform: none !important; }
.panel-heading p { color: var(--bm-muted) !important; }
.panel-heading a { color: var(--bm-blue-dark) !important; text-transform: none !important; letter-spacing: 0 !important; }
.compact-list a { border-color: var(--bm-line) !important; }
.compact-list a:hover { background: var(--bm-surface) !important; }
.compact-list strong { color: var(--bm-ink) !important; text-transform: none !important; }
.compact-list small, .admin-empty, .admin-loading { color: var(--bm-muted) !important; text-transform: none !important; letter-spacing: 0 !important; }
.table-tools, .conversation-tools { border-color: var(--bm-line) !important; }
.admin-body input, .admin-body textarea, .admin-body select { color: var(--bm-ink) !important; background: #fff !important; border-color: var(--bm-line-strong) !important; }
.admin-body input::placeholder, .admin-body textarea::placeholder { color: #98a2b3 !important; }
.admin-body select option { color: var(--bm-ink) !important; background: #fff !important; }
.admin-table { color: var(--bm-text) !important; }
.admin-table th {
  color: var(--bm-muted) !important;
  background: #f8fafc !important;
  border-color: var(--bm-line) !important;
  font-family: var(--bm-font) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
.admin-table td { color: var(--bm-text) !important; border-color: var(--bm-line) !important; }
.admin-table tr:hover td { background: #f7fbff !important; }
.status-pill {
  border: 0 !important;
  border-radius: 999px !important;
  font-family: var(--bm-font) !important;
  font-size: 10px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
.status-pill.open, .status-pill.hired { color: #157347 !important; background: #e8f8ef !important; }
.status-pill.new, .status-pill.shortlisted { color: var(--bm-blue-dark) !important; background: #e9f6ff !important; }
.status-pill.reviewing, .status-pill.interview { color: #a24a14 !important; background: #fff1e8 !important; }
.status-pill.closed, .status-pill.rejected { color: #a93636 !important; background: #fff0f0 !important; }
.admin-action, .icon-button { border-radius: 9px !important; font-family: var(--bm-font) !important; text-transform: none !important; }
.admin-modal .modal-card, .admin-detail-card { color: var(--bm-text) !important; background: #fff !important; border-color: var(--bm-line) !important; }
.admin-modal .modal-heading h2, .admin-detail-card h2, .admin-detail-card h3 { color: var(--bm-ink) !important; text-transform: none !important; }
.admin-modal label { color: #475467 !important; }
.admin-modal input, .admin-modal textarea, .admin-modal select { color: var(--bm-ink) !important; background: #fff !important; border-color: var(--bm-line-strong) !important; }
.chat-admin-layout {
  color: var(--bm-text) !important;
  background: #fff !important;
  border: 1px solid var(--bm-line) !important;
  border-radius: 14px !important;
  clip-path: none !important;
}
.conversation-list { border-color: var(--bm-line) !important; }
.conversation-item { border-color: var(--bm-line) !important; }
.conversation-item:hover, .conversation-item.active { background: #f4f9ff !important; }
.conversation-item strong { color: var(--bm-ink) !important; text-transform: none !important; }
.conversation-item small, .conversation-item p, .conversation-placeholder { color: var(--bm-muted) !important; }
.conversation-pane { background: #fbfcfe !important; }
.conversation-placeholder h2 { color: var(--bm-ink) !important; text-transform: none !important; }
.admin-message { border-radius: 12px !important; }
.settings-panel, .password-panel { max-width: none !important; }
.settings-panel form, .password-panel form { max-width: 880px !important; }

/* CMS builder */
.cms-page-tabs { gap: 7px !important; padding-bottom: 11px !important; }
.cms-page-tabs a {
  color: var(--bm-muted) !important;
  background: #fff !important;
  border: 1px solid var(--bm-line) !important;
  border-radius: 10px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  clip-path: none !important;
}
.cms-page-tabs a small { color: var(--bm-muted) !important; background: var(--bm-surface) !important; border-radius: 999px !important; }
.cms-page-tabs a.active { color: #fff !important; background: var(--bm-orange) !important; border-color: var(--bm-orange) !important; }
.cms-page-tabs a.active small { color: #fff !important; background: rgba(255,255,255,.18) !important; }
.cms-builder-layout { gap: 14px !important; }
.cms-builder-tools { background: transparent !important; }
.cms-builder-tools > span { color: var(--bm-muted) !important; text-transform: none !important; letter-spacing: 0 !important; }
.cms-section-card {
  color: var(--bm-text) !important;
  background: #fff !important;
  border: 1px solid var(--bm-line) !important;
  border-radius: 12px !important;
  box-shadow: var(--bm-shadow-xs) !important;
}
.cms-section-card > summary { color: var(--bm-text) !important; background: #fff !important; border-color: transparent !important; }
.cms-section-card[open] > summary { color: var(--bm-ink) !important; background: #f8fbff !important; border-color: var(--bm-line) !important; }
.cms-section-card > summary small { color: var(--bm-orange) !important; }
.cms-section-card > summary strong, .cms-section-card > summary b { color: var(--bm-ink) !important; text-transform: none !important; letter-spacing: 0 !important; }
.cms-section-fields { background: #fbfcfe !important; }
.cms-builder-field { border-color: var(--bm-line) !important; }
.cms-builder-label strong { color: var(--bm-ink) !important; text-transform: none !important; }
.cms-builder-label small { color: var(--bm-muted) !important; }
.cms-field-actions button { color: var(--bm-blue-dark) !important; text-transform: none !important; }
.cms-section-save { border-color: var(--bm-line) !important; }
.cms-builder-savebar { color: #fff !important; background: var(--bm-orange) !important; border-radius: 12px !important; clip-path: none !important; }
.cms-builder-savebar span { text-transform: none !important; letter-spacing: 0 !important; }
.cms-preview-panel {
  color: var(--bm-text) !important;
  background: #fff !important;
  border: 1px solid var(--bm-line) !important;
  border-radius: 14px !important;
  box-shadow: var(--bm-shadow-xs) !important;
  clip-path: none !important;
}
.cms-preview-toolbar { color: var(--bm-text) !important; background: #f8fafc !important; border-color: var(--bm-line) !important; }
.cms-preview-toolbar strong { color: var(--bm-ink) !important; text-transform: none !important; }
.cms-preview-toolbar span { color: var(--bm-muted) !important; }
.cms-preview-toolbar button { color: var(--bm-blue-dark) !important; border-color: #b9dafa !important; border-radius: 8px !important; text-transform: none !important; }
.cms-preview-device { background: #eef2f6 !important; }
.cms-preview-device::before { display: none !important; }
.cms-success { color: #157347 !important; background: #eaf8f1 !important; border: 1px solid #ccebdc !important; border-radius: 10px !important; }
.admin-toast { color: #fff !important; background: var(--bm-orange) !important; border-radius: 10px !important; text-transform: none !important; letter-spacing: 0 !important; clip-path: none !important; }

/* Progressive enhancement */
.bm-scroll-progress {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, var(--bm-orange), var(--bm-blue));
  transform: scaleX(0);
  transform-origin: left center;
  pointer-events: none;
}
.bm-ready .reveal { transition-timing-function: cubic-bezier(.2,.75,.2,1) !important; }

/* Responsive */
@media (max-width: 1100px) {
  .site-nav { gap: 18px !important; }
  .hero-grid { grid-template-columns: minmax(0, 1fr) minmax(410px, .9fr) !important; gap: 34px !important; }
  .command-main { left: -20px !important; right: 52px !important; }
  .admin-sidebar { width: 220px !important; }
  .admin-main { margin-left: 220px !important; }
  .admin-topbar::before { min-width: 250px !important; }
  .cms-builder-layout { grid-template-columns: 1fr !important; }
  .cms-preview-panel { position: relative !important; top: auto !important; }
}
@media (max-width: 860px) {
  .nav-wrap { height: 72px !important; }
  main { padding-top: 72px !important; }
  .brand::before { width: 154px !important; height: 45px !important; }
  .menu-button { display: block !important; }
  .site-nav {
    position: absolute !important;
    top: 72px !important;
    left: 0 !important;
    right: 0 !important;
    display: none !important;
    padding: 12px 20px 20px !important;
    background: #fff !important;
    border-top: 1px solid var(--bm-line) !important;
    border-bottom: 1px solid var(--bm-line) !important;
    box-shadow: var(--bm-shadow-sm) !important;
  }
  .site-nav.open { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 0 !important; }
  .site-nav > a:not(.nav-cta) { padding: 13px 2px !important; }
  .site-nav > a:not(.nav-cta)::after { bottom: 8px !important; }
  .nav-cta { margin-top: 10px !important; }
  .hero-section { min-height: auto !important; }
  .hero-grid { min-height: auto !important; grid-template-columns: 1fr !important; padding-top: 64px !important; }
  .hero-copy { max-width: none !important; }
  .hero-visual { height: 480px !important; margin-top: 10px !important; }
  .command-main { left: 20px !important; right: 20px !important; bottom: 18px !important; }
  .floating-card.top { right: 16px !important; }
  .floating-card.bottom { right: 16px !important; }
  .page-hero { min-height: 610px !important; align-items: flex-start !important; padding-top: 64px !important; }
  .page-hero > div:first-child { max-width: 100% !important; }
  .page-hero::after { left: 24px !important; right: 24px !important; top: auto !important; bottom: 48px !important; width: auto !important; height: 260px !important; }
  .page-hero-art { min-height: 260px !important; }
  .capability-grid, .work-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .process-line { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .career-panel { grid-template-columns: 1fr !important; }
  .admin-sidebar { width: 280px !important; transform: translateX(-100%) !important; transition: transform .2s ease !important; }
  .admin-sidebar.open { transform: translateX(0) !important; }
  .admin-main { margin-left: 0 !important; }
  .admin-topbar::before { display: none !important; }
  .admin-content { padding: 20px !important; }
}
@media (max-width: 680px) {
  body { font-size: 14px !important; }
  .nav-wrap { padding: 0 16px !important; }
  .hero-grid { padding: 48px 18px 54px !important; }
  .hero-copy h1 { font-size: 43px !important; }
  .hero-copy > p { font-size: 15px !important; }
  .hero-actions { flex-direction: column !important; align-items: stretch !important; }
  .hero-actions .button { width: 100% !important; }
  .hero-proof { grid-template-columns: 1fr !important; gap: 14px !important; }
  .hero-proof div, .hero-proof div + div { padding: 0 !important; border-right: 0 !important; }
  .hero-visual { height: 400px !important; border-radius: 80px 20px 20px 20px !important; }
  .floating-card { min-width: 158px !important; }
  .floating-card.bottom { bottom: 120px !important; }
  .logo-strip { align-items: flex-start !important; flex-direction: column !important; }
  .logo-row { flex-wrap: wrap !important; justify-content: flex-start !important; }
  .section { padding: 66px 18px !important; }
  .section-heading { align-items: flex-start !important; flex-direction: column !important; gap: 18px !important; }
  .capability-grid, .work-grid, .process-line, .leader-grid, .values-grid { grid-template-columns: 1fr !important; }
  .work-card.featured { grid-row: auto !important; }
  .career-panel { padding: 28px 20px !important; }
  .cta-card { align-items: flex-start !important; flex-direction: column !important; padding: 28px 22px !important; }
  .page-hero { min-height: 580px !important; padding-left: 18px !important; padding-right: 18px !important; }
  .page-hero h1, .job-detail-hero h1 { font-size: 42px !important; }
  .page-hero::after { left: 18px !important; right: 18px !important; height: 230px !important; border-radius: 80px 18px 18px 18px !important; }
  .solution-row { grid-template-columns: 1fr !important; gap: 14px !important; padding: 24px 20px !important; }
  .portfolio-row, .job-card, .contact-context, .contact-form { padding: 24px 20px !important; }
  .footer-grid { grid-template-columns: 1fr !important; gap: 26px !important; }
  .footer-bottom { flex-direction: column !important; gap: 6px !important; }
  .login-shell { grid-template-columns: 1fr !important; min-height: auto !important; }
  .login-brand-panel { min-height: 290px !important; }
  .admin-content { padding: 14px !important; }
  .admin-page-heading { align-items: flex-start !important; flex-direction: column !important; }
  .admin-stat-grid { grid-template-columns: 1fr !important; }
  .cms-page-tabs { display: grid !important; grid-template-columns: 1fr 1fr !important; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .bm-scroll-progress { display: none !important; }
}

/* ITECH BRIGHT MINIMAL UI 20260727T134944Z */

/* ITECH HOMEPAGE CORPORATE V2 BEGIN */
/* Homepage-only corporate content and image pass. */
body[data-page="home"] .hero-section {
  min-height: 700px !important;
  background: radial-gradient(circle at 10% 16%, rgba(0,174,240,.07), transparent 31%), radial-gradient(circle at 92% 10%, rgba(240,71,0,.055), transparent 28%), linear-gradient(180deg,#fff,#fbfcfe) !important;
}
body[data-page="home"] .hero-grid {
  min-height: 700px !important;
  grid-template-columns: minmax(0,.96fr) minmax(500px,1.04fr) !important;
  gap: 58px !important;
  padding-top: 64px !important;
  padding-bottom: 66px !important;
}
body[data-page="home"] .hero-copy h1 { max-width: 680px !important; font-size: clamp(47px,5.2vw,70px) !important; line-height: 1.035 !important; letter-spacing: -.052em !important; }
body[data-page="home"] .hero-copy > p { max-width: 650px !important; color: #5d6b7c !important; font-size: 16px !important; }
body[data-page="home"] .hero-proof strong { font-size: 16px !important; }
body[data-page="home"] .hero-proof span { max-width: 150px !important; }

/* Keep one strong hero photograph. The small repeated server photo is intentionally removed. */
body[data-page="home"] .home-hero-media { position: relative; min-height: 535px; display: block; }
body[data-page="home"] .home-hero-photo { margin: 0; overflow: hidden; background: #eef2f6; border: 1px solid rgba(15,23,42,.07); box-shadow: 0 20px 55px rgba(15,23,42,.11); }
body[data-page="home"] .home-hero-photo img { width: 100%; height: 100%; display: block; object-fit: cover; filter: saturate(.82) contrast(.98); }
body[data-page="home"] .home-hero-photo-main { width: 100%; height: 535px; border-radius: 150px 28px 28px 28px; }
body[data-page="home"] .home-hero-photo-main img { object-position: center 34%; }
body[data-page="home"] .home-hero-photo-secondary { display: none !important; }
body[data-page="home"] .home-hero-summary { position: absolute; left: -42px; bottom: 28px; width: min(390px,72%); padding: 18px 20px; background: rgba(255,255,255,.94); border: 1px solid rgba(255,255,255,.88); border-radius: 15px; box-shadow: 0 18px 44px rgba(15,23,42,.14); backdrop-filter: blur(14px); }
body[data-page="home"] .home-hero-summary span { display: block; margin-bottom: 6px; color: #0878d1; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
body[data-page="home"] .home-hero-summary strong { display: block; color: #17212b; font-size: 15px; line-height: 1.45; }
body[data-page="home"] .logo-strip > span { color: #475467 !important; font-weight: 700 !important; }

body[data-page="home"] .home-about-section { padding-top: 76px !important; padding-bottom: 30px !important; }
body[data-page="home"] .home-about-grid { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 72px; padding: 42px 46px; background: linear-gradient(135deg,#f8fbff,#fff 58%,#fff7f2); border: 1px solid #e7ebf0; border-radius: 22px; }
body[data-page="home"] .home-about-grid h2 { max-width: 560px; margin: 10px 0 0; color: #111827; font-size: clamp(30px,3.5vw,44px); line-height: 1.08; letter-spacing: -.04em; }
body[data-page="home"] .home-about-grid p { margin: 0 0 14px; color: #667085; }
body[data-page="home"] .home-text-link { color: #0878d1; font-size: 13px; font-weight: 750; }
body[data-page="home"] .home-text-link span { color: #f04700; }

/* Services use clean category markers, not repeated stock photographs. */
body[data-page="home"] .capability-grid.home-capability-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 18px !important; }
body[data-page="home"] .home-capability-grid .capability-card { min-height: 250px !important; padding: 92px 28px 28px !important; overflow: hidden !important; }
body[data-page="home"] .home-capability-grid .capability-card::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 26px !important;
  top: 24px !important;
  width: 54px !important;
  height: 54px !important;
  border-radius: 15px !important;
  filter: none !important;
  transform: none !important;
  background-image: none !important;
  box-shadow: inset 0 0 0 1px rgba(15,23,42,.04) !important;
}
body[data-page="home"] .home-capability-grid .capability-card::after {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: absolute !important;
  left: 26px !important;
  top: 24px !important;
  width: 54px !important;
  height: 54px !important;
  color: #111827 !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  letter-spacing: .07em !important;
  pointer-events: none !important;
}
body[data-page="home"] .home-capability-grid .capability-card:nth-child(1)::before { background: linear-gradient(135deg,#eaf7ff,#d8efff) !important; }
body[data-page="home"] .home-capability-grid .capability-card:nth-child(1)::after { content: "CODE" !important; color: #0878d1 !important; }
body[data-page="home"] .home-capability-grid .capability-card:nth-child(2)::before { background: linear-gradient(135deg,#fff1e9,#ffe0d2) !important; }
body[data-page="home"] .home-capability-grid .capability-card:nth-child(2)::after { content: "IOT" !important; color: #c84813 !important; }
body[data-page="home"] .home-capability-grid .capability-card:nth-child(3)::before { background: linear-gradient(135deg,#edf9f3,#dff2e8) !important; }
body[data-page="home"] .home-capability-grid .capability-card:nth-child(3)::after { content: "CLOUD" !important; color: #16794f !important; }
body[data-page="home"] .home-capability-grid .capability-card:nth-child(4)::before { background: linear-gradient(135deg,#fff9dc,#fff0a9) !important; }
body[data-page="home"] .home-capability-grid .capability-card:nth-child(4)::after { content: "SUPPORT" !important; color: #9a6a00 !important; font-size: 8px !important; }
body[data-page="home"] .home-capability-grid .capability-card h3 { margin-top: 11px !important; }

body[data-page="home"] .home-work-section { background: linear-gradient(180deg,#f6f8fb,#fff) !important; }
body[data-page="home"] .home-work-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 18px !important; }
body[data-page="home"] .home-work-grid .work-card { display: grid !important; grid-template-columns: minmax(180px,40%) minmax(0,60%) !important; min-height: 252px !important; grid-row: auto !important; }
body[data-page="home"] .home-work-grid .work-image { position: relative !important; width: 100% !important; height: 100% !important; min-height: 252px !important; background-size: cover !important; background-position: center !important; overflow: hidden !important; }
body[data-page="home"] .work-image.managed-it { background-image: linear-gradient(180deg,rgba(9,25,42,.02),rgba(9,25,42,.14)),url('/__itech_bright_ui/home-support.jpg') !important; background-position: center 35% !important; }
body[data-page="home"] .work-image.energy-intelligence { background-image: linear-gradient(180deg,rgba(9,25,42,.02),rgba(9,25,42,.14)),url('/__itech_bright_ui/home-iot.jpg') !important; background-position: center 30% !important; }
body[data-page="home"] .work-image.frismobile { background-image: linear-gradient(180deg,rgba(9,25,42,.02),rgba(9,25,42,.14)),url('/__itech_bright_ui/home-mobile.jpg') !important; background-position: center 38% !important; }
/* Command Centre uses a product-style abstract visual instead of repeating the hero team photograph. */
body[data-page="home"] .work-image.command-centre {
  background-color: #10283f !important;
  background-image:
    linear-gradient(135deg,rgba(0,174,240,.22),rgba(240,71,0,.16)),
    linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px) !important;
  background-size: auto,28px 28px,28px 28px !important;
}
body[data-page="home"] .work-image.command-centre::before {
  content: "";
  position: absolute;
  left: 15%;
  right: 15%;
  top: 20%;
  bottom: 20%;
  border: 1px solid rgba(255,255,255,.30);
  border-radius: 14px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 14px 35px rgba(0,0,0,.22);
}
body[data-page="home"] .work-image.command-centre::after {
  content: "";
  position: absolute;
  left: 22%;
  right: 25%;
  top: 31%;
  height: 8px;
  border-radius: 999px;
  background: linear-gradient(90deg,#00aef0 0 58%,#f04700 58% 78%,#e8edf3 78%);
  box-shadow: 0 24px 0 #dfe7ef,0 48px 0 #e8edf3;
}
body[data-page="home"] .home-work-grid .work-body { display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: center !important; padding: 24px !important; }
body[data-page="home"] .home-work-grid .work-body a { margin-top: auto !important; padding-top: 12px !important; }

body[data-page="home"] .process-step { min-height: 184px !important; }
body[data-page="home"] .career-panel { background: radial-gradient(circle at 92% 12%,rgba(0,174,240,.11),transparent 31%),linear-gradient(135deg,#fff6f1,#fff 56%,#f2f8ff) !important; }
body[data-page="home"] .career-panel h2 { font-size: 36px !important; }
body[data-page="home"] .cta-card { align-items: center !important; }
body[data-page="home"] .cta-card .button.light { flex: 0 0 auto !important; }
@media (max-width: 1100px) {
  body[data-page="home"] .hero-grid { grid-template-columns: minmax(0,1fr) minmax(430px,.9fr) !important; gap: 36px !important; }
  body[data-page="home"] .home-hero-summary { left: 16px; }
  body[data-page="home"] .home-work-grid .work-card { grid-template-columns: 165px minmax(0,1fr) !important; }
}
@media (max-width: 860px) {
  body[data-page="home"] .hero-grid { grid-template-columns: 1fr !important; }
  body[data-page="home"] .home-hero-media { min-height: 470px; }
  body[data-page="home"] .home-hero-photo-main { height: 470px; }
  body[data-page="home"] .home-about-grid { grid-template-columns: 1fr; gap: 24px; }
  body[data-page="home"] .capability-grid.home-capability-grid { grid-template-columns: 1fr !important; }
  body[data-page="home"] .home-work-grid { grid-template-columns: 1fr !important; }
}
@media (max-width: 680px) {
  body[data-page="home"] .hero-copy h1 { font-size: 40px !important; }
  body[data-page="home"] .home-hero-media { min-height: 390px; display: block; }
  body[data-page="home"] .home-hero-photo-main { height: 390px; border-radius: 72px 18px 18px 18px; }
  body[data-page="home"] .home-hero-summary { left: 14px; right: 14px; bottom: 14px; width: auto; padding: 15px 16px; }
  body[data-page="home"] .home-about-section { padding-top: 56px !important; }
  body[data-page="home"] .home-about-grid { padding: 28px 22px; }
  body[data-page="home"] .home-about-grid h2 { font-size: 31px; }
  body[data-page="home"] .capability-grid.home-capability-grid { grid-template-columns: 1fr !important; }
  body[data-page="home"] .home-capability-grid .capability-card { min-height: 230px !important; padding: 88px 22px 24px !important; }
  body[data-page="home"] .home-work-grid .work-card { grid-template-columns: 1fr !important; }
  body[data-page="home"] .home-work-grid .work-image { min-height: 215px !important; height: 215px !important; }
  body[data-page="home"] .cta-card { align-items: flex-start !important; }
}
/* ITECH HOMEPAGE CORPORATE V2 END */

/* ITECH HOME VISUAL POLISH V1 BEGIN */
body[data-page="home"] {
  --hp-section-space: clamp(76px, 8vw, 112px);
  --hp-card-radius: 26px;
  --hp-panel-radius: 32px;
  --hp-shadow: 0 24px 64px rgba(16, 24, 40, .10);
  --hp-shadow-hover: 0 30px 78px rgba(16, 24, 40, .16);
  --hp-border: rgba(15, 23, 42, .09);
  --hp-ink: #101828;
  --hp-copy: #526173;
  font-size: 16px !important;
}
body[data-page="home"] main { overflow: clip; }
body[data-page="home"] .site-header {
  background: rgba(255, 255, 255, .93) !important;
  border-bottom: 1px solid rgba(15, 23, 42, .07) !important;
  box-shadow: 0 8px 30px rgba(15, 23, 42, .04) !important;
  transition: box-shadow .3s ease, background .3s ease !important;
}
body[data-page="home"].hp-header-scrolled .site-header {
  background: rgba(255, 255, 255, .98) !important;
  box-shadow: 0 14px 42px rgba(15, 23, 42, .09) !important;
}
body[data-page="home"] .nav-wrap { height: 82px !important; padding-inline: 28px !important; }
body[data-page="home"] main { padding-top: 82px !important; }
body[data-page="home"] .site-nav { gap: 30px !important; }
body[data-page="home"] .site-nav > a:not(.nav-cta) { padding-block: 31px !important; font-size: 13px !important; }
body[data-page="home"] .nav-cta {
  min-height: 44px !important;
  padding: 0 20px !important;
  border-radius: 12px !important;
  background: #102f4f !important;
  box-shadow: 0 10px 24px rgba(16, 47, 79, .18) !important;
  transition: transform .25s ease, box-shadow .25s ease, background .25s ease !important;
}
body[data-page="home"] .nav-cta:hover { transform: translateY(-2px); background: #f26a21 !important; box-shadow: 0 14px 30px rgba(242, 106, 33, .22) !important; }
body[data-page="home"] .hero-section {
  min-height: 760px !important;
  isolation: isolate;
  overflow: hidden;
  background: radial-gradient(circle at 12% 15%, rgba(25,168,232,.10), transparent 30%), radial-gradient(circle at 88% 18%, rgba(242,106,33,.09), transparent 28%), linear-gradient(180deg,#fff 0%,#f9fbfd 100%) !important;
}
body[data-page="home"] .hero-section::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -2 !important;
  opacity: .44 !important;
  background-image: linear-gradient(rgba(16,47,79,.055) 1px,transparent 1px), linear-gradient(90deg,rgba(16,47,79,.055) 1px,transparent 1px) !important;
  background-size: 54px 54px !important;
  mask-image: linear-gradient(to bottom,#000 0%,rgba(0,0,0,.65) 58%,transparent 100%) !important;
  animation: hp-grid-drift 28s linear infinite;
}
body[data-page="home"] .hero-section::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 420px;
  height: 420px;
  right: -180px;
  bottom: -210px;
  border-radius: 50%;
  border: 1px solid rgba(25,168,232,.18);
  box-shadow: 0 0 0 70px rgba(25,168,232,.035), 0 0 0 140px rgba(242,106,33,.025);
}
body[data-page="home"] .hero-grid {
  min-height: 760px !important;
  grid-template-columns: minmax(0,.94fr) minmax(500px,1.06fr) !important;
  gap: clamp(48px,6vw,84px) !important;
  padding: 82px 28px 78px !important;
}
body[data-page="home"] .hero-copy { max-width: 690px !important; }
body[data-page="home"] .eyebrow {
  width: fit-content;
  padding: 9px 13px !important;
  border: 1px solid rgba(8,120,209,.13) !important;
  border-radius: 999px !important;
  background: rgba(234,247,255,.78) !important;
  color: #126da9 !important;
  letter-spacing: .11em !important;
  font-size: 10px !important;
}
body[data-page="home"] .eyebrow span { width: 7px !important; height: 7px !important; border-radius: 50% !important; background: #f26a21 !important; box-shadow: 0 0 0 5px rgba(242,106,33,.10); }
body[data-page="home"] .hero-copy h1 {
  max-width: 690px !important;
  margin: 24px 0 !important;
  color: var(--hp-ink) !important;
  font-size: clamp(52px,5.5vw,74px) !important;
  line-height: 1.015 !important;
  letter-spacing: -.055em !important;
  text-wrap: balance;
}
body[data-page="home"] .hero-copy > p {
  max-width: 650px !important;
  margin: 0 !important;
  color: var(--hp-copy) !important;
  font-size: 17px !important;
  line-height: 1.72 !important;
}
body[data-page="home"] .hero-actions { gap: 14px !important; margin-top: 34px !important; }
body[data-page="home"] .hero-actions .button { min-height: 50px !important; padding: 0 22px !important; border-radius: 13px !important; font-size: 13px !important; letter-spacing: .01em !important; }
body[data-page="home"] .hero-actions .button::after { content: "→"; margin-left: 10px; font-size: 15px; transition: transform .24s ease; }
body[data-page="home"] .hero-actions .button:hover::after { transform: translateX(4px); }
body[data-page="home"] .hero-actions .button.primary { background: #f26a21 !important; box-shadow: 0 14px 30px rgba(242,106,33,.24) !important; }
body[data-page="home"] .hero-actions .button.ghost { color: #102f4f !important; background: #fff !important; border-color: rgba(16,47,79,.15) !important; box-shadow: 0 12px 28px rgba(15,23,42,.06) !important; }
body[data-page="home"] .hero-actions .button.ghost:hover { border-color: rgba(16,47,79,.28) !important; background: #f7fafc !important; }
body[data-page="home"] .hero-proof { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 12px !important; margin-top: 44px !important; padding: 0 !important; border: 0 !important; }
body[data-page="home"] .hero-proof div { min-height: 94px; padding: 17px 16px !important; border: 1px solid rgba(15,23,42,.08) !important; border-radius: 16px !important; background: rgba(255,255,255,.78) !important; box-shadow: 0 10px 28px rgba(15,23,42,.045) !important; }
body[data-page="home"] .hero-proof strong { color: #102f4f !important; font-size: 15px !important; line-height: 1.25 !important; }
body[data-page="home"] .hero-proof span { color: #667085 !important; font-size: 11px !important; line-height: 1.45 !important; }
body[data-page="home"] .home-hero-media { min-height: 548px !important; border-radius: 34px !important; filter: drop-shadow(0 24px 46px rgba(15,23,42,.10)); }
body[data-page="home"] .home-hero-media::before { content: ""; position: absolute; inset: -16px 18px 18px -16px; z-index: -1; border: 1px solid rgba(25,168,232,.15); border-radius: 38px; background: radial-gradient(circle at 2px 2px,rgba(16,47,79,.12) 1.2px,transparent 1.4px); background-size: 18px 18px; opacity: .55; }
body[data-page="home"] .home-hero-photo-main { height: 548px !important; border-radius: 34px 34px 112px 34px !important; border: 1px solid rgba(15,23,42,.08) !important; box-shadow: 0 28px 70px rgba(15,23,42,.15) !important; }
body[data-page="home"] .home-hero-photo-main img { transition: transform 1s cubic-bezier(.2,.7,.2,1), filter .4s ease !important; }
body[data-page="home"] .home-hero-media:hover .home-hero-photo-main img { transform: scale(1.025); filter: saturate(.9) contrast(1) !important; }
body[data-page="home"] .home-hero-summary { left: -34px !important; bottom: 30px !important; width: min(410px,76%) !important; padding: 18px 20px 18px 64px !important; border: 1px solid rgba(15,23,42,.08) !important; border-radius: 18px !important; box-shadow: 0 22px 54px rgba(15,23,42,.16) !important; }
body[data-page="home"] .hp-summary-icon { position: absolute; left: 18px; top: 50%; width: 32px; height: 32px; display: grid; place-items: center; transform: translateY(-50%); border-radius: 10px; background: #eaf7ff; color: #0878d1; }
body[data-page="home"] .hp-summary-icon svg { width: 18px; height: 18px; }
body[data-page="home"] .home-hero-summary span:not(.hp-summary-icon) { margin-bottom: 4px !important; }
body[data-page="home"] .home-hero-summary strong { font-size: 14px !important; line-height: 1.5 !important; }
body[data-page="home"] .logo-strip { width: min(calc(100% - 48px),1180px) !important; margin: 32px auto 0 !important; padding: 24px 30px !important; border: 1px solid var(--hp-border) !important; border-radius: 20px !important; background: #fff !important; box-shadow: 0 16px 44px rgba(15,23,42,.06) !important; }
body[data-page="home"] .logo-strip > span { max-width: 250px !important; font-size: 11px !important; line-height: 1.5 !important; text-transform: uppercase; letter-spacing: .08em; }
body[data-page="home"] .logo-row { gap: clamp(24px,4vw,46px) !important; }
body[data-page="home"] .logo-row img { opacity: .58 !important; transition: opacity .25s ease, filter .25s ease, transform .25s ease !important; }
body[data-page="home"] .logo-row img:hover { opacity: .92 !important; filter: grayscale(0) !important; transform: translateY(-2px); }
body[data-page="home"] .section { padding-top: var(--hp-section-space) !important; padding-bottom: var(--hp-section-space) !important; }
body[data-page="home"] .section-heading { align-items: flex-end !important; gap: 56px !important; margin-bottom: 46px !important; }
body[data-page="home"] .section-heading h2 { max-width: 700px !important; margin-top: 12px !important; color: var(--hp-ink) !important; font-size: clamp(38px,4.2vw,52px) !important; line-height: 1.08 !important; letter-spacing: -.045em !important; text-wrap: balance; }
body[data-page="home"] .section-heading > p { max-width: 420px !important; color: var(--hp-copy) !important; font-size: 15px !important; line-height: 1.72 !important; }
body[data-page="home"] .kicker { display: inline-flex !important; align-items: center; gap: 9px; font-size: 10px !important; letter-spacing: .14em !important; }
body[data-page="home"] .kicker::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 5px rgba(242,106,33,.08); }
body[data-page="home"] .home-about-section { padding-top: 86px !important; padding-bottom: 44px !important; }
body[data-page="home"] .home-about-grid { position: relative; overflow: hidden; grid-template-columns: minmax(0,.88fr) minmax(0,1.12fr) !important; gap: clamp(48px,6vw,82px) !important; padding: clamp(42px,5vw,68px) !important; border: 1px solid rgba(15,23,42,.08) !important; border-radius: var(--hp-panel-radius) !important; background: radial-gradient(circle at 88% 12%,rgba(25,168,232,.10),transparent 26%), radial-gradient(circle at 10% 94%,rgba(242,106,33,.08),transparent 28%), linear-gradient(135deg,#f8fbff 0%,#fff 62%,#fff8f3 100%) !important; box-shadow: 0 22px 62px rgba(15,23,42,.07) !important; }
body[data-page="home"] .home-about-grid::after { content: ""; position: absolute; width: 220px; height: 220px; right: -54px; bottom: -84px; opacity: .32; background-image: radial-gradient(circle,rgba(16,47,79,.18) 1.2px,transparent 1.4px); background-size: 16px 16px; transform: rotate(8deg); }
body[data-page="home"] .home-about-grid > * { position: relative; z-index: 1; }
body[data-page="home"] .home-about-grid h2 { max-width: 560px !important; font-size: clamp(34px,3.6vw,46px) !important; line-height: 1.1 !important; }
body[data-page="home"] .home-about-grid p { max-width: 650px; margin-bottom: 17px !important; color: var(--hp-copy) !important; font-size: 16px !important; line-height: 1.75 !important; }
body[data-page="home"] .home-text-link { display: inline-flex; align-items: center; gap: 8px; margin-top: 8px; padding-bottom: 5px; border-bottom: 1px solid rgba(8,120,209,.25); font-size: 13px !important; transition: gap .2s ease, border-color .2s ease; }
body[data-page="home"] .home-text-link:hover { gap: 12px; border-color: #0878d1; }
body[data-page="home"] .capabilities-section { padding-top: 78px !important; }
body[data-page="home"] .capability-grid.home-capability-grid { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 20px !important; border: 0 !important; }
body[data-page="home"] .home-capability-grid .capability-card { position: relative !important; min-height: 308px !important; padding: 34px 34px 32px !important; border: 1px solid var(--hp-border) !important; border-radius: var(--hp-card-radius) !important; overflow: hidden !important; background: radial-gradient(circle at var(--hp-x,90%) var(--hp-y,10%),rgba(25,168,232,.11),transparent 30%),linear-gradient(145deg,#fff,#fbfcfe) !important; box-shadow: 0 14px 42px rgba(15,23,42,.055) !important; transform: translateY(0) !important; transition: transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease,border-color .32s ease !important; }
body[data-page="home"] .home-capability-grid .capability-card::before, body[data-page="home"] .home-capability-grid .capability-card::after { display: none !important; }
body[data-page="home"] .home-capability-grid .capability-card:hover { color: var(--hp-ink) !important; border-color: rgba(8,120,209,.20) !important; background: radial-gradient(circle at var(--hp-x,70%) var(--hp-y,20%),rgba(25,168,232,.15),transparent 34%),linear-gradient(145deg,#fff,#f8fbff) !important; box-shadow: var(--hp-shadow-hover) !important; transform: translateY(-8px) !important; }
body[data-page="home"] .home-capability-grid .cap-number { position: absolute; top: 32px; right: 32px; color: #98a2b3 !important; font-size: 11px !important; letter-spacing: .08em; }
body[data-page="home"] .hp-card-icon { width: 58px; height: 58px; display: grid; place-items: center; margin-bottom: 30px; border: 1px solid rgba(15,23,42,.06); border-radius: 17px; color: #0878d1; background: #eaf7ff; box-shadow: inset 0 1px rgba(255,255,255,.8); transition: transform .32s cubic-bezier(.2,.8,.2,1),color .25s ease,background .25s ease; }
body[data-page="home"] .home-capability-grid .capability-card:nth-child(2) .hp-card-icon { color: #d95714; background: #fff0e8; }
body[data-page="home"] .home-capability-grid .capability-card:nth-child(3) .hp-card-icon { color: #16794f; background: #eaf8f1; }
body[data-page="home"] .home-capability-grid .capability-card:nth-child(4) .hp-card-icon { color: #8a6500; background: #fff8d8; }
body[data-page="home"] .hp-card-icon svg { width: 27px; height: 27px; }
body[data-page="home"] .capability-card:hover .hp-card-icon { transform: translateY(-3px) rotate(-3deg); }
body[data-page="home"] .home-capability-grid .capability-card h3 { margin: 0 0 14px !important; color: var(--hp-ink) !important; font-size: 24px !important; line-height: 1.22 !important; letter-spacing: -.025em !important; }
body[data-page="home"] .home-capability-grid .capability-card p { max-width: 560px; margin: 0 !important; color: var(--hp-copy) !important; font-size: 15px !important; line-height: 1.72 !important; }
body[data-page="home"] .home-capability-grid .capability-card b { margin-top: 26px !important; color: #102f4f !important; font-size: 12px !important; letter-spacing: .02em; }
body[data-page="home"] .home-work-section { position: relative; isolation: isolate; background: radial-gradient(circle at 8% 16%,rgba(25,168,232,.16),transparent 28%),radial-gradient(circle at 92% 84%,rgba(242,106,33,.13),transparent 30%),#071b2e !important; color: #fff !important; }
body[data-page="home"] .home-work-section::before { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .36; background-image: linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px); background-size: 42px 42px; mask-image: linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent); }
body[data-page="home"] .home-work-section .section-heading h2 { color: #fff !important; }
body[data-page="home"] .home-work-section .section-heading > p { color: #aebfce !important; }
body[data-page="home"] .home-work-grid { gap: 22px !important; }
body[data-page="home"] .home-work-grid .work-card { min-height: 288px !important; border: 1px solid rgba(255,255,255,.12) !important; border-radius: 24px !important; background: rgba(255,255,255,.055) !important; box-shadow: 0 18px 44px rgba(0,0,0,.16) !important; transition: transform .3s ease,border-color .3s ease,background .3s ease,box-shadow .3s ease !important; }
body[data-page="home"] .home-work-grid .work-card:hover { transform: translateY(-7px); border-color: rgba(255,255,255,.24) !important; background: rgba(255,255,255,.08) !important; box-shadow: 0 28px 60px rgba(0,0,0,.25) !important; }
body[data-page="home"] .home-work-grid .work-image { min-height: 288px !important; }
body[data-page="home"] .home-work-grid .work-image::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg,transparent 62%,rgba(7,27,46,.18)); pointer-events: none; }
body[data-page="home"] .home-work-grid .work-body { padding: 30px !important; }
body[data-page="home"] .home-work-grid .work-body h3 { margin: 20px 0 12px !important; color: #fff !important; font-size: 23px !important; letter-spacing: -.02em !important; }
body[data-page="home"] .home-work-grid .work-body p { color: #b6c5d1 !important; font-size: 14px !important; line-height: 1.68 !important; }
body[data-page="home"] .home-work-grid .work-body a { display: inline-flex !important; align-items: center; gap: 8px; color: #fff !important; }
body[data-page="home"] .home-work-grid .work-body a:hover { gap: 12px; }
body[data-page="home"] .process-line { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 18px !important; border: 0 !important; }
body[data-page="home"] .process-step { min-height: 250px !important; padding: 28px !important; border: 1px solid var(--hp-border) !important; border-radius: 22px !important; background: #fff !important; box-shadow: 0 14px 38px rgba(15,23,42,.05) !important; transition: transform .28s ease,box-shadow .28s ease,border-color .28s ease !important; }
body[data-page="home"] .process-step::before { display: none !important; }
body[data-page="home"] .process-step::after { content: ""; position: absolute; left: 28px; right: 28px; top: 86px; height: 1px; background: linear-gradient(90deg,rgba(25,168,232,.35),transparent); }
body[data-page="home"] .process-step:hover { transform: translateY(-6px); border-color: rgba(8,120,209,.18) !important; box-shadow: var(--hp-shadow) !important; }
body[data-page="home"] .hp-process-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 34px; }
body[data-page="home"] .hp-process-icon { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 14px; color: #0878d1; background: #eaf7ff; }
body[data-page="home"] .process-step:nth-child(2) .hp-process-icon { color: #d95714; background: #fff0e8; }
body[data-page="home"] .process-step:nth-child(3) .hp-process-icon { color: #16794f; background: #eaf8f1; }
body[data-page="home"] .process-step:nth-child(4) .hp-process-icon { color: #8a6500; background: #fff8d8; }
body[data-page="home"] .hp-process-icon svg { width: 22px; height: 22px; }
body[data-page="home"] .process-step > span { color: #98a2b3 !important; font-size: 10px !important; letter-spacing: .10em; }
body[data-page="home"] .process-step h3 { margin: 0 0 10px !important; color: var(--hp-ink) !important; font-size: 21px !important; }
body[data-page="home"] .process-step p { margin: 0 !important; color: var(--hp-copy) !important; font-size: 14px !important; line-height: 1.68 !important; }
body[data-page="home"] .careers-preview { padding-top: 40px !important; }
body[data-page="home"] .career-panel { position: relative; overflow: hidden; padding: clamp(38px,5vw,62px) !important; gap: clamp(42px,6vw,76px) !important; border: 1px solid var(--hp-border) !important; border-radius: var(--hp-panel-radius) !important; background: radial-gradient(circle at 90% 10%,rgba(25,168,232,.12),transparent 28%),linear-gradient(135deg,#fff8f3,#fff 58%,#f2f8ff) !important; box-shadow: 0 22px 60px rgba(15,23,42,.075) !important; }
body[data-page="home"] .career-panel::after { content: ""; position: absolute; right: -55px; top: -55px; width: 210px; height: 210px; border: 1px solid rgba(25,168,232,.18); border-radius: 50%; box-shadow: 0 0 0 44px rgba(25,168,232,.035),0 0 0 88px rgba(242,106,33,.025); }
body[data-page="home"] .career-panel > * { position: relative; z-index: 1; }
body[data-page="home"] .career-panel h2 { font-size: clamp(34px,3.6vw,44px) !important; }
body[data-page="home"] .career-panel p { max-width: 520px; font-size: 15px !important; line-height: 1.7 !important; }
body[data-page="home"] .career-list a { padding: 20px 4px !important; transition: padding .22s ease,color .22s ease !important; }
body[data-page="home"] .career-list a:hover { padding-left: 10px !important; color: #0878d1 !important; }
body[data-page="home"] .final-cta { padding-top: 24px !important; padding-bottom: 74px !important; }
body[data-page="home"] .cta-card { position: relative; overflow: hidden; min-height: 210px; padding: clamp(38px,5vw,62px) !important; border-radius: var(--hp-panel-radius) !important; background: radial-gradient(circle at 84% 20%,rgba(255,255,255,.24),transparent 22%),linear-gradient(120deg,#e65c16,#f47a35 64%,#ff9355) !important; box-shadow: 0 26px 64px rgba(242,106,33,.22) !important; }
body[data-page="home"] .cta-card::before { content: ""; position: absolute; inset: 0; opacity: .26; background-image: radial-gradient(circle at 1px 1px,rgba(255,255,255,.6) 1px,transparent 1.2px); background-size: 18px 18px; mask-image: linear-gradient(90deg,transparent,#000 58%); }
body[data-page="home"] .cta-card > * { position: relative; z-index: 1; }
body[data-page="home"] .cta-card h2 { max-width: 760px !important; font-size: clamp(34px,3.6vw,46px) !important; line-height: 1.08 !important; }
body[data-page="home"] .cta-card .button.light { min-height: 50px !important; padding: 0 22px !important; border-radius: 13px !important; box-shadow: 0 12px 30px rgba(117,43,7,.18); transition: transform .25s ease,box-shadow .25s ease !important; }
body[data-page="home"] .cta-card .button.light:hover { transform: translateY(-3px); box-shadow: 0 18px 38px rgba(117,43,7,.24); }
body[data-page="home"] .site-footer { margin-top: 0 !important; }
body[data-page="home"] .footer-grid { padding-top: 78px !important; padding-bottom: 58px !important; gap: 56px !important; }
body[data-page="home"].hp-enhanced .hp-reveal { opacity: 0; transform: translateY(28px); transition: opacity .72s ease var(--hp-delay,0ms),transform .72s cubic-bezier(.2,.75,.25,1) var(--hp-delay,0ms); }
body[data-page="home"].hp-enhanced .hp-reveal.hp-visible { opacity: 1; transform: translateY(0); }
body[data-page="home"].hp-enhanced .home-hero-media { animation: hp-media-float 8s ease-in-out infinite; }
@keyframes hp-grid-drift { from { background-position: 0 0,0 0; } to { background-position: 54px 54px,54px 54px; } }
@keyframes hp-media-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } }
@media (max-width:1100px) {
  body[data-page="home"] .hero-grid { grid-template-columns: minmax(0,1fr) minmax(430px,.92fr) !important; gap: 42px !important; }
  body[data-page="home"] .process-line { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  body[data-page="home"] .home-work-grid .work-card { grid-template-columns: 175px minmax(0,1fr) !important; }
}
@media (max-width:860px) {
  body[data-page="home"] .nav-wrap { height: 76px !important; }
  body[data-page="home"] main { padding-top: 76px !important; }
  body[data-page="home"] .hero-grid { grid-template-columns: 1fr !important; min-height: auto !important; padding-top: 70px !important; }
  body[data-page="home"] .home-hero-media { min-height: 500px !important; margin-top: 8px; }
  body[data-page="home"] .home-hero-photo-main { height: 500px !important; }
  body[data-page="home"] .home-hero-summary { left: 20px !important; }
  body[data-page="home"] .logo-strip { align-items: flex-start !important; flex-direction: column !important; }
  body[data-page="home"] .logo-row { width: 100%; justify-content: space-between !important; }
  body[data-page="home"] .home-about-grid { grid-template-columns: 1fr !important; gap: 28px !important; }
  body[data-page="home"] .section-heading { align-items: flex-start !important; flex-direction: column !important; gap: 20px !important; }
  body[data-page="home"] .home-work-grid { grid-template-columns: 1fr !important; }
}
@media (max-width:680px) {
  body[data-page="home"] { font-size: 15px !important; }
  body[data-page="home"] .nav-wrap { padding-inline: 16px !important; }
  body[data-page="home"] .hero-section { min-height: auto !important; }
  body[data-page="home"] .hero-grid { padding: 56px 18px 58px !important; }
  body[data-page="home"] .hero-copy h1 { margin-top: 20px !important; font-size: clamp(39px,12vw,48px) !important; line-height: 1.04 !important; }
  body[data-page="home"] .hero-copy > p { font-size: 15px !important; line-height: 1.68 !important; }
  body[data-page="home"] .hero-actions { flex-direction: column !important; }
  body[data-page="home"] .hero-actions .button { width: 100% !important; }
  body[data-page="home"] .hero-proof { grid-template-columns: 1fr !important; }
  body[data-page="home"] .hero-proof div { min-height: auto !important; }
  body[data-page="home"] .home-hero-media { min-height: 390px !important; }
  body[data-page="home"] .home-hero-photo-main { height: 390px !important; border-radius: 24px 24px 72px 24px !important; }
  body[data-page="home"] .home-hero-media::before { inset: -10px 10px 10px -10px; border-radius: 28px; }
  body[data-page="home"] .home-hero-summary { left: 12px !important; right: 12px !important; bottom: 12px !important; width: auto !important; padding: 15px 16px 15px 56px !important; }
  body[data-page="home"] .logo-strip { width: calc(100% - 32px) !important; margin-top: 20px !important; padding: 22px !important; }
  body[data-page="home"] .logo-row { flex-wrap: wrap; justify-content: flex-start !important; gap: 22px !important; }
  body[data-page="home"] .logo-row img { width: 84px !important; }
  body[data-page="home"] .section { padding: 68px 18px !important; }
  body[data-page="home"] .section-heading { margin-bottom: 32px !important; }
  body[data-page="home"] .section-heading h2 { font-size: 34px !important; }
  body[data-page="home"] .home-about-section { padding-top: 60px !important; padding-bottom: 20px !important; }
  body[data-page="home"] .home-about-grid { padding: 30px 22px !important; border-radius: 24px !important; }
  body[data-page="home"] .home-about-grid h2 { font-size: 31px !important; }
  body[data-page="home"] .capability-grid.home-capability-grid { grid-template-columns: 1fr !important; }
  body[data-page="home"] .home-capability-grid .capability-card { min-height: 282px !important; padding: 28px 24px !important; border-radius: 22px !important; }
  body[data-page="home"] .home-work-grid .work-card { grid-template-columns: 1fr !important; }
  body[data-page="home"] .home-work-grid .work-image { height: 220px !important; min-height: 220px !important; }
  body[data-page="home"] .process-line { grid-template-columns: 1fr !important; }
  body[data-page="home"] .process-step { min-height: 230px !important; padding: 24px !important; }
  body[data-page="home"] .career-panel { padding: 30px 22px !important; border-radius: 24px !important; }
  body[data-page="home"] .cta-card { min-height: auto; padding: 32px 24px !important; border-radius: 24px !important; }
  body[data-page="home"] .cta-card h2 { font-size: 33px !important; }
  body[data-page="home"].hp-enhanced .home-hero-media { animation: none; }
}
@media (prefers-reduced-motion:reduce) {
  body[data-page="home"] .hero-section::before, body[data-page="home"].hp-enhanced .home-hero-media { animation: none !important; }
  body[data-page="home"].hp-enhanced .hp-reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
}
/* ITECH HOME VISUAL POLISH V1 END */

/* ITECH HOME VISUAL POLISH V2 BEGIN */
body[data-page="home"] .hero-copy {
  position: relative;
  z-index: 2;
}
body[data-page="home"] .hero-copy::before {
  content: "";
  position: absolute;
  left: -34px;
  top: 58px;
  width: 3px;
  height: 128px;
  border-radius: 999px;
  background: linear-gradient(180deg,#19a8e8,#f26a21);
  opacity: .72;
}
body[data-page="home"] .hero-proof div {
  position: relative;
  overflow: hidden;
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease !important;
}
body[data-page="home"] .hero-proof div::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(180deg,#19a8e8,#f26a21);
  opacity: .68;
}
body[data-page="home"] .hero-proof div::after {
  content: "";
  position: absolute;
  width: 90px;
  height: 90px;
  right: -48px;
  top: -48px;
  border-radius: 50%;
  background: rgba(25,168,232,.075);
  transition: transform .35s ease;
}
body[data-page="home"] .hero-proof div:hover {
  transform: translateY(-4px);
  border-color: rgba(25,168,232,.22) !important;
  box-shadow: 0 18px 38px rgba(15,23,42,.09) !important;
}
body[data-page="home"] .hero-proof div:hover::after { transform: scale(1.3); }
body[data-page="home"] .home-hero-media::after {
  content: "";
  position: absolute;
  right: -20px;
  top: 38px;
  width: 92px;
  height: 92px;
  border-radius: 28px;
  border: 1px solid rgba(242,106,33,.18);
  background:
    linear-gradient(90deg,transparent 47%,rgba(242,106,33,.16) 48% 52%,transparent 53%),
    linear-gradient(transparent 47%,rgba(25,168,232,.16) 48% 52%,transparent 53%),
    rgba(255,255,255,.76);
  box-shadow: 0 18px 42px rgba(15,23,42,.08);
  transform: rotate(8deg);
  pointer-events: none;
  animation: hp2-float 7s ease-in-out infinite;
}
body[data-page="home"] .logo-strip {
  position: relative;
  overflow: hidden;
}
body[data-page="home"] .logo-strip::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: linear-gradient(180deg,#19a8e8,#f26a21);
}
body[data-page="home"] .logo-strip::after {
  content: "";
  position: absolute;
  right: -38px;
  top: -52px;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  border: 1px solid rgba(25,168,232,.12);
  box-shadow: 0 0 0 28px rgba(25,168,232,.025),0 0 0 56px rgba(242,106,33,.018);
  pointer-events: none;
}
body[data-page="home"] .home-about-grid {
  isolation: isolate;
}
body[data-page="home"] .home-about-grid::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 34%;
  height: 5px;
  background: linear-gradient(90deg,#19a8e8,#f26a21);
  border-radius: 0 0 999px 0;
}
body[data-page="home"] .home-about-grid > div:first-child {
  padding-right: 14px;
  border-right: 1px solid rgba(15,23,42,.08);
}
body[data-page="home"] .home-text-link {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  margin-top: 9px;
  padding-bottom: 4px;
  border-bottom: 1px solid rgba(8,120,209,.22);
  transition: gap .24s ease,border-color .24s ease !important;
}
body[data-page="home"] .home-text-link:hover { gap: 13px; border-color: #0878d1; }
body[data-page="home"] .capabilities-section {
  position: relative;
  isolation: isolate;
}
body[data-page="home"] .capabilities-section::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 46%;
  width: min(980px,86vw);
  height: min(480px,42vw);
  transform: translate(-50%,-50%);
  border-radius: 50%;
  background: radial-gradient(circle,rgba(25,168,232,.065),transparent 66%);
  pointer-events: none;
}
body[data-page="home"] .home-capability-grid .capability-card {
  isolation: isolate;
  background: rgba(255,255,255,.90) !important;
}
body[data-page="home"] .home-capability-grid .capability-card::before {
  z-index: 0 !important;
}
body[data-page="home"] .home-capability-grid .capability-card::after {
  z-index: 1 !important;
}
body[data-page="home"] .home-capability-grid .capability-card > * {
  position: relative;
  z-index: 2;
}
body[data-page="home"] .home-capability-grid .capability-card > b {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  width: fit-content;
}
body[data-page="home"] .home-capability-grid .capability-card > b span { transition: transform .24s ease; }
body[data-page="home"] .home-capability-grid .capability-card:hover > b span { transform: translateX(5px); }
body[data-page="home"] .home-capability-grid .capability-card:nth-child(1) { border-top: 3px solid rgba(8,120,209,.65) !important; }
body[data-page="home"] .home-capability-grid .capability-card:nth-child(2) { border-top: 3px solid rgba(242,106,33,.65) !important; }
body[data-page="home"] .home-capability-grid .capability-card:nth-child(3) { border-top: 3px solid rgba(30,143,106,.62) !important; }
body[data-page="home"] .home-capability-grid .capability-card:nth-child(4) { border-top: 3px solid rgba(180,126,0,.58) !important; }
body[data-page="home"] .hp-card-icon {
  box-shadow: 0 12px 26px rgba(15,23,42,.09);
  transition: transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease !important;
}
body[data-page="home"] .home-capability-grid .capability-card:hover .hp-card-icon {
  transform: translateY(-4px) rotate(-3deg) !important;
  box-shadow: 0 18px 34px rgba(15,23,42,.14);
}
body[data-page="home"] .home-work-section {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
body[data-page="home"] .home-work-section::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background-image:
    radial-gradient(circle at 8% 18%,rgba(25,168,232,.09),transparent 24%),
    radial-gradient(circle at 92% 72%,rgba(242,106,33,.07),transparent 24%),
    linear-gradient(rgba(16,47,79,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(16,47,79,.035) 1px,transparent 1px);
  background-size: auto,auto,46px 46px,46px 46px;
  mask-image: linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent);
}
body[data-page="home"] .home-work-grid .work-card {
  position: relative;
  isolation: isolate;
  overflow: hidden !important;
  background: rgba(255,255,255,.94) !important;
  transition: transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease,border-color .32s ease !important;
}
body[data-page="home"] .home-work-grid .work-card::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  opacity: 0;
  background: radial-gradient(260px circle at var(--hp2-x,50%) var(--hp2-y,50%),rgba(25,168,232,.10),transparent 64%);
  transition: opacity .28s ease;
  pointer-events: none;
}
body[data-page="home"] .home-work-grid .work-card:hover {
  transform: translateY(-7px) !important;
  border-color: rgba(25,168,232,.20) !important;
  box-shadow: 0 30px 72px rgba(15,23,42,.14) !important;
}
body[data-page="home"] .home-work-grid .work-card:hover::before { opacity: 1; }
body[data-page="home"] .home-work-grid .work-card > * { position: relative; z-index: 1; }
body[data-page="home"] .home-work-grid .work-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg,transparent 40%,rgba(16,47,79,.18));
  pointer-events: none;
}
body[data-page="home"] .home-work-grid .work-image {
  transition: transform .65s cubic-bezier(.2,.8,.2,1),filter .35s ease !important;
}
body[data-page="home"] .home-work-grid .work-card:hover .work-image {
  transform: scale(1.025);
  filter: saturate(.96) contrast(1.02);
}
body[data-page="home"] .hp-work-icon {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  margin-bottom: 16px;
  border-radius: 13px;
  color: #0f6ea8;
  background: linear-gradient(135deg,#eef9ff,#fff);
  border: 1px solid rgba(25,168,232,.16);
  box-shadow: 0 10px 24px rgba(15,23,42,.07);
}
body[data-page="home"] .hp-work-icon svg { width: 21px; height: 21px; }
body[data-page="home"] .home-work-grid .work-card:nth-child(2) .hp-work-icon { color:#c8561a;background:linear-gradient(135deg,#fff4ed,#fff);border-color:rgba(242,106,33,.16); }
body[data-page="home"] .home-work-grid .work-card:nth-child(3) .hp-work-icon { color:#16794f;background:linear-gradient(135deg,#effbf5,#fff);border-color:rgba(30,143,106,.15); }
body[data-page="home"] .home-work-grid .work-card:nth-child(4) .hp-work-icon { color:#6246a8;background:linear-gradient(135deg,#f5f1ff,#fff);border-color:rgba(98,70,168,.15); }
body[data-page="home"] .home-work-grid .work-body h3 { margin-top: 10px !important; }
body[data-page="home"] .home-work-grid .status-chip {
  border: 1px solid currentColor;
  border-color: color-mix(in srgb,currentColor 22%,transparent);
}
body[data-page="home"] .process-section {
  position: relative;
  isolation: isolate;
}
body[data-page="home"] .process-section::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 28px max(20px,calc((100% - 1180px)/2)) 20px;
  border-radius: 34px;
  background: linear-gradient(135deg,rgba(248,251,255,.95),rgba(255,255,255,.98));
  border: 1px solid rgba(15,23,42,.06);
}
body[data-page="home"] .process-line {
  position: relative;
  gap: 18px !important;
  border-top: 0 !important;
}
body[data-page="home"] .process-line::before {
  content: "";
  position: absolute;
  left: 6%;
  right: 6%;
  top: 29px;
  height: 2px;
  background: linear-gradient(90deg,rgba(25,168,232,.16),rgba(242,106,33,.22),rgba(25,168,232,.16));
  transform: scaleX(.08);
  transform-origin: left center;
  transition: transform 1.05s cubic-bezier(.2,.8,.2,1);
}
body[data-page="home"] .process-line.hp-process-active::before { transform: scaleX(1); }
body[data-page="home"] .process-step {
  min-height: 230px !important;
  padding: 26px 24px !important;
  border: 1px solid rgba(15,23,42,.07);
  border-radius: 20px;
  background: rgba(255,255,255,.86);
  box-shadow: 0 14px 36px rgba(15,23,42,.045);
  transition: transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
body[data-page="home"] .process-step::before { display:none !important; }
body[data-page="home"] .process-step:hover {
  transform: translateY(-5px);
  border-color: rgba(25,168,232,.18);
  box-shadow: 0 22px 48px rgba(15,23,42,.09);
}
body[data-page="home"] .hp-process-head { position:relative;z-index:2; }
body[data-page="home"] .hp-process-icon {
  box-shadow: 0 10px 24px rgba(15,23,42,.08);
  transition: transform .28s ease;
}
body[data-page="home"] .process-step:hover .hp-process-icon { transform: translateY(-3px) rotate(-3deg); }
body[data-page="home"] .process-step h3 { font-size: 22px !important; margin-top: 24px !important; }
body[data-page="home"] .process-step p { font-size: 14px !important; line-height: 1.65 !important; }
body[data-page="home"] .career-panel {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
body[data-page="home"] .career-panel::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: -76px;
  top: -94px;
  width: 250px;
  height: 250px;
  border-radius: 50%;
  border: 1px solid rgba(242,106,33,.13);
  box-shadow: 0 0 0 42px rgba(242,106,33,.025),0 0 0 84px rgba(25,168,232,.018);
}
body[data-page="home"] .career-panel::after {
  content: "";
  position: absolute;
  z-index: -1;
  right: 22px;
  bottom: 16px;
  width: 150px;
  height: 110px;
  opacity: .32;
  background-image: radial-gradient(circle,rgba(16,47,79,.20) 1.2px,transparent 1.4px);
  background-size: 16px 16px;
}
body[data-page="home"] .hp-career-icon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  margin-bottom: 20px;
  border-radius: 15px;
  color: #c8561a;
  background: #fff4ed;
  border: 1px solid rgba(242,106,33,.16);
  box-shadow: 0 12px 28px rgba(15,23,42,.08);
}
body[data-page="home"] .hp-career-icon svg { width: 23px;height:23px; }
body[data-page="home"] .career-list a {
  position: relative;
  padding: 18px 16px !important;
  margin-bottom: 8px;
  border: 1px solid rgba(15,23,42,.07) !important;
  border-radius: 14px;
  background: rgba(255,255,255,.70);
  transition: transform .24s ease,border-color .24s ease,background .24s ease;
}
body[data-page="home"] .career-list a:hover { transform: translateX(5px);border-color:rgba(25,168,232,.18) !important;background:#fff; }
body[data-page="home"] .cta-card {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  box-shadow: 0 26px 66px rgba(242,106,33,.20) !important;
}
body[data-page="home"] .cta-card::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background-image: repeating-linear-gradient(135deg,rgba(255,255,255,.07) 0 1px,transparent 1px 24px);
  opacity: .7;
}
body[data-page="home"] .cta-card::after {
  content: "";
  position: absolute;
  z-index: -1;
  right: -100px;
  top: -130px;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.25);
  box-shadow: 0 0 0 42px rgba(255,255,255,.05),0 0 0 84px rgba(255,255,255,.03);
}
body[data-page="home"] .cta-card .button.light {
  min-width: 168px;
  box-shadow: 0 15px 32px rgba(99,40,7,.16);
  transition: transform .24s ease,box-shadow .24s ease !important;
}
body[data-page="home"] .cta-card .button.light:hover { transform: translateY(-3px);box-shadow:0 20px 40px rgba(99,40,7,.22); }
body[data-page="home"] .site-footer {
  position: relative;
  overflow: hidden;
  border-top: 4px solid transparent;
  border-image: linear-gradient(90deg,#19a8e8,#f26a21,#19a8e8) 1;
}
body[data-page="home"] .site-footer::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .28;
  background-image: linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size: 46px 46px;
  mask-image: linear-gradient(to bottom,#000,transparent 78%);
  pointer-events:none;
}
body[data-page="home"] .footer-grid,body[data-page="home"] .footer-bottom { position:relative;z-index:1; }
body[data-page="home"] .hp-reveal.hp-visible { will-change:auto; }
body[data-page="home"] .hp2-hero-ready .hero-proof div {
  animation: hp2-proof-in .55s both;
}
body[data-page="home"] .hp2-hero-ready .hero-proof div:nth-child(2) { animation-delay:.08s; }
body[data-page="home"] .hp2-hero-ready .hero-proof div:nth-child(3) { animation-delay:.16s; }
@keyframes hp2-proof-in { from { opacity:0;transform:translateY(14px); } to { opacity:1;transform:none; } }
@keyframes hp2-float { 0%,100% { transform:rotate(8deg) translateY(0); } 50% { transform:rotate(5deg) translateY(-9px); } }
@media (max-width:1100px) {
  body[data-page="home"] .hero-copy::before { display:none; }
  body[data-page="home"] .home-hero-media::after { right:8px;top:26px;width:74px;height:74px; }
  body[data-page="home"] .process-section::before { inset-inline:18px; }
}
@media (max-width:860px) {
  body[data-page="home"] .home-about-grid > div:first-child { padding-right:0;border-right:0;padding-bottom:26px;border-bottom:1px solid rgba(15,23,42,.08); }
  body[data-page="home"] .process-line::before { display:none; }
  body[data-page="home"] .process-step { min-height:auto !important; }
}
@media (max-width:680px) {
  body[data-page="home"] .home-hero-media::after { width:58px;height:58px;right:-2px;top:20px;border-radius:18px; }
  body[data-page="home"] .logo-strip { margin-top:20px !important;padding:20px 20px 18px 24px !important; }
  body[data-page="home"] .home-capability-grid .capability-card { border-top-width:2px !important; }
  body[data-page="home"] .home-work-grid .work-card:hover { transform:translateY(-3px) !important; }
  body[data-page="home"] .process-section::before { inset:12px 8px; }
  body[data-page="home"] .process-step { padding:23px 20px !important; }
  body[data-page="home"] .career-list a { padding:16px 14px !important; }
}
@media (prefers-reduced-motion:reduce) {
  body[data-page="home"] .home-hero-media::after { animation:none !important; }
  body[data-page="home"] .hp2-hero-ready .hero-proof div { animation:none !important; }
}
/* ITECH HOME VISUAL POLISH V2 END */

/* ITECH STELLA MONTIS VISUAL SYSTEM BEGIN */
:root {
  --sm-void:#080d12;
  --sm-graphite:#111920;
  --sm-panel:#18232c;
  --sm-panel-2:#202d37;
  --sm-steel:#50606d;
  --sm-frost:#eef3f5;
  --sm-snow:#f8fbfc;
  --sm-ice:#9fd8e8;
  --sm-cyan:#52b9d2;
  --sm-amber:#e5a447;
  --sm-rust:#bd6539;
  --sm-ink:#111a21;
  --sm-copy:#586874;
  --sm-line:rgba(17,25,32,.14);
  --sm-line-dark:rgba(220,235,240,.14);
  --sm-shadow:0 28px 70px rgba(4,10,15,.18);
  --sm-cut:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));
  --sm-cut-sm:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));
}
html{background:var(--sm-void)!important}
body,body[data-page],.admin-body,.login-body{
  background:
    radial-gradient(circle at 8% 4%,rgba(82,185,210,.08),transparent 24%),
    radial-gradient(circle at 88% 2%,rgba(229,164,71,.07),transparent 21%),
    linear-gradient(180deg,#edf2f4 0%,#f8fbfc 22%,#eef3f5 100%)!important;
  color:var(--sm-ink)!important;
  font-family:Inter,"Segoe UI",ui-sans-serif,system-ui,sans-serif!important;
  letter-spacing:.002em;
}
body::before,.admin-body::before,.login-body::before{
  content:"";position:fixed;inset:0;z-index:-4;pointer-events:none;opacity:.34;
  background-image:
    linear-gradient(rgba(17,25,32,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(17,25,32,.045) 1px,transparent 1px),
    repeating-radial-gradient(ellipse at 72% 22%,transparent 0 28px,rgba(63,90,105,.08) 29px 30px,transparent 31px 44px);
  background-size:52px 52px,52px 52px,620px 410px;
  mask-image:linear-gradient(to bottom,#000,rgba(0,0,0,.62) 62%,transparent 100%);
}
::selection{background:var(--sm-amber);color:var(--sm-void)}
*{scrollbar-width:thin;scrollbar-color:var(--sm-steel) var(--sm-graphite)}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--sm-graphite)}::-webkit-scrollbar-thumb{background:linear-gradient(var(--sm-steel),#34434e);border:2px solid var(--sm-graphite)}
.site-shell{overflow:clip!important}
.site-header{
  background:rgba(8,13,18,.93)!important;border-bottom:1px solid rgba(159,216,232,.18)!important;
  box-shadow:0 12px 42px rgba(3,8,12,.24)!important;backdrop-filter:blur(18px) saturate(.8)!important;
}
.site-header::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--sm-cyan),var(--sm-amber),transparent);opacity:.65}
.nav-wrap{height:82px!important;max-width:1240px!important;padding-inline:28px!important}
.brand-mark{filter:grayscale(.25) saturate(.75)!important;transform:skew(-8deg) rotate(-2deg)!important}
.brand-mark span:nth-child(1){background:#dce7eb!important}.brand-mark span:nth-child(2){background:var(--sm-cyan)!important}.brand-mark span:nth-child(3){background:var(--sm-amber)!important}
.site-header .brand-copy strong,.admin-sidebar .brand-copy strong,.login-brand-panel .brand-copy strong{color:#f3f7f8!important;letter-spacing:.18em!important}
.site-header .brand-copy small,.admin-sidebar .brand-copy small,.login-brand-panel .brand-copy small{color:#8fa4af!important}
.site-nav{gap:8px!important}.site-nav>a:not(.nav-cta){padding:13px 14px!important;color:#aebdc4!important;font-size:12px!important;letter-spacing:.08em!important;text-transform:uppercase!important}
.site-nav>a:not(.nav-cta)::before{content:"";position:absolute;inset:7px 3px;border:1px solid transparent;clip-path:var(--sm-cut-sm);transition:.25s}
.site-nav>a:not(.nav-cta):hover,.site-nav>a.active{color:#f7fafb!important}.site-nav>a:not(.nav-cta):hover::before,.site-nav>a.active::before{border-color:rgba(159,216,232,.26);background:rgba(159,216,232,.06)}
.site-nav>a:not(.nav-cta)::after{bottom:4px!important;left:14px!important;right:calc(100% - 14px)!important;background:var(--sm-amber)!important}
.site-nav>a.active::after,.site-nav>a:hover::after{right:14px!important}
.nav-cta,.button,.chat-compose button,.admin-menu{
  border-radius:0!important;clip-path:var(--sm-cut-sm)!important;letter-spacing:.055em!important;text-transform:uppercase!important;font-size:11px!important;font-weight:800!important;
}
.nav-cta{min-height:44px!important;padding:0 21px!important;background:linear-gradient(135deg,var(--sm-amber),#c97c3c)!important;color:#111820!important;box-shadow:0 12px 28px rgba(229,164,71,.18)!important}
.nav-cta:hover{background:linear-gradient(135deg,#f1ba66,var(--sm-amber))!important;transform:translateY(-2px)}
main{padding-top:82px!important}
.button{min-height:48px!important;padding:0 23px!important;border:1px solid rgba(82,185,210,.24)!important;transition:transform .22s ease,box-shadow .22s ease,background .22s ease!important}
.button.primary{background:linear-gradient(135deg,var(--sm-amber),#c9793c)!important;color:#10171d!important;box-shadow:0 14px 34px rgba(189,101,57,.22)!important}
.button.primary:hover{transform:translateY(-3px)!important;background:linear-gradient(135deg,#f0ba69,var(--sm-amber))!important;box-shadow:0 20px 44px rgba(189,101,57,.28)!important}
.button.ghost,.button.ghost.dark{background:rgba(238,243,245,.05)!important;color:#dbe7eb!important;border-color:rgba(159,216,232,.25)!important}.button.ghost:hover,.button.ghost.dark:hover{background:rgba(159,216,232,.12)!important;color:#fff!important}
.kicker,.eyebrow{color:var(--sm-rust)!important;letter-spacing:.18em!important;font-size:10px!important;font-weight:850!important}
.kicker::before,.eyebrow span{background:var(--sm-amber)!important;box-shadow:0 0 0 5px rgba(229,164,71,.10)!important}
/* Public hero system */
.hero-section,.page-hero,.job-detail-hero{
  position:relative!important;isolation:isolate!important;overflow:hidden!important;color:#f2f6f7!important;
  background:
    linear-gradient(90deg,rgba(82,185,210,.05) 1px,transparent 1px),
    linear-gradient(rgba(82,185,210,.05) 1px,transparent 1px),
    radial-gradient(circle at 76% 18%,rgba(159,216,232,.12),transparent 30%),
    radial-gradient(circle at 16% 88%,rgba(189,101,57,.14),transparent 28%),
    linear-gradient(132deg,#080e13 0%,#111b23 53%,#1a2832 100%)!important;
  background-size:48px 48px,48px 48px,auto,auto,auto!important;
}
.hero-section::before,.page-hero::before,.job-detail-hero::before{content:""!important;position:absolute!important;inset:0!important;z-index:-2!important;opacity:.38!important;background:repeating-radial-gradient(ellipse at 80% 18%,transparent 0 24px,rgba(159,216,232,.14) 25px 26px,transparent 27px 40px)!important;animation:sm-topo-drift 34s linear infinite!important}
.hero-section::after,.page-hero::after,.job-detail-hero::after{content:""!important;position:absolute!important;inset:auto -8% -46% auto!important;width:650px!important;height:650px!important;border-radius:50%!important;border:1px solid rgba(159,216,232,.16)!important;box-shadow:0 0 0 84px rgba(159,216,232,.025),0 0 0 168px rgba(229,164,71,.018)!important;z-index:-1!important}
.hero-grid{max-width:1240px!important;min-height:760px!important;padding:88px 28px 84px!important;gap:72px!important}
.hero-copy h1,.page-hero h1,.job-detail-hero h1{color:#f5f8f9!important;text-shadow:0 2px 0 rgba(255,255,255,.02),0 20px 50px rgba(0,0,0,.28)!important}
.hero-copy>p,.page-hero p,.job-detail-hero p{color:#aebfc7!important}
body[data-page="home"] .hero-section{background:
  linear-gradient(90deg,rgba(82,185,210,.05) 1px,transparent 1px),
  linear-gradient(rgba(82,185,210,.05) 1px,transparent 1px),
  radial-gradient(circle at 76% 18%,rgba(159,216,232,.12),transparent 30%),
  radial-gradient(circle at 16% 88%,rgba(189,101,57,.14),transparent 28%),
  linear-gradient(132deg,#080e13 0%,#111b23 53%,#1a2832 100%)!important;background-size:48px 48px,48px 48px,auto,auto,auto!important}
body[data-page="home"] .hero-grid{min-height:760px!important;padding:88px 28px 84px!important}
body[data-page="home"] .hero-copy h1{color:#f5f8f9!important;font-size:clamp(52px,5.5vw,74px)!important}
body[data-page="home"] .hero-copy>p{color:#aebfc7!important}
body[data-page="home"] .eyebrow{background:rgba(159,216,232,.07)!important;border-color:rgba(159,216,232,.18)!important;color:#a9d9e5!important}
body[data-page="home"] .hero-proof div{background:rgba(10,17,23,.64)!important;border:1px solid rgba(159,216,232,.14)!important;box-shadow:inset 0 1px rgba(255,255,255,.03),0 16px 34px rgba(0,0,0,.18)!important;clip-path:var(--sm-cut-sm)!important}
body[data-page="home"] .hero-proof strong{color:#edf4f6!important}body[data-page="home"] .hero-proof span{color:#8fa3ad!important}
body[data-page="home"] .home-hero-media::before{border-color:rgba(159,216,232,.18)!important;background-image:radial-gradient(circle at 2px 2px,rgba(159,216,232,.24) 1px,transparent 1.4px)!important;opacity:.44!important}
body[data-page="home"] .home-hero-photo-main{border-radius:0!important;clip-path:polygon(0 0,calc(100% - 36px) 0,100% 36px,100% calc(100% - 70px),calc(100% - 70px) 100%,0 100%)!important;border:1px solid rgba(159,216,232,.17)!important;filter:saturate(.72) contrast(1.06) brightness(.84) hue-rotate(-8deg)!important}
body[data-page="home"] .home-hero-photo-main::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(82,185,210,.05),rgba(8,13,18,.28));pointer-events:none}
body[data-page="home"] .home-hero-summary{background:rgba(12,20,27,.94)!important;border-color:rgba(159,216,232,.17)!important;clip-path:var(--sm-cut-sm)!important;box-shadow:0 24px 58px rgba(0,0,0,.34)!important}
body[data-page="home"] .home-hero-summary strong{color:#dce7eb!important}body[data-page="home"] .home-hero-summary span:not(.hp-summary-icon){color:var(--sm-amber)!important}.hp-summary-icon{background:rgba(82,185,210,.13)!important;color:var(--sm-ice)!important;border:1px solid rgba(159,216,232,.15)!important;border-radius:0!important;clip-path:var(--sm-cut-sm)!important}
.page-hero{min-height:500px!important;padding:108px max(28px,calc((100% - 1240px)/2 + 28px)) 88px!important}
.page-hero-art span{border-radius:0!important;clip-path:var(--sm-cut)!important;border-color:rgba(159,216,232,.18)!important;background:rgba(159,216,232,.04)!important}
/* Global section system */
.section{max-width:1240px!important;padding:clamp(84px,8vw,118px) 28px!important}
.section-heading{position:relative!important;padding-left:22px!important}.section-heading::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;background:linear-gradient(var(--sm-cyan),var(--sm-amber));opacity:.72}
.section-heading h2{color:var(--sm-ink)!important}.section-heading>p{color:var(--sm-copy)!important}
.logo-strip{border-radius:0!important;clip-path:var(--sm-cut)!important;background:rgba(245,249,250,.82)!important;border:1px solid rgba(17,25,32,.13)!important;box-shadow:0 20px 52px rgba(7,15,21,.09)!important;backdrop-filter:blur(12px)}
.logo-strip::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(82,185,210,.08),transparent 30%,transparent 70%,rgba(229,164,71,.08));opacity:.75}
/* Home panels */
body[data-page="home"] .home-about-grid,body[data-page="home"] .career-panel,body[data-page="home"] .cta-card{border-radius:0!important;clip-path:var(--sm-cut)!important}
body[data-page="home"] .home-about-grid{background:
  repeating-radial-gradient(ellipse at 90% 12%,transparent 0 20px,rgba(82,185,210,.08) 21px 22px,transparent 23px 34px),
  linear-gradient(135deg,#e9eff1,#f9fbfc 58%,#e9eef0)!important;border:1px solid rgba(17,25,32,.13)!important;box-shadow:var(--sm-shadow)!important}
.home-capability-grid .capability-card,.capability-card,.solution-row,.portfolio-row,.job-card,.leader-card,.values-grid article,.mission-grid article,.contact-context,.contact-form,.company-facts>div,.career-principles span,.apply-aside{
  border-radius:0!important;clip-path:var(--sm-cut-sm)!important;border:1px solid rgba(17,25,32,.13)!important;background:linear-gradient(145deg,rgba(250,252,252,.96),rgba(229,236,239,.92))!important;box-shadow:0 18px 45px rgba(8,15,20,.08)!important;
}
.home-capability-grid .capability-card,.capability-card{position:relative!important;overflow:hidden!important}
.home-capability-grid .capability-card::before,.capability-card::before{border-radius:0!important;clip-path:var(--sm-cut-sm)!important}
.home-capability-grid .capability-card::after,.capability-card::after{color:transparent!important}
.home-capability-grid .capability-card:hover,.capability-card:hover{background:linear-gradient(145deg,#111a21,#1c2a34)!important;color:#f1f5f6!important;border-color:rgba(159,216,232,.25)!important;box-shadow:0 28px 64px rgba(6,13,18,.22)!important}
.home-capability-grid .capability-card:hover h3,.capability-card:hover h3{color:#f5f8f9!important}.home-capability-grid .capability-card:hover p,.capability-card:hover p{color:#a8bac2!important}.home-capability-grid .capability-card:hover b,.capability-card:hover b{color:var(--sm-amber)!important}
.hp-card-icon{border-radius:0!important;clip-path:var(--sm-cut-sm)!important;background:rgba(82,185,210,.10)!important;border:1px solid rgba(82,185,210,.18)!important;color:#326d80!important}.capability-card:hover .hp-card-icon{background:rgba(82,185,210,.13)!important;color:var(--sm-ice)!important}
.home-work-section,.dark-section{background:
  linear-gradient(90deg,rgba(159,216,232,.045) 1px,transparent 1px),
  linear-gradient(rgba(159,216,232,.045) 1px,transparent 1px),
  radial-gradient(circle at 10% 20%,rgba(82,185,210,.10),transparent 26%),
  linear-gradient(135deg,#090f14,#111b22 58%,#17242d)!important;background-size:54px 54px,54px 54px,auto,auto!important}
.home-work-grid .work-card,.work-card{border-radius:0!important;clip-path:var(--sm-cut)!important;background:linear-gradient(145deg,rgba(27,39,48,.96),rgba(12,20,27,.98))!important;border:1px solid rgba(159,216,232,.14)!important;box-shadow:0 22px 58px rgba(0,0,0,.24)!important}
.home-work-grid .work-card:hover,.work-card:hover{border-color:rgba(229,164,71,.35)!important;box-shadow:0 32px 76px rgba(0,0,0,.32)!important}
.work-image{filter:saturate(.68) contrast(1.08) brightness(.82)!important}.work-card:hover .work-image{filter:saturate(.82) contrast(1.1) brightness(.9)!important}
.work-body h3{color:#edf3f5!important}.work-body p{color:#a6b7bf!important}.work-body a{color:#dce8eb!important}.work-body a span{color:var(--sm-amber)!important}
.status-chip{border-radius:0!important;clip-path:var(--sm-cut-sm)!important;border:1px solid currentColor!important;background:rgba(8,13,18,.38)!important;letter-spacing:.12em!important}
.process-line{position:relative!important;border-top:1px solid rgba(17,25,32,.16)!important}.process-line::after{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,var(--sm-cyan),var(--sm-amber),transparent);transform-origin:left}
.process-step{padding:34px 26px 28px!important;border-right:1px solid rgba(17,25,32,.09)!important;background:linear-gradient(180deg,rgba(255,255,255,.52),rgba(232,238,240,.62))!important}.process-step:last-child{border-right:0!important}.process-step::before{border-radius:0!important;transform:rotate(45deg);background:var(--sm-amber)!important;box-shadow:0 0 0 6px rgba(229,164,71,.10)!important}.hp-process-icon{border-radius:0!important;clip-path:var(--sm-cut-sm)!important;background:#18232c!important;color:var(--sm-ice)!important;border:1px solid rgba(82,185,210,.2)!important}
body[data-page="home"] .career-panel{background:
  repeating-radial-gradient(ellipse at 88% 12%,transparent 0 18px,rgba(82,185,210,.10) 19px 20px,transparent 21px 31px),
  linear-gradient(135deg,#e5ecef,#f7fafb 56%,#e8edef)!important;border:1px solid rgba(17,25,32,.14)!important;box-shadow:var(--sm-shadow)!important}
.career-list a{border-bottom-color:rgba(17,25,32,.12)!important}.career-list a:hover{background:rgba(82,185,210,.07)!important;padding-inline:15px!important}
body[data-page="home"] .cta-card,.cta-card{position:relative!important;overflow:hidden!important;background:linear-gradient(120deg,#171f26,#273640 58%,#392a20)!important;border:1px solid rgba(229,164,71,.26)!important;box-shadow:0 28px 68px rgba(7,13,18,.20)!important;color:#f3f6f7!important}
.cta-card::before{content:"";position:absolute;inset:0;background-image:linear-gradient(135deg,transparent 48%,rgba(229,164,71,.08) 49%,rgba(229,164,71,.08) 51%,transparent 52%);background-size:28px 28px;opacity:.65}.cta-card>*{position:relative;z-index:1}.cta-card h2{color:#f4f7f8!important}.cta-card .button.light{background:var(--sm-amber)!important;color:#111820!important}
/* Solutions / work / company / careers / contact */
.solution-stack,.portfolio-list{padding-top:54px!important}.solution-row,.portfolio-row{margin-bottom:16px!important;padding:46px 42px!important;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease!important}.solution-row:hover,.portfolio-row:hover{transform:translateY(-4px);border-color:rgba(82,185,210,.32)!important;box-shadow:0 26px 60px rgba(8,15,20,.13)!important}
.solution-index{color:var(--sm-rust)!important}.solution-row li::before,.check-list li::before{color:var(--sm-amber)!important}
.status-legend{border-radius:0!important;clip-path:var(--sm-cut)!important;background:rgba(8,13,18,.55)!important;border:1px solid rgba(159,216,232,.16)!important}
.evidence-panel{border-radius:0!important;clip-path:var(--sm-cut)!important;background:linear-gradient(135deg,#111a21,#26343e)!important;color:#edf3f5!important;border:1px solid rgba(159,216,232,.15)!important;box-shadow:var(--sm-shadow)!important}.evidence-grid p{color:#aebec6!important;border-color:rgba(159,216,232,.13)!important}
.story-grid,.values-section,.leadership-section,.jobs-section,.contact-grid{position:relative}.story-copy h2,.values-section h2,.leadership-section h2{color:var(--sm-ink)!important}
.mission-grid article{background:linear-gradient(145deg,#141e25,#24333d)!important;color:#eef4f5!important;border-color:rgba(159,216,232,.16)!important}.mission-grid article span{color:var(--sm-amber)!important}.mission-grid article h3{color:#e8f0f2!important}
.values-grid article{position:relative;overflow:hidden!important}.values-grid article::after{content:"";position:absolute;right:-35px;bottom:-35px;width:96px;height:96px;border:1px solid rgba(82,185,210,.14);transform:rotate(45deg)}
.leader-image{border-radius:0!important;clip-path:var(--sm-cut)!important;filter:saturate(.6) contrast(1.05)!important}.leader-card:hover .leader-image{filter:saturate(.8) contrast(1.08)!important}.leader-card h3{color:var(--sm-ink)!important}
.career-principles span{padding:14px 18px!important;color:#dfe9ec!important;background:rgba(9,15,20,.56)!important;border-color:rgba(159,216,232,.16)!important}
.job-card{padding:32px!important}.job-card:hover{border-color:rgba(82,185,210,.32)!important;transform:translateY(-3px)}.job-meta small{border-radius:0!important;clip-path:var(--sm-cut-sm)!important;background:#dfe7ea!important;color:#40505a!important}
.contact-context,.contact-form{padding:42px!important}.contact-quick>*{border-radius:0!important;clip-path:var(--sm-cut-sm)!important;background:rgba(8,13,18,.5)!important;border:1px solid rgba(159,216,232,.14)!important}.contact-quick span{color:var(--sm-amber)!important}.contact-quick strong{color:#eef4f5!important}
input,textarea,select{border-radius:0!important;clip-path:var(--sm-cut-sm)!important;border:1px solid rgba(17,25,32,.16)!important;background:rgba(248,251,252,.92)!important;color:var(--sm-ink)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)!important}input:focus,textarea:focus,select:focus{outline:none!important;border-color:var(--sm-cyan)!important;box-shadow:0 0 0 3px rgba(82,185,210,.13)!important}
.modal-card{border-radius:0!important;clip-path:var(--sm-cut)!important;background:linear-gradient(145deg,#eef3f5,#f9fbfc)!important;border:1px solid rgba(17,25,32,.18)!important;box-shadow:0 38px 90px rgba(4,10,15,.38)!important}.modal-backdrop{background:rgba(4,9,13,.78)!important;backdrop-filter:blur(8px)!important}
/* Footer + chat */
.site-footer{position:relative;overflow:hidden;background:
  linear-gradient(90deg,rgba(159,216,232,.04) 1px,transparent 1px),
  linear-gradient(rgba(159,216,232,.04) 1px,transparent 1px),
  linear-gradient(135deg,#060b0f,#101820 60%,#18242c)!important;background-size:46px 46px,46px 46px,auto!important;border-top:1px solid rgba(159,216,232,.16)!important}
.site-footer::before{content:"";position:absolute;inset:0;background:repeating-radial-gradient(ellipse at 84% 18%,transparent 0 22px,rgba(159,216,232,.08) 23px 24px,transparent 25px 36px);opacity:.4;pointer-events:none}.footer-grid,.footer-bottom{position:relative;z-index:1}.footer-grid h4{color:var(--sm-amber)!important}.footer-grid a,.footer-grid p{color:#93a6af!important}.footer-grid a:hover{color:var(--sm-ice)!important}.footer-bottom{border-top-color:rgba(159,216,232,.10)!important;color:#687d88!important}
.chat-launcher{border-radius:0!important;clip-path:var(--sm-cut)!important;background:linear-gradient(135deg,var(--sm-amber),#b96937)!important;color:#111820!important;box-shadow:0 18px 44px rgba(8,13,18,.30)!important}.chat-panel{border-radius:0!important;clip-path:var(--sm-cut)!important;background:linear-gradient(145deg,#121c23,#22313b)!important;border:1px solid rgba(159,216,232,.18)!important;box-shadow:0 34px 86px rgba(4,9,13,.42)!important}.chat-panel header{background:rgba(7,12,16,.54)!important;border-bottom:1px solid rgba(159,216,232,.12)!important}.chat-panel header strong,.chat-panel label{color:#e7eef0!important}.chat-panel header span,.chat-intro{color:#90a3ad!important}.chat-profile input,.chat-profile textarea,.chat-profile select,.chat-compose textarea{background:rgba(238,243,245,.08)!important;border-color:rgba(159,216,232,.16)!important;color:#edf3f5!important}.chat-messages{background:rgba(6,11,15,.32)!important}
/* Admin and login */
.login-body,.admin-body{background:
  linear-gradient(90deg,rgba(82,185,210,.045) 1px,transparent 1px),
  linear-gradient(rgba(82,185,210,.045) 1px,transparent 1px),
  linear-gradient(135deg,#0a1015,#121c23 50%,#1b2831)!important;background-size:50px 50px,50px 50px,auto!important;color:#eaf1f3!important}
.login-shell{background:transparent!important}.login-brand-panel{position:relative;overflow:hidden;background:
  repeating-radial-gradient(ellipse at 76% 14%,transparent 0 24px,rgba(159,216,232,.10) 25px 26px,transparent 27px 40px),
  linear-gradient(145deg,#091017,#17232c)!important;color:#edf3f5!important}.login-brand-panel::after{content:"";position:absolute;inset:auto -130px -160px auto;width:420px;height:420px;border-radius:50%;border:1px solid rgba(159,216,232,.16);box-shadow:0 0 0 70px rgba(159,216,232,.025),0 0 0 140px rgba(229,164,71,.02)}.login-brand-panel>*,.login-form-panel>*{position:relative;z-index:1}.login-brand-panel h1{color:#f3f7f8!important}.login-brand-panel p{color:#9db0b9!important}.login-form-panel{background:linear-gradient(145deg,#e7edef,#f9fbfc)!important;color:var(--sm-ink)!important}.login-form-panel form{border-radius:0!important;clip-path:var(--sm-cut)!important;background:rgba(255,255,255,.82)!important;border:1px solid rgba(17,25,32,.14)!important;box-shadow:var(--sm-shadow)!important}
.admin-sidebar{background:
  linear-gradient(180deg,rgba(82,185,210,.04),transparent 22%),
  linear-gradient(180deg,#080e13,#121b22)!important;border-right:1px solid rgba(159,216,232,.14)!important;box-shadow:14px 0 46px rgba(3,8,12,.18)!important}.admin-sidebar nav a{border-radius:0!important;clip-path:var(--sm-cut-sm)!important;color:#91a5af!important}.admin-sidebar nav a:hover,.admin-sidebar nav a.active{background:rgba(82,185,210,.10)!important;color:#eff5f6!important;border:1px solid rgba(159,216,232,.13)!important}.admin-sidebar .nav-dot{border-radius:0!important;transform:rotate(45deg);background:var(--sm-amber)!important}
.admin-main{background:
  radial-gradient(circle at 90% 3%,rgba(82,185,210,.08),transparent 22%),
  linear-gradient(180deg,#e9eff1,#f7fafb)!important}.admin-topbar{background:rgba(239,244,246,.91)!important;border-bottom:1px solid rgba(17,25,32,.12)!important;backdrop-filter:blur(14px)!important}.admin-topbar strong,.admin-page-heading h1{color:var(--sm-ink)!important}.admin-topbar span,.admin-page-heading p{color:var(--sm-copy)!important}
.admin-stat-grid>a,.admin-panel,.cms-section-card,.chat-admin-layout,.conversation-list,.conversation-pane{border-radius:0!important;clip-path:var(--sm-cut-sm)!important;background:linear-gradient(145deg,rgba(250,252,252,.98),rgba(228,235,238,.95))!important;border:1px solid rgba(17,25,32,.13)!important;box-shadow:0 18px 46px rgba(8,15,20,.09)!important}.admin-stat-grid>a{position:relative;overflow:hidden}.admin-stat-grid>a::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--sm-cyan),var(--sm-amber))}.admin-stat-grid>a strong{color:var(--sm-ink)!important}.admin-stat-grid>a span,.admin-stat-grid>a small{color:var(--sm-copy)!important}.admin-table-wrap table{border-collapse:separate!important;border-spacing:0 7px!important}.admin-table-wrap th{color:#61727d!important;text-transform:uppercase!important;letter-spacing:.1em!important;font-size:10px!important}.admin-table-wrap tbody tr{background:rgba(250,252,252,.9)!important;box-shadow:0 8px 20px rgba(8,15,20,.05)!important}.admin-table-wrap td{border-top:1px solid rgba(17,25,32,.10)!important;border-bottom:1px solid rgba(17,25,32,.10)!important}.admin-table-wrap td:first-child{border-left:1px solid rgba(17,25,32,.10)!important}.admin-table-wrap td:last-child{border-right:1px solid rgba(17,25,32,.10)!important}.status-pill{border-radius:0!important;clip-path:var(--sm-cut-sm)!important}.admin-modal .modal-card{background:linear-gradient(145deg,#e8eef0,#f9fbfc)!important}
/* Decorative runtime elements */
.sm-atmosphere{position:fixed;inset:0;pointer-events:none;z-index:9998;overflow:hidden;mix-blend-mode:screen;opacity:.32}.sm-atmosphere i{position:absolute;top:-20px;width:2px;height:2px;border-radius:50%;background:#dff6ff;box-shadow:0 0 7px rgba(210,245,255,.85);animation:sm-drift var(--sm-duration,16s) linear infinite;animation-delay:var(--sm-delay,0s);left:var(--sm-left,50%)}
.sm-panel-corner{position:absolute;right:10px;top:10px;width:16px;height:16px;border-top:1px solid rgba(82,185,210,.35);border-right:1px solid rgba(82,185,210,.35);pointer-events:none}.sm-panel-corner::after{content:"";position:absolute;right:-1px;top:-1px;width:5px;height:5px;background:var(--sm-amber)}
.sm-reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--sm-delay,0ms)}.sm-reveal.sm-visible{opacity:1;transform:none}
.sm-tilt{transform-style:preserve-3d;will-change:transform}.sm-tilt::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--sm-x,50%) var(--sm-y,50%),rgba(159,216,232,.13),transparent 32%);opacity:0;transition:opacity .25s}.sm-tilt:hover::after{opacity:1}
@keyframes sm-topo-drift{to{background-position:70px -40px}}
@keyframes sm-drift{0%{transform:translate3d(0,-3vh,0);opacity:0}12%{opacity:.75}100%{transform:translate3d(var(--sm-sway,20px),108vh,0);opacity:0}}
@media(max-width:980px){.site-nav{background:#0b1218!important;border:1px solid rgba(159,216,232,.14)!important;box-shadow:0 24px 60px rgba(0,0,0,.35)!important}.site-nav>a:not(.nav-cta){padding:14px!important}.hero-grid{grid-template-columns:1fr!important}.page-hero{min-height:570px!important}.section{padding-inline:22px!important}.process-line{grid-template-columns:repeat(2,1fr)!important}.process-step:nth-child(2){border-right:0!important}.footer-grid{grid-template-columns:1.2fr 1fr!important}.admin-sidebar{z-index:200!important}}
@media(max-width:680px){.nav-wrap{height:72px!important;padding-inline:16px!important}main{padding-top:72px!important}.menu-button span{background:#dce7eb!important}.hero-grid{min-height:auto!important;padding:68px 18px 60px!important}.hero-copy h1,body[data-page="home"] .hero-copy h1,.page-hero h1,.job-detail-hero h1{font-size:clamp(40px,12vw,52px)!important}.hero-copy>p,.page-hero p{font-size:15px!important}.hero-proof{grid-template-columns:1fr!important}.page-hero{padding:72px 18px 62px!important;min-height:520px!important}.section{padding:70px 18px!important}.section-heading{padding-left:16px!important}.logo-strip{width:calc(100% - 28px)!important;padding:22px!important}.home-about-grid,.career-panel,.cta-card,.contact-context,.contact-form,.solution-row,.portfolio-row,.job-card{padding:27px 21px!important}.process-line{grid-template-columns:1fr!important}.process-step{border-right:0!important;border-bottom:1px solid rgba(17,25,32,.10)!important}.footer-grid{grid-template-columns:1fr!important}.admin-content{padding:15px!important}.admin-stat-grid{grid-template-columns:1fr!important}.contact-quick{grid-template-columns:1fr!important}.sm-atmosphere{opacity:.20}}
@media(prefers-reduced-motion:reduce){.hero-section::before,.page-hero::before,.job-detail-hero::before,.sm-atmosphere i{animation:none!important}.sm-reveal{opacity:1!important;transform:none!important;transition:none!important}.sm-tilt{transform:none!important}.sm-tilt::after{display:none!important}}
/* ITECH STELLA MONTIS VISUAL SYSTEM END */

/* ITECH STELLA WORK COLOUR FIX BEGIN */
body[data-page="home"] .home-work-section {
  background:
    linear-gradient(90deg,rgba(159,216,232,.045) 1px,transparent 1px),
    linear-gradient(rgba(159,216,232,.045) 1px,transparent 1px),
    radial-gradient(circle at 8% 18%,rgba(82,185,210,.11),transparent 26%),
    radial-gradient(circle at 92% 78%,rgba(229,164,71,.075),transparent 25%),
    linear-gradient(135deg,#071018 0%,#0d1d29 58%,#102430 100%) !important;
  background-size:54px 54px,54px 54px,auto,auto,auto !important;
}
body[data-page="home"] .home-work-section .section-heading h2 {
  color:#f3f7f8 !important;
}
body[data-page="home"] .home-work-section .section-heading > p {
  color:#a8bac4 !important;
}
body[data-page="home"] .home-work-grid .work-card {
  background:linear-gradient(145deg,#1b2b37 0%,#13222d 54%,#0f1a22 100%) !important;
  border:1px solid rgba(159,216,232,.18) !important;
  box-shadow:0 24px 58px rgba(0,0,0,.28) !important;
  color:#edf4f6 !important;
}
body[data-page="home"] .home-work-grid .work-card:nth-child(1) {
  border-top:2px solid rgba(82,185,210,.68) !important;
}
body[data-page="home"] .home-work-grid .work-card:nth-child(2) {
  border-top:2px solid rgba(229,164,71,.72) !important;
}
body[data-page="home"] .home-work-grid .work-card:nth-child(3) {
  border-top:2px solid rgba(103,197,160,.70) !important;
}
body[data-page="home"] .home-work-grid .work-card:nth-child(4) {
  border-top:2px solid rgba(169,147,225,.70) !important;
}
body[data-page="home"] .home-work-grid .work-card:hover {
  background:linear-gradient(145deg,#223746 0%,#182a36 58%,#111e27 100%) !important;
  border-color:rgba(159,216,232,.32) !important;
  box-shadow:0 34px 78px rgba(0,0,0,.38) !important;
}
body[data-page="home"] .home-work-grid .work-image {
  border-right:1px solid rgba(159,216,232,.12) !important;
  filter:saturate(.72) contrast(1.08) brightness(.78) !important;
}
body[data-page="home"] .home-work-grid .work-image::after {
  background:linear-gradient(135deg,rgba(82,185,210,.03),rgba(8,13,18,.30)) !important;
}
body[data-page="home"] .home-work-grid .work-card:hover .work-image {
  filter:saturate(.88) contrast(1.1) brightness(.88) !important;
}
body[data-page="home"] .home-work-grid .work-body {
  background:
    linear-gradient(90deg,rgba(159,216,232,.035) 1px,transparent 1px),
    linear-gradient(rgba(159,216,232,.035) 1px,transparent 1px),
    linear-gradient(145deg,rgba(29,45,57,.96),rgba(16,27,36,.98)) !important;
  background-size:28px 28px,28px 28px,auto !important;
  color:#edf4f6 !important;
}
body[data-page="home"] .home-work-grid .work-body h3 {
  color:#f4f7f8 !important;
  text-shadow:none !important;
}
body[data-page="home"] .home-work-grid .work-body p {
  color:#afc0c9 !important;
}
body[data-page="home"] .home-work-grid .work-body a {
  color:#eef4f6 !important;
}
body[data-page="home"] .home-work-grid .work-body a span {
  color:#e8ab52 !important;
}
body[data-page="home"] .home-work-grid .hp-work-icon {
  background:rgba(159,216,232,.08) !important;
  border:1px solid rgba(159,216,232,.20) !important;
  color:#9fd8e8 !important;
  box-shadow:inset 0 1px rgba(255,255,255,.04),0 12px 28px rgba(0,0,0,.18) !important;
  border-radius:0 !important;
  clip-path:var(--sm-cut-sm) !important;
}
body[data-page="home"] .home-work-grid .work-card:nth-child(2) .hp-work-icon {
  background:rgba(229,164,71,.09) !important;
  border-color:rgba(229,164,71,.24) !important;
  color:#e9b567 !important;
}
body[data-page="home"] .home-work-grid .work-card:nth-child(3) .hp-work-icon {
  background:rgba(103,197,160,.09) !important;
  border-color:rgba(103,197,160,.22) !important;
  color:#7fd3b1 !important;
}
body[data-page="home"] .home-work-grid .work-card:nth-child(4) .hp-work-icon {
  background:rgba(169,147,225,.09) !important;
  border-color:rgba(169,147,225,.22) !important;
  color:#b8a6e7 !important;
}
body[data-page="home"] .home-work-grid .status-chip {
  background:rgba(6,12,17,.58) !important;
  color:#dce8eb !important;
  border-color:rgba(220,232,235,.28) !important;
}
body[data-page="home"] .home-work-grid .status-chip.live {
  color:#82d5b2 !important;
  border-color:rgba(130,213,178,.42) !important;
}
body[data-page="home"] .home-work-grid .status-chip.delivery {
  color:#8dcfe2 !important;
  border-color:rgba(141,207,226,.42) !important;
}
@media (max-width:680px) {
  body[data-page="home"] .home-work-grid .work-image {
    border-right:0 !important;
    border-bottom:1px solid rgba(159,216,232,.12) !important;
  }
}
/* ITECH STELLA WORK COLOUR FIX END */

/* ITECH FULL SITE REFINEMENT V1 BEGIN */
:root{
  --fs-void:#091017;
  --fs-navy:#0e1c28;
  --fs-navy-2:#152b3a;
  --fs-panel:#ffffff;
  --fs-panel-soft:#f3f7f9;
  --fs-ice:#9fd8e8;
  --fs-cyan:#4daec7;
  --fs-amber:#e2a04a;
  --fs-rust:#b85e36;
  --fs-ink:#14202a;
  --fs-copy:#5d6d78;
  --fs-line:rgba(20,32,42,.12);
  --fs-dark-line:rgba(220,235,240,.14);
  --fs-shadow:0 20px 54px rgba(8,18,26,.10);
  --fs-shadow-lg:0 32px 80px rgba(5,13,19,.16);
  --fs-cut:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));
  --fs-cut-sm:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));
}
html{background:#edf2f4!important}
body:not(.admin-body):not(.login-body){background:linear-gradient(180deg,#eef3f5 0,#fbfcfd 24%,#eef3f5 100%)!important;color:var(--fs-ink)!important}
body:not(.admin-body):not(.login-body)::before{opacity:.18!important;background-image:linear-gradient(rgba(18,40,54,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(18,40,54,.04) 1px,transparent 1px),repeating-radial-gradient(ellipse at 78% 18%,transparent 0 31px,rgba(58,91,108,.08) 32px 33px,transparent 34px 49px)!important;background-size:58px 58px,58px 58px,720px 480px!important}
main{min-height:70vh}
.section{max-width:1240px!important;padding:clamp(82px,7.5vw,116px) 28px!important}
.section-heading{margin-bottom:44px!important;gap:54px!important}
.section-heading h2{font-size:clamp(36px,4vw,52px)!important;line-height:1.08!important;letter-spacing:-.045em!important;text-wrap:balance}
.section-heading>p{max-width:430px!important;font-size:15px!important;line-height:1.75!important;color:var(--fs-copy)!important}
.kicker,.eyebrow{font-size:10px!important;letter-spacing:.16em!important}
.button{min-height:48px!important;padding:0 23px!important;font-size:11px!important;letter-spacing:.06em!important}
.button:focus-visible,.site-nav a:focus-visible,.icon-button:focus-visible{outline:3px solid rgba(77,174,199,.32)!important;outline-offset:3px!important}
.site-header{background:rgba(8,16,23,.96)!important;border-bottom:1px solid rgba(159,216,232,.16)!important;box-shadow:0 12px 40px rgba(2,8,12,.22)!important}
.site-header.sm-scrolled{background:rgba(7,14,20,.985)!important;box-shadow:0 18px 48px rgba(2,8,12,.30)!important}
.nav-wrap{max-width:1240px!important;height:82px!important;padding-inline:28px!important}
.site-nav>a:not(.nav-cta){color:#aebdc5!important}
.site-nav>a:not(.nav-cta):hover,.site-nav>a.active{color:#fff!important}
.nav-cta{color:#111820!important}
.page-hero,.job-detail-hero{min-height:500px!important;padding:104px max(28px,calc((100% - 1240px)/2 + 28px)) 88px!important;gap:72px!important;background:linear-gradient(90deg,rgba(159,216,232,.05) 1px,transparent 1px),linear-gradient(rgba(159,216,232,.05) 1px,transparent 1px),radial-gradient(circle at 78% 20%,rgba(77,174,199,.14),transparent 31%),radial-gradient(circle at 12% 92%,rgba(184,94,54,.16),transparent 28%),linear-gradient(132deg,#071018,#10202c 54%,#193140)!important;background-size:52px 52px,52px 52px,auto,auto,auto!important}
.page-hero>div:first-child{max-width:780px!important}
.page-hero h1,.job-detail-hero h1{font-size:clamp(46px,5.7vw,74px)!important;line-height:1.02!important;letter-spacing:-.055em!important;color:#f5f8fa!important;text-wrap:balance}
.page-hero p,.job-detail-hero p{max-width:700px!important;font-size:17px!important;line-height:1.72!important;color:#b3c3ca!important}
.page-hero-art{width:350px!important;height:240px!important;filter:drop-shadow(0 24px 54px rgba(0,0,0,.22))}
.page-hero-art span{border-color:rgba(159,216,232,.22)!important;background:linear-gradient(145deg,rgba(159,216,232,.07),rgba(229,164,71,.04))!important}
.status-legend{min-width:280px!important;padding:23px 26px!important;display:grid!important;gap:13px!important;background:rgba(7,15,21,.72)!important;border:1px solid rgba(159,216,232,.17)!important;box-shadow:0 24px 58px rgba(0,0,0,.24)!important}
.status-legend span{font-size:11px!important;letter-spacing:.04em!important;color:#d6e2e6!important}
.company-facts,.career-principles,.contact-quick{position:relative;z-index:2}
.company-facts>div,.career-principles span,.contact-quick>*{background:rgba(8,17,24,.72)!important;border:1px solid rgba(159,216,232,.17)!important;color:#edf4f6!important;box-shadow:0 16px 36px rgba(0,0,0,.18)!important}
.company-facts strong,.contact-quick strong{color:#f3f7f8!important}
.company-facts span,.contact-quick span{color:var(--fs-amber)!important}
.solution-stack{padding-top:62px!important}
.solution-row{position:relative!important;grid-template-columns:72px minmax(0,1.05fr) minmax(330px,.95fr)!important;gap:44px!important;align-items:start!important;margin-bottom:18px!important;padding:46px 44px!important;background:linear-gradient(145deg,#fff,#edf3f5)!important;border:1px solid var(--fs-line)!important;box-shadow:var(--fs-shadow)!important;clip-path:var(--fs-cut)!important;overflow:hidden!important}
.solution-row:nth-child(even){background:linear-gradient(145deg,#edf3f5,#fff)!important}
.solution-row::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(var(--fs-cyan),var(--fs-amber));opacity:.78}
.solution-row::after{content:"";position:absolute;right:-58px;bottom:-72px;width:190px;height:190px;border:1px solid rgba(77,174,199,.12);transform:rotate(45deg);pointer-events:none}
.solution-row:hover{transform:translateY(-5px)!important;border-color:rgba(77,174,199,.28)!important;box-shadow:0 28px 66px rgba(7,18,26,.14)!important}
.solution-index{display:grid;place-items:center;width:54px;height:54px;background:#10222e!important;color:var(--fs-ice)!important;border:1px solid rgba(77,174,199,.24)!important;clip-path:var(--fs-cut-sm)!important;font-size:12px!important}
.solution-copy h2{font-size:31px!important;line-height:1.14!important;color:var(--fs-ink)!important;margin:0 0 15px!important}
.solution-copy p{font-size:15px!important;line-height:1.72!important;color:var(--fs-copy)!important}
.solution-row ul{margin:0!important;padding:0!important;display:grid!important;gap:10px!important}
.solution-row li{position:relative!important;padding:11px 14px 11px 38px!important;background:rgba(255,255,255,.72)!important;border:1px solid rgba(20,32,42,.08)!important;clip-path:var(--fs-cut-sm)!important;color:#394a55!important;font-size:13px!important}
.solution-row li::before{position:absolute!important;left:15px!important;top:10px!important;color:var(--fs-amber)!important}
.portfolio-list{padding-top:62px!important}
.portfolio-row{position:relative!important;display:grid!important;grid-template-columns:190px minmax(260px,.75fr) minmax(0,1.25fr)!important;gap:36px!important;align-items:center!important;margin-bottom:16px!important;padding:34px 38px!important;background:linear-gradient(145deg,#fff,#edf3f5)!important;border:1px solid var(--fs-line)!important;box-shadow:0 16px 42px rgba(8,18,26,.08)!important;clip-path:var(--fs-cut)!important;overflow:hidden!important}
.portfolio-row::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(var(--fs-cyan),var(--fs-amber));opacity:.75}
.portfolio-row:hover{transform:translateY(-4px)!important;border-color:rgba(77,174,199,.30)!important;box-shadow:0 26px 62px rgba(8,18,26,.13)!important}
.portfolio-row>div:first-child{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:12px!important}
.portfolio-row h2{margin:0!important;font-size:28px!important;line-height:1.15!important;color:var(--fs-ink)!important}
.portfolio-row p{margin:0!important;font-size:14px!important;line-height:1.7!important;color:var(--fs-copy)!important}
.portfolio-row small{font-size:10px!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#7a8a94!important}
.portfolio-row .status-chip{background:#10222e!important;color:#dce8eb!important;border-color:rgba(159,216,232,.24)!important;padding:7px 10px!important}
.portfolio-row .status-chip.live{color:#8ad8b7!important;border-color:rgba(138,216,183,.35)!important}
.portfolio-row .status-chip.delivery{color:#96d4e4!important;border-color:rgba(150,212,228,.35)!important}
.portfolio-row .status-chip.planning{color:#f0b970!important;border-color:rgba(240,185,112,.38)!important}
.evidence-panel{max-width:1184px!important;margin-bottom:100px!important;padding:48px 52px!important;background:linear-gradient(90deg,rgba(159,216,232,.045) 1px,transparent 1px),linear-gradient(rgba(159,216,232,.045) 1px,transparent 1px),linear-gradient(135deg,#09131b,#182c39)!important;background-size:46px 46px,46px 46px,auto!important}
.evidence-panel h2{font-size:38px!important;line-height:1.12!important;color:#f1f6f7!important}
.evidence-grid{gap:0!important;border:1px solid rgba(159,216,232,.12)!important}
.evidence-grid p{min-height:108px!important;padding:24px!important;margin:0!important;border-right:1px solid rgba(159,216,232,.10)!important;color:#b5c5cc!important}
.evidence-grid p:last-child{border-right:0!important}
.story-grid{grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr)!important;gap:58px!important;align-items:start!important}
.story-copy{padding:48px!important;background:linear-gradient(145deg,#fff,#edf3f5)!important;border:1px solid var(--fs-line)!important;box-shadow:var(--fs-shadow)!important;clip-path:var(--fs-cut)!important}
.story-copy h2{font-size:40px!important;line-height:1.12!important;margin:14px 0 24px!important}
.story-copy p{font-size:15px!important;line-height:1.8!important;color:var(--fs-copy)!important}
.mission-grid{gap:18px!important}
.mission-grid article{min-height:230px!important;padding:34px!important;background:linear-gradient(90deg,rgba(159,216,232,.04) 1px,transparent 1px),linear-gradient(rgba(159,216,232,.04) 1px,transparent 1px),linear-gradient(145deg,#0c1821,#1b303d)!important;background-size:38px 38px,38px 38px,auto!important;box-shadow:var(--fs-shadow-lg)!important}
.mission-grid article span{font-size:10px!important;letter-spacing:.16em!important}
.mission-grid article h3{font-size:23px!important;line-height:1.42!important;margin-top:20px!important}
.values-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
.values-grid article{min-height:220px!important;padding:30px!important;background:linear-gradient(145deg,#fff,#edf3f5)!important;border:1px solid var(--fs-line)!important}
.values-grid article b{font-size:18px!important;color:var(--fs-ink)!important}
.values-grid article p{font-size:14px!important;line-height:1.7!important;color:var(--fs-copy)!important}
.leader-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
.leader-card{padding:14px 14px 24px!important;background:linear-gradient(145deg,#fff,#edf3f5)!important;border:1px solid var(--fs-line)!important;box-shadow:var(--fs-shadow)!important}
.leader-image{height:330px!important;overflow:hidden!important}
.leader-image img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important;transition:transform .6s ease,filter .3s ease!important}
.leader-card:hover .leader-image img{transform:scale(1.035)!important}
.leader-card h3{margin:22px 10px 5px!important;font-size:19px!important;color:var(--fs-ink)!important}
.leader-card p{margin:0 10px!important;color:var(--fs-copy)!important}
.jobs-section{padding-top:76px!important}
.job-list{display:grid!important;gap:16px!important}
.job-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:36px!important;align-items:center!important;padding:34px 38px!important;background:linear-gradient(145deg,#fff,#edf3f5)!important;border:1px solid var(--fs-line)!important;box-shadow:var(--fs-shadow)!important;clip-path:var(--fs-cut)!important}
.job-card:hover{transform:translateY(-4px)!important;border-color:rgba(77,174,199,.28)!important;box-shadow:0 27px 64px rgba(7,18,26,.14)!important}
.job-card>div:first-child>span{display:inline-block;margin-bottom:10px;color:var(--fs-rust)!important;font-size:10px!important;letter-spacing:.13em!important;text-transform:uppercase!important;font-weight:800!important}
.job-card h3{font-size:27px!important;line-height:1.15!important;margin:0 0 12px!important;color:var(--fs-ink)!important}
.job-card p{max-width:760px!important;margin:0!important;color:var(--fs-copy)!important;line-height:1.7!important}
.job-meta{gap:8px!important;margin-top:18px!important}
.job-meta small{padding:7px 11px!important;background:#dde7eb!important;color:#42535e!important;border:1px solid rgba(20,32,42,.08)!important}
.job-actions{display:flex!important;gap:10px!important;align-items:center!important}
.job-actions .button.ghost.dark,.detail-actions .button.ghost.dark{background:#fff!important;color:#163041!important;border-color:rgba(20,48,65,.18)!important}
.job-detail-hero{display:block!important}
.job-detail-hero>a{display:inline-flex!important;margin-bottom:28px!important;color:#b8c8ce!important;font-size:12px!important;letter-spacing:.04em!important}
.job-detail-hero .job-meta small{background:rgba(159,216,232,.08)!important;color:#dce8eb!important;border-color:rgba(159,216,232,.16)!important}
.job-detail-grid{display:grid!important;grid-template-columns:minmax(0,1fr) 360px!important;gap:56px!important;align-items:start!important}
.job-detail-grid>div:first-child{padding:46px!important;background:linear-gradient(145deg,#fff,#edf3f5)!important;border:1px solid var(--fs-line)!important;box-shadow:var(--fs-shadow)!important;clip-path:var(--fs-cut)!important}
.job-detail-grid h2{margin:0 0 18px!important;font-size:28px!important;color:var(--fs-ink)!important}
.job-detail-grid h2:not(:first-child){margin-top:42px!important}
.job-detail-grid p,.check-list li{font-size:15px!important;line-height:1.75!important;color:var(--fs-copy)!important}
.apply-aside{position:sticky!important;top:108px!important;padding:32px!important;background:linear-gradient(145deg,#0d1a23,#1b303d)!important;border:1px solid rgba(159,216,232,.16)!important;color:#edf4f6!important;box-shadow:var(--fs-shadow-lg)!important}
.apply-aside h3{font-size:22px!important;color:#f3f7f8!important}
.apply-aside p{color:#aebfc6!important}
.empty-public,.not-found{padding:50px!important;background:linear-gradient(145deg,#fff,#edf3f5)!important;border:1px solid var(--fs-line)!important;box-shadow:var(--fs-shadow)!important;clip-path:var(--fs-cut)!important}
.contact-grid{display:grid!important;grid-template-columns:minmax(330px,.78fr) minmax(0,1.22fr)!important;gap:26px!important;align-items:start!important}
.contact-context,.contact-form{padding:46px!important;background:linear-gradient(145deg,#fff,#edf3f5)!important;border:1px solid var(--fs-line)!important;box-shadow:var(--fs-shadow)!important;clip-path:var(--fs-cut)!important}
.contact-context{position:sticky!important;top:108px!important}
.contact-context h2{font-size:34px!important;line-height:1.15!important;color:var(--fs-ink)!important}
.contact-context li{padding:15px 0!important;border-bottom:1px solid rgba(20,32,42,.09)!important;color:var(--fs-copy)!important}
.contact-context li:last-child{border-bottom:0!important}
.form-grid{gap:18px!important}
label{font-size:12px!important;font-weight:750!important;color:#334650!important}
label small,.file-field span{color:#71828c!important}
input,textarea,select{min-height:50px!important;padding:13px 15px!important;background:#fff!important;border:1px solid rgba(20,32,42,.15)!important;color:var(--fs-ink)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)!important}
textarea{min-height:120px!important;resize:vertical!important}
input:hover,textarea:hover,select:hover{border-color:rgba(77,174,199,.38)!important}
input:focus,textarea:focus,select:focus{border-color:var(--fs-cyan)!important;box-shadow:0 0 0 3px rgba(77,174,199,.13)!important}
.modal-card{max-height:min(88vh,900px)!important;overflow:auto!important;padding:38px!important;background:linear-gradient(145deg,#f7fafb,#eaf1f3)!important;border:1px solid rgba(20,32,42,.18)!important;box-shadow:0 42px 100px rgba(2,8,12,.42)!important}
.modal-heading{padding-right:44px!important;margin-bottom:28px!important}
.modal-heading h2{font-size:31px!important;color:var(--fs-ink)!important}
.modal-heading p{color:var(--fs-copy)!important}
.modal-close{width:40px!important;height:40px!important;background:#10222e!important;color:#e9f1f3!important;border:1px solid rgba(159,216,232,.18)!important}
.chat-panel{width:min(390px,calc(100vw - 30px))!important;background:linear-gradient(145deg,#0a151d,#1b303c)!important;border-color:rgba(159,216,232,.18)!important}
.chat-panel header{padding:18px 20px!important}
.chat-intro{padding:14px 20px!important;background:rgba(159,216,232,.04)!important;border-bottom:1px solid rgba(159,216,232,.09)!important}
.chat-profile,.chat-compose{padding:18px 20px 20px!important}
.chat-profile label{color:#dbe7ea!important}
.chat-profile input,.chat-profile textarea,.chat-profile select,.chat-compose textarea{background:rgba(240,247,249,.08)!important;color:#edf4f6!important;border-color:rgba(159,216,232,.18)!important}
.admin-body{background:#edf2f4!important;color:var(--fs-ink)!important}
.admin-shell{min-height:100vh!important}
.admin-sidebar{width:276px!important;background:linear-gradient(90deg,rgba(159,216,232,.035) 1px,transparent 1px),linear-gradient(rgba(159,216,232,.035) 1px,transparent 1px),linear-gradient(180deg,#081119,#10222e)!important;background-size:42px 42px,42px 42px,auto!important;border-right:1px solid rgba(159,216,232,.13)!important;box-shadow:18px 0 48px rgba(2,8,12,.12)!important}
.admin-brand{padding:26px 22px!important;border-bottom:1px solid rgba(159,216,232,.10)!important}
.admin-sidebar nav{padding:22px 14px!important;display:grid!important;gap:6px!important}
.admin-sidebar nav a{min-height:47px!important;padding:0 15px!important;display:flex!important;align-items:center!important;gap:12px!important;color:#a9bac1!important;border:1px solid transparent!important;clip-path:var(--fs-cut-sm)!important;font-size:12px!important;letter-spacing:.035em!important}
.admin-sidebar nav a:hover{background:rgba(159,216,232,.06)!important;color:#eef4f6!important;border-color:rgba(159,216,232,.12)!important}
.admin-sidebar nav a.active{background:linear-gradient(90deg,rgba(77,174,199,.14),rgba(229,164,71,.08))!important;color:#fff!important;border-color:rgba(159,216,232,.19)!important}
.admin-sidebar nav a.active .nav-dot{background:var(--fs-amber)!important;box-shadow:0 0 0 5px rgba(226,160,74,.11)!important}
.sidebar-foot{padding:18px!important;border-top:1px solid rgba(159,216,232,.10)!important}
.sidebar-foot a,.sidebar-foot button{color:#91a4ad!important}
.admin-main{margin-left:276px!important;background:transparent!important}
.admin-topbar{height:78px!important;padding:0 30px!important;background:rgba(247,250,251,.94)!important;border-bottom:1px solid rgba(20,32,42,.10)!important;backdrop-filter:blur(14px)!important;box-shadow:0 10px 28px rgba(8,18,26,.04)!important;position:sticky!important;top:0!important;z-index:30!important}
.admin-topbar span{color:#71818a!important;font-size:11px!important}
.admin-topbar strong{color:var(--fs-ink)!important;font-size:14px!important}
.admin-content{max-width:1500px!important;margin:0 auto!important;padding:34px!important}
.admin-page-heading{margin-bottom:26px!important;padding:30px 32px!important;background:linear-gradient(90deg,rgba(159,216,232,.045) 1px,transparent 1px),linear-gradient(rgba(159,216,232,.045) 1px,transparent 1px),linear-gradient(135deg,#0b1821,#1a303d)!important;background-size:42px 42px,42px 42px,auto!important;border:1px solid rgba(159,216,232,.15)!important;clip-path:var(--fs-cut)!important;box-shadow:var(--fs-shadow-lg)!important}
.admin-page-heading span{color:var(--fs-amber)!important;font-size:10px!important;letter-spacing:.15em!important;text-transform:uppercase!important}
.admin-page-heading h1{margin:6px 0 7px!important;color:#f2f6f7!important;font-size:34px!important;line-height:1.1!important}
.admin-page-heading p{margin:0!important;color:#a9bac1!important}
.admin-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin-bottom:22px!important}
.admin-stat-grid>a{min-height:170px!important;padding:25px!important;background:linear-gradient(145deg,#fff,#edf3f5)!important;border:1px solid var(--fs-line)!important;box-shadow:var(--fs-shadow)!important;clip-path:var(--fs-cut-sm)!important;overflow:hidden!important}
.admin-stat-grid>a::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--fs-cyan)}
.admin-stat-grid>a:nth-child(2)::before{background:var(--fs-amber)}.admin-stat-grid>a:nth-child(3)::before{background:#78bfa0}.admin-stat-grid>a:nth-child(4)::before{background:#aa91dc}
.admin-stat-grid>a:hover{transform:translateY(-4px)!important;border-color:rgba(77,174,199,.26)!important;box-shadow:0 26px 60px rgba(8,18,26,.13)!important}
.admin-stat-grid span{color:#5e707b!important}.admin-stat-grid strong{font-size:44px!important;line-height:1!important;color:var(--fs-ink)!important}.admin-stat-grid small{color:#7c8b94!important}
.admin-grid-two{gap:18px!important}
.admin-panel{background:linear-gradient(145deg,#fff,#edf3f5)!important;border:1px solid var(--fs-line)!important;box-shadow:var(--fs-shadow)!important;clip-path:var(--fs-cut)!important;overflow:hidden!important}
.panel-heading{padding:24px 26px!important;border-bottom:1px solid rgba(20,32,42,.09)!important;background:rgba(255,255,255,.62)!important}
.panel-heading h2{font-size:20px!important;color:var(--fs-ink)!important}.panel-heading p{color:var(--fs-copy)!important}
.panel-heading>a{color:#1c718a!important;font-weight:750!important}
.compact-list>a{min-height:68px!important;padding:15px 22px!important;border-bottom:1px solid rgba(20,32,42,.08)!important}
.compact-list>a:hover{background:rgba(77,174,199,.06)!important}
.compact-list strong{color:var(--fs-ink)!important}.compact-list small{color:#71818a!important}
.table-tools{padding:18px 20px!important;display:flex!important;gap:12px!important;align-items:center!important;flex-wrap:wrap!important;background:rgba(255,255,255,.62)!important;border-bottom:1px solid rgba(20,32,42,.09)!important}
.search-box{flex:1 1 260px!important}.table-tools select{min-width:180px!important}
.admin-table-wrap{overflow:auto!important;max-width:100%!important}
.admin-table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;background:transparent!important}
.admin-table thead th{position:sticky!important;top:0!important;z-index:2!important;padding:13px 16px!important;background:#10222e!important;color:#dce8eb!important;font-size:10px!important;letter-spacing:.11em!important;text-transform:uppercase!important;border-bottom:1px solid rgba(159,216,232,.15)!important;white-space:nowrap!important}
.admin-table tbody td{padding:15px 16px!important;border-bottom:1px solid rgba(20,32,42,.08)!important;color:#43545f!important;vertical-align:middle!important}
.admin-table tbody tr:hover td{background:rgba(77,174,199,.055)!important}
.admin-table td strong{display:block!important;color:var(--fs-ink)!important}.admin-table td small{display:block!important;margin-top:4px!important;color:#71818a!important}
.row-actions{display:flex!important;gap:7px!important;justify-content:flex-end!important;white-space:nowrap!important}
.icon-button{min-height:34px!important;padding:0 11px!important;background:#fff!important;color:#1c5268!important;border:1px solid rgba(28,82,104,.18)!important;clip-path:var(--fs-cut-sm)!important;font-size:11px!important}
.icon-button:hover{background:#e8f2f5!important;border-color:rgba(77,174,199,.35)!important}.icon-button.danger{color:#a34336!important;border-color:rgba(163,67,54,.20)!important}
.status-pill{padding:6px 9px!important;border:1px solid currentColor!important;background:rgba(255,255,255,.66)!important;clip-path:var(--fs-cut-sm)!important;font-size:9px!important;letter-spacing:.09em!important;text-transform:uppercase!important}
.admin-empty,.admin-loading{padding:34px!important;color:#71818a!important;text-align:center!important}
.admin-form-card{max-width:940px!important}.admin-detail-card{max-width:900px!important}
.detail-head{padding-bottom:22px!important;border-bottom:1px solid rgba(20,32,42,.09)!important}.detail-head h2{font-size:30px!important;color:var(--fs-ink)!important}.detail-head p{color:var(--fs-copy)!important}
.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin:22px 0!important}.detail-grid>div{padding:16px!important;background:#fff!important;border:1px solid rgba(20,32,42,.09)!important;clip-path:var(--fs-cut-sm)!important}.detail-grid span{color:#7a8992!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.09em!important}.detail-grid strong{display:block!important;margin-top:5px!important;color:var(--fs-ink)!important}
.detail-section{padding:22px!important;background:#fff!important;border:1px solid rgba(20,32,42,.09)!important;clip-path:var(--fs-cut-sm)!important}.detail-section h3{color:var(--fs-ink)!important}.detail-section p{color:var(--fs-copy)!important}
.detail-actions{gap:16px!important;margin-top:18px!important}.settings-panel,.password-panel{max-width:920px!important;padding:34px!important}
.chat-admin-layout{min-height:650px!important;display:grid!important;grid-template-columns:330px minmax(0,1fr)!important;background:linear-gradient(145deg,#fff,#edf3f5)!important;border:1px solid var(--fs-line)!important;box-shadow:var(--fs-shadow)!important;clip-path:var(--fs-cut)!important;overflow:hidden!important}
.conversation-list{border-right:1px solid rgba(20,32,42,.10)!important;background:rgba(255,255,255,.56)!important}
.conversation-tools{padding:16px!important;border-bottom:1px solid rgba(20,32,42,.09)!important;display:grid!important;gap:10px!important}
.conversation-item{position:relative!important;padding:17px 18px!important;border-bottom:1px solid rgba(20,32,42,.08)!important;cursor:pointer!important}
.conversation-item:hover{background:rgba(77,174,199,.06)!important}.conversation-item.active{background:linear-gradient(90deg,rgba(77,174,199,.13),rgba(226,160,74,.06))!important}
.conversation-item.active::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--fs-amber)}
.conversation-item strong{color:var(--fs-ink)!important}.conversation-item small,.conversation-item p{color:#71818a!important}
.conversation-pane{background:#f8fafb!important;display:flex!important;flex-direction:column!important;min-width:0!important}
.conversation-head{padding:20px 24px!important;background:#10222e!important;border-bottom:1px solid rgba(159,216,232,.14)!important}.conversation-head h2{color:#edf4f6!important}.conversation-head p{color:#9fb1b9!important}.conversation-head .icon-button{background:rgba(255,255,255,.06)!important;color:#dce8eb!important;border-color:rgba(159,216,232,.18)!important}
.conversation-messages{flex:1!important;padding:24px!important;background:linear-gradient(rgba(20,32,42,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(20,32,42,.035) 1px,transparent 1px),#f6f9fa!important;background-size:34px 34px!important}
.admin-chat-message{max-width:72%!important;margin-bottom:12px!important;padding:13px 15px!important;background:#fff!important;border:1px solid rgba(20,32,42,.09)!important;color:#354750!important;clip-path:var(--fs-cut-sm)!important;box-shadow:0 8px 22px rgba(8,18,26,.06)!important}.admin-chat-message.admin{margin-left:auto!important;background:#173043!important;color:#e5eef1!important;border-color:rgba(159,216,232,.17)!important}.admin-chat-message small{display:block!important;margin-top:7px!important;color:#7f9099!important;font-size:9px!important}.admin-chat-message.admin small{color:#91a6b0!important}
.conversation-reply{padding:16px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;background:#fff!important;border-top:1px solid rgba(20,32,42,.09)!important}.conversation-reply textarea{min-height:54px!important}.conversation-reply .button{align-self:end!important}
.login-body{background:#071018!important}
.login-shell{min-height:100vh!important;grid-template-columns:minmax(0,1.05fr) minmax(440px,.95fr)!important;background:transparent!important}
.login-brand-panel{padding:clamp(42px,6vw,88px)!important;background:linear-gradient(90deg,rgba(159,216,232,.045) 1px,transparent 1px),linear-gradient(rgba(159,216,232,.045) 1px,transparent 1px),radial-gradient(circle at 75% 18%,rgba(77,174,199,.13),transparent 28%),linear-gradient(145deg,#071018,#142b39)!important;background-size:52px 52px,52px 52px,auto,auto!important}
.login-brand-panel>div{max-width:680px!important}
.login-brand-panel h1{font-size:clamp(45px,5vw,70px)!important;line-height:1.03!important;letter-spacing:-.05em!important;color:#f3f7f8!important;text-wrap:balance}
.login-brand-panel p{max-width:590px!important;font-size:16px!important;line-height:1.72!important;color:#a9bac1!important}
.login-form-panel{display:grid!important;place-items:center!important;padding:38px!important;background:linear-gradient(145deg,#edf3f5,#fff)!important}
.login-form-panel form{width:min(100%,470px)!important;padding:42px!important;background:#fff!important;border:1px solid var(--fs-line)!important;box-shadow:var(--fs-shadow-lg)!important;clip-path:var(--fs-cut)!important}
.login-form-panel h2{font-size:34px!important;color:var(--fs-ink)!important}.login-form-panel p{color:var(--fs-copy)!important}.back-link{color:#34657a!important}
.fs-page-icon{width:54px;height:54px;display:grid;place-items:center;margin-bottom:22px;background:rgba(159,216,232,.08);color:var(--fs-ice);border:1px solid rgba(159,216,232,.18);clip-path:var(--fs-cut-sm)}
.fs-page-icon svg{width:25px;height:25px}
.fs-row-icon{position:absolute;right:24px;top:22px;width:38px;height:38px;display:grid;place-items:center;color:rgba(27,66,85,.42);border:1px solid rgba(27,66,85,.10);clip-path:var(--fs-cut-sm);background:rgba(255,255,255,.42)}
.fs-row-icon svg{width:19px;height:19px}
.fs-reveal{opacity:0;transform:translateY(18px);transition:opacity .58s ease var(--fs-delay,0ms),transform .58s cubic-bezier(.2,.75,.2,1) var(--fs-delay,0ms)}
.fs-reveal.fs-visible{opacity:1;transform:none}
@media(max-width:1100px){.solution-row{grid-template-columns:62px minmax(0,1fr)!important}.solution-row ul{grid-column:2!important}.portfolio-row{grid-template-columns:170px minmax(0,1fr)!important}.portfolio-row p{grid-column:1/-1!important}.story-grid{grid-template-columns:1fr!important}.mission-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.leader-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.job-detail-grid{grid-template-columns:minmax(0,1fr) 320px!important;gap:30px!important}}
@media(max-width:860px){.site-nav{background:#09131b!important;border-color:rgba(159,216,232,.15)!important}.page-hero,.job-detail-hero{min-height:auto!important;padding:76px 24px 70px!important;flex-direction:column!important;align-items:flex-start!important}.page-hero-art{width:100%!important;max-width:360px!important}.status-legend{width:100%!important}.solution-row,.portfolio-row{grid-template-columns:1fr!important;gap:20px!important;padding:34px 28px!important}.solution-row ul,.portfolio-row p{grid-column:auto!important}.solution-index{width:48px;height:48px}.story-grid,.contact-grid,.job-detail-grid{grid-template-columns:1fr!important}.contact-context,.apply-aside{position:static!important}.values-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.job-card{grid-template-columns:1fr!important}.job-actions{justify-content:flex-start!important}.admin-sidebar{width:280px!important}.admin-main{margin-left:0!important}.admin-content{padding:22px!important}.chat-admin-layout{grid-template-columns:280px minmax(0,1fr)!important}.login-shell{grid-template-columns:1fr!important}.login-brand-panel{min-height:420px!important}.login-form-panel{padding:28px!important}}
@media(max-width:680px){.section{padding:68px 18px!important}.section-heading{padding-left:17px!important;align-items:flex-start!important}.section-heading h2{font-size:34px!important}.page-hero,.job-detail-hero{padding:64px 18px 58px!important}.page-hero h1,.job-detail-hero h1{font-size:42px!important}.page-hero p,.job-detail-hero p{font-size:15px!important}.solution-row,.portfolio-row,.story-copy,.contact-context,.contact-form,.job-detail-grid>div:first-child{padding:28px 22px!important}.solution-copy h2,.portfolio-row h2{font-size:25px!important}.mission-grid,.values-grid,.leader-grid{grid-template-columns:1fr!important}.leader-image{height:310px!important}.job-card{padding:28px 22px!important}.job-actions{display:grid!important;grid-template-columns:1fr!important}.job-actions .button{width:100%!important}.admin-content{padding:14px!important}.admin-page-heading{padding:24px 21px!important}.admin-page-heading h1{font-size:29px!important}.admin-stat-grid{grid-template-columns:1fr!important}.admin-stat-grid>a{min-height:145px!important}.table-tools{align-items:stretch!important}.table-tools>*{width:100%!important;min-width:0!important}.admin-table{min-width:760px!important}.admin-grid-two{grid-template-columns:1fr!important}.detail-grid{grid-template-columns:1fr!important}.detail-actions{grid-template-columns:1fr!important}.chat-admin-layout{grid-template-columns:1fr!important;min-height:720px!important}.conversation-list{max-height:300px!important;border-right:0!important;border-bottom:1px solid rgba(20,32,42,.10)!important}.admin-chat-message{max-width:88%!important}.conversation-reply{grid-template-columns:1fr!important}.modal-card{padding:28px 20px!important}.login-brand-panel{min-height:360px!important;padding:36px 24px!important}.login-brand-panel h1{font-size:42px!important}.login-form-panel{padding:18px!important}.login-form-panel form{padding:30px 22px!important}}
@media(prefers-reduced-motion:reduce){.fs-reveal{opacity:1!important;transform:none!important;transition:none!important}}
/* ITECH FULL SITE REFINEMENT V1 END */
/* ITECH FULL SITE REFINEMENT COMPONENTS BEGIN */
.fs-admin-icon{width:25px;height:25px;display:grid;place-items:center;color:#8fb8c6;flex:0 0 auto}
.fs-admin-icon svg{width:17px;height:17px}
.admin-sidebar nav a.active .fs-admin-icon{color:#f0b970}
.fs-stat-icon{width:42px;height:42px;display:grid;place-items:center;margin-bottom:20px;color:#1b718b;background:#e7f4f7;border:1px solid rgba(77,174,199,.18);clip-path:var(--fs-cut-sm)}
.fs-stat-icon svg{width:21px;height:21px}
.admin-stat-grid>a:nth-child(2) .fs-stat-icon{color:#a76822;background:#fff2df;border-color:rgba(226,160,74,.20)}
.admin-stat-grid>a:nth-child(3) .fs-stat-icon{color:#3f8066;background:#e8f5ef;border-color:rgba(120,191,160,.22)}
.admin-stat-grid>a:nth-child(4) .fs-stat-icon{color:#725ba8;background:#f0ecfa;border-color:rgba(170,145,220,.22)}
.fs-admin-overlay{display:none;position:fixed;inset:0;z-index:89;border:0;background:rgba(4,10,15,.62);backdrop-filter:blur(3px);cursor:pointer}
@media(max-width:860px){body.fs-admin-navigation-open .fs-admin-overlay{display:block}.admin-sidebar{z-index:90!important}}
/* ITECH FULL SITE REFINEMENT COMPONENTS END */