/* Modern, clean styles */
:root{
  --bg:#0b1220;
  --brand:#0ea5e9;
  --brand-2:#22d3ee;
  --text:#0f172a;
  --muted:#475569;
  --card:#ffffff;
  --band:#f8fafc;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,'Noto Sans',sans-serif;color:var(--text);background:#fff}
img{max-width:100%;display:block;border-radius:16px}
.container{max-width:1100px;margin:auto;padding:0 16px}
.site-header{position:relative}
.nav{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.brand{font-weight:800;letter-spacing:.2px;text-decoration:none;color:var(--text)}
.menu{list-style:none;display:flex;gap:16px;margin:0;padding:0}
.menu a{color:var(--text);text-decoration:none;padding:8px 10px;border-radius:10px}
.menu a:hover{background:var(--band)}
.nav-burger,.nav-toggle{display:none}
@media (max-width:900px){
  .menu{position:absolute;right:16px;top:56px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px;display:none;flex-direction:column;box-shadow:0 10px 30px rgba(2,8,23,.12)}
  .nav-burger{display:block;font-size:26px;cursor:pointer}
  .nav-toggle:checked ~ .menu{display:flex}
}
.hero{position:relative;min-height:62vh;display:grid;place-items:center;overflow:hidden}
.hero__bg{position:absolute;inset:0;background:
  linear-gradient(180deg,rgba(2,8,23,.45),rgba(2,8,23,.65)),
  url('assets/images/6.jpg') center/cover no-repeat;filter:contrast(1.02) saturate(1.05)}
.hero__content{position:relative;color:#fff;text-align:center;padding:64px 0}
.hero h1{font-size:clamp(28px,5vw,52px);margin:0 0 8px}
.hero p{opacity:.95}
.cta{display:flex;gap:12px;justify-content:center;margin-top:18px;flex-wrap:wrap}
.btn{background:linear-gradient(90deg,var(--brand),var(--brand-2));border:none;color:#fff;padding:12px 18px;border-radius:999px;text-decoration:none;font-weight:700;box-shadow:0 8px 24px rgba(14,165,233,.35);display:inline-block}
.btn.ghost{background:#ffffff20;border:1px solid #ffffff50}
.btn.small{padding:8px 12px;font-size:14px}
.split{display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:center;padding:56px 0}
@media (max-width:900px){.split{grid-template-columns:1fr}}
.cover-shadow img{box-shadow:0 18px 60px rgba(2,8,23,.18)}
.badges{display:flex;gap:10px;flex-wrap:wrap;padding-left:0;margin:14px 0 6px 0}
.badges li{list-style:none;background:var(--band);padding:8px 12px;border-radius:999px;border:1px solid #e5e7eb}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media (max-width:1000px){.grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:700px){.grid{grid-template-columns:repeat(2,1fr)}}
.band{background:var(--band);padding:48px 0}
.features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.features article{background:var(--card);padding:18px;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 10px 30px rgba(2,8,23,.06)}
@media (max-width:900px){.features{grid-template-columns:repeat(2,1fr)}}
.video-wrap{position:relative;padding-top:56.25%;border-radius:16px;overflow:hidden;box-shadow:0 18px 60px rgba(2,8,23,.12)}
.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%}
.fb-wrap iframe{width:100%;height:500px;border-radius:16px;box-shadow:0 18px 60px rgba(2,8,23,.06)}
.map-wrap{position:relative;padding-top:56.25%;border-radius:16px;overflow:hidden;box-shadow:0 18px 60px rgba(2,8,23,.06)}
.map-wrap iframe{position:absolute;inset:0;width:100%;height:100%}
.contact{display:grid;gap:12px}
.contact .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.contact input,.contact textarea{width:100%;padding:12px;border:1px solid #e5e7eb;border-radius:12px;font:inherit}
.contact button{justify-self:start}
.note{margin-top:12px;color:var(--muted)}
.site-footer .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;align-items:center}
@media (max-width:900px){.site-footer .footer-grid{grid-template-columns:1fr;gap:10px;text-align:center}}
.madeby{font-size:14px;color:var(--muted)}
/* WhatsApp floating */
.wa-float{position:fixed;right:16px;bottom:16px;background:#25d366;border-radius:50%;width:56px;height:56px;display:grid;place-items:center;box-shadow:0 10px 30px rgba(2,8,23,.25);z-index:50}
.wa-float svg{fill:#fff;width:28px;height:28px}
/* Lightbox */
.lightbox{position:fixed;inset:0;background:rgba(2,8,23,.92);display:none;align-items:center;justify-content:center;padding:20px;z-index:60}
.lightbox img{max-height:90vh;border-radius:16px}
.lightbox.show{display:flex}