
/* ATNIGHTX-GTM-AI-002 – preserve original image pixels, animate only their DOM presentation */
@keyframes atnightxLogoSpin {from {transform:rotate(0deg)} to {transform:rotate(360deg)}}
.site-header .brand>img,.site-footer .footer-brand>img {animation:atnightxLogoSpin 22s linear infinite;transform-origin:50% 50%;will-change:transform;}
.hero-globe{animation:atnightxLogoSpin 48s linear infinite!important;transform-origin:center;}
@keyframes atnightxVleCruise {0%,100%{transform:translateX(-2px) translateY(0)} 50%{transform:translateX(6px) translateY(-2px)}}
.vle-robotaxi-cta{display:flex!important;align-items:center!important;min-height:84px!important;gap:10px!important;position:relative;overflow:hidden;background:linear-gradient(105deg,#022236,#0a6a83 58%,#07384f)!important;color:#e7ffff!important;border:1px solid #38f6ff!important;border-radius:14px!important;box-shadow:0 0 24px #16efff29, inset 0 0 22px #19ecff1c;cursor:pointer}
.vle-robotaxi-cta::after{content:'';position:absolute;bottom:0;left:8%;right:8%;height:2px;background:linear-gradient(90deg,transparent,#53ffff,transparent);box-shadow:0 0 14px #00eeff}
.vle-robotaxi-cta img{display:block;width:128px;height:69px;object-fit:contain;flex:none;animation:atnightxVleCruise 5.5s ease-in-out infinite;filter:drop-shadow(0 7px 12px #00eaff44)}
.vle-robotaxi-cta strong{display:block;font-weight:850;font-size:14px;line-height:1.2}
.vle-robotaxi-cta small{display:block;font-weight:500;color:#c2ebf5;font-size:10px;margin-top:4px}
.vle-robotaxi-cta:hover img{filter:drop-shadow(0 7px 18px #4effffb8)}
.city-experience-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:8px 0 4px;padding:10px;background:rgba(2,22,33,.65);border:1px solid #67f1fa2a;border-radius:8px}
.city-experience-editor label{color:#b7e4ec;font-size:10px;font-weight:650;line-height:1.5;display:flex;flex-direction:column;gap:3px;min-width:0}
.city-experience-editor select,.city-experience-editor input{min-width:0;width:100%;padding:7px 5px;border-radius:4px;border:1px solid #6beaff44;background:#061c2c;color:#e6faff;font:inherit;font-size:11px;color-scheme:dark}
.city-experience-price{grid-column:1/-1;color:#70ffff;font-size:11px;margin:2px 0;line-height:1.55}
.fever-check-link{grid-column:1/-1;color:#cffaff;text-decoration:underline;text-underline-offset:3px;font-size:11px}
.globe-experience-summary{padding:13px 0;border-block:1px solid #62ffff33;margin:15px 0;display:grid;gap:7px}
.globe-experience-summary div{display:flex;justify-content:space-between;gap:16px;color:#b7dbe5;font-size:11px}.globe-experience-summary strong{color:#8bfaff;font-size:12px}
.planner-city-editor{border:1px solid #66ebf83c;border-radius:12px;background:#031c2aaa;padding:15px;margin:12px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.planner-city-editor>h4,.planner-city-editor>p{grid-column:1/-1;margin:0}.planner-city-editor h4{font-size:16px;color:#cffdff}.planner-city-editor>p{font-size:12px;color:#8efaff}
.planner-city-editor label{min-width:0;font-size:11px}.planner-city-editor input,.planner-city-editor select{width:100%;min-width:0}
.planner-add-city{display:flex;gap:10px;margin:15px 0;flex-wrap:wrap}.planner-add-city select{flex:1;min-width:160px}.planner-add-city button{border:1px solid #27efff;color:#74faff;background:#042637;padding:9px 13px;border-radius:7px}
.mission-x-multiply{padding:24px;background:linear-gradient(120deg,rgba(6,35,55,.96),rgba(4,25,44,.85));border:1px solid #00ffff57;border-radius:18px;margin:26px auto;max-width:1240px}
.mission-x-multiply h2{font-size:clamp(25px,3.7vw,43px);line-height:1.18}.mission-x-multiply p{color:#b5dee8;max-width:860px}.mission-x-multiply .x-multipliers{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.mission-x-multiply .x-multipliers>span{border:1px solid #59eafa50;padding:10px 15px;color:#bafaff;border-radius:100px;font-size:11px;background:#0c354855}
.agent-safe-handoff{padding:16px 18px;border:1px solid #48efff55;background:#07293c;border-radius:12px;margin:18px 0;color:#d4fbff}.agent-safe-handoff button{background:#6dfaff;color:#031622;border:0;border-radius:7px;font-weight:800;padding:10px 14px;margin:10px 8px 0 0}
@media(max-width:700px){.vle-robotaxi-cta{min-height:71px!important}.vle-robotaxi-cta img{width:95px;height:55px}.vle-robotaxi-cta strong{font-size:12px}.city-experience-editor{grid-template-columns:1fr}.planner-city-editor{grid-template-columns:1fr}.mission-x-multiply{margin-inline:16px}.globe-experience-summary{margin-block:12px}}
@media(prefers-reduced-motion:reduce){.site-header .brand>img,.site-footer .footer-brand>img,.hero-globe,.vle-robotaxi-cta img{animation:none!important}}
