@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700;800&display=swap');
:root {
  --brand-1: #6366f1;
  --brand-2: #8b5cf6;
  --brand-3: #ec4899;
  --radius: 28px;
  --font: 'Figtree', system-ui, sans-serif;
}

.hero .container { text-align: center; }
.hero h1, .hero p { margin-left: auto; margin-right: auto; }
.hero-actions, .hero-stats { justify-content: center; }
.section-head { margin-left: auto; margin-right: auto; text-align: center; }

.hero-bg::after { background: linear-gradient(180deg, rgba(11,12,16,.45), rgba(11,12,16,.95)); }
.card { background: linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,.015)); }