.hero{background:#06478f url('../images/bghero.png') center/cover no-repeat!important}
.join-section::after{box-sizing:border-box}
.join-copy .keep-line{color:#fff;white-space:nowrap}
.privacy-banner{position:fixed;left:50%;bottom:18px;z-index:9999;width:min(860px,calc(100% - 28px));transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;gap:25px;padding:17px 19px;background:#fff;color:#063665;border:1px solid #dce4e1;border-radius:9px;box-shadow:0 16px 40px rgba(0,31,66,.25)}.privacy-banner b{display:block;margin-bottom:4px}.privacy-banner p{margin:0;color:#647b91;font-size:12px;line-height:1.45}.privacy-banner>div:last-child{display:flex;gap:8px;flex:0 0 auto}.privacy-banner button{border:1px solid #cbd6d2;border-radius:5px;padding:10px 12px;background:#fff;color:#063665;font-size:11px;font-weight:800}.privacy-banner button:last-child{border-color:#ffce00;background:#ffce00}@media(max-width:620px){.privacy-banner{display:block;bottom:10px}.privacy-banner>div:last-child{margin-top:12px}.privacy-banner button{flex:1}}
.hero-number {
  position: relative;
  top: -90px;
  width: max-content;
}

.hero-number strong {
  font-size: clamp(76px, 7.7vw, 132px);
  line-height: 0.84;
  letter-spacing: -0.075em;
  text-shadow: 0 7px 24px rgba(0, 48, 94, 0.2);
}

.hero-number span {
  display: block;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  margin-top: 15px;
  padding: 9px 15px;
  font-size: clamp(14px, 1.65vw, 24px);
}

@media (max-width: 900px) {
  .hero-number {
    top: -34px;
  }

  .hero-number strong {
    font-size: 82px;
  }
}

@media (max-width: 620px) {
  .hero-number {
    position: absolute;
    top: auto;
    bottom: 45px;
  }

  .hero-number strong {
    font-size: clamp(66px, 18vw, 76px);
    line-height: 0.84;
  }

  .hero-number span {
    margin-top: 9px;
    padding: 6px 9px;
    font-size: 12px;
  }
}