.home-hero{
border-top:1px solid var(--color-border);
border-bottom:1px solid var(--color-border);
background:linear-gradient(180deg,var(--color-bg-alt) 0%,var(--color-bg) 100%);
}
.home-hero-grid{
display:grid;
grid-template-columns:minmax(0,1.1fr) minmax(0,0.9fr);
gap:var(--space-5);
align-items:center;
}
.home-hero-text{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:var(--space-3);
min-width:0;
}
.home-hero-text h1{margin-bottom:0}
.home-hero-image{
min-width:0;
}
.home-hero-image img{
width:100%;
height:auto;
aspect-ratio:4/5;
object-fit:cover;
border:1px solid var(--color-border);
background:var(--color-bg-alt);
}

.home-intro{border-bottom:1px solid var(--color-border)}
.home-intro-inner{max-width:70ch}

.home-why{border-bottom:1px solid var(--color-border)}
.home-why-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:var(--space-4);
}
.home-why-col{
min-width:0;
padding:var(--space-4);
border:1px solid var(--color-border);
background:var(--color-bg);
}

.home-geometry{border-bottom:1px solid var(--color-border)}
.home-geometry-grid{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);
gap:var(--space-5);
align-items:center;
}
.home-geometry-image{min-width:0}
.home-geometry-image img{
width:100%;
height:auto;
aspect-ratio:4/3;
object-fit:cover;
border:1px solid var(--color-border);
background:var(--color-bg-alt);
}
.home-geometry-text{min-width:0}

.home-performance{border-bottom:1px solid var(--color-border)}
.home-performance-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-4);
}
.home-performance-col{
min-width:0;
padding:var(--space-4);
border:1px solid var(--color-border);
background:var(--color-bg-alt);
}

.home-method{border-bottom:1px solid var(--color-border)}
.home-method-inner{max-width:70ch}

.home-summary{border-bottom:1px solid var(--color-border)}
.home-summary-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:var(--space-4);
}
.home-summary-col{
min-width:0;
padding:var(--space-4);
border:1px solid var(--color-border);
}

.home-cta{
background:var(--color-bg-alt);
border-top:1px solid var(--color-border);
}
.home-cta-inner{
max-width:640px;
display:flex;
flex-direction:column;
gap:var(--space-3);
}
.home-cta-actions{
display:flex;
gap:var(--space-3);
flex-wrap:wrap;
}

@media(max-width:900px){
.home-hero-grid,
.home-geometry-grid{grid-template-columns:1fr}
.home-hero-image img{aspect-ratio:16/10;max-height:360px}
}

@media(max-width:768px){
.home-why-grid,
.home-performance-grid,
.home-summary-grid{grid-template-columns:1fr}
}