.hero-tubes { background: radial-gradient(ellipse at 85% 45%, #19464a 0%, #092349 35%, #00132e 75%); }
.hero-tubes-canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.hero-tubes .hero-shade { pointer-events: none; background: linear-gradient(90deg, #00142ee8, #00142e9c 42%, #00142e18 80%), linear-gradient(0deg, #00142ec9, transparent 35%); }
.hero-tubes .hero-content { pointer-events: none; }
.hero-tubes .hero-content a { pointer-events: auto; }
@media (max-width: 640px) { .hero-tubes .hero-shade { background: linear-gradient(90deg, #00142ed9, #00142e80), linear-gradient(0deg, #00142e, transparent 60%); } }
@media (prefers-reduced-motion: reduce) { .hero-tubes-canvas { visibility: hidden; } }