/* index.html-only sections (hero/stats/properties reuse the shared
   components in styles.css - these are the two homepage-specific blocks). */

.benefit-grid{padding:20px 0 68px}
.benefit-grid-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.benefit-card{border:1px solid var(--line);border-radius:14px;padding:22px 24px;background:#fff}
.benefit-card h3{font:600 15px "Playfair Display",serif;margin:0 0 14px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.benefit-card ul{list-style:none;margin:0;padding:0}
.benefit-card li{position:relative;padding-left:22px;margin:8px 0;font-size:13px;color:var(--muted);line-height:1.4}
.benefit-card li:before{content:'✓';position:absolute;left:0;top:0;color:var(--gold);font-weight:700}

.bottom-grid{padding:0 0 68px}
.bottom-grid-inner{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:16px;align-items:stretch}
.dark-card{background:linear-gradient(135deg,var(--navy),#06201a);color:#fff;border-radius:16px;padding:28px 26px}
.dark-card h2{font:600 20px "Playfair Display",serif;margin:0 0 14px;color:var(--gold-light)}
.dark-card ul{list-style:none;margin:0;padding:0}
.dark-card li{position:relative;padding-left:22px;margin:9px 0;font-size:13px;color:#dff0ea;line-height:1.4}
.dark-card li:before{content:'✓';position:absolute;left:0;top:0;color:var(--gold-light);font-weight:700}
.center-card{text-align:center;display:flex;flex-direction:column;justify-content:center;gap:10px}
.center-card p{margin:0;color:#dff0ea;font-size:13px}
.center-card .btn{margin-top:6px}
.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 22px;border-radius:999px;border:1px solid var(--gold-light);color:#fff;background:transparent;font-weight:700}
.terms small{display:block;margin-top:14px;color:#b8d8d1;font-size:11px;line-height:1.5;font-style:italic}

@media(max-width:980px){
  .benefit-grid-inner{grid-template-columns:1fr 1fr}
  .bottom-grid-inner{grid-template-columns:1fr 1fr}
  .bottom-grid-inner .terms{grid-column:span 2}
}

@media(max-width:760px){
  .benefit-grid-inner{grid-template-columns:1fr}
  .bottom-grid-inner{grid-template-columns:1fr}
  .bottom-grid-inner .terms{grid-column:auto}
}