@media (max-width: 1050px) {
    .desktop-nav {
        gap: 17px;
    }

    .hero-container {
        grid-template-columns: 1fr .85fr;
        gap: 20px;
    }

    .hero h1 {
        font-size: clamp(68px, 10vw, 105px);
    }

    .hero-visual {
        min-height: 480px;
    }

    .membership-grid,
    .philosophy-track {
        grid-template-columns: repeat(2, 1fr);
    }

    .philosophy-card:nth-child(2) {
        border-right: 0;
    }

    .philosophy-card:nth-child(3) {
        border-left: 1px solid var(--line);
    }

    .calculator-shell {
        padding: 55px;
        gap: 40px;
    }
}

@media (max-width: 820px) {
    .container {
        width: min(calc(100% - 36px), var(--container));
    }

    .section {
        padding: 85px 0;
    }

    .desktop-nav,
    .nav-cta {
        display: none;
    }

    .menu-toggle {
        display: block;
    }

    .mobile-nav {
        display: flex;
        position: fixed;
        top: 88px;
        left: 0;
        width: 100%;
        max-height: 0;
        overflow: hidden;
        flex-direction: column;
        padding: 0 24px;
        background: rgba(255,255,255,.97);
        color: var(--ink);
        backdrop-filter: blur(18px);
        transition: max-height .55s var(--ease), padding .55s var(--ease);
    }

    .site-header.menu-open .mobile-nav {
        max-height: calc(100svh - 88px);
        padding: 18px 24px 30px;
        overflow-y: auto;
    }

    .mobile-nav a {
        padding: 15px 4px;
        border-bottom: 1px solid var(--line);
        font-size: 14px;
        font-weight: 700;
    }

    .mobile-nav-cta {
        margin-top: 15px;
        justify-content: center;
        color: white !important;
        border: 0 !important;
    }

    .site-header.menu-open .menu-toggle span:first-child {
        transform: translateY(2.75px) rotate(45deg);
    }

    .site-header.menu-open .menu-toggle span:last-child {
        transform: translateY(-2.75px) rotate(-45deg);
    }

    .hero-container {
        grid-template-columns: 1fr;
        padding-top: 130px;
        padding-bottom: 100px;
    }

    .hero-copy {
        text-align: center;
        margin-inline: auto;
    }

    .eyebrow,
    .hero-actions,
    .hero-trust {
        justify-content: center;
    }

    .hero-description {
        margin-inline: auto;
    }

    .hero-visual {
        min-height: 360px;
    }

    .boss-emblem {
        width: min(330px, 68vw);
    }

    .badge-top {
        right: 5%;
    }

    .badge-bottom {
        left: 5%;
    }

    .hero-scroll {
        display: none;
    }

    .intro-grid,
    .welcome-grid,
    .calculator-shell {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .calculator-shell {
        padding: 48px 30px;
    }

    .welcome-panel {
        padding: 35px;
    }

    .footer-main {
        flex-direction: column;
    }
}

@media (max-width: 560px) {
    .container {
        width: min(calc(100% - 28px), var(--container));
    }

    .nav-container {
        min-height: 76px;
    }

    .mobile-nav {
        top: 76px;
    }

    .site-header.menu-open .mobile-nav {
        max-height: calc(100svh - 76px);
    }

    .section {
        padding: 70px 0;
    }

    .hero {
        min-height: auto;
    }

    .hero-container {
        min-height: auto;
        padding-top: 120px;
    }

    .hero h1 {
        font-size: clamp(65px, 22vw, 100px);
    }

    .hero-description {
        font-size: 15px;
    }

    .hero-actions {
        flex-direction: column;
    }

    .hero-actions .btn {
        width: 100%;
    }

    .hero-visual {
        min-height: 300px;
    }

    .hero-glow {
        width: 300px;
        height: 300px;
    }

    .boss-emblem {
        width: 270px;
    }

    .emblem-b {
        font-size: 150px;
    }

    .hero-badge {
        transform: scale(.85);
    }

    .badge-top {
        top: 5%;
        right: -2%;
    }

    .badge-bottom {
        bottom: 4%;
        left: -2%;
    }

    .section-heading h2,
    .calculator-copy h2 {
        font-size: 40px;
    }

    .philosophy-track,
    .membership-grid {
        grid-template-columns: 1fr;
        margin-top: 45px;
    }

    .philosophy-card,
    .philosophy-card:first-child,
    .philosophy-card:nth-child(3) {
        border: 1px solid var(--line);
        border-bottom: 0;
    }

    .philosophy-card:last-child {
        border-bottom: 1px solid var(--line);
    }

    .philosophy-card {
        min-height: 260px;
    }

    .tier-card {
        min-height: 290px;
    }

    .tier-price {
        margin-top: 55px;
    }

    .calculator-card {
        padding: 28px 22px;
    }

    .calc-amount {
        font-size: 42px;
    }

    .welcome-panel {
        padding: 28px;
    }

    .welcome-actions {
        align-items: flex-start;
        flex-direction: column;
    }

    .welcome-actions .btn {
        width: 100%;
    }

    .cta-section {
        padding: 90px 0;
    }

    .cta-content h2 {
        font-size: 58px;
    }

    .footer-links {
        gap: 50px;
    }

    .footer-bottom {
        flex-direction: column;
    }
}