/* ==========================================================
   Mountain Apex v3.2
   Horizontal Brand + 4-Slide Premium Hero
   ========================================================== */

.ma3-brand{
    width:365px;
    height:72px;
    overflow:visible;
    flex:0 0 auto;
}
.ma3-brand img{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:left center;
}
.ma3-footer-logo{
    width:300px!important;
    height:auto!important;
    background:#fff;
    border-radius:7px;
    padding:8px 10px;
}
.ma3-footer-logo img{
    width:100%;
    height:auto;
    object-fit:contain;
}

/* Slider shell */
.ma32-slider{
    position:relative;
    min-height:650px;
    overflow:hidden;
    background:var(--navy2);
    color:#fff;
}
.ma32-slides{
    position:relative;
    min-height:650px;
}
.ma32-slide{
    position:absolute;
    inset:0;
    min-height:650px;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .7s ease, visibility .7s ease;
}
.ma32-slide.active{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    z-index:2;
}
.ma32-slide-bg{
    position:absolute;
    inset:0;
}
.ma32-slide-bg img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
    transform:scale(1.015);
    transition:transform 7s ease;
}
.ma32-slide.active .ma32-slide-bg img{
    transform:scale(1.045);
}
.ma32-slide-shade{
    position:absolute;
    inset:0;
    background:
        linear-gradient(90deg,rgba(3,22,45,.97) 0%,rgba(5,38,79,.91) 31%,rgba(4,31,64,.58) 57%,rgba(3,21,42,.18) 100%),
        linear-gradient(0deg,rgba(2,18,38,.58) 0%,transparent 55%);
}
.ma32-slide-inner{
    min-height:650px;
    position:relative;
    z-index:3;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:68px 0 125px;
}
.ma32-copy{
    width:min(720px,68%);
}
.ma32-copy h1{
    font-size:clamp(54px,5.6vw,84px);
    line-height:.99;
    letter-spacing:-.052em;
    margin:20px 0 24px;
    color:#fff;
}
.ma32-copy h1 span{
    display:block;
    color:#64a0ff;
}
.ma32-copy>p{
    margin:0;
    max-width:610px;
    color:#d5dfeb;
    font-size:16px;
    line-height:1.8;
}

/* Feature strip inside every slide */
.ma32-feature-strip{
    position:absolute;
    left:0;
    right:0;
    bottom:34px;
    min-height:92px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    background:rgba(5,31,62,.88);
    border:1px solid rgba(255,255,255,.18);
    border-radius:11px;
    backdrop-filter:blur(10px);
    box-shadow:0 18px 45px rgba(0,0,0,.18);
    overflow:hidden;
}
.ma32-feature{
    min-width:0;
    display:grid;
    grid-template-columns:48px 1fr;
    gap:14px;
    align-items:center;
    padding:18px 24px;
    border-right:1px solid rgba(255,255,255,.14);
}
.ma32-feature:last-child{border-right:0}
.ma32-feature-icon{
    width:42px;
    height:42px;
    border:1px solid #4f8fe9;
    color:#fff;
    border-radius:50%;
    display:grid;
    place-items:center;
    font-size:18px;
}
.ma32-feature strong{
    display:block;
    font-size:13px;
    color:#fff;
}
.ma32-feature p{
    margin:4px 0 0;
    color:#b9cada;
    font-size:10px;
    line-height:1.45;
}

/* Arrows */
.ma32-arrow{
    position:absolute;
    top:50%;
    z-index:8;
    transform:translateY(-50%);
    width:46px;
    height:46px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.42);
    background:rgba(5,38,79,.42);
    color:#fff;
    font-size:28px;
    line-height:1;
    cursor:pointer;
    backdrop-filter:blur(5px);
    transition:.2s ease;
}
.ma32-arrow:hover{
    background:var(--blue);
    border-color:var(--blue);
}
.ma32-prev{left:18px}
.ma32-next{right:18px}

/* Numbered dots */
.ma32-dots{
    position:absolute;
    z-index:9;
    right:max(28px,calc((100vw - 1240px)/2 + 8px));
    bottom:142px;
    display:flex;
    gap:7px;
}
.ma32-dots button{
    border:0;
    width:42px;
    height:4px;
    padding:0;
    background:rgba(255,255,255,.30);
    cursor:pointer;
    position:relative;
    transition:.2s ease;
}
.ma32-dots button.active{
    width:62px;
    background:#64a0ff;
}
.ma32-dots button span{
    position:absolute;
    top:-20px;
    left:0;
    color:#fff;
    font-size:9px;
    font-weight:800;
    opacity:.55;
}
.ma32-dots button.active span{opacity:1}

/* Header spacing with wider logo */
@media(max-width:1180px){
    .ma3-brand{width:300px}
    .ma3-menu{gap:17px}
    .ma3-menu>a{font-size:11px}
}

@media(max-width:900px){
    .ma3-brand{width:245px;height:62px}
    .ma32-slider,
    .ma32-slides,
    .ma32-slide,
    .ma32-slide-inner{
        min-height:720px;
    }
    .ma32-slide-inner{
        padding:76px 0 210px;
    }
    .ma32-copy{
        width:min(700px,92%);
    }
    .ma32-feature-strip{
        grid-template-columns:1fr;
        bottom:24px;
        max-width:620px;
    }
    .ma32-feature{
        min-height:62px;
        padding:10px 16px;
        grid-template-columns:38px 1fr;
        border-right:0;
        border-bottom:1px solid rgba(255,255,255,.12);
    }
    .ma32-feature:last-child{border-bottom:0}
    .ma32-feature-icon{width:32px;height:32px;font-size:14px}
    .ma32-dots{
        right:24px;
        bottom:228px;
    }
    .ma32-arrow{
        top:auto;
        bottom:225px;
    }
    .ma32-prev{left:24px}
    .ma32-next{right:24px}
}

@media(max-width:820px){
    .ma3-brand{
        width:220px!important;
        height:58px!important;
    }
}

@media(max-width:620px){
    .ma32-slider,
    .ma32-slides,
    .ma32-slide,
    .ma32-slide-inner{
        min-height:745px;
    }
    .ma32-slide-inner{
        padding:66px 0 218px;
    }
    .ma32-copy{
        width:100%;
    }
    .ma32-copy h1{
        font-size:44px;
    }
    .ma32-copy>p{
        font-size:14px;
        line-height:1.65;
    }
    .ma32-slide-shade{
        background:
            linear-gradient(90deg,rgba(3,22,45,.97) 0%,rgba(5,38,79,.86) 65%,rgba(3,21,42,.44) 100%),
            linear-gradient(0deg,rgba(2,18,38,.62),transparent 52%);
    }
    .ma32-feature-strip{
        left:0;
        right:0;
        bottom:18px;
    }
    .ma32-dots{
        left:0;
        right:auto;
        bottom:224px;
    }
    .ma32-dots button{
        width:30px;
    }
    .ma32-dots button.active{width:45px}
    .ma32-arrow{
        display:none;
    }
}

@media(prefers-reduced-motion:reduce){
    .ma32-slide,
    .ma32-slide-bg img{
        transition:none!important;
    }
}