/* ============================================================
   TRUESPEED THEME - PAGE-SCOPED STYLES: .home
   Split out of truespeed-main.css. Every selector here is scoped to
   .home, so these rules can only ever match a page that
   carries that body class. inc/enqueue.php loads this file only on
   those pages, which is why it is no longer in the main stylesheet.
   Generated: do not add unscoped rules here.
   ============================================================ */

@media (min-width: 641px) and (max-width: 900px) {
body.home section[aria-labelledby="switch-heading"] .ts-features-grid--4 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: var(--ts-sp-4);
  }
body.home section[aria-labelledby="switch-heading"] .ts-feature-card {
    min-width: 0;
    padding: var(--ts-sp-5);
    gap: var(--ts-sp-2);
  }
body.home section[aria-labelledby="switch-heading"] .ts-feature-title {
    font-size: .98rem;
    line-height: 1.25;
  }
body.home section[aria-labelledby="switch-heading"] .ts-feature-desc {
    font-size: .84rem;
    line-height: 1.55;
  }
body.home section[aria-labelledby="services-heading"] .ts-grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: var(--ts-sp-4);
  }
body.home section[aria-labelledby="services-heading"] .ts-window-card {
    min-width: 0;
    padding: var(--ts-sp-5);
    gap: var(--ts-sp-3);
  }
body.home section[aria-labelledby="services-heading"] .ts-window-card h3 {
    font-size: .98rem;
    line-height: 1.25;
  }
body.home section[aria-labelledby="services-heading"] .ts-window-card p {
    font-size: .82rem;
    line-height: 1.5;
  }
body.home section[aria-labelledby="support-preview-heading"] .ts-features-grid--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: var(--ts-sp-4);
  }
body.home section[aria-labelledby="support-preview-heading"] .ts-feature-card {
    min-width: 0;
    padding: var(--ts-sp-5);
  }
body.home section[aria-labelledby="support-preview-heading"] .ts-feature-title {
    font-size: .95rem;
    line-height: 1.25;
  }
body.home section[aria-labelledby="support-preview-heading"] .ts-feature-desc {
    font-size: .8rem;
    line-height: 1.5;
  }
body.home section[aria-labelledby="areas-heading"] .ts-services-overview-list {
    display: grid;
    grid-template-columns: 1fr !important;
    max-width: none;
    width: 100%;
    margin-inline: 0;
    gap: var(--ts-sp-4);
  }
body.home section[aria-labelledby="areas-heading"] .ts-about-service-row {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: flex-start;
    gap: var(--ts-sp-4);
    width: 100%;
    max-width: none;
  }
body.home section[aria-labelledby="areas-heading"] .ts-about-service-icon {
    grid-column: 1;
    align-self: flex-start;
  }
body.home section[aria-labelledby="areas-heading"] .ts-about-service-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: var(--ts-sp-4);
    align-items: center;
    min-width: 0;
  }
body.home section[aria-labelledby="areas-heading"] .ts-about-service-body h3,
  body.home section[aria-labelledby="areas-heading"] .ts-about-service-body p {
    grid-column: 1;
  }
body.home section[aria-labelledby="areas-heading"] .ts-about-service-body .ts-text-link {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: center;
    justify-self: end;
    white-space: nowrap;
    padding-top: 0;
  }
body.home section[aria-labelledby="news-heading"] .ts-grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: var(--ts-sp-4);
  }
body.home section[aria-labelledby="news-heading"] .ts-post-body {
    padding: var(--ts-sp-4);
  }
body.home section[aria-labelledby="news-heading"] .ts-post-title {
    font-size: .9rem;
    line-height: 1.28;
  }
body.home section[aria-labelledby="news-heading"] .ts-post-excerpt {
    font-size: .76rem;
    line-height: 1.5;
  }
body.home section[aria-labelledby="news-heading"] .ts-post-meta,
  body.home section[aria-labelledby="news-heading"] .ts-post-more {
    font-size: .68rem;
  }
}

@media (min-width: 641px) and (max-width: 960px) {
body.home .ts-stats-inner {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--ts-sp-3);
  }
body.home .ts-stats-inner .ts-stat {
    padding: var(--ts-sp-3) var(--ts-sp-2);
  }
body.home .ts-stat-num {
    font-size: clamp(1.2rem, 2.5vw, 1.55rem);
  }
body.home .ts-stat-label {
    font-size: .56rem;
    line-height: 1.25;
  }
}

@media (min-width: 641px) and (max-width: 900px) {
.home .ts-section--reviews .ts-grid-3,
  body.home .ts-section--reviews .ts-grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: var(--ts-sp-4) !important;
  }
.home .ts-section--reviews .ts-card,
  body.home .ts-section--reviews .ts-card {
    padding: var(--ts-sp-5) !important;
  }
.home .ts-section--reviews .ts-card p,
  body.home .ts-section--reviews .ts-card p {
    font-size: .86rem;
    line-height: 1.6;
  }
}

body.home .ts-eyebrow,
body.home .ts-stat-label,
body.home .ts-rating-badge-platform,
body.home .ts-post-meta,
body.home .ts-post-cat,
body.home .ts-post-more,
body.home .ts-service-from,
body.home .ts-service-cta,
body.home .ts-text-link,
body.home .ts-footer-legal a,
body.home .ts-footer-copy,
body.home .ts-footer-hours,
body.home .ts-footer-social a,
body.home .ts-footer-col h3,
body.home .ts-footer-col a,
body.home .ts-page-hero-trust-item {
  font-size: 14px !important;
}

@media (max-width: 1024px) {
.home .ts-hero-inner { display: flex; flex-direction: column; gap: 0; }
.home .ts-hero-content { display: contents; }
.home .ts-hero-content .ts-eyebrow { order: 1; }
.home .ts-hero-content h1 { order: 2; margin-bottom: var(--ts-sp-4); }
.home .ts-hero-aside { order: 3; margin-top: 0; width: 100%; justify-content: center; }
.home .ts-hero-aside .syc { width: 100%; }
.home .ts-hero-sub { order: 4; margin: var(--ts-sp-6) 0 var(--ts-sp-2); }
.home .ts-hero-price { order: 5; margin-bottom: var(--ts-sp-4); }
.home .ts-hero-actions { order: 6; }
.home .ts-page-hero-trust { order: 7; }
.home .ts-hero-actions .ts-btn--hero-check { display: none; }
}

.home .ts-hero h1 { font-size: clamp(1.875rem, 5vw, 2.8125rem); }
.home .ts-hero-inner { align-items: start; }
.home .ts-hero-content { justify-content: flex-start; }
.home .ts-hero-aside {
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: var(--ts-sp-2);
  /* Card top level with the eyebrow line. */
  margin-top: 0;
}
.home .ts-page-hero-trust--band {
  position: relative;
  z-index: 1;
  justify-content: space-between;
  margin-top: var(--ts-sp-10);
}

@media (max-width: 1024px) {
.home .ts-hero-aside { margin-top: 0; }
.home .ts-page-hero-trust--band { justify-content: flex-start; margin-top: var(--ts-sp-6); }
}

