.contact-direct-page {
  background:
    radial-gradient(circle at 78% 24%, rgba(38, 91, 104, .19), transparent 34%),
    #060a0d;
}

.contact-direct {
  width: min(1600px, calc(100% - 96px));
  min-height: calc(100vh - 210px);
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  align-items: center;
  gap: clamp(70px, 9vw, 170px);
  margin: 0 auto;
  padding-block: 100px;
}

.contact-direct-copy > p {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0;
  color: #66e5f4;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .2em;
}

.contact-direct-copy > p span { width: 30px; height: 1px; background: #66e5f4; }
.contact-direct-copy h1 { margin: 34px 0 24px; color: #f0f3f4; font-size: clamp(58px, 6vw, 96px); font-weight: 580; line-height: 1.06; letter-spacing: -.065em; }
.contact-direct-copy > small { color: #879198; font-size: 16px; }
.contact-direct-cards { display: grid; gap: 16px; }

.contact-direct-card {
  min-height: 235px;
  display: grid;
  grid-template-columns: 64px 1fr auto;
  grid-template-rows: 1fr auto;
  align-items: center;
  padding: 42px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 28px;
  background: linear-gradient(135deg, rgba(19, 31, 38, .92), rgba(7, 12, 15, .96));
  box-shadow: inset 0 1px rgba(255,255,255,.04);
}

.contact-direct-card > span { align-self: start; color: #52616a; font-size: 11px; font-weight: 800; letter-spacing: .14em; }
.contact-direct-card small { color: #63727a; font-size: 10px; font-weight: 850; letter-spacing: .19em; }
.contact-direct-card h2 { margin: 10px 0 0; color: #ecf0f1; font-size: 32px; font-weight: 650; }
.contact-direct-card > strong { color: #66e5f4; font-size: 52px; font-weight: 400; }
.contact-direct-card > p { grid-column: 2 / -1; margin: 22px 0 0; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.09); color: #66737a; font-size: 12px; }

@media (max-width: 900px) {
  .contact-direct { width: min(100% - 40px, 720px); grid-template-columns: 1fr; gap: 64px; padding-block: 76px; }
  .contact-direct-copy h1 { font-size: clamp(54px, 11vw, 78px); }
}

@media (max-width: 560px) {
  .contact-direct { width: calc(100% - 32px); padding-block: 60px; }
  .contact-direct-copy h1 { font-size: 48px; }
  .contact-direct-card { min-height: 200px; grid-template-columns: 42px 1fr auto; padding: 28px 22px; border-radius: 22px; }
  .contact-direct-card h2 { font-size: 26px; }
  .contact-direct-card > strong { font-size: 40px; }
}