@font-face{font-family:Exo;src:url(../fonts/exo-latin.ttf)}:root{--bg:#071611;--mint:#1dd3a7;--gold:#d9b05c;--text:#a8bcb3;--sand:#e4e0d3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:#f6f6ee;font:16px/1.65 Arial,Helvetica,sans-serif}h1,h2,h3,.brand{font-family:Exo,Arial,sans-serif;line-height:1.12;font-weight:600}h1{font-size:clamp(42px,5.5vw,82px);letter-spacing:-.035em;margin:20px 0}h2{font-size:clamp(32px,4vw,56px);letter-spacing:-.025em;margin:20px 0}h3{font-size:28px;margin:8px 0}p{color:var(--text);max-width:650px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--mint);outline-offset:5px}header{position:sticky;top:0;z-index:20;padding:16px 4vw;background:#071611f5;border-bottom:1px solid #a8bcb32a;display:flex;align-items:center;gap:30px;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;white-space:nowrap;font-size:19px}.brand img{width:130px;height:40px;object-fit:contain}nav{display:flex;align-items:center;gap:24px;font-size:13px}.lang{background:transparent;border:1px solid #a8bcb366;border-radius:20px;padding:6px 12px}.eyebrow,small{color:var(--gold);font-size:11px;letter-spacing:.18em;text-transform:uppercase}.review{padding:7px 4vw;background:#11281f;color:#bacfc4;font-size:11px;display:flex;justify-content:space-between;gap:10px}.hero{min-height:760px;display:grid;grid-template-columns:47% 53%;align-items:center;overflow:hidden}.hero-copy{padding:70px 0 70px 8vw;position:relative;z-index:2}.hero-copy p{max-width:490px}.hero-art{background:var(--sand);align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:50px 3vw;color:var(--bg);position:relative;border-bottom-left-radius:160px}.hero-art img{width:100%;height:530px;object-fit:contain;mix-blend-mode:multiply;filter:saturate(.86)}.hero-art small{color:#4d5c52;align-self:flex-end}.cta{display:inline-block;border:1px solid #1dd3a7;background:var(--mint);color:#071611;padding:12px 22px;border-radius:3px;margin:22px 10px 0 0;font-size:13px}.cta.secondary{background:transparent;color:#eee;border-color:#a8bcb355}.arabic{padding:60px 8vw;background:#0d2119;border-top:1px solid #a8bcb32a;border-bottom:1px solid #a8bcb32a;text-align:center}.arabic p{max-width:none;margin:18px auto 0}.arabic .ar{font:clamp(22px,3vw,38px)/1.7 Tahoma,Arial,sans-serif;color:#e5dcc5;max-width:1100px}.section{padding:95px 8vw}.intro{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.intro p{margin-top:45px}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:30px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0 35px}.filters button{border:1px solid #a8bcb344;background:transparent;border-radius:30px;padding:8px 18px;font-size:12px}.filters button[aria-pressed=true]{background:var(--mint);color:#071611;border-color:var(--mint)}.vehicles{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.vehicle{border:1px solid #a8bcb329;border-radius:6px;overflow:hidden;background:#0b2018}.vehicle[hidden]{display:none}.product{height:300px;background:var(--sand);padding:20px}.product img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;filter:saturate(.86)}.product img.cut{clip-path:polygon(23% 0,100% 0,100% 100%,0 100%,0 53%,10% 34%,23% 32%)}.caption{padding:25px}.caption p{font-size:14px;min-height:48px}.text{border:0;background:none;color:var(--mint);padding:0;font-size:12px}.note{font-size:12px;color:#91a89c;max-width:900px}.applications{padding:80px 8vw;background:#10291f}.usecases{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:45px}.usecases article{border-top:1px solid #a8bcb34d;padding-top:24px}.usecases h3{font-size:22px}.usecases p{font-size:14px}.wideimage{width:100%;height:440px;object-fit:cover;filter:saturate(.78);display:block}.image-label{padding:10px 8vw;font-size:11px;color:var(--text);border-bottom:1px solid #a8bcb32a}.plan{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:start}.park{width:100%;border-radius:4px;margin-top:24px}.steps{display:grid;grid-template-columns:1fr 1fr;gap:30px}.step{border-top:1px solid #a8bcb333;padding-top:18px}.step b{color:var(--mint);font:14px Exo}.step h3{font-size:22px}.step p{font-size:14px}.contact{margin:0 8vw 80px;padding:50px;border:1px solid #d9b05c66;background:linear-gradient(120deg,#16382a,#091b14);display:flex;align-items:center;justify-content:space-between;gap:35px}.contact h2{font-size:40px}footer{padding:30px 8vw;border-top:1px solid #a8bcb333;display:flex;justify-content:space-between;gap:30px;font-size:12px;color:var(--text)}dialog{max-width:520px;width:calc(100% - 36px);background:#10291f;color:#fff;border:1px solid var(--gold);padding:35px;border-radius:8px}dialog::backdrop{background:#000a}dialog p{font-size:14px}.close{float:right;border:0;background:none;font-size:26px}body.zh h1{font-size:clamp(40px,4.6vw,66px)}@media(max-width:950px){nav a{display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:65px 8vw}.hero-art{border-radius:0;padding:25px 8vw}.hero-art img{height:420px}.vehicles{grid-template-columns:repeat(2,1fr)}.intro,.plan{grid-template-columns:1fr;gap:15px}.intro p{margin-top:0}.usecases{grid-template-columns:repeat(2,1fr)}}@media(max-width:580px){header{padding:12px 5vw;gap:10px}.brand{font-size:14px;gap:8px}.brand img{width:100px;height:32px}nav{gap:8px}.review{font-size:10px}.review span:last-child{display:none}.hero-copy{padding:48px 7vw}.hero-art img{height:330px}.section{padding:65px 7vw}.vehicles{grid-template-columns:1fr}.product{height:320px}.sectionhead{display:block}.usecases{grid-template-columns:1fr;gap:18px}.steps{grid-template-columns:1fr}.wideimage{height:280px}.contact{margin:0 7vw 55px;padding:25px;display:block}.contact h2{font-size:32px}footer{display:block}.arabic{padding:40px 7vw}.intro{gap:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Crystal Mobility: forest green, white and restrained sand. */
:root{--bg:#123c2b;--mint:#1a593c;--gold:#8a7451;--text:#52675a;--sand:#eee7d8;--forest:#123c2b;--paper:#fff;--line:#dce5dc}
body{background:var(--paper);color:var(--forest)}
h1,h2,h3{color:var(--forest)}
p{color:var(--text)}
header{background:#103623fa;color:#fff;border-bottom:1px solid #ffffff20}
header .brand,header nav{color:#fff}
header .brand small{color:#d5e0d2}
header .lang{border-color:#c3d2bf80;color:#fff}
.eyebrow,small{color:#336548}
.hero{background:var(--forest)}
.hero-copy h1{color:#fff}
.hero-copy p{color:#d3dfd4}
.hero-copy .eyebrow{color:#e3d8c2}
.hero-art{background:#fafbf8;color:var(--forest);border-bottom:1px solid var(--line)}
.hero-art small{color:#49634f}
.hero-art img,.product img{filter:saturate(.92)}
.cta{background:var(--forest);border-color:var(--forest);color:#fff;border-radius:4px}
.cta:hover{background:#20583c;border-color:#20583c}
.cta.secondary{background:transparent;color:var(--forest);border-color:#839d89}
.hero-copy .cta,.contact .cta{background:#fff;color:var(--forest);border-color:#fff}
.hero-copy .cta:hover,.contact .cta:hover{background:var(--sand);border-color:var(--sand)}
.hero-copy .cta.secondary{background:transparent;color:#fff;border-color:#b8ccb9}
.hero-copy .cta.secondary:hover{background:#ffffff12;border-color:#fff}
.arabic{background:#f7f8f4;border-color:var(--line)}
.arabic .ar{color:var(--forest)}
.arabic p{color:#52675a}
.arabic .eyebrow{color:#826e4d}
.intro,.section{background:#fff}
.filters button{color:var(--forest);border-color:#c9d8ca;background:#fff}
.filters button:hover{background:#f0f5ee}
.filters button[aria-pressed=true]{background:var(--forest);border-color:var(--forest);color:#fff}
.vehicle{background:#fff;border-color:var(--line);box-shadow:0 5px 20px #143b2310}
.product{background:#fafbf8;border-bottom:1px solid #e7ece4}
.caption{background:#fff}
.caption small{color:#826e4d}
.caption h3{color:var(--forest)}
.caption p{color:#52675a}
.text{color:#195c3c}
.text:hover{text-decoration:underline}
.note{color:#63746a}
.applications{background:#f0f5ef;border-block:1px solid #e1e9de}
.applications h2,.applications h3{color:var(--forest)}
.applications .eyebrow,.applications small{color:#5b754e}
.applications p{color:#52675a}
.usecases article{border-top-color:#bfcebd}
.wideimage{filter:saturate(.85)}
.image-label{background:var(--sand);color:#4b5f4e;border-bottom-color:#e0d8c7}
.plan{background:#fff}
.park{border:1px solid var(--line);background:#fff}
.step{border-top-color:var(--line)}
.step b{color:#316947}
.contact{background:var(--forest);border-color:var(--forest);border-radius:6px}
.contact h2{color:#fff}
.contact p{color:#d3dfd4}
.contact .eyebrow{color:#e3d8c2}
footer{background:#0e2e20;color:#d3dfd4;border-top-color:#2c4c35}
footer a{color:#eef4eb}
dialog{background:#fff;color:var(--forest);border-color:#729478;box-shadow:0 20px 80px #07161135}
dialog h3{color:var(--forest)}
dialog p{color:#52675a}
dialog .close{color:var(--forest)}
dialog::backdrop{background:#061d1475}
button:focus-visible,a:focus-visible{outline-color:#6d9b76}
.hero button:focus-visible,.hero a:focus-visible,header button:focus-visible,header a:focus-visible,.contact button:focus-visible,.contact a:focus-visible{outline-color:#e3d8c2}