@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&display=swap');
:root {
  --brand-1: #8b5cf6;
  --brand-2: #d946ef;
  --brand-3: #22d3ee;
  --radius: 12px;
  --font: 'Sora', 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; }

section:nth-of-type(even) { background: rgba(255,255,255,.018); }
.card { border-top: 2px solid var(--brand-1); }