/* Platinum 151A: preserve original final-cascade order. */

/* BEGIN 108c */
html body.platinum108c-active main#content.neve-main,
html body.platinum108c-active main#content.neve-main.neve-main,
html body.platinum108c-active.platinum107d-active main#content.neve-main,
html body.platinum108c-active.platinum107d-active main#content.neve-main.neve-main {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Keep restored hero/title content intact. This plugin must not hide .wp-block-cover, .wp-block-group, or 106G/106H/106I sections. */
html body.platinum108c-active .platinum108c-hide-debug-badge-only {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
}
/* END 108c */

/* BEGIN 108g */
/*
 * 108G scope:
 * Keep 108E two-stage header.
 * Remove 108F SMART-like purple search style.
 * Platinum Bio native palette:
 * - Deep bio navy
 * - Soft cyan / bio teal
 * - Subtle champagne gold from logo accent
 */

html body.platinum108g-active {
  --p108g-navy: #07182f;
  --p108g-ink: #0b1d3b;
  --p108g-cyan: #28c7d6;
  --p108g-teal: #5fe0ce;
  --p108g-gold: #c3a65a;
  --p108g-line: rgba(9, 34, 68, .115);
}

/* Make header content fit: logo + nav + actions. */
html body.platinum108g-active #platinum107b-header .platinum107b-bar {
  width: min(1220px, calc(100vw - 48px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  column-gap: clamp(18px, 2vw, 28px) !important;
  min-width: 0 !important;
}

html body.platinum108g-active #platinum107b-header .platinum107b-brand {
  justify-self: start !important;
  margin-right: 0 !important;
  flex: 0 0 auto !important;
}

html body.platinum108g-active #platinum107b-header .platinum107b-brand img {
  max-width: 92px !important;
  max-height: 50px !important;
}

/* Pull menu closer to logo and compress spacing so EN/ZH never gets cut. */
html body.platinum108g-active #platinum107b-header .platinum107b-nav,
html body.platinum108g-active #platinum107b-header nav {
  justify-self: start !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: clamp(12px, 1.25vw, 22px) !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: visible !important;
  white-space: nowrap !important;
}

html body.platinum108g-active #platinum107b-header .platinum107b-nav-link {
  min-height: 38px !important;
  padding: 8px clamp(7px, .7vw, 12px) !important;
  font-size: clamp(14px, .9vw, 16px) !important;
  font-weight: 800 !important;
  letter-spacing: .01em !important;
  white-space: nowrap !important;
}

/* More item should not eat excessive space. */
html body.platinum108g-active #platinum107b-header .platinum107b-more > .platinum107b-nav-link {
  padding-right: 8px !important;
}

/* Header actions should be compact and not push nav out. */
html body.platinum108g-active #platinum107b-header .platinum108g-actions,
html body.platinum108g-active #platinum107b-header .platinum108e-actions,
html body.platinum108g-active #platinum107b-header .platinum107b-actions {
  justify-self: end !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  min-width: 0 !important;
  flex: 0 0 auto !important;
}

/* Hard-hide duplicate compact search icon added by original 107B. */
html body.platinum108g-active #platinum107b-header .platinum108g-duplicate-search-hidden,
html body.platinum108g-active #platinum107b-header .platinum108f-old-search-hidden {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* Platinum-native compact full search. */
html body.platinum108g-active #platinum107b-header .platinum108g-search-form {
  width: clamp(210px, 18vw, 285px) !important;
  height: 46px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: stretch !important;
  border-radius: 15px !important;
  border: 1px solid rgba(9, 34, 68, .15) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,253,255,.94)) padding-box,
    linear-gradient(135deg, rgba(40,199,214,.48), rgba(195,166,90,.34)) border-box !important;
  box-shadow:
    0 10px 24px rgba(7, 24, 47, .055),
    inset 0 1px 0 rgba(255,255,255,.95) !important;
  overflow: hidden !important;
  flex: 0 1 auto !important;
  min-width: 190px !important;
  transition: border-color .16s ease, box-shadow .16s ease !important;
}

html body.platinum108g-active #platinum107b-header .platinum108g-search-form:focus-within {
  border-color: rgba(40,199,214,.55) !important;
  box-shadow:
    0 14px 32px rgba(40,199,214,.13),
    0 0 0 4px rgba(95,224,206,.10),
    inset 0 1px 0 rgba(255,255,255,.98) !important;
}

html body.platinum108g-active #platinum107b-header .platinum108g-search-input {
  min-width: 0 !important;
  flex: 1 1 auto !important;
  height: 100% !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  color: var(--p108g-navy) !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  letter-spacing: .005em !important;
  padding: 0 12px 0 15px !important;
  line-height: 46px !important;
}

html body.platinum108g-active #platinum107b-header .platinum108g-search-input::placeholder {
  color: rgba(7, 24, 47, .42) !important;
  font-weight: 750 !important;
}

html body.platinum108g-active #platinum107b-header .platinum108g-search-submit {
  flex: 0 0 46px !important;
  width: 46px !important;
  height: 46px !important;
  border: 0 !important;
  border-radius: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  color: #fff !important;
  background:
    radial-gradient(circle at 30% 16%, rgba(255,255,255,.32), transparent 34%),
    linear-gradient(135deg, #0b2a6f 0%, #1188a8 55%, #54d6c6 100%) !important;
  box-shadow:
    0 10px 22px rgba(17, 136, 168, .24),
    inset 0 1px 0 rgba(255,255,255,.23) !important;
  transition: filter .16s ease, box-shadow .16s ease !important;
}

html body.platinum108g-active #platinum107b-header .platinum108g-search-submit:hover,
html body.platinum108g-active #platinum107b-header .platinum108g-search-submit:focus {
  filter: brightness(1.055) saturate(1.06) !important;
  box-shadow:
    0 13px 28px rgba(17, 136, 168, .29),
    0 0 0 4px rgba(95,224,206,.10),
    inset 0 1px 0 rgba(255,255,255,.30) !important;
}

html body.platinum108g-active #platinum107b-header .platinum108g-search-submit svg {
  width: 20px !important;
  height: 20px !important;
  display: block !important;
  stroke-width: 2.45 !important;
}

/* Globe: centered, smaller, Platinum-native, not oversized. */
html body.platinum108g-active #platinum107b-header .platinum108g-lang-button {
  position: relative !important;
  flex: 0 0 46px !important;
  width: 46px !important;
  min-width: 46px !important;
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 0 !important;
  text-align: center !important;
  border-radius: 15px !important;
  border: 1px solid transparent !important;
  color: #0b2a6f !important;
  background:
    linear-gradient(180deg, #ffffff 0%, #f6fcfd 100%) padding-box,
    linear-gradient(135deg, rgba(40,199,214,.60), rgba(195,166,90,.42)) border-box !important;
  box-shadow:
    0 9px 22px rgba(7, 24, 47, .065),
    inset 0 1px 0 rgba(255,255,255,.96) !important;
  overflow: hidden !important;
  transform: none !important;
}

html body.platinum108g-active #platinum107b-header .platinum108g-lang-button::before {
  content: "" !important;
  position: absolute !important;
  inset: 7px !important;
  border-radius: 12px !important;
  background:
    radial-gradient(circle at 34% 22%, rgba(95,224,206,.18), transparent 38%),
    radial-gradient(circle at 72% 78%, rgba(195,166,90,.13), transparent 42%) !important;
  pointer-events: none !important;
}

html body.platinum108g-active #platinum107b-header .platinum108g-lang-button svg,
html body.platinum108g-active #platinum107b-header .platinum108g-lang-button img,
html body.platinum108g-active #platinum107b-header .platinum108g-lang-button span,
html body.platinum108g-active #platinum107b-header .platinum108g-lang-button .dashicons {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  margin: auto !important;
}

html body.platinum108g-active #platinum107b-header .platinum108g-lang-button svg,
html body.platinum108g-active #platinum107b-header .platinum108g-lang-button img {
  width: 21px !important;
  height: 21px !important;
  object-fit: contain !important;
}

/* Override generic icon button dimensions after 108E. */
html body.platinum108g-active #platinum107b-header .platinum107b-icon-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  line-height: 0 !important;
}

/* Scrolled state: maintain fit inside 108E's smaller row. */
html body.platinum108g-active.platinum108e-scrolled #platinum107b-header .platinum108g-search-form {
  height: 42px !important;
  border-radius: 14px !important;
}

html body.platinum108g-active.platinum108e-scrolled #platinum107b-header .platinum108g-search-input {
  line-height: 42px !important;
}

html body.platinum108g-active.platinum108e-scrolled #platinum107b-header .platinum108g-search-submit {
  height: 42px !important;
  width: 42px !important;
  flex-basis: 42px !important;
  border-radius: 13px !important;
}

html body.platinum108g-active.platinum108e-scrolled #platinum107b-header .platinum108g-lang-button {
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  border-radius: 14px !important;
}

/* Keep 108C gap fix intact. */
html body.platinum108g-active main#content.neve-main,
html body.platinum108g-active main#content.neve-main.neve-main {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Mid-size desktop: prioritize menu readability, compress search. */
@media (max-width: 1320px) and (min-width: 1025px) {
  html body.platinum108g-active #platinum107b-header .platinum107b-bar {
    width: min(1200px, calc(100vw - 34px)) !important;
    column-gap: 16px !important;
  }

  html body.platinum108g-active #platinum107b-header .platinum107b-nav,
  html body.platinum108g-active #platinum107b-header nav {
    gap: 10px !important;
  }

  html body.platinum108g-active #platinum107b-header .platinum107b-nav-link {
    padding-left: 7px !important;
    padding-right: 7px !important;
    font-size: 14px !important;
  }

  html body.platinum108g-active #platinum107b-header .platinum108g-search-form {
    width: 218px !important;
    min-width: 190px !important;
  }

  html body.platinum108g-active #platinum107b-header .platinum108g-search-input {
    font-size: 13px !important;
    padding-left: 12px !important;
  }
}

/* Tight desktop: keep everything visible by making search shorter. */
@media (max-width: 1160px) and (min-width: 1025px) {
  html body.platinum108g-active #platinum107b-header .platinum108g-search-form {
    width: 180px !important;
    min-width: 160px !important;
  }

  html body.platinum108g-active #platinum107b-header .platinum108g-search-input {
    font-size: 12.5px !important;
  }
}

/* Mobile/tablet: hide full search form, keep language centered. */
@media (max-width: 1024px) {
  html body.platinum108g-active #platinum107b-header .platinum108g-search-form {
    display: none !important;
  }

  html body.platinum108g-active #platinum107b-header .platinum108g-lang-button {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    border-radius: 13px !important;
  }
}
/* END 108g */

/* BEGIN 108i */
html body.platinum108i-active {
  --p108i-navy: #07182f;
  --p108i-ink: #10213f;
  --p108i-muted: #5f7189;
  --p108i-cyan: #26c7d6;
  --p108i-teal: #62dfcf;
  --p108i-gold: #c5a762;
  --p108i-line: rgba(10,35,72,.10);
}

/* Header jitter fix: stable height, no height/max-height transition. */
html body.platinum108i-active #platinum107b-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 9998 !important;
  background: rgba(255,255,255,.965) !important;
  border-bottom: 1px solid rgba(10,35,72,.10) !important;
  box-shadow: 0 6px 18px rgba(7,24,47,.045) !important;
  transform: none !important;
  will-change: auto !important;
  transition: background-color .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

html body.admin-bar.platinum108i-active #platinum107b-header {
  top: 32px !important;
}

html body.platinum108i-active.platinum108i-scrolled #platinum107b-header {
  background: rgba(255,255,255,.992) !important;
  border-bottom-color: rgba(10,35,72,.16) !important;
  box-shadow: 0 13px 32px rgba(7,24,47,.095) !important;
}

/* Stable utility row: visual fade only, height remains stable to prevent reflow/jitter. */
html body.platinum108i-active #platinum107b-header .platinum108i-utility {
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  opacity: 1 !important;
  transform: translateY(0) !important;
  color: rgba(7,24,47,.62) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .055em !important;
  border-bottom: 1px solid rgba(10,35,72,.065) !important;
  background: linear-gradient(90deg, rgba(255,255,255,.96), rgba(245,252,253,.92)) !important;
  transition: opacity .18s ease, transform .18s ease, border-color .18s ease !important;
  will-change: opacity, transform !important;
}

html body.platinum108i-active #platinum107b-header .platinum108i-utility-inner {
  width: min(1180px, calc(100vw - 48px)) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  white-space: nowrap !important;
}

html body.platinum108i-active #platinum107b-header .platinum108i-utility-left,
html body.platinum108i-active #platinum107b-header .platinum108i-utility-right {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
}

html body.platinum108i-active #platinum107b-header .platinum108i-dot {
  width: 4px !important;
  height: 4px !important;
  border-radius: 999px !important;
  background: var(--p108i-cyan) !important;
  opacity: .48 !important;
}

html body.platinum108i-active.platinum108i-scrolled #platinum107b-header .platinum108i-utility {
  opacity: 0 !important;
  transform: translateY(-10px) !important;
  border-bottom-color: transparent !important;
}

/* Nav row height stays constant. No header jump. */
html body.platinum108i-active #platinum107b-header .platinum107b-bar {
  min-height: 78px !important;
  height: 78px !important;
  transition: none !important;
}

/* Prevent old 108E/107D classes from controlling layout if cached. */
html body.platinum108i-active.platinum108e-scrolled #platinum107b-header,
html body.platinum108i-active.platinum107d-scrolled #platinum107b-header {
  width: 100% !important;
  margin: 0 !important;
  border-radius: 0 !important;
  transform: none !important;
}

html body.platinum108i-active #platinum107b-header .platinum108e-utility,
html body.platinum108i-active #platinum107b-header .platinum107b-topline {
  display: none !important;
}

/* Keep 108G search/globe fit, but remove scrolled shrink dependency. */
html body.platinum108i-active #platinum107b-header .platinum108g-search-form {
  height: 44px !important;
  border-radius: 14px !important;
}

html body.platinum108i-active #platinum107b-header .platinum108g-search-input {
  line-height: 44px !important;
}

html body.platinum108i-active #platinum107b-header .platinum108g-search-submit {
  height: 44px !important;
  width: 44px !important;
  flex-basis: 44px !important;
  border-radius: 13px !important;
}

html body.platinum108i-active #platinum107b-header .platinum108g-lang-button {
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  border-radius: 14px !important;
}

/* Keep 108C gap fix. */
html body.platinum108i-active main#content.neve-main,
html body.platinum108i-active main#content.neve-main.neve-main {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Hide old/messy 106I middle output only. Keep 106G/106H hero intact. */
html body.platinum108i-home-active .platinum106i-home-middle-fixed,
html body.platinum108i-home-active .platinum108h-system {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* New after-hero platform section. Open layout, no clipping card. */
html body.platinum108i-home-active .platinum108i-platform {
  position: relative !important;
  isolation: isolate !important;
  overflow: visible !important;
  padding: clamp(78px, 7vw, 118px) 0 clamp(84px, 7vw, 124px) !important;
  background:
    radial-gradient(circle at 84% 8%, rgba(98,223,207,.20), transparent 34%),
    radial-gradient(circle at 12% 38%, rgba(38,199,214,.15), transparent 32%),
    linear-gradient(180deg, #f8fcfd 0%, #eef8fb 48%, #fbfdfc 100%) !important;
  border-top: 1px solid rgba(38,199,214,.14) !important;
  border-bottom: 1px solid rgba(10,35,72,.08) !important;
}

html body.platinum108i-home-active .platinum108i-platform::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background-image:
    linear-gradient(rgba(7,24,47,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(7,24,47,.04) 1px, transparent 1px) !important;
  background-size: 76px 76px !important;
  mask-image: linear-gradient(180deg, transparent, #000 14%, #000 86%, transparent) !important;
  z-index: -2 !important;
}

html body.platinum108i-home-active .platinum108i-platform::after {
  content: "" !important;
  position: absolute !important;
  width: 760px !important;
  height: 760px !important;
  right: -260px !important;
  top: -130px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(38,199,214,.18) !important;
  background: radial-gradient(circle, rgba(98,223,207,.16), transparent 64%) !important;
  z-index: -1 !important;
}

html body.platinum108i-home-active .platinum108i-wrap {
  width: min(1180px, calc(100vw - 48px)) !important;
  margin: 0 auto !important;
}

html body.platinum108i-home-active .platinum108i-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 18px !important;
  color: rgba(16,33,63,.60) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
}

html body.platinum108i-home-active .platinum108i-kicker::before {
  content: "" !important;
  width: 46px !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, var(--p108i-cyan), var(--p108i-gold)) !important;
}

html body.platinum108i-home-active .platinum108i-open-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr) !important;
  gap: clamp(36px, 5vw, 78px) !important;
  align-items: center !important;
  margin-bottom: clamp(44px, 5vw, 74px) !important;
}

html body.platinum108i-home-active .platinum108i-title {
  margin: 0 !important;
  color: var(--p108i-navy) !important;
  font-size: clamp(42px, 5.2vw, 78px) !important;
  line-height: .95 !important;
  letter-spacing: -.055em !important;
  font-weight: 950 !important;
}

html body.platinum108i-home-active .platinum108i-title span {
  display: block !important;
}

html body.platinum108i-home-active .platinum108i-lead {
  margin: 0 !important;
  color: rgba(16,33,63,.78) !important;
  font-size: clamp(18px, 1.48vw, 22px) !important;
  line-height: 1.82 !important;
  font-weight: 700 !important;
}

html body.platinum108i-home-active .platinum108i-flow {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: clamp(16px, 2vw, 24px) !important;
  align-items: stretch !important;
  margin-bottom: clamp(34px, 4vw, 56px) !important;
}

html body.platinum108i-home-active .platinum108i-step {
  position: relative !important;
  min-height: 230px !important;
  padding: clamp(24px, 2.4vw, 34px) !important;
  border-radius: 28px !important;
  background: rgba(255,255,255,.74) !important;
  border: 1px solid rgba(10,35,72,.09) !important;
  box-shadow:
    0 20px 56px rgba(7,24,47,.07),
    inset 0 1px 0 rgba(255,255,255,.94) !important;
  overflow: visible !important;
  backdrop-filter: blur(8px) saturate(125%) !important;
}

html body.platinum108i-home-active .platinum108i-step::before {
  content: attr(data-step) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 16px !important;
  margin-bottom: 22px !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 950 !important;
  background:
    radial-gradient(circle at 30% 18%, rgba(255,255,255,.34), transparent 34%),
    linear-gradient(135deg, #0b2a6f, #1188a8 65%, #62dfcf) !important;
  box-shadow: 0 12px 26px rgba(17,136,168,.22) !important;
}

html body.platinum108i-home-active .platinum108i-step h3 {
  margin: 0 0 12px !important;
  color: var(--p108i-navy) !important;
  font-size: clamp(19px, 1.45vw, 25px) !important;
  line-height: 1.16 !important;
  font-weight: 950 !important;
  letter-spacing: -.025em !important;
}

html body.platinum108i-home-active .platinum108i-step p {
  margin: 0 !important;
  color: rgba(16,33,63,.72) !important;
  font-size: 15px !important;
  line-height: 1.72 !important;
  font-weight: 650 !important;
}

html body.platinum108i-home-active .platinum108i-panel {
  display: grid !important;
  grid-template-columns: minmax(0, .96fr) minmax(300px, .84fr) !important;
  gap: clamp(24px, 3.2vw, 42px) !important;
  align-items: center !important;
  padding: clamp(30px, 3.6vw, 50px) !important;
  border-radius: 34px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.78), rgba(239,252,253,.74)),
    radial-gradient(circle at 76% 30%, rgba(98,223,207,.18), transparent 34%) !important;
  border: 1px solid rgba(38,199,214,.18) !important;
  box-shadow:
    0 24px 72px rgba(7,24,47,.08),
    inset 0 1px 0 rgba(255,255,255,.92) !important;
  overflow: visible !important;
}

html body.platinum108i-home-active .platinum108i-panel h3 {
  margin: 0 0 14px !important;
  color: var(--p108i-navy) !important;
  font-size: clamp(24px, 2.5vw, 38px) !important;
  line-height: 1.12 !important;
  letter-spacing: -.035em !important;
  font-weight: 950 !important;
}

html body.platinum108i-home-active .platinum108i-panel p {
  margin: 0 !important;
  color: rgba(16,33,63,.74) !important;
  font-size: 16px !important;
  line-height: 1.78 !important;
  font-weight: 650 !important;
}

html body.platinum108i-home-active .platinum108i-tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 24px !important;
}

html body.platinum108i-home-active .platinum108i-tag {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 34px !important;
  padding: 7px 13px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(38,199,214,.28) !important;
  background: rgba(255,255,255,.68) !important;
  color: #0b2a6f !important;
  font-size: 13px !important;
  font-weight: 850 !important;
}

html body.platinum108i-home-active .platinum108i-visual {
  position: relative !important;
  min-height: 320px !important;
  border-radius: 30px !important;
  overflow: hidden !important;
  border: 1px solid rgba(38,199,214,.18) !important;
  background:
    radial-gradient(circle at 32% 20%, rgba(98,223,207,.50), transparent 30%),
    radial-gradient(circle at 78% 76%, rgba(197,167,98,.19), transparent 36%),
    linear-gradient(135deg, #eaffff 0%, #ffffff 58%, #e3f7f8 100%) !important;
}

html body.platinum108i-home-active .platinum108i-chip {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 176px !important;
  height: 176px !important;
  transform: translate(-50%, -50%) !important;
  border-radius: 34px !important;
  background: linear-gradient(135deg, rgba(255,255,255,.88), rgba(226,252,253,.86)) !important;
  border: 1px solid rgba(7,24,47,.10) !important;
  box-shadow:
    0 22px 62px rgba(7,24,47,.13),
    inset 0 1px 0 rgba(255,255,255,.96) !important;
}

html body.platinum108i-home-active .platinum108i-chip::after {
  content: "" !important;
  position: absolute !important;
  inset: 68px !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, #0b2a6f, #1188a8 60%, #62dfcf) !important;
  box-shadow: 0 0 32px rgba(38,199,214,.24) !important;
}

html body.platinum108i-home-active .platinum108i-orbit {
  position: absolute !important;
  inset: 34px !important;
  border: 1px dashed rgba(11,42,111,.22) !important;
  border-radius: 999px !important;
}

html body.platinum108i-home-active .platinum108i-orbit:nth-child(2) {
  inset: 74px !important;
  transform: rotate(28deg) !important;
}

html body.platinum108i-home-active .platinum108i-cta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  margin-top: 26px !important;
}

html body.platinum108i-home-active .platinum108i-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding: 13px 22px !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  font-weight: 900 !important;
  letter-spacing: .02em !important;
  border: 1px solid rgba(10,35,72,.10) !important;
  background: #fff !important;
  color: var(--p108i-navy) !important;
  box-shadow: 0 14px 34px rgba(7,24,47,.07) !important;
}

html body.platinum108i-home-active .platinum108i-btn.primary {
  color: #fff !important;
  border: 0 !important;
  background: linear-gradient(135deg, #0b2a6f, #1188a8 58%, #62dfcf) !important;
}

@media (max-width: 1040px) {
  html body.platinum108i-home-active .platinum108i-open-head,
  html body.platinum108i-home-active .platinum108i-panel {
    grid-template-columns: 1fr !important;
  }

  html body.platinum108i-home-active .platinum108i-flow {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 680px) {
  html body.platinum108i-home-active .platinum108i-wrap {
    width: min(100% - 28px, 1180px) !important;
  }

  html body.platinum108i-home-active .platinum108i-flow {
    grid-template-columns: 1fr !important;
  }

  html body.platinum108i-active #platinum107b-header .platinum108i-utility {
    display: none !important;
  }
}
/* END 108i */