.features-page{display:block}

.features-hero-grid{
display:grid;
grid-template-columns:minmax(0,1.15fr) minmax(0,0.85fr);
gap:var(--space-5);
align-items:center;
}
.features-hero-text{
min-width:0;
display:flex;
flex-direction:column;
align-items:flex-start;
gap:var(--space-3);
}
.features-hero-text h1{margin-bottom:0}
.features-hero-media{min-width:0}
.features-lead{font-size:var(--text-lg);line-height:1.5}
.features-hero-media img,
.features-structure-image img,
.features-breakdown-inner img,
.features-visual img{
width:100%;
height:auto;
aspect-ratio:4/3;
object-fit:cover;
border:1px solid var(--color-border);
background:var(--color-bg-alt);
}

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

.features-structure-grid{
display:grid;
grid-template-columns:minmax(0,1.2fr) minmax(0,0.8fr);
gap:var(--space-5);
align-items:center;
}
.features-structure-text,
.features-structure-image{min-width:0}

.features-breakdown-inner{
display:flex;
flex-direction:column;
gap:var(--space-3);
align-items:center;
}
.features-centered{max-width:600px;text-align:center;margin-inline:auto}

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

.features-narrow{max-width:70ch}

.features-precision-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-4);
}
.features-precision-grid > div{
min-width:0;
padding:var(--space-4);
border:1px solid var(--color-border);
}

.features-verdict .features-narrow{max-width:70ch}

.features-cta-inner{
display:flex;
flex-direction:column;
align-items:center;
gap:var(--space-3);
text-align:center;
max-width:520px;
margin-inline:auto;
}
.features-cta-buttons{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center}

@media (max-width:1024px){
.features-rules-grid,
.features-logic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:768px){
.features-hero-grid,
.features-structure-grid,
.features-rules-grid,
.features-logic-grid,
.features-precision-grid{grid-template-columns:1fr}
.features-hero-media img{aspect-ratio:16/10;max-height:360px}
}