
:root{ --brand:#0d6efd; --glass: rgba(255,255,255,.92); --shadow: 0 20px 40px rgba(0,0,0,.20); }
.navbar-dark{ background: rgba(7,16,32,.85); backdrop-filter: blur(6px); }
.hero{ position:relative; min-height:78vh; background-image:url('assets/img/hero.webp'); background-size:cover; background-position:center; }
.hero::after{ content:''; position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.35) 40%, rgba(0,0,0,.65)); }
.hero-inner{ position:relative; z-index:2; color:#fff; padding-top:9rem; padding-bottom:4rem; }
.glass-card{ background:var(--glass); border-radius:1rem; box-shadow: var(--shadow); padding:1.25rem; }
.feature-grid{ margin-top:2rem; }
.feature-grid .glass-card img{ width:44px; height:44px; }
.cta-lg{ padding:.9rem 1.25rem; border-radius:.8rem; font-weight:600; }
footer a{ text-decoration:none; }
