@font-face{font-family:"Be Vietnam Pro";src:url("assets/fonts/BeVietnamPro-Regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Be Vietnam Pro";src:url("assets/fonts/BeVietnamPro-Medium.ttf") format("truetype");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"Be Vietnam Pro";src:url("assets/fonts/BeVietnamPro-Bold.ttf") format("truetype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"Be Vietnam Pro";src:url("assets/fonts/BeVietnamPro-ExtraBold.ttf") format("truetype");font-style:normal;font-weight:800;font-display:swap}
:root{font-family:"Be Vietnam Pro",system-ui,sans-serif;color:#123e49;background:#e8f1ee;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{text-decoration:none;color:inherit}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #f3c652;outline-offset:3px}.page{max-width:500px;min-height:100vh;margin:0 auto;background:#f5faf8;box-shadow:0 12px 70px #123e4920;overflow:hidden}.hero{position:relative;min-height:500px;padding:30px 28px 0;color:#fff;background:radial-gradient(circle at 82% 69%,#1c6870 0,transparent 36%),linear-gradient(150deg,#123e49 3%,#0a555b 98%);overflow:hidden}.hero:after{content:"";position:absolute;inset:auto -30px -1px;height:77px;background:#f5faf8;border-radius:48% 48% 0 0 / 40% 40% 0 0;z-index:0}.hero-top{display:flex;align-items:center;gap:11px;position:relative;z-index:2}.logo{width:45px;height:45px;border-radius:14px}.hero-brand{display:flex;flex-direction:column;line-height:1.15}.eyebrow,.hero-overline,.kicker{font-size:10px;letter-spacing:.19em;font-weight:800}.eyebrow{color:#c4e7e2}.brand-mark{font-size:20px;letter-spacing:.035em;font-weight:800}.brand-mark span{color:#f3c652}.online-dot{width:9px;height:9px;border-radius:50%;background:#71dbbe;margin-left:auto;box-shadow:0 0 0 5px #71dbbe24}.hero-copy{position:relative;z-index:2;margin-top:51px}.hero-overline{margin:0 0 14px;color:#c5e9e4}.hero h1{font-size:clamp(40px,10vw,53px);letter-spacing:-.065em;line-height:1.14;margin:0;font-weight:800;max-width:390px}.slogan{display:inline-block;margin:17px 0 0;padding:8px 12px;border:1px solid #e8c86190;border-radius:30px;color:#f3c652;letter-spacing:.12em;font-size:11px;font-weight:800}.car-stage{position:relative;height:190px;margin:16px -28px 0;z-index:1}.car-halo{position:absolute;width:430px;height:160px;left:50%;top:17px;transform:translateX(-50%);border-radius:50%;background:#25b9ad2a;filter:blur(4px)}.car{position:absolute;width:min(112%,500px);max-width:none;height:auto;left:50%;top:0;transform:translateX(-50%);filter:drop-shadow(0 16px 12px #062c35ad)}.route-line{position:absolute;bottom:49px;left:28px;right:28px;height:1px;background:#79b4b47d;z-index:2;display:flex;align-items:center;justify-content:space-between}.route-line span{height:6px;width:6px;background:#f3c652;border-radius:50%}.route-line span:nth-child(2){background:#fff;width:4px;height:4px}.contact-panel,.services{position:relative;padding:18px 24px 28px}.contact-panel{z-index:3;margin-top:-22px}.panel-heading{display:flex;justify-content:space-between;align-items:center}.kicker{color:#08a6a6;margin:0 0 7px}.panel-heading h2,.section-heading h2{font-size:25px;line-height:1.25;letter-spacing:-.04em;margin:0;font-weight:800}.sparkle{color:#f0bf3a;font-size:26px}.intro{color:#597179;font-size:13px;line-height:1.65;margin:11px 0 20px}.actions{display:grid;gap:11px}.action{display:flex;align-items:center;gap:13px;width:100%;min-height:73px;padding:12px 16px;border-radius:18px;border:1px solid transparent;text-align:left;cursor:pointer;box-shadow:0 6px 20px #123e490c;transition:transform .15s ease,box-shadow .15s ease}.action:hover{transform:translateY(-2px);box-shadow:0 9px 23px #123e4923}.action:active{transform:translateY(0)}.action-primary{background:#08a6a6;color:#fff}.action-dark{background:#123e49;color:#fff}.action-light{background:#fff;color:#123e49;border-color:#dfeae7}.action-icon{display:grid;place-items:center;flex:none;width:43px;height:43px;border-radius:13px;background:#ffffff2b;color:inherit;font-size:24px;font-weight:700;line-height:1}.action-light .action-icon{background:#e9f7f4;color:#088f90}.zalo-icon{font-weight:800;font-size:21px;font-family:Arial,sans-serif;background:#fff;color:#08a6a6;border-radius:14px 14px 14px 5px}.action-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.action-copy strong{font-size:13px;letter-spacing:.05em;font-weight:800}.action-copy small{font-size:11px;line-height:1.35;color:inherit;opacity:.8}.action-arrow{font-size:20px;margin-left:auto;line-height:1;opacity:.8}.contact-note{color:#76898d;font-size:10px;text-align:center;line-height:1.5;margin:16px 0 0}.services{padding-top:8px;padding-bottom:35px}.section-heading{margin-bottom:18px}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.service-item{min-height:78px;padding:14px 12px;border:1px solid #dcebe7;border-radius:17px;background:#fff;display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700}.service-icon{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;background:#e3f5f0;color:#078f91;font-size:20px;flex:none}.service-foot{font-size:12px;color:#617980;line-height:1.65;margin:17px 1px 0}footer{padding:24px 24px calc(30px + env(safe-area-inset-bottom));background:#123e49;color:#fff;display:grid;grid-template-columns:1fr auto;gap:5px;font-size:12px}.footer-mark{font-size:16px;font-weight:800;color:#f3c652}.footer-caption{grid-column:1/-1;font-size:10px;color:#a9d0ce;letter-spacing:.05em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:360px){.hero{padding-left:22px;padding-right:22px;min-height:475px}.hero h1{font-size:39px}.car-stage{height:165px}.contact-panel,.services{padding-left:18px;padding-right:18px}.action{padding:10px 12px;gap:10px}.action-copy strong{font-size:12px}.service-item{font-size:11px;padding:10px 8px;gap:7px}}@media(min-width:700px){.page{margin:30px auto;border-radius:28px;min-height:calc(100vh - 60px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.action{transition:none}}
.hero{min-height:550px}.car{width:min(104%,500px)}@media(max-width:360px){.hero{min-height:525px}.panel-heading .sparkle{display:none}}