/* Custom utility tweaks (Tailwind loaded via CDN) */
:root{ --brand:#06b6d4; --brand2:#22c55e; }
.hero-gradient{
  background: radial-gradient(1200px 600px at 70% -10%, rgba(34,197,94,0.20), transparent 60%),
              radial-gradient(800px 400px at 20% 0%, rgba(6,182,212,0.20), transparent 50%);
}
.nav-blur{ backdrop-filter: saturate(140%) blur(8px); }
.shadow-soft{ box-shadow: 0 10px 30px rgba(2,6,23,.08); }
.card{ border-radius: 1.25rem; }
canvas{ display:block; }
.section{ scroll-margin-top: 96px; }
.three-hero-container{ position:relative; height: 72vh; min-height: 520px; }
#hero3d{ position:absolute; inset:0; }
.hero-overlay{
  position:relative; z-index:2; color:#0b1220;
}
.badge{
  display:inline-flex; align-items:center; gap:.5rem;
  padding:.375rem .75rem; border-radius:9999px; background:#ecfeff; color:#155e75; font-weight:600;
  border:1px solid #bae6fd;
}
.feature-icon{ width:40px; height:40px; display:flex; align-items:center; justify-content:center; border-radius:12px; background:#f1f5f9; }
.footer{ background:#0b1220; color:#cbd5e1; }
.footer a{ color:#e2e8f0; }