/* ==========================================================
   MOBILE OPTIMIZATION V2.5
========================================================== */

@media (max-width:768px){

html{
    overflow-x:hidden;
}

body{
    overflow-x:hidden;
}

.site-header{

    padding:14px 18px;

    min-height:70px;

}

.brand{

    gap:12px;

}

.brand img{

    width:48px;
    height:48px;

}

.brand strong{

    font-size:1rem;

}

.brand small{

    font-size:.78rem;

}

.menu-button{

    display:flex;

    align-items:center;

    justify-content:center;

    width:48px;

    height:48px;

    border-radius:12px;

    font-size:1.45rem;

}

.main-nav{

    padding-top:90px;

}

.main-nav a{

    font-size:1rem;

    padding:16px 26px;

}

.nav-cta{

    margin:18px;

    text-align:center;

}

}
/* ==========================================================
   HERO MOBILE
========================================================== */

@media (max-width:768px){

.premium-hero{

    padding:40px 20px 55px;

    min-height:auto;

}

.hero-content{

    max-width:100%;

    margin:0 auto;

    text-align:center;

}

.eyebrow{

    font-size:.78rem;

    letter-spacing:.14em;

}

.hero-content h1{

    margin:16px 0;

    font-size:2rem;

    line-height:1.18;

}

.hero-lead{

    margin:18px auto;

    max-width:100%;

    font-size:1rem;

    line-height:1.7;

}

.hero-signature{

    margin-top:14px;

    font-size:.95rem;

}

.hero-actions{

    display:flex;

    flex-direction:column;

    gap:14px;

    margin-top:28px;

}

.hero-actions .button{

    width:100%;

    justify-content:center;

    padding:16px;

}

.hero-trust{

    display:grid;

    grid-template-columns:1fr;

    gap:10px;

    margin-top:30px;

}

.hero-trust span{

    justify-content:center;

    font-size:.92rem;

    padding:10px 16px;

}

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

.hero-visual,
.hero-image{

    margin-top:28px;

}

.hero-visual img,
.hero-image img{

    width:100%;

    max-width:320px;

    margin:auto;

    display:block;

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

.hero-visual,
.hero-image{

    margin-top:28px;

}

.hero-visual img,
.hero-image img{

    width:100%;

    max-width:320px;

    margin:auto;

    display:block;

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

.hero-visual,
.hero-image{

    margin-top:28px;

}

.hero-visual img,
.hero-image img{

    width:100%;

    max-width:320px;

    margin:auto;

    display:block;

}