.pc-services {
  background: #eaf0ff;
  display: grid;
  grid-template-columns: minmax(280px, .8fr) minmax(0, 1.2fr);
  gap: 7vw;
  align-items: start;
}

.soft-launch {
  display: grid;
  grid-template-columns: minmax(280px, .85fr) minmax(0, 1.15fr);
  gap: 6vw;
  align-items: center;
  background:
    linear-gradient(135deg, rgba(33, 85, 217, .1), transparent 42%),
    var(--paper);
}

.soft-launch-copy > p:not(.eyebrow) {
  color: var(--muted);
  line-height: 1.7;
  max-width: 620px;
}

.soft-launch-copy .primary-action {
  margin-top: 18px;
}

.launch-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 13px;
}

.launch-metrics article {
  min-height: 230px;
  border: 1px solid var(--line);
  border-radius: 15px;
  padding: 25px;
  background: var(--paper);
  position: relative;
  overflow: hidden;
}

.launch-metrics article::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 100% 0, rgba(255, 107, 44, .16), transparent 45%);
  opacity: 0;
  transition: opacity .22s ease;
}

.launch-metrics article:hover::before {
  opacity: 1;
}

.launch-metrics article > * {
  position: relative;
}

.launch-metrics span {
  color: var(--blue);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.launch-metrics strong {
  display: block;
  margin: 28px 0 12px;
  font: 800 52px "Barlow Condensed", sans-serif;
  text-transform: uppercase;
  line-height: .85;
}

.launch-metrics p {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.6;
  margin: 0;
}

.pc-services-heading {
  position: sticky;
  top: 110px;
}

.pc-services-heading > p:last-child {
  color: var(--muted);
  line-height: 1.7;
  max-width: 520px;
}

.capability-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.capability-grid article {
  background: var(--paper);
  border: 1px solid #bfcdf0;
  border-radius: 14px;
  padding: 28px;
  min-height: 220px;
}

.capability-grid article > span {
  display: inline-grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid var(--blue);
  border-radius: 9px;
  color: var(--blue);
  font-size: 10px;
  font-weight: 800;
}

.capability-grid h3 {
  font: 700 29px "Barlow Condensed";
  text-transform: uppercase;
  margin: 34px 0 8px;
}

.capability-grid p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.65;
  margin: 0;
}

.price-preview {
  display: grid;
  grid-template-columns: minmax(280px, .7fr) minmax(0, 1.3fr);
  gap: 6vw;
  background: var(--paper);
}

.price-preview-heading > p:not(.eyebrow),
.knowledge-preview > div > p:not(.eyebrow) {
  color: var(--muted);
  line-height: 1.7;
  max-width: 530px;
}

.price-preview-links a,
.knowledge-preview a {
  display: inline-flex;
  align-items: center;
  gap: 18px;
  margin-top: 22px;
  color: var(--blue);
  font-size: 13px;
  font-weight: 800;
}

.price-preview-links a span,
.knowledge-preview a span { color: var(--orange); font-size: 22px; }

.price-preview-links {
  display: flex;
  flex-wrap: wrap;
  gap: 14px 28px;
}

.price-preview-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
}

.price-preview-grid article {
  border: 1px solid var(--line);
  border-radius: 15px;
  padding: 25px;
  min-height: 240px;
  display: flex;
  flex-direction: column;
}

.price-preview-grid article:first-child { border-top: 1px solid var(--line); }
.price-preview-grid span { color: var(--blue); font-size: 9px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.price-preview-grid h3 { font: 700 27px "Barlow Condensed"; text-transform: uppercase; margin: 24px 0 6px; }
.price-preview-grid strong { font: 800 34px "Barlow Condensed"; color: var(--blue); }
.price-preview-grid p { color: var(--muted); font-size: 12px; line-height: 1.6; margin: auto 0 0; }

.knowledge-preview {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, .85fr);
  gap: 8vw;
  background: var(--ink);
  color: white;
  align-items: center;
}

.knowledge-preview > div > p:not(.eyebrow) { color: #b8c0ca; }
.knowledge-preview a { color: #a8bfff; }
.knowledge-topics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; }
.knowledge-topics span { border: 1px solid #3b4553; border-radius: 12px; padding: 16px; font-size: 12px; font-weight: 700; }
.footer-links { display: flex; align-items: center; gap: 18px; }
.footer-contact { display: flex; flex-wrap: wrap; gap: 10px 14px; align-items: center; justify-content: center; }
.footer-contact a { border: 1px solid var(--line); border-radius: 999px; padding: 8px 11px; color: var(--blue); font-size: 11px; font-weight: 800; text-decoration: none; }
.footer-links a:hover { color: var(--blue); }

@media (max-width: 900px) {
  .pc-services,
  .soft-launch { grid-template-columns: 1fr; }
  .pc-services-heading { position: static; }
  .price-preview,
  .knowledge-preview { grid-template-columns: 1fr; }
  .launch-metrics { grid-template-columns: 1fr; }
  .launch-metrics article { min-height: 0; }
}

@media (max-width: 580px) {
  .capability-grid { grid-template-columns: 1fr; }
  .capability-grid article { min-height: 0; }
  .price-preview-grid,
  .knowledge-topics { grid-template-columns: 1fr; }
  .price-preview-grid article { min-height: 210px; }
  .footer-links { flex-direction: column; }
  .footer-contact { flex-direction: column; }
}