.preview-switch{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;background:#e6f0f8;border-bottom:1px solid #cfdfea;font-size:11px;flex-wrap:wrap}.preview-switch>span{font-size:8px;letter-spacing:1.3px;margin-right:20px;color:#66829a}.preview-switch a{border:1px solid #c9dce9;border-radius:30px;padding:8px 14px;background:#f8fbfd}.preview-switch a[aria-current=page]{background:#1c3654;color:white;border-color:#1c3654}.nozzle-art{background:none;min-height:570px;display:flex;align-items:center;justify-content:center;flex-direction:column}.nozzle-scene{position:relative;width:100%;aspect-ratio:1;max-width:600px}.nozzle-image{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.nozzle-caption{position:absolute;bottom:25px;font-size:8px;letter-spacing:1.5px;color:#7a92a5}.fuel-drop{position:absolute;left:17.8%;top:54%;width:12px;height:17px;border-radius:70% 30% 60% 40%;background:radial-gradient(circle at 35% 30%,#fff1a4,#e8a41b 60%,#9d610b);transform:translateX(-50%) rotate(-45deg);opacity:0}.fuel-ripple{position:absolute;left:17.8%;top:76%;width:30px;height:8px;border:1px solid #d7ae5b;border-radius:50%;opacity:0}.static .fuel-drop,.static .fuel-ripple{display:none}.animated .nozzle-scene{animation:nozzle-hover 7s ease-in-out infinite}.animated .fuel-drop{animation:fuel-fall 3.5s ease-in infinite}.animated .fuel-ripple{animation:fuel-ripple 3.5s ease-out infinite}@keyframes nozzle-hover{50%{transform:translateY(-8px) rotate(.7deg)}}@keyframes fuel-fall{0%,28%{opacity:0;transform:translate(-50%,0) rotate(-45deg) scale(.35)}35%{opacity:1;transform:translate(-50%,0) rotate(-45deg) scale(.65)}76%{opacity:1;transform:translate(-50%,100px) rotate(-45deg) scale(.8)}83%,100%{opacity:0;transform:translate(-50%,125px) rotate(-45deg) scale(.4)}}@keyframes fuel-ripple{0%,75%{opacity:0;transform:translateX(-50%) scale(.2)}83%{opacity:.6}100%{opacity:0;transform:translateX(-50%) scale(1.7)}}@media(max-width:700px){.preview-switch{gap:7px;padding:10px}.preview-switch>span{width:100%;text-align:center;margin:0 0 4px}.preview-switch a{font-size:10px;padding:7px 10px}.hero .nozzle-art{min-height:300px;overflow:visible;margin:0 -10px 0 0}.nozzle-scene{width:125%;max-width:none}.nozzle-caption{display:none}.fuel-drop{width:6px;height:9px}.fuel-ripple{width:16px;height:5px}@keyframes fuel-fall{0%,28%{opacity:0;transform:translate(-50%,0) rotate(-45deg) scale(.35)}35%{opacity:1;transform:translate(-50%,0) rotate(-45deg) scale(.65)}76%{opacity:1;transform:translate(-50%,35px) rotate(-45deg) scale(.8)}83%,100%{opacity:0;transform:translate(-50%,45px) rotate(-45deg) scale(.4)}}}@media(prefers-reduced-motion:reduce){.animated .nozzle-scene,.animated .fuel-drop,.animated .fuel-ripple{animation:none}.fuel-drop,.fuel-ripple{display:none}}