:root{--gold:#f5c518;--dark:#000;--text:#eaeaea}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,'Noto Sans',sans-serif;background:#000;color:var(--text)}
.container{max-width:1120px;margin:0 auto;padding:0 16px}

.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}
.brand-badge{height:36px;width:36px;border-radius:12px;display:grid;place-items:center;font-weight:700;background:linear-gradient(135deg,#fff,#d4d4d4);color:#111;overflow:hidden}
.brand-badge img{max-width:100%;height:100%;object-fit:cover}
.brand-name{font-weight:600}
.brand-sub{letter-spacing:.25em;text-transform:uppercase;color:var(--gold);font-size:11px}
.cta{background:var(--gold);color:#111;border:none;border-radius:16px;padding:10px 14px;font-weight:600;text-decoration:none;display:inline-block}
.btn-secondary{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:16px;padding:10px 14px;text-decoration:none}

.hero{background:linear-gradient(180deg,#000,#0b0b0b 50%,#121212);padding:96px 0 56px}
.hero h1{font-size:44px;line-height:1.1;margin:0 0 12px}
.lead{color:#cfcfcf;max-width:680px}
.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);border-radius:999px;padding:6px 10px;color:#d6d6d6;font-size:12px;margin-bottom:16px}
.hero-cta{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}
.hero-stats{display:flex;gap:24px;margin-top:18px;color:#d6d6d6;flex-wrap:wrap}

.section{padding:64px 0;background:#141414}
.section.alt{background:#1c1c1c}
.heading{text-align:center;margin-bottom:28px}
.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--gold);font-size:12px}
.title{color:#fff;font-size:32px;margin:8px 0}
.subtitle{color:#c9c9c9}
.grid{display:grid;gap:16px}
.grid-3{grid-template-columns:repeat(1,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}
@media(min-width:768px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{ display: grid; grid-template-columns:repeat(4,1,fr);gap: 20px;}}
.card{background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:18px;color:#d8d8d8}
.card h3{color:#fff;margin:6px 0 8px;font-size:18px}
.tag{color:var(--gold);text-transform:uppercase;letter-spacing:.15em;font-size:12px}
.list{list-style:none;padding:0;margin:8px 0 0}
.list li{display:flex;gap:8px;margin:8px 0}

.stats-grid{display:grid;gap:16px}
@media(min-width:768px){.stats-grid{grid-template-columns:repeat(4,1fr)}}
.stat{border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.45);border-radius:18px;padding:20px;text-align:center}
.stat .num{font-size:34px;color:#fff;font-weight:700}
.stat .lbl{color:#c7c7c7;margin-top:6px}
.pricing-grid{display:grid;gap:16px}
@media(min-width:768px){.pricing-grid{grid-template-columns:repeat(3,1fr)}}
.price{display:flex;align-items:end;gap:6px;margin:8px 0;color:#fff;font-size:28px;font-weight:700}
.highlight{background:rgba(255,255,255,.08)}

.footer{background:#000;border-top:1px solid rgba(255,255,255,.08)}
.footer-inner{max-width:1120px;margin:0 auto;padding:28px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.muted{color:#9c9c9c}
.gold{color:var(--gold)}
.flash{margin-top:10px;color:#111;background:var(--gold);display:inline-block;padding:6px 10px;border-radius:8px}

/* Carousel */
.carousel-section{padding:48px 0;background:#0f0f0f}
.carousel{position:relative;overflow:hidden;border-radius:16px;border:1px solid rgba(255,255,255,.1)}
.carousel-track{display:flex;transition:transform .5s ease}
.slide{min-width:100%;position:relative}
.slide img{width:100%;height:420px;object-fit:cover;display:block}
.caption{position:absolute;left:12px;bottom:12px;background:rgba(0,0,0,.55);color:#fff;padding:6px 10px;border-radius:8px}
.nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.15);color:#fff;border-radius:50%;height:40px;width:40px;display:grid;place-items:center;cursor:pointer}
.nav.prev{left:10px}.nav.next{right:10px}
.dots{position:absolute;left:0;right:0;bottom:10px;display:flex;gap:6px;justify-content:center}
.dots button{height:8px;width:8px;border-radius:999px;border:none;background:#666;opacity:.7}
.dots button.active{background:var(--gold);opacity:1}
.placeholder{display:grid;place-items:center;height:420px;color:#bbb}

.contact-wrap{display:grid;gap:20px}
@media(min-width:900px){.contact-wrap{grid-template-columns:1fr 1fr}}
.input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.35);color:#fff}
.label{font-size:13px;color:#d0d0d0;margin-bottom:6px;display:block}
textarea.input{min-height:110px}

  .display-3 {
        font-size: 2.5rem;
    }

/* Hero background gradient */
.hero {
  background: linear-gradient(180deg, #000000 0%, #111111 100%);
  color: #fff;
  padding: 6rem 2rem;
  text-align: center;
}

/* Badge */
.pill {
  display: inline-block;
  background: #222;
  color: #facc15;
  font-size: 0.9rem;
  padding: 0.4rem 1rem;
  border-radius: 999px;
  margin-bottom: 1rem;
}

/* Buttons */
.btn-primary {
  background: #facc15;
  color: #000;
  font-weight: bold;
  padding: 0.8rem 1.6rem;
  border-radius: 6px;
  margin-right: 1rem;
  text-decoration: none;
}

.btn-primary:hover {
  background: #eab308;
}

.btn-secondary {
  border: 1px solid #444;
  color: #fff;
  padding: 0.8rem 1.6rem;
  border-radius: 6px;
  text-decoration: none;
}

.btn-secondary:hover {
  background: #333;
}



.carousel-control {
  background: #111;
  color: #fff;
  border: none;
  font-size: 2rem;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 0.5rem 1rem;
  border-radius: 50%;
}

.carousel-control.prev { left: 10px; }
.carousel-control.next { right: 10px; }