:root {
  --io-navy: #0b3156;
  --io-blue: #0b63a5;
  --io-sky: #39a9e8;
  --io-lime: #c8dc35;
  --io-ink: #15345d;
  --io-muted: #657a99;
  --io-line: #dce9f4;
  --io-pale: #f2f8fd;
}

.io-inner-page {
  color: var(--io-ink);
  overflow: hidden;
  background: #fff;
}

/* Product detail pages use the new editorial layout exclusively. */
.io-inner-page.io-has-product-detail > .entry-content > .et-l > .et_builder_inner_content > .et_pb_section:not(.io-inner-hero),
.io-inner-page.io-has-service-detail > .entry-content > .et-l > .et_builder_inner_content > .et_pb_section:not(.io-inner-hero),
.io-inner-page.io-has-services-landing > .entry-content > .et-l > .et_builder_inner_content > .et_pb_section:not(.io-inner-hero),
.io-inner-page.io-has-corporate-focus > .entry-content > .et-l > .et_builder_inner_content > .et_pb_section:not(.io-inner-hero) {
  display: none !important;
}

/* Imported pages are not fully consistent in their wrapper hierarchy. */
article.io-has-product-detail .et_pb_section:not(.io-inner-hero),
article.io-has-service-detail .et_pb_section:not(.io-inner-hero),
article.io-has-services-landing .et_pb_section:not(.io-inner-hero),
article.io-has-corporate-focus .et_pb_section:not(.io-inner-hero) {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.io-inner-page .io-inner-hero {
  position: relative;
  isolation: isolate;
  min-height: 510px !important;
  height: auto !important;
  max-height: none !important;
  padding: 92px 28px 68px !important;
  overflow: hidden;
  background-position: center !important;
  background-size: cover !important;
}

.io-inner-page .io-inner-hero.io-inner-hero--quality {
  background-image: url("inoventis/uploads/uretim_v/capsule-dolum1.png") !important;
  background-position: center 48% !important;
}

.io-inner-page .io-inner-hero.io-inner-hero--quality::before {
  background:
    linear-gradient(90deg, rgba(4,38,70,.98) 0%, rgba(5,45,82,.92) 40%, rgba(5,49,87,.56) 69%, rgba(5,49,87,.30) 100%),
    linear-gradient(180deg, rgba(0,37,70,.06), rgba(0,42,79,.52));
}

.io-inner-page .io-inner-hero.io-inner-hero--video > .io-inner-hero__video {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  pointer-events: none;
}

.io-inner-page .io-inner-hero.io-inner-hero--video::before,
.io-inner-page .io-inner-hero.io-inner-hero--video::after {
  z-index: 1;
}

.io-inner-page .io-inner-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(90deg, rgba(5, 39, 72, .97) 0%, rgba(5, 45, 82, .89) 42%, rgba(5, 49, 87, .54) 72%, rgba(5, 49, 87, .28) 100%),
    linear-gradient(180deg, rgba(0, 37, 70, .12), rgba(0, 42, 79, .62));
}

.io-inner-page .io-inner-hero::after {
  content: "";
  position: absolute;
  right: -90px;
  bottom: -160px;
  z-index: -1;
  width: 520px;
  aspect-ratio: 1;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 50%;
  box-shadow: 0 0 0 72px rgba(255, 255, 255, .035), 0 0 0 144px rgba(255, 255, 255, .025);
}

.io-inner-page .io-inner-hero > .et_pb_row {
  position: relative;
  z-index: 2;
  width: min(1320px, 100%) !important;
  max-width: none !important;
  margin: 0 auto !important;
  min-height: 350px;
  display: flex !important;
  align-items: center !important;
}

.io-inner-page .io-inner-hero .et_pb_column {
  width: min(720px, 100%) !important;
}

.io-inner-page .io-inner-hero .et_pb_group {
  padding: 0 !important;
}

.io-inner-breadcrumb {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 20px;
  color: rgba(255,255,255,.62);
  font-size: 11px;
  font-weight: 600;
}

.io-inner-breadcrumb a,
.io-inner-breadcrumb span {
  color: inherit;
  text-decoration: none;
}

.io-inner-breadcrumb span { color: rgba(255,255,255,.9); }
.io-inner-breadcrumb i { color: var(--io-lime); font-style: normal; }

.io-inner-hero__eyebrow {
  display: block;
  margin-bottom: 18px;
  color: var(--io-lime);
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .18em;
}

.io-inner-page .io-inner-hero h1,
.io-inner-page .io-inner-hero .et_pb_module_header {
  max-width: 760px;
  margin: 0 !important;
  padding: 0 !important;
  color: #fff !important;
  font-size: clamp(42px, 4.4vw, 62px) !important;
  font-weight: 500 !important;
  line-height: 1.02 !important;
  letter-spacing: -.045em !important;
}

.io-inner-page .io-inner-hero .et_pb_text {
  max-width: 650px;
  margin-top: 22px !important;
}

.io-inner-page .io-inner-hero .et_pb_text p,
.io-inner-page .io-inner-hero .et_pb_text_inner {
  margin: 0 !important;
  color: rgba(255,255,255,.76) !important;
  font-size: 17px !important;
  line-height: 1.7 !important;
}

.io-inner-page .io-inner-hero .et_pb_button_module_wrapper {
  margin-top: 27px !important;
}

.io-inner-page .io-inner-hero .et_pb_button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 0 28px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: var(--io-lime) !important;
  color: #12375e !important;
  box-shadow: 0 16px 36px rgba(0,0,0,.14);
  font-size: 14px !important;
  font-weight: 800 !important;
}

.io-inner-page > .entry-content > .et-l > .et_builder_inner_content > .et_pb_section:not(.io-inner-hero) {
  position: relative;
  padding: 96px 28px !important;
  background: #fff;
}

.io-inner-page > .entry-content > .et-l > .et_builder_inner_content > .et_pb_section:not(.io-inner-hero):nth-child(odd) {
  background: linear-gradient(135deg, #f4f9fd 0%, #fff 72%);
}

.io-inner-page .et_pb_section:not(.io-inner-hero) > .et_pb_row {
  width: min(1320px, 100%) !important;
  max-width: none !important;
  margin: 0 auto !important;
}

.io-inner-page .text-with-image .et_pb_row,
.io-inner-page .et_pb_row.et_pb_equal_columns {
  display: grid !important;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  gap: clamp(44px, 7vw, 108px);
  align-items: center;
}

.io-inner-page .text-with-image .et_pb_column,
.io-inner-page .et_pb_row.et_pb_equal_columns > .et_pb_column {
  width: 100% !important;
  margin: 0 !important;
}

.io-inner-page .text-with-image:nth-of-type(even) .et_pb_column:last-child {
  order: -1;
}

.io-inner-page .et_pb_section:not(.io-inner-hero) h2,
.io-inner-page .et_pb_section:not(.io-inner-hero) h3 {
  margin: 0 0 22px !important;
  padding: 0 !important;
  color: var(--io-ink) !important;
  font-weight: 500 !important;
  line-height: 1.08 !important;
  letter-spacing: -.035em !important;
}

.io-inner-page .et_pb_section:not(.io-inner-hero) h2 {
  font-size: clamp(36px, 4.1vw, 58px) !important;
}

.io-inner-page .et_pb_section:not(.io-inner-hero) h3 {
  font-size: clamp(25px, 2.2vw, 34px) !important;
}

.io-inner-page .et_pb_section:not(.io-inner-hero) p,
.io-inner-page .et_pb_section:not(.io-inner-hero) li {
  color: #536986 !important;
  font-size: 17px !important;
  line-height: 1.78 !important;
}

.io-inner-page .et_pb_section:not(.io-inner-hero) p + p { margin-top: 14px; }

.io-inner-page .et_pb_section:not(.io-inner-hero) ul,
.io-inner-page .et_pb_section:not(.io-inner-hero) ol {
  display: grid;
  gap: 10px;
  margin: 24px 0 0;
  padding-left: 0;
  list-style: none;
}

.io-inner-page .et_pb_section:not(.io-inner-hero) li {
  position: relative;
  padding: 11px 0 11px 28px;
  border-bottom: 1px solid var(--io-line);
}

.io-inner-page .et_pb_section:not(.io-inner-hero) li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 22px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--io-lime);
  box-shadow: 0 0 0 5px rgba(200,220,53,.16);
}

.io-inner-page .et_pb_image,
.io-inner-page .et_pb_image_wrap {
  display: block;
  width: 100%;
}

.io-inner-page .et_pb_section:not(.io-inner-hero) img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 11;
  object-fit: cover;
  border-radius: 26px;
  box-shadow: 0 28px 80px rgba(21, 52, 93, .14);
}

.io-inner-page .et_pb_section:not(.io-inner-hero) .et_pb_button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  margin-top: 20px;
  padding: 0 24px !important;
  border: 1px solid rgba(11,99,165,.22) !important;
  border-radius: 11px !important;
  background: #fff !important;
  color: var(--io-blue) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  box-shadow: 0 12px 30px rgba(21,52,93,.08);
}

.io-inner-page--production .io-inner-hero::before {
  background: linear-gradient(90deg, rgba(4,39,73,.97), rgba(8,72,119,.84) 52%, rgba(8,72,119,.36));
}

.io-inner-page--services .io-inner-hero::before {
  background: linear-gradient(90deg, rgba(15,44,79,.97), rgba(11,87,143,.82) 54%, rgba(11,87,143,.3));
}

.io-inner-page--journal .io-inner-hero::before {
  background: linear-gradient(90deg, rgba(10,42,75,.96), rgba(24,74,104,.77) 55%, rgba(24,74,104,.3));
}

/* Article detail: keep the editorial image beside the story while reading. */
.io-inner-page--journal { overflow: visible; }
.io-inner-page--journal .io-inner-hero .et_pb_button_module_wrapper,
.io-inner-page--journal .nci-links { display: none !important; }
.io-inner-page--journal .text-with-image > .et_pb_row,
.io-inner-page--journal .text-with-image .et_pb_row.et_pb_equal_columns { align-items: start !important; }
.io-inner-page--journal .text-with-image > .et_pb_row > .et_pb_column:has(.et_pb_image),
.io-inner-page--journal .text-with-image > .et_pb_row > .et_pb_column:last-child {
  position: sticky !important;
  top: 118px;
  align-self: start !important;
  height: fit-content;
}
.io-inner-page--journal .text-with-image .et_pb_image { margin: 0 !important; }
.io-inner-page--journal .text-with-image .et_pb_image img { max-height: calc(100vh - 160px); object-fit: cover; }

.io-inner-page--contact .io-inner-hero { min-height: 530px; }

.io-inner-directory {
  position: relative;
  z-index: 4;
  padding: 0 28px;
  background: #fff;
}

.io-inner-directory__inner {
  width: min(1320px, 100%);
  margin: -35px auto 0;
  padding: 12px;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  border: 1px solid rgba(11,99,165,.12);
  border-radius: 18px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 24px 70px rgba(21,52,93,.12);
  backdrop-filter: blur(14px);
}

.io-inner-directory a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 54px;
  padding: 0 16px;
  border-right: 1px solid var(--io-line);
  color: #46617f;
  text-decoration: none;
  font-size: 13px;
  font-weight: 700;
}

.io-inner-directory a:last-child { border-right: 0; }
.io-inner-directory a:hover { color: var(--io-blue); }
.io-inner-directory b { color: var(--io-sky); font-size: 15px; }

.io-inner-page--contact .et_pb_section:not(.io-inner-hero) form {
  padding: clamp(24px, 4vw, 50px);
  border: 1px solid var(--io-line);
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 24px 70px rgba(21,52,93,.1);
}

.io-inner-page--contact input,
.io-inner-page--contact select,
.io-inner-page--contact textarea {
  width: 100%;
  min-height: 52px;
  padding: 14px 16px;
  border: 1px solid #d9e6f0;
  border-radius: 10px;
  background: #f8fbfe;
  color: var(--io-ink);
  font: inherit;
}

.io-inner-page--contact textarea { min-height: 140px; resize: vertical; }

.io-inner-cta {
  padding: 30px 28px 90px;
  background: #fff;
}

.io-inner-cta__inner {
  width: min(1320px, 100%);
  margin: 0 auto;
  padding: clamp(42px, 6vw, 76px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
  border-radius: 28px;
  background:
    radial-gradient(circle at 92% 8%, rgba(57,169,232,.22), transparent 28%),
    linear-gradient(135deg, #082f55 0%, #0b5b96 100%);
  box-shadow: 0 30px 80px rgba(7,47,85,.2);
}

.io-inner-cta span {
  color: var(--io-lime);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .18em;
}

.io-inner-cta h2 {
  max-width: 760px;
  margin: 14px 0 12px;
  color: #fff;
  font-size: clamp(34px, 4vw, 54px);
  font-weight: 500;
  line-height: 1.04;
  letter-spacing: -.04em;
}

.io-inner-cta p {
  max-width: 720px;
  margin: 0;
  color: rgba(255,255,255,.67);
  font-size: 16px;
  line-height: 1.65;
}

.io-inner-cta a {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 18px;
  min-height: 56px;
  padding: 0 18px 0 24px;
  border-radius: 12px;
  background: var(--io-lime);
  color: #12375e;
  text-decoration: none;
  font-size: 14px;
  font-weight: 800;
  white-space: nowrap;
}

.io-inner-cta a b {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(255,255,255,.58);
  font-size: 17px;
}

.io-seo-context { padding: 96px 28px; background: linear-gradient(135deg,#eef6fc 0%,#fff 72%); }
.io-seo-context__inner { width: min(1320px,100%); margin: 0 auto; display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(50px,8vw,120px); }
.io-seo-context span { display: block; margin-bottom: 16px; color: var(--io-blue); font-size: 11px; font-weight: 800; letter-spacing: .18em; }
.io-seo-context h2 { margin: 0; color: var(--io-ink); font-size: clamp(36px,4vw,54px); font-weight: 500; line-height: 1.06; letter-spacing: -.04em; }
.io-seo-context__copy p { margin: 0; color: #586e8a; font-size: 16px; line-height: 1.78; }
.io-seo-context__copy p + p { margin-top: 15px; }
.io-seo-context nav { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 26px; }
.io-seo-context nav a { display: inline-flex; align-items: center; gap: 10px; min-height: 42px; padding: 0 15px; border: 1px solid #d5e5f1; border-radius: 9px; background: #fff; color: var(--io-blue); text-decoration: none; font-size: 13px; font-weight: 700; }
.io-seo-context nav b { color: var(--io-sky); }

@media (max-width: 980px) {
  .io-inner-page .io-inner-hero {
    min-height: 560px;
    padding: 126px 22px 74px !important;
    background-position: 62% center !important;
  }

  .io-inner-page .io-inner-hero::before {
    background: linear-gradient(90deg, rgba(5,39,72,.97), rgba(5,45,82,.84) 66%, rgba(5,45,82,.58));
  }

  .io-inner-page > .entry-content > .et-l > .et_builder_inner_content > .et_pb_section:not(.io-inner-hero) {
    padding: 72px 22px !important;
  }

  .io-inner-page .text-with-image .et_pb_row,
  .io-inner-page .et_pb_row.et_pb_equal_columns {
    grid-template-columns: 1fr;
    gap: 42px;
  }

  .io-inner-page .text-with-image:nth-of-type(even) .et_pb_column:last-child { order: initial; }
  .io-inner-page--journal .text-with-image > .et_pb_row > .et_pb_column:has(.et_pb_image),
  .io-inner-page--journal .text-with-image > .et_pb_row > .et_pb_column:last-child { position: static !important; top: auto; }
  .io-inner-page--journal .text-with-image .et_pb_image img { max-height: none; }

  .io-inner-directory { padding: 0 22px; overflow: hidden; }
  .io-inner-directory__inner {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x proximity;
  }
  .io-inner-directory a {
    flex: 0 0 158px;
    scroll-snap-align: start;
  }

  .io-inner-cta { padding: 22px 22px 72px; }
  .io-inner-cta__inner { align-items: flex-start; flex-direction: column; gap: 30px; }
  .io-seo-context { padding: 72px 22px; }
  .io-seo-context__inner { grid-template-columns: 1fr; gap: 30px; }
}

@media (max-width: 640px) {
  .io-inner-page .io-inner-hero {
    min-height: 520px;
    padding: 110px 18px 62px !important;
  }

  .io-inner-page .io-inner-hero h1,
  .io-inner-page .io-inner-hero .et_pb_module_header {
    font-size: clamp(39px, 12vw, 54px) !important;
  }

  .io-inner-page .io-inner-hero .et_pb_text p,
  .io-inner-page .io-inner-hero .et_pb_text_inner { font-size: 15px !important; }
  .io-inner-breadcrumb { margin-bottom: 21px; font-size: 11px; }
  .io-inner-hero__eyebrow { margin-bottom: 14px; font-size: 10px; }

  .io-inner-page > .entry-content > .et-l > .et_builder_inner_content > .et_pb_section:not(.io-inner-hero) {
    padding: 58px 18px !important;
  }

  .io-inner-page .et_pb_section:not(.io-inner-hero) p,
  .io-inner-page .et_pb_section:not(.io-inner-hero) li { font-size: 15px !important; }
  .io-inner-page .et_pb_section:not(.io-inner-hero) img { border-radius: 19px; }

  .io-inner-directory { padding: 0 18px; }
  .io-inner-directory__inner { margin-top: -26px; border-radius: 15px; }
  .io-inner-directory a { min-height: 48px; padding: 0 13px; }

  .io-inner-cta { padding: 18px 18px 58px; }
  .io-inner-cta__inner { padding: 36px 24px; border-radius: 21px; }
  .io-inner-cta a { width: 100%; justify-content: space-between; }
  .io-seo-context { padding: 58px 18px; }
  .io-seo-context nav { flex-direction: column; }
  .io-seo-context nav a { width: 100%; justify-content: space-between; }
}

/* About landing page */
.io-about-page { overflow: hidden; background: #fff; color: var(--io-ink); }
.io-about-shell { width: min(1320px, calc(100% - 48px)); margin: 0 auto; }
.io-about-kicker { display: block; color: var(--io-lime); font-size: 11px; font-weight: 800; letter-spacing: .18em; }

.io-about-hero { position: relative; isolation: isolate; min-height: 650px; display: flex; align-items: center; overflow: hidden; background: #082f55; }
.io-about-hero::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg,#072f55 0%,rgba(7,47,85,.95) 40%,rgba(7,47,85,.46) 72%,rgba(7,47,85,.24)); }
.io-about-hero__media { position: absolute; inset: 0; z-index: -2; background: url('/assets/inoventis/uploads/services_v/musteri-gorusmeleri.jpg') center/cover no-repeat; filter: saturate(.82); }
.io-about-hero__inner { padding: 120px 0 86px; }
.io-about-breadcrumb { display: flex; gap: 8px; margin-bottom: 42px; color: rgba(255,255,255,.66); font-size: 11px; font-weight: 600; }
.io-about-breadcrumb a,.io-about-breadcrumb span { color: inherit; text-decoration: none; }
.io-about-breadcrumb i { color: var(--io-lime); font-style: normal; }
.io-about-hero h1 { max-width: 860px; margin: 19px 0 26px; color: #fff; font-size: clamp(48px,5vw,74px); font-weight: 500; line-height: 1.01; letter-spacing: -.05em; }
.io-about-hero p { max-width: 720px; margin: 0; color: rgba(255,255,255,.76); font-size: 18px; line-height: 1.7; }
.io-about-actions { display: flex; gap: 12px; margin-top: 34px; }
.io-about-actions a { display: inline-flex; align-items: center; gap: 16px; min-height: 54px; padding: 0 23px; border: 1px solid var(--io-lime); border-radius: 11px; background: var(--io-lime); color: #12375e; text-decoration: none; font-size: 14px; font-weight: 800; }
.io-about-actions a.is-ghost { border-color: rgba(255,255,255,.28); background: rgba(255,255,255,.08); color: #fff; backdrop-filter: blur(10px); }

.io-about-intro,.io-about-process { padding: 110px 0; }
.io-about-grid { display: grid; grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr); gap: clamp(58px,8vw,120px); align-items: center; }
.io-about-grid--reverse { grid-template-columns: minmax(0,1.05fr) minmax(0,.95fr); }
.io-about-copy h2,.io-about-section-head h2,.io-about-quality h2 { margin: 16px 0 24px; color: var(--io-ink); font-size: clamp(38px,4.4vw,62px); font-weight: 500; line-height: 1.04; letter-spacing: -.045em; }
.io-about-copy p { margin: 0; color: #586d89; font-size: 17px; line-height: 1.78; }
.io-about-copy p + p { margin-top: 16px; }
.io-about-image { margin: 0; }
.io-about-image img { display: block; width: 100%; aspect-ratio: 1.12/1; object-fit: cover; border-radius: 28px; box-shadow: 0 28px 80px rgba(21,52,93,.14); }
.io-about-image figcaption { margin: 14px 8px 0; color: #7a8ba2; font-size: 12px; line-height: 1.55; }

.io-about-metrics { padding: 0 0 90px; }
.io-about-metrics__grid { display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid var(--io-line); border-radius: 22px; background: #f5faff; overflow: hidden; }
.io-about-metrics__grid > div { padding: 32px; border-right: 1px solid var(--io-line); }
.io-about-metrics__grid > div:last-child { border-right: 0; }
.io-about-metrics strong { display: block; margin-bottom: 7px; color: var(--io-blue); font-size: 27px; font-weight: 600; letter-spacing: -.03em; }
.io-about-metrics span { color: #6c7f98; font-size: 13px; line-height: 1.5; }

.io-about-capabilities { padding: 105px 0 115px; background: linear-gradient(135deg,#eef6fc,#fff 68%); }
.io-about-section-head { display: grid; grid-template-columns: 1.1fr .65fr; gap: 80px; align-items: end; margin-bottom: 52px; }
.io-about-section-head h2 { margin-bottom: 0; }
.io-about-section-head > p { margin: 0 0 5px; color: #657a96; font-size: 16px; line-height: 1.65; }
.io-about-cards { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.io-about-cards a { position: relative; min-height: 260px; padding: 30px; display: flex; flex-direction: column; border: 1px solid rgba(11,99,165,.11); border-radius: 19px; background: #fff; color: var(--io-ink); text-decoration: none; box-shadow: 0 18px 50px rgba(21,52,93,.07); transition: transform .2s ease,box-shadow .2s ease; }
.io-about-cards a:hover { transform: translateY(-4px); box-shadow: 0 26px 60px rgba(21,52,93,.13); }
.io-about-cards span { color: var(--io-sky); font-size: 11px; font-weight: 800; letter-spacing: .15em; }
.io-about-cards h3 { margin: 42px 0 12px; color: var(--io-ink); font-size: 25px; font-weight: 600; letter-spacing: -.03em; }
.io-about-cards p { margin: 0; color: #667b96; font-size: 14px; line-height: 1.65; }
.io-about-cards b { margin-top: auto; padding-top: 22px; color: var(--io-blue); font-size: 13px; }

.io-about-process { background: #fff; }
.io-about-steps { display: grid; gap: 0; margin-top: 32px; }
.io-about-steps > div { display: grid; grid-template-columns: 38px 1fr; gap: 16px; padding: 17px 0; border-bottom: 1px solid var(--io-line); }
.io-about-steps b { color: var(--io-sky); font-size: 12px; }
.io-about-steps span { display: grid; gap: 5px; }
.io-about-steps strong { color: var(--io-ink); font-size: 17px; }
.io-about-steps small { color: #6e8199; font-size: 14px; line-height: 1.5; }

.io-about-quality { padding: 95px 0; background: #0a345c; }
.io-about-quality__inner { display: flex; align-items: center; justify-content: space-between; gap: 60px; }
.io-about-quality h2 { margin-bottom: 16px; color: #fff; }
.io-about-quality p { max-width: 760px; margin: 0; color: rgba(255,255,255,.68); font-size: 16px; line-height: 1.7; }
.io-about-quality a { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 16px; min-height: 54px; padding: 0 22px; border-radius: 11px; background: var(--io-lime); color: #12375e; text-decoration: none; font-size: 14px; font-weight: 800; }
.io-about-page .io-inner-cta { padding-top: 80px; }

@media(max-width:980px){
  .io-about-shell{width:min(100% - 36px,760px)}
  .io-about-hero{min-height:610px}.io-about-hero__inner{padding:110px 0 72px}
  .io-about-grid,.io-about-grid--reverse,.io-about-section-head{grid-template-columns:1fr;gap:42px}
  .io-about-intro,.io-about-process{padding:78px 0}
  .io-about-metrics__grid{grid-template-columns:repeat(2,1fr)}
  .io-about-metrics__grid>div:nth-child(2){border-right:0}.io-about-metrics__grid>div:nth-child(-n+2){border-bottom:1px solid var(--io-line)}
  .io-about-cards{grid-template-columns:repeat(2,1fr)}
  .io-about-quality__inner{align-items:flex-start;flex-direction:column}
}

@media(max-width:620px){
  .io-about-shell{width:calc(100% - 32px)}
  .io-about-hero{min-height:570px}.io-about-hero__inner{padding:96px 0 58px}.io-about-breadcrumb{margin-bottom:28px}
  .io-about-hero h1{font-size:42px}.io-about-hero p{font-size:15px}.io-about-actions{align-items:stretch;flex-direction:column}.io-about-actions a{justify-content:space-between}
  .io-about-intro,.io-about-process,.io-about-capabilities{padding:62px 0}
  .io-about-metrics{padding-bottom:58px}.io-about-metrics__grid{grid-template-columns:1fr}.io-about-metrics__grid>div{border-right:0!important;border-bottom:1px solid var(--io-line)}.io-about-metrics__grid>div:last-child{border-bottom:0}
  .io-about-cards{grid-template-columns:1fr}.io-about-cards a{min-height:230px}
  .io-about-section-head{margin-bottom:34px}.io-about-quality{padding:64px 0}.io-about-quality a{width:100%;justify-content:space-between}
}

/* Shared editorial landing system for every inner page */
.io-rich-lead {
  position: relative;
  padding: 104px 28px 78px;
  background: #fff;
}

.io-rich-lead--services,
.io-rich-lead--journal { background: linear-gradient(145deg, #f3f9fd 0%, #fff 72%); }

.io-rich-lead__inner,
.io-rich-lead figure.io-production-collage {
  isolation: isolate;
  width: 100%;
  padding: 0 0 30px 22px;
}
.io-rich-lead figure.io-production-collage::before {
  z-index: -1;
  left: 0;
  bottom: 0;
  width: 44%;
  height: 44%;
  opacity: 1;
}
.io-production-collage__grid {
  position: relative;
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 12px;
  aspect-ratio: 1.15;
  border: 8px solid #fff;
  border-radius: 28px;
  background: #fff;
  box-shadow: 0 24px 64px rgba(21, 52, 93, .15);
  overflow: hidden;
}
.io-production-collage__tile {
  position: relative;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  border-radius: 18px;
  background: #e7eff4;
}
.io-production-collage__tile:first-child { grid-row: 1 / 3; }
.io-rich-lead .io-production-collage__tile img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  border-radius: 0;
  box-shadow: none;
  object-fit: cover;
  opacity: 0;
  transition: opacity 1.6s ease;
}
.io-rich-lead .io-production-collage__tile img.is-current { opacity: 1; }
.io-production-collage__motion {
  position: absolute;
  bottom: 48px;
  right: 18px;
  z-index: 3;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid rgba(255,255,255,.5);
  border-radius: 50%;
  color: #fff;
  background: #103757;
  font: 18px/1 sans-serif;
  cursor: pointer;
}
.io-production-collage__motion:focus-visible { outline: 3px solid var(--io-lime); outline-offset: 3px; }
@media (max-width: 600px) {
  .io-rich-lead figure.io-production-collage { padding: 0 0 18px 12px; }
  .io-production-collage__grid { gap: 7px; border-width: 5px; border-radius: 21px; }
  .io-production-collage__tile { border-radius: 12px; }
  .io-production-collage__motion { bottom: 32px; right: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .io-rich-lead .io-production-collage__tile img { transition: none; }
}

.io-rich-lead__cards {
  width: min(1320px, 100%);
  margin: 0 auto;
}

.io-rich-lead__inner {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr);
  align-items: center;
  gap: clamp(54px, 7vw, 112px);
}

.io-rich-lead__copy > span {
  display: block;
  margin-bottom: 17px;
  color: var(--io-sky);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .18em;
}

.io-rich-lead__copy h2 {
  max-width: 650px;
  margin: 0 0 25px;
  color: var(--io-ink);
  font-size: clamp(38px, 4.25vw, 62px);
  font-weight: 500;
  line-height: 1.04;
  letter-spacing: -.045em;
}

.io-rich-lead__copy > p {
  max-width: 620px;
  margin: 0;
  color: #617691;
  font-size: 17px;
  line-height: 1.78;
}

.io-rich-lead__copy > a {
  display: inline-flex;
  align-items: center;
  gap: 22px;
  min-height: 54px;
  margin-top: 31px;
  padding: 0 22px;
  border-radius: 11px;
  background: var(--io-lime);
  color: #12375e;
  text-decoration: none;
  font-size: 14px;
  font-weight: 800;
  transition: transform .2s ease, box-shadow .2s ease;
}

.io-rich-lead__copy > a:hover {
  transform: translateY(-2px);
  box-shadow: 0 15px 34px rgba(105, 128, 20, .18);
}

.io-rich-lead__copy > a b { font-size: 18px; font-weight: 500; }

.io-rich-lead figure {
  position: relative;
  margin: 0;
}

.io-rich-lead figure::before {
  content: "";
  position: absolute;
  left: -18px;
  bottom: -18px;
  width: 42%;
  height: 44%;
  z-index: 0;
  border-radius: 24px;
  background: var(--io-lime);
  opacity: .95;
}

.io-rich-lead figure::after {
  content: "";
  position: absolute;
  right: -23px;
  top: -23px;
  width: 116px;
  aspect-ratio: 1;
  z-index: 0;
  border: 1px solid rgba(11, 99, 165, .16);
  border-radius: 50%;
  box-shadow: 0 0 0 27px rgba(11, 99, 165, .035);
}

.io-rich-lead figure img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  aspect-ratio: 1.24 / 1;
  object-fit: cover;
  border-radius: 27px;
  box-shadow: 0 28px 75px rgba(21, 52, 93, .16);
}

.io-rich-lead__cards {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 70px;
  overflow: hidden;
  border: 1px solid var(--io-line);
  border-radius: 21px;
  background: #fff;
  box-shadow: 0 20px 52px rgba(21, 52, 93, .07);
}

.io-rich-lead__cards > div {
  min-height: 184px;
  padding: 27px 26px 25px;
  border-right: 1px solid var(--io-line);
}

.io-rich-lead__cards > div:last-child { border-right: 0; }
.io-rich-lead__cards b { display: block; margin-bottom: 23px; color: var(--io-sky); font-size: 11px; letter-spacing: .14em; }
.io-rich-lead__cards strong { display: block; margin-bottom: 9px; color: var(--io-ink); font-size: 18px; font-weight: 700; }
.io-rich-lead__cards p { margin: 0; color: #6a7e98; font-size: 13px; line-height: 1.58; }

.io-rich-lead--contact .io-rich-lead__copy > a { display: none; }
.io-rich-lead--contact .io-rich-lead__cards strong { font-size: 16px; }

@media (max-width: 980px) {
  .io-rich-lead { padding: 78px 22px 66px; }
  .io-rich-lead__inner { grid-template-columns: 1fr; gap: 46px; }
  .io-rich-lead figure { width: min(760px, 100%); }
  .io-rich-lead__cards { grid-template-columns: repeat(2, 1fr); margin-top: 58px; }
  .io-rich-lead__cards > div:nth-child(2) { border-right: 0; }
  .io-rich-lead__cards > div:nth-child(-n+2) { border-bottom: 1px solid var(--io-line); }
}

@media (max-width: 620px) {
  .io-rich-lead { padding: 62px 18px 54px; }
  .io-rich-lead__inner { gap: 38px; }
  .io-rich-lead__copy h2 { font-size: 38px; }
  .io-rich-lead__copy > p { font-size: 15px; }
  .io-rich-lead__copy > a { width: 100%; justify-content: space-between; }
  .io-rich-lead figure::before { left: -8px; bottom: -8px; border-radius: 17px; }
  .io-rich-lead figure::after { display: none; }
  .io-rich-lead figure img { border-radius: 20px; aspect-ratio: 1.15 / 1; }
  .io-rich-lead__cards { grid-template-columns: 1fr; margin-top: 42px; }
  .io-rich-lead__cards > div { min-height: 0; border-right: 0; border-bottom: 1px solid var(--io-line); }
  .io-rich-lead__cards > div:last-child { border-bottom: 0; }
  .io-rich-lead__cards b { margin-bottom: 14px; }
}

/* Services overview landing page */
.io-services-landing { padding: 102px 28px 116px; background: linear-gradient(145deg,#f2f8fd 0%,#fff 58%); }
.io-services-landing__intro,
.io-services-landing__cards,
.io-services-landing__journey,
.io-services-landing__proof { width:min(1320px,100%); margin-right:auto; margin-left:auto; }
.io-services-landing__intro { display:grid; grid-template-columns:.36fr 1fr .9fr; gap:clamp(30px,5.5vw,78px); align-items:start; margin-bottom:55px; }
.io-services-landing__intro > span,
.io-services-landing__journey-head > span,
.io-services-landing__proof > div > span { padding-top:9px; color:var(--io-sky); font-size:11px; font-weight:800; letter-spacing:.17em; }
.io-services-landing__intro h2,
.io-services-landing__journey h2,
.io-services-landing__proof h2 { margin:0; color:var(--io-ink); font-family:"Gotham medium",sans-serif; font-weight:500; line-height:1.04; letter-spacing:-.045em; }
.io-services-landing__intro h2 { font-size:clamp(38px,4vw,58px); }
.io-services-landing__intro p { margin:0 0 18px; color:#637995; font-size:15px; line-height:1.78; }
.io-services-landing__cards { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.io-services-landing__card { overflow:hidden; border:1px solid var(--io-line); border-radius:23px; background:#fff; color:inherit; text-decoration:none; box-shadow:0 20px 55px rgba(19,53,91,.065); transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease; }
.io-services-landing__card:hover { transform:translateY(-7px); border-color:rgba(11,99,165,.28); box-shadow:0 29px 66px rgba(19,53,91,.13); }
.io-services-landing__card figure { position:relative; height:218px; margin:0; overflow:hidden; background:#0a345c; }
.io-services-landing__card figure::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 48%,rgba(4,39,72,.68)); }
.io-services-landing__card figure img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .55s ease; }
.io-services-landing__card:hover figure img { transform:scale(1.045); }
.io-services-landing__card figure span { position:absolute; z-index:1; right:21px; bottom:17px; color:#fff; font-size:11px; font-weight:800; letter-spacing:.16em; }
.io-services-landing__card > div { position:relative; min-height:270px; padding:30px; }
.io-services-landing__card i { display:grid; width:42px; height:42px; margin-bottom:23px; place-items:center; border-radius:11px; background:#edf7fd; color:var(--io-blue); font-size:19px; }
.io-services-landing__card h3 { margin:0 0 12px; color:var(--io-ink); font-size:21px; font-weight:700; }
.io-services-landing__card p { margin:0 0 28px; color:#6a7f99; font-size:13px; line-height:1.65; }
.io-services-landing__card > div > b { position:absolute; right:30px; bottom:27px; left:30px; display:flex; align-items:center; justify-content:space-between; color:var(--io-blue); font-size:12px; font-weight:800; }
.io-services-landing__card em { font-size:17px; font-style:normal; font-weight:500; }
.io-services-landing__journey { margin-top:86px; padding:66px; border-radius:27px; background:#0a345c; color:#fff; }
.io-services-landing__journey-head { display:grid; grid-template-columns:190px 1fr auto; gap:clamp(24px,2.4vw,42px); align-items:end; }
.io-services-landing__journey-head > span { justify-self:end; color:var(--io-lime); }
.io-services-landing__journey h2 { max-width:620px; color:#fff; font-size:clamp(33px,3.5vw,49px); }
.io-services-landing__journey-head > a,
.io-services-landing__proof > div > a { display:inline-flex; align-items:center; justify-content:space-between; gap:28px; min-height:52px; padding:0 20px; border-radius:10px; background:var(--io-lime); color:var(--io-ink); text-decoration:none; font-size:13px; font-weight:800; }
.io-services-landing__journey-head > a b,
.io-services-landing__proof > div > a b { display:grid; flex:0 0 28px; width:28px; height:28px; place-items:center; border-radius:8px; background:rgba(10,52,92,.12); }
.io-services-landing__journey-head > a svg,
.io-services-landing__proof > div > a svg { display:block; width:15px; height:15px; }
.io-services-landing__steps { position:relative; display:grid; grid-template-columns:repeat(6,1fr); min-height:350px; margin-top:38px; overflow:hidden; }
.io-services-landing__route { position:absolute; top:0; left:0; width:100%; height:180px; overflow:visible; fill:none; stroke:rgba(255,255,255,.17); stroke-width:2; vector-effect:non-scaling-stroke; }
.io-services-landing__route-glow { stroke:var(--io-lime); stroke-width:2.5; stroke-linecap:round; stroke-dasharray:7 18; animation:io-route-flow 4.8s linear infinite; opacity:.68; }
.io-services-landing__route-runner { fill:var(--io-lime); filter:drop-shadow(0 0 7px rgba(200,220,53,.9)); transition:opacity .38s ease; }
@keyframes io-route-flow { to { stroke-dashoffset:-50; } }
.io-services-landing__steps > div { position:relative; z-index:2; min-width:0; padding:183px 16px 0; text-align:center; }
.io-services-landing__steps > div:nth-of-type(even) { padding-top:108px; }
.io-services-landing__stage-icon { position:absolute; top:102px; left:50%; display:grid; width:52px; height:52px; padding:7px; place-items:center; transform:translateX(-50%); overflow:hidden; border:1px solid rgba(255,255,255,.2); border-radius:15px; background:#0d416f; color:rgba(255,255,255,.72); box-shadow:0 10px 22px rgba(0,0,0,.16); transition:transform .55s ease,border-color .55s ease,background .55s ease,box-shadow .55s ease; }
.io-services-landing__steps > div:nth-of-type(even) > .io-services-landing__stage-icon { top:32px; }
.io-services-landing__stage-icon > i { font-size:21px; font-style:normal; }
.io-services-landing__stage-icon svg { display:block; width:100% !important; height:100% !important; filter:brightness(0) saturate(100%) invert(85%) sepia(9%) saturate(620%) hue-rotate(166deg) brightness(102%); transition:filter .55s ease; }
.io-services-landing__stage-icon[data-animation$="hazirlik.json"] svg path[fill]:not([fill="none"]) { fill:transparent !important; }
.io-services-landing__stage-icon.is-loaded > i { display:none; }
.io-services-landing__step.is-active .io-services-landing__stage-icon { transform:translateX(-50%) translateY(-4px) scale(1.12); border-color:rgba(200,220,53,.82); background:var(--io-lime); color:var(--io-ink); box-shadow:0 0 0 8px rgba(200,220,53,.09),0 16px 30px rgba(0,0,0,.2); }
.io-services-landing__step.is-active .io-services-landing__stage-icon svg { filter:brightness(0) saturate(100%) invert(17%) sepia(24%) saturate(1730%) hue-rotate(172deg) brightness(91%); }
.io-services-landing__steps b { display:block; margin-bottom:15px; color:rgba(255,255,255,.46); font-size:12px; font-weight:800; letter-spacing:.16em; }
.io-services-landing__steps strong { display:block; margin-bottom:10px; color:#fff; font-family:"Gotham medium",sans-serif; font-size:20px; font-weight:500; line-height:1.25; letter-spacing:-.015em; }
.io-services-landing__steps > div > span:last-child { display:block; max-width:190px; margin:0 auto; color:rgba(255,255,255,.7); font-size:14px; line-height:1.62; }
.io-services-landing__proof { display:grid; grid-template-columns:1.05fr .95fr; gap:clamp(45px,7vw,95px); align-items:center; margin-top:92px; }
.io-services-landing__proof figure { position:relative; min-height:540px; margin:0; overflow:hidden; border-radius:26px; background:#0a345c; box-shadow:0 26px 70px rgba(19,53,91,.14); }
.io-services-landing__proof figure::after { content:""; position:absolute; inset:0; border:1px solid rgba(255,255,255,.12); border-radius:inherit; box-shadow:inset 0 -120px 120px rgba(3,34,62,.28); }
.io-services-landing__proof figure img { display:block; width:100%; height:100%; min-height:540px; object-fit:cover; }
.io-services-landing__proof h2 { max-width:590px; margin:18px 0 21px; font-size:clamp(37px,3.9vw,56px); }
.io-services-landing__proof p { max-width:600px; margin:0 0 28px; color:#637995; font-size:15px; line-height:1.76; }
.io-services-landing__proof ul { display:grid; gap:13px; padding:0; margin:0 0 33px; list-style:none; }
.io-services-landing__proof li { display:flex; align-items:center; gap:12px; color:var(--io-ink); font-size:14px; font-weight:650; }
.io-services-landing__proof li i { display:grid; flex:0 0 25px; width:25px; height:25px; place-items:center; border-radius:50%; background:var(--io-lime); color:var(--io-ink); font-size:13px; }

@media (max-width:980px) {
  .io-services-landing { padding:78px 22px 88px; }
  .io-services-landing__intro { grid-template-columns:1fr; gap:20px; }
  .io-services-landing__intro > span { padding-top:0; }
  .io-services-landing__cards { grid-template-columns:repeat(2,1fr); }
  .io-services-landing__journey { padding:48px 35px; }
  .io-services-landing__journey-head { grid-template-columns:1fr; align-items:start; }
  .io-services-landing__journey-head > span { justify-self:start; }
  .io-services-landing__journey-head > a { width:max-content; }
  .io-services-landing__steps { display:grid; grid-template-columns:1fr; gap:0; min-height:0; margin-top:28px; border-top:0; overflow:visible; }
  .io-services-landing__route { display:none; }
  .io-services-landing__steps > div,
  .io-services-landing__steps > div:nth-of-type(even) { display:grid; grid-template-columns:52px minmax(0,1fr); column-gap:16px; align-items:start; min-height:0; padding:0 0 28px; border:0; text-align:left; }
  .io-services-landing__steps > div::after { content:""; position:absolute; z-index:1; top:56px; bottom:4px; left:25px; width:2px; background:repeating-linear-gradient(180deg,rgba(200,220,53,.92) 0 7px,transparent 7px 15px); pointer-events:none; }
  .io-services-landing__steps > div:last-child::after { display:none; }
  .io-services-landing__steps > div > .io-services-landing__stage-icon,
  .io-services-landing__steps > div:nth-of-type(even) > .io-services-landing__stage-icon { position:relative; top:auto; left:auto; grid-column:1; grid-row:1 / span 3; align-self:start; transform:none; }
  .io-services-landing__step.is-active .io-services-landing__stage-icon { transform:none; box-shadow:0 0 0 5px rgba(200,220,53,.16); }
  .io-services-landing__steps b { grid-column:2; grid-row:1; margin:4px 0 0; }
  .io-services-landing__steps strong { grid-column:2; grid-row:2; margin:2px 0 6px; font-size:18px; }
  .io-services-landing__steps > div > span:last-child { grid-column:2; grid-row:3; max-width:none; margin:0; }
  .io-services-landing__proof { grid-template-columns:1fr; }
}

@media (max-width:620px) {
  .io-services-landing { padding:60px 18px 66px; }
  .io-services-landing__cards { grid-template-columns:1fr; }
  .io-services-landing__card figure { height:205px; }
  .io-services-landing__card > div { min-height:245px; padding:25px; }
  .io-services-landing__card > div > b { right:25px; left:25px; }
  .io-services-landing__journey { margin-top:58px; padding:32px 18px 18px; border-radius:20px; }
  .io-services-landing__journey-head > a { width:100%; }
  .io-services-landing__steps > div,
  .io-services-landing__steps > div:nth-of-type(even) { padding:0 0 22px; }
  .io-services-landing__steps strong { font-size:17px; }
  .io-services-landing__steps > div > span:last-child { font-size:13px; line-height:1.55; }
  .io-services-landing__proof { margin-top:61px; }
  .io-services-landing__proof figure,.io-services-landing__proof figure img { min-height:360px; }
  .io-services-landing__proof > div > a { width:100%; }
}

/* Individual service landing pages */
.io-service-detail {
  padding: 102px 28px 112px;
  background: #fff;
}

.io-service-detail__head,
.io-service-detail__visual,
.io-service-detail__grid,
.io-service-detail__process {
  width: min(1320px, 100%);
  margin-right: auto;
  margin-left: auto;
}

.io-service-detail__head {
  display: grid;
  grid-template-columns: .36fr .95fr .82fr;
  gap: clamp(28px, 5vw, 76px);
  align-items: start;
  margin-bottom: 48px;
}

.io-service-detail__head > span,
.io-service-detail article > span,
.io-service-detail__process > div:first-child > span {
  padding-top: 9px;
  color: var(--io-sky);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .17em;
}

.io-service-detail__head h2 {
  margin: 0;
  color: var(--io-ink);
  font-size: clamp(37px, 4vw, 58px);
  font-weight: 500;
  line-height: 1.04;
  letter-spacing: -.045em;
}

.io-service-detail__head p {
  margin: 4px 0 0;
  color: #627791;
  font-size: 16px;
  line-height: 1.76;
}

.io-service-detail__visual {
  position: relative;
  min-height: clamp(330px, 39vw, 520px);
  margin-bottom: 18px;
  overflow: hidden;
  border-radius: 26px;
  background: #0a345c;
  box-shadow: 0 26px 70px rgba(11, 48, 83, .13);
}

.io-service-detail__visual::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(4, 39, 72, .86) 0%, rgba(4, 39, 72, .40) 44%, rgba(4, 39, 72, .08) 76%);
}

.io-service-detail__visual img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: clamp(330px, 39vw, 520px);
  object-fit: cover;
}

.io-service-detail__visual figcaption {
  position: absolute;
  z-index: 1;
  left: clamp(28px, 5vw, 70px);
  bottom: clamp(28px, 5vw, 62px);
  display: grid;
  gap: 14px;
  max-width: 620px;
}

.io-service-detail__visual figcaption span {
  color: var(--io-lime);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .18em;
}

.io-service-detail__visual figcaption strong {
  color: #fff;
  font-family: "Gotham medium", sans-serif;
  font-size: clamp(25px, 3.1vw, 44px);
  font-weight: 500;
  line-height: 1.12;
  letter-spacing: -.035em;
}

.io-service-detail__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.io-service-detail article {
  min-height: 390px;
  padding: clamp(30px, 4vw, 52px);
  border: 1px solid var(--io-line);
  border-radius: 24px;
  background: #f5faff;
}

.io-service-detail article.is-blue {
  border-color: #0a3d6b;
  background: #0a345c;
}

.io-service-detail article.is-blue > span { color: var(--io-lime); }
.io-service-detail ul { padding: 0; margin: 39px 0 0; list-style: none; }

.io-service-detail__scope {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
}

.io-service-detail__scope li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  min-height: 96px;
  padding: 20px;
  border: 1px solid rgba(11,99,165,.1);
  border-radius: 14px;
  background: #fff;
  color: var(--io-ink);
  font-size: 14px;
  font-weight: 650;
  line-height: 1.45;
}

.io-service-detail__scope i {
  display: grid;
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  place-items: center;
  border-radius: 50%;
  background: var(--io-lime);
  color: var(--io-ink);
  font-size: 11px;
  font-style: normal;
}

.io-service-detail__outputs { display: grid; gap: 0; }
.io-service-detail__outputs li {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 15px;
  align-items: center;
  padding: 18px 0;
  border-bottom: 1px solid rgba(255,255,255,.13);
}
.io-service-detail__outputs li:last-child { border-bottom: 0; }
.io-service-detail__outputs b { color: var(--io-lime); font-size: 11px; letter-spacing: .12em; }
.io-service-detail__outputs span { color: #fff; font-size: 17px; font-weight: 600; }

.io-service-detail__process {
  display: grid;
  grid-template-columns: .55fr 1.45fr;
  gap: clamp(40px, 6vw, 95px);
  align-items: start;
  margin-top: 76px;
  padding-top: 62px;
  border-top: 1px solid var(--io-line);
}

.io-service-detail__process h3 {
  max-width: 380px;
  margin: 14px 0 0;
  color: var(--io-ink);
  font-size: clamp(30px, 3vw, 43px);
  font-weight: 500;
  line-height: 1.07;
  letter-spacing: -.04em;
}

.io-service-detail__steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.io-service-detail__steps > div {
  min-height: 210px;
  padding: 25px;
  border: 1px solid var(--io-line);
  border-radius: 17px;
  background: #fff;
  box-shadow: 0 15px 40px rgba(21,52,93,.055);
}
.io-service-detail__steps > div > b { display: block; margin-bottom: 39px; color: var(--io-sky); font-size: 11px; letter-spacing: .14em; }
.io-service-detail__steps span { display: grid; gap: 9px; }
.io-service-detail__steps strong { color: var(--io-ink); font-size: 18px; }
.io-service-detail__steps small { color: #6b7f99; font-size: 13px; line-height: 1.55; }

@media (max-width: 980px) {
  .io-service-detail { padding: 78px 22px 82px; }
  .io-service-detail__head { grid-template-columns: 1fr; gap: 19px; }
  .io-service-detail__head > span { padding-top: 0; }
  .io-service-detail__grid { grid-template-columns: 1fr; }
  .io-service-detail__process { grid-template-columns: 1fr; }
}

@media (max-width: 700px) {
  .io-service-detail { padding: 62px 18px 66px; }
  .io-service-detail__head { margin-bottom: 34px; }
  .io-service-detail__visual { min-height: 330px; border-radius: 19px; }
  .io-service-detail__visual img { min-height: 330px; }
  .io-service-detail__visual::after { background: linear-gradient(0deg, rgba(4,39,72,.9) 0%, rgba(4,39,72,.22) 75%); }
  .io-service-detail__visual figcaption { right: 24px; left: 24px; bottom: 27px; }
  .io-service-detail article { min-height: 0; padding: 27px 21px; border-radius: 19px; }
  .io-service-detail__scope { grid-template-columns: 1fr; }
  .io-service-detail__scope li { min-height: 0; }
  .io-service-detail__outputs span { font-size: 15px; }
  .io-service-detail__process { margin-top: 52px; padding-top: 45px; }
  .io-service-detail__steps { grid-template-columns: 1fr; }
  .io-service-detail__steps > div { min-height: 0; }
  .io-service-detail__steps > div > b { margin-bottom: 22px; }
}

/* Search-focused service content and FAQ */
.io-service-seo {
  padding: 104px 28px 116px;
  background: linear-gradient(145deg, #f2f8fd 0%, #fff 68%);
}

.io-service-seo > header,
.io-service-seo__content,
.io-service-seo__faq {
  width: min(1320px, 100%);
  margin-right: auto;
  margin-left: auto;
}

.io-service-seo > header {
  display: grid;
  grid-template-columns: .36fr 1.05fr .9fr;
  gap: clamp(28px, 5vw, 76px);
  align-items: start;
  margin-bottom: 55px;
}

.io-service-seo > header > span,
.io-service-seo__content aside > span,
.io-service-seo__faq > div:first-child > span {
  padding-top: 9px;
  color: var(--io-sky);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .17em;
}

.io-service-seo > header h2 {
  margin: 0;
  color: var(--io-ink);
  font-size: clamp(36px, 3.8vw, 55px);
  font-weight: 500;
  line-height: 1.06;
  letter-spacing: -.042em;
}

.io-service-seo > header p {
  margin: 4px 0 0;
  color: #627791;
  font-size: 16px;
  line-height: 1.78;
}

.io-service-seo__content {
  display: grid;
  grid-template-columns: 1fr 1fr .9fr;
  gap: 16px;
}

.io-service-seo__content article,
.io-service-seo__content aside {
  min-height: 355px;
  padding: clamp(28px, 3.2vw, 43px);
  border: 1px solid var(--io-line);
  border-radius: 22px;
  background: #fff;
}

.io-service-seo__content article h3 {
  margin: 0 0 21px;
  color: var(--io-ink);
  font-size: 23px;
  font-weight: 650;
  line-height: 1.25;
  letter-spacing: -.025em;
}

.io-service-seo__content article p {
  margin: 0;
  color: #687d97;
  font-size: 14px;
  line-height: 1.8;
}

.io-service-seo__content aside {
  border-color: #0a3d6b;
  background: #0a345c;
}

.io-service-seo__content aside > span { display: block; color: var(--io-lime); }
.io-service-seo__content ul { display: grid; gap: 15px; padding: 0; margin: 31px 0 35px; list-style: none; }
.io-service-seo__content li { display: flex; gap: 12px; align-items: flex-start; color: rgba(255,255,255,.86); font-size: 13px; line-height: 1.55; }
.io-service-seo__content li i { display: grid; flex: 0 0 23px; width: 23px; height: 23px; place-items: center; border-radius: 50%; background: var(--io-lime); color: var(--io-ink); font-size: 12px; }
.io-service-seo__content aside a { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 52px; padding: 0 18px; border-radius: 10px; background: var(--io-lime); color: var(--io-ink); text-decoration: none; font-size: 12px; font-weight: 800; }

.io-service-seo__faq {
  display: grid;
  grid-template-columns: .55fr 1.45fr;
  gap: clamp(42px, 7vw, 100px);
  margin-top: 88px;
  padding-top: 68px;
  border-top: 1px solid var(--io-line);
}

.io-service-seo__faq h3 { max-width: 360px; margin: 15px 0 0; color: var(--io-ink); font-size: clamp(31px, 3vw, 43px); font-weight: 500; line-height: 1.08; letter-spacing: -.04em; }
.io-service-seo__faq details { border-bottom: 1px solid var(--io-line); }
.io-service-seo__faq summary { display: flex; align-items: center; justify-content: space-between; gap: 25px; padding: 23px 0; color: var(--io-ink); cursor: pointer; list-style: none; font-size: 16px; font-weight: 650; }
.io-service-seo__faq summary::-webkit-details-marker { display: none; }
.io-service-seo__faq summary i { color: var(--io-blue); transition: transform .25s ease; }
.io-service-seo__faq details[open] summary i { transform: rotate(45deg); }
.io-service-seo__faq details p { max-width: 760px; padding: 0 45px 23px 0; margin: 0; color: #687d97; font-size: 14px; line-height: 1.75; }

@media (max-width: 980px) {
  .io-service-seo { padding: 78px 22px 88px; }
  .io-service-seo > header { grid-template-columns: 1fr; gap: 18px; }
  .io-service-seo > header > span { padding-top: 0; }
  .io-service-seo__content { grid-template-columns: 1fr 1fr; }
  .io-service-seo__content aside { grid-column: 1 / -1; min-height: 0; }
  .io-service-seo__faq { grid-template-columns: 1fr; gap: 30px; }
}

@media (max-width: 700px) {
  .io-service-seo { padding: 64px 18px 72px; }
  .io-service-seo > header { margin-bottom: 36px; }
  .io-service-seo__content { grid-template-columns: 1fr; }
  .io-service-seo__content aside { grid-column: auto; }
  .io-service-seo__content article,
  .io-service-seo__content aside { min-height: 0; padding: 27px 22px; border-radius: 18px; }
  .io-service-seo__faq { margin-top: 58px; padding-top: 47px; }
  .io-service-seo__faq summary { font-size: 15px; line-height: 1.45; }
  .io-service-seo__faq details p { padding-right: 0; }
}

/* Full product detail system */
.io-product-detail {
  padding: 72px 28px 88px;
  background: linear-gradient(145deg, #f2f8fd 0%, #fff 65%);
}

.io-product-detail__head,
.io-product-detail__panels,
.io-product-detail__process {
  width: min(1320px, 100%);
  margin-right: auto;
  margin-left: auto;
}

.io-product-detail__head {
  display: grid;
  grid-template-columns: .34fr 1fr .8fr;
  gap: clamp(28px, 5vw, 76px);
  align-items: start;
  margin-bottom: 36px;
}

.io-product-detail__head > span,
.io-product-detail__panels article > span,
.io-product-detail__process > span {
  padding-top: 9px;
  color: var(--io-sky);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .17em;
}

.io-product-detail__head h2 {
  margin: 0;
  color: var(--io-ink);
  font-size: clamp(38px, 4.1vw, 59px);
  font-weight: 500;
  line-height: 1.04;
  letter-spacing: -.045em;
}

.io-product-detail__head p {
  margin: 4px 0 0;
  color: #627791;
  font-size: 16px;
  line-height: 1.76;
}

.io-product-detail__panels {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.io-product-detail__panels article {
  min-height: 350px;
  padding: clamp(28px, 3.2vw, 43px);
  border: 1px solid var(--io-line);
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 20px 54px rgba(21,52,93,.065);
}

.io-product-detail__panels article:last-child {
  position: relative;
  overflow: hidden;
  border-color: #0a3e6c;
  background: #0a345c;
}

.io-product-detail__panels article:last-child::after {
  content: "";
  position: absolute;
  right: -110px;
  bottom: -135px;
  width: 300px;
  aspect-ratio: 1;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 50%;
  box-shadow: 0 0 0 52px rgba(255,255,255,.025);
  pointer-events: none;
}

.io-product-detail__panels article:last-child > span { color: var(--io-lime); }
.io-product-detail__panels ul { position: relative; z-index: 1; padding: 0; margin: 28px 0 0; list-style: none; }

.io-product-detail__examples { display: grid; gap: 0; }
.io-product-detail__examples li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 58px;
  border-bottom: 1px solid var(--io-line);
  color: var(--io-ink);
  font-size: 17px;
  font-weight: 650;
}
.io-product-detail__examples i { display: grid; flex: 0 0 29px; width: 29px; height: 29px; place-items: center; border-radius: 50%; background: #edf7fd; color: var(--io-blue); font-size: 15px; line-height: 1; }

.io-product-detail__options { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }
.io-product-detail__options li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 11px;
  min-height: 70px;
  padding: 15px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 13px;
  color: rgba(255,255,255,.84);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.45;
}
.io-product-detail__options i { flex: 0 0 8px; width: 8px; height: 8px; margin-top: 0; border-radius: 50%; background: var(--io-lime); box-shadow: 0 0 0 5px rgba(200,220,53,.08); }
.io-product-detail__panels article > a {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 50px;
  margin-top: 25px;
  padding: 0 19px;
  border-radius: 10px;
  background: var(--io-lime);
  color: var(--io-ink);
  text-decoration: none;
  font-size: 13px;
  font-weight: 800;
}

.io-product-detail__process {
  margin-top: 58px;
  padding-top: 45px;
  border-top: 1px solid var(--io-line);
}
.io-product-detail__technical,
.io-product-detail__development { width: min(1320px,100%); margin-right: auto; margin-left: auto; }
.io-product-detail__technical { display: grid; grid-template-columns: 1.04fr .96fr; gap: 18px; margin-top: 74px; }
.io-product-detail__technical > figure { position: relative; min-height: 505px; margin: 0; overflow: hidden; border-radius: 24px; background-color: #0a345c; background-position: center; background-size: cover; }
.io-product-detail__technical > figure::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(5,39,72,.05) 8%,rgba(5,39,72,.20) 52%,rgba(5,39,72,.82) 100%); }
.io-product-detail__technical > figure video { position:absolute; inset:0; display:block; width:100%; height:100%; min-height:505px; object-fit:cover; }
.io-product-detail__technical figcaption { position: absolute; z-index: 2; right: 0; bottom: 0; left: 0; padding: 44px; }
.io-product-detail__technical figcaption > span,
.io-product-detail__development > span { display: block; margin-bottom: 15px; color: var(--io-sky); font-size: 11px; font-weight: 800; letter-spacing: .17em; }
.io-product-detail__technical figcaption > span { color: var(--io-lime); }
.io-product-detail__technical h3 { max-width: 520px; margin: 0 0 13px; color: #fff; font-family: "Gotham medium",sans-serif; font-size: clamp(29px,2.45vw,38px); font-weight: 500; line-height: 1.1; letter-spacing: -.03em; }
.io-product-detail__technical figcaption > p { max-width: 540px; margin: 0; color: rgba(255,255,255,.72); font-size: 14px; line-height: 1.7; }
.io-product-detail__technical ol { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; padding: 15px; margin: 0; border: 1px solid var(--io-line); border-radius: 24px; background: #fff; list-style: none; }
.io-product-detail__technical li { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 15px; min-height: 151px; padding: 21px; border: 1px solid var(--io-line); border-radius: 15px; color: var(--io-ink); font-family: "Gotham medium",sans-serif; font-size: 13px; font-weight: 500; line-height: 1.38; letter-spacing: -.01em; }
.io-product-detail__technical li i { display: grid; width: 39px; height: 39px; place-items: center; border-radius: 10px; background: #edf7fd; color: var(--io-blue); font-size: 18px; line-height: 1; }
.io-product-detail__development { margin-top: 67px; }
.io-product-detail__development > div { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.io-product-detail__development article { min-height: 240px; padding: 29px; border: 1px solid var(--io-line); border-radius: 18px; background: #fff; }
.io-product-detail__development article > b { display: block; margin-bottom: 43px; color: var(--io-sky); font-size: 10px; letter-spacing: .13em; }
.io-product-detail__development h4 { margin: 0 0 12px; color: var(--io-ink); font-size: 20px; font-weight: 700; }
.io-product-detail__development p { margin: 0; color: #6b7f99; font-size: 13px; line-height: 1.65; }
.io-product-detail__process h3 {
  max-width: 700px;
  margin: 12px 0 31px;
  color: var(--io-ink);
  font-size: clamp(34px, 3.6vw, 50px);
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: -.04em;
}
.io-product-detail__process > div { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--io-line); border-radius: 19px; background: #fff; overflow: hidden; }
.io-product-detail__process > div > div { min-height: 175px; padding: 23px 22px; border-right: 1px solid var(--io-line); }
.io-product-detail__process > div > div:last-child { border-right: 0; }
.io-product-detail__process b { display: block; margin-bottom: 25px; color: var(--io-sky); font-size: 11px; letter-spacing: .14em; }
.io-product-detail__process strong { display: block; margin-bottom: 9px; color: var(--io-ink); font-size: 18px; }
.io-product-detail__process p { margin: 0; color: #6b7f99; font-size: 13px; line-height: 1.57; }

@media (max-width: 980px) {
  .io-product-detail { padding: 78px 22px 84px; }
  .io-product-detail__head { grid-template-columns: 1fr; gap: 19px; }
  .io-product-detail__head > span { padding-top: 0; }
  .io-product-detail__panels { grid-template-columns: 1fr; }
  .io-product-detail__technical { grid-template-columns: 1fr; }
  .io-product-detail__development > div { grid-template-columns: 1fr; }
  .io-product-detail__development article { min-height: 0; }
  .io-product-detail__development article > b { margin-bottom: 25px; }
  .io-product-detail__process > div { grid-template-columns: repeat(2, 1fr); }
  .io-product-detail__process > div > div:nth-child(2) { border-right: 0; }
  .io-product-detail__process > div > div:nth-child(-n+2) { border-bottom: 1px solid var(--io-line); }
}

@media (max-width: 620px) {
  .io-product-detail { padding: 62px 18px 66px; }
  .io-product-detail__head { margin-bottom: 34px; }
  .io-product-detail__panels article { min-height: 0; padding: 27px 21px; border-radius: 19px; }
  .io-product-detail__examples li { min-height: 59px; font-size: 15px; }
  .io-product-detail__options { grid-template-columns: 1fr; }
  .io-product-detail__options li { min-height: 0; }
  .io-product-detail__panels article > a { width: 100%; }
  .io-product-detail__technical { margin-top: 48px; }
  .io-product-detail__technical > figure,.io-product-detail__technical > figure video { min-height: 440px; }
  .io-product-detail__technical figcaption { padding: 29px 24px; }
  .io-product-detail__technical ol { grid-template-columns: 1fr; padding: 13px; border-radius: 18px; }
  .io-product-detail__technical li { min-height: 116px; }
  .io-product-detail__development { margin-top: 48px; }
  .io-product-detail__process { margin-top: 54px; padding-top: 45px; }
  .io-product-detail__process > div { grid-template-columns: 1fr; }
  .io-product-detail__process > div > div { min-height: 0; border-right: 0; border-bottom: 1px solid var(--io-line); }
  .io-product-detail__process > div > div:last-child { border-bottom: 0; }
  .io-product-detail__process b { margin-bottom: 20px; }
}

/* Quality and R&D landing pages */
/* GMP quality introduction */
.io-gmp-intro { position:relative; overflow:hidden; padding:96px 28px 92px; background:#f3f8fc; color:var(--io-ink); }
.io-gmp-intro__inner { position:relative; z-index:1; width:min(1320px,100%); margin:0 auto; }
.io-gmp-intro header { display:grid; grid-template-columns:.45fr 1.55fr; gap:clamp(50px,8vw,118px); align-items:center; }
.io-gmp-intro__badge { display:flex; width:min(360px,100%); aspect-ratio:1; align-items:center; justify-content:center; justify-self:center; align-self:center; margin-inline:auto; }
.io-gmp-intro__badge img { display:block; width:100%; height:100%; object-fit:contain; border-radius:50%; }
.io-gmp-intro__copy > span { display:block; margin-bottom:18px; color:var(--io-sky); font-size:11px; font-weight:800; letter-spacing:.18em; }
.io-gmp-intro__copy h2 { max-width:850px; margin:0; color:var(--io-ink); font-size:clamp(43px,5vw,70px); font-weight:500; line-height:1.01; letter-spacing:-.05em; }
.io-gmp-intro__copy p { max-width:900px; margin:28px 0 0; color:#627891; font-size:16px; line-height:1.78; }
.io-gmp-intro__copy p strong { color:#153d67; font-weight:700; }
.io-gmp-intro__principles { display:grid; grid-template-columns:repeat(4,1fr); margin-top:70px; overflow:hidden; border:1px solid var(--io-line); border-radius:22px; background:#fff; box-shadow:0 18px 48px rgba(24,70,108,.06); }
.io-gmp-intro__principles article { min-height:218px; padding:29px 26px; border-right:1px solid var(--io-line); }
.io-gmp-intro__principles article:last-child { border-right:0; }
.io-gmp-intro__principles i { display:grid; width:45px; height:45px; margin-bottom:31px; place-items:center; border-radius:12px; background:#eaf6fd; color:#137fc1; font-size:20px; }
.io-gmp-intro__principles h3 { margin:0 0 10px; color:var(--io-ink); font-size:18px; font-weight:750; }
.io-gmp-intro__principles p { margin:0; color:#6c8199; font-size:12px; line-height:1.65; }
@media(max-width:980px){
  .io-gmp-intro{padding:76px 22px}.io-gmp-intro header{grid-template-columns:260px 1fr;gap:48px}.io-gmp-intro__principles{grid-template-columns:repeat(2,1fr)}.io-gmp-intro__principles article:nth-child(2){border-right:0}.io-gmp-intro__principles article:nth-child(-n+2){border-bottom:1px solid var(--io-line)}
}
@media(max-width:700px){
  .io-gmp-intro{padding:58px 18px 62px}.io-gmp-intro header{grid-template-columns:1fr;gap:36px}.io-gmp-intro__badge{width:220px}.io-gmp-intro__copy h2{font-size:39px}.io-gmp-intro__copy p{font-size:14px}.io-gmp-intro__principles{grid-template-columns:1fr;margin-top:48px}.io-gmp-intro__principles article{min-height:0;border-right:0;border-bottom:1px solid var(--io-line)}.io-gmp-intro__principles article:nth-child(-n+2){border-bottom:1px solid var(--io-line)}.io-gmp-intro__principles article:last-child{border-bottom:0}.io-gmp-intro__principles i{margin-bottom:21px}
}

/* Career landing page */
.io-career-page { overflow:hidden; background:#f5f9fc; color:var(--io-ink); font-family:"Gotham Book",sans-serif; }
.io-career-shell { width:min(1380px,calc(100% - 56px)); margin-inline:auto; }
.io-career-kicker { display:block; color:var(--io-sky); font:800 11px/1.2 "Gotham medium",sans-serif; letter-spacing:.19em; }
.io-career-hero { position:relative; min-height:680px; overflow:hidden; background:#082f54; color:#fff; }
.io-career-hero::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(5,40,72,.99) 0%,rgba(5,40,72,.92) 43%,rgba(5,40,72,.28) 72%,rgba(5,40,72,.08) 100%); }
.io-career-hero__media { position:absolute; inset:0; background:url('inoventis/about-rd-team.webp') 72% 42%/cover no-repeat; filter:saturate(.8); }
.io-career-hero__inner { position:relative; z-index:1; display:flex; min-height:680px; flex-direction:column; justify-content:center; padding:126px 0 86px; }
.io-career-breadcrumb { position:absolute; top:48px; left:0; display:flex; align-items:center; gap:10px; color:rgba(255,255,255,.66); font-size:11px; }
.io-career-breadcrumb a { color:inherit; text-decoration:none; }
.io-career-breadcrumb i { color:var(--io-lime); font-style:normal; }
.io-career-hero .io-career-kicker { color:var(--io-lime); }
.io-career-hero h1 { max-width:800px; margin:24px 0 25px; color:#fff; font:500 clamp(54px,6vw,86px)/.98 "Gotham medium",sans-serif; letter-spacing:-.055em; }
.io-career-hero p { max-width:630px; margin:0; color:rgba(255,255,255,.72); font-size:18px; line-height:1.72; }
.io-career-actions { display:flex; flex-wrap:wrap; gap:13px; margin-top:35px; }
.io-career-actions a,.io-career-application__inner>a { display:inline-flex; min-height:57px; align-items:center; justify-content:space-between; gap:28px; padding:0 24px; border-radius:11px; background:var(--io-lime); color:var(--io-ink); font:800 13px/1 "Gotham medium",sans-serif; text-decoration:none; transition:transform .2s ease,background .2s ease; }
.io-career-actions a:hover,.io-career-application__inner>a:hover { transform:translateY(-2px); background:#d9e84e; }
.io-career-actions .is-ghost { border:1px solid rgba(255,255,255,.28); background:rgba(255,255,255,.06); color:#fff; }
.io-career-intro { padding:112px 0 106px; }
.io-career-intro__grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(55px,9vw,135px); align-items:start; }
.io-career-intro h2,.io-career-life h2,.io-career-teams h2,.io-career-application h2 { margin:18px 0 0; color:var(--io-ink); font:500 clamp(40px,4.4vw,66px)/1.03 "Gotham medium",sans-serif; letter-spacing:-.045em; }
.io-career-intro__grid>div:last-child { padding-top:28px; }
.io-career-intro__grid p { margin:0 0 18px; color:#637991; font-size:17px; line-height:1.8; }
.io-career-values { display:grid; grid-template-columns:repeat(3,1fr); margin-top:76px; overflow:hidden; border:1px solid var(--io-line); border-radius:25px; background:#fff; box-shadow:0 20px 55px rgba(31,74,111,.06); }
.io-career-values article { position:relative; min-height:280px; padding:34px 31px; border-right:1px solid var(--io-line); }
.io-career-values article:last-child { border-right:0; }
.io-career-values i,.io-career-teams__grid i { display:grid; width:50px; height:50px; place-items:center; border-radius:14px; background:#eaf6fd; color:#147dbc; font-size:21px; }
.io-career-values span { position:absolute; top:38px; right:31px; color:#a1b3c5; font-size:10px; font-weight:800; letter-spacing:.14em; }
.io-career-values h3 { margin:42px 0 12px; color:var(--io-ink); font:700 22px/1.25 "Gotham medium",sans-serif; }
.io-career-values p { margin:0; color:#6b8098; font-size:14px; line-height:1.68; }
.io-career-life { padding:105px 0; background:#fff; }
.io-career-life__grid { display:grid; grid-template-columns:1.06fr .94fr; gap:clamp(55px,8vw,120px); align-items:center; }
.io-career-life figure { min-height:590px; margin:0; overflow:hidden; border-radius:28px; background:#dbe9f3; }
.io-career-life figure img { display:block; width:100%; height:590px; object-fit:cover; object-position:center; }
.io-career-life h2 { max-width:620px; }
.io-career-life p { margin:27px 0; color:#657b93; font-size:16px; line-height:1.76; }
.io-career-life ul { display:grid; gap:0; padding:0; margin:0; list-style:none; }
.io-career-life li { display:flex; align-items:center; gap:14px; padding:16px 0; border-bottom:1px solid var(--io-line); color:#21456b; font-size:14px; font-weight:650; }
.io-career-life li i { display:grid; flex:0 0 27px; width:27px; height:27px; place-items:center; border-radius:50%; background:var(--io-lime); color:#123d61; }
.io-career-teams { padding:108px 0 116px; background:#eef5fa; }
.io-career-teams header { display:grid; grid-template-columns:1fr .65fr; gap:60px; align-items:end; margin-bottom:48px; }
.io-career-teams header p { max-width:520px; margin:0 0 5px; color:#667c94; font-size:15px; line-height:1.75; }
.io-career-teams__grid { display:grid; grid-template-columns:repeat(4,1fr); overflow:hidden; border:1px solid #d4e2ed; border-radius:25px; background:#fff; }
.io-career-teams__grid article { min-height:300px; padding:31px 27px; border-right:1px solid #d4e2ed; }
.io-career-teams__grid article:last-child { border-right:0; }
.io-career-teams__grid h3 { margin:54px 0 13px; color:var(--io-ink); font:700 20px/1.28 "Gotham medium",sans-serif; }
.io-career-teams__grid p { margin:0; color:#6a8098; font-size:13px; line-height:1.67; }
.io-career-application { padding:108px 0 120px; background:#082f54; color:#fff; }
.io-career-application__inner { display:flex; align-items:flex-end; justify-content:space-between; gap:60px; }
.io-career-application .io-career-kicker { color:var(--io-lime); }
.io-career-application h2 { max-width:820px; color:#fff; }
.io-career-application__inner p { max-width:760px; margin:25px 0 0; color:rgba(255,255,255,.64); font-size:16px; line-height:1.75; }
.io-career-application__inner>a { flex:0 0 auto; min-width:240px; }
.io-career-application__privacy { display:flex; flex:0 0 auto; align-items:center; gap:10px; margin-bottom:8px; color:rgba(255,255,255,.62); font-size:12px; white-space:nowrap; }
.io-career-application__privacy i { color:var(--io-lime); font-size:16px; }
.io-career-form-wrap { margin-top:58px; }
.io-career-form-wrap>.nci-alert { margin:0 0 16px; border:1px solid rgba(203,220,58,.28); border-radius:12px; background:rgba(203,220,58,.12); color:#fff; }
.io-career-form-wrap>.nci-alert--error { border-color:rgba(255,128,115,.35); background:rgba(174,43,43,.18); }
.io-career-form { display:grid; grid-template-columns:.58fr 1.42fr; overflow:hidden; border-radius:25px; background:#fff; box-shadow:0 28px 70px rgba(0,0,0,.17); }
.io-career-form__heading { position:relative; overflow:hidden; padding:52px 43px; background:#0e4775; }
.io-career-form__heading::after { content:""; position:absolute; right:-190px; bottom:-230px; width:430px; height:430px; border:1px solid rgba(255,255,255,.09); border-radius:50%; box-shadow:0 0 0 55px rgba(255,255,255,.025),0 0 0 110px rgba(255,255,255,.018); }
.io-career-form__heading span { position:relative; z-index:1; display:block; color:var(--io-lime); font-size:10px; font-weight:800; letter-spacing:.18em; }
.io-career-form__heading h3 { position:relative; z-index:1; max-width:320px; margin:25px 0 18px; color:#fff; font:500 clamp(32px,3.2vw,48px)/1.02 "Gotham medium",sans-serif; letter-spacing:-.045em; }
.io-career-form__heading p { position:relative; z-index:1; max-width:300px; margin:0; color:rgba(255,255,255,.62); font-size:13px; line-height:1.7; }
.io-career-form__fields { padding:45px 48px; color:var(--io-ink); }
.io-career-form__row { display:grid; grid-template-columns:1fr 1fr; gap:17px; margin-bottom:18px; }
.io-career-form label { display:block; min-width:0; }
.io-career-form label>span { display:block; margin-bottom:9px; color:#365573; font-size:11px; font-weight:750; }
.io-career-form input,.io-career-form select,.io-career-form textarea { width:100%; min-height:52px; box-sizing:border-box; border:1px solid #d6e2eb; border-radius:11px; outline:0; background:#f6f9fc; color:#173b60; font:500 13px/1.3 "Gotham Book",sans-serif; transition:border-color .2s ease,box-shadow .2s ease,background .2s ease; }
.io-career-form input,.io-career-form select { padding:0 15px; }
.io-career-form textarea { min-height:132px; padding:15px; resize:vertical; line-height:1.6; }
.io-career-form input:focus,.io-career-form select:focus,.io-career-form textarea:focus { border-color:#2c91cb; background:#fff; box-shadow:0 0 0 3px rgba(32,137,197,.1); }
.io-career-form input::placeholder,.io-career-form textarea::placeholder { color:#98a9ba; }
.io-career-file { position:relative; }
.io-career-file>input { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
.io-career-file>strong { display:flex; min-height:52px; align-items:center; gap:10px; box-sizing:border-box; padding:0 15px; border:1px dashed #a8bdcd; border-radius:11px; background:#f6f9fc; color:#59718a; cursor:pointer; font-size:12px; font-weight:650; }
.io-career-file>strong i { color:#1583c3; font-size:17px; }
.io-career-file>strong span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.io-career-file>small { display:block; margin-top:6px; color:#91a1b1; font-size:9px; }
.io-career-form__message { margin-top:2px; }
.io-career-form__bottom { display:flex; align-items:center; justify-content:space-between; gap:30px; margin-top:22px; }
.io-career-consent { display:flex!important; max-width:480px; align-items:flex-start; gap:10px; }
.io-career-consent input { flex:0 0 17px; width:17px; min-height:17px; height:17px; margin-top:1px; padding:0; accent-color:#99c43d; }
.io-career-consent span { margin:0!important; color:#72869a!important; font-size:10px!important; font-weight:500!important; line-height:1.5; }
.io-career-form button { display:inline-flex; min-height:52px; flex:0 0 auto; align-items:center; justify-content:space-between; gap:30px; padding:0 20px; border:0; border-radius:10px; background:var(--io-lime); color:var(--io-ink); cursor:pointer; font:800 12px/1 "Gotham medium",sans-serif; transition:transform .2s ease,background .2s ease; }
.io-career-form button:hover { transform:translateY(-2px); background:#d9e84e; }
.io-career-hp { position:absolute!important; left:-9999px!important; width:1px!important; height:1px!important; opacity:0!important; }
.io-career-process { display:grid; grid-template-columns:repeat(3,1fr); margin-top:70px; overflow:hidden; border:1px solid rgba(255,255,255,.13); border-radius:22px; }
.io-career-process article { min-height:210px; padding:29px; border-right:1px solid rgba(255,255,255,.13); }
.io-career-process article:last-child { border-right:0; }
.io-career-process b { color:var(--io-lime); font-size:10px; letter-spacing:.14em; }
.io-career-process h3 { margin:34px 0 10px; color:#fff; font:700 18px/1.25 "Gotham medium",sans-serif; }
.io-career-process p { margin:0; color:rgba(255,255,255,.56); font-size:13px; line-height:1.62; }
@media(max-width:980px){
  .io-career-hero,.io-career-hero__inner{min-height:620px}.io-career-hero::after{background:rgba(5,40,72,.82)}.io-career-intro__grid,.io-career-life__grid{grid-template-columns:1fr;gap:45px}.io-career-intro__grid>div:last-child{padding-top:0}.io-career-values{grid-template-columns:1fr}.io-career-values article{min-height:0;border-right:0;border-bottom:1px solid var(--io-line)}.io-career-values article:last-child{border-bottom:0}.io-career-life figure,.io-career-life figure img{height:480px;min-height:480px}.io-career-teams header{grid-template-columns:1fr;gap:25px}.io-career-teams__grid{grid-template-columns:repeat(2,1fr)}.io-career-teams__grid article:nth-child(2){border-right:0}.io-career-teams__grid article:nth-child(-n+2){border-bottom:1px solid #d4e2ed}.io-career-application__inner{align-items:flex-start;flex-direction:column}.io-career-form{grid-template-columns:1fr}.io-career-form__heading{padding:38px}.io-career-form__fields{padding:38px}.io-career-process{grid-template-columns:1fr}.io-career-process article{min-height:0;border-right:0;border-bottom:1px solid rgba(255,255,255,.13)}.io-career-process article:last-child{border-bottom:0}
}
@media(max-width:640px){
  .io-career-shell{width:min(100% - 36px,1380px)}.io-career-hero,.io-career-hero__inner{min-height:650px}.io-career-hero__media{background-position:60% center}.io-career-hero h1{font-size:47px}.io-career-hero p{font-size:15px}.io-career-actions{align-items:stretch;flex-direction:column}.io-career-actions a{width:100%}.io-career-intro,.io-career-life,.io-career-teams,.io-career-application{padding:72px 0}.io-career-intro h2,.io-career-life h2,.io-career-teams h2,.io-career-application h2{font-size:39px}.io-career-values{margin-top:48px}.io-career-life figure,.io-career-life figure img{height:350px;min-height:350px}.io-career-teams__grid{grid-template-columns:1fr}.io-career-teams__grid article{min-height:0;border-right:0;border-bottom:1px solid #d4e2ed}.io-career-teams__grid article:last-child{border-bottom:0}.io-career-form-wrap{margin-top:40px}.io-career-form__heading,.io-career-form__fields{padding:28px 22px}.io-career-form__row{grid-template-columns:1fr}.io-career-form__bottom{align-items:stretch;flex-direction:column}.io-career-form button{width:100%}.io-career-process{margin-top:48px}
}

.io-corporate-focus { padding: 106px 28px 112px; background: #fff; }
.io-corporate-focus__head,
.io-corporate-focus__cards,
.io-corporate-focus__band,
.io-corporate-focus__closing { width: min(1320px,100%); margin-right: auto; margin-left: auto; }
.io-corporate-focus__head { display: grid; grid-template-columns: .34fr 1fr .8fr; gap: clamp(28px,5vw,76px); align-items: start; margin-bottom: 49px; }
.io-corporate-focus__head > span,
.io-corporate-focus__band > div > span { padding-top: 8px; color: var(--io-sky); font-size: 11px; font-weight: 800; letter-spacing: .17em; }
.io-corporate-focus__head h2 { margin: 0; color: var(--io-ink); font-size: clamp(38px,4.15vw,60px); font-weight: 500; line-height: 1.04; letter-spacing: -.045em; }
.io-corporate-focus__head p { margin: 4px 0 0; color: #627791; font-size: 16px; line-height: 1.76; }
.io-corporate-focus__cards { display: grid; grid-template-columns: repeat(4,1fr); overflow: hidden; border: 1px solid var(--io-line); border-radius: 22px; background: #f6faff; }
.io-corporate-focus__cards article { min-height: 260px; padding: 31px 27px; border-right: 1px solid var(--io-line); }
.io-corporate-focus__cards article:last-child { border-right: 0; }
.io-corporate-focus__cards b { display: block; margin-bottom: 44px; color: var(--io-sky); font-size: 11px; letter-spacing: .14em; }
.io-corporate-focus__cards h3 { margin: 0 0 12px; color: var(--io-ink); font-size: 19px; font-weight: 700; }
.io-corporate-focus__cards p { margin: 0; color: #6a7e98; font-size: 13px; line-height: 1.63; }
.io-corporate-focus__band { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(45px,7vw,100px); margin-top: 78px; padding: 65px; border-radius: 25px; background: #0a345c; }
.io-corporate-focus__band > div > span { color: var(--io-lime); }
.io-corporate-focus__band h3 { max-width: 480px; margin: 16px 0 0; color: #fff; font-size: clamp(31px,3.3vw,47px); font-weight: 500; line-height: 1.06; letter-spacing: -.04em; }
.io-corporate-focus__band ul { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; padding: 0; margin: 0; list-style: none; }
.io-corporate-focus__band li { display: flex; align-items: flex-start; gap: 12px; min-height: 75px; padding: 17px; border: 1px solid rgba(255,255,255,.13); border-radius: 13px; color: rgba(255,255,255,.82); font-size: 13px; font-weight: 600; line-height: 1.45; }
.io-corporate-focus__band i { display: grid; flex: 0 0 23px; width: 23px; height: 23px; place-items: center; border-radius: 50%; background: var(--io-lime); color: var(--io-ink); font-size: 10px; font-style: normal; }
.io-corporate-focus__closing { display: flex; align-items: center; justify-content: space-between; gap: 40px; padding-top: 48px; }
.io-corporate-focus__closing p { max-width: 720px; margin: 0; color: var(--io-ink); font-size: 22px; font-weight: 550; line-height: 1.45; letter-spacing: -.02em; }
.io-corporate-focus__closing a { display: inline-flex; align-items: center; gap: 22px; min-height: 54px; padding: 0 22px; border-radius: 11px; background: var(--io-lime); color: var(--io-ink); text-decoration: none; font-size: 14px; font-weight: 800; white-space: nowrap; }

@media(max-width:980px){
  .io-corporate-focus{padding:78px 22px 84px}.io-corporate-focus__head{grid-template-columns:1fr;gap:19px}.io-corporate-focus__head>span{padding-top:0}
  .io-corporate-focus__cards{grid-template-columns:repeat(2,1fr)}.io-corporate-focus__cards article:nth-child(2){border-right:0}.io-corporate-focus__cards article:nth-child(-n+2){border-bottom:1px solid var(--io-line)}
  .io-corporate-focus__band{grid-template-columns:1fr;padding:47px}.io-corporate-focus__closing{align-items:flex-start;flex-direction:column}
}
@media(max-width:620px){
  .io-corporate-focus{padding:62px 18px 66px}.io-corporate-focus__head{margin-bottom:34px}.io-corporate-focus__cards{grid-template-columns:1fr}.io-corporate-focus__cards article{min-height:0;border-right:0;border-bottom:1px solid var(--io-line)}.io-corporate-focus__cards article:last-child{border-bottom:0}.io-corporate-focus__cards b{margin-bottom:24px}
  .io-corporate-focus__band{margin-top:52px;padding:31px 22px;border-radius:19px}.io-corporate-focus__band ul{grid-template-columns:1fr}.io-corporate-focus__band li{min-height:0}.io-corporate-focus__closing p{font-size:18px}.io-corporate-focus__closing a{width:100%;justify-content:space-between}
}

/* Quality certificate wall */
.io-certificates { position:relative; overflow:hidden; padding:104px 28px 112px; background:#082f54; color:#fff; }
.io-certificates::before { content:""; position:absolute; top:-380px; right:-210px; width:760px; height:760px; border:1px solid rgba(255,255,255,.07); border-radius:50%; box-shadow:0 0 0 90px rgba(255,255,255,.018),0 0 0 180px rgba(255,255,255,.012); }
.io-certificates__shell { position:relative; z-index:1; width:min(1320px,100%); margin:0 auto; }
.io-certificates header { display:grid; grid-template-columns:1fr .72fr; gap:clamp(50px,8vw,120px); align-items:end; margin-bottom:52px; }
.io-certificates header span { display:block; margin-bottom:17px; color:var(--io-lime); font-size:10px; font-weight:800; letter-spacing:.18em; }
.io-certificates header h2 { max-width:780px; margin:0; color:#fff; font-family:"Gotham medium",sans-serif; font-size:clamp(39px,4.3vw,60px); font-weight:500; line-height:1.04; letter-spacing:-.045em; }
.io-certificates header p { margin:0 0 4px; color:rgba(255,255,255,.62); font-size:14px; line-height:1.75; }
.io-certificates__wall { display:grid; grid-template-columns:repeat(3,1fr); gap:34px 27px; padding:42px; border:1px solid rgba(255,255,255,.1); border-radius:27px; background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018)); box-shadow:inset 0 1px rgba(255,255,255,.06); }
.io-certificate-card { min-width:0; }
.io-certificate-card > a { display:block; color:inherit; text-decoration:none; }
.io-certificate-frame { position:relative; padding:15px; overflow:hidden; border:9px solid #ba9360; border-radius:5px; background:#dfbd82; box-shadow:inset 0 0 0 2px rgba(255,255,255,.32),inset 0 0 0 5px rgba(77,44,20,.22),0 18px 34px rgba(0,0,0,.28); transition:transform .28s ease,box-shadow .28s ease; }
.io-certificate-frame::before { content:""; position:absolute; inset:-9px; pointer-events:none; background:linear-gradient(125deg,rgba(255,255,255,.26),transparent 20%,rgba(69,37,14,.18) 54%,rgba(255,255,255,.15)); mix-blend-mode:overlay; }
.io-certificate-paper { position:relative; aspect-ratio:.705; overflow:hidden; background:#fff; box-shadow:0 0 0 1px rgba(28,45,60,.13),inset 0 0 26px rgba(33,47,58,.08); }
.io-certificate-paper img { display:block; width:100%; height:100%; object-fit:cover; object-position:top center; transition:transform .45s ease,filter .3s ease; }
.io-certificate-overlay { position:absolute; z-index:2; inset:15px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; background:rgba(4,35,62,.72); opacity:0; backdrop-filter:blur(2px); transition:opacity .28s ease; }
.io-certificate-overlay i { display:grid; width:47px; height:47px; place-items:center; border:1px solid rgba(255,255,255,.45); border-radius:50%; color:#fff; font-size:18px; }
.io-certificate-overlay b { color:#fff; font-size:11px; letter-spacing:.08em; }
.io-certificate-card a:hover .io-certificate-frame { transform:translateY(-6px); box-shadow:inset 0 0 0 2px rgba(255,255,255,.32),inset 0 0 0 5px rgba(77,44,20,.22),0 27px 46px rgba(0,0,0,.36); }
.io-certificate-card a:hover .io-certificate-overlay { opacity:1; }
.io-certificate-card a:hover img { transform:scale(1.018); filter:saturate(.9); }
.io-certificate-meta { padding:23px 5px 0; }
.io-certificate-meta > span { color:rgba(255,255,255,.4); font-size:8px; font-weight:800; letter-spacing:.16em; }
.io-certificate-meta h3 { margin:8px 0 6px; color:#fff; font-size:18px; font-weight:700; }
.io-certificate-meta p { margin:0; color:rgba(255,255,255,.55); font-size:11px; line-height:1.55; }
.io-gallery-lock { overflow:hidden; }
.io-certificate-lightbox[hidden] { display:none !important; }
.io-certificate-lightbox { position:fixed; z-index:999999; inset:0; display:grid; place-items:center; padding:18px; opacity:0; visibility:hidden; transition:opacity .22s ease,visibility .22s ease; }
.io-certificate-lightbox.is-open { opacity:1; visibility:visible; }
.io-certificate-lightbox__backdrop { position:absolute; inset:0; background:rgba(1,16,29,.88); backdrop-filter:blur(10px); }
.io-certificate-lightbox__dialog { position:relative; display:flex; flex-direction:column; width:min(1500px,96vw); height:min(940px,94vh); overflow:hidden; border:1px solid rgba(255,255,255,.14); border-radius:22px; background:#061f37; box-shadow:0 35px 100px rgba(0,0,0,.55); }
.io-certificate-lightbox__toolbar { display:flex; flex:0 0 auto; align-items:center; justify-content:space-between; gap:25px; min-height:70px; padding:12px 18px 12px 25px; border-bottom:1px solid rgba(255,255,255,.11); color:#fff; }
.io-certificate-lightbox__toolbar > div:first-child { display:flex; align-items:baseline; gap:15px; min-width:0; }
.io-certificate-lightbox__toolbar strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:15px; }
.io-certificate-lightbox__toolbar [data-gallery-counter] { flex:0 0 auto; color:rgba(255,255,255,.47); font-size:11px; letter-spacing:.12em; }
.io-certificate-lightbox__tools { display:flex; align-items:center; gap:7px; }
.io-certificate-lightbox button { display:grid; width:42px; height:42px; padding:0; place-items:center; border:1px solid rgba(255,255,255,.14); border-radius:10px; background:rgba(255,255,255,.06); color:#fff; cursor:pointer; transition:background .2s ease,border-color .2s ease,transform .2s ease; }
.io-certificate-lightbox button:hover { border-color:rgba(203,220,58,.65); background:rgba(203,220,58,.13); transform:translateY(-1px); }
.io-certificate-lightbox button[data-gallery-reset] { width:58px; color:rgba(255,255,255,.74); font-size:10px; font-weight:800; }
.io-certificate-lightbox__stage { position:relative; display:flex; flex:1 1 auto; min-height:0; align-items:center; justify-content:center; padding:16px 76px; background:radial-gradient(circle at 50% 43%,rgba(35,89,133,.32),transparent 55%); }
.io-certificate-lightbox__viewport { display:flex; width:100%; height:100%; min-height:0; overflow:hidden; align-items:center; justify-content:center; touch-action:none; cursor:zoom-in; }
.io-certificate-lightbox__viewport.is-zoomed { cursor:grab; }
.io-certificate-lightbox__viewport.is-dragging { cursor:grabbing; }
.io-certificate-lightbox__viewport img { display:block; max-width:100%; max-height:100%; user-select:none; object-fit:contain; transform-origin:center center; transition:transform .16s ease; will-change:transform; }
.io-certificate-lightbox__viewport.is-dragging img { transition:none; }
.io-certificate-lightbox__nav { position:absolute; z-index:2; top:50%; width:48px !important; height:64px !important; margin-top:-32px; border-radius:14px !important; font-size:20px; }
.io-certificate-lightbox__nav.is-prev { left:17px; }
.io-certificate-lightbox__nav.is-next { right:17px; }
.io-certificate-lightbox__caption { display:flex; flex:0 0 auto; align-items:center; justify-content:space-between; gap:35px; min-height:66px; padding:13px 25px; border-top:1px solid rgba(255,255,255,.1); color:rgba(255,255,255,.68); }
.io-certificate-lightbox__caption p { margin:0; color:#fff; font-size:12px; font-weight:650; }
.io-certificate-lightbox__caption small { color:rgba(255,255,255,.42); font-size:10px; line-height:1.45; text-align:right; }
@media(max-width:980px){
  .io-certificates{padding:80px 22px 88px}.io-certificates header{grid-template-columns:1fr;gap:23px}.io-certificates__wall{grid-template-columns:repeat(2,1fr)}
  .io-certificate-lightbox__dialog{width:calc(100vw - 24px);height:calc(100vh - 24px)}
}
@media(max-width:620px){
  .io-certificates{padding:62px 18px 66px}.io-certificates header{margin-bottom:35px}.io-certificates__wall{grid-template-columns:1fr;gap:32px;padding:22px;border-radius:20px}.io-certificate-frame{padding:12px;border-width:7px}.io-certificate-overlay{inset:12px}
  .io-certificate-lightbox{padding:0}.io-certificate-lightbox__dialog{width:100vw;height:100vh;border:0;border-radius:0}.io-certificate-lightbox__toolbar{min-height:62px;padding:10px 11px 10px 16px}.io-certificate-lightbox__toolbar>div:first-child{display:grid;gap:2px}.io-certificate-lightbox__toolbar strong{max-width:150px;font-size:12px}.io-certificate-lightbox__tools{gap:4px}.io-certificate-lightbox button{width:36px;height:36px;border-radius:8px}.io-certificate-lightbox button[data-gallery-reset]{width:46px}.io-certificate-lightbox__stage{padding:12px 48px}.io-certificate-lightbox__nav{width:38px!important;height:55px!important}.io-certificate-lightbox__nav.is-prev{left:5px}.io-certificate-lightbox__nav.is-next{right:5px}.io-certificate-lightbox__caption{display:block;min-height:55px;padding:12px 16px}.io-certificate-lightbox__caption small{display:none}
}

/* Editorial guides for health articles */
.io-journal-guide { padding: 100px 28px 70px; background: #fff; }
.io-journal-guide__intro,
.io-journal-guide__topics,
.io-journal-guide__note { width: min(1120px,100%); margin-right: auto; margin-left: auto; }
.io-journal-guide__intro { display: grid; grid-template-columns: 1.08fr .75fr; gap: clamp(48px,8vw,110px); align-items: end; }
.io-journal-guide__intro span,
.io-journal-guide__topics > span { display: block; margin-bottom: 17px; color: var(--io-sky); font-size: 11px; font-weight: 800; letter-spacing: .17em; }
.io-journal-guide__intro h2 { max-width: 700px; margin: 0; color: var(--io-ink); font-size: clamp(39px,4.4vw,62px); font-weight: 500; line-height: 1.04; letter-spacing: -.045em; }
.io-journal-guide__intro > p { margin: 0 0 5px; color: #627791; font-size: 16px; line-height: 1.78; }
.io-journal-guide__topics { margin-top: 57px; padding: 38px 42px 35px; border: 1px solid var(--io-line); border-radius: 20px; background: #f5faff; }
.io-journal-guide__topics ol { display: grid; grid-template-columns: repeat(2,1fr); gap: 0 34px; padding: 0; margin: 0; list-style: none; }
.io-journal-guide__topics li { display: grid; grid-template-columns: 42px 1fr; gap: 12px; align-items: center; min-height: 66px; border-bottom: 1px solid var(--io-line); color: var(--io-ink); font-size: 15px; font-weight: 650; }
.io-journal-guide__topics b { color: var(--io-sky); font-size: 10px; letter-spacing: .12em; }
.io-journal-guide__note { margin-top: 19px; color: #8493a7; font-size: 11px; line-height: 1.55; }
@media(max-width:780px){
  .io-journal-guide{padding:70px 20px 52px}.io-journal-guide__intro{grid-template-columns:1fr;gap:27px}.io-journal-guide__topics{margin-top:40px;padding:27px 22px}.io-journal-guide__topics ol{grid-template-columns:1fr}
}

/* Contact and project request pages */
.io-contact-page { background: #f5f9fd; color: var(--io-ink); }
.io-contact-shell { width: min(1320px,calc(100% - 56px)); margin: 0 auto; }
.io-contact-hero { position: relative; overflow: hidden; padding: 68px 0 80px; background: #082f54; color: #fff; }
.io-contact-hero::before { content:""; position:absolute; top:-360px; right:-190px; width:780px; height:780px; border:1px solid rgba(255,255,255,.09); border-radius:50%; box-shadow:0 0 0 90px rgba(255,255,255,.025),0 0 0 180px rgba(255,255,255,.018); }
.io-contact-breadcrumb { position:relative; z-index:1; display:flex; align-items:center; gap:10px; margin-bottom:58px; color:rgba(255,255,255,.55); font-size:11px; }
.io-contact-breadcrumb a { color:rgba(255,255,255,.72); text-decoration:none; }
.io-contact-breadcrumb i { color:var(--io-lime); font-style:normal; }
.io-contact-kicker { position:relative; z-index:1; display:block; margin-bottom:17px; color:var(--io-lime); font-size:11px; font-weight:800; letter-spacing:.19em; }
.io-contact-hero h1 { position:relative; z-index:1; max-width:930px; margin:0; padding:0; color:#fff; font-family:"Gotham medium",sans-serif; font-size:clamp(46px,5.4vw,76px); font-weight:500; line-height:1.02; letter-spacing:-.045em; }
.io-contact-hero p { position:relative; z-index:1; max-width:720px; margin:25px 0 0; color:rgba(255,255,255,.68); font-size:16px; line-height:1.75; }
.io-contact-main { padding:74px 0 90px; }
.io-contact-layout { display:grid; grid-template-columns:.78fr 1.22fr; gap:22px; align-items:stretch; }
.io-contact-info,.io-contact-form-card { border:1px solid var(--io-line); border-radius:25px; background:#fff; }
.io-contact-info { padding:47px 42px; }
.io-contact-info > .io-contact-kicker { color:var(--io-sky); }
.io-contact-info > h2 { max-width:480px; margin:0 0 20px; color:var(--io-ink); font-family:"Gotham medium",sans-serif; font-size:clamp(31px,3vw,44px); font-weight:500; line-height:1.08; letter-spacing:-.04em; }
.io-contact-info > p { max-width:540px; margin:0; color:#687d96; font-size:14px; line-height:1.75; }
.io-contact-cards { display:grid; gap:10px; margin-top:36px; }
.io-contact-cards a { display:grid; grid-template-columns:42px 1fr; gap:2px 14px; align-items:center; min-height:78px; padding:15px 17px; border:1px solid var(--io-line); border-radius:14px; color:var(--io-ink); text-decoration:none; transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease; }
.io-contact-cards a:hover { transform:translateY(-2px); border-color:rgba(13,100,167,.35); box-shadow:0 13px 28px rgba(20,65,105,.08); }
.io-contact-cards i { grid-row:1/3; display:grid; width:42px; height:42px; place-items:center; border-radius:11px; background:#edf7fd; color:var(--io-blue); font-size:17px; }
.io-contact-cards small { color:#8a9aae; font-size:9px; font-weight:800; letter-spacing:.14em; }
.io-contact-cards strong { color:var(--io-ink); font-size:13px; font-weight:650; line-height:1.5; }
.io-contact-note { display:flex; gap:14px; margin-top:28px; padding-top:25px; border-top:1px solid var(--io-line); }
.io-contact-note > i { display:grid; flex:0 0 38px; width:38px; height:38px; place-items:center; border-radius:50%; background:var(--io-lime); color:var(--io-ink); }
.io-contact-note strong { display:block; margin-bottom:4px; font-size:13px; }
.io-contact-note p { margin:0; color:#788ba2; font-size:11px; line-height:1.55; }
.io-contact-form-card { padding:47px; box-shadow:0 24px 70px rgba(25,67,104,.08); }
.io-contact-form-card__head > span { display:block; margin-bottom:13px; color:var(--io-sky); font-size:10px; font-weight:800; letter-spacing:.17em; }
.io-contact-form-card__head h2 { margin:0 0 11px; color:var(--io-ink); font-family:"Gotham medium",sans-serif; font-size:clamp(29px,2.7vw,42px); font-weight:500; line-height:1.1; letter-spacing:-.035em; }
.io-contact-form-card__head p { margin:0 0 31px; color:#73869d; font-size:13px; line-height:1.65; }
.io-contact-form { display:grid; gap:19px; }
.io-contact-form__row { display:grid; gap:16px; }
.io-contact-form__row--two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.io-contact-form__row--three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.io-contact-form label { display:grid; gap:8px; margin:0; color:var(--io-ink); font-size:11px; font-weight:750; }
.io-contact-form input,.io-contact-form select,.io-contact-form textarea { width:100%; box-sizing:border-box; border:1px solid #d6e3ee; border-radius:10px; outline:0; background:#f8fbfe; color:var(--io-ink); font:400 13px/1.35 "Gotham Book",sans-serif; transition:border-color .2s ease,background .2s ease,box-shadow .2s ease; }
.io-contact-form input,.io-contact-form select { height:52px; padding:0 14px; }
.io-contact-form textarea { min-height:138px; padding:14px; resize:vertical; }
.io-contact-form input:focus,.io-contact-form select:focus,.io-contact-form textarea:focus { border-color:var(--io-blue); background:#fff; box-shadow:0 0 0 4px rgba(13,100,167,.09); }
.io-contact-form input::placeholder,.io-contact-form textarea::placeholder { color:#9aabba; opacity:1; }
.io-contact-consent { display:flex!important; grid-template-columns:18px 1fr; gap:10px!important; align-items:flex-start; color:#75879a!important; font-weight:400!important; line-height:1.55; }
.io-contact-consent input { width:17px; height:17px; margin:2px 0 0; padding:0; appearance:auto; -webkit-appearance:checkbox; accent-color:var(--io-blue); }
.io-contact-form button { display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:57px; padding:0 21px; border:0; border-radius:11px; background:var(--io-blue); color:#fff; cursor:pointer; font-size:12px; font-weight:800; transition:transform .2s ease,background .2s ease,box-shadow .2s ease; }
.io-contact-form button:hover { transform:translateY(-2px); background:#074f88; box-shadow:0 13px 28px rgba(13,100,167,.2); }
.io-contact-form button i { font-size:17px; }
.io-contact-hp { position:absolute!important; left:-9999px!important; width:1px!important; height:1px!important; opacity:0!important; }
.io-contact-form-card .nci-alert { margin:0 0 22px; padding:14px 16px; border-radius:10px; background:#eaf7ee; color:#216b3b; font-size:13px; }
.io-contact-form-card .nci-alert--error { background:#fff0f0; color:#a63434; }
.io-contact-process { padding:0 0 88px; }
.io-contact-process .io-contact-kicker { color:var(--io-sky); }
.io-contact-process .io-contact-shell > div { display:grid; grid-template-columns:repeat(3,1fr); overflow:hidden; border:1px solid var(--io-line); border-radius:20px; background:#fff; }
.io-contact-process article { min-height:195px; padding:28px; border-right:1px solid var(--io-line); }
.io-contact-process article:last-child { border-right:0; }
.io-contact-process b { display:block; margin-bottom:35px; color:var(--io-sky); font-size:10px; letter-spacing:.14em; }
.io-contact-process h3 { margin:0 0 10px; color:var(--io-ink); font-size:18px; }
.io-contact-process p { margin:0; color:#71849b; font-size:12px; line-height:1.62; }

@media(max-width:1050px){
  .io-contact-layout{grid-template-columns:1fr}.io-contact-info{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.io-contact-info>p{grid-column:1}.io-contact-cards{grid-column:2;grid-row:1/5;margin-top:0}.io-contact-note{grid-column:1}
  .io-contact-form__row--three{grid-template-columns:1fr 1fr}.io-contact-form__row--three label:last-child{grid-column:1/-1}
}
@media(max-width:700px){
  .io-contact-shell{width:min(100% - 34px,1320px)}.io-contact-hero{padding:42px 0 58px}.io-contact-breadcrumb{margin-bottom:42px}.io-contact-hero h1{font-size:42px}.io-contact-hero p{font-size:14px}.io-contact-main{padding:48px 0 60px}
  .io-contact-info{display:block;padding:30px 23px}.io-contact-cards{margin-top:29px}.io-contact-form-card{padding:31px 22px}.io-contact-form__row--two,.io-contact-form__row--three{grid-template-columns:1fr}.io-contact-form__row--three label:last-child{grid-column:auto}
  .io-contact-process{padding-bottom:58px}.io-contact-process .io-contact-shell>div{grid-template-columns:1fr}.io-contact-process article{min-height:0;border-right:0;border-bottom:1px solid var(--io-line)}.io-contact-process article:last-child{border-bottom:0}.io-contact-process b{margin-bottom:20px}
}

/* Healthy Living editorial index */
.io-blog-page { background:#f6f9fc; color:var(--io-ink); }
.io-blog-shell { width:min(1320px,calc(100% - 56px)); margin:0 auto; }
.io-blog-hero { padding:55px 0 0; background:#fff; }
.io-blog-breadcrumb { display:flex; align-items:center; gap:10px; margin-bottom:52px; color:#8494a7; font-size:11px; }
.io-blog-breadcrumb a { color:#61748b; text-decoration:none; }
.io-blog-breadcrumb i { color:var(--io-lime); font-style:normal; }
.io-blog-hero__grid { display:grid; grid-template-columns:1.18fr .62fr; gap:clamp(50px,8vw,120px); align-items:end; }
.io-blog-kicker { display:block; margin-bottom:16px; color:var(--io-sky); font-size:10px; font-weight:800; letter-spacing:.18em; }
.io-blog-hero h1 { max-width:820px; margin:0; padding:0; color:var(--io-ink); font-family:"Gotham medium",sans-serif; font-size:clamp(50px,6vw,82px); font-weight:500; line-height:.98; letter-spacing:-.05em; }
.io-blog-hero__grid > p { max-width:470px; margin:0 0 7px; color:#6d8097; font-size:15px; line-height:1.75; }
.io-blog-categories { display:flex; align-items:center; gap:7px; margin-top:52px; padding:15px 0; border-top:1px solid var(--io-line); overflow-x:auto; }
.io-blog-categories a { padding:9px 14px; border-radius:999px; color:#687b91; text-decoration:none; font-size:11px; font-weight:700; white-space:nowrap; }
.io-blog-categories a:hover,.io-blog-categories a.is-active { background:#eaf5fb; color:var(--io-blue); }
.io-blog-featured { padding:48px 0 62px; }
.io-blog-featured__card { display:grid; grid-template-columns:1.2fr .8fr; min-height:500px; overflow:hidden; border-radius:26px; background:#fff; color:inherit; text-decoration:none; box-shadow:0 24px 70px rgba(28,67,101,.09); }
.io-blog-featured__card figure { min-height:500px; margin:0; overflow:hidden; background:#dce8ef; }
.io-blog-featured__card img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .55s ease; }
.io-blog-featured__card:hover img { transform:scale(1.025); }
.io-blog-featured__copy { display:flex; flex-direction:column; justify-content:center; padding:54px; }
.io-blog-featured__copy > span { color:var(--io-sky); font-size:10px; font-weight:800; letter-spacing:.16em; }
.io-blog-featured__copy h2 { margin:20px 0 17px; color:var(--io-ink); font-family:"Gotham medium",sans-serif; font-size:clamp(36px,3.7vw,54px); font-weight:500; line-height:1.02; letter-spacing:-.045em; }
.io-blog-featured__copy p { margin:0; color:#6b7e94; font-size:14px; line-height:1.75; }
.io-blog-featured__copy > div { display:flex; align-items:center; justify-content:space-between; gap:22px; margin-top:42px; padding-top:20px; border-top:1px solid var(--io-line); }
.io-blog-featured__copy small,.io-blog-card small { color:#92a1b2; font-size:9px; font-weight:800; letter-spacing:.12em; }
.io-blog-featured__copy b,.io-blog-card b { display:inline-flex; align-items:center; gap:11px; color:var(--io-blue); font-size:11px; }
.io-blog-archive { padding:74px 0 88px; background:#fff; }
.io-blog-archive header { display:grid; grid-template-columns:1fr .72fr; gap:80px; align-items:end; margin-bottom:38px; }
.io-blog-archive h2 { max-width:760px; margin:0; color:var(--io-ink); font-family:"Gotham medium",sans-serif; font-size:clamp(37px,4vw,56px); font-weight:500; line-height:1.04; letter-spacing:-.045em; }
.io-blog-archive header > p { margin:0 0 4px; color:#6e8197; font-size:14px; line-height:1.72; }
.io-blog-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.io-blog-card { overflow:hidden; border:1px solid var(--io-line); border-radius:19px; background:#fff; color:inherit; text-decoration:none; transition:transform .25s ease,box-shadow .25s ease; }
.io-blog-card:hover { transform:translateY(-4px); box-shadow:0 18px 42px rgba(25,69,105,.1); }
.io-blog-card figure { position:relative; aspect-ratio:1.42; margin:0; overflow:hidden; background:#dbe6ed; }
.io-blog-card figure::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 55%,rgba(5,39,72,.48)); }
.io-blog-card img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.io-blog-card:hover img { transform:scale(1.035); }
.io-blog-card figure span { position:absolute; z-index:1; left:17px; bottom:15px; color:#fff; font-size:9px; font-weight:800; letter-spacing:.14em; }
.io-blog-card > div { padding:25px 23px 27px; }
.io-blog-card h3 { min-height:52px; margin:13px 0 10px; color:var(--io-ink); font-size:21px; font-weight:700; line-height:1.17; letter-spacing:-.025em; }
.io-blog-card p { min-height:69px; margin:0 0 24px; color:#718399; font-size:12px; line-height:1.65; }
.io-blog-card b { justify-content:space-between; width:100%; padding-top:17px; border-top:1px solid var(--io-line); }
.io-blog-principles { padding:82px 0 92px; background:#092f54; color:#fff; }
.io-blog-principles .io-blog-shell { display:grid; grid-template-columns:.7fr 1.3fr; gap:70px; }
.io-blog-principles .io-blog-kicker { color:var(--io-lime); }
.io-blog-principles h2 { max-width:430px; margin:0; color:#fff; font-size:clamp(36px,4vw,54px); font-weight:500; line-height:1.05; letter-spacing:-.04em; }
.io-blog-principles__list { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.io-blog-principles article { min-height:220px; padding:25px; border:1px solid rgba(255,255,255,.13); border-radius:16px; }
.io-blog-principles article i { display:grid; width:40px; height:40px; margin-bottom:36px; place-items:center; border-radius:11px; background:rgba(255,255,255,.08); color:var(--io-lime); font-size:17px; }
.io-blog-principles h3 { margin:0 0 10px; color:#fff; font-size:17px; }
.io-blog-principles p { margin:0; color:rgba(255,255,255,.6); font-size:11px; line-height:1.65; }
@media(max-width:980px){
  .io-blog-hero__grid,.io-blog-archive header{grid-template-columns:1fr;gap:24px}.io-blog-featured__card{grid-template-columns:1fr 1fr}.io-blog-grid{grid-template-columns:1fr 1fr}.io-blog-card:last-child{grid-column:1/-1}.io-blog-principles .io-blog-shell{grid-template-columns:1fr}.io-blog-principles__list{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:700px){
  .io-blog-shell{width:min(100% - 34px,1320px)}.io-blog-hero{padding-top:39px}.io-blog-breadcrumb{margin-bottom:39px}.io-blog-hero h1{font-size:43px}.io-blog-categories{margin-top:36px}.io-blog-featured{padding:30px 0 47px}.io-blog-featured__card{grid-template-columns:1fr;min-height:0;border-radius:19px}.io-blog-featured__card figure{min-height:250px}.io-blog-featured__copy{padding:29px 23px}.io-blog-featured__copy>div{align-items:flex-start;flex-direction:column;margin-top:27px}.io-blog-archive{padding:55px 0 62px}.io-blog-grid{grid-template-columns:1fr}.io-blog-card:last-child{grid-column:auto}.io-blog-card h3,.io-blog-card p{min-height:0}.io-blog-principles{padding:58px 0}.io-blog-principles__list{grid-template-columns:1fr}.io-blog-principles article{min-height:0}.io-blog-principles article i{margin-bottom:25px}
}