/* Services hub */
.soon {
  display:grid;
  gap:var(--space-3);
}
.soon-card {
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
  padding:var(--space-5) var(--space-5) 18px;
  background:var(--color-white);
  border:1px solid var(--color-border);
  border-radius:var(--radius-xl);
}
.soon-card h3 {
  font-family:var(--font-heading);
  font-size:var(--fs-22);
  font-weight:600;
  line-height:1.15;
  color:var(--color-text);
}
.soon-card p {
  font-size:var(--font-size-sm);
  color:var(--color-text-mid);
}
.soon-card .links {
  display:flex;
  flex-wrap:wrap;
  gap:6px var(--space-4);
  margin-top:auto;
  padding-top:var(--space-2);
}
.soon-card .links a {
  font-size:var(--font-size-sm);
  font-weight:600;
}
.pick {
  display:grid;
  gap:var(--space-3);
}
.pick a {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-4);
  padding:var(--space-5) var(--space-5);
  background:var(--color-white);
  border:1.5px solid var(--color-border);
  border-radius:var(--radius-xl);
  text-decoration:none;
  color:var(--color-text);
}
.pick a:hover {
  border-color:var(--color-primary);
}
.pick .q {
  display:block;
  font-family:var(--font-heading);
  font-size:var(--fs-23);
  font-weight:600;
  line-height:1.15;
}
.pick .a {
  display:block;
  font-size:var(--font-size-sm);
  color:var(--color-muted);
  margin-top:var(--space-1);
}
.pick .go {
  flex:none;
  font-size:var(--fs-22);
  color:var(--color-accent);
}
@media (min-width:860px){
  .soon {
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:18px;
  }
  .pick {
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:var(--space-5);
  }
  .pick a {
    align-items:flex-start;
    flex-direction:column;
    padding:28px 26px;
    min-height:190px;
  }
  .pick .q {
    font-size:var(--fs-28);
  }
  .pick .go {
    margin-top:auto;
  }
}