@font-face{font-family:"Noto Sans Myanmar";font-style:normal;font-display:swap;font-weight:600;src:url(fonts/noto-sans-myanmar-v2107-600-subset.woff2) format("woff2");unicode-range:U+1000-109F}

:root{
  --red:#fc0312;--amber:#fed706;--green:#05a954;--green-dark:#047a3d;--ink:#01111d;
  --grey:#4f5a64;--hair:#d5dadf;--tint:#f5f7f8;--skew:-13deg;
  --latin:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --my:"Noto Sans Myanmar","Myanmar Sangam MN","Myanmar Text",Padauk,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --zh:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC","Noto Sans SC",sans-serif;
  --bg:#fff;--fg:var(--ink);--muted:var(--grey);
}
/* per-script typography. Burmese glyphs look bigger and need taller lines than Latin */
html[lang=my]{--fs:1.0625rem;--lh:2;--hlh:1.7;--h1:clamp(1.7rem,6.8vw,2.75rem);--h2:clamp(1.3rem,4.8vw,1.75rem);--lead:1.0625rem;--cap:.98rem}
html[lang=en]{--fs:1rem;--lh:1.6;--hlh:1.12;--h1:clamp(2.1rem,9.4vw,3.6rem);--h2:clamp(1.45rem,5.4vw,2rem);--lead:1.1875rem;--cap:.95rem}
html[lang=zh-Hans]{--fs:1.0625rem;--lh:1.75;--hlh:1.28;--h1:clamp(2rem,8.8vw,3.3rem);--h2:clamp(1.4rem,5.2vw,1.9rem);--lead:1.15rem;--cap:.95rem}
[lang=my]{font-family:var(--my)}
[lang=en]{font-family:var(--latin)}
[lang=zh-Hans]{font-family:var(--zh)}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font-size:var(--fs);line-height:var(--lh);overflow-wrap:break-word;overflow-x:hidden}
img,svg{max-width:100%}
a{color:var(--green-dark);text-underline-offset:3px}
:focus-visible{outline:3px solid var(--green);outline-offset:3px;border-radius:3px}
.wrap{max-width:1120px;margin:0 auto;padding:0 16px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
.skip{position:absolute;left:8px;top:-100px;z-index:100;background:#fff;color:var(--ink);padding:10px 14px;border:2px solid var(--ink)}
.skip:focus{top:8px}
.stripe{height:6px;background:linear-gradient(90deg,var(--red) 0 33.333%,var(--amber) 33.333% 66.666%,var(--green) 66.666% 100%)}
h1,h2{line-height:var(--hlh);margin:0}
.ico{width:1.1em;height:1.1em;flex:none;fill:currentColor}

/* ---- header: logo left, language pill right, nav as chip row (mobile) ---- */
.site-header{position:relative;z-index:30}
.bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 12px;padding-top:8px;padding-bottom:4px}
.logo{display:inline-flex;align-items:center;height:48px;order:1}
.logo img{display:block;height:34px;width:auto}
.lang{order:2;position:relative}
.site-nav{order:3;width:100%;min-width:0}
.nav{display:flex;gap:8px;margin:0;padding:4px 0 8px;list-style:none;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.nav::-webkit-scrollbar{display:none}
.nav li{scroll-snap-align:start;flex:none}
.nav a,.pill{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 18px;line-height:1;text-decoration:none;white-space:nowrap;font-weight:600;font-size:.975rem;border-radius:22px}
.nav a{color:var(--nav-fg,var(--ink));border:1px solid var(--chip-bd,var(--hair));background:var(--chip-bg,transparent)}
.nav a:hover{background:var(--chip-hover,var(--tint))}
/* Burmese glyphs sit a little high in a line-height:1 box; nudge so all scripts share one optical centre */
.nav a>span,.pill .lbl{display:block;line-height:1}
.nav a>span:lang(my),.pill .lbl:lang(my){transform:translateY(.17em)}
.nav a>span:lang(zh-Hans),.pill .lbl:lang(zh-Hans){transform:translateY(0)}
.pill{gap:8px;padding:0 12px 0 14px;cursor:pointer;list-style:none;color:var(--pill-fg,var(--ink));border:1px solid var(--pill-bd,var(--hair));background:var(--pill-bg,#fff);min-width:136px;justify-content:center;position:relative;padding:0 34px}
.pill::-webkit-details-marker{display:none}
.pill::marker{content:""}
.pill .ico{width:18px;height:18px;fill:none;position:absolute;left:12px;top:50%;margin-top:-9px}
.pill .chev{fill:none}
.pill .chev{width:14px;height:14px;position:absolute;right:12px;top:50%;margin-top:-7px}
.lang[open] .chev{transform:rotate(180deg)}
.lang[open] .pill{box-shadow:0 0 0 3px rgba(5,169,84,.35)}
.menu{position:absolute;right:0;top:calc(100% + 8px);z-index:60;width:210px;max-width:calc(100vw - 32px);margin:0;padding:6px;list-style:none;background:#fff;color:var(--ink);border-radius:14px;box-shadow:0 14px 40px rgba(1,17,29,.28),0 0 0 1px rgba(1,17,29,.08)}
.menu a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:0 14px;border-radius:9px;color:var(--ink);text-decoration:none;font-weight:600;line-height:1.2}
.menu a:hover{background:var(--tint)}
.menu a[aria-current=true]{background:#e8f6ee;color:#035a2d}
.menu .ck{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
@media(min-width:760px){
  .bar{flex-wrap:nowrap;padding-top:10px;padding-bottom:10px;gap:20px}
  .logo img{height:40px}
  .site-nav{order:2;width:auto;margin-left:auto}
  .lang{order:3}
  .nav{overflow:visible;padding:0}
  .nav a{border-color:transparent;background:none}
  .nav a:hover{background:var(--chip-hover,var(--tint))}
}

/* ---- buttons ---- */
.btn{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 34px;color:#fff;text-decoration:none;font-size:1.15rem;font-weight:700;line-height:1;text-align:center}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--green-dark);border-radius:7px;transform:skewX(var(--skew))}
.btn:hover{color:#fff}.btn:hover::before{background:#036432}
.btn>span{display:block;line-height:1;padding-top:.04em}
.btn:lang(my)>span,.btn>span:lang(my){padding-top:.14em}

/* ---- hero copy ---- */
.eyebrow{margin:0 0 10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:.82rem;line-height:1.4}
h1{font-size:var(--h1);font-weight:800}
.lead{font-size:var(--lead);max-width:34em;margin:14px 0 22px}
.cta-line{margin:14px 0 0;font-size:var(--cap)}

/* ---- hotline ---- */
.hotline-label{margin:0 0 6px;color:var(--red);font-size:1.15rem;font-weight:800;letter-spacing:.16em;line-height:1.3}
.phones{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:0}
.phones a,.phone-extra a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:0 4px;border-bottom:1px solid var(--hair);font-family:var(--latin);font-size:1.4rem;font-weight:700;color:var(--ink);text-decoration:none;font-variant-numeric:tabular-nums;letter-spacing:.01em;line-height:1}
.phones a .ico,.phone-extra a .ico{width:22px;height:22px;color:var(--green-dark)}
.phones a:active,.phone-extra a:active{background:var(--tint)}
.hotline hr{border:0;border-top:2px solid var(--ink);opacity:.12;margin:10px 0 0}
.phone-extra{margin:0}
.phone-extra a{color:var(--grey);font-weight:600;border-bottom:0}
@media(min-width:640px){
  .phones{grid-template-columns:repeat(2,1fr);gap:0 28px}
}
@media(min-width:960px){
  .phones{grid-template-columns:repeat(3,1fr)}
  .phones a,.phone-extra a{font-size:1.5rem}
}

/* ---- fares ---- */
.fares{padding:36px 0 28px}
.fares h2{font-size:var(--h2);margin-bottom:18px}
.facts{display:grid;gap:14px;grid-template-columns:1fr;margin:0;padding:0;list-style:none}
.fact{border:1px solid var(--hair);border-radius:10px;padding:18px 20px;background:#fff;position:relative}
.fact .value{display:block;font-size:1.75rem;font-weight:800;line-height:1.4}
.fact .caption{display:block;color:var(--muted);line-height:1.6}
.note{color:var(--muted);font-size:.95rem;margin:14px 0 0}
@media(min-width:640px){.facts{grid-template-columns:1fr 1fr;gap:18px}.fact .value{font-size:2rem}}

/* ---- footer + callbar ---- */
.site-footer .copy{margin:0;padding:16px 16px 22px;text-align:center;color:var(--muted);font-size:.9rem;line-height:1.5}
.callbar{display:none}
@media(max-width:759px){
  body{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
  .callbar{display:block;position:fixed;left:0;right:0;bottom:0;z-index:50;overflow:hidden;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--hair)}
  .callbar .btn{display:flex;width:100%}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* ===== Burmese: metrics-derived spacing (Noto Sans Myanmar: upm 1000, hhea 1324/-860, max ink +1252/-690 => 1.942em worst case) ===== */
html[lang=my] .eyebrow{line-height:1.9;margin-bottom:14px}
html[lang=my] h1{line-height:1.8;margin-bottom:0}
html[lang=my] .lead{line-height:2;margin:22px 0 30px}
html[lang=my] .cta-line{line-height:2;margin-top:24px}
html[lang=my] h2{line-height:1.8}
html[lang=my] .fact .value{line-height:1.75}
html[lang=my] .fact .caption{line-height:2}
html[lang=my] .note{line-height:2;margin-top:18px}
html[lang=my] .site-footer .copy{line-height:2}
html[lang=my] .btn{min-height:56px;padding:6px 34px}
html[lang=my] .btn>span{line-height:1.5;padding:.12em 0 0}
html[lang=my] .nav a{height:48px}
html[lang=my] .nav a>span,html[lang=my] .pill .lbl{line-height:1.6;transform:none;padding-top:.12em}
html[lang=my] .callbar{padding-top:8px}
html[lang=my] .menu a{line-height:1.7;min-height:52px}


/* ===== T pages: technology-company design ===== */
:root{
  --sp-1:8px;--sp-2:16px;--sp-3:24px;--sp-4:32px;--sp-5:48px;--sp-6:64px;--sp-7:96px;
  --r-sm:10px;--r-md:16px;--r-lg:24px;--r-xl:32px;
  --sh-1:0 1px 2px rgba(1,17,29,.06),0 4px 14px rgba(1,17,29,.06);
  --sh-2:0 10px 30px rgba(1,17,29,.12);
  --sh-3:0 40px 90px rgba(1,17,29,.28);
  --line:rgba(1,17,29,.1);--tint:#f5f7f8;
}
html[lang=en]{--d1:clamp(2.4rem,5.4vw,4.3rem);--d1lh:1.04;--h2:clamp(1.8rem,4vw,2.9rem);--h2lh:1.12}
html[lang=zh-Hans]{--d1:clamp(2.3rem,5.8vw,4.2rem);--d1lh:1.22;--h2:clamp(1.7rem,3.8vw,2.6rem);--h2lh:1.25}
html[lang=my]{--d1:clamp(1.9rem,5vw,3.5rem);--d1lh:1.8;--h2:clamp(1.5rem,3.4vw,2.3rem);--h2lh:1.8}
body{background:#fff;overflow-x:hidden}
@media(max-width:759px){body{padding-bottom:0}}
.nw{white-space:nowrap}
.sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.osm{position:absolute;right:8px;bottom:8px;margin:0;font:600 10px/1.2 var(--latin);color:#5b6670;background:rgba(255,255,255,.8);padding:2px 5px;border-radius:3px;z-index:6}
@keyframes drive{from{offset-distance:0%}to{offset-distance:100%}}
html{scroll-padding-top:120px}
@media(min-width:760px){html{scroll-padding-top:84px}}

/* header: sticky glass */
.site-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);border-bottom:1px solid var(--line)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.site-header{background:rgba(255,255,255,.96)}}
.pill{background:#fff}

/* buttons & pills */
.btn{min-height:56px;padding:0 24px;border-radius:16px;font-size:1.02rem;gap:10px}
.btn::before{display:none}
.btn svg{width:18px;height:18px;flex:none}
.btn-ghost{background:var(--ink);color:#fff;box-shadow:var(--sh-2);transition:transform .2s,box-shadow .2s}
.btn-ghost:hover{background:#0b2436;color:#fff;transform:translateY(-1px)}
.btn-light{background:#fff;color:var(--ink)}.btn-light:hover{background:#eef3f6;color:var(--ink)}
.soon,.store{display:inline-flex;align-items:center;gap:12px;cursor:not-allowed;user-select:none}
.soon{padding:8px 20px 8px 8px;min-height:56px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-1);color:var(--ink)}
.soon-ic,.store-ic{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#eef1f3;flex:none}
.soon-ic svg,.store-ic svg{width:20px;height:20px}
.soon-t{display:flex;flex-direction:column;line-height:1.35}.soon-t b{font-size:.98rem}.soon-t span{font:500 .78rem/1.35 var(--latin);color:#4f5a64}
html[lang=my] .soon-t span,html[lang=zh-Hans] .soon-t span{font-family:inherit}
.store{padding:10px 22px 10px 12px;background:#101c26;color:#fff;border-radius:16px;min-height:60px}
.store-ic{background:rgba(255,255,255,.12)}
.store-t{display:flex;flex-direction:column;line-height:1.3}.store-t small{font-size:.7rem;opacity:.75}.store-t b{font:700 1.1rem/1.3 var(--latin)}
.chipw{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:12px;background:#e8f6ee;color:#035a2d;font-weight:600;font-size:.72rem;line-height:1.5}
.chipw svg{width:14px;height:14px}

/* ===== hero T1 ===== */
.hero.t1{position:relative;overflow:hidden;padding:40px 0 64px;background:linear-gradient(180deg,#fff,#f7f9fa)}
.hbg{position:absolute;inset:0;pointer-events:none}
.blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3}
.b-r{width:340px;height:340px;background:var(--red);right:6%;top:2%}
.b-a{width:380px;height:380px;background:var(--amber);right:-4%;top:34%;opacity:.4}
.b-g{width:340px;height:340px;background:var(--green);right:26%;bottom:-8%;opacity:.28}
.gridl{position:absolute;inset:0;background-image:linear-gradient(rgba(1,17,29,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(1,17,29,.05) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(60% 70% at 72% 48%,#000,transparent);mask-image:radial-gradient(60% 70% at 72% 48%,#000,transparent)}
.hgrid{position:relative;display:grid;gap:40px;align-items:center}
.eb{display:inline-flex;align-items:center;gap:10px;min-height:34px;padding:0 14px;border:1px solid var(--line);border-radius:17px;background:#fff;font:700 .74rem/1.5 var(--latin);letter-spacing:.1em;text-transform:uppercase;color:#2b343c}
.eb::before{content:"";width:14px;height:8px;background:var(--red);transform:skewX(-13deg);flex:none}
html[lang=my] .eb,html[lang=zh-Hans] .eb{letter-spacing:.02em;text-transform:none;font-family:inherit;font-size:.82rem}
.hero h1{margin:20px 0 16px;text-wrap:balance;font-size:var(--d1);line-height:var(--d1lh);font-weight:800;letter-spacing:-.03em}
html[lang=my] .hero h1,html[lang=zh-Hans] .hero h1{letter-spacing:0}
.hsub{margin:0 0 28px;font-size:clamp(1.02rem,1.6vw,1.2rem);max-width:34em;color:#3d474f}
.hbtns{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.hphone{display:grid;place-items:center}
.phwrap{position:relative;width:min(300px,calc(70svh*.484))}

/* phone */
.phone{position:relative;width:100%;aspect-ratio:300/620;border-radius:48px;padding:10px;background:linear-gradient(145deg,#2a3640,#0b141c 55%,#1d2832);box-shadow:var(--sh-3),inset 0 0 0 1.5px rgba(255,255,255,.16),inset 0 0 0 5px #0a1118;margin:0 auto}
.phone *{line-height:1.5}
.scr{position:relative;height:100%;border-radius:38px;overflow:hidden;background:#fff}
.scr::after{content:"";position:absolute;inset:0;z-index:7;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.2),rgba(255,255,255,0) 34%)}
.island{position:absolute;z-index:8;top:10px;left:50%;width:84px;height:24px;margin-left:-42px;border-radius:14px;background:#05090d}
.pmap,.mmap{position:absolute;inset:0;width:100%;height:100%;display:block}
.pml{font:600 14px var(--latin);fill:#5F6368;paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linejoin:round}
.pmc{font:700 14px var(--latin);fill:#fff}
html[lang=my] .pmc{font-family:var(--my)}
.pcar{offset-rotate:auto;animation:pcar 12s infinite;opacity:0}
@keyframes pcar{0%,25%{opacity:0;offset-distance:0%}28%{opacity:1;offset-distance:0%}54%{offset-distance:var(--fa)}70%{opacity:1;offset-distance:var(--fa)}95%{opacity:1;offset-distance:100%}98%,100%{opacity:0;offset-distance:100%}}
.sheet{position:absolute;left:8px;right:8px;bottom:8px;z-index:5;height:184px;background:rgba(255,255,255,.97);border-radius:28px;box-shadow:0 -6px 30px rgba(1,17,29,.2);padding:0}
.grab{position:absolute;top:8px;left:50%;width:36px;height:4px;margin-left:-18px;border-radius:2px;background:#d5dadf}
.st{position:absolute;inset:22px 16px 12px;opacity:0;display:flex;flex-direction:column;gap:8px;justify-content:center}
.st1{animation:s1 12s infinite}.st2{animation:s2 12s infinite}.st3{animation:s3 12s infinite}.st4{animation:s4 12s infinite}
@keyframes s1{0%,22%{opacity:1}25%,96%{opacity:0}100%{opacity:1}}
@keyframes s2{0%,24%{opacity:0}27%,53%{opacity:1}56%,100%{opacity:0}}
@keyframes s3{0%,54%{opacity:0}57%,68%{opacity:1}71%,100%{opacity:0}}
@keyframes s4{0%,69%{opacity:0}72%,95%{opacity:1}98%,100%{opacity:0}}
.stt{font-size:.95rem}
.shim{display:block;height:6px;border-radius:3px;background:linear-gradient(90deg,#e3e8ec 25%,#05A954 50%,#e3e8ec 75%);background-size:200% 100%;animation:shim 1.4s linear infinite}
@keyframes shim{to{background-position:-200% 0}}
.rt{display:flex;align-items:center;gap:10px;font-size:.82rem;color:#2b343c}
.dot{width:10px;height:10px;border-radius:50%;flex:none}.dot.r{background:#EA4335}.dot.g{background:#05B970}
.drv{display:flex;align-items:center;gap:10px}.drv>div{display:flex;flex-direction:column;min-width:0}
.drv b{font-size:.9rem}.drv span:not(.av):not(.cbtn){font-size:.74rem;color:#5b6670}
.drv.sm span{font-size:.78rem;color:#4f5a64}
.av{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--green-dark);color:#fff;font:800 1rem/1 var(--latin);flex:none}
.cbtn{margin-left:auto;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e8f6ee;color:#047a3d;flex:none}.cbtn svg{width:18px;height:18px}
.etab{display:flex;align-items:center;gap:6px;padding:10px 12px;border-radius:14px;background:#f0f4f6;font-weight:700;font-size:.88rem;color:#047a3d}
.etas{display:inline-grid}.eta{grid-area:1/1;opacity:0;text-align:center;min-width:.7em}
.e0{animation:e0 12s infinite}.e1{animation:e1 12s infinite}.e2{animation:e2 12s infinite}.e3{animation:e3 12s infinite}
@keyframes e0{0%,26%{opacity:0}27%,36%{opacity:1}37%,100%{opacity:0}}
@keyframes e1{0%,36%{opacity:0}37%,44%{opacity:1}45%,100%{opacity:0}}
@keyframes e2{0%,44%{opacity:0}45%,50%{opacity:1}51%,100%{opacity:0}}
@keyframes e3{0%,50%{opacity:0}51%,55%{opacity:1}56%,100%{opacity:0}}
.arr{display:flex;align-items:center;gap:10px;font-size:.95rem}
.okc{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#05A954;flex:none}.okc .ck{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.trk{height:6px;border-radius:3px;background:#e3e8ec;overflow:hidden}.trk i{display:block;height:100%;width:0;background:#047a3d;animation:trk 12s infinite}
@keyframes trk{0%,72%{width:0}95%,100%{width:100%}}
.float{position:absolute;z-index:3;display:flex;align-items:center;gap:8px;padding:10px 14px;background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-2);font-weight:600;font-size:.8rem;line-height:1.4;max-width:210px;animation:bob 6s ease-in-out infinite}
.float svg{width:18px;height:18px;flex:none;color:#047a3d}
.f1{left:-64px;top:24%}.f2{right:-64px;top:52%;animation-delay:-3s}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media(max-width:959px){.float{display:none}.hero.t1{padding:28px 0 48px}.hphone{margin-top:8px}}
@media(min-width:960px){.hgrid{grid-template-columns:1.05fr .95fr;min-height:calc(100svh - 150px)}.hero.t1{padding:56px 0 72px}}
@media(prefers-reduced-motion:reduce){
  .st,.shim,.trk i,.float,.e0,.e1,.e2,.e3,.pcar,.bcar,.livesvg .mv{animation:none!important}
  .st2{opacity:1}.pcar{opacity:1;offset-distance:calc(var(--fa)*.5)}.e0{opacity:1}.livesvg .mv{offset-distance:var(--p)}
}

/* ===== sections ===== */
.sec{padding:var(--sp-6) 0}
@media(min-width:760px){.sec{padding:var(--sp-7) 0}}
.sec-alt{background:var(--tint)}
.sec-h{margin-bottom:var(--sp-5);max-width:40em}
.sec-h h2,.appcopy h2,.dcopy h2{margin:0 0 12px;font-size:var(--h2);line-height:var(--h2lh);font-weight:800;letter-spacing:-.02em}
html[lang=my] .sec-h h2,html[lang=my] .appcopy h2,html[lang=my] .dcopy h2,html[lang=zh-Hans] .sec-h h2{letter-spacing:0}
.sec-h p{margin:0;color:#4f5a64;font-size:1.05rem}
h3{margin:0;font-size:1.12rem;line-height:1.3;font-weight:700}
html[lang=my] h3{line-height:1.8}html[lang=zh-Hans] h3{line-height:1.45}

.steps{list-style:none;margin:0;padding:0;display:grid;gap:16px;grid-template-columns:1fr}
@media(min-width:620px){.steps{grid-template-columns:1fr 1fr}}
@media(min-width:1040px){.steps{grid-template-columns:repeat(4,1fr)}}
.step{position:relative;padding:14px 14px 22px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1);display:flex;flex-direction:column;gap:8px}
.step p{margin:0;color:#4f5a64;font-size:.95rem}
.sn{display:grid;place-items:center;width:30px;height:30px;margin:10px 0 2px 6px;border-radius:50%;background:var(--ink);color:#fff;font:800 .85rem/1 var(--latin)}
.step h3,.step p{padding:0 6px}
.mini{position:relative;height:196px;border-radius:var(--r-md);overflow:hidden;background:#eef0f1}
.mi-bar{position:absolute;left:12px;right:12px;bottom:12px;display:flex;align-items:center;gap:8px;min-height:42px;padding:0 12px;background:#fff;border-radius:14px;box-shadow:var(--sh-2);font-weight:600;font-size:.82rem}
.mi-bar i{display:grid;width:18px;height:18px;color:#EA4335}.mi-bar i svg{width:18px;height:18px}
.mi-card{position:absolute;left:12px;right:12px;bottom:12px;padding:12px;background:#fff;border-radius:16px;box-shadow:var(--sh-2);display:flex;flex-direction:column;gap:8px}
.mi-card .etab{padding:7px 10px;font-size:.8rem}
.mi-chip{position:absolute;left:12px;bottom:12px;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border-radius:14px;box-shadow:var(--sh-2);font-weight:600;font-size:.76rem;line-height:1.5}
.avs{display:inline-flex}.avs i{width:20px;height:20px;border-radius:50%;border:2px solid #fff;background:#05A954;margin-left:-6px}.avs i:first-child{margin-left:0}.avs i:nth-child(2){background:#2b343c}.avs i:nth-child(3){background:#047a3d;opacity:.6}
.avs.lg i{width:44px;height:44px;border-width:3px;margin-left:-12px}
.mini-r{background:linear-gradient(160deg,#e8f6ee,#f5f7f8);display:grid;place-items:center}
.rc{width:82%;padding:16px;background:#fff;border-radius:16px;box-shadow:var(--sh-2);display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.rc b{font-size:.9rem}
.rl{display:flex;gap:8px;width:100%}.rl i{display:block;height:8px;border-radius:4px;background:#e3e8ec;width:42%}.rl i.w{width:58%}.rl i.s{width:22%;margin-left:auto;background:#eef1f3}

.bento{display:grid;gap:16px;grid-template-columns:1fr}
@media(min-width:760px){.bento{grid-template-columns:repeat(6,1fr)}.b1{grid-column:span 4;grid-row:span 2}.b2,.b3,.b4,.b5,.b6{grid-column:span 2}.b7{grid-column:span 6}}
.bc{display:flex;flex-direction:column;gap:12px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--sh-1);overflow:hidden;transition:transform .25s,box-shadow .25s}
.bc:hover{transform:translateY(-3px);box-shadow:var(--sh-2)}
.bt p{margin:6px 0 0;color:#4f5a64;font-size:.95rem}
.bv{flex:1;min-height:120px;border-radius:var(--r-lg);position:relative;overflow:hidden;display:grid;place-items:center}
.bv-map{min-height:240px;background:#eef0f1}.bv-map svg{position:absolute;inset:0;width:100%;height:100%}
.bcar{offset-rotate:auto;animation:drive 9s ease-in-out infinite alternate}
.b2{background:#f0faf4}.b2 .bv{background:#e1f3e8;gap:14px;align-content:center}
.b3{background:#fffaf0}.b3 .bv{background:#fff1c9}
.bv-ver{display:flex;gap:16px;align-items:center;justify-content:center}.shield{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:#05A954;color:#fff}.shield svg{width:34px;height:34px}
.bv-ver ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;width:46%}.bv-ver li i{display:block;height:9px;border-radius:5px;background:rgba(1,17,29,.16)}.bv-ver li i.s{width:60%}
.b4 .bv{background:linear-gradient(160deg,#e8f6ee,#f5f7f8)}
.b5{background:var(--ink);color:#fff;border-color:transparent}.b5 .bt p{color:#c5d2dc}
.b5 .bv{background:rgba(255,255,255,.06);display:flex;flex-wrap:wrap;gap:8px;align-content:center;justify-content:center;padding:16px}
.bv-lang span{padding:8px 16px;border-radius:14px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);font-weight:600}
.b6 .bv{background:var(--tint)}.seg{display:inline-flex;padding:4px;border-radius:16px;background:#e3e8ec}.seg b,.seg i{padding:9px 18px;border-radius:12px;font-style:normal;font-weight:700;font-size:.9rem}.seg b{background:#fff;box-shadow:var(--sh-1)}.seg i{color:#5b6670}
.b7 .bv{min-height:80px;background:linear-gradient(90deg,#f5f7f8,#e8f6ee)}.bv-fleet svg{width:100%;height:70px}

.appbox{display:grid;gap:32px;align-items:end;padding:40px 24px 0;border-radius:var(--r-xl);background:linear-gradient(135deg,#f5f7f8,#fff 60%);border:1px solid var(--line);overflow:hidden}
.appcopy{padding-bottom:40px}.appcopy h2{max-width:14em}.appcopy p{margin:0 0 24px;color:#4f5a64}
.stores{display:flex;flex-wrap:wrap;gap:12px}
.ph-sm{width:min(240px,100%);aspect-ratio:300/560;margin-bottom:-110px}
.home{position:absolute;inset:0;padding:48px 14px 0;background:#fff}.home b{display:block;margin-bottom:10px;font:800 1.1rem/1.3 var(--latin)}
.mi-bar.big{position:relative;left:auto;right:auto;bottom:auto;z-index:2;box-shadow:var(--sh-1);border:1px solid var(--line)}
.home .mmap{top:120px;border-radius:16px}
@media(min-width:900px){.appbox{grid-template-columns:1.1fr .9fr;padding:48px 56px 0}}

.dark{position:relative;background:var(--ink);color:#fff;overflow:hidden}
.dark::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 50% at 85% 20%,rgba(5,169,84,.28),transparent),radial-gradient(40% 40% at 10% 90%,rgba(252,3,18,.16),transparent)}
.dark .wrap{position:relative}
.drivegrid{display:grid;gap:48px;align-items:center}
.eyebrow-d{display:inline-block;margin-bottom:14px;font:700 .78rem/1.5 var(--latin);letter-spacing:.14em;text-transform:uppercase;color:#FED706}
html[lang=my] .eyebrow-d,html[lang=zh-Hans] .eyebrow-d{letter-spacing:.04em;text-transform:none;font-family:inherit}
.dark h2{color:#fff}
.dlead{margin:0 0 28px;color:#c5d2dc;font-size:1.05rem;max-width:34em}
.dfeats{list-style:none;margin:0 0 32px;padding:0;display:grid;gap:12px}
.dfeats li{display:flex;align-items:center;gap:14px}
.di{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.1);flex:none}.di svg{width:20px;height:20px}
.jh{margin:0 0 12px;font-size:1rem;color:#fff}
.jsteps{list-style:none;counter-reset:j;margin:0 0 32px;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.jsteps li{counter-increment:j;display:flex;gap:10px;align-items:flex-start;padding:6px 14px 6px 8px;border:1px solid rgba(255,255,255,.2);border-radius:16px;color:#e8eef2;font-size:.92rem}
.jsteps li::before{content:counter(j);display:grid;place-items:center;width:24px;height:24px;margin-top:5px;border-radius:50%;background:#05A954;color:#fff;font:800 .75rem/1 var(--latin);flex:none}
.dcta{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.soon-d{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:#fff;box-shadow:none}.soon-d .soon-ic{background:rgba(255,255,255,.14)}.soon-d .soon-t span{color:#c5d2dc}
.dphone{display:grid;place-items:center}.dphone{width:min(300px,100%);justify-self:center}.dphone .phone{width:100%}
.dtop{position:absolute;z-index:5;top:46px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:flex-start}
.onl,.req,.req *{color:var(--ink)}.onl{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:14px;background:#fff;box-shadow:var(--sh-2);font-weight:700;font-size:.78rem}.onl i{width:9px;height:9px;border-radius:50%;background:#05B970}
.mtr{display:flex;flex-direction:column;padding:7px 12px;border-radius:14px;background:var(--ink);color:#fff;box-shadow:var(--sh-2)}.mtr small{font-size:.66rem;opacity:.7}.mtr b{font:700 .8rem/1.3 var(--latin)}
.req{position:absolute;left:8px;right:8px;bottom:8px;z-index:5;padding:16px;background:#fff;border-radius:28px;box-shadow:0 -6px 30px rgba(1,17,29,.2);display:flex;flex-direction:column;gap:10px}
.rq{font-size:.98rem}
.rbtn{display:flex;gap:8px;margin-top:4px}.rbtn span{display:grid;place-items:center;flex:1;min-height:46px;border-radius:14px;font-weight:700;font-size:.9rem}.decl{background:#eef1f3;color:#2b343c}.req .acc{background:var(--green-dark);color:#fff}
@media(min-width:960px){.drivegrid{grid-template-columns:1.1fr .9fr}.dphone{justify-self:end}}
.jsteps li{align-items:center}.jsteps li::before{margin-top:0}

.pgrid{display:flex;flex-wrap:wrap;gap:24px;align-items:center}
.pcard{display:flex;flex-direction:column;align-items:center;gap:12px;width:230px;padding:24px 16px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1);text-align:center}
.pcard img{width:150px;height:auto}.pn{font:600 .95rem/1.4 var(--latin)}
.pinvite{max-width:30em}.pinvite p{margin:0;color:#3d474f}

.foot{background:#fff;border-top:0}
.foot .stripe{height:4px}
.fgrid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));padding:40px 16px 56px}
.fgrid p{margin:0 0 8px}.fgrid address{font-style:normal;color:#4f5a64}.fgrid ul{list-style:none;margin:0;padding:0}.fgrid li a{display:inline-flex;align-items:center;min-height:40px}
.fl{color:#4f5a64}.copy{color:#6b757e;font-size:.9rem}.fgrid img{display:block;margin-bottom:10px}

/* ===== hero T2: live street map + frosted card ===== */
.hero.t2{position:relative;display:flex;align-items:center;justify-content:center;min-height:calc(100svh - 112px);overflow:hidden;background:#F5F5F3}
@media(min-width:760px){.hero.t2{min-height:calc(100svh - 72px)}}
.livebg{position:absolute;inset:0;z-index:0;contain:strict}
.livesvg{display:block;width:100%;height:100%;--cs:1;--ps:1;--rw:1;--fs:12px}
.hcard{position:relative;z-index:3;overflow:hidden;width:min(720px,calc(100% - 32px));padding:40px 44px 36px;border-radius:20px;text-align:center;background:rgba(255,255,255,.74);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);border:1px solid rgba(1,17,29,.08);box-shadow:0 12px 40px rgba(1,17,29,.18)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.hcard{background:rgba(255,255,255,.93)}}
.hcard::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#fc0312 0 33.33%,#fed706 33.33% 66.66%,#05a954 66.66% 100%)}
.hcard h1{font-size:clamp(2.1rem,5vw,3.6rem);margin:18px 0 14px}
.hcard .hsub{margin-left:auto;margin-right:auto}
.hcard .hbtns{justify-content:center}
@media(max-width:759px){.hero.t2{align-items:flex-start;padding:24px 0}.hcard{padding:26px 20px 22px}}

/* live map layers */
.livesvg .cs{transform:scale(var(--cs))}
.livesvg .ps{transform:scale(var(--ps))}
.livesvg .rm1{stroke:#E3E6EA;stroke-width:calc(4.4*var(--rw))}.livesvg .rm2{stroke:#fff;stroke-width:calc(2.7*var(--rw))}
.livesvg .rt1{stroke:#DADCE0;stroke-width:calc(7*var(--rw))}.livesvg .rt2{stroke:#fff;stroke-width:calc(5*var(--rw))}
.livesvg .ra1{stroke:#F9C846;stroke-width:calc(10.5*var(--rw))}.livesvg .ra2{stroke:#FDE293;stroke-width:calc(8*var(--rw))}
.livesvg .traf path{stroke-width:calc(3*var(--rw))}
.livesvg .sl{font:500 var(--fs)/1 var(--latin);fill:#5F6368;paint-order:stroke;stroke:#fff;stroke-width:calc(var(--fs)*.26);stroke-linejoin:round}
.livesvg .pn{font:600 11px/1 var(--latin);text-anchor:middle;paint-order:stroke;stroke:#fff;stroke-width:3.2px;stroke-linejoin:round}
.livesvg .ct{font:700 8.6px var(--latin);fill:#202124}.livesvg .cp{font:600 8px var(--latin);fill:#5F6368}.livesvg .cw{font:800 7px var(--latin);fill:#fff}
.livesvg .card{filter:drop-shadow(0 1px 1.4px rgba(32,33,36,.32))}
.livesvg .mv{offset-rotate:auto;animation:drive linear infinite;animation-timing-function:ease-in-out;will-change:offset-distance}
.livesvg .mvc{offset-rotate:0deg}
@media(min-width:1700px){.hA{display:none}}
@media(min-width:1400px) and (max-width:1699px){.livesvg{--cs:1.15;--ps:1.25;--rw:1.15;--fs:14.5px}.hB2{display:none}}
@media(min-width:1100px) and (max-width:1399px){.livesvg{--cs:1.3;--ps:1.5;--rw:1.3;--fs:18px}.hB1{display:none}}
@media(min-width:760px) and (max-width:1099px){.livesvg{--cs:1.5;--ps:1.8;--rw:1.5;--fs:21px}.hC{display:none}}
@media(max-width:759px){
  .livesvg{--cs:1.65;--ps:1.8;--rw:1.7;--fs:26px}.hD{display:none}
}
@media(prefers-reduced-motion:reduce){.livesvg .mv{animation:none;offset-distance:var(--p);will-change:auto}}

/* ===== footer additions ===== */
.fgrid .osm-note{margin-top:14px;font-size:.85rem}
.fgrid .osm-note a{color:#4f5a64}
.foot .legal-row{grid-column:1/-1}

/* ===== document pages (privacy, terms, account deletion, support, 404) ===== */
body.docpage{background:#fff}
.doc{max-width:760px;margin:0 auto;padding:36px 16px 64px}
.doc h1{font-size:clamp(1.9rem,6vw,2.6rem);line-height:1.15;margin:0 0 8px}
.doc .updated{margin:0 0 20px;color:#4f5a64;font-size:.95rem}
.summary{margin:0 0 28px;padding:18px 20px;border-radius:12px;background:#f1f8f4;border-left:6px solid var(--green)}
.summary h2{margin:0 0 6px;font-size:1.05rem;line-height:1.3}
.summary p{margin:0}
.toc{margin:0 0 32px;padding:16px 20px;border:1px solid var(--hair);border-radius:12px;background:var(--tint)}
.toc h2{margin:0 0 8px;font-size:1.05rem;line-height:1.3}
.toc ol{margin:0;padding-left:1.4em;columns:1}
.toc li{margin:0;padding:2px 0}
.toc a{display:inline-block;padding:3px 0}
@media(min-width:640px){.toc ol{columns:2;column-gap:32px}.toc li{break-inside:avoid}}
.doc section{margin:0 0 30px;scroll-margin-top:16px}
.doc h2{font-size:1.4rem;line-height:1.25;margin:0 0 10px}
.doc h3{font-size:1.1rem;line-height:1.3;margin:18px 0 6px}
.doc p,.doc li{line-height:1.65}
.doc p{margin:0 0 12px}
.doc ul,.doc ol{margin:0 0 14px;padding-left:1.4em}
.doc li{margin:0 0 6px}
.doc dl{margin:0 0 14px}.doc dt{font-weight:700;margin-top:10px}.doc dd{margin:2px 0 0 0;line-height:1.65}
.doc .faq h3{margin-top:22px}
.doc .btn{margin-top:8px}
.doc address{font-style:normal}