.applications {
  max-width: 1400px;
  margin: auto;
  padding-top: 42px;
}

.applications h1 { font-size: clamp(38px, 5vw, 66px); }
.applications .eyebrow, .number { font-size: 14px; }
.lead { max-width: 720px; color: var(--muted); margin-bottom: 40px; }
.app-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.app-card { display: flex; flex-direction: column; align-items: flex-start; padding: 32px; border: 1px solid var(--line); border-top: 3px solid var(--blue); background: #f4f7fc; min-width: 0; transition: transform .2s, background .2s, box-shadow .2s; }
.app-card:hover { background: #eaf0ff; transform: translateY(-3px); box-shadow: 0 18px 38px #0b2d6814; }
.number { color: var(--blue); font-weight: 800; letter-spacing: .06em; }
.app-card h2 { font-size: 28px; margin-top: 22px; }
.app-card p { color: var(--muted); margin-bottom: 28px; }
.app-card .text-link { margin-top: auto; color: var(--blue); }
.app-help { margin-top: 40px; padding: 28px; background: #0e1725; color: #fff; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.app-help h2 { font-size: 24px; }
header > .text-link { flex-shrink: 0; }

@media (max-width: 700px) {
  .applications { padding-top: 24px; }
  .app-grid { grid-template-columns: 1fr; }
  .app-card { padding: 26px; }
  .app-help { align-items: flex-start; flex-direction: column; }
  header { gap: 12px; }
  header > .communications-nav .text-link { font-size: 14px; }
}