:root{
  --bg:#070709;
  --panel:#0b0b0d;
  --muted:#9aa0a6;
  --gold:#d4a94a;
  --glass: rgba(255,255,255,0.02);
  --radius:14px;
  --wrap:1200px;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial;
  background:linear-gradient(180deg,#050509 0%, #070709 100%);
  color:#e9f2f8;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* WRAP */
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 16px}

/* HEADER */
.site-header{
  position:sticky;top:0;z-index:1000;
  backdrop-filter: blur(6px);
  background: linear-gradient(90deg, rgba(7,7,9,0.6), rgba(7,7,9,0.6));
  border-bottom:1px solid rgba(255,255,255,0.02);
}
.site-header .wrap{
  display:flex;align-items:center;gap:18px;padding:14px 16px;
}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}
.logo-circle{
  width:48px;height:48px;border-radius:12px;background:linear-gradient(180deg,#ffd775,#b5752a);
  display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:#071014;font-family:Playfair Display,serif;font-size:18px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.6);
}
.brand-title{font-family:Playfair Display,serif;font-size:26px;font-weight:700;letter-spacing:.2px}

/* NAV */
.top-nav{margin-left:auto;display:flex;gap:18px;align-items:center}
.top-nav a{color:var(--muted);text-decoration:none;font-weight:600}
.top-nav a.active{color:#fff}
.header-cta .btn.whatsapp{background:#25D366;color:#021;padding:8px 14px;border-radius:12px;text-decoration:none;font-weight:700}
.hamburger{display:none;background:none;border:0;color:var(--muted);font-size:22px;margin-left:8px}

/* HERO */
.hero.about-hero{padding:36px 0}
.hero-inner{display:flex;gap:28px;align-items:center;justify-content:space-between}
.hero-copy{flex:1;max-width:680px}
.hero-copy h1{font-family:Playfair Display,serif;font-size:44px;margin:0 0 12px}
.lead{color:var(--muted);font-size:16px;line-height:1.5}
.hero-actions{margin-top:16px;display:flex;gap:12px}
.pill{background:#101217;padding:10px 16px;border-radius:18px;color:#dfe6ea;text-decoration:none;font-weight:700}
.pill.hollow{background:transparent;border:1px solid rgba(255,255,255,0.04)}

/* media */
.hero-media{width:320px;flex-shrink:0}
.media-card{background:linear-gradient(180deg, rgba(255,255,255,0.02),transparent);border-radius:16px;padding:12px}
.media-card img{width:100%;display:block;border-radius:12px;object-fit:cover;height:480px}

/* CARDS */
.card{background:linear-gradient(180deg, rgba(255,255,255,0.01), rgba(255,255,255,0.02));padding:28px;margin:18px auto;border-radius:16px}
.mission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}
.mission-item h3{margin:0 0 8px;font-family:Playfair Display,serif}
.mission-item p{color:var(--muted);margin:0}

/* team */
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}
.team-card{background:var(--panel);padding:14px;border-radius:12px}
.team-card img{width:100%;height:220px;object-fit:cover;border-radius:10px}
.team-card h4{margin:12px 0 6px}
.team-card .muted{color:var(--muted);font-size:14px}

/* trust */
.trust-list{margin-top:12px;color:var(--muted);list-style:disc;padding-left:18px}

/* contact CTA */
.contact-cta .contact-inner{display:flex;align-items:center;justify-content:space-between;gap:18px}
.contact-actions{display:flex;gap:12px}
.btn{display:inline-block;padding:10px 16px;border-radius:12px;text-decoration:none;font-weight:700}
.btn.whatsapp{background:#25D366;color:#021}
.btn.call{background:#007bff;color:#fff}

/* FOOTER */
.site-footer{padding:18px 0;margin-top:28px;border-top:1px solid rgba(255,255,255,0.03)}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:16px}
.footer-links a{color:var(--muted);text-decoration:none;margin-left:12px}

/* small screens */
@media(max-width:900px){
  .hero-inner{flex-direction:column-reverse;align-items:stretch}
  .hero-media{width:100%}
  .media-card img{height:420px}
  .mission-grid,.team-grid{grid-template-columns:1fr}
  .top-nav{display:none}
  .hamburger{display:block}
  .wrap{padding:0 14px}
  .footer-inner{flex-direction:column;align-items:flex-start}
  .contact-cta .contact-inner{flex-direction:column;align-items:stretch}
  .site-header .wrap{padding:10px}
}

/* mobile menu */
.mobile-menu{
  position:fixed;inset:0;background:rgba(7,7,9,0.98);z-index:2000;padding:28px;display:none;flex-direction:column;
}
.mobile-close{align-self:flex-end;background:none;border:0;color:var(--muted);font-size:20px;margin-bottom:12px}
.mobile-nav{display:flex;flex-direction:column;gap:14px}
.mobile-nav a{color:#fff;text-decoration:none;font-size:18px}

/* small touch improvements */
.pill, .btn{touch-action:manipulation}