.service-trial { --trial-accent: #cc3f43; --trial-red: #ff5757; }
.service-trial .page-band__eyebrow::after {
  content: ""; display: inline-block; width: 10px; height: 10px;
  margin-left: 12px; background: var(--trial-red); vertical-align: .05em;
}
.service-trial .trial-intro { padding-block: 56px 32px; }
.service-trial .page-intro__lead { max-width: 40em; }
.service-jump { display: flex; flex-wrap: wrap; gap: 4px 26px; margin-top: 32px; }
.service-jump a {
  display: inline-flex; align-items: center; gap: 12px; min-height: 44px;
  color: #333; font-size: 14px; font-weight: 700; text-decoration: none;
}
.service-jump span { color: var(--trial-accent); transition: transform 220ms ease; }
.service-jump a:hover span { transform: translateY(3px); }
.service-jump a:hover { color: var(--trial-accent); }
.service-trial .trial-service {
  position: relative; padding-block: 64px 80px; border-top: 0;
}
.trial-service + .trial-service::before {
  content: ""; position: absolute; top: 0; left: 20px; right: 20px;
  max-width: calc(var(--wrap) - var(--pad) - var(--pad)); height: 1px; margin-inline: auto; background: #e4e4e4;
}
.trial-service__heading { display: flex; align-items: center; gap: 20px; }
.service-icon { flex: 0 0 auto; width: 54px; height: 54px; }
.trial-service__heading h2 { min-width: 0; font-size: 22px; line-height: 1.5; }
.trial-service__lead { max-width: 42em; margin-top: 24px; color: #333; line-height: 1.95; }
.service-trial .media-split { margin-top: 36px; gap: 32px; }
.service-trial .media-split__photo { background: transparent; }
.trial-photo { overflow: hidden; background: #f3f3f3; }
.service-trial .trial-photo img { height: auto; transition: transform 700ms cubic-bezier(.2,.65,.3,1); }
.service-trial .media-split__photo figcaption { margin-top: 10px; }
.service-trial .svc-table { margin-top: 28px; }
.service-trial .svc-table caption {
  border-bottom: 2px solid var(--trial-accent); padding-bottom: 10px;
}
.service-trial .svc-table td { color: var(--trial-accent); font-size: 26px; }
.service-trial .svc-table td span { color: #333; }
.service-trial .svc-table thead th { color: #5a5a5a; }
.service-trial .svc-table tbody th { padding-right: 12px; }
.service-trial .svc-table__note { font-size: 12px; }
.service-trial .svc-estimate { margin-top: 26px; color: #333; }
.service-trial .more-link { margin-top: 36px; text-align: left; }
.service-trial .text-link {
  position: relative; gap: 16px; min-height: 44px; padding-block: 6px;
  text-decoration: none; border-bottom: 1px solid #aaa; font-size: 15px;
  transition: color 200ms ease, border-color 200ms ease;
}
.service-trial .text-link > span {
  flex: 0 0 auto; color: var(--trial-accent); font-size: 22px;
  transition: transform 250ms ease;
}
.service-trial .text-link:hover, .service-trial .text-link:focus-visible {
  color: var(--trial-accent); border-color: var(--trial-accent);
}
.service-trial .text-link:hover > span { transform: translateX(4px); }
.service-trial .trial-team {
  padding-block: 72px 80px; border-top: 0; background: #f7f7f6;
}
.trial-team__intro h2 { font-size: 24px; }
.trial-team__intro p { max-width: 42em; margin-top: 24px; color: #333; }
.team-diagram { display: grid; list-style: none; gap: 48px; margin-top: 48px; }
.team-diagram__actor { position: relative; text-align: center; }
.team-diagram__icon { width: 64px; height: 64px; margin-inline: auto; }
.team-diagram__brand { display: flex; height: 64px; justify-content: center; align-items: center; }
.team-diagram__brand img { width: 132px; height: auto; }
.team-diagram h3 { margin-top: 20px; font-size: 18px; }
.team-diagram p { margin-top: 7px; color: #5a5a5a; font-size: 14px; }
.team-diagram__arrow {
  position: absolute; left: calc(50% - 12px); bottom: -43px; font-size: 30px;
  color: var(--trial-accent); line-height: 1; transform: rotate(90deg);
}
.service-trial .trial-team .more-link { text-align: center; margin-top: 44px; }
.service-trial .trial-pricing { padding-block: 72px 80px; border-top: 0; }
.service-trial .trial-pricing .spec-list { margin-top: 36px; gap: 32px; }
.service-trial .trial-pricing .spec { border-color: #dedede; }
.service-trial .trial-pricing .spec h3 { font-size: 17px; }
.service-trial .trial-owner-link { margin-top: 48px; }

.service-trial [data-reveal] { opacity: 1; transform: none; }
.service-trial .reveal-ready {
  opacity: 0; transform: translateY(16px);
  transition: opacity 580ms ease, transform 580ms cubic-bezier(.2,.65,.3,1);
}
.service-trial .reveal-ready.is-visible,
.service-trial .reveal-ready:focus-within { opacity: 1; transform: none; }
.service-trial .team-diagram__actor:nth-child(2) { transition-delay: 100ms; }
.service-trial .team-diagram__actor:nth-child(3) { transition-delay: 200ms; }
.service-trial .spec:nth-child(2) { transition-delay: 80ms; }
.service-trial .spec:nth-child(3) { transition-delay: 160ms; }

@media (hover: hover) and (pointer: fine) {
  .service-trial .trial-photo:hover img { transform: scale(1.025); }
}
@media (min-width: 600px) {
  .service-icon { width: 64px; height: 64px; }
  .trial-service__heading h2 { font-size: 28px; }
  .team-diagram { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px; margin-top: 64px; }
  .team-diagram h3 { font-size: 16px; }
  .team-diagram__arrow { top: 22px; left: auto; right: -28px; bottom: auto; transform: none; }
}
@media (min-width: 820px) {
  .service-trial .trial-intro { padding-block: 80px 40px; }
  .service-jump { gap: 48px; margin-top: 40px; }
  .service-trial .trial-service { padding-block: 80px 112px; }
  .trial-service__heading { gap: 24px; }
  .trial-service__lead { margin-top: 28px; font-size: 17px; }
  .service-trial .media-split { margin-top: 48px; gap: 56px; }
  .service-trial .svc-table td { font-size: 30px; }
  .service-trial .trial-team { padding-block: 96px 104px; }
  .trial-team__intro h2 { font-size: 28px; }
  .trial-team__intro p { font-size: 17px; }
  .team-diagram { max-width: 900px; margin-inline: auto; gap: 64px; }
  .team-diagram__icon, .team-diagram__brand { width: auto; height: 72px; }
  .team-diagram__icon { width: 72px; }
  .team-diagram__brand img { width: 156px; }
  .team-diagram h3 { margin-top: 24px; font-size: 18px; }
  .team-diagram__arrow { top: 26px; right: -47px; }
  .service-trial .trial-team .more-link { margin-top: 64px; }
  .service-trial .trial-pricing { padding-block: 96px 104px; }
  .service-trial .trial-pricing .spec-list { margin-top: 48px; gap: 40px; }
  .service-trial .trial-owner-link { margin-top: 64px; }
}
@media (max-width: 599px) {
  .service-jump { gap: 0 24px; }
  .service-jump a { font-size: 13px; }
  .service-trial .svc-table caption span { float: none; display: block; margin-top: 4px; }
  .service-trial .svc-table tbody th { font-size: 15px; }
  .service-trial .svc-table td { font-size: 25px; }
  .trial-service__heading { gap: 14px; }
  .trial-service__heading h2 { font-size: 21px; }
  .trial-team__intro h2 .ph { display: block; }
}

.service-trial .svc-items { display: grid; grid-template-columns: repeat(auto-fill, minmax(11em, 1fr)); gap: 10px 24px; margin: 0; padding: 0; list-style: none; }
.service-trial .svc-items li { position: relative; padding-left: 16px; font-size: 15px; line-height: 1.6; }
.service-trial .svc-items li::before { content: ""; position: absolute; top: .62em; left: 0; width: 6px; height: 6px; border-radius: 50%; background: var(--trial-accent); }
.service-trial .trial-team .rlm-reasons { margin-top: 40px; }
@media (min-width: 820px) {
  .service-trial .svc-items li { font-size: 16px; }
  .service-trial .trial-team .rlm-reasons { margin-top: 56px; }
}
@media (prefers-reduced-motion: reduce) {
  .service-trial .reveal-ready { opacity: 1; transform: none; }
  .service-trial .reveal-ready, .service-trial .trial-photo img,
  .service-trial .text-link, .service-trial .text-link > span,
  .service-jump span { transition: none; }
  .service-trial .trial-photo:hover img, .service-trial .text-link:hover > span,
  .service-jump a:hover span { transform: none; }
}