/* /partners/man.css — /partners/ (EN) và /partners/vi/ (VI). Vòng 3, 01/11/2026 (Nam 31/10 22:53: tương tác là TUỲ CHỌN).
   Nạp sau /partners/partners.css (màu, phông, khối cũ: .calc .perks .tiles .five .form details…). Dựng: Làm việc\doi-tac-v2-0111\dung3.py
   1 · TRANG TỔNG QUAN (cuộn bình thường) · 2 · HƯỚNG DẪN 10 màn (lớp toàn màn hình #guide, không cuộn) · 3 · MÀN CHỌN (#pick)
   Khổ đã đo: 390×844, 1366×768, 1440×900 (+ máy nhỏ 360×740, 375×667). JS tắt: chỉ còn trang tổng quan (đủ nội dung, form gửi được). */

/* =========================== 1 · TRANG TỔNG QUAN =========================== */
.pv-ov main.pmain{max-width:1040px;padding-top:clamp(14px,3vh,40px);padding-bottom:72px}
html:not(.gd-ok) [data-guide]{display:none!important}
.ovh{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(20px,4vw,56px);align-items:center}
.ovh .hero__txt{display:flex;flex-direction:column;gap:12px}
.ovh h1{font-size:clamp(30px,3.7vw,54px);line-height:1.06;margin:0}
.ovh__vis{order:2}
html[lang="vi"] .ovh h1{line-height:1.14}
.ovh .lede{margin:0;color:var(--fg);font-weight:600;font-size:clamp(16.5px,1.9vw,20px);line-height:1.45}
.ovh .cta{margin-top:4px}
.ovh .cta .btn{min-height:52px}
.hero__badge{display:inline-flex;align-self:flex-start;align-items:center;gap:8px;margin:0;padding:6px 12px;border-radius:999px;border:1px solid rgba(253,191,7,.55);background:rgba(253,191,7,.1);
  color:var(--signal);font:600 12.5px/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase}
.hero__badge::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--signal)}
.hero__fine{font:500 12.5px/1.35 var(--mono);letter-spacing:.02em;color:var(--fg-3);margin:0}
/* hình đầu trang: tia sáng + 3 bìa + chân dung Nam + lời chào (+ dây rung trên máy có chuột) */
.ovh__vis{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"cards cards" "shot cap" "str str";align-items:center;column-gap:18px;row-gap:14px}
.hv__rays{position:absolute;left:0;right:0;top:-24px;height:calc(100% + 40px);z-index:0;pointer-events:none;opacity:.6;
  -webkit-mask-image:linear-gradient(#000 35%,transparent);mask-image:linear-gradient(#000 35%,transparent)}
.hv__rays canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.hv__cards{grid-area:cards;position:relative;z-index:1;display:flex;justify-content:center;align-items:flex-end;padding:6px 12px 4px}
.hc{flex:none;width:clamp(84px,9.4vw,138px);margin:0 -8px}
.hc:nth-child(1){transform:rotate(-8deg) translateY(5px)}
.hc:nth-child(2){position:relative;z-index:2}
.hc:nth-child(3){transform:rotate(8deg) translateY(5px)}
.hc__card{position:relative;perspective:900px}
.hc__inner{position:relative;display:grid;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform:rotateY(180deg)}
.hc__face{grid-area:1/1;aspect-ratio:4/5;border-radius:10px;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;border:1px solid var(--line);box-shadow:0 12px 26px rgba(0,0,0,.5)}
.hc__front{display:grid;place-items:center;background:var(--signal)}
.hc__front img{width:40%;height:auto;border-radius:8px}
.hc__back{transform:rotateY(180deg);background:var(--bg-3)}
.hc__back img{display:block;width:100%;height:100%;object-fit:cover}
@media (prefers-reduced-motion:no-preference){
  .hc__float{animation:hcFloat 2s infinite ease-in-out}
  .hc:nth-child(2) .hc__float{animation-delay:.25s}
  .hc:nth-child(3) .hc__float{animation-delay:.5s}
}
@keyframes hcFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5%)}}
.me{display:contents}
.me__shot{grid-area:shot;position:relative;z-index:1;isolation:isolate;width:clamp(96px,10vw,150px);aspect-ratio:4/5;margin:0}
.me__art{position:absolute;inset:0}
.me__art::before{content:"";position:absolute;left:8%;right:0;top:22%;bottom:0;background:var(--signal);border-radius:14px}
.me__art img{position:absolute;left:0;bottom:0;width:100%;height:100%;object-fit:contain;object-position:bottom center}
.me__shot.is-masked>.me__art:not(.me__mask){visibility:hidden}
.me__mask{pointer-events:none}
.me__cap{grid-area:cap;position:relative;z-index:1;font:400 15px/1.45 var(--ui);color:var(--fg-2);margin:0}
.me__cap b{font-weight:600;color:var(--fg)}
.string{grid-area:str;position:relative;height:24px}
.string::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--line-2)}
.string.is-live::before{display:none}
.string svg{position:absolute;left:0;top:50%;width:100%;height:120px;transform:translateY(-50%);overflow:visible;pointer-events:none}
.string path{fill:none;stroke:var(--line-2);stroke-width:1.2px}
.string__hit{position:absolute;left:0;right:0;top:50%;height:24px;transform:translateY(-50%);z-index:2}
.string__hit.is-hot{height:110px}
@media (max-width:760px){
  .ovh{grid-template-columns:1fr;gap:14px}
  .ovh__vis{order:-1;grid-template-columns:auto auto;justify-content:center;grid-template-areas:"cards shot" "cap cap";column-gap:10px;row-gap:8px}
  .hc{width:clamp(56px,16vw,92px);margin:0 -5px}
  .me__shot{width:clamp(64px,19vw,104px)}
  .me__cap{font-size:14px;line-height:1.38}
  .string{display:none}
  .ovh .cta .btn{flex:1 1 100%}
}
/* các mục */
.osec{margin-top:clamp(56px,9vh,88px);scroll-margin-top:14px}
.oh{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 16px;margin:0 0 14px}
.oh h2{margin:0}
.gl{flex:none;background:none;border:0;padding:6px 0;min-height:40px;color:var(--signal);font:600 14.5px/1.2 var(--ui);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.gl:hover{color:var(--signal-hi)}
.osec h3{font:700 clamp(19px,2.3vw,22px)/1.3 var(--ui);margin:0 0 8px}
.ov__lead{font:600 clamp(17.5px,2.2vw,20px)/1.45 var(--ui);margin:0 0 16px}
.ov__qa{margin-top:30px}
.ov__big{font:700 clamp(17.5px,2.2vw,20px)/1.42 var(--ui);color:var(--fg);margin:0 0 6px}
.ov__more{color:var(--fg-2);margin:0}
.ov__qa .tiles{margin-top:14px}
.ov__f{font:600 clamp(17px,2.1vw,19px)/1.45 var(--ui);color:var(--fg-2);margin:0 0 14px}
.ov__f b{color:var(--signal)}
.ov__note{font:600 16.5px/1.45 var(--ui);color:var(--fg);margin:14px 0 0;padding:10px 14px;border-radius:14px;background:rgba(253,191,7,.1);border:1px solid rgba(253,191,7,.4)}
.osec .hl{color:var(--signal)}
.okno{list-style:none;margin:0 0 12px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.okno li{display:flex;flex-direction:column;justify-content:space-between;gap:6px;padding:12px 14px;border-radius:14px;border:1.5px solid var(--line-2);background:var(--bg-2);font:600 15.5px/1.3 var(--ui)}
.okno li.y{border-color:rgba(124,224,163,.55)}.okno li.n{border-color:rgba(255,163,143,.55)}
.okno b{font:600 12.5px/1.25 var(--mono);letter-spacing:.04em;text-transform:uppercase}
.okno .y b{color:#7CE0A3}.okno .n b{color:var(--danger)}
.flow--4{grid-template-columns:repeat(4,1fr)}
.flow--4 li b{font:800 17px/1.25 var(--display);font-stretch:104%}
.run{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:start;margin:0 0 18px}
.run__me{width:clamp(110px,14vw,160px);height:auto;aspect-ratio:4/5;object-fit:cover;object-position:top;border-radius:16px;background:linear-gradient(transparent 22%,var(--signal) 22%)}
.run__dl{margin:0;display:grid;gap:10px}
.run__dl div{padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:var(--bg-2)}
.run__dl dt{font:600 12.5px/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--signal);margin:0 0 4px}
.run__dl dd{margin:0;color:var(--fg)}
.run__dl a{overflow-wrap:anywhere}
.calc__tier{font:600 15px/1.35 var(--ui);color:var(--fg);margin:0 0 10px}
.calc__tier b{color:var(--signal)}
.calc .sw+.sw{margin-top:10px}
#calc .perks{margin-top:4px}
#calc>h3{margin-top:32px}
.perks--dn{grid-template-columns:repeat(4,1fr)}
.perks--dn .perk--ladder{grid-column:1/-1}
.perk--ladder>b{display:block;font:700 18px/1.25 var(--ui);margin:0 0 8px}
.perk--ladder>span{display:block;margin-top:8px}
.ladder{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:0;padding:0;list-style:none}
.ladder li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 2px;border-radius:12px;background:var(--bg-3);border:1px solid var(--line);text-align:center;min-width:0}
.ladder li span{font:500 12px/1.1 var(--mono);color:var(--fg-2);white-space:nowrap}
.ladder li b{font:900 clamp(18px,2.4vw,24px)/1 var(--display);font-stretch:106%;color:var(--signal)}
.ladder li:last-child{border-color:var(--signal)}
.perks--dn .perk__big{font-size:clamp(30px,3.6vw,40px)}
#hoi details:first-of-type{border-top:1px solid var(--line)}
/* form đăng ký: 1 trang */
.form .fld{display:grid;gap:6px;align-content:start}
.fld>label{font:500 12px/1.25 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-2)}
.form .fld .agree{text-transform:none}
.fld .opt-tag{margin-left:6px}
.fld__n{font:400 13.5px/1.35 var(--ui);color:var(--fg-3);margin:0}
.fld__e{font:600 14.5px/1.3 var(--ui);color:var(--danger);margin:0}
.fld__e:empty{display:none}
.fld [aria-invalid="true"]{border-color:var(--danger)}
.msend{min-width:min(100%,280px);min-height:54px;font-size:17px}
.ov__kit{margin:12px 0 0}
.pv-ov .op{margin-top:56px}
/* nút ▶ nổi (góc trái dưới; góc phải là nút trò chuyện) */
.fab{position:fixed;left:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:43;display:inline-flex;align-items:center;min-height:50px;padding:0 20px;border-radius:999px;border:0;
  background:var(--signal);color:var(--on-signal);font:700 15.5px/1 var(--ui);cursor:pointer;box-shadow:0 12px 30px rgba(0,0,0,.5),0 0 0 3px rgba(13,12,10,.6)}
.fab:hover{background:var(--signal-hi)}
html:not(.gd-ok) .fab,html.gd-open .fab,html.pick-open .fab{display:none}
.pv-ov footer{padding-bottom:84px}
@media (max-width:900px){.flow--4,.perks--dn{grid-template-columns:1fr 1fr}.okno{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.perks--dn .perk--ladder{grid-column:1/-1}}
@media (max-width:520px){.ladder{grid-template-columns:repeat(3,1fr)}.flow--4{grid-template-columns:1fr}.run{grid-template-columns:1fr}.run__me{width:120px}}
@media (max-width:420px){.perks--dn{grid-template-columns:1fr}}

/* =========================== 2 · HƯỚNG DẪN (lớp toàn màn hình) =========================== */
html.gd-open,html.gd-open body,html.pick-open,html.pick-open body{overflow:hidden}
.gd{position:fixed;inset:0;z-index:42;display:flex;flex-direction:column;background:var(--bg);overscroll-behavior:none}
.gd .mtop{position:relative;z-index:1;display:flex;align-items:center;gap:12px;flex:none;width:100%;max-width:760px;margin:0 auto;padding:12px 16px 0}
.mprog{flex:1;display:flex;align-items:center;gap:12px;min-width:0}
.mprog__n{font:600 15px/1 var(--mono);color:var(--signal);min-width:5ch;white-space:nowrap}
.mprog__track{flex:1;height:8px;border-radius:99px;background:var(--bg-3);overflow:hidden}
.mprog__fill{display:block;height:100%;background:var(--signal);border-radius:99px;transition:width .35s cubic-bezier(.2,.8,.2,1)}
.mmore{flex:none;min-height:44px;padding:0 16px;border-radius:999px;border:1.5px solid var(--line-2);background:transparent;color:var(--fg);font:600 15px/1 var(--ui);cursor:pointer}
.mmore:hover{background:rgba(245,241,230,.08)}
.gd .stage{position:relative;z-index:1;flex:1;min-height:0;width:100%;max-width:760px;margin:0 auto}
.gd section.man{margin:0}
.gd .man{position:absolute;inset:0;padding:8px 16px 4px;display:flex;flex-direction:column;justify-content:center;justify-content:safe center;overflow:hidden}
.gd .man:not(.is-on){display:none}
.gd .man--top{justify-content:flex-start;padding-top:clamp(10px,2.4vh,26px)}
.gd .man.in-r{animation:manR .38s cubic-bezier(.2,.8,.2,1)}
.gd .man.in-l{animation:manL .38s cubic-bezier(.2,.8,.2,1)}
@keyframes manR{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}
@keyframes manL{from{opacity:0;transform:translateX(-28px)}to{opacity:1;transform:none}}
.man__k{font:500 13px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);margin:0 0 clamp(6px,1.2vh,12px)}
.man__q{font:800 clamp(28px,min(7.6vw,5.2vh),46px)/1.16 var(--display);font-stretch:106%;letter-spacing:-.01em;margin:0 0 clamp(10px,2.2vh,22px);outline:none;text-wrap:balance}
html[lang="vi"] .man__q{line-height:1.24}
.man__h1{font:900 clamp(28px,min(7.6vw,5vh),52px)/1.08 var(--display);font-stretch:106%;letter-spacing:-.02em;margin:0 0 clamp(8px,1.6vh,16px);outline:none;text-wrap:balance}
html[lang="vi"] .man__h1{line-height:1.16}
.man__lead{font:600 clamp(18px,min(5vw,3vh),24px)/1.4 var(--ui);color:var(--fg);margin:0 0 clamp(8px,1.6vh,14px)}
.man__ask{font:500 13px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--signal);margin:0 0 10px}
.man--hero .hero__fine{margin:0 0 clamp(10px,2vh,18px)}
.man .fine{font-size:13.5px;line-height:1.45;margin:clamp(8px,1.6vh,14px) 0 0}
.ans{transition:opacity .35s ease,transform .35s cubic-bezier(.2,.8,.2,1)}
.gd .ans:not(.is-shown){visibility:hidden;opacity:0;transform:translateY(8px)}
.ans__fb{font:600 14px/1.2 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--signal);margin:0 0 8px;min-height:1.2em}
.ans__fb.no{color:var(--danger)}
.ans__big{font:700 clamp(22px,min(6.2vw,3.9vh),34px)/1.3 var(--ui);color:var(--fg);margin:0 0 clamp(6px,1.2vh,12px)}
.ans__more{font:400 clamp(17px,min(4.6vw,2.7vh),21px)/1.45 var(--ui);color:var(--fg-2);margin:0}
.ans__note{font:600 clamp(16px,min(4.4vw,2.6vh),20px)/1.45 var(--ui);color:var(--fg);margin:clamp(8px,1.4vh,14px) 0 0;padding:8px 12px;border-radius:14px;background:rgba(253,191,7,.1);border:1px solid rgba(253,191,7,.4)}
.ans a,.card__x a{color:var(--signal);overflow-wrap:anywhere}
.steps3{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.st3{display:grid;grid-template-columns:44px 1fr;align-items:center;gap:14px;width:100%;min-height:60px;padding:8px 16px;border-radius:16px;border:2px solid var(--line-2);background:var(--bg-2);color:var(--fg);text-align:left;cursor:pointer;font:inherit;transition:border-color .2s,background .2s,opacity .2s}
.st3:disabled{opacity:.4;cursor:default}
.st3__n{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--bg-3);font:900 22px/1 var(--display);color:var(--fg-2)}
.st3__t{display:block;font:700 clamp(19px,5vw,24px)/1.2 var(--ui)}
.st3__s{display:block;font:400 clamp(15px,4vw,18px)/1.3 var(--ui);color:var(--fg-2);margin-top:2px}
.gd .st3:not(.is-on) .st3__s{visibility:hidden}
.st3.is-on{border-color:var(--signal);background:rgba(253,191,7,.08)}
.st3.is-on .st3__n{background:var(--signal);color:var(--on-signal)}
.st3.is-next{border-color:var(--signal)}
.guess{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 clamp(12px,2.4vh,22px)}
.gbtn{min-height:58px;padding:10px 14px;border-radius:16px;border:2px solid var(--line-2);background:var(--bg-2);color:var(--fg);font:700 clamp(18px,4.8vw,22px)/1.2 var(--ui);cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .15s}
.gbtn:hover{border-color:var(--signal)}.gbtn:active{transform:scale(.98)}
.is-done .gbtn.is-right{border-color:var(--signal);background:var(--signal);color:var(--on-signal)}
.is-done .gbtn[aria-pressed="true"]:not(.is-right){border-color:var(--danger);color:var(--danger);background:transparent}
.cards{display:grid;gap:8px}
.card{display:grid;border-radius:16px;border:2px solid var(--line-2);background:var(--bg-2);overflow:hidden;transition:border-color .2s}
.gd .card>*{grid-area:1/1}
.card__f{display:flex;align-items:center;gap:12px;min-height:52px;padding:8px 16px;border:0;border-radius:0;background:transparent;color:var(--fg);text-align:left;cursor:pointer;font:inherit}
.card__ft{flex:1;font:700 clamp(18px,4.8vw,22px)/1.25 var(--ui)}
.card__f small{font:500 12px/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3)}
.card__f::after{content:"+";font:600 26px/1 var(--mono);color:var(--signal)}
.card__f:hover{background:rgba(245,241,230,.05)}
.card__b{padding:8px 16px;outline:none}
.card__t{display:block;font:600 12.5px/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--signal);margin:0 0 5px}
.card__x{display:block;font:400 clamp(17px,4.5vw,20px)/1.42 var(--ui);color:var(--fg)}
.card__x b{font-weight:700}
.card__x--me{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center}
.card__me{width:52px;height:65px;object-fit:cover;object-position:top;border-radius:10px;background:linear-gradient(transparent 22%,var(--signal) 22%)}
.gd .card:not(.is-open) .card__b{visibility:hidden}
.gd .card.is-open .card__f{visibility:hidden}
.card.is-open{border-color:var(--signal)}
.card__b:focus-visible{outline:3px solid var(--signal);outline-offset:-3px}
.who{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 clamp(12px,2.4vh,22px)}
.wbtn{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;min-height:76px;padding:10px 14px;border-radius:16px;border:2px solid var(--line-2);background:var(--bg-2);color:var(--fg);text-align:left;font:600 clamp(16px,4.3vw,19px)/1.25 var(--ui);cursor:pointer;transition:border-color .2s}
.wbtn:hover{border-color:var(--signal)}
.wbtn__v{font:600 12.5px/1.25 var(--mono);letter-spacing:.04em;text-transform:uppercase}
.gd .wbtn:not(.is-seen) .wbtn__v{visibility:hidden}
.wbtn.y .wbtn__v{color:#7CE0A3}.wbtn.n .wbtn__v{color:var(--danger)}
.wbtn.is-seen.y{border-color:#7CE0A3}.wbtn.is-seen.n{border-color:var(--danger)}
.tick{display:flex;align-items:center;gap:14px;min-height:64px;padding:12px 16px;border-radius:16px;border:2px solid var(--line-2);background:var(--bg-2);cursor:pointer;font:600 clamp(18px,4.8vw,21px)/1.3 var(--ui);color:var(--fg);margin:clamp(14px,2.6vh,24px) 0 0}
.tick input,.r5__l input{width:28px;height:28px;min-height:0;padding:0;margin:0;flex:none;accent-color:var(--signal);cursor:pointer}
.tick:has(input:checked){border-color:var(--signal);background:rgba(253,191,7,.1)}
.slide__f{font:600 clamp(18px,min(4.8vw,2.9vh),23px)/1.4 var(--ui);color:var(--fg-2);margin:0 0 clamp(10px,2vh,18px)}
.slide__f b{color:var(--signal)}
.slide__l{display:block;font:500 clamp(15px,4vw,17px)/1.4 var(--ui);color:var(--fg-2);margin:0 0 2px}
.slide__l b{color:var(--signal);font:800 22px/1 var(--display)}
.mrange{-webkit-appearance:none;appearance:none;display:block;width:100%;height:48px;min-height:48px;padding:0;margin:0 0 4px;border:0;border-radius:0;background:transparent;cursor:pointer;touch-action:none}
.mrange::-webkit-slider-runnable-track{height:10px;border-radius:99px;background:linear-gradient(90deg,var(--signal) var(--p,0%),var(--bg-3) var(--p,0%))}
.mrange::-webkit-slider-thumb{-webkit-appearance:none;width:34px;height:34px;margin-top:-12px;border-radius:50%;background:var(--signal);border:4px solid var(--bg);box-shadow:0 0 0 2px var(--signal)}
.mrange::-moz-range-track{height:10px;border-radius:99px;background:var(--bg-3)}
.mrange::-moz-range-progress{height:10px;border-radius:99px;background:var(--signal)}
.mrange::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:var(--signal);border:4px solid var(--bg)}
.mrange:focus-visible{outline:3px solid var(--signal);outline-offset:4px;border-radius:8px}
.slide__out{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 14px;margin:2px 0 4px}
.slide__usd{font:900 clamp(48px,min(14vw,9vh),84px)/1 var(--display);font-stretch:110%;letter-spacing:-.03em;color:var(--signal)}
.slide__vnd{font:700 clamp(22px,6vw,30px)/1.2 var(--ui);color:var(--fg)}
.slide__keep{font:600 clamp(17px,4.6vw,20px)/1.4 var(--ui);color:var(--fg-2);margin:4px 0 0}
.slide__keep b{color:#7CE0A3}
.slide__tier{display:block;margin-top:4px;font:500 13px/1.3 var(--mono);color:var(--fg-2);letter-spacing:.02em}
.r5s{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.r5{border-radius:14px;border:2px solid var(--line-2);border-left:5px solid var(--signal);background:var(--bg-2);transition:opacity .2s,box-shadow .2s}
.r5.no{border-left-color:var(--danger)}
.r5__l{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start;min-height:48px;padding:9px 14px;cursor:pointer}
.r5__l input{margin-top:1px}
.r5__t{font:400 clamp(17px,min(4.6vw,2.7vh),21px)/1.42 var(--ui);color:var(--fg-2)}
.r5__t b{font-weight:700;color:var(--fg)}
.gd .r5:not(.is-cur) .r5__d{display:none}
.r5.is-cur{box-shadow:0 0 0 2px var(--signal)}
.r5.is-cur .r5__t{font-size:clamp(18px,min(4.9vw,2.9vh),22px)}
.r5.is-wait{opacity:.45}.r5.is-wait .r5__l{cursor:default}
.r5.is-ok .r5__t b::after{content:" ✓";color:#7CE0A3}
.fin{list-style:none;margin:0 0 clamp(16px,3vh,26px);padding:0;display:grid;gap:10px}
.fin li{padding:12px 16px;border-left:4px solid var(--signal);background:var(--bg-2);border-radius:0 14px 14px 0;font:500 clamp(16.5px,4.4vw,19px)/1.45 var(--ui);color:var(--fg)}
.fin a{color:var(--signal);overflow-wrap:anywhere}
.fin__go{display:flex;flex-wrap:wrap;gap:10px}
.fin__go .btn{flex:1 1 220px;min-height:56px;font-size:17px}
.gd .mnav{position:relative;z-index:1;display:flex;gap:10px;flex:none;width:100%;max-width:760px;margin:0 auto;padding:8px 16px calc(12px + env(safe-area-inset-bottom))}
.mnav .btn{flex:1;min-height:56px;font-size:18px}
.mnav .btn[disabled]{opacity:.3;cursor:default}
.mnav .btn.is-locked{opacity:.5}
@media (max-width:780px){.gd .mnav{padding-right:84px}}          /* chừa nút trò chuyện tròn 56 px (fx/chat.js) */
.mhint{position:absolute;left:16px;right:16px;bottom:100%;margin:0;padding:10px 14px;border-radius:12px;background:var(--fg);color:var(--bg);font:600 15px/1.3 var(--ui);text-align:center;pointer-events:none;opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s}
.mhint.is-on{opacity:1;transform:none}
@keyframes nudge{0%,100%{transform:none}20%{transform:translateX(-7px)}40%{transform:translateX(7px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}
.nudge{animation:nudge .45s}
@keyframes ready{0%,100%{box-shadow:0 0 0 0 rgba(253,191,7,.55)}50%{box-shadow:0 0 0 9px rgba(253,191,7,0)}}
.mnav .btn.is-ready{animation:ready 1.3s ease-in-out 2}
/* máy nhỏ hơn khổ chuẩn: man.js thêm .is-tight (thu gọn), vẫn tràn thì .is-scroll (cuộn TRONG màn) — không cắt chữ */
.gd .is-tight .man__h1{font-size:clamp(24px,7vw,34px)}
.gd .is-tight .man__q{font-size:clamp(24px,6.6vw,34px);margin-bottom:10px}
.gd .is-tight .man__k{margin-bottom:6px}
.gd .is-tight .man__lead{font-size:17px;margin-bottom:8px}
.gd .is-tight .ans__big{font-size:clamp(20px,5.6vw,26px);margin-bottom:6px}
.gd .is-tight .ans__more,.gd .is-tight .card__x,.gd .is-tight .r5__t,.gd .is-tight .ans__note,.gd .is-tight .fin li{font-size:16px}
.gd .is-tight .st3{min-height:50px}
.gd .is-tight .guess,.gd .is-tight .who{margin-bottom:10px}
.gd .is-tight .gbtn{min-height:50px}
.gd .is-tight .wbtn{min-height:62px}
.gd .is-tight .card__f{min-height:46px}
.gd .is-tight .card__b{padding:6px 14px}
.gd .is-tight .slide__usd{font-size:44px}
.gd .is-scroll{overflow-y:auto;justify-content:flex-start;overscroll-behavior:contain}
/* 2 cột bìa dọc hai bên trong hướng dẫn (cuon-trang/67, máy tính ≥ 1180 px) */
.sides{display:none}
@media (min-width:1180px){
  .gd .sides{display:block;position:absolute;inset:0;z-index:0;pointer-events:none}
  .side{position:absolute;top:50%;width:clamp(170px,calc((100vw - 760px) / 2 - 90px),250px);aspect-ratio:4/5;border-radius:18px;overflow:hidden;background:var(--bg-2);border:1px solid var(--line);box-shadow:0 24px 60px rgba(0,0,0,.45)}
  .side--l{left:calc((100vw - 760px) / 4);transform:translate(-50%,-50%) rotate(-4deg)}
  .side--r{right:calc((100vw - 760px) / 4);transform:translate(50%,-50%) rotate(4deg)}
  .side__slide{position:absolute;inset:0;overflow:hidden}
  .side__slide img{display:block;width:100%;height:100%;object-fit:cover;will-change:transform}
}
/* lưới ô vuông chuyển cảnh (chuyen-trang/04) */
.px{position:fixed;inset:0;z-index:120;display:grid;pointer-events:none;grid-template-columns:repeat(var(--cols,13),1fr);grid-template-rows:repeat(var(--rows,7),1fr)}
.px i{background:var(--signal);opacity:0;transform:scale(0)}
.px.is-on i{opacity:1;transform:scale(1.01)}

/* =========================== 3 · MÀN CHỌN LẦN ĐẦU =========================== */
.pick{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:16px;background:rgba(8,7,5,.74);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.pick__card{width:min(520px,100%);background:var(--bg-2);border:1px solid var(--line-2);border-radius:22px;padding:clamp(20px,4vw,30px);box-shadow:0 30px 80px rgba(0,0,0,.6);animation:pickIn .35s cubic-bezier(.2,.8,.2,1)}
@keyframes pickIn{from{opacity:0;transform:translateY(14px) scale(.98)}}
.pick__t{font:800 clamp(22px,5.4vw,30px)/1.2 var(--display);font-stretch:104%;margin:14px 0 8px;text-wrap:balance}
.pick h2{font:600 17px/1.4 var(--ui);color:var(--fg-2);margin:0 0 16px}
.pick__go{display:grid;gap:10px}
.pick__go .btn{width:100%;min-height:58px;font-size:17px;text-align:center;line-height:1.25;padding:8px 18px}
.pick .fine{margin-top:12px}

/* =========================== 4 · VÒNG 6: HÀNH TRÌNH (tầm nhìn, cấp độ, kênh, tài nguyên, nhịp, xếp hạng, suất sáng lập) =========================== */
.seats{display:inline-flex;align-self:flex-start;align-items:center;gap:8px;margin:0;padding:6px 12px;border-radius:999px;border:1px solid rgba(124,224,163,.55);background:rgba(124,224,163,.08);color:#7CE0A3;font:600 14px/1.3 var(--ui)}
.seats::before{content:"";width:8px;height:8px;border-radius:50%;background:#7CE0A3;flex:none}
.seats.is-full{color:var(--fg-2);border-color:var(--line-2);background:transparent}.seats.is-full::before{background:var(--fg-3)}
.seats--big{font-size:clamp(17px,2.2vw,20px);padding:10px 16px;margin:4px 0 0}
.seats--in{display:flex;width:fit-content;margin-top:8px;font-size:clamp(15px,4vw,17px)}
.seats--fin{margin:0 0 12px}
#apply .seats{margin:0 0 14px}
.ex{font:600 13.5px/1.4 var(--mono);letter-spacing:.02em;color:var(--signal);margin:0 0 16px}
.ex b{color:var(--fg)}
.sc3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 26px}
.sc{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:18px;border:1.5px solid var(--line-2);background:var(--bg-2);min-width:0}
.sc:nth-child(2){border-color:rgba(253,191,7,.5)}.sc:nth-child(3){border-color:var(--signal)}
.sc__k{font:600 12.5px/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--signal);margin:0}
.osec .sc__h{font:800 clamp(18px,2vw,21px)/1.25 var(--display);font-stretch:104%;margin:0}
.sc__mix{color:var(--fg-2);font-size:14.5px;line-height:1.4;margin:0 0 4px}
.sc__t{width:100%;border-collapse:collapse;font-size:14.5px;line-height:1.35}
.sc__t th,.sc__t td{padding:6px 4px;border-top:1px solid var(--line);vertical-align:top}
.sc__t thead th{font:600 11.5px/1.2 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--fg-3);text-align:right;border-top:0}
.sc__t th[scope="row"]{text-align:left;font-weight:500;color:var(--fg-2)}
.sc__t td{text-align:right;white-space:nowrap}
.sc__t td[colspan]{text-align:right}
.sc__t b{font-weight:700;color:var(--fg)}
.sc__sum th,.sc__sum td{border-top:1.5px solid var(--line-2)}
.sc__sum b{color:var(--signal);font-size:16.5px}
.sc__tpl{margin:2px 0 0;color:#7CE0A3;font:600 14px/1.4 var(--ui)}
.sc__ex{margin:auto 0 0;padding-top:6px;font:500 12px/1.35 var(--mono);color:var(--fg-3)}
.otbl{overflow-x:auto;margin:0 0 12px;border:1px solid var(--line);border-radius:14px}
.otbl table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.4}
.otbl th,.otbl td{padding:10px 12px;border-top:1px solid var(--line);text-align:left;vertical-align:top}
.otbl thead th{border-top:0;font:600 12px/1.2 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--fg-3)}
.otbl td{white-space:nowrap;text-align:right}.otbl thead th+th{text-align:right}
.otbl th[scope="row"]{font-weight:500;color:var(--fg-2)}
.otbl b{color:var(--fg)}
.lv6{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.lv{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:16px;border:1.5px solid var(--line-2);border-left:6px solid var(--lvc,var(--line-2));background:var(--bg-2)}
.lv--1{--lvc:#C98A52}.lv--2{--lvc:#C9CED6}.lv--3{--lvc:var(--signal)}.lv--4{--lvc:#E8E6F2}.lv--5{--lvc:#8FD9F2}
.lv__n{font:800 clamp(19px,2.2vw,22px)/1.2 var(--display);font-stretch:104%;color:var(--fg)}
.lv__r{font:600 12.5px/1.2 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--lvc,var(--fg-3))}
.lv__p{color:var(--fg-2);font-size:15px;line-height:1.4}
.lv__founder{margin-top:0}
.plat,.res{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.res{grid-template-columns:repeat(3,minmax(0,1fr))}
.plat li,.res li{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:14px;border:1px solid var(--line-2);background:var(--bg-2)}
.plat b,.res b{font:700 16.5px/1.3 var(--ui);color:var(--fg)}
.plat span,.res span{color:var(--fg-2);font-size:14.5px;line-height:1.4}
#tai-nguyen .tiles{margin-top:6px}
.rt{margin:0 0 12px;padding:0 0 0 22px;display:grid;gap:8px;font:500 17px/1.45 var(--ui);color:var(--fg)}
.rt li::marker{color:var(--signal);font-weight:700}
#luat>h3{margin-top:26px}
/* hướng dẫn: màn cấp độ (6 nút) + màn kênh (9 ô) gọn hơn để vừa 390×844 */
.steps3--lv{gap:6px}
.steps3--lv .st3{min-height:46px;grid-template-columns:32px 1fr;gap:10px;padding:5px 12px}
.steps3--lv .st3__n{width:32px;height:32px;font-size:16px;border-radius:9px}
.steps3--lv .st3__t{font-size:clamp(15.5px,4.2vw,19px)}
.steps3--lv .st3__s{font-size:clamp(13px,3.5vw,15.5px);margin-top:1px}
.who--plat{gap:7px}
.who--plat .wbtn{min-height:54px;padding:7px 12px;gap:3px;font-size:clamp(15px,4vw,17.5px)}
.who--plat .wbtn.n{grid-column:1/-1}
.gd .is-tight .who--plat .wbtn{min-height:48px}
.np{display:inline-block;padding:1px 8px;margin:0 4px 2px 0;border:1px solid var(--line-2);border-radius:99px;font-weight:600;color:var(--fg-2)}
.gd #g-1 .card__x{font-size:clamp(15px,4.1vw,19px);line-height:1.36}
.gd #g-1 .card__b{padding:6px 14px}
.gd #g-1 .card__t{margin-bottom:3px}
.gd #g-1 .man__lead{font-size:clamp(17px,min(4.6vw,2.7vh),22px)}
.gd #g-1 .card__f{min-height:48px}
.fin li:has(.fin__me){display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center}
.fin__me{width:44px;height:55px;object-fit:cover;object-position:top;border-radius:9px;background:linear-gradient(transparent 22%,var(--signal) 22%)}
@media (min-width:700px){.steps3--lv{grid-template-columns:1fr 1fr}.who--plat{grid-template-columns:repeat(3,1fr)}}
@media (max-width:900px){.sc3{grid-template-columns:1fr}.lv6,.res{grid-template-columns:1fr 1fr}.plat{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.lv6,.res{grid-template-columns:1fr}.plat li{padding:10px 12px}.otbl th,.otbl td{padding:8px 8px;font-size:14px}.otbl td{white-space:normal}}

@media (prefers-reduced-motion:reduce){
  .gd .man.in-r,.gd .man.in-l,.nudge,.mnav .btn.is-ready,.hc__float,.pick__card{animation:none!important}
  .ans,.mprog__fill,.st3,.card,.r5,.mhint{transition:none!important}
  .gd .ans:not(.is-shown){transform:none}
}