:root{
  --qs-bg: #0b1220;
  --qs-surface: rgba(255,255,255,.06);
  --qs-border: rgba(255,255,255,.12);
  --qs-text: rgba(255,255,255,.92);
  --qs-muted: rgba(255,255,255,.70);
  --qs-accent: #38bdf8;
  --qs-accent2:#a78bfa;
  --qs-radius: 18px;
}

.qs-body{
  font-family: 'Poppins', sans-serif;
  background: radial-gradient(1200px 600px at 20% 10%, rgba(56,189,248,.12), transparent 55%),
              radial-gradient(900px 500px at 80% 20%, rgba(167,139,250,.10), transparent 55%),
              var(--qs-bg);
  color: var(--qs-text);
}

.qs-nav{
  background: rgba(15, 23, 42, .78);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--qs-border);
}

.qs-brand{ font-weight: 800; letter-spacing:.2px; }
.qs-mark{
  display:inline-grid; place-items:center;
  width:34px; height:34px;
  background: linear-gradient(135deg, var(--qs-accent), var(--qs-accent2));
  color:#081018; border-radius: 10px; margin-right:8px;
  font-weight:900;
}
.qs-btn{
  background: linear-gradient(135deg, var(--qs-accent), var(--qs-accent2));
  border: none;
}

.qs-hero{
  padding: 84px 0 44px;
}
.qs-hero h1{
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -.6px;
}
.qs-hero p{ color: var(--qs-muted); }

.qs-pill{
  display:inline-flex; gap:8px; align-items:center;
  border: 1px solid var(--qs-border);
  background: rgba(255,255,255,.04);
  padding: 8px 12px;
  border-radius: 999px;
  color: var(--qs-muted);
  font-size: 13px;
}

.qs-card{
  border: 1px solid var(--qs-border);
  background: var(--qs-surface);
  border-radius: var(--qs-radius);
  box-shadow: 0 10px 40px rgba(0,0,0,.22);
}

.qs-card:hover{
  transform: translateY(-2px);
  transition: .22s ease;
  border-color: rgba(56,189,248,.22);
}

.qs-card-h{
  padding: 18px 18px 0;
}
.qs-card-b{
  padding: 18px;
}

.qs-badge{
  display:inline-flex;
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid var(--qs-border);
  color: var(--qs-muted);
  background: rgba(255,255,255,.04);
}

.qs-price{
  font-weight: 800;
  font-size: 34px;
}
.qs-muted{ color: var(--qs-muted); }

.qs-section{
  padding: 42px 0;
}

.qs-kpi{
  padding: 14px 16px;
  border-radius: 14px;
  border: 1px dashed rgba(255,255,255,.14);
  background: rgba(255,255,255,.03);
}

.qs-footer{
  border-top: 1px solid var(--qs-border);
  background: rgba(15, 23, 42, .45);
}
.qs-footer-brand{ font-weight: 800; font-size: 18px; }
.qs-footer-title{ font-weight: 700; margin-bottom: 10px; }
.qs-footer-text{ color: var(--qs-muted); max-width: 520px; }
.qs-footer-links{ list-style:none; padding:0; margin:0; }
.qs-footer-links li{ margin: 8px 0; }
.qs-footer-links a{ color: var(--qs-muted); text-decoration:none; }
.qs-footer-links a:hover{ color:#fff; text-decoration:underline; }
.qs-footer-bottom{
  border-top: 1px solid rgba(255,255,255,.08);
  display:flex; flex-wrap:wrap; gap:10px;
  justify-content:space-between;
  color: rgba(255,255,255,.55);
  font-size: 12px;
}