/* 2560 × 1440 desktop treatment only. Other desktop and responsive views are untouched. */
@media (min-width: 2200px) and (max-width: 2799.98px) and (min-height: 1100px) {
  html { font-size: 16px; }

  .site-header .navbar { min-height: 84px; }
  .navbar-brand img { height: 62px !important; width: 230px !important; }
  .navbar-nav .nav-link { font-size: 18px !important; margin-inline: 16px !important; }
  .navbar-nav .btn-demo { font-size: 17px !important; padding: 14px 26px !important; }

  .hero { padding-top: 74px !important; }
  .hero-title { font-size: 60px !important; line-height: 1.16 !important; max-width: 690px !important; }
  .hero-copy { font-size: 20px !important; line-height: 1.6 !important; max-width: 560px !important; }
  .hero .btn-teal { font-size: 18px !important; padding: 16px 36px !important; }
  .hero-trust { font-size: 15px !important; margin-top: 44px !important; max-width: 900px !important; width: 900px !important; }
  .hero-trust li { grid-template-columns: 64px minmax(0, 1fr) !important; min-height: 76px !important; }
  .hero-trust img { height: 54px !important; width: 64px !important; }
  .metric-strip { height: 145px !important; margin-top: 64px !important; padding: 24px 14px !important; }
  .metric-strip > div { grid-template-columns: 70px minmax(0, 1fr) !important; padding: 0 22px !important; }
  .metric-strip img { max-height: 62px !important; width: 64px !important; }
  .metric-strip strong { font-size: 25px !important; line-height: 1 !important; }
  .metric-strip span { font-size: 15px !important; line-height: 1.25 !important; }

  .intro { height: 430px !important; min-height: 430px !important; padding: 44px 0 55px !important; }
  .intro .eyebrow { font-size: 17px !important; margin-bottom: 25px !important; }
  .intro h1 { font-size: 54px !important; line-height: 1.08 !important; }
  .intro-copy { font-size: 20px !important; line-height: 1.58 !important; padding-left: 42px !important; }
  .intro-copy p { margin-bottom: 32px !important; }

  .platform-showcase .eyebrow { font-size: 17px !important; }
  .platform-showcase { margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; }
  .platform-copy { left: 100px !important; }
  .platform-artwork { left: 31.7% !important; width: calc(68.3% - 100px) !important; }
  .platform-showcase h2 { font-size: 58px !important; line-height: 1.07 !important; }
  .platform-showcase p:not(.eyebrow) { font-size: 21px !important; line-height: 1.6 !important; }
  .platform-showcase .btn { font-size: 18px !important; padding: 15px 28px !important; }

  .feature-grid-section { height: 620px !important; }
  .feature-grid { gap: 18px !important; padding-inline: 0 !important; }
  .feature-grid article { height: 470px !important; padding: 34px 18px !important; }
  .feature-grid img { height: 120px !important; width: 124px !important; }
  .feature-grid h3 { font-size: 31px !important; line-height: 1.2 !important; margin-bottom: 30px !important; }
  .feature-grid p { font-size: 21px !important; line-height: 1.45 !important; }
  .feature-grid a { font-size: 19px !important; }

  .workflow { height: 310px !important; }
  .workflow .container { grid-template-columns: 26% minmax(0, 1fr) !important; }
  .workflow-heading { padding-left: 0 !important; }
  .workflow-list { max-width: none !important; width: 100% !important; }
  .workflow .eyebrow { font-size: 18px !important; }
  .workflow h2 { font-size: 44px !important; }
  .workflow-list li { font-size: 21px !important; }
  .workflow-list img { height: 120px !important; padding: 24px !important; width: 120px !important; }
  .workflow-list li:not(:last-child)::after { font-size: 34px !important; top: 43px !important; }

  .reporting { height: 700px !important; }
  .reporting .row { column-gap: 70px !important; grid-template-columns: 42% minmax(0, 1fr) !important; }
  .graph-grid { padding-left: 0 !important; }
  .reporting .eyebrow { font-size: 18px !important; }
  .reporting h2 { font-size: 50px !important; line-height: 1.08 !important; max-width: 760px !important; }
  .reporting-copy { transform: translateY(-58px) !important; }
  .measure-grid { margin-top: 54px !important; }
  .measure-grid span { font-size: 21px !important; }
  .measure-grid img { height: 78px !important; width: 82px !important; }

  .security-section { height: 350px !important; }
  .security-copy { padding-left: 0 !important; }
  .security-section .eyebrow { font-size: 18px !important; }
  .security-section h2 { font-size: 42px !important; max-width: 400px !important; }
  .security-section .security-copy p:not(.eyebrow) { font-size: 20px !important; max-width: 420px !important; }
  .security-shield img { height: 310px !important; width: 405px !important; }
  .security-grid { height: 205px !important; max-width: none !important; width: 100% !important; }
  .security-grid > div { font-size: 21px !important; }
  .security-grid img { height: 98px !important; width: 104px !important; }

  .comparison { height: 800px !important; }
  .comparison-layout { margin-inline: auto !important; width: calc(100% - 200px) !important; }
  .comparison .compare-list.without { left: 0 !important; }
  .comparison-versus { left: 22.5% !important; }
  .comparison .compare-list.with { left: 28.5% !important; }
  .comparison-phone { left: 58% !important; }
  .comparison .benefit-cards { left: 81.5% !important; width: 18.5% !important; }
  .comparison .compare-list h3 { font-size: 22px !important; }
  .comparison .compare-list li { font-size: 24px !important; margin-bottom: 24px !important; }
  .comparison .compare-list li::before { flex-basis: 34px !important; font-size: 18px !important; height: 34px !important; width: 34px !important; }
  .comparison-versus { font-size: 20px !important; height: 96px !important; width: 96px !important; }
  .comparison .benefit-cards > div { font-size: 24px !important; }
  .comparison .benefit-cards span { font-size: 24px !important; }
  .comparison .benefit-cards img { height: 70px !important; width: 78px !important; }

  .demo-cta { height: 220px !important; }
  .demo-cta-inner { padding-left: 0 !important; }
  .demo-cta h2 { font-size: 56px !important; }
  .demo-cta h2 small { font-size: 38px !important; }
  .demo-cta .btn { font-size: 27px !important; height: 88px !important; min-width: 340px !important; }

  .pricing { height: 920px !important; padding: 80px 0 !important; }
  .pricing > .container > .eyebrow { font-size: 18px !important; }
  .pricing-grid article { height: 730px !important; padding: 64px 44px 38px !important; }
  .pricing-grid h3 { font-size: 30px !important; }
  .pricing-grid article > p { font-size: 20px !important; }
  .pricing-grid dt { font-size: 25px !important; }
  .pricing-grid dd { font-size: 42px !important; }
  .pricing-grid dd small { font-size: 14px !important; }
  .pricing-grid .btn { font-size: 20px !important; min-height: 60px !important; }
  .pricing-grid .custom-price { font-size: 38px !important; }

  .faq-section { height: 890px !important; padding-top: 52px !important; }
  .faq-section > .container > .eyebrow { font-size: 18px !important; }
  .faq-section h2 { font-size: 52px !important; }
  .faq-section > .container > p:not(.eyebrow) { font-size: 21px !important; }
  .faq-grid { margin-top: 58px !important; row-gap: 14px !important; }
  .faq-grid .accordion-button { font-size: 21px !important; min-height: 76px !important; padding: 18px 34px !important; }
  .faq-grid .accordion-body { font-size: 19px !important; }

  .site-footer h2 { font-size: 20px !important; }
  .site-footer p,
  .site-footer a,
  .site-footer li { font-size: 20px !important; }
  .site-footer .footer-brand img { height: auto !important; width: 330px !important; }
  .newsletter-form .form-control { height: 58px !important; font-size: 19px !important; }
  .site-footer .social-link { font-size: 36px !important; height: 68px !important; width: 68px !important; }
  .certification-with-copy strong { font-size: 21px !important; }
  .certification-with-copy small { font-size: 18px !important; }
}

/* Shared 100px alignment for 1080p desktop widths. */
@media (min-width: 1200px) and (max-width: 2199.98px) {
  .platform-showcase {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
  }
  .platform-copy { left: 100px !important; }
  .platform-artwork { left: 31.7% !important; width: calc(68.3% - 100px) !important; }

  .feature-grid { padding-inline: 0 !important; }

  .workflow .container { grid-template-columns: 26% minmax(0, 1fr) !important; }
  .workflow-heading { padding-left: 0 !important; }
  .workflow-list { max-width: none !important; width: 100% !important; }

  .reporting .row {
    column-gap: 70px !important;
    grid-template-columns: 42% minmax(0, 1fr) !important;
  }
  .graph-grid { padding-left: 0 !important; }

  .security-copy { padding-left: 0 !important; }
  .security-grid { max-width: none !important; width: 100% !important; }

  .comparison-layout {
    margin-inline: auto !important;
    width: calc(100% - 200px) !important;
  }
  .comparison .compare-list.without { left: 0 !important; }
  .comparison-versus { left: 22.5% !important; }
  .comparison .compare-list.with { left: 28.5% !important; }
  .comparison-phone { left: 58% !important; }
  .comparison .benefit-cards { left: 81.5% !important; width: 18.5% !important; }

  .demo-cta-inner { padding-left: 0 !important; }
}