.home-main{display:block}

.hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:var(--space-4)}
.hero-text{max-width:520px;display:flex;flex-direction:column;gap:var(--space-3)}
.hero-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}
.hero-image img{width:100%;border-radius:var(--radius-lg)}

.overview-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:var(--space-3)}
.overview-item:first-child{grid-row:span 2;padding:clamp(2rem,4vw,4rem)}
.overview-item:nth-child(2),.overview-item:nth-child(3){padding:var(--space-3)}

.editorial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.editorial-col{max-width:520px}

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

.steps-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;max-width:900px}
.steps-list .step{position:relative;padding:var(--space-3);border-top:1px solid var(--border-muted)}
.steps-list .step:nth-child(odd){border-right:1px solid var(--border-muted)}
.steps-list strong{font-family:var(--font-heading);font-size:var(--fs-5);color:var(--brand-primary)}

.showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);align-items:center}
.showcase-text{max-width:520px}

.challenges-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);text-align:center}

.moments-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,7vw,7rem);align-items:start}
.moments-heading{max-width:500px}
.moments-list{border-top:1px solid var(--border-muted)}
.moment-item{display:grid;grid-template-columns:7rem 1fr;gap:var(--space-3);padding-block:var(--space-3);border-bottom:1px solid var(--border-muted)}
.moment-item>span{color:var(--brand-primary);font-size:var(--fs-7);font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding-top:.4rem}
.moment-item h3{font-size:var(--fs-4);margin-bottom:var(--space-1)}

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

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

.principles-inner{max-width:600px}

.replay-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(3rem,8vw,8rem);align-items:end}
.replay-statement{max-width:700px}
.replay-details{padding-left:var(--space-3);border-left:2px solid var(--brand-primary)}
.text-link{display:inline-flex;align-items:center;gap:.5rem;font-weight:700}

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

.final-cta{background:var(--brand-primary);color:#fff}
.final-cta-inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}
.final-cta h2{color:#fff}
.final-cta .btn{background:#fff;color:var(--brand-primary);border-color:#fff}

@media (max-width:900px){
.hero-grid,.overview-grid,.features-grid,.usage-grid{grid-template-columns:1fr}
.overview-item:first-child{grid-row:auto}
.editorial-grid,.showcase-grid,.app-grid,.challenges-grid,.start-grid,.moments-layout,.replay-grid{grid-template-columns:1fr}
}

@media (max-width:600px){
.steps-list{grid-template-columns:1fr}
.steps-list .step:nth-child(odd){border-right:0}
.moment-item{grid-template-columns:1fr;gap:var(--space-1)}
.hero-actions{flex-direction:column}
.hero-text{gap:var(--space-2);padding:var(--space-2)}
.replay-details{padding-left:var(--space-2)}
}