@media (max-width:992px){
    .grid-4{grid-template-columns:repeat(2,1fr);}
    .grid-3{grid-template-columns:repeat(2,1fr);}
    .grid-2{grid-template-columns:1fr;}
    .hero{min-height:auto;}
    .hero-grid{gap:3rem;}
    .hero-visual{min-height:460px;}
    .hero-stats{grid-template-columns:1fr;}
    h1{font-size:3rem;}
    h2{font-size:2.2rem;}
	.cta{
		margin-bottom:-70px;
	}
	.footer-top{
        grid-template-columns:1fr;
    }

    .footer-links{
        grid-template-columns:repeat(3,1fr);
    }
}

@media (max-width:768px){
    .main-nav{display:none;}
    .menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;}
    .grid-3,.grid-4{grid-template-columns:1fr;}
    h1{font-size:2.3rem;}
    h2{font-size:1.8rem;}
    .hero-buttons{flex-direction:column;}
    .hero-visual{min-height:280px;margin-top:2rem;}
    .desktop-device{width:100%;position:relative;right:auto;top:auto;}
    .tablet-device{width:150px;height:205px;left:-5px;bottom:-15px;}
    .sync-badge{display:none;}
    .cloud-badge{right:20px;bottom:20px;}
    section{padding:4rem 0;}
	.cta{
        padding:4rem 1.5rem;
        margin-bottom:0px;
    }
    .footer-grid{
        grid-template-columns:1fr;
    }
    .footer-bottom{
        flex-direction:column;
    }
	.footer-links{
        grid-template-columns:1fr;
    }

    .footer-bottom{
        flex-direction:column;
        align-items:flex-start;
    }
	
	.story-section{
        padding:4rem 0;
    }

    .section-heading{
        margin-bottom:2.5rem;
    }

    .diagram-grid{
        grid-template-columns:1fr;
    }
	
    .version-item{
        flex-direction:column;
    }

	.form-grid{
        grid-template-columns:1fr;
    }
}

@media (max-width:480px){
    :root{--header-height:72px;}
    .container{width:94%;}
    .logo img{width:155px;}
    .mobile-logo{width:155px;}
    h1{font-size:1.9rem;line-height:1.15;}
    h2{font-size:1.5rem;}
    p{font-size:1rem;}
    .hero{min-height:auto;padding:3rem 0;}
    .hero p{font-size:1.1rem;}
    .hero-buttons{gap:.75rem;}
    .hero-buttons .button,.button{width:100%;}
    .hero-stats{margin-top:2rem;gap:.75rem;}
    .hero-stats div{padding:.85rem;}
    .hero-visual{min-height:240px;}
    .desktop-device{border-radius:18px;}
    .device-content{padding:1.25rem;}
    .chart-line{height:90px;}
    .mock-grid{gap:.5rem;margin-top:1rem;}
    .mock-grid span{height:45px;}
    .tablet-device{width:130px;height:180px;padding:.8rem;}
    .tablet-header{height:45px;border-radius:12px;}
    .cloud-badge{width:58px;height:58px;border-radius:18px;font-size:1.5rem;}
    .card{padding:1.75rem;}
    .panel{padding:2rem;}
    .mobile-menu{width:100%;}
	.cta{
        border-radius:24px;
        padding:3rem 1.25rem;
    }
}