:root{
  --bg:#0f0f10;
  --panel:#141416;
  --text:#e9e9ee;
  --muted:#b9bcc6;
  --line:#23242a;
  --accent:#009fe3;
  --accent-2:#00b5ff;
  --shadow:0 10px 30px rgba(0,0,0,.25);
  --radius:14px;
}

*{box-sizing:border-box}
html,body{margin:0}
body{
  background:var(--bg);
  color:var(--text);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  line-height:1.6;
}

img{max-width:100%;display:block}

/* Utilities */
.container{width:min(1100px,100%);margin-inline:auto;padding:18px}
.center{text-align:center}
.between{display:flex;justify-content:space-between}
.center-v{align-items:center}
.lead{font-size:1.1rem;color:var(--muted)}
.max{max-width:60ch}

/* Topbar */
.topbar{position:sticky;top:0;z-index:20;background:rgba(10,10,12,.75);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--text);font-weight:700}
.brand-logo{width:36px;height:36px;border-radius:8px;box-shadow:var(--shadow)}
.menu-btn{display:none;background:#1c1d22;border:1px solid var(--line);border-radius:10px;color:var(--text);padding:8px 10px}
.nav{display:flex;gap:14px;align-items:center}
.nav a{color:var(--text);text-decoration:none;padding:10px 12px;border-radius:10px;border:1px solid transparent}
.nav a:hover{background:#17181d;border-color:var(--line)}
.nav a.active{border-color:var(--accent);color:#fff}
.btn{background:var(--accent);color:#001018;text-decoration:none;padding:12px 16px;border-radius:12px;font-weight:700;display:inline-block;border:1px solid transparent}
.btn:hover{filter:brightness(1.05)}
.btn.ghost{background:#1b1c22;color:var(--text);border-color:var(--line)}
.btn-sm{padding:8px 12px}

/* Hero */
.hero{padding:38px 0 18px;border-bottom:1px solid var(--line)}
.grid-2{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}
.hero h1{font-size:2.2rem;margin:10px 0}
.accent{color:var(--accent)}
.hero-bullets{margin:14px 0 0 16px}
.hero-media img{border-radius:16px;box-shadow:var(--shadow)}

/* Stripes / sections */
.section{padding:42px 0}
.stripe{padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#121318}

/* Logos row */
.logos{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.logos-row{display:flex;gap:10px;flex-wrap:wrap}
.logo-pill{background:#17181d;border:1px solid var(--line);padding:8px 12px;border-radius:999px}

/* Cards */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}
.card{background:#121318;border:1px solid var(--line);border-radius:16px;overflow:hidden;text-decoration:none;color:var(--text);transition:transform .15s}
.card img{height:160px;object-fit:cover}
.card h3{margin:12px 14px}
.card p, .card ul{margin:0 14px 16px 14px;color:var(--muted)}
.card:hover{transform:translateY(-4px)}

/* Page hero */
.page-hero{padding:34px 0;border-bottom:1px solid var(--line)}
.page-hero.with-img{background:linear-gradient(180deg,rgba(0,159,227,.12),transparent)}

/* Forms */
.form{display:grid;gap:12px}
.form input,.form textarea{
  background:#121318;border:1px solid var(--line);border-radius:12px;padding:12px;color:var(--text)
}
.form input:focus,.form textarea:focus{outline:2px solid var(--accent)}
.muted{color:var(--muted);font-size:.95rem}

/* Map */
.map iframe{width:100%;min-height:300px;border:1px solid var(--line);border-radius:16px}

/* Gallery */
.gallery{columns:1;column-gap:16px}
.gal-item{break-inside:avoid;background:#121318;border:1px solid var(--line);border-radius:16px;margin:0 0 16px 0;overflow:hidden}
.gal-item img{width:100%;height:auto;display:block}
.gal-item figcaption{padding:12px;color:var(--muted);font-size:.95rem}

/* Lists */
.list{list-style:none;padding-left:0}
.list li{margin:6px 0}
.check{list-style:"✔  ";padding-left:22px}
.bullet{list-style:"•  ";padding-left:22px}

/* CTA band */
.cta{background:linear-gradient(180deg,rgba(0,159,227,.12),transparent)}

/* Footer */
.footer{border-top:1px solid var(--line);background:#101116}
.footer .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-top:18px}
.copy{border-top:1px solid var(--line);text-align:center;padding:12px;color:var(--muted)}

/* WhatsApp Float */
.wa-float{
  position:fixed;right:16px;bottom:16px;width:56px;height:56px;border-radius:50%;
  display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent-2));
  color:#001018;text-decoration:none;font-weight:800;border:1px solid #0a6ea5;box-shadow:var(--shadow)
}

/* Responsive */
@media (max-width:900px){
  .grid-2{grid-template-columns:1fr}
  .cards{grid-template-columns:1fr 1fr}
  .footer .grid-3{grid-template-columns:1fr}
}
@media (max-width:680px){
  .cards{grid-template-columns:1fr}
  .nav{display:none;position:absolute;right:18px;top:64px;background:#101116;border:1px solid var(--line);border-radius:14px;padding:10px;flex-direction:column;width:220px}
  .menu-btn{display:block}
}