html {
  scroll-behavior: smooth;
  /* The header is sticky at 64px (80px from lg up), so an anchor that
     scrolled its target to y=0 put the section's eyebrow and the first
     line of its heading behind the navbar. Every in-page nav link landed
     that way. This offsets the jump for the mouse, the keyboard and a
     pasted deep link in one rule. */
  scroll-padding-top: 88px;
}
body { font-family: 'Inter', sans-serif; }
.font-display { font-family: 'Poppins', sans-serif; }
.gradient-hero {
  background: radial-gradient(circle at 15% 20%, rgba(249,115,22,0.15), transparent 40%),
              radial-gradient(circle at 85% 80%, rgba(18,136,7,0.15), transparent 40%),
              #0a1128;
}
.badge-hover { transition: transform .25s ease, box-shadow .25s ease; }
.badge-hover:hover { transform: translateY(-4px); box-shadow: 0 12px 30px -8px rgba(0,0,0,0.25); }
.mobile-menu { transition: max-height .3s ease, opacity .2s ease; }
.curr-tab-btn { color: #475569; }
.curr-tab-btn:hover { color: #0a1128; }
.curr-tab-btn.is-active { background: #0a1128; color: #ffffff; box-shadow: 0 4px 12px -2px rgba(10,17,40,0.25); }
.icon-badge { transition: transform .2s cubic-bezier(.34,1.56,.64,1); }
.icon-badge:hover { transform: scale(1.08); }
.icon-badge:active { transform: scale(0.88); }
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: #f97316; border-radius: 8px; }
::-webkit-scrollbar-track { background: #0a1128; }