body {
  margin:0;
  font-family:'Poppins',sans-serif;
  background:#0a0a12;
  color:white;
  -webkit-font-smoothing:antialiased;
}

/* TOP BAR */
.top-bar {
  background:#ff6ec7;
  text-align:center;
  padding:10px;
  font-weight:600;
  letter-spacing:0.5px;
  box-shadow:0 0 10px rgba(255,110,199,0.3);
}

/* HEADER */
.header {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:15px 30px;
  border-bottom:1px solid rgba(255,255,255,0.05);
}

.logo-wrap {
  display:flex;
  align-items:center;
  gap:10px;
}

.logo-wrap img {
  height:55px;
  filter:drop-shadow(0 0 5px rgba(255,110,199,0.3));
}

.nav-call {
  color:#ff6ec7;
  font-weight:bold;
  text-decoration:none;
  transition:0.2s;
}

.nav-call:hover {
  opacity:0.8;
}

/* HERO */
.hero {
  text-align:center;
  padding:110px 20px;
  background:linear-gradient(135deg,#0f172a,#1e293b);
}

.hero-logo {
  width:120px;
  margin-bottom:20px;
  filter:drop-shadow(0 0 8px rgba(255,110,199,0.3));
}

.hero h1 {
  font-size:2.8rem;
  margin-bottom:10px;
}

.sub {
  color:#00c6ff;
  font-weight:600;
}

.tagline {
  opacity:0.85;
  max-width:600px;
  margin:10px auto;
}

.response {
  color:#00c6ff;
  margin:10px 0;
}

/* BUTTONS */
.hero-buttons {
  display:flex;
  justify-content:center;
  gap:15px;
  flex-wrap:wrap;
}

.btn {
  padding:14px 28px;
  border-radius:30px;
  font-weight:bold;
  text-decoration:none;
  transition:all 0.2s ease;
}

.btn.primary {
  background:#ff6ec7;
  color:white;
  box-shadow:0 0 10px rgba(255,110,199,0.4);
}

.btn.primary:hover {
  transform:translateY(-2px);
  box-shadow:0 0 18px rgba(255,110,199,0.7);
}

.btn.secondary {
  background:#1e293b;
  border:1px solid rgba(255,255,255,0.1);
  color:white;
}

.btn.secondary:hover {
  background:#243447;
}

/* FLOAT BUTTON */
.call-btn {
  position:fixed;
  bottom:20px;
  right:20px;
  background:#ff6ec7;
  padding:16px 22px;
  border-radius:50px;
  font-weight:bold;
  text-decoration:none;
  color:white;
  box-shadow:0 0 12px rgba(255,110,199,0.5);
  transition:0.2s;
}

.call-btn:hover {
  transform:scale(1.05);
}

/* TRUST STRIP */
.trust-strip {
  text-align:center;
  padding:15px;
  background:#141426;
  font-size:0.9rem;
  opacity:0.9;
}

/* SECTIONS */
section {
  padding:70px 20px;
  text-align:center;
}

/* GRID */
.grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:20px;
  margin-top:20px;
}

.grid div {
  background:#141426;
  padding:20px;
  border-radius:12px;
  transition:0.2s;
}

.grid div:hover {
  transform:translateY(-4px);
  background:#1a1a33;
}

/* REVIEWS */
.review-box {
  background:#141426;
  margin:10px auto;
  padding:15px;
  border-radius:12px;
  max-width:500px;
  transition:0.2s;
}

.review-box:hover {
  background:#1a1a33;
}

/* CTA */
.cta {
  background:linear-gradient(135deg,#ff6ec7,#00c6ff);
  color:#000;
  padding:80px 20px;
}

.cta h2 {
  margin-bottom:20px;
}

/* LINKS */
a {
  color:#00c6ff;
  transition:0.2s;
}

a:hover {
  opacity:0.7;
}