body { font-size: 1rem; line-height: 1.55; font-weight: 410; }
.nav-link, .relay-nav-group summary { font-weight: 520; }
.store-hero h1, .hosting-hero h1, .relay-service-hero h1, .affix-info-hero h1 {
  font: 690 clamp(2.4rem, 4.65vw, 4.45rem)/1.07 var(--font-display);
  letter-spacing: -.038em;
  overflow-wrap: break-word;
}
.store-hero h1 span { display: inline; }
.store-hero h1 { max-width: 16ch; }
.store-hero { padding-block: clamp(2.75rem, 5.1vw, 4.8rem); }
.store-hero .eyebrow { margin-bottom: .75rem; }
.store-hero-photo { border-radius: .5rem; }
.hosting-hero-content { padding-block: clamp(3.5rem, 6.2vw, 5.75rem); }
.relay-service-hero { padding-block: clamp(2.65rem, 5.1vw, 4.75rem); }
.relay-service-hero h1 { font-size: clamp(2.35rem, 4.1vw, 4.1rem); }
.relay-service-lead, .store-lead { max-width: 36rem; }
.relay-service-hero .relay-service-icon { color: var(--apricot); margin-bottom: .75rem; }
.section-head h2, .hosting-section-head h2, .relay-service-section-head h2, .home-fit h2,
.premium-copy h2, .setup-section h2, .migration-section h2, .store-help h2,
.affix-about-body h2, .relay-guide h2 {
  font: 670 clamp(1.8rem, 3.35vw, 3.05rem)/1.14 var(--font-display);
  letter-spacing: -.03em;
}
.plan-card h3, .relay-service-features h3, .affix-about-body h3, .setup-steps h3 {
  font: 660 clamp(1.18rem, 1.8vw, 1.55rem)/1.22 var(--font-display);
  letter-spacing: -.022em;
}
.plan-price strong { letter-spacing: -.035em; font-size: clamp(1.75rem, 2.8vw, 2.6rem); }
.plan-type.eyebrow { font-weight: 580; }
.plan-summary { min-height: 2.8em; }
.relay-footer h2 { font: 640 1.1rem/1.25 var(--font-display); }
.relay-service-features article { border-top: 1px solid var(--light-line); }
.relay-service-photo img { object-position: center; }

.relay-catalog, .relay-guide, .relay-stack, .relay-reading {
  padding-block: clamp(3.25rem, 6vw, 5.25rem);
}
.relay-catalog, .relay-stack, .relay-reading { background: var(--surface); }
.relay-catalog-grid, .relay-stack-grid { display: grid; gap: 1rem; }
.relay-catalog-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.relay-stack-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-bottom: 1rem; }
.relay-catalog-card, .relay-stack-group {
  min-width: 0; border: 1px solid var(--light-line); border-radius: .5rem;
  padding: clamp(1.1rem, 2.6vw, 1.85rem); background: var(--card);
}
.relay-catalog-card { display: flex; flex-direction: column; align-items: flex-start; }
.relay-service-icon { display: inline-flex; color: var(--link); align-items: center; flex: none; }
.relay-catalog-card > .relay-service-icon { margin-bottom: .85rem; }
.relay-catalog-card h3, .relay-stack-group h3 { font-weight: 660; font-size: 1.25rem; line-height: 1.25; letter-spacing: -.018em; }
.relay-catalog-card p, .relay-guide-steps p, .relay-stack-group dd, .relay-reading p {
  color: var(--muted); font-size: .96rem; line-height: 1.62;
}
.relay-catalog-card p { margin-top: .55rem; }
.relay-catalog-card .plan-features { border: 0; padding: 0; margin-block: 1.25rem; }
.relay-catalog-card .button { margin-top: auto; min-height: 2.8rem; }
.relay-guide { background: var(--subtle); }
.relay-guide-grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(1.5rem, 4vw, 4rem); }
.relay-guide-steps, .relay-guide-related { list-style: none; padding: 0; margin: 0; }
.relay-guide-related { margin-top: .85rem; }
.relay-guide-related a { color: var(--link); }
.relay-guide-steps { counter-reset: steps; }
.relay-guide-steps li { counter-increment: steps; display: flex; align-items: flex-start; gap: 1rem; }
.relay-guide-steps li + li { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--light-line); }
.relay-guide-steps li::before {
  content: counter(steps); width: 1.75rem; height: 1.75rem; display: inline-grid; place-items: center;
  flex: none; color: var(--link); border: 1px solid var(--light-line); border-radius: 50%; font-size: .82rem; font-weight: 650;
}
.relay-guide-steps h3 { font-size: 1.04rem; font-weight: 670; line-height: 1.4; margin-bottom: .22rem; }
.relay-stack-group { background: var(--stack-card); }
.relay-stack-group > p, .relay-stack-checks dd { color: var(--muted); font-size: .96rem; line-height: 1.55; }
.relay-stack-specs { margin: .9rem 0 .45rem; padding-left: 1.15rem; color: var(--muted); font-size: .94rem; }
.relay-stack-specs li + li { margin-top: .35rem; }
.relay-stack-brand { display: block; width: fit-content; max-width: 100%; }
.relay-stack-brand img { display: block; width: 100%; height: auto; }
.relay-stack-cpanel { width: 9.25rem; margin-block: 1.25rem 1rem; }
.relay-stack-wordpress { width: 8.5rem; }
.relay-stack-jetbackup { width: 8.25rem; }
.relay-stack-checks { margin: 1rem 0 .45rem; }
.relay-stack-checks > div { padding-block: .65rem; }
.relay-stack-checks > div:first-child { padding-top: 0; }
.relay-stack-checks > div + div { border-top: 1px solid var(--light-line); }
.relay-stack-checks dt { font-weight: 650; }
.relay-stack-litespeed { width: 10.5rem; }
.relay-stack-imunify {
  width: 10.5rem;
  padding: .35rem .6rem;
  border-radius: .3rem;
  background: #121f19;
}
.relay-stack-checks dd { margin: .28rem 0 0; }
.relay-stack-group .text-link { color: var(--link); }
.relay-stack-attribution { color: var(--muted-secondary); font-size: .78rem; line-height: 1.5; }
.relay-reading-list { max-width: 52rem; }
.relay-reading-list details { border-top: 1px solid var(--light-line); padding-block: 1rem; }
.relay-reading-list details:last-child { border-bottom: 1px solid var(--light-line); }
.relay-reading-list summary { cursor: pointer; font-weight: 650; color: var(--link); }
.relay-reading-list details > div { margin-top: .65rem; }
.relay-reading-list p + p { margin-top: .6rem; }

.affix-about-approach .premium-copy p + p { margin-top: .75rem; }
.affix-form-intro, .affix-form-hint { color: var(--muted); font-size: .94rem; line-height: 1.55; }
.affix-form-intro { margin: .6rem 0 1.2rem; }
.affix-form-hint { font-weight: 430; }
.affix-account-link { display: flex; width: max-content; max-width: 100%; margin-top: .5rem; }
@media (max-width: 790px) {
  .relay-catalog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
  .relay-catalog-grid, .relay-guide-grid, .relay-stack-grid { grid-template-columns: 1fr; }
  .plan-summary { min-height: 0; }
}

.relay-home-services article .relay-service-icon { margin-bottom: .65rem; }
.relay-domain-rates .plan-table { min-width: 25rem; }
.relay-domain-rates .text-link { margin-top: .65rem; color: var(--link); }