@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;450;500;550;600;650;700;750;800&display=swap');
:root{--ink:#192438;--muted:#7a8094;--purple:#6550ee;--line:#e9eaf1;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,.brands:focus-visible{outline:3px solid #ac9bfa;outline-offset:5px}button{border:0;background:none} .site-shell{max-width:1600px;margin:auto;padding:0 64px;overflow:hidden}.header{height:100px;display:flex;align-items:center;gap:50px;position:relative;z-index:20;border-bottom:1px solid var(--line)}.logo{width:90px;display:flex;align-items:center}.logo img{width:90px;height:60px;object-fit:contain}.desktop-nav{display:flex;gap:29px}.nav-item{font-size:13px;font-weight:650;padding:26px 0;display:flex;align-items:center;gap:10px;transition:color .2s}.nav-item:hover,.nav-item[aria-expanded=true]{color:var(--purple)}.chevron{border-right:1.4px solid;border-bottom:1.4px solid;width:5px;height:5px;transform:rotate(45deg);transition:transform .35s}.nav-item[aria-expanded=true] .chevron{transform:rotate(225deg)}.header-right{margin-left:auto;display:flex;align-items:center;gap:30px}.location{font-size:11px;color:#70788a;white-space:nowrap}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#8170e8;margin-right:9px;vertical-align:middle;box-shadow:0 0 0 3px #8170e810}.button{background:var(--purple);color:white;border-radius:7px;padding:17px 23px;display:inline-flex;align-items:center;justify-content:center;gap:27px;font-size:13px;font-weight:650;box-shadow:0 4px 8px #6650ee12;transition:background .25s,transform .3s,box-shadow .3s}.button:hover{background:#513bd8;transform:translateY(-2px);box-shadow:0 8px 20px #6550ee25}.button span{font-size:19px;font-weight:400}.button-small{font-size:12px;padding:11px 18px;gap:19px}.mobile-toggle{display:none}.hero{position:relative;min-height:705px;padding:100px 0 0}.hero-grid{position:absolute;inset:0;border-left:1px solid #ececf380;border-right:1px solid #ececf380;pointer-events:none;background:linear-gradient(90deg,transparent 49.96%,#ececf345 50%,transparent 50.04%)}.hero-copy{position:relative;z-index:3;pointer-events:none}.hero-copy button{pointer-events:auto}.eyebrow{display:flex;align-items:center;gap:10px;font-size:9px;font-weight:750;letter-spacing:1.65px;color:#73718c}.eyebrow-line{width:20px;height:2px;background:var(--purple)}h1{font-size:clamp(40px,4.05vw,62px);font-weight:550;letter-spacing:-3px;line-height:1.15;margin:29px 0 26px;max-width:700px}.gradient-text{background:linear-gradient(100deg,#6352d9 4%,#8c70dc 59%,#b78aca);background-clip:text;-webkit-background-clip:text;color:transparent}.intro{font-size:15px;line-height:1.85;color:#6f778b;margin:0}.intro strong{font-weight:450}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:32px}.text-button{font-size:12px;font-weight:650;display:flex;gap:12px;align-items:center;padding:15px 0}.text-button span{transition:transform .3s;font-size:19px}.text-button:hover span{transform:translateX(5px)}.assurances{display:flex;gap:23px;font-size:10px;color:#9398a6;margin-top:26px}.assurances i{font-style:normal;font-size:11px;color:#8f85b5;margin-right:5px}.scene{position:absolute;width:53%;height:610px;right:-64px;top:15px;isolation:isolate;pointer-events:none}.scene-glow{position:absolute;inset:15px -30px 0 -30px;background:radial-gradient(ellipse at 65% 30%,#ded2fc95,transparent 65%),radial-gradient(ellipse at 80% 80%,#b9e0ff55,transparent 65%);filter:blur(25px)}.ribbon{position:absolute;width:950px;height:170px;border-radius:50%;transform:rotate(-34deg);filter:blur(2px);opacity:.55;z-index:-1;animation:ribbon 18s ease-in-out infinite alternate}.ribbon-one{top:72px;left:-30px;background:linear-gradient(180deg,#f3e4ff05,#d8c4ff95 35%,#ece4ff 60%,#fefaff00)}.ribbon-two{top:295px;left:-180px;background:linear-gradient(180deg,#ffe4da00,#ffe3d288 35%,#e8d3ff77 70%,#ffffff00);animation-delay:-8s}.ribbon-three{top:475px;left:-40px;background:linear-gradient(180deg,#ffffff00,#c4e5ff88,#ededff55,#ffffff00);height:110px;animation-delay:-3s}.route{position:absolute;width:1000px;height:1px;background:linear-gradient(90deg,transparent,#cfc4ed99,transparent);transform:rotate(-34deg);left:-150px}.route-one{top:210px}.route-two{top:455px}.car{position:absolute;will-change:transform;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}.car img{display:block;width:100%;height:auto;filter:drop-shadow(8px 21px 14px #29214823)}.car-li{width:265px;top:0;right:82px;animation-name:drive-li;animation-duration:12s}.car-geely{width:365px;top:205px;left:7px;animation-name:drive-geely;animation-duration:14s;animation-delay:-4s;z-index:2}.car-avatr{width:310px;right:20px;top:420px;animation-name:drive-avatr;animation-duration:16s;animation-delay:-9s;z-index:3}.car-caption{display:flex;align-items:center;gap:6px;justify-content:center;font-size:9px;font-weight:650;letter-spacing:.2px;margin-top:-1px;color:#576076}.car-caption small{font-size:8px;color:#9b9aab;font-weight:500;margin-left:5px}.caption-dot{width:4px;height:4px;border-radius:50%;background:#9786d5}.scene-bottom{position:absolute;bottom:-8px;left:50px;display:flex;align-items:center;gap:20px;font-size:8px;letter-spacing:1.6px;color:#9691a7}.scene-bottom button{pointer-events:auto;width:25px;height:25px;border:1px solid #dcd8e8;border-radius:50%;font-size:10px;color:#88809d;letter-spacing:0;background:#ffffff88}.hero-foot{position:absolute;bottom:24px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;color:#999cab;font-size:8px;letter-spacing:1.4px}.scroll-note{letter-spacing:0;font-size:10px;display:flex;align-items:center;gap:20px}.scroll-note>span{font-size:18px}.brands{border-block:1px solid var(--line);padding:32px 0;overflow:hidden;position:relative;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.brand-track{display:flex;width:max-content;animation:marquee 120s linear infinite}@media(hover:hover) and (pointer:fine){.brands:hover .brand-track{animation-play-state:paused}}.brand-set{display:flex;align-items:center;gap:75px;padding-right:75px}.brand{display:flex;align-items:center;justify-content:center;color:#5b6271;min-width:95px;height:35px;white-space:nowrap;opacity:.78}.brand.geely{font-size:21px;font-weight:800;letter-spacing:3px}.brand.byd{font-size:27px;font-weight:750;font-style:italic;letter-spacing:-2px}.brand.avatr{font-size:20px;letter-spacing:6px;font-weight:550}.brand.li{font-size:22px;font-weight:800;letter-spacing:-1px}.brand.zeekr{font-size:20px;font-weight:750;letter-spacing:2px}.brand svg{height:35px;width:55px;overflow:visible}.brand .bmw-logo{height:34px;width:34px}.brand .vw-logo{height:35px;width:35px}.brand.mercedes{gap:8px;font-family:Georgia,serif;font-size:16px}.below{padding:24px 0 28px;display:flex;justify-content:space-between;align-items:center;color:#a6a9b4;font-size:10px}.below>span:last-child{font-size:8px;letter-spacing:1.5px}.route-dashes{padding:0 13px;color:#c1bbd9}.below>span:last-child>span:last-child{color:#8170df;font-size:15px;margin-left:15px}.mega{position:absolute;left:-20px;right:-20px;top:86px;border:1px solid #edecf4;background:#fff;border-radius:12px;box-shadow:0 24px 50px #24223816;opacity:0;visibility:hidden;transform:translateY(-9px) scale(.985);transform-origin:top;transition:opacity .23s,transform .45s var(--ease),visibility .3s,height .4s var(--ease);overflow:hidden}.header.menu-open .mega{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.mega-inner{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:40px;padding:34px}.menu-heading{font-size:9px;color:#9793a6;letter-spacing:1.4px;margin:0 0 18px;text-transform:uppercase}.menu-link{display:block;text-align:left;width:100%;padding:10px 12px;margin-left:-12px;border-radius:6px;transition:background .2s,transform .25s}.menu-link:hover{background:#f5f2ff;transform:translateX(4px)}.menu-link b{font-size:13px;font-weight:650}.menu-link small{display:block;font-size:10px;color:#8b8d9c;margin-top:5px}.menu-feature{background:linear-gradient(140deg,#f6f3ff,#eef5ff);border-radius:8px;padding:22px;display:flex;flex-direction:column;justify-content:center}.menu-feature b{font-size:22px;line-height:1.3;letter-spacing:-.6px}.menu-feature p{font-size:11px;line-height:1.7;color:#7b7e91}.menu-feature .text-button{color:var(--purple);align-self:flex-start}.scrim{position:fixed;inset:100px 0 0;background:#f4f5fa33;backdrop-filter:blur(7px);z-index:10;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}body.menu-is-open .scrim{opacity:1;visibility:visible}.paused .car,.paused .ribbon{animation-play-state:paused}dialog{border:1px solid #ebe8f5;border-radius:18px;padding:40px;width:450px;max-width:calc(100vw - 32px);color:var(--ink);box-shadow:0 30px 100px #1e174233}dialog::backdrop{background:#27223b33;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:15px;top:12px;font-size:26px;color:#9690a4}h2{font-size:32px;font-weight:550;letter-spacing:-1px;margin-bottom:15px}dialog p{font-size:12px;color:#858092;line-height:1.8}dialog label{display:block;font-size:11px;margin:20px 0;color:#625d75}input,select{display:block;width:100%;border:1px solid #e1ddeb;border-radius:6px;padding:13px;margin-top:8px;background:#fff;color:var(--ink);font-size:13px}dialog .button{width:100%;margin-top:4px}.demo-note{display:block;text-align:center;font-size:9px;color:#9d97aa;line-height:1.7;margin-top:18px}#form-result{color:#6350c3;margin-bottom:0}.mobile-menu-links{display:none}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes drive-li{from{transform:translate(22px,-7px)}to{transform:translate(-18px,13px)}}@keyframes drive-geely{from{transform:translate(20px,-8px)}to{transform:translate(-24px,15px)}}@keyframes drive-avatr{from{transform:translate(22px,-9px)}to{transform:translate(-17px,11px)}}@keyframes ribbon{from{transform:rotate(-34deg) translate(0,-12px)}to{transform:rotate(-30deg) translate(20px,12px)}}
@media(min-width:1500px){.hero{min-height:770px;padding-top:120px}.scene{top:36px;height:640px}.car-li{width:290px}.car-geely{width:400px;top:215px}.car-avatr{width:330px;top:440px}}
@media(max-width:1190px){.site-shell{padding:0 36px}.header{gap:32px}.header-right{gap:15px}.location{display:none}.desktop-nav{gap:22px}.scene{right:-70px;width:54%;top:55px}.car-li{width:230px;right:70px}.car-geely{width:305px;top:200px;left:10px}.car-avatr{width:270px;top:395px;right:38px}.hero{min-height:730px}h1{font-size:48px;letter-spacing:-2.5px}.intro{font-size:14px}.hero-actions{gap:20px}.assurances{flex-direction:column;gap:10px}.scene-bottom{bottom:0}}
@media(max-width:800px){.site-shell{padding:0 25px}.header{height:82px;gap:20px}.desktop-nav{display:none}.header-right{margin-left:auto}.button-small{padding:10px 14px;font-size:11px;gap:12px}.logo,.logo img{width:77px}.logo img{height:52px}.mobile-toggle{display:flex;flex-direction:column;gap:5px;padding:10px 0 10px 6px}.mobile-toggle span{height:1px;width:20px;background:#44405b}.hero{padding-top:45px;min-height:1060px}.eyebrow{font-size:8px;letter-spacing:1.2px}h1{font-size:clamp(34px,6.9vw,55px);letter-spacing:-1.7px;margin-top:23px}.intro{font-size:13px}.hero-actions{gap:24px;margin-top:24px}.hero-actions .button{padding:15px 17px;font-size:11px;gap:16px}.text-button{font-size:11px}.assurances{flex-direction:row;gap:15px;font-size:8px;margin-top:22px}.scene{top:410px;right:-25px;left:-25px;width:auto;height:535px}.car-li{right:12%;top:0;width:230px}.car-geely{top:174px;left:9%;width:300px}.car-avatr{right:5%;top:343px;width:270px}.scene-bottom{bottom:-13px;left:45px}.hero-foot{font-size:7px;bottom:20px}.scroll-note{font-size:8px;gap:10px}.brands{padding:25px 0}.brand-set{gap:50px;padding-right:50px}.below{font-size:8px}.below>span:last-child{font-size:6px;letter-spacing:.7px}.route-dashes{padding:0 6px}.mega{top:75px;left:-10px;right:-10px}.mega-inner{grid-template-columns:1fr 1fr;padding:24px;gap:20px;max-height:75vh;overflow:auto}.menu-feature{grid-column:1/-1;padding:19px}.menu-feature b{font-size:20px}.menu-feature p{margin:8px 0}.mobile-menu-links{display:flex;grid-column:1/-1;gap:18px;border-bottom:1px solid var(--line);padding-bottom:18px}.mobile-menu-links button{font-size:11px;padding:0}.scrim{top:82px}}
@media(max-width:420px){.site-shell{padding:0 20px}.hero{min-height:990px}.hero-actions{gap:17px}.hero-actions .button{padding:14px 12px;gap:10px;font-size:10px}.hero-actions .text-button{font-size:10px;gap:6px}.scene{top:390px;height:500px}.car-li{width:205px;right:14%}.car-geely{width:260px;top:162px;left:8%}.car-avatr{width:240px;top:322px;right:7%}.assurances{font-size:7px;gap:10px}.scroll-note{display:none}.below>span:first-child{max-width:115px;line-height:1.8}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.brand-track{transform:none}}

/* Quiet, continuous brand marquee; keep animation time intact while paused. */
.brand-set{gap:60px;padding-right:60px}
.brand{flex:0 0 140px;min-width:140px;opacity:.72;position:relative;transform:scale(1);transition:opacity .2s linear,color .25s ease,transform .35s var(--ease);outline-offset:7px}
.brand.changan{font-size:17px;font-weight:750;letter-spacing:1.3px}
.brand.deepal{font-size:20px;font-weight:550;letter-spacing:4px}
.brand.leapmotor{font-size:16px;font-weight:750;letter-spacing:1px}
.brand.voyah{font-size:20px;font-weight:550;letter-spacing:4px}
.brand.dongfeng{font-size:16px;font-weight:750;letter-spacing:1.1px}
.brand.mazda{font-size:26px;font-weight:650;letter-spacing:-1.5px}
.brand.aito{font-size:24px;font-weight:550;letter-spacing:5px}
.brand.gac{font-size:27px;font-weight:750;font-style:italic;letter-spacing:1px}
.brand.lynk{font-size:17px;font-weight:750;letter-spacing:2px}
.brand.hongqi{font-size:19px;font-weight:600;letter-spacing:3px}
.brands:has(.brand:focus-visible) .brand{opacity:.25}
.brands .brand:focus-visible{opacity:1;color:var(--purple);transform:scale(1.1);outline:2px solid #ac9bfa;border-radius:4px}
@media(hover:hover) and (pointer:fine){
 .brands:hover .brand{opacity:.25}
 .brands .brand:hover{opacity:1;color:var(--purple);transform:scale(1.1)}
}
@media(hover:none){.brands:hover .brand-track{animation-play-state:running}}
@media(prefers-reduced-motion:reduce){.brands{overflow-x:auto}.brand-track{animation:none}.brand-set[aria-hidden=true]{display:none}}


/* Exact customer-supplied logo artwork, clipped through SVG alpha masks. */
.brand.brand-image{height:64px;flex-basis:130px;min-width:130px}
.brand-mark{display:block;width:124px;height:64px;background:currentColor;mask:var(--brand-logo) center/contain no-repeat;-webkit-mask:var(--brand-logo) center/contain no-repeat}
.brand-track{animation-duration:160s}
.brands:has(.brand:focus-visible) .brand-track{animation-play-state:paused}
.brands.is-draggable{cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;overflow:hidden}
.brands.is-draggable .brand{cursor:grab;-webkit-user-drag:none;-webkit-touch-callout:none;touch-action:pan-y}
.brands.is-draggable .brand-track{animation:none;will-change:transform}
.brands.is-draggable .brand-set[aria-hidden=true]{display:flex}
.brands.is-dragging,.brands.is-dragging .brand{cursor:grabbing}
.brands.is-dragging .brand{opacity:.78;transform:none;color:#5b6271}
@media(max-width:800px){.brand.brand-image{flex-basis:105px;min-width:105px;height:56px}.brand-mark{width:108px;height:56px}.brand-set{gap:36px;padding-right:36px}}
