/* Ba tầng mực dùng chung, không hạ opacity để tránh nhạt chồng lên nhau. */
:root{--ink:#111210;--ink-body:#434540;--ink-muted:#5b5d57}
/* Trang chủ dùng cùng thang mực, giữ nguyên khung và mã vẽ trong HTML. */
#stage .caption{color:var(--ink-body)}
#stage .caption p+p,#plan-guide,#arrival-guide,#service-code{color:var(--ink-muted)}
#service-meta{color:var(--ink-body)}
#service-name{text-decoration:underline;text-underline-offset:4px}
#stage .lien-he,#stage .lien-he:hover,#stage .lien-he:focus-visible{background:var(--ink);color:var(--paper)}
#stage .lien-he:hover{text-decoration:underline}
#stage .lien-he:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
@font-face {font-family: 'Be Vietnam Pro';font-style: normal;font-display: swap;font-weight: 400;src: url(font/v1/be-vietnam-pro-vietnamese-400-normal.woff2) format("woff2");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: 'Be Vietnam Pro';font-style: normal;font-display: swap;font-weight: 400;src: url(font/v1/be-vietnam-pro-latin-ext-400-normal.woff2) format("woff2");unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face {font-family: 'Be Vietnam Pro';font-style: normal;font-display: swap;font-weight: 400;src: url(font/v1/be-vietnam-pro-latin-400-normal.woff2) format("woff2");unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face {font-family: 'Be Vietnam Pro';font-style: normal;font-display: swap;font-weight: 600;src: url(font/v1/be-vietnam-pro-vietnamese-600-normal.woff2) format("woff2");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: 'Be Vietnam Pro';font-style: normal;font-display: swap;font-weight: 600;src: url(font/v1/be-vietnam-pro-latin-ext-600-normal.woff2) format("woff2");unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face {font-family: 'Be Vietnam Pro';font-style: normal;font-display: swap;font-weight: 600;src: url(font/v1/be-vietnam-pro-latin-600-normal.woff2) format("woff2");unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
/* Cùng ba tầng chữ ở phần giới thiệu và nhãn phòng của trang chủ. */
#service-name{font-size:clamp(20px,2vw,26px);font-weight:600}
#service-meta{font-size:14px;font-weight:400}
#plan-guide,#arrival-guide,#service-code{font-size:12px;font-weight:400;letter-spacing:.08em;text-transform:uppercase}
#stage .caption p+p{font-size:max(14px,.92em)}

/* Chân trang dùng chung, giữ ngoài màn đầu của trang chủ. */
b,strong{font-weight:600}
.site-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px 24px;border-top:1px solid #11121044;margin-top:26px;padding:20px 0 24px;color:var(--ink-body);font:400 12px/1.7 "Be Vietnam Pro",sans-serif}
.site-footer .company-name{font-weight:600;color:var(--ink)}
.site-footer p{margin:0}
.site-footer .company-details{display:flex;flex-wrap:wrap;gap:4px 16px}
.site-footer .company-details a{border:0;border-radius:0;padding:0;min-height:0;background:none;color:inherit;text-decoration:underline;text-underline-offset:3px}
.footer-links{display:flex;flex-wrap:wrap;gap:8px;grid-column:1/-1}
.site-footer .footer-links a,.site-footer>.footer-zalo{display:inline-flex;align-items:center;min-height:36px;padding:7px 12px;border:1px solid #11121088;border-radius:999px;color:var(--ink-body);text-decoration:none}
.site-footer>.footer-zalo{grid-column:2;grid-row:1/3;background:var(--ink);color:var(--paper)}
.site-footer a:hover{text-decoration:underline;text-underline-offset:3px}
.site-footer a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.home-footer{width:89%;margin:0 auto}
@media(max-width:599px){.site-footer{grid-template-columns:minmax(0,1fr);gap:12px}.site-footer>.footer-zalo{grid-column:1;grid-row:auto;justify-self:start}.site-footer .footer-links{flex-direction:column;align-items:flex-start}.site-footer .company-details{display:block}}
@media(min-width:1100px){
 .site-footer{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:12px 0}
 .site-footer .company-info{display:flex;flex-wrap:wrap;gap:0 14px}
 .site-footer .company-name{flex-basis:100%}
 .site-footer .footer-links,.site-footer>.footer-zalo{grid-column:auto;grid-row:auto}
 .site-footer .footer-links{justify-content:flex-end}
}
@media(max-width:599px){
 .site-footer .company-info{display:flex;flex-wrap:wrap;gap:0 12px}
 .site-footer .company-name,.site-footer .company-info>p:nth-child(3){flex-basis:100%}
 .site-footer .company-info>p:nth-child(2),.site-footer .company-details{order:1}
 .site-footer .footer-links{flex-direction:row;align-items:center}
}

/* Truy cập bàn phím và vùng bấm dùng chung. */
.skip-link{position:fixed;left:50%;top:0;z-index:100;transform:translate(-50%,-200%);padding:10px 16px;border:1px solid var(--ink);border-radius:0 0 12px 12px;background:var(--ink);color:var(--paper);text-decoration:none;white-space:nowrap}
.skip-link:focus{transform:translate(-50%,0)}
main[tabindex="-1"]:focus{outline:none}
.site-footer .company-details a{display:inline-flex;align-items:center;min-height:32px}
.home-nav{position:absolute;z-index:4;top:6%;right:calc(5.5% + 130px);display:flex;gap:6px;pointer-events:auto}
.home-nav a{display:inline-flex;align-items:center;min-height:36px;padding:8px 12px;border-radius:999px;font-size:14px;color:inherit;text-decoration:none}
.home-nav a:hover{background:#1112100c}
.hero .lien-he,.hero-cta{pointer-events:auto}
.hero-cta{position:absolute;z-index:4;left:5.5%;top:calc(var(--caption-top,72%) + 100px);display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:42px;padding:10px 18px;border:1px solid var(--ink);border-radius:999px;background:var(--ink);color:var(--paper);font-size:14px;font-weight:600;text-decoration:none}
.home-nav a:focus-visible,.hero-cta:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.hero.upright .home-nav{left:6%;right:6%;top:calc(4.5% + 44px);justify-content:space-between;gap:0;border-bottom:1px solid #1112101f}
.hero.upright .home-nav a{min-height:44px;padding:0;border-radius:0;font-size:14px}
.hero.upright .home-nav a:hover{background:none;text-decoration:underline;text-underline-offset:4px}
.hero.upright .hero-cta{left:6%;top:var(--cta-top)}

.site-footer .company-details a{margin-block:-6px}