.together {
  padding: 120px max(8vw, 30px);
  display: grid;
  grid-template-columns: .85fr 1.15fr;
  gap: 9vw;
  background: #041a2c;
}
.hero .reveal { opacity: 1; transform: none; }
.together h2 {
  font-size: clamp(40px, 5vw, 70px);
  line-height: 1.04;
  letter-spacing: -.045em;
  margin: 18px 0;
}
.together-heading { position: sticky; top: 80px; align-self: start; }
.together-heading > p:last-child { color: #a9bbc7; line-height: 1.75; font-size: 18px; }
.together-features { display: grid; gap: 16px; }
.together-features article {
  min-height: 220px;
  padding: 34px;
  display: grid;
  grid-template-columns: 70px 1fr;
  gap: 22px;
  align-items: start;
  border: 1px solid #ffffff13;
  border-radius: 22px;
  background: linear-gradient(145deg, #0a3454, #06243b);
}
.together-features .people-feature { background: linear-gradient(145deg, #201f4d, #0b2945); }
.feature-icon {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--lime);
  color: #06243b;
  font-size: 28px;
  font-weight: 700;
}
.people-feature .feature-icon { background: var(--purple); color: #fff; }
.together-features small { color: var(--lime); letter-spacing: .15em; font-weight: 700; }
.people-feature small { color: #c092e1; }
.together-features h3 { font-size: 25px; margin: 11px 0; }
.together-features p { color: #a9bbc7; line-height: 1.65; }
.privacy-note { font-size: 12px !important; color: #7f98aa !important; padding: 0 10px; }
@media (max-width: 820px) {
  .together { grid-template-columns: 1fr; padding: 80px 24px; }
  .together-heading { position: static; }
  .together-features article { grid-template-columns: 58px 1fr; padding: 24px; }
}
@media (max-width: 420px) {
  .together h2 { font-size: 42px; }
  .together-features article { grid-template-columns: 1fr; min-height: 0; }
}