@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-vietnamese-wdth-normal.BKE08zty.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-latin-ext-wdth-normal.DoS1gVTC.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-latin-wdth-normal.Dtb2a5nO.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-ext-wght-normal.B5bTHO_g.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-wght-normal.BbzFLZTg.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--night: #0B0921;--night-2: #141033;--glass: rgba(24, 19, 60, .62);--glass-line: rgba(255, 255, 255, .09);--on: #EEEAFB;--on-mute: #A29DBD;--on-faint: #6F6A8E;--violet: #5900F3;--violet-hi: #A98BFF;--display: "Bricolage Grotesque Variable", "Helvetica Neue", Helvetica, Arial, sans-serif;--body: "Instrument Sans Variable", "Helvetica Neue", Helvetica, Arial, sans-serif;--wrap: 1360px;--gut: max(20px, env(safe-area-inset-left, 0px));--gut-r: max(20px, env(safe-area-inset-right, 0px));--ease: cubic-bezier(.2, .8, .2, 1);color-scheme:dark}@view-transition{navigation:auto}::view-transition-group(*){animation-duration:.55s;animation-timing-function:var(--ease)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:var(--night)}body{margin:0;background:var(--night);color:var(--on);font:400 17px/1.6 var(--body);-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(60% 50% at 75% 30%,rgba(89,0,243,.14),transparent 70%),radial-gradient(50% 40% at 10% 90%,rgba(89,0,243,.08),transparent 70%)}img{max-width:100%;height:auto;display:block}a{color:inherit}h1,h2,h3,h4,p,ul,ol,blockquote,figure,dl,dd{margin:0}h1,h2,h3,h4{font-family:var(--display);font-weight:650;letter-spacing:-.02em;text-wrap:balance}:focus-visible{outline:2px solid var(--violet-hi);outline-offset:3px;border-radius:4px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}#fx{position:fixed;inset:0;width:100%;height:100lvh;z-index:0;pointer-events:none}main,.site-foot{position:relative;z-index:1}.wrap{max-width:var(--wrap);margin-inline:auto;padding-left:var(--gut);padding-right:var(--gut-r)}.eyebrow{font:600 13px/1.2 var(--body);letter-spacing:.09em;text-transform:uppercase;color:var(--violet-hi)}.num{font-family:var(--display);font-stretch:75%;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:.9}.pill{display:inline-flex;align-items:center;gap:8px;font:600 12px/1 var(--body);letter-spacing:.04em;padding:7px 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--acc, var(--violet-hi)) 50%,transparent);color:var(--acc, var(--violet-hi))}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.glass{background:var(--glass);border:1px solid var(--glass-line);border-radius:28px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.sec-head{display:flex;flex-direction:column;gap:26px;max-width:980px}.sec-head h2{font-size:clamp(38px,5.4vw,84px);line-height:.96;font-weight:650;font-stretch:86%}.sec-intro{font-size:clamp(18px,1.5vw,21px);line-height:1.6;color:var(--on-mute);max-width:48ch}.js .rv{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:calc(var(--d, 0) * 80ms)}.js .rv.in{opacity:1;transform:none}[data-split] .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.06em;margin-bottom:-.06em}.js [data-split] .w>span{display:inline-block;transform:translateY(105%);transition:transform .9s var(--ease);transition-delay:calc(var(--i) * 45ms)}.js [data-split].in .w>span{transform:none}.chapter{padding-block:clamp(80px,10vw,140px) 40px}.chapter-grid{display:grid;grid-template-columns:40% 1fr;gap:0 48px;margin-top:40px}.stage{position:relative}.stage-in{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:48px}.counter{font-size:22px;color:var(--on-faint)}.counter b{color:var(--on)}.steps{display:flex;flex-direction:column}.step{flex-shrink:0;min-height:105svh;display:flex;flex-direction:column;justify-content:center;gap:30px;padding-block:12vh;opacity:.25;transition:opacity .7s var(--ease)}.step.active,.no-fx .step{opacity:1}.step-card{display:flex;flex-direction:column;gap:22px;max-width:620px}.step-card .head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.step-card .cat{font:600 13px/1.2 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--on-mute)}.step-card h3{font-size:clamp(48px,6vw,96px);line-height:.9;font-weight:700;font-stretch:78%}.step-card .line{font-size:clamp(19px,1.6vw,23px);line-height:1.45;max-width:34ch}.step-card .body{color:var(--on-mute);line-height:1.65;max-width:52ch}.step-title{display:flex;align-items:center;gap:14px}.step-icon{display:none;flex:0 0 auto;width:56px;height:56px;border-radius:26%;box-shadow:0 10px 26px color-mix(in srgb,var(--acc, #A98BFF) 30%,transparent)}.step-demo{display:flex;margin-block:14px 6px}.metrics{display:flex;flex-wrap:wrap;gap:18px 40px;margin-top:6px}.metrics div{display:flex;flex-direction:column;gap:6px;max-width:24ch}.metrics dt{font-size:clamp(40px,4vw,62px);color:var(--acc, var(--on))}.metrics dd{font-size:14px;color:var(--on-mute)}.lesson{padding:24px 26px;border-radius:22px;background:color-mix(in srgb,var(--acc, var(--violet-hi)) 9%,transparent);border:1px solid color-mix(in srgb,var(--acc, var(--violet-hi)) 24%,transparent);display:flex;flex-direction:column;gap:14px}.lesson figcaption{font:600 12px/1.2 var(--body);letter-spacing:.09em;text-transform:uppercase;color:var(--acc, var(--violet-hi))}.lesson blockquote{font-family:var(--display);font-size:clamp(20px,1.8vw,26px);line-height:1.3;font-weight:500;letter-spacing:-.01em}.links{display:flex;flex-wrap:wrap;gap:22px}.ulink{font-weight:600;text-decoration:none;border-bottom:1.5px solid currentColor;padding-bottom:2px}.ulink .arr{display:inline-block;transition:transform .3s var(--ease)}.ulink:hover .arr{transform:translate(4px)}.visual{width:100%;max-width:640px;border-radius:28px;overflow:hidden;background:var(--card, var(--night-2))}.visual img{width:100%;max-height:56svh;object-fit:cover}@media(max-width:900px){.chapter-grid{grid-template-columns:1fr}.stage{display:none}.step{min-height:auto;padding-block:30svh 6svh;opacity:1}.step-demo{justify-content:center;margin-block:10px 4px}.step-icon{display:block}.step-card{background:var(--glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:28px 22px;border-radius:26px;border:1px solid var(--glass-line)}.visual img{max-height:none;aspect-ratio:4 / 3.6}}.btn{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;font:600 16px/1 var(--body);text-decoration:none;border:0;cursor:pointer;transition:transform .3s var(--ease),background-color .3s,color .3s,box-shadow .3s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--violet);color:#fff;box-shadow:0 10px 30px #5900f359}.btn-primary:hover{background:#6a1bff;box-shadow:0 14px 38px #5900f380}.btn-ghost{border:1.5px solid currentColor;background:transparent;color:inherit}.btn .arr{transition:transform .3s var(--ease)}.btn:hover .arr{transform:translate(4px)}.site-head{position:fixed;z-index:50;top:0;left:0;right:0;padding-top:env(safe-area-inset-top,0px);transition:transform .5s var(--ease),background-color .35s;color:var(--on)}.site-head.solid{background:color-mix(in srgb,var(--night) 72%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.site-head.gone{transform:translateY(-110%)}.site-head .row{max-width:var(--wrap);margin-inline:auto;padding:16px var(--gut-r) 16px var(--gut);display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:block;width:132px;color:inherit}.logo svg{width:100%;height:auto;display:block}.site-head nav{display:flex;gap:28px;font-size:16px}.site-head nav a{text-decoration:none;opacity:.8;transition:opacity .2s}.site-head nav a:hover{opacity:1}.head-right{display:flex;align-items:center;gap:14px}.lang{font:600 13px/1 var(--body);letter-spacing:.06em;text-decoration:none;padding:9px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.22)}.head-cta{min-height:40px;padding:0 18px;font-size:15px}.tabbar{display:none}@media(max-width:760px){.site-head nav,.head-cta{display:none}.site-head .row{padding-block:12px}.logo{width:112px}.tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;z-index:60;left:max(12px,env(safe-area-inset-left,0px));right:max(12px,env(safe-area-inset-right,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px));padding:8px 6px;border-radius:26px;background:color-mix(in srgb,var(--night-2) 82%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-line);box-shadow:0 12px 34px #00000059}.tabbar a{display:flex;flex-direction:column;align-items:center;gap:3px;padding:2px 0;font-size:11px;text-decoration:none;color:#eeeafb8c;transition:color .25s,transform .2s;-webkit-tap-highlight-color:transparent}.tabbar a:active{transform:scale(.92)}.tabbar a span:last-child{white-space:nowrap;font-size:10.5px;letter-spacing:-.01em}.tabbar .wv{opacity:0}.tabbar a.on .wv{animation:tabWave 1.4s ease-in-out infinite}@keyframes tabWave{0%,to{opacity:0}40%,70%{opacity:1}}.tabbar .ic{display:grid;place-items:center;width:48px;height:32px;border-radius:999px;transition:background .3s,box-shadow .3s}.tabbar svg{width:23px;height:23px;overflow:visible}.tabbar svg.kang{width:28px;height:24px}.tabbar .t2{fill:currentColor;opacity:.32;transition:opacity .3s}.tabbar .fl{fill:currentColor;opacity:.5;transform-origin:12px 19.5px}.tabbar a.on{color:#fff}.tabbar a.on .ic{background:linear-gradient(135deg,#5a12f0,#9b6bff);box-shadow:0 6px 18px #5a12f08c,inset 0 1px #ffffff47;animation:tabPop .5s var(--ease)}.tabbar a.on .t2{opacity:.5}.tabbar a.on .kang{animation:tabHop .7s var(--ease)}.tabbar a.on .sp{animation:tabTwinkle 1.8s ease-in-out infinite;transform-origin:9.1px 14.2px}.tabbar a.on .fl{fill:#ffc46b;opacity:1;animation:tabFlame .35s ease-in-out infinite alternate}.tabbar a.on .dt{animation:tabDot 1.2s ease-in-out infinite}.tabbar a.on .dt:nth-of-type(3){animation-delay:.15s}.tabbar a.on .dt:nth-of-type(4){animation-delay:.3s}@keyframes tabPop{0%{transform:scale(.82)}60%{transform:scale(1.08)}to{transform:none}}@keyframes tabHop{0%,to{transform:none}35%{transform:translateY(-5px) rotate(-6deg)}70%{transform:translateY(1px) scaleY(.9)}}@keyframes tabTwinkle{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.35) rotate(20deg)}}@keyframes tabFlame{0%{transform:scaleY(.8)}to{transform:scaleY(1.25)}}@keyframes tabDot{0%,60%,to{transform:none}30%{transform:translateY(-2.2px)}}body{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}}.site-foot{border-top:1px solid var(--glass-line);background:color-mix(in srgb,var(--night) 88%,transparent);padding-block:clamp(64px,8vw,100px) 28px}.foot-cols{display:grid;grid-template-columns:1.15fr 1fr 1fr 1fr;gap:40px 32px;align-items:start}.foot-brand{display:flex;flex-direction:column;gap:14px}.foot-logo{display:block;width:176px;color:var(--on)}.foot-logo svg{width:100%;height:auto;display:block}.foot-brand p{font-size:14px;color:var(--on-mute)}.site-foot h2{font-family:var(--display);font-size:17px;font-weight:650;letter-spacing:0;margin-bottom:12px}.site-foot p{font-size:15px;line-height:1.65;color:var(--on-mute)}.site-foot a{text-decoration:none}.site-foot a:hover{color:var(--violet-hi)}.foot-bottom{margin-top:clamp(56px,7vw,88px);padding-top:22px;border-top:1px solid var(--glass-line);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.foot-bottom p{font-size:14px}.foot-right{display:flex;align-items:center;gap:20px}.social{display:flex;gap:6px}.social a,.to-top{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--on);transition:background-color .2s,color .2s}.social a:hover{background:#ffffff14}.social svg{width:19px;height:19px}.to-top{border:1.5px solid rgba(255,255,255,.4)}.to-top svg{width:18px;height:18px}.to-top:hover{background:var(--on);color:var(--night)}@media(max-width:900px){.foot-cols{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1 / -1}}@media(max-width:480px){.foot-cols{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.js .rv,.js [data-split] .w>span{opacity:1;transform:none}}.scr-t{color:var(--violet-hi);opacity:.85}.lang-swap .lang{border-color:var(--violet-hi);color:var(--violet-hi);transition:color .3s,border-color .3s}h1,h2,h3,blockquote{text-wrap:balance}p,li,figcaption{text-wrap:pretty}.cc{display:none;position:fixed;z-index:70;left:24px;bottom:24px;width:min(460px,calc(100vw - 48px));max-height:calc(100dvh - 48px);overflow:auto;padding:24px;border-radius:26px;background:#15112feb;flex-direction:column;gap:14px;box-shadow:0 30px 80px #00000080}.cc.cc-on{display:flex;animation:ccIn .5s var(--ease)}@keyframes ccIn{0%{opacity:0;transform:translateY(20px)}}.cc-h{font-family:var(--display);font-size:24px;font-weight:700;font-stretch:88%;line-height:1.1;padding-right:36px}.cc-d{font-size:15px;line-height:1.55;color:var(--on-mute)}.cc-d a{color:var(--on);text-decoration:underline;text-underline-offset:3px}.cc-x{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;border:1px solid var(--glass-line);background:#ffffff0d;color:var(--on);font-size:20px;line-height:1;cursor:pointer}.cc-prefs{display:none;flex-direction:column;gap:8px}.cc-custom .cc-prefs{display:flex}.cc-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border-radius:16px;border:1px solid var(--glass-line);background:#ffffff08;cursor:pointer}.cc-row span{display:flex;flex-direction:column;gap:2px}.cc-row b{font-size:15px}.cc-row small{font-size:13px;line-height:1.4;color:var(--on-mute)}.cc-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}.cc-b{justify-content:center;min-height:46px;padding:0 16px;font-size:15px}.cc-b[data-cc=accept]{grid-column:span 2}.cc-only-open{display:none}.cc-custom .cc-only-open{display:inline-flex}.cc-custom .cc-only-closed{display:none}.cc-open{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer}.cc-open:hover{color:var(--on)}@media(max-width:760px){.cc{left:12px;right:12px;width:auto;bottom:calc(96px + env(safe-area-inset-bottom,0px));max-height:calc(100dvh - 130px);padding:20px}}@media(prefers-reduced-motion:reduce){.cc.cc-on{animation:none}}input[type=checkbox]{-webkit-appearance:none;appearance:none;flex:0 0 auto;width:22px;height:22px;margin:0;border-radius:7px;border:1.5px solid rgba(255,255,255,.28);background:#ffffff0a;display:inline-grid;place-content:center;cursor:pointer;transition:background-color .2s,border-color .2s,box-shadow .2s,transform .15s var(--ease)}input[type=checkbox]:before{content:"";width:12px;height:12px;transform:scale(0);transition:transform .2s var(--ease);background:no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.2 6.3 4.8 8.8 9.8 3.4' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}input[type=checkbox]:hover:not(:disabled):not(:checked){border-color:#a98bffb3;background:#a98bff1a}input[type=checkbox]:active:not(:disabled){transform:scale(.92)}input[type=checkbox]:checked{background:var(--violet);border-color:var(--violet);box-shadow:0 4px 14px #5900f373}input[type=checkbox]:checked:before{transform:scale(1)}input[type=checkbox]:focus-visible{outline:2px solid var(--violet-hi);outline-offset:3px}input[type=checkbox]:disabled{cursor:default}input[type=checkbox]:disabled:checked{background:#a98bff59;border-color:transparent;box-shadow:none}@media(prefers-reduced-motion:reduce){input[type=checkbox],input[type=checkbox]:before{transition:none}}