/* The bespoke TelePlan system is a fourth, equally visible product choice. */
.provider-strip {
  display: grid;
  grid-template-columns: 160px minmax(0, 1fr);
  gap: 32px;
  scroll-margin-top: 110px;
}
.provider-strip > p { min-width: 0; }
.provider-names {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(220px, 1.4fr);
  gap: 24px;
  width: 100%;
  min-width: 0;
  letter-spacing: normal;
}
.provider-names .provider-logo {
  width: 145px;
  max-width: 100%;
  height: 46px;
  justify-self: center;
}
.provider-names .telavox-logo { width: 165px; }
.own-system-product {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  min-height: 88px;
  border: 1px solid #cae3f1;
  border-radius: 15px;
  background: linear-gradient(120deg, #f6fbff, #eaf6ff);
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.own-system-icon { width: 42px; height: 34px; flex-shrink: 0; mix-blend-mode: multiply; }
.provider-strip .own-system-product strong { display: block; font-size: 16px; font-weight: 650; line-height: 1.2; color: #083353; }
.own-system-product small { display: block; margin-top: 6px; font-size: 10px; font-weight: 500; color: #47728e; }
.own-system-arrow { margin-left: auto; color: #007db9; font-size: 18px; font-weight: 500; }
.own-system-product:hover { border-color: #74bce1; box-shadow: 0 8px 24px #087ba115; }
.platforms { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.platforms article { min-width: 0; display: flex; flex-direction: column; }
.platforms article > a { margin-top: auto; padding-top: 18px; gap: 12px; }
.platforms article.own-system-card { border-color: #b9daef; background: linear-gradient(150deg, #f5fbff, #eaf6ff); }
.own-system-card .platform-number { color: #32718e; }
.platforms .own-system-heading { display: flex; align-items: center; gap: 10px; min-height: 50px; font-size: 21px; line-height: 1.2; letter-spacing: -.5px; }
.own-system-heading .own-system-icon { width: 32px; height: 27px; }
.own-system-heading small { display: block; margin-top: 5px; font-size: 10px; letter-spacing: 0; font-weight: 500; color: #47728e; }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .own-system-product:hover { transform: translateY(-3px); }
}
@media (max-width: 1100px) {
  .provider-strip { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .provider-strip > p { text-align: center; }
  .provider-strip > p br { display: none; }
  .provider-strip > p strong { margin-left: 5px; }
  .provider-names { gap: 22px; }
  .platforms { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .provider-names { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 20px; }
  .provider-names .provider-logo { width: 140px; max-width: 90%; height: 44px; }
  .provider-names .telavox-logo { width: 160px; }
  .own-system-product { padding: 13px; gap: 9px; min-height: 90px; }
  .provider-strip .own-system-product strong { font-size: 15px; }
  .own-system-icon { width: 34px; height: 28px; }
  .own-system-arrow { display: none; }
}
@media (max-width: 480px) {
  .provider-names { gap: 20px 14px; }
  .provider-strip .own-system-product strong { font-size: 13px; }
  .own-system-product { padding: 12px 9px; gap: 7px; }
  .own-system-product small { font-size: 9px; }
  .own-system-icon { width: 28px; height: 24px; }
  .platforms { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 360px) {
  .own-system-product { flex-direction: column; text-align: center; }
}