/* Keep section headings visible below the actual sticky header height. */
html { scroll-padding-top: var(--anchor-offset, 150px); }
section[id], main[id], h2[id], h3[id], form[id] { scroll-margin-top: var(--anchor-offset, 150px); }
@media (max-width: 720px) {
 .feature-grid, .album-capabilities, .technology-band, .package-section .single-module-grid, .package-section .bundle-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
 .feature-grid article, .album-capabilities article, .technology-band article { min-width: 0; padding: 14px 12px; border-radius: 14px; }
 .feature-grid h3 { margin: 14px 0 8px; font-size: 16px; line-height: 1.3; }
 .feature-grid p, .album-capabilities p, .technology-band p { font-size: 13px; line-height: 1.55; }
 .feature-grid { margin-top: 24px; }
 .package-section .single-module-grid > article,
 .package-section .single-module-grid > article:nth-child(4),
 .package-section .single-module-grid > article:nth-child(5),
 .package-section .bundle-card-grid > article { grid-column: auto; padding: 14px 10px; border-radius: 16px; gap: 0; min-width: 0; }
 .package-section .single-module-grid h3, .package-section .bundle-card h3 { font-size: 17px; line-height: 1.35; min-height: 0; margin: 12px 0; letter-spacing: -.02em; overflow-wrap: anywhere; }
 .package-section .package-kicker { font-size: 10px; letter-spacing: .06em; line-height: 1.4; }
 .package-section .package-card-heading { min-height: 0; }
 .package-section .single-module-grid article > p { min-height: 0; font-size: 13px; line-height: 1.55; margin: 0 0 12px; }
 .package-section .package-grid ul { font-size: 12px; line-height: 1.5; padding-inline-start: 15px; margin: 0 0 14px; }
 .package-section .package-grid li { margin-bottom: 5px; overflow-wrap: anywhere; }
 .package-section .package-price { grid-template-columns: minmax(0, 1fr); gap: 6px; margin: 10px 0; }
 .package-section .package-price > span { padding: 8px; border-radius: 10px; }
 .package-section .package-price small { font-size: 10px; line-height: 1.35; letter-spacing: .03em; }
 .package-section .package-price strong { font-size: clamp(18px, 5vw, 25px); line-height: 1.3; white-space: normal; overflow-wrap: anywhere; }
 .package-section .scoped-computer-picker { font-size: 10px; line-height: 1.4; letter-spacing: .02em; padding-top: 0; }
 .package-section .scoped-computer-picker select { padding: 8px 3px; font-size: 16px; letter-spacing: -.04em; }
 .package-section .package-grid article > a { padding: 9px 7px; min-height: 44px; font-size: 13px; line-height: 1.4; text-align: center; white-space: normal; border-radius: 10px; }
 .package-section .package-demo { margin-top: 14px; padding-top: 12px; font-size: 11px; }
 .package-section .package-demo > div { display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px; }
 .package-section .package-demo a { min-width: 0; width: 100%; min-height: 44px; padding: 8px 5px; font-size: 12px; text-align: center; }
 .package-section .package-navigation { gap: 7px; margin-block: 20px; }
 .package-section .package-navigation a { border-radius: 12px; }
 .package-section .package-group-label, .package-section .package-bundle-heading h3 { font-size: 25px; }
 .package-section .bundle-card h3 { margin-bottom: 14px; }
 .package-section .full-package-card { padding: 20px 16px; }
 .section-heading h2, .workflow-copy h2, .license-section h2, .trial-section h2, .seo-content-section h2, .faq-section h2 { font-size: clamp(28px, 8vw, 39px); }
 .site-header { border-radius: 16px; gap: 6px; padding: 8px 10px; }
 .site-header .brand-logo { width: 32px; height: 32px; }
 .site-header .site-language-picker { min-height: 40px; }
 .site-header .site-language-picker select { min-height: 40px; }
 .site-header nav a { min-height: 44px; }
}