.hp{--hp-navy:#0a1a3f;--hp-tint:#e8f8f1;--hp-blue-l:#5fe3b4;--hp-line:#ffffff1a;--hp-ease:cubic-bezier(.2, .7, .2, 1)}.hp-head{color:var(--color-ink-1);border-bottom:1px solid #0000;transition:background-color .25s,border-color .25s,box-shadow .25s}.hp-head[data-solid]{-webkit-backdrop-filter:saturate(1.4)blur(14px);backdrop-filter:saturate(1.4)blur(14px);border-bottom-color:var(--color-border);background:#ffffffe6;box-shadow:0 10px 30px -22px #0d152666}.hp-nav a{color:var(--color-ink-2);transition:color .15s;position:relative}.hp-nav a:after{content:"";background:var(--color-brand);transform-origin:0;height:2px;transition:transform .3s var(--hp-ease);border-radius:2px;position:absolute;bottom:-6px;left:0;right:0;transform:scaleX(0)}.hp-nav a:hover{color:var(--color-ink-1)}.hp-nav a:hover:after{transform:scaleX(1)}@media (max-width:419px){.hp-head .hp-btn-sm{padding:9px 14px;font-size:13px}.hp-head .hp-btn-line{border-color:#0000;padding-inline:6px}.hp-wide{display:none}}@media (min-width:420px){.hp-narrow{display:none}}.hp-hero{isolation:isolate;background:linear-gradient(#e2f6ee 0%,#f3fbf7 55%,#fff 100%);position:relative;overflow:hidden}.hp-hero:before{content:"";z-index:-1;background-image:linear-gradient(#00806014 1px,#0000 1px),linear-gradient(90deg,#00806014 1px,#0000 1px);background-position:top;background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0% 45%,#0000 92%);mask-image:linear-gradient(#000 0% 45%,#0000 92%)}.hp-hero:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#00806033,#0000);width:760px;height:760px;position:absolute;top:-160px;right:-200px}.hp-hl{color:var(--color-brand)}.hp-rule{background:var(--color-brand);transform-origin:0;width:72px;height:5px;animation:hp-growx .9s var(--hp-ease) .55s both;border-radius:5px;display:block}.hp-block{background:linear-gradient(150deg, #0e6b63, #0b2f4a 55%, var(--hp-navy));border-radius:22px;position:absolute;inset:26px -22px -22px 26px;box-shadow:0 40px 80px -40px #040e30b3}.hp-block:before{content:"";border-radius:inherit;background-image:linear-gradient(#ffffff24 1px,#0000 1px),linear-gradient(90deg,#ffffff24 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}@media (max-width:639px){.hp-block{inset:16px -10px -12px 16px}}@keyframes hp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.hp-stage{isolation:isolate;background:radial-gradient(110% 80% at 100% 0%, #17a886 0%, #0d5a5e 30%, #0a2a48 64%, var(--hp-navy) 100%);border-radius:28px;padding:32px;position:relative;overflow:hidden;box-shadow:0 50px 90px -50px #040e30bf}.hp-stage:before{content:"";z-index:-1;background-image:linear-gradient(#ffffff17 1px,#0000 1px),linear-gradient(90deg,#ffffff17 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 70% at 80% 0,#000,#0000 75%);mask-image:radial-gradient(90% 70% at 80% 0,#000,#0000 75%)}.hp-stage:after{content:"";z-index:-1;background:radial-gradient(closest-side,#5fe3b473,#0000);border-radius:50%;width:360px;height:360px;position:absolute;bottom:-160px;left:-120px}.hp-callouts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.hp-callout{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #ffffff3d;border-radius:16px;flex-direction:column;gap:2px;min-width:0;padding:14px 18px;display:flex}.hp-callout>span{color:#ffffffc7;font-size:12.5px;line-height:1.35}.hp-callout>b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:24px;font-weight:800;line-height:1.2}.hp-stage .hp-frame{border-color:#ffffff8c;border-radius:16px;box-shadow:0 30px 60px -24px #040e30a6}.hp-stage-shot>div>p:last-child{color:#ffffffb8;margin-top:14px}.hp-stage-shot>div>div+p:last-child{margin-top:40px}@media (max-width:639px){.hp-stage{border-radius:22px;padding:16px}.hp-callouts{gap:8px;margin-bottom:14px}.hp-callout{border-radius:13px;padding:10px 12px}.hp-callout>span{font-size:11.5px}.hp-callout>b{font-size:18px}}@media (max-width:459px){.hp-stage{padding:12px}.hp-callouts{grid-template-columns:minmax(0,1fr);gap:6px;margin-bottom:12px}.hp-callout{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px}.hp-callout>b{white-space:nowrap;font-size:16px}}.hp-chip{border:1px solid var(--color-border);background:#fff;border-radius:14px;align-items:center;gap:11px;padding:10px 15px 10px 11px;animation:5.5s ease-in-out infinite hp-float;display:flex;box-shadow:0 18px 40px -18px #0d152673}@media (max-width:1023px){.hp-chip{display:none}}.hp-eye{letter-spacing:.09em;text-transform:uppercase;color:var(--color-brand);align-items:center;gap:12px;font-size:12.5px;font-weight:700;display:flex}.hp-eye:before{content:"";background:currentColor;border-radius:2px;width:30px;height:2px}.hp-on-dark .hp-eye{color:#a5efd2}.hp-on-dark .hp-hl{color:#5fe3b4}.hp-btn{white-space:nowrap;transition:transform .2s var(--hp-ease), background-color .2s, border-color .2s, color .2s, box-shadow .25s;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:15px 26px;font-size:15.5px;font-weight:600;line-height:1.2;display:inline-flex;position:relative}.hp-btn:active{transform:translateY(1px)}.hp-btn:focus-visible{outline:2px solid var(--color-brand);outline-offset:3px}.hp-btn-main{background:var(--color-brand);color:#fff;gap:16px;padding:7px 7px 7px 26px;box-shadow:0 16px 34px -14px #008060d9}.hp-btn-main:hover{background:var(--color-brand-600);transform:translateY(-2px);box-shadow:0 20px 40px -14px #008060f2}.hp-btn-chip{width:40px;height:40px;color:var(--color-brand);background:#fff;border-radius:999px;place-items:center;display:grid;overflow:hidden}.hp-btn-chip svg{transition:transform .35s var(--hp-ease)}.hp-btn:hover .hp-btn-chip svg{transform:translate(4px)}.hp-btn-line{border:1.5px solid var(--color-ink-1);color:var(--color-ink-1);padding:13.5px 26px}.hp-btn-line:hover{background:var(--color-ink-1);color:#fff}.hp-btn-white{color:var(--color-brand);background:#fff;gap:16px;padding:7px 7px 7px 26px;box-shadow:0 16px 34px -18px #0009}.hp-btn-white .hp-btn-chip{background:var(--color-brand);color:#fff}.hp-btn-white:hover{transform:translateY(-2px)}.hp-btn-ghost{color:#fff;border:1.5px solid #fff6;padding:13.5px 26px}.hp-btn-ghost:hover{background:#ffffff1a;border-color:#fff}.hp-btn-sm{padding:10px 20px;font-size:14px}@media (max-width:399px){.hp-btn-main,.hp-btn-white{gap:10px;padding-left:18px;font-size:14.5px}.hp-btn-main .hp-btn-chip,.hp-btn-white .hp-btn-chip{width:36px;height:36px}}.hp-stats{border-bottom:1px solid var(--color-border);background:#fff}.hp-stats dl>div{border-left:3px solid var(--color-brand);flex-direction:column-reverse;gap:6px;min-width:0;padding-left:14px;display:flex;container-type:inline-size}.hp-stats dt{color:var(--color-ink-2);font-size:14.5px}.hp-stats dd{white-space:nowrap;letter-spacing:-.03em;color:var(--color-ink-1);font-size:clamp(20px,11cqw,46px);font-weight:800;line-height:1.15}.hp-foot{background:var(--hp-navy);color:#ffffffa8}.hp-foot a{transition:color .15s}.hp-foot a:hover{color:#fff}.hp-foot h3{color:#fff;font-size:15px;font-weight:700}.hp-soc{color:#fff;width:40px;height:40px;transition:background-color .2s, transform .2s var(--hp-ease);background:#ffffff17;border-radius:999px;place-items:center;display:grid}.hp-soc:hover{background:var(--color-brand);transform:translateY(-2px)}.hp-ico{width:52px;height:52px;color:var(--c,var(--color-brand));background:color-mix(in srgb, var(--c,var(--color-brand)) 12%, #fff);transition:background-color .3s, color .3s, transform .3s var(--hp-ease);border-radius:15px;flex:none;place-items:center;display:grid}.hp-soon{border:1px solid color-mix(in srgb, var(--color-brand) 35%, #fff);background:var(--color-brand-50);color:var(--color-brand);white-space:nowrap;letter-spacing:0;border-radius:999px;align-items:center;padding:4px 11px;font-size:12px;font-weight:700;line-height:1.3;display:inline-flex}.hp-on-dark .hp-soon{color:#fff;background:#ffffff1f;border-color:#ffffff59}@media (max-width:639px){.hp-pillar{padding:22px}}.hp-case{border:1px solid var(--color-border);background:#fff;border-radius:22px;flex-direction:column;padding:28px;display:flex}.hp-case-tag{background:var(--color-brand-50);color:var(--color-brand);border-radius:999px;align-self:flex-start;padding:5px 13px;font-size:13px;font-weight:700;line-height:1.35}.hp-case-up{letter-spacing:-.045em;color:var(--color-brand);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:60px;font-weight:800;line-height:1}.hp-case table{border-collapse:collapse;width:100%;font-size:14.5px}.hp-case th{color:var(--color-ink-3);text-align:right;white-space:nowrap;padding:0 0 9px;font-size:12.5px;font-weight:600}.hp-case td{border-top:1px solid var(--color-border);color:var(--color-ink-2);padding:11px 0}.hp-case th+th{padding-left:14px}.hp-case td+td{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;padding-left:14px}.hp-case td:last-child{color:var(--color-ink-1);font-weight:700}@media (max-width:639px){.hp-case{padding:22px}.hp-case-up{font-size:52px}.hp-lead b{font-size:36px}}.hp-band{isolation:isolate;border-radius:44px 44px 0 0;position:relative}.hp-band-tint{background:var(--hp-tint)}.hp-band-blue{color:#fff;background:var(--hp-navy);margin-top:-44px;overflow:hidden}.hp-band-blue:before{content:"";z-index:-1;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 90% at 50% 0,#000 10%,#0000 80%);mask-image:radial-gradient(70% 90% at 50% 0,#000 10%,#0000 80%)}@media (max-width:639px){.hp-band{border-radius:28px 28px 0 0}.hp-band-blue{margin-top:-28px}}.hp-steps{position:relative}.hp-num{background:var(--color-brand);color:#fff;width:60px;height:60px;transition:transform .3s var(--hp-ease);border-radius:999px;place-items:center;font-size:24px;font-weight:800;display:grid;box-shadow:0 0 0 8px #00806040}.hp-steps li:hover .hp-num{transform:scale(1.08)}@media (min-width:768px){.hp-steps:before{content:"";border-top:2px dashed #ffffff38;position:absolute;top:30px;left:30px;right:calc(33.3333% - 62px)}.hp-steps li{position:relative}}.hp-dark{isolation:isolate;color:#fff;background:linear-gradient(135deg,#0e6b63 0%,#0b2f4a 46%,#06102b 100%);position:relative;overflow:hidden}.hp-dark:before{content:"";z-index:-1;background-image:linear-gradient(var(--hp-line) 1px, transparent 1px), linear-gradient(90deg, var(--hp-line) 1px, transparent 1px);background-position:top;background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(100deg,#0000 30%,#000 100%);mask-image:linear-gradient(100deg,#0000 30%,#000 100%)}.hp-dark:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#ffffff38,#0000);width:720px;height:720px;position:absolute;top:-220px;right:-160px}.hp-cta{border-radius:32px}@media (max-width:639px){.hp-cta{border-radius:24px}}@keyframes hp-up{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes hp-panel{0%{opacity:0;transform:translateY(34px)scale(.975)}to{opacity:1;transform:none}}.hp-up{animation:hp-up .8s var(--hp-ease) both;animation-delay:var(--d,0s)}.hp-panel{animation:hp-panel 1s var(--hp-ease) both;animation-delay:.25s}.hp-fx [data-rv]{opacity:0;transition:opacity .75s var(--hp-ease), transform .75s var(--hp-ease);transition-delay:var(--d,0s);transform:translateY(20px)}.hp-fx [data-rv].is-in{opacity:1;transform:none}.hp-frame{border:1px solid var(--color-border-strong);background:var(--color-surface);border-radius:12px;overflow:hidden;box-shadow:0 1px #0d152608,0 30px 70px -32px #0d15266b}.hp-dark .hp-frame{border-color:#ffffff24;box-shadow:0 0 0 1px #090f2199,0 40px 90px -30px #000000b3,0 0 120px -30px #1fc7958c}@keyframes hp-ping{0%{opacity:.7;transform:scale(1)}80%,to{opacity:0;transform:scale(2.6)}}.hp-live{background:var(--color-good);border-radius:99px;width:7px;height:7px;position:relative}.hp-live:after{content:"";background:var(--color-good);border-radius:99px;animation:1.8s ease-out infinite hp-ping;position:absolute;inset:0}@keyframes hp-row{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes hp-flash{0%{background:var(--color-brand-100)}to{background:0 0}}@keyframes hp-toast{0%{opacity:0;transform:translateY(14px)scale(.96)}12%,82%{opacity:1;transform:none}to{opacity:0;transform:translateY(-6px)}}@keyframes hp-feed{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.hp-feed{animation:hp-feed .6s var(--hp-ease) both;display:block}@keyframes hp-bump{0%{transform:none}35%{color:var(--color-brand);transform:scale(1.06)}to{transform:none}}@keyframes hp-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes hp-fade{0%{opacity:0}to{opacity:1}}@keyframes hp-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes hp-growx{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes hp-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes hp-press{0%,to{transform:none}50%{filter:brightness(.9);transform:scale(.95)}}@keyframes hp-out{to{opacity:0}}:is(.is-in,.hp-go) .hp-a-draw{stroke-dasharray:1;animation:hp-draw 1.8s var(--hp-ease) both;animation-delay:var(--d,.2s)}:is(.is-in,.hp-go) .hp-a-fade{animation:.8s both hp-fade;animation-delay:var(--d,.2s)}:is(.is-in,.hp-go) .hp-a-grow{transform-origin:bottom;animation:hp-grow .7s var(--hp-ease) both;animation-delay:var(--d,0s)}:is(.is-in,.hp-go) .hp-a-growx{animation:hp-growx .9s var(--hp-ease) both;animation-delay:var(--d,.2s)}:is(.is-in,.hp-go) .hp-a-in{animation:hp-in .55s var(--hp-ease) both;animation-delay:var(--d,0s)}:is(.is-in,.hp-go) .hp-a-press{animation:.4s 2.2s both hp-press}:is(.is-in,.hp-go) .hp-a-before{animation:.3s 2.5s both hp-out}:is(.is-in,.hp-go) .hp-a-after{animation:.4s 2.6s both hp-fade}@keyframes hp-tg-bg{0%{background:var(--color-border-strong)}to{background:var(--color-brand)}}@keyframes hp-tg-knob{0%{left:2px}to{left:18px}}:is(.is-in,.hp-go) .hp-tg{animation:.35s both hp-tg-bg;animation-delay:var(--d,.4s)}:is(.is-in,.hp-go) .hp-tg:after{animation:hp-tg-knob .35s var(--hp-ease) both;animation-delay:var(--d,.4s)}.hp-tab{text-align:left;cursor:pointer;border:1px solid #0000;border-radius:18px;width:100%;padding:20px 22px;transition:background-color .25s,border-color .25s,box-shadow .25s;position:relative}.hp-tab:hover{background:#fff9}.hp-tab[aria-selected=true]{background:var(--color-surface);border-color:var(--color-border);cursor:default;box-shadow:0 14px 34px -22px #0d152666}.hp-tab:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.hp-tab-body{opacity:0;transition:grid-template-rows .45s var(--hp-ease), opacity .35s;grid-template-rows:0fr;display:grid}.hp-tab[aria-selected=true] .hp-tab-body{opacity:1;grid-template-rows:1fr}.hp-tab-body>*{min-height:0;overflow:hidden}@keyframes hp-timer{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hp-timer{background:var(--color-border);border-radius:2px;height:2px;position:absolute;bottom:0;left:22px;right:22px;overflow:hidden}.hp-timer>i{background:var(--color-brand);transform-origin:0;height:100%;animation:hp-timer var(--t,9s) linear both;display:block}@keyframes hp-swap{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:none}}.hp-swap{animation:hp-swap .5s var(--hp-ease) both}.hp-faq{interpolate-size:allow-keywords}.hp-faq::details-content{block-size:0;transition:block-size .35s var(--hp-ease), content-visibility .35s allow-discrete;overflow:hidden}.hp-faq[open]::details-content{block-size:auto}.hp-faq summary{transition:color .15s}.hp-faq summary:hover{color:var(--color-brand)}.hp-tab .hp-ico{border-radius:13px;width:44px;height:44px}.hp-tab[aria-selected=true] .hp-ico{background:var(--c);color:#fff}@media (prefers-reduced-motion:reduce){.hp *,.hp :before,.hp :after{transition:none!important;animation:none!important}.hp-fx [data-rv]{opacity:1;transform:none}}.hp-herocol{container-type:inline-size}.hp-h1{letter-spacing:-.045em;font-size:min(104px,10.6383cqw);line-height:1.04}.hp-h1>span{white-space:nowrap;display:block}.hp-h1-name{letter-spacing:-.01em;color:var(--color-brand);align-items:center;gap:12px;margin-bottom:.9em;font-size:max(15px,.2em);display:flex!important}.hp-h1-name:before{content:"";background:currentColor;border-radius:3px;width:28px;height:3px}.hp-h1-a{color:var(--color-ink-1);margin-bottom:.08em;font-size:.6em}.hp-pick{text-align:left;border:1px solid var(--color-border);width:100%;color:var(--color-ink-1);cursor:pointer;transition:background-color .25s, border-color .25s, color .25s, box-shadow .25s, transform .25s var(--hp-ease);background:#fff;border-radius:16px;align-items:center;gap:12px;padding:16px 18px;display:flex}.hp-pick:hover{border-color:color-mix(in srgb, var(--color-brand) 45%, #fff);transform:translateY(-2px)}.hp-pick:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.hp-pick-no{width:32px;height:32px;color:var(--color-brand);background:var(--color-brand-50,#ecf9f3);border-radius:10px;flex:none;place-items:center;font-size:13px;font-weight:800;transition:background-color .25s,color .25s;display:grid}.hp-pick[aria-selected=true]{background:var(--color-brand);border-color:var(--color-brand);color:#fff;cursor:default;transform:none;box-shadow:0 18px 36px -18px #008060bf}.hp-pick[aria-selected=true] .hp-pick-no{color:#fff;background:#ffffff2e}.hp-pick[aria-selected=true] .hp-soon{color:#fff;background:#ffffff2e;border-color:#0000}@media (max-width:459px){.hp-pick{border-radius:14px;gap:10px;padding:12px}.hp-pick-no{width:28px;height:28px;font-size:12px}}.hp-zalo{z-index:40;background:var(--color-brand);color:#fff;transition:transform .25s var(--hp-ease), box-shadow .25s;border-radius:999px;align-items:center;gap:10px;padding:6px 18px 6px 6px;font-size:14.5px;font-weight:700;display:inline-flex;position:fixed;bottom:20px;right:20px;box-shadow:0 14px 30px -10px #008060b3}.hp-zalo:hover{transform:translateY(-2px);box-shadow:0 18px 36px -10px #008060cc}.hp-zalo:focus-visible{outline:2px solid var(--color-brand);outline-offset:3px}.hp-zalo-ico{width:44px;height:44px;color:var(--color-brand);background:#fff;border-radius:999px;place-items:center;display:grid}@media (max-width:639px){.hp-zalo{padding:6px;bottom:14px;right:14px}.hp-zalo-text{display:none}}@media print{.hp-zalo{display:none}}.hp :is(h1,h2,h3,h4,dt,dd,th,summary,figcaption){text-wrap:balance}.hp{text-wrap:pretty}
