@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/inter-400.woff") format("woff")}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/inter-500.woff") format("woff")}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/inter-600.woff") format("woff")}
@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/inter-700.woff") format("woff")}
@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url("../fonts/inter-800.woff") format("woff")}
@font-face{font-family:Rajdhani;font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/rajdhani-500.woff") format("woff")}
@font-face{font-family:Rajdhani;font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/rajdhani-600.woff") format("woff")}
@font-face{font-family:Rajdhani;font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/rajdhani-700.woff") format("woff")}

:root {
  --void: #030507;
  --space: #070a0f;
  --panel: #0b0f15;
  --panel-soft: #10161e;
  --ink: #f4f7fb;
  --muted: #909aa7;
  --red: #f01827;
  --red-deep: #a80713;
  --line: rgba(255, 255, 255, .12);
  --glow: rgba(240, 24, 39, .36);
  --max: 1280px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scrollbar-color: var(--red) var(--void); }
html { width: 100%; max-width: 100%; overflow-x: clip; }
body { width: 100%; max-width: 100%; margin: 0; overflow-x: clip; color: var(--ink); background: var(--void); font-family: Inter, Arial, sans-serif; line-height: 1.65; }
body::before { content: ""; position: fixed; z-index: -3; inset: 0; background: radial-gradient(circle at 70% 15%, #251016 0, transparent 34%), radial-gradient(circle at 12% 70%, #071b27 0, transparent 30%), var(--void); }
img { max-width: 100%; }
a { color: inherit; }
button, input, select { font: inherit; }
::selection { color: #fff; background: var(--red); }
.container { width: min(calc(100% - 48px), var(--max)); margin-inline: auto; }
.sr-only { position: absolute; overflow: hidden; width: 1px; height: 1px; clip: rect(0, 0, 0, 0); }
#starfield { position: fixed; z-index: -2; inset: 0; width: 100%; height: 100%; pointer-events: none; opacity: .72; }
.space-haze { position: fixed; z-index: -1; inset: 0; pointer-events: none; background: linear-gradient(115deg, transparent 20%, rgba(255,255,255,.015) 50%, transparent 70%); }
.energy-core, .mobile-scroll-hint, .color-swipe-hint { display: none; }

/* AUTO•SWALAYAN */
.swalayan-hero { position: relative; min-height: 100vh; display: flex; align-items: center; overflow: hidden; padding: 9rem 0 5rem; background: radial-gradient(circle at 76% 46%, rgba(240,24,39,.18), transparent 18%), linear-gradient(120deg, rgba(3,5,7,.2), rgba(3,5,7,.92)), url("../../assets/campaign/bj40-hero.webp") center/cover; }
.swalayan-hero::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px); background-size: 80px 80px; mask-image: linear-gradient(to right, #000, transparent 75%); }
.swalayan-hero-content { position: relative; z-index: 2; }
.swalayan-hero h1 { max-width: 850px; margin: 1.2rem 0; font-family: Rajdhani, sans-serif; font-size: clamp(4rem, 9.2vw, 9rem); line-height: .82; letter-spacing: -.055em; text-transform: uppercase; }
.swalayan-lead { max-width: 690px; margin: 0 0 2.5rem; color: #c2c9d1; font-size: clamp(1rem, 1.4vw, 1.2rem); }
.empty-chair { position: absolute; z-index: 2; right: 5vw; bottom: 7vh; display: grid; width: 230px; min-height: 230px; align-content: end; padding: 1.6rem; border: 1px solid rgba(255,255,255,.2); background: rgba(4,7,10,.7); backdrop-filter: blur(14px); clip-path: polygon(0 15px, 15px 0, 100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%); }
.empty-chair::before { content: ""; position: absolute; top: 1rem; right: 1rem; width: 54px; height: 54px; border: 1px solid var(--red); border-radius: 50%; box-shadow: 0 0 28px var(--glow); }
.empty-chair span, .empty-chair small { color: var(--muted); font-family: Rajdhani, sans-serif; font-weight: 700; letter-spacing: .16em; }
.empty-chair b { margin: .2rem 0 .8rem; font-family: Rajdhani, sans-serif; font-size: 2.2rem; line-height: .82; }
.swalayan-manifesto .container { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(280px, .7fr); gap: 8vw; align-items: end; }
.swalayan-manifesto h2 { margin: 0; font-family: Rajdhani, sans-serif; font-size: clamp(3rem, 6vw, 6.5rem); line-height: .9; text-transform: uppercase; }
.swalayan-manifesto h2 em { color: var(--red); font-style: normal; }
.swalayan-manifesto .container > p:last-child { color: var(--muted); font-size: 1.08rem; }
.lifeprint-section { background: rgba(7,10,15,.7); }
.lifeprint-shell { border: 1px solid var(--line); background: linear-gradient(145deg, rgba(16,22,30,.96), rgba(5,7,10,.96)); box-shadow: 0 30px 90px rgba(0,0,0,.35); }
.lifeprint-progress { display: flex; height: 54px; align-items: center; justify-content: space-between; padding: 0 1.5rem; border-bottom: 1px solid var(--line); color: var(--muted); font-family: Rajdhani, sans-serif; font-weight: 700; letter-spacing: .14em; }
.lifeprint-progress::before { content: ""; position: absolute; right: 0; left: 0; height: 1px; background: rgba(255,255,255,.06); }
.lifeprint-progress i { position: absolute; left: 0; width: 25%; height: 2px; background: var(--red); box-shadow: 0 0 14px var(--red); transition: width .35s ease; }
.lifeprint-progress span { margin-left: auto; }
.lifeprint-step { margin: 0; padding: clamp(1.5rem, 5vw, 4rem); border: 0; }
.lifeprint-step legend { width: 100%; padding-top: clamp(1.5rem, 5vw, 4rem); font-family: Rajdhani, sans-serif; font-size: clamp(2rem, 4vw, 4rem); font-weight: 700; line-height: 1; text-transform: uppercase; }
.lifeprint-step legend small { display: block; margin-bottom: 1rem; color: var(--red); font-size: .72rem; letter-spacing: .18em; }
.lifeprint-options { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; margin-top: 2.5rem; background: var(--line); }
.lifeprint-option { display: grid; grid-template-columns: 35px 1fr auto; gap: 1rem; align-items: center; min-height: 105px; padding: 1.4rem; border: 0; color: var(--ink); background: var(--panel); cursor: pointer; text-align: left; transition: background .2s, color .2s; }
.lifeprint-option:hover, .lifeprint-option:focus-visible { color: #fff; background: var(--red); outline: 0; }
.lifeprint-option span { color: var(--muted); font-family: Rajdhani, sans-serif; }
.lifeprint-option b { font-size: 1rem; }
.lifeprint-option i { font-style: normal; }
.lifeprint-results { padding: clamp(1.5rem, 5vw, 4rem); }
.result-heading { max-width: 780px; margin-bottom: 2.5rem; }
.result-heading > span, .result-rank { color: var(--red); font-family: Rajdhani, sans-serif; font-size: .72rem; font-weight: 700; letter-spacing: .18em; }
.result-heading h2 { margin: .7rem 0; font-family: Rajdhani, sans-serif; font-size: clamp(2.5rem, 5vw, 5rem); line-height: .9; text-transform: uppercase; }
.result-heading p { color: var(--muted); }
.lifeprint-result-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }
.lifeprint-result-card { overflow: hidden; border: 1px solid var(--line); background: var(--panel); }
.lifeprint-result-card > span { display: block; padding: 1rem 1.2rem; }
.lifeprint-result-card img { display: block; width: 100%; aspect-ratio: 16/8.5; object-fit: contain; object-position: center; padding: .5rem; background: radial-gradient(circle at center, #151b22, #06090d 72%); }
.lifeprint-result-card > div { padding: 1.5rem; }
.lifeprint-result-card h3 { margin: 0 0 .7rem; font-family: Rajdhani, sans-serif; font-size: 2rem; text-transform: uppercase; }
.lifeprint-result-card p { color: var(--muted); font-size: .9rem; }
.lifeprint-result-card blockquote { margin: 1.2rem 0; padding-left: 1rem; border-left: 2px solid var(--red); font-family: Rajdhani, sans-serif; font-size: 1.15rem; font-weight: 600; }
.lifeprint-result-card a { font-family: Rajdhani, sans-serif; font-weight: 700; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
.lifeprint-actions { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 2rem; }
.lifeprint-reset { border: 0; color: var(--ink); background: transparent; cursor: pointer; }
.honesty-section { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.honesty-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8vw; }
.honesty-grid h2 { margin: .5rem 0; font-family: Rajdhani, sans-serif; font-size: clamp(2.6rem, 5vw, 5rem); line-height: .92; text-transform: uppercase; }
.honesty-grid > div:last-child { color: var(--muted); font-size: 1.05rem; }
.honesty-sign { padding-top: 1rem; border-top: 1px solid var(--line); color: var(--ink); font-family: Rajdhani, sans-serif; font-weight: 700; }
.home-swalayan { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: radial-gradient(circle at 15% 50%, rgba(240,24,39,.12), transparent 30%); }
.home-swalayan-grid { display: grid; grid-template-columns: 1.25fr .75fr; gap: 8vw; align-items: end; }
.home-swalayan h2 { margin: .5rem 0 0; font-family: Rajdhani, sans-serif; font-size: clamp(2.7rem, 5vw, 5.5rem); line-height: .92; text-transform: uppercase; }
.home-swalayan h2 em { color: var(--red); font-style: normal; }
.home-swalayan-grid > div:last-child p { margin: 0 0 1.5rem; color: var(--muted); }
.regret-section { border-top: 1px solid var(--line); }
.regret-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--line); }
.regret-card { min-height: 260px; padding: 1.7rem; background: var(--panel); }
.regret-card > span { color: var(--red); font-family: Rajdhani, sans-serif; font-weight: 700; }
.regret-card h3 { margin: 2rem 0 .8rem; font-family: Rajdhani, sans-serif; font-size: 1.45rem; line-height: 1.05; text-transform: uppercase; }
.regret-card p { color: var(--muted); font-size: .88rem; }
.mission-section { background: rgba(7,10,15,.72); }
.mission-list { border-top: 1px solid var(--line); }
.mission-card { border-bottom: 1px solid var(--line); }
.mission-card > button { display: grid; grid-template-columns: 55px 1fr 35px; gap: 1.5rem; width: 100%; align-items: center; padding: 1.5rem 0; border: 0; color: var(--ink); background: transparent; cursor: pointer; text-align: left; }
.mission-card > button > span { color: var(--red); font-family: Rajdhani, sans-serif; font-weight: 700; }
.mission-card h3 { margin: 0; font-family: Rajdhani, sans-serif; font-size: 1.8rem; text-transform: uppercase; }
.mission-card button p { margin: .25rem 0 0; color: var(--muted); font-size: .88rem; }
.mission-card button b { font-size: 1.8rem; font-weight: 400; text-align: center; }
.mission-checks { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; padding: 0 0 1.5rem 70px; }
.mission-checks label { display: flex; min-height: 60px; align-items: center; gap: .8rem; padding: .8rem 1rem; border: 1px solid var(--line); background: rgba(255,255,255,.02); cursor: pointer; }
.mission-checks input { width: 18px; height: 18px; accent-color: var(--red); }
.mission-checks span { font-size: .83rem; text-transform: capitalize; }
.passport-bar { display: flex; align-items: center; justify-content: space-between; gap: 2rem; margin-top: 2rem; padding: 1.5rem; border: 1px solid rgba(240,24,39,.32); background: rgba(240,24,39,.06); }
.passport-bar span { color: var(--red); font-family: Rajdhani, sans-serif; font-size: .72rem; font-weight: 700; letter-spacing: .14em; }
.passport-bar p { max-width: 670px; margin: .4rem 0 0; color: var(--muted); font-size: .82rem; }
.passport-copy { flex: none; }
.honesty-door-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }
.honesty-door { display: grid; gap: 1.2rem; padding: clamp(1.3rem, 3vw, 2.2rem); border: 1px solid var(--line); background: var(--panel); }
.honesty-door > span { color: var(--red); font-family: Rajdhani, sans-serif; font-size: .68rem; font-weight: 700; letter-spacing: .15em; }
.honesty-door h3 { margin: 0; font-family: Rajdhani, sans-serif; font-size: 2rem; line-height: 1; text-transform: uppercase; }
.honesty-door h4 { margin: 0 0 .6rem; color: #cbd2da; font-size: .76rem; letter-spacing: .08em; text-transform: uppercase; }
.honesty-door ul { margin: 0; padding-left: 1.2rem; color: var(--muted); font-size: .83rem; }
.honesty-door > p { margin: 0; padding-top: 1rem; border-top: 1px solid var(--line); font-size: .85rem; }

.site-header { position: fixed; z-index: 30; top: 0; right: 0; left: 0; height: 88px; border-bottom: 1px solid transparent; transition: .3s ease; }
.site-header.is-scrolled { height: 72px; border-color: var(--line); background: rgba(3, 5, 7, .82); backdrop-filter: blur(18px); }
.header-inner { display: flex; height: 100%; align-items: center; justify-content: space-between; gap: 2rem; }
.brand { display: block; flex: none; width: 238px; line-height: 0; filter: drop-shadow(0 4px 12px rgba(0,0,0,.65)); transition: .25s ease; }
.brand:hover { filter: drop-shadow(0 5px 15px rgba(0,0,0,.7)) drop-shadow(0 0 10px rgba(240,24,39,.18)); transform: translateY(-1px); }
.brand img { display: block; width: 100%; height: auto; }
.site-nav { display: flex; align-items: center; gap: clamp(.7rem, 1vw, 1rem); }
.site-nav > a { position: relative; color: #cbd2da; font-family: Rajdhani, sans-serif; font-size: .85rem; font-weight: 700; letter-spacing: .14em; text-decoration: none; text-transform: uppercase; }
.site-nav > a:not(.nav-cta)::after { content: ""; position: absolute; right: 50%; bottom: -.6rem; left: 50%; height: 2px; background: var(--red); transition: .25s ease; }
.site-nav > a:hover, .site-nav > a[aria-current="page"] { color: #fff; }
.site-nav > a:hover::after, .site-nav > a[aria-current="page"]::after { right: 0; left: 0; }
.site-nav .nav-cta { padding: .78rem 1rem; border: 1px solid rgba(240,24,39,.6); color: #fff; background: rgba(240,24,39,.08); }
.nav-cta span { margin-left: .55rem; color: var(--red); }
.header-socials { display: flex; flex: none; align-items: center; gap: 4px; margin-left: .15rem; }
.header-socials a { display: grid; width: 28px; height: 32px; place-items: center; border: 1px solid transparent; border-radius: 3px; color: #aeb7c2; text-decoration: none; transition: color .2s ease, border-color .2s ease, background-color .2s ease, transform .2s ease; }
.header-socials svg { display: block; width: 19px; height: 19px; pointer-events: none; }
.header-socials a:hover { border-color: rgba(240,24,39,.48); color: #fff; background: rgba(240,24,39,.08); transform: translateY(-1px); }
.header-socials a:focus-visible { border-color: var(--red); color: #fff; outline: 2px solid #fff; outline-offset: 2px; }
.nav-toggle { display: none; width: 44px; height: 40px; border: 0; background: transparent; cursor: pointer; }
.nav-toggle span { display: block; width: 26px; height: 2px; margin: 6px auto; background: #fff; transition: .25s; }

.hero { position: relative; display: flex; min-height: 100svh; align-items: center; overflow: hidden; background: #05080c; isolation: isolate; }
.hero::before { content: ""; position: absolute; z-index: -2; inset: 0; background: radial-gradient(ellipse at 74% 46%, rgba(125,15,26,.42), transparent 30%), linear-gradient(90deg, #040608 0%, rgba(4,6,8,.82) 40%, rgba(4,6,8,.12) 75%); }
.hero::after { content: ""; position: absolute; z-index: 2; right: 0; bottom: 0; left: 0; height: 34%; pointer-events: none; background: linear-gradient(0deg, var(--void), transparent); }
.hero-backdrop { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .38; filter: blur(16px) saturate(.7) brightness(.7); transform: scale(1.08); }
.hero-car { position: absolute; z-index: -1; inset: 0; width: 100%; height: 100%; object-fit: contain; object-position: center; opacity: .88; filter: contrast(1.06) saturate(.9); }
.hero-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(3,5,7,.98) 0%, rgba(3,5,7,.82) 39%, transparent 72%), linear-gradient(0deg, #030507 0, transparent 38%); }
.hero-content { position: relative; z-index: 3; padding-top: 7rem; }
.mission-tag { display: flex; align-items: center; gap: .75rem; margin: 0 0 1.25rem; color: #bbc3cc; font-family: Rajdhani, sans-serif; font-size: .75rem; font-weight: 600; letter-spacing: .23em; text-transform: uppercase; }
.mission-tag span { width: 34px; height: 1px; background: var(--red); box-shadow: 0 0 12px var(--red); }
.hero-kicker { margin: 0 0 .25rem; color: var(--red); font-family: Rajdhani, sans-serif; font-size: clamp(1rem, 1.3vw, 1.25rem); font-weight: 700; letter-spacing: .32em; text-transform: uppercase; }
.hero h1, .model-hero h1 { margin: 0; font-family: Rajdhani, sans-serif; font-size: clamp(4.7rem, 10vw, 9rem); font-weight: 700; letter-spacing: -.055em; line-height: .77; text-transform: uppercase; }
.hero h1 em, h2 em { color: transparent; font-style: normal; -webkit-text-stroke: 1px rgba(255,255,255,.72); }
.hero-copy { max-width: 580px; margin: 2rem 0; color: #b8c0ca; font-size: clamp(1rem, 1.3vw, 1.15rem); }
.actions { display: flex; align-items: center; flex-wrap: wrap; gap: 1.5rem; }
.button { display: inline-flex; min-height: 54px; align-items: center; justify-content: center; gap: 1.8rem; padding: .75rem 1.25rem; border: 1px solid #d41120; color: #fff; background: #d41120; box-shadow: 0 0 0 var(--glow); font-family: Rajdhani, sans-serif; font-size: .88rem; font-weight: 700; letter-spacing: .1em; text-decoration: none; text-transform: uppercase; transition: .25s; }
.button:hover { color: #fff; background: var(--red-deep); box-shadow: 0 0 34px var(--glow); transform: translateY(-2px); }
.button span { font-size: 1.15rem; }
.text-action, .line-link { color: #e8edf2; font-family: Rajdhani, sans-serif; font-size: .86rem; font-weight: 700; letter-spacing: .1em; text-decoration: none; text-transform: uppercase; }
.text-action span, .line-link span { margin-left: .5rem; color: var(--red); transition: margin .2s; }
.text-action:hover span, .line-link:hover span { margin-left: .85rem; }
.hero-status { position: absolute; z-index: 4; right: 3vw; bottom: 4rem; display: flex; align-items: center; gap: 1rem; padding: 1rem 1.4rem; border: 1px solid var(--line); background: rgba(5,8,12,.52); backdrop-filter: blur(10px); }
.hero-status > span { color: var(--red); font-family: Rajdhani, sans-serif; font-size: 2.3rem; line-height: 1; }
.hero-status b, .hero-status small { display: block; font-family: Rajdhani, sans-serif; letter-spacing: .12em; }
.hero-status b { font-size: .8rem; }
.hero-status small { color: var(--muted); font-size: .65rem; }
.scroll-cue { position: absolute; z-index: 4; bottom: 3rem; left: 2rem; display: flex; align-items: center; gap: .7rem; color: var(--muted); font-family: Rajdhani, sans-serif; font-size: .62rem; letter-spacing: .15em; text-decoration: none; writing-mode: vertical-rl; }
.scroll-cue span { width: 1px; height: 50px; background: linear-gradient(var(--red), transparent); }
.hero-orbit { position: absolute; z-index: 1; border: 1px solid rgba(255,255,255,.08); border-radius: 50%; pointer-events: none; }
.orbit-one { right: -11vw; width: 58vw; height: 58vw; animation: orbit 38s linear infinite; }
.orbit-two { right: 4vw; width: 30vw; height: 30vw; border-style: dashed; animation: orbit 24s linear infinite reverse; }

.section { position: relative; padding: clamp(6rem, 10vw, 10rem) 0; }
.eyebrow { margin: 0 0 1.1rem; color: var(--red); font-family: Rajdhani, sans-serif; font-size: .76rem; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; }
.section-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, .38fr); align-items: end; gap: 4rem; margin-bottom: 4rem; }
.section-head h2, .tech-copy h2, .contact-grid h2 { margin: 0; font-family: Rajdhani, sans-serif; font-size: clamp(2.8rem, 5.2vw, 5rem); letter-spacing: -.035em; line-height: .9; text-transform: uppercase; }
.section-head > p, .contact-grid > div > p, .tech-copy > p { color: var(--muted); }
.fleet-section { background: linear-gradient(180deg, var(--void), #070b10 55%, var(--void)); }
.fleet-grid { display: grid; grid-template-columns: repeat(2, 1fr); width: 100vw; max-width: none; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); gap: 1px; border: 0; background: var(--line); }
.fleet-card { position: relative; overflow: hidden; min-height: 470px; padding: 2rem; color: #fff; background: #090d12; text-decoration: none; isolation: isolate; }
.fleet-card::after { content: ""; position: absolute; z-index: -2; inset: 0; background: radial-gradient(circle at 65% 44%, rgba(240,24,39,.15), transparent 34%); opacity: 0; transition: .4s; }
.fleet-card:hover::after { opacity: 1; }
.fleet-index { position: absolute; top: 1.5rem; right: 1.5rem; color: #5f6974; font-family: Rajdhani, sans-serif; font-size: .8rem; letter-spacing: .15em; }
.fleet-visual { position: absolute; z-index: -1; inset: 0; display: grid; place-items: center; overflow: hidden; }
.fleet-visual::before { content: ""; position: absolute; z-index: 2; inset: 0; background: linear-gradient(0deg, rgba(3,5,7,.97) 0%, rgba(3,5,7,.12) 56%, rgba(3,5,7,.08) 100%); }
.fleet-visual img { position: absolute; inset: 0; width: 100%; height: 100%; transition: .65s cubic-bezier(.2,.8,.2,1); }
.fleet-backdrop { object-fit: cover; opacity: .3; filter: blur(12px) saturate(.75) brightness(.68); transform: scale(1.08); }
.fleet-car { z-index: 1; object-fit: contain; object-position: center; padding: .8rem; filter: saturate(.9) contrast(1.04); }
.fleet-card:hover .fleet-car { filter: saturate(1) contrast(1.06); }
.fleet-info { position: absolute; right: 2rem; bottom: 1.8rem; left: 2rem; display: grid; grid-template-columns: 1fr auto; align-items: end; gap: .2rem 1rem; }
.fleet-info p { grid-column: 1/-1; margin: 0; color: var(--red); font-family: Rajdhani, sans-serif; font-size: .7rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.fleet-info h3 { margin: 0; font-family: Rajdhani, sans-serif; font-size: 2rem; line-height: 1; text-transform: uppercase; }
.fleet-info > span { color: var(--muted); font-family: Rajdhani, sans-serif; font-size: .7rem; letter-spacing: .1em; text-transform: uppercase; }
.fleet-info b { color: var(--red); }

.technology-grid { display: grid; grid-template-columns: .85fr 1.15fr; align-items: center; gap: clamp(3rem, 8vw, 8rem); }
.tech-copy > p:not(.eyebrow) { margin: 2rem 0; }
.tech-panel { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); min-height: 420px; align-items: center; padding: 3rem; border: 1px solid var(--line); overflow: hidden; background: linear-gradient(145deg, rgba(255,255,255,.04), transparent); }
.tech-panel::before, .tech-panel::after { content: ""; position: absolute; border: 1px solid rgba(240,24,39,.2); border-radius: 50%; }
.tech-panel::before { width: 390px; height: 390px; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.tech-panel::after { width: 250px; height: 250px; top: 50%; left: 50%; border-style: dashed; transform: translate(-50%,-50%); animation: orbit 20s linear infinite; }
.scanner { position: absolute; top: 50%; left: 50%; width: 190px; height: 1px; transform-origin: left; background: linear-gradient(90deg, var(--red), transparent); animation: scan 6s linear infinite; }
.tech-stat { position: relative; z-index: 2; text-align: center; }
.tech-stat strong { display: block; color: #fff; font-family: Rajdhani, sans-serif; font-size: clamp(2.3rem,4vw,4rem); line-height: 1; text-shadow: 0 0 28px var(--glow); }
.tech-stat span { display: block; margin-top: 1rem; color: var(--muted); font-family: Rajdhani, sans-serif; font-size: .66rem; letter-spacing: .18em; line-height: 1.5; }
.corner { position: absolute; width: 28px; height: 28px; border-color: var(--red); }
.corner.tl { top: -1px; left: -1px; border-top: 2px solid; border-left: 2px solid; }
.corner.tr { top: -1px; right: -1px; border-top: 2px solid; border-right: 2px solid; }
.corner.bl { bottom: -1px; left: -1px; border-bottom: 2px solid; border-left: 2px solid; }
.corner.br { right: -1px; bottom: -1px; border-right: 2px solid; border-bottom: 2px solid; }
.contact-shell { position: relative; padding: clamp(2rem, 5vw, 5rem); border: 1px solid var(--line); overflow: hidden; background: linear-gradient(125deg, #10151d, #070a0f); }
.contact-shell::after { content: ""; position: absolute; top: -180px; right: -120px; width: 450px; height: 450px; border: 1px solid rgba(240,24,39,.18); border-radius: 50%; box-shadow: 0 0 100px rgba(240,24,39,.08); }
.contact-grid { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr .8fr; align-items: end; gap: 5rem; }
.contact-grid .actions { margin-top: 2rem; }
.model-price-grid { display: grid; gap: .75rem; margin-top: 2rem; }
.model-price-card { padding: 1rem 1.2rem; border: 1px solid var(--line); background: rgba(255,255,255,.025); }
.model-price-card span { display: block; color: var(--muted); font-family: Rajdhani, sans-serif; font-size: .72rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.model-price-card strong { display: block; margin-top: .25rem; color: #fff; font-family: Rajdhani, sans-serif; font-size: clamp(1.6rem,3vw,2.35rem); }
.model-price-card p { margin: .3rem 0 0; color: var(--muted); font-size: .76rem; }
.model-complete-specs { background: linear-gradient(180deg,rgba(255,255,255,.018),transparent); }
.spec-detail-block { margin-top: 2rem; border: 1px solid var(--line); background: rgba(255,255,255,.015); }
.spec-detail-block h3 { margin: 0; padding: 1.25rem 1.5rem; border-bottom: 1px solid var(--line); font-family: Rajdhani, sans-serif; font-size: 1.45rem; letter-spacing: .04em; text-transform: uppercase; }
.spec-table-wrap { overflow-x: auto; }
.spec-detail-block table { width: 100%; border-collapse: collapse; }
.spec-detail-block th, .spec-detail-block td { padding: .85rem 1.5rem; border-bottom: 1px solid rgba(255,255,255,.055); text-align: left; }
.spec-detail-block th { width: 46%; color: var(--muted); font-size: .82rem; font-weight: 500; }
.spec-detail-block td { color: #fff; font-weight: 600; }
.model-faq-list { border-top: 1px solid var(--line); }
.model-faq-item { border-bottom: 1px solid var(--line); }
.model-faq-item summary { padding: 1.3rem 2.8rem 1.3rem 0; color: #fff; font-family: Rajdhani, sans-serif; font-size: 1.25rem; font-weight: 700; cursor: pointer; }
.model-faq-item p { max-width: 850px; margin: 0 0 1.5rem; color: var(--muted); line-height: 1.8; }
.model-related-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.model-related-grid a { display: grid; grid-template-columns: 1fr auto; gap: .7rem 1rem; min-height: 150px; padding: 1.5rem; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); text-decoration: none; }
.model-related-grid span { grid-column: 1/-1; color: var(--red); font-size: .68rem; letter-spacing: .12em; }
.model-related-grid strong { color: #fff; font-family: Rajdhani, sans-serif; font-size: 1.2rem; }
.model-related-grid i { color: var(--red); font-style: normal; }
.showroom-strip { position: relative; z-index: 2; display: grid; grid-template-columns: .7fr 1.5fr .7fr; gap: 2rem; margin-top: 4rem; padding-top: 1.4rem; border-top: 1px solid var(--line); color: var(--muted); font-family: Rajdhani, sans-serif; font-size: .68rem; letter-spacing: .08em; text-transform: uppercase; }
.showroom-strip span { color: var(--red); font-weight: 700; }
.showroom-strip p { margin: 0; }
.showroom-strip b { color: #c2cad3; text-align: right; }

.model-hero { position: relative; display: flex; min-height: min(88vh, 920px); align-items: flex-end; overflow: hidden; background: #05070a; isolation: isolate; }
.model-hero > img, .model-hero > picture { position: absolute; inset: 0; width: 100%; height: 100%; }
.model-hero > picture { z-index: -2; }
.model-hero > picture > img { display: block; width: 100%; height: 100%; }
.model-hero-backdrop { z-index: -3; object-fit: cover; opacity: .45; filter: blur(16px) saturate(.72) brightness(.7); transform: scale(1.08); }
.model-hero > .model-hero-car, .model-hero > picture > .model-hero-car { z-index: -2; object-fit: contain; object-position: center; filter: saturate(.88) contrast(1.05); animation: hero-arrive 1.5s ease both; }
.model-hero-shade { position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, rgba(3,5,7,.93), rgba(3,5,7,.2) 70%), linear-gradient(0deg, #030507 0%, transparent 60%); }
.model-grid-lines { position: absolute; inset: 0; opacity: .12; background-image: linear-gradient(rgba(255,255,255,.25) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.25) 1px, transparent 1px); background-size: 80px 80px; mask-image: linear-gradient(0deg, #000, transparent 70%); }
.model-hero-content { position: relative; z-index: 2; padding-bottom: clamp(4rem,8vw,7rem); }
.back-link { display: inline-block; margin-bottom: 4rem; color: #b7c0ca; font-family: Rajdhani, sans-serif; font-size: .7rem; font-weight: 700; letter-spacing: .15em; text-decoration: none; text-transform: uppercase; }
.skip-link{position:fixed;z-index:10000;top:12px;left:12px;padding:12px 16px;color:#fff;background:#e83632;font-weight:700;text-decoration:none;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}:where(a,button,summary,[tabindex]):focus-visible{outline:3px solid #ff625e;outline-offset:4px}
.visual-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem;margin-bottom:2.6rem;font-family:Rajdhani,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.visual-breadcrumb a{color:#b7c0ca;text-decoration:none}.visual-breadcrumb a:hover{color:#fff}.visual-breadcrumb span{color:#e64945}.visual-breadcrumb b{color:#fff;font-weight:700}
.comparison-scroll{max-width:100%;overflow-x:auto;border:1px solid rgba(255,255,255,.12);background:#0b111b}.model-comparison table{width:100%;min-width:1080px;border-collapse:collapse;text-align:left}.model-comparison th,.model-comparison td{padding:18px 16px;border-right:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);vertical-align:top}.model-comparison thead th{color:#e64945;font-family:Rajdhani,sans-serif;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.model-comparison tbody th{min-width:190px}.model-comparison tbody th a{color:#fff;font-size:1.05rem;text-decoration:none}.model-comparison tbody th small{display:block;margin-top:.35rem;color:#9faaba;font-weight:400}.model-comparison td{color:#d4dae2;font-size:.9rem;line-height:1.55}
.model-hero h1 { max-width: 1100px; font-size: clamp(5rem, 12vw, 11rem); }
.model-lead { margin: 1.4rem 0 2rem; color: #c2cad3; font-family: Rajdhani, sans-serif; font-size: .82rem; letter-spacing: .13em; text-transform: uppercase; }
.model-code { position: absolute; z-index: 3; right: 3rem; bottom: 3rem; color: rgba(255,255,255,.12); font-family: Rajdhani, sans-serif; font-size: 2rem; font-weight: 700; letter-spacing: .15em; text-align: right; writing-mode: vertical-rl; }
.model-code span { color: var(--red); font-size: .6rem; }
.spec-section { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(9,13,18,.84); }
.spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)); }
.spec-grid > div { padding: 1.7rem; border-right: 1px solid var(--line); }
.spec-grid > div:first-child { border-left: 1px solid var(--line); }
.spec-grid span { display: block; color: var(--muted); font-family: Rajdhani, sans-serif; font-size: .64rem; letter-spacing: .14em; text-transform: uppercase; }
.spec-grid strong { display: block; margin-top: .35rem; font-family: Rajdhani, sans-serif; font-size: clamp(1.4rem,2.3vw,2rem); line-height: 1; }
.spec-grid small { margin-left: .3rem; color: var(--red); font-size: .57em; }
.variants-intro { padding-bottom: 3rem; }
.variant-overview { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 1px; border: 1px solid var(--line); background: var(--line); }
.variant-overview a { position: relative; display: grid; grid-template-columns: 1fr auto; align-items: end; gap: .4rem 1rem; min-height: 112px; padding: 1.4rem; overflow: hidden; color: #fff; background: #0a0e13; text-decoration: none; transition: .25s ease; }
.variant-overview a::before { content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background: var(--red); box-shadow: 0 0 12px var(--red); transition: width .3s ease; }
.variant-overview a:hover { background: #10151c; }
.variant-overview a:hover::before { width: 100%; }
.variant-overview a:only-child { grid-column: 1 / -1; }
.variant-overview span { font-family: Rajdhani, sans-serif; font-size: 1.65rem; font-weight: 700; line-height: 1; text-transform: uppercase; }
.variant-overview b { grid-column: 1; color: var(--muted); font-family: Rajdhani, sans-serif; font-size: .66rem; letter-spacing: .14em; text-transform: uppercase; }
.variant-overview i { grid-row: 1 / 3; grid-column: 2; align-self: center; color: var(--red); font-size: 1.2rem; font-style: normal; }
.variants-wrap { padding-bottom: 3rem; }
.variant-section { margin-bottom: 8rem; scroll-margin-top: 90px; }
.variant-heading { display: grid; grid-template-columns: .35fr 1fr auto; align-items: end; gap: 2rem; padding-bottom: 1.5rem; border-bottom: 1px solid var(--line); }
.variant-heading > span, .variant-heading > p { color: var(--muted); font-family: Rajdhani, sans-serif; font-size: .7rem; letter-spacing: .16em; text-transform: uppercase; }
.variant-heading h2 { margin: 0; font-family: Rajdhani, sans-serif; font-size: clamp(2.8rem,6vw,5.4rem); line-height: .9; text-transform: uppercase; }
.variant-heading p { margin: 0; }
.color-nav-wrap { position: sticky; z-index: 10; top: 71px; border-bottom: 1px solid var(--line); background: rgba(3,5,7,.9); backdrop-filter: blur(15px); }
.color-nav { display: flex; gap: .75rem; overflow-x: auto; padding: 1rem 0; scrollbar-width: none; }
.color-nav a { display: flex; flex: none; align-items: center; gap: .65rem; padding: .6rem .85rem; border: 1px solid var(--line); color: #bfc7d0; font-family: Rajdhani, sans-serif; font-size: .7rem; font-weight: 700; letter-spacing: .1em; text-decoration: none; text-transform: uppercase; transition: .2s; }
.color-nav a:hover { border-color: var(--red); color: #fff; background: rgba(240,24,39,.08); }
.color-nav i { width: 6px; height: 6px; border-radius: 50%; background: var(--red); box-shadow: 0 0 9px var(--red); }
.color-section { padding: 5rem 0 1rem; scroll-margin-top: 120px; }
.color-heading { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 1.5rem; }
.color-heading p, .color-heading > span { color: var(--muted); font-family: Rajdhani, sans-serif; font-size: .65rem; letter-spacing: .15em; }
.color-heading h3 { margin: 0; font-family: Rajdhani, sans-serif; font-size: clamp(2rem,4vw,3.5rem); line-height: 1; text-transform: uppercase; }
.vehicle-gallery { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: var(--line); }
.vehicle-photo { position: relative; display: block; overflow: hidden; aspect-ratio: 4/3; background: #0a0e13; }
.vehicle-photo img { display: block; width: 100%; height: 100%; object-fit: contain; filter: saturate(.8); transition: .4s ease; }
.vehicle-photo > span { position: absolute; right: 1rem; bottom: .8rem; color: #fff; font-family: Rajdhani, sans-serif; font-size: .62rem; letter-spacing: .1em; opacity: 0; transform: translateY(6px); transition: .25s; }
.vehicle-photo > span b { color: var(--red); }
.vehicle-photo:hover img { filter: saturate(1); transform: scale(1.035); }
.vehicle-photo:hover > span { opacity: 1; transform: none; }
.model-cta { padding-top: 2rem; }

.lightbox[hidden] { display: none; }
.lightbox { position: fixed; z-index: 100; inset: 0; display: grid; grid-template-columns: 60px minmax(0, 1fr) 60px; align-items: center; gap: 1rem; padding: 2rem; background: rgba(1,2,3,.96); }
.lightbox figure { margin: 0; text-align: center; }
.lightbox img { display: block; width: 100%; height: calc(100vh - 7rem); object-fit: contain; }
.lightbox figcaption { color: var(--muted); font-family: Rajdhani, sans-serif; font-size: .7rem; letter-spacing: .12em; text-transform: uppercase; }
.lightbox button { display: grid; width: 48px; height: 48px; place-items: center; border: 1px solid var(--line); color: #fff; background: #0b1016; font-size: 1.8rem; cursor: pointer; }
.lightbox button:hover { border-color: var(--red); color: var(--red); }
.lightbox-close { position: absolute; z-index: 2; top: 1.5rem; right: 1.5rem; }
body.lightbox-open { overflow: hidden; }

.archive-hero { position: relative; display: grid; min-height: 74vh; align-items: center; overflow: hidden; border-bottom: 1px solid var(--line); background: radial-gradient(circle at 74% 45%, rgba(240,24,39,.14), transparent 28%), linear-gradient(135deg, #070b10, #020304 64%); }
.archive-hero::before { content: ""; position: absolute; inset: 0; opacity: .26; background-image: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(90deg, #000, transparent 82%); }
.archive-orbit { position: absolute; right: -7vw; width: min(54vw, 740px); aspect-ratio: 1; border: 1px solid rgba(255,255,255,.1); border-radius: 50%; box-shadow: 0 0 90px rgba(240,24,39,.08), inset 0 0 90px rgba(240,24,39,.05); }
.archive-orbit::before, .archive-orbit::after { content: ""; position: absolute; border: 1px solid rgba(240,24,39,.3); border-radius: 50%; }
.archive-orbit::before { inset: 13%; border-right-color: transparent; animation: orbit 18s linear infinite; }
.archive-orbit::after { inset: 34%; background: radial-gradient(circle, rgba(240,24,39,.28), transparent 68%); box-shadow: 0 0 50px rgba(240,24,39,.12); }
.archive-hero-content { position: relative; z-index: 2; padding-top: 6rem; }
.archive-hero h1 { max-width: 1000px; margin: 1.5rem 0; font-size: clamp(4.4rem, 9.5vw, 9rem); line-height: .8; }
.archive-hero h1 em { color: transparent; -webkit-text-stroke: 1px rgba(255,255,255,.72); }
.archive-hero-content > p:not(.mission-tag) { max-width: 650px; color: #aab4bf; font-size: 1rem; }
.archive-scroll { display: inline-flex; align-items: center; gap: 1rem; margin-top: 2rem; color: #fff; font-family: Rajdhani, sans-serif; font-size: .7rem; font-weight: 700; letter-spacing: .16em; text-decoration: none; text-transform: uppercase; }
.archive-scroll b { color: var(--red); font-size: 1rem; animation: scroll-pulse 1.3s ease-in-out infinite; }
.archive-model-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100vw; max-width: none; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); gap: 1px; border: 0; background: var(--line); }
.archive-model-card { position: relative; display: block; min-height: 440px; overflow: hidden; color: #fff; background: #070a0e; text-decoration: none; }
.archive-model-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(2,3,4,.98), rgba(2,3,4,.06) 74%); }
.archive-model-card img { width: 100%; height: 100%; object-fit: contain; object-position: center; padding: 1rem; background: radial-gradient(circle at center, #151b22, #06090d 72%); filter: saturate(.7); transition: filter .6s ease; }
.archive-model-card > div { position: absolute; z-index: 2; right: 2rem; bottom: 2rem; left: 2rem; }
.archive-model-card span, .archive-model-card b { color: var(--red); font-family: Rajdhani, sans-serif; font-size: .64rem; letter-spacing: .16em; text-transform: uppercase; }
.archive-model-card h2 { margin: .5rem 0; font-size: clamp(2.4rem, 4vw, 4rem); line-height: .9; }
.archive-model-card p { max-width: 520px; margin: 0 0 1rem; color: #aab3bd; font-size: .82rem; }
.archive-model-card b { color: #fff; }
.archive-model-card:hover img { filter: saturate(1); }
.planned-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; border: 1px solid var(--line); background: var(--line); }
.planned-card { position: relative; min-height: 260px; padding: 2rem; background: #080c11; }
.planned-card::before { content: ""; position: absolute; top: 0; left: 0; width: 42px; height: 1px; background: var(--red); box-shadow: 0 0 12px var(--red); }
.planned-card span, .planned-card small { color: var(--red); font-family: Rajdhani, sans-serif; font-size: .62rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.planned-card h3 { margin: 2rem 0 .8rem; font-family: Rajdhani, sans-serif; font-size: 1.65rem; line-height: 1; text-transform: uppercase; }
.planned-card p { color: var(--muted); font-size: .8rem; }
.planned-card small { position: absolute; bottom: 1.6rem; color: #606a75; }
.article-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; border: 1px solid var(--line); background: var(--line); }
.article-card { position: relative; display: flex; min-height: 430px; overflow: hidden; color: #fff; background: linear-gradient(145deg, #0b1016, #05070a); text-decoration: none; }
.article-card::after { content: ""; position: absolute; right: 0; bottom: 0; width: 50px; height: 1px; background: var(--red); box-shadow: 0 0 12px var(--red); transition: width .3s ease; }
.article-card:hover::after { width: 100%; }
.article-card-image { position: absolute; inset: 0; }
.article-card-image::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(3,5,7,.98) 10%, rgba(3,5,7,.22) 88%); }
.article-card-image img { width: 100%; height: 100%; object-fit: contain; object-position: center; padding: .75rem; background: radial-gradient(circle at center, #151b22, #06090d 72%); filter: saturate(.72); transition: filter .5s ease; }
.article-card:hover .article-card-image img { filter: saturate(1); }
.article-card-copy { position: relative; z-index: 2; align-self: flex-end; padding: 2rem; }
.article-card span, .article-card b { color: var(--red); font-family: Rajdhani, sans-serif; font-size: .63rem; letter-spacing: .15em; text-transform: uppercase; }
.article-card h3 { margin: .8rem 0; font-family: Rajdhani, sans-serif; font-size: 1.8rem; line-height: 1; text-transform: uppercase; }
.article-card p { color: var(--muted); font-size: .8rem; }
.article-card b { display: inline-block; margin-top: .5rem; color: #fff; }
.article-pagination { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: 2.5rem; }
.article-pagination a { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid var(--line); color: #8d98a3; background: #080c11; font-family: Rajdhani, sans-serif; font-size: .7rem; font-weight: 700; text-decoration: none; }
.article-pagination a:hover, .article-pagination a[aria-current="page"] { border-color: var(--red); color: #fff; background: rgba(240,24,39,.1); box-shadow: inset 0 -2px var(--red); }
.article-page { background: #05080c; }
.article-hero { position: relative; display: grid; min-height: 72vh; align-items: end; overflow: hidden; border-bottom: 1px solid var(--line); background: #020304; }
.article-hero-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; object-position: center; padding: clamp(.5rem, 2vw, 2rem); background: radial-gradient(circle at 65% 45%, #17202a, #020304 70%); opacity: .76; }
.article-hero-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(2,3,4,.95), rgba(2,3,4,.28) 72%), linear-gradient(0deg, #030507, transparent 62%); }
.article-hero-content { position: relative; z-index: 2; padding-top: 10rem; padding-bottom: 5rem; }
.article-hero .back-link { margin-bottom: 4rem; }
.article-hero h1 { max-width: 1050px; margin: 1.4rem 0; font-size: clamp(3.5rem, 8vw, 7.5rem); line-height: .88; }
.article-hero-content > p:last-child { max-width: 700px; color: #aab4bf; font-size: 1rem; }
.article-taxonomy{display:flex;flex-wrap:wrap;gap:1px;margin-top:1.4rem}.article-taxonomy>a,.article-taxonomy>span{display:grid;gap:2px;padding:.65rem .85rem;color:#fff;background:rgba(5,8,12,.76);border:1px solid rgba(255,255,255,.15);font-family:Rajdhani,sans-serif;font-size:.78rem;line-height:1.2;text-decoration:none}.article-taxonomy a:hover{border-color:var(--red)}.article-taxonomy span span,.article-taxonomy a span,.article-taxonomy>span b{color:var(--red);font-size:.56rem;letter-spacing:.12em}
.article-layout { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: clamp(3rem, 8vw, 8rem); padding-top: 5rem; padding-bottom: 7rem; }
.article-main { max-width: 820px; }
.article-intro { margin: 0 0 4rem; color: #fff; font-size: clamp(1.15rem, 2vw, 1.45rem); line-height: 1.65; }
.article-section { display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 1.5rem; padding: 3rem 0; border-top: 1px solid var(--line); }
.article-section > span { color: var(--red); font-family: Rajdhani, sans-serif; font-size: .68rem; font-weight: 700; letter-spacing: .12em; }
.article-section h2, .article-faq h2 { margin: 0 0 1.4rem; font-size: clamp(2rem, 4vw, 3.5rem); line-height: .95; }
.article-section p, .article-section li, .article-faq p { color: #aab4bf; font-size: .93rem; line-height: 1.85; }
.article-section li { margin-bottom: .55rem; }
.article-aside { position: sticky; top: 110px; align-self: start; padding: 1.5rem; border: 1px solid var(--line); background: #080c11; }
.article-aside > span { color: var(--red); font-family: Rajdhani, sans-serif; font-size: .63rem; font-weight: 700; letter-spacing: .16em; }
.article-aside p { margin: 1.5rem 0; color: #adb6c0; font-family: Rajdhani, sans-serif; font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; }
.article-aside p b { display: block; margin-bottom: .3rem; color: #8e99a6; font-size: .68rem; }
.article-faq { padding-top: 3rem; border-top: 1px solid var(--line); }
.article-faq details { border-bottom: 1px solid var(--line); }
.article-faq summary { padding: 1.4rem 0; font-family: Rajdhani, sans-serif; font-size: 1rem; font-weight: 700; cursor: pointer; text-transform: uppercase; }
.article-faq details p { margin-top: 0; padding-bottom: 1.4rem; }
.article-sources { margin-top: 3rem; padding-top: 3rem; border-top: 1px solid var(--line); }
.article-sources h2 { margin: .5rem 0 1.5rem; font-size: clamp(2rem, 4vw, 3.5rem); }
.article-sources ul { margin: 0; padding: 0; list-style: none; }
.article-sources li { border-top: 1px solid var(--line); }
.article-sources li:last-child { border-bottom: 1px solid var(--line); }
.article-sources a { display: flex; justify-content: space-between; gap: 1rem; padding: 1rem 0; color: #aeb7c1; font-family: Rajdhani, sans-serif; font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
.article-sources a:hover { color: #fff; }
.article-sources a span { color: var(--red); }
.article-gallery { padding: 4rem 0; border-top: 1px solid var(--line); }
.article-gallery-head { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 1.5rem; }
.article-gallery-head h2 { margin: 0; font-size: clamp(2rem, 4vw, 3.5rem); }
.article-gallery-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; max-width: 100%; margin: 0; gap: 1px; background: var(--line); }
.article-photo { margin: 0; background: #080c11; }
.article-photo .vehicle-photo { aspect-ratio: 16/10; }
.article-photo figcaption { padding: .8rem 1rem; color: #7d8792; font-family: Rajdhani, sans-serif; font-size: .62rem; letter-spacing: .12em; text-transform: uppercase; }
.related-articles { border-top: 1px solid var(--line); background: #030507; }
.related-article-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; border: 1px solid var(--line); background: var(--line); }
.related-article-card { position: relative; min-height: 360px; overflow: hidden; color: #fff; background: #080c11; text-decoration: none; }
.related-article-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(3,5,7,.98), rgba(3,5,7,.08) 80%); }
.related-article-card img { width: 100%; height: 100%; object-fit: contain; object-position: center; padding: .75rem; background: radial-gradient(circle at center, #151b22, #06090d 72%); filter: saturate(.65); transition: filter .45s ease; }
.related-article-card span, .related-article-card h3, .related-article-card b { position: absolute; z-index: 2; right: 1.5rem; left: 1.5rem; }
.related-article-card span { bottom: 7.5rem; color: var(--red); font-family: Rajdhani, sans-serif; font-size: .6rem; letter-spacing: .14em; }
.related-article-card h3 { bottom: 3.5rem; margin: 0; font-family: Rajdhani, sans-serif; font-size: 1.35rem; line-height: 1; text-transform: uppercase; }
.related-article-card b { bottom: 1.3rem; font-family: Rajdhani, sans-serif; font-size: .62rem; letter-spacing: .1em; text-transform: uppercase; }
.related-article-card:hover img { filter: saturate(1); }

.site-footer { padding: 0 0 2rem; border-top: 1px solid var(--line); background: #020304; }
.footer-cta { display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding-top: 3rem; padding-bottom: 3rem; border-bottom: 1px solid var(--line); }
.footer-cta span { color: var(--red); font-family: Rajdhani, sans-serif; font-size: .63rem; font-weight: 700; letter-spacing: .17em; }
.footer-cta h2 { margin: .45rem 0 0; font-size: clamp(2rem, 4vw, 3.5rem); line-height: .9; }
.footer-grid { display: grid; grid-template-columns: 1.3fr .65fr .85fr .8fr 1.1fr; gap: clamp(1.5rem, 3vw, 3rem); padding-top: 4rem; }
.footer-brand img { display: block; width: 230px; max-width: 100%; height: auto; object-fit: contain; }
.footer-brand p { max-width: 380px; color: var(--muted); font-family: Rajdhani, sans-serif; font-size: .72rem; letter-spacing: .12em; line-height: 1.75; text-transform: uppercase; }
.footer-label { display: block; margin-bottom: 1rem; color: var(--red); font-family: Rajdhani, sans-serif; font-size: .65rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.footer-grid p { color: var(--muted); font-size: .78rem; }
.footer-grid a { color: #aeb7c1; text-decoration: none; transition: color .2s; }
.footer-grid a:hover { color: #fff; }
.footer-links { display: flex; align-items: flex-start; flex-direction: column; gap: .7rem; }
.footer-links a { font-family: Rajdhani, sans-serif; font-size: .74rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.social-links { display: flex; gap: .55rem; margin-top: 1rem; }
.social-links a { display: grid; width: 36px; height: 36px; place-items: center; border: 1px solid var(--line); font-family: Rajdhani, sans-serif; font-size: .65rem; font-weight: 700; }
.social-links a:hover { border-color: var(--red); color: #fff; background: rgba(240,24,39,.08); }
.footer-bottom { display: flex; justify-content: space-between; gap: 2rem; margin-top: 4rem; padding-top: 1.25rem; border-top: 1px solid var(--line); color: #87929f; font-family: Rajdhani, sans-serif; font-size: .68rem; letter-spacing: .1em; text-transform: uppercase; }
.footer-bottom p { margin: 0; }
.product-story { position: relative; border-top: 1px solid var(--line); background: radial-gradient(circle at 92% 12%, rgba(240,24,39,.08), transparent 26%), #05080c; }
.product-story-head { display: grid; grid-template-columns: .5fr 1.5fr; align-items: end; gap: 3rem; padding-bottom: 2.5rem; border-bottom: 1px solid var(--line); }
.product-story-head h2 { max-width: 920px; margin: 0; font-size: clamp(3rem, 6vw, 6rem); line-height: .9; }
.product-story-copy { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(2rem, 6vw, 6rem); padding: 3rem 0; }
.product-story-copy p { margin: 0; color: #aab4bf; font-size: .95rem; line-height: 1.9; }
.product-points { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid var(--line); }
.product-points > div { min-width: 0; padding: 1.5rem; border-right: 1px solid var(--line); background: rgba(8,12,17,.72); }
.product-points > div:last-child { border-right: 0; }
.product-points span { display: block; margin-bottom: .45rem; color: var(--red); font-family: Rajdhani, sans-serif; font-size: .62rem; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
.product-points strong { font-family: Rajdhani, sans-serif; font-size: 1rem; letter-spacing: .04em; }
.product-local { margin: 2rem 0 0; color: #707b86; font-family: Rajdhani, sans-serif; font-size: .72rem; letter-spacing: .1em; text-transform: uppercase; }
.wa-float { position: fixed; z-index: 24; right: 1.5rem; bottom: 1.5rem; display: flex; align-items: center; gap: .8rem; padding: .55rem .9rem .55rem .55rem; border: 1px solid rgba(255,255,255,.16); color: #fff; background: rgba(7,11,15,.9); box-shadow: 0 12px 36px rgba(0,0,0,.35); text-decoration: none; backdrop-filter: blur(12px); }
.wa-float span { display: grid; width: 34px; height: 34px; place-items: center; color: #030507; background: #fff; font-family: Rajdhani, sans-serif; font-size: .75rem; font-weight: 800; }
.wa-float b { font-family: Rajdhani, sans-serif; font-size: .68rem; letter-spacing: .09em; text-transform: uppercase; }
.reveal { opacity: 1; transform: none; }

.trust-hero { position: relative; display: flex; min-height: 610px; align-items: flex-end; overflow: hidden; padding: 10rem 0 6rem; border-bottom: 1px solid var(--line); background: radial-gradient(circle at 78% 38%, rgba(240,24,39,.13), transparent 28%), linear-gradient(145deg, #080b10, #020305 70%); }
.trust-hero::before { position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); background-size: 64px 64px; content: ""; mask-image: linear-gradient(to bottom, #000, transparent); }
.trust-hero-content { position: relative; z-index: 2; }
.trust-hero h1 { max-width: 980px; margin: 1.2rem 0 1.5rem; font-family: Rajdhani, sans-serif; font-size: clamp(4rem, 9vw, 8.5rem); font-weight: 700; letter-spacing: -.055em; line-height: .82; text-transform: uppercase; }
.trust-hero h1 em { color: var(--red); font-style: normal; }
.trust-hero-content > p:last-child { max-width: 720px; color: var(--muted); font-size: 1.03rem; line-height: 1.8; }
.trust-orbit { position: absolute; top: 10%; right: 5%; width: min(40vw, 520px); aspect-ratio: 1; border: 1px solid rgba(255,255,255,.08); border-radius: 50%; }
.trust-orbit::before, .trust-orbit::after { position: absolute; border: 1px solid rgba(240,24,39,.15); border-radius: 50%; content: ""; inset: 13%; }
.trust-orbit::after { border-color: rgba(255,255,255,.06); inset: 31%; }
.trust-orbit i { position: absolute; top: 50%; left: 50%; width: 7px; height: 7px; border-radius: 50%; background: var(--red); box-shadow: 0 0 18px var(--red); }
.trust-orbit i:nth-child(1) { transform: translate(-180px,-30px); }
.trust-orbit i:nth-child(2) { transform: translate(105px,-120px); }
.trust-orbit i:nth-child(3) { transform: translate(50px,150px); }
.trust-profile-grid, .trust-split { display: grid; grid-template-columns: minmax(280px,.8fr) minmax(0,1.2fr); gap: clamp(3rem,8vw,8rem); align-items: center; }
.identity-photo { position: relative; min-height: 520px; overflow: hidden; margin: 0; border: 1px solid var(--line); background: #050505; }
.identity-photo::after { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(2,3,5,.94), transparent 42%), linear-gradient(90deg, rgba(240,24,39,.08), transparent 35%); content: ""; pointer-events: none; }
.identity-photo picture, .identity-photo img { display: block; width: 100%; height: 100%; }
.identity-photo img { position: absolute; inset: 0; object-fit: cover; object-position: center 22%; }
.identity-photo figcaption { position: absolute; z-index: 2; right: 2rem; bottom: 1.75rem; left: 2rem; display: flex; align-items: end; justify-content: space-between; gap: 1rem; }
.identity-photo figcaption span { color: #fff; font-family: Rajdhani, sans-serif; font-size: clamp(2.8rem,6vw,5rem); font-weight: 700; letter-spacing: -.055em; line-height: .8; }
.identity-photo figcaption b { max-width: 180px; color: var(--red); font-family: Rajdhani, sans-serif; font-size: .68rem; letter-spacing: .13em; line-height: 1.4; text-align: right; }
.identity-core { position: relative; display: flex; min-height: 440px; justify-content: flex-end; flex-direction: column; overflow: hidden; padding: 2.5rem; border: 1px solid var(--line); background: linear-gradient(155deg, rgba(240,24,39,.12), rgba(255,255,255,.025) 44%, #05070b); }
.identity-core::before { position: absolute; top: -20%; right: -35%; width: 90%; aspect-ratio: 1; border: 1px solid rgba(240,24,39,.25); border-radius: 50%; content: ""; box-shadow: 0 0 80px rgba(240,24,39,.08); }
.identity-core > span { position: absolute; top: 2rem; left: 2.5rem; color: rgba(255,255,255,.2); font-family: Rajdhani, sans-serif; font-size: clamp(4rem,10vw,8rem); font-weight: 700; letter-spacing: -.06em; writing-mode: vertical-rl; }
.identity-core b { position: relative; font-family: Rajdhani, sans-serif; font-size: clamp(3rem,6vw,5.5rem); letter-spacing: -.05em; line-height: .78; }
.identity-core small { position: relative; margin-top: 1.4rem; color: var(--red); font-family: Rajdhani, sans-serif; font-weight: 700; letter-spacing: .15em; }
.trust-copy h2, .trust-split h2 { margin: .8rem 0 1.5rem; font-family: Rajdhani, sans-serif; font-size: clamp(3rem,6vw,5.5rem); letter-spacing: -.05em; line-height: .84; text-transform: uppercase; }
.trust-copy h2 em, .trust-split h2 em { color: var(--red); font-style: normal; }
.trust-copy > p:not(.eyebrow), .trust-split > div > p:not(.eyebrow) { color: var(--muted); line-height: 1.85; }
.trust-card-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.trust-card { min-height: 260px; padding: 2rem; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(255,255,255,.015); }
.trust-card span, .policy-card > span { color: var(--red); font-family: Rajdhani, sans-serif; font-size: .7rem; font-weight: 700; letter-spacing: .15em; }
.trust-card h3 { margin: 4rem 0 1rem; font-family: Rajdhani, sans-serif; font-size: 1.65rem; text-transform: uppercase; }
.trust-card p, .policy-card p { color: var(--muted); font-size: .9rem; line-height: 1.75; }
.method-steps { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.method-steps li { display: grid; grid-template-columns: 100px minmax(0,1fr); gap: 2rem; padding: 2.1rem 0; border-bottom: 1px solid var(--line); }
.method-steps span { color: var(--red); font-family: Rajdhani, sans-serif; font-size: .8rem; font-weight: 700; letter-spacing: .18em; }
.method-steps h3 { margin: 0 0 .5rem; font-family: Rajdhani, sans-serif; font-size: 1.7rem; text-transform: uppercase; }
.method-steps p, .source-ranks p { margin: 0; color: var(--muted); line-height: 1.8; }
.source-ranks { border-top: 1px solid var(--line); }
.source-ranks > div { display: grid; grid-template-columns: 55px 1fr; gap: 1rem; padding: 1.4rem 0; border-bottom: 1px solid var(--line); }
.source-ranks b { color: var(--red); font-family: Rajdhani, sans-serif; }
.coordinate-panel { position: relative; min-height: 380px; overflow: hidden; padding: 2.5rem; border: 1px solid var(--line); background: radial-gradient(circle at 70% 30%, rgba(240,24,39,.14), transparent 30%), #05070b; }
.coordinate-panel span, .coordinate-panel p { position: relative; z-index: 2; color: var(--muted); font-family: Rajdhani, sans-serif; letter-spacing: .15em; }
.coordinate-panel strong { position: relative; z-index: 2; display: block; margin-top: 4rem; font-family: Rajdhani, sans-serif; font-size: clamp(2.5rem,6vw,5rem); letter-spacing: -.04em; line-height: .9; }
.coordinate-panel i { position: absolute; right: -10%; bottom: -42%; width: 80%; aspect-ratio: 1; border: 1px solid rgba(240,24,39,.3); border-radius: 50%; box-shadow: 0 0 80px rgba(240,24,39,.08); }
.center-action { margin-top: 2.5rem; text-align: center; }
.policy-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.policy-card { min-height: 300px; padding: 2.5rem; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.policy-card h2 { margin: 3rem 0 1rem; font-family: Rajdhani, sans-serif; font-size: 2rem; text-transform: uppercase; }

/* 404 — calm, clear, and useful from every URL depth */
.page-not-found { color: #15202b; background: #f5f1e9; }
.page-not-found::before { background: radial-gradient(circle at 78% 18%, rgba(240,187,72,.24), transparent 30%), linear-gradient(145deg, #fffdf8, #eef4f2); }
.page-not-found #starfield, .page-not-found .space-haze { display: none; }
.page-not-found .site-header { color: #15202b; background: rgba(255,253,248,.9); box-shadow: 0 1px 0 rgba(21,32,43,.08); backdrop-filter: blur(16px); }
.page-not-found .site-nav > a:not(.nav-cta) { color: #53616c; }
.page-not-found .site-nav > a:not(.nav-cta):hover { color: #15202b; }
.page-not-found .brand img, .page-not-found .footer-brand img { display: none; }
.page-not-found .brand::after { color: #15202b; content: "BAIC · PEKANBARU"; font-family: Rajdhani,sans-serif; font-size: 1rem; font-weight: 700; letter-spacing: .12em; }
.not-found-hero { position: relative; display: flex; min-height: 700px; align-items: center; overflow: hidden; padding: 9.5rem 0 5rem; background: linear-gradient(120deg, rgba(255,255,255,.96), rgba(240,247,244,.84)); }
.not-found-glow { position: absolute; top: 16%; right: 9%; width: min(34vw,440px); aspect-ratio: 1; border: 1px solid rgba(21,32,43,.08); border-radius: 50%; background: radial-gradient(circle, rgba(255,205,102,.3), rgba(255,255,255,.04) 58%, transparent 60%); box-shadow: 0 0 0 38px rgba(255,255,255,.28), 0 0 0 39px rgba(21,32,43,.05); }
.not-found-content { position: relative; z-index: 2; }
.not-found-code { margin: 0 0 1.5rem; color: #a04335; font-family: Rajdhani,sans-serif; font-size: .74rem; font-weight: 700; letter-spacing: .2em; }
.not-found-mark { position: absolute; z-index: -1; top: -3rem; left: -.04em; color: rgba(21,32,43,.035); font-family: Rajdhani,sans-serif; font-size: clamp(10rem,21vw,19rem); font-weight: 700; letter-spacing: -.09em; line-height: .8; }
.not-found-hero h1 { max-width: 820px; margin: 0 0 1.8rem; color: #15202b; font-family: Rajdhani,sans-serif; font-size: clamp(3.6rem,6.4vw,6.5rem); font-weight: 700; letter-spacing: -.05em; line-height: .88; text-transform: uppercase; }
.not-found-hero h1 em { color: #b64b3b; font-style: normal; }
.not-found-lead { max-width: 680px; margin: 0 0 2.2rem; color: #52616d; font-size: 1.06rem; line-height: 1.85; }
.not-found-actions .text-action { color: #253440; border-color: rgba(21,32,43,.25); }
.not-found-paths { padding: 6rem 0; color: #eef3f5; background: #112029; }
.not-found-heading { display: grid; grid-template-columns: 1fr minmax(280px,.65fr); gap: 4rem; align-items: end; margin-bottom: 3rem; }
.not-found-heading h2 { margin: .6rem 0 0; font-family: Rajdhani,sans-serif; font-size: clamp(3rem,6vw,5rem); letter-spacing: -.045em; line-height: .88; text-transform: uppercase; }
.not-found-heading > p { margin: 0; color: #aebbc2; line-height: 1.8; }
.not-found-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-top: 1px solid rgba(255,255,255,.15); border-left: 1px solid rgba(255,255,255,.15); }
.not-found-grid > a { min-height: 310px; padding: 2rem; border-right: 1px solid rgba(255,255,255,.15); border-bottom: 1px solid rgba(255,255,255,.15); text-decoration: none; transition: .25s ease; }
.not-found-grid > a:hover { background: rgba(255,255,255,.07); transform: translateY(-4px); }
.not-found-grid span { color: #f1b45a; font-family: Rajdhani,sans-serif; font-size: .72rem; font-weight: 700; letter-spacing: .16em; }
.not-found-grid h3 { margin: 3.5rem 0 .8rem; font-family: Rajdhani,sans-serif; font-size: 1.7rem; text-transform: uppercase; }
.not-found-grid p { color: #aebbc2; font-size: .9rem; line-height: 1.75; }
.not-found-grid b { display: inline-block; margin-top: 1rem; color: #f1b45a; font-family: Rajdhani,sans-serif; font-size: .75rem; letter-spacing: .1em; text-transform: uppercase; }
.not-found-help { display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: 2rem 0 0; }
.not-found-help p { margin: 0; color: #aebbc2; }
.not-found-help .text-action { flex: 0 0 auto; }
.article-byline { margin-top: 1.4rem !important; color: rgba(255,255,255,.64) !important; font-family: Rajdhani, sans-serif; font-size: .72rem !important; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.article-byline a, .article-aside a { color: #fff; text-decoration-color: rgba(240,24,39,.7); text-underline-offset: 3px; }

@keyframes hero-arrive { from { opacity: 0; transform: scale(1.04) translateY(10px); } to { opacity: .88; transform: none; } }
@keyframes orbit { to { transform: rotate(360deg); } }
@keyframes scan { to { transform: rotate(360deg); } }
@keyframes scroll-pulse { 0%,100% { opacity: .45; transform: translateY(-2px); } 50% { opacity: 1; transform: translateY(4px); } }
@keyframes energy-pulse { 0%,100% { opacity: .5; box-shadow: 0 0 7px var(--red); } 50% { opacity: 1; box-shadow: 0 0 15px var(--red), 0 0 26px rgba(240,24,39,.55); } }
@keyframes swipe-arrow { 0%,100% { opacity: .35; transform: translateX(-3px); } 50% { opacity: 1; transform: translateX(4px); } }

@media (max-width: 1240px) {
  .page-not-found .nav-toggle span { background: #15202b; }
  .page-not-found .site-nav { background: #fffdf8; }
  .not-found-glow { right: -12%; opacity: .6; width: 58vw; }
  .not-found-heading { grid-template-columns: 1fr; gap: 1.5rem; }
  .not-found-grid { grid-template-columns: 1fr; }
  .not-found-grid > a { min-height: 0; }
  .not-found-grid h3 { margin-top: 2rem; }
  .not-found-help { align-items: flex-start; flex-direction: column; }
  .site-header, .site-header.is-scrolled { height: 72px; }
  body.menu-open .site-header,
  body.menu-open .site-header.is-scrolled {
    z-index: 1000;
    border-color: var(--line);
    background: #05070b;
    backdrop-filter: none;
  }
  .nav-toggle { display: block; }
  .nav-toggle.is-open span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
  .nav-toggle.is-open span:nth-child(2) { opacity: 0; }
  .nav-toggle.is-open span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }
  .site-nav { position: fixed; z-index: 1001; top: 71px; right: 0; bottom: 0; left: 0; display: flex; height: calc(100dvh - 71px); align-items: stretch; flex-direction: column; gap: 0; padding: 2rem 24px; overflow-y: auto; overscroll-behavior: contain; background-color: #05070b; background-image: none; opacity: 0; visibility: hidden; transform: translateX(100%); transition: transform .35s ease, opacity .18s ease, visibility 0s linear .35s; backdrop-filter: none; isolation: isolate; }
  .site-nav.is-open { opacity: 1; visibility: visible; transform: none; transition-delay: 0s; }
  .site-nav > a { padding: 1rem 0; border-bottom: 1px solid var(--line); font-size: 1.2rem; }
  .site-nav .nav-cta { margin-top: 1.5rem; padding: 1rem; text-align: center; }
  .header-socials { order: 2; display: grid; grid-template-columns: repeat(9, 40px); justify-content: center; gap: 4px; margin: 1.35rem 0 0; padding-top: 1.35rem; border-top: 1px solid var(--line); }
  .header-socials a { width: 40px; height: 40px; }
  .header-socials svg { width: 20px; height: 20px; }
  .hero-car { width: 100%; opacity: .72; }
  .hero-shade { background: linear-gradient(90deg, rgba(3,5,7,.9), rgba(3,5,7,.15)), linear-gradient(0deg, #030507, transparent 65%); }
  .hero-status { display: none; }
  .technology-grid, .contact-grid { grid-template-columns: 1fr; }
  .technology-grid { gap: 4rem; }
  .contact-grid { gap: 2rem; }
  .vehicle-gallery { grid-template-columns: repeat(3, 1fr); }
  .product-story-head { grid-template-columns: 1fr; gap: 1rem; }
  .product-points { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .product-points > div:nth-child(2) { border-right: 0; }
  .product-points > div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .article-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .related-article-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .related-article-card:last-child { grid-column: 1 / -1; }
  .article-layout { grid-template-columns: 1fr; }
  .article-aside { position: static; }
  .planned-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .footer-grid { grid-template-columns: 1.4fr 1fr 1fr; }
  .footer-brand { grid-column: 1 / -1; }
  .trust-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .container { width: min(calc(100% - 32px), var(--max)); }
  .brand { width: 190px; }
  .hero { min-height: 690px; align-items: flex-end; }
  .hero-content { padding-bottom: 5.5rem; }
  .hero h1 { font-size: clamp(4.2rem, 22vw, 7rem); line-height: .8; }
  .hero-car { inset: 0; width: 100%; height: 100%; object-fit: contain; object-position: center; opacity: .68; }
  .hero-shade { background: linear-gradient(0deg, #030507 6%, rgba(3,5,7,.43) 70%, #030507 100%); }
  .scroll-cue { bottom: 1.2rem; left: 50%; display: flex; align-items: center; flex-direction: row; gap: .65rem; transform: translateX(-50%); writing-mode: horizontal-tb; white-space: nowrap; }
  .scroll-cue span { width: 32px; height: 1px; background: linear-gradient(90deg, var(--red), transparent); }
  .section { padding: 4.25rem 0; }
  .section-head { grid-template-columns: 1fr; gap: 1.5rem; margin-bottom: 3rem; }
  .section-head h2, .tech-copy h2, .contact-grid h2 { font-size: clamp(2.8rem,14vw,4.3rem); }
  .fleet-grid { grid-template-columns: 1fr; }
  .fleet-card { min-height: 390px; }
  .tech-panel { grid-template-columns: 1fr; min-height: 520px; padding: 2rem; }
  .contact-shell { padding: 2rem 1.25rem; }
  .showroom-strip { grid-template-columns: 1fr; gap: .5rem; }
  .showroom-strip b { text-align: left; }
  .model-hero { min-height: 640px; }
  .model-hero > .model-hero-car { object-fit: contain; object-position: center; opacity: .72; }
  .model-hero h1 { font-size: clamp(4rem,23vw,7rem); line-height: .82; }
  .model-code { display: none; }
  .back-link { margin-bottom: 2.5rem; }
  .spec-section .container { width: 100%; }
  .spec-grid { width: 100%; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: hidden; border-right: 1px solid var(--line); }
  .spec-grid > div { min-width: 0; padding: 1.25rem 1rem; border-right: 0; border-bottom: 1px solid var(--line); border-left: 1px solid var(--line); }
  .spec-grid > div:first-child { border-left: 1px solid var(--line); }
  .spec-grid span { overflow: hidden; font-size: .58rem; letter-spacing: .1em; text-overflow: ellipsis; white-space: nowrap; }
  .spec-grid strong { font-size: clamp(1.25rem, 7vw, 1.7rem); white-space: nowrap; }
  .variant-heading { grid-template-columns: 1fr; gap: .6rem; }
  .variant-overview { grid-template-columns: 1fr 1fr; }
  .variant-overview a { min-height: 92px; padding: 1rem; }
  .variant-overview span { font-size: 1.3rem; }
  .variant-heading h2 { order: -1; }
  .variant-section { margin-bottom: 5rem; }
  .vehicle-gallery { grid-template-columns: repeat(2, 1fr); }
  .color-section { padding-top: 3.5rem; }
  .product-story-copy { grid-template-columns: 1fr; gap: 1.25rem; padding: 2rem 0; }
  .product-story-copy p { font-size: .88rem; line-height: 1.75; }
  .product-points > div { padding: 1.15rem 1rem; }
  .product-points strong { font-size: .9rem; }
  .archive-hero { min-height: 650px; align-items: end; }
  .archive-hero-content { padding-top: 8rem; padding-bottom: 5rem; }
  .archive-hero h1 { font-size: clamp(3.7rem, 18vw, 5.5rem); }
  .archive-orbit { top: 14%; right: -45%; width: 105vw; }
  .archive-model-grid, .planned-grid { grid-template-columns: 1fr; }
  .archive-model-card { min-height: 380px; }
  .archive-model-card > div { right: 1.25rem; bottom: 1.25rem; left: 1.25rem; }
  .planned-card { min-height: 230px; padding: 1.5rem; }
  .article-grid { grid-template-columns: 1fr; }
  .article-hero { min-height: 620px; }
  .article-hero-content { padding-top: 8rem; padding-bottom: 4rem; }
  .article-hero .back-link { margin-bottom: 2.5rem; }
  .article-layout { gap: 3rem; padding-top: 3.5rem; padding-bottom: 4rem; }
  .article-section { grid-template-columns: 32px minmax(0, 1fr); gap: .8rem; padding: 2.3rem 0; }
  .article-gallery-grid { grid-template-columns: 1fr; }
  .related-article-grid { grid-template-columns: 1fr; }
  .related-article-card:last-child { grid-column: auto; }
  .article-gallery-head { align-items: flex-start; flex-direction: column; gap: .5rem; }
  .lightbox { grid-template-columns: 1fr; padding: 1rem; }
  .lightbox img { height: calc(100vh - 3rem); }
  .lightbox-prev, .lightbox-next { position: absolute; z-index: 2; top: 50%; transform: translateY(-50%); }
  .lightbox-prev { left: .5rem; }
  .lightbox-next { right: .5rem; }
  .footer-cta { align-items: flex-start; flex-direction: column; padding-top: 2.5rem; padding-bottom: 2.5rem; }
  .footer-cta .button { width: 100%; text-align: center; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 2.5rem 1.5rem; padding-top: 3rem; }
  .footer-brand { grid-column: 1 / -1; }
  .footer-bottom { align-items: flex-start; flex-direction: column; }
  .trust-hero { min-height: 570px; padding: 8rem 0 4rem; }
  .trust-hero h1 { font-size: clamp(3.5rem, 17vw, 5.6rem); }
  .trust-orbit { top: 12%; right: -38%; width: 95vw; }
  .trust-profile-grid, .trust-split { grid-template-columns: 1fr; gap: 3rem; }
  .identity-core { min-height: 380px; }
  .identity-photo { min-height: 520px; }
  .identity-photo figcaption { right: 1.25rem; bottom: 1.25rem; left: 1.25rem; }
  .trust-card-grid, .policy-grid, .model-related-grid { grid-template-columns: 1fr; }
  .trust-card { min-height: 220px; }
  .trust-card h3 { margin-top: 2.5rem; }
  .method-steps li { grid-template-columns: 52px minmax(0, 1fr); gap: 1rem; }
  .coordinate-panel { min-height: 320px; padding: 2rem; }
  .mobile-scroll-hint { position: absolute; z-index: 5; right: 50%; bottom: 1.25rem; display: flex; align-items: center; gap: .7rem; color: #fff; font-family: Rajdhani, sans-serif; font-size: .64rem; font-weight: 700; letter-spacing: .17em; text-decoration: none; text-transform: uppercase; transform: translateX(50%); }
  .mobile-scroll-hint::before, .mobile-scroll-hint::after { content: ""; width: 20px; height: 1px; background: linear-gradient(90deg, transparent, var(--red)); }
  .mobile-scroll-hint::after { background: linear-gradient(90deg, var(--red), transparent); }
  .mobile-scroll-hint b { color: var(--red); font-size: 1rem; animation: scroll-pulse 1.3s ease-in-out infinite; }
  .page-bj40 .model-hero-backdrop { content: url("../campaign/bj40-hero-mobile-v2.webp"); }
  .page-bj30 .model-hero-backdrop { content: url("../campaign/bj30-hero-mobile-v2.webp"); }
  .page-x55-ii .model-hero-backdrop { content: url("../campaign/x55-ii-hero-mobile-v2.webp"); }
  .page-t1 .model-hero-backdrop { content: url("../campaign/t1-hero-mobile-v2.webp"); }
  .color-nav-wrap.is-scrollable { padding-top: 2.25rem; }
  .color-nav-wrap.is-scrollable::after { content: ""; position: absolute; z-index: 3; top: 2.25rem; right: 0; bottom: 0; width: 34px; pointer-events: none; background: linear-gradient(90deg, transparent, rgba(3,5,7,.96)); transition: opacity .25s; }
  .color-nav-wrap.is-used::after { opacity: 0; }
  .color-nav-wrap.is-scrollable:not(.is-used) .color-swipe-hint { position: absolute; top: .28rem; right: .6rem; left: .6rem; display: flex; min-height: 1.55rem; align-items: center; justify-content: center; gap: .7rem; border: 1px solid rgba(240,24,39,.24); color: #fff; background: rgba(240,24,39,.07); font-family: Rajdhani, sans-serif; font-size: .72rem; font-weight: 700; letter-spacing: .08em; line-height: 1; text-align: center; text-transform: uppercase; }
  .color-swipe-hint b { flex: none; color: var(--red); font-size: .95rem; animation: swipe-arrow 1.2s ease-in-out infinite; }
  .color-nav { padding: .75rem 34px .75rem .75rem; scroll-padding-left: .75rem; }
  .wa-float { display: none; }
}

@media (max-width: 460px) {
  .mission-tag { font-size: .62rem; letter-spacing: .16em; }
  .hero-copy { font-size: .92rem; }
  .actions { align-items: stretch; flex-direction: column; }
  .actions .button, .actions .text-action { width: 100%; text-align: center; }
  .fleet-card { min-height: 340px; padding: 1.25rem; }
  .fleet-info { right: 1.25rem; bottom: 1.25rem; left: 1.25rem; }
  .fleet-info h3 { font-size: 1.65rem; }
  .vehicle-gallery { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-brand { grid-column: auto; }
  .color-heading { align-items: flex-start; flex-direction: column; gap: .5rem; }
  .wa-float b { display: none; }
  .wa-float { padding-right: .55rem; }
}

@media (max-width: 760px) {
  .swalayan-hero { min-height: 760px; align-items: flex-start; padding-top: 9rem; background-position: 62% center; }
  .swalayan-hero h1 { font-size: clamp(3.7rem, 17vw, 5.2rem); }
  .swalayan-lead { max-width: 92%; font-size: .94rem; }
  .empty-chair { right: 24px; bottom: 2rem; width: 175px; min-height: 175px; padding: 1.1rem; }
  .empty-chair::before { width: 36px; height: 36px; }
  .empty-chair b { font-size: 1.65rem; }
  .empty-chair small { font-size: .52rem; }
  .swalayan-manifesto .container, .honesty-grid { grid-template-columns: 1fr; gap: 2rem; }
  .home-swalayan-grid { grid-template-columns: 1fr; gap: 2rem; }
  .lifeprint-options, .lifeprint-result-grid { grid-template-columns: 1fr; }
  .regret-grid, .honesty-door-grid { grid-template-columns: 1fr; }
  .regret-card { min-height: 210px; }
  .mission-card > button { grid-template-columns: 32px 1fr 25px; gap: .7rem; }
  .mission-card h3 { font-size: 1.35rem; }
  .mission-checks { grid-template-columns: 1fr; padding-left: 0; }
  .passport-bar { align-items: stretch; flex-direction: column; }
  .passport-copy { width: 100%; }
  .lifeprint-step legend { font-size: 2.2rem; }
  .lifeprint-option { min-height: 82px; padding: 1rem; }
  .lifeprint-actions { align-items: stretch; flex-direction: column-reverse; }
  .lifeprint-actions .button, .lifeprint-actions .text-action { width: 100%; text-align: center; }
}

@media (max-width: 760px) {
  body { font-size: 17px; }

  .page-home .hero,
  .page-bj40 .model-hero,
  .page-bj30 .model-hero,
  .page-x55-ii .model-hero,
  .page-t1 .model-hero { min-height: 100svh; }

  .page-bj40 .model-hero,
  .page-bj30 .model-hero,
  .page-x55-ii .model-hero,
  .page-t1 .model-hero {
    min-height: 0;
    height: 177.625vw;
    margin-top: 72px;
  }

  .page-bj40 .model-hero *,
  .page-bj30 .model-hero *,
  .page-x55-ii .model-hero *,
  .page-t1 .model-hero * {
    animation: none !important;
    transition: none !important;
  }

  .page-home .hero-content,
  .page-home .hero-status,
  .page-home .scroll-cue,
  .page-home .mobile-scroll-hint,
  .page-bj40 .model-hero-content,
  .page-bj30 .model-hero-content,
  .page-x55-ii .model-hero-content,
  .page-t1 .model-hero-content,
  .page-bj40 .mobile-scroll-hint,
  .page-bj30 .mobile-scroll-hint,
  .page-x55-ii .mobile-scroll-hint,
  .page-t1 .mobile-scroll-hint { display: none; }

  .page-home .hero-backdrop,
  .page-bj40 .model-hero-backdrop,
  .page-bj30 .model-hero-backdrop,
  .page-x55-ii .model-hero-backdrop,
  .page-t1 .model-hero-backdrop { display: none; }

  .page-home .hero-car {
    object-fit: cover;
    object-position: center;
    opacity: 1;
    filter: none;
    animation: none;
  }

  .page-bj40 .model-hero-car,
  .page-bj30 .model-hero-car,
  .page-x55-ii .model-hero-car,
  .page-t1 .model-hero-car {
    object-fit: contain;
    object-position: center;
    opacity: 1;
    filter: none;
    animation: none;
  }

  .page-home .hero-shade,
  .page-bj40 .model-hero-shade,
  .page-bj30 .model-hero-shade,
  .page-x55-ii .model-hero-shade,
  .page-t1 .model-hero-shade {
    background: linear-gradient(180deg, rgba(3,5,7,.2), transparent 24%, transparent 78%, rgba(3,5,7,.28));
  }

  .section-head h2,
  .tech-copy h2,
  .contact-grid h2,
  .archive-hero h1,
  .article-hero h1,
  .trust-hero h1,
  .swalayan-hero h1 {
    font-size: clamp(2.45rem, 11.5vw, 3.55rem);
    line-height: .92;
  }

  .article-section p,
  .article-section li,
  .article-faq p,
  .product-story-copy p,
  .section-head > p,
  .contact-grid > div > p,
  .tech-copy > p {
    font-size: 1rem;
    line-height: 1.8;
  }

  .fleet-grid,
  .vehicle-gallery,
  .archive-model-grid,
  .lifeprint-result-grid {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    margin-left: 0;
  }

  .article-gallery-grid {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    margin-left: 0;
  }

  .footer-label { font-size: .78rem; }
  .footer-links { gap: .9rem; }
  .footer-links a { font-size: .92rem; line-height: 1.4; }
  .footer-bottom { font-size: .78rem; line-height: 1.6; }
}

.city-model-card{overflow:hidden;background:#0b111b;border:1px solid rgba(255,255,255,.12)}
.city-model-card>img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;padding:8px;background:radial-gradient(circle at center,rgba(255,255,255,.1),#05080d 72%)}
.city-model-card>div{padding:24px}.city-model-card span{color:#e64945;font-size:.7rem;letter-spacing:.1em}.city-model-card h2{margin:.35rem 0 .8rem;font-size:clamp(1.6rem,3vw,2.5rem)}
.city-model-card p,.city-model-card li{color:#aeb8c7}.city-model-card ul{padding-left:1.15rem}.city-model-card .actions{margin-top:20px}
.city-sales-trust{background:linear-gradient(135deg,#080c12,#111925)}.city-sales-trust-grid{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:clamp(28px,7vw,90px);align-items:center}.city-sales-trust-grid>img{display:block;width:100%;max-height:620px;object-fit:contain;object-position:center bottom;background:radial-gradient(circle at 50% 45%,rgba(208,39,39,.18),transparent 68%);border:1px solid var(--line)}.city-sales-trust-grid h2{margin:.3rem 0 1rem;font-size:clamp(2.5rem,5vw,5rem);line-height:.9}.city-sales-trust-grid>div>p:not(.eyebrow),.city-sales-trust-grid li{color:#aeb8c7}.city-sales-trust-grid .actions{margin-top:1.8rem}@media(max-width:760px){.city-sales-trust-grid{grid-template-columns:1fr}.city-sales-trust-grid>img{max-height:480px}}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}

@media (max-width: 460px) {
  .header-socials { grid-template-columns: repeat(5, 40px); }
}
/* Empat model utama dan landing wilayah */
.baic-showcase{padding:44px 0;background:linear-gradient(180deg,rgba(9,14,24,.98),rgba(4,7,12,.98));border-block:1px solid rgba(255,255,255,.1)}
.baic-showcase-head{display:grid;grid-template-columns:1.2fr 1fr;gap:10px 36px;align-items:end;margin-bottom:22px}.baic-showcase-head .eyebrow{grid-column:1/-1}.baic-showcase-head h2{margin:0;font-size:clamp(1.65rem,2.8vw,2.8rem);line-height:1.05}.baic-showcase-head>p:last-child{margin:0;color:#aeb8c7;font-size:.94rem;line-height:1.55}
.baic-showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.baic-showcase-card{display:block;color:#fff;text-decoration:none;background:#0c121d;border:1px solid rgba(255,255,255,.12);overflow:hidden;transition:.25s}.baic-showcase-card:hover{transform:translateY(-4px);border-color:#e83632}.baic-showcase-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;padding:4px;background:radial-gradient(circle at 50% 62%,rgba(255,255,255,.1),rgba(6,10,16,.96) 70%)}.baic-showcase-card span,.baic-showcase-card h3,.baic-showcase-card b{display:block;margin-inline:18px}.baic-showcase-card span{margin-top:14px;color:#9eabba;font-size:.7rem;letter-spacing:.07em;text-transform:uppercase}.baic-showcase-card h3{margin-top:4px;margin-bottom:8px;font-size:1.35rem;line-height:1.15}.baic-showcase-card b{margin-bottom:17px;color:#ef4b47;font-size:.8rem}
.region-hero{padding:clamp(120px,16vw,210px) 0 70px;background:radial-gradient(circle at 80% 25%,rgba(232,54,50,.22),transparent 36%),#070b12}.region-hero h1{max-width:1000px;margin:.2em 0;font-size:clamp(2.6rem,7vw,6.8rem);line-height:.93}.region-hero p:last-child{max-width:760px;color:#bac3cf;font-size:1.08rem}.region-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.region-card{display:block;padding:26px;color:#fff;text-decoration:none;background:#0b111b;border:1px solid rgba(255,255,255,.12);min-height:220px}.region-card:hover{border-color:#e83632}.region-card span{color:#e64945;font-size:.72rem;letter-spacing:.1em}.region-card h2{font-size:1.65rem}.region-card p,.region-note{color:#aeb8c7}.region-card b{display:block;margin-top:22px}.region-note{margin-top:25px}.region-detail{display:grid;grid-template-columns:2fr 1fr;gap:50px}.region-detail aside{padding:28px;background:#0b111b;border:1px solid rgba(255,255,255,.12)}.region-detail aside span{font-size:.7rem;letter-spacing:.12em;color:#e64945}.region-detail aside b{display:block;font-size:2rem}.region-districts ul{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;list-style:none;padding:0}.region-districts li{padding:12px 14px;background:#0b111b;border:1px solid rgba(255,255,255,.1)}
@media(max-width:900px){.region-grid{grid-template-columns:repeat(2,1fr)}.region-districts ul{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.baic-showcase-head,.region-detail{grid-template-columns:1fr}.baic-showcase-grid{grid-template-columns:1fr}.region-grid{grid-template-columns:1fr 1fr}.baic-showcase-card span,.baic-showcase-card h3,.baic-showcase-card b{margin-inline:14px}.baic-showcase-card h3{font-size:1.2rem}.region-card{padding:18px;min-height:180px}.region-districts ul{grid-template-columns:1fr 1fr}}
@media(max-width:600px){#model-baic-kota .region-grid{grid-template-columns:1fr}#model-baic-kota .city-model-card>img{aspect-ratio:16/9;padding:4px}#model-baic-kota .city-model-card>div{padding:20px}}
.searched-vehicle-visual{padding:44px 0;background:#070b12}.searched-vehicle-visual figure{margin:0;max-width:1100px}.searched-vehicle-visual img{display:block;width:100%;max-height:620px;object-fit:contain;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 68%);border:1px solid rgba(255,255,255,.12)}.searched-vehicle-visual figcaption{padding-top:10px;color:#8f9baa;font-size:.76rem}.searched-vehicle-visual figcaption a{color:#c9d2dd}
.region-model-visual{padding:clamp(42px,7vw,88px) 0;background:linear-gradient(180deg,#070b12,#04070b);border-block:1px solid rgba(255,255,255,.1)}
.region-model-lead{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:clamp(24px,5vw,70px);align-items:center;margin-bottom:28px}.region-model-lead h2{margin:.2rem 0 .7rem;font-size:clamp(2rem,4.2vw,4.2rem);line-height:.95}.region-model-lead p:last-child{color:#aeb8c7}.region-model-lead>img{display:block;width:100%;max-height:560px;object-fit:contain;padding:8px;background:radial-gradient(circle at center,rgba(255,255,255,.1),rgba(5,8,13,.96) 72%);border:1px solid rgba(255,255,255,.12)}
.region-vehicle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.12)}.region-vehicle-card{margin:0;background:#080c11}.region-vehicle-card .vehicle-photo{aspect-ratio:16/10}.region-vehicle-card figcaption{padding:10px 12px;color:#8f9baa;font-size:.7rem;line-height:1.45}
@media(max-width:900px){.region-model-lead{grid-template-columns:1fr}.region-vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.region-vehicle-grid{grid-template-columns:1fr}}
.region-next-paths{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:28px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12)}.region-next-paths a{display:flex;min-height:130px;flex-direction:column;justify-content:space-between;padding:20px;color:#fff;background:#080c11;text-decoration:none;transition:.2s}.region-next-paths a:hover{background:#101722;box-shadow:inset 0 -2px #e83632}.region-next-paths span{color:#e64945;font-size:.65rem;letter-spacing:.1em}.region-next-paths b{font-family:Rajdhani,sans-serif;font-size:1.05rem;line-height:1.2;text-transform:uppercase}
@media(max-width:900px){.region-next-paths{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sitemap-root>a{display:block;padding:28px;color:#fff;background:linear-gradient(125deg,#121a26,#080c12);border:1px solid rgba(255,255,255,.14);text-decoration:none}.sitemap-root span{color:#e64945;font-size:.68rem;letter-spacing:.12em}.sitemap-root h2{margin:.35rem 0;font-size:clamp(1.8rem,4vw,3.2rem)}.sitemap-root p{margin:0;color:#aeb8c7}.sitemap-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}.sitemap-columns>section{padding:26px;background:#0b111b;border:1px solid rgba(255,255,255,.12)}.sitemap-columns h2{margin:.2rem 0 1.2rem}.sitemap-columns ul{display:grid;gap:1px;margin:0;padding:0;list-style:none;background:rgba(255,255,255,.1)}.sitemap-columns li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;background:#080c12}.sitemap-columns a{color:#fff;text-decoration:none}.sitemap-columns a:hover{color:#ef4b47}.sitemap-columns small{color:#84909e;text-align:right}@media(max-width:700px){.sitemap-columns{grid-template-columns:1fr}.article-taxonomy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Stabilitas seluruh template pada ponsel sempit */
@media (max-width: 600px) {
  main, section, article, aside, nav, header, footer,
  .container, .section-head, .region-detail, .trust-split,
  .article-layout, .article-main, .contact-grid, .policy-grid,
  .region-grid, .article-grid, .related-article-grid,
  .region-next-paths, .sitemap-columns, .sitemap-columns > section {
    min-width: 0;
    max-width: 100%;
  }
  h1, h2, h3, p, li, a, span, strong, summary { overflow-wrap: anywhere; }
  .container { width: calc(100% - 28px); }
  .section { padding: 3.5rem 0; }
  .archive-hero, .article-hero, .trust-hero, .region-hero, .swalayan-hero { min-height: 0; }
  .archive-hero-content, .article-hero-content, .trust-hero .container, .swalayan-hero-content { padding-top: 7rem; padding-bottom: 3.5rem; }
  .archive-hero h1, .article-hero h1, .trust-hero h1,
  .region-hero h1, .swalayan-hero h1, .section-head h2,
  .tech-copy h2, .contact-grid h2, .trust-copy h2, .trust-split h2 {
    font-size: clamp(2.35rem, 11vw, 3.2rem);
    line-height: .94;
  }
  .archive-orbit, .trust-orbit, .hero-orbit, .model-grid-lines, .coordinate-panel i { display: none; }
  .region-grid, .policy-grid, .planned-grid, .article-grid,
  .related-article-grid, .region-next-paths, .article-taxonomy,
  .sitemap-columns, .sitemap-columns ul { grid-template-columns: minmax(0, 1fr); }
  .region-card, .policy-card, .planned-card { min-height: 0; padding: 1.25rem; }
  .article-card { min-height: 350px; }
  .article-card-copy { padding: 1.25rem; }
  .article-card h3 { font-size: 1.45rem; }
  .article-layout { gap: 2rem; padding-top: 2.5rem; padding-bottom: 3rem; }
  .article-section { grid-template-columns: 1fr; gap: .5rem; padding: 2rem 0; }
  .article-section > span { display: none; }
  .article-section h2, .article-faq h2, .article-sources h2, .article-gallery-head h2 { font-size: clamp(1.8rem, 9vw, 2.45rem); }
  .article-intro { margin-bottom: 2.5rem; font-size: 1.08rem; }
  .article-sources a { align-items: flex-start; flex-direction: column; }
  .article-faq summary { font-size: .95rem; line-height: 1.45; }
  .region-hero { padding: 7rem 0 3.5rem; }
  .region-detail { gap: 1.5rem; }
  .region-detail aside { padding: 1.25rem; }
  .region-districts ul { grid-template-columns: minmax(0, 1fr); }
  .trust-card, .contact-shell { padding: 1.25rem; }
  .policy-card h2 { margin-top: 1.5rem; font-size: 1.6rem; }
  .policy-card ul { padding-left: 1.15rem; }
  .policy-card li { display: grid; gap: .2rem; }
  .actions { align-items: stretch; flex-direction: column; gap: .8rem; }
  .actions .button, .actions .text-action { width: 100%; text-align: center; }
  .button { gap: .8rem; }
  .sitemap-columns li { align-items: flex-start; flex-direction: column; gap: .25rem; }
  .sitemap-columns small { text-align: left; }
}