.platform-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 10px;
  border: 1px solid #111;
  border-radius: 999px;
  background: #fff;
  letter-spacing: .08em;
  box-shadow: 2px 2px 0 #111;
}

.platform-badge svg {
  width: 15px;
  height: 15px;
  fill: currentColor;
}

.android-badge {
  background: var(--lime);
}

.released-apps { padding-block: 140px; }
.released-apps header { display: flex; align-items: end; justify-content: space-between; margin-bottom: 54px; }
.released-apps header p { color: var(--blue); font: 800 11px Manrope; letter-spacing: .17em; }
.released-apps h2 { margin: 0; font: 800 clamp(48px, 6vw, 78px)/.95 Manrope; letter-spacing: -.06em; }
.released-apps h2 span { color: var(--blue); }
.released-list { border-top: 2px solid var(--ink); }
.released-row { display: grid; grid-template-columns: 92px 1fr 1.6fr auto 28px; gap: 28px; align-items: center; padding: 24px 0; border-bottom: 1px solid var(--ink); color: var(--ink); text-decoration: none; transition: padding .25s ease, background .25s ease; }
.released-row:hover { padding-inline: 18px; background: #fff; }
.released-row img { width: 92px; height: 92px; object-fit: cover; border-radius: 22px; border: 1px solid #1112; }
.released-name span { color: var(--muted); font: 800 9px Manrope; letter-spacing: .13em; }
.released-name h3 { margin: 7px 0 0; font: 800 25px Manrope; }
.released-row>p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.7; }
.released-platform { display: inline-flex; align-items: center; gap: 7px; padding: 8px 11px; border: 1px solid var(--ink); border-radius: 999px; font: 800 10px Manrope; }
.released-platform svg { width: 14px; height: 14px; fill: currentColor; }
.released-row>b { font-size: 21px; }
@media(max-width:760px){.released-apps header{display:block}.released-apps h2{margin-top:18px}.released-row{grid-template-columns:72px 1fr auto;gap:16px}.released-row img{width:72px;height:72px;border-radius:18px}.released-row>p{grid-column:2/-1}.released-platform{grid-column:2}.released-row>b{grid-column:3;grid-row:1}.released-apps{padding-block:90px}}