.ms-page{display:block}

.ms-hero{position:relative;overflow:hidden}
.ms-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.ms-hero-inner{position:relative;z-index:1;display:flex;justify-content:center}
.ms-hero-content{max-width:700px;text-align:center;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}
.ms-hero h1{background:var(--primary-brand);-webkit-background-clip:text;color:transparent}
.ms-hero-cta{width:100%}

.ms-benefits-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}
.ms-benefit{transition:transform var(--transition-fast)}
.ms-benefit:hover{transform:translateY(-4px)}

.ms-strategy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-bottom:var(--space-4)}

.ms-progression-grid{display:grid;grid-template-columns:3fr 2fr;gap:var(--space-5);align-items:center}
.ms-progression-text{min-width:0}
.ms-progression-image img{width:100%;height:auto}

.ms-starwars{position:relative;text-align:center}
.ms-starwars-inner{max-width:700px;margin-inline:auto}
.ms-starwars img{margin-top:var(--space-4)}

.ms-reward-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}

.ms-community-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}

.ms-updates-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}

.ms-cta{background:var(--primary-brand);color:#fff}
.ms-cta-inner{max-width:600px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}

@media (max-width:900px){
.ms-benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.ms-strategy-grid{grid-template-columns:1fr}
.ms-progression-grid{grid-template-columns:1fr}
.ms-reward-grid{grid-template-columns:1fr}
.ms-community-grid{grid-template-columns:1fr}
.ms-updates-grid{grid-template-columns:1fr}
}

@media (max-width:600px){
.ms-benefits-grid{grid-template-columns:1fr}
}