/* Base typography */
:root{
  --brand-primary:#ff465a;
}

body{
  font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
  color:#0f172a;
  background-color:#ffffff;
}

/* Smooth anchor scrolling and offset for sticky navbar */
html{ scroll-behavior:smooth; }
section[id]{ scroll-margin-top: 90px; }

.brand{
  font-size:1.5rem;
}

.navbar .btn-primary{
  background-color:var(--brand-primary);
  border-color:var(--brand-primary);
}
.navbar .btn-primary:hover{
  background-color:#e23d4f;
  border-color:#e23d4f;
}

.text-primary{ color: var(--brand-primary) !important; }

.hero{
  background: linear-gradient(180deg,#ffffff 0%, #fbfdff 60%, #ffffff 100%);
}

.btn-danger{
  background-color: var(--brand-primary);
  border-color: var(--brand-primary);
}
.btn-danger:hover{ background-color:#e23d4f; border-color:#e23d4f; }

.btn-outline-danger{
  color: var(--brand-primary);
  border-color: var(--brand-primary);
}
.btn-outline-danger:hover{ background-color: var(--brand-primary); border-color: var(--brand-primary); }

.ratio{ background:#000; }

/* Features section */
.section-alt{
  background:#f6f9ff;
}

.feature-card{
  border: 0;
  border-radius: 1rem;
  box-shadow: 0 1px 2px rgba(16,24,40,0.04), 0 8px 20px rgba(16,24,40,0.06);
}
.feature-card .icon-wrap{
  width:48px; height:48px;
  display:flex; align-items:center; justify-content:center;
  background:#fff; border-radius:12px;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.05);
  font-size:1.5rem;
}

/* extra brand accents */
.text-purple{ color:#825cff !important; }

/* Secure Access */
.number-badge{
  display:inline-flex; align-items:center; justify-content:center;
  width:28px; height:28px; border-radius:999px;
  background: var(--brand-primary); color:#fff; font-weight:700;
}

.access-card{
  background:#ffffff; border-radius:1.25rem;
  box-shadow: 0 2px 6px rgba(16,24,40,0.06), 0 18px 40px rgba(16,24,40,0.08);
}
.soft-surface{
  background:#f5f7fb;
}

/* CTA */
#get-started{ background:#f7fafc; padding-top: 5rem; padding-bottom: 5rem; }
.cta-wrap{
  background:#ff465a; border-radius:1.25rem; padding:2rem 2rem;
  box-shadow: 0 12px 30px rgba(255,70,90,0.25);
}
@media (min-width: 992px){ 
  .cta-wrap{ padding:2.5rem 3rem; }
  #get-started{ padding-top: 6rem; padding-bottom: 6rem; }
}
.text-cta-sub{ color:#ffe4e7; }
.btn-cta{ background:#fff; color:#ff465a; font-weight:700; border-radius:999px; }
.btn-cta:hover{ background:#ffe9ec; color:#e23d4f; }

/* Footer */
.site-footer{ background:#0f172a; color:#cbd5e1; }
.site-footer .text-primary{ color:#ff465a !important; }
.footer-desc{ color:#94a3b8; }
.footer-heading{ color:#e2e8f0; font-weight:700; margin-bottom:.5rem; }
.footer-links a{ color:#cbd5e1; text-decoration:none; }
.footer-links a:hover{ color:#ffffff; text-decoration:underline; }
.footer-bottom{ border-top:1px solid rgba(148,163,184,0.2); }
.social{ color:#cbd5e1; font-size:1.1rem; display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:999px; }
.social:hover{ color:#ffffff; background:rgba(255,255,255,0.08); }