@media (max-width: 1200px){

.hero-grid{

grid-template-columns:1fr;

gap:60px;

text-align:center;

}

.hero p{

margin:auto;

margin-bottom:35px;

}

.hero-buttons,
.hero-trust{

justify-content:center;

}

.platform-grid,
.benefits-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media (max-width: 980px){

.nav{

position:relative;

flex-wrap:wrap;

padding:18px 0;

}

.nav-links{

position:absolute;

top:calc(100% + 10px);

left:0;

right:0;

background:white;

border-radius:20px;

padding:20px 18px;

box-shadow:0 18px 40px rgba(0,0,0,.12);

opacity:0;

visibility:hidden;

transform:translateY(-10px);

pointer-events:none;

transition:.25s ease;

z-index:10;

}

.nav-links.open{

opacity:1;

visibility:visible;

transform:translateY(0);

pointer-events:auto;

}

.nav-links ul{

flex-direction:column;

gap:14px;

}

.nav-actions .nav-btn{

display:none;

}

.menu-toggle{

display:inline-flex;

}

.hero{

padding-top:200px;

}

.hero h1{

font-size:56px;

}

.cta-box{

padding:50px 30px;

}

.cta-box h2{

font-size:42px;

}

.footer-content{

grid-template-columns:1fr;

text-align:center;

}

.footer-links{

justify-content:center;

}

}

@media (max-width: 768px){

.container{

width:92%;

}

.hero{

padding:170px 0 90px;

}

.hero h1{

font-size:clamp(2.4rem,7vw,3.5rem);

}

.hero-buttons{

flex-direction:column;

}

.hero-buttons a,
.cta-buttons .btn,
.cta-buttons .btn-outline{

width:100%;

justify-content:center;

}

.hero-trust{

flex-direction:column;

align-items:center;

gap:14px;

}

.section-title h2{

font-size:36px;

}

.platform-grid,
.benefits-grid,
.testimonial-grid,
.stats-grid,
.trusted-grid{

grid-template-columns:1fr;

}

.platform-card,
.benefit-card,
.testimonial-card,
.stat-card{

padding:28px 24px;

}

.cta-buttons{

flex-direction:column;

align-items:stretch;

}

.contact-form input,
.contact-form textarea,
.contact-form button{

font-size:15px;

}

.footer-links{

flex-direction:column;

gap:14px;

align-items:center;

}

}

@media (max-width: 480px){

.logo{

font-size:28px;

}

.badge{

font-size:12px;

padding:8px 16px;

}

.preview-content{

padding:28px;

}

.preview-content h3{

font-size:28px;

}

.cta-box{

padding:32px 18px;

}

.cta-box h2{

font-size:30px;

}

.faq-question{

padding:22px 20px;

font-size:17px;

}

.footer-logo{

font-size:28px;

}

}

font-size:28px;

}

.hero h1{

font-size:36px;

}

.platform-card{

padding:28px;

}

.benefit-card{

padding:28px;

}

.cta-box{

padding:35px 20px;

}

.cta-box h2{

font-size:32px;

}

.cta-buttons{

gap:14px;

}

.contact-form{

width:100%;

}

footer{

padding:50px 0 35px;

}

.footer-content{

grid-template-columns:1fr;

gap:24px;

}

.footer-links{

align-items:center;

}

}
.trusted-grid{

grid-template-columns:repeat(2,1fr);

}

@media(max-width:600px){

.trusted-grid{

grid-template-columns:1fr;

}

}
@media(max-width:992px){

.testimonial-grid{

grid-template-columns:1fr;

}

}