#top { overflow: hidden; background: #080808; }
#top::before { display: none; }
.voltix-drive-scene { position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 0; }
.drive-halo { position: absolute; inset: 0; background: radial-gradient(ellipse at 50% 43%, #a80c152b, transparent 56%); animation: drive-breathe 7s ease-in-out infinite; }
.drive-horizon { position: absolute; top: 48%; left: 5%; width: 90%; height: 1px; background: linear-gradient(90deg,transparent,#e82127aa, #fff8, #e82127aa,transparent); box-shadow: 0 0 32px 4px #e8212726; }
.drive-road { position: absolute; inset: 47% -25% -35%; perspective: 350px; overflow: hidden; mask-image: linear-gradient(transparent, #000 15%, #000 70%, transparent); }
.drive-streak { position: absolute; top: -20%; left: calc(20% + var(--lane) * 12%); width: 2px; height: 85%; background: linear-gradient(transparent 35%, #e82127 85%, #fff); transform-origin: center top; animation: drive-accelerate 4.5s cubic-bezier(.5,0,.9,.5) var(--delay) infinite; }
.drive-streak:nth-child(2n) { background: linear-gradient(transparent 55%, #ffffff80); width: 1px; }
.drive-silhouette { position: absolute; width: min(1100px,110%); left: 50%; top: 26%; transform: translateX(-50%); overflow: visible; opacity: .45; }
.drive-body { stroke: #c9c9c9; stroke-width: 1.2; stroke-dasharray: 1400; stroke-dashoffset: 1400; animation: drive-outline 8s ease-in-out infinite; }
.drive-roof { stroke: #ffffff30; stroke-width: 1; }
.drive-light { stroke: #ff3343; stroke-width: 3; filter: drop-shadow(0 0 7px #ff1429); animation: drive-headlights 8s ease-in-out infinite; }
#top h1 { text-shadow: 0 3px 45px #080808,0 0 12px #080808; }
@keyframes drive-accelerate { 0% { opacity: 0; transform: rotateX(65deg) translateY(-70%) scale(.2); } 20% { opacity: .2; } 70% { opacity: .6; } 100% { opacity: 0; transform: rotateX(65deg) translateY(130%) scale(2); } }
@keyframes drive-outline { 0% { stroke-dashoffset: 1400; opacity: 0; } 35%,70% { stroke-dashoffset: 0; opacity: .7; } 100% { stroke-dashoffset: 0; opacity: 0; } }
@keyframes drive-headlights { 0%,15%,100% { opacity: .15; } 40%,70% { opacity: 1; } }
@keyframes drive-breathe { 0%,100% { opacity: .5; } 50% { opacity: 1; } }
@media (max-width:640px) { .drive-silhouette { top: 29%; width: 140%; } .drive-streak { animation-duration: 6s; } }
@media (prefers-reduced-motion:reduce) { .voltix-drive-scene * { animation: none !important; } .drive-body { stroke-dashoffset: 0; opacity: .5; } .drive-streak { display: none; } }