:root{
  --brand-yellow:#f6c000;
  --brand-dark:#0b0f17;
  --brand-dark-2:#111827;
  --text:#e5e7eb;
}

html{scroll-behavior:smooth;}
body{
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
  background: var(--brand-dark);
  color: var(--text);
}

a{color:inherit}
.navbar{
  backdrop-filter: blur(10px);
  background: rgba(11,15,23,.65);
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.navbar .nav-link{opacity:.85}
.navbar .nav-link:hover{opacity:1}
.btn-brand{
  background: var(--brand-yellow);
  color:#0b0f17;
  border: none;
  font-weight: 700;
}
.btn-brand:hover{filter:brightness(.95); color:#0b0f17;}
.btn-outline-light{border-color: rgba(255,255,255,.35);}
.badge-soft{
  background: rgba(246,192,0,.18);
  color: var(--brand-yellow);
  border:1px solid rgba(246,192,0,.25);
}

.hero{
  position:relative;
  min-height: 78vh;
  display:flex;
  align-items:center;
  overflow:hidden;
}
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(1200px 700px at 10% 20%, rgba(246,192,0,.25), transparent 55%),
    radial-gradient(900px 600px at 70% 30%, rgba(59,130,246,.18), transparent 60%),
    linear-gradient(180deg, rgba(11,15,23,.55), rgba(11,15,23,.92));
  z-index:1;
}
.hero-bg{
  position:absolute;
  inset:0;
  z-index:0;
  object-fit:cover;
  width:100%;
  height:100%;
  transform: scale(1.06);
  filter: contrast(1.05) saturate(1.05) brightness(.85);
}
.hero-content{position:relative; z-index:2;}

.section{
  padding: 4.5rem 0;
}
.section-title{
  font-weight: 800;
  letter-spacing: -0.02em;
}
.kicker{
  color: rgba(229,231,235,.85);
}
.card-glass{
  background: rgba(17,24,39,.55);
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 20px 45px rgba(0,0,0,.35);
  border-radius: 1.25rem;
}
.icon-pill{
  width:44px;height:44px;border-radius:999px;
  display:grid;place-items:center;
  background: rgba(246,192,0,.14);
  border:1px solid rgba(246,192,0,.22);
  color: var(--brand-yellow);
}
.product-img{
  width:100%;
  height: 210px;
  object-fit: contain;
  padding: 18px;
  background: rgba(255,255,255,.03);
  border-radius: 1rem;
}
.brand-strip img{
  max-height: 52px;
  filter: drop-shadow(0 12px 25px rgba(0,0,0,.4));
}
.divider{
  height:1px;background: rgba(255,255,255,.08);
}
.footer{
  background: rgba(17,24,39,.55);
  border-top: 1px solid rgba(255,255,255,.08);
}
.small-muted{color: rgba(229,231,235,.78);}

.floating-whatsapp{
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 1050;
  display:flex;
  gap:.6rem;
  align-items:center;
  text-decoration:none;
  padding: .75rem 1rem;
  border-radius: 999px;
  background: rgba(37, 211, 102, .15);
  border: 1px solid rgba(37, 211, 102, .35);
  color: #eafff3;
  backdrop-filter: blur(8px);
}
.floating-whatsapp:hover{filter: brightness(1.03);}
.floating-whatsapp img{width:22px;height:22px}