:root {
  --sv-bg: #13163A;
  --sv-bg-light: #1D2154;
  --sv-purple: #9490E8;
  --sv-purple-dark: #6B63D4;
  --sv-ink: #1D2154;
  --sv-muted: rgba(255,255,255,0.6);
  --sv-bg-soft: #F4F3FC;
}

body {
  font-family: "Segoe UI", Arial, sans-serif;
  background-color: var(--sv-bg);
  color: #ffffff;
}

.navbar-brand img { height: 34px; }

.btn-nav-cta { white-space: nowrap; }
.btn-nav-cta-short { display: none; }

@media (max-width: 480px) {
  .navbar .container { --bs-gutter-x: 1rem; }
  .navbar-brand img { height: 28px; }
  .btn-nav-cta-full { display: none; }
  .btn-nav-cta-short { display: inline; }
  .btn-nav-cta { font-size: 0.85rem; padding: 0.45rem 0.75rem; }
}

.btn-sv {
  background-color: var(--sv-purple);
  border-color: var(--sv-purple);
  color: #13163A;
  font-weight: 600;
}
.btn-sv:hover, .btn-sv:focus {
  background-color: var(--sv-purple-dark);
  border-color: var(--sv-purple-dark);
  color: #ffffff;
}

.btn-sv-outline {
  border: 2px solid rgba(255,255,255,0.4);
  color: #ffffff;
  font-weight: 600;
}
.btn-sv-outline:hover {
  background-color: rgba(255,255,255,0.1);
  border-color: #ffffff;
  color: #ffffff;
}

.navbar {
  background-color: var(--sv-bg) !important;
  border-bottom: 1px solid rgba(148,144,232,0.15);
}

.hero {
  background: radial-gradient(circle at 15% 20%, rgba(148,144,232,0.18) 0%, transparent 45%),
              radial-gradient(circle at 85% 80%, rgba(107,99,212,0.15) 0%, transparent 45%),
              var(--sv-bg);
  padding: 6rem 0 5rem;
}
.hero .eyebrow {
  color: var(--sv-purple);
  letter-spacing: 3px;
  text-transform: uppercase;
  font-size: 0.85rem;
  font-weight: 600;
}
.hero p.lead { color: rgba(255,255,255,0.7); }

.section-light {
  background-color: var(--sv-bg-soft);
  color: var(--sv-ink);
}
.section-light .section-subtitle { color: #5a5a75; }
.section-light .text-muted { color: #5a5a75 !important; }

.section-dark { background-color: var(--sv-bg); }

.section-title {
  font-weight: 700;
  margin-bottom: 0.75rem;
}
.section-subtitle {
  color: rgba(255,255,255,0.55);
  max-width: 640px;
  margin: 0 auto 3rem;
}

.pillar-card {
  border: 1px solid rgba(148,144,232,0.25);
  border-radius: 12px;
  padding: 2rem;
  height: 100%;
  background-color: rgba(148,144,232,0.05);
}
.pillar-card .pillar-number {
  color: var(--sv-purple);
  font-weight: 800;
  font-size: 0.85rem;
  letter-spacing: 2px;
  margin-bottom: 0.75rem;
}
.pillar-card p { color: rgba(255,255,255,0.65); }

.proof-card {
  border: 1px solid #e3e0f7;
  border-radius: 12px;
  padding: 2rem;
  background-color: #ffffff;
}
.proof-card .badge-live {
  display: inline-block;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.5px;
  color: #1c7c4f;
  background-color: #e3f6ec;
  padding: 0.25rem 0.6rem;
  border-radius: 100px;
  margin-bottom: 0.75rem;
}
.proof-link {
  display: inline-block;
  margin-top: 1rem;
  font-weight: 700;
  font-size: 0.9rem;
  color: var(--sv-purple);
  text-decoration: none;
}
.proof-link:hover {
  text-decoration: underline;
}

.offer-card {
  border: 1px solid rgba(148,144,232,0.25);
  border-radius: 12px;
  padding: 2rem;
  height: 100%;
  background-color: rgba(148,144,232,0.05);
}
.offer-card .offer-price {
  color: var(--sv-purple);
  font-weight: 800;
  font-size: 1.4rem;
}
.offer-card p.offer-desc { color: rgba(255,255,255,0.65); }

.cta-band {
  background-color: var(--sv-bg-light);
  border-top: 1px solid rgba(148,144,232,0.2);
}

footer {
  background-color: #0c0e29;
  color: rgba(255,255,255,0.4);
}
footer a { color: rgba(255,255,255,0.6); }