@font-face{font-family:Jakarta;src:url(/fonts/plus-jakarta-sans-latin-wght-normal.woff2) format('woff2');font-weight:200 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2190-2199,U+2212}
@font-face{font-family:Jakarta;src:url(/fonts/plus-jakarta-sans-latin-ext-wght-normal.woff2) format('woff2');font-weight:200 800;font-display:swap;unicode-range:U+0100-02AF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF}
@font-face{font-family:Jakarta;src:url(/fonts/plus-jakarta-sans-vietnamese-wght-normal.woff2) format('woff2');font-weight:200 800;font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:Inter;src:url(/fonts/inter-latin-wght-normal.woff2) format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2190-2199,U+2212}
@font-face{font-family:Inter;src:url(/fonts/inter-latin-ext-wght-normal.woff2) format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0100-02AF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF}
@font-face{font-family:Inter;src:url(/fonts/inter-vietnamese-wght-normal.woff2) format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
:root{--navy:#0a2540;--navy2:#123a63;--teal:#0d9488;--teal-l:#5eead4;--or:#f97316;--or-d:#ea580c;--ink:#0f172a;--mut:#526077;--bg:#fff;--bg2:#f5f8fb;--line:#e3e9f0;--r:16px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:80px;-webkit-text-size-adjust:100%}
body{font:16px/1.65 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg)}
h1,h2,h3{font-family:Jakarta,Inter,sans-serif;line-height:1.2;letter-spacing:-.02em;color:var(--navy)}
a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}
ul,ol{list-style:none}
.wrap{width:min(1180px,100% - 40px);margin-inline:auto}.narrow{width:min(820px,100% - 40px)}
.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;z-index:99;background:#fff;padding:8px}
.muted{color:var(--mut)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 15px/1 Inter,sans-serif;border-radius:999px;padding:13px 22px;border:2px solid transparent;cursor:pointer;transition:.2s;white-space:nowrap}
.btn svg{width:18px;height:18px}.btn-lg{padding:16px 26px;font-size:16px}.btn-sm{padding:10px 18px;font-size:14px}
.btn-p{background:var(--or);color:#fff;box-shadow:0 6px 18px rgba(249,115,22,.3)}.btn-p:hover{background:var(--or-d);transform:translateY(-1px)}
.btn-o{border-color:rgba(255,255,255,.35);color:#fff}.btn-o:hover{background:rgba(255,255,255,.1)}
:focus-visible{outline:3px solid var(--teal-l);outline-offset:2px}
/* header */
.hdr{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.hdr-in{display:flex;align-items:center;gap:24px;height:68px}
.brand{display:flex;align-items:center;gap:10px}.brand span{display:flex;flex-direction:column;line-height:1}.brand b{font:800 18px Jakarta,sans-serif;color:var(--navy)}.brand small{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--teal);font-weight:700;margin-top:3px}
.brand.light b{color:#fff}
.nav{display:flex;gap:26px;margin-left:auto}.nav a{font-weight:500;font-size:15px;color:var(--mut)}.nav a:hover{color:var(--navy)}
.hdr-act{display:flex;align-items:center;gap:12px}
.langs{display:flex;background:var(--bg2);border:1px solid var(--line);border-radius:999px;padding:3px}
.lang{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font:700 13px Inter;color:var(--mut)}
.lang svg{width:22px;height:15px;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.08);object-fit:cover}
.lang.on{background:#fff;color:var(--navy);box-shadow:0 1px 4px rgba(10,37,64,.12)}
.burger{display:none;width:42px;height:42px;border:1px solid var(--line);background:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;cursor:pointer}
.burger span{width:18px;height:2px;background:var(--navy);transition:.2s}
/* hero */
.hero{background:radial-gradient(1000px 500px at 85% 10%,rgba(13,148,136,.35),transparent 60%),linear-gradient(160deg,#0a2540 0%,#0e3157 60%,#0a2540 100%);color:#dbe6f3;padding:72px 0 40px;overflow:hidden}
.hero-in{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font:600 13px Inter;letter-spacing:.04em;color:var(--teal-l);background:rgba(94,234,212,.1);border:1px solid rgba(94,234,212,.25);padding:6px 12px;border-radius:999px;margin-bottom:22px}
.eyebrow svg{width:20px;height:13px;border-radius:2px}
.hero h1{color:#fff;font-size:clamp(32px,5vw,56px);font-weight:800;margin-bottom:20px}.hero h1 span{color:var(--teal-l)}
.lead{font-size:clamp(16px,1.6vw,19px);max-width:600px;color:#c3d3e6}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 26px}
.ticks li{display:flex;gap:10px;align-items:flex-start;margin:6px 0}.ticks svg{width:20px;height:20px;flex:none;color:var(--teal);margin-top:2px}
.hero .ticks{display:flex;flex-wrap:wrap;gap:4px 22px}.hero .ticks svg{color:var(--teal-l)}.hero .ticks li{font-size:15px}
.hero-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:20px;box-shadow:0 30px 80px rgba(0,0,0,.3)}
.route-map .lbl{fill:#fff;font:700 12px Inter;letter-spacing:.06em}
.dash{animation:d 1.6s linear infinite}@keyframes d{to{stroke-dashoffset:-24}}
@media (prefers-reduced-motion:reduce){.dash{animation:none}html{scroll-behavior:auto}}
.lanes{display:grid;gap:10px;margin-top:8px}
.lane{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.07);border-radius:12px;padding:12px 14px;color:#fff}.lane>svg{width:16px;color:var(--teal-l)}.lane b{margin-left:auto;font-size:14px}
.fl{display:inline-flex;gap:4px}.fl svg{width:24px;height:16px;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.1)}.fl.lg svg{width:36px;height:24px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.1);border-radius:16px;overflow:hidden;margin-top:56px}
.stats div{background:rgba(10,37,64,.85);padding:22px}.stats dt{font:800 30px Jakarta;color:#fff}.stats dd{font-size:14px;color:#9fb3c8}
/* sections */
.sec{padding:88px 0}.alt{background:var(--bg2)}
.sh{max-width:680px;margin-bottom:44px}.sh h2{font-size:clamp(28px,3.4vw,40px);margin-bottom:12px}.sh p{color:var(--mut);font-size:18px}
.routes{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.route{border:1px solid var(--line);border-radius:var(--r);padding:30px;background:#fff;box-shadow:0 1px 2px rgba(10,37,64,.04);transition:.2s}.route:hover{box-shadow:0 14px 40px rgba(10,37,64,.1);transform:translateY(-2px)}
.route-h{display:flex;align-items:center;gap:12px;margin-bottom:18px}.route-h>svg{width:22px;color:var(--teal)}
.route h3{font-size:24px;margin-bottom:6px}.route .muted{margin-bottom:16px;font-size:15px}
.lnk{display:inline-flex;align-items:center;gap:6px;margin-top:16px;font-weight:700;color:var(--or-d)}.lnk svg{width:16px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px}.card h3{font-size:19px;margin:16px 0 8px}.card p,.why p{color:var(--mut);font-size:15px}
.ic{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:rgba(13,148,136,.1);color:var(--teal)}.ic svg{width:24px}.ic.sm{width:42px;height:42px}
.why h3{font-size:17px;margin:14px 0 6px}
.sub-h{font-size:18px;margin:48px 0 16px}
.chips{display:flex;flex-wrap:wrap;gap:10px}.chips li{background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:500}
.comm{background:linear-gradient(135deg,#7f1d1d,#b91c1c);color:#fde2e2}.comm h2{color:#fff;font-size:clamp(26px,3vw,36px);margin-bottom:14px}
.comm-in{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:center}.comm p{font-size:17px}
.eyebrow.light{color:#fde68a;background:rgba(253,230,138,.12);border-color:rgba(253,230,138,.3)}
.comm blockquote{font:700 clamp(22px,2.4vw,28px)/1.35 Jakarta;color:#fde68a;border-left:4px solid #fde68a;padding-left:20px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;counter-reset:s}
.steps li{position:relative;padding-top:8px}.steps .n{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--navy);color:#fff;font:800 18px Jakarta;margin-bottom:14px}
.steps li:not(:last-child)::after{content:"";position:absolute;top:30px;left:56px;right:-12px;height:2px;background:repeating-linear-gradient(90deg,var(--line) 0 6px,transparent 6px 12px)}
.steps h3{font-size:18px;margin-bottom:6px}.steps p{color:var(--mut);font-size:15px}
.airlines{margin-top:48px;text-align:center;color:var(--mut);font-weight:600;font-size:14px;letter-spacing:.03em}
details{border-bottom:1px solid var(--line);padding:4px 0}
summary{cursor:pointer;list-style:none;padding:18px 40px 18px 0;font:700 17px Jakarta;color:var(--navy);position:relative}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:6px;top:14px;font-size:24px;color:var(--teal);transition:.2s}details[open] summary::after{transform:rotate(45deg)}
details p{padding:0 0 18px;color:var(--mut)}
.quote{background:var(--navy);color:#c3d3e6}.quote h2{color:#fff;font-size:clamp(28px,3.4vw,40px);margin-bottom:12px}
.quote-in{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:start}.q-tx>p{font-size:18px}
.clist{margin-top:30px;display:grid;gap:12px}.clist a,.clist div{display:flex;gap:14px;align-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:14px 16px}
.clist a:hover{background:rgba(255,255,255,.12)}.clist svg{width:22px;flex:none;color:var(--teal-l)}.clist span{display:flex;flex-direction:column}.clist small{font-size:12px;color:#9fb3c8}.clist b{color:#fff;font-weight:600;font-size:15px}
.qform{background:#fff;color:var(--ink);border-radius:20px;padding:30px;display:grid;gap:14px;box-shadow:0 30px 80px rgba(0,0,0,.3)}
.qform h3{font-size:20px}.qform label{display:grid;gap:6px;font-size:14px;font-weight:600;color:var(--navy)}
.qform input,.qform select,.qform textarea{font:16px Inter,sans-serif;padding:12px 14px;border:1px solid #cfd8e3;border-radius:10px;width:100%;background:#fff;color:var(--ink)}
.qform input:focus,.qform select:focus,.qform textarea:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(13,148,136,.15)}
.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.note{font-size:13px;color:var(--mut)}
.ftr{background:#061a2e;color:#8ea3b9;padding:48px 0 90px;font-size:14px}.ftr-in{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.ftr p{margin-top:10px;max-width:420px}
.ftr nav{display:flex;gap:18px;margin-top:10px;flex-wrap:wrap}.ftr nav a{color:#cbd8e6}.ftr nav a:hover{color:#fff}
.fab{position:fixed;right:16px;bottom:16px;z-index:40;display:none;align-items:center;gap:8px;background:var(--or);color:#fff;font-weight:700;padding:14px 20px;border-radius:999px;box-shadow:0 10px 30px rgba(249,115,22,.45)}.fab svg{width:20px}
.legal main{padding:48px 0}.legal h1{margin:16px 0}.legal h2{font-size:18px;margin:22px 0 6px}.legal p{margin:8px 0}.legal a{color:var(--teal)}
/* responsive */
@media (max-width:1020px){.nav{display:none}.burger{display:flex}.hero-in,.quote-in,.comm-in{grid-template-columns:1fr}.grid3{grid-template-columns:1fr 1fr}.grid4,.steps{grid-template-columns:1fr 1fr}.steps li::after{display:none}
.nav.open{display:flex;position:absolute;top:68px;left:0;right:0;flex-direction:column;gap:0;background:#fff;border-bottom:1px solid var(--line);padding:8px 20px 16px;box-shadow:0 20px 30px rgba(10,37,64,.1)}.nav.open a{padding:14px 0;border-bottom:1px solid var(--line);font-size:17px;color:var(--navy)}
.hero-card{max-width:560px}}
@media (max-width:680px){.wrap,.narrow{width:calc(100% - 32px)}.hide-m{display:none}.hdr-in{gap:10px}.brand img{width:32px;height:32px}.lang span{display:none}.lang{padding:6px 8px}
.hero{padding:44px 0 28px}.cta .btn{flex:1 1 100%}.stats{grid-template-columns:1fr 1fr;margin-top:36px}.stats div{padding:16px}.stats dt{font-size:24px}
.sec{padding:60px 0}.sh{margin-bottom:30px}.sh p{font-size:16px}.routes,.grid3,.grid4,.steps,.row{grid-template-columns:1fr}.route,.card,.qform{padding:22px}
.lane b{font-size:13px}.fab{display:inline-flex}}