/* Below-the-fold site introduction, kept separate from the shared page theme. */
.site-content{
    max-width:880px;
    margin:0 auto;
    padding:32px 20px 72px;
    display:grid;
    gap:24px;
}
.site-intro{
    padding:38px 32px;
    color:#ffffff;
    background:linear-gradient(135deg,var(--brand-deep),var(--brand));
    border-radius:20px;
    box-shadow:0 12px 28px rgba(var(--brand-rgb),.25);
}
.site-intro h2{
    margin-bottom:16px;
    font-size:19px;
    font-weight:900;
}
.site-intro p{
    font-size:14.5px;
    line-height:1.9;
}
.site-features{
    padding:32px 30px 28px;
    background:var(--surface);
    border:2px solid var(--surface-soft);
    border-top:4px solid var(--brand-deep);
    border-radius:20px;
    box-shadow:0 4px 16px rgba(0,0,0,.03);
}
.site-features h2{
    margin-bottom:24px;
    padding-bottom:14px;
    border-bottom:1px solid #eeeeee;
    font-size:17px;
    font-weight:800;
}
.features-intro{
    margin-bottom:24px;
    color:var(--text-soft);
    font-size:14px;
    line-height:1.85;
}
.features-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}
.feature-card{
    padding:20px;
    background:var(--surface-soft);
    border:1px solid var(--border);
    border-radius:16px;
}
.feature-card h3{
    margin-bottom:10px;
    color:var(--brand-darker);
    font-size:14.5px;
    font-weight:800;
}
.feature-card p{
    color:var(--text-soft);
    font-size:13.5px;
    line-height:1.8;
    overflow-wrap:anywhere;
}
@media(max-width:720px){
    .features-grid{grid-template-columns:1fr; gap:12px;}
    .site-intro,.site-features{padding:26px 22px;}
}