.bhero{background:var(--navy);color:#fff;isolation:isolate;padding:clamp(40px,6vw,84px) 0 clamp(48px,7vw,96px);position:relative;overflow:hidden}.bhero:before{content:"";z-index:-1;background:radial-gradient(closest-side,#4f9cf961,#4f9cf900);border-radius:50%;width:900px;height:900px;position:absolute;top:-380px;right:-260px}.bhero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,72px);display:grid}.bhero h1{margin-top:18px;font-size:clamp(38px,6vw,72px);font-weight:800;line-height:1.08}html[data-lang=vi] .bhero h1{line-height:1.2}.bhero .a{animation:rise .9s var(--ease) both;animation-delay:calc(var(--i,0)*90ms + 80ms)}.bhero .lead.a{animation:none}.back{color:#fff;opacity:.85;align-items:center;gap:8px;min-height:44px;font-size:15px;text-decoration:none;display:inline-flex}.back:hover{opacity:1}.back svg{width:18px;height:18px}@media (max-width:900px){.bhero-grid{grid-template-columns:1fr}}.two-col{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(28px,5vw,72px);display:grid}.facts{grid-template-columns:1fr 1fr;gap:10px;display:grid}.facts div{box-shadow:inset 0 0 0 1px var(--line);background:#fff;border-radius:18px;padding:14px 16px}.facts dt{color:var(--muted);font-size:13.5px}.facts dd{font-family:var(--display);color:var(--navy);font-size:20px;font-weight:700}.facts .hi{background:var(--navy);box-shadow:none}.facts .hi dt{color:#c9ddf6}.facts .hi dd{color:var(--butter)}@media (max-width:900px){.two-col{grid-template-columns:1fr}}.flow{grid-template-columns:1fr 110px 1fr 110px 1fr;align-items:center;margin-top:clamp(28px,4vw,44px);display:grid}.node{text-align:center;background:var(--mist);font-family:var(--display);color:var(--navy);border-radius:22px;padding:18px 16px;font-size:19px;font-weight:700}.node small{font-family:var(--body);color:var(--muted);font-size:13.5px;font-weight:400;display:block}.node.hi{background:var(--navy);color:var(--butter)}.node.hi small{color:#c9ddf6}.pipe{height:44px;position:relative}.pipe:before{content:"";border-top:2px dashed #9dbce4;position:absolute;top:50%;left:6px;right:6px}.pipe i{background:var(--gold);width:16px;height:16px;animation:2.4s linear infinite fx;animation-delay:calc(var(--k)*-.8s);border-radius:50%;margin-top:-8px;position:absolute;top:50%;left:0;box-shadow:0 0 0 3px #fff}@keyframes fx{0%{opacity:0;transform:translate(0)}15%,85%{opacity:1}to{opacity:0;transform:translate(94px)}}.pipe>span{text-align:center;color:var(--navy);white-space:nowrap;font-size:12.5px;font-weight:600;position:absolute;top:-14px;left:0;right:0}.off{box-shadow:inset 0 0 0 2px var(--line);text-align:center;font-family:var(--display);color:var(--muted);background:#fff;border-radius:22px;grid-column:1/-1;justify-self:center;margin-top:22px;padding:14px 22px;font-size:17px;font-weight:700}.off small{font-family:var(--body);font-size:13.5px;font-weight:400;text-decoration:none;display:block}.off b{text-decoration:line-through;-webkit-text-decoration-color:var(--loss);text-decoration-color:var(--loss);text-decoration-thickness:2px;display:inline-block}@media (max-width:700px){.flow{grid-template-columns:1fr;justify-items:stretch}.pipe{height:64px}.pipe:before{border-top:0;border-left:2px dashed #9dbce4;inset:6px auto 6px 50%}.pipe i{margin:0 0 0 -8px;animation-name:fy;top:0;left:50%}.pipe>span{top:50%;left:calc(50% + 18px);right:auto;transform:translateY(-50%)}@keyframes fy{0%{opacity:0;transform:translateY(0)}15%,85%{opacity:1}to{opacity:0;transform:translateY(48px)}}}.payers{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:clamp(28px,4vw,44px);display:grid}.payers li{box-shadow:inset 0 0 0 1px var(--line);border-radius:24px;padding:22px}.payers h3{color:var(--navy);font-size:18px}.payers p{color:var(--muted);margin-top:8px;font-size:16px}.pull{font-family:var(--display);color:var(--navy);border-left:5px solid var(--gold);max-width:34ch;margin-top:clamp(28px,4vw,44px);padding-left:22px;font-size:clamp(20px,2.5vw,28px);font-weight:600;line-height:1.4}@media (max-width:860px){.payers{grid-template-columns:1fr}}.sim{box-shadow:0 30px 60px -40px #04387380,inset 0 0 0 1px var(--line);background:#fff;border-radius:30px;margin-top:clamp(28px,4vw,44px);padding:clamp(20px,3.4vw,40px)}.sim-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;display:flex}.sim-top label{font-family:var(--display);font-size:18px;font-weight:600}.sim-top output{font-family:var(--display);color:var(--navy);font-size:clamp(34px,5vw,48px);font-weight:800;line-height:1}.ruler{margin-top:10px;padding-bottom:58px;position:relative}.ruler input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#f3c4c0 0 42.5%,#ffe492 42.5% 50%,#bfe5d4 50% 100%);border-radius:14px;height:14px}.ruler input[type=range]::-moz-range-track{background:linear-gradient(90deg,#f3c4c0 0 42.5%,#ffe492 42.5% 50%,#bfe5d4 50% 100%);border-radius:14px;height:14px}.ruler input[type=range]::-moz-range-progress{background:0 0}.ruler input[type=range]::-webkit-slider-thumb{width:30px;height:30px;margin-top:-8px}.mk{top:36px;left:calc(15px + (100% - 30px)*var(--p));text-align:center;color:var(--muted);white-space:nowrap;font-size:12.5px;line-height:1.3;position:absolute;transform:translate(-50%)}.mk:before{content:"";background:var(--navy);width:2px;height:10px;margin:0 auto 4px;display:block}.mk b{font-family:var(--display);color:var(--navy);font-size:14px;display:block}.sim-out{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(18px,3vw,36px);margin-top:8px;display:grid}.verdict{background:#e5f5ee;border-radius:24px;padding:22px 24px;transition:background .4s}.verdict.mid{background:#fff5cf}.verdict.bad{background:#fbe7e5}.verdict h3{color:var(--navy);font-size:clamp(20px,2.4vw,26px)}.verdict p{color:var(--ink);margin-top:8px;font-size:16.5px}.tiles{grid-template-columns:1fr 1fr;gap:10px;display:grid}.tiles div{background:var(--mist);border-radius:18px;padding:13px 15px}.tiles small{color:var(--muted);font-size:13.5px;line-height:1.35;display:block}.tiles .num{color:var(--navy);font-size:21px;display:block}.tiles .tot{background:var(--navy);grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;display:flex}.tiles .tot small{color:#c9ddf6;font-size:14.5px}.tiles .tot .num{color:var(--butter);font-size:30px}.ends{grid-template-columns:1fr 1fr;gap:18px;margin-top:22px;display:grid}.end{box-shadow:inset 0 0 0 1px var(--line);opacity:.72;background:#fff;border-radius:26px;padding:24px;transition:box-shadow .3s,opacity .3s}.end.on{box-shadow:inset 0 0 0 2px var(--navy);opacity:1}.end .tag{background:var(--mist);margin-bottom:12px}.end h3{color:var(--navy)}.end p{color:var(--muted);margin-top:10px;font-size:16px}.end p b{color:var(--navy)}@media (max-width:860px){.sim-out,.ends{grid-template-columns:1fr}.mk.m40{display:none}}@media (max-width:520px){.mk{font-size:11.5px}.mk.m335{transform:translate(-85%)}.mk.m35{transform:translate(-15%)}}.next{text-align:left}.next .row{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.mk.m335{text-align:right;padding-right:0;transform:translate(-100%)}.mk.m335:before{margin:0 0 4px auto}.mk.m35{text-align:left;transform:none}.mk.m35:before{margin:0 auto 4px 0}@media (max-width:520px){.mk.m335{transform:translate(-100%)}.mk.m35{transform:none}}@media (max-width:420px){.facts dd{font-size:17px}.facts div{padding:12px}}.bphoto{aspect-ratio:4/4.2;background:#0a4a92;border-radius:32px;place-items:center;width:100%;max-height:520px;display:grid;position:relative;overflow:hidden;box-shadow:0 44px 90px -40px #010e24e6}.bphoto img{object-fit:cover;object-position:50% 20%;width:100%;height:100%;position:absolute;inset:0}.bphoto.noimg img{display:none}.bphoto .bmark{width:58%;color:var(--butter);--bg:#0a4a92;opacity:.9}.bphoto figcaption{background:var(--butter);color:var(--navy);border-radius:20px;padding:10px 18px;font-size:14px;line-height:1.35;display:grid;position:absolute;bottom:16px;left:16px;box-shadow:0 14px 30px -14px #010e24cc}.bphoto figcaption .num{font-size:clamp(28px,4vw,40px);line-height:1.05}@media (max-width:900px){.bphoto{aspect-ratio:4/3.2}}.bhero{background-image:radial-gradient(#ffffff12 1px,#0000 1.4px);background-size:26px 26px;background-color:var(--navy)}.bhero:before{animation:22s ease-in-out infinite alternate drift2}@keyframes drift2{to{transform:translate(-180px,120px)scale(.9)}}.js .bhero h1{animation:maskup 1.1s var(--ease) .1s both}@keyframes maskup{0%{clip-path:inset(0 0 100%);transform:translateY(40px)}to{clip-path:inset(-10% -5% -20%);transform:none}}
