:root{
  --bg-primary:#111827;--bg-secondary:#1F2937;--bg-tertiary:#374151;
  --text-primary:#F9FAFB;--text-secondary:#D1D5DB;
  --accent-blue:#3B82F6;--accent-purple:#8B5CF6;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#0b1020;background:linear-gradient(180deg,#0b1020 0%,#0b1225 100%);color:var(--text-primary);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}
a{color:#93c5fd;text-decoration:none} a:hover{color:#bfdbfe}
img{max-width:100%;display:block}
.container{max-width:1200px;margin:0 auto;padding:0 1.25rem}
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.9rem 1.25rem;border-radius:.9rem;font-weight:600;border:1px solid transparent;cursor:pointer;transition:opacity .2s,transform .2s}
.btn:hover{opacity:.9;transform:translateY(-1px)}
.btn-outline{background:transparent;border-color:#374151;color:#fff}
.gradient-text{background:linear-gradient(135deg,#3B82F6 0%,#8B5CF6 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.gradient-bg{background:linear-gradient(135deg,#3B82F6 0%,#8B5CF6 100%)}
.glass{background:rgba(31,41,55,.8);backdrop-filter:blur(10px);border:1px solid rgba(75,85,99,.3)}
nav.site{position:fixed;top:0;left:0;right:0;z-index:50}
nav .inner{height:64px;display:flex;align-items:center;justify-content:space-between}
.nav-links{display:none;gap:2rem;align-items:center}
.nav-links a{color:#d1d5db}
.nav-links a.active{color:#60a5fa;font-weight:600}
.brand{display:flex;align-items:center;gap:.6rem}
.brand img{width:44px;height:44px;object-fit:contain}
.brand span{font-size:1.2rem;font-weight:800}
.hero{min-height:92vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.hero .bg{position:absolute;inset:0;background-position:center;background-size:cover;filter:brightness(.55)}
.hero .content{position:relative;z-index:1;text-align:center}
.pill{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .75rem;border-radius:999px;border:1px solid #1f3b6b;background:rgba(17,24,39,.5);color:#d1d5db;font-size:.9rem}
.section{padding:5rem 0}
.card{background:rgba(31,41,55,.3);border:1px solid rgba(55,65,81,.5);border-radius:20px;padding:2rem}
.grid{display:grid;gap:2rem}
.grid-2{grid-template-columns:1fr}
.grid-3{grid-template-columns:1fr}
.grid-4{grid-template-columns:1fr}
.feature-pill{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:#334155;margin-bottom:1rem}
footer{background:#0b0f1a;border-top:1px solid #1f2937;padding:1.25rem 0}
footer .foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.badge-row{display:flex;gap:.6rem;align-items:center;margin: .75rem 0 1.5rem}
.stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.25rem}
.stat{text-align:center}
.stat .num{font-size:1.6rem;font-weight:800}
blockquote.quote{font-size:1.6rem;font-style:italic;border-left:4px solid #3B82F6;padding-left:1rem;color:#d1d5db}
.accordion{border:1px solid #374151;border-radius:16px;overflow:hidden}
.accordion + .accordion{margin-top:1rem}
.acc-head{width:100%;text-align:left;background:transparent;border:0;color:#fff;padding:1rem 1.25rem;display:flex;justify-content:space-between;align-items:center}
.acc-body{padding:0 1.25rem 1rem 1.25rem;color:#cbd5e1;display:none}
.map-placeholder{height:260px;border:1px solid #475569;border-radius:16px;display:flex;align-items:center;justify-content:center;background:rgba(55,65,81,.35)}
/* Responsive */
@media (min-width:768px){
  .nav-links{display:flex}
  .grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .hero{min-height:88vh}
}
/* Utilities */
.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}
.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}
.center{text-align:center}
.row{display:flex;gap:.75rem;align-items:center}
.logo-32{width:32px;height:32px;object-fit:contain}
.round{border-radius:20px}
.shadow{box-shadow:0 10px 30px rgba(0,0,0,.35)}
.btn-block{width:100%}
.small{font-size:.9rem;color:#9ca3af}