@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap');
:root{--ink:#101216;--muted:#666b72;--line:#dfe2e6;--soft:#f3f5f7;--blue:#2f64ff;--deep:#07151d;--white:#fff;--radius:3px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Manrope,Arial,sans-serif;background:#fff}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.site-header{height:74px;padding:0 4vw;display:flex;align-items:center;gap:48px;position:absolute;z-index:20;top:0;left:0;right:0;color:#fff;border-bottom:1px solid rgba(255,255,255,.2)}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.12em}.brand small{font-size:9px;font-weight:500;letter-spacing:.08em;opacity:.65;border-left:1px solid currentColor;padding-left:10px}.brand-mark{width:25px;height:20px;display:flex;gap:4px;align-items:center}.brand-mark i{display:block;width:11px;height:4px;background:currentColor;transform:skewY(-28deg)}.brand-mark i:last-child{transform:skewY(28deg)}.desktop-nav{display:flex;gap:30px;margin:auto;font-size:13px}.desktop-nav a{opacity:.82}.desktop-nav a:hover{opacity:1}.header-cta{font-size:12px;border:1px solid rgba(255,255,255,.55);padding:10px 17px}.menu-toggle{display:none}.hero{height:100svh;min-height:720px;position:relative;color:#fff;display:flex;align-items:center;overflow:hidden}.hero-media{position:absolute;inset:0;background-image:url('https://xps01.xiaopeng.com/cms/material/pic/2026/08-10/pic_20260810155539_82965.jpg');background-size:cover;background-position:center;transform:scale(1.01)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,14,20,.73) 0%,rgba(5,14,20,.32) 47%,rgba(5,14,20,.08) 74%),linear-gradient(0deg,rgba(5,14,20,.34),transparent 45%)}.hero-content{position:relative;z-index:2;margin-left:9vw;width:min(680px,76vw);padding-top:60px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.18em;font-weight:600;margin:0 0 22px;opacity:.75}.eyebrow.dark{color:#647079}.hero h1,.section h2,.russia-section h2,.ecosystem-section h2,.request-section h2{font-size:clamp(44px,6.2vw,88px);line-height:.98;letter-spacing:-.055em;margin:0;font-weight:500}.hero-copy{font-size:17px;line-height:1.65;max-width:585px;margin:30px 0 22px;color:rgba(255,255,255,.83)}.status-line{font-size:12px;display:flex;gap:10px;align-items:center;color:rgba(255,255,255,.78)}.status-line span{width:7px;height:7px;border-radius:50%;background:#f1b44c;box-shadow:0 0 0 5px rgba(241,180,76,.15)}.hero-actions{display:flex;gap:10px;margin-top:35px}.button{min-height:50px;padding:0 25px;display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;font-size:13px;font-weight:600}.button-primary{background:var(--blue);color:#fff}.button-primary:hover{background:#1f52e8}.button-ghost{color:#fff;border:1px solid rgba(255,255,255,.5);backdrop-filter:blur(8px)}.hero-scroll{position:absolute;z-index:3;bottom:30px;right:4vw;font-size:11px;letter-spacing:.1em;text-transform:uppercase;display:flex;gap:18px;align-items:center}.hero-scroll span{font-size:20px}.section{padding:120px 5vw}.section-head{display:grid;grid-template-columns:1.4fr .6fr;align-items:end;gap:60px;margin-bottom:54px}.section-head h2{font-size:clamp(38px,5vw,68px)}.section-head>p{color:var(--muted);font-size:14px;line-height:1.7;max-width:450px}.model-tabs{border-bottom:1px solid var(--line);display:flex;gap:30px;margin-bottom:30px;overflow:auto}.model-tabs button{background:none;border:0;padding:0 0 14px;color:#878c92;font-size:12px;white-space:nowrap;cursor:pointer}.model-tabs button.active{color:var(--ink);border-bottom:2px solid var(--ink)}.model-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.model-card{background:var(--soft);min-width:0}.model-card.featured{grid-column:1/-1}.model-visual{height:340px;position:relative;overflow:hidden;padding:25px;color:#fff;background:#bac4cc}.featured .model-visual{height:520px}.model-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(0,0,0,.62),rgba(0,0,0,.04) 65%),radial-gradient(circle at 70% 55%,rgba(255,255,255,.18),transparent 32%)}.model-visual:after{content:"";position:absolute;width:58%;height:25%;right:6%;bottom:16%;border-radius:50% 48% 17% 20%;background:linear-gradient(160deg,#e9eef1 0%,#7c8991 38%,#18232b 45%,#5f6d75 55%,#d8dee1 63%,#445159 67%);filter:drop-shadow(0 28px 17px rgba(0,0,0,.38));transform:skewX(-7deg)}.model-visual.gx{background:linear-gradient(140deg,#0d252e,#789098)}.model-visual.g9{background:linear-gradient(140deg,#465056,#b6aca0)}.model-visual.g6{background:linear-gradient(140deg,#1b2e3b,#718a9b)}.model-visual.p7{background:linear-gradient(140deg,#3f423e,#a4a590)}.model-visual.x9{background:linear-gradient(140deg,#1e2932,#8999a5)}.model-visual span,.model-visual strong{position:relative;z-index:2}.model-visual span{font-size:11px;text-transform:uppercase;letter-spacing:.15em}.model-visual strong{display:block;font-size:80px;line-height:1;margin-top:12px;font-weight:500;letter-spacing:-.06em}.featured .model-visual strong{font-size:120px}.model-info{padding:25px 26px 28px;display:flex;justify-content:space-between;align-items:end}.model-info p{margin:0 0 5px;color:var(--muted);font-size:11px}.model-info h3{font-size:22px;margin:0}.model-info a{font-size:12px;border-bottom:1px solid #aeb3b7;padding-bottom:5px}.model-info b{color:var(--blue);margin-left:7px}.model-card.hidden{display:none}.russia-section{background:var(--deep);color:#fff;padding:120px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:11vw}.russia-section h2,.ecosystem-section h2{font-size:clamp(42px,5.5vw,74px)}.russia-copy>p:not(.eyebrow){color:#a9b5bb;line-height:1.75;max-width:590px;margin:30px 0}.text-link{display:inline-flex;align-items:center;gap:30px;border-bottom:1px solid #526168;padding-bottom:8px;font-size:13px}.fact-list{border-top:1px solid #33424a}.fact-list>div{display:grid;grid-template-columns:40px 170px 1fr;gap:20px;padding:29px 0;border-bottom:1px solid #33424a;align-items:start}.fact-list span{font-size:10px;color:#6f8794}.fact-list h3{font-size:15px;margin:0;font-weight:500}.fact-list p{font-size:12px;line-height:1.6;color:#94a3aa;margin:0}.compare-wrap{overflow:auto;border-top:1px solid var(--line)}table{border-collapse:collapse;width:100%;min-width:800px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:22px 16px;font-size:12px}th{color:#858a90;font-weight:500}td strong{font-size:20px;display:block}td small{color:#8c9298}td i{display:inline-block;width:7px;height:7px;background:#59a86b;border-radius:50%;margin-right:8px}td a{color:var(--blue);font-weight:600}.ecosystem-section{background:#0a1014;color:#fff;padding:120px 5vw;display:grid;grid-template-columns:.72fr 1.28fr;gap:7vw}.ecosystem-intro>p:last-child{color:#8c9aa1;line-height:1.7;margin-top:30px;max-width:440px}.ecosystem-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.eco-card{min-height:250px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(150deg,#16252c,#0d1519);border:1px solid #23333b}.eco-card:after{content:"";align-self:flex-end;width:80px;height:80px;border:1px solid #47606b;border-radius:50%;box-shadow:0 0 45px rgba(76,153,185,.16)}.eco-card.eco-wide{grid-column:span 2;min-height:290px;background:linear-gradient(110deg,#14262e,#0c1216 70%)}.eco-card span{font-size:10px;color:#637680}.eco-card p{color:#778992;font-size:11px;margin:0 0 5px}.eco-card h3{font-size:38px;margin:0;font-weight:500;letter-spacing:-.04em}.request-section{padding:120px 8vw;background:#edf1f4;display:grid;grid-template-columns:1fr .75fr;gap:10vw}.request-section h2{font-size:clamp(40px,5vw,68px)}.request-copy>p:not(.eyebrow){color:var(--muted);line-height:1.75;max-width:620px}.request-copy ul{padding:0;list-style:none;margin-top:35px}.request-copy li{padding:12px 0;border-bottom:1px solid #d7dde1;font-size:13px}.request-copy li:before{content:"✓";color:var(--blue);margin-right:12px}.request-form{background:#fff;padding:36px;align-self:start;box-shadow:0 22px 70px rgba(31,44,53,.08)}.request-form label{display:block;font-size:11px;color:#697078;margin-bottom:22px}.request-form input,.request-form select{width:100%;height:48px;border:0;border-bottom:1px solid #cdd2d6;background:transparent;border-radius:0;color:var(--ink);outline:none}.request-form input:focus,.request-form select:focus{border-color:var(--blue)}.request-form .button{width:100%;margin-top:5px}.request-form>p{font-size:9px;line-height:1.55;color:#92979c}.form-success{display:none;padding:14px;background:#e8f5eb;color:#337044;font-size:12px;margin-top:12px}.form-success.show{display:block}footer{padding:45px 5vw;display:grid;grid-template-columns:1fr 2fr auto;gap:40px;align-items:center;background:#0a0d10;color:#fff}.footer-brand small{display:none}footer p{font-size:9px;color:#737a80;line-height:1.6;max-width:700px}footer>a{font-size:11px}.mobile-cta{display:none}.reveal{opacity:1;transform:none}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.desktop-nav,.header-cta{display:none}.menu-toggle{display:flex;margin-left:auto;background:none;border:0;flex-direction:column;gap:5px}.menu-toggle span{width:23px;height:1px;background:#fff}.site-header.menu-open{background:#07151d;position:fixed}.site-header.menu-open .desktop-nav{display:flex;position:absolute;top:73px;left:0;right:0;background:#07151d;padding:25px 5vw 35px;flex-direction:column}.hero-content{margin-left:6vw;width:88vw}.section-head,.russia-section,.ecosystem-section,.request-section{grid-template-columns:1fr}.model-grid{grid-template-columns:1fr}.model-card.featured{grid-column:auto}.featured .model-visual,.model-visual{height:360px}.featured .model-visual strong{font-size:80px}.russia-section,.ecosystem-section,.request-section{gap:60px;padding:90px 6vw}.fact-list>div{grid-template-columns:35px 130px 1fr}footer{grid-template-columns:1fr}.mobile-cta{display:block;position:fixed;z-index:15;bottom:12px;left:12px;right:12px;background:var(--blue);color:#fff;text-align:center;padding:14px;font-size:12px;box-shadow:0 8px 30px rgba(17,45,120,.3)}}
@media(max-width:560px){.site-header{height:64px;padding:0 20px}.brand small{display:none}.hero{min-height:690px}.hero-content{padding-top:30px}.hero h1{font-size:47px}.hero-copy{font-size:14px}.status-line{font-size:10px;align-items:flex-start}.hero-actions{flex-direction:column;width:100%}.button{width:100%}.hero-scroll{display:none}.section{padding:80px 20px}.section-head{display:block}.section-head>p{margin-top:20px}.section h2{font-size:40px}.model-tabs{gap:22px}.model-visual,.featured .model-visual{height:285px}.model-visual strong,.featured .model-visual strong{font-size:64px}.model-visual:after{width:72%;right:0}.model-info{padding:20px}.russia-section,.ecosystem-section,.request-section{padding:80px 20px}.russia-section h2,.ecosystem-section h2,.request-section h2{font-size:42px}.fact-list>div{grid-template-columns:28px 1fr}.fact-list p{grid-column:2}.ecosystem-grid{display:block}.eco-card,.eco-card.eco-wide{margin-bottom:10px;min-height:220px}.request-form{padding:25px 20px}footer{padding:40px 20px 90px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}
.model-page{background:#fff}.model-header{height:72px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:#07151d;color:#fff}.model-header>a:last-child{font-size:12px;border:1px solid #60717a;padding:10px 16px}.model-hero{min-height:660px;color:#fff;padding:130px 9vw 80px;display:flex;align-items:center;background:linear-gradient(110deg,#0b202a 0%,#39545f 55%,#9aa9aa)}.model-hero.gx-page{background:linear-gradient(110deg,#071820,#1a4650 58%,#77928e)}.model-hero.g9-page{background:linear-gradient(110deg,#141a1d,#4c565a 58%,#aaa095)}.model-hero.g6-page{background:linear-gradient(110deg,#0b1e2a,#35596d 58%,#879eaa)}.model-hero>div{max-width:760px}.model-hero h1{font-size:clamp(76px,13vw,170px);line-height:.85;letter-spacing:-.08em;margin:0 0 35px;font-weight:500}.model-hero>div>p:not(.eyebrow){font-size:16px;line-height:1.7;max-width:680px;color:#d7e0e3}.model-hero .button{margin-top:32px}.model-body{padding:100px 8vw;display:grid;grid-template-columns:200px 1fr;gap:9vw}.model-body aside{position:sticky;top:30px;align-self:start;display:flex;flex-direction:column;gap:12px}.model-body aside p{font-size:10px;color:#959b9f;text-transform:uppercase;letter-spacing:.15em}.model-body aside a{font-size:13px;border-bottom:1px solid var(--line);padding:9px 0}.model-body article{max-width:920px}.model-body article section{padding:0 0 90px;margin-bottom:90px;border-bottom:1px solid var(--line)}.model-body article h2{font-size:clamp(38px,5vw,66px);letter-spacing:-.055em;font-weight:500;margin:0 0 35px}.model-body article>section>p:last-child{color:var(--muted);line-height:1.8;max-width:800px}.info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:35px}.info-grid div{background:#fff;padding:24px 18px}.info-grid span{display:block;color:#8a9095;font-size:10px;margin-bottom:15px}.info-grid strong{font-size:14px}.check-list{list-style:none;padding:0;margin:0}.check-list li{padding:18px 0;border-bottom:1px solid var(--line);font-size:14px}.check-list li:before{content:"✓";color:var(--blue);margin-right:15px}@media(max-width:760px){.model-header{padding:0 20px}.model-header .brand small{display:none}.model-hero{min-height:600px;padding:100px 20px 60px}.model-hero h1{font-size:86px}.model-body{display:block;padding:70px 20px}.model-body aside{display:none}.model-body article section{padding-bottom:60px;margin-bottom:60px}.info-grid{grid-template-columns:1fr 1fr}}

/* Cars stay in a dedicated image zone: no labels, controls or copy over them. */
.site-header{position:relative;background:#07151d}
.hero{height:auto;min-height:720px;display:grid;grid-template-columns:42% 58%;align-items:stretch;background:#07151d}
.hero-media{position:relative;inset:auto;grid-column:2;grid-row:1;min-height:720px;transform:none;background-color:#101c22;background-image:url('assets/images/models/g9l/hero.jpg');background-size:cover;background-position:center}
.hero-shade{display:none}
.hero-content{grid-column:1;grid-row:1;display:flex;flex-direction:column;justify-content:center;width:auto;max-width:none;margin:0;padding:86px 5vw 90px}
.hero-scroll{left:5vw;right:auto;color:#b8c4c9}
.model-visual{padding:0;background:#101c22!important}
.model-visual:before,.model-visual:after{display:none!important;content:none!important}
.model-visual img{display:block;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:center}
@media(max-width:900px){.hero{display:flex;min-height:0;flex-direction:column}.hero-media{order:0;width:100%;min-height:0;height:auto;aspect-ratio:16/9;background-size:cover}.hero-content{order:1;width:100%;margin:0;padding:52px 6vw 68px}.hero-scroll{display:none}}
@media(max-width:960px){.hero-media{background-image:url('assets/images/models/g9l/hero-960.jpg')}}
@media(max-width:560px){.hero{min-height:0}.hero-content{padding:44px 20px 60px}.model-visual img{object-fit:contain}}

/* Global legibility pass: small/supporting copy is 1.5x larger and higher contrast. */
:root{--muted:#44494e}
.brand small{font-size:13.5px;opacity:.88}
.desktop-nav{font-size:19.5px}
.header-cta{font-size:18px}
.eyebrow{font-size:16.5px;opacity:.9}
.eyebrow.dark{color:#424b51}
.hero-copy{font-size:25.5px;color:rgba(255,255,255,.92)}
.status-line{font-size:18px;color:rgba(255,255,255,.9)}
.button{font-size:19.5px}
.hero-scroll{font-size:16.5px}
.section-head>p{font-size:21px;color:#44494e}
.model-tabs button{font-size:18px;color:#555b61}
.model-info p{font-size:16.5px;color:#44494e}
.model-info a,.model-info .model-more{font-size:18px;border-bottom:1px solid #aeb3b7;padding-bottom:5px}
.russia-copy>p:not(.eyebrow),.ecosystem-intro>p:last-child,.request-copy>p:not(.eyebrow){font-size:24px}
.russia-copy>p:not(.eyebrow){color:#c4cdd1}
.ecosystem-intro>p:last-child{color:#b5c0c5}
.text-link{font-size:19.5px}
.fact-list span{font-size:15px;color:#a2b3bc}
.fact-list h3{font-size:22.5px}
.fact-list p{font-size:18px;color:#bac5ca}
th,td{font-size:18px}
th{color:#555b60}
td small{font-size:16.5px;color:#555b60}
.eco-card span{font-size:15px;color:#a6bac3}
.eco-card p{font-size:16.5px;color:#b5c3c9}
.request-copy li{font-size:19.5px}
.request-form label{font-size:16.5px;color:#454b50}
.request-form input,.request-form select{font-size:24px;color:#101216}
.request-form input::placeholder{color:#5d6267;opacity:1}
.request-form>p{font-size:13.5px;color:#5f6469}
.form-success{font-size:18px}
footer p{font-size:13.5px;color:#a5adb2}
footer>a{font-size:16.5px}
.mobile-cta{font-size:18px}

/* One link covers each car card, including its official photo. */
.model-card{position:relative;display:block;cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}
.model-card:focus-within{outline:3px solid var(--blue);outline-offset:3px}
.model-card:hover{box-shadow:0 15px 42px rgba(19,31,39,.14);transform:translateY(-2px)}
.model-visual img{transition:transform .35s ease}
.model-card:hover .model-visual img{transform:scale(1.015)}
@media(max-width:900px){.desktop-nav{font-size:19.5px}.mobile-cta{font-size:18px}}
@media(max-width:560px){.hero-copy{font-size:21px}.status-line{font-size:16px}.button{font-size:18px}.model-card:hover{transform:none}.model-card:hover .model-visual img{transform:none}}

/* Official XPENG wordmark in every header and footer. */
.brand-logo{display:block;width:147px;height:auto;flex:0 0 auto;filter:invert(1);object-fit:contain}
@media(max-width:560px){.brand-logo{width:128px}.brand small{display:none}}

/* Official 36-frame vehicle spin: controls stay outside the car image. */
.spin-section{padding:120px 5vw 105px;background:#f7f8f9;overflow:hidden}
.spin-heading{display:grid;grid-template-columns:1.35fr .65fr;gap:70px;align-items:end;max-width:1500px;margin:0 auto 54px}
.spin-heading h2{font-size:clamp(44px,5.5vw,76px);line-height:1;letter-spacing:-.055em;font-weight:500;margin:0}
.spin-heading>p{font-size:21px;line-height:1.7;color:var(--muted);max-width:540px;margin:0}
.spin-tabs{display:flex;justify-content:center;gap:clamp(24px,5vw,78px);overflow-x:auto;padding:0 15px 20px;scrollbar-width:none}
.spin-tabs::-webkit-scrollbar{display:none}
.spin-tabs button{border:0;background:none;color:#80858a;font-size:22px;padding:8px 2px 10px;cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent}
.spin-tabs button.active{color:var(--ink);border-color:var(--ink)}
.spin-stage{position:relative;max-width:1500px;margin:0 auto;min-height:clamp(290px,45vw,650px);display:grid;place-items:center;isolation:isolate;background:#fff;overflow:hidden}
.spin-name{display:none}
.spin-car{position:relative;z-index:1;width:min(1200px,92%);aspect-ratio:15/7;background-image:url('assets/images/360/g6/frame-00.webp');background-repeat:no-repeat;background-size:contain;background-position:center;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;outline:none;filter:drop-shadow(0 20px 18px rgba(20,25,29,.12))}
.spin-car:active{cursor:grabbing}.spin-car:focus-visible{outline:3px solid var(--blue);outline-offset:8px}
.spin-control{display:none}
.spin-stage.is-loading:after{content:"Загрузка ракурсов…";position:absolute;inset:0;display:grid;place-items:center;background:rgba(255,255,255,.88);font-size:18px;color:#555b61;z-index:3}
.spin-footer{max-width:1500px;margin:0 auto;padding:30px 5px 0;display:flex;justify-content:space-between;align-items:end;gap:30px}
.spin-footer small{display:block;font-size:15px;color:#686e73;margin-bottom:6px}.spin-footer strong{font-size:26px;font-weight:600}
.spin-source{max-width:1500px;margin:25px auto 0;color:#61676c;font-size:15px;line-height:1.6}
@media(max-width:900px){.spin-section{padding:90px 6vw 80px}.spin-heading{grid-template-columns:1fr;gap:25px}.spin-stage{min-height:0;aspect-ratio:16/10}.spin-car{width:100%}.spin-footer{align-items:flex-start}.spin-details{font-size:18px}}
@media(max-width:560px){.spin-section{padding:75px 20px 65px}.spin-heading{margin-bottom:30px}.spin-heading h2{font-size:42px}.spin-heading>p{font-size:18px}.spin-tabs{justify-content:flex-start;gap:29px;margin:0 -20px;padding-inline:20px}.spin-tabs button{font-size:20px}.spin-stage{margin-inline:-20px;aspect-ratio:4/3}.spin-car{width:118%}.spin-footer{display:block;padding-top:22px}.spin-details{margin-top:18px}.spin-source{font-size:14px}}

/* Trust and legal navigation shared by every public page. */
.site-footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px 22px;max-width:620px}
.site-footer-links a{font-size:14px;color:#d7dde0;text-decoration:underline;text-underline-offset:4px}
.model-breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:16px 5vw;background:#fff;border-bottom:1px solid var(--line);color:#4b555c;font-size:15px}
.model-breadcrumbs a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px){.site-footer-links{justify-content:flex-start;max-width:none}.model-breadcrumbs{padding-inline:20px}}