@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');
:root {
  --brand-1: #0ea5e9;
  --brand-2: #2563eb;
  --brand-3: #38bdf8;
  --radius: 22px;
  --font: 'Poppins', 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); }