/* GRO Referral Landing (scoped-ready) */
.gro-ref-landing{--gro:#5AB94C;--bg:#101820;--fg:#e9ffe7;--muted:#cfe9c9;--card:#0f0f0f}
.gro-ref-landing{background:var(--bg);color:var(--fg);border:2px solid var(--gro);border-radius:16px;max-width:900px;margin:16px auto;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.gro-ref-hero{padding:24px;border-bottom:1px solid rgba(255,255,255,.08)}
.gro-title{margin:0 0 .25rem 0;color:var(--gro);font-size:1.8rem}
.gro-sub{margin:0 0 .75rem 0;opacity:.95}
.gro-ctas{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.25rem}
.gro-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1rem;border:1px solid var(--gro);border-radius:12px;text-decoration:none;color:var(--fg)}
.gro-btn-primary{background:linear-gradient(180deg,var(--gro),#40953a);color:#061106;font-weight:700}
.gro-btn-ghost{background:transparent;opacity:.95;color:var(--fg)}
.gro-trust{opacity:.8;margin:.25rem 0 0 0}

.gro-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px}
.gro-benefit{background:var(--card);border:1px solid var(--gro);border-radius:12px;padding:12px;text-align:left}
.gro-benefit .gro-ico{font-size:1.6rem;line-height:1;margin-bottom:.25rem}
.gro-benefit h3{color:var(--fg) !important}

.gro-mission{padding:8px 16px 16px 16px;border-top:1px dashed rgba(255,255,255,.12);border-bottom:1px dashed rgba(255,255,255,.12);background:#0d151b}
.gro-mission h2{color:var(--gro);margin:.5rem 0 .5rem 0}
.gro-mission-intro{opacity:.95;margin:.25rem 0 .5rem 0}
.gro-mission h3{margin:.5rem 0 .25rem 0;color:var(--fg)}
.gro-mission-list{margin:.2rem 0 .6rem 1rem}
.gro-mission-list li{margin:.15rem 0;list-style:'✔  ' inside}
.gro-mission-cta{opacity:.95;margin:.4rem 0 0 0}

.gro-how{padding:0 16px 16px 16px}
.gro-how h2{color:var(--gro);margin:0 0 .25rem 0}
.gro-how ol{margin:.25rem 0 0 1.2rem}

.gro-social{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 16px 16px 16px}
.gro-quote{background:var(--card);border:1px solid var(--gro);border-radius:12px;padding:12px;font-style:italic;opacity:.95}

.gro-faq{padding:0 16px 16px 16px}
.gro-faq h2{color:var(--gro);margin:0 0 .25rem 0}
.gro-faq details{background:var(--card);border:1px solid var(--gro);border-radius:12px;padding:10px;margin:8px 0}

.gro-legal{padding:12px 16px;background:#08130b;color:var(--muted);border-top:1px solid rgba(255,255,255,.08)}

/* Responsive */
@media (max-width:800px){
  .gro-benefits,.gro-social{grid-template-columns:1fr}
}