/* Desktop homepage: use the monitor width and the first viewport's full height. */
@media screen and (min-width: 901px) {
  .home-page { --page-gutter: clamp(28px, 3vw, 88px); }
  .home-page .container { width: calc(100% - var(--page-gutter) * 2); max-width: none; }
  .home-page .hero {
    min-height: calc(100vh - 88px);
    min-height: calc(100svh - 88px);
    display: flex;
    flex-direction: column;
  }
  .home-page .hero-layout {
    flex: 1;
    display: flex;
    align-items: center;
    min-height: 570px;
    padding-block: clamp(36px, 5vh, 80px);
  }
  .home-page .hero-copy { width: 65%; max-width: none; }
  .home-page .hero h1 { font-size: clamp(4rem, 5.8vw, 9rem); }
  .home-page .hero-description {
    font-size: clamp(1.125rem, 1.15vw, 1.625rem);
    max-width: 37em;
    margin-top: clamp(26px, 2vw, 44px);
  }
  .home-page .hero-actions { margin-top: clamp(30px, 2.5vw, 52px); gap: 32px; }
  .home-page .hero-actions .button { padding: 19px 30px; font-size: clamp(.875rem, 1vw, 1.125rem); }
  .home-page .hero-actions .text-link { font-size: clamp(.875rem, 1vw, 1.125rem); }
  .home-page .hero-monogram .s-stage {
    width: 48%;
    height: 82%;
    right: var(--page-gutter);
    top: 7%;
    opacity: 1;
  }
  .home-page .hero-caption { right: 0; bottom: clamp(42px, 5vh, 80px); }
  .home-page .hero-bottom { flex-shrink: 0; padding-bottom: 24px; }
  .home-page .quick-facts { padding-block: clamp(32px, 2.8vw, 64px); }
  .home-page .quick-facts > div { padding-inline: clamp(28px, 3.5vw, 88px); }
  .home-page .quick-facts > div:first-child { padding-left: 0; }
  .home-page .quick-facts strong { font-size: clamp(1.5rem, 1.8vw, 2.5rem); }
  .home-page .quick-facts strong span { font-size: clamp(.875rem, .95vw, 1.25rem); }
  .home-page .quick-facts p { font-size: clamp(.75rem, .85vw, 1rem); }
  .home-page .section { padding-block: clamp(84px, 6vw, 148px); }
  .home-page .section h2 { font-size: clamp(3rem, 4.2vw, 5.5rem); }
  .home-page .section-heading { margin-bottom: clamp(44px, 3.5vw, 88px); }
  .home-page .section-heading > p { max-width: 29em; font-size: clamp(1rem, 1.1vw, 1.375rem); }
  .home-page .feature-grid { gap: clamp(20px, 1.7vw, 40px); }
  .home-page .feature-card { padding: clamp(32px, 3vw, 72px); }
  .home-page .feature-copy h3, .home-page .simple-intro h3 { font-size: clamp(1.625rem, 2vw, 2.625rem); }
  .home-page .feature-copy p { max-width: 38em; font-size: clamp(1rem, 1.05vw, 1.25rem); }
  .home-page .network-diagram { max-width: 80%; padding-block: clamp(38px, 4vw, 90px); }
  .home-page .privacy-visual { padding-block: clamp(38px, 4vw, 90px); }
  .home-page .privacy-word { font-size: clamp(3rem, 4vw, 6rem); }
  .home-page .steps { gap: clamp(24px, 2.5vw, 56px); }
  .home-page .steps h4 { font-size: clamp(1rem, 1.1vw, 1.375rem); }
  .home-page .steps p { font-size: clamp(.875rem, .95vw, 1.125rem); }
  .home-page .devices-section { padding-top: 20px; }
  .home-page .device { padding-block: clamp(35px, 3vw, 72px); }
  .home-page .device svg { width: clamp(37px, 3vw, 62px); height: clamp(37px, 3vw, 62px); }
  .home-page .device span { font-size: clamp(.875rem, 1vw, 1.25rem); }
  .home-page .pricing-section { padding-top: 0; }
  .home-page .pricing-grid { gap: clamp(16px, 1.5vw, 36px); }
  .home-page .price-card { padding: clamp(26px, 2.3vw, 54px); }
  .home-page .plan-top { flex-direction: row; align-items: center; }
  .home-page .plan-top h3 { font-size: clamp(1.125rem, 1.25vw, 1.625rem); }
  .home-page .price { font-size: clamp(2.5rem, 3.1vw, 4.25rem); }
  .home-page .plan-features { font-size: clamp(.875rem, .95vw, 1.125rem); }
  .home-page .price-card > .button { min-height: 54px; font-size: clamp(.875rem, .95vw, 1.125rem); }
  .home-page .faq-layout { grid-template-columns: 1fr 1.45fr; gap: clamp(64px, 8vw, 190px); }
  .home-page .faq-list summary { font-size: clamp(1rem, 1.2vw, 1.5rem); padding-block: clamp(23px, 2vw, 46px); }
  .home-page .faq-answer { max-width: 54em; font-size: clamp(1rem, 1vw, 1.25rem); }
  .home-page .final-cta { padding-block: clamp(80px, 7vw, 170px); }
  .home-page .final-cta h2 { font-size: clamp(3.5rem, 5vw, 7.5rem); }
  .home-page .footer-wordmark { font-size: 19vw; }
}
@media screen and (min-width: 901px) and (max-width: 1200px) {
  .home-page .network-diagram { max-width: 100%; }
  .home-page .plan-top { flex-direction: column; align-items: flex-start; }
  .home-page .price-card { padding-inline: 18px; }
  .home-page .hero-copy { width: 75%; }
}