/* Bosigo investment landing render hotfix v2
   Loaded after bosigo.css with a cache-busted URL so the operating-system
   and demo grids cannot fall back to an older cached stylesheet. */

.investment-landing .landing-platform,
.investment-landing .landing-demos {
  position: relative;
  padding: 112px 0;
  border-top: 1px solid rgba(146,229,236,.09);
  overflow: hidden;
}

.investment-landing .landing-platform {
  background:
    radial-gradient(circle at 12% 0%,rgba(146,229,236,.055),transparent 34%),
    linear-gradient(180deg,rgba(2,10,13,.52),rgba(1,5,7,.18));
}

.investment-landing .landing-demos {
  padding-top: 100px;
  background:
    radial-gradient(circle at 86% 4%,rgba(99,217,166,.05),transparent 31%),
    linear-gradient(180deg,rgba(1,5,7,.2),rgba(3,13,16,.46));
}

.investment-landing .landing-platform .land-shell,
.investment-landing .landing-demos .land-shell {
  width: min(1480px,calc(100% - 64px));
  margin-inline: auto;
}

.investment-landing .landing-platform-head {
  max-width: 920px;
  margin: 0 0 46px;
}

.investment-landing .landing-platform-head.compact {
  max-width: 860px;
}

.investment-landing .landing-platform-head h2 {
  font-family: 'Crimson Pro',Georgia,serif;
  font-size: clamp(48px,5vw,80px);
  font-weight: 500;
  line-height: .96;
  letter-spacing: -.038em;
  color: #f8fbfc;
  margin: 18px 0 18px;
}

.investment-landing .landing-platform-head p {
  max-width: 790px;
  margin: 0;
  color: #83979c;
  font-size: 15px;
  line-height: 1.72;
}

/* Product architecture */
.investment-landing .landing-module-grid {
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 13px;
  align-items: stretch;
}

.investment-landing .landing-module-grid > a {
  display: flex !important;
  flex-direction: column;
  position: relative;
  min-width: 0;
  min-height: 190px;
  padding: 22px;
  overflow: hidden;
  text-decoration: none !important;
  border: 1px solid rgba(146,229,236,.12);
  border-radius: 20px;
  background:
    radial-gradient(circle at 90% 5%,rgba(146,229,236,.045),transparent 34%),
    linear-gradient(145deg,rgba(4,18,22,.82),rgba(2,10,13,.9));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.018);
  transition: transform .22s ease,border-color .22s ease,background .22s ease;
}

.investment-landing .landing-module-grid > a::after {
  content: '↗';
  position: absolute;
  top: 19px;
  right: 19px;
  color: #526b70;
  font-size: 12px;
  line-height: 1;
  transition: transform .22s ease,color .22s ease;
}

.investment-landing .landing-module-grid > a:hover,
.investment-landing .landing-module-grid > a:focus-visible {
  transform: translateY(-3px);
  border-color: rgba(146,229,236,.3);
  background:
    radial-gradient(circle at 90% 5%,rgba(146,229,236,.075),transparent 36%),
    linear-gradient(145deg,rgba(6,26,31,.9),rgba(2,12,15,.94));
}

.investment-landing .landing-module-grid > a:hover::after,
.investment-landing .landing-module-grid > a:focus-visible::after {
  color: var(--aqua);
  transform: translate(2px,-2px);
}

.investment-landing .landing-module-grid > a > span {
  display: block;
  padding-right: 22px;
  color: #657d82;
  font-size: 8px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: .17em;
  text-transform: uppercase;
}

.investment-landing .landing-module-grid > a > b {
  display: block;
  margin: 27px 0 0;
  color: #f0f9fa;
  font-family: 'Crimson Pro',Georgia,serif;
  font-size: clamp(24px,2vw,29px);
  font-weight: 500;
  line-height: 1.02;
  letter-spacing: -.02em;
}

.investment-landing .landing-module-grid > a > small {
  display: block;
  margin-top: auto;
  padding-top: 22px;
  color: #71868b;
  font-size: 10px;
  line-height: 1.55;
}

/* Role-based demo entrances */
.investment-landing .landing-role-grid {
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 14px;
  align-items: stretch;
}

.investment-landing .landing-role-grid > a {
  display: flex !important;
  flex-direction: column;
  min-width: 0;
  min-height: 210px;
  padding: 25px;
  text-decoration: none !important;
  border: 1px solid rgba(146,229,236,.13);
  border-radius: 22px;
  background:
    linear-gradient(160deg,rgba(5,20,24,.72),rgba(2,10,13,.86));
  transition: transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}

.investment-landing .landing-role-grid > a:hover,
.investment-landing .landing-role-grid > a:focus-visible {
  transform: translateY(-3px);
  border-color: rgba(146,229,236,.32);
  box-shadow: 0 24px 72px rgba(0,0,0,.2);
}

.investment-landing .landing-role-grid > a > small {
  color: #6d8489;
  font-size: 8px;
  line-height: 1.2;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.investment-landing .landing-role-grid > a > b {
  display: block;
  margin: 24px 0 13px;
  color: #f4fbfc;
  font-family: 'Crimson Pro',Georgia,serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -.02em;
}

.investment-landing .landing-role-grid > a > span {
  display: block;
  margin-top: auto;
  color: #778d92;
  font-size: 10.5px;
  line-height: 1.65;
}

.investment-landing .land-final {
  padding-top: 132px;
  padding-bottom: 130px;
}

.investment-landing .land-final .land-shell {
  text-align: center;
}

.investment-landing .land-final p {
  margin-inline: auto;
}

.investment-landing .land-final .land-actions {
  justify-content: center;
}

@media (max-width:1120px) {
  .investment-landing .landing-module-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .investment-landing .landing-role-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width:760px) {
  .investment-landing .landing-platform,
  .investment-landing .landing-demos { padding: 78px 0; }
  .investment-landing .landing-platform .land-shell,
  .investment-landing .landing-demos .land-shell { width: min(100% - 34px,1480px); }
  .investment-landing .landing-module-grid,
  .investment-landing .landing-role-grid { grid-template-columns: 1fr; }
  .investment-landing .landing-module-grid > a { min-height: 160px; }
  .investment-landing .landing-role-grid > a { min-height: 174px; }
  .investment-landing .landing-platform-head h2 { font-size: clamp(42px,12vw,62px); }
  .investment-landing .land-final { padding-top: 96px;padding-bottom:96px; }
}