.sec_app_hero {
  overflow: hidden;
  border-top: 1px solid #dce9f8;
  background: linear-gradient(90deg, #f5faff 0%, #f5faff 51%, #071937 51%, #071937 100%);

  .wrap {
    margin: 0 auto;
    max-width: 1600px;
    display: grid;
    grid-template-columns: minmax(0, .96fr) minmax(0, 1.04fr);
    align-items: stretch;

    @media (max-width: 800px) { grid-template-columns: 1fr; }
  }

  .main {
    padding: 42px 35px 65px 40px;
    min-width: 0;
    background: radial-gradient(ellipse at 100% 30%, #dcecff, transparent 53%), #f5faff;

    @media (max-width: 1200px) { padding: 34px 28px 55px; }
    @media (max-width: 800px) { padding: 34px 28px 44px; }
    @media (max-width: 600px) { padding: 26px 18px 38px; }
  }

  .breadcrumb {
    margin-bottom: 63px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 9px;
    color: #607994;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.4em;

    a:hover, a:focus-visible { color: #1769e8; text-decoration: underline; }
    @media (max-width: 1200px) { margin-bottom: 43px; }
    @media (max-width: 800px) { margin-bottom: 34px; }
  }

  .kicker { margin-bottom: 17px; }

  h1 {
    max-width: 670px;
    color: #092449;
    font-size: 46px;
    font-weight: 800;
    line-height: 1.42em;
    letter-spacing: -.04em;

    @media (max-width: 1300px) { font-size: 40px; }
    @media (max-width: 1100px) { font-size: 36px; }
    @media (max-width: 600px) { font-size: 32px; }
    @media (max-width: 400px) { font-size: 28px; }
  }

  .lead {
    margin-top: 24px;
    max-width: 560px;
    color: #4d6684;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.9em;

    @media (max-width: 1100px) { font-size: 14px; }
    @media (max-width: 600px) { margin-top: 20px; }
  }

  .actions {
    margin-top: 32px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 23px;

    @media (max-width: 600px) { margin-top: 27px; gap: 16px; .link_ptn_5 { margin: 0 auto; } }
  }

  .visual {
    overflow: hidden;
    min-width: 0;
    display: flex;
    align-items: center;
    background: #071937;

    img { width: 100%; height: 100%; object-fit: cover; object-position: 56% center; }
    @media (max-width: 800px) { max-height: 460px; img { aspect-ratio: 1.85; height: auto; object-position: 55% center; } }
    @media (max-width: 600px) { img { aspect-ratio: 1.38; } }
  }
}