/* A shared reading rhythm for the feature overview and feature details. */
:is(.features-page, .feature-landing-page) {
  --feature-section-gap: clamp(144px, 14vw, 200px);
  --feature-heading-gap: 52px;
}
:is(.features-page, .feature-landing-page) main { padding-bottom: 100px; }
:is(.features-page, .feature-landing-page) main > section { padding-block: 0; margin-block: 0; }
:is(.features-page, .feature-landing-page) main > section + section { margin-top: var(--feature-section-gap); }
.features-page #download.site-section,
.feature-landing-page main > section.landing-download { margin-top: var(--feature-section-gap); margin-bottom: 0; }
:is(.features-page, .feature-landing-page) main > .page-intro { padding-top: 72px; }
:is(.features-page, .feature-landing-page) .section-heading { margin-bottom: var(--feature-heading-gap); }
.features-page .feature-screen .section-heading { grid-template-columns: 1fr 1fr; gap: 64px; }
.features-page .feature-screen .section-heading h2 { max-width: 560px; font-size: 48px; }
.features-page .feature-screen .section-heading p { padding-top: 5px; line-height: 1.65; }
.features-page .feature-screen .actions { margin-top: 28px; }
.features-page .feature-overlay .text-link { display: inline-flex; margin-top: 26px; }
.feature-product { margin: 0; border-radius: 22px; overflow: hidden; }
.feature-product img { display: block; width: 100%; height: auto; }
/* Focus this new Home capture on the three widgets, excluding account and offer chrome. */
.feature-product-home .feature-product-canvas { position: relative; aspect-ratio: 1200 / 420; overflow: hidden; }
.feature-product-home img { position: absolute; bottom: 0; }
.features-page .landing-related .section-heading { max-width: 850px; }
.features-page .feature-index nav { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 36px; }
.feature-landing-page .landing-detail { margin-top: 48px; padding-top: 36px; }
.feature-landing-page .landing-steps { row-gap: 28px; }
.feature-landing-page .landing-decisions .section-heading { margin-bottom: 0; }
.feature-landing-page main > .landing-download { padding: 40px; }
.feature-reveal {
  transition: opacity 760ms ease, transform 760ms cubic-bezier(.22, 1, .36, 1);
  transition-delay: var(--feature-reveal-delay, 0ms);
}
.feature-reveal.is-pending { opacity: 0; transform: translateY(24px); }
.feature-reveal.is-visible { opacity: 1; transform: none; }
@media (max-width: 1100px) {
  :is(.features-page, .feature-landing-page) { --feature-section-gap: 144px; --feature-heading-gap: 44px; }
  .features-page .feature-screen .section-heading { gap: 36px; }
  .features-page .feature-screen .section-heading h2 { font-size: 40px; }
}
@media (max-width: 850px) {
  :is(.features-page, .feature-landing-page) { --feature-section-gap: 120px; --feature-heading-gap: 36px; }
  .features-page .feature-screen .section-heading { grid-template-columns: 1fr; gap: 22px; }
  .features-page .feature-screen .section-heading p { padding-top: 0; }
  .features-page .feature-index nav { grid-template-columns: 1fr; gap: 30px; }
  .features-page .feature-index nav > a { grid-row: auto; grid-template-rows: auto; }
}
@media (max-width: 600px) {
  :is(.features-page, .feature-landing-page) { --feature-section-gap: 96px; --feature-heading-gap: 32px; }
  :is(.features-page, .feature-landing-page) main { padding-bottom: 72px; }
  :is(.features-page, .feature-landing-page) main > .page-intro { padding-top: 40px; }
  .features-page .feature-screen .section-heading h2 { font-size: 32px; }
  .feature-product { overflow-x: auto; }
  .feature-product-canvas { min-width: 960px; }
  .feature-product-circle { direction: rtl; }
  .feature-landing-page .landing-detail { margin-top: 36px; padding-top: 28px; }
  .feature-landing-page main > .landing-download { padding: 30px 24px; }
  .feature-landing-page .landing-decisions .section-heading { margin-bottom: 0; }
  .feature-reveal.is-pending { transform: translateY(16px); }
}
@media (prefers-reduced-motion: reduce) {
  .feature-reveal, .feature-reveal.is-pending { opacity: 1; transform: none; transition: none; }
}
