.home section{position:relative}

.hero{isolation:isolate}
.hero::before{content:"";position:absolute;z-index:-1;width:34rem;aspect-ratio:1;right:-12rem;top:-10rem;border:1px solid rgba(139,124,255,.18);border-radius:50%;box-shadow:0 0 90px rgba(139,124,255,.08)}
.hero-inner{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(2rem,7vw,7rem)}
.hero-text{max-width:520px;display:flex;flex-direction:column;gap:var(--space-2)}
.hero-label{letter-spacing:.2em;text-transform:uppercase;color:var(--text-secondary);font-size:var(--step-6)}
.hero-actions{display:flex;gap:var(--space-2)}
.hero-media img{width:100%;border-radius:var(--radius-card)}

.concept-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:var(--space-3)}
.concept-grid .card:first-child{grid-row:span 2;display:flex;flex-direction:column;justify-content:flex-end;min-height:25rem}

.mechanics-grid{display:grid;grid-template-columns:70% 30%;gap:var(--space-4)}
.mechanics-text{max-width:640px}

.gallery-intro{max-width:720px;margin-inline:auto;text-align:center}
.gallery-grid{display:grid;grid-template-columns:1.25fr .75fr 1fr;gap:var(--space-3);align-items:end}
.gallery-grid > :nth-child(2){transform:translateY(-2rem)}
.gallery-grid img{border:1px solid var(--detail-gold);border-radius:var(--radius-card)}

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

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

.explore-panel{max-width:600px;margin-inline:auto;text-align:center}

.app-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);align-items:center}
.app-text{display:flex;flex-direction:column;gap:var(--space-3)}

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

.design{border-left:1px solid var(--brand-mint);padding-left:clamp(1.25rem,4vw,4rem)}
.design-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);max-width:900px}

.download{text-align:center;max-width:600px;margin-inline:auto}

.final-panel{max-width:600px;margin-inline:auto;text-align:center}

@media(max-width:1024px){
.hero-inner{grid-template-columns:1fr}
.concept-grid,.gallery-grid,.steps-grid,.types-grid,.features-grid{grid-template-columns:1fr 1fr}
.mechanics-grid{grid-template-columns:1fr}
.app-grid{grid-template-columns:1fr}
.design-grid{grid-template-columns:1fr}
.concept-grid{grid-template-columns:1fr 1fr}
.concept-grid .card:first-child{grid-row:auto;min-height:auto}
.gallery-grid > :nth-child(2){transform:none}
}

@media(max-width:640px){
.concept-grid,.gallery-grid,.steps-grid,.types-grid,.features-grid{grid-template-columns:1fr}
.hero-text{max-width:100%}
}