/* Homepage section styling. Kept separate because index.html still references this legacy layer. */
.why-bruniano{padding:86px 0;background:#fff}
.why-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:end}
.why-lead h2{font-size:clamp(42px,5vw,68px);line-height:1;letter-spacing:-.055em;margin:0;color:#111a2c}
.why-lead h2 span{color:#9aa5b5}
.why-lead p:not(.eyebrow){max-width:650px;font-size:17px;line-height:1.7;color:#67748a;margin-top:22px}
.why-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.why-card{padding:24px;border:1px solid #e1e7ef;border-radius:22px;background:#f8fbff;box-shadow:0 1px 0 rgba(16,24,40,.02)}
.why-card b{display:block;font-size:12px;letter-spacing:.14em;color:#155cff;margin-bottom:11px}
.why-card strong{display:block;font-size:18px;line-height:1.25;color:#111a2c}
.why-card p{margin:8px 0 0;font-size:13px;line-height:1.6;color:#6f7d90}
@media(max-width:900px){.why-grid{grid-template-columns:1fr;gap:34px}.why-cards{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.why-bruniano{padding:68px 0}.why-lead h2{font-size:clamp(38px,10.5vw,56px)}.why-cards{grid-template-columns:1fr}.why-card{padding:22px}}