:root{--yellow:#f5c542;--ink:#111315;--charcoal:#1f2328;--soft:#f4f6f8;--muted:#697077;--blue:#1f6feb;--green:#228b5a;--white:#fff;--line:#dfe4e8;--shadow:0 14px 40px #11131518}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Segoe UI",Arial,sans-serif;color:var(--charcoal);background:var(--white);line-height:1.55}img{max-width:100%;display:block;object-fit:cover}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{background:var(--ink);color:#fff;font-size:.82rem}.topbar .container{display:flex;justify-content:space-between;padding:7px 0}.site-header{height:76px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.navwrap{height:100%;display:flex;align-items:center;gap:28px}.logo{font-weight:800;line-height:1;font-size:1.15rem;letter-spacing:.04em}.logo span{display:block;font-size:.55em;letter-spacing:.13em;color:var(--muted);margin-top:4px}.logo b{background:var(--yellow);padding:2px 5px;margin-left:3px}.nav{display:flex;gap:20px;align-items:center;margin-left:auto;font-weight:700;font-size:.89rem}.nav a{padding:25px 0;border-bottom:3px solid transparent}.nav a.active,.nav a:hover{border-color:var(--yellow)}.hotline{font-weight:800;white-space:nowrap}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:0;cursor:pointer;background:var(--yellow);color:var(--ink);font-weight:800;letter-spacing:.02em;padding:13px 20px;min-height:47px}.button.dark{background:var(--ink);color:#fff}.button.outline{background:#fff;border:1px solid var(--ink)}.hamburger{display:none;background:0;border:0;font-size:1.6rem;margin-left:auto}.drawer{display:none}.hero{background:var(--ink);color:#fff;min-height:555px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#111315 5%,#111315df 42%,#11131522 73%)}.hero img{position:absolute;inset:0;width:100%;height:100%}.hero-content{position:relative;z-index:1;padding:88px 0;max-width:650px}.eyebrow{font-weight:800;color:var(--yellow);font-size:.85rem;letter-spacing:.1em}.hero h1,.page-hero h1{font-size:clamp(2.7rem,6vw,5rem);line-height:1.03;margin:13px 0 18px;letter-spacing:-.045em}.hero p{font-size:1.12rem;max-width:570px;color:#e5e7eb}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.trust-strip{display:flex;gap:0;flex-wrap:wrap;margin-top:35px}.trust-strip span{padding:8px 14px 8px 0;margin-right:14px;border-right:1px solid #ffffff4d;font-weight:700;font-size:.88rem}.section{padding:84px 0}.soft{background:var(--soft)}h2{font-size:clamp(1.9rem,4vw,2.8rem);line-height:1.1;margin:0 0 12px;letter-spacing:-.03em}h3{margin:0 0 8px;font-size:1.2rem}.lead{color:var(--muted);margin:0 0 30px}.estimator{margin:-65px auto 0;position:relative;z-index:5;background:#fff;box-shadow:var(--shadow);padding:28px}.estimate-grid{display:grid;grid-template-columns:1fr 1fr .8fr auto;gap:12px;align-items:end}.field{display:grid;gap:6px;font-weight:700;font-size:.88rem}.field input,.field select,.field textarea{width:100%;padding:13px;border:1px solid var(--line);background:#fff;font:inherit;min-height:47px}.estimate-result{display:none;margin-top:20px;padding:18px;background:var(--ink);color:#fff;align-items:center;justify-content:space-between;gap:15px}.estimate-result.show{display:flex}.estimate-result strong{display:block;font-size:1.25rem;color:var(--yellow)}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border:1px solid var(--line);box-shadow:0 5px 14px #11131508}.card img{height:195px;width:100%}.card-body{padding:20px}.tag{color:var(--blue);font-weight:800;font-size:.8rem}.price{font-weight:800;font-size:1.2rem;margin-top:14px}.route-list{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.route{padding:20px;background:#fff;border-top:5px solid var(--yellow);box-shadow:0 6px 17px #1113150b;font-weight:800}.route small{display:block;color:var(--muted);font-weight:600;margin-top:8px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#34383d}.metric{background:var(--ink);color:#fff;padding:30px 25px}.metric b{font-size:2.1rem;color:var(--yellow);display:block}.airport{background:var(--yellow);display:grid;grid-template-columns:1fr .9fr;overflow:hidden}.airport img{width:100%;height:290px}.airport>div{padding:50px}.driver-meta{display:flex;justify-content:space-between;align-items:center;margin-top:15px;font-weight:700}.verified{color:var(--green);font-size:.82rem}.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.review{padding:25px;background:#fff;border-left:5px solid var(--yellow);box-shadow:var(--shadow)}.stars{color:#e6a700;letter-spacing:.15em}.emergency{background:var(--ink);color:#fff;text-align:center;padding:70px 0}.emergency .number{display:block;color:var(--yellow);font-size:clamp(2.2rem,6vw,4.5rem);font-weight:800;line-height:1.1;margin:14px}.coverage{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center}.coverage-map{height:290px;background:linear-gradient(135deg,#dbe9d3,#b7cba7);position:relative;overflow:hidden}.coverage-map:before{content:"OCEAN PARK\A HÀ NỘI\A NỘI BÀI";white-space:pre;position:absolute;inset:0;display:grid;place-items:center;text-align:center;font-weight:800;color:#1f232870;font-size:1.4rem;line-height:3;transform:rotate(-12deg)}footer{background:#111315;color:#fff;padding:45px 0 100px}footer .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}footer a{display:block;color:#d1d5db;margin:7px 0}.page-hero{padding:75px 0;background:var(--ink);color:#fff}.page-hero p{color:#d1d5db;font-size:1.12rem}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;min-width:550px}th,td{padding:17px;text-align:left;border-bottom:1px solid var(--line)}th{background:var(--ink);color:#fff}.notice{background:#fff7d8;padding:16px;border-left:4px solid var(--yellow);margin-top:22px}.form-card{max-width:780px;margin:auto;background:#fff;box-shadow:var(--shadow);padding:30px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field.full{grid-column:1/-1}.form-message{display:none;margin-top:18px;padding:15px;background:#d9f3e5;color:#135b39;font-weight:700}.form-message.show{display:block}.filters{display:flex;gap:12px;align-items:end;background:#fff;padding:18px;box-shadow:var(--shadow);margin-bottom:25px}.route-card{display:grid;grid-template-columns:90px 1fr auto;gap:17px;align-items:center;padding:18px;margin:12px 0;background:#fff;border:1px solid var(--line)}.route-icon{width:70px;height:70px;background:var(--yellow);display:grid;place-items:center;font-size:2rem}.mobile-sticky{display:none}
@media(max-width:980px){.nav,.hotline,.navwrap>.button{display:none}.hamburger{display:block}.drawer.open{display:block;position:fixed;top:76px;left:0;right:0;background:#fff;z-index:25;padding:18px 20px;box-shadow:var(--shadow)}.drawer a{display:block;padding:12px 0;border-bottom:1px solid var(--line);font-weight:800}.drawer .button{margin-top:13px;width:100%}.estimate-grid{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:repeat(2,1fr)}.route-list{grid-template-columns:repeat(3,1fr)}.metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){body{padding-bottom:66px}.container{width:min(100% - 28px,1180px)}.topbar .container{justify-content:center}.topbar span:last-child{display:none}.site-header{height:66px}.drawer.open{top:66px}.hero{min-height:610px}.hero:after{background:linear-gradient(90deg,#111315f7,#111315a8)}.hero-content{padding:62px 0}.hero h1{font-size:3rem}.trust-strip span{border:0;padding:5px 10px 5px 0}.section{padding:58px 0}.estimator{margin:-35px 14px 0;padding:20px}.estimate-grid,.form-grid{grid-template-columns:1fr}.estimate-result.show{display:block}.estimate-result .button{margin-top:12px;width:100%}.grid3,.reviews{grid-template-columns:1fr}.card img{height:220px}.route-list{grid-template-columns:1fr 1fr}.metric{padding:22px 15px}.airport,.coverage{grid-template-columns:1fr}.airport>div{padding:35px 24px}.airport img{height:220px}.coverage-map{order:-1;height:220px}.filters{display:grid;grid-template-columns:1fr}.route-card{grid-template-columns:56px 1fr}.route-card .button{grid-column:1/-1;width:100%}footer .footer-grid{grid-template-columns:1fr}.mobile-sticky{display:grid;grid-template-columns:1fr 1fr 1.25fr;position:fixed;z-index:40;bottom:0;left:0;right:0;background:#fff;box-shadow:0 -3px 18px #11131522}.mobile-sticky a{padding:13px 6px;text-align:center;font-size:.78rem;font-weight:800;border-right:1px solid var(--line)}.mobile-sticky a:last-child{background:var(--yellow)}.page-hero{padding:54px 0}.page-hero h1{font-size:2.5rem}}