:root{
  --brand:#21464b;
  --brand-2:#f37021;
  --ink:#0e2b30;
  --muted:#6c7a7d;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; color:var(--ink);}
.navbar{--bs-navbar-padding-y:.6rem}
.navbar-brand img{height:40px; width:auto}
.btn-brand{background:var(--brand-2); border:0; color:white; font-weight:600}
.btn-brand:hover{opacity:.92; color:white}
.hero{min-height:72vh; background:linear-gradient(120deg, rgba(8,38,43,.85), rgba(13,61,69,.65)), url('../img/hero-poster2.webp') center/cover no-repeat; color:white; position:relative}
.hero .tag{letter-spacing:.2em; text-transform:uppercase; font-weight:700; color:#ffc48d}
.hero h1{font-weight:800}
.hero p.lead{max-width:56ch}
.section{padding:64px 0}
.section-title{font-weight:800}
.card-service{border:0; box-shadow:0 8px 28px rgba(0,0,0,.08); border-radius:1rem}
.card-service .bi{font-size:2rem; color:var(--brand-2)}
.badge-soft{background:rgba(243,112,33,.12); color:var(--brand-2); border-radius:999px; padding:.4rem .7rem; font-weight:600}
.gallery{display:grid; grid-template-columns:repeat(3, 1fr); gap:12px}
.gallery img{width:100%; aspect-ratio:3/2; object-fit:cover; border-radius:.75rem}
@media (max-width:991px){ .gallery{grid-template-columns:repeat(2,1fr)} }
@media (max-width:575px){ .gallery{grid-template-columns:1fr} }
footer{background:#0f2e33; color:#cfe8ec}
footer a{color:#cfe8ec; text-decoration:none}
footer a:hover{text-decoration:underline}
.form-control, .form-select{border-radius:.6rem}
.video-wrapper{position:relative; border-radius:1rem; overflow:hidden; box-shadow:0 8px 24px rgba(0,0,0,.18)}
.video-wrapper video{width:100%; height:auto; display:block}
.small-muted{color:var(--muted); font-size:.95rem}