/* =========================================================
   mobile.css — Mobile Apps (coming soon)
   ========================================================= */

.page-mobile{
    --accent:#00AAFF;
    --glow:rgba(0,170,255,.18);
}

.page-mobile .project-location{
    margin-top:6px;
}

.coming-soon-card{
    text-align:center;
    max-width:620px;
    margin:20px auto 0;
}

.phone-icon{
    width:100px;
    height:100px;
    font-size:3rem;
    margin:0 auto 25px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(0,170,255,.12);
    border:2px solid rgba(0,170,255,.25);
    animation:float 4s ease-in-out infinite;
}

.coming-soon-card h2{
    font-size:1.45rem;
    margin-bottom:15px;
}

.coming-soon-card p{
    max-width:620px;
    margin:0 auto 25px;
    font-size:.85rem;
    line-height:1.7;
}

.page-mobile .explore-btn:hover{
    color:#07111f;
    transform:translateY(-4px);
}

@media (max-width:768px){

    .phone-icon{
        width:80px;
        height:80px;
        font-size:2.4rem;
    }

    .coming-soon-card h2{
        font-size:1.15rem;
    }

    .coming-soon-card p{
        font-size:.8rem;
    }
}