@media (max-width: 1100px) {
            .nav { gap: 22px; }
            .problem-list { grid-template-columns: repeat(2, 1fr); }
            .pricing-grid { grid-template-columns: repeat(2, 1fr); }
            .worker-app-grid { gap: 48px; }
            .dashboard { min-height: 510px; }
            .contact-grid { gap: 55px; }
        }

        @media (max-width: 900px) {
            .section { padding: 100px 0; }
            .menu-toggle { display: block; position: relative; z-index: 2; }
            .nav {
                position: fixed;
                inset: 0;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: flex-start;
                gap: 0;
                padding: 100px 9vw;
                color: #fff;
                background: rgba(7,16,24,.98);
                opacity: 0;
                visibility: hidden;
                transform: translateY(-20px);
                transition: opacity .3s, visibility .3s, transform .3s;
            }
            .nav.open { opacity: 1; visibility: visible; transform: none; }
            .nav a { width: 100%; padding: 18px 0; border-bottom: 1px solid rgba(255,255,255,.1); font-size: 1.45rem; }
            .nav a::after { display: none; }
            .site-header.menu-active { color: #fff !important; background: transparent !important; box-shadow: none !important; }
            .site-header.menu-active .logo-dark { opacity: 0; }
            .site-header.menu-active .logo-light { opacity: 1; }
            .hero-inner { padding-top: 135px; }
            .scroll-hint { display: none; }
            .intro-grid, .flow-grid, .faq-grid { grid-template-columns: 1fr; gap: 58px; }
            .intro-side, .faq-side { position: static; }
            .problem-head, .direction-head { display: block; }
            .problem-head .section-lead, .direction-head .section-lead { margin-top: 25px; }
            .product-intro { grid-template-columns: 1fr; gap: 35px; }
            .feature-row { grid-template-columns: 70px 1fr; }
            .feature-description { grid-column: 2; }
            .story-head, .pricing-head { display: block; }
            .story-head .section-lead, .pricing-head .section-lead { margin-top: 22px; }
            .story-grid { grid-template-columns: 1fr; }
            .story-block, .story-block.reverse { grid-template-columns: none; }
            .worker-app-grid { grid-template-columns: 1fr; gap: 56px; }
            .phone-stage { min-height: 0; }
            .direction-track { grid-template-columns: repeat(2, 1fr); }
            .direction-track::before { display: none; }
            .direction-item { padding-top: 45px; }
            .direction-dot { top: 5px; }
            .contact-grid { grid-template-columns: 1fr; }
        }

        @media (max-width: 640px) {
            .container { width: min(calc(100% - 32px), var(--container)); }
            .section { padding: 82px 0; }
            .section-title { letter-spacing: -.045em; }
            .site-header, .site-header.scrolled { height: 68px; }
            .logo { width: 94px; height: 32px; }
            .hero { min-height: 840px; align-items: flex-start; }
            .hero::before {
                background:
                    linear-gradient(90deg, rgba(4,10,16,.94), rgba(4,10,16,.55)),
                    linear-gradient(0deg, rgba(4,10,16,.96), transparent 58%);
            }
            .hero-slide:nth-child(1) img { object-position: 64% center; }
            .hero-slide:nth-child(2) img { object-position: 59% center; }
            .hero-slide:nth-child(3) img { object-position: 67% center; }
            .hero-slide:nth-child(4) img { object-position: 58% center; }
            .hero-inner { padding: 128px 0 280px; }
            .hero h1 { font-size: clamp(2.55rem, 11.8vw, 3.3rem); letter-spacing: -.08em; }
            .hero-description { font-size: .98rem; line-height: 1.75; }
            .hero-actions { display: grid; grid-template-columns: 1fr; }
            .button { width: 100%; }
            .hero-facts { grid-template-columns: 1fr; padding: 10px 0; }
            .hero-fact { min-height: auto; padding: 11px 0; border: 0; }
            .hero-fact span { display: none; }
            .intro-grid { gap: 35px; }
            .intro-details { grid-template-columns: 1fr; }
            .intro-detail { min-height: 185px; }
            .intro-detail h3 { margin-top: 35px; }
            .problem-list { grid-template-columns: 1fr; }
            .problem-card { min-height: 315px; grid-template-rows: 160px auto; }
            .problem-card::before, .problem-card::after { height: 160px; }
            .problem-card-top { padding: 25px 30px 21px; }
            .problem-card-body { min-height: 155px; }
            .problem-card h3 { margin-top: 43px; }
            .feature-row { grid-template-columns: 1fr; gap: 20px; padding: 38px 0; }
            .feature-title-wrap, .feature-description { grid-column: 1; }
            .dashboard-shell { padding: 9px; border-radius: 20px; }
            .dashboard { grid-template-columns: 72px 1fr; min-height: 450px; }
            .dash-nav { padding: 20px 12px; }
            .dash-wordmark { font-size: .7rem; }
            .dash-main { padding: 18px 13px; }
            .dash-stats { grid-template-columns: 1fr 1fr; }
            .dash-stat:last-child { display: none; }
            .dash-body { grid-template-columns: 1fr; }
            .dash-panel:last-child { display: none; }
            .mockup-label { right: 18px; }
            .story-block { min-height: 0; grid-template-rows: 280px 1fr; }
            .story-copy { padding: 30px 25px 34px; }
            .pricing-grid { grid-template-columns: 1fr; grid-auto-rows: auto; }
            .plan-card { height: auto; min-height: 0; padding: 0; }
            .plan-top { min-height: 0; padding: 28px 24px 25px; }
            .plan-body { padding: 25px 24px 28px; }
            .plan-audience { min-height: 0; }
            .addon-tags { margin-bottom: 22px; }
            .app-feature-list { grid-template-columns: 1fr; }
            .app-feature { min-height: 0; }
            .worker-app-action { align-items: stretch; }
            .worker-app-action .button, .worker-app-action p { width: 100%; min-width: 0; }
            .worker-phone { border-radius: 35px; }
            .worker-screen { min-height: 0; padding: 28px 12px 13px; border-radius: 27px; }
            .worker-site { flex-direction: column; gap: 5px; }
            .work-summary { grid-template-columns: 1fr 1fr; }
            .direction-track { grid-template-columns: 1fr; }
            .direction-item { padding-left: 40px; padding-top: 0; }
            .direction-dot { left: 0; top: 3px; }
            .contact-form { padding: 28px 20px; }
            .form-grid { grid-template-columns: 1fr; }
            .footer-top, .footer-bottom { flex-direction: column; }
            .footer-links { flex-wrap: wrap; }
        }

        @media (prefers-reduced-motion: reduce) {
            html { scroll-behavior: auto; }
            *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
            .reveal { opacity: 1; transform: none; }
            .hero-slide.is-active img { animation: none; transform: none; }
        }