:root{--navy:#0b2441;--navy2:#153b63;--blue:#2563eb;--amber:#d97706;--gold:#f4b740;--ink:#0f172a;--muted:#5d6b7d;--bg:#f5f7fa;--line:#dce3ea;--white:#fff;--radius:18px;--shadow:0 20px 55px rgba(11,36,65,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Be Vietnam Pro",sans-serif;color:var(--ink);background:var(--white);line-height:1.65;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}.container{width:min(1180px,calc(100% - 40px));margin:auto}.skip{position:fixed;z-index:1000;left:12px;top:-80px;background:#fff;padding:12px 18px;border-radius:8px}.skip:focus{top:12px}.header{position:fixed;z-index:100;inset:0 0 auto;height:82px;color:#fff;transition:.25s}.header.scrolled{height:70px;background:rgba(255,255,255,.96);color:var(--navy);box-shadow:0 6px 30px rgba(11,36,65,.1);backdrop-filter:blur(14px)}.nav-wrap{height:100%;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:10px;line-height:1.1;margin-right:auto}.brand-mark{display:grid;place-items:center;width:42px;height:42px;background:var(--gold);color:var(--navy);font-weight:800;font-size:22px;border-radius:4px 14px 4px 14px}.brand strong{display:block;font-size:17px}.brand small{display:block;font-size:9px;letter-spacing:2.4px;margin-top:5px}.nav{display:flex;gap:26px;font-size:14px;font-weight:600}.nav a{position:relative}.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--gold);transition:.2s}.nav a:hover:after,.nav a.active:after{right:0}.btn{min-height:48px;padding:12px 22px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:700;border:1px solid transparent;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-call{background:var(--gold);color:var(--navy);white-space:nowrap}.btn svg,.float-actions svg{width:19px;fill:none;stroke:currentColor;stroke-width:2}.nav-toggle{display:none;background:none;border:0;padding:10px}.nav-toggle span{display:block;width:25px;height:2px;background:currentColor;margin:5px}.hero{min-height:800px;position:relative;color:#fff;background:var(--navy)}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,25,44,.95) 0%,rgba(8,29,51,.75) 38%,rgba(8,29,51,.1) 70%),linear-gradient(0deg,rgba(8,29,51,.65),transparent 40%)}.hero-grid{position:relative;display:grid;align-items:center;min-height:720px;padding-top:80px}.hero-copy{max-width:660px}.eyebrow{display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:2.2px;font-size:12px;font-weight:800;color:var(--amber);margin:0 0 18px}.eyebrow span{width:34px;height:2px;background:currentColor}.eyebrow.light{color:#ffd36b}.hero h1{font-size:clamp(46px,6vw,78px);line-height:1.07;letter-spacing:-3px;margin:0 0 24px}.hero h1 em{font-style:normal;color:#ffd36b}.hero-lead{font-size:18px;max-width:600px;color:#e2e8f0}.hero-actions{display:flex;gap:12px;margin:32px 0}.btn-primary{background:var(--amber);color:#fff}.btn-ghost{border-color:rgba(255,255,255,.5);color:#fff;background:rgba(255,255,255,.08)}.hero-points{display:flex;flex-wrap:wrap;gap:22px;font-size:14px;font-weight:600;color:#e7edf4}.trust{position:absolute;bottom:0;left:0;right:0;background:rgba(7,27,48,.87);backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.14)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-grid div{padding:22px 28px;border-right:1px solid rgba(255,255,255,.12)}.trust strong,.trust small{display:block}.trust strong{font-size:16px}.trust small{color:#aebdca;font-size:12px}.section{padding:105px 0}.section-head{display:grid;grid-template-columns:1.15fr .85fr;align-items:end;gap:70px;margin-bottom:55px}.section-head h2,.why h2,.faq-section h2,.contact h2,.center-head h2{font-size:clamp(35px,4.2vw,58px);line-height:1.13;letter-spacing:-2px;margin:0}.section-head>p{color:var(--muted);margin:0 0 5px}.services{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service{position:relative;min-height:290px;padding:35px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.25s}.service:hover{background:var(--bg);transform:translateY(-3px)}.service.featured{background:var(--navy);color:#fff}.service svg{width:42px;height:42px;fill:none;stroke:var(--amber);stroke-width:1.5;margin:30px 0}.service h3{font-size:21px;margin:0 0 12px}.service p{color:var(--muted);font-size:14px;margin:0}.service.featured p{color:#b9c7d4}.num{position:absolute;right:25px;top:20px;font-size:12px;color:#8b98a8}.fleet-section{background:var(--navy);color:#fff}.inverse>p{color:#aebdca}.fleet-photo{height:460px;overflow:hidden;margin:0;border-radius:var(--radius);box-shadow:0 30px 70px rgba(0,0,0,.25)}.fleet-photo img{width:100%;height:100%;object-fit:cover}.vehicle-tabs{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:28px 0}.vehicle-tab{border:1px solid rgba(255,255,255,.25);background:transparent;color:#dce5ed;border-radius:999px;padding:9px 20px;min-height:44px;cursor:pointer}.vehicle-tab.active,.vehicle-tab:hover{background:var(--gold);color:var(--navy);border-color:var(--gold)}.vehicle-info{display:grid;grid-template-columns:1fr 1.5fr auto;align-items:center;gap:35px;padding:28px 0;border-top:1px solid rgba(255,255,255,.15)}.vehicle-info small{color:var(--gold);font-weight:700}.vehicle-info h3{font-size:30px;margin:5px 0}.vehicle-info p{color:#bdc9d5}.text-link{font-weight:700;color:#ffd36b}.text-link span{margin-left:8px}.why{background:var(--bg)}.why-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:start}.why-copy{position:sticky;top:110px}.why-copy>p:not(.eyebrow){color:var(--muted);margin:24px 0}.text-link.dark{color:var(--navy)}.why-list{border-top:1px solid var(--line)}.why-item{display:grid;grid-template-columns:55px 1fr;gap:20px;padding:28px 0;border-bottom:1px solid var(--line)}.why-item b{color:var(--amber);font-size:13px}.why-item h3{margin:0 0 5px;font-size:22px}.why-item p{margin:0;color:var(--muted)}.route-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.route{position:relative;padding:28px;min-height:190px;background:var(--bg);border-radius:var(--radius);border:1px solid transparent;transition:.2s}.route:hover{border-color:var(--amber);transform:translateY(-3px)}.route>span{font-size:12px;color:var(--amber);font-weight:700}.route h3{font-size:25px;margin:35px 0 0}.route p{margin:0;color:var(--muted);font-size:13px}.route b{position:absolute;right:28px;bottom:26px}.route.custom{background:var(--amber);color:#fff}.route.custom p,.route.custom>span{color:#fff}.process{background:#0a2038;color:#fff}.center-head{text-align:center;margin-bottom:65px}.center-head .eyebrow{justify-content:center}.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);counter-reset:item}.steps li{padding:0 28px 35px;border-left:1px solid rgba(255,255,255,.15)}.steps b{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--gold);color:var(--navy);margin-bottom:25px}.steps h3{font-size:19px}.steps p{font-size:14px;color:#aebdca}.price-note{margin-top:50px;padding:40px;background:#fff;color:var(--ink);border-radius:var(--radius);display:flex;align-items:center;justify-content:space-between;gap:40px}.price-note small{color:var(--amber);font-weight:800}.price-note h3{font-size:27px;margin:5px 0}.price-note p{margin:0;color:var(--muted)}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px}.faq-grid>div:first-child>p:not(.eyebrow){color:var(--muted)}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;font-weight:700;font-size:17px;padding:22px 0;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary span{font-size:23px;color:var(--amber);transition:.2s}details[open] summary span{transform:rotate(45deg)}details p{margin:-5px 40px 23px 0;color:var(--muted);font-size:14px}.contact{background:linear-gradient(120deg,#102d4b,#194c78);color:#fff}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.contact-copy>p:not(.eyebrow){color:#c4d0dc}.phone-big{display:block;font-size:28px;font-weight:800;color:#ffd36b;margin-top:35px}.phone-big small{display:block;font-size:10px;letter-spacing:2px;color:#fff}.quote-form{background:#fff;color:var(--ink);padding:38px;border-radius:var(--radius);box-shadow:var(--shadow)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:13px;font-weight:700;margin-bottom:17px}input,select,textarea{display:block;width:100%;border:1px solid var(--line);border-radius:9px;padding:12px 13px;margin-top:7px;color:var(--ink);background:#fff;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(37,99,235,.14)}.error{display:block;min-height:16px;color:#b91c1c;font-size:11px}.privacy{font-size:11px;color:var(--muted)}.submit{width:100%;border:0}.form-result{display:none;margin-top:18px;padding:15px;background:#edf7f1;border-left:3px solid #258457;font-size:13px;white-space:pre-line}.form-result.show{display:block}.form-result button{margin-top:10px;border:0;background:var(--navy);color:#fff;border-radius:7px;padding:8px 12px;cursor:pointer}footer{background:#061729;color:#fff;padding:65px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-grid p{color:#92a3b4;max-width:430px}.footer-grid h3{font-size:14px;color:#ffd36b}.footer-grid>div>a:not(.brand){display:block;color:#b7c4d0;margin:7px 0}.footnote{border-top:1px solid rgba(255,255,255,.1);margin-top:45px;padding-top:22px;color:#7f91a2;font-size:12px}.float-actions{position:fixed;right:20px;bottom:24px;z-index:80;display:flex;flex-direction:column;gap:10px}.float-actions a{height:50px;background:var(--amber);color:#fff;border-radius:25px;padding:0 16px;display:flex;align-items:center;gap:8px;font-weight:700;box-shadow:0 7px 25px rgba(0,0,0,.2)}.float-actions a+ a{background:var(--blue)}.to-top{position:fixed;left:20px;bottom:25px;z-index:70;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--navy);box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.2s}.to-top.show{opacity:1;pointer-events:auto}.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s,transform .6s}.reveal.visible{opacity:1;transform:none}:focus-visible{outline:3px solid #f2b544;outline-offset:3px}
@media(max-width:900px){.header{height:70px}.header-cta{display:none}.nav-toggle{display:block;color:inherit}.nav{position:absolute;left:20px;right:20px;top:68px;display:grid;gap:0;background:#fff;color:var(--navy);padding:12px;border-radius:12px;box-shadow:var(--shadow);opacity:0;transform:translateY(-10px);pointer-events:none;transition:.2s}.nav.open{opacity:1;transform:none;pointer-events:auto}.nav a{padding:12px}.section-head,.why-grid,.faq-grid,.contact-grid{grid-template-columns:1fr;gap:32px}.why-copy{position:static}.services{grid-template-columns:repeat(2,1fr)}.vehicle-info{grid-template-columns:1fr}.route-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr);gap:25px}.footer-grid{grid-template-columns:1.5fr 1fr}.footer-grid>div:last-child{grid-column:1/-1}.hero-shade{background:linear-gradient(90deg,rgba(7,25,44,.95),rgba(8,29,51,.58)),linear-gradient(0deg,rgba(8,29,51,.65),transparent)} }
@media(max-width:600px){.container{width:min(100% - 28px,1180px)}.section{padding:75px 0}.hero{min-height:760px}.hero-grid{min-height:650px;padding-top:70px}.hero h1{font-size:45px;letter-spacing:-2px}.hero-lead{font-size:16px}.hero-actions{align-items:stretch;flex-direction:column}.hero-points{gap:8px 16px}.trust-grid{grid-template-columns:repeat(2,1fr)}.trust-grid div{padding:13px}.trust-grid div:nth-child(2){border-right:0}.trust small{display:none}.section-head{margin-bottom:35px}.services{grid-template-columns:1fr}.service{min-height:240px}.fleet-photo{height:260px}.vehicle-tabs{justify-content:flex-start;flex-wrap:nowrap;overflow:auto;padding-bottom:4px}.vehicle-tab{flex:0 0 auto}.route-grid{grid-template-columns:1fr 1fr}.route{min-height:160px;padding:20px}.route h3{font-size:19px}.steps{grid-template-columns:1fr}.price-note{align-items:stretch;flex-direction:column;padding:28px}.form-row{grid-template-columns:1fr;gap:0}.quote-form{padding:24px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:last-child{grid-column:auto}.float-actions{left:0;right:0;bottom:0;flex-direction:row;background:#fff;padding:8px 12px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -5px 20px rgba(0,0,0,.12)}.float-actions a{flex:1;justify-content:center;height:48px}.to-top{bottom:78px}body{padding-bottom:64px}}
.brand-logo{width:55px;height:55px;object-fit:contain;flex:0 0 auto}.header.scrolled .brand-logo{width:49px;height:49px}.footer-brand .brand-logo{width:66px;height:66px}.brand strong{letter-spacing:.2px}.brand small{letter-spacing:1.8px}
.nav-menu,.footer-menu{list-style:none;margin:0;padding:0}.nav-menu{display:flex;align-items:center;gap:26px}.nav-menu li{margin:0}.nav-menu a{position:relative}.footer-menu a{display:block;color:#b7c4d0;margin:7px 0}.nav-menu .current-menu-item>a:after{right:0}.nav-menu .current-menu-item>a:after{content:"";position:absolute;left:0;bottom:-8px;height:2px;background:var(--gold);right:0}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}
.btn-zalo{background:#08a9e6;color:#fff}.zalo-action{background:#08a9e6!important;color:#fff!important;display:flex;align-items:center;justify-content:center}.zalo-action strong{font-size:15px;border:1px solid rgba(255,255,255,.7);border-radius:4px;padding:1px 3px;line-height:1}.zalo-action span{font-size:12px}
.service-image{width:100%;height:138px;object-fit:cover;border-radius:10px;margin:0 0 22px}.service .service-image+ h3{margin-top:0}.service:has(.service-image) svg{display:none}

/* Header luôn có nền sáng nên logo chữ và menu phải dùng màu thương hiệu. */
.header{background:rgba(255,255,255,.98);color:var(--navy);box-shadow:0 4px 22px rgba(11,36,65,.08);backdrop-filter:blur(14px)}
.header.scrolled{background:rgba(255,255,255,.98);box-shadow:0 6px 30px rgba(11,36,65,.12)}