*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: #000; color: #fff; font-family: 'SF Pro Text', Helvetica, Arial, sans-serif; line-height: 1.5; }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; }
a:focus-visible { outline: 2px solid #fff; outline-offset: 5px; border-radius: 4px; }
.blacktop { padding: 72px 24px 24px; }
.w1200 { width: 100%; max-width: 1010px; margin: 0 auto; }
.pictureblock { display: flex; align-items: center; gap: 40px; }
.txtblock { order: 2; flex: 0 0 350px; min-width: 0; font-size: 24px; font-weight: 500; text-align: left; }
.logoms { margin-bottom: 24px; }
.logoms img { width: 100%; max-width: 342px; }
.linkbuttons { display: flex; gap: 12px; margin-top: 28px; }
.linkbuttons a { display: flex; flex: 1; min-width: 0; min-height: 44px; align-items: center; }
.linkbuttons img { width: 100%; }
.floatingpics { position: relative; flex: 1; min-width: 0; aspect-ratio: 615 / 530; }
.firstpic, .secondpic, .thirdpic { position: absolute; top: 0; width: 43.09%; }
.firstpic { left: 0; }
.secondpic { left: 28.455%; }
.thirdpic { left: 56.91%; }
.lowertext { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 28px; padding-top: 48px; font-size: 14px; }
.lowertext a { display: inline-flex; align-items: center; min-height: 44px; text-decoration: none; }
.lowertext a:hover { text-decoration: underline; }
.lowertext span:empty { display: none; }
@media (max-width: 999px) {
  .blacktop { padding: 40px 24px 24px; }
  .w1200 { max-width: 615px; }
  .pictureblock { flex-direction: column; gap: 36px; }
  .txtblock { order: 0; flex: auto; width: 100%; font-size: 24px; }
  .linkbuttons { max-width: 350px; }
  .floatingpics { flex: none; width: 100%; }
}
@media (max-width: 480px) {
  .blacktop { padding: 28px 20px 20px; }
  .txtblock { font-size: 20px; line-height: 1.5; }
  .logoms { margin-bottom: 22px; }
  .logoms img { width: 260px; }
  .linkbuttons { gap: 12px; margin-top: 24px; }
  .pictureblock { gap: 32px; }
  .floatingpics .animate__animated { animation: none; }
  .lowertext { justify-content: center; gap: 0 20px; padding-top: 28px; text-align: center; font-size: 13px; }
  .copyri { flex-basis: 100%; margin-bottom: 4px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}