@media (max-width:991px){

.section{
    padding:80px 0;
}

.section-title{
    font-size:42px;
}

.main-nav{
    display:none;
}

.header-cta{
    display:none;
}

.mobile-toggle{
    display:block;
    color:#ffffff;
    font-size:34px;
}

.hero{
    background-position:70% center;
}

.hero-content{
    padding-top:140px;
}

.hero-title{
    font-size:72px;
}

.hero-description{
    font-size:16px;
}

.hero-buttons{
    flex-direction:column;
}

.footer-grid{
    grid-template-columns:1fr 1fr;
    gap:40px;
}

}

@media (max-width:767px){

.section-title{
    font-size:34px;
}

.hero{
    min-height:auto;
    padding:140px 0 100px;
}

.hero-title{
    font-size:58px;
}

.hero-features{
    gap:20px;
}

.trust-grid{
    grid-template-columns:repeat(2,1fr);
    gap:35px;
}

.trust-number{
    font-size:42px;
}

.footer-grid{
    grid-template-columns:1fr;
    gap:35px;
}

.footer-column{
    text-align:center;
}

.footer-logo{
    font-size:28px;
}

}

/* MOBILE MENU */

.mobile-menu{

position:fixed;

top:0;
right:-100%;

width:320px;
max-width:90%;

height:100vh;

background:#070707;

z-index:9999;

padding:30px;

transition:right .35s ease;

}

.mobile-menu.active{
right:0;
}

.mobile-menu-header{

display:flex;

align-items:center;

justify-content:space-between;

margin-bottom:40px;

}

.mobile-close{

background:none;
border:none;

color:#ffffff;

font-size:28px;

cursor:pointer;

}

.mobile-nav{

display:flex;

flex-direction:column;

gap:20px;

margin:0;
padding:0;

}

.mobile-nav li{
list-style:none;
}

.mobile-nav a{

color:#ffffff;

font-size:18px;

font-weight:600;

}

.mobile-cta{

display:flex;

justify-content:center;

margin-top:40px;

padding:16px 20px;

border-radius:12px;

background:#d4a85f;

color:#000000;

font-weight:700;

}

.mobile-overlay{

position:fixed;

top:0;
left:0;

width:100%;
height:100%;

background:rgba(0,0,0,0.65);

opacity:0;

visibility:hidden;

z-index:9998;

transition:0.3s ease;

}

.mobile-overlay.active{

opacity:1;

visibility:visible;

}

.mobile-toggle{

width:40px;
height:40px;

background:none;

border:none;

cursor:pointer;

position:relative;

}

.mobile-toggle span{

display:block;

width:26px;
height:2px;

background:#ffffff;

margin:6px auto;

transition:0.3s ease;

}

@media (max-width:767px){

.hero-features{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:20px;

    margin-bottom:40px;
}

.feature-item{

    justify-content:flex-start;
}

}

@media (max-width:767px){

.hero-buttons{

    width:100%;
}

.hero-buttons a{

    display:flex;

    align-items:center;
    justify-content:center;

    text-align:center;
}

}

/* ====================================
404 PAGE
==================================== */

.error-404-page{

min-height:100vh;

display:flex;

align-items:center;

justify-content:center;

text-align:center;

background:#070707;

padding:200px 0 120px;

}

.error-404-content{

max-width:800px;

margin:0 auto;

}

.error-404-content h1{

font-size:82px;

line-height:.95;

margin:25px 0;

}

.error-404-content p{

max-width:650px;

margin:0 auto 40px;

color:#bdbdbd;

line-height:1.9;

font-size:18px;

}

.error-404-buttons{

display:flex;

justify-content:center;

gap:20px;

flex-wrap:wrap;

}

@media(max-width:767px){

.error-404-content h1{

    font-size:48px;
}

}