@media (max-width: 1500px) {
    .header-inner { gap: 24px; }
    .brand-mark { width: 70px; }
    .brand-word { width: 130px; }
    .site-nav { gap: 22px; }
    .header-actions { gap: 14px; }
    .header-actions .button { padding-right: 22px; padding-left: 22px; }
}

@media (max-width: 1180px) {
    .shell { width: min(100% - 48px, 980px); }
    .menu-toggle { display: block; margin-left: auto; }
    .site-nav { position: fixed; top: 92px; right: 24px; left: 24px; display: none; flex-direction: column; align-items: stretch; gap: 0; padding: 20px; border-radius: 24px; background: #fff; box-shadow: 0 30px 80px rgba(21,26,32,.2); }
    .site-nav.is-open { display: flex; }
    .site-nav a { padding: 13px 16px; font-size: 17px; }
    .header-actions { margin-left: 0; }
    .login-link { display: none; }
    .home-hero-grid, .split-layout { grid-template-columns: 1fr; }
    .hero-copy { max-width: 800px; }
    .hero-visual { height: min(64vw, 620px); }
    .split-layout.reverse .split-visual { order: 0; }
    .feature-card-grid.three, .pricing-grid, .platform-grid, .steps-grid, .help-category-grid, .benefit-grid { grid-template-columns: repeat(2, 1fr); }
    .pricing-card:last-child, .steps-grid .step-card:last-child { grid-column: 1 / -1; }
    .stat-grid strong { font-size: 46px; }
    .mosaic-card { padding: 40px; }
    .footer-grid { grid-template-columns: 1.4fr repeat(2, 1fr); }
    .footer-grid > div:last-child { grid-column: 2; }
}

@media (max-width: 760px) {
    body { font-size: 16px; }
    .shell { width: calc(100% - 32px); }
    .page-section { padding: 68px 0; }
    .header-inner { min-height: 82px; }
    .brand { gap: 7px; }
    .brand-mark { width: 52px; height: 32px; }
    .brand-word { width: 100px; height: 16px; }
    .header-actions .button { display: none; }
    .language-switch { font-size: 12px; }
    .site-nav { top: 74px; }
    .home-hero { padding: 60px 0; }
    .hero-copy h1, .split-copy h1 { font-size: 44px; }
    .hero-copy > p:not(.hero-note), .split-copy > p, .section-heading p, .dark-hero p { font-size: 18px; }
    .hero-note { font-size: 15px; }
    .hero-visual { height: 330px; border-radius: 30px; }
    .button { min-height: 58px; padding: 16px 25px; font-size: 15px; }
    .button-row { gap: 10px; }
    .press-strip { height: 90px; padding: 25px 0; }
    .press-track { gap: 30px; }
    .press-track img { width: 110px; height: 35px; }
    .section-heading { margin-bottom: 38px; }
    .section-heading h2, .split-copy h2, .final-cta h2 { font-size: 36px; }
    .eyebrow { margin-bottom: 12px; font-size: 18px; }
    .feature-mosaic { grid-template-columns: 1fr; border-radius: 30px; }
    .mosaic-privacy { grid-column: 1; grid-template-columns: 1fr; }
    .mosaic-privacy > div { padding: 34px; }
    .mosaic-privacy img { height: 300px; }
    .mosaic-card { min-height: 500px; padding: 34px; }
    .mosaic-card h3, .mosaic-privacy h3 { font-size: 27px; }
    .mosaic-card p, .mosaic-privacy p { font-size: 17px; }
    .mosaic-metrics { min-height: 480px; }
    .split-layout { gap: 36px; }
    .split-visual { min-height: 340px; border-radius: 30px; }
    .split-visual img { height: 320px; }
    .tick-list { font-size: 17px; }
    .tick-list li { padding-left: 30px; }
    .stat-grid { grid-template-columns: 1fr 1fr; gap: 30px 10px; }
    .stat-grid strong { font-size: 40px; }
    .stat-grid span { font-size: 16px; }
    .review-grid, .feature-card-grid.four, .feature-card-grid.three, .pricing-grid, .platform-grid, .steps-grid, .help-category-grid, .benefit-grid, .legal-cards { grid-template-columns: 1fr; }
    .pricing-card:last-child, .steps-grid .step-card:last-child { grid-column: auto; }
    .visual-card, .text-card, .pricing-card, .platform-card, .help-card { padding: 30px; }
    .visual-card img { height: 210px; }
    .dark-hero, .dark-hero.compact { min-height: 360px; padding: 60px 0; }
    .dark-hero h1 { font-size: 42px; }
    .server-panel { overflow-x: auto; }
    .server-tabs { min-width: 650px; }
    .server-row { min-width: 650px; padding: 17px 24px; }
    .benefit-card { grid-template-columns: 100px 1fr; }
    .benefit-card img { width: 95px; height: 95px; }
    .browser-buttons a { flex: 1; justify-content: center; }
    .support-band .shell { align-items: flex-start; flex-direction: column; }
    .support-band h2 { font-size: 34px; }
    .article-layout { grid-template-columns: 1fr; }
    .article-toc { position: static; }
    .article-intro, .article-step, .related-box, .helpful-box { padding: 30px; }
    .article-step { padding-top: 82px; }
    .article-step, .article-step:nth-of-type(4) { min-height: auto; }
    .step-number { top: 28px; left: 30px; }
    .related-box > div { grid-template-columns: 1fr; }
    .legal-intro, .legal-contact { grid-column: auto; }
    .legal-intro h2 { font-size: 34px; }
    .legal-card { min-height: auto; padding: 30px; }
    .legal-section { min-height: auto; }
    .legal-document { padding: 35px 25px; }
    .final-cta { padding: 70px 0; }
    .footer-grid { grid-template-columns: 1fr 1fr; gap: 40px 25px; }
    .footer-intro { grid-column: 1 / -1; }
    .footer-grid > div:last-child { grid-column: auto; }
    .footer-bottom .shell { flex-direction: column; gap: 6px; }
}

@media (max-width: 420px) {
    .button-row .button { width: 100%; }
    .platform-card, .help-card, .pricing-card { padding-right: 24px; padding-left: 24px; }
    .footer-grid { grid-template-columns: 1fr; }
    .footer-intro { grid-column: auto; }
}