.features-page section{position:relative}
.hero-grid{display:grid;grid-template-columns:3fr 2fr;gap:var(--space-4);align-items:center}
.hero-text{max-width:60ch}
.hero-image img{width:100%;border-radius:var(--radius-card);border:1px solid var(--border-primary)}

.feature-random{background:linear-gradient(90deg,transparent,rgba(100,214,197,.045),transparent);padding-block:var(--space-5)}
.random-grid{display:grid;grid-template-columns:1.25fr .75fr 1fr;gap:var(--space-3);align-items:start}
.random-grid .card:nth-child(2){margin-top:var(--space-4)}

.visual-grid{display:grid;grid-template-columns:3fr 2fr;gap:var(--space-4);align-items:center}
.visual-text{max-width:65ch}
.visual-image img{width:100%;border-radius:var(--radius-card);border:1px solid var(--detail-gold)}

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

.feature-collection{counter-reset:collection}
.collection-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3);max-width:70ch;margin-left:clamp(0rem,14vw,11rem);padding-left:var(--space-4);border-left:1px solid var(--detail-gold)}

.audio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);max-width:70ch}

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

.usability-grid{display:grid;grid-template-columns:1fr;max-width:70ch}

.cta-box{text-align:center;max-width:50ch;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-2)}
.feature-cta .cta-box{max-width:900px;padding:clamp(2rem,6vw,5rem);border:1px solid rgba(100,214,197,.3);background:radial-gradient(circle at 50% 0,rgba(100,214,197,.13),transparent 58%)}

@media (max-width:1024px){
.hero-grid,.visual-grid{grid-template-columns:1fr}
}

@media (max-width:900px){
.random-grid,.mobile-grid,.audio-grid,.variation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:600px){
.random-grid,.mobile-grid,.audio-grid,.variation-grid{grid-template-columns:1fr}
}