/*================================================== VEYA AI PREMIUM RESPONSIVE SYSTEM ==================================================*/
/*================================================== TABLET + SMALL LAPTOP ==================================================*/
 @media (max-width:1100px){
     .container{
         width:92%;
    }
    /* HERO */
     .hero{
         grid-template-columns:1fr;
         text-align:center;
         padding-top:140px;
    }
     .hero-content{
         display:flex;
         flex-direction:column;
         align-items:center;
    }
     .hero-content p{
         max-width:650px;
    }
     .hero-stats{
         justify-content:center;
    }
    /* HERO VISUAL */
     .hero-visual{
         height:620px;
         margin-top:50px;
    }
     .phone img{
         width:330px;
    }
    /* GRID */
     .assistant-grid{
         grid-template-columns: repeat(2,1fr);
    }
     .builder-section{
         grid-template-columns:1fr;
         gap:60px;
    }
     .builder-text{
         text-align:center;
    }
    /* SHOWCASE */
     .assistant-showcase{
         grid-template-columns:1fr;
         text-align:center;
    }
     .showcase-list{
         max-width:600px;
         margin:40px auto;
    }
     .showcase-device img{
         width:320px;
    }
    /* EXPERIENCE */
     .screens-gallery{
         flex-wrap:wrap;
    }
    /* COMPARISON */
     .compare-grid{
         grid-template-columns:1fr;
    }
     .section-heading h2, .builder-text h2, .download-box h2{
         font-size:48px;
    }
}
/*================================================== TABLETS ==================================================*/
 @media(max-width:768px){
     .container{
         width:90%;
    }
    /* NAVBAR */
     .navbar{
         height:75px;
    }
     .nav-links{
         display:none;
    }
     .nav-button{
         padding:10px 18px;
         font-size:14px;
    }
     .brand{
         font-size:20px;
    }
     .brand img{
         width:38px;
    }
    /* HERO */
     .hero{
         min-height:auto;
         padding-top:110px;
    }
     .hero h1{
         font-size: clamp(48px,12vw,70px);
         letter-spacing:-2px;
    }
     .hero-content p{
         font-size:16px;
    }
     .hero-stats{
         flex-wrap:wrap;
         gap:35px;
    }
    /* PHONE */
     .hero-visual{
         height:540px;
    }
     .phone img{
         width:290px;
    }
     .ai-orb{
         width:360px;
         height:360px;
    }
    /* FLOAT CARDS */
     .assistant-card{
         width:170px;
         padding:14px;
         font-size:13px;
    }
     .card-one{
         left:-10px;
         top:90px;
    }
     .card-two{
         right:-10px;
         top:220px;
    }
     .card-three{
         left:20px;
         bottom:70px;
    }
    /* SECTIONS */
     .section{
         padding:90px 0;
    }
     .section-heading h2, .builder-text h2, .download-box h2{
         font-size:38px;
    }
    /* AI GRID */
     .assistant-grid{
         grid-template-columns:1fr;
    }
    /* SHOWCASE */
     .assistant-showcase{
         padding:80px 0;
         gap:50px;
    }
     .assistant-showcase h2, .privacy-card h2, .comparison h2{
         font-size:38px;
    }
     .showcase-list{
         grid-template-columns:1fr;
    }
     .showcase-device img{
         width:260px;
    }
    /* PRIVACY */
     .privacy-card{
         padding:60px 25px;
         border-radius:35px;
    }
     .privacy-features{
         flex-direction:column;
         align-items:center;
    }
     .privacy-features div{
         width:100%;
    }
    /* EXPERIENCE */
     .screens-gallery{
         flex-direction:column;
         align-items:center;
         gap:35px;
    }
     .screen-card{
         width:100%;
    }
     .screen-card img{
         width:250px;
    }
    /* COMPARISON */
     .compare-box{
         padding:30px;
         min-height:auto;
    }
     .compare-box h3{
         font-size:26px;
    }
    /* BUILDER */
     .builder-section{
         padding-top:80px;
         padding-bottom:80px;
    }
     .builder-card{
         padding:30px;
    }
    /* DOWNLOAD */
     .download-box{
         padding:60px 25px;
         border-radius:35px;
    }
     .download-box .appstore-btn{
         justify-content:center;
    }
    /* FOOTER */
     .footer{
         display:flex;
         flex-direction:column;
         align-items:center;
         justify-content:center;
         text-align:center;
         gap:35px;
    }
     .footer > div{
         width:100%;
    }
     .footer img, .footer-logo{
         margin:0 auto 15px;
    }
     .footer h3, .footer h4{
         margin-bottom:15px;
    }
     .footer a{
         display:block;
         margin-bottom:12px;
    }
     .copyright{
         margin-top:35px;
         text-align:center;
         line-height:1.6;
         padding:0 20px;
    }
}
/*================================================== MOBILE ==================================================*/
 @media(max-width:480px){
     .container{
         width:90%;
    }
    /* NAV */
     .brand span{
         display:none;
    }
     .nav-button{
         font-size:13px;
         padding:9px 15px;
    }
    /* HERO */
     .hero{
         padding-top:100px;
    }
     .hero-badge{
         font-size:12px;
    }
     .hero h1{
         font-size:46px;
    }
     .hero-stats{
         display:grid;
         grid-template-columns:1fr;
    }
    /* PHONE */
     .hero-visual{
         height:450px;
    }
     .phone img{
         width:240px;
    }
     .ai-orb{
         width:280px;
         height:280px;
    }
    /* FLOATING CARDS */
     .assistant-card{
         width:145px;
         padding:10px;
    }
     .assistant-card strong{
         font-size:12px;
    }
     .assistant-card span{
         font-size:10px;
    }
     .card-one{
         left:-20px;
    }
     .card-two{
         right:-20px;
    }
     .card-three{
         left:0;
    }
    /* HEADINGS */
     .section-heading h2, .builder-text h2, .download-box h2, .assistant-showcase h2, .privacy-card h2, .comparison h2{
         font-size:32px;
    }
     p{
         font-size:15px;
    }
    /* SHOWCASE */
     .showcase-device img{
         width:230px;
    }
     .device-glow{
         filter:blur(70px);
    }
    /* PRIVACY */
     .privacy-icon{
         font-size:45px;
    }
     .privacy-card{
         border-radius:30px;
    }
    /* SCREEN */
     .screen-card img{
         width:220px;
    }
    /* FOOTER */
     footer{
         text-align:center;
    }
     .footer{
         gap:28px;
    }
     .footer h3{
         font-size:22px;
    }
     .footer h4{
         font-size:18px;
    }
     .footer a{
         font-size:15px;
    }
     .footer img, .footer-logo{
         width:48px;
         margin:0 auto 15px;
    }
     .copyright{
         font-size:13px;
         line-height:1.6;
         margin-top:25px;
    }
}
/*================================================== EXTRA SMALL DEVICES ==================================================*/
 @media(max-width:360px){
     .hero h1{
         font-size:40px;
    }
     .phone img{
         width:220px;
    }
     .assistant-card{
         display:none;
    }
}
 

/*==================================================
        EMAIL RESPONSIVE FIX
==================================================*/

.contact-box a,
.legal-card a[href^="mailto"]{

    display:inline-block;

    max-width:100%;

    overflow-wrap:anywhere;

    word-break:break-word;

    white-space:normal;

}


/* MOBILE EMAIL SIZE */

@media(max-width:480px){

    .contact-box a,
    .legal-card a[href^="mailto"]{

        font-size:17px;

        line-height:1.6;

    }

}