@font-face{font-family:'FK Grotesk Neue';src:url(fonts/FKGroteskNeue-Bold.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'FK Grotesk Neue';src:url(fonts/FKGroteskNeue-Black.woff2) format('woff2');font-weight:900;font-display:swap}
@font-face{font-family:'SVN-Circular';src:url(fonts/SVN-Circular-Book.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'SVN-Circular';src:url(fonts/SVN-Circular-Medium.woff2) format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'SVN-Circular';src:url(fonts/SVN-Circular-Bold.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'SVN-Circular';src:url(fonts/SVN-Circular-Black.woff2) format('woff2');font-weight:900;font-display:swap}

:root{--r-sm:8px;--r-md:10px;--r-lg:14px;--r-xl:18px;--ring:rgba(2,70,255,.5);--blue:var(--oh-blue,#0246FF);--navy:var(--oh-blue-deep,#062173);--cyan:var(--oh-cyan,#02D8FF);--ink:var(--oh-gray-900,#1A1A1A);--mid:var(--oh-gray-700,#4A4A4A);--dim:var(--oh-gray-500,#717171);--line:var(--oh-gray-200,#D9D9D9);--tint:var(--oh-blue-50,#EBF0FF);--wash:#F5F7FD}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;scroll-padding-top:74px}
body{margin:0;background:#FBFBFD;color:var(--ink);font-family:'SVN-Circular','Helvetica Neue',Arial,sans-serif;font-size:16px;line-height:1.6;text-wrap:pretty}
img,svg{max-width:100%}
.fk{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif}
.wrap{max-width:1200px;margin:0 auto;padding:0 clamp(16px,3vw,40px)}
.wrap.narrow{max-width:960px}
section{padding:clamp(48px,6vw,80px) 0}
a{color:var(--blue);text-decoration:none}
a:hover{color:var(--navy)}
h2.sec{font-family:'SVN-Circular','Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:clamp(25px,2.7vw,31px);line-height:1.2;letter-spacing:-.01em;color:var(--ink);margin:10px 0 0}
p.sub{color:var(--dim);font-size:15.5px;line-height:1.6;max-width:720px;margin:0}
.kick{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);display:block}
.bar48{width:48px;height:2px;background:var(--blue);border:0;margin:12px 0;border-radius:0}
.secbody{margin-top:24px}
section > .wrap > .grid,section > .wrap > .panel,section > .wrap > .faq,section > .wrap > .tblwrap,section > .wrap > .bubs,section > .wrap > .paths,section > .wrap > .rtb,section > .wrap > .proofwait,section > .wrap > [data-tabs],section > .wrap > [data-calc]{margin-top:24px}
.srcnote{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:12px;color:var(--dim);margin:14px 0 0}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--blue);color:#FFF;font-weight:700;font-size:15px;line-height:1;border:0;border-radius:var(--r-md);padding:0 22px;min-height:44px;cursor:pointer;text-decoration:none;white-space:nowrap;box-shadow:0 1px 2px rgba(6,33,115,.10);font-family:inherit;transition:background .15s cubic-bezier(.2,0,0,1),box-shadow .15s cubic-bezier(.2,0,0,1),transform .15s cubic-bezier(.2,0,0,1)}
.btn>svg{width:16px;height:16px;flex:0 0 auto}
.btn:disabled,.btn[aria-disabled="true"]{opacity:.5;pointer-events:none}
.btn:hover,.btn:focus-visible,.btn:active{color:#FFF}
.btn:hover{background:#0038D6;box-shadow:0 2px 8px rgba(6,33,115,.16)}
.btn:active{transform:scale(.98)}
.btn.ghost{background:#FFF;color:var(--navy);border:1.5px solid #C5D4FF;box-shadow:none;font-weight:700}
.btn.ghost:hover{background:var(--tint);color:var(--navy)}
.btn.line{background:transparent;color:#FFF;border:1px solid rgba(255,255,255,.55);box-shadow:none}
.btn.white{background:#FFF;color:var(--blue);box-shadow:none}
.btn.lg{font-size:16px;padding:0 28px;min-height:52px;border-radius:var(--r-lg)}
.btn.sm{font-size:13.5px;padding:0 15px;min-height:36px;border-radius:var(--r-sm)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--ring);outline-offset:2px;border-radius:var(--r-sm)}
.onDark a.onDark :focus-visible{outline-color:rgba(127,233,255,.75)}

/* bảng màu phụ — 6 họ cùng độ sáng, dùng cho ô ký hiệu và mảng nền nhạt */
:root{
  --t1:var(--oh-blue-50); --f1:var(--oh-blue);   /* cobalt — môi giới */
  --t2:var(--oh-success-50); --f2:var(--oh-success-deep);   /* xanh ngọc — người mua */
  --t3:#FAEEDA; --f3:#96620A;   /* hổ phách — người bán */
  --t4:#EBE6FA; --f4:#5B3DC0;   /* tím — nhà đầu tư */
  --t5:var(--oh-cyan-50); --f5:var(--oh-cyan-700);   /* lam nhạt — chuẩn & công cụ */
  --t6:#FAE6DF; --f6:#A9462A;   /* đất nung — chủ sàn */
}

.topbar{display:none}
.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.93);backdrop-filter:blur(8px);border-bottom:1px solid #ECECF1}
.nav .wrap{display:flex;align-items:center;gap:4px;padding:0 22px;min-height:72px;flex-wrap:nowrap}
.nav .navscroll{display:flex;align-items:center;gap:2px;flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#C9D3EA transparent;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 26px),transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 26px),transparent 100%);padding-right:16px}
.nav .navscroll::-webkit-scrollbar{height:3px}
.nav .navscroll::-webkit-scrollbar-thumb{background:#C9D3EA;border-radius:99px}
.nav .navscroll::-webkit-scrollbar-track{background:transparent}
.nav .brand{display:flex;align-items:center;margin-right:22px;flex:0 0 auto}
.nav .brand img{height:40px;width:auto;display:block;flex:0 0 auto}
@media(max-width:1060px){.brand{margin-right:14px}.brand img{height:32px}}
.nav a.chip{font-size:12.5px;font-weight:700;color:var(--mid);text-decoration:none;padding:7px 11px;border-radius:99px;white-space:nowrap;flex:0 0 auto}
.nav a.chip:hover{background:var(--tint);color:var(--blue)}
.nav .go{display:none}
.nav .btn.sm{flex:0 0 auto;white-space:nowrap;margin-left:8px}
.nav a.chip.login{flex:0 0 auto;font-weight:700;color:var(--navy);border:1px solid #DDE3F0;padding:7px 15px;margin-right:8px}
.nav a.chip.login:hover{background:var(--tint);border-color:#C5D4FF}
@media(max-width:860px){.nav .navscroll{display:none}}
@media(max-width:560px){.nav a.chip.up{display:none}.nav .wrap{gap:8px}}

.menu{background:#F7F9FE;border-bottom:1px solid #E7EBF5;font-size:12.5px}
.menu .wrap{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:9px 22px}
.menu .lbl{font-size:11px;font-weight:700;letter-spacing:.05em;color:var(--dim);white-space:nowrap;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif}
.menu details{display:inline-block}
.menu summary{cursor:pointer;list-style:none;font-weight:700;color:var(--navy);padding:5px 11px;border-radius:99px;background:#FFF;border:1px solid #E1E7F5;font-size:12px}
.menu summary::-webkit-details-marker{display:none}
.menu summary:hover{border-color:var(--blue);color:var(--blue)}
.menu .pop{position:absolute;z-index:60;background:#FFF;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 44px rgba(6,33,115,.16);padding:10px;margin-top:8px;display:grid;gap:2px;min-width:280px;max-height:60vh;overflow:auto}
.menu .pop a{display:block;padding:7px 10px;border-radius:8px;color:var(--mid);font-size:12.5px;font-weight:500}
.menu .pop a:hover{background:var(--tint);color:var(--blue)}
.menu .pop a.cur{color:var(--blue);font-weight:700}
.menu .pop a .soon{color:#B08A2E;font-size:10.5px;font-weight:700;margin-left:6px;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif}
.menu .up{margin-left:auto;font-weight:700;color:var(--blue);white-space:nowrap}

.hero{background:linear-gradient(120deg,#0043FF 0%,#0246FF 46%,#00A8E8 100%);color:#FFF;position:relative;overflow:hidden;padding:60px 0 66px}
.hero::after{content:"";position:absolute;right:-80px;top:-120px;width:380px;height:380px;background:rgba(255,255,255,.10);border-radius:80px;transform:rotate(18deg)}
.hero .wrap{position:relative;z-index:1}
.badge{display:inline-block;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.42);border-radius:14px;padding:7px 14px;max-width:52ch;line-height:1.45;font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif}
.hero h1{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:900;font-size:clamp(30px,4.4vw,44px);line-height:1.13;letter-spacing:-.015em;margin:18px 0 12px;max-width:840px}
.hero p.lede{font-size:16.5px;line-height:1.62;color:#EFFBFF;max-width:680px;margin:0 0 26px}
.hbtns{display:flex;gap:12px;flex-wrap:wrap}

/* ---- Hero variants ---- */
.hero.navy{background:#062173}
.hero.navy::after{content:none}
.hero.navy .mark{position:absolute;right:-90px;top:-70px;width:420px;opacity:.10;pointer-events:none}
.hero.light{background:#F5F5F5;color:var(--ink)}
.hero.light::after{content:none}
.hero.light .badge{background:var(--tint);border-color:#C5D4FF;color:var(--blue)}
.hero.light h1{color:var(--navy)}
.hero.light p.lede{color:var(--mid)}
.hero.light .btn.line{color:var(--navy);border-color:#C5D4FF}
.hero.light .btn.line:hover{background:#FFF}
.hero.light .hbar{height:2px;width:48px;background:linear-gradient(90deg,#00DAFF,#0043FF);border-radius:2px;margin:18px 0 0}

.hero.scene{background:#050D2E;padding:78px 0 84px}
.hero.scene::after{content:none}
.hero.scene .kvbg{position:absolute;inset:0;overflow:hidden}
.hero.scene .kvbg img{width:100%;height:100%;object-fit:cover;object-position:70% 40%;display:block}
.hero.scene .kvbg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,33,115,.94) 0%,rgba(6,33,115,.80) 42%,rgba(5,13,46,.24) 100%)}
.hero.scene .wrap{max-width:1040px}
.hero.scene h1,.hero.scene p.lede{max-width:600px}
.hero.scene.rev .kvbg img{object-position:30% 40%}
.hero.scene.rev .kvbg::after{background:linear-gradient(270deg,rgba(6,33,115,.94) 0%,rgba(6,33,115,.80) 42%,rgba(5,13,46,.24) 100%)}
.hero.scene.rev .wrap{display:flex;justify-content:flex-end}
.hero.scene.rev .hcol{max-width:600px;text-align:right}
.hero.scene.rev .hcol .badge{margin-left:auto}
.hero.scene.rev .hbtns{justify-content:flex-end}
@media(max-width:900px){.hero.scene.rev .hcol{text-align:left}.hero.scene.rev .hbtns{justify-content:flex-start}}

.hero.split{background:#062173;padding:56px 0}
.hero.split::after{content:none}
.hero.split .wrap{display:grid;grid-template-columns:1fr 400px;gap:36px;align-items:center}
@media(max-width:900px){.hero.split .wrap{grid-template-columns:1fr}}
.hero.split.rev .wrap{grid-template-columns:400px 1fr}
.hero.split.rev .kvcard{order:-1}
@media(max-width:900px){.hero.split.rev .wrap{grid-template-columns:1fr}.hero.split.rev .kvcard{order:0}}
.hero.split .kvcard{border-radius:20px;overflow:hidden;box-shadow:0 18px 44px rgba(5,13,46,.45);aspect-ratio:4/5;background:#0A1A4D;position:relative}
.hero.split .kvcard img{width:100%;height:100%;object-fit:cover;display:block}

.hero.night{background:#050D2E;padding:64px 0 0;overflow:hidden}
.hero.night::after{content:none}
.hero.night .sky{position:absolute;left:0;right:0;bottom:0;height:62%;background-size:cover;background-position:center bottom;opacity:.42}
.hero.night .wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,13,46,.94) 0%,rgba(5,13,46,.78) 46%,rgba(5,13,46,.15) 100%);pointer-events:none}
.hero.night .wrap{display:grid;grid-template-columns:1fr 320px;gap:32px;align-items:end;padding-bottom:0}
@media(max-width:900px){.hero.night .wrap{grid-template-columns:1fr}.hero.night .cut{display:none}}
.hero.night .txt{padding-bottom:60px}
.hero.night .cut{align-self:end}
.hero.night .cut img{width:100%;display:block;filter:drop-shadow(0 18px 44px rgba(5,13,46,.6))}

.kvnote{display:none;position:absolute;left:0;right:0;bottom:0;padding:9px 22px;background:rgba(2,216,255,.10);border-top:1px dashed rgba(127,233,255,.45);color:#7FE9FF;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:700;font-size:11px;letter-spacing:.04em;z-index:3}
.nokv img{display:none !important}
.nokv .kvnote{display:block}
.hero .kvnote{text-align:left}

.bub{display:inline-block;background:#FFF;border:1px solid var(--line);border-radius:14px 14px 14px 4px;padding:10px 14px;font-size:13.5px;color:var(--mid);font-style:italic}
.bubs{display:flex;flex-wrap:wrap;gap:8px}

.grid{display:grid;gap:16px}
.grid.c2{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}
.grid.c3{grid-template-columns:repeat(auto-fit,minmax(262px,1fr))}
.grid.c4{grid-template-columns:repeat(auto-fit,minmax(215px,1fr))}
.card{background:#FFF;border:1px solid var(--line);box-shadow:0 1px 2px rgba(6,33,115,.05);border-radius:var(--r-lg);padding:22px;transition:box-shadow .2s cubic-bezier(.2,0,0,1),border-color .2s cubic-bezier(.2,0,0,1),transform .2s cubic-bezier(.2,0,0,1)}
.card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(6,33,115,.08)}
.card h3{margin:0 0 8px;font-size:17px;color:var(--navy);line-height:1.3}
.card p{margin:0;font-size:14.5px;color:var(--mid);line-height:1.6}
.card .num{width:28px;height:28px;border-radius:99px;background:var(--blue);color:#FFF;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:900;font-size:13px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}
a.card{display:block;transition:.24s cubic-bezier(.2,0,0,1)}
a.card:hover{border-color:var(--blue);box-shadow:0 8px 24px rgba(6,33,115,.08);transform:translateY(-2px)}
a.card.soon{opacity:.62;pointer-events:none}
.card .go{display:inline-block;margin-top:12px;font-size:13px;font-weight:700;color:var(--blue)}
.card .soonpill{display:inline-block;margin-top:12px;font-size:11px;font-weight:700;letter-spacing:.04em;color:#8A5A00;background:#FFF7E6;border:1px solid #E8C89A;border-radius:99px;padding:3px 10px;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif}

.paths{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:840px){.paths{grid-template-columns:1fr}}
.path{border-radius:12px;padding:22px}
.path.bad{background:#F5F5F5}
.path.good{background:var(--tint)}
.path h3{margin:4px 0 10px;font-size:16.5px;color:var(--navy)}
.tagline{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.qline{font-size:14px;line-height:1.55;color:#5B6070;font-weight:700}
.gline{font-size:14px;line-height:1.55;color:var(--blue);font-weight:700}
.flow{display:flex;align-items:center;gap:8px;margin:16px 0 12px;flex-wrap:wrap}
.actor{background:#FFF;border:1.5px solid var(--line);border-radius:12px;padding:9px 13px;font-weight:700;font-size:13px;color:var(--navy);text-align:center;min-width:86px}
.arw{flex:1;height:3px;min-width:26px;position:relative;border-radius:99px}
.arw::after{content:"";position:absolute;right:-1px;top:-5px;border:7px solid transparent}
.arw.red{background:#B8B8B8}.arw.red::after{border-left-color:#B8B8B8}
.arw.blue{background:var(--blue)}.arw.blue::after{border-left-color:var(--blue)}

.panel{background:#FFF;border:1px solid var(--line);border-radius:20px;overflow:hidden}
.stage{background:var(--navy);padding:26px 24px}
.actors3{display:flex;justify-content:space-between;gap:12px;max-width:720px;margin:0 auto}
.a3{flex:1;background:rgba(255,255,255,.07);border:1.5px solid rgba(255,255,255,.22);border-radius:14px;padding:13px 8px;text-align:center;color:#B8CCFF;transition:.25s cubic-bezier(.2,0,0,1)}
.a3 b{display:block;color:#FFF;font-size:13.5px;margin-bottom:3px}
.a3 small{font-size:10px;letter-spacing:.04em}
.a3.hot{background:rgba(2,216,255,.14);border-color:var(--cyan);box-shadow:0 0 0 3px rgba(2,216,255,.15)}
.fx{max-width:720px;margin:14px auto 0;text-align:center;color:#7FE9FF;font-size:12.5px;font-weight:700;min-height:18px;line-height:1.4}
.sbody{padding:24px 26px}
[data-figs] .sbody{display:flex;gap:20px;align-items:flex-start}
[data-figs] .sbody .stxt{flex:1;min-width:0}
@media(max-width:640px){[data-figs] .sbody{flex-direction:column}}
.snum{display:inline-flex;align-items:center;gap:10px;margin-bottom:8px}
.snum .n{width:30px;height:30px;border-radius:99px;background:var(--blue);color:#FFF;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:900;display:flex;align-items:center;justify-content:center;font-size:14px;flex:none}
.snum .n.sys{background:var(--cyan);color:var(--navy)}
.snum .t{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:900;font-size:18px;color:var(--navy);line-height:1.25}
.sdesc{font-size:15px;line-height:1.65;color:#333;max-width:840px;min-height:78px}
.ctrl{display:flex;align-items:center;gap:14px;padding:0 26px 24px}
.dots{display:flex;gap:6px;flex:1;justify-content:center;flex-wrap:wrap}
.dot{width:10px;height:10px;border-radius:99px;background:#DDE1EA;border:0;cursor:pointer;padding:0}
.dot.on{background:var(--blue);width:26px;transition:.2s}

.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.tb{border:1px solid var(--line);background:#FFF;border-radius:99px;padding:0 16px;font-weight:700;font-size:13.5px;cursor:pointer;font-family:inherit;color:var(--mid);min-height:38px;display:inline-flex;align-items:center;gap:6px;transition:background .15s,border-color .15s,color .15s}
.tb:hover{background:var(--wash)}
.tb.on{background:var(--navy);border-color:var(--navy);color:#FFF}
.tbout{font-size:14.5px;line-height:1.65;color:var(--mid);background:#F7F9FF;border:1px solid #DDE7FF;border-radius:14px;padding:16px 18px}
.tbout b{color:var(--navy)}
.tbout .hd{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:900;font-size:15px;color:var(--navy);margin-bottom:6px;display:block;line-height:1.3}

.rtb{display:grid;grid-template-columns:repeat(auto-fit,minmax(288px,1fr));gap:14px}
.rtb .c{background:#FFF;border:1px solid var(--line);border-radius:16px;padding:18px 20px}
.rtb .c b{display:block;color:var(--navy);font-size:15px;margin-bottom:6px}
.rtb .c span{font-size:13.5px;color:var(--mid);line-height:1.55}

.plain{background:var(--navy);border-radius:22px;padding:30px;color:#FFF}
.plain h3{margin:0 0 14px;font-size:20px;font-weight:900;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif}
.plain .row{display:flex;gap:12px;padding:11px 0;border-top:1px solid rgba(255,255,255,.14);font-size:14.5px;line-height:1.6;color:#DFF6FF}
.plain .row b{color:#7FE9FF;flex:none;max-width:230px}
@media(max-width:640px){.plain .row{flex-direction:column;gap:4px}.plain .row b{max-width:none}}

.faq details{background:#FFF;border:1px solid var(--line);border-radius:14px;padding:16px 20px;margin-bottom:10px}
.faq summary{cursor:pointer;font-weight:700;color:var(--navy);font-size:15.5px;line-height:1.4}
.faq p{color:var(--mid);font-size:14.5px;line-height:1.65;margin:10px 0 0}

.conv{background-color:#0043FF;background-image:var(--cta-bg,url(kv/cta-bg.png)),linear-gradient(90deg,#00DAFF 0%,#0043FF 100%);background-size:cover,auto;background-position:center bottom,center;background-repeat:no-repeat;border-radius:0;padding:clamp(48px,6vw,80px) 0 clamp(72px,9vw,120px);color:#FFF;position:relative;overflow:hidden}
.conv:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,46,175,.52) 0%,rgba(0,46,175,.20) 42%,rgba(0,46,175,0) 66%);pointer-events:none;z-index:0}
.conv .wrap{position:relative;z-index:1;display:grid;grid-template-columns:1fr 420px;gap:clamp(24px,4vw,56px);align-items:center}
@media(max-width:900px){.conv .wrap{grid-template-columns:1fr}}
.conv h2{font-family:'SVN-Circular','Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:clamp(24px,2.8vw,32px);margin:0;line-height:1.2;letter-spacing:-.01em}
.conv p{color:rgba(255,255,255,.86);margin:12px 0 0;max-width:520px;font-size:15.5px;line-height:1.6}
.cbtns{display:flex;gap:20px;flex-wrap:wrap;margin-top:22px}
.conv .cbtns a{background:transparent;border:none;border-radius:0;padding:0 0 3px;color:#FFF;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:700;font-size:13px;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:3px}
.cbtns a{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--line);border-radius:12px;padding:11px 18px;color:var(--blue);background:#FFF;text-decoration:none;font-family:'SVN-Circular',sans-serif;font-weight:700;font-size:14px;transition:.15s cubic-bezier(.2,0,0,1)}
.cbtns a:hover{background:var(--tint);border-color:var(--blue)}
.conv .cbtns a:hover{color:#FFF;border-color:#FFF}
.cform{background:#FFF;border-radius:20px;padding:24px;box-shadow:0 24px 48px rgba(5,13,46,.28)}
.cform h3{font-family:'SVN-Circular','Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:19px;color:var(--navy);margin:0 0 16px}
.cform label{display:block;font-size:13px;font-weight:700;color:var(--navy);margin-bottom:6px}
.cform .f{margin-bottom:14px}
/* form base */
input[type=text],input[type=tel],input[type=email],input[type=number],input[type=search],select,textarea{font-family:inherit;font-size:15px;color:var(--ink);background:#FFF;border:1px solid var(--line);border-radius:var(--r-md);padding:0 12px;min-height:40px;box-shadow:0 1px 2px rgba(6,33,115,.04);transition:border-color .15s,box-shadow .15s}
textarea{padding:10px 12px;min-height:88px}
input::placeholder,textarea::placeholder{color:var(--dim)}
input:disabled,select:disabled,textarea:disabled{opacity:.5;cursor:not-allowed}
.cform input{width:100%;border:1px solid var(--line);border-radius:var(--r-md);padding:0 14px;font-family:inherit;font-size:15px;min-height:46px;color:var(--ink)}
.cform input:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 3px rgba(2,70,255,.18)}
.cform button{width:100%;background:linear-gradient(90deg,#00DAFF 0%,#0043FF 100%);color:#FFF;border:0;border-radius:12px;padding:14px;font-family:inherit;font-weight:900;font-size:15px;min-height:48px;cursor:pointer;transition:transform .15s cubic-bezier(.2,0,0,1)}
.cform button:active{transform:scale(.98)}
.cform .fnote{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11.5px;color:var(--dim);margin:12px 0 0;line-height:1.5}
.conv .art{display:none}

footer{background:var(--navy);color:#B8CCFF;font-size:12.5px;padding:44px 0 28px}
footer .wrap{display:block}
footer b{color:#FFF}
footer a{color:#B8CCFF}
footer a:hover{color:#FFF}
.fcols{display:grid;grid-template-columns:1.6fr 1.4fr 1fr 1fr;gap:32px;padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.14)}
@media(max-width:900px){.fcols{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.fcols{grid-template-columns:1fr}}
.fcols h4{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:700;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:#FFF;margin:0 0 12px}
.fcols ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.fcols li{line-height:1.5}
.fbrand img{height:32px;width:auto;display:block;margin-bottom:16px}
.faddr{margin:0 0 12px;line-height:1.6;max-width:330px;color:#B8CCFF}
.fline{margin:0 0 6px;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:12px;letter-spacing:.03em}
.fline b{letter-spacing:.06em}
.fsoc{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.fsoc a{border:1px solid rgba(255,255,255,.28);border-radius:9999px;padding:5px 13px;font-size:12px;font-weight:700}
.fsoc a:hover{border-color:#7FE9FF;color:#7FE9FF}
.fcert{display:inline-block;border:1px solid rgba(255,255,255,.28);border-radius:8px;padding:8px 12px;font-size:11.5px;line-height:1.4;max-width:200px}
footer .fmenu{display:flex;flex-wrap:wrap;gap:6px 14px;margin:22px 0 0;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.14)}
footer .fmenu a{color:#8FA8E8;font-size:11.5px}
footer .fmenu a:hover{color:#FFF}
.fmlab{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:700;font-size:10.5px;letter-spacing:.07em;color:#5E79C4;width:100%;margin-bottom:2px}
.fbot{display:grid;gap:8px;padding-top:20px;font-size:12px;line-height:1.6}

.calc{display:grid;grid-template-columns:320px 1fr;gap:22px}
@media(max-width:840px){.calc{grid-template-columns:1fr}}
.cbox{background:#FFF;border:1px solid var(--line);border-radius:18px;padding:22px}
.amt{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:900;font-size:32px;color:var(--navy);margin:6px 0 2px}
input[type=range]{width:100%;accent-color:var(--blue);margin:14px 0 4px;height:32px}
.orow{display:flex;justify-content:space-between;align-items:baseline;gap:14px;background:#F7F9FF;border:1px solid #DDE7FF;border-radius:12px;padding:13px 16px;margin-bottom:10px}
.orow b{font-size:14px;color:var(--navy)}
.orow .v{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:900;font-size:18px;white-space:nowrap;color:var(--blue)}
.orow small{display:block;color:var(--dim);font-size:11.5px;font-weight:400;margin-top:3px;line-height:1.45}
.note{font-size:12.5px;color:#8A5A00;background:#FFF7E6;border:1px solid #E8C89A;border-radius:10px;padding:11px 14px;line-height:1.55}

.tbl{width:100%;border-collapse:collapse;background:#FFF;border:1px solid var(--line);border-radius:16px;overflow:hidden;font-size:14px}
.tbl th{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:700;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--navy);background:var(--tint);text-align:left;padding:12px 14px}
.tbl td{padding:12px 14px;border-top:1px solid #EDEFF5;color:var(--mid);line-height:1.5;vertical-align:top}
.tbl td:first-child{color:var(--navy);font-weight:700}
.tblwrap{overflow-x:auto;border-radius:16px}

.draft{border:2px dashed #C9A227;border-radius:18px;background:#FFFCF3;padding:22px}
.draft .dlab{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:900;font-size:11px;letter-spacing:.1em;color:#8A5A00;text-transform:uppercase}
.draft h3{margin:8px 0 6px;font-size:17px;color:var(--navy)}
.draft p{margin:0 0 12px;font-size:14.5px;color:var(--mid);line-height:1.6}
.draft ul{margin:0;padding-left:18px;font-size:14px;color:#8A5A00;line-height:1.75}
.draft ul b{color:var(--navy)}

.proofwait{border:1.5px dashed #C5D4FF;border-radius:18px;background:#F7F9FF;padding:26px;text-align:center;color:var(--dim);font-size:14.5px}
.proofwait b{display:block;color:var(--navy);font-size:15.5px;margin-bottom:6px}

.pill{display:inline-block;border-radius:99px;padding:3px 10px;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:700;font-size:10.5px;letter-spacing:.04em}
.pill.g{background:#E6F6F2;color:#006655}
.pill.y{background:#FFF7E6;color:#8A5A00}
.pill.r{background:#FDECEC;color:#C62828}
.pill.n{background:#F2F2F5;color:var(--mid)}
.pills{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));gap:14px}
.stats .s{background:#EBF0FF;border-radius:16px;padding:20px 22px}
.stats .v{display:block;font-family:'SVN-Circular','Helvetica Neue',Arial,sans-serif;font-weight:900;font-size:clamp(26px,3vw,36px);line-height:1.05;letter-spacing:-.015em;color:var(--blue)}
.stats .s b{display:block;margin:10px 0 6px;font-size:15px;color:var(--navy);line-height:1.3}
.stats .d{display:block;font-size:13.5px;color:var(--mid);line-height:1.55}
.cmp{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}
.cmp .p{background:#FFF;border:1px solid var(--line);border-radius:20px;padding:24px}
.cmp .p>.kick{margin-bottom:8px}
.cmp .p h3{margin:0;font-size:20px;color:var(--navy);line-height:1.25}
.cmp .p .mode{display:block;margin:8px 0 18px;font-size:13.5px;color:var(--mid);line-height:1.55}
.cmp .cd{border-top:1px solid var(--line);padding:14px 0 0;margin-top:14px}
.cmp .cd:first-of-type{border-top:0;margin-top:0;padding-top:0}
.cmp .cd b{display:block;font-size:15.5px;color:var(--ink)}
.cmp .cd i{display:block;font-style:normal;font-size:14.5px;color:var(--blue);margin:4px 0 4px;font-weight:700}
.cmp .cd span{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:12px;color:var(--dim)}

.nav a.chip.up{color:var(--blue);font-weight:900}
.nav a.chip.up:hover{background:var(--tint)}

.hero .hsub{font-family:'SVN-Circular','Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:clamp(18px,2vw,24px);line-height:1.3;letter-spacing:-.015em;margin:12px 0 0;color:inherit;opacity:.9}

.hero .hoffer{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0}
.hero .hoffer .o{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.22);border-radius:12px;padding:12px 16px;min-width:132px}
.hero .hoffer .o b{display:block;font-family:'SVN-Circular','Helvetica Neue',Arial,sans-serif;font-weight:900;font-size:21px;line-height:1.1;letter-spacing:-.015em;color:#FFF}
.hero .hoffer .o span{display:block;margin-top:4px;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:12.5px;line-height:1.4;color:rgba(255,255,255,.78)}
.hero.light .hoffer .o{background:var(--tint);border-color:transparent}
.hero.light .hoffer .o b{color:var(--blue)}
.hero.light .hoffer .o span{color:var(--mid)}
.hero .hbtns{margin-top:22px}

.loop{position:relative;padding-bottom:46px}
.loop .ring{display:grid;grid-template-columns:repeat(auto-fit,minmax(158px,1fr));gap:22px 26px}
.loop .node{background:#FFF;border:1px solid var(--line);border-radius:14px;padding:15px 17px;position:relative}
.loop .node+.node::before{content:'';position:absolute;left:-19px;top:50%;width:12px;height:12px;margin-top:-6px;border-right:2px solid var(--blue);border-top:2px solid var(--blue);transform:rotate(45deg)}
.loop .node b{display:block;font-size:15.5px;color:var(--navy);line-height:1.25}
.loop .node span{display:block;margin-top:5px;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:12.5px;color:var(--mid);line-height:1.45}
.loop .node.sig{border-color:#02D8FF;box-shadow:0 0 0 3px rgba(2,216,255,.14)}
.loop .node.sig b{color:var(--blue)}
.loop .back{position:absolute;left:8px;right:8px;bottom:0;height:34px;border:2px dashed var(--blue);border-top:0;border-radius:0 0 16px 16px}
.loop .back i{position:absolute;left:50%;bottom:-11px;transform:translateX(-50%);background:#FFF;padding:0 14px;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-style:normal;font-weight:700;font-size:12.5px;color:var(--blue);white-space:nowrap}
.loop .back::before{content:'';position:absolute;left:-1px;top:14px;width:11px;height:11px;border-left:2px solid var(--blue);border-bottom:2px solid var(--blue);transform:rotate(45deg)}
@media(max-width:640px){.loop .node+.node::before{display:none}.loop{padding-bottom:0}.loop .back{display:none}}

.faud{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin:24px 0 0}
.fab{text-align:left;background:#FFF;border:1px solid var(--line);border-radius:16px;padding:16px 18px;cursor:pointer;font:inherit;transition:.15s cubic-bezier(.2,0,0,1)}
.fab b{display:block;font-family:'SVN-Circular','Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:16.5px;color:var(--navy)}
.fab span{display:block;margin-top:4px;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:12px;color:var(--dim);line-height:1.45}
.fab:hover{border-color:var(--blue)}
.frail{display:grid;grid-template-columns:repeat(auto-fit,minmax(184px,1fr));gap:10px;margin:18px 0 0;position:relative}
.fst{position:relative;text-align:left;background:#FFF;border:1px solid var(--line);border-radius:14px;padding:15px 16px;cursor:pointer;font:inherit;transition:.15s cubic-bezier(.2,0,0,1)}
.fst:hover{border-color:var(--blue)}
.fst .fnum{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:99px;background:var(--tint);color:var(--blue);font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:900;font-size:12px;margin-bottom:9px}
.fst b{display:block;font-family:'SVN-Circular','Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:15.5px;color:var(--ink);line-height:1.25}
.fst .fpk{display:block;margin-top:4px;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--dim)}
.fst+.fst::before{content:'';position:absolute;left:-8px;top:26px;width:9px;height:9px;border-right:2px solid #C9CEDB;border-top:2px solid #C9CEDB;transform:rotate(45deg)}
.fpanel{display:grid;grid-template-columns:minmax(240px,340px) 1fr;gap:26px;margin:20px 0 0;background:#F5F5F5;border-radius:20px;padding:26px}
.fintro h3{margin:8px 0 0;font-family:'SVN-Circular','Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:clamp(20px,2.2vw,26px);line-height:1.2;letter-spacing:-.015em;color:var(--navy)}
.fintro p{margin:0;font-size:14.5px;color:var(--mid);line-height:1.6}
.fcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;align-content:start}
.fcards .card{padding:16px 18px}
.fcards .card h3{font-size:15.5px}
.fcards .card p{font-size:13.5px}
@media(max-width:860px){.fpanel{grid-template-columns:1fr;padding:20px}.fst+.fst::before{display:none}}
#flowmap [data-panel],#flowmap [data-rail]{display:none}
#flowmap[data-aud="mg"] [data-rail="mg"]{display:block}
#flowmap[data-aud="mg"] [data-go="aud:mg"]{background:var(--navy);border-color:var(--navy)}
#flowmap[data-aud="mg"] [data-go="aud:mg"] b{color:#FFF}
#flowmap[data-aud="mg"] [data-go="aud:mg"] span{color:rgba(255,255,255,.72)}
#flowmap[data-aud="mg"][data-stage="1"] [data-panel="mg:1"]{display:block}
#flowmap[data-aud="mg"][data-stage="1"] [data-go="mg:1"]{background:var(--blue);border-color:var(--blue)}
#flowmap[data-aud="mg"][data-stage="1"] [data-go="mg:1"] b{color:#FFF}
#flowmap[data-aud="mg"][data-stage="1"] [data-go="mg:1"] .fpk{color:rgba(255,255,255,.78)}
#flowmap[data-aud="mg"][data-stage="1"] [data-go="mg:1"] .fnum{background:rgba(255,255,255,.22);color:#FFF}
#flowmap[data-aud="mg"][data-stage="2"] [data-panel="mg:2"]{display:block}
#flowmap[data-aud="mg"][data-stage="2"] [data-go="mg:2"]{background:var(--blue);border-color:var(--blue)}
#flowmap[data-aud="mg"][data-stage="2"] [data-go="mg:2"] b{color:#FFF}
#flowmap[data-aud="mg"][data-stage="2"] [data-go="mg:2"] .fpk{color:rgba(255,255,255,.78)}
#flowmap[data-aud="mg"][data-stage="2"] [data-go="mg:2"] .fnum{background:rgba(255,255,255,.22);color:#FFF}
#flowmap[data-aud="mg"][data-stage="3"] [data-panel="mg:3"]{display:block}
#flowmap[data-aud="mg"][data-stage="3"] [data-go="mg:3"]{background:var(--blue);border-color:var(--blue)}
#flowmap[data-aud="mg"][data-stage="3"] [data-go="mg:3"] b{color:#FFF}
#flowmap[data-aud="mg"][data-stage="3"] [data-go="mg:3"] .fpk{color:rgba(255,255,255,.78)}
#flowmap[data-aud="mg"][data-stage="3"] [data-go="mg:3"] .fnum{background:rgba(255,255,255,.22);color:#FFF}
#flowmap[data-aud="mg"][data-stage="4"] [data-panel="mg:4"]{display:block}
#flowmap[data-aud="mg"][data-stage="4"] [data-go="mg:4"]{background:var(--blue);border-color:var(--blue)}
#flowmap[data-aud="mg"][data-stage="4"] [data-go="mg:4"] b{color:#FFF}
#flowmap[data-aud="mg"][data-stage="4"] [data-go="mg:4"] .fpk{color:rgba(255,255,255,.78)}
#flowmap[data-aud="mg"][data-stage="4"] [data-go="mg:4"] .fnum{background:rgba(255,255,255,.22);color:#FFF}
#flowmap[data-aud="kh"] [data-rail="kh"]{display:block}
#flowmap[data-aud="kh"] [data-go="aud:kh"]{background:var(--navy);border-color:var(--navy)}
#flowmap[data-aud="kh"] [data-go="aud:kh"] b{color:#FFF}
#flowmap[data-aud="kh"] [data-go="aud:kh"] span{color:rgba(255,255,255,.72)}
#flowmap[data-aud="kh"][data-stage="1"] [data-panel="kh:1"]{display:block}
#flowmap[data-aud="kh"][data-stage="1"] [data-go="kh:1"]{background:var(--blue);border-color:var(--blue)}
#flowmap[data-aud="kh"][data-stage="1"] [data-go="kh:1"] b{color:#FFF}
#flowmap[data-aud="kh"][data-stage="1"] [data-go="kh:1"] .fpk{color:rgba(255,255,255,.78)}
#flowmap[data-aud="kh"][data-stage="1"] [data-go="kh:1"] .fnum{background:rgba(255,255,255,.22);color:#FFF}
#flowmap[data-aud="kh"][data-stage="2"] [data-panel="kh:2"]{display:block}
#flowmap[data-aud="kh"][data-stage="2"] [data-go="kh:2"]{background:var(--blue);border-color:var(--blue)}
#flowmap[data-aud="kh"][data-stage="2"] [data-go="kh:2"] b{color:#FFF}
#flowmap[data-aud="kh"][data-stage="2"] [data-go="kh:2"] .fpk{color:rgba(255,255,255,.78)}
#flowmap[data-aud="kh"][data-stage="2"] [data-go="kh:2"] .fnum{background:rgba(255,255,255,.22);color:#FFF}
#flowmap[data-aud="kh"][data-stage="3"] [data-panel="kh:3"]{display:block}
#flowmap[data-aud="kh"][data-stage="3"] [data-go="kh:3"]{background:var(--blue);border-color:var(--blue)}
#flowmap[data-aud="kh"][data-stage="3"] [data-go="kh:3"] b{color:#FFF}
#flowmap[data-aud="kh"][data-stage="3"] [data-go="kh:3"] .fpk{color:rgba(255,255,255,.78)}
#flowmap[data-aud="kh"][data-stage="3"] [data-go="kh:3"] .fnum{background:rgba(255,255,255,.22);color:#FFF}
#flowmap[data-aud="kh"][data-stage="4"] [data-panel="kh:4"]{display:block}
#flowmap[data-aud="kh"][data-stage="4"] [data-go="kh:4"]{background:var(--blue);border-color:var(--blue)}
#flowmap[data-aud="kh"][data-stage="4"] [data-go="kh:4"] b{color:#FFF}
#flowmap[data-aud="kh"][data-stage="4"] [data-go="kh:4"] .fpk{color:rgba(255,255,255,.78)}
#flowmap[data-aud="kh"][data-stage="4"] [data-go="kh:4"] .fnum{background:rgba(255,255,255,.22);color:#FFF}

.fintro{align-self:start}

.fart{grid-column:1/-1;width:100%;height:auto;display:block;margin:-4px 0 18px}
@media(max-width:860px){.fart{margin-bottom:0}}

.fbox{grid-column:1/-1;display:grid;grid-template-columns:minmax(230px,1fr) minmax(280px,1.4fr) minmax(180px,.9fr);gap:0;background:#FFF;border:1px solid var(--line);border-radius:18px;overflow:hidden;margin-bottom:22px}
.fbox>*{padding:20px 22px}
.fbox .fbin,.fbox .fbout{border-left:1px solid var(--line);position:relative}
.fbox .fbin::before{content:'';position:absolute;left:-7px;top:50%;margin-top:-6px;width:12px;height:12px;background:#FFF;border-right:1px solid var(--line);border-top:1px solid var(--line);transform:rotate(45deg)}
.fblab,.fbcap{display:block;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin-bottom:7px}
.fbhd{background:var(--tint)}
.fbhd .fblab{color:var(--blue)}
.fbhd b{display:block;font-family:'SVN-Circular','Helvetica Neue',Arial,sans-serif;font-weight:900;font-size:19px;line-height:1.2;letter-spacing:-.015em;color:var(--navy)}
.fbhd p{margin:8px 0 0;font-size:13.5px;line-height:1.55;color:var(--mid)}
.fbchips{display:flex;flex-wrap:wrap;gap:7px}
.fbchip{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:12.5px;font-weight:700;color:var(--navy);background:#F5F5F5;border-radius:99px;padding:6px 12px;line-height:1.3}
.fbout{background:var(--navy)}
.fbout .fbcap{color:rgba(255,255,255,.88)}
.fbout b{display:block;font-family:'SVN-Circular','Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:16px;line-height:1.3;color:#FFF}
@media(max-width:860px){.fbox{grid-template-columns:1fr}.fbox .fbin,.fbox .fbout{border-left:0;border-top:1px solid var(--line)}.fbox .fbin::before{left:50%;top:-7px;margin:0 0 0 -6px;transform:rotate(135deg)}}

.fighead{display:grid;grid-template-columns:minmax(260px,380px) minmax(0,1fr);gap:clamp(24px,4vw,48px);align-items:center;margin:0 0 30px}
.fighead .fh-t{min-width:0}
.fighead .fh-t .sub{margin:14px 0 0}
.fighead .fh-t .bar48{margin:16px 0 0}
.fighead>img{justify-self:end}
@media(max-width:980px){.fighead{grid-template-columns:1fr;gap:18px}.fighead>img{justify-self:start}}

.fh-solo{max-width:860px}
.pfig{display:block;width:200px;height:auto;margin:0 0 14px}
.tbg{width:20px;height:20px;flex:0 0 20px;display:block}
.tb.on .tbg{filter:brightness(0) invert(1)}
.tb{display:inline-flex;align-items:center;gap:8px}
.tfig{float:right;width:200px;height:auto;margin:0 0 10px 20px}
.sbody .sfig{width:200px;height:auto;flex:0 0 200px;display:block;align-self:flex-start}
.nfig{display:block;width:86px;height:62px;margin:0 auto 8px}
.gfig{display:block;width:110px;height:80px;margin:0 0 10px}

.card .cfig{display:block;width:100%;max-width:288px;height:auto;margin:0 0 14px;overflow:visible}
.card .cfig+h3{margin-top:0}
@media(max-width:600px){.card .cfig{width:96px;height:66px;margin-bottom:10px}}

.path .cfig{display:block;width:100%;max-width:288px;height:auto;margin:0 0 14px;overflow:visible}
.path .cfig+.tagline{display:block}

a.card .cfig{display:block;width:100%;max-width:288px;height:auto;margin:0 0 14px;overflow:visible}
.fbhd .cfig{display:block;width:104px;height:72px;margin:0 0 10px;overflow:visible}

.sechead{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(26px,4vw,56px);align-items:center;margin:0 0 28px}
.sechead .sh-t{min-width:0}
.sechead .secfig{display:block;width:328px;height:132px;justify-self:end;overflow:visible}
@media(max-width:900px){.sechead{grid-template-columns:1fr;gap:20px}.sechead .secfig{justify-self:start;width:100%;max-width:328px;height:auto}}
@media(max-width:520px){.sechead .secfig{display:none}}

.fin{display:grid;grid-template-columns:352px 1fr;gap:22px;align-items:start}
@media(max-width:840px){.fin{grid-template-columns:1fr}}
.fin .ctl{margin-bottom:15px}
.fin .ctl:last-child{margin-bottom:0}
.fin .cl{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.fin .cl label{font-size:13px;color:var(--mid);line-height:1.4}
.fin .cl .cv{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:700;font-size:14.5px;color:var(--navy);white-space:nowrap}
.fin input[type=range]{margin:2px 0 0}
.fin .lead{font-size:12px;color:var(--dim);letter-spacing:.05em;text-transform:uppercase;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:700}
.fin .big{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:900;font-size:40px;line-height:1.05;color:var(--navy);margin:4px 0 2px}
.fin .under{font-size:13px;color:var(--mid);margin:0 0 16px}
.verdict{display:inline-flex;align-items:center;gap:9px;border-radius:11px;padding:9px 14px;font-size:13.5px;line-height:1.4;margin-bottom:14px;font-weight:500}
.verdict b{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:700;font-size:13px;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}
.verdict.ok{background:var(--tint);border:1px solid #C9D9FF;color:var(--navy)}
.verdict.mid{background:#FFF7E6;border:1px solid #E8C89A;color:#8A5A00}
.verdict.no{background:#F5F5F5;border:1px solid var(--line);color:var(--mid)}
.fin .assum{margin-top:14px;font-size:12px;color:var(--dim);line-height:1.6}
.fin .assum b{color:var(--mid);font-weight:600}

.hero.tight{padding-top:clamp(38px,5vw,60px);padding-bottom:clamp(38px,5vw,60px)}
.hero.tight h1{font-size:clamp(27px,3.2vw,42px)}
.hero.tight .lede{max-width:560px}
.toolsec{padding:0 0 clamp(36px,4vw,60px);background:#FFF}
.toolsec>.wrap{max-width:none;padding:0}
.toolsec .cbox{box-shadow:none;border:none;background:transparent;padding:0}

.nav .allwrap{position:relative;flex:0 0 auto}
.nav .allbtn{white-space:nowrap;display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:#FFF;cursor:pointer;
  font-family:'SVN-Circular',sans-serif;font-weight:500;font-size:13px;color:var(--mid);
  padding:7px 12px;border-radius:999px;margin-right:6px}
.nav .allbtn:hover{background:var(--wash);color:var(--ink);border-color:#C5D4FF}
.nav .allbtn svg{color:var(--dim)}
.allwrap.open .allbtn{background:var(--tint);border-color:#C5D4FF;color:var(--blue)}
.allwrap.open .allbtn svg{color:var(--blue)}
.allpanel{display:none;position:fixed;left:22px;top:72px;width:auto;max-width:880px;right:auto;min-width:min(880px,calc(100vw - 44px));
  background:#FFF;border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 48px rgba(6,33,115,.14);
  padding:20px 22px;z-index:60;max-height:calc(100vh - 110px);overflow:auto;overscroll-behavior:contain}
.allwrap.open .allpanel{display:block}
.allinner{column-count:3;column-gap:30px}
@media(max-width:900px){.allinner{column-count:2}}
@media(max-width:600px){.allinner{column-count:1}}
.agrp{margin:0 0 18px}
.agrp b{break-after:avoid}
.agrp b{display:block;break-after:avoid;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11px;font-weight:700;
  letter-spacing:.09em;text-transform:uppercase;color:var(--dim);margin:0 0 7px}
.agrp a{display:block;font-size:13.5px;line-height:1.45;color:var(--ink);text-decoration:none;
  padding:5px 8px;margin:0 -8px;border-radius:8px}
.agrp a:hover{background:var(--wash);color:var(--blue)}
.agrp a[aria-current="page"]{background:var(--tint);color:var(--navy);font-weight:700}

.ttable{display:flex;flex-direction:column;gap:26px}
.tgrp{display:flex;flex-direction:column;gap:10px}
.tgh{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
.trow{display:grid;grid-template-columns:34px minmax(0,1fr) 152px 190px 132px;gap:18px;align-items:start;background:#FFF;border-radius:12px;padding:16px 18px;box-shadow:0 2px 8px rgba(6,33,115,.06)}
.tn{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:900;font-size:15px;color:var(--blue);line-height:1.5}
.tmain{display:flex;flex-direction:column;gap:4px;min-width:0}
.tmain b{font-size:15.5px;color:var(--ink);letter-spacing:-.01em}
.thook{font-size:13.5px;color:var(--navy);line-height:1.5}
.tdesc{font-size:12.5px;color:var(--dim);line-height:1.55}
.tmeta{display:grid;grid-template-columns:auto 1fr;gap:3px 8px;align-content:start;font-size:12.5px;color:var(--mid);line-height:1.5}
.tlbl{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--dim);padding-top:2px}
.tslug{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;color:var(--navy);word-break:break-all}
.tpill{align-self:start;justify-self:end;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11px;font-weight:700;letter-spacing:.02em;border-radius:999px;padding:5px 11px;text-align:center;line-height:1.35}
.tpill.g{background:var(--tint);color:var(--navy)}
.tpill.y{background:#FFF3E0;color:#8A5A00}
.tpill.r{background:#F5F5F5;color:var(--mid)}
@media(max-width:980px){
  .trow{grid-template-columns:28px minmax(0,1fr);gap:10px 14px}
  .tmeta,.tpill{grid-column:2}
  .tpill{justify-self:start}
}
.blist{display:flex;flex-direction:column;gap:1px;background:var(--line);border-radius:12px;overflow:hidden}
.brow{display:grid;grid-template-columns:250px minmax(0,1fr);gap:20px;background:#FFF;padding:15px 20px}
.brow b{font-size:14px;color:var(--ink)}
.brow span{font-size:13.5px;color:var(--mid);line-height:1.6}
@media(max-width:760px){.brow{grid-template-columns:1fr;gap:5px}}
.wcnt{display:inline-block;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--blue);background:var(--tint);border-radius:999px;padding:4px 10px;margin-bottom:10px}
.wlist{margin-top:10px;padding-top:10px;border-top:1px solid var(--line);font-size:12.5px;color:var(--dim);line-height:1.65}

.jrny{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 22px}
@media(max-width:820px){.jrny{grid-template-columns:1fr}}
.jst{background:#FFF;border:1px solid var(--line);border-radius:12px;padding:16px 18px;position:relative}
.jst.now{background:var(--tint);border-color:#C9D9FF}
.jst .jl{display:block;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin-bottom:6px}
.jst.now .jl{color:var(--blue)}
.jst b{display:block;font-size:15.5px;color:var(--navy);letter-spacing:-.01em;margin-bottom:5px}
.jst p{margin:0;font-size:13px;line-height:1.55;color:var(--mid)}
.jnb{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media(max-width:820px){.jnb{grid-template-columns:1fr}}
.jnb a{display:flex;flex-direction:column;gap:5px;background:#FFF;border:1px solid var(--line);border-radius:12px;padding:15px 17px;text-decoration:none;transition:transform .15s cubic-bezier(.2,0,0,1),box-shadow .15s}
.jnb a:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(6,33,115,.08)}
.jnb a b{font-size:15px;color:var(--navy);letter-spacing:-.01em}
.jnb a span{font-size:13px;line-height:1.55;color:var(--mid)}
.jnb a em{font-style:normal;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--blue)}

.mmenu{flex:1 1 auto;display:flex;align-items:center;gap:2px;margin-left:14px}
.mwrap{position:static}
.mtop{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;cursor:pointer;
  font-family:'SVN-Circular',sans-serif;font-size:13.5px;font-weight:500;color:var(--mid);
  padding:8px 11px;border-radius:9px;line-height:1;white-space:nowrap}
.mtop:hover{background:var(--wash);color:var(--navy)}
.mwrap.open .mtop{background:var(--tint);color:var(--blue);font-weight:700}
.mtop svg{opacity:.6}
.mpanel{position:fixed;left:0;right:0;top:73px;background:#FFF;border-top:1px solid var(--line);
  box-shadow:0 24px 48px rgba(6,33,115,.12);display:none;z-index:60;
  max-height:calc(100vh - 72px);overflow:auto}
.mwrap.open .mpanel{display:block}
.mgrid{max-width:1200px;margin:0 auto;padding:34px 22px 38px;display:grid;grid-template-columns:184px minmax(0,1fr);gap:34px}
.mgrid.norail{grid-template-columns:minmax(0,1fr)}
.mrails{display:flex;flex-direction:column;gap:2px;padding-right:14px;margin-left:-12px}
.mrail{text-align:left;border:0;background:transparent;cursor:pointer;border-radius:9px;padding:10px 12px;
  font-family:'SVN-Circular',sans-serif;font-size:14px;font-weight:500;color:var(--mid);line-height:1.35}
.mrail:hover{background:var(--wash);color:var(--navy)}
.mrail.on{background:var(--tint);color:var(--blue);font-weight:700}
.mpane{display:none}
.mcol{display:flex;flex-direction:column;gap:16px;min-width:0}
.mlist{display:flex;flex-direction:column;gap:2px}
a.mi{display:grid;grid-template-columns:26px minmax(0,1fr);gap:11px;align-items:start;
  text-decoration:none;padding:7px 9px;margin:0 -9px;border-radius:10px;transition:background .14s cubic-bezier(.2,0,0,1)}
a.mi:hover{background:var(--wash)}
.mit{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;
  background:var(--tile,var(--t1));color:var(--fig,var(--f1));margin-top:1px}
.mib{min-width:0}
.mi b{display:block;font-family:'SVN-Circular',sans-serif;font-size:14px;font-weight:700;
  color:var(--navy);letter-spacing:-.012em;margin-bottom:2px;line-height:1.3}
.mi span span,.mi .mib>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  font-size:12.5px;line-height:1.5;color:var(--mid)}
.mi[aria-current="page"] b{color:var(--fig,var(--f1))}
.mfeat{display:block;text-decoration:none;background:none;border:0;border-radius:0;padding:0}
.mfeat b{display:block;font-family:'SVN-Circular',sans-serif;font-size:21px;font-weight:700;color:var(--navy);letter-spacing:-.022em;line-height:1.2;margin:0 0 8px}
.mfeat span{display:block;font-size:13.5px;line-height:1.6;color:var(--mid);max-width:30ch}
.mfeat em{display:inline-flex;align-items:center;gap:6px;font-style:normal;margin-top:12px;font-size:13px;font-weight:700;color:var(--fig,var(--f1))}
.mfeat em i{font-style:normal;transition:transform .16s cubic-bezier(.2,0,0,1)}
.mfeat:hover em i{transform:translateX(3px)}
.mcol.feat{gap:12px}
.mpanel[data-hue="1"]{--tile:var(--t1);--fig:var(--f1)}
.mpanel[data-hue="2"]{--tile:var(--t2);--fig:var(--f2)}
.mpanel[data-hue="3"]{--tile:var(--t3);--fig:var(--f3)}
.mpanel[data-hue="4"]{--tile:var(--t4);--fig:var(--f4)}
.mpanel[data-hue="5"]{--tile:var(--t5);--fig:var(--f5)}
.mpanel[data-hue="6"]{--tile:var(--t6);--fig:var(--f6)}
.mrail.on{background:var(--tile,var(--t1));color:var(--navy);font-weight:700}
.mpane.on{display:grid;grid-template-columns:280px repeat(2,minmax(0,1fr));gap:24px 30px}
@media(min-width:1121px){.mpane[data-cols="4"].on{grid-template-columns:250px repeat(3,minmax(0,1fr));gap:24px}}
@media(min-width:1121px){.mpane[data-cols="2"].on{grid-template-columns:repeat(2,minmax(0,1fr))}}
.mpane[data-cols="1"].on{grid-template-columns:minmax(0,1fr)}

.mcol+.mcol{border-left:1px solid var(--line);padding-left:30px}

.mch{font-family:ui-monospace,'SF Mono',Menlo,monospace;font-size:10.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.mi{display:block;text-decoration:none;min-width:0}

.mi:hover b{color:var(--blue)}
.mi[aria-current] b{color:var(--blue)}
.mi[aria-current] b::after{content:' ·';color:var(--cyan)}

.mfeat:hover{border-color:#C9D9FF;background:var(--tint)}
.mfeat 

@media(max-width:1120px){
  .mpane.on{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mcol.feat{grid-column:1 / -1}
  .mcol+.mcol{border-left:0;padding-left:0}
  .mpane:not(:has(.feat)).on .mcol:nth-child(3){grid-column:1 / -1;display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 26px;align-content:start;
    border-top:1px solid var(--line);padding-top:18px}
  .mpane:not(:has(.feat)).on .mcol:nth-child(3) .mch{grid-column:1 / -1}
}
.nav:has(.mmenu) .navscroll{display:none}
.nav:has(.mmenu) .chip.up{display:none}
@media(max-width:1100px){
  .nav.mega .mtop{font-size:12.5px;padding:7px 8px}
  .nav.mega .mmenu{margin-left:8px;gap:0}
  .nav.mega .chip.login{display:none}
  .nav.mega .brand{margin-right:8px}
}
@media(max-width:940px){
  .mmenu{display:none}
  .nav.mega .allwrap{margin-right:auto}
  .nav:has(.mmenu) .chip.up{display:inline-flex}
  .nav.mega .chip.login{display:inline-flex}
}

/* nav: mega desktop, gọn mobile */
.allwrap{display:none}
@media(max-width:940px){.allwrap{display:block}}

.stwrap{display:flex;flex-direction:column;gap:26px}
.stgrp{display:grid;grid-template-columns:210px minmax(0,1fr);gap:20px 26px;align-items:start}
@media(max-width:820px){.stgrp{grid-template-columns:1fr;gap:12px}}
.sthd{display:flex;flex-direction:column;gap:3px;padding-top:2px}
.sthd b{font-family:'SVN-Circular',sans-serif;font-size:16px;color:var(--navy);letter-spacing:-.015em}
.sthd span{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}
.stlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:12px}
.stitem{display:flex;flex-direction:column;gap:5px;text-decoration:none;background:#FFF;border-radius:12px;
  padding:15px 17px;box-shadow:0 2px 8px rgba(6,33,115,.08)}
.stitem:hover{box-shadow:0 8px 24px rgba(6,33,115,.08);transform:translateY(-2px)}
.stitem b{font-family:'SVN-Circular',sans-serif;font-size:15px;color:var(--navy);letter-spacing:-.01em}
.stitem:hover b{color:var(--blue)}
.sthook{font-size:12.5px;line-height:1.5;color:var(--mid)}
.stmeta{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--dim);margin-top:2px}
.stpill{align-self:flex-start;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:10.5px;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:3px 9px}
.stpill.g{background:var(--tint);color:var(--blue)}
.stpill.y{background:#FFF7E6;color:#8A5A00}
.stpill.r{background:#F5F5F5;color:var(--mid)}

.sbxsec{padding-top:clamp(26px,3vw,40px);padding-bottom:clamp(26px,3vw,40px);background:#F5F7FD}
.sbxsec>.wrap{max-width:1360px}

.card .cardimg{max-width:none;display:block;width:calc(100% + 44px);margin:-22px -22px 16px;height:170px;object-fit:cover;border-radius:12px 12px 0 0}

.jring{background:linear-gradient(135deg,#FAFBFF 0%,var(--wash) 100%);border:1px solid var(--line);border-radius:20px;padding:clamp(20px,3vw,32px);display:grid;grid-template-columns:minmax(470px,1fr) minmax(260px,320px);gap:clamp(20px,3vw,34px);align-items:center}
@media(max-width:860px){.jring{grid-template-columns:1fr}}
.jring>.rside{align-self:center}
.ringc{position:relative;width:100%;max-width:620px;height:clamp(520px,52vw,560px);margin:0 auto}
.ringc>svg.orbit{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.rcore{position:absolute;top:50%;left:50%;width:132px;height:132px;transform:translate(-50%,-50%);border-radius:50%;background:var(--navy);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px;box-sizing:border-box;box-shadow:0 8px 24px rgba(6,33,115,.2);z-index:2}
.rcore .e{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:10px;font-weight:700;letter-spacing:.14em;color:var(--cyan);margin-bottom:5px}
.rcore .t{font-family:'SVN-Circular',sans-serif;font-weight:700;font-size:15px;line-height:1.2;letter-spacing:-.01em}
.rcore .s{font-size:10.5px;line-height:1.35;color:rgba(255,255,255,.72);margin-top:5px}
.rnode{position:absolute;width:156px;transform:translate(-50%,-50%);text-align:center;z-index:1;background:none;border:none;padding:0;cursor:pointer;font:inherit;color:inherit}
.rbub{position:relative;width:88px;height:88px;margin:0 auto 10px;border-radius:50%;background:#FFF;border:2px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--navy);box-shadow:0 6px 16px rgba(6,33,115,.1);transition:transform .24s cubic-bezier(.2,0,0,1),border-color .15s cubic-bezier(.2,0,0,1),box-shadow .24s cubic-bezier(.2,0,0,1)}
.rbub>svg{width:34px;height:34px}
.rnode:hover .rbub{transform:translateY(-2px);border-color:var(--blue);box-shadow:0 12px 26px rgba(6,33,115,.16)}
.rnode.on .rbub{background:var(--blue);border-color:var(--blue);color:#FFF;box-shadow:0 12px 30px rgba(2,70,255,.28)}
.rbdg{position:absolute;top:-5px;right:-5px;width:27px;height:27px;border-radius:50%;background:var(--cyan);color:var(--navy);border:2px solid #FFF;display:flex;align-items:center;justify-content:center;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:13px;font-weight:700}
.rnode.on .rbdg{background:#FFF;color:var(--blue)}
.rnode .lb{display:block;font-family:'SVN-Circular',sans-serif;font-weight:700;font-size:14px;color:var(--navy);line-height:1.25;margin-bottom:3px}
.rnode .ds{display:block;font-size:11.5px;line-height:1.45;color:var(--dim)}
.rnode.on .lb{color:var(--blue)}
.rdet{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start;background:#FFF;border-radius:14px;padding:22px;margin-top:0;box-shadow:0 8px 24px rgba(6,33,115,.08)}
.rdet .rn{width:34px;height:34px;border-radius:50%;background:var(--blue);color:#FFF;display:flex;align-items:center;justify-content:center;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:15px;font-weight:700}
.rdet h3{margin:0 0 6px;font-family:'SVN-Circular',sans-serif;font-weight:700;font-size:17px;color:var(--navy);letter-spacing:-.01em}
.rdet p{margin:0;font-size:14px;line-height:1.6;color:var(--mid)}
.rdet .fxl{display:inline-flex;align-items:center;gap:8px;margin-top:12px;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:12.5px;color:var(--blue);background:var(--tint);border-radius:999px;padding:6px 13px}
.rgoal{display:flex;align-items:center;gap:14px;background:var(--navy);color:#FFF;border-radius:12px;padding:16px 20px;margin-top:14px;border-left:3px solid var(--cyan)}
.rgoal b{flex:0 0 auto;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:12.5px;color:var(--cyan);letter-spacing:.06em}
.rgoal span{font-size:13.5px;line-height:1.55;color:rgba(255,255,255,.82)}
@media(max-width:760px){
.ringc{height:auto;max-width:none;display:grid;gap:12px}
.ringc>svg.orbit,.rcore{display:none}
.rnode{position:static;transform:none;width:auto;display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;text-align:left;background:#FFF;border-radius:12px;padding:14px 16px;box-shadow:0 2px 8px rgba(6,33,115,.08)}
.rbub{width:52px;height:52px;margin:0}
.rbub>svg{width:22px;height:22px}
.rgoal{flex-direction:column;align-items:flex-start;gap:6px}
}

.pkgs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
@media(max-width:900px){.pkgs{grid-template-columns:1fr}}
.pkg{position:relative;background:#FFF;border:1.5px solid transparent;box-shadow:0 8px 24px rgba(6,33,115,.08);border-radius:12px;padding:26px 22px 24px;display:flex;flex-direction:column;transition:transform .24s cubic-bezier(.2,0,0,1),box-shadow .24s cubic-bezier(.2,0,0,1)}
.pkg:hover{transform:translateY(-2px);box-shadow:0 24px 48px rgba(6,33,115,.1)}
.pkg.pop{border-color:var(--blue);box-shadow:0 8px 24px rgba(2,70,255,.1)}
.pkg.top{border-color:var(--navy)}
.pkg .pbdg{position:absolute;top:-11px;left:22px;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:5px 12px}
.pkg.pop .pbdg{background:var(--blue);color:#FFF}
.pkg.top .pbdg{background:var(--navy);color:var(--cyan)}
.pkg .pn{font-family:'SVN-Circular',sans-serif;font-weight:900;font-size:22px;line-height:1.1;letter-spacing:-.015em;color:var(--navy)}
.pkg .ptl{font-size:13px;color:var(--dim);margin-top:3px}
.pkg ul{margin-top:auto}
.pkg .plbl{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin:20px 0 10px}
.pkg ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.pkg li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:start;font-size:14px;line-height:1.5;color:var(--ink)}
.pkg li svg{width:17px;height:17px;color:var(--blue);margin-top:2px}
.pkg .sla{display:inline-block;margin-left:6px;background:var(--tint);color:var(--blue);border-radius:999px;padding:2px 9px;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11.5px;font-weight:700;white-space:nowrap}
.pkg hr{border:none;border-top:1px solid var(--line);margin:20px 0 0}
.pkg .pmsg{margin:10px 0 0;font-size:13.5px;line-height:1.65;color:var(--mid);font-style:italic}
.pkg .pmsg b{font-style:normal;color:var(--navy)}

.fee{margin-top:26px;background:#FFF;border:1px solid var(--line);border-radius:16px;padding:22px}
.fee>.fh{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;margin-bottom:16px}
.fee .fh b{font-family:'SVN-Circular',sans-serif;font-weight:700;font-size:16px;color:var(--navy);letter-spacing:-.01em}
.fee .fh span{font-size:13px;color:var(--dim)}
.fee .fh>svg{width:20px;height:20px;color:var(--blue)}
.ftabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;background:var(--wash);border-radius:12px;padding:5px}
@media(max-width:640px){.ftabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ftab{border:none;background:none;border-radius:9px;padding:11px 10px;cursor:pointer;font-family:'SVN-Circular',sans-serif;font-weight:700;font-size:14px;color:var(--mid);transition:.15s cubic-bezier(.2,0,0,1)}
.ftab:hover{color:var(--navy)}
.ftab.on{background:#FFF;color:var(--blue);box-shadow:0 2px 8px rgba(6,33,115,.1)}
.fpan{display:none;padding-top:18px}
.fpan.on{display:block}
.fgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media(max-width:720px){.fgrid{grid-template-columns:1fr}}
.fcell{background:var(--wash);border-radius:12px;padding:16px 18px}
.fcell.hi{background:var(--navy)}
.fcell .cn{display:block;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.fcell.hi .cn{color:var(--cyan)}
.fcell .cv{display:block;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:700;font-size:22px;line-height:1.15;color:var(--navy);margin-top:6px;letter-spacing:-.015em}
.fcell.hi .cv{color:#FFF}
.fcell .cd{display:block;font-size:12.5px;line-height:1.5;color:var(--mid);margin-top:6px}
.fcell.hi .cd{color:rgba(255,255,255,.74)}
.fpan .fnote{margin:14px 0 0;font-size:12.5px;line-height:1.6;color:var(--dim)}

.feebar{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;background:#FFF;border:1px solid var(--line);border-radius:14px;padding:14px 18px;margin-bottom:20px}
@media(max-width:760px){.feebar{grid-template-columns:1fr}}
.feebar>b{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--dim);white-space:nowrap}
.pfeewrap{margin:16px 0 0;padding:14px 16px;background:var(--tint);border-radius:12px}

.pfeewrap .pl{display:block;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}

.pfee{display:block;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:700;font-size:21px;line-height:1.15;letter-spacing:-.015em;color:var(--navy);margin-top:4px}

.unlock{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;background:var(--navy);border-radius:16px;padding:22px 24px;margin-top:20px}
@media(max-width:820px){.unlock{grid-template-columns:1fr;gap:14px}}
.unlock .ui{width:44px;height:44px;border-radius:12px;background:rgba(2,216,255,.14);display:flex;align-items:center;justify-content:center;color:var(--cyan)}
.unlock .ui svg{width:22px;height:22px}
.unlock h3{margin:0 0 6px;font-family:'SVN-Circular',sans-serif;font-weight:700;font-size:17px;color:#FFF;letter-spacing:-.01em}
.unlock p{margin:0;font-size:13.5px;line-height:1.65;color:rgba(255,255,255,.76)}
.unlock p b{color:#FFF;font-weight:700}
.unlock .up{text-align:center;flex:0 0 auto}
.unlock .up .pv{display:block;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:900;font-size:34px;line-height:1;color:var(--cyan);letter-spacing:-.02em}
.unlock .up small{display:block;font-size:11.5px;color:rgba(255,255,255,.6);margin-top:4px}
.ufees{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}
@media(max-width:720px){.ufees{grid-template-columns:1fr}}
.ufee{background:rgba(255,255,255,.07);border-radius:10px;padding:11px 14px}
.ufee .un{display:block;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan)}
.ufee .uv{display:block;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:700;font-size:17px;color:#FFF;margin-top:3px}

.cgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}
@media(max-width:900px){.cgrid{grid-template-columns:1fr}}
.ccard{background:#FFF;border:none;box-shadow:0 2px 8px rgba(6,33,115,.08);border-radius:12px;padding:24px 22px;display:flex;flex-direction:column;transition:transform .24s cubic-bezier(.2,0,0,1),box-shadow .24s cubic-bezier(.2,0,0,1)}
.ccard:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(6,33,115,.08)}
.ccard .ci{width:46px;height:46px;border-radius:12px;background:var(--tint);color:var(--blue);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.ccard .ci svg{width:24px;height:24px}
.ccard .cnum{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.ccard h3{margin:5px 0 10px;font-family:'SVN-Circular',sans-serif;font-weight:700;font-size:17px;line-height:1.25;letter-spacing:-.015em;color:var(--navy)}
.ccard p{margin:0;font-size:14px;line-height:1.65;color:var(--mid)}
.ccard p b{color:var(--navy);font-weight:700}
.ccard .ctag{align-self:flex-start;margin-top:16px;background:var(--tint);color:var(--blue);border-radius:999px;padding:6px 13px;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:12px;font-weight:700}

.pcbar{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 16px;align-items:center;background:#FFF;border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin-bottom:16px}
@media(max-width:760px){.pcbar{grid-template-columns:1fr}}
.pcbar>label{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);white-space:nowrap}
.pcwrap{display:flex;align-items:center;gap:8px;background:var(--wash);border:1px solid var(--line);border-radius:9px;padding:0 12px;max-width:230px}
.pcwrap:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(2,70,255,.18)}
.pcin{flex:1;min-width:0;background:none;border:none;outline:none;color:var(--navy);font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:700;font-size:17px;padding:9px 0}
.pcwrap>span{flex:0 0 auto;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.08em;color:var(--dim)}
.pcks{grid-column:2;display:flex;flex-wrap:wrap;gap:6px}
@media(max-width:760px){.pcks{grid-column:1}}
.pck{border:1px solid var(--line);background:#FFF;border-radius:9px;padding:8px 14px;cursor:pointer;color:var(--mid);font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:13px;font-weight:700;transition:.15s cubic-bezier(.2,0,0,1)}
.pck:hover{border-color:var(--blue);color:var(--blue)}
.pck.on{background:var(--navy);border-color:var(--navy);color:#FFF}
.pcrow{grid-column:2;display:flex;flex-wrap:wrap;align-items:center;gap:10px}
@media(max-width:760px){.pcrow{grid-column:1}}
.pcqs{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
@media(max-width:760px){.pcqs{grid-column:1}}
.pcqs>b{display:none}
.pcq{border:1px solid var(--line);background:#FFF;border-radius:999px;padding:5px 12px;cursor:pointer;color:var(--mid);font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:12.5px;font-weight:700;transition:.15s cubic-bezier(.2,0,0,1)}
.pcq:hover{border-color:var(--blue);color:var(--blue)}
.pcq.on{background:var(--blue);border-color:var(--blue);color:#FFF}
.pcnote{grid-column:1/-1;margin:2px 0 0;font-size:12px;color:var(--dim)}
.pcwarn{display:none;background:#FFF7E6;border:1px solid #E8C89A;border-radius:12px;padding:16px 18px;margin-bottom:18px;font-size:14px;line-height:1.6;color:#8A5A00}
.pcwarn b{color:#6B4600}
.prow{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:baseline;padding:9px 0;border-bottom:1px dashed var(--line);font-size:13.5px;color:var(--mid)}
.prow:last-of-type{border-bottom:none}
.prow .dot{width:7px;height:7px;border-radius:50%;background:var(--dim);transform:translateY(-1px)}
.prow.km{background:var(--tint);margin:0 -14px;padding:10px 14px;border-radius:8px;border-bottom:none;color:var(--navy);font-weight:700}
.prow.km .dot{background:var(--blue)}
.prow.mk .dot{background:#C0472F}
.prow .pv{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:700;color:var(--navy);white-space:nowrap}
.prow.km .pv{font-size:17px;color:var(--blue)}
.prow.mk .pv{color:#C0472F}
.pcsave{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.pcsave b{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);flex:1 1 100%}
.pcsave span{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:700;font-size:17px;color:var(--blue);display:flex;align-items:baseline;gap:7px}
.pcsave em{font-style:normal;font-size:11.5px;background:var(--tint);color:var(--blue);border-radius:999px;padding:2px 8px}
.pcsave.flat span,.pcsave.over span{font-size:13px;font-weight:500;font-family:'SVN-Circular',sans-serif;line-height:1.5;color:var(--mid)}

.subsec{display:flex;align-items:center;gap:14px;margin:40px 0 18px}
.subsec:first-child{margin-top:0}
.subsec i{flex:0 0 auto;width:4px;height:26px;background:var(--cyan);border-radius:2px}
.subsec b{font-family:'SVN-Circular',sans-serif;font-weight:700;font-size:22px;line-height:1.2;letter-spacing:-.015em;color:var(--navy)}
.subsec span{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}

.ckico{display:block;width:48px;height:48px;color:var(--blue);flex:0 0 auto}
.card .ckico{margin:0 0 14px}
.ccard .ci .ckico{width:100%;height:100%}

.mflow{display:grid;gap:18px}
.mfrail{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
@media(max-width:860px){.mfrail{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.mfrail{grid-template-columns:1fr}}
.mfs{display:flex;align-items:flex-start;gap:11px;text-align:left;background:#FFF;border:1px solid var(--line);border-radius:12px;padding:13px 14px;cursor:pointer;transition:.15s cubic-bezier(.2,0,0,1)}
.mfs:hover{border-color:var(--blue);transform:translateY(-2px);box-shadow:0 8px 24px rgba(6,33,115,.08)}
.mfs .n{flex:0 0 28px;width:28px;height:28px;border-radius:9999px;background:var(--blue);color:#FFF;display:flex;align-items:center;justify-content:center;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:13px;font-weight:700}
.mfs .n.sys{background:var(--cyan);color:var(--navy)}
.mfs .l{display:flex;flex-direction:column;gap:3px;min-width:0}
.mfs .l b{font-family:'SVN-Circular',sans-serif;font-size:14px;font-weight:700;color:var(--navy);line-height:1.3}
.mfs .l em{font-style:normal;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11.5px;color:var(--dim);line-height:1.4}
.mfs.on{border-color:var(--blue);background:var(--tint)}
.mfs.on .l b{color:var(--blue)}
.mfsc{display:none}
.mfsc.on{display:block}
.mfapp{background:#FFF;border-radius:16px;box-shadow:0 8px 24px rgba(6,33,115,.08);overflow:hidden}
.mfhd{display:flex;align-items:center;gap:9px;padding:11px 16px;border-bottom:1px solid var(--line);background:#FBFCFF}
.mfhd>b{font-family:'SVN-Circular',sans-serif;font-size:13.5px;color:var(--navy);margin-right:auto}
.mfav{width:26px;height:26px;border-radius:8px;background:var(--tint);color:var(--blue);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.mfdot{display:flex;align-items:center;gap:6px;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11px;letter-spacing:.06em;color:#C0392B}
.mfdot i{width:7px;height:7px;border-radius:50%;background:#C0392B;animation:mfp 1.6s cubic-bezier(.2,0,0,1) infinite}
@keyframes mfp{0%,100%{opacity:1}50%{opacity:.25}}
.mftick{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:13.5px;color:var(--ink);font-variant-numeric:tabular-nums}
.mfst{display:flex;align-items:center;gap:6px;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}
.mfbody{padding:16px}
.mfrec{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.mfmic{flex:0 0 44px;width:44px;height:44px;border-radius:50%;background:#C0392B;color:#FFF;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(192,57,43,.24)}
.mfwave{display:flex;align-items:center;justify-content:space-between;gap:3px;height:24px;flex:1;min-width:0}
.mfwave i{flex:1;max-width:4px;min-width:2.5px;border-radius:2px;background:var(--blue)}
.mflive{border:1px solid var(--line);border-radius:11px;background:#FBFCFF;padding:12px 14px;display:flex;flex-direction:column;gap:7px}
.mflive .ln{font-size:13.5px;line-height:1.6;color:var(--mid)}
.mflive .ln b{color:var(--navy);font-weight:700;margin-right:7px}
.mflive .cur{color:var(--dim);font-style:italic}
.mfln{display:grid;grid-template-columns:46px 88px minmax(0,1fr);gap:12px;align-items:baseline;padding:9px 0;border-bottom:1px solid var(--line);font-size:13.5px;line-height:1.6;color:var(--mid)}
@media(max-width:620px){.mfln{grid-template-columns:46px minmax(0,1fr);gap:6px 10px}.mfln>span:last-child{grid-column:1/-1}}
.mfln .t{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:12px;color:var(--dim);font-variant-numeric:tabular-nums}
.mfln b{color:var(--navy);font-weight:700;font-size:13px}
.mfln mark{background:var(--tint);color:var(--navy);border-radius:4px;padding:1px 4px;font-weight:700}
.mfln .unk{background:#FFF3E0;color:#8A5A00;border-radius:4px;padding:1px 6px;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11.5px;font-weight:700}
.mfgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px 22px}
@media(max-width:720px){.mfgrid{grid-template-columns:1fr}}
.mfgh{display:flex;align-items:center;gap:7px;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin-bottom:8px}
.mfr{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:6px 0;font-size:13px;line-height:1.5;color:var(--ink);border-bottom:1px solid var(--line)}
.mfr:last-child{border-bottom:0}
.mfr em{font-style:normal;flex:0 0 auto;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11.5px;color:var(--blue);font-variant-numeric:tabular-nums}
.mfrev{background:var(--wash);border-radius:12px;padding:16px}
.mfrevh b{display:block;font-family:'SVN-Circular',sans-serif;font-size:15px;color:var(--navy);margin-bottom:3px}
.mfrevh span{font-size:13px;color:var(--mid);line-height:1.55}
.mfchk{display:flex;flex-wrap:wrap;gap:8px;margin:13px 0}
.mfc{display:flex;align-items:center;gap:6px;background:#FFF;border:1px solid var(--line);border-radius:9999px;padding:5px 12px;font-size:12.5px;color:var(--ink)}
.mfc svg{color:var(--blue)}
.mfbtn{display:inline-flex;align-items:center;background:var(--blue);color:#FFF;border-radius:12px;padding:10px 18px;font-family:'SVN-Circular',sans-serif;font-size:14px;font-weight:700}
.mfnext{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}
@media(max-width:720px){.mfnext{grid-template-columns:1fr}}
.mfn{display:flex;gap:10px;align-items:flex-start;color:var(--blue)}
.mfn b{display:block;font-family:'SVN-Circular',sans-serif;font-size:13.5px;color:var(--navy);margin-bottom:2px}
.mfn span{font-size:12.5px;color:var(--mid);line-height:1.55}
.mfnote{display:flex;align-items:flex-start;gap:7px;margin:13px 0 0;font-size:12.5px;line-height:1.6;color:var(--dim)}
.mfnote svg{flex:0 0 auto;margin-top:2px;color:var(--blue)}
.mfcap{margin:16px 0 0;max-width:760px;font-size:15px;line-height:1.65;color:var(--mid)}

.vflow{background:#FFF;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 1px 2px rgba(6,33,115,.04)}
.vroles{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 12px;background:#FFF;border-bottom:1px solid var(--line);padding:16px 22px}
.vrole{display:inline-flex;align-items:center;gap:8px;background:var(--wash);border-radius:999px;padding:6px 14px 6px 10px}
.vrole>svg{width:20px;height:20px;flex:0 0 20px;color:var(--navy);opacity:.7}
.vrole b{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:13px;font-weight:700;color:var(--navy);letter-spacing:-.01em}
.vrole i{font-style:normal;font-size:12px;color:var(--mid)}
.vrole.on{background:var(--blue)}
.vrole.on>svg{color:#FFF;opacity:1}
.vrole.on b{color:#FFF}
.vrole.on i{color:rgba(255,255,255,.82)}
.vrarr{flex:0 0 26px;display:block}
.vsteps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,232px),1fr))}
.vsteps:has(>li:nth-child(5):last-child),.vsteps:has(>li:nth-child(9):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
.vsteps:has(>li:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
.vstep{background:#FFF;padding:18px 20px 20px;box-shadow:1px 0 0 var(--line),0 1px 0 var(--line)}
.vsteps:has(>li:nth-child(5):last-child)>li:first-child{grid-column:span 2;display:grid;grid-template-columns:minmax(0,190px) minmax(0,1fr);gap:20px;align-items:center}
.vsteps:has(>li:nth-child(5):last-child)>li:first-child:has(.vsph){grid-template-columns:minmax(0,258px) minmax(0,1fr);gap:26px}
.vsteps:has(>li:nth-child(5):last-child)>li:first-child .vsfig{width:100%;height:auto;aspect-ratio:auto}
.vsfig{margin:0}
.vsfig{display:block;width:100%;max-width:none;height:auto;aspect-ratio:328/132;object-fit:contain;background:var(--wash);border-radius:12px;padding:10px;box-sizing:border-box;margin:0 0 14px}
.vstx{min-width:0}
.vstep .snum{align-items:flex-start}
.vstep .snum .n{margin-top:-2.8px}
.vstep .snum .n{width:26px;height:26px;font-size:13px}
.vstep .snum .t{font-size:16.5px}
.vsd{margin:0;color:var(--mid);font-size:14.5px;line-height:1.6}
.vfx{display:inline-block;margin-top:10px;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.03em;color:var(--blue);background:var(--tint);border-radius:999px;white-space:normal;padding:4px 11px;line-height:1.45}
@media(max-width:720px){.vsteps,.vsteps:has(>li:nth-child(4):last-child),.vsteps:has(>li:nth-child(5):last-child){grid-template-columns:1fr}.vsteps:has(>li:nth-child(5):last-child)>li:first-child{grid-column:auto;grid-template-columns:1fr;gap:0}.vsteps:has(>li:nth-child(5):last-child)>li:first-child .vsfig{margin:0 0 14px}}

.vlist{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:9px}
.vlist li{display:grid;grid-template-columns:16px minmax(0,1fr);gap:9px;align-items:start;font-size:13.5px;line-height:1.6;color:var(--mid)}
.vlist li>svg{margin-top:3px}
.vlist li b{color:var(--ink);font-weight:600}
.vhint{display:inline-flex;align-items:center;gap:6px;margin-top:14px;border-radius:999px;padding:4px 11px;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.03em;white-space:nowrap}
.vhint.own{background:var(--tint);color:var(--blue)}
.vhint.ptn{background:#F5F5F5;color:var(--mid)}
.lvl{display:grid;gap:10px;margin:14px 0 0}
.lvl>div{display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;align-items:start;border-top:1px solid var(--line);padding-top:12px}
.lvl>div:first-child{border-top:none;padding-top:0}
.lvl .lk{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--blue)}
.lvl .lk small{display:block;margin-top:3px;font-size:10.5px;font-weight:700;letter-spacing:.06em;color:var(--dim);text-transform:uppercase}
.lvl .lv{font-size:13.5px;line-height:1.65;color:var(--mid)}
.lvl .lv em{font-style:normal;color:var(--ink);font-weight:600}

.vgrp{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}
.vgh{display:flex;align-items:center;gap:7px;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.vgrp.own .vgh{color:var(--blue)}
.vgrp.ptn .vgh{color:var(--mid)}
.vgrp .vlist{margin-top:9px}
.vgrp .vlist li{display:list-item;list-style:none;padding-left:13px;position:relative}
.vgrp .vlist li::before{content:"";position:absolute;left:0;top:8px;width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.42}
.vgrp.own .vlist li::before{background:var(--blue);opacity:.55}

.hero.scene.kvsoft .kvbg::after{background:linear-gradient(90deg,rgba(6,33,115,.90) 0%,rgba(6,33,115,.60) 42%,rgba(6,33,115,.14) 68%,rgba(5,13,46,.30) 100%)}
.vbadges{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 4px}
.vb{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.30);border-radius:999px;padding:7px 14px;color:#FFF;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:12.5px;font-weight:700;letter-spacing:.01em;backdrop-filter:blur(6px)}
.vb svg{color:#02D8FF;flex:0 0 auto}

.rhd{display:flex;align-items:flex-start;gap:10px;margin-bottom:8px}
.rico{width:22px;height:22px;flex:0 0 auto;color:var(--blue);margin-top:2px}
.rhd h3{margin:0}
.rex{margin-top:12px;border-top:1px solid var(--line);padding-top:10px;display:flex;flex-direction:column;gap:3px}
.rex b{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.rex span{font-size:13px;line-height:1.6;color:var(--mid)}
.vcase{display:flex;flex-direction:column;gap:16px}
.vev{background:var(--wash);border-radius:12px;padding:14px 16px}
.vev b{display:block;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-bottom:8px}
.vev ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.vev li{background:#FFF;border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:12.5px;color:var(--mid)}
.vchk{display:flex;flex-direction:column;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.vr{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:12px;align-items:start;background:#FFF;padding:13px 16px}
@media(max-width:700px){.vr{grid-template-columns:26px minmax(0,1fr);row-gap:6px}.vr .vres{grid-column:2}}
.vi{width:20px;height:20px;margin-top:1px}
.vi svg{width:20px;height:20px}
.vd{display:flex;flex-direction:column;gap:3px;min-width:0}
.vd b{font-family:'SVN-Circular',sans-serif;font-weight:700;font-size:14px;color:var(--navy)}
.vd span{font-size:13px;line-height:1.6;color:var(--mid)}
.vres{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.03em;white-space:nowrap;border-radius:999px;padding:4px 10px}
.vr.vok .vi{color:var(--blue)}
.vr.vok .vres{background:var(--tint);color:var(--blue)}
.vr.vwarn .vi{color:#8A5A00}
.vr.vwarn .vres{background:#FFF7E6;color:#8A5A00}
.vr.vno .vi{color:var(--dim)}
.vr.vno .vres{background:#F5F5F5;color:var(--mid)}
.vsum{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start;border-radius:12px;padding:16px 18px}
.vsum .vsi{width:26px;height:26px}
.vsum .vsi svg{width:26px;height:26px}
.vsum b{display:block;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:700;font-size:16px;margin-bottom:4px}
.vsum span{font-size:13.5px;line-height:1.65}
.vsum.vok{background:var(--navy)}
.vsum.vok .vsi,.vsum.vok b{color:var(--cyan)}
.vsum.vok span{color:rgba(255,255,255,.86)}
.vsum.vmid{background:#FFF7E6;border:1px solid #E8C89A}
.vsum.vmid .vsi,.vsum.vmid b{color:#8A5A00}
.vsum.vmid span{color:#7A5210}
.vsum.vstop{background:#F5F5F5;border:1px solid var(--line)}
.vsum.vstop .vsi,.vsum.vstop b{color:var(--mid)}
.vsum.vstop span{color:var(--mid)}

.wfig{display:block;width:100%;max-width:880px;height:auto;margin:28px auto 4px}

.lk .dg{display:inline-block;margin-top:4px;border:1px solid var(--line);border-radius:999px;padding:1px 7px;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}

.mkfac{display:grid;grid-template-columns:repeat(auto-fit,minmax(238px,1fr));gap:14px;margin-top:4px}
.mkfc{background:#FFF;border:none;border-radius:12px;padding:20px;box-shadow:0 2px 8px rgba(6,33,115,.08)}
.mkfc-i{display:flex;align-items:center;gap:8px;margin-bottom:11px;color:var(--blue)}
.mkfc-i b{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:15px;font-weight:900;color:var(--navy)}
.mkfc h3{margin:0 0 7px;font-family:'SVN-Circular',sans-serif;font-size:15px;line-height:1.3;color:var(--navy);letter-spacing:-.01em}
.mkfc p{margin:0 0 8px;font-size:13.5px;line-height:1.6;color:var(--mid)}
.mkfc p:last-child{margin-bottom:0}
.mkwrap{margin-top:26px}
.mkhd{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.mkhint{font-size:12.5px;line-height:1.5;color:var(--dim);max-width:38ch;text-align:right}
@media(max-width:760px){.mkhint{text-align:left}}
.mkchips{display:flex;gap:8px;flex-wrap:wrap}
.mkchip{border:1px solid var(--line);background:#FFF;border-radius:999px;padding:8px 15px;cursor:pointer;white-space:nowrap;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:12.5px;font-weight:700;color:var(--mid);transition:.15s cubic-bezier(.2,0,0,1)}
.mkchip:hover{border-color:var(--blue);color:var(--blue)}
.mkchip.on{background:var(--blue);border-color:var(--blue);color:#FFF}
.mksw{display:inline-flex;border:1px solid var(--line);background:#FFF;border-radius:999px;padding:3px}
.mksw button{border:0;background:none;border-radius:999px;padding:6px 14px;cursor:pointer;white-space:nowrap;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:12px;font-weight:700;color:var(--dim)}
.mksw button.on{background:var(--tint);color:var(--blue)}
.mkneed{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 22px;align-items:center;background:var(--navy);border-radius:14px;padding:16px 18px;margin-bottom:14px}
@media(max-width:760px){.mkneed{grid-template-columns:1fr}}
.mkn-t b{display:block;font-family:'SVN-Circular',sans-serif;font-size:15.5px;color:#FFF;margin-bottom:3px}
.mkn-t span{font-size:13px;line-height:1.55;color:rgba(255,255,255,.72)}
.mkn-k{display:flex;gap:18px;flex-wrap:wrap}
.mkn-k span{display:flex;flex-direction:column;gap:2px}
.mkn-k i{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-style:normal;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan)}
.mkn-k span{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:13.5px;font-weight:700;color:#FFF;white-space:nowrap}
.mkleg{display:grid;grid-template-columns:26px minmax(0,1fr) 468px 52px;gap:10px 16px;align-items:end;padding:0 17px 9px}
@media(max-width:820px){
.mkleg{display:block;padding:14px 16px 0}
.mkleg>span,.mkleg-s{display:none}
.mkleg .mkbars{position:relative;display:flex;flex-wrap:wrap;gap:8px}
.mkleg .mkcol{position:static;flex:0 0 auto;border:1px solid var(--line);border-radius:999px;padding:6px 12px;background:#FFF;gap:6px}
.mkleg .mkcol svg{width:15px;height:15px}
.mkleg .mkcol u{border-bottom:0}
.mkleg .mkcol.on{background:var(--blue);border-color:var(--blue);color:#FFF}
.mkleg .mkcol .mktip{left:0;right:0;top:calc(100% + 9px);bottom:auto;width:auto;max-width:none;transform:translateY(-4px)}
.mkleg .mkcol .mktip::after{top:auto;bottom:100%;left:26px;right:auto;transform:none;border-top-color:transparent;border-bottom-color:#0B1B3F}
.mkleg .mkcol.on .mktip,.mkleg .mkcol:focus-visible .mktip{transform:translateY(0)}
}
.mkcol{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px;border:1px solid transparent;background:none;border-radius:9px;padding:6px 3px 5px;cursor:pointer;
  font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.04em;color:var(--dim);line-height:1;transition:.15s cubic-bezier(.2,0,0,1)}
.mkcol u{text-decoration:none;white-space:nowrap}
.mkcol:hover{border-color:var(--line);color:var(--blue)}
.mkcol:hover svg{color:var(--blue)}
.mkcol.on{background:var(--navy);border-color:var(--navy);color:#FFF}
.mkcol.on svg{color:var(--cyan)}
.mknote{position:relative;background:var(--tint);border:1px solid #C9D9FF;border-radius:12px;padding:15px 46px 15px 17px;margin:0 0 12px}
.mknote b{display:block;font-family:'SVN-Circular',sans-serif;font-size:14.5px;color:var(--navy);margin-bottom:5px}
.mknote p{margin:0 0 7px;font-size:13.5px;line-height:1.6;color:var(--mid)}
.mknote p:last-child{margin-bottom:0}
.mknote-x{position:absolute;top:11px;right:12px;width:26px;height:26px;border:1px solid #C9D9FF;background:#FFF;border-radius:8px;cursor:pointer;font-size:15px;line-height:1;color:var(--mid)}
.mknote-x:hover{color:var(--navy);border-color:var(--blue)}
.mkb.dim{opacity:.34}
.mkleg .mkbars{gap:16px}
.mkleg .mkbars svg{color:var(--dim)}
@media(min-width:981px){.mkcol u{font-size:10.5px}}
.mkleg-s{text-align:right;min-width:70px;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}
.mklist{display:flex;flex-direction:column;background:#FFF;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.mkrow{display:grid;grid-template-columns:26px minmax(0,1fr) 468px 52px;gap:10px 16px;align-items:center;border-top:1px solid var(--line);padding:14px 18px;transition:background .16s cubic-bezier(.2,0,0,1)}
.mkrow:first-child{border-top:0}
.mkrow:hover{background:#FAFBFE}
.mkrow.top{background:var(--tint);box-shadow:inset 3px 0 0 var(--blue)}
.mkrow.top:hover{background:var(--tint)}
@media(max-width:980px){.mkleg,.mkrow{grid-template-columns:26px minmax(0,1fr) 360px 52px}.mkb u{display:block}}
@media(max-width:820px){.mkrow{grid-template-columns:26px minmax(0,1fr) !important;row-gap:10px}.mkrow .mkbars,.mkrow .mksc{grid-column:2}.mksc{text-align:left}}
.mkpos{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:14px;font-weight:900;color:var(--dim);text-align:center}
.mkrow.top .mkpos{color:var(--blue)}
.mkid b{display:block;font-family:'SVN-Circular',sans-serif;font-size:14.5px;color:var(--navy)}
.mkid span{font-size:12.5px;color:var(--mid)}
.mkbars{display:flex;gap:16px;align-items:flex-end}
.mkb{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.mkb b{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:13px;font-weight:800;color:var(--navy);line-height:1;font-variant-numeric:tabular-nums}
.mkb u{text-decoration:none;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:9.5px;font-weight:700;letter-spacing:.04em;color:var(--dim);white-space:nowrap}
@media(min-width:821px){.mkb u{display:none}}
.mkt{display:block;height:5px;border-radius:3px;background:#E6EBF6;overflow:hidden}
.mkt i{display:block;height:100%;border-radius:3px;background:var(--blue);transition:width .3s cubic-bezier(.2,0,0,1)}
.mkb.mid .mkt i{opacity:.72}
.mkb.lo .mkt i{opacity:.5}
.mkb.weak b{color:#B4691F}
.mkb.weak .mkt i{background:#C06A1E;opacity:1}
.mkb.dim{opacity:.3}
.mktag{display:block;margin-top:5px;font-style:normal;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#8A4A0A}
.mktag.up{color:var(--blue)}
.mktag.flat{color:var(--dim)}
.mksc b{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:19px;font-weight:900;color:var(--navy);font-variant-numeric:tabular-nums}
.mkrow.top .mksc b{color:var(--blue)}

.hubgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(268px,1fr));gap:14px}
.hubc{display:flex;flex-direction:column;gap:7px;background:#FFF;border:none;border-radius:12px;padding:20px;text-decoration:none;transition:.24s cubic-bezier(.2,0,0,1);box-shadow:0 2px 8px rgba(6,33,115,.08)}
.hubc:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(6,33,115,.08)}
.hubc em{font-style:normal;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
.hubc b{font-family:'SVN-Circular',sans-serif;font-size:16px;line-height:1.3;color:var(--navy);letter-spacing:-.01em}
.hubc span{font-size:13.5px;line-height:1.6;color:var(--mid)}
.hubc u{margin-top:auto;padding-top:6px;text-decoration:none;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:12.5px;font-weight:700;color:var(--blue)}
.hubst{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:0;background:var(--navy);border-radius:16px;overflow:hidden}
.hubst>div{padding:20px 22px;border-right:1px solid rgba(255,255,255,.12)}
.hubst>div:last-child{border-right:0}
@media(max-width:820px){.hubst>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}}
.hubst em{display:block;font-style:normal;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);margin-bottom:8px}
.hubst b{display:block;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:15.5px;font-weight:900;color:#FFF;line-height:1.25;margin-bottom:5px}
.hubst span{font-size:13px;line-height:1.55;color:rgba(255,255,255,.72)}

.avwrap{display:grid;grid-template-columns:320px minmax(0,1fr);gap:20px;align-items:start;margin-top:22px}
@media(max-width:860px){.avwrap{grid-template-columns:1fr}}
.avin{background:#FFF;border-radius:14px;box-shadow:0 2px 8px rgba(6,33,115,.08);padding:20px;display:flex;flex-direction:column;gap:15px}
.avf{display:flex;flex-direction:column;gap:7px}
.avf>span{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.avf>span b{font-size:13.5px;letter-spacing:0;text-transform:none;color:var(--navy)}
.avf select{width:100%;border:1px solid var(--line);border-radius:9px;background:var(--wash);padding:9px 11px;font-family:'SVN-Circular',sans-serif;font-size:13.5px;color:var(--navy)}
.avf select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(2,70,255,.18)}
.avseg{display:flex;gap:6px;flex-wrap:wrap}
.avseg label{flex:1;min-width:0}
.avseg input{position:absolute;opacity:0;pointer-events:none}
.avseg span{display:block;text-align:center;border:1px solid var(--line);border-radius:999px;padding:7px 6px;cursor:pointer;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:12px;font-weight:700;color:var(--mid);transition:.15s cubic-bezier(.2,0,0,1)}
.avseg input:checked+span{background:var(--blue);border-color:var(--blue);color:#FFF}
.avout{background:#FFF;border-radius:14px;box-shadow:0 2px 8px rgba(6,33,115,.08);padding:22px}
.avres{background:var(--navy);border-radius:12px;padding:18px 20px;margin-bottom:14px}
.avl{display:block;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);margin-bottom:6px}
.avbig{display:block;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:34px;font-weight:900;color:#FFF;line-height:1.05;letter-spacing:-.015em}
.avband{display:block;margin-top:7px;font-size:13px;line-height:1.55;color:rgba(255,255,255,.74)}
.avrow{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:10px 0;border-bottom:1px solid var(--line);font-size:13.5px;color:var(--mid)}
.avrow b{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:15px;font-weight:900;color:var(--navy);white-space:nowrap}
.avadj{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.avc{display:flex;align-items:baseline;gap:7px;background:var(--wash);border-radius:999px;padding:6px 13px;font-size:12.5px;color:var(--mid)}
.avc b{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:12.5px;font-weight:900;color:var(--dim)}
.avc.up b{color:var(--blue)}
.avc.dn b{color:#B8681F}
.avnote{margin:14px 0 0;font-size:12.5px;line-height:1.6;color:var(--dim)}
.avtbl{width:100%;border-collapse:collapse;margin-top:4px}
.avtbl th,.avtbl td{text-align:right;padding:11px 12px;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:13.5px;border-bottom:1px solid var(--line);white-space:nowrap}
.avtbl th{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}
.avtbl th:first-child,.avtbl td:first-child{text-align:left;font-family:'SVN-Circular',sans-serif;color:var(--navy);white-space:normal}
.avtbl td.win{color:var(--blue);font-weight:900}
.avtbl tfoot td{border-bottom:0;font-weight:900;color:var(--navy)}

.zdef{max-width:760px}
.zlede{margin:0;font-size:17px;line-height:1.6;color:var(--mid)}
.zwarn{margin:16px 0 0;background:var(--tint);border-radius:12px;padding:16px 18px;font-size:14px;line-height:1.65;color:var(--mid)}
.zwarn b{color:var(--navy)}

.avhint{margin:0;font-size:12.5px;line-height:1.6;color:var(--dim)}
.avpick{display:flex;gap:14px;align-items:center;background:var(--wash);border-radius:12px;padding:12px 14px;margin-bottom:14px}
.avpick img{width:84px;height:64px;object-fit:cover;border-radius:9px;flex:0 0 auto}
.avpick>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.avpick b{font-family:'SVN-Circular',sans-serif;font-size:15px;color:var(--navy)}
.avpick span{font-size:12.5px;color:var(--mid)}
.avpick .avask{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:700;color:var(--dim)}
.avrow b.up{color:var(--blue)}
.avrow b.dn{color:#B8681F}
.avh{margin:20px 0 8px;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.avcmp th,.avcmp td{padding:9px 10px;font-size:12.5px}
.avin select[name="ls"]{font-size:12.5px}

.avwrap[data-mode="can"] [data-only="tay"]{display:none}
.avwrap[data-mode="tay"] [data-only="can"]{display:none}
.avpickbox select{width:100%;border:1px solid var(--line);border-radius:9px;background:var(--wash);padding:9px 11px;font-family:'SVN-Circular',sans-serif;font-size:12.5px;color:var(--navy)}
.avpickbox select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(2,70,255,.18)}

.zmod{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:center;margin-top:26px}
.zmod+.zmod{margin-top:clamp(34px,5vw,58px)}
@media(max-width:900px){.zmod{grid-template-columns:1fr;gap:18px}
  .zmod .zimg,.zmod.rev .zimg{order:0;justify-self:center;width:min(78vw,300px)}}
.zimg.house{width:min(100%,clamp(190px,25vw,330px));justify-self:center;background:none;box-shadow:none;border-radius:0;aspect-ratio:1/1;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M50 0.6 L95.5 32 A7 7 0 0 1 99 38 V90 A9.5 9.5 0 0 1 89.5 100 H10.5 A9.5 9.5 0 0 1 1 90 V38 A7 7 0 0 1 4.5 32 Z' fill='%23000'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M50 0.6 L95.5 32 A7 7 0 0 1 99 38 V90 A9.5 9.5 0 0 1 89.5 100 H10.5 A9.5 9.5 0 0 1 1 90 V38 A7 7 0 0 1 4.5 32 Z' fill='%23000'/%3E%3C/svg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.zimg.house img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0}
.zmod.rev .zimg{order:2}
.zmod .zimg{justify-self:start}
.zmod.rev .zimg{justify-self:end}
@media(max-width:820px){.zmod{grid-template-columns:1fr;gap:20px}
  .zmod.rev .zimg{order:0}
  .zmod .zimg,.zmod.rev .zimg{justify-self:center;width:min(100%,300px)}
  .zmod .zimg.house{width:min(72vw,300px)}}
.zimg{width:min(100%,clamp(220px,30vw,400px));justify-self:center;border-radius:16px;overflow:hidden;background:var(--wash);aspect-ratio:4/3}
.zimg img{display:block;width:100%;height:100%;object-fit:cover}
.ztxt{display:flex;flex-direction:column;gap:10px}
.ztxt em{font-style:normal;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
.ztxt h3{margin:0;font-family:'SVN-Circular',sans-serif;font-size:clamp(20px,2.2vw,26px);line-height:1.25;letter-spacing:-.015em;color:var(--navy)}
.ztxt p{margin:0;font-size:15px;line-height:1.65;color:var(--mid)}
.ztxt a.go{align-self:flex-start;margin-top:4px;text-decoration:none;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:13px;font-weight:700;color:var(--blue);border-bottom:1.5px solid rgba(2,70,255,.28);padding-bottom:2px}
.ztxt a.go:hover{color:var(--navy);border-bottom-color:var(--navy)}

.avm .avin{display:flex;flex-direction:column;gap:14px}
.avmode{display:flex;gap:6px;background:var(--wash);border-radius:999px;padding:4px;align-self:flex-start}
.avmode button{white-space:nowrap;flex:0 0 auto;border:none;background:none;border-radius:999px;padding:8px 16px;cursor:pointer;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:12.5px;font-weight:700;color:var(--mid);transition:.15s cubic-bezier(.2,0,0,1)}
.avmode button.on{background:#FFF;color:var(--navy);box-shadow:0 1px 2px rgba(6,33,115,.08)}
.avm[data-mode="can"] .avtay,.avm[data-mode="tay"] .avpickbox{display:none}
.avpickbox select,.avf select{width:100%;border:1px solid var(--line);border-radius:12px;background:#FFF;padding:11px 13px;color:var(--navy);font-family:'SVN-Circular',sans-serif;font-size:14px;cursor:pointer}
.avpickbox select:focus,.avf select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(2,70,255,.18)}
.avtay{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
.avf{display:flex;flex-direction:column;gap:6px}
.avf>span{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);display:flex;justify-content:space-between;gap:8px}
.avf>span b{color:var(--navy);letter-spacing:0;text-transform:none;font-size:13px}
.avf input[type=range]{width:100%}

[data-avm] .avmode{display:flex;gap:6px;background:var(--wash);border-radius:999px;padding:4px;align-self:flex-start}
[data-avm] .avmode button{white-space:nowrap;flex:0 0 auto;border:none;background:none;border-radius:999px;padding:8px 16px;cursor:pointer;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:12.5px;font-weight:700;line-height:1.2;color:var(--mid);transition:.15s cubic-bezier(.2,0,0,1)}
[data-avm] .avmode button.on{background:#FFF !important;color:var(--navy) !important;box-shadow:0 1px 2px rgba(6,33,115,.08)}

.offb{position:relative;overflow:hidden;isolation:isolate;background:#FFF;border-radius:20px;padding:clamp(22px,2.6vw,32px);box-shadow:0 8px 24px rgba(6,33,115,.08);margin-bottom:22px}
.offb:last-child{margin-bottom:0}
.offb::before{content:"";position:absolute;inset:0;background-image:var(--offb-kv);background-size:cover;background-position:50% 42%;opacity:.62;z-index:-2;pointer-events:none}
.offb::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(255,255,255,.87) 0%,rgba(255,255,255,.78) 48%,rgba(255,255,255,.55) 100%);z-index:-1;pointer-events:none}
.offb .offi{background:rgba(255,255,255,.82)}
.offb .offi:hover{background:#FFF}
.offh{max-width:640px;margin-bottom:22px}
.offh em{display:block;font-style:normal;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin-bottom:8px}
.offh h3{font-family:'SVN-Circular','Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:clamp(21px,2.2vw,26px);line-height:1.2;letter-spacing:-.015em;color:var(--navy);margin:0 0 8px}
.offh p{margin:0 0 12px;font-size:15px;line-height:1.6;color:var(--mid)}
.offcols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,40px)}
@media(max-width:760px){.offcols{grid-template-columns:1fr}}
.offct{display:block;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);padding-bottom:9px;border-bottom:1px solid var(--line);margin-bottom:4px}
.offi{display:block;text-decoration:none;border-radius:10px;padding:10px 12px;margin:0 -12px;background:rgba(255,255,255,.82);transition:background .15s cubic-bezier(.2,0,0,1)}
.offi:hover{background:var(--wash)}
.offi b{display:block;font-family:'SVN-Circular','Helvetica Neue',Arial,sans-serif;font-size:14.5px;font-weight:700;color:var(--navy);margin-bottom:2px}
.offi:hover b{color:var(--blue)}
.offi span{display:block;font-size:12.5px;line-height:1.5;color:var(--mid)}

.pol{display:grid;gap:14px;margin-top:26px}
.polr{display:grid;grid-template-columns:46px minmax(0,1fr) minmax(0,1fr);background:#FFF;border-radius:14px;overflow:hidden;box-shadow:0 2px 8px rgba(6,33,115,.08)}
.polr>.pn{display:flex;align-items:flex-start;justify-content:center;padding:22px 0 0;background:var(--tint);font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:900;font-size:15px;color:var(--navy)}
.pola{padding:22px 24px}
.polb{padding:22px 24px;background:var(--navy);color:#DFF6FF}
.pola .hd{margin-bottom:8px}
.pola p,.polb p{margin:0;font-size:14.5px;line-height:1.6}
.pola p{color:var(--mid)}
.polb .pl{display:block;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:700;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--cyan);margin-bottom:8px}
@media(max-width:820px){.polr{grid-template-columns:1fr}.polr>.pn{padding:14px 24px 0;justify-content:flex-start}}

/* ===== MẪU THỬ: thang không gian lớn, ảnh lớn, không thẻ ===== */
/* dùng chung cho .zx (bản sáng) và .zy (bản tối) */
.zx section,.zy section{padding:clamp(72px,9vw,128px) 0}
.zx .prose,.zy .prose{max-width:660px}
.zx .shead,.zy .shead{max-width:760px;margin:0 0 clamp(38px,5vw,64px)}
.zx .shead h2,.zy .shead h2{font-family:'SVN-Circular','Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:clamp(29px,3.6vw,42px);line-height:1.14;letter-spacing:-.025em;color:var(--navy);margin:0}
.zx .shead p,.zy .shead p{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:18px;line-height:1.62;color:var(--mid);margin:16px 0 0;max-width:640px;text-wrap:pretty}

/* khối ảnh lớn ↔ chữ */
.bmod{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:clamp(34px,5.5vw,80px);align-items:center}
.bmod+.bmod{margin-top:clamp(56px,8vw,112px)}
.bmod.rev .bimg{order:2}
@media(max-width:860px){.bmod{grid-template-columns:1fr;gap:26px}.bmod.rev .bimg{order:0}}
.bimg{border-radius:22px;overflow:hidden;aspect-ratio:4/3;background:var(--wash)}
.bimg img{width:100%;height:100%;object-fit:cover;display:block}
.bstep{display:flex;align-items:center;gap:11px;margin:0 0 16px}
.bstep i{width:30px;height:2px;background:var(--cyan);flex:0 0 auto;border-radius:2px}
.bstep span{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--blue)}
.btxt h3{font-family:'SVN-Circular','Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:clamp(24px,2.6vw,31px);line-height:1.2;letter-spacing:-.02em;color:var(--navy);margin:0 0 14px}
.btxt p{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:17px;line-height:1.68;color:var(--mid);margin:0 0 13px;text-wrap:pretty}
.btxt p b,.btxt p u{color:var(--ink)}
.btxt .go{display:inline-block;margin-top:6px;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:700;font-size:15px;color:var(--blue)}
.btxt .go:hover{color:var(--navy)}

/* ba con số — không thẻ, chỉ vạch mảnh */
.bnums{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(28px,4vw,54px);border-top:1px solid var(--line);padding-top:clamp(30px,4vw,44px)}
.bnums>div>b{display:block;font-family:'SVN-Circular','Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:clamp(31px,3.6vw,44px);line-height:1.05;letter-spacing:-.03em;color:var(--navy)}
.bnums>div>em{display:block;margin:11px 0 8px;font-style:normal;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:700;font-size:16px;color:var(--ink)}
.bnums>div>span{display:block;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:15px;line-height:1.6;color:var(--mid)}

/* quyền lợi — hàng mảnh, không hộp */
.bacc{border-top:1px solid var(--line)}
.bacc details{border-bottom:1px solid var(--line)}
.bacc summary{list-style:none;cursor:pointer;padding:22px 0;display:flex;align-items:baseline;gap:16px;font-family:'SVN-Circular','Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:clamp(18px,1.9vw,21px);letter-spacing:-.015em;color:var(--navy)}
.bacc summary::-webkit-details-marker{display:none}
.bacc summary::after{content:"+";margin-left:auto;font-family:'FK Grotesk Neue',sans-serif;font-weight:400;font-size:24px;color:var(--blue);line-height:1}
.bacc details[open] summary::after{content:"−"}
.bacc summary:hover{color:var(--blue)}
.bacc details>p{margin:0 0 24px;max-width:700px;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:16.5px;line-height:1.68;color:var(--mid)}

/* ===== bản A: hero sáng, kiểu tạp chí ===== */
.zx .bhero{padding:clamp(52px,7vw,92px) 0 clamp(56px,7vw,100px);background:#FFF}
.zx .bhero .wrap{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:clamp(34px,5vw,74px);align-items:center}
@media(max-width:900px){.zx .bhero .wrap{grid-template-columns:1fr;gap:30px}}
.zx .bhero h1{font-family:'SVN-Circular','Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:clamp(38px,5.6vw,64px);line-height:1.03;letter-spacing:-.035em;color:var(--navy);margin:0 0 22px;text-wrap:balance}
.zx .bhero .lede{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:18.5px;line-height:1.62;color:var(--mid);margin:0 0 30px;max-width:560px;text-wrap:pretty}
.zx .bhero .lede b{color:var(--ink)}
.zx .bhero .eb{display:inline-flex;align-items:center;gap:10px;margin:0 0 22px;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}
.zx .bhero .eb i{width:26px;height:2px;background:var(--cyan);border-radius:2px}
.zx .hi{border-radius:24px;overflow:hidden;aspect-ratio:5/4;background:var(--wash)}
.zx .hi img{width:100%;height:100%;object-fit:cover;display:block}
.zx .bbtns{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.zx .bbtns .btn{padding:15px 30px;font-size:16px}
.zx .bbtns .go{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:700;font-size:16px;color:var(--blue)}

/* ===== bản B: hero tối tràn viền, thang lớn ===== */
.zy .bhero{position:relative;min-height:clamp(480px,62vh,660px);display:flex;align-items:center;padding:clamp(64px,8vw,110px) 0;background:var(--navy);overflow:hidden}
.zy .bhero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.42}
.zy .bhero::after{content:"";position:absolute;inset:0;background:linear-gradient(94deg,rgba(6,33,115,.9) 0%,rgba(6,33,115,.62) 52%,rgba(6,33,115,.22) 100%)}
.zy .bhero .wrap{position:relative;z-index:2}
.zy .bhero h1{font-family:'SVN-Circular','Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:clamp(40px,5.9vw,66px);line-height:1.02;letter-spacing:-.035em;color:#FFF;margin:0 0 24px;max-width:15ch;text-wrap:balance}
.zy .bhero .lede{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:19px;line-height:1.62;color:rgba(255,255,255,.86);margin:0 0 34px;max-width:600px;text-wrap:pretty}
.zy .bhero .lede b{color:#FFF}
.zy .bhero .eb{display:inline-flex;align-items:center;gap:10px;margin:0 0 24px;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan)}
.zy .bhero .eb i{width:26px;height:2px;background:var(--cyan);border-radius:2px}
.zy .bbtns{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.zy .bbtns .btn{padding:15px 30px;font-size:16px}
.zy .bbtns .go{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:700;font-size:16px;color:#FFF;border-bottom:1.5px solid rgba(255,255,255,.4);padding-bottom:2px}
.zy .bbtns .go:hover{border-color:#FFF}
.zy .kick2{display:flex;align-items:center;gap:12px;margin:0 0 18px}
.zy .kick2 b{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:12px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--blue)}
.zy .kick2 i{width:34px;height:2px;background:var(--cyan);border-radius:2px}
.zy .numband{background:var(--navy);padding:clamp(64px,8vw,104px) 0}
.zy .numband .shead h2{color:#FFF}
.zy .numband .shead p{color:rgba(255,255,255,.76)}
.zy .numband .bnums{border-top-color:rgba(255,255,255,.22)}
.zy .numband .bnums>div>b{color:var(--cyan)}
.zy .numband .bnums>div>em{color:#FFF}
.zy .numband .bnums>div>span{color:rgba(255,255,255,.72)}

/* ===== TRANG SO SÁNH HƯỚNG MINH HOẠ (mẫu thử) ===== */
.zopt section{padding:clamp(64px,7.5vw,104px) 0}
.zopt .optlab{display:flex;align-items:flex-start;gap:18px;margin:0 0 clamp(30px,4vw,46px);padding-bottom:22px;border-bottom:1px solid var(--line)}
.zopt .optlab>b{flex:0 0 auto;width:46px;height:46px;border-radius:50%;background:var(--navy);color:#FFF;display:flex;align-items:center;justify-content:center;font-family:'SVN-Circular',sans-serif;font-weight:700;font-size:19px}
.zopt .optlab h2{font-family:'SVN-Circular','Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:clamp(24px,2.8vw,32px);line-height:1.14;letter-spacing:-.025em;color:var(--navy);margin:0}
.zopt .optlab p{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:16px;line-height:1.6;color:var(--mid);margin:9px 0 0;max-width:620px}
.zopt .optnote{margin:clamp(26px,3.4vw,40px) 0 0;padding:16px 20px;background:var(--wash);border-radius:12px;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:15px;line-height:1.6;color:var(--mid);max-width:760px}
.zopt .optnote b{color:var(--navy)}

/* 1 · ảnh vẽ tràn ra khỏi khung nền */
.zx{overflow-x:clip}
.ext{--pv:clamp(38px,4.4vw,58px);--ph:clamp(26px,3.2vw,48px);position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:clamp(26px,3.6vw,52px);align-items:center;padding:var(--pv) var(--ph)}
.ext::before{content:"";position:absolute;inset:0;border-radius:24px;background:var(--wash,#F5F7FD);z-index:0}
.ext>*{position:relative;z-index:1}
.exi.house>img{filter:none}
.exi.house{position:relative;width:min(100%,clamp(200px,26vw,350px));justify-self:center;margin:0;padding-top:46px;overflow:visible}
.exi.house .hbg{display:block;position:relative;width:100%;aspect-ratio:1/1;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M50 0.6 L95.5 32 A7 7 0 0 1 99 38 V90 A9.5 9.5 0 0 1 89.5 100 H10.5 A9.5 9.5 0 0 1 1 90 V38 A7 7 0 0 1 4.5 32 Z' fill='%23000'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M50 0.6 L95.5 32 A7 7 0 0 1 99 38 V90 A9.5 9.5 0 0 1 89.5 100 H10.5 A9.5 9.5 0 0 1 1 90 V38 A7 7 0 0 1 4.5 32 Z' fill='%23000'/%3E%3C/svg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.exi.house .hbg img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0;filter:none}
.exi.house .hcut{position:absolute;bottom:0;right:-6%;height:104%;width:auto;max-width:none;display:block;z-index:2;filter:drop-shadow(-14px 18px 30px rgba(6,33,115,.22))}
.ext.rev .exi.house .hcut{right:auto;left:-6%;filter:drop-shadow(14px 18px 30px rgba(6,33,115,.22))}
@media(max-width:520px){.exi.house{padding-top:34px}.exi.house .hcut{height:96%;right:-3%}.ext.rev .exi.house .hcut{left:-3%}}
.ext.rev>.exi.house{order:-1;margin:0}
@media(max-width:1020px){.ext.rev>.exi.house{order:0;margin:0}}
.exi{margin:calc(-1 * var(--pv) - 30px) calc(-1 * var(--ph) - 40px) calc(-1 * var(--pv) - 16px) 0}
.ext.rev>.exi:not(.house){order:-1;margin-right:0;margin-left:calc(-1 * var(--ph) - 40px)}
.exi>img{display:block;width:100%;height:auto;max-width:none;filter:drop-shadow(0 26px 48px rgba(6,33,115,.17))}
@media(max-width:1020px){
  .ext{--pv:clamp(24px,4.6vw,32px);--ph:clamp(20px,4vw,28px);grid-template-columns:1fr;gap:24px}
  .exi,.ext.rev>.exi:not(.house){order:0;margin:0 calc(-1 * var(--ph) - 26px) calc(-1 * var(--pv) - 10px)}
  .btxt{z-index:2}
}
.exchip{position:absolute;left:0;bottom:-4px;display:flex;align-items:center;gap:12px;background:#FFF;border-radius:14px;box-shadow:0 14px 36px rgba(6,33,115,.17);padding:13px 17px;max-width:296px;z-index:2}
.ext.rev .exchip{left:auto;right:0}
.exchip svg{flex:0 0 auto;width:26px;height:26px}
.exchip span{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:13.5px;line-height:1.45;color:var(--ink)}
.exchip span b{color:var(--navy)}
.ext+.ext{margin-top:clamp(64px,7.5vw,104px)}

/* 2 · bento kiểu tech */
.bento{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(0,1fr);gap:18px}
@media(max-width:900px){.bento{grid-template-columns:1fr}}
.bcard{background:var(--wash);border-radius:20px;padding:clamp(22px,2.6vw,32px);display:flex;flex-direction:column;gap:16px;overflow:hidden}
.bcard.tall{grid-row:span 2}
.bcard.dark{background:var(--navy)}
.bcard h3{font-family:'SVN-Circular','Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:clamp(19px,2vw,23px);line-height:1.22;letter-spacing:-.02em;color:var(--navy);margin:0}
.bcard p{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:15.5px;line-height:1.62;color:var(--mid);margin:0}
.bcard.dark h3{color:#FFF}.bcard.dark p{color:rgba(255,255,255,.78)}
.bcard img,.bcard svg{width:100%;height:auto;display:block;margin-top:auto}
.bstat{font-family:'SVN-Circular','Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:clamp(44px,5.4vw,68px);line-height:1;letter-spacing:-.04em;color:var(--cyan);margin:0}
.bcard.dark .bstat+p{margin-top:-4px}

/* 3 · ảnh chụp công cụ thật */
.shotf{border-radius:16px;overflow:hidden;box-shadow:0 20px 50px rgba(6,33,115,.16);background:#FFF}
.shotbar{display:flex;align-items:center;gap:7px;padding:12px 16px;background:#F1F3F9;border-bottom:1px solid var(--line)}
.shotbar i{width:10px;height:10px;border-radius:50%;background:#D2D7E4}
.shotbar em{margin-left:12px;font-style:normal;font-family:ui-monospace,SFMono-Regular,monospace;font-size:11.5px;color:var(--dim)}
.shotf>img{display:block;width:100%;height:auto}

/* 4 · không minh hoạ */
.pure{display:grid;grid-template-columns:minmax(0,7ch) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start;border-top:2px solid var(--navy);padding-top:clamp(24px,3vw,36px)}
@media(max-width:760px){.pure{grid-template-columns:1fr;gap:14px}}
.pure>b{font-family:'SVN-Circular','Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:clamp(34px,4.4vw,54px);line-height:.94;letter-spacing:-.04em;color:var(--cyan)}
.pure h3{font-family:'SVN-Circular','Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:clamp(25px,2.9vw,34px);line-height:1.15;letter-spacing:-.025em;color:var(--navy);margin:0 0 14px;max-width:22ch}
.pure p{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:17.5px;line-height:1.68;color:var(--mid);margin:0 0 12px;max-width:640px}
.pure+.pure{margin-top:clamp(34px,4.5vw,54px)}

/* === bố cục tài liệu === */
.docs{display:grid;grid-template-columns:238px minmax(0,1fr) 200px;gap:clamp(26px,3.2vw,54px);max-width:1300px;margin:0 auto;padding:0 clamp(20px,3vw,30px) clamp(64px,7vw,96px);align-items:start}
@media(max-width:1200px){.docs{grid-template-columns:238px minmax(0,1fr)}.dtoc{display:none}}
@media(max-width:920px){.docs{grid-template-columns:1fr;gap:20px}}
.drail{position:sticky;top:84px;max-height:calc(100vh - 104px);overflow:auto;padding:30px 0 8px;scrollbar-width:thin}
@media(max-width:920px){.drail{position:static;max-height:none;overflow:visible;padding:22px 0 0;border-bottom:1px solid var(--line)}}
.dgrp{margin:0 0 22px}
.dgrp>b{display:block;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--dim);margin:0 0 8px;padding:0 10px}
.drail a{display:block;padding:6px 10px;border-radius:8px;font-size:13.5px;line-height:1.4;color:var(--mid);text-decoration:none;transition:.15s cubic-bezier(.2,0,0,1)}
.drail a:hover{background:var(--wash);color:var(--ink)}
.drail a[aria-current="page"]{background:var(--tint);color:var(--navy);font-weight:700}
.dmain{padding:30px 0 0;min-width:0;container-type:inline-size;container-name:doc}
.dcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:12px;color:var(--dim);margin:0 0 16px}
.dcrumb a{color:var(--dim);text-decoration:none}
.dcrumb a:hover{color:var(--blue)}
.dcrumb i{font-style:normal;color:#B8B8B8}
h1.dh1{font-family:'SVN-Circular','Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:clamp(28px,3.3vw,39px);line-height:1.15;letter-spacing:-.018em;color:var(--navy);margin:0 0 14px;max-width:26ch;text-wrap:balance}
.dlede{font-size:17px;line-height:1.62;color:var(--mid);max-width:66ch;margin:0 0 26px;text-wrap:pretty}
.dmeta{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2px 26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;margin:0 0 clamp(40px,5vw,60px)}
.dmeta>div{padding:4px 0}
.dmeta b{display:block;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin:0 0 4px}
.dmeta span{font-size:13.5px;font-weight:500;color:var(--ink);line-height:1.4}
.dsec{padding:0 0 clamp(44px,5.4vw,68px);scroll-margin-top:84px}
.dsec:last-of-type{padding-bottom:0}
h2.dh2{font-family:'SVN-Circular','Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:clamp(21px,2.3vw,26px);line-height:1.24;letter-spacing:-.015em;color:var(--navy);margin:0 0 12px;max-width:30ch}
.dsub{font-size:15.5px;line-height:1.6;color:var(--mid);max-width:64ch;margin:14px 0 22px;text-wrap:pretty}
.dnote{background:var(--navy);border-radius:16px;padding:clamp(22px,2.6vw,30px);color:#FFF}
.dnote h3{font-family:'SVN-Circular','Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:18px;color:#FFF;margin:0 0 16px}
.dnote .row{display:flex;gap:16px;padding:11px 0;border-top:1px solid rgba(255,255,255,.2)}
.dnote .row:first-of-type{border-top:0;padding-top:0}
.dnote .row b{flex:0 0 200px;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:13.5px;color:#FFF;line-height:1.4}
.dnote .row span{font-size:14px;line-height:1.58;color:rgba(255,255,255,.8)}
@container doc (max-width:620px){.dnote .row{flex-direction:column;gap:4px}.dnote .row b{flex:none}}
.dnext{display:grid;grid-template-columns:repeat(auto-fit,minmax(224px,1fr));gap:12px;margin:18px 0 0}
.dnext a{display:block;background:#FFF;border-radius:12px;box-shadow:0 2px 8px rgba(6,33,115,.08);padding:16px 18px;text-decoration:none;transition:.24s cubic-bezier(.2,0,0,1)}
.dnext a:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(6,33,115,.08)}
.dnext a em{display:block;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-style:normal;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin:0 0 6px}
.dnext a b{display:block;font-family:'SVN-Circular',sans-serif;font-weight:700;font-size:15px;color:var(--navy);line-height:1.3;margin:0 0 4px}
.dnext a span{display:block;font-size:13px;line-height:1.5;color:var(--mid)}
.dtoc{position:sticky;top:84px;padding:36px 0 0;max-height:calc(100vh - 104px);overflow:auto;scrollbar-width:thin}
.dtoc>b{display:block;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--dim);margin:0 0 10px;padding-left:13px}
.dtoc a{display:block;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:12.5px;line-height:1.45;color:var(--dim);padding:6px 0 6px 13px;border-left:1px solid var(--line);text-decoration:none;transition:.15s cubic-bezier(.2,0,0,1)}
.dtoc a:hover{color:var(--ink)}
.dtoc a.on{color:var(--navy);font-weight:700;border-left-color:var(--blue)}
.dwait{border:1px dashed #B8B8B8;border-radius:12px;padding:14px 16px;font-size:13px;line-height:1.55;color:var(--mid);background:transparent}
.dwait b{display:block;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--dim);margin:0 0 4px}

/* === trang offer === */
.offer{max-width:1180px;margin:0 auto;padding:0 clamp(20px,3vw,32px) clamp(64px,7vw,96px)}
.ohead{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:clamp(30px,4.4vw,64px);align-items:center;padding:clamp(28px,4vw,52px) 0 0}
@media(max-width:900px){.ohead{grid-template-columns:1fr;gap:28px;align-items:start}}
.obadge{display:inline-flex;align-items:center;gap:9px;background:var(--tint);color:var(--navy);border-radius:99px;padding:7px 15px;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin:0 0 18px}
.obadge.lbl{align-items:flex-start;background:none;padding:0;color:var(--blue);letter-spacing:.055em;font-size:11.5px;line-height:1.5;max-width:44ch}
.obadge.lbl i{margin-top:.42em}
.obadge i{width:6px;height:6px;border-radius:50%;background:var(--cyan);flex:0 0 auto}
h1.oh1{font-family:'SVN-Circular','Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:clamp(34px,4.6vw,54px);line-height:1.06;letter-spacing:-.024em;color:var(--navy);margin:0 0 16px;max-width:16ch;text-wrap:balance}
h1.oh1.long{font-size:clamp(27px,3.3vw,38px);line-height:1.14;max-width:26ch}
.olede{font-size:17.5px;line-height:1.6;color:var(--mid);max-width:46ch;margin:0 0 26px;text-wrap:pretty}
.obtns{display:flex;flex-wrap:wrap;gap:12px}
.okv{position:relative}
.okv img{width:100%;height:auto;display:block;aspect-ratio:1/1;object-fit:contain}
.okvchip{position:absolute;left:-6px;bottom:6px;max-width:310px;background:#FFF;border-radius:16px;padding:15px 18px;display:flex;align-items:baseline;gap:12px;box-shadow:0 14px 38px rgba(6,33,115,.16)}
@media(max-width:900px){.okvchip{left:8px;bottom:0;max-width:none;right:8px}}
.okvchip em{font-style:normal;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:900;font-size:29px;letter-spacing:-.02em;color:var(--blue);line-height:1}
.okvchip span{font-size:12.5px;line-height:1.42;color:var(--ink);font-weight:500}
.ofacts{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:22px 30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:clamp(46px,5.4vw,70px) 0 0;padding:28px 0}
.ofacts .f b{display:block;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:900;font-size:clamp(25px,2.6vw,31px);letter-spacing:-.02em;color:var(--navy);line-height:1;margin:0 0 8px}
.ofacts .f i{display:block;font-style:normal;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:13px;font-weight:700;color:var(--ink);line-height:1.4;margin:0 0 5px}
.ofacts .f span{display:block;font-size:12.5px;line-height:1.5;color:var(--mid)}
.osrc{font-size:12px;color:var(--dim);margin:14px 0 0}
.octa{background:var(--tint);border-radius:18px;padding:clamp(24px,3vw,34px)}
.octa h3{font-family:'SVN-Circular','Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:clamp(20px,2.2vw,25px);line-height:1.22;color:var(--navy);margin:0 0 10px;max-width:26ch}
.octa p{font-size:15px;line-height:1.6;color:var(--mid);max-width:56ch;margin:0 0 20px}
.octa .obtns{margin:0}
/* nút viền trên nền sáng */
.offer .btn.line,.ohero .btn.line,.dmain .btn.line,.octa .btn.line,.kfsec .btn.line{color:var(--ink);border:1px solid var(--line);background:#FFF;box-shadow:0 1px 2px rgba(6,33,115,.05)}
.offer .btn.line:hover,.ohero .btn.line:hover,.dmain .btn.line:hover,.octa .btn.line:hover,.kfsec .btn.line:hover{background:var(--wash);border-color:var(--line);color:var(--ink)}

.oblks{display:flex;flex-direction:column;gap:clamp(52px,6vw,86px);margin:30px 0 0}
.oblk{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);gap:clamp(28px,4vw,60px);align-items:center}
.oblk.rev{grid-template-columns:minmax(0,1.06fr) minmax(0,1fr)}
.oblk.rev .oblk-t{order:2}
.oblk-t{max-width:44ch}
.oblk-t h3{font-family:'SVN-Circular','Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:clamp(20px,2.1vw,25px);line-height:1.22;letter-spacing:-.016em;color:var(--navy);margin:0 0 12px;text-wrap:pretty}
.oblk-t p{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:16px;line-height:1.66;color:var(--mid);margin:0;text-wrap:pretty}
.oblk-t .go{margin-top:14px;display:inline-block}
.oblk-i{position:relative}
.oblk-i img{display:block;width:100%;height:auto}
@media(max-width:860px){
  .oblk{grid-template-columns:1fr;gap:20px}
  .oblk.rev .oblk-t{order:0}
  .oblk-i{order:-1}
}

.ohero{max-width:1180px;margin:0 auto;padding:0 clamp(20px,3vw,32px)}
.ohero.wide{max-width:1200px;padding:0 clamp(16px,3vw,40px)}

.okv.ph img{border-radius:22px;object-fit:cover;aspect-ratio:4/3;box-shadow:0 18px 46px rgba(6,33,115,.14)}
.obtns .btn{white-space:nowrap}

.plain.lite{background:var(--wash);border:1px solid var(--line);color:var(--navy)}
.plain.lite .row{border-top-color:var(--line);color:var(--mid)}
.plain.lite .row b{color:var(--navy)}

.okvchip em{white-space:nowrap}

.oblk-i>img{border-radius:24px;object-fit:cover;aspect-ratio:4/3;box-shadow:0 20px 48px rgba(6,33,115,.16)}
.oblk-i.bleed>img{border-radius:0;box-shadow:none;aspect-ratio:auto}
.ofc{position:absolute;bottom:-18px;right:-16px;width:min(198px,64%);background:rgba(255,255,255,.97);border-radius:13px;padding:11px 12px 12px;box-shadow:0 18px 42px rgba(6,33,115,.22)}
.oblk.rev .ofc{right:auto;left:-16px}
.ofc i{display:flex;width:27px;height:27px;border-radius:8px;background:var(--wash);color:var(--blue);align-items:center;justify-content:center;margin:0 0 8px}
.ofc i svg{width:15px;height:15px}
.ofc b{display:block;font-family:'SVN-Circular','Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:17px;line-height:1.14;letter-spacing:-.02em;color:var(--navy)}
.ofc span{display:block;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11.5px;line-height:1.42;color:var(--mid);margin:4px 0 0}
@media(max-width:860px){.ofc,.oblk.rev .ofc{left:14px;right:auto;bottom:-16px;width:min(198px,72%)}}

.zkv{position:relative}
.zkv>img{width:100%;height:auto;display:block;aspect-ratio:1300/880;object-fit:contain;border-radius:0;box-shadow:none}
.zcard{position:absolute;right:2.5%;bottom:9%;width:min(206px,40%);background:rgba(255,255,255,.97);border-radius:14px;padding:9px 9px 10px;box-shadow:0 18px 42px rgba(6,33,115,.24)}
.zcard>img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:9px;display:block}
.zpill{position:absolute;left:-10px;top:-15px;max-width:124%;background:linear-gradient(135deg,#0246FF,#0038D6);color:#FFF;border-radius:99px;padding:6px 11px 6px 9px;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:700;font-size:11.5px;line-height:1;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;box-shadow:0 9px 20px rgba(2,70,255,.34)}
.zpill svg{width:13px;height:13px;flex:0 0 auto}
.zprice{display:block;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:900;font-size:19px;color:var(--navy);letter-spacing:-.02em;margin:8px 0 0;line-height:1.1}
.zmeta{font-size:11.5px;color:var(--mid);margin:2px 0 0;line-height:1.3}
.zbtn{display:block;text-align:center;background:var(--navy);color:#FFF;border-radius:9px;padding:8px 10px;margin:9px 0 0;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:700;font-size:11.5px;text-decoration:none;transition:background .15s cubic-bezier(.2,0,0,1)}
.zbtn:hover{background:#04154D;color:#FFF}
@media(max-width:900px){.zcard{width:min(200px,42%)}}
@media(max-width:560px){.zcard{position:static;width:100%;margin:12px 0 0;box-shadow:0 10px 26px rgba(6,33,115,.14)}.zpill{position:static;margin:0 0 8px}}

/* ===== KV format: sáu kiểu vượt khung ===== */
.kflab{max-width:1180px;margin:0 auto;padding:54px clamp(20px,3vw,32px) 0}
.kflab-t{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;border-bottom:2px solid var(--navy);padding-bottom:10px;margin:0 0 8px}
.kflab-t b{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--blue)}
.kflab-t h2{font-family:'SVN-Circular','Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:21px;color:var(--navy);margin:0;letter-spacing:-.015em}
.kflab-t span{font-size:12.5px;color:var(--mid);margin-left:auto}
.kfsec{padding:0 0 clamp(56px,6vw,84px);overflow:visible}
.kfw{max-width:1180px;margin:0 auto;padding:0 clamp(20px,3vw,32px)}
.kfg{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:clamp(30px,4.4vw,64px);align-items:center;padding:clamp(26px,3.4vw,44px) 0 0}
@media(max-width:900px){.kfg{grid-template-columns:1fr;gap:26px}}

/* 1 · thẻ vượt góc dưới */
.kf1 .im{position:relative}
.kf1 .im>img{width:100%;display:block;border-radius:24px;aspect-ratio:4/3;object-fit:cover;box-shadow:0 20px 52px rgba(6,33,115,.16)}
.kf1 .cd{position:absolute;right:-22px;bottom:-26px;width:min(232px,70%);background:#FFF;border-radius:15px;padding:14px 15px;box-shadow:0 20px 46px rgba(6,33,115,.2)}

/* 2 · người vượt mép trên */
.kf2 .im{position:relative;padding-top:70px}
.kf2 .pad{position:relative;border-radius:26px;aspect-ratio:16/10;background:linear-gradient(150deg,#DCE6FF 0%,#EAF0FF 56%,#F6F9FF 100%);overflow:hidden}
.kf2 .pad svg{position:absolute;right:-6%;bottom:-8%;width:76%;opacity:.5}
.kf2 .cut{position:absolute;right:0;bottom:0;height:calc(100% - 10px);width:auto;max-width:70%;object-fit:contain;object-position:bottom right;display:block;filter:drop-shadow(-16px 22px 34px rgba(6,33,115,.22))}
.kf2 .pill{position:absolute;left:-14px;top:44px;display:inline-flex;align-items:center;gap:8px;background:var(--blue);color:#FFF;border-radius:99px;padding:10px 17px;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:900;font-size:14px;box-shadow:0 14px 32px rgba(2,70,255,.34);z-index:2}
.kf2 .pill svg{position:static;width:17px;height:17px;opacity:1}
.kf2 .cd{position:absolute;left:-18px;bottom:26px;width:min(216px,62%);background:#FFF;border-radius:15px;padding:13px 15px;box-shadow:0 18px 42px rgba(6,33,115,.2);z-index:2}
@media(max-width:900px){.kf2 .im{padding-top:46px}.kf2 .cd{left:6px;bottom:8px}}

/* 3 · tràn lề phải */
.kf3 .kfw{max-width:none;padding:0 clamp(20px,3vw,32px) 0 max(clamp(20px,3vw,32px),calc((100% - 1180px)/2 + clamp(20px,3vw,32px)))}
.kf3 .im{margin-right:calc(-1 * clamp(20px,3vw,32px))}
.kf3 .kfg{grid-template-columns:minmax(0,460px) minmax(0,1fr);align-items:center}
.kf3 .im{position:relative}
.kf3 .im>img{width:100%;display:block;border-radius:26px 0 0 26px;aspect-ratio:16/10;object-fit:cover}
.kf3 .cd{position:absolute;left:-26px;bottom:34px;width:min(228px,64%);background:#FFF;border-radius:15px;padding:14px 15px;box-shadow:0 20px 46px rgba(6,33,115,.2)}
@media(max-width:900px){.kf3 .kfg{grid-template-columns:1fr}.kf3 .kfw{padding-left:clamp(20px,3vw,32px)}.kf3 .cd{left:8px}.kf1 .cd{right:8px;bottom:-18px;width:auto;left:8px}}

/* 4 · khung lệch trên dải màu */
.kf4 .im{position:relative;padding:38px 0 0 42px}
.kf4 .im::before{content:"";position:absolute;left:0;top:0;width:70%;height:74%;background:var(--navy);border-radius:22px}
.kf4 .im>img{position:relative;width:100%;display:block;border-radius:20px;aspect-ratio:4/3;object-fit:cover;box-shadow:0 22px 50px rgba(6,33,115,.26)}
.kf4 .cd{position:absolute;left:-16px;bottom:-22px;width:min(220px,62%);background:#FFF;border-radius:15px;padding:13px 15px;box-shadow:0 18px 42px rgba(6,33,115,.22)}
@media(max-width:900px){.kf4 .im{padding:22px 0 0 20px}.kf4 .cd{left:4px}}

/* 5 · tràn mép giấy */
.kf5 .im{position:relative}
.kf5 .im>img{width:100%;display:block;aspect-ratio:1/1;object-fit:contain}
.kf5 .cd{position:absolute;left:-10px;bottom:14px;width:min(232px,66%);background:#FFF;border-radius:16px;padding:14px 16px;box-shadow:0 16px 40px rgba(6,33,115,.16)}

/* 6 · vượt xuống dưới mục */
.kf6{background:var(--wash);padding-bottom:0}
.kf6 .kfg{align-items:end}
.kf6 .im{position:relative;margin-bottom:-96px}
.kf6 .im>img{width:100%;display:block;border-radius:24px;aspect-ratio:4/3;object-fit:cover;box-shadow:0 24px 56px rgba(6,33,115,.18)}
.kf6 .cd{position:absolute;left:-20px;top:-24px;width:min(224px,64%);background:#FFF;border-radius:15px;padding:13px 15px;box-shadow:0 18px 42px rgba(6,33,115,.2)}
.kfafter{background:#FFF;padding:96px 0 20px}
@media(max-width:900px){.kf6 .im{margin-bottom:-46px}.kf6 .cd{left:4px}}

/* thẻ nổi dùng chung */
.kfcd i{display:flex;width:28px;height:28px;border-radius:8px;background:var(--wash);color:var(--blue);align-items:center;justify-content:center;margin:0 0 9px}
.kfcd i svg{width:17px;height:17px}
.kfcd b{display:block;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:900;font-size:17px;color:var(--navy);line-height:1.2;letter-spacing:-.014em}
.kfcd span{display:block;font-size:12px;line-height:1.45;color:var(--mid);margin-top:4px}

.kf7 .im{position:relative;padding:92px 0 54px}
.kf7 .pad{position:relative;margin:0 6%;border-radius:28px;aspect-ratio:1/1;background:linear-gradient(155deg,#D7E3FF 0%,#E8EFFF 54%,#F6F9FF 100%);overflow:hidden}
.kf7 .pad svg{position:absolute;inset:0;width:100%;height:100%}
.kf7 .cut{position:absolute;right:7%;top:0;bottom:0;height:100%;width:auto;object-fit:contain;object-position:bottom center;display:block;z-index:2;filter:drop-shadow(-10px 20px 30px rgba(6,33,115,.18))}
.kf7 .cd{position:absolute;left:6%;bottom:-14px;transform:translateX(-10%);width:min(210px,58%);background:#FFF;border-radius:15px;padding:13px 15px;box-shadow:0 18px 42px rgba(6,33,115,.2);z-index:3}
.kf7 .pill{position:absolute;right:-12px;top:152px;display:inline-flex;align-items:center;gap:8px;background:var(--blue);color:#FFF;border-radius:99px;padding:10px 17px;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:900;font-size:14px;box-shadow:0 14px 32px rgba(2,70,255,.34);z-index:3}
.kf7 .pill svg{position:static;inset:auto;width:17px;height:17px}
@media(max-width:900px){.kf7 .im{padding:64px 0 38px}.kf7 .pad{margin:0 13%}.kf7 .cd{left:8px;transform:none}.kf7 .pill{right:2px;top:112px}}

.okv.cut{padding:62px 0 26px}
.okv.cut .cpad{position:relative;margin:0 5%;border-radius:28px;aspect-ratio:1/1;background:linear-gradient(155deg,#D7E3FF 0%,#E8EFFF 54%,#F6F9FF 100%);overflow:hidden}
.okv.cut .cpad::before{content:"";position:absolute;left:50%;top:9%;width:74%;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;border:1.4px dashed rgba(2,70,255,.2)}
.okv.cut .cpad::after{content:"";position:absolute;left:50%;top:21%;width:54%;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(0,218,255,.32) 0%,rgba(0,218,255,0) 70%)}
.okv.cut .cutimg{position:absolute;left:50%;top:0;transform:translateX(-50%);height:calc(100% - 26px);width:auto;max-width:94%;object-fit:contain;object-position:bottom center;z-index:2;filter:drop-shadow(-12px 22px 32px rgba(6,33,115,.2))}
.okv.cut .zcard{right:auto;left:-18px;bottom:2px;width:min(190px,38%);z-index:3}
@media(max-width:900px){.okv.cut{padding:44px 0 22px}.okv.cut .zcard{left:6px;bottom:0}}

.thead{background:#FFF;padding:clamp(30px,4.2vw,52px) 0 clamp(20px,2.6vw,30px)}
.thead .wrap{max-width:1180px}
.thead .oh1{max-width:19ch;margin:0 0 14px}
.thead .olede{max-width:62ch;font-size:17.5px;margin:0 0 24px}
.tmeta{display:flex;flex-wrap:wrap;gap:14px 40px;margin:28px 0 0;padding:18px 0 0;border-top:1px solid var(--line)}
.tmeta>div{display:flex;flex-direction:column;gap:4px;min-width:120px}
.tmeta b{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--dim)}
.tmeta span{font-size:14.5px;font-weight:600;color:var(--navy);line-height:1.35}
.thead .obtns .btn.line,.thead .obtns .btn.line:hover{color:var(--blue);border-color:var(--line);background:#FFF}
.thead .obtns .btn.line:hover{border-color:var(--blue)}
@media(max-width:640px){.tmeta{gap:12px 24px}.tmeta>div{min-width:calc(50% - 12px)}}

.dmain .jring{grid-template-columns:minmax(0,1fr)}
.dmain .jring .rside{width:auto;max-width:none}
.dmain .ringc{margin:0 auto}

.dmain .pkgs{grid-template-columns:repeat(auto-fit,minmax(min(100%,268px),1fr))}
.dmain .prow{grid-template-columns:auto minmax(min-content,1fr) auto;gap:7px;font-size:12.5px}
.dmain .prow.mk{font-size:12.5px}
.dmain .prow .pv,.dmain .pfee b{white-space:nowrap}

/* biểu đồ định giá */
.chart{margin:16px 0 0}
.chhead{display:flex;align-items:baseline;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:0 0 12px}
.chcap{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mid)}
.chleg{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--mid)}
.chleg span{display:inline-flex;align-items:center;gap:6px}
.chleg i{width:10px;height:10px;border-radius:50%;flex:0 0 auto}
.chleg i.a{background:#FFF;border:1.6px solid var(--blue)}
.chleg i.b{background:var(--blue)}
.chleg i.c{background:var(--navy)}
.chleg i.d{background:#B8C4E8}
.chleg i.sq{border-radius:2px}

.chplot{display:grid;gap:2px}
.chrow{display:grid;grid-template-columns:minmax(96px,150px) minmax(0,1fr) auto;gap:12px;align-items:center;padding:7px 0}
.chlb{font-size:12.5px;color:var(--mid);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chtrack{position:relative;height:22px}
.chtrack::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--line)}
.chtrack .med{position:absolute;top:-4px;bottom:-4px;width:1.5px;background:var(--blue);opacity:.34;left:var(--med)}
.chseg{position:absolute;top:50%;height:2px;margin-top:-1px;background:var(--blue);opacity:.3}
.chpt{position:absolute;top:50%;width:11px;height:11px;margin:-5.5px 0 0 -5.5px;border-radius:50%}
.chpt.a{background:#FFF;border:1.6px solid var(--blue)}
.chpt.b{background:var(--blue)}
.chval{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:700;font-size:13px;color:var(--navy);white-space:nowrap;font-variant-numeric:tabular-nums}
.chmedlb{display:grid;grid-template-columns:minmax(96px,150px) minmax(0,1fr) auto;gap:12px;margin-top:6px}
.chmedlb>span:first-child{font-size:12.5px;font-weight:700;color:var(--navy)}
.chmedlb .mm{position:relative;height:16px}
.chmedlb .mm b{position:absolute;left:var(--med);transform:translateX(-50%);white-space:nowrap;font-size:12px;font-weight:700;color:var(--blue);background:#FFF;padding:0 5px}
.chmedlb .mm::before{content:"";position:absolute;left:var(--med);top:0;width:1.5px;height:7px;background:var(--blue);opacity:.34}

.chbars{display:grid;gap:1px;background:var(--line);border-radius:12px;overflow:hidden}
.cbrow{display:grid;grid-template-columns:minmax(110px,168px) minmax(0,1fr);gap:14px;align-items:center;background:#FFF;padding:11px 14px}
.cbrow.tot{background:var(--wash)}
.cblb{font-size:12.5px;color:var(--navy);font-weight:500}
.cbrow.tot .cblb{font-weight:700}
.cbset{display:grid;gap:5px}
.cbb{display:grid;grid-template-columns:minmax(0,1fr) 64px;gap:9px;align-items:center}
.cbb i{display:block;height:11px;border-radius:0 3px 3px 0;background:var(--blue);min-width:2px}
.cbb.h i{background:var(--navy)}
.cbb.v i{background:#B8C4E8}
.cbb b{font-size:12px;font-weight:700;color:var(--navy);text-align:right;font-variant-numeric:tabular-nums}
.cbb.na i{background:repeating-linear-gradient(90deg,var(--line) 0 5px,transparent 5px 10px);width:36px!important}
.cbb.na b{color:var(--mid);font-weight:500;font-size:11px;white-space:nowrap}
@media(max-width:560px){.chrow,.chmedlb,.cbrow{grid-template-columns:minmax(0,1fr)}.chlb{white-space:normal}}

/* đặt giá đúng */
.xchips{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 0}
.xchip{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;background:#FFF;border:1px solid var(--line);border-radius:99px;padding:9px 15px;font-size:13.5px;color:var(--mid);text-decoration:line-through;text-decoration-color:rgba(2,70,255,.5);text-decoration-thickness:1.5px}
.xchip svg{width:13px;height:13px;color:var(--blue);flex:0 0 auto;text-decoration:none}
.xsay{margin:18px 0 0;background:var(--navy);border-radius:16px;padding:20px 22px;color:#FFF}
.xsay b{display:block;font-family:'SVN-Circular','Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:18px;line-height:1.35;letter-spacing:-.2px}
.xsay span{display:block;margin-top:8px;font-size:14px;line-height:1.6;color:rgba(255,255,255,.78)}
.xpanels{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:18px;margin:16px 0 0}
.xp{background:#FFF;border-radius:16px;padding:18px;box-shadow:0 2px 8px rgba(6,33,115,.08)}
.xp svg{display:block;width:100%;height:auto}
.xp b{display:block;margin:14px 0 6px;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:700;font-size:15px;color:var(--navy)}
.xp p{margin:0;font-size:13.5px;line-height:1.6;color:var(--mid)}
.qhead{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 14px}
.qhead select{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:13.5px;font-weight:700;color:var(--navy);background:#FFF;border:1px solid var(--line);border-radius:10px;padding:9px 12px;cursor:pointer}
.qsum{font-size:13.5px;color:var(--mid);white-space:nowrap}
.qsum b{color:var(--navy)}

/* hình thật trong bước — mặt nạ mái nhà */
.vsph{position:relative;display:block;margin:0 0 14px;background:var(--wash);border-radius:12px;padding:10px}
.vsph .ph{position:relative;display:block;aspect-ratio:328/188;overflow:hidden;border-radius:8px}
.vsph .ph img{width:100%;height:100%;object-fit:cover;display:block}
.vsph .cap{position:absolute;left:18px;bottom:18px;display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.94);border-radius:8px;padding:5px 10px;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11.5px;font-weight:700;color:var(--navy);letter-spacing:-.01em;box-shadow:0 2px 10px rgba(6,33,115,.14)}
.vsph .cap svg{color:var(--blue)}
.vsteps:has(>li:nth-child(5):last-child)>li:first-child .vsph{margin:0}
.vsteps:has(>li:nth-child(5):last-child)>li:first-child .vsph .ph{aspect-ratio:1/1;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M50 0.6 L95.5 32 A7 7 0 0 1 99 38 V90 A9.5 9.5 0 0 1 89.5 100 H10.5 A9.5 9.5 0 0 1 1 90 V38 A7 7 0 0 1 4.5 32 Z' fill='%23000'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M50 0.6 L95.5 32 A7 7 0 0 1 99 38 V90 A9.5 9.5 0 0 1 89.5 100 H10.5 A9.5 9.5 0 0 1 1 90 V38 A7 7 0 0 1 4.5 32 Z' fill='%23000'/%3E%3C/svg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.vsteps:has(>li:nth-child(5):last-child)>li:first-child .vsph{background:none;padding:0}
@media(max-width:720px){.vsteps:has(>li:nth-child(5):last-child)>li:first-child .vsph{margin:0 0 14px}
  .vsteps>li .vsph{max-width:260px}
  .vstep .vsfig{max-width:260px}}

/* KV đầu trang: cảnh cắt hình nhà + người tách nền vượt mép */
.ohero:has(.hkv) .ohead{padding-top:clamp(56px,6vw,88px)}
.okv.hkv{position:relative;padding:58px 0 0;overflow:visible}
.okv.hkv .hbg{position:relative;display:block;width:min(100%,430px);margin:0 auto;aspect-ratio:1/1;overflow:hidden;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M50 0.6 L95.5 32 A7 7 0 0 1 99 38 V90 A9.5 9.5 0 0 1 89.5 100 H10.5 A9.5 9.5 0 0 1 1 90 V38 A7 7 0 0 1 4.5 32 Z' fill='%23000'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M50 0.6 L95.5 32 A7 7 0 0 1 99 38 V90 A9.5 9.5 0 0 1 89.5 100 H10.5 A9.5 9.5 0 0 1 1 90 V38 A7 7 0 0 1 4.5 32 Z' fill='%23000'/%3E%3C/svg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.okv.hkv .hbg img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;display:block;border-radius:0;box-shadow:none}
.okv.hkv img.hcut{position:absolute;bottom:0;right:max(0px,calc(50% - 236px));width:auto;height:104%;max-width:none;aspect-ratio:auto;object-fit:contain;object-position:bottom center;display:block;z-index:2;border-radius:0;filter:drop-shadow(-16px 20px 34px rgba(6,33,115,.24))}
.okv.hkv .zcard{left:max(0px,calc(50% - 222px));right:auto;bottom:7%;z-index:3}
@media(max-width:900px){.okv.hkv{padding-top:54px}.okv.hkv img.hcut{right:0;height:99%}.okv.hkv .zcard{left:0;bottom:2%}}

.dsec,.dmain{container-type:inline-size}
@container (max-width:660px){
  .zmod{grid-template-columns:1fr;gap:18px}
  .zmod .zimg,.zmod.rev .zimg{order:0;justify-self:center;width:min(78cqw,300px)}
  .ext{grid-template-columns:1fr}
  .ext.rev>.exi.house,.exi.house{order:0;justify-self:center}
}

/* KV đầu trang — bốn dạng */
/* B · ảnh cảnh rộng + thẻ dữ kiện nổi */
.okv.wkv{position:relative;padding:8px 0 30px}
.okv.wkv .wimg{display:block;width:100%;aspect-ratio:16/10;border-radius:24px;overflow:hidden;box-shadow:0 22px 54px rgba(6,33,115,.16)}
.okv.wkv .wimg img{width:100%;height:100%;object-fit:cover;display:block}
.okv.wkv .wcard{position:absolute;left:-14px;bottom:8px;background:#FFF;border-radius:16px;padding:14px 18px;box-shadow:0 14px 36px rgba(6,33,115,.18);display:grid;gap:3px;max-width:74%}
.okv.wkv .wcard b{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:23px;font-weight:900;color:var(--navy);line-height:1.1}
.okv.wkv .wcard span{font-size:12.5px;color:var(--mid);line-height:1.35}
.okv.wkv .wdot{position:absolute;right:22px;top:22px;display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.94);border-radius:99px;padding:7px 13px;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:12px;font-weight:800;color:var(--navy);box-shadow:0 6px 18px rgba(6,33,115,.14)}
.okv.wkv .wdot i{width:7px;height:7px;border-radius:99px;background:var(--kvf,var(--cyan))}
/* C · mảng màu vòm + chân dung */
.okv.akv{position:relative;display:flex;justify-content:center;padding:14px 0 8px}
.okv.akv .apad{position:relative;width:min(100%,392px);aspect-ratio:4/4.4;background:var(--kvt,#EBF0FF);border-radius:196px 196px 26px 26px;overflow:hidden}
.okv.akv .apad>svg{position:absolute;left:50%;top:14%;width:62%;transform:translateX(-50%);opacity:.13;color:var(--kvf,#0246FF)}
.okv.akv .aimg{position:absolute;left:50%;bottom:0;width:88%;transform:translateX(-50%);display:block}
.okv.akv .acard{position:absolute;right:-10px;bottom:34px;background:#FFF;border-radius:14px;padding:11px 15px;box-shadow:0 12px 30px rgba(6,33,115,.16);font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:12.5px;font-weight:800;color:var(--navy);display:flex;align-items:center;gap:8px}
.okv.akv .acard i{width:7px;height:7px;border-radius:99px;background:var(--kvf,#0246FF);flex:0 0 auto}
/* D · hai ảnh so le */
.okv.dkv{position:relative;padding:10px 0 44px}
.okv.dkv .dbig{display:block;width:min(100%,430px);margin-left:auto;aspect-ratio:1/1;border-radius:22px;overflow:hidden;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M50 0.6 L95.5 32 A7 7 0 0 1 99 38 V90 A9.5 9.5 0 0 1 89.5 100 H10.5 A9.5 9.5 0 0 1 1 90 V38 A7 7 0 0 1 4.5 32 Z' fill='%23000'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M50 0.6 L95.5 32 A7 7 0 0 1 99 38 V90 A9.5 9.5 0 0 1 89.5 100 H10.5 A9.5 9.5 0 0 1 1 90 V38 A7 7 0 0 1 4.5 32 Z' fill='%23000'/%3E%3C/svg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;box-shadow:none}
.okv.dkv .dbig img,.okv.dkv .dsml img{width:100%;height:100%;object-fit:cover;display:block}
.okv.dkv .dsml{position:absolute;left:0;bottom:0;width:47%;aspect-ratio:4/3;border-radius:16px;overflow:hidden;border:5px solid #FFF;box-shadow:0 16px 38px rgba(6,33,115,.2)}
@container (max-width:660px){
  .okv.wkv .wcard{left:0;max-width:88%}
  .okv.dkv .dbig{margin:0 auto}
  .okv.dkv .dsml{width:54%}
}
@media(max-width:700px){
  .okv.wkv .wcard{left:0;position:static;margin-top:-26px;max-width:none}
  
  .okv.dkv .dbig{margin:0 auto}
}

@media(max-width:560px){
  .okv.hkv{padding-top:40px}
  .okv.hkv .hbg,.okv.dkv .dbig{width:min(100%,296px)}
  .okv.hkv img.hcut{height:98%}
  .okv.dkv{padding:6px 0 26px}
  .okv.dkv .dsml{position:absolute;left:0;bottom:0;width:50%;margin:0;aspect-ratio:4/3;border:4px solid #FFF}
  .okv.wkv{padding:4px 0 22px}
  .okv.wkv .wimg{border-radius:18px}
  .okv.wkv .wcard{position:static;margin-top:-22px;max-width:none;padding:12px 15px}
  .okv.wkv .wcard b{font-size:20px}
  .okv.wkv .wdot{right:10px;top:10px;font-size:11.5px;padding:6px 11px}
  .okv.akv{padding:6px 0}
  .okv.akv .apad{width:min(100%,290px);border-radius:145px 145px 22px 22px}
  .okv.akv .acard{right:0;bottom:22px;font-size:11.5px;padding:9px 12px}
}

.mtsec{padding:clamp(52px,6vw,84px) 0;border-top:1px solid var(--line)}
.mtsec:first-of-type{border-top:0}
.mtlab{display:flex;align-items:baseline;gap:12px;margin:0 0 6px}
.mtlab b{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.mtlab span{font-size:12.5px;color:var(--mid)}
.mth{font-family:'SVN-Circular',sans-serif;font-weight:700;font-size:clamp(22px,2.4vw,27px);color:var(--navy);letter-spacing:-.02em;margin:0 0 8px}
.mtd{font-size:14.5px;line-height:1.62;color:var(--mid);max-width:60ch;margin:0 0 26px}

/* A · khoảnh giao diện nổi */
.shotwrap{position:relative;border-radius:18px;padding:clamp(22px,3vw,38px);background:var(--kvt,#EBF0FF);overflow:hidden}
.shotwrap::after{content:"";position:absolute;right:-70px;top:-70px;width:230px;height:230px;border-radius:50%;border:1.2px dashed rgba(2,70,255,.2)}
.shot{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 18px 44px rgba(6,33,115,.17),0 2px 6px rgba(6,33,115,.08);background:#FFF;position:relative;z-index:1}
.shotrow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.86fr);gap:clamp(24px,4vw,46px);align-items:center}
@container (max-width:660px){.shotrow{grid-template-columns:1fr}}

/* B · khung điện thoại */
.phones{position:relative;display:flex;justify-content:center;align-items:flex-end;gap:0;padding:8px 0}
.phone{position:relative;width:230px;flex:0 0 auto;border-radius:30px;padding:9px;background:#0C1220;box-shadow:0 22px 50px rgba(6,33,115,.24)}
.phone::before{content:"";position:absolute;left:50%;top:15px;transform:translateX(-50%);width:62px;height:5px;border-radius:3px;background:rgba(255,255,255,.28)}
.phone img{display:block;width:100%;height:auto;border-radius:23px}
.phone.back{width:198px;margin-right:-56px;opacity:.55;transform:translateY(16px) scale(.97);filter:saturate(.75)}
.phone.front{z-index:2}

/* C · bảng cắt mờ dần */
.tblshot{position:relative;border-radius:14px;overflow:hidden;background:#FFF;box-shadow:0 14px 36px rgba(6,33,115,.13);border:1px solid var(--line)}
.tblshot img{display:block;width:100%;height:auto}
.tblshot::after{content:"";position:absolute;left:0;right:0;bottom:0;height:38%;background:linear-gradient(180deg,rgba(255,255,255,0),#FFF 88%)}
.tblcap{position:absolute;left:16px;bottom:14px;z-index:2;display:inline-flex;align-items:center;gap:9px;background:var(--navy);color:#FFF;border-radius:99px;padding:8px 15px;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:900;font-size:12.5px}
.tblcap i{width:6px;height:6px;border-radius:50%;background:var(--cyan);display:block}

/* chú thích trỏ */
.pin{position:absolute;z-index:3;background:#FFF;border-radius:11px;padding:9px 13px;box-shadow:0 10px 26px rgba(6,33,115,.2);font-size:12.5px;line-height:1.4;color:var(--navy);max-width:210px}
.pin b{display:block;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:900;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin-bottom:3px}
@container (max-width:660px){.pin{position:static;max-width:none;margin-top:12px;box-shadow:none;border:1px solid var(--line)}}

/* vẽ lại giao diện bằng mã */
.uic{background:#FFF;border:1px solid var(--line);border-radius:14px;padding:18px 20px 20px;box-shadow:0 14px 34px rgba(6,33,115,.12);position:relative;overflow:hidden;max-width:430px}
.uic-rib{position:absolute;right:-34px;top:14px;transform:rotate(38deg);background:var(--navy);color:#FFF;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:900;font-size:10.5px;letter-spacing:.06em;padding:5px 40px;text-align:center}
.uic-top{display:flex;gap:13px;align-items:flex-start}
.uic-pc{flex:0 0 auto;width:58px;height:52px;border-radius:11px;background:var(--blue);color:#FFF;display:grid;place-items:center;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:900;font-size:17px}
.uic-rs{display:flex;flex-direction:column;gap:2px;padding-top:3px}
.uic-rs b{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:900;font-size:14px;color:var(--blue);line-height:1.35;padding-right:56px}
.uic-pr{display:flex;align-items:baseline;gap:9px;margin:15px 0 7px;flex-wrap:wrap}
.uic-pr .p{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:900;font-size:25px;color:var(--blue);letter-spacing:-.02em}
.uic-pr .d{width:5px;height:5px;border-radius:50%;background:var(--line2,#C9C9C9)}
.uic-pr .c{font-size:15px;}
.uic-pr .c b{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:900;font-size:19px;color:var(--blue)}
.uic-ad{font-size:13.5px;color:var(--mid);margin:0 0 13px;padding-right:112px}
.uic-tg{display:flex;flex-wrap:wrap;gap:8px}
.uic-tg span{background:var(--wash);border-radius:8px;padding:7px 12px;font-size:13px;white-space:nowrap}
.uic-tg span.lg{background:var(--t2,#E3F7F2);color:var(--f2,#006655);font-weight:700}
.uic-map{position:absolute;right:16px;top:56px;width:104px;height:104px;border-radius:10px;background:var(--wash);display:grid;place-items:center;opacity:.85}
.uic-map svg{opacity:.4}
@container (max-width:660px){.uic-map{display:none}.uic-ad{padding-right:0}.uic-rs b{padding-right:44px}}

.cmp2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:22px;align-items:start}
.cmp2 figcaption{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:900;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin:0 0 10px}
.cmp2 figure{margin:0}
.cmp2 .note{font-size:12.5px;line-height:1.5;color:var(--mid);margin:11px 0 0}

/* bảng phân tích tiêu chí */
.uit{background:#FFF;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 10px 30px rgba(6,33,115,.11);font-family:'SVN-Circular','Helvetica Neue',Arial,sans-serif}
.uit .th{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 15px;background:var(--navy);color:#FFF}
.uit .th b{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:900;font-size:12.5px}
.uit .th span{font-size:11.5px;color:rgba(255,255,255,.72)}
.uit .r{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 15px;border-top:1px solid var(--line);font-size:12.5px;}
.uit .r i{width:16px;height:16px;border-radius:50%;background:#E3F7F2;display:grid;place-items:center}
.uit .r i::after{content:"";width:6px;height:3.2px;border-left:1.7px solid #0E7A5F;border-bottom:1.7px solid #0E7A5F;transform:rotate(-45deg);margin-top:-2px}
.uit .r b{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:900;font-size:12px;color:var(--navy);white-space:nowrap}
.uit .ft{padding:11px 15px;background:var(--wash);font-size:12px;color:var(--mid)}

/* thanh tiến trình quét */
.uis{background:#FFF;border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 10px 30px rgba(6,33,115,.11);font-family:'SVN-Circular','Helvetica Neue',Arial,sans-serif}
.uis .t{display:flex;align-items:center;gap:9px;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:900;font-size:12.5px;color:var(--navy);margin-bottom:12px}
.uis .t i{width:22px;height:22px;border-radius:7px;background:var(--blue);display:grid;place-items:center;flex:0 0 auto}
.uis .bar{height:7px;border-radius:99px;background:var(--wash);overflow:hidden}
.uis .bar>span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--blue),var(--cyan))}
.uis .m{display:flex;justify-content:space-between;margin-top:8px;font-size:11.5px;color:var(--mid)}
.uis .st{display:grid;gap:8px;margin-top:14px}
.uis .st div{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--mid)}
.uis .st div b{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:900;color:var(--navy);font-size:12.5px}
.uis .dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);flex:0 0 auto}

/* dải phân bố giá */
.uid{background:#FFF;border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 10px 30px rgba(6,33,115,.11);font-family:'SVN-Circular','Helvetica Neue',Arial,sans-serif}
.uid .hd{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:900;font-size:12.5px;color:var(--navy);margin-bottom:15px}
.uid .plot{display:flex;align-items:flex-end;gap:3px;height:92px}
.uid .plot span{flex:1;border-radius:3px 3px 0 0;background:#DCE6FF}
.uid .plot span.on{background:var(--blue)}
.uid .ax{display:flex;justify-content:space-between;margin-top:8px;font-size:11px;color:var(--dim)}
.uid .note{margin-top:13px;padding-top:12px;border-top:1px solid var(--line);font-size:12.5px;line-height:1.55;color:var(--mid)}
.uid .note b{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:900;color:var(--navy)}

/* bảng chia việc */
.uisp{background:#FFF;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 10px 30px rgba(6,33,115,.11);font-family:'SVN-Circular','Helvetica Neue',Arial,sans-serif}
.uisp .row{display:grid;grid-template-columns:minmax(0,1fr) 64px 64px;gap:8px;align-items:center;padding:8px 14px;border-top:1px solid var(--line);font-size:12.5px;}
.uisp .row.h{border-top:0;background:var(--navy);color:#FFF;padding:10px 14px}
.uisp .row.h b{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:900;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;text-align:center}
.uisp .row.h b:first-child{text-align:left}
.uisp .row em{font-style:normal;text-align:center;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:900;font-size:12px;color:var(--blue)}
.uisp .row[data-key] span{font-weight:700;color:var(--navy)}
.uisp .tot{display:flex;justify-content:space-between;padding:11px 14px;background:var(--wash);font-size:12.5px;color:var(--mid)}
.uisp .tot b{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:900;color:var(--navy)}

/* thẻ khách + hạn mức */
.uip{background:#FFF;border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 10px 30px rgba(6,33,115,.11);font-family:'SVN-Circular','Helvetica Neue',Arial,sans-serif}
.uip .k{font-size:11.5px;color:var(--dim)}
.uip .n{font-family:'SVN-Circular',sans-serif;font-weight:700;font-size:19px;color:var(--navy);margin:2px 0 13px}
.uip .sc{display:flex;align-items:center;gap:8px;font-size:12.5px;margin-bottom:9px}
.uip .sc b{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:900;color:var(--navy)}
.uip .seg{display:flex;gap:4px}
.uip .seg span{flex:1;height:8px;border-radius:99px;background:var(--wash)}
.uip .seg span.on{background:var(--blue)}
.uip .hint{margin:10px 0 0;font-size:12px;line-height:1.55;color:var(--mid)}
.uip .bank{margin-top:15px;padding:14px;border-radius:11px;background:var(--wash)}
.uip .bank b{display:block;font-family:'SVN-Circular',sans-serif;font-weight:700;font-size:14.5px;color:var(--navy);margin-bottom:5px}
.uip .bank p{margin:0 0 12px;font-size:12.5px;line-height:1.5;color:var(--mid)}
.uip .bank .btn{font-size:12.5px;padding:9px 16px;min-height:0}

.invg{display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:16px;margin:22px 0 0}
.invc{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#FFF}
.invc .im{display:flex;align-items:center;justify-content:center;height:150px;background:var(--wash);border-bottom:1px solid var(--line)}
.invc .im img{max-width:100%;max-height:100%;display:block}
.invc .bd{padding:10px 12px 12px}
.invc .fn{font-family:ui-monospace,Menlo,monospace;font-size:10.5px;color:var(--dim);display:block;margin-bottom:4px;word-break:break-all}
.invc .ds{font-size:12.5px;line-height:1.4;color:var(--navy);display:block;margin-bottom:8px}
.invc .tg{display:inline-block;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;border-radius:99px;padding:4px 9px}
.invc .tg.on{background:var(--t2,#E3F7F2);color:var(--f2,#006655)}
.invc .tg.off{background:var(--wash);color:var(--dim)}
.invc .wh{display:block;font-size:11.5px;color:var(--mid);margin-top:6px}
.invsum{display:flex;gap:26px;flex-wrap:wrap;margin:16px 0 0;padding:14px 18px;background:var(--wash);border-radius:12px}
.invsum div{font-size:13px;color:var(--mid)}
.invsum b{display:block;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:24px;font-weight:900;color:var(--navy);line-height:1.1}

/* trang so sánh phương án vẽ lại */
.cmpsec{padding:clamp(44px,5vw,72px) 0;border-top:1px solid var(--line)}
.cmphd{display:flex;align-items:baseline;gap:12px;margin:0 0 4px}
.cmphd b{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.cmphd span{font-size:12.5px;color:var(--dim)}
.cmpt{font-family:'SVN-Circular',sans-serif;font-weight:700;font-size:clamp(20px,2.2vw,25px);color:var(--navy);letter-spacing:-.02em;margin:0 0 20px}
.opt3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,262px),1fr));gap:18px;align-items:start}
.opt{min-width:0}
.optlab{display:flex;align-items:center;gap:8px;margin:0 0 10px}
.optlab i{width:20px;height:20px;border-radius:6px;background:var(--navy);color:#FFF;display:grid;place-items:center;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:10.5px;font-weight:900;flex:0 0 auto}
.optlab b{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:12.5px;font-weight:900;color:var(--navy)}
.optlab span{font-size:11.5px;color:var(--dim)}
.optbox{background:var(--wash);border-radius:14px;padding:16px;display:flex;align-items:center;justify-content:center;min-height:150px}
.optnote{font-size:12px;line-height:1.5;color:var(--mid);margin:9px 0 0}
.orig{border-radius:12px;overflow:hidden;border:1px solid var(--line);max-width:210px}
.orig img{display:block;width:100%;height:auto}

/* B · khối gọn: một con số */
.uib{background:#FFF;border-radius:12px;padding:15px 17px;box-shadow:0 8px 22px rgba(6,33,115,.1);min-width:0;width:100%}
.uib .k{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);display:block;margin-bottom:7px}
.uib .n{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:31px;font-weight:900;color:var(--blue);line-height:1;letter-spacing:-.02em}
.uib .n em{font-style:normal;font-size:15px;color:var(--navy);margin-left:6px}
.uib .w{font-size:12.5px;line-height:1.5;color:var(--mid);margin:8px 0 0}
.uib .bar{height:5px;border-radius:3px;background:var(--line);margin:11px 0 0;overflow:hidden}
.uib .bar i{display:block;height:100%;border-radius:3px;background:var(--blue)}

/* C · dải ngang */
.uic{display:flex;align-items:stretch;gap:0;background:#FFF;border-radius:12px;overflow:hidden;box-shadow:0 8px 22px rgba(6,33,115,.1);width:100%;min-width:0}
.uic .lead{flex:0 0 auto;background:var(--navy);color:#FFF;padding:15px 16px;display:flex;flex-direction:column;justify-content:center;min-width:96px}
.uic .lead b{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:25px;font-weight:900;line-height:1;letter-spacing:-.02em}
.uic .lead span{font-size:10.5px;color:rgba(255,255,255,.72);margin-top:5px;line-height:1.35}
.uic .body{flex:1 1 auto;min-width:0;padding:13px 15px;display:flex;flex-direction:column;gap:7px;justify-content:center}
.uic .li{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--navy);line-height:1.35}
.uic .li i{width:5px;height:5px;border-radius:50%;background:var(--cyan);flex:0 0 auto}
.uic .li em{font-style:normal;margin-left:auto;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:900;font-size:12px;color:var(--blue);white-space:nowrap}

/* thẻ vẽ lại — bổ sung cho 17 màn còn lại */
.uil{background:#FFF;border-radius:12px;box-shadow:0 8px 22px rgba(6,33,115,.1);overflow:hidden;width:100%;min-width:0}
.uil .lh{display:flex;align-items:center;gap:9px;padding:12px 15px;border-bottom:1px solid var(--line)}
.uil .lh b{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:13px;font-weight:900;color:var(--navy);min-width:0}
.uil .lh em{margin-left:auto;font-style:normal;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11px;font-weight:900;color:var(--blue);white-space:nowrap}
.uil .li{display:flex;align-items:baseline;gap:10px;padding:9px 15px;border-bottom:1px solid var(--line);font-size:12.5px;color:var(--navy);line-height:1.4}
.uil .li:last-child{border-bottom:0}
.uil .li em{margin-left:auto;font-style:normal;font-size:11.5px;color:var(--dim);white-space:nowrap}
.uil .li b{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:900;font-size:12px;color:var(--blue);margin-left:auto;white-space:nowrap}
.uil .li.on{background:var(--kvt,#EBF0FF)}
.uil .lf{padding:10px 15px;font-size:11.5px;line-height:1.45;color:var(--mid);background:var(--wash)}
.uil .lb{display:block;margin:0 15px 13px;background:var(--blue);color:#FFF;border-radius:9px;padding:10px;text-align:center;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:900;font-size:12.5px}

/* thẻ căn: giá lớn + lưới thông số */
.uiL{background:#FFF;border-radius:12px;box-shadow:0 8px 22px rgba(6,33,115,.1);overflow:hidden;width:100%;min-width:0}
.uiL .top{padding:14px 16px 12px}
.uiL .top .nm{font-family:'SVN-Circular',sans-serif;font-weight:700;font-size:14.5px;color:var(--navy);line-height:1.3}
.uiL .top .pr{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:26px;font-weight:900;color:var(--navy);line-height:1;margin-top:7px;letter-spacing:-.02em}
.uiL .gr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border-top:1px solid var(--line)}
.uiL .gr div{background:#FFF;padding:9px 11px;min-width:0}
.uiL .gr span{display:block;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.uiL .gr b{display:block;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:13px;font-weight:900;color:var(--navy);margin-top:3px}

/* thẻ trạng thái: chip màu + dòng mốc */
.uist{background:#FFF;border-radius:12px;box-shadow:0 8px 22px rgba(6,33,115,.1);padding:15px 16px;width:100%;min-width:0}
.uist .code{font-family:ui-monospace,"SF Mono",Menlo,monospace;font-size:11px;letter-spacing:.06em;color:var(--dim)}
.uist .st{display:inline-flex;align-items:center;gap:7px;background:#FFF3ED;color:#A9462A;border-radius:99px;padding:6px 12px;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:900;font-size:12px;margin:8px 0 11px}
.uist .st i{width:6px;height:6px;border-radius:50%;background:#A9462A;display:block}
.uist .rw{display:flex;gap:10px;padding:7px 0;border-top:1px solid var(--line);font-size:12.5px;color:var(--navy)}
.uist .rw em{margin-left:auto;font-style:normal;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:900;font-size:12px;color:var(--blue)}

/* thẻ chọn nhiều lựa chọn (KARA form) */
.uif{background:#FFF;border-radius:12px;box-shadow:0 8px 22px rgba(6,33,115,.1);padding:14px 15px;width:100%;min-width:0}
.uif .fh{display:flex;align-items:center;gap:8px;margin-bottom:11px}
.uif .fh b{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:12.5px;font-weight:900;color:var(--navy)}
.uif .fh em{margin-left:auto;font-style:normal;font-size:10.5px;color:var(--dim)}
.uif .op{display:flex;gap:9px;padding:9px 10px;border:1px solid var(--line);border-radius:9px;margin-bottom:7px;min-width:0}
.uif .op.on{border-color:var(--blue);background:var(--kvt,#EBF0FF)}
.uif .op i{width:13px;height:13px;border-radius:50%;border:1.6px solid var(--line);flex:0 0 auto;margin-top:2px}
.uif .op.on i{border-color:var(--blue);border-width:4px}
.uif .op div{min-width:0}
.uif .op b{display:block;font-size:12px;font-weight:700;color:var(--navy);line-height:1.35}
.uif .op span{display:block;font-size:11px;color:var(--mid);line-height:1.4;margin-top:2px}

/* thẻ nhận định (khối navy) */
.uiv{background:#FFF;border-radius:12px;box-shadow:0 8px 22px rgba(6,33,115,.1);overflow:hidden;width:100%;min-width:0}
.uiv .vt{padding:14px 16px 11px}
.uiv .vt .k{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:9.5px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.uiv .vt .nm{font-family:'SVN-Circular',sans-serif;font-weight:700;font-size:16px;color:var(--navy);margin-top:5px}
.uiv .vt .mt{font-size:11.5px;color:var(--mid);margin-top:4px}
.uiv .box{background:var(--navy);color:#FFF;padding:13px 16px;font-size:12px;line-height:1.55}
.uiv .box .k{display:block;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:9.5px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);margin-bottom:6px}
.uiv .ways{padding:11px 16px 13px}
.uiv .ways div{display:flex;gap:8px;font-size:12px;color:var(--navy);padding:4px 0;line-height:1.4}
.uiv .ways i{width:5px;height:5px;border-radius:50%;background:var(--cyan);flex:0 0 auto;margin-top:6px}

/* thẻ 4 thật + hoa hồng */
.uith{display:flex;flex-wrap:wrap;gap:7px;background:var(--navy);padding:10px 14px;border-radius:12px 12px 0 0}
.uith span{display:inline-flex;align-items:center;gap:5px;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:10.5px;font-weight:900;color:#FFF}
.uith span::before{content:"";width:11px;height:11px;border-radius:50%;background:var(--cyan)}
.uith b{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11px;font-weight:900;color:var(--cyan);margin-right:auto}

/* khung điện thoại — dựng lại màn app gần đúng */
.mob{width:272px;margin:0 auto;border-radius:34px;padding:8px;background:#0B1120;box-shadow:0 20px 46px rgba(6,33,115,.26)}
.mobin{border-radius:27px;overflow:hidden;background:#F5F7FD}
.mobsb{display:flex;align-items:center;justify-content:space-between;padding:8px 15px 5px;background:var(--navy);color:#FFF;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:10px;font-weight:900}
.mobsb i{display:flex;gap:2.5px;align-items:flex-end;font-style:normal}
.mobsb i b{display:block;width:2.5px;background:rgba(255,255,255,.9);border-radius:1px}
.mobhd{display:flex;align-items:center;gap:9px;padding:9px 14px 11px;background:var(--navy);color:#FFF}
.mobhd svg{flex:0 0 auto;opacity:.85}
.mobhd b{font-family:'SVN-Circular',sans-serif;font-size:13px;font-weight:700;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mobhd u{margin-left:auto;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.18);flex:0 0 auto}
.mobbd{padding:10px;display:flex;flex-direction:column;gap:9px;min-height:210px}
.mobtb{display:flex;background:#FFF;border-top:1px solid var(--line);padding:7px 4px 9px}
.mobtb span{flex:1;text-align:center;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:8px;font-weight:900;color:var(--dim);letter-spacing:.02em}
.mobtb span i{display:block;width:15px;height:15px;margin:0 auto 3px;border-radius:4px;border:1.4px solid var(--dim)}
.mobtb span.on{color:var(--blue)}
.mobtb span.on i{border-color:var(--blue);background:var(--kvt,#EBF0FF)}

/* khung cửa sổ desktop */
.win{border-radius:12px;overflow:hidden;background:#FFF;box-shadow:0 18px 44px rgba(6,33,115,.2);border:1px solid var(--line)}
.wintb{display:flex;align-items:center;gap:8px;padding:8px 11px;background:#EBEDF3;border-bottom:1px solid var(--line)}
.wintb u{width:8px;height:8px;border-radius:50%;background:#C9CDD8;flex:0 0 auto}
.wintb b{margin-left:6px;background:#FFF;border-radius:6px;padding:4px 10px;font-family:ui-monospace,'SF Mono',Menlo,monospace;font-size:9.5px;font-weight:400;color:var(--mid);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:74%}
.winbd{display:grid;grid-template-columns:112px minmax(0,1fr)}
.winside{background:#FAFBFE;border-right:1px solid var(--line);padding:11px 8px;display:flex;flex-direction:column;gap:2px}
.winside em{font-style:normal;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:8.5px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);padding:4px 7px 6px}
.winside a{display:flex;align-items:center;gap:7px;border-radius:7px;padding:6px 7px;font-size:11px;color:var(--mid);text-decoration:none}
.winside a i{width:12px;height:12px;border-radius:3px;border:1.3px solid var(--dim);flex:0 0 auto}
.winside a.on{background:var(--kvt,#EBF0FF);color:var(--blue);font-weight:700}
.winside a.on i{border-color:var(--blue);background:#FFF}
.winmain{min-width:0}
.winhd{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line)}
.winhd b{font-family:'SVN-Circular',sans-serif;font-size:13.5px;font-weight:700;color:var(--navy)}
.winhd span{margin-left:auto;background:var(--blue);color:#FFF;border-radius:7px;padding:5px 11px;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:10px;font-weight:900;white-space:nowrap}
.wincn{padding:12px 14px;background:#F5F7FD;display:flex;flex-direction:column;gap:10px;min-height:190px}

/* nội dung phẳng khi nằm trong khung */
.mobbd .uib,.mobbd .uit,.mobbd .uisp,.mobbd .uid,.mobbd .uip,.mobbd .uis,.mobbd .uil,.mobbd .uiL,.mobbd .uist,.mobbd .uif,.mobbd .uiv,.mobbd .uith,
.wincn .uib,.wincn .uit,.wincn .uisp,.wincn .uid,.wincn .uip,.wincn .uis,.wincn .uil,.wincn .uiL,.wincn .uist,.wincn .uif,.wincn .uiv,.wincn .uith{box-shadow:0 1px 3px rgba(6,33,115,.07);width:100%;max-width:none;margin:0}
.optbox.frame{display:block;padding:18px 14px;background:linear-gradient(170deg,var(--kvt,#EBF0FF),#FAFBFF)}
.opt4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,2.6vw,30px)}
@container (max-width:660px){.opt4{grid-template-columns:1fr}}

/* thẻ trong khung điện thoại: co chữ, bỏ cột ký hiệu, giữ đồ hình */
.mobbd .uit .r,.mobbd .uisp .r{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:8px 12px;font-size:11.5px}
.mobbd .uit .r>svg:first-child,.mobbd .uisp .r>svg:first-child{display:none}
.mobbd .uit .r span,.mobbd .uisp .r span{min-width:0;overflow-wrap:normal;word-break:normal;hyphens:none}
.mobbd .uit .th{padding:10px 12px}
.mobbd .uit .th b,.mobbd .uid .hd,.mobbd .uip .hd,.mobbd .uil .lh b{font-size:12px}
.mobbd .uib,.mobbd .uit,.mobbd .uid,.mobbd .uip,.mobbd .uil{font-size:11.5px}
.mobbd .uit .ft,.mobbd .uid .note,.mobbd .uib .ft{padding:10px 12px;font-size:11px;line-height:1.5}
.mobbd .uid{padding:13px}
.mobbd .uid .plot{height:64px;gap:2px}
.mobbd .uid .ax{font-size:10px;gap:4px}
.mobbd .uid .ax span{white-space:nowrap}
.mobbd .uid .note{margin-top:10px;padding-top:10px}
.mobbd .uil .li{padding:8px 12px;font-size:11.5px}
.mobbd .uiL .grid{gap:6px}

/*==scr==*/
.scr{font-family:'SVN-Circular','Helvetica Neue',sans-serif;color:#0B1120;font-size:11.5px;line-height:1.45}
.scr *{box-sizing:border-box}
.mobin.lt .mobsb,.mobin.lt .mobhd{background:#FFF;color:#0B1120}
.mobin.lt .mobsb i b{background:#0B1120}
.scr .apt{display:flex;justify-content:space-between;align-items:center;padding:10px 13px 8px;background:#FFF}
.scr .apt b{font-size:19px;font-weight:900;letter-spacing:-.02em}
.scr .aptabs{display:flex;background:#FFF;padding:0 8px;gap:2px}
.scr .aptabs span{flex:1;text-align:center;padding:8px 4px;font-weight:700;color:#5A6072;border-radius:10px 10px 0 0;font-size:11px}
.scr .aptabs span.on{background:#F5F7FD;color:#0B1120;box-shadow:0 -1px 0 #E4E7F0 inset}
.scr .apcus{background:#FFF;padding:8px 13px 10px;border-bottom:1px solid #EDF0F7}
.scr .apcus b{color:var(--blue);font-size:13px}
.scr .apcus .ph{color:#8A90A0;margin-top:2px}
.scr .apcus .mt{color:#8A90A0;border-top:1px dashed #D9DEEB;margin-top:7px;padding-top:7px}
.scr .aptab2{display:flex;background:#FFF;margin-top:1px}
.scr .aptab2 span{flex:1;text-align:center;padding:9px 4px;font-weight:900;color:#5A6072;border-bottom:2.5px solid transparent;font-size:12px}
.scr .aptab2 span.on{color:#0B1120;border-color:#0B1120}
.scr .apnote{display:flex;justify-content:space-between;align-items:center;padding:10px 13px;color:#3A4152}
.scr .apc{background:#FFF;border-radius:13px;margin:9px 10px;padding:11px 12px;box-shadow:0 1px 3px rgba(6,33,115,.06)}
.scr .b100{display:inline-block;background:var(--blue);color:#FFF;font-weight:900;border-radius:9px;padding:5px 9px;font-size:13px}
.scr .rib{position:absolute;right:-26px;top:9px;transform:rotate(38deg);background:var(--navy);color:#FFF;font-size:8.5px;font-weight:900;padding:3px 26px;letter-spacing:.06em}
.scr .hl{color:var(--blue);font-weight:700}
.scr .big{font-size:16px;font-weight:900}
.scr .chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}
.scr .chips i{font-style:normal;background:#EFF1F7;border-radius:7px;padding:4px 8px;font-weight:700;font-size:10.5px}
.scr .agrow{display:flex;align-items:center;gap:8px;border-top:1px solid #EDF0F7;margin-top:9px;padding-top:9px}
.scr .agrow .av{width:26px;height:26px;border-radius:50%;background:#E4E7F0;flex:0 0 auto}
.scr .agrow small{display:block;color:#8A90A0;font-size:9.5px}
.scr .apbtn{display:block;text-align:center;background:var(--blue);color:#FFF;font-weight:900;border-radius:11px;padding:10px;font-size:12.5px}
.scr .apbtn.nv{background:var(--navy)}
.scr .apbtn.ln{background:#FFF;color:var(--blue);border:1.5px solid #D9DEEB}
.scr .btnrow{display:flex;gap:8px;margin:9px 10px 0}
.scr .btnrow .apbtn{flex:1}
.scr .grd{background:linear-gradient(180deg,#E7F8EF, #FFF);text-align:center;padding:16px 12px 13px}
.scr .grd .pill{display:inline-block;background:#E3EBFF;color:#33406B;border-radius:99px;padding:4px 11px;font-weight:700}
.scr .grd .pc{font-size:34px;font-weight:900;color:var(--blue);margin:4px 0}
.scr .grd p{margin:1px 0;color:var(--blue);font-weight:700;font-size:11.5px}
.scr .sech{display:flex;justify-content:space-between;align-items:center;padding:11px 13px 4px;font-size:13px}
.scr .sech b{font-size:14px}
.scr .sech em{font-style:normal;color:#0E7A5F;font-weight:900;font-size:11.5px}
.scr .krow{display:flex;justify-content:space-between;padding:7px 13px 2px;font-weight:700}
.scr .krow em{font-style:normal;color:#0E7A5F;font-weight:900}
.scr .kbox{background:#FFF;border:1px solid #EDF0F7;border-radius:11px;margin:5px 10px 4px;padding:2px 12px}
.scr .kbox .r{display:flex;justify-content:space-between;padding:7px 0;color:#5A6072}
.scr .kbox .r b{color:#0B1120}
.scr .kbox .r+.r{border-top:1px solid #F1F3F9}
.scr .prg{height:5px;border-radius:3px;background:#E4E9F5;margin:8px 13px;overflow:hidden}
.scr .prg i{display:block;height:100%;width:42%;background:var(--blue);border-radius:3px}
.scr .ring{width:74px;height:74px;border-radius:50%;margin:22px auto 12px;border:5px solid #DCE6FF;border-top-color:var(--blue);display:flex;align-items:center;justify-content:center}
.scr .ring i{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#0246FF,#0038D6);display:flex;align-items:center;justify-content:center;color:#FFF;font-size:18px;font-style:normal}
.scr .ctr{text-align:center;padding:0 16px}
.scr .navb{background:var(--navy);color:#FFF;padding:9px 13px;font-weight:700;font-size:11px}
.scr .tbl{margin:8px 10px;background:#FFF;border:1px solid #EDF0F7;border-radius:11px;overflow:hidden}
.scr .tbl .h,.scr .tbl .r{display:grid;grid-template-columns:1fr 64px 34%;gap:6px;padding:7px 10px;align-items:center}
.scr .tbl .h{background:#F7F8FC;font-weight:900;color:#5A6072;font-size:10px}
.scr .tbl .r{border-top:1px solid #F1F3F9}
.scr .tbl .r.g{background:#F7F8FC;font-weight:900}
.scr .tbl .r em{font-style:normal;background:#EAF0FF;color:var(--blue);border-radius:5px;padding:2px 5px;font-size:9px;font-weight:900;justify-self:start}
.scr .tbl .r span:last-child,.scr .tbl .h span:last-child{text-align:right}
.scr .radio{display:flex;align-items:flex-start;gap:8px;background:#FFF;border:1.5px solid #E4E7F0;border-radius:11px;padding:9px 11px;margin:6px 10px}
.scr .radio i{flex:0 0 auto;width:14px;height:14px;border-radius:50%;border:1.7px solid #B9C0D4;margin-top:1px}
.scr .radio.on{border-color:var(--blue)}
.scr .radio.on i{border-color:var(--blue);box-shadow:inset 0 0 0 3.5px #FFF;background:var(--blue)}
.scr .radio small{display:block;color:#8A90A0;font-size:10px;line-height:1.4;margin-top:2px}
.scr .flab{font-weight:900;padding:9px 13px 2px}
.scr .flab u{text-decoration:none;color:#D33}
.scr .inp{background:#FFF;border:1px solid #E4E7F0;border-radius:10px;margin:5px 10px;padding:9px 11px;color:#8A90A0;display:flex;justify-content:space-between}
.scr .inp b{color:#0B1120}
.scr .mapbx{margin:8px 10px;border-radius:12px;overflow:hidden;border:1px solid #EDF0F7;background:linear-gradient(160deg,#F2F6F1,#E9EFF6);position:relative;height:96px}
.scr .mapbx svg{position:absolute;inset:0;width:100%;height:100%}
.scr .imgph{margin:8px 10px;border-radius:12px;background:linear-gradient(150deg,#20242B,#3A4250 55%,#6A7486);height:92px;position:relative;overflow:hidden}
.scr .imgph::after{content:"";position:absolute;left:12%;right:34%;top:26%;bottom:0;background:linear-gradient(180deg,#8C96A8,#5B6575)}
.scr .bub{background:#EFF1F7;border-radius:13px;padding:9px 11px;margin:9px 10px;display:inline-block}
.scr .kara{display:flex;gap:8px;align-items:flex-start;margin:9px 10px 0}
.scr .kara .kv{flex:0 0 auto;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#0246FF,#00AAE5);display:flex;align-items:center;justify-content:center;color:#FFF;font-size:11px}
.scr .chatin{display:flex;gap:7px;align-items:center;background:#FFF;border-top:1px solid #EDF0F7;padding:8px 10px;color:#B9C0D4}
.scr .chatin span{flex:1;border:1px solid #E4E7F0;border-radius:99px;padding:7px 12px;font-size:11px}
.scr .chatin i{font-style:normal}
.winbd .scr{font-size:12.5px}
.scr .curve{margin:4px 13px;height:74px;position:relative}
.scr .scat{margin:4px 13px;height:88px;border-left:1px solid #E4E9F5;border-bottom:1px solid #E4E9F5;position:relative}
.scr .lg2{display:flex;gap:12px;color:#5A6072;font-size:10px;padding:2px 13px 8px}
.scr .lg2 i{font-style:normal;display:inline-flex;align-items:center;gap:4px}
.scr .lg2 i::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--blue)}
.scr .lg2 i+i::before{background:#C4CAD9}
.scr .stat4{display:flex;gap:6px;overflow:hidden;padding:9px 10px 0}
.scr .stat4 .s4{flex:1;background:#FFF;border:1px solid #EDF0F7;border-radius:10px;padding:7px 8px}
.scr .stat4 .s4 small{display:block;color:#8A90A0;font-size:9px}
.scr .stat4 .s4 b{font-size:11px}
@media(max-width:1020px){.cmpfr{grid-template-columns:1fr}}
.cmpfr{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:clamp(16px,2.6vw,34px);align-items:start;--z:1}
.cmpfr .mob{zoom:var(--zm,var(--z))}
.cmpfr .win{zoom:var(--zw,var(--z))}
.cmpfr .flab2{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:10.5px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#717786;margin:0 0 9px;display:flex;align-items:center;gap:7px}
.cmpfr .flab2 i{width:5px;height:5px;border-radius:50%;background:var(--cyan);display:block}

.win{border-radius:16px;overflow:hidden;border:1px solid var(--line);background:#FFF;box-shadow:0 18px 44px rgba(6,33,115,.13)}
.winhd{display:flex;align-items:center;gap:6px;background:#F2F4FA;border-bottom:1px solid var(--line);padding:9px 12px}
.winhd i{width:9px;height:9px;border-radius:50%;background:#D9DEEB}
.winhd i:nth-child(1){background:#F2A6A0}.winhd i:nth-child(2){background:#F0CE8C}.winhd i:nth-child(3){background:#9FD8AE}
.winhd .wu{flex:1;background:#FFF;border:1px solid #E4E7F0;border-radius:8px;padding:5px 11px;font-size:11px;color:#5A6072;font-family:ui-monospace,Menlo,monospace;margin-left:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.winhd .wact{background:var(--blue);color:#FFF;border-radius:8px;padding:6px 12px;font-size:11px;font-weight:900;white-space:nowrap}
.winrow{display:grid;grid-template-columns:150px minmax(0,1fr)}
.winside{border-right:1px solid #EDF0F7;background:#FAFBFE;padding:10px 8px;display:flex;flex-direction:column;gap:2px}
.winside a{display:flex;align-items:center;gap:8px;border-radius:8px;padding:7px 9px;font-size:11px;font-weight:700;color:#5A6072}
.winside a.on{background:#EAF0FF;color:var(--blue)}
.winside a svg{flex:0 0 auto}
.winbd{background:#F5F7FD;max-height:560px;overflow:hidden;padding:12px}
.winbd .scr>*:first-child{margin-top:0}
@media(max-width:700px){.winrow{grid-template-columns:1fr}.winside{flex-direction:row;overflow:hidden;border-right:0;border-bottom:1px solid #EDF0F7}}

/* fix trang vẽ lại: winbd trong winrow chỉ là vùng main */
.winrow>.winbd{display:block}
/* điện thoại: cắt như screenshot thật, không kéo dài */
.mob{position:relative}
.mob .mobin{height:552px;max-height:552px;overflow:hidden}
.mob::after{content:'';position:absolute;left:8px;right:8px;bottom:8px;height:70px;border-radius:0 0 27px 27px;background:linear-gradient(180deg,rgba(247,249,253,0),#F7F9FD 88%);pointer-events:none}

/* 3 vách kính cam kết trong hero kf2 */
.kf2 .glassrow{position:absolute;left:5%;bottom:6.5%;width:57%;height:58%;display:flex;gap:3.4%;align-items:flex-end;perspective:900px;z-index:1}
.kf2 .gpanel{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:5px;padding:8% 6.5%;border-radius:12px;background:linear-gradient(168deg,rgba(255,255,255,.8) 0%,rgba(255,255,255,.44) 55%,rgba(222,234,255,.52) 100%);border:1px solid rgba(255,255,255,.92);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);box-shadow:0 24px 34px -20px rgba(6,33,115,.45),inset 0 1px 0 rgba(255,255,255,.95)}
.kf2 .gpanel:nth-child(1){height:80%;transform:rotateY(8deg)}
.kf2 .gpanel:nth-child(2){height:90%;transform:rotateY(4deg)}
.kf2 .gpanel:nth-child(3){height:100%}
.kf2 .gpanel i{display:flex;width:30px;height:30px;border-radius:9px;background:var(--blue);color:#FFF;align-items:center;justify-content:center;margin:0 0 auto}
.kf2 .gpanel i svg{position:static;width:16px;height:16px;opacity:1}
.kf2 .gpanel b{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:900;font-size:clamp(12px,1.1vw,16px);color:var(--navy);line-height:1.15;letter-spacing:-.012em}
.kf2 .gpanel span{font-size:clamp(10px,.82vw,12px);line-height:1.4;color:var(--mid)}
.kf2 .cut{z-index:2}

/* kf2 · khiên cam kết kiểu orbit */
.kf2 .im{padding-top:8px}
.kf2 .orbit{position:relative;width:min(560px,100%);margin:0 auto;aspect-ratio:1/1.02}
.kf2 .oline{position:absolute;left:-8%;bottom:15%;width:116%;height:auto;z-index:0;opacity:1}
.kf2 .shield{position:absolute;inset:0 8% 4%;z-index:1;filter:drop-shadow(0 30px 44px rgba(6,33,115,.3))}
.kf2 .shield svg{position:absolute;inset:0;width:100%;height:100%;opacity:1}
.kf2 .orb{position:absolute;z-index:2;display:flex;flex-direction:column;gap:4px;padding:13px 15px;border-radius:14px;background:linear-gradient(168deg,rgba(255,255,255,.88) 0%,rgba(255,255,255,.52) 60%,rgba(222,234,255,.56) 100%);border:1px solid rgba(255,255,255,.95);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 20px 32px -18px rgba(6,33,115,.4),inset 0 1px 0 #FFF}
.kf2 .orb i{display:flex;width:28px;height:28px;border-radius:8px;background:var(--blue);color:#FFF;align-items:center;justify-content:center;margin-bottom:3px}
.kf2 .orb i svg,.kf2 .slog svg{position:static;opacity:1}
.kf2 .orb i svg{width:15px;height:15px}
.kf2 .orb b{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:900;font-size:clamp(13px,1.1vw,16px);color:var(--navy);line-height:1.15;letter-spacing:-.012em}
.kf2 .orb span{font-size:clamp(10px,.84vw,12px);line-height:1.4;color:var(--mid)}
.kf2 .o1{left:-5%;top:15%;width:45%;transform:rotate(-6deg)}
.kf2 .o2{right:-5%;top:40%;width:43%;transform:rotate(5deg)}
.kf2 .o3{left:-1%;bottom:6%;width:47%;transform:rotate(-3.5deg)}
.kf2 .slog{position:absolute;right:1%;bottom:-20px;z-index:3;display:inline-flex;flex-direction:column;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:900;font-style:italic;font-size:clamp(17px,1.5vw,22px);color:var(--navy);letter-spacing:-.01em}
.kf2 .slog em{color:#D6362B}
.kf2 .slog svg{width:92%;height:10px;margin:2px 0 0 8%}
@media(max-width:900px){.kf2 .slog{bottom:-28px}}

.kf2 .shield .scph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 440 480' preserveAspectRatio='none'%3E%3Cpath d='M220 26C283 48 338 57 414 59L414 256C414 350 340 414 220 454C100 414 26 350 26 256L26 59C102 57 157 48 220 26Z' fill='white'/%3E%3C/svg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 440 480' preserveAspectRatio='none'%3E%3Cpath d='M220 26C283 48 338 57 414 59L414 256C414 350 340 414 220 454C100 414 26 350 26 256L26 59C102 57 157 48 220 26Z' fill='white'/%3E%3C/svg%3E") center/100% 100% no-repeat}

.ckgrid{display:grid;gap:clamp(14px,1.6vw,20px);grid-template-columns:repeat(auto-fit,minmax(286px,1fr));margin-top:clamp(20px,2.2vw,28px)}
.ckg{position:relative;display:flex;flex-direction:column;background:#FFF;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 1px 2px rgba(6,33,115,.05);transition:transform .26s cubic-bezier(.2,0,0,1),box-shadow .26s cubic-bezier(.2,0,0,1),border-color .26s}
.ckg:hover{transform:translateY(-5px);border-color:rgba(2,70,255,.34);box-shadow:0 28px 46px -26px rgba(6,33,115,.42)}
.ckg-top{position:relative;display:flex;align-items:center;gap:16px;padding:22px 22px 20px;background:linear-gradient(152deg,#F3F7FF 0%,#E8EFFF 56%,#DEE9FF 100%);border-bottom:1px solid rgba(2,70,255,.14);overflow:hidden}
.ckg-top::after{content:"";position:absolute;right:-46px;top:-58px;width:172px;height:172px;border-radius:50%;border:1px solid rgba(2,70,255,.16);box-shadow:0 0 0 20px rgba(2,70,255,.045);pointer-events:none}
.ckg-top::before{content:"";position:absolute;inset:-60% -20%;background:linear-gradient(100deg,transparent 42%,rgba(255,255,255,.9) 50%,transparent 58%);transform:translateX(-70%);animation:ckgsheen 6.5s cubic-bezier(.4,0,.2,1) infinite;pointer-events:none}
.ckg:nth-child(2) .ckg-top::before{animation-delay:.9s}
.ckg:nth-child(3) .ckg-top::before{animation-delay:1.8s}
@keyframes ckgsheen{0%,62%{transform:translateX(-70%)}92%,100%{transform:translateX(70%)}}
.ckg-shield{position:relative;z-index:1;width:clamp(58px,5vw,68px);flex:none;filter:drop-shadow(0 12px 18px rgba(6,33,115,.34))}
.ckg-shield svg{display:block;width:100%;height:auto}
.ckg-pay{position:relative;z-index:1;margin-left:auto;text-align:right}
.ckg-pay .v{display:block;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:900;font-size:clamp(28px,2.7vw,36px);line-height:1;letter-spacing:-.035em;color:var(--navy)}
.ckg-pay .l{display:block;max-width:120px;margin-top:6px;font-size:11px;font-weight:700;line-height:1.35;letter-spacing:.03em;text-transform:uppercase;color:var(--blue)}
.ckg-body{padding:20px 22px 4px;display:flex;flex-direction:column;gap:7px}
.ckg-body em{font-style:normal;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.ckg-body h3{margin:0;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:900;font-size:clamp(18px,1.5vw,21px);line-height:1.2;letter-spacing:-.02em;color:var(--navy)}
.ckg-body p{margin:0;font-size:14.5px;line-height:1.62;color:var(--mid);text-wrap:pretty}
.ckg-terms{margin:auto 0 0;padding:16px 22px 20px;list-style:none;display:flex;flex-direction:column;gap:10px}
.ckg-terms li{display:flex;gap:12px;align-items:flex-start;padding-top:10px;border-top:1px solid var(--line)}
.ckg-terms li em{flex:none;width:70px;padding-top:1px;font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.ckg-terms li b{font-weight:600;font-size:13px;line-height:1.45;color:var(--ink)}
@media (prefers-reduced-motion:reduce){.ckg-top::before{animation:none;opacity:0}}

.okv.hkv .otag{position:absolute;z-index:3;display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:14px;background:linear-gradient(168deg,rgba(255,255,255,.9) 0%,rgba(255,255,255,.58) 60%,rgba(222,234,255,.6) 100%);border:1px solid rgba(255,255,255,.95);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);box-shadow:0 20px 32px -18px rgba(6,33,115,.44),inset 0 1px 0 #FFF;animation:otagfloat 7s ease-in-out infinite}
.okv.hkv .otag i{display:flex;width:26px;height:26px;border-radius:8px;background:var(--blue);color:#FFF;align-items:center;justify-content:center;margin-bottom:2px}
.okv.hkv .otag b{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:900;font-size:clamp(12.5px,1.05vw,15px);line-height:1.15;letter-spacing:-.012em;color:var(--navy)}
.okv.hkv .otag span{font-size:clamp(10px,.8vw,11.5px);line-height:1.4;color:var(--mid)}
.okv.hkv .ot1{left:max(4px,calc(50% - 232px));top:20%;width:min(45%,206px);transform:rotate(-5deg)}
.okv.hkv .ot2{left:max(10px,calc(50% - 226px));bottom:13%;width:min(46%,210px);transform:rotate(-3deg);animation-delay:-2.4s}
.okv.hkv .ot3{right:max(4px,calc(50% - 234px));top:11%;width:min(42%,196px);transform:rotate(5deg);animation-delay:-4.6s}
.okv.hkv .opill{position:absolute;z-index:4;right:max(0px,calc(50% - 228px));bottom:5%;display:flex;align-items:baseline;gap:8px;padding:11px 16px;border-radius:999px;background:var(--navy);color:#FFF;box-shadow:0 18px 34px -16px rgba(6,33,115,.6)}
.okv.hkv .opill em{font-style:normal;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:900;font-size:clamp(16px,1.5vw,20px);letter-spacing:-.03em;color:var(--cyan)}
.okv.hkv .opill span{font-size:11.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;opacity:.92}
@keyframes otagfloat{0%,100%{translate:0 0}50%{translate:0 -7px}}
@media(max-width:900px){.okv.hkv .otag{padding:10px 12px}.okv.hkv .ot3{top:1%}}
@media(max-width:560px){.okv.hkv .ot2{display:none}}
@media (prefers-reduced-motion:reduce){.okv.hkv .otag{animation:none}}

/* ===== glossary (thuat-ngu) ===== */
.gfilter{width:100%;max-width:520px;padding:12px 16px;border:1px solid #D9D9D9;border-radius:12px;font:500 15px/1.4 'SVN-Circular',sans-serif;color:#1a2233;outline:none;margin:14px 0 4px;background:#fff}
.gfilter:focus{border-color:#0246FF;box-shadow:0 0 0 3px rgba(2,70,255,.12)}
.gempty{font-size:14px;color:#B42318;margin:10px 0 0}
.gscroll{overflow-x:auto}
.gtbl{width:100%;border-collapse:collapse;font-size:14px;line-height:1.55}
.gtbl th{text-align:left;font-family:'FK Grotesk Neue',sans-serif;font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;color:#7A7A7A;padding:8px 14px 8px 0;border-bottom:1px solid #B8B8B8;font-weight:700}
.gtbl td{padding:13px 14px 13px 0;border-bottom:1px solid #E5E7EB;vertical-align:top;color:#1a2233}
.gtbl td:nth-child(1){width:200px;font-weight:700;color:#062173}
.gtbl td:nth-child(3){width:210px}
.gtags{display:flex;flex-wrap:wrap;gap:6px}
.gtag{display:inline-block;padding:3px 9px;border-radius:4px;background:#F5F5F5;color:#4B5563;font-family:'FK Grotesk Neue',sans-serif;font-size:11.5px;font-weight:700;text-decoration:none}
.gtag:hover{background:#EBF0FF;color:#0246FF}
.gtag.lp{background:#EBF0FF;color:#0246FF}
.gwarn{display:inline-block;margin-left:8px;padding:2px 7px;border-radius:4px;background:#FFF6E6;color:#B45309;font:700 11px/1.5 'FK Grotesk Neue',sans-serif;font-style:normal;white-space:nowrap;vertical-align:middle}
@media(max-width:760px){.gtbl td:nth-child(1){width:auto}.gtbl{min-width:640px}}

/* ===== guide (huong-dan-su-dung) ===== */
.gd-rn{font:900 13px/1 'FK Grotesk Neue',sans-serif;letter-spacing:.14em;color:#02D8FF;margin:0 0 8px}
.gd-why{background:#EBF0FF;border-radius:12px;padding:16px 20px;margin:0 0 22px;font-size:14.5px;line-height:1.6;color:#1a2233}
.gd-why .t{display:block;font:700 11.5px/1 'FK Grotesk Neue',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#0246FF;margin-bottom:8px}
.gd-feat{margin:30px 0 38px}
.gd-feat h3{font-size:19px;line-height:1.25;color:#050D2E;margin:0 0 12px;display:flex;gap:10px;align-items:baseline;letter-spacing:-.01em}
.gd-feat h3 .n{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:#0246FF;color:#fff;font:700 12.5px/1 'FK Grotesk Neue',sans-serif;transform:translateY(-2px)}
.gd-sit{font-size:14.5px;line-height:1.6;color:#4B5563;margin:0 0 12px}
.gd-sit b{display:block;font:700 11px/1 'FK Grotesk Neue',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#7A7A7A;margin-bottom:5px}
.gd-sit.res b{color:#0246FF}
.gd-sit.res{background:#F5F5F5;border-radius:10px;padding:12px 16px}
.gd-lead{font-size:14.5px;line-height:1.6;color:#1a2233;margin:0 0 10px}
.gd-steps{margin:0 0 14px;padding-left:20px;display:grid;gap:8px;font-size:14.5px;line-height:1.6;color:#1a2233}
.gd-warn{background:#FFF6E6;border-radius:10px;padding:12px 16px;font-size:13.5px;line-height:1.6;color:#7C4A03;margin:0 0 14px}
.gd-figs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:16px 0 0}
.gd-fig{margin:0}
.gd-fig img{width:100%;border-radius:12px;border:1px solid #E5E7EB;display:block;background:#F5F5F5}
.gd-fig figcaption{font:700 11.5px/1.4 'FK Grotesk Neue',sans-serif;color:#7A7A7A;margin-top:8px;letter-spacing:.03em}
.gd-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0 0 8px}
.gd-stat{background:#F5F5F5;border-radius:10px;padding:14px 16px}
.gd-stat b{display:block;font-size:22px;font-weight:900;color:#0246FF;letter-spacing:-.01em}
.gd-stat span{font:700 12px/1.4 'FK Grotesk Neue',sans-serif;color:#4B5563}
.gd-kicker{font:900 13px/1 'FK Grotesk Neue',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#062173;margin:34px 0 4px;padding-top:22px;border-top:1px solid #E5E7EB}
.gd-role{display:inline-block;padding:2px 9px;border-radius:4px;background:#062173;color:#fff;font:700 11.5px/1.5 'FK Grotesk Neue',sans-serif;margin-right:6px;white-space:nowrap}
.gd-role.k{background:#0246FF}
.gd-chain{display:flex;flex-wrap:wrap;gap:7px;align-items:center;font-size:13px;margin:0 0 14px}
.gd-chain a,.gd-chain span{display:inline-block;padding:5px 11px;border-radius:6px;background:#EBF0FF;color:#0246FF;font:700 12.5px/1.4 'FK Grotesk Neue',sans-serif;text-decoration:none}
.gd-chain span{background:#F5F5F5;color:#4B5563}
.gd-chain i{color:#B8B8B8;font-style:normal}
.gd-pn{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:30px 0 0}
.gd-pn a{display:block;border:1px solid #D9D9D9;border-radius:12px;padding:14px 18px;font-size:15px;font-weight:700;color:#050D2E;text-decoration:none}
.gd-pn a:hover{border-color:#0246FF;color:#0246FF}
.gd-pn small{display:block;font:700 11px/1 'FK Grotesk Neue',sans-serif;letter-spacing:.07em;text-transform:uppercase;color:#7A7A7A;margin-bottom:6px}
@media(max-width:760px){.gd-pn{grid-template-columns:1fr}}

/* ===== kvdoor hero (ung-dung-moi-gioi) ===== */
.kvdoor{position:relative;overflow:hidden;color:#fff}
.kvdoor .wrap{position:relative;z-index:2;min-height:clamp(400px,42vw,520px);display:flex;flex-direction:column;justify-content:center}
.kvdoor .kvd-img{position:absolute;right:clamp(0px,7vw,110px);top:0;height:100%;width:auto;object-fit:cover;object-position:right center;z-index:0;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 170px,#000 calc(100% - 90px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 170px,#000 calc(100% - 90px),transparent 100%)}
.kvdoor::after{content:none}
.kvdoor .oh1{color:#fff}
.kvdoor .olede{color:rgba(255,255,255,.88)}
.kvdoor .obadge.lbl{color:#fff;background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3);align-self:flex-start;width:auto}
.kvdoor .btn{background:#fff;color:#0246FF}
.thead.kvdoor .obtns .btn.line,.thead.kvdoor .obtns .btn.line:hover{background:transparent;color:#FFF;border:1px solid rgba(255,255,255,.55)}
.thead.kvdoor .obtns .btn.line:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.8)}
.kvdoor .btn:hover{background:#EBF0FF;color:#062173}
.kvdoor .tmeta{border-color:rgba(255,255,255,.28)}
.kvdoor .tmeta b{color:rgba(255,255,255,.62)}
.kvdoor .tmeta span{color:#fff}
.kvdoor .oh1,.kvdoor .olede,.kvdoor .obtns,.kvdoor .tmeta{max-width:min(600px,55%)}
@media(max-width:860px){
.kvdoor{display:flex;flex-direction:column}
.kvdoor .wrap{min-height:0;order:1}
.kvdoor .kvd-pic{order:2;display:block;width:100%}
.kvdoor .kvd-img{position:relative;display:block;width:100%;height:clamp(280px,64vw,430px);object-fit:cover;object-position:center 20%;margin:6px 0 0;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 80px);mask-image:linear-gradient(180deg,transparent 0,#000 80px)}
.kvdoor .oh1,.kvdoor .olede,.kvdoor .obtns,.kvdoor .tmeta{max-width:100%}
}

/* ===== TikTok sample embed ===== */
.ttdemo{display:grid;grid-template-columns:minmax(325px,392px) 1fr;gap:clamp(24px,4vw,56px);align-items:center}
.ttdemo .ttbox{width:100%;max-width:392px}
.ttdemo .tiktok-embed{margin:0!important;max-width:392px!important;min-width:0!important;width:100%!important}
.ttdemo .ttmeta{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none}
.ttdemo .ttmeta li{font-size:12.5px;font-weight:700;letter-spacing:.02em;color:var(--navy,#062173);background:#EBF0FF;border:1px solid #D8E2FF;border-radius:999px;padding:6px 12px}
@media(max-width:820px){.ttdemo{grid-template-columns:1fr}.ttdemo .ttbox{max-width:392px;margin:0 auto}}

/* ===== video recipe strip (AI videos page) ===== */
.vrecipe{margin:20px 0 0;border-top:1px solid var(--line,#E7E9F0);padding-top:18px}
.vrecipe .vrow{margin:0 0 14px}
.vrecipe .vlab{display:flex;align-items:center;gap:10px;font-size:11.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--blue);margin:0 0 10px}
.vrecipe .vlab i{flex:1;height:1px;background:var(--line,#E7E9F0)}
.vrecipe .vstrip{display:flex;gap:10px;flex-wrap:wrap}
.vrecipe figure{margin:0;width:104px}
.vrecipe .vstrip.big figure{width:148px}
.vrecipe .fr{position:relative;aspect-ratio:9/16;border-radius:12px;overflow:hidden;background:#0B1B3A;border:1px solid rgba(6,33,115,.14)}
.vrecipe .fr img,.vrecipe .fr video{width:100%;height:100%;object-fit:cover;display:block}
.vrecipe .vnum{position:absolute;left:6px;top:6px;background:rgba(2,70,255,.94);color:#FFF;font-size:10.5px;font-weight:800;border-radius:6px;padding:2px 6px;letter-spacing:.02em}
.vrecipe .vplay{position:absolute;right:6px;bottom:6px;background:rgba(6,33,115,.72);color:#FFF;font-size:10px;font-weight:700;border-radius:999px;padding:3px 8px;pointer-events:none}
.vrecipe figcaption{font-size:11.5px;color:var(--mid,#5A6070);margin:6px 0 0;line-height:1.35}
.vrecipe .vout{display:flex;align-items:center;gap:10px;margin-top:2px;font-size:13.5px;font-weight:700;color:var(--navy,#062173);background:#EBF0FF;border:1px solid #D8E2FF;border-radius:12px;padding:10px 14px}
.vrecipe .vout svg{flex:none}
@media(max-width:520px){.vrecipe figure{width:88px}.vrecipe .vstrip.big figure{width:120px}}

/* YouTube Shorts frame */
.ytshort{width:100%;max-width:392px;aspect-ratio:9/16;border-radius:20px;overflow:hidden;background:#0B1B3A;border:1px solid rgba(6,33,115,.14)}
.ytshort iframe{width:100%;height:100%;border:0;display:block}

/* ── Marketing Studio · demo bài đăng ─────────────────────── */
.msdemo{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:clamp(20px,2.4vw,34px);align-items:start}
@media(max-width:900px){.msdemo{grid-template-columns:1fr}}
.mscol{display:flex;flex-direction:column;gap:14px;min-width:0}
.mslist{border:1px solid var(--line);border-radius:var(--r-xl);overflow:hidden;background:#fff}
.mslist>img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.mslist .li{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px}
.mslist .lp{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:22px;font-weight:700;color:var(--navy);letter-spacing:-.01em}
.mslist .ln{font-size:14px;font-weight:600;color:var(--ink)}
.mslist .lg2{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.mslist .lg2 span{font-size:11.5px;color:var(--mid);border:1px solid var(--line);border-radius:999px;padding:3px 9px;background:#fff}
.mslist .lid{font-family:ui-monospace,Menlo,monospace;font-size:11px;color:var(--dim);letter-spacing:.02em}
.msst{display:flex;flex-direction:column;gap:8px}
.msst>b{font-size:11.5px;letter-spacing:.10em;text-transform:uppercase;color:var(--dim);margin-bottom:2px}
.msst button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 12px;cursor:pointer;font:inherit;font-size:14px;color:var(--ink);transition:border-color .15s,background .15s,box-shadow .15s}
.msst button:hover{border-color:rgba(2,70,255,.34);background:#FAFBFF}
.msst button[aria-pressed="true"]{border-color:var(--blue);background:var(--tint);box-shadow:inset 0 0 0 1px var(--blue);font-weight:600}
.msst button i{width:8px;height:8px;border-radius:999px;background:var(--blue);flex:0 0 auto;opacity:.35}
.msst button[aria-pressed="true"] i{opacity:1}
.msst button em{margin-left:auto;font-style:normal;font-size:11px;color:var(--dim);font-family:ui-monospace,Menlo,monospace}
.mspost{position:relative;width:100%;max-width:620px;aspect-ratio:1/1;border-radius:20px;overflow:hidden;background:#0B1B3A;container-type:inline-size;box-shadow:0 20px 48px -22px rgba(6,33,115,.42)}
.mspost .pbg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mspost .pveil{position:absolute;inset:0;background:linear-gradient(100deg,rgba(6,33,115,.78) 0%,rgba(6,33,115,.44) 42%,rgba(6,33,115,.06) 66%,rgba(6,33,115,.20) 100%)}
.mspost .pmai{position:absolute;right:-1.5cqw;bottom:0;height:88%;width:auto;object-fit:contain;filter:drop-shadow(-10px 8px 22px rgba(0,0,0,.35))}
.mspost .plogo{position:absolute;left:5.5cqw;top:5.5cqw;height:3.4cqw;width:auto}
.mspost .pid{position:absolute;right:5.5cqw;top:5.5cqw;font-family:ui-monospace,Menlo,monospace;font-size:2.1cqw;color:#fff;opacity:.7;letter-spacing:.03em}
.mspost .ptxt{position:absolute;left:5.5cqw;bottom:13cqw;max-width:52cqw;display:flex;flex-direction:column;gap:1.4cqw}
.mspost .pkick{align-self:flex-start;font-size:2.3cqw;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:#0B1B3A;background:var(--cyan);border-radius:999px;padding:1cqw 2.4cqw}
.mspost .phead{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:6.6cqw;line-height:1.02;font-weight:700;color:#fff;letter-spacing:-.02em;text-wrap:balance}
.mspost .pmeta{font-size:2.8cqw;color:rgba(255,255,255,.86);line-height:1.35}
.mspost .pprice{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:4.6cqw;font-weight:700;color:#fff;letter-spacing:-.01em}
.mspost .pstrip{position:absolute;left:0;right:0;bottom:0;height:9.4cqw;background:rgba(255,255,255,.94);backdrop-filter:blur(6px);display:flex;align-items:center;gap:2cqw;padding:0 5.5cqw}
.mspost .pstrip b{font-size:2.9cqw;color:var(--navy);font-weight:700}
.mspost .pstrip span{font-size:2.4cqw;color:var(--mid)}
.mspost .pstrip span.ph{margin-left:auto;font-family:ui-monospace,Menlo,monospace;color:var(--navy);font-weight:600}
.msthumbs{display:flex;gap:10px;flex-wrap:wrap;margin-top:2px}
.msthumbs button{position:relative;width:74px;height:74px;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#0B1B3A;padding:0;cursor:pointer}
.msthumbs button img.b{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.62}
.msthumbs button img.m{position:absolute;right:-6px;bottom:0;height:86%;width:auto}
.msthumbs button[aria-pressed="true"]{outline:2px solid var(--blue);outline-offset:1px;border-color:var(--blue)}
.msthumbs button[aria-pressed="true"] img.b{opacity:.85}
.mscap{border:1px solid var(--line);border-radius:var(--r-xl);background:#fff;padding:16px 18px;display:flex;flex-direction:column;gap:10px}
.mscap b.t{font-size:11.5px;letter-spacing:.10em;text-transform:uppercase;color:var(--dim)}
.mscap p{margin:0;font-size:14.5px;line-height:1.6;color:var(--ink);white-space:pre-line}
.mscap .tags{font-size:13px;color:var(--blue);font-weight:500}
.mscap .cbtns{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}
.mscap .cbtns span{font-size:12px;color:var(--mid);border:1px solid var(--line);border-radius:999px;padding:4px 10px;background:#FAFBFF}

.msunits{display:flex;flex-direction:column;gap:8px}
.msunits>b{font-size:11.5px;letter-spacing:.10em;text-transform:uppercase;color:var(--dim)}
.msunits .uu{display:flex;gap:8px;flex-wrap:wrap}
.msunits button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 13px;cursor:pointer;font:inherit;font-size:13px;color:var(--mid);transition:border-color .15s,background .15s,color .15s}
.msunits button:hover{border-color:rgba(2,70,255,.34);color:var(--ink)}
.msunits button[aria-pressed="true"]{border-color:var(--blue);background:var(--tint);color:var(--navy);font-weight:600}

/*==nav 2 vỏ: giữ mega menu tới 900px, dưới đó dùng bảng Tất cả trang==*/
@media(max-width:940px){
  .nav.mega .mmenu{display:flex;margin-left:6px;gap:0}
  .nav.mega .mtop{font-size:11.5px;padding:6px 7px;gap:3px}
  .nav.mega .allwrap{display:none}
  .nav.mega .lg{display:none}
  .nav:has(.mmenu) .chip.up{display:inline-flex;font-size:11.5px;padding:6px 9px}
  .nav.mega .brand span{margin-left:5px;font-size:9.5px;padding:1px 6px}
}
@media(max-width:900px){
  .nav.mega .mmenu{display:none}
  .nav.mega .allwrap{display:inline-flex;margin-right:auto}
}
@media(max-width:720px){
  .nav.mega .btn.sm{display:none}
}

.vsfig.ph{border-radius:14px;object-fit:cover;aspect-ratio:4/3;box-shadow:0 8px 24px rgba(6,33,115,.10)}

@media(max-width:860px){}

/* Ba khủng hoảng — dải số + ba hàng nguyên nhân/hậu quả */
.kstrip{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line);border-radius:14px;background:#FFF;overflow:hidden;margin:0 0 20px}
.kstrip>div{display:flex;flex-direction:column;gap:10px;padding:20px 22px 22px;border-left:1px solid var(--line)}
.kstrip>div:first-child{border-left:0}
.kstrip b{display:flex;align-items:center;gap:11px;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:700;font-size:clamp(26px,3vw,34px);line-height:1;letter-spacing:-.02em;color:var(--blue);margin:0;font-variant-numeric:tabular-nums}
.kstrip span{display:block;font-size:13.5px;line-height:1.55;color:var(--mid);text-wrap:pretty;max-width:23ch}
.krow{display:grid;grid-template-columns:44px 1fr;gap:0 16px;padding:18px 0;border-top:1px solid var(--line)}
.krow:last-of-type{border-bottom:1px solid var(--line)}
.kno{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:700;font-size:13px;letter-spacing:.06em;color:var(--blue);padding-top:3px}
.kbody{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 26px}
.kbody h3{grid-column:1/-1;font-family:'SVN-Circular',sans-serif;font-weight:700;font-size:17px;line-height:1.3;color:var(--navy);margin:0 0 4px;letter-spacing:-.01em}
.kbody p{margin:0;font-size:14.5px;line-height:1.62;color:var(--mid);text-wrap:pretty}
.kbody p em{display:block;font-style:normal;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin:0 0 3px}
.kbody p.kq{color:var(--navy)}
.kbody p.kq em{color:#B4391A}
@media (max-width:760px){.kstrip{grid-template-columns:1fr}.kstrip>div{border-left:0;border-top:1px solid var(--line)}.kstrip>div:first-child{border-top:0}.krow{grid-template-columns:1fr;gap:8px}.kno{padding:0}.kbody{grid-template-columns:1fr;gap:10px}}

/* Tooltip giải thích bốn nhóm ở hàng tiêu đề bảng ghép nối */
.mkcol{position:relative}
.mkcol .mktip{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%) translateY(4px);width:min(300px,74vw);background:#0B1B3F;color:#EAF0FF;font-style:normal;font-size:13px;line-height:1.55;text-align:left;padding:12px 14px;border-radius:12px;box-shadow:0 14px 34px rgba(5,13,46,.28);opacity:0;visibility:hidden;transition:opacity .16s ease,transform .16s ease;z-index:40;pointer-events:none;text-transform:none;letter-spacing:0;font-weight:400;text-wrap:pretty}
.mkcol .mktip b{display:block;font-weight:700;color:#FFF;margin:0 0 4px;font-size:13.5px}
.mkcol .mktip::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:#0B1B3F}
.mkcol:hover .mktip,.mkcol:focus-visible .mktip,.mkcol.on .mktip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.mkcol{cursor:help}
.mkcol u{text-decoration:none;border-bottom:1px dotted rgba(5,13,46,.32);padding-bottom:1px}
.mkcol:hover u,.mkcol.on u{border-bottom-color:currentColor}
.mkcol:last-child .mktip{left:auto;right:-6px;transform:translateY(4px)}
.mkcol:last-child .mktip::after{left:auto;right:26px;transform:none}
.mkcol:last-child:hover .mktip,.mkcol:last-child:focus-visible .mktip,.mkcol:last-child.on .mktip{transform:translateY(0)}
@media (max-width:860px){.mkcol .mktip{width:min(260px,80vw)}}

.cmpfr.two{grid-template-columns:repeat(2,minmax(0,320px));justify-content:start}
@media(max-width:760px){.cmpfr.two{grid-template-columns:minmax(0,320px)}}

.cmpfr.three{grid-template-columns:repeat(3,max-content);justify-content:space-between;gap:clamp(12px,1.8vw,20px)}
.cmpfr.three .mob{width:272px;max-width:none;margin:0}

/* Khung mô phỏng: thu nhỏ nguyên khối thay vì bóp layout bên trong */
@media(max-width:1000px){.cmpfr{--z:.9}}
@media(max-width:900px){.cmpfr{--z:.82}}
@media(max-width:820px){.cmpfr{--z:.74}}
@media(max-width:740px){.cmpfr{--z:.66}}
@media(max-width:1020px){.cmpfr:not(.three){grid-template-columns:minmax(0,1fr);--zm:1;--zw:.8}}
@media(max-width:860px){.cmpfr:not(.three){--zw:.72}}
@media(max-width:700px){.cmpfr>div:has(.win){display:none}.cmpfr:not(.three){grid-template-columns:minmax(0,272px);justify-content:center}}
@media(max-width:660px){.cmpfr.three{grid-template-columns:minmax(0,272px);justify-content:center;--z:1;gap:26px}}

/* Synapse đang quét — vòng xoay + thanh chạy + số đếm */
@property --pct{syntax:'<integer>';initial-value:6;inherits:false}
.scr .ring{animation:synSpin 1.15s linear infinite;position:relative}
.scr .ring::before{content:"";position:absolute;inset:-11px;border-radius:50%;background:radial-gradient(circle,rgba(2,70,255,.16),rgba(2,70,255,0) 68%);animation:synHalo 2.1s ease-in-out infinite}
.scr .ring i{animation:synCore 2.1s ease-in-out infinite}
.scr .prg i{width:6%;animation:synBar 3.4s cubic-bezier(.35,0,.25,1) infinite}
.scr .pct{--pct:6;animation:synNum 3.4s cubic-bezier(.35,0,.25,1) infinite;counter-reset:p var(--pct)}
.scr .pct::after{content:counter(p) "%"}
@keyframes synSpin{to{transform:rotate(360deg)}}
@keyframes synHalo{0%,100%{opacity:.5;transform:scale(.96)}50%{opacity:1;transform:scale(1.06)}}
@keyframes synCore{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
@keyframes synBar{0%{width:6%}70%{width:88%}92%,100%{width:96%}}
@keyframes synNum{0%{--pct:6}70%{--pct:88}92%,100%{--pct:96}}
@media(prefers-reduced-motion:reduce){.scr .ring,.scr .ring::before,.scr .ring i,.scr .prg i,.scr .pct{animation:none}.scr .prg i{width:42%}.scr .pct{--pct:42}}

/* Bước dọc: không để nhãn bị cắt ở màn hẹp */
.vstep,.vstx{min-width:0}
.snum{display:flex;min-width:0}
.snum .t{min-width:0;overflow-wrap:anywhere;text-wrap:pretty}
@media(max-width:860px){
.vsteps,.vsteps:has(>li:nth-child(4):last-child),.vsteps:has(>li:nth-child(5):last-child),.vsteps:has(>li:nth-child(9):last-child){grid-template-columns:1fr}
.vsteps>li:first-child,.vsteps:has(>li:nth-child(5):last-child)>li:first-child,.vsteps:has(>li:nth-child(5):last-child)>li:first-child:has(.vsph){grid-column:auto;grid-template-columns:1fr;gap:0}
.vsteps>li .vsfig,.vsteps>li .vsph{max-width:100%}
}

/* Dải số & ghi chú nguồn đứng ngoài .wrap: cho về đúng khung nội dung */
.ohero + .ofacts,.ofacts + .osrc{box-sizing:border-box;max-width:1180px;margin-left:auto;margin-right:auto;padding-left:clamp(20px,3vw,32px);padding-right:clamp(20px,3vw,32px)}
.ohero + .ofacts{box-sizing:border-box}

/* Hero kiểu mau-ve-lai: khung app thật + người tách nền trên vệt loang */
.okv.hmk{position:relative;padding:16px 0 26px;min-height:clamp(348px,30vw,438px);display:flex;justify-content:flex-start;align-items:flex-end}
.okv.hmk .hmk-blob{position:absolute;right:-2%;top:4%;width:72%;height:88%;background:#DCE7FF;border-radius:48% 52% 55% 45%/55% 48% 52% 45%;z-index:0}
.okv.hmk .hmk-dot{position:absolute;left:2%;bottom:12%;width:clamp(64px,7vw,104px);aspect-ratio:1;background:#EAF1FF;border-radius:55% 45% 50% 50%/50% 55% 45% 50%;z-index:0}
.okv.hmk .hmk-ph{position:relative;z-index:3;margin:0 0 34px 2%}
.okv.hmk .hmk-ph .mob{zoom:.94}
.okv.hmk .hmk-ph .mobin{height:auto;max-height:none}
.okv.hmk .hmk-ph .mob{box-shadow:0 26px 62px rgba(11,17,32,.3)}
.okv.hmk .hmk-ph .scr .apc{margin:8px 10px}
.okv.hmk .hmk-ph .scr img{aspect-ratio:auto}
.okv.hmk .hmk-scr{background:#FFF;border-radius:23px;overflow:hidden;padding:11px 12px 12px;font-family:'SVN-Circular','Helvetica Neue',Arial,sans-serif}
.okv.hmk .hmk-sb{display:flex;justify-content:space-between;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:8.5px;font-weight:700;color:#0B1120}
.okv.hmk .hmk-top{display:flex;align-items:center;gap:7px;margin:11px 0 9px}
.okv.hmk .hmk-top img{height:19px;width:auto;aspect-ratio:auto;object-fit:contain;display:block;flex:0 0 auto}
.okv.hmk .hmk-top b{font-size:12.5px;font-weight:900;color:#0B1120;letter-spacing:-.01em}
.okv.hmk .hmk-c{border:1px solid #E4E7F0;border-radius:11px;padding:8px 10px;margin-bottom:7px}
.okv.hmk .hmk-c.hmk-deal{border-top:3px solid var(--blue)}
.okv.hmk .hmk-r{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:10px;color:#3A4152}
.okv.hmk .hmk-r span{min-width:0}
.okv.hmk .hmk-r b{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:12px;font-weight:900;color:#0B1120;white-space:nowrap}
.okv.hmk .hmk-r b.ok{color:#0E7A4F}
.okv.hmk .hmk-bar{height:6px;border-radius:99px;background:#EDF0F7;margin:7px 0 5px;overflow:hidden}
.okv.hmk .hmk-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#00DAFF,#0043FF)}
.okv.hmk .hmk-s{font-size:9px;color:#8A90A0;line-height:1.4}
.okv.hmk .hmk-tiles{display:flex;gap:5px;margin-top:2px}
.okv.hmk .hmk-tiles span{flex:1;background:#F1F4FA;border-radius:8px;padding:6px 4px;text-align:center;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:8px;font-weight:800;color:#0B1120;line-height:1.25}
.okv.hmk .hmk-cut{position:absolute;right:-3%;bottom:0;height:clamp(240px,30vw,368px);width:auto;aspect-ratio:auto;object-fit:contain;z-index:2;filter:drop-shadow(0 14px 30px rgba(11,17,32,.22));pointer-events:none}
.okv.hmk .hmk-cap{position:absolute;left:4%;transform:none;bottom:0;z-index:4;background:#FFF;border:1px solid #E4E7F0;border-radius:999px;padding:5px 13px;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:10.5px;font-weight:800;color:#5A6070;white-space:nowrap}
@media(max-width:860px){
.okv.hmk{min-height:352px;padding:6px 0 26px}
.okv.hmk .hmk-ph{margin-left:0;width:196px}
.okv.hmk .hmk-cut{height:244px;right:-4%}
.okv.hmk .hmk-cap{left:0}
}
@media(max-width:520px){
.okv.hmk .hmk-cut{height:206px;opacity:.96}
.okv.hmk .hmk-ph{width:auto}
}

@media(min-width:1180px){.okv.hmk .hmk-ph .mob{zoom:.84}}
@media(max-width:860px){.okv.hmk .hmk-ph{margin-left:0}.okv.hmk .hmk-ph .mob{zoom:.92}}
@media(max-width:520px){.okv.hmk .hmk-ph .mob{zoom:.88}}

/* Chặng (.ext + .exi.house): giữ hai cột lâu hơn — hết cảnh ảnh trôi giữa trang */
@media(max-width:1020px) and (min-width:721px){
.ext:has(>.exi.house){grid-template-columns:minmax(0,1fr) clamp(206px,28vw,286px);gap:clamp(20px,3vw,34px);align-items:center}
.ext:has(>.exi.house)>.exi.house{order:0;justify-self:end;width:100%;padding:22px 0 96px}
.ext.rev:has(>.exi.house)>.exi.house{order:-1;justify-self:start}
.ext>.exi.house .hcut{bottom:96px}
.ext>.exi.house .exchip{bottom:0;max-width:none;padding:11px 14px;box-shadow:0 8px 22px rgba(6,33,115,.13)}
}
@media(max-width:720px){
.ext>.exi.house,.ext.rev>.exi.house{width:min(100%,320px);justify-self:start;padding:20px 0 96px}
.ext>.exi.house .hcut{bottom:96px}
.ext>.exi.house .exchip{left:0;right:auto;bottom:0;max-width:none;padding:11px 14px;box-shadow:0 8px 22px rgba(6,33,115,.13)}
.ext.rev>.exi.house .exchip{left:0;right:auto}
}

/* Mini công cụ khả năng mua — dùng thay minh hoạ ở chặng 1 */
.ext:has(>.mcalc){grid-template-columns:minmax(0,1fr) minmax(300px,406px)}
.mcalc{background:#FFF;border:1px solid var(--line,#E7E9F0);border-radius:20px;padding:clamp(16px,1.7vw,22px);box-shadow:0 14px 36px rgba(6,33,115,.10);font-family:'SVN-Circular','Helvetica Neue',Arial,sans-serif}
.mcseg{display:flex;gap:4px;background:#F3F4F8;border-radius:12px;padding:4px;margin:0 0 16px}
.mcseg button{flex:1;border:0;border-radius:9px;background:transparent;padding:9px 6px;font:inherit;font-size:13px;font-weight:700;color:#5A6070;cursor:pointer;transition:all .15s cubic-bezier(.2,0,0,1)}
.mcseg button.on{background:var(--blue,#0246FF);color:#FFF}
.mcf{margin:0 0 14px}
.mcf label{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:13px;color:#3A4152;margin:0 0 8px}
.mcf label b{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:15px;font-weight:900;color:#050D2E;white-space:nowrap}
.mcf input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:99px;background:#E6EAF4;outline:none;margin:0}
.mcf input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--blue,#0246FF);cursor:pointer;border:3px solid #FFF;box-shadow:0 2px 8px rgba(2,70,255,.4)}
.mcf input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--blue,#0246FF);cursor:pointer;border:3px solid #FFF}
.mcends{display:flex;justify-content:space-between;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11px;color:#8A90A2;margin-top:6px}
.mcout{background:#F3F6FF;border-radius:14px;padding:14px 15px;margin:16px 0 0}
.mcbig{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #DCE3F5}
.mcbig span{font-size:13px;color:#3A4152}
.mcbig b{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:24px;font-weight:900;color:var(--blue,#0246FF);letter-spacing:-.015em}
.mcrow{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:12.5px;color:#5A6070;margin-bottom:6px}
.mcrow b{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:13.5px;font-weight:900;color:#050D2E;text-align:right}
.mcbar{height:7px;border-radius:99px;background:#E0E6F6;overflow:hidden;margin:11px 0 7px}
.mcbar i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#00DAFF,#0043FF);transition:width .24s cubic-bezier(.2,0,0,1)}
.mcbar i.warn{background:linear-gradient(90deg,#FFB020,#FF6A3D)}
.mcdti{display:flex;justify-content:space-between;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11.5px;color:#5A6070}
.mcdti b{color:#050D2E}
.mcnote{font-size:11px;line-height:1.5;color:#8A90A2;margin:10px 0 0}
@media(max-width:1020px){.ext:has(>.mcalc){grid-template-columns:1fr}.mcalc{max-width:460px}}

/* Tấm navy + người thật (mẫu MÀN 34) — minh hoạ chặng xác thực */
.ext:has(>.nkv){grid-template-columns:minmax(0,1fr) minmax(300px,430px)}
.nkv{position:relative;background:#0B1120;border-radius:22px;overflow:hidden;min-height:430px;padding:26px 24px 0;isolation:isolate}
.nkv-glow{position:absolute;left:-70px;top:-90px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(2,70,255,.42),rgba(2,70,255,0) 70%);z-index:0}
.nkv-head{position:relative;z-index:2;max-width:206px}
.nkv-eye{display:block;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;color:#7FA3FF;font-weight:800;font-size:10.5px;letter-spacing:.12em}
.nkv-head b{display:block;color:#FFF;font-weight:900;font-size:clamp(19px,2vw,23px);line-height:1.16;margin:7px 0 6px;letter-spacing:-.015em}
.nkv-sub{display:block;color:rgba(255,255,255,.64);font-size:12px;line-height:1.45}
.nkv-cut{position:absolute;left:-30px;bottom:0;height:296px;width:auto;max-width:none;aspect-ratio:auto;object-fit:contain;object-position:bottom left;z-index:1;filter:drop-shadow(0 14px 30px rgba(0,0,0,.45))}
.nkv-ph{position:absolute;right:20px;top:auto;bottom:0;width:186px;background:#05070D;border-radius:24px 24px 0 0;padding:7px 7px 0;box-shadow:-18px 0 44px rgba(0,0,0,.45);z-index:3}
.nkv-scr{background:#FFF;border-radius:18px 18px 0 0;overflow:hidden;padding:8px 9px 0}
.nkv-sb{display:flex;justify-content:space-between;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:7.5px;font-weight:700;color:#0B1120}
.nkv-hero{position:relative;margin-top:7px;border-radius:10px;overflow:hidden}
.nkv-hero img{display:block;width:100%;height:68px;object-fit:cover;aspect-ratio:auto}
.nkv-tag{position:absolute;right:5px;top:5px;background:rgba(255,255,255,.95);border-radius:6px;padding:2px 6px;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:7.5px;font-weight:800;color:#0B1120}
.nkv-p{padding:8px 1px 10px}
.nkv-p>b{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:13px;font-weight:900;color:#0B1120}
.nkv-addr{display:block;font-size:8.5px;color:#5A6070;margin:1px 0 8px}
.nkv-check{display:flex;align-items:flex-start;gap:5px;font-size:8.5px;line-height:1.35;color:#3A4152;margin-bottom:5px}
.nkv-check i{flex:0 0 auto;width:11px;height:11px;margin-top:.5px;border-radius:50%;background:#12B5A5;position:relative}
.nkv-check i::after{content:"";position:absolute;left:3px;top:3.4px;width:4.6px;height:2.2px;border-left:1.5px solid #FFF;border-bottom:1.5px solid #FFF;transform:rotate(-45deg)}
.nkv-badge{position:absolute;right:14px;bottom:22px;z-index:4;display:inline-flex;align-items:center;gap:5px;background:#12B5A5;color:#FFF;border-radius:11px;padding:6px 10px;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:9.5px;font-weight:800;box-shadow:0 10px 24px rgba(0,0,0,.35)}
@media(max-width:1020px){.ext:has(>.nkv){grid-template-columns:1fr}.nkv{max-width:460px}}
@media(max-width:420px){.nkv{min-height:392px;padding:22px 18px 0}.nkv-ph{width:156px;right:10px}.nkv-cut{height:250px;left:-26px}.nkv-head{max-width:164px}}

/* KV mượn từ trang 3 Cam Kết / Trung Tâm Giao Dịch, đặt trong cột phải của khối chặng */
.ext:has(>.exkv){grid-template-columns:minmax(0,1fr) minmax(290px,424px)}
.exkv{position:relative;width:100%}
.ext>.exkv.ek-shield{padding:8px 0 4px}
.ext>.exkv.ek-shield .orbit{width:min(100%,392px);margin:0 auto}
.ext>.exkv.ek-shield .orb{padding:10px 12px;border-radius:12px}
.ext>.exkv.ek-shield .orb i{width:24px;height:24px;border-radius:7px}
.ext>.exkv.ek-shield .orb b{font-size:13px}
.ext>.exkv.ek-shield .orb span{font-size:10px}
.ext>.exkv.ek-shield .o1{left:-6%;top:13%;width:50%}
.ext>.exkv.ek-shield .o3{left:-2%;bottom:4%;width:52%}
.ext>.exkv.ek-hkv{padding:44px 0 0}
.ext>.exkv.ek-hkv .hbg{width:min(100%,352px)}
.ext>.exkv.ek-hkv .hcut{right:max(0px,calc(50% - 196px));height:102%}
.ext>.exkv.ek-hkv .otag{padding:9px 11px;border-radius:12px}
.ext>.exkv.ek-hkv .otag i{width:23px;height:23px;border-radius:7px}
.ext>.exkv.ek-hkv .otag b{font-size:12.5px}
.ext>.exkv.ek-hkv .otag span{font-size:10px}
.ext>.exkv.ek-hkv .ot1{left:0;top:17%;width:min(52%,178px)}
.ext>.exkv.ek-hkv .ot3{right:0;top:6%;width:min(50%,170px)}
.ext>.exkv.ek-hkv .opill{right:auto;left:0;bottom:2%;padding:9px 13px}
.ext>.exkv.ek-hkv .opill em{font-size:17px}
.ext>.exkv.ek-hkv .opill span{font-size:11px}
@media(max-width:1020px){.ext:has(>.exkv){grid-template-columns:1fr}.ext>.exkv{max-width:424px}}

/* Bốn chặng kiểu Zillow: mỗi thẻ = minh hoạ + chữ, hai thẻ một hàng */
.zg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,1.8vw,24px);margin-top:clamp(22px,2.6vw,34px)}
.zc{display:flex;flex-direction:column;background:#FFF;border:1px solid var(--line,#E7E9F0);border-radius:20px;overflow:hidden;box-shadow:0 2px 8px rgba(6,33,115,.05);transition:box-shadow .24s cubic-bezier(.2,0,0,1),transform .24s cubic-bezier(.2,0,0,1)}
.zc:hover{box-shadow:0 8px 24px rgba(6,33,115,.1);transform:translateY(-2px)}
.zc-fig{position:relative;height:230px;overflow:hidden;background:#F3F6FF;flex:0 0 auto}
.zc-b{padding:18px 20px 20px}
.zc-k{display:block;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--blue,#0246FF);margin:0 0 7px}
.zc-b h3{font-size:clamp(17px,1.5vw,19px);font-weight:900;line-height:1.22;letter-spacing:-.015em;color:#050D2E;margin:0 0 8px}
.zc-b p{font-size:14px;line-height:1.55;color:#5A6070;margin:0 0 12px;text-wrap:pretty}
.zc-b .go{font-size:13.5px}

.zf-calc{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:14px 20px;background:#FFF;border-bottom:1px solid var(--line,#E7E9F0)}
.mcnote2{font-size:10px;line-height:1.4;color:#8A90A2;margin:5px 0 0}
.mcrow2{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:12.5px;color:#5A6070}
.mcrow2 b{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:14px;font-weight:900;color:#050D2E;white-space:nowrap}
.zf-calc input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:99px;background:#E6EAF4;outline:none;margin:0 0 4px}
.zf-calc input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:19px;height:19px;border-radius:50%;background:var(--blue,#0246FF);cursor:pointer;border:3px solid #FFF;box-shadow:0 2px 8px rgba(2,70,255,.4)}
.zf-calc input[type=range]::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:var(--blue,#0246FF);cursor:pointer;border:3px solid #FFF}
.mcres{display:flex;align-items:baseline;justify-content:space-between;gap:10px;background:#F3F6FF;border-radius:11px;padding:9px 13px;margin-top:3px}
.mcres span{font-size:12.5px;color:#3A4152}
.mcres b{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:21px;font-weight:900;color:var(--blue,#0246FF);letter-spacing:-.015em}

.zf-navy{background:#0B1120;display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:12px;padding:0 0 0 18px;align-items:center;position:relative}
.zf-navy::before{content:"";position:absolute;left:-60px;top:-70px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(2,70,255,.45),rgba(2,70,255,0) 70%)}
.zn-list{position:relative;display:flex;flex-direction:column;gap:8px}
.zn-list::before{content:"TRONG APP ONEHUB";font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:9.5px;font-weight:800;letter-spacing:.12em;color:#7FA3FF;margin-bottom:2px}
.zn-list span{display:flex;align-items:flex-start;gap:6px;font-size:11px;line-height:1.35;color:rgba(255,255,255,.82)}
.zn-list i{flex:0 0 auto;width:12px;height:12px;margin-top:1px;border-radius:50%;background:#12B5A5;position:relative}
.zn-list i::after{content:"";position:absolute;left:3.4px;top:3.8px;width:5px;height:2.4px;border-left:1.6px solid #FFF;border-bottom:1.6px solid #FFF;transform:rotate(-45deg)}
.zn-ph{position:absolute;right:0;bottom:-16px;width:150px;background:#05070D;border-radius:22px 22px 0 0;padding:7px 7px 0;box-shadow:-18px 0 42px rgba(0,0,0,.5)}
.zn-scr{background:#FFF;border-radius:15px 15px 0 0;overflow:hidden}
.zn-scr img{display:block;width:100%;height:88px;object-fit:cover;aspect-ratio:auto}
.zn-p{padding:7px 9px 10px}
.zn-p b{display:block;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:12px;font-weight:900;color:#0B1120}
.zn-p span{display:block;font-size:8.5px;color:#5A6070;margin:1px 0 5px}
.zn-p em{display:inline-block;font-style:normal;background:#12B5A5;color:#FFF;border-radius:6px;padding:2px 7px;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:8.5px;font-weight:800}

.zf-shield{background:linear-gradient(180deg,#F3F6FF,#E8EFFF)}
.zs{position:absolute;left:50%;top:14px;transform:translateX(-50%);width:158px;height:172px;filter:drop-shadow(0 18px 26px rgba(6,33,115,.26))}
.zs svg{position:absolute;inset:0;width:100%;height:100%}
.zs .scph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;aspect-ratio:auto;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 440 480' preserveAspectRatio='none'%3E%3Cpath d='M220 26C283 48 338 57 414 59L414 256C414 350 340 414 220 454C100 414 26 350 26 256L26 59C102 57 157 48 220 26Z' fill='white'/%3E%3C/svg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 440 480' preserveAspectRatio='none'%3E%3Cpath d='M220 26C283 48 338 57 414 59L414 256C414 350 340 414 220 454C100 414 26 350 26 256L26 59C102 57 157 48 220 26Z' fill='white'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.zchip{position:absolute;z-index:2;display:flex;align-items:center;gap:7px;max-width:172px;background:rgba(255,255,255,.94);border:1px solid #FFF;border-radius:11px;padding:7px 10px;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:10.5px;font-weight:800;line-height:1.3;color:#062173;box-shadow:0 12px 24px -12px rgba(6,33,115,.5)}
.zchip i{flex:0 0 auto;display:flex;width:21px;height:21px;border-radius:6px;background:var(--blue,#0246FF);color:#FFF;align-items:center;justify-content:center}
.zc1{left:10px;top:26px;transform:rotate(-4deg)}
.zc2{right:10px;bottom:18px;transform:rotate(3deg)}

.zf-key{background:#E4ECFF}
.zk-bg{position:absolute;inset:0;display:block}
.zk-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,20,60,.72) 0%,rgba(6,20,60,.34) 46%,rgba(6,20,60,0) 72%)}
.zk-bg img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:auto}
.zk-cut{position:absolute;right:8px;bottom:0;height:222px;width:auto;max-width:none;aspect-ratio:auto;object-fit:contain;object-position:bottom right;z-index:2;filter:drop-shadow(-14px 16px 30px rgba(3,12,38,.5))}
.zk-pill{position:absolute;left:16px;bottom:16px;z-index:3;display:flex;align-items:baseline;gap:7px;max-width:180px;background:rgba(255,255,255,.96);color:#062173;border-radius:14px;padding:9px 13px;font-size:10.5px;font-weight:700;line-height:1.3;box-shadow:0 16px 30px -14px rgba(3,12,38,.6)}
.zk-pill em{color:var(--blue,#0246FF)}
.zk-cap{position:absolute;left:16px;top:16px;z-index:3;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:9.5px;font-weight:800;letter-spacing:.12em;color:rgba(255,255,255,.86)}
.zk-pill em{font-style:normal;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:16px;font-weight:900}

@media(max-width:860px){.zg{grid-template-columns:1fr}}
@media(max-width:420px){.zc-fig{height:214px}.zf-navy{grid-template-columns:minmax(0,1fr) 132px}.zn-ph{width:132px}.zn-list span{font-size:10.5px}.zk-cut{height:206px}}

/* Thẻ chặng dùng luôn KV có sẵn: ảnh tràn khung + một nhãn */
.zf-kv{background:#E4ECFF}
.zf-kv>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;aspect-ratio:auto;display:block}
.zf-kv::after{content:"";position:absolute;left:0;right:0;bottom:0;height:56%;background:linear-gradient(180deg,rgba(4,14,44,0),rgba(4,14,44,.5));z-index:1}
.zf-kv .zk-pill{z-index:2}

/* Catalogue màn nghiệp vụ: lưới nhiều điện thoại một hàng */
.mvg{display:grid;grid-template-columns:repeat(auto-fit,minmax(272px,1fr));gap:clamp(20px,2.6vw,38px);margin-top:20px;justify-items:center}
.mvg>div{width:100%;max-width:300px}
.mvg .flab2{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:10.5px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#717786;margin:0 0 9px;display:flex;align-items:center;gap:7px;min-height:26px}
.mvg .flab2 i{width:5px;height:5px;border-radius:50%;background:var(--cyan);display:block;flex:0 0 auto}
.mvn{font-size:12.5px;line-height:1.55;color:#5A6072;margin:11px 2px 0}
.mvn b{color:#0B1120}
.scr .updrop{border:1.5px dashed #C3CCE0;border-radius:11px;background:#FBFCFF;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:13px 8px;text-align:center;color:#5A6072;font-size:10px}
.scr .updrop b{font-size:10.5px;color:#0B1120}
.scr .updrop.ok{border-style:solid;border-color:#9DC7AA;background:#F3FBF5}
.scr .updrop.bad{border-style:solid;border-color:#E7B4B4;background:#FEF5F5}
.scr .u2{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:9px 10px}
.scr .fld{margin:0 10px 8px}
.scr .fld label{display:block;font-size:10px;color:#717786;font-weight:700;margin-bottom:3px}
.scr .fld .inp{border:1px solid #DCE1EC;border-radius:10px;background:#FFF;padding:8px 10px;font-size:12px;font-weight:700;color:#0B1120;display:flex;justify-content:space-between;align-items:center}
.scr .fld .inp.on{border-color:var(--blue);box-shadow:0 0 0 3px rgba(2,70,255,.12)}
.scr .fld .inp span.ph{color:#A7AEBE;font-weight:400}
.scr .warn{margin:0 10px 8px;background:#FEF6E7;border:1px solid #F2DBA8;border-radius:10px;padding:8px 10px;font-size:10.5px;color:#7A5A11;line-height:1.45}
.scr .warn b{color:#0B1120;display:block;margin-bottom:2px}
.scr .otpr{display:flex;gap:5px;margin:8px 10px 6px}
.scr .otpr i{flex:1;aspect-ratio:1/1.15;border:1px solid #DCE1EC;border-radius:8px;background:#FFF;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:900;font-size:14px;color:#0B1120}
.scr .otpr i.e{color:#C3CCE0}
.scr .stp{display:flex;align-items:center;gap:0;margin:9px 10px 4px}
.scr .stp span{flex:1;height:3px;border-radius:99px;background:#E4E9F5}
.scr .stp span.on{background:var(--blue)}
.scr .stp span.now{background:linear-gradient(90deg,var(--blue) 60%,#E4E9F5 60%)}
.scr .qr{width:104px;height:104px;margin:10px auto 6px;border-radius:10px;background:
 conic-gradient(from 0deg at 12px 12px,#0B1120 0 25%,transparent 0 100%) 0 0/28px 28px no-repeat,
 conic-gradient(from 270deg at calc(100% - 12px) 12px,#0B1120 0 25%,transparent 0 100%) 100% 0/28px 28px no-repeat,
 conic-gradient(from 90deg at 12px calc(100% - 12px),#0B1120 0 25%,transparent 0 100%) 0 100%/28px 28px no-repeat,
 repeating-conic-gradient(#0B1120 0 25%,#FFF 0 50%) 0 0/13px 13px;
 border:5px solid #FFF;box-shadow:0 0 0 1px #E4E9F5}
.scr .tline{margin:6px 10px 2px;padding-left:14px;border-left:2px solid #E4E9F5}
.scr .tline .ti{position:relative;padding:5px 0;font-size:10.5px;color:#5A6072}
.scr .tline .ti b{color:#0B1120;display:block;font-size:11px}
.scr .tline .ti::before{content:"";position:absolute;left:-19px;top:9px;width:8px;height:8px;border-radius:50%;background:#D5DCEA;border:2px solid #FFF}
.scr .tline .ti.done::before{background:#1E9E62}
.scr .tline .ti.now::before{background:var(--blue);box-shadow:0 0 0 3px rgba(2,70,255,.18)}
.scr .donut{width:74px;height:74px;border-radius:50%;background:conic-gradient(var(--blue) 0 62%,#00C2E8 62% 86%,#FDC94A 86% 100%);position:relative;flex:0 0 auto}
.scr .donut::after{content:"";position:absolute;inset:15px;border-radius:50%;background:#FFF}

/* ===== Hành trình bốn chặng: rail số + KV + thẻ bằng chứng nổi ===== */
.jr{list-style:none;margin:26px 0 0;padding:0;counter-reset:jr}
.jr-s{display:grid;grid-template-columns:74px minmax(0,1.04fr) minmax(0,.96fr);gap:0 clamp(20px,2.4vw,34px);padding:0 0 clamp(30px,3.4vw,46px)}
.jr-s:last-child{padding-bottom:0}
.jr-rail{grid-column:1;grid-row:1;position:relative;display:flex;flex-direction:column;align-items:center}
.jr-no{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:900;font-size:clamp(34px,3.6vw,50px);line-height:.9;letter-spacing:-.03em;color:transparent;-webkit-text-stroke:1.6px rgba(2,70,255,.44);text-stroke:1.6px rgba(2,70,255,.44)}
.jr-line{flex:1;width:2px;margin-top:12px;background:linear-gradient(180deg,rgba(2,70,255,.42),rgba(2,70,255,.1));border-radius:2px}
.jr-s:last-child .jr-line{background:linear-gradient(180deg,rgba(2,70,255,.42),rgba(2,70,255,0))}
.jr-fig{grid-column:2;grid-row:1;position:relative;aspect-ratio:16/11;border-radius:20px;overflow:hidden;background:#E4ECFF;box-shadow:0 14px 38px rgba(6,33,115,.13)}
.jr-fig>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;aspect-ratio:auto;display:block}
.jr-fig::after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(4,14,44,0) 42%,rgba(4,14,44,.34));z-index:1}
.jr-fig.jr-mk::after{display:none}
.jr-b{grid-column:3;grid-row:1;align-self:center;padding:6px 0 0}
.jr-k{display:inline-block;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#0246FF;background:#EBF0FF;border-radius:999px;padding:5px 12px;margin:0 0 12px}
.jr-b h3{font-family:'SVN-Circular','Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:clamp(19px,2.1vw,27px);line-height:1.2;letter-spacing:-.02em;color:#050D2E;margin:0 0 10px;text-wrap:pretty}
.jr-b>p{font-size:15px;line-height:1.62;color:#5A6070;margin:0 0 14px;max-width:46ch;text-wrap:pretty}
.jr-d{display:flex;align-items:flex-start;gap:9px;font-size:13.5px;line-height:1.5;color:#0B2A66;background:#F3F6FF;border-left:0;border-radius:12px;padding:11px 14px;margin:0 0 16px;max-width:46ch}
.jr-d svg{flex:0 0 auto;margin-top:1px;color:#0246FF}
.jr-s:nth-child(even) .jr-fig{grid-column:3}
.jr-s:nth-child(even) .jr-b{grid-column:2}
/* thẻ bằng chứng nổi trên KV */
.jr-card{position:absolute;z-index:2;left:16px;bottom:16px;width:min(63%,268px);background:rgba(255,255,255,.97);border:1px solid rgba(228,231,240,.9);border-radius:14px;padding:12px 14px;box-shadow:0 12px 30px rgba(6,33,115,.18);backdrop-filter:blur(3px)}
.jr-s:nth-child(even) .jr-card{left:auto;right:16px}
.jr-ct{display:block;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#8A90A2;margin:0 0 8px}
.jr-card .mcrow2{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:11px;color:#5A6070;margin:0 0 2px}
.jr-card .mcrow2 b{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:12px;font-weight:900;color:#0B1120;white-space:nowrap}
.jr-card input[type=range]{width:100%;margin:0 0 8px;accent-color:#0246FF;height:16px}
.jr-res{display:flex;justify-content:space-between;align-items:baseline;gap:8px;border-top:1px solid #EDF0F7;padding-top:9px;margin-top:2px}
.jr-res span{font-size:11px;color:#5A6070}
.jr-res b{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:17px;font-weight:900;color:#0246FF;letter-spacing:-.02em}
.jr-ci{display:flex;align-items:flex-start;gap:8px;font-size:11.5px;line-height:1.45;color:#26304A;padding:3px 0}
.jr-ci i{flex:0 0 auto;width:14px;height:14px;margin-top:1px;border-radius:99px;background:#0E7A4F;position:relative}
.jr-ci i::after{content:"";position:absolute;left:4px;top:4.2px;width:5.4px;height:2.8px;border-left:1.7px solid #FFF;border-bottom:1.7px solid #FFF;transform:rotate(-45deg)}
.jr-lock{display:flex;flex-direction:column;gap:2px}
.jr-lock em{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-style:normal;font-size:27px;font-weight:900;line-height:1;letter-spacing:-.03em;color:#0246FF}
.jr-lock span{font-size:11.5px;line-height:1.45;color:#26304A}
.jr-foot{margin:clamp(24px,3vw,36px) 0 0;padding:16px 20px;background:#F3F6FF;border-radius:14px;font-size:14px;line-height:1.6;color:#31374A;text-wrap:pretty}
.jr-foot a{font-weight:700}
/* xuất hiện dần — chỉ khi script đã gắn (rv-armed), nên không có script vẫn hiện */
@media(prefers-reduced-motion:no-preference){
.jr-s.rv-armed{opacity:0;transform:translateY(16px);transition:opacity .6s cubic-bezier(.2,0,0,1),transform .6s cubic-bezier(.2,0,0,1)}
.jr-s.rv-armed.rv{opacity:1;transform:none}
}
@media(max-width:940px){
.jr-s{grid-template-columns:52px minmax(0,1fr);gap:0 16px;padding-bottom:34px}
.jr-fig,.jr-s:nth-child(even) .jr-fig{grid-column:2;grid-row:1}
.jr-b,.jr-s:nth-child(even) .jr-b{grid-column:2;grid-row:2;padding-top:16px}
.jr-rail{grid-row:1/span 2}
.jr-s:nth-child(even) .jr-card{left:14px;right:auto}
.jr-card{width:min(72%,250px)}
}
@media(max-width:560px){
.jr-s{grid-template-columns:40px minmax(0,1fr);gap:0 12px}
.jr-no{font-size:26px;-webkit-text-stroke-width:1.3px}
.jr-fig{aspect-ratio:4/3;border-radius:16px}
.jr-card{position:static;width:auto;margin:12px 0 0;box-shadow:none;border-color:#E4E7F0}
.jr-fig{overflow:visible;background:none;box-shadow:none;aspect-ratio:auto;display:flex;flex-direction:column}
.jr-fig>img{position:relative;inset:auto;height:auto;aspect-ratio:4/3;border-radius:16px;box-shadow:0 12px 30px rgba(6,33,115,.13)}
.jr-fig::after{display:none}
.jr-b>p,.jr-d{max-width:none}
}

/* Thanh kéo có phần đã tô + thước tầm giá trong thẻ chặng 1 */
.jr-card input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:20px;margin:2px 0 9px;padding:0;background:none;border:0;outline:none;cursor:grab}
.jr-card input[type=range]:active{cursor:grabbing}
.jr-card input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;height:6px;border:0;border-radius:99px;background:linear-gradient(90deg,#0043FF 0 var(--p,40%),#E6EAF4 var(--p,40%) 100%)}
.jr-card input[type=range]::-moz-range-track{height:6px;border-radius:99px;background:#E6EAF4}
.jr-card input[type=range]::-moz-range-progress{height:6px;border-radius:99px;background:#0043FF}
.jr-card input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-7px;width:20px;height:20px;box-sizing:border-box;border-radius:50%;background:#0246FF;border:3px solid #FFF;box-shadow:0 2px 8px rgba(2,70,255,.42);transition:transform .12s cubic-bezier(.2,0,0,1)}
.jr-card input[type=range]:active::-webkit-slider-thumb{transform:scale(1.14)}
.jr-card input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px rgba(2,70,255,.22)}
.jr-scale{position:relative;height:8px;border-radius:99px;background:#EDF0F7;margin:9px 0 5px;overflow:visible}
.jr-scale i{position:absolute;left:0;top:0;bottom:0;width:22%;border-radius:99px;background:linear-gradient(90deg,#00DAFF,#0043FF);transition:width .34s cubic-bezier(.2,0,0,1)}
.jr-scale s{position:absolute;top:-3px;left:22%;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:#FFF;border:3px solid #0043FF;box-shadow:0 2px 6px rgba(6,33,115,.22);transition:left .34s cubic-bezier(.2,0,0,1)}
.jr-sl{display:flex;justify-content:space-between;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:9.5px;font-weight:700;color:#8A90A2}
.jr-res b{transition:transform .18s cubic-bezier(.2,0,0,1)}
.jr-res b.bump{transform:scale(1.07)}
@media(prefers-reduced-motion:reduce){.jr-scale i,.jr-scale s,.jr-res b{transition:none}}

/* Thanh kéo tự vẽ: native input trong suốt phủ trên, phần tô và núm là phần tử thật */
.rng{position:relative;display:block;height:22px;margin:3px 0 9px;--p:40%}
.rng input[type=range]{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:grab;z-index:3;-webkit-appearance:none;appearance:none;background:none}
.rng input[type=range]:active{cursor:grabbing}
.rng::before{content:"";position:absolute;left:0;right:0;top:50%;height:6px;margin-top:-3px;border-radius:99px;background:#E6EAF4}
.rng i{position:absolute;left:0;top:50%;height:6px;margin-top:-3px;width:calc(11px + (100% - 22px) * var(--pn,.4));border-radius:99px;background:linear-gradient(90deg,#00A6FF,#0043FF);z-index:1}
.rng s{position:absolute;top:50%;left:calc(11px + (100% - 22px) * var(--pn,.4));width:20px;height:20px;margin:-10px 0 0 -10px;box-sizing:border-box;border-radius:50%;background:#0246FF;border:3px solid #FFF;box-shadow:0 2px 8px rgba(2,70,255,.42);z-index:2;transition:transform .12s cubic-bezier(.2,0,0,1)}
.rng input[type=range]:active~s{transform:scale(1.14)}
.rng input[type=range]:focus-visible~s{box-shadow:0 0 0 4px rgba(2,70,255,.24)}
@media(prefers-reduced-motion:reduce){.rng s{transition:none}}

/* Cột số + đường kẻ dọc để lại một rãnh trống khó chịu — bỏ, chuyển số thành chip trong dòng nhãn */
.jr-rail{display:none}
.jr-s{counter-increment:jr;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:0 clamp(20px,2.4vw,34px)}
.jr-s .jr-fig{grid-column:1;grid-row:1}
.jr-s .jr-b{grid-column:2;grid-row:1;align-self:center}
.jr-s:nth-child(even) .jr-fig{grid-column:2;grid-row:1}
.jr-s:nth-child(even) .jr-b{grid-column:1;grid-row:1}
.jr-b .jr-k{display:flex;align-items:center;gap:9px}
.jr-b .jr-k::before{content:counter(jr,decimal-leading-zero);font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11px;font-weight:900;letter-spacing:.02em;color:#FFF;background:var(--blue,#0246FF);border-radius:6px;padding:3px 7px;flex:0 0 auto}
@media(max-width:860px){
.jr-s,.jr-s:nth-child(even){grid-template-columns:minmax(0,1fr);gap:0}
.jr-s .jr-fig,.jr-s:nth-child(even) .jr-fig{grid-column:1;grid-row:1}
.jr-s .jr-b,.jr-s:nth-child(even) .jr-b{grid-column:1;grid-row:2}
}

/* Dải chuyển đổi nằm trong vỏ tài liệu: cột 420px cố định bóp cột chữ còn 89px — xếp dọc theo khung chứa */
.docs .conv .wrap,.dmain .conv .wrap,.docs section.conv .wrap{grid-template-columns:minmax(0,1fr) !important;gap:28px}
.docs .conv .cform,.dmain .conv .cform{width:100%;max-width:420px;justify-self:start}
.docs .conv h2,.dmain .conv h2,.docs .conv p,.dmain .conv p{min-width:0}

/* Bản vẽ màn hình trong khối ba bước: đăng ký và eKYC */
.blk-mock{display:flex;flex-direction:column;align-items:center}
.blk-mock .mob{zoom:1;width:272px;flex:0 0 auto;margin:0}
/* Tỉ lệ màn hình đúng chuẩn điện thoại: 390×844 (9:19.5) — khung 272px, màn trong 256×554 */
.blk-mock .mobin{height:554px;max-height:554px;overflow:hidden;background:#FFF;display:flex;flex-direction:column}
.blk-mock .scr{flex:1;min-height:0;display:flex;flex-direction:column;padding:14px 15px 18px}
.blk-mock .rg-cta{margin-top:auto}
.blk-mock .rg-cta+.rg-fine{margin-top:8px}
.blk-mock{padding-bottom:0}
.blk-mock .ofc{position:static;width:100%;max-width:272px;margin:14px auto 0;box-shadow:none;border:1px solid var(--line,#E7E9F0);background:#FFF}
.rg-top{display:flex;align-items:center;gap:9px;margin:0 0 10px}
.rg-top img{height:17px;width:auto;aspect-ratio:auto;object-fit:contain;display:block;flex:0 0 auto}
.rg-top b{font-size:13px;font-weight:900;color:#0B1120;letter-spacing:-.012em}
.rg-back{font-size:19px;line-height:1;color:#5A6072;font-weight:700}
.rg-step{margin-left:auto;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:10px;font-weight:800;color:#0246FF;background:#EBF0FF;border-radius:99px;padding:3px 8px}
.rg-lead{margin:0 0 11px;font-size:10.5px;line-height:1.5;color:#5A6072}
.rg-f{display:block;margin:0 0 8px}
.rg-f>span{display:block;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#8A90A0;margin:0 0 4px}
.rg-f>i{display:flex;align-items:center;font-style:normal;font-size:11.5px;color:#0B1120;border:1px solid #E4E7F0;border-radius:9px;padding:8px 10px;background:#FFF}
.rg-f>i.ph{color:#A2A8B8}
.rg-f>i em{margin-left:auto;font-style:normal;color:#5A6072}
.rg-note{border:1px solid #DCE6FF;background:#F3F6FF;border-radius:10px;padding:8px 10px;margin:2px 0 11px}
.rg-note b{display:block;font-size:10.5px;font-weight:900;color:#0246FF;margin:0 0 2px}
.rg-note span{display:block;font-size:10px;line-height:1.45;color:#3A4152}
.rg-cta{background:#0246FF;color:#FFF;border-radius:10px;padding:10px 0;text-align:center;font-size:12px;font-weight:900;letter-spacing:-.01em}
.rg-fine{margin:8px 0 0;font-size:9px;line-height:1.45;color:#A2A8B8;text-align:center}
.rg-bar{height:5px;border-radius:99px;background:#EDF0F7;margin:0 0 11px;overflow:hidden}
.rg-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#00DAFF,#0043FF)}
.ek-cam{position:relative;height:118px;border-radius:12px;background:#0B1120;margin:0 0 11px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.ek-fr{position:absolute;inset:12px 14px 26px;border:2px dashed rgba(2,216,255,.75);border-radius:9px}
.ek-id{position:relative;z-index:1;width:118px;height:74px;border-radius:6px;background:linear-gradient(135deg,#F3F6FF,#DCE6FF);box-shadow:0 6px 16px rgba(0,0,0,.28);padding:8px 9px;display:flex;flex-direction:column;gap:5px}
.ek-id b{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:6.5px;font-weight:900;letter-spacing:.04em;color:#062173}
.ek-id u{display:block;height:4px;border-radius:99px;background:rgba(6,33,115,.28);text-decoration:none}
.ek-id u.s{width:58%}
.ek-hint{position:absolute;left:0;right:0;bottom:7px;z-index:1;text-align:center;font-size:9px;color:rgba(255,255,255,.82)}
.ek-r{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid #F0F2F7;font-size:11px;color:#3A4152}
.ek-r:last-of-type{border-bottom:0}
.ek-r i{flex:0 0 auto;width:16px;height:16px;border-radius:50%;border:1.5px solid #D9DEEA;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:9px;color:#FFF}
.ek-r.ok i{background:#0E7A4F;border-color:#0E7A4F}
.ek-r.on i{background:#0246FF;border-color:#0246FF;color:#FFF;font-size:8px}
.ek-r.on span{font-weight:800;color:#0B1120}
.ek-r em{font-style:normal;font-size:9.5px;color:#8A90A0}
.blk-mock .ek-r+.rg-cta{margin-top:auto}
@media(max-width:860px){.blk-mock .mob{zoom:.92}}

/* KV kép: thẻ nhỏ nằm trong khung ảnh lớn, không tràn xuống mục kế tiếp */
.okv.dkv{padding:6px 0 34px}
.okv.dkv .dsml{bottom:34px;left:0;width:48%}
@media(max-width:860px){.okv.dkv .dsml{bottom:26px;width:52%}}

/* Rail tài liệu: dòng dẫn qua vỏ kia, tách khỏi nhóm nội dung */
.dgrp-x{border-top:1px solid var(--line);padding-top:14px;margin-top:4px}
.drail a.dx{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:12.5px;font-weight:700;color:var(--blue)}
.drail a.dx:hover{background:var(--tint);color:var(--navy)}

/* Câu chốt cuối mục cơ chế (luật 19) — nền tint, không phải body copy trần */
.closer{display:flex;gap:12px;align-items:flex-start;margin:26px 0 0;padding:16px 20px;background:var(--tint,#EBF0FF);border-radius:12px;font-family:'SVN-Circular','Helvetica Neue',Arial,sans-serif;font-size:16px;line-height:1.55;color:var(--navy,#062173);text-wrap:pretty}
.closer::before{content:"";flex:0 0 auto;width:3px;align-self:stretch;border-radius:99px;background:linear-gradient(180deg,#00DAFF,#0043FF)}
.onDark .closer,.plain .closer{background:rgba(255,255,255,.1);color:#DFF6FF}
@media(max-width:620px){.closer{padding:14px 16px;font-size:15px}}

/* Khung điện thoại có nội dung tràn: fade ở đáy để dòng cuối không bị cắt ngang chữ.
   Class .cut do onehub.js gắn sau khi đo scrollHeight — CSS không tự phát hiện overflow. */
.mobin{position:relative}
.mobin.cut::after{content:"";position:absolute;left:0;right:0;bottom:0;height:42px;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,0),#FFF 76%);border-radius:0 0 27px 27px}

/* Dải số: một icon nét đơn trên mỗi con số */
.kstrip .kicon{flex:0 0 auto;width:34px;height:34px;padding:7px;box-sizing:border-box;border-radius:10px;background:#EBF0FF;color:var(--blue)}
@media(max-width:560px){.kstrip .kicon{width:30px;height:30px;padding:6px}}

/* Một thẻ lộ trình thì trải ngang, hình đứng cạnh chữ */
.paths.one{grid-template-columns:1fr}
.paths.one .path{display:grid;grid-template-columns:minmax(0,264px) minmax(0,1fr);gap:0 26px;align-items:start;padding:24px 26px}
.paths.one .path .cfig{grid-row:1/span 4;margin:0;align-self:center}
.paths.one .path .tagline,.paths.one .path h3,.paths.one .path .flow,.paths.one .path .gline{grid-column:2}
.paths.one .path h3{margin:6px 0 12px}
@media(max-width:820px){
.paths.one .path{grid-template-columns:1fr}
.paths.one .path .cfig{grid-row:auto;margin:0 0 14px;align-self:start}
.paths.one .path .tagline,.paths.one .path h3,.paths.one .path .flow,.paths.one .path .gline{grid-column:1}
}

/* Icon trong thẻ quyền lợi: khung vuông như dải số */
.hubc .kicon{flex:0 0 auto;width:34px;height:34px;padding:7px;box-sizing:border-box;border-radius:10px;background:#EBF0FF;color:var(--blue);display:block;margin:0 0 4px}

/* Ba chặng chiến dịch: danh sách đánh số, không phải dải vai trò */
.cstages{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.cstages li{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr);gap:0 12px;align-items:start;background:#FFF;border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.cstages li:not(:last-child)::after{content:"";position:absolute;top:50%;right:-26px;width:26px;height:9px;transform:translateY(-50%);background:no-repeat center/26px 9px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 9'%3E%3Cpath d='M0 4.5h18' fill='none' stroke='rgba(2,70,255,.3)' stroke-width='1.4' stroke-dasharray='4 5'/%3E%3Cpath d='M17 1.5l4 3-4 3' fill='none' stroke='%230246FF' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.cstages .cn{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:12px;font-weight:900;color:var(--blue);background:#EBF0FF;border-radius:8px;padding:5px 0;text-align:center}
.cstages b{display:block;font-family:'SVN-Circular','Helvetica Neue',Arial,sans-serif;font-size:15px;font-weight:700;color:var(--navy);letter-spacing:-.01em}
.cstages p{margin:4px 0 0;font-size:13.5px;line-height:1.5;color:var(--mid);text-wrap:pretty}
@media(max-width:820px){.cstages{grid-template-columns:1fr;gap:22px}
.cstages li:not(:last-child)::after{top:auto;right:auto;bottom:-22px;left:29px;width:9px;height:22px;transform:none;background-size:9px 22px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 22'%3E%3Cpath d='M4.5 0v14' fill='none' stroke='rgba(2,70,255,.3)' stroke-width='1.4' stroke-dasharray='4 5'/%3E%3Cpath d='M1.5 13l3 4 3-4' fill='none' stroke='%230246FF' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}}

/* Chặng dẫn tới quyền lợi của chính chặng đó */
.cstages .cgo{display:flex;flex-wrap:wrap;gap:6px;margin:9px 0 0}
.cstages .cgo a{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11.5px;font-weight:700;line-height:1;color:var(--blue);background:#EBF0FF;border-radius:999px;padding:6px 10px;text-decoration:none;transition:background .16s cubic-bezier(.2,0,0,1)}
.cstages .cgo a:hover{background:#DCE7FF;color:var(--navy)}
.hubc:target{border-color:var(--blue);box-shadow:0 0 0 3px rgba(2,70,255,.18)}

/* Ba gói quyền lợi: mỗi gói một cột, thẻ xếp dọc trong cột */
.pgrps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.pgrp{display:flex;flex-direction:column;gap:12px;min-width:0}
.pgh{display:grid;grid-template-columns:30px minmax(0,1fr);gap:0 11px;align-items:start}
.pgn{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:12px;font-weight:900;line-height:1;color:var(--blue);background:#EBF0FF;border-radius:8px;padding:8px 0;text-align:center}
.pgh b{display:block;font-family:'SVN-Circular','Helvetica Neue',Arial,sans-serif;font-size:16px;font-weight:700;line-height:1.3;color:var(--navy);letter-spacing:-.008em}
.pgh i{display:block;font-style:normal;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:12.5px;line-height:1.45;color:var(--mid);margin-top:3px;text-wrap:pretty}
.pgc{display:flex;flex-direction:column;gap:10px}
.pgc .hubc{padding:15px 16px}
.pgc .hubc b{font-size:15px}
.pgc .hubc span{font-size:12.5px}
@media(max-width:900px){.pgrps{grid-template-columns:1fr}.pgc{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}

/* Thẻ quyền lợi thu gọn: bấm để mở, cột không bị lệch chiều cao */
.hubd{background:#FFF;border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:border-color .16s cubic-bezier(.2,0,0,1),box-shadow .16s cubic-bezier(.2,0,0,1)}
.hubd summary{display:grid;grid-template-columns:34px minmax(0,1fr) 13px;gap:0 11px;align-items:center;padding:13px 15px;cursor:pointer;list-style:none}
.hubd summary::-webkit-details-marker{display:none}
.hubd summary b{font-family:'SVN-Circular','Helvetica Neue',Arial,sans-serif;font-size:15px;font-weight:700;line-height:1.32;color:var(--navy);letter-spacing:-.008em;text-wrap:pretty}
.hubd .hchev{color:var(--mid);transition:transform .2s cubic-bezier(.2,0,0,1)}
.hubd[open] .hchev{transform:rotate(180deg)}
.hubd:hover{border-color:#C9D6F5}
.hubd[open]{border-color:var(--blue);box-shadow:0 2px 10px rgba(6,33,115,.07)}
.hubd .hubd-b{display:flex;flex-direction:column;gap:9px;padding:0 15px 14px 60px}
.hubd .hubd-b span{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:12.5px;line-height:1.55;color:var(--mid);text-wrap:pretty}
.hubd .hubd-b a{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:12px;font-weight:800;color:var(--blue);text-decoration:none;align-self:start}
.hubd .hubd-b a:hover{color:var(--navy)}
.hubd:target{border-color:var(--blue);box-shadow:0 0 0 3px rgba(2,70,255,.18)}
@media(max-width:560px){.hubd .hubd-b{padding-left:15px}}

/* Ba gói quyền lợi: mỗi gói một bảng trắng, mỗi quyền lợi một dòng */
.ppanels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}
.ppanel{background:#FFF;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.phead{display:grid;grid-template-columns:28px minmax(0,1fr);gap:2px 10px;padding:15px 17px 13px;border-bottom:1px solid var(--line)}
.pno{grid-row:1/span 2;align-self:start;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11px;font-weight:900;line-height:1;color:var(--blue);background:#EBF0FF;border-radius:7px;padding:7px 0;text-align:center}
.phead b{font-family:'SVN-Circular','Helvetica Neue',Arial,sans-serif;font-size:16px;font-weight:700;line-height:1.28;color:var(--navy);letter-spacing:-.01em}
.phead i{font-style:normal;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:12px;line-height:1.45;color:var(--mid)}
.prows{display:flex;flex-direction:column}
.prows>.prow{display:grid;grid-template-columns:30px minmax(0,1fr) 13px;gap:0 11px;align-items:center;padding:12px 17px;text-decoration:none;border-top:1px solid #F1F3F8;transition:background .14s cubic-bezier(.2,0,0,1)}
.prows>.prow:first-child{border-top:0}
.prows>.prow:hover{background:#F7F9FF}
.pic{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:#EBF0FF;color:var(--blue)}
.pic svg{width:17px;height:17px}
.ptx{min-width:0}
.ptx b{display:block;font-family:'SVN-Circular','Helvetica Neue',Arial,sans-serif;font-size:14.5px;font-weight:700;line-height:1.3;color:var(--navy);letter-spacing:-.008em}
.ptx i{display:block;font-style:normal;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:12px;line-height:1.45;color:var(--mid);margin-top:2px;text-wrap:pretty}
.parr{color:#B6BDD0;flex:0 0 auto;transition:transform .16s cubic-bezier(.2,0,0,1),color .16s}
.prows>.prow:hover .parr{color:var(--blue);transform:translateX(2px)}
.prows>.prow:target{background:#EBF0FF}
@media(max-width:900px){.ppanels{grid-template-columns:1fr}}

/* Hành trình ba chặng: màn app thật thay cho ảnh minh hoạ */
.jmob{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,26px)}
.jmob li{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0}
.jmob .jm-n{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11px;font-weight:900;letter-spacing:.04em;color:#FFF;background:var(--blue);border-radius:6px;padding:3px 8px;margin:0 0 12px}
.jmob .jm-ph{width:100%;display:flex;justify-content:center;margin:0 0 18px}
.jm-card{width:100%;min-height:236px;background:#FFF;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(6,33,115,.08)}
.jm-card .scr{padding-bottom:6px}
.jm-card .scr *{box-sizing:border-box}
.jm-card .apt{border-bottom:1px solid var(--line)}
.jmob .jm-b{text-align:center;max-width:31ch}
.jmob .jm-b h3{font-family:'SVN-Circular','Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:16px;line-height:1.25;letter-spacing:-.01em;color:var(--ink);margin:0 0 6px}
.jmob .jm-b p{font-size:13.5px;line-height:1.55;color:var(--dim);margin:0}
.jmob .jm-b .go{display:inline-block;margin-top:9px;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:12.5px;font-weight:800;color:var(--blue);text-decoration:none}
.jmob .jm-b .go:hover{color:var(--navy)}
.jmob li+li::before{content:"";position:absolute;left:calc(-1 * clamp(16px,2vw,26px) / 2 - 5px);top:74px;width:10px;height:10px;border-top:2px solid rgba(2,70,255,.4);border-right:2px solid rgba(2,70,255,.4);transform:rotate(45deg)}
@media(max-width:900px){.jmob .jm-b h3{font-size:15px}.jmob .jm-b p{font-size:12.5px}}
@media(max-width:700px){
.jmob{grid-template-columns:1fr;gap:30px}
.jmob li+li::before{left:50%;top:-19px;transform:translateX(-50%) rotate(135deg)}
.jmob .jm-b{max-width:38ch}
}

.jm-card .apt b{font-size:15px!important}
.jm-card .scr{font-size:13px}

/* Mock app KARA: khung điện thoại cao theo nội dung, đặt giữa cột */
.kmob{display:flex;justify-content:center}
.kmob .mob{width:272px;margin:0}
.kmob .mob .mobin{height:auto;max-height:none}
.kmob .scr{font-size:13px}
.kmob .scr *{box-sizing:border-box}
@media(max-width:520px){.kmob .mob{zoom:.9}}

/* Lưới điện thoại + chữ: hai cột trên desktop, một cột dưới 820px */
.grid.c2.g2-phone{grid-template-columns:300px minmax(0,1fr);align-items:center}
@media(max-width:820px){.grid.c2.g2-phone{grid-template-columns:minmax(0,1fr)}}

/* Mock app dạng hộp phẳng, có vùng nhấn cobalt */
.ubox{background:#FFF;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(6,33,115,.08)}
.ubox .scr{font-size:13px}
.ubox .scr *{box-sizing:border-box}
.ubox .apt{border-bottom:1px solid var(--line)}
.ubox .apnote{border-top:1px solid var(--line);background:var(--wash)}
.hlrow{position:relative;border:1.5px solid var(--blue);box-shadow:0 0 0 4px rgba(2,70,255,.1)}
.hltag{position:absolute;top:-9px;right:10px;background:var(--blue);color:#FFF;border-radius:99px;padding:2px 8px;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:9.5px;font-weight:900;white-space:nowrap}
.hlblk{border-left:3px solid var(--blue);padding-left:10px}

/* KV Meeting Note: điện thoại đúng khổ thật, vòng tròn bốn vành theo logo KARA */
.okv.hmk.kmk{min-height:clamp(392px,34vw,486px)}
.okv.hmk.kmk .hmk-ph{margin:0 0 30px 2%}
.okv.hmk.kmk .hmk-ph .mob{zoom:1}
.okv.hmk.kmk .hmk-ph .mobin{aspect-ratio:9/19.5;height:auto;display:flex;flex-direction:column}
.okv.hmk.kmk .hmk-ph .scr{flex:1;display:flex;flex-direction:column}
.okv.hmk.kmk .hmk-ph .scr>div:nth-child(3){flex:1}
.okv.hmk.kmk .hmk-blob{right:-1%;top:2%;width:66%;height:auto;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle at 50% 50%,#DCE7FF 0 8.5%,#EAF1FF 8.5% 12.5%)}
/* vệt loang mềm chạy về phía khối chữ, để mép trái KV không bị cắt thẳng */
.okv.hmk.kmk::before{content:"";position:absolute;left:-34%;top:-6%;width:80%;height:112%;background:radial-gradient(60% 58% at 62% 46%,rgba(220,231,255,.92) 0%,rgba(234,241,255,.6) 42%,rgba(234,241,255,0) 74%);z-index:0;pointer-events:none}
.okv.hmk.kmk .hmk-blob::after{content:"";position:absolute;inset:-8%;border-radius:50%;background:radial-gradient(circle,rgba(220,231,255,.55) 46%,rgba(220,231,255,0) 72%)}
@media(max-width:900px){.okv.hmk.kmk::before{left:-16%;width:70%;opacity:.8}}
.okv.hmk.kmk .hmk-dot{left:3%;bottom:8%;width:clamp(56px,6vw,88px);border-radius:50%;background:#EAF1FF}
.okv.hmk.kmk .hmk-cut{height:clamp(330px,42vw,470px);z-index:4;right:6%}
.okv.hmk.kmk .hmk-ph{z-index:2}
@media(max-width:1040px){.okv.hmk.kmk .hmk-ph .mob{zoom:.88}}
@media(max-width:860px){.okv.hmk.kmk{min-height:auto;padding:6px 0 18px}.okv.hmk.kmk .hmk-ph{width:auto;margin:0 0 0 4%}.okv.hmk.kmk .hmk-ph .mob{zoom:.94}.okv.hmk.kmk .hmk-blob{right:-4%;top:4%;width:58%}.okv.hmk.kmk .hmk-dot{left:0;bottom:4%;width:52px}.okv.hmk.kmk .hmk-cut{height:300px;right:-2%}.okv.hmk.kmk .hmk-cap{left:2%;bottom:2px;font-size:10px;padding:4px 10px}}
@media(max-width:520px){.okv.hmk.kmk{padding-bottom:14px}.okv.hmk.kmk .hmk-ph{margin-left:0}.okv.hmk.kmk .hmk-ph .mob{zoom:.9}.okv.hmk.kmk .hmk-blob{width:52%;right:-6%}.okv.hmk.kmk .hmk-dot{display:none}.okv.hmk.kmk .hmk-cut{height:258px;right:-16%}.okv.hmk.kmk .hmk-cap{display:none}}
@media(max-width:520px){.ubox{border-radius:14px}.ubox .scr{font-size:12.5px}.ubox .apt{padding:10px 12px}}

/* Danh sách bên trái, bảng cài đặt bên phải */
.grid.c2.g2-side{grid-template-columns:minmax(0,1fr) 340px;gap:clamp(24px,3vw,44px);align-items:start;margin:20px 0 0}
.g2-side .vlist{margin:0}
.sidebox{position:sticky;top:88px}
.boxcap{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:12.5px;line-height:1.55;color:var(--dim);margin:12px 2px 0}
@media(max-width:900px){
.grid.c2.g2-side{grid-template-columns:minmax(0,1fr);gap:22px}
.sidebox{position:static;max-width:400px}
}

/*==KV Meeting Note mobile: chữ trên, KV dưới, hai lớp cùng đáy==*/
@media(max-width:900px){
.ohero:has(.okv.hmk.kmk) .ohead{gap:8px}
.okv.hmk.kmk{align-items:flex-end;min-height:auto}
}
@media(max-width:640px){
.okv.hmk.kmk{padding:0 0 12px}
.okv.hmk.kmk .hmk-ph{margin:0 0 0 2%}
.okv.hmk.kmk .hmk-ph .mob{zoom:.92}
.okv.hmk.kmk .hmk-blob{width:62%;right:-10%;top:6%}
.okv.hmk.kmk .hmk-cut{height:266px;right:-14%}
}
@media(max-width:400px){
.okv.hmk.kmk .hmk-ph{margin-left:0}
.okv.hmk.kmk .hmk-ph .mob{zoom:.86}
.okv.hmk.kmk .hmk-cut{height:242px;right:-18%}
.okv.hmk.kmk .hmk-blob{width:58%}
}

/*==mktip: nổi trên mọi lớp trong khối ghép nối==*/
.mkwrap{position:relative;z-index:1}
.mkleg{position:relative;z-index:5}
.mkcol{position:relative}
.mkcol:hover,.mkcol:focus-visible,.mkcol.on{z-index:80}
.mkcol .mktip{z-index:90}

/*==bảng trong khung app: không tràn cột cuối==*/
.scr .tbl{width:auto;max-width:100%;box-sizing:border-box}
.scr .tbl .h,.scr .tbl .r{grid-template-columns:minmax(0,1fr) 58px 30%;box-sizing:border-box;min-width:0}
.scr .tbl .h span,.scr .tbl .r span{min-width:0;overflow-wrap:anywhere}

/*==CPRA: bảng ba cột cần chỗ, đẩy nhân vật ra==*/
.okv.hmk.kmk.wide .hmk-ph{margin-left:0}
.okv.hmk.kmk.wide .hmk-cut{right:-16%;height:clamp(300px,38vw,430px);opacity:.97}
.okv.hmk.kmk.wide .hmk-blob{right:-12%;width:56%}
.okv.hmk.kmk.wide .hmk-cap{left:0}
@media(max-width:900px){.okv.hmk.kmk.wide .hmk-cut{right:-22%;height:270px}}
@media(max-width:640px){.okv.hmk.kmk.wide .hmk-cut{right:-28%;height:240px}}

/*==bảng tám bước bên trái, bốn nguyên tắc xếp dọc bên phải==*/
.grid.c2.g2-tbl{grid-template-columns:minmax(0,1fr) 360px;gap:clamp(24px,3vw,44px);align-items:start;margin-top:24px}
.cstack{display:flex;flex-direction:column;gap:12px}
.cstack .card{padding:16px 18px}
.cstack .card h3{margin:0 0 5px;font-size:15.5px}
.cstack .card p{margin:0;font-size:13.5px;line-height:1.55}
@media(max-width:900px){.grid.c2.g2-tbl{grid-template-columns:minmax(0,1fr);gap:22px}}

/*==mock form Tạo video: cao theo nội dung==*/
.winbd.tall{max-height:none;height:auto}

/*==khung TikTok: giữ chỗ trước khi embed.js chạy==*/
.ttdemo .ttbox{aspect-ratio:9/16;border-radius:20px;overflow:hidden;background:#0B1B3A}
.ttdemo .ttbox>*{width:100%;height:100%}
.ttdemo .ttbox iframe{width:100%!important;height:100%!important;max-height:none!important;border:0;display:block}
@media(max-width:900px){.ttdemo .ttbox{margin:0 auto}}

/*==KV: nhân vật nằm gọn trong khung, không cắt==*/
.okv.hmk.kmk.wide .hmk-cut{right:0;height:clamp(300px,36vw,420px)}
.okv.hmk.kmk.wide .hmk-blob{right:2%;width:52%}
@media(max-width:900px){.okv.hmk.kmk.wide .hmk-cut{right:0;height:270px}}
@media(max-width:640px){.okv.hmk.kmk.wide .hmk-cut{right:0;height:240px}}

/*==dải nhắc trang draft: dùng cặp hổ phách của design system==*/
[data-draft-banner]{background:var(--t3);border-bottom:1px solid var(--line);color:var(--f3);font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:12.5px;font-weight:800;letter-spacing:.02em;text-align:center;padding:7px 16px}

/*==chặng: mock màn hình app thay ảnh minh hoạ==*/
.zimg.zmock{width:min(100%,clamp(240px,27vw,320px));justify-self:center;background:none;box-shadow:none;border-radius:0;aspect-ratio:auto;-webkit-mask-image:none;mask-image:none;overflow:visible}
.zimg.zmock .ubox{border-radius:16px}
.zimg.zmock .scr{font-size:12.5px}
.zimg.zmock .scr *{box-sizing:border-box;min-width:0}
.zimg.zmock .apt{padding:9px 12px;border-bottom:1px solid var(--line)}
.zimg.zmock .apnote{background:var(--wash)}
.zimg.zmock .hltag{top:-8px;right:9px;font-size:10px;padding:2px 7px}
@media(max-width:900px){.zimg.zmock{width:min(100%,320px)}}

/*==bốn chặng thành một chuỗi liền: trục dọc giữa + chốt số ở mỗi chặng==*/
.zchain{position:relative;counter-reset:zc;margin-top:26px}
.zchain::before{content:"";position:absolute;left:50%;top:26px;bottom:26px;width:2px;margin-left:-1px;background:linear-gradient(180deg,var(--blue) 0%,var(--blue) 88%,rgba(2,70,255,.18) 100%);z-index:0}
.zchain .zmod{counter-increment:zc;position:relative;z-index:1;margin-top:clamp(22px,3vw,36px);align-items:center}
.zchain .zmod:first-child{margin-top:0}
.zchain .zmod::before{content:counter(zc,decimal-leading-zero);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;background:var(--blue);color:#FFF;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:12.5px;font-weight:900;letter-spacing:.02em;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 6px #FFF,0 2px 10px rgba(2,70,255,.3);z-index:2}
.zchain .zmod::after{content:"";position:absolute;left:50%;top:50%;width:clamp(18px,3vw,40px);height:2px;margin-top:-1px;background:rgba(2,70,255,.28);z-index:0}
.zchain .zmod:not(.rev)::after{transform:translateX(-100%) translateX(-17px)}
.zchain .zmod.rev::after{transform:translateX(17px)}
.zchain .ztxt{padding-left:clamp(16px,2.4vw,34px)}
.zchain .zmod.rev .ztxt{padding-left:0;padding-right:clamp(16px,2.4vw,34px)}
@media(max-width:900px){
.zchain::before{left:17px;top:34px;bottom:34px}
.zchain .zmod{margin-top:28px;padding-left:52px}
.zchain .zmod::before{left:17px;top:0;transform:translate(-50%,0);width:30px;height:30px;font-size:11.5px;box-shadow:0 0 0 5px #FFF,0 2px 8px rgba(2,70,255,.3)}
.zchain .zmod::after{display:none}
.zchain .ztxt,.zchain .zmod.rev .ztxt{padding:0}
.zchain .zimg{justify-self:start}
}

/*==hero 4 Thật: bốn chốt quanh khiên==*/
.kf4 .o1{left:-6%;top:6%;width:44%;transform:rotate(-6deg)}
.kf4 .o2{right:-6%;top:24%;width:43%;transform:rotate(5deg)}
.kf4 .o3{left:-3%;bottom:20%;width:45%;transform:rotate(-4deg)}
.kf4 .o4{right:-4%;bottom:2%;width:44%;transform:rotate(4deg)}
@media(max-width:900px){
.kf4 .o1,.kf4 .o2,.kf4 .o3,.kf4 .o4{position:static;width:auto;transform:none}
.kf4 .orbit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;aspect-ratio:auto;padding-top:min(78vw,392px)}
.kf4 .oline{position:absolute;top:0}
.kf4 .oline{left:-8%;width:116%;top:auto;bottom:auto}
}

/*==chốt hero: nền đủ đục để chữ mô tả đạt AA==*/
.kf2 .orb{background:linear-gradient(168deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 60%,rgba(240,245,255,.92) 100%)}
.kf2 .orb span{font-size:clamp(11px,.86vw,12.5px);color:var(--mid)}

/*==bốn luật kiểm tra: hai cột, số luật thành chip, ví dụ là lớp phụ==*/
.rgrid{gap:16px}
.rgrid .card{display:flex;flex-direction:column;gap:9px;padding:20px 22px}
.rgrid .rhd{display:flex;align-items:center;gap:11px;margin:0}
.rgrid .rhd .rico{flex:0 0 auto;width:22px;height:22px;color:var(--blue)}
.rgrid .rhd h3{display:flex;align-items:center;gap:9px;margin:0;font-size:16px;line-height:1.25}
.rgrid .rno{flex:0 0 auto;width:22px;height:22px;border-radius:6px;background:var(--blue);color:#FFF;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11.5px;font-weight:900;display:flex;align-items:center;justify-content:center}
.rgrid .card>p{margin:0;font-size:14.5px;line-height:1.55;color:var(--mid)}
.rgrid .rex{margin-top:auto;background:var(--wash);border-radius:10px;padding:11px 13px;display:flex;flex-direction:column;gap:3px}
.rgrid .rex b{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:10.5px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}
.rgrid .rex span{font-size:13px;line-height:1.5;color:var(--mid)}
@media(max-width:820px){.rgrid{grid-template-columns:minmax(0,1fr)}}

/*==khung mái nhà đã đối soát: thay lá chắn (ngôn ngữ của 3 Cam Kết)==*/
.kf4 .vplate{position:absolute;inset:0 8% 4%;z-index:1;filter:drop-shadow(0 30px 44px rgba(6,33,115,.3))}
.kf4 .vplate>svg{position:absolute;inset:0;width:100%;height:100%;opacity:1}
.kf4 .vplate .scph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;aspect-ratio:auto;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 440 480' preserveAspectRatio='none'%3E%3Cpath d='M220 40L410 170a6 6 0 0 1 2 5v259a8 8 0 0 1-8 8H36a8 8 0 0 1-8-8V175a6 6 0 0 1 2-5z' fill='%23000'/%3E%3C/svg%3E");mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 440 480' preserveAspectRatio='none'%3E%3Cpath d='M220 40L410 170a6 6 0 0 1 2 5v259a8 8 0 0 1-8 8H36a8 8 0 0 1-8-8V175a6 6 0 0 1 2-5z' fill='%23000'/%3E%3C/svg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.kf4 .vseal{position:absolute;left:36%;bottom:-18px;transform:translateX(-50%);z-index:4;display:inline-flex;align-items:center;gap:7px;background:var(--blue);color:#FFF;border-radius:99px;padding:8px 16px;box-shadow:0 10px 26px rgba(2,70,255,.34)}
.kf4 .vseal svg{position:static;width:17px;height:17px;opacity:1}
.kf4 .vseal b{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:13.5px;font-weight:900;letter-spacing:.01em;white-space:nowrap}
@media(max-width:900px){
.kf4 .orbit{padding-top:calc(min(78vw,392px) + 34px)}
.kf4 .vplate{inset:0 auto auto 50%;transform:translateX(-50%);width:min(72vw,340px);height:min(78vw,392px)}
.kf4 .vseal{left:50%;bottom:auto;top:calc(min(78vw,392px) - 16px)}
}

/*==thẻ quyền lợi có minh hoạ hệ thống==*/
.hubc .hubfig{display:block;width:100%;height:auto;aspect-ratio:328/132;object-fit:cover;border-radius:10px;border:1px solid var(--line);background:var(--wash);margin:0 0 12px}

/*==thẻ quyền lợi có mock công cụ thật==*/
.hubmocks{grid-template-columns:repeat(auto-fit,minmax(312px,1fr))}
.hubmocks .hubc{display:flex;flex-direction:column;gap:0}
.hubmock{display:block;margin:12px 0 14px}
.hubmock .ubox{display:block;background:#FFF;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 6px 18px rgba(6,33,115,.07)}
.hubmock .scr{display:block;font-size:13px}
.hubmock .scr *{box-sizing:border-box}
.hubmock .apt{display:flex;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line)}
.hubmock .apnote{display:flex;padding:9px 12px;border-top:1px solid var(--line);background:var(--wash)}
.hubmock .hlrow{position:relative;border:1.5px solid var(--blue);box-shadow:0 0 0 3px rgba(2,70,255,.09)}
.hubmock .hltag{position:absolute;top:-8px;right:9px;background:var(--blue);color:#FFF;border-radius:99px;padding:2px 7px;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:10px;font-weight:900;white-space:nowrap}
.hubmocks .hubc u{margin-top:auto}
@media(max-width:560px){.hubmocks{grid-template-columns:minmax(0,1fr)}}

/*==mock quyền lợi: giãn dòng, nhãn không đè giá trị==*/
.hubmock .apt{padding:12px 14px}
.hubmock .scr>div[style]{padding-left:14px!important;padding-right:14px!important}
.hubmock .scr b,.hubmock .scr span{line-height:1.5}
.hubmock .hlrow{padding:14px 12px 11px!important;margin-top:4px}
.hubmock .hltag{top:-9px;right:auto;left:11px}
.hubmock .apnote{padding:11px 14px}
.hubmock .scr>div>div[style*="border:1px solid"]{padding:11px 12px!important}
.hubmock .scr>div>div[style*="border:1px solid"]>div{padding:8px 0!important}

/*==bán nhà: listing thật + sáu bước dọc==*/
.bnlst{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:clamp(18px,2.4vw,32px);align-items:center;background:#FFF;border:1px solid var(--line);border-radius:18px;padding:clamp(14px,1.8vw,20px);margin:24px 0 0;box-shadow:0 8px 26px rgba(6,33,115,.08)}
.bnlst+.hubgrid.hubmocks{margin-top:clamp(20px,2.4vw,30px)}
.bnlst-pic{position:relative;display:block;border-radius:12px;overflow:hidden;line-height:0}
.bnlst-pic img{display:block;width:100%;height:clamp(150px,15vw,186px);object-fit:cover;aspect-ratio:auto}
.bnlst-tag{position:absolute;left:10px;top:10px;background:linear-gradient(135deg,#00DAFF,#0043FF);color:#FFF;border-radius:99px;padding:4px 11px;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:10.5px;font-weight:900;letter-spacing:.02em}
.bnlst-code{display:block;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11.5px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--blue);margin:0 0 5px}
.bnlst-b>b{display:block;font-size:clamp(17px,1.9vw,21px);font-weight:900;letter-spacing:-.01em;color:var(--ink);line-height:1.3}
.bnlst-b>p{margin:7px 0 0;font-size:14px;line-height:1.6;color:var(--mid);max-width:56ch;text-wrap:pretty}
.bnlst-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}
.bnlst-pills span{background:var(--t1);color:var(--f1);border-radius:99px;padding:4px 10px;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11px;font-weight:800}

@media(max-width:900px){.bnlst{grid-template-columns:minmax(0,1fr)}}

/*==hero bán nhà: ảnh listing trong plate==*/
.kf4 .vplate .scph{aspect-ratio:auto;object-position:58% 46%}

/*==Galaxy: công thức điểm + bảng hạng==*/
.gxformula{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin:22px 0 18px}
.gxf-a,.gxf-b{background:#FFF;border:1px solid var(--line);border-radius:16px;padding:18px 20px}
.gxf-a{background:linear-gradient(135deg,rgba(0,218,255,.1),rgba(2,70,255,.08));border-color:rgba(2,70,255,.22)}
.gxf-lab{display:block;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;color:var(--dim);margin:0 0 5px}
.gxf-a>b,.gxf-b>b{display:block;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:clamp(17px,2vw,22px);font-weight:900;letter-spacing:-.01em;color:var(--ink);line-height:1.25}
.gxf-a>p,.gxf-b>p{margin:8px 0 0;font-size:13.5px;line-height:1.6;color:var(--mid);text-wrap:pretty}
.gxtbl{background:#FFF;border:1px solid var(--line);border-radius:16px;overflow:hidden;margin:0 0 20px}
.gxtbl .h,.gxtbl .r{display:grid;grid-template-columns:minmax(0,1.1fr) 84px 108px 82px 104px 74px 96px;gap:10px;align-items:baseline;padding:11px 16px}
.gxtbl .h{background:var(--wash);font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:var(--dim)}
.gxtbl .r{border-top:1px solid var(--line);font-size:13.5px;color:var(--mid)}
.gxtbl .r>span:first-child{font-weight:800;color:var(--ink)}
.gxtbl .r b{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:13.5px;font-weight:900;color:var(--ink)}
.gxtbl .r.on{background:var(--t1)}
.gxtbl .r.on>span:first-child,.gxtbl .r.on b{color:var(--f1)}
.gxtbl .ft{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 16px;border-top:2px solid var(--blue);background:var(--t1);font-size:13.5px;font-weight:800;color:var(--f1)}
.gxtbl .ft b{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:16px;font-weight:900}
.cstages.gx4{grid-template-columns:repeat(4,minmax(0,1fr))}
.gxleg{display:block;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--blue);margin:0 0 4px}
@media(max-width:1080px){
.gxtbl .h,.gxtbl .r{grid-template-columns:minmax(0,1fr) 70px 92px 70px 88px 60px 82px;font-size:12.5px;padding:10px 12px}
.cstages.gx4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
.gxtbl{border:0;background:none}
.gxtbl .h{display:none}
.gxtbl .r,.gxtbl .ft{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;background:#FFF;border:1px solid var(--line);border-radius:12px;margin:0 0 8px;padding:12px 14px}
.gxtbl .r.on{border-color:var(--blue);box-shadow:0 0 0 3px rgba(2,70,255,.1)}
.gxtbl .r>span:nth-child(2){grid-column:2;text-align:right;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11.5px;font-weight:900;color:var(--dim)}
.gxtbl .r>span:nth-child(3)::before{content:"Follower mới · "}
.gxtbl .r>span:nth-child(4)::before{content:"Views · "}
.gxtbl .r>b:nth-child(5)::before{content:"Ads · ";font-weight:700;color:var(--dim)}
.gxtbl .r>span:nth-child(6)::before{content:"Số kênh · "}
.gxtbl .r>b:nth-child(7)::before{content:"Tổng · ";font-weight:700;color:var(--dim)}
.gxtbl .r>*:nth-child(n+3){grid-column:1/-1;font-size:12.5px}
.cstages.gx4{grid-template-columns:minmax(0,1fr)}
}

/*==Galaxy KV: ảnh hai người ra mép ngoài, khung giữ nguyên cột KV==*/
.ohero:has(.hmk-cut[src*="ph-gx-duo"]) .ohead{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)}
.okv.hmk.kmk.wide:has(.hmk-cut[src*="ph-gx-duo"]) .hmk-ph{margin-left:0}
.okv.hmk.kmk.wide .hmk-cut[src*="ph-gx-duo"]{right:-12%;height:clamp(268px,30vw,344px)}
.gxgrade{position:relative;z-index:3}
@media(max-width:900px){
.ohero:has(.hmk-cut[src*="ph-gx-duo"]) .ohead{grid-template-columns:minmax(0,1fr)}
.okv.hmk.kmk.wide .hmk-cut[src*="ph-gx-duo"]{right:-20%;height:252px}
}
@media(max-width:640px){.okv.hmk.kmk.wide .hmk-cut[src*="ph-gx-duo"]{right:-28%;height:228px}}
/*==KV mobile: nhân vật ra mép bằng px, không phủ cột số của mock==*/
@media(max-width:640px){
.okv.hmk.kmk.wide .hmk-cut{right:-64px;z-index:1}
.okv.hmk.kmk.wide .hmk-ph{z-index:3;position:relative}
}

/*==chấm kênh TikTok==*/
.tghero .ohead{align-items:center}
.tgform{margin:20px 0 0;max-width:520px}
.tgf-lab{display:block;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11.5px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--dim);margin:0 0 7px}
.tgf-row{display:flex;gap:9px;flex-wrap:wrap}
.tgf-row input{flex:1 1 240px;min-width:0;padding:14px 16px;border:1px solid var(--line);border-radius:12px;font-family:inherit;font-size:15px;color:var(--ink);background:#FFF;outline:none;transition:border-color .16s,box-shadow .16s}
.tgf-row input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(2,70,255,.14)}
.tgf-row .btn{flex:0 0 auto}
.tgf-note{margin:8px 0 0;font-size:12.5px;color:var(--dim)}
.tgkv{display:flex;justify-content:center;align-items:flex-end}
.tgkv-pic{display:block;width:min(100%,440px)}
.tgkv-pic img{display:block;width:100%;height:auto;aspect-ratio:auto;filter:drop-shadow(0 20px 40px rgba(6,33,115,.22))}
.tgres{padding:clamp(40px,5vw,64px) 0}
.tgres-h{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;padding-bottom:18px;border-bottom:1px solid var(--line)}
.tgres-code{display:block;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:12px;font-weight:900;letter-spacing:.05em;color:var(--blue)}
.tgres-h b{display:block;font-size:clamp(19px,2.2vw,25px);font-weight:900;letter-spacing:-.012em;color:var(--ink);margin-top:3px}
.tgres-h p{margin:5px 0 0;font-size:13.5px;color:var(--dim)}
.tgres-again{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:13.5px;font-weight:900;color:var(--blue);text-decoration:none;white-space:nowrap}
.tgres-again:hover{text-decoration:underline}
.tgscore{display:grid;grid-template-columns:264px minmax(0,1fr);gap:clamp(20px,3vw,44px);align-items:center;padding:clamp(20px,2.6vw,30px) 0}
.tgg{position:relative;display:flex;flex-direction:column;align-items:center}
.tgg svg{display:block;overflow:visible}
.tgg-n{position:absolute;top:56px;text-align:center}
.tgg-n b{display:block;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:52px;font-weight:900;letter-spacing:-.03em;color:var(--blue);line-height:1}
.tgg-n span{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.tgg-tag{margin-top:10px;background:var(--t1);color:var(--f1);border-radius:99px;padding:5px 13px;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:12px;font-weight:900}
.tgscore-b>b{display:block;font-size:clamp(18px,2.1vw,23px);font-weight:900;letter-spacing:-.01em;color:var(--ink);line-height:1.3}
.tgscore-b>p{margin:8px 0 0;font-size:14.5px;line-height:1.62;color:var(--mid);max-width:52ch;text-wrap:pretty}
.tgscore-bm{font-size:12.5px!important;color:var(--dim)!important;margin-top:10px!important}
.tgaxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;margin:6px 0 18px}
.tgax{background:#FFF;border:1px solid var(--line);border-radius:16px;padding:16px 18px}
.tgax-h{display:flex;align-items:baseline;gap:9px}
.tgax-c{background:var(--t1);color:var(--f1);border-radius:6px;padding:2px 7px;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:10.5px;font-weight:900;flex:0 0 auto}
.tgax-h>b:not(.tgax-s){flex:1;min-width:0;font-size:15.5px;font-weight:900;color:var(--ink)}
.tgax-s{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:16px;font-weight:900;color:var(--blue);flex:0 0 auto}
.tgax-bar{height:7px;border-radius:99px;background:#EDF0F7;overflow:hidden;margin:10px 0 11px}
.tgax-bar i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#00DAFF,#0043FF);transition:width .6s cubic-bezier(.2,0,0,1)}
.tgax>p{margin:0;font-size:13.5px;line-height:1.6;color:var(--mid);text-wrap:pretty}
.tgax-fix{margin-top:9px!important;padding-top:9px;border-top:1px dashed var(--line);font-weight:700;color:var(--ink)!important}
.tgax.low{border-color:var(--blue);box-shadow:0 0 0 3px rgba(2,70,255,.1)}
@media(max-width:820px){
.tgscore{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}
.tgscore-b>p{max-width:none}
}
@media(prefers-reduced-motion:reduce){.tgax-bar i{transition:none}}

/*==Galaxy hero: box chấm kênh==*/
.gxgrade{margin:16px 0 0;max-width:520px;background:#FFF;border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.gxg-lab{display:block;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11.5px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:var(--dim);margin:0 0 8px}
.gxg-row{display:flex;gap:8px;flex-wrap:wrap}
.gxg-row input{flex:1 1 210px;min-width:0;padding:11px 13px;border:1px solid var(--line);border-radius:10px;font-family:inherit;font-size:14.5px;color:var(--ink);background:#FFF;outline:none;transition:border-color .16s,box-shadow .16s}
.gxg-row input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(2,70,255,.14)}
.gxg-row .btn{flex:0 0 auto;padding:11px 16px}
.gxg-note{margin:9px 0 0;font-size:12.5px;line-height:1.55;color:var(--dim)}
@media(max-width:560px){.gxg-row .btn{width:100%}}

/*==bleed KV: chặn cuộn ngang ở gốc tài liệu==*/
html{overflow-x:clip}

/*==tiêu đề khối con trong một mục: luôn thấp cấp hơn .sec==*/
.blkh{font-family:'SVN-Circular','Helvetica Neue',Arial,sans-serif;font-size:clamp(17px,1.9vw,21px);font-weight:800;letter-spacing:-.008em;color:var(--ink);line-height:1.3;margin:0 0 6px}

/*==định giá: siết khoảng, bớt dàn trải==*/
.avpick{gap:12px;padding:12px 14px}
.avres{padding:14px 16px}
.avres .avbig{font-size:clamp(28px,3.4vw,40px);line-height:1}
.avrow{padding:10px 16px}
.avh{margin:16px 0 8px;font-size:14.5px}
.chart{margin-top:10px}
#dinh-gia-la-gi .srcnote{margin-top:12px}
#co-che .grid.c2,#co-che .grid.c3{margin-top:14px}
#co-che .blkh{margin-top:22px}

/*==định nghĩa và chạy thử nằm cạnh nhau trên desktop==*/
.grid.c2.g2-try{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(24px,3.2vw,48px);align-items:start;margin-top:20px}
.g2-try .zdef{margin:0}
.g2-try .trycol{display:flex;flex-direction:column;gap:0}
.g2-try .trycol .subsec{margin:0 0 12px}
.g2-try .trycol .avm{max-width:none}
#dinh-gia-la-gi .srcnote{max-width:760px}
@media(max-width:900px){
.grid.c2.g2-try{grid-template-columns:minmax(0,1fr);gap:22px}
#dinh-gia-la-gi .srcnote{max-width:none}
}

/*==định giá: khối mở rộng công thức==*/
.dgmore{margin:18px 0 0;border:1px solid var(--line);border-radius:14px;background:#FFF;overflow:hidden}
.dgmore>summary{display:flex;align-items:center;gap:10px;padding:14px 18px;cursor:pointer;list-style:none;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:14px;font-weight:900;color:var(--blue);transition:background .16s}
.dgmore>summary::-webkit-details-marker{display:none}
.dgmore>summary:hover{background:var(--t1)}
.dgmore>summary>span{flex:1;min-width:0}
.dgmore>summary>i{flex:0 0 auto;width:20px;height:20px;border-radius:50%;background:var(--t1);position:relative;transition:transform .2s cubic-bezier(.2,0,0,1)}
.dgmore>summary>i::before,.dgmore>summary>i::after{content:"";position:absolute;left:50%;top:50%;background:var(--blue);border-radius:2px;transform:translate(-50%,-50%)}
.dgmore>summary>i::before{width:9px;height:1.8px}
.dgmore>summary>i::after{width:1.8px;height:9px;transition:opacity .18s}
.dgmore[open]>summary>i{transform:rotate(180deg)}
.dgmore[open]>summary>i::after{opacity:0}
.dgmore-b{padding:2px 18px 18px;border-top:1px solid var(--line)}
.dgmore-b>.plain{margin-top:16px!important}
.dgmore-b>.subsec:first-child{margin-top:14px}
@media(prefers-reduced-motion:reduce){.dgmore>summary>i,.dgmore>summary>i::after{transition:none}}

/*==dgmore nằm trong cột chữ: bám sát đoạn cảnh báo==*/
.zdef>.dgmore{margin-top:14px}
.zdef>.dgmore>summary{padding:12px 15px;font-size:13.5px}
.zdef>.dgmore .dgmore-b{padding:2px 15px 15px}
.zdef>.dgmore .grid.c2{grid-template-columns:minmax(0,1fr)}

/*==định giá: sáu thứ không quyết định giá + câu chốt cạnh nhau==*/
.grid.c2.g2-xsay{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,2.6vw,36px);align-items:start;margin-top:14px}
.g2-xsay .xchips{margin:0;gap:8px}
.g2-xsay .xchip{padding:9px 14px;font-size:13.5px}
.g2-xsay .xsay{margin:0;padding:20px 22px;height:100%}
.g2-xsay .xsay b{font-size:clamp(16px,1.8vw,19px);line-height:1.35}
.g2-xsay .xsay p{margin-top:9px;font-size:13.5px;line-height:1.62}
@media(max-width:900px){.grid.c2.g2-xsay{grid-template-columns:minmax(0,1fr);gap:18px}}

/*==khối tour: co theo khung==*/
.tour-stage{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
.tour-poster,.tour-play{max-width:100%}
.tour-poster{position:absolute;inset:0;width:100%;height:100%}
.tour-stage iframe{width:100%;height:100%;border:0;display:block}

/*==trình xem tour: co theo khung mọi bề rộng==*/
.tourwrap,.tourbox,.tour-stage,.tour-frame{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box}
.tourwrap img,.tourbox img,.tour-stage img{max-width:100%;height:auto}
.tourwrap iframe,.tourbox iframe,.tour-stage iframe{width:100%!important;max-width:100%!important;border:0;display:block}

/*==bốn bước số hoá: icon thay ảnh==*/
.vsic{display:flex;align-items:center;justify-content:center;width:62px;height:62px;flex:0 0 62px;border-radius:16px;background:var(--t1);color:var(--f1);align-self:start}
.vstep:has(.vsic){grid-template-columns:62px minmax(0,1fr);gap:0 16px;align-items:start}
@media(max-width:860px){
.vsic{width:52px;height:52px;flex-basis:52px;border-radius:14px}
.vsic svg{width:26px;height:26px}
.vstep:has(.vsic){grid-template-columns:52px minmax(0,1fr);gap:0 13px}
}

/*==số hoá 3D: tour trái, bốn bước phải==*/
.grid.c2.g2-tour{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:clamp(22px,3vw,44px);align-items:start;margin-top:16px}
.g2-tour .tourcol{min-width:0}
.g2-tour .stepcol{min-width:0}
.g2-tour .stepcol .subsec{margin-top:0}
.g2-tour .vsteps{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:12px}
.g2-tour .vsteps>li:first-child{grid-column:auto}
.g2-tour .vsic{width:52px;height:52px;flex-basis:52px;border-radius:14px}
.g2-tour .vsic svg{width:26px;height:26px}
.g2-tour .vstep:has(.vsic){grid-template-columns:52px minmax(0,1fr);gap:0 13px}
@media(max-width:900px){
.grid.c2.g2-tour{grid-template-columns:minmax(0,1fr);gap:22px}
.g2-tour .stepcol .subsec{margin-top:6px}
}

/*==tour dọc: khổ 9:16, cột hẹp==*/
.tour-stage.tour-v{aspect-ratio:9/16}
.grid.c2.g2-tour:has(.tour-v){grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)}
.grid.c2.g2-tour:has(.tour-v) [data-tour]{max-width:340px}
.grid.c2.g2-tour:has(.tour-v) .tourcol .stats{grid-template-columns:minmax(0,1fr);gap:9px;max-width:340px;margin-top:12px}
@media(max-width:900px){
.grid.c2.g2-tour:has(.tour-v){grid-template-columns:minmax(0,1fr)}
.grid.c2.g2-tour:has(.tour-v) [data-tour],.grid.c2.g2-tour:has(.tour-v) .tourcol .stats{max-width:none}
.tour-stage.tour-v{aspect-ratio:3/4;max-height:none}
}

/*==bốn bước số hoá: một mỏ neo, chip pin đáy==*/
.vstep:has(.vshd){display:flex;flex-direction:column;gap:0;grid-template-columns:none}
.vshd{display:flex;align-items:center;gap:10px;margin:0 0 11px}
.vshd .vsic{width:44px;height:44px;flex:0 0 44px;border-radius:12px}
.vshd .vsic svg{width:23px;height:23px}
.vsn{width:24px;height:24px;flex:0 0 auto;border-radius:50%;background:var(--blue);color:#FFF;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:12px;font-weight:900;display:flex;align-items:center;justify-content:center}
.vsh{display:block;font-size:15.5px;font-weight:900;letter-spacing:-.008em;color:var(--ink);line-height:1.34;margin:0 0 6px;text-wrap:balance}
.vstep:has(.vshd) .vstx{display:flex;flex-direction:column;flex:1;min-width:0}
.vstep:has(.vshd) .vsd{margin:0;font-size:13.5px;line-height:1.6}
.vstep:has(.vshd) .vfx{margin-top:auto;padding-top:11px}
@media(max-width:860px){
.vshd .vsic{width:40px;height:40px;flex-basis:40px}
.vshd .vsic svg{width:21px;height:21px}
.vsh{font-size:15px}
}

/*==bảng giá: cột giá trị luôn đủ chỗ==*/
.pcard .prow,.dmain .prow{grid-template-columns:auto minmax(0,1fr) max-content}

/*==lưới quyền lợi phụ: ba dòng gọn==*/
.minigrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px;margin-top:12px}
.minic{display:flex;align-items:center;gap:10px;background:#FFF;border:1px solid var(--line);border-radius:12px;padding:13px 15px;text-decoration:none;color:var(--f1);transition:border-color .16s,box-shadow .16s}
.minic:hover{border-color:var(--blue);box-shadow:0 6px 18px rgba(2,70,255,.12)}
.minic>svg{flex:0 0 auto}
.minic>span{flex:1;min-width:0}
.minic b{display:block;font-size:14px;font-weight:900;color:var(--ink);line-height:1.3}
.minic em{display:block;font-style:normal;font-size:12.5px;line-height:1.5;color:var(--mid);margin-top:2px}
.minic>i{flex:0 0 auto;font-style:normal;font-weight:900;color:var(--blue)}

/*==mua nhà: mock công cụ trong chặng==*/
.jr-fig.jr-mk{background:none;padding:0;aspect-ratio:auto;overflow:visible;height:auto;box-shadow:none;border-radius:0;display:block}
.jr-fig.jr-mk .jr-card{position:static;left:auto;right:auto;bottom:auto;width:auto;margin:12px 0 0;box-shadow:none;backdrop-filter:none;background:#FFF;border:1px solid var(--line);border-radius:12px}
.jr-fig.jr-mk .ubox{width:100%;background:#FFF;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(6,33,115,.08)}
.jr-fig.jr-mk .scr{display:block;font-size:13px}
.jr-fig.jr-mk .scr *{box-sizing:border-box}
.jr-fig.jr-mk .apt{display:flex;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line)}
.jr-fig.jr-mk .apnote{display:flex;padding:11px 14px;border-top:1px solid var(--line);background:var(--wash)}
.jr-fig.jr-mk .hlrow{position:relative;border:1.5px solid var(--blue);box-shadow:0 0 0 3px rgba(2,70,255,.09);padding:14px 12px 11px!important}
.jr-fig.jr-mk .hltag{position:absolute;top:-9px;left:11px;background:var(--blue);color:#FFF;border-radius:99px;padding:2px 8px;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:10px;font-weight:900;white-space:nowrap}
.jr-tools{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px}
.jr-tool{display:inline-flex;align-items:center;gap:7px;background:var(--t1);border-radius:99px;padding:7px 13px;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:12.5px;font-weight:800;color:var(--blue);text-decoration:none;transition:background .16s}
.jr-tool::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--cyan);flex:0 0 auto}
.jr-tool:hover{background:#DCE7FF;color:var(--navy)}
.jr .bnlst{margin:0 0 clamp(20px,2.6vw,30px)}

/*==bốn chặng: bỏ bóng, phẳng và gọn==*/
.jr-fig{box-shadow:none}
.jr-fig.jr-mk .ubox{box-shadow:none;border-radius:14px}
.jr-fig.jr-mk .hlrow{box-shadow:none;border-width:1px;background:var(--t1)}
.jr-fig.jr-mk .hltag{box-shadow:none}
.jr-card{box-shadow:none;backdrop-filter:none;background:#FFF;border-color:var(--line)}
.jr-mk .apnote{background:#FFF}
.jr-tool{background:#FFF;border:1px solid var(--line);padding:6px 12px;font-size:12px}
.jr-tool:hover{background:var(--t1);border-color:var(--blue)}
.jr-tools{margin:10px 0 2px}

/*==vùng nhấn trong mọi mock: một kiểu phẳng==*/
.scr .hlrow,.okv.hmk .hlrow,.hubmock .hlrow{box-shadow:none;border-width:1px;background:var(--t1)}
.scr .hltag,.okv.hmk .hltag,.hubmock .hltag{box-shadow:none}

/*==bốn chặng: minimalism — một nền, một nhấn==*/
.jr-b .jr-k{background:none;padding:0;margin:0 0 8px;font-size:11px;letter-spacing:.12em;color:var(--dim)}
.jr-b .jr-k::before{counter-increment:none;content:counter(jr,decimal-leading-zero) " · ";color:var(--blue);font-weight:900;letter-spacing:.04em}
.jr-b h3{font-size:clamp(18px,1.95vw,24px);margin:0 0 8px}
.jr-b .jr-d{background:none;border-radius:0;padding:0 0 0 13px;border-left:2px solid var(--t1);margin:12px 0 0;font-size:13px;color:var(--mid)}
.jr-b .jr-d svg{display:none}
.jr-fig.jr-mk .jr-calc{padding:12px 14px 14px}
.jr-fig.jr-mk .jr-ct{display:block;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--dim);margin:0 0 10px}

/*==thẻ chặng có công cụ tương tác==*/
.hubmocks .hubc-live{display:flex;flex-direction:column;background:#FFF;border:1px solid var(--line);border-radius:16px;padding:18px 20px 20px;text-decoration:none;color:var(--f1)}
.hubmocks .hubc-live em{display:block;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);font-style:normal;margin:0 0 6px}
.hubmocks .hubc-live b{display:block;font-family:'SVN-Circular','Helvetica Neue',Arial,sans-serif;font-size:17px;font-weight:800;line-height:1.3;color:var(--ink);margin:0 0 6px}
.hubmocks .hubc-live>span:not(.hubmock){display:block;font-size:13.5px;line-height:1.55;color:var(--mid)}
.hubgo{display:inline-block;margin-top:auto;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:13px;font-weight:800;color:var(--blue);text-decoration:none}
.hubgo:hover{color:var(--navy)}
.hubmocks .jr-tools{margin:10px 0 8px}
.hubmock .jr-calc{padding:14px 15px 15px}
.hubmock .jr-ct{display:block;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--dim);margin:0 0 10px}

/*==bốn chặng: chuỗi chữ + minh hoạ, so le==*/
.stgs{list-style:none;margin:clamp(22px,3vw,34px) 0 0;padding:0;display:flex;flex-direction:column;gap:clamp(30px,3.6vw,50px)}
.stg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(22px,3vw,44px);align-items:center}
.stg:nth-child(even) .stg-t{order:2}
.stg-t{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 16px;align-items:start}
.stg-n{font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-weight:900;font-size:clamp(30px,3.2vw,42px);line-height:.92;letter-spacing:-.03em;color:transparent;-webkit-text-stroke:1.5px rgba(2,70,255,.4)}
.stg-k{display:block;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin:0 0 7px}
.stg-t h3{font-family:'SVN-Circular','Helvetica Neue',Arial,sans-serif;font-weight:800;font-size:clamp(19px,2.1vw,25px);line-height:1.25;letter-spacing:-.015em;color:var(--ink);margin:0 0 9px;text-wrap:pretty}
.stg-t p{margin:0;font-size:14px;line-height:1.6;color:var(--mid);max-width:46ch}
.stg-t .jr-tools{margin:12px 0 0}
.stgo{display:inline-block;margin-top:13px;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:13px;font-weight:800;color:var(--blue);text-decoration:none}
.stgo:hover{color:var(--navy)}
.stg-f{min-width:0}
.stg-f .ubox{width:100%;background:#FFF;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.stg-f .scr{display:block;font-size:13px}
.stg-f .scr *{box-sizing:border-box}
.stg-f .apt{display:flex;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line)}
.stg-f .apnote{display:flex;padding:11px 14px;border-top:1px solid var(--line);background:#FFF}
.stg-f .jr-calc{padding:14px 15px 15px}
.stg-f .jr-ct{display:block;font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--dim);margin:0 0 10px}
@media(max-width:860px){
.stg,.stg:nth-child(even) .stg-t{grid-template-columns:minmax(0,1fr);order:0}
.stg-f{order:2}
.stg-n{font-size:26px}
}

/*==số chặng: đặc, không viền==*/
.stg-n{color:var(--blue);-webkit-text-stroke:0;text-stroke:0}

/*==mock trong chặng: bỏ kẻ ngang, phân tách bằng nền==*/
.stg-f .apt{border-bottom:0}
.stg-f .apnote{border-top:0;background:var(--wash)}

/*==mock chặng: span inline sinh vệt trắng — ép block==*/
.stg-f .ubox,.stg-f .scr,.hubmock,.hubmock .ubox,.hubmock .scr{display:block;line-height:normal;font-size:0}
.stg-f .scr>*,.hubmock .scr>*{font-size:13px}

/*==dải trang lưu trữ==*/
.archbar{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;background:var(--t3);border-bottom:1px solid rgba(180,120,0,.2);padding:10px clamp(16px,4vw,48px);font-family:'FK Grotesk Neue','SVN-Circular',sans-serif;font-size:12.5px;color:var(--f3)}
.archbar b{font-weight:900;letter-spacing:.02em}
.archbar span{color:var(--mid)}

/*==mega 4 cột: áp mọi bề rộng, không để cột cuối mồ côi==*/
.nav.mega .mpane[data-cols="4"].on{grid-template-columns:230px repeat(3,minmax(0,1fr));gap:20px}
@media(min-width:1121px){.nav.mega .mpane[data-cols="4"].on{grid-template-columns:250px repeat(3,minmax(0,1fr));gap:24px}}