#banner.grid-wave-hero-banner{margin-bottom:40px}.grid-wave-hero-banner .grid-wave-hero{position:relative;height:200px;overflow:hidden;background:radial-gradient(circle at top left, #1d4ed8 0, #020617 40%),
radial-gradient(circle at bottom right, #0ea5e9 0, #020617 55%),
linear-gradient(to bottom right, #020617, #020617)}.grid-wave-hero-banner .grid-wave-hero svg.grid-wave-svg{position:absolute;inset:0;width:100%;height:100%}.grid-wave-hero-banner .grid-wave-hero-content{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;height:100%;padding:0
1.5rem}.grid-wave-hero-banner .grid-wave-hero-content
.inner{text-align:center;max-width:56rem}.grid-wave-hero-banner .grid-wave-hero-content
h1{font-size:3.75rem;color:#fff;font-weight:700;margin-bottom:1.5rem;text-shadow:0 10px 25px rgba(15, 23, 42, 0.9)}.grid-wave-hero-banner .grid-wave-hero-content
.subheadline{font-size:1.25rem;color:#bfdbfe;text-shadow:0 6px 15px rgba(15, 23, 42, 0.8)}.grid-wave-hero-banner .axis-card,
.grid-wave-hero-banner .metric-card{position:absolute;background:rgba(15, 23, 42, 0.9);border-radius:0.75rem;border:1px
solid rgba(59, 130, 246, 0.4);color:#e5e7eb;padding:0.5rem 0.85rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:0.75rem;pointer-events:none}.grid-wave-hero-banner .axis-card
span.label{color:#93c5fd}.grid-wave-hero-banner .axis-card.axis-x{top:3rem;left:3rem}.grid-wave-hero-banner .axis-card.axis-y{top:3rem;left:50%;transform:translateX(-50%)}.grid-wave-hero-banner .metric-card.wave-eq{bottom:4.5rem;left:3.5rem}.grid-wave-hero-banner .metric-card.amp{bottom:6.5rem;right:5rem}.grid-wave-hero-banner .metric-card.freq{top:30%;right:4rem}.grid-wave-hero-banner
.orb{position:absolute;border-radius:9999px;filter:blur(40px);opacity:0.7}.grid-wave-hero-banner .orb.orb-1{top:20%;left:30%;width:8rem;height:8rem;background:rgba(59, 130, 246, 0.5)}.grid-wave-hero-banner .orb.orb-2{bottom:20%;right:30%;width:10rem;height:10rem;background:rgba(34, 211, 238, 0.45)}@media (min-width: 768px){.grid-wave-hero-banner .grid-wave-hero-content
h1{font-size:4.5rem}.grid-wave-hero-banner .grid-wave-hero-content
.subheadline{font-size:1.5rem}}@keyframes grid-wave-3d{0%,100%{transform:perspective(500px) rotateX(5deg) translateY(0)}50%{transform:perspective(500px) rotateX(5deg) translateY(-20px)}}@keyframes grid-wave-float{0%,100%{transform:translateY(0px)}50%{transform:translateY(-15px)}}.grid-wave-hero-banner .grid-wave-waves{animation:grid-wave-3d 15s ease-in-out infinite;transform-origin:center}.grid-wave-hero-banner .metric-card{animation:grid-wave-float 8s ease-in-out infinite}.grid-wave-hero-banner .metric-card.amp{animation-delay:1s}.grid-wave-hero-banner .metric-card.freq{animation-delay:2s}