/* Keep the credibility icons in their own grid cell, away from text alignment rules. */
body[data-page="index"] .trust-strip > div {
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  grid-template-rows:auto auto;
  column-gap:16px;
  row-gap:3px;
  align-items:center;
  padding:0;
  min-height:48px;
}
body[data-page="index"] .trust-strip .icon-badge {
  position:static;
  grid-column:1;
  grid-row:1 / 3;
  display:grid;
  place-items:center;
  justify-self:start;
  align-self:center;
  width:44px;
  height:44px;
  max-width:none;
  margin:0;
  padding:0;
  text-align:center;
  color:#42636e;
}
body[data-page="index"] .trust-strip .icon-badge > .ui-icon {
  display:block;
  position:static;
  width:22px;
  height:22px;
  margin:0;
  transform:none;
}
body[data-page="index"] .trust-strip strong,
body[data-page="index"] .trust-strip > div > span:not(.icon-badge) {
  grid-column:2;
  max-width:none;
  margin:0;
  text-align:left;
}
body[data-page="index"] .trust-strip strong {grid-row:1;align-self:end}
body[data-page="index"] .trust-strip > div > span:not(.icon-badge) {grid-row:2;align-self:start}
.hero-bottom > span {display:inline-flex;align-items:center;gap:9px;white-space:nowrap;line-height:1.4}
.hero-bottom > span > .ui-icon {display:block;width:18px;height:18px;flex-shrink:0;color:#a7d7dc}
@media(max-width:600px) {
  body[data-page="index"] .trust-strip {gap:23px;padding-block:30px}
  .hero-bottom {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px;padding-block:26px 30px;justify-content:normal;font-size:.7rem;letter-spacing:.06em}
  .hero-bottom > span {gap:8px}
  .hero-bottom > span > .ui-icon {width:17px;height:17px}
}
@media(max-width:360px) {
  .hero-bottom {font-size:.65rem;letter-spacing:.035em;column-gap:8px}
  .hero-bottom > span {gap:6px}
}