@media (max-width: 1000px) {
    .main-navigation { gap: 16px; }
    .main-navigation > a:not(.button) { font-size: 12px; }
    .hero-grid { gap: 20px; }
    .hero-visual { transform: scale(.9); }
    .intro-grid, .community-grid { gap: 45px; }
    .footer-main { gap: 40px; }
}

@media (max-width: 780px) {
    .container { width: min(100% - 36px, 600px); }
    .section { padding: 72px 0; }
    .header-inner { min-height: 74px; }
    .menu-toggle { display: flex; }
    .main-navigation {
        display: none; position: absolute; top: 100%; left: 0; right: 0;
        align-items: stretch; flex-direction: column; gap: 0; padding: 12px 20px 22px;
        border-bottom: 1px solid var(--border); background: white; box-shadow: 0 20px 30px rgba(16,27,53,.08);
    }
    .main-navigation.is-open { display: flex; }
    .main-navigation > a:not(.button) { padding: 12px 5px; font-size: 14px; }
    .main-navigation .button { margin-top: 8px; }
    .hero { padding: 65px 0 50px; }
    .hero-grid { grid-template-columns: 1fr; gap: 20px; }
    .hero h1 { font-size: clamp(38px, 9vw, 54px); letter-spacing: -1.5px; }
    .hero-description { font-size: 14px; }
    .hero-visual { min-height: 350px; margin: 0 -15px; transform: scale(.85); }
    .orbit-two { width: 390px; height: 390px; }
    .orbit-one { width: 290px; height: 290px; }
    .visual-card-top { left: 2%; }
    .visual-card-right { right: 0; }
    .visual-card-bottom { left: 3%; }
    .intro-grid, .community-grid { grid-template-columns: 1fr; gap: 20px; }
    .intro-copy { padding-top: 0; }
    .solution-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .community-grid { gap: 30px; }
    .contact-inner { align-items: flex-start; flex-direction: column; }
    .footer-main { grid-template-columns: 1fr 1fr; gap: 35px; }
    .footer-main > div:first-child { grid-column: 1 / -1; }
}

@media (max-width: 480px) {
    .container { width: calc(100% - 30px); }
    .brand-text strong { font-size: 18px; }
    .hero { padding-top: 50px; }
    .hero h1 { font-size: 38px; }
    .hero-actions { align-items: stretch; flex-direction: column; }
    .hero-actions .button { width: 100%; }
    .hero-visual { min-height: 300px; margin-inline: -24px; transform: scale(.73); }
    .solution-grid { grid-template-columns: 1fr; }
    .solution-card { min-height: auto; }
    .community-members { grid-template-columns: 1fr; }
    .trophy-inner { align-items: flex-start; flex-direction: column; gap: 20px; }
    .trophy-symbol { width: 75px; height: 75px; border-radius: 20px; font-size: 35px; }
    .footer-main { grid-template-columns: 1fr 1fr; gap: 25px 18px; }
    .footer-bottom-inner { align-items: flex-start; flex-direction: column; gap: 5px; }
}