:root{--pcu-land:var(--surface)}:root[data-theme="dark"]{--pcu-land:var(--band-ink)}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--pcu-land:var(--band-ink)}}.pcu-hero{padding-block:var(--space-8) var(--section-y)}.pcu-hero__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-8);align-items:center}.pcu-hero__copy{display:grid;gap:var(--space-6);justify-items:start}.pcu-kinds{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none}.pcu-kinds .chip{min-height:32px;padding-inline:var(--space-3);font-size:var(--text-sm)}.pcu-hero__cta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-6)}.pcu-jump{display:flex;flex-wrap:wrap;gap:0 var(--space-6)}@media (min-width:900px) and (max-width:1279px){.pcu-hero .h1{font-size:clamp(36px,4vw,50px)}}@media (min-width:768px) and (max-width:899px){.pcu-map{justify-self:center}}@media (min-width:900px){.pcu-hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,500px);gap:clamp(32px,5vw,72px)}}.pcu-map{display:grid;gap:var(--space-3);margin:0;width:100%;max-width:500px}.pcu-map__top{display:block}.pcu-map__stage{--av:max(30px,6.4cqw);container-type:inline-size;position:relative;aspect-ratio:577 / 720;border-radius:var(--radius-xl);box-shadow:inset 0 0 0 1px var(--border-soft);background:var(--surface-warm)}.pcu-map__svg{position:absolute;inset:0;width:100%;height:100%;border-radius:var(--radius-xl)}.pcu-sea{fill:var(--surface-warm)}.pcu-sea__dot{fill:var(--border);opacity:0.5}.pcu-neighbours{fill:var(--border-soft)}.pcu-land{fill:var(--pcu-land);stroke:var(--fg);stroke-width:1.4;stroke-linejoin:round}.pcu-isl circle{fill:var(--fg)}.pcu-dot{fill:var(--fg);stroke:var(--pcu-land);stroke-width:2.5}.pcu-leader{fill:none;stroke:var(--fg-2);stroke-width:1.6;stroke-dasharray:4 5;stroke-linecap:round}.pcu-map__cap{display:grid;gap:2px;font-size:var(--text-sm);color:var(--muted)}.pcu-map__cap strong{color:var(--fg);font-size:var(--text-md);font-weight:600}.pcu-label{position:absolute;left:var(--x);top:var(--y);translate:-50% 0;font-size:max(11px,2.3cqw);font-weight:600;line-height:1.2;white-space:nowrap;pointer-events:none;color:var(--fg-2);text-shadow:0 0 3px var(--surface-warm),0 0 3px var(--surface-warm),0 0 6px var(--surface-warm)}.pcu-label--hs{translate:-50% calc(-100% - 5px)}.pcu-label--hcmc{display:none}.pcu-label--sea{color:var(--muted);font-style:italic;font-weight:500;letter-spacing:0.04em}.pcu-label--city{margin-top:12px;color:var(--fg);text-shadow:0 0 3px var(--pcu-land),0 0 3px var(--pcu-land),0 0 6px var(--pcu-land)}.pcu-pin{position:absolute;left:var(--x);top:var(--y);translate:calc(-50% + var(--dx,0) * 1cqw) calc(-100% - 6px);z-index:2;isolation:isolate;display:block;width:var(--av);aspect-ratio:1;border-radius:50%;background:var(--logo-plate);box-shadow:0 0 0 2px var(--fg),0 8px 16px -6px rgb(15 27 46 / 0.5);text-decoration:none}.pcu-pin>img{position:absolute;inset:11%;width:78%;height:78%;object-fit:contain;border-radius:50%}.pcu-pin::after{content:"";position:absolute;z-index:-1;left:50%;bottom:-5px;width:10px;height:10px;translate:-50% 0;rotate:45deg;background:var(--fg);border-radius:0 0 2px 0}.pcu-pin__name{position:absolute;bottom:calc(100% + 10px);left:50%;translate:-50% 0;z-index:3;padding:4px 9px;border-radius:var(--radius-sm);background:var(--fg);color:var(--bg);font-size:12px;font-weight:600;line-height:1.3;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity 120ms linear}.pcu-pin:is(:hover,:focus-visible,.pcu-hot){z-index:6;scale:1.18}.pcu-pin:is(:hover,:focus-visible,.pcu-hot) .pcu-pin__name{opacity:1}.pcu-pin:is(:hover,:focus-visible,.pcu-hot){box-shadow:0 0 0 2px var(--fg),0 0 0 5px var(--blue),0 8px 16px -6px rgb(15 27 46 / 0.5)}.pcu-pin:focus-visible{outline:none}@media (prefers-reduced-motion:no-preference){.pcu-pin{transition:scale 200ms var(--sc-ease-out,ease-out)}}.pcu-zoom{position:absolute;left:66%;top:46.7%;z-index:3;padding:8px 8px 10px;border-radius:16px;background:var(--bg);box-shadow:0 0 0 1px var(--border),0 18px 36px -16px rgb(15 27 46 / 0.55)}.pcu-zoom__t{display:block;margin:0 0 6px 2px;color:var(--fg);font-size:max(10.5px,2cqw);font-weight:700;line-height:1.2;white-space:nowrap}.pcu-zoom__grid{display:grid;grid-template-columns:repeat(3,var(--av));gap:0.9cqw}.pcu-zoom .pcu-pin{position:relative;left:auto;top:auto;translate:none;box-shadow:0 0 0 1.5px var(--border)}.pcu-zoom .pcu-pin::after{display:none}.pcu-zoom .pcu-pin:is(:hover,:focus-visible,.pcu-hot){box-shadow:0 0 0 2px var(--fg),0 0 0 5px var(--blue)}.pcu-zoom .pcu-pin:nth-child(3n) .pcu-pin__name{left:auto;right:0;translate:0 0}.pcu-zoom .pcu-pin:nth-child(3n + 1) .pcu-pin__name{left:0;translate:0 0}.pcu-zoom .pcu-pin:nth-child(-n + 3) .pcu-pin__name{bottom:auto;top:calc(100% + 8px)}.pcu-cpins,.pcu-cities,.pcu-panels{display:none}@media (prefers-reduced-motion:no-preference){@keyframes pcu-drop{from{opacity:0;transform:translateY(-30px) scale(0.7)}}@keyframes pcu-fade{from{opacity:0}}html.scroll-on .pcu-map:not(.pcu-go) :is(.pcu-pin,.pcu-zoom,.pcu-cpin,.pcu-leader,.pcu-label--city){opacity:0}html.scroll-on .pcu-map.pcu-go .pcu-pin{animation:pcu-drop var(--sc-dur-pop,360ms) var(--sc-spring-pop,ease-out) backwards;animation-delay:calc(300ms + var(--i,0) * 85ms)}html.scroll-on .pcu-map.pcu-go .pcu-zoom{animation:pcu-drop var(--sc-dur-pop,360ms) var(--sc-spring-pop,ease-out) backwards;animation-delay:calc(300ms + var(--i,0) * 85ms)}html.scroll-on .pcu-map.pcu-go .pcu-cpin{animation:pcu-drop var(--sc-dur-pop,360ms) var(--sc-spring-pop,ease-out) backwards;animation-delay:calc(300ms + var(--i,0) * 110ms)}html.scroll-on .pcu-map.pcu-go :is(.pcu-leader,.pcu-label--city){animation:pcu-fade 500ms ease-out backwards;animation-delay:700ms}}.pcu-proof{padding-block:var(--section-y)}.pcu-proof__copy{display:grid;gap:var(--space-5);justify-items:start;max-width:720px}.pcu-proof__copy .h2-band{font-size:var(--text-h2)}.pcu-proof__copy .rwg-pill{margin-top:var(--space-1)}.pcu-proof__rwg{color:var(--on-ink-2);font-size:var(--text-md);max-width:34em}.pcu-stats{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4);max-width:26rem;margin-top:var(--space-8)}.pcu-stats .sc-stat{padding:var(--space-6);grid-template-rows:auto 1fr auto;align-content:start}.pcu-proof__note{margin:var(--space-12) 0 var(--space-5);color:var(--on-ink-2);font-size:var(--text-md);max-width:36em}.pcu-tiles{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--space-4);margin:0;padding:0;list-style:none}.pcu-proof__note a{color:var(--on-ink);text-decoration:underline;text-underline-offset:3px;display:inline;padding-block:12px}.pcu-note-wide{display:none}@media (min-width:768px) and (hover:hover){.pcu-note-wide{display:inline}.pcu-note-narrow{display:none}}.pcu-tiles .logo-tile{width:100%;position:relative}.pcu-tiles .logo-tile::after{content:attr(data-city);position:absolute;left:50%;bottom:-11px;translate:-50% 0;z-index:3;padding:3px 10px;border-radius:var(--radius-pill);background:var(--on-ink);color:var(--band-ink);font-size:12px;font-weight:600;line-height:1.3;white-space:nowrap;pointer-events:none;opacity:0}.pcu-tiles .logo-tile:is(:hover,:focus-within,.pcu-hot)::after{opacity:1}.pcu-tiles .logo-tile:has(a:hover){transform:none}.pcu-tiles .logo-tile>a{outline-offset:3px}.pcu-tiles .logo-tile.pcu-hot{outline:3px solid var(--on-ink);outline-offset:3px}@media (max-width:599px){.pcu-proof__note{margin-top:var(--space-8)}.pcu-tiles .logo-tile::after{display:none}.pcu-tiles{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.pcu-tiles .logo-tile{width:calc((100% - 3 * var(--space-3)) / 4)}}.pcu-ba{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-5)}.pcu-ba__panel{display:grid;align-content:start;gap:var(--space-5);padding:var(--space-6);border-radius:var(--radius-xl)}.pcu-ba__before{background:var(--surface-warm);box-shadow:inset 0 0 0 1px var(--border-soft)}.pcu-ba__after{background:var(--bg);box-shadow:inset 0 0 0 1.5px var(--fg),var(--elev-raised)}.pcu-ba__head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3)}.pcu-ba__head .tag{margin-left:auto}.pcu-ba__when{color:var(--muted);font-size:var(--text-sm);font-weight:500}.pcu-ba__panel{grid-template-rows:auto 1fr}.pcu-mess{display:grid;justify-items:stretch;align-content:space-around;gap:var(--space-5)}.pcu-mess__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3) var(--space-4)}.pcu-pill{display:inline-flex;align-items:center;gap:var(--space-2);min-height:40px;padding:6px var(--space-4);border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:600;background:var(--bg);box-shadow:inset 0 0 0 1px var(--border);color:var(--fg)}.pcu-pill .zalo-logo{width:22px;height:22px}.pcu-pill--call{background:var(--coral-tint);color:var(--coral-ink);box-shadow:none;rotate:-2deg}.pcu-pill--zalo{position:relative;rotate:1.5deg}.pcu-pill--zalo::after{content:"";position:absolute;top:-3px;right:-3px;width:12px;height:12px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 2px var(--surface-warm)}.pcu-note{display:grid;gap:4px;width:min(100%,420px);justify-self:center;padding:var(--space-4) var(--space-6);rotate:-1.2deg;border-radius:6px;background-color:var(--yellow-tint);color:var(--yellow-ink);font-weight:600;font-size:var(--text-md);background-image:repeating-linear-gradient(to bottom,transparent 0 27px,color-mix(in oklab,var(--yellow-line) 45%,transparent) 27px 28px);line-height:28px;box-shadow:0 10px 18px -12px rgb(15 27 46 / 0.35)}.pcu-note__line.is-struck{text-decoration:line-through;text-decoration-thickness:2px}.pcu-note__alert{justify-self:start;margin-top:var(--space-2);line-height:1.3;rotate:1.2deg}.pcu-list{width:100%;border-radius:0;background:none;box-shadow:none;overflow:visible}.pcu-list .sc-list__head{padding-inline:0}.pcu-list .sc-row{padding-inline:0}.pcu-goals{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-8);margin:var(--space-12) 0 0;padding:0;list-style:none}.pcu-goal{display:grid;align-content:start;justify-items:start;gap:var(--space-3)}.pcu-goal__rule{display:block;width:100%;height:2px;margin-bottom:var(--space-3);background:var(--fg)}.pcu-goal__title{color:var(--fg);font-size:var(--text-lg);font-weight:700;line-height:1.25;letter-spacing:var(--tracking-heading)}.pcu-goal p{max-width:32em}.pcu-goal__shift{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin:0}.pcu-goal__shift .od-icon{color:var(--muted)}.pcu-goal__how{display:flex;flex-wrap:wrap;gap:var(--space-2)}@media (min-width:768px){.pcu-ba{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}.pcu-ba__panel{padding:var(--space-8)}}@media (min-width:1024px){.pcu-goals{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-8)}.pcu-goal__title{font-size:22px}}.pcu-share{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-12);align-items:center}.pcu-share__copy{display:grid;gap:var(--space-4);justify-items:start;max-width:620px}.pcu-happens{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none;counter-reset:pcu-step}.pcu-happens li{display:grid;grid-template-columns:1.5em minmax(0,1fr);gap:var(--space-2);counter-increment:pcu-step;color:var(--fg);font-weight:500}.pcu-happens li::before{content:counter(pcu-step) ".";color:var(--muted);font-variant-numeric:tabular-nums}.pcu-share__btns{display:flex;flex-wrap:wrap;gap:var(--space-3);padding-top:var(--space-2)}.pcu-share__visual{display:grid;justify-items:center;gap:var(--space-3)}.pcu-phone{--phone-w:290px;--phone-screen-h:400px}.pcu-thread{gap:var(--space-3)}.pcu-thread .sc-msg{max-width:94%}@media (min-width:900px){.pcu-share{grid-template-columns:minmax(0,1fr) auto;gap:clamp(40px,7vw,112px)}}@media (max-width:599px){.pcu-share__btns .btn{width:100%}}.pcu-close{display:grid;justify-items:center;gap:var(--space-4);width:min(100%,380px)}.pcu-close>.sc-list{width:100%}.pcu-close__new{background:var(--surface-warm)}@media (max-width:767px){.pcu-hero{padding-block:var(--space-6) var(--section-y-phone)}.pcu-hero__grid{gap:var(--space-5);justify-items:start}.pcu-hero__copy{display:contents}.pcu-hero__copy>.h1,.pcu-hero__copy>.lede{order:0}.pcu-map{order:1}.pcu-hero__cta{order:2}.pcu-kinds{order:3}.pcu-hero__copy>.hero__price{order:4}.pcu-map{max-width:none}.pcu-map__top{display:grid;grid-template-columns:188px minmax(0,1fr);gap:var(--space-3);align-items:start}.pcu-map__stage{--av:30px;width:188px}.pcu-label--city,.pcu-label--sea{display:none}html:not(.pcu-js) .pcu-label--city{display:block}.pcu-label{font-size:10.5px}.pcu-label--isl{white-space:normal;text-align:center;width:70px}.pcu-label--ts{top:69.5%;translate:-50% calc(-100% - 6px)}.pcu-isl circle,.pcu-dot{transform-box:fill-box;transform-origin:center}.pcu-isl circle{transform:scale(2.3)}.pcu-dot{transform:scale(2)}.pcu-pins{display:none}.pcu-cap-pin{display:none}.pcu-cities,.pcu-panels{display:block}html.pcu-js .pcu-cpins{display:block}.pcu-cpin{position:absolute;left:var(--x);top:var(--y);z-index:2;display:grid;place-items:center;width:44px;height:44px;margin:0;padding:0;border:0;background:none;cursor:pointer;translate:calc(-50% + var(--ox,0px)) -50%}.pcu-cpin[data-city="nhatrang"]{--ox:6px}.pcu-cpin[data-city="hcmc"]{--ox:-8px}.pcu-cpin__dot{display:block;width:20px;height:20px;border-radius:50%;background:var(--fg);box-shadow:0 0 0 3px var(--pcu-land),0 4px 10px -2px rgb(15 27 46 / 0.5)}.pcu-cpin[data-city="hcmc"] .pcu-cpin__dot{width:26px;height:26px;box-shadow:0 0 0 3px var(--pcu-land),0 0 0 6px var(--fg),0 4px 10px -2px rgb(15 27 46 / 0.5)}.pcu-cpin.pcu-open .pcu-cpin__dot{background:var(--blue)}.pcu-cpin:focus-visible{outline:2px solid var(--blue);outline-offset:-4px;border-radius:50%}.pcu-cities{display:grid;gap:var(--space-3);align-content:start}.pcu-cities__hint{color:var(--muted);font-size:var(--text-sm)}.pcu-cities ul{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.pcu-citybtn{appearance:none;display:grid;width:100%;min-height:52px;align-content:center;gap:0;padding:6px var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);color:var(--fg);font:inherit;text-align:left;cursor:pointer}.pcu-citybtn__name{font-size:var(--text-sm);font-weight:600;line-height:1.25}.pcu-citybtn__n{color:var(--muted);font-size:12px}.pcu-citybtn[aria-expanded="true"]{background:var(--selected-bg);border-color:var(--selected-bg);color:var(--selected-fg)}.pcu-citybtn[aria-expanded="true"] .pcu-citybtn__n{color:inherit;opacity:0.8}.pcu-panels{margin-top:calc(-1 * var(--space-1))}.pcu-panel{border-radius:var(--radius-lg);background:var(--surface-warm);box-shadow:inset 0 0 0 1px var(--border-soft);overflow:hidden}.pcu-panel ul{margin:0;padding:0;list-style:none}.pcu-panel li + li{border-top:1px solid var(--border-soft)}.pcu-row{display:flex;align-items:center;gap:var(--space-3);min-height:52px;padding:6px var(--space-4);color:var(--fg);font-size:var(--text-md);font-weight:600;text-decoration:none}.pcu-row img{width:36px;height:36px;flex:none;border-radius:8px;background:var(--logo-plate);object-fit:contain}.pcu-row.pcu-hot{background:var(--blue-tint)}}@media (max-width:767px) and (prefers-reduced-motion:no-preference){.pcu-cpin__dot{transition:scale 150ms ease-out}.pcu-cpin.pcu-open .pcu-cpin__dot{scale:1.2}}@media (max-width:480px){.sc-list .sc-row__who{overflow:visible;white-space:normal;text-overflow:clip}}
