:root{
  --bg:#0a0f14;
  --text:#e7eef6;
  --muted:#95a3b3;
  --brand1:#00bcd4; /* teal from logo */
  --brand2:#ff8a00; /* orange from logo */
  --card:#111820;
}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text)}
a{color:var(--brand1);text-decoration:none}
.container{width:min(1100px,94%);margin-inline:auto}
.site-header{position:sticky;top:0;background:rgba(10,15,20,.9);backdrop-filter:blur(10px);z-index:50;border-bottom:1px solid #1b2430}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:10px 0}
.brand{display:flex;gap:12px;align-items:center}
.logo{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid var(--brand1)}
.brand h1{font-size:1.1rem;letter-spacing:.12em;margin:0}
.tag{font-size:.85rem;color:var(--muted)}
.nav{display:flex;gap:16px;flex-wrap:wrap}
.nav a{padding:8px 10px;border-radius:10px}
.nav a:hover{background:#111}
.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;border:1px solid var(--brand1)}
.btn.primary{background:linear-gradient(45deg,var(--brand1),var(--brand2));color:#031018;border:none}
.btn.outline{color:var(--text)}

.hero{position:relative;height:90vh;min-height:520px;isolation:isolate}
.slider{position:absolute;inset:0;overflow:hidden}
.slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:scale(1.04);transition:opacity .9s ease, transform 8s ease}
.slide.active{opacity:1;transform:scale(1)}
.hero::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25) 10%, rgba(0,0,0,.65) 80%);}
.hero-caption{position:relative;z-index:1;display:grid;place-items:end start;height:100%;padding:12vh 3vw}
.hero-caption h2{font-size:clamp(28px,5vw,48px);margin:.2em 0}
.hero-caption p{color:var(--muted);max-width:520px}
.hero-actions{display:flex;gap:12px;margin-top:14px}

.section{padding:60px 0}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}
.card{background:var(--card);border:1px solid #1b2430;border-radius:16px;overflow:hidden}
.card img{width:100%;height:190px;object-fit:cover}
.card-body{padding:14px}

.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.g-item{display:block;border-radius:12px;overflow:hidden;border:1px solid #1b2430}
.g-item img{width:100%;height:220px;object-fit:cover;display:block;filter:saturate(1.05) contrast(1.05)}

.video-wrap{position:relative;padding-top:56.25%;border-radius:16px;overflow:hidden;border:1px solid #1b2430}
.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%}

.social-embeds{display:grid;grid-template-columns:1fr;gap:20px}
@media (min-width:900px){.social-embeds{grid-template-columns:1fr 1fr}}

.contact-grid{display:grid;grid-template-columns:1fr;gap:22px}
@media (min-width:900px){.contact-grid{grid-template-columns:1fr 1fr}}
.contact-form{background:var(--card);padding:16px;border-radius:16px;border:1px solid #1b2430}
.contact-form label{display:block;margin-bottom:10px;font-size:.95rem}
.contact-form input,.contact-form textarea{width:100%;padding:10px 12px;margin-top:6px;background:#0b121a;border:1px solid #1f2a37;border-radius:10px;color:var(--text)}
.contact-info .list{list-style:none;padding:0;margin:0 0 14px 0;color:var(--muted)}
.map{border-radius:16px;overflow:hidden;border:1px solid #1b2430}

.site-footer{padding:24px 0;border-top:1px solid #1b2430;color:var(--muted);text-align:center}

.wa-float{position:fixed;right:18px;bottom:18px;background:#25D366;border-radius:999px;padding:12px;display:inline-grid;place-items:center;box-shadow:0 10px 24px rgba(0,0,0,.35);z-index:60}
.wa-float svg{fill:#fff}