/* ABOUT pages: one navy palette and one full width photo hero, matching Join Us */
html,body.a4-page{background:#0A0F24!important}
body.a4-page::before,body.a4-page::after{display:none!important}
.a4-page main{background:#0A0F24}

/* hero: full bleed photo, text anchored bottom left */
.a4-page .abh{padding:0!important;margin:0!important}
.a4-page .abh>.wa-fullbleed{position:relative;padding:0!important;max-width:none!important;width:100%!important;margin:0!important}
.a4-page .abh>.wa-fullbleed>nav{position:absolute;z-index:3;top:26px;left:32px;color:rgba(255,255,255,.7)}
.a4-page .abh-band{width:100vw!important;max-width:none!important;margin:0 0 0 calc(50% - 50vw)!important;border-radius:0!important;min-height:640px;display:flex!important;align-items:flex-end;justify-content:center;box-shadow:none!important;background-position:center 40%!important}
.a4-page .abh-band:before{background:linear-gradient(90deg,rgba(10,15,36,.9) 0%,rgba(10,15,36,.62) 50%,rgba(10,15,36,.28) 100%),linear-gradient(180deg,rgba(10,15,36,0) 55%,#0A0F24 100%)!important}
.a4-page .abh-in{max-width:1280px!important;width:100%;text-align:left!important;padding:150px 32px 64px!important}
.a4-page .abh-in h1{font-family:Sora,sans-serif!important;font-weight:700!important;font-size:clamp(40px,5.2vw,72px)!important;line-height:1.04!important;letter-spacing:-.04em;max-width:820px;margin-top:20px!important;text-shadow:none!important}
.a4-page .abh-in h1 .text-cyan,.a4-page .abh-in h1 .grad-shift{color:#7BD6F0!important;background:none!important;-webkit-text-fill-color:#7BD6F0!important}
.a4-page .abh-in p{margin-left:0!important;margin-right:0!important;max-width:620px!important;font-size:18px!important;line-height:1.65!important;color:#d5daef!important}
.a4-page .abh-in .flex,.a4-page .abh-in .btns{justify-content:flex-start!important}
.a4-page .abh-in .grid{margin-left:0!important;margin-right:0!important}
.a4-page .abh-in>span:first-child,.a4-page .abh-in>.eyebrow{display:inline-flex;align-items:center;gap:8px;background:none!important;border:0!important;padding:0!important;box-shadow:none!important;backdrop-filter:none!important;font:600 12px Inter,sans-serif!important;letter-spacing:.16em!important;text-transform:uppercase;color:#7BD6F0!important}
.a4-page .abh-in .card-soft{background:rgba(13,19,48,.62)!important;border:1px solid rgba(255,255,255,.14)!important;backdrop-filter:blur(8px)}

/* About home hero */
.a4-page .ab-hero .ab-hb{width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;border-radius:0!important;min-height:640px;display:flex!important;align-items:flex-end!important;justify-content:center!important;background-position:center 40%!important;position:relative}
.a4-page .ab-hero .ab-hb:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,15,36,.9) 0%,rgba(10,15,36,.6) 50%,rgba(10,15,36,.25) 100%),linear-gradient(180deg,rgba(10,15,36,0) 55%,#0A0F24 100%)}
.a4-page .ab-hero .ab-hc{position:relative;z-index:1;max-width:1280px!important;width:100%;text-align:left!important;padding:150px 32px 64px!important;margin:0 auto}
.a4-page .ab-hero .ab-hc h1{text-align:left!important;font-family:Sora,sans-serif;font-weight:700;font-size:clamp(40px,5.2vw,72px)!important;letter-spacing:-.04em;max-width:820px}
.a4-page .ab-hero .ab-hc p{margin-left:0!important;max-width:620px;text-align:left!important}
.a4-page .ab-hero .ab-cta{justify-content:flex-start!important}
.a4-page .ab-hero .ab-grad{background:none!important;-webkit-text-fill-color:#7BD6F0!important;color:#7BD6F0!important}

/* Membership hero */
.a4-page .mx .hero.abh-mem{min-height:600px;align-items:flex-end!important;justify-content:center!important}
.a4-page .mx .hero.abh-mem:before{background:linear-gradient(90deg,rgba(10,15,36,.9) 0%,rgba(10,15,36,.6) 50%,rgba(10,15,36,.25) 100%),linear-gradient(180deg,rgba(10,15,36,0) 55%,#0A0F24 100%)!important}
.a4-page .mx .hero.abh-mem .w{max-width:1280px;width:100%;text-align:left!important;align-items:flex-start!important;padding:150px 32px 64px!important;margin:0 auto}
.a4-page .mx .hero.abh-mem h1,.a4-page .mx .hero.abh-mem p{margin-left:0!important;text-align:left}
.a4-page .mx .hero.abh-mem .btns{justify-content:flex-start!important}
.a4-page .mx .hero.abh-mem .pill{background:none!important;border:0!important;padding:0!important;font:600 12px Inter,sans-serif!important;letter-spacing:.16em!important;text-transform:uppercase;color:#7BD6F0!important}

/* sections: alternate navy bands, generous rhythm */
.a4-page main section[data-design-id]:not(.abh){padding-top:88px!important;padding-bottom:88px!important;background:#0A0F24}
.a4-page main section[data-design-id]:not(.abh):nth-of-type(odd){background:#0D1330}
.a4-page main section[data-design-id]+section{border-top:1px solid rgba(255,255,255,.06)}
.a4-page .ab-root>section.ab-sec:nth-of-type(odd){background:#0D1330}
.a4-page .ab-root>section.ab-sec{background:#0A0F24}

/* panels and cards: flat navy, no glass, no glow */
.a4-page .seg-panel{background:transparent!important;border:0!important;padding:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.a4-page .card{background:#111735!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 18px 40px -26px rgba(0,0,0,.8)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.a4-page .card-soft{background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.09)!important;box-shadow:none!important;backdrop-filter:none!important}
.a4-page .bg-\[\#1D2A4D\],.a4-page .bg-\[\#182350\]{background-color:#141B3E!important}
.a4-page .glow,.a4-page .grad-shift,.a4-page .shimmer-text,.a4-page .hw{animation:none!important}
.a4-page .hw{opacity:1!important;transform:none!important;filter:none!important}
.a4-page .shimmer-text{background:none!important;-webkit-text-fill-color:#7BD6F0!important;color:#7BD6F0!important}
.a4-page .btn3d{box-shadow:none!important}
.a4-page .sec-divider{display:none!important}
.a4-page .font-display{letter-spacing:-.02em}

@media (max-width:768px){
.a4-page .abh-band,.a4-page .ab-hero .ab-hb,.a4-page .mx .hero.abh-mem{min-height:520px}
.a4-page .abh-in,.a4-page .ab-hero .ab-hc,.a4-page .mx .hero.abh-mem .w{padding:110px 20px 40px!important}
.a4-page .abh>.wa-fullbleed>nav{left:20px;top:18px}
.a4-page main section[data-design-id]:not(.abh){padding-top:60px!important;padding-bottom:60px!important}
}