@media(max-width:900px){

.nav-links{

display:none;

}

.menu-btn{

display:block;

}

.logo span{

font-size:20px;

}

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

.hero-container{

flex-direction:column-reverse;

text-align:center;

}

.hero p{

margin:auto;

}

.hero-buttons{

justify-content:center;

}

.hero-stats{

justify-content:center;

flex-wrap:wrap;

}

.hero h1{

font-size:42px;

}

.hero-right img{

    width:85%;
    max-width:650px;

}

}

@media(max-width:600px){

.hero{

padding-top:120px;

}

.hero h1{

font-size:32px;

}

.hero p{

font-size:16px;

}

.hero-buttons{

display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
gap:14px;
flex-wrap:wrap;

}

.btn-primary,
.btn-secondary{

display:block;

text-align:center;

width:100%;

}

.hero-right img{

    width:100%;
    max-width:420px;

}

.hero-stats{

gap:30px;

}

}

@media(max-width:600px){

.trusted{

    padding:40px 0;

}

.trusted-title{

    font-size:17px;
    padding:0 20px;

}

.trusted-grid{

    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:14px;

}

.trusted-card{

    padding:20px 14px;
    border-radius:18px;

}

.trusted-card h2{

    font-size:28px;
    margin-bottom:8px;

}

.trusted-card span{

    font-size:13px;
    line-height:1.4;

}

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

.category-grid{

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

}

}

@media(max-width:700px){

.section-header h2{

font-size:34px;

}

.category-grid{

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

gap:18px;

}

.category-card{

padding:25px 10px;

}

.category-card img{

width:70px;

height:70px;

}

}

@media(max-width:700px){

.category-track{

    gap:12px;

}

.category-track span{

    font-size:15px;

    padding:12px 20px;

}

}


@media(max-width:1000px){

.feature-grid{

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

}

}

@media(max-width:650px){

.feature-grid{

grid-template-columns:1fr;

}

.feature-card{

padding:30px 24px;

}

.feature-icon{

width:70px;

height:70px;

font-size:28px;

}

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

.steps{

flex-direction:column;

}

.step{

width:100%;

max-width:500px;

}

.step-arrow{

transform:rotate(90deg);

font-size:34px;

}

}

@media(max-width:1000px){

.showcase-container{

    flex-direction:column;
    text-align:center;
    gap:30px;

}

.showcase-list{

    display:inline-block;
    text-align:left;

}

.phone-image{

    width:300px;

}

.floating-card{

    padding:12px 18px;
    font-size:15px;

}

.card-one{

    top:20px;
    left:0;

}

.card-two{

    top:210px;
    right:0;

}

.card-three{

    bottom:20px;
    left:10px;

}

.card-four{

    top:70px;
    right:10px;

}

}

@media(max-width:600px){

.showcase-left h2{

    font-size:34px;

}

.phone-image{

    width:260px;

}

.floating-card{

    padding:8px 12px;
    font-size:11px;
    border-radius:14px;

}

.card-one{

    top:12px;
    left:-8px;

}

.card-two{

    top:180px;
    right:-10px;

}

.card-three{

    bottom:12px;
    left:0;

}

.card-four{

    top:60px;
    right:-8px;

}

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

.testimonial-grid{

grid-template-columns:1fr;

}

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

.download-box{

padding:70px 30px;

}

.download-box h2{

font-size:38px;

}

.download-buttons{

flex-direction:column;

align-items:center;

}

.download-buttons a{

width:280px;

text-align:center;

}

}

@media(max-width:600px){

.download-section{

padding:30px 0;

}

.download-box{

padding:50px 24px;

border-radius:24px;

}

.download-box h2{

font-size:30px;

}

.download-box p{

font-size:16px;

}

}

@media(max-width:900px){

.footer-grid{

grid-template-columns:1fr 1fr;

}

}

@media(max-width:600px){

.footer{

text-align:center;

}

.footer-grid{

grid-template-columns:1fr;

gap:40px;

}

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

.faq-item{

padding:0 18px;

}

.faq-item summary{

font-size:16px;

}

}

@media(max-width:768px){

.hero-buttons{
    justify-content:center;
}

.store-btn img{
    width:180px;
    height:auto;
}

.app-store{
    width:180px;
    height:54px;
}

.apple-icon{
    font-size:28px;
}

.store-text span{
    font-size:10px;
}

.store-text strong{
    font-size:18px;
}

}