:root{
  --p7x-green:#2ecc71;
  --p7x-dark:#0c0f0d;
  --radius:18px;
}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;}
.navbar-brand img{height:36px; width:auto;}
.rounded-xxl{border-radius:var(--radius)!important;}
.card, .btn, .form-control{border-radius:14px;}
.hero{position:relative;background:var(--p7x-dark);color:#fff;overflow:hidden;border-radius:24px;}
.hero-media{width:100%;height:520px;object-fit:cover;display:block;filter:saturate(1.05);}
@media (max-width: 992px){.hero-media{height:420px;}}
@media (max-width: 576px){.hero-media{height:340px;}}
.hero-overlay{position:absolute;left:0;right:0;bottom:0;padding:24px;background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.75) 55%, rgba(0,0,0,.9) 100%);}
.hero-overlay .badge{background:rgba(46,204,113,.18);color:#c9f7dc;border:1px solid rgba(46,204,113,.35);}
.section-img{width:100%;height:100%;min-height:260px;object-fit:cover;border-radius:24px;}
.kicker{color:var(--p7x-green);font-weight:700;letter-spacing:.02em;}
.feature-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(46,204,113,.12);border:1px solid rgba(46,204,113,.24);}
.footer{background:#0b0f0c;color:#e7ecea;}
.footer a{color:#e7ecea;opacity:.9;text-decoration:none;}
.footer a:hover{opacity:1;text-decoration:underline;}

/* --- Fix: Hero overlay readability --- */
.hero-overlay{color:#ffffff;}
.hero-overlay .kicker,
.hero-overlay h1,
.hero-overlay h5,
.hero-overlay p,
.hero-overlay a{color:#ffffff;}
.hero-overlay .card{color:#ffffff;}
.hero-overlay .card .opacity-75{opacity:.85 !important;}
.hero-overlay .card .badge{color:#c9f7dc;}
.hero-overlay .display-6, .hero-overlay .lead{text-shadow:0 2px 12px rgba(0,0,0,.45);}
