:root{
  --bg:#0b0f14;
  --card:#101720;
  --muted:#91a0b3;
  --primary:#d6b35d;
  --text:#eaf0f7;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:#0b1118}
a{color:var(--text);text-decoration:none}
.container{width:min(1100px,92%);margin:0 auto}
.site-header{position:sticky;top:0;backdrop-filter:saturate(140%) blur(6px);background:rgba(11,17,24,.75);border-bottom:1px solid rgba(255,255,255,.06);z-index:50}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.brand{display:flex;gap:12px;align-items:center}
.logo{width:44px;height:44px;object-fit:contain}
.logo.small{width:28px;height:28px}
.brand-name{font-weight:800;letter-spacing:.4px}
.brand-tag{font-size:12px;color:var(--muted)}
.nav{display:flex;gap:16px;align-items:center}
.nav a{opacity:.9}
.btn{padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.12);display:inline-block}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--primary);color:#111;border:none;font-weight:700}
.btn-outline{background:transparent}
.btn-wa{border-color:var(--primary)}

.hero{background:radial-gradient(1200px 600px at 10% -10%, rgba(214,179,93,.15), transparent 40%), linear-gradient(180deg, #0c1420, #0b1118);padding:56px 0 32px}
.hero-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center}
.hero-text h1{font-size:44px;line-height:1.08;margin:8px 0 10px}
.hero-text p{color:var(--muted)}
.cnaps{margin-top:12px;color:var(--muted)}
.ticks{list-style:none;padding:18px;margin:0;background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:16px}
.ticks li{margin:10px 0;padding-left:10px;position:relative}
.ticks li::before{content:"✓";position:absolute;left:-18px;color:var(--primary)}
.cta{display:flex;gap:12px;margin-top:12px}

.section{padding:56px 0;background:linear-gradient(180deg, #0b1118, #0b1118)}
.section.alt{background:linear-gradient(180deg, #0b1118, #0f1622)}
h2{font-size:28px;margin:0 0 18px}
.grid.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:0 0 14px;min-height:150px;overflow:hidden}
.card-img{width:100%;height:140px;object-fit:cover;display:block;border-bottom:1px solid rgba(255,255,255,.06)}
.card h3{margin:12px 14px 6px}
.card p{margin:0 14px 0;color:var(--muted)}
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}

.contact{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:start}
.contact-list{list-style:none;padding:0;margin:0 0 8px 0;color:var(--muted)}
.contact-list li{margin:8px 0}
.mini-form{background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:18px}
.mini-form label{display:block;font-size:14px;margin:10px 0 8px}
.mini-form input,.mini-form textarea{width:100%;padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#0e1620;color:var(--text)}
.mini-form button{margin-top:10px}
.form-note{color:var(--muted);font-size:12px;margin-top:8px}

.site-footer{border-top:1px solid rgba(255,255,255,.08);padding:18px 0;background:#0b1118}
.footer-inner{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.foot-links{display:flex;gap:14px}
.muted{color:var(--muted)}

@media (max-width: 900px){
  .hero-inner{grid-template-columns:1fr}
  .grid.cards{grid-template-columns:1fr 1fr}
  .trio{grid-template-columns:1fr}
  .contact{grid-template-columns:1fr}
}
@media (max-width: 520px){
  .grid.cards{grid-template-columns:1fr}
  .nav{display:none}
}