/* Shared navigation and requested page simplifications. */
@media (max-width: 999px) {
  .home-page #hero-title .hero-desktop-break { display: none; }
  .home-page #hero-title { white-space: normal; }
}
.header { position: relative; z-index: 30; background: #fff; }
.header .nav-toggle { display: none; }
.header .platform-menu summary { display: flex; align-items: center; gap: 8px; list-style: none; }
.header .platform-menu summary::-webkit-details-marker { display: none; }
.header .platform-chevron { display: block; width: 12px; height: 12px; flex: none; }
.header .platform-menu[open] .platform-chevron { transform: rotate(180deg); }
.header .platform-menu { position: relative; }
.header .platform-menu > div { position: absolute; z-index: 40; top: 100%; left: 0; min-width: 210px; padding: 8px; background: #fff; border: 1px solid #e3eaf2; border-radius: 12px; box-shadow: 0 12px 28px #15253c20; }
.header nav .platform-menu > div a { display: block; padding: 12px; white-space: nowrap; border-radius: 6px; }
.header nav .platform-menu > div a:hover { background: #eefbfe; }
.mid-requirement-table::before, .mid-requirement-row::before { content: none; display: none; }
.mid-requirement-table { padding-left: 0; }
@media (min-width: 1000px) and (max-width: 1230px) {
  .home-page .mid-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
  .home-page .mid-step { min-width: 0; }
  .home-page .mid-step-title { gap: 12px; }
  .home-page .mid-step h3 { white-space: normal; }
}
.ios-page .pros-cons, .ios-page .faqs,
.old-page .old-hero, .old-page .versions, .old-page .benefits,
.old-page #benefits-title, .old-page .pros-cons, .old-page .faqs { background: none; }
.site-footer .footer-main { grid-template-columns: 1.4fr .9fr .9fr 1.6fr; }
.site-footer .newsletter-status { font-size: 13px; line-height: 1.5; margin: 10px 0 0; color: #16645b; }
.site-footer .newsletter-status:empty { display: none; }
.site-footer .footer-subscribe-btn:disabled { cursor: default; opacity: .8; }
@media (max-width: 1080px) {
  .site-footer .footer-main { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .site-footer .footer-col-brand, .site-footer .footer-col-subscribe { grid-column: span 2; }
}
@media (max-width: 999px) {
  .header { flex-wrap: wrap; gap: 10px; }
  .header .brand { order: 0; margin-right: auto; }
  .header .header-actions { display: none; }
  .header[data-menu-ready] .nav-toggle { order: 2; display: grid; place-items: center; width: 42px; height: 42px; padding: 9px; border: 1px solid #dce3eb; border-radius: 9px; background: #fff; cursor: pointer; flex: 0 0 42px; }
  .header .nav-toggle img { width: 22px; height: 22px; }
  .header .nav-toggle .menu-close-icon { display: none; }
  .header .nav-toggle[aria-expanded="true"] .menu-open-icon { display: none; }
  .header .nav-toggle[aria-expanded="true"] .menu-close-icon { display: block; }
  .header nav { order: 3; width: 100%; margin: 0; flex: 0 0 100%; flex-direction: column; align-items: stretch; gap: 0; font-size: 15px; padding: 8px 0; border-top: 1px solid #e5edf2; }
  .header[data-menu-ready] nav { display: none; position: absolute; top: calc(100% + 8px); left: 0; right: 0; width: 100%; max-height: calc(100dvh - 100px); overflow-y: auto; background: #fff; border: 1px solid #e5edf2; border-radius: 12px; box-shadow: 0 14px 30px #15253c26; padding: 8px; z-index: 40; }
  .header[data-menu-ready].menu-is-open nav { display: flex; }
  .header nav > a, .header .platform-menu summary { padding: 13px 10px; }
  .header .platform-menu > div { position: static; min-width: 0; margin: 0 8px 8px; box-shadow: none; background: #f8fcfe; }
  .header nav .active::after { display: none; }
  .header .nav-toggle:focus-visible { outline: 3px solid #8c5efa; outline-offset: 3px; }
}
@media (max-width: 600px) {
  .site-footer .footer-main { grid-template-columns: 1fr; }
  .site-footer .footer-col-brand, .site-footer .footer-col-subscribe { grid-column: span 1; }
  .header .brand { font-size: 17px; gap: 6px; }
  .header .brand img { width: 30px; height: 31px; }
  .header .header-actions .button { font-size: 11px; padding: 0 9px; gap: 5px; }
}
@media (max-width: 360px) {
  .header { gap: 6px; padding-inline: 9px; }
  .header .brand { font-size: 15px; gap: 5px; }
  .header .brand img { width: 26px; height: 27px; }
  .header .header-actions .button { font-size: 10px; padding-inline: 7px; }
  .header .header-actions .button svg, .header .header-actions .button img { display: none; }
}

.site-footer .footer-brand-title, .site-footer .footer-col-title { display: block; }
main p a[href="/"], main p a[href^="/capcut-"] { color: #00748b; text-decoration: underline; text-underline-offset: 3px; }

@media (max-width: 600px) {
  .hero-actions { width: 100%; }
  .hero-actions .button,
  .hero-actions .download-button,
  .old-hero .hero-actions .cyan-button,
  .hero .ios-download {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    justify-content: center;
  }
}