/* Real AR-26 photography with a light, moving aurora atmosphere. */
body{background:radial-gradient(ellipse at 5% 25%,#ecddf53d,transparent 40%),radial-gradient(ellipse at 95% 70%,#ded1f73d,transparent 45%),#faf8fc;isolation:isolate}
body:before{content:'';position:fixed;inset:-20%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 80% 30%,#ba86d018,transparent 40%),radial-gradient(ellipse at 15% 70%,#b199db15,transparent 35%);filter:blur(25px);animation:ambient-shift 24s ease-in-out infinite alternate}
@keyframes ambient-shift{to{transform:translate(6%,5%) rotate(7deg)}}
#app{isolation:isolate;position:relative;min-height:65vh}
#app.route-enter{animation:route-arrive .5s cubic-bezier(.2,.7,.2,1)}
@keyframes route-arrive{from{opacity:.15;transform:translateY(9px)}to{opacity:1;transform:none}}
.motion-hero{height:640px;background:linear-gradient(118deg,#f7f1fb 0%,#fbf9fd 48%,#f1e9f7 100%);isolation:isolate;border-bottom:1px solid #e2cde9}
.motion-hero .hero-inner{height:100%;padding-top:90px;max-width:1650px;z-index:auto}
.motion-hero .hero-copy{position:relative;z-index:3;width:45%;pointer-events:none}
.motion-hero .hero-copy a{pointer-events:auto}
.motion-hero h1{font-size:clamp(57px,5.4vw,88px);letter-spacing:-4px;line-height:1.04;color:#3c104d;margin:22px 0 23px}
.motion-hero h1 em{background:linear-gradient(110deg,#8e50ae,#ba89cc);background-clip:text;-webkit-text-fill-color:transparent}
.motion-hero .hero-kicker{color:#835295;font-size:9px;letter-spacing:2px}
.motion-hero .hero-kicker>span{background:#9b68b0;box-shadow:0 0 0 5px #9b68b014}
.motion-hero .hero-copy>p{color:#80628e;font-size:14px}
.motion-hero .hero-actions{margin-top:30px;gap:12px}
.motion-hero .button.primary{background:#642380;color:#fff;border-color:#642380;box-shadow:0 8px 22px #62207e20}
.motion-hero .button.primary:hover{background:#7b3494;box-shadow:0 8px 30px #62207e30}
.motion-hero .button.ghost{color:#72318b;background:#ffffff65;border-color:#cdb3da;backdrop-filter:blur(8px)}
.hero-signature{display:grid;grid-template-columns:25px auto;gap:6px 13px;margin-top:47px;color:#9570a5;align-items:center}
.hero-signature b{font-size:9px;font-weight:600;letter-spacing:1.8px}.hero-signature>span:last-child{grid-column:2;font-size:11px;letter-spacing:1px;color:#a189ad}.signature-rule{height:1px;width:25px;background:#bc9bcb}
.motion-hero .hero-bottom-note{position:absolute;bottom:29px;left:4.3%;font-size:7px;color:#a68daf;letter-spacing:1.1px;margin:0}
.aurora-field{position:absolute;inset:-20%;z-index:-2;overflow:hidden;pointer-events:none;opacity:.85}
.aurora-field i{position:absolute;width:100%;height:45%;left:20%;top:15%;background:radial-gradient(ellipse at center,#a869ce28,transparent 62%);filter:blur(25px);transform:rotate(-25deg);animation:aurora-drift 16s ease-in-out infinite alternate}
.aurora-field i:nth-child(2){left:2%;top:43%;background:radial-gradient(ellipse at center,#b299eb2b,transparent 65%);animation-delay:-8s;transform:rotate(20deg)}
.aurora-field i:nth-child(3){left:40%;top:29%;width:70%;background:radial-gradient(ellipse at center,#d59fd622,transparent 62%);animation-duration:23s;animation-delay:-11s}
@keyframes aurora-drift{to{transform:translate(-8%,12%) rotate(-8deg) scale(1.12)}}
.telemetry-grid{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#ad82c012 1px,transparent 1px),linear-gradient(90deg,#ad82c012 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(120deg,transparent 15%,#0007 85%);transform:perspective(800px) rotateX(25deg) scale(1.12);transform-origin:bottom}
.speed-field{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1;transform:rotate(-13deg)}
.speed-field i{position:absolute;left:-60%;top:20%;width:53%;height:1px;background:linear-gradient(90deg,transparent,#9960b040,transparent);animation:speed-trace 9s linear infinite}
.speed-field i:nth-child(2){top:33%;animation-delay:-3s;animation-duration:12s}.speed-field i:nth-child(3){top:58%;animation-delay:-6s;animation-duration:10s}.speed-field i:nth-child(4){top:72%;animation-delay:-1s;animation-duration:11s}.speed-field i:nth-child(5){top:83%;animation-delay:-4s;height:2px;opacity:.5}.speed-field i:nth-child(6){top:45%;animation-delay:-7s;animation-duration:13s}
@keyframes speed-trace{to{transform:translateX(320%)}}
.car-stage{position:absolute;right:0;top:44px;width:63%;height:465px;z-index:1;mix-blend-mode:multiply}
.car-model{position:absolute;top:5px;right:8%;text-align:right;pointer-events:none;color:#b593c3;z-index:2}.car-model>span{font-size:88px;line-height:1;letter-spacing:-5px;font-weight:800;opacity:.17}.car-model small{display:block;letter-spacing:2.5px;font-size:8px;color:#a687b1;margin-top:9px}
.car-image-button{padding:0;position:absolute;inset:0;width:100%;height:100%;background:transparent;cursor:zoom-in}
.car-image-button img{position:absolute;left:0;top:3%;width:100%;height:100%;object-fit:contain;transition:opacity .22s,transform .6s cubic-bezier(.16,.8,.3,1);transform:translateY(0);will-change:opacity,transform}
.car-image-button:hover img{transform:translateY(-5px)}
.car-image-button img.is-changing{opacity:0;transform:translateX(15px) scale(.985)}
.car-stage-caption{position:absolute;left:10%;right:8%;bottom:-1px;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.3px;color:#78568b;pointer-events:none}.car-stage-caption>span{display:flex;align-items:center;gap:8px}.car-stage-caption i{width:5px;height:5px;border-radius:50%;background:#a36dbc;box-shadow:0 0 0 4px #a36dbc10}.car-stage-caption small{font-size:8px;color:#a48aaf;letter-spacing:.5px;margin-left:4px}
.car-expand{pointer-events:auto;background:#fff9;border:1px solid #ddcbe6;color:#79528c;border-radius:5px;padding:6px 10px;font-size:10px;display:flex;align-items:center;gap:7px}.car-expand .icon{width:15px;height:15px}
.car-control-bar{position:absolute;right:5.2%;bottom:35px;width:52%;display:flex;gap:15px;align-items:center;z-index:4}.car-thumbnails{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;width:100%}.car-thumbnails button{position:relative;background:#ffffff88;border:1px solid #e1d4e7;border-radius:7px;overflow:hidden;padding:0 5px 6px;transition:background .25s,border-color .25s,transform .25s;color:#9677a2;min-width:0}.car-thumbnails button:hover{transform:translateY(-3px);border-color:#b08bbf}.car-thumbnails button.active{background:#fff;border-color:#9a60b3;box-shadow:0 3px 12px #7635930d;color:#60267c}.car-thumbnails img{width:100%;height:48px;object-fit:contain;mix-blend-mode:multiply;display:block}.car-thumbnails span{display:block;font-size:9px}.car-play{align-self:stretch;min-width:52px;color:#8c629e;background:transparent;border:1px solid #dfcfe8;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.car-play>span{font-size:17px;line-height:1}.car-play small{font-size:8px;white-space:nowrap}.car-play[aria-pressed=true]{background:#ede0f4;border-color:#b98ccc}
.car-dialog{max-width:1250px;width:calc(100% - 40px);padding:23px}.car-dialog-media{height:min(59vh,620px);position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(120deg,#fbf9fc,#f5eef8);border-radius:11px}.car-dialog-media>img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.car-dialog-caption{display:flex;align-items:center;justify-content:space-between;padding:13px 4px;color:#744886;font-size:12px}.car-dialog-caption small{display:block;font-size:8px;font-weight:400;letter-spacing:1.3px;color:#a084ae;margin-top:4px}.car-dialog-caption>span{font-size:10px}.car-dialog-views{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.car-dialog-views button{border:1px solid #e4d8ea;border-radius:6px;background:#faf7fc;padding:2px 5px 6px;color:#9672a5}.car-dialog-views button.active{background:#f0e4f6;border-color:#9b68b2}.car-dialog-views img{display:block;width:100%;height:52px;object-fit:contain;mix-blend-mode:multiply}.car-dialog-views span{font-size:9px}
.panel,.lv-card,.product-card{transition:box-shadow .3s,border-color .3s}.panel:hover{border-color:#d4b9e0}.culture-feature{position:relative}.culture-feature-copy{background:radial-gradient(ellipse at top right,#8b45aa66,transparent 70%)}
@media(min-width:1800px){.motion-hero .hero-inner{padding-top:88px}.car-stage{right:2%;width:62%}}
@media(max-width:1200px) and (min-width:761px){.motion-hero{height:600px}.motion-hero .hero-inner{padding-top:70px}.motion-hero h1{font-size:61px;letter-spacing:-3px}.motion-hero .hero-copy{width:48%}.motion-hero .hero-kicker{font-size:7px}.motion-hero .button{padding:10px 13px;gap:10px;font-size:11px}.motion-hero .button small{font-size:6px}.car-stage{width:65%;top:120px;height:360px;right:-3%}.car-model>span{font-size:65px}.car-stage-caption{left:17%;right:10%}.car-stage-caption small{display:none}.car-control-bar{width:51%;bottom:30px;right:4.3%}.car-thumbnails img{height:40px}.car-thumbnails span{font-size:8px}.hero-signature{margin-top:42px}}
@media(max-width:760px){.motion-hero{height:735px}.motion-hero .hero-inner{padding-top:32px}.motion-hero .hero-copy{width:100%}.motion-hero h1{font-size:clamp(44px,12.4vw,67px);letter-spacing:-2.7px;margin:20px 0 18px}.motion-hero .hero-kicker{font-size:7px;letter-spacing:1.3px}.motion-hero .hero-copy>p{font-size:12px}.motion-hero .hero-actions{margin-top:24px}.motion-hero .button{font-size:11px;padding:11px 12px;gap:12px}.motion-hero .button small{font-size:6px}.hero-signature{display:none}.car-stage{top:335px;width:110%;right:-5%;height:278px}.car-model{top:0;right:12%}.car-model>span{font-size:57px;letter-spacing:-3px}.car-model small{font-size:6px;letter-spacing:1.5px}.car-image-button img{top:5%}.car-stage-caption{left:9%;right:9%;bottom:-8px;font-size:9px}.car-stage-caption small{display:none}.car-control-bar{left:4.3%;right:4.3%;width:auto;bottom:38px;gap:8px}.car-thumbnails{gap:6px}.car-thumbnails button{padding:0 2px 5px}.car-thumbnails img{height:37px}.car-thumbnails span{font-size:8px}.car-play{min-width:41px}.car-play small{font-size:7px}.motion-hero .hero-bottom-note{bottom:15px;font-size:5.8px}.car-dialog{width:calc(100% - 18px);padding:14px}.car-dialog .modal-header h2{font-size:18px}.car-dialog-media{height:34vh;min-height:200px}.car-dialog-views{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.car-dialog-views img{height:43px}.car-dialog-views span{font-size:8px}.car-dialog-caption{font-size:11px}.telemetry-grid{background-size:40px 40px}}
@media(prefers-reduced-motion:reduce){#app.route-enter,.aurora-field i,.speed-field i{animation:none!important}.car-image-button img{transition:none;will-change:auto}.car-thumbnails button:hover,.car-image-button:hover img{transform:none}}