:root{
  --brand-blue:#0056b3;
  --brand-blue-2:#007BFF;
  --brand-orange:#FF6600;
  --bg-soft:#f6f8fb;
  --text:#1f2937;
  --muted:#6b7280;
}

html{scroll-behavior:smooth}
body{font-family:Roboto,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--text)}

h1,h2,h3,h4,.font-heading{font-family:Montserrat,Roboto,system-ui,-apple-system,Segoe UI,Arial,sans-serif}

.navbar{backdrop-filter:saturate(180%) blur(8px)}
.navbar .nav-link{font-weight:600}

.btn-brand{background:var(--brand-blue-2);border-color:var(--brand-blue-2)}
.btn-brand:hover{background:var(--brand-blue);border-color:var(--brand-blue)}
.btn-accent{background:var(--brand-orange);border-color:var(--brand-orange);color:#fff}
.btn-accent:hover{filter:brightness(.95);color:#fff}

.hero{
  background:
    linear-gradient(90deg, rgba(0,86,179,.92) 0%, rgba(0,123,255,.75) 55%, rgba(0,0,0,.15) 100%),
    url('https://images.unsplash.com/photo-1590787996529-a542c86ca267?auto=format&fit=crop&w=2400&q=70');
  background-size:cover;
  background-position:center;
}

.section{padding:64px 0}
.section-soft{background:var(--bg-soft)}

.card.icon-card{border:0;box-shadow:0 8px 24px rgba(15,23,42,.08)}
.card.icon-card .icon{
  width:44px;height:44px;border-radius:12px;
  display:grid;place-items:center;
  background:rgba(255,102,0,.12);color:var(--brand-orange)
}

.badge-brand{background:rgba(0,123,255,.12);color:var(--brand-blue)}

.reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease, transform .55s ease}
.reveal.is-visible{opacity:1;transform:translateY(0)}

.floating-actions{
  position:fixed;right:16px;bottom:16px;z-index:1030;
  display:flex;flex-direction:column;gap:10px
}
.floating-actions a{
  width:52px;height:52px;border-radius:16px;
  display:grid;place-items:center;
  box-shadow:0 12px 30px rgba(0,0,0,.18)
}

.floating-actions .wa{background:#25D366;color:#fff}
.floating-actions .call{background:var(--brand-orange);color:#fff}

.footer{background:#0b1220;color:#cbd5e1}
.footer a{color:#cbd5e1;text-decoration:none}
.footer a:hover{color:#fff}

.small-note{color:var(--muted);font-size:.95rem}

.table thead th{background:rgba(0,123,255,.08)}

.gallery-img{aspect-ratio: 4/3;object-fit:cover}

.form-control:focus,.form-select:focus{border-color:rgba(0,123,255,.65);box-shadow:0 0 0 .25rem rgba(0,123,255,.15)}