:root{--bg:#04070d;--bg-2:#0a121d;--panel:#0d1825;--line:#1a2b3e;--ink:#e9f6ff;--ink-2:#9db2c7;--cyan:#36d3ff;--g46:var(--cyan);--g68:#36d3ff;--ok:#3ddc97;--font-display:"Exo 2", "Be Vietnam Pro", system-ui, sans-serif;--font-body:"Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, Menlo, monospace;--bar:64px;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.55;overflow:hidden}a{color:var(--cyan)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;letter-spacing:-.01em;margin:0;line-height:1.1}p{margin:0}.eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);font-size:11.5px}.muted{color:var(--ink-2)}.tnum{font-variant-numeric:tabular-nums}#intro{z-index:50;background:#020208;transition:opacity .8s;position:fixed;inset:0}#intro.out{opacity:0;pointer-events:none}#intro canvas{width:100%;height:100%;position:absolute;inset:0}#intro .tag{text-align:center;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));color:#fff;opacity:0;text-shadow:0 0 16px #506eff99;font-size:clamp(19px,3vw,34px);font-weight:500;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}#skip{right:max(16px, env(safe-area-inset-right,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px));color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:999px;padding:8px 16px;font-size:13px;position:absolute}.top{z-index:20;padding-top:env(safe-area-inset-top,0px);padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));background:linear-gradient(var(--bg) 30%, transparent);position:fixed;top:0;left:0;right:0}.top-in{height:var(--bar);align-items:center;gap:20px;max-width:1200px;margin:0 auto;display:flex}.logo{color:var(--ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;text-decoration:none;display:flex}.logo b{font-family:var(--font-display);color:var(--cyan);letter-spacing:.04em;font-size:24px;font-weight:800}.logo span{font-family:var(--font-mono);letter-spacing:.2em;color:var(--ink-2);font-size:10.5px}.nav{gap:4px;margin-left:auto;display:flex}.nav button{color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 10px;font-size:14px}.nav button[aria-current=true]{color:var(--ink)}.cta{background:var(--cyan);color:#021018;cursor:pointer;white-space:nowrap;border:0;border-radius:999px;padding:10px 18px;font-size:14px;font-weight:600}.ghost{color:var(--ink);border:1px solid var(--line);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;padding:10px 18px;font-size:14px;font-weight:500}.burger,.nav a.nav-cta{display:none}@media (width<=900px){.top .top-cta{display:none}.burger{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:10px;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;margin-left:auto;padding:0 11px;display:flex}.burger i{background:var(--ink);border-radius:2px;height:2px;transition:transform .2s,opacity .2s;display:block}.top.open .burger i:first-child{transform:translateY(7px)rotate(45deg)}.top.open .burger i:nth-child(2){opacity:0}.top.open .burger i:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav{padding:8px max(16px, env(safe-area-inset-left,0px)) 16px;background:var(--bg);border-bottom:1px solid var(--line);flex-direction:column;gap:2px;margin:0;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 20px 40px -20px #000c}.top.open{background:var(--bg)}.top.open .nav{display:flex}.top .nav a{border-bottom:1px solid var(--line);border-radius:0;padding:12px 8px;font-size:16px}.top .nav .nav-cta{text-align:center;color:#021018;border:0;border-radius:999px;margin-top:12px;padding:12px 18px;display:block}}#deck{scroll-snap-type:y mandatory;scroll-behavior:smooth;overscroll-behavior:contain;position:fixed;inset:0;overflow-y:auto}.page{scroll-snap-align:start;scroll-snap-stop:always;min-height:100%;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));padding-block:calc(var(--bar) + env(safe-area-inset-top,0px) + 8px) calc(28px + env(safe-area-inset-bottom,0px));align-items:center;display:flex;position:relative;overflow:hidden}.wrap{flex-direction:column;gap:clamp(16px,3vh,28px);width:100%;max-width:1200px;margin:0 auto;display:flex}.page h2{font-size:clamp(28px,4.4vw,52px);font-weight:800}.lead{color:var(--ink-2);max-width:60ch;font-size:clamp(15px,1.4vw,18px)}.bg-grid:before{content:"";pointer-events:none;opacity:.5;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 70% 40%,#000 0%,#0000 70%);mask-image:radial-gradient(at 70% 40%,#000 0%,#0000 70%)}.page>.wrap{position:relative}.dots{z-index:15;right:max(14px, env(safe-area-inset-right,0px));flex-direction:column;gap:10px;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.dots button{background:var(--line);cursor:pointer;border:0;border-radius:50%;width:8px;height:8px;padding:0;transition:background .3s,height .3s}.dots button[aria-current=true]{background:var(--cyan);border-radius:4px;height:22px}@media (width<=640px){.dots{right:max(6px, env(safe-area-inset-right,0px));gap:8px}.dots button{width:6px;height:6px}.dots button[aria-current=true]{height:16px}}.hint{left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));color:var(--ink-2);flex-direction:column;align-items:center;gap:4px;font-size:12px;display:flex;position:absolute;transform:translate(-50%)}.hint i{background:linear-gradient(var(--cyan), transparent);width:1px;height:26px;animation:1.8s ease-in-out infinite drip}@keyframes drip{0%{transform-origin:top;transform:scaleY(0)}50%{transform-origin:top;transform:scaleY(1)}51%{transform-origin:bottom}to{transform-origin:bottom;transform:scaleY(0)}}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:32px;display:grid}.hero h1{letter-spacing:-.02em;font-size:clamp(44px,8vw,104px);font-weight:800}.hero h1 em{color:var(--cyan);font-style:normal}.hero .sub{color:var(--ink);max-width:30ch;margin-top:12px;font-size:clamp(17px,1.8vw,22px)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{font-family:var(--font-mono);border:1px solid var(--line);color:var(--ink-2);background:var(--bg-2);border-radius:6px;padding:6px 10px;font-size:12px}.actions{flex-wrap:wrap;gap:10px;display:flex}.hero-img{justify-self:center;width:min(100%,440px);position:relative}.hero-img img{aspect-ratio:714/1120;object-fit:cover;border-radius:18px;width:100%;max-height:70vh;display:block;box-shadow:0 30px 80px -30px #36d3ff59}@media (width<=760px){.hero{grid-template-columns:1fr;gap:14px}.hero-img{order:-1;width:min(62%,240px)}.hero-img img{aspect-ratio:auto;object-position:center 40%;height:34vh;max-height:34vh}.hero .sub{margin-top:6px}}.cards{grid-template-columns:1fr 1fr;gap:20px;display:grid}.pcard{--g:var(--g68);border:1px solid var(--line);background:linear-gradient(160deg, color-mix(in srgb, var(--g) 10%, var(--panel)), var(--bg-2) 60%);border-radius:18px;grid-template-columns:1fr auto;gap:14px 18px;min-width:0;padding:clamp(18px,2.4vw,28px);display:grid}.pcard.g46{--g:var(--g46)}.pcard .grade{font-family:var(--font-display);color:var(--g);font-size:clamp(40px,5vw,64px);font-weight:800;line-height:1}.pcard .grade small{color:var(--ink-2);letter-spacing:.06em;vertical-align:middle;margin-right:8px;font-size:.38em;font-weight:600}.pcard .vg{font-family:var(--font-mono);color:var(--ink-2);margin-top:6px;font-size:12px}.pcard img{object-fit:cover;border-radius:10px;grid-row:span 2;width:96px;height:128px}.pcard ul{grid-column:1/-1;gap:6px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.pcard li{gap:10px;display:flex}.pcard li:before{content:"";background:var(--g);border-radius:2px;flex:none;width:6px;height:6px;margin-top:8px}.pcard .row{flex-wrap:wrap;grid-column:1/-1;gap:8px;display:flex}.spec{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:1fr 1fr;gap:8px;padding-top:12px;display:grid}.spec div{color:var(--ink-2);font-size:12px}.spec b{font-family:var(--font-mono);color:var(--ink);font-size:14px;font-weight:500;display:block}@media (width<=760px){.cards{scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;margin-inline:-16px;padding-inline:16px;display:flex;overflow-x:auto}.cards::-webkit-scrollbar{display:none}.pcard{scroll-snap-align:center;flex:0 0 86%}.pcard img{width:72px;height:96px}}.swipe-x{color:var(--ink-2);font-size:12px;display:none}@media (width<=760px){.swipe-x{display:block}}.packs{grid-template-columns:1fr 1fr;gap:20px;display:grid}.pack{border:1px solid var(--line);background:var(--panel);border-radius:18px;flex-direction:column;min-height:0;display:flex;position:relative;overflow:hidden}.pack img{object-fit:cover;width:100%;height:clamp(180px,44vh,440px);display:block}.pack .cap{gap:6px;padding:16px 18px 18px;display:grid}.pack h3{align-items:baseline;gap:10px;font-size:22px;font-weight:700;display:flex}.pack h3 span{font-family:var(--font-mono);color:var(--cyan);font-size:12px;font-weight:500}@media (width<=760px){.packs{gap:12px}.pack img{height:24vh}.pack .cap{gap:2px;padding:10px 12px 12px;font-size:13px}.pack h3{flex-direction:column;gap:0;font-size:17px}}.chooser{grid-template-columns:1.2fr 1fr;align-items:start;gap:24px;display:grid}.q{gap:8px;display:grid}.q+.q{margin-top:14px}.q>span{font-size:14px;font-weight:600}.opts{flex-wrap:wrap;gap:6px;display:flex}.opts button{border:1px solid var(--line);background:var(--bg-2);cursor:pointer;color:var(--ink-2);border-radius:999px;padding:7px 12px;font-size:13.5px}.opts button[aria-pressed=true]{border-color:var(--cyan);color:var(--ink);background:color-mix(in srgb, var(--cyan) 14%, var(--bg-2))}.result{border:1px solid var(--line);background:var(--panel);border-radius:18px;gap:10px;padding:22px;display:grid}.result .big{font-family:var(--font-display);font-size:clamp(44px,6vw,72px);font-weight:800;line-height:1}.result .why{color:var(--ink-2);font-size:14px}.note{color:var(--ink-2);border-left:2px solid var(--line);padding-left:10px;font-size:12.5px}@media (width<=760px){.chooser{grid-template-columns:1fr;gap:14px}.result{padding:14px 16px}.q+.q{margin-top:10px}.opts button{padding:6px 10px;font-size:13px}}.steps{counter-reset:s;grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.step{border-top:2px solid var(--cyan);gap:6px;padding-top:14px;display:grid}.step b{font-family:var(--font-mono);color:var(--cyan);letter-spacing:.1em;font-size:12px}.step h3{font-size:20px;font-weight:700}.step p{color:var(--ink-2);font-size:14px}@media (width<=760px){.steps{grid-template-columns:1fr;gap:12px}.step{padding-top:8px}.step h3{font-size:17px}.step p{font-size:13.5px}}.quality{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.std{border:1px solid var(--line);border-radius:14px;overflow:hidden}.std div{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:12px 16px;font-size:14px;display:flex}.std div:last-child{border-bottom:0}.std span:last-child{font-family:var(--font-mono);color:var(--ink);text-align:right}.docs{gap:10px;display:grid}.doc{border:1px solid var(--line);background:var(--bg-2);text-align:left;cursor:pointer;border-radius:14px;align-items:center;gap:14px;width:100%;padding:14px 16px;display:flex}.doc b{font-family:var(--font-mono);color:#021018;background:var(--cyan);border-radius:6px;padding:4px 7px;font-size:12px}.doc span{font-size:14px;display:grid}.doc small{color:var(--ink-2);font-size:12.5px}@media (width<=760px){.quality{grid-template-columns:1fr;gap:12px}.std div{padding:9px 12px;font-size:13px}.doc{padding:10px 12px}}.flow{border:1px solid var(--line);border-radius:18px;grid-template-columns:repeat(4,1fr);gap:0;display:grid;overflow:hidden}.flow div{border-right:1px solid var(--line);align-content:start;gap:6px;padding:20px;display:grid}.flow div:last-child{border-right:0}.flow b{font-family:var(--font-display);color:var(--cyan);font-size:30px;line-height:1}.flow h3{font-size:17px;font-weight:700}.flow p{color:var(--ink-2);font-size:13.5px}@media (width<=760px){.flow{grid-template-columns:1fr 1fr}.flow div{border-bottom:1px solid var(--line);padding:12px}.flow div:nth-child(2n){border-right:0}.flow b{font-size:22px}.flow h3{font-size:15px}.flow p{font-size:12.5px}}.contact{grid-template-columns:1.1fr .9fr;align-items:start;gap:28px;display:grid}form{grid-template-columns:1fr 1fr;gap:10px;display:grid}form .full{grid-column:1/-1}label.f{color:var(--ink-2);gap:4px;font-size:12.5px;display:grid}.f input,.f select,.f textarea{background:var(--bg-2);border:1px solid var(--line);color:var(--ink);border-radius:10px;width:100%;min-width:0;padding:10px 12px;font-size:15px}.f textarea{resize:vertical;min-height:64px}.msg{border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:13.5px}.msg.ok{border-color:var(--ok);color:var(--ok)}.info{gap:12px;font-size:14px;display:grid}.info div{gap:2px;display:grid}.info small{color:var(--ink-2);font-size:12px;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase}.pending{color:var(--ink-2);font-style:italic}.info .foot{display:flex}.foot{border-top:1px solid var(--line);flex-wrap:wrap;gap:6px 16px;padding-top:14px;font-size:13px;display:flex}.foot button{color:var(--ink-2);cursor:pointer;text-underline-offset:3px;text-decoration:underline;text-decoration-color:var(--line);background:0 0;border:0;padding:0}.copy{color:var(--ink-2);font-size:12px}@media (width<=760px){.contact{grid-template-columns:1fr;gap:12px}form{gap:8px}.f input,.f select,.f textarea{padding:8px 10px}.f textarea{min-height:44px}.info{grid-template-columns:1fr 1fr;gap:8px;font-size:13px}}#sheet{z-index:30;background:var(--bg);visibility:hidden;transition:transform .45s cubic-bezier(.2,.8,.2,1);position:fixed;inset:0;overflow-y:auto;transform:translateY(100%)}#sheet.open{visibility:visible;transform:none}.sheet-bar{z-index:2;background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px);padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));position:sticky;top:0}.sheet-bar>div{align-items:center;gap:12px;max-width:860px;height:56px;margin:0 auto;display:flex}.sheet-bar .back{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:6px 14px;font-size:14px}.sheet-bar .ttl{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.sheet-body{max-width:860px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));padding-block:28px calc(48px + env(safe-area-inset-bottom,0px));gap:18px;margin:0 auto;display:grid}.sheet-body h1{font-size:clamp(32px,5vw,48px);font-weight:800}.sheet-body h2{margin-top:10px;font-size:22px;font-weight:700}.sheet-body p,.sheet-body li{max-width:68ch;color:var(--ink)}.sheet-body ul,.sheet-body ol{gap:6px;margin:0;padding-left:20px;display:grid}.draft{color:#ffcf6e;border:1px solid color-mix(in srgb, #ffcf6e 40%, var(--line));background:color-mix(in srgb, #ffcf6e 8%, var(--bg));border-radius:10px;padding:10px 12px;font-size:13px}.tbl{border:1px solid var(--line);border-radius:12px;overflow-x:auto}.tbl table{border-collapse:collapse;width:100%;min-width:520px;font-size:14px}.tbl th,.tbl td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:10px 14px}.tbl th{color:var(--ink-2);background:var(--bg-2);font-size:12.5px;font-weight:500}.tbl td.n{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.tbl tr:last-child td{border-bottom:0}.detail-hero{grid-template-columns:1fr 200px;align-items:center;gap:20px;display:grid}.detail-hero img{border-radius:14px;width:100%}@media (width<=600px){.detail-hero{grid-template-columns:1fr 110px}}#toast{z-index:60;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));opacity:0;background:var(--ink);color:var(--bg);pointer-events:none;border-radius:999px;max-width:calc(100vw - 32px);padding:10px 16px;font-size:14px;transition:all .3s;position:fixed;transform:translate(-50%,20px)}#toast.on{opacity:1;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){#deck{scroll-behavior:auto}.hint i{animation:none}#sheet{transition:none}}[hidden]{display:none!important}body{margin:0}img{max-width:100%}a.cta,a.ghost{text-decoration:none;display:inline-block}a.cta{color:#021018}a.ghost{color:var(--ink)}a.logo{text-decoration:none}.nav a{color:var(--ink-2);border-radius:8px;padding:8px 10px;font-size:14px;text-decoration:none}.nav a:hover,.nav a[aria-current=true]{color:var(--ink)}a.doc{color:var(--ink);text-decoration:none}a.doc:hover{border-color:var(--cyan)}.foot a{color:var(--ink-2);text-underline-offset:3px;text-decoration:underline;text-decoration-color:var(--line)}.info a{color:var(--ink)}.hero h1 .brand{display:block}.hero h1 .h1-sub{font-family:var(--font-body);letter-spacing:0;color:var(--ink);max-width:26ch;margin-top:10px;font-size:clamp(18px,2vw,26px);font-weight:700;line-height:1.3;display:block}.hero .sub{color:var(--ink-2);max-width:52ch;font-size:clamp(15px,1.5vw,18px)}.hero .h1-tag{letter-spacing:.02em;color:var(--cyan);margin-top:6px;font-size:clamp(14px,1.3vw,17px);font-weight:600}.hero-pts{max-width:62ch;color:var(--ink-2);gap:5px;margin:0;padding:0;font-size:14px;line-height:1.45;list-style:none;display:grid}.hero-pts li{padding-left:20px;position:relative}.hero-pts li:before{content:"";background:var(--cyan);border-radius:50%;width:8px;height:8px;position:absolute;top:.5em;left:2px;box-shadow:0 0 8px #36d3ffb3}.hero-pts b{color:var(--ink);font-weight:700}@media (width<=760px),(height<=820px){.hero-pts{grid-template-columns:1fr 1fr;gap:5px 14px;font-size:13.5px}.hero-pts span{display:none}}@media (width<=760px){.hero-pts{font-size:12.5px}.hero-pts li{padding-left:16px}.hero-pts li:before{width:6px;height:6px}.hero .chips{display:none}}.sp-head h2{font-size:clamp(24px,3.2vw,40px)}.sp-head .lead{max-width:82ch}.sp-pts{grid-template-columns:1fr 1fr;gap:5px 24px;max-width:900px;margin-top:6px}@media (height<=820px){#san-pham .wrap{gap:14px}#san-pham .pcard{gap:10px 18px;padding:18px 22px}#san-pham .pcard img{width:80px;height:104px}}@media (width<=760px){.sp-head h2{font-size:22px}.sp-head .lead-more{display:none}.sp-pts{gap:4px 12px}#san-pham .wrap{gap:12px}#san-pham .pcard{gap:10px 14px;padding:16px}#san-pham .pcard img{width:56px;height:76px}}@media (width<=760px) and (height<=780px){.sp-head .lead,#san-pham .pcard ul{display:none}}form .hp{position:absolute;left:-9999px}.logo img{width:auto;height:40px;display:block}.pcard img.cut{object-fit:contain;filter:drop-shadow(0 10px 18px #36d3ff2e);border-radius:0}@media (width<=760px){.logo img{height:34px}}.hero-img:before{content:"";filter:blur(10px);z-index:0;background:radial-gradient(at 50% 55%,#36d3ff47,#0000 65%);position:absolute;inset:8% -6% 4%}.hero-img img{z-index:1;aspect-ratio:auto;object-fit:contain;height:auto;max-height:68vh;box-shadow:none;filter:drop-shadow(0 28px 36px #0009);border-radius:0;width:auto;max-width:100%;margin:0 auto;position:relative}.pack{background:radial-gradient(ellipse at 50% 42%, color-mix(in srgb, var(--cyan) 14%, var(--panel)), var(--panel) 70%)}.pack img{object-fit:contain;filter:drop-shadow(0 18px 24px #0000008c);padding:18px 18px 0}@media (width<=760px){.hero-img img{height:20vh;max-height:20vh}.pack img{padding:10px 10px 0}}@media (width<=760px) and (height<=860px){.hint{display:none}}@media (width<=760px) and (height<=700px){.hero-img{display:none}}