/*
======================================
HEADER
======================================
*/

.am-header{

position:fixed;

top:0;

left:0;

width:100%;

z-index:999;

background:rgba(255,255,255,.96);

backdrop-filter:blur(18px);

border-bottom:1px solid var(--am-border);

}

.header-inner{

display:flex;

align-items:center;

justify-content:space-between;

min-height:92px;

}

.primary-menu{

display:flex;

gap:40px;

}

.primary-menu li{

position:relative;

}

.primary-menu a{

font-weight:600;

transition:var(--transition);

}

.primary-menu a:hover{

color:var(--am-primary);

}

.header-actions{

display:flex;

align-items:center;

gap:18px;

}

.mobile-toggle{

display:none;

background:none;

border:none;

font-size:2rem;

}

/*
======================================
HERO
======================================
*/

.hero{

min-height:100vh;

display:flex;

align-items:center;

padding-top:120px;

background:linear-gradient(

180deg,

#ffffff,

#f7faf9

);

}

.hero-grid{

display:grid;

grid-template-columns:1.1fr .9fr;

gap:70px;

align-items:center;

}

.hero-content h1{

margin-bottom:28px;

}

.hero-content p{

font-size:1.2rem;

margin-bottom:40px;

max-width:640px;

}

.hero-buttons{

display:flex;

gap:20px;

flex-wrap:wrap;

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

.primary-navigation{

display:none;

}

.mobile-toggle{

display:block;

}

.header-actions .btn{

display:none;

}

.hero-grid{

grid-template-columns:1fr;

}

}

.primary-navigation.is-open{

display:block;

position:absolute;

top:92px;

left:0;

width:100%;

background:#fff;

padding:30px;

box-shadow:var(--am-shadow);

}

.primary-navigation.is-open .primary-menu{

display:flex;

flex-direction:column;

gap:20px;

}


/*
==================================
MISSION JOURNEY
==================================
*/

.mission-journey{

background:#fff;

}

.journey-grid{

display:grid;

grid-template-columns:repeat(6,1fr);

gap:24px;

margin-top:60px;

}

.journey-grid div{

padding:32px;

text-align:center;

border-radius:18px;

background:#fff;

box-shadow:var(--am-shadow);

font-weight:700;

transition:var(--transition);

}

.journey-grid div:hover{

transform:translateY(-6px);

}


/*
==================================
GLOBAL IMPACT
==================================
*/

.impact{

background:var(--am-light);

}

.impact .grid>div{

padding:40px;

background:#fff;

border-radius:18px;

text-align:center;

box-shadow:var(--am-shadow);

}

.impact h3{

font-size:3rem;

margin-bottom:10px;

color:var(--am-primary);

}

/*
==================================
FOOTER
==================================
*/

.am-footer{

background:var(--am-dark);

color:#fff;

padding:90px 0;

}

.footer-grid{

display:grid;

grid-template-columns:2fr 1fr 1fr 1fr;

gap:50px;

}

.am-footer p{

color:rgba(255,255,255,.75);

}

@media(max-width:991px){

.footer-grid,

.journey-grid{

grid-template-columns:1fr;

}

}