* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    html,
    body {
      width: 100%;
      overflow-x: hidden;
      scroll-behavior: smooth;
    }

    body {
      font-family: 'Montserrat', sans-serif;
      background: #111617;
      color: #fff;
    }

    /* ================= HEADER ================= */

    .dt-header {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 86px;
      z-index: 9999;
      background: #191b1c;
      border-bottom: 1px solid rgba(255,255,255,.06);
      backdrop-filter: blur(12px);
    }

    .dt-header-inner {
      width: min(1200px, calc(100% - 40px));
      height: 86px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .dt-logo {
      display: flex;
      align-items: center;
      gap: 14px;
      text-decoration: none;
      color: #fff;
      flex-shrink: 0;
    }

    .dt-logo img {
      width: 40px;
      height: 40px;
      object-fit: contain;
      display: block;
      flex-shrink: 0;
    }

    .dt-logo-text {
      display: flex;
      align-items: baseline;
      gap: 5px;
      white-space: nowrap;
      line-height: 1;
      font-style: italic;
      letter-spacing: -0.4px;
    }

    .dt-logo-text b {
      font-size: 21px;
      font-weight: 900;
      color: #fff;
    }

    .dt-logo-text span {
      font-size: 20px;
      font-weight: 500;
      color: #fff;
    }

    .dt-nav {
      display: flex;
      align-items: center;
      gap: 54px;
    }

    .dt-nav a {
      color: rgba(255,255,255,.55);
      text-decoration: none;
      font-size: 15px;
      font-weight: 800;
      transition: .25s;
      white-space: nowrap;
    }

    .dt-nav a.active,
    .dt-nav a:hover {
      color: #fff;
    }

    .dt-mobile-btn {
      display: none;
      border: 0;
      background: transparent;
      color: #fff;
      font-size: 26px;
      cursor: pointer;
    }

    .dt-hero {
      position: relative;
      min-height: 100vh;
      height: 100vh;
      padding-top: 86px;
      overflow: hidden;
      background: #111617;
      display: flex;
      align-items: center;
    }

    .dt-hero-video {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      transform: scale(1.06);
      z-index: 0;
    }

    .dt-hero::after {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 1;
      background:
        linear-gradient(90deg, rgba(17,22,23,.98) 0%, rgba(17,22,23,.82) 46%, rgba(17,22,23,.48) 100%),
        radial-gradient(circle at 24% 48%, rgba(43,112,190,.34), transparent 33%);
    }

    .dt-hero-inner {
      position: relative;
      z-index: 2;
      width: min(1200px, calc(100% - 40px));
      margin: 0 auto;
    }

    .dt-hero-content {
      width: 570px;
      max-width: 100%;
    }

    .dt-dots-top {
      display: grid;
      grid-template-columns: repeat(2, 8px);
      gap: 18px;
      margin-left: 110px;
      margin-bottom: 55px;
    }

    .dt-dots-top span,
    .dt-dots-bottom span {
      width: 8px;
      height: 8px;
      background: rgba(255,255,255,.14);
      border-radius: 50%;
      display: block;
    }

    .dt-online {
      display: flex;
      align-items: center;
      gap: 9px;
      margin-bottom: 20px;
      color: #fff;
      font-size: 18px;
      font-weight: 900;
    }

    .dt-online-dot {
      width: 11px;
      height: 11px;
      border-radius: 50%;
      background: linear-gradient(135deg, #3c8cff, #0f4f8d);
    }

    .dt-title {
      font-size: clamp(72px, 7vw, 112px);
      line-height: .88;
      font-weight: 900;
      letter-spacing: -4px;
      margin-bottom: 36px;
      background: white;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    .dt-subtitle {
      color: rgba(255,255,255,.58);
      font-size: clamp(22px, 1.8vw, 31px);
      line-height: 1.25;
      font-weight: 500;
      margin-bottom: 55px;
    }

    .dt-hero-btn {
      width: 285px;
      height: 74px;
      border: 0;
      border-radius: 8px;
      background: linear-gradient(90deg, #2b70be, #0f4f8d);
      color: #fff;
      font-size: 18px;
      font-weight: 900;
      cursor: pointer;
      transition: .25s;
    }

    .dt-hero-btn:hover {
      transform: translateY(-4px);
    }

    .dt-dots-bottom {
      position: absolute;
      left: 45px;
      bottom: 82px;
      z-index: 2;
      display: grid;
      grid-template-columns: repeat(5, 8px);
      gap: 18px;
    }


    .dt-play {
      position: relative;
      background: #191b1c;
      padding: 115px 0 90px;
      overflow: hidden;
    }

    .dt-play-inner {
      width: min(1160px, calc(100% - 40px));
      margin: 0 auto;
    }

    .dt-play-top {
      display: grid;
      grid-template-columns: 1fr 1.15fr;
      gap: 90px;
      align-items: center;
    }

    .dt-section-title {
      color: #fff;
      font-size: 42px;
      line-height: 1.12;
      font-weight: 400;
      letter-spacing: -.8px;
    }

    .dt-section-title b {
      display: block;
      font-weight: 900;
    }

    .dt-play-text {
      margin: 46px 0 22px;
      color: rgba(255,255,255,.55);
      font-size: 19px;
      line-height: 1.35;
      max-width: 500px;
    }

    .dt-play-buttons {
      width: 390px;
      max-width: 100%;
    }

    .dt-play-btn {
      height: 70px;
      width: 100%;
      border-radius: 7px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 14px;
      text-decoration: none;
      font-weight: 900;
      transition: .25s;
    }

    .dt-play-btn-main {
      color: #fff;
      background: linear-gradient(90deg, #245e9c, #0f4f8d);
    }

    .dt-play-btn-main:hover {
      transform: translateY(-3px);
    }

    .dt-play-btn-second {
      margin-top: 28px;
      color: rgba(255,255,255,.52);
      background: rgba(255,255,255,.015);
      border: 1px solid rgba(255,255,255,.08);
    }

    .dt-play-btn-second b {
      color: #4a9cff;
      background: rgba(37,104,184,.22);
      padding: 5px 9px;
      border-radius: 4px;
    }

    .dt-launcher {
      position: relative;
      width: 570px;
      height: 315px;
      max-width: 100%;
      margin-left: auto;
    }

    .dt-launcher-bg {
      position: absolute;
      left: 0;
      bottom: 35px;
      width: 100%;
      height: 185px;
      border-radius: 14px;
      background: linear-gradient(90deg, #245e9c, #0f4f8d);
    }

    .dt-launcher-window {
      position: absolute;
      right: 55px;
      top: 0;
      width: 360px;
      height: 225px;
      border-radius: 9px;
      overflow: hidden;
      background: #080c12;
      border: 1px solid rgba(255,255,255,.06);
    }

    .dt-launcher-window img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    /* ================= SOCIALS ================= */

    .dt-social {
      margin-top: 120px;
    }

    .dt-social-box {
      margin-top: 60px;
      min-height: 170px;
      border: 1px solid rgba(255,255,255,.07);
      border-radius: 8px;
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      place-items: center;
      background: rgba(0,0,0,.08);
    }

    .dt-social-item {
      width: 78px;
      height: 78px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      color: #fff;
      font-size: 34px;
      text-decoration: none;
      transition: .25s;
    }

    .dt-social-item:hover {
      transform: translateY(-7px) scale(1.04);
    }

    .dt-social-item.tg { background: #29a9e9; }
    .dt-social-item.vk { background: #0b69c7; }
    .dt-social-item.ds { background: #151fb8; }
    .dt-social-item.yt { background: #e40012; }
    .dt-social-item.tt { background: #050505; }

    /* ================= FOOTER ================= */

    .dt-footer {
      background: #0c1011;
      border-top: 1px solid rgba(255,255,255,.07);
      padding: 35px 0;
    }

    .dt-footer-inner {
      width: min(1200px, calc(100% - 40px));
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 30px;
    }

    .dt-footer-links {
      display: flex;
      align-items: center;
      gap: 28px;
      flex-wrap: wrap;
    }

    .dt-footer-links a {
      color: rgba(255,255,255,.55);
      text-decoration: none;
      font-weight: 600;
      font-size: 14px;
      transition: .25s;
    }

    .dt-footer-links a:hover {
      color: #fff;
    }

    /* ================= MOBILE ================= */

    @media (max-width: 900px) {
      .dt-header-inner {
        height: 76px;
      }

      .dt-header {
        height: 76px;
      }

      .dt-nav {
        gap: 20px;
      }

      .dt-nav a {
        font-size: 14px;
      }

      .dt-logo-text b,
      .dt-logo-text span {
        font-size: 17px;
      }

      .dt-hero {
        height: auto;
        min-height: 100vh;
        padding-top: 76px;
        text-align: center;
      }

      .dt-hero-inner {
        padding: 80px 0 70px;
      }

      .dt-hero-content {
        margin: 0 auto;
      }

      .dt-dots-top,
      .dt-dots-bottom {
        display: none;
      }

      .dt-online {
        justify-content: center;
      }

      .dt-title {
        font-size: 64px;
        letter-spacing: -2px;
      }

      .dt-subtitle {
        font-size: 22px;
      }

      .dt-play-top {
        grid-template-columns: 1fr;
        gap: 55px;
      }

      .dt-section-title {
        text-align: center;
        font-size: 34px;
      }

      .dt-play-text {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
      }

      .dt-play-buttons {
        margin: 0 auto;
      }

      .dt-launcher {
        margin: 0 auto;
      }

      .dt-social-box {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
        padding: 35px 0;
      }

      .dt-footer-inner {
        flex-direction: column;
        text-align: center;
      }
    }

    @media (max-width: 560px) {
      .dt-nav {
        display: none;
      }

      .dt-mobile-btn {
        display: block;
      }

      .dt-title {
        font-size: 52px;
      }

      .dt-hero-btn {
        width: 250px;
      }

      .dt-launcher {
        height: 245px;
      }

      .dt-launcher-bg {
        height: 150px;
      }

      .dt-launcher-window {
        width: 300px;
        height: 188px;
        right: 20px;
      }
    }
  
    /* ================= MOBILE FIX ================= */

    .dt-mobile-menu {
      display: none;
    }

    @media (max-width: 560px) {
      body {
        overflow-x: hidden;
      }

      .dt-header {
        height: 76px;
      }

      .dt-header-inner {
        width: 100%;
        padding: 0 20px;
      }

      .dt-logo img {
        width: 34px;
        height: 34px;
      }

      .dt-logo-text b,
      .dt-logo-text span {
        font-size: 18px;
      }

      .dt-mobile-btn {
        display: block;
        width: 44px;
        height: 36px;
      }

      .dt-mobile-menu {
        position: absolute;
        top: 76px;
        left: 0;
        width: 100%;
        display: none;
        flex-direction: column;
        background: rgba(13, 18, 20, .98);
        border-top: 1px solid rgba(255,255,255,.06);
        border-bottom: 1px solid rgba(255,255,255,.08);
        padding: 12px 20px 18px;
      }

      .dt-mobile-menu.active {
        display: flex;
      }

      .dt-mobile-menu a {
        color: #fff;
        text-decoration: none;
        font-size: 15px;
        font-weight: 800;
        padding: 14px 0;
        border-bottom: 1px solid rgba(255,255,255,.06);
      }

      .dt-mobile-menu a:last-child {
        border-bottom: 0;
      }

      .dt-hero {
        min-height: 100vh;
        height: auto;
        padding-top: 76px;
      }

      .dt-hero-inner {
        width: 100%;
        padding: 80px 22px 70px;
      }

      .dt-title {
        font-size: 54px;
      }

      .dt-subtitle {
        font-size: 20px;
      }

      .dt-play {
        padding: 70px 0 60px;
      }

      .dt-play-inner {
        width: 100%;
        padding: 0 20px;
      }

      .dt-play-top {
        grid-template-columns: 1fr;
        gap: 35px;
      }

      .dt-play-left {
        width: 100%;
      }

      .dt-section-title {
        font-size: 32px;
        text-align: center;
      }

      .dt-play-text {
        font-size: 15px;
        text-align: center;
        margin: 28px auto 22px;
      }

      .dt-play-buttons {
        width: 100%;
      }

      .dt-play-btn {
        width: 100%;
        height: 62px;
        font-size: 14px;
        padding: 0 12px;
        overflow: hidden;
        white-space: nowrap;
      }

      .dt-play-btn-main span {
        max-width: calc(100% - 28px);
        overflow: hidden;
        text-overflow: ellipsis;
      }

      .dt-launcher {
        width: 100%;
        height: 260px;
        margin-top: 22px;
        overflow: hidden;
      }

      .dt-launcher-bg {
        left: 0;
        right: 0;
        bottom: 24px;
        width: 100%;
        height: 150px;
        border-radius: 13px;
      }

      .dt-launcher-window {
        width: min(330px, calc(100% - 38px));
        height: 206px;
        right: 19px;
        top: 0;
      }

      .dt-social {
        margin-top: 70px;
      }

      .dt-social-box {
        margin-top: 35px;
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
        padding: 30px 0;
      }

      .dt-social-item {
        width: 68px;
        height: 68px;
        font-size: 29px;
      }

      .dt-footer-inner {
        padding: 0 20px;
      }
    }

  

    /* SLAME clean header */
    .dt-header {
      position: fixed;
      top: 12px;
      left: 0;
      width: 100%;
      height: 68px;
      z-index: 9999;
      background: transparent !important;
      border: 0 !important;
      backdrop-filter: none !important;
      padding: 0 18px;
    }

    .dt-header-inner {
      width: min(1460px, 100%) !important;
      max-width: 1460px !important;
      height: 68px !important;
      margin: 0 auto;
      padding: 0 20px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
      border-radius: 9px;
      background: rgba(28, 38, 39, .86);
      border: 1px solid rgba(255,255,255,.09);
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      box-shadow: 0 12px 34px rgba(0,0,0,.22);
    }

    .dt-logo {
      width: 140px;
      height: 44px;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      flex-shrink: 0;
      text-decoration: none;
      overflow: visible;
    }

    .dt-logo img {
      width: 128px !important;
      height: auto !important;
      max-height: 40px;
      object-fit: contain;
      object-position: left center;
      display: block;
    }

    .dt-logo-text { display: none !important; }

    .dt-nav {
      margin-right: auto;
      display: flex;
      align-items: center;
      gap: 34px !important;
    }

    .dt-nav a {
      color: rgba(255,255,255,.92) !important;
      text-decoration: none;
      font-size: 16px !important;
      font-weight: 800 !important;
      line-height: 1;
      transition: .2s;
      white-space: nowrap;
    }

    .dt-nav a:hover,
    .dt-nav a.active { color: #fff !important; transform: translateY(-1px); }

    .dt-header-actions {
      display: flex;
      align-items: center;
      gap: 12px;
      flex-shrink: 0;
    }

    .dt-cabinet-btn,
    .dt-play-btn {
      height: 46px;
      padding: 0 22px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 8px;
      color: #fff;
      text-decoration: none;
      font-size: 16px;
      font-weight: 900;
      line-height: 1;
      white-space: nowrap;
      transition: .2s;
    }

    .dt-cabinet-btn { background: #050505; }
    .dt-play-btn { background: #ff4040; gap: 8px; }
    .dt-cabinet-btn:hover { transform: translateY(-1px); background: #101010; }
    .dt-play-btn:hover { transform: translateY(-1px); background: #ff3333; }

    .dt-mobile-menu {
      top: 84px !important;
      left: 18px !important;
      right: 18px !important;
      width: auto !important;
      border-radius: 8px;
      background: rgba(28, 38, 39, .96) !important;
      border: 1px solid rgba(255,255,255,.08);
    }

    @media (max-width: 760px) {
      .dt-header { top: 8px; padding: 0 8px; height: 62px; }
      .dt-header-inner { width: 100% !important; height: 62px !important; padding: 0 12px; }
      .dt-nav, .dt-header-actions { display: none !important; }
      .dt-mobile-btn { display: block !important; }
      .dt-logo { width: 132px; height: 40px; }
      .dt-logo img { width: 128px !important; max-height: 36px; }
    }

/* SLAME footer like reference */
.dt-footer {
  background: #1d1b1c !important;
  border-top: 0 !important;
  padding: 48px 0 34px !important;
}

.dt-footer-inner {
  width: min(1440px, calc(100% - 72px)) !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: 260px 190px 290px 210px 1fr !important;
  align-items: start !important;
  gap: 54px !important;
}

.dt-footer-brand,
.dt-footer-col,
.dt-footer-payments {
  min-width: 0;
}

.dt-footer-logo {
  display: inline-flex !important;
  align-items: center !important;
  width: 78px !important;
  height: 52px !important;
  margin-bottom: 18px !important;
  text-decoration: none !important;
  overflow: visible !important;
}

.dt-footer-logo img {
  width: 78px !important;
  max-height: 52px !important;
  object-fit: contain !important;
  object-position: left center !important;
  display: block !important;
}

.dt-footer-brand p {
  margin: 0 !important;
  color: rgba(255,255,255,.42) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.55 !important;
}

.dt-footer-col h3 {
  margin: 0 0 20px !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  letter-spacing: .02em !important;
}

.dt-footer-col a {
  display: table !important;
  color: rgba(255,255,255,.50) !important;
  text-decoration: none !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  margin: 0 0 14px !important;
  transition: .2s !important;
}

.dt-footer-col a:hover,
.dt-footer-col a.dt-mail {
  color: rgba(255,255,255,.74) !important;
  text-decoration: underline !important;
}

.dt-footer-payments {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 14px !important;
  padding-top: 0 !important;
}

.dt-pay-row {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
}

.dt-pay-card,
.dt-sbp {
  min-width: 64px !important;
  height: 32px !important;
  padding: 0 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 4px !important;
  background: rgba(0,0,0,.22) !important;
  color: rgba(255,255,255,.25) !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  letter-spacing: .02em !important;
}

.dt-master {
  min-width: 50px !important;
  gap: 0 !important;
}

.dt-master i {
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.17) !important;
  display: block !important;
}

.dt-master i + i {
  margin-left: -8px !important;
  background: rgba(255,255,255,.11) !important;
}

.dt-sbp {
  min-width: 54px !important;
  height: 38px !important;
  font-size: 12px !important;
  align-self: flex-end !important;
}

.dt-status {
  margin-top: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  color: rgba(255,255,255,.58) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

.dt-status span {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #67d85b !important;
  box-shadow: 0 0 12px rgba(103,216,91,.55) !important;
}

@media (max-width: 1150px) {
  .dt-footer-inner {
    grid-template-columns: 1fr 1fr 1.4fr !important;
    gap: 34px !important;
  }
  .dt-footer-payments {
    align-items: flex-start !important;
  }
  .dt-pay-row,
  .dt-status {
    justify-content: flex-start !important;
  }
  .dt-sbp {
    align-self: flex-start !important;
  }
}

@media (max-width: 720px) {
  .dt-footer {
    padding: 36px 0 28px !important;
  }
  .dt-footer-inner {
    width: min(100% - 32px, 420px) !important;
    grid-template-columns: 1fr !important;
    gap: 26px !important;
  }
  .dt-footer-payments {
    align-items: flex-start !important;
  }
}

.dt-pay-card,
.dt-sbp,
.dt-master,
.dt-master i {
  all: unset !important;
}

.dt-pay-row {
  gap: 12px !important;
  height: 31px !important;
}

.dt-pay-img {
  display: block !important;
  width: 66px !important;
  height: 31px !important;
  object-fit: contain !important;
  opacity: .98 !important;
  filter: none !important;
}

.dt-pay-master {
  width: 57px !important;
}

.dt-pay-sbp {
  display: block !important;
  width: 54px !important;
  height: 44px !important;
  object-fit: contain !important;
  align-self: flex-end !important;
  margin-top: -2px !important;
  opacity: .98 !important;
}

.dt-footer-payments {
  gap: 11px !important;
}

@media (max-width: 1150px) {
  .dt-pay-sbp {
    align-self: flex-start !important;
  }
}

.dt-hero-bg {
  position: absolute;
  inset: 0;
  background: url("../img/background.jpg") center / cover no-repeat;
  z-index: -2;
}
/* SLAME custom hero/download fixes */
.dt-hero {
  background: url("../img/background.jpg") center / cover no-repeat !important;
}

.dt-hero-bg {
  position: absolute !important;
  inset: 0 !important;
  background: url("../img/background.jpg") center / cover no-repeat !important;
  z-index: 0 !important;
}

.dt-hero::after {
  z-index: 1 !important;
}

.dt-hero-btn,
.dt-header-actions .dt-play-btn,
.dt-download-btn,
.dt-plugin-btn {
  background: linear-gradient(90deg, #2b70be, #0f4f8d) !important;
}

.dt-play {
  background: #151818 !important;
  padding: 90px 0 !important;
}

.dt-download-card {
  position: relative;
  min-height: 560px;
  border-radius: 30px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(20, 22, 22, .94);
  overflow: hidden;
  padding: 54px 58px;
  display: grid;
  grid-template-columns: minmax(0, 540px) minmax(360px, 1fr);
  align-items: center;
  gap: 40px;
}

.dt-download-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 10% 8%, rgba(43,112,190,.22), transparent 28%),
    radial-gradient(circle at 95% 85%, rgba(15,79,141,.24), transparent 32%);
  pointer-events: none;
}

.dt-download-content,
.dt-download-visual {
  position: relative;
  z-index: 1;
}

.dt-download-title {
  margin: 0;
  color: #fff;
  font-size: clamp(42px, 5vw, 68px);
  line-height: .96;
  font-weight: 900;
  letter-spacing: -2px;
}

.dt-download-subtitle {
  margin: 22px 0 34px;
  color: rgba(255,255,255,.52);
  font-size: 24px;
  line-height: 1.35;
  font-weight: 600;
}

.dt-requirements {
  margin-top: 28px;
}

.dt-requirements h3 {
  margin: 0 0 24px;
  color: #fff;
  font-size: 34px;
  line-height: 1.1;
  font-weight: 900;
}

.dt-req-list {
  display: grid;
  gap: 15px;
  max-width: 560px;
}

.dt-req-list div {
  display: grid;
  grid-template-columns: 190px 1fr;
  gap: 24px;
  align-items: center;
}

.dt-req-list span {
  color: rgba(255,255,255,.36);
  font-size: 17px;
  font-weight: 800;
}

.dt-req-list b {
  color: #fff;
  font-size: 17px;
  font-weight: 900;
}

.dt-download-actions {
  margin-top: 46px;
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

.dt-download-btn,
.dt-plugin-btn {
  min-width: 240px;
  height: 70px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  color: #fff;
  text-decoration: none;
  font-size: 17px;
  font-weight: 900;
  transition: .2s;
  box-shadow: none !important;
}

.dt-plugin-btn {
  background: rgba(255,255,255,.055) !important;
  border: 1px solid rgba(255,255,255,.10);
}

.dt-download-btn:hover,
.dt-plugin-btn:hover {
  transform: translateY(-2px);
}

.dt-download-visual {
  min-height: 420px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.dt-download-visual img {
  width: min(560px, 100%);
  max-height: 520px;
  object-fit: contain;
  display: block;
  filter: drop-shadow(0 30px 70px rgba(0,0,0,.45));
}

.dt-platform-buttons,
.dt-tabs,
.platform-tabs,
.download-tabs {
  display: none !important;
}

@media (max-width: 980px) {
  .dt-download-card {
    grid-template-columns: 1fr;
    padding: 38px 24px;
  }

  .dt-download-visual {
    min-height: 260px;
    justify-content: center;
  }

  .dt-req-list div {
    grid-template-columns: 1fr;
    gap: 4px;
  }
}

@media (max-width: 560px) {
  .dt-download-actions,
  .dt-download-btn,
  .dt-plugin-btn {
    width: 100%;
  }
}

/* ===== social cards final ===== */
.dt-social{
  margin:95px auto 0!important;
  width:100%!important;
  max-width:1280px!important;
}
.dt-social .dt-section-title{
  margin:0 0 46px!important;
  font-size:42px!important;
  line-height:1.02!important;
  font-weight:400!important;
  letter-spacing:-.035em!important;
  color:#fff!important;
  text-transform:uppercase!important;
}
.dt-social .dt-section-title b{
  display:block!important;
  font-weight:900!important;
}
.dt-social-cards{
  display:grid!important;
  grid-template-columns:repeat(3, minmax(0, 1fr))!important;
  gap:18px!important;
  width:100%!important;
}
.dt-social-card{
  min-height:118px!important;
  border-radius:64px!important;
  background:rgba(22,22,22,.86)!important;
  border:1px solid rgba(255,255,255,.075)!important;
  display:flex!important;
  align-items:center!important;
  gap:22px!important;
  padding:14px 28px 14px 16px!important;
  color:#fff!important;
  text-decoration:none!important;
  transition:transform .22s ease, background .22s ease, border-color .22s ease!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.dt-social-card:hover{
  transform:translateY(-4px)!important;
  background:rgba(28,28,28,.94)!important;
  border-color:rgba(255,255,255,.12)!important;
}
.dt-social-icon{
  width:86px!important;
  height:86px!important;
  flex:0 0 86px!important;
  border-radius:50%!important;
  background:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  transition:background .22s ease!important;
  box-shadow:none!important;
}
.dt-social-icon i{
  font-size:34px!important;
  line-height:1!important;
  transition:color .22s ease!important;
}
.dt-social-card.vk{--social-color:#0b7cff!important}
.dt-social-card.tg{--social-color:#2aa9e8!important}
.dt-social-card.yt{--social-color:#ff0000!important}
.dt-social-card.vk .dt-social-icon i{color:#0b7cff!important}
.dt-social-card.tg .dt-social-icon i{color:#2aa9e8!important}
.dt-social-card.yt .dt-social-icon i{color:#ff0000!important}
.dt-social-card:hover .dt-social-icon{background:var(--social-color)!important}
.dt-social-card:hover .dt-social-icon i{color:#fff!important}
.dt-social-text{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:9px!important;
  min-width:0!important;
}
.dt-social-text strong{
  display:block!important;
  font-size:39px!important;
  line-height:.95!important;
  font-weight:900!important;
  color:#fff!important;
  letter-spacing:-.045em!important;
  white-space:nowrap!important;
  text-shadow:0 2px 0 rgba(0,0,0,.38)!important;
}
.dt-social-text small{
  display:block!important;
  font-size:14px!important;
  line-height:1.25!important;
  font-weight:700!important;
  color:rgba(255,255,255,.48)!important;
  white-space:nowrap!important;
  letter-spacing:-.02em!important;
}
.dt-social-box,.dt-social-item{all:unset!important}
@media(max-width:1100px){
  .dt-social{max-width:640px!important;margin-top:75px!important}
  .dt-social-cards{grid-template-columns:1fr!important}
  .dt-social .dt-section-title{font-size:36px!important;margin-bottom:32px!important}
}
@media(max-width:560px){
  .dt-social{max-width:100%!important;margin-top:60px!important}
  .dt-social .dt-section-title{font-size:31px!important;margin-bottom:24px!important}
  .dt-social-card{min-height:92px!important;border-radius:28px!important;padding:12px 16px!important;gap:14px!important}
  .dt-social-icon{width:64px!important;height:64px!important;flex-basis:64px!important}
  .dt-social-icon i{font-size:27px!important}
  .dt-social-text strong{font-size:28px!important}
  .dt-social-text small{font-size:12px!important;white-space:normal!important}
}


/* SLAME launcher showcase block */
.dt-play {
  position: relative;
  overflow: hidden;
  background: #111313 url("../img/background.jpg") center / cover no-repeat !important;
}

.dt-play::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(7, 8, 8, .78);
  pointer-events: none;
}

.dt-play-inner {
  position: relative;
  z-index: 1;
}

.dt-launcher-showcase {
  width: min(1280px, calc(100% - 40px));
  margin: 0 auto 90px;
  min-height: 540px;
  display: grid;
  grid-template-columns: minmax(420px, 1.05fr) minmax(360px, .95fr);
  gap: 70px;
  align-items: center;
}

.dt-launcher-preview {
  display: flex;
  align-items: center;
  justify-content: center;
}

.dt-launcher-preview img {
  width: 100%;
  max-width: 680px;
  display: block;
  object-fit: contain;
  filter: drop-shadow(0 35px 80px rgba(0,0,0,.55));
}

.dt-launcher-info {
  color: #fff;
}

.dt-launcher-logo {
  display: inline-flex;
  align-items: flex-start;
  gap: 7px;
  margin-bottom: 28px;
  font-size: 42px;
  line-height: 1;
  font-weight: 900;
  font-style: italic;
  letter-spacing: -2px;
}

.dt-launcher-logo span {
  width: 9px;
  height: 9px;
  margin-top: 4px;
  border-radius: 50%;
  background: #2b70be;
  display: block;
}

.dt-launcher-info h2 {
  margin: 0 0 28px;
  max-width: 610px;
  font-size: 25px;
  line-height: 1.25;
  font-weight: 900;
  text-transform: uppercase;
  color: #fff;
}

.dt-launcher-features {
  list-style: none;
  padding: 0;
  margin: 0 0 28px;
  display: grid;
  gap: 18px;
}

.dt-launcher-features li {
  display: flex;
  align-items: center;
  gap: 18px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}

.dt-launcher-features i {
  width: 22px;
  color: #2b70be;
  font-size: 20px;
  text-align: center;
}

.dt-launcher-actions {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 26px;
}

.dt-launcher-main-btn,
.dt-launcher-asi-btn {
  height: 66px;
  border-radius: 11px;
  padding: 0 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  text-decoration: none;
  color: #fff;
  font-size: 17px;
  font-weight: 900;
  transition: .22s ease;
}

.dt-launcher-main-btn {
  background: linear-gradient(90deg, #2b70be, #0f4f8d);
  box-shadow: 0 20px 45px rgba(43,112,190,.25);
}

.dt-launcher-asi-btn {
  background: rgba(255,255,255,.055);
  border: 1px solid rgba(255,255,255,.12);
}

.dt-launcher-main-btn:hover,
.dt-launcher-asi-btn:hover {
  transform: translateY(-2px);
}

.dt-launcher-main-btn i,
.dt-launcher-asi-btn i,
.dt-launcher-windows i {
  color: #fff;
}

.dt-launcher-windows {
  margin-top: 20px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: rgba(255,255,255,.82);
  font-size: 15px;
  font-weight: 800;
}

.dt-launcher-windows i {
  color: #2b70be;
  font-size: 18px;
}

@media (max-width: 1050px) {
  .dt-launcher-showcase {
    grid-template-columns: 1fr;
    gap: 34px;
    text-align: center;
    min-height: auto;
  }

  .dt-launcher-features li,
  .dt-launcher-actions,
  .dt-launcher-windows {
    justify-content: center;
  }

  .dt-launcher-info h2 {
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 620px) {
  .dt-launcher-showcase {
    width: calc(100% - 24px);
    margin-bottom: 55px;
  }

  .dt-launcher-logo {
    font-size: 34px;
  }

  .dt-launcher-info h2 {
    font-size: 20px;
  }

  .dt-launcher-main-btn,
  .dt-launcher-asi-btn {
    width: 100%;
    height: 58px;
    font-size: 15px;
  }
}