/* Layout-specific utilities (kept minimal to avoid bloat) */
.section.highlight:before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 85% 30%,rgba(61,139,255,.18),transparent 60%),radial-gradient(circle at 15% 70%,rgba(109,93,252,.18),transparent 60%); pointer-events:none; opacity:.6; filter:blur(60px); }

.hero-panel { position:relative; }
.shadow-xl { box-shadow:0 12px 40px -12px rgba(0,0,0,.65),0 4px 12px -4px rgba(0,0,0,.5); }

/* Grid fallbacks (older browsers) */
@supports not (gap:1rem) {
  .hero-grid > * { margin-bottom:2rem; }
  .hero-grid { margin-bottom:-2rem; }
}