@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');

:root {
  --phg-navy: #071426;
  --phg-blue: #087bf7;
  --phg-border: #dce3ea;
}

.phg-kicker {
  color: var(--phg-blue);
  font-family: "DM Sans", sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 3px;
  margin-bottom: 18px;
}

.phg-kicker.phg-light {
  color: #67b9ff;
}

.phg-hero {
  overflow: hidden;
  position: relative;
}

.phg-hero::before {
  background: linear-gradient(180deg,#ff3f57,#ff9f1c,#ffd23f,#25c76f,#1687ff,#9a5cff);
  content: "";
  inset: 0 auto 0 0;
  position: absolute;
  width: 7px;
}

.phg-hero::after {
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 50%;
  content: "";
  height: 620px;
  position: absolute;
  right: -220px;
  top: -20px;
  width: 620px;
}

.phg-market-card {
  backdrop-filter: blur(10px);
}

.phg-investor-center {
  border-left: 7px solid transparent;
  border-image: linear-gradient(180deg,#ff3f57,#ff9f1c,#ffd23f,#25c76f,#1687ff,#9a5cff) 1;
}

@media (max-width: 980px) {
  .phg-hero {
    padding-bottom: 75px !important;
    padding-top: 75px !important;
  }
}