:root{
  --primary:#1f6fff;
  --primary-dark:#114ec9;
  --accent:#14b8a6;
  --ink:#0f172a;
  --muted:#475569;
  --line:#e2e8f0;
  --surface:#ffffff;
  --surface-soft:#f8fafc;
  --glow:0 20px 50px rgba(31,111,255,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color:var(--ink);
  background:
    radial-gradient(circle at top left, rgba(31,111,255,.08), transparent 28%),
    radial-gradient(circle at top right, rgba(20,184,166,.08), transparent 24%),
    linear-gradient(180deg,#ffffff 0%, #f8fbff 48%, #ffffff 100%);
}
.text-gradient{
  background:linear-gradient(135deg,var(--primary) 0%, var(--accent) 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.glass{
  background:rgba(255,255,255,.85);
  backdrop-filter: blur(10px);
  border:1px solid rgba(255,255,255,.7);
}
.shadow-soft{box-shadow:0 10px 35px rgba(15,23,42,.07)}
.shadow-brand{box-shadow:var(--glow)}
.hero-grid{
  background-image:
    linear-gradient(rgba(148,163,184,.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148,163,184,.12) 1px, transparent 1px);
  background-size: 36px 36px;
}
.metric-card:hover,
.pricing-card:hover,
.feature-card:hover,
.blog-card:hover{
  transform:translateY(-6px);
}
.metric-card,
.pricing-card,
.feature-card,
.blog-card,
.nav-card{
  transition:all .28s ease;
}
.badge-dot::before{
  content:"";
  display:inline-block;
  width:.55rem;height:.55rem;
  border-radius:999px;
  background:#22c55e;
  margin-right:.45rem;
  box-shadow:0 0 0 5px rgba(34,197,94,.14);
}
.pricing-popular{
  position:relative;
  overflow:hidden;
}
.pricing-popular::after{
  content:"Most Popular";
  position:absolute;
  top:1rem; right:-2.4rem;
  background:linear-gradient(135deg,#1f6fff,#14b8a6);
  color:white;
  font-size:.78rem;
  font-weight:700;
  padding:.35rem 2.8rem;
  transform:rotate(35deg);
  box-shadow:0 8px 20px rgba(31,111,255,.18);
}
.section-title{
  letter-spacing:-.03em;
}
.check-list li{
  position:relative;
  padding-left:1.8rem;
}
.check-list li::before{
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  color:#0ea5e9;
  font-weight:700;
}
.nav-link{position:relative}
.nav-link::after{
  content:"";
  position:absolute;
  left:0; bottom:-.35rem;
  width:0; height:2px;
  background:linear-gradient(90deg,var(--primary),var(--accent));
  transition:width .22s ease;
}
.nav-link:hover::after,.nav-link.active::after{width:100%}
.page-hero{
  background:
    radial-gradient(circle at left top, rgba(31,111,255,.10), transparent 24%),
    linear-gradient(180deg,#ffffff 0%, #f8fafc 100%);
}
.input{
  width:100%;
  border:1px solid var(--line);
  border-radius:1rem;
  padding:.95rem 1rem;
  outline:none;
  background:#fff;
}
.input:focus{
  border-color:#93c5fd;
  box-shadow:0 0 0 4px rgba(59,130,246,.12);
}
.footer-link:hover{color:var(--primary)}
.stat-number{letter-spacing:-.04em}