.sec_legal_hero {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  border-bottom: 1px solid #31527a;
  background: radial-gradient(ellipse at 65% 15%, #17386d 0, #0d2344 42%, transparent 75%), linear-gradient(115deg, #0a192d, #102c5d 78%, #101a3d);

  &::before {
    position: absolute;
    z-index: -1;
    right: -15%;
    bottom: -55%;
    width: 80%;
    height: 155%;
    background: url("../../assets/images/mesh-wave.svg") center / cover no-repeat;
    content: "";
    opacity: .76;
    transform: rotate(-7deg);
  }

  &::after {
    position: absolute;
    z-index: -1;
    right: 9%;
    bottom: -45%;
    width: 38%;
    height: 90%;
    border-radius: 50%;
    background: #3c56d767;
    content: "";
    filter: blur(90px);
  }

  .wrap {
    position: relative;
    margin: 0 auto;
    padding: 65px 40px 60px;
    max-width: 1440px;
    min-height: 290px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
  }

  .main { max-width: 830px; }
  .kicker { margin-bottom: 18px; }
  h1 { color: #fff; font-size: 50px; font-weight: 800; line-height: 1.3em; letter-spacing: -.035em; }
  .date { margin-top: 10px; color: #e3edff; font-size: 15px; line-height: 1.6em; }
  .lead { margin-top: 21px; max-width: 820px; color: #d3e2f6; font-size: 15px; line-height: 1.9em; }
  .signature { margin-top: auto; padding-left: 17px; flex: 0 0 auto; border-left: 1px solid #6b94d4; color: #d4e3f9; font-family: var(--font-en); font-size: 10px; font-weight: 600; line-height: 1.7em; letter-spacing: .3em; }

  @media (max-width: 900px) {
    .wrap { padding: 60px 28px; min-height: 250px; }
    h1 { font-size: 43px; }
    .signature { display: none; }
  }
  @media (max-width: 600px) {
    .wrap { padding: 50px 18px 55px; min-height: 0; }
    h1 { font-size: 32px; line-height: 1.45em; span { display: block; } }
    .date { font-size: 13px; }
    .lead { margin-top: 17px; font-size: 14px; }
    &::before { right: -70%; width: 140%; opacity: .48; }
  }
}

.sec_legal_contact {
  padding: 0 40px 52px;
  background: #091b31;

  .wrap {
    margin: 0 auto;
    padding: 30px 32px;
    max-width: 1360px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    border: 1px solid #3b8bd1;
    border-radius: 9px;
    background: linear-gradient(105deg, #0e2541, #0c1934 80%);
    box-shadow: inset 0 1px #91b5f222;
  }

  .kicker { margin-bottom: 7px; }
  h2 { color: #fff; font-size: 23px; font-weight: 700; line-height: 1.45em; }
  p:not(.kicker) { margin-top: 11px; color: #c6d6ec; font-size: 13px; line-height: 1.85em; }
  p a { color: #9dd4ff; text-decoration: underline; text-underline-offset: 3px; &:hover, &:focus-visible { color: #fff; } }
  .btn_ptn_1, .btn_ptn_2 { min-width: 246px; flex: 0 0 auto; }
  .btn_ptn_2 { border-radius: 50px; }

  @media (max-width: 900px) { padding: 0 28px 44px; .wrap { padding: 27px; } }
  @media (max-width: 650px) {
    padding: 0 18px 42px;
    .wrap { padding: 26px 22px; align-items: stretch; flex-direction: column; gap: 24px; }
    h2 { font-size: 20px; }
    .btn_ptn_1, .btn_ptn_2 { width: 100%; min-width: 0; }
  }
}