@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(../media/53e45098eac42afb-s.p.0l2qk94b1u89y.woff2?dpl=dpl_EiNpGs4WifUoPTd9N6KE5R3qeihy)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(../media/85ea1b3aadcead52-s.01rdcbu-77uoy.woff2?dpl=dpl_EiNpGs4WifUoPTd9N6KE5R3qeihy)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(../media/3c285486269019b7-s.p.0sn2213rkw2e_.woff2?dpl=dpl_EiNpGs4WifUoPTd9N6KE5R3qeihy)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(../media/625a092f804baad3-s.p.0mrp_qm_8jqq_.woff2?dpl=dpl_EiNpGs4WifUoPTd9N6KE5R3qeihy)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(../media/6afabefbb32d7517-s.05-22z7vt.jl1.woff2?dpl=dpl_EiNpGs4WifUoPTd9N6KE5R3qeihy)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a4f4f75ad654963f-s.p.0h6jagi-ln9qy.woff2?dpl=dpl_EiNpGs4WifUoPTd9N6KE5R3qeihy)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(../media/a3bcb02a0e9e5d11-s.p.0p40-daftjh_g.woff2?dpl=dpl_EiNpGs4WifUoPTd9N6KE5R3qeihy)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(../media/b35fd19aef91b293-s.07en.a1_ufzzv.woff2?dpl=dpl_EiNpGs4WifUoPTd9N6KE5R3qeihy)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(../media/8f46d218c8f79e34-s.p.0xhl7b6zs4.~j.woff2?dpl=dpl_EiNpGs4WifUoPTd9N6KE5R3qeihy)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(../media/8ffc259da9d23054-s.p.0b_.2~bprftx..woff2?dpl=dpl_EiNpGs4WifUoPTd9N6KE5R3qeihy)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(../media/9e486ba39c38fb8a-s.0qxf2_hlpbci0.woff2?dpl=dpl_EiNpGs4WifUoPTd9N6KE5R3qeihy)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(../media/6f42e0a3b0519c4d-s.p.0czffigx~77c..woff2?dpl=dpl_EiNpGs4WifUoPTd9N6KE5R3qeihy)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:800;font-display:swap;src:url(../media/fcf129058e6e31f2-s.p.0k.rt6-fab6y0.woff2?dpl=dpl_EiNpGs4WifUoPTd9N6KE5R3qeihy)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:800;font-display:swap;src:url(../media/7b74840ea7c05e95-s.08-6qa~ryw15i.woff2?dpl=dpl_EiNpGs4WifUoPTd9N6KE5R3qeihy)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Be Vietnam Pro;font-style:normal;font-weight:800;font-display:swap;src:url(../media/3eca85881bcfa204-s.p.09gf3ff1ir7gl.woff2?dpl=dpl_EiNpGs4WifUoPTd9N6KE5R3qeihy)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:900;font-display:swap;src:url(../media/72a16e137f4c90fd-s.p.0hcgqcjesy-sc.woff2?dpl=dpl_EiNpGs4WifUoPTd9N6KE5R3qeihy)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:900;font-display:swap;src:url(../media/ac83d56547af7957-s.0lv7uah0r4ggt.woff2?dpl=dpl_EiNpGs4WifUoPTd9N6KE5R3qeihy)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Be Vietnam Pro;font-style:normal;font-weight:900;font-display:swap;src:url(../media/00ea0ef410d3b1a3-s.p.0-9k.f54zhy35.woff2?dpl=dpl_EiNpGs4WifUoPTd9N6KE5R3qeihy)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro Fallback;src:local(Arial);ascent-override:90.61%;descent-override:24.01%;line-gap-override:0.0%;size-adjust:110.36%}.be_vietnam_pro_d49ee1de-module__tDp5tq__className{font-family:Be Vietnam Pro,Be Vietnam Pro Fallback;font-style:normal}.be_vietnam_pro_d49ee1de-module__tDp5tq__variable{--font-vietnamese-sans:"Be Vietnam Pro", "Be Vietnam Pro Fallback"}
:root{--background:#fff;--ink:#101d2f;--muted:#62708a;--line:#dce7f2;--soft:#f5f9ff;--teal:#008f7a;--teal-bright:#08b49f;--blue:#2563eb;--sky:#38bdf8;--violet:#7c3aed;--orange:#ff7a1a;--yellow:#f8c22e;--green:#22c55e;--red:#e83b35;--shadow:0 18px 46px #1d395c1f}*{box-sizing:border-box}html{background:var(--background);color:var(--ink);scroll-behavior:smooth}body{background:var(--background);color:var(--ink);font-family:var(--font-vietnamese-sans), ui-sans-serif, system-ui, sans-serif;margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button[aria-label="Open Next.js Dev Tools"]{display:none!important}.up-button{cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-size:.92rem;font-weight:850;transition:box-shadow .16s,transform .16s;display:inline-flex}.up-button:hover{transform:translateY(-1px)}.up-button--primary{background:linear-gradient(135deg, var(--teal), var(--teal-bright));color:#fff;box-shadow:0 14px 30px #008f7a3d}.up-button--secondary{border:1px solid var(--line);color:var(--ink);background:#fff}.up-button--accent{background:linear-gradient(135deg, var(--orange), var(--yellow));color:#fff}.brand-mark{color:var(--teal);letter-spacing:0;align-items:center;gap:8px;font-weight:950;display:inline-flex}.brand-glyph{background:linear-gradient(135deg, var(--teal), var(--sky));color:#fff;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.brand-word{font-size:1.34rem;font-style:italic}
.marketing-nav{border-bottom:1px solid var(--line);z-index:20;background:#fffffff0;justify-content:space-between;align-items:center;gap:26px;height:78px;margin:0 auto;padding:0 28px;display:flex;position:sticky;top:0}.marketing-nav nav,.nav-actions{align-items:center;gap:18px;display:flex}.marketing-nav nav{color:#1f3b69;scrollbar-width:none;font-size:.9rem;font-weight:800;overflow-x:auto}.marketing-nav nav a{flex:none}.marketing-nav nav a.is-active{color:var(--teal)}.nav-actions .up-button{min-height:40px}
.hero-shell{background:linear-gradient(90deg, #fff 0%, #fff 58%, #edf6ff 100%), var(--background);padding-bottom:34px;position:relative;overflow:hidden}.hero-grid{grid-template-columns:minmax(0,.95fr) minmax(520px,1.05fr);align-items:start;gap:44px;max-width:1260px;margin:0 auto;padding:58px 28px;display:grid}.market-badge{color:#d8241e;text-transform:uppercase;background:#fff0ef;border:1px solid #ffd0cc;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:.78rem;font-weight:950;display:inline-flex}.market-badge span{background:var(--red);color:#ffe45c;border-radius:5px;padding:2px 5px}.hero-copy h1{color:#13264a;letter-spacing:0;margin:24px 0 22px;font-size:clamp(3.1rem,5.2vw,5.4rem);line-height:1.02}.hero-copy h1 span{color:var(--teal)}.trust-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.trust-list li{color:#29445f;align-items:center;gap:10px;font-size:1.03rem;font-weight:750;display:flex}.trust-list li:before{background:var(--teal-bright);color:#fff;content:"✓";border-radius:50%;flex:none;place-items:center;width:18px;height:18px;font-size:.72rem;font-weight:950;display:inline-grid}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;margin:26px 0 18px;display:flex}.student-entry{color:#0d7666;background:#e9fbf5;border:1px solid #b9f1df;border-radius:16px;padding:14px 16px;font-weight:900;display:inline-flex}.demo-toast{color:#7a4a00;background:#fff8d9;border:1px solid #f5d36c;border-radius:14px;max-width:560px;margin-top:16px;padding:12px 14px;font-weight:800;line-height:1.45}.hero-visual{min-height:560px;position:relative}.vietnam-flag{background:var(--red);color:#ffe45c;z-index:4;border-radius:2px 14px 14px 2px;width:150px;height:74px;font-size:2.4rem;position:absolute;top:10px;left:220px;transform:rotate(-4deg);box-shadow:0 18px 34px #d8241e3d}.vietnam-flag:before{background:var(--yellow);content:"";width:6px;height:120px;position:absolute;top:-8px;left:-10px}.vietnam-flag span{position:absolute;top:15px;left:52px}.study-illustration .star{color:var(--yellow);z-index:5;font-size:3rem;position:absolute}.star-one{top:90px;left:120px}.star-two{top:82px;right:12px}.pencil,.book{z-index:3;position:absolute;bottom:34px}.pencil{background:linear-gradient(90deg,#ffd66b,#ff8f3c 65%,#28405f 65%);border-radius:999px;width:170px;height:18px;left:66px;transform:rotate(-22deg)}.book{box-shadow:var(--shadow);background:linear-gradient(135deg,#e0f2fe,#7dd3fc);border:8px solid #fff;border-radius:18px;width:150px;height:72px;right:18px;transform:rotate(-8deg)}.lesson-browser{z-index:2;background:#fff;border:1px solid #cad9ea;border-radius:26px;width:510px;padding:18px;position:absolute;top:92px;left:78px;transform:rotate(4deg);box-shadow:0 30px 80px #192f4a38}.browser-bar{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding-bottom:12px;display:flex}.browser-bar span{border-radius:50%;width:9px;height:9px}.browser-bar span:first-child{background:#ff5f57}.browser-bar span:nth-child(2){background:#febc2e}.browser-bar span:nth-child(3){background:#28c840}.browser-bar strong{color:#1f3b69;margin-left:10px;font-size:.92rem}.lesson-layout{grid-template-columns:104px 1fr 142px;gap:14px;padding-top:16px;display:grid}.lesson-layout aside,.lesson-form,.lesson-output{gap:10px;display:grid}.rail-dot,.lesson-form label,.lesson-output span,.lesson-output p{border-radius:12px;padding:9px 10px;font-size:.82rem;font-weight:850}.rail-dot{color:var(--blue);background:#eff6ff}.rail-dot.is-active{color:var(--teal);background:#e7fff6}.lesson-form label{border:1px solid var(--line);color:var(--muted);background:#f8fbff}.lesson-form strong{color:var(--ink);margin-top:4px;display:block}.lesson-form button{background:var(--teal);color:#fff;border:0;border-radius:12px;min-height:42px;font-weight:950}.lesson-output{align-content:start}.lesson-output p{color:var(--teal);background:#e8fff6;margin:0}.lesson-output span:nth-child(2){color:var(--blue);background:#eff6ff}.lesson-output span:nth-child(3){color:#9a5f00;background:#fff7dc}.lesson-output span:nth-child(4){color:#b42318;background:#ffe9e6}.lesson-output span:nth-child(5){color:var(--violet);background:#f3e8ff}.student-card{border:1px solid var(--line);box-shadow:var(--shadow);z-index:5;background:#fff;border-radius:20px;align-items:center;gap:7px;max-width:300px;padding:18px 20px;display:grid;position:absolute;bottom:88px;left:0}.student-card strong{color:#14305a;font-size:1.05rem}.student-card span{color:var(--teal);font-size:.9rem;font-weight:900}.feature-dock{z-index:6;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1180px;margin:-18px auto 0;padding:0 28px;display:grid;position:relative}.feature-tile{color:#fff;border-radius:16px;align-items:center;gap:14px;min-height:112px;padding:18px;display:flex}.feature-tile span{background:#ffffff3d;border-radius:12px;width:42px;height:42px}.feature-tile h3,.feature-tile p{margin:0}.feature-tile p{color:#ffffffdb;margin-top:6px;font-size:.9rem;line-height:1.45}.tone-teal{background:linear-gradient(135deg,#00977f,#13bfa9)}.tone-violet{background:linear-gradient(135deg,#6d28d9,#9f67ff)}.tone-orange{background:linear-gradient(135deg,#f97316,#ffb03a)}.tone-blue{background:linear-gradient(135deg,#2563eb,#38bdf8)}
.product-pillars,.course-marketplace,.workflow-section,.student-bridge{max-width:1180px;margin:0 auto;padding:78px 28px 0}.product-pillars{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:34px;display:grid}.product-pillars h1,.product-pillars h2,.section-title-row h2,.student-bridge h2{color:#13264a;margin:0 0 14px;font-size:clamp(2rem,3.2vw,3rem);line-height:1.08}.product-pillars p,.section-title-row p,.student-bridge p{color:var(--muted);margin:0;font-size:1.02rem;line-height:1.7}.pillar-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.pillar-grid article,.market-course{border:1px solid var(--line);background:#fff;border-radius:16px;padding:20px;box-shadow:0 14px 32px #1d395c14}.pillar-grid strong{color:var(--teal)}.pillar-grid h3,.market-course h3,.workflow-rail h3{color:#13264a;margin:10px 0 8px}.pillar-grid p,.market-course p,.workflow-rail p{color:var(--muted);margin:0;line-height:1.55}.section-title-row{justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px;display:flex}.section-title-row a{color:var(--blue);font-weight:900}.market-course-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.market-course{background:linear-gradient(135deg, #fffffff5, var(--course-tint,#f5f9ff))}.market-course.tone-violet{--course-tint:#f3e8ff}.market-course.tone-yellow{--course-tint:#fff7d6}.market-course.tone-green{--course-tint:#dcfce7}.market-course.tone-blue{--course-tint:#dbeafe}.market-course div{justify-content:space-between;align-items:center;margin-top:22px;display:flex}.market-course span{color:#9a5f00;font-size:.88rem;font-weight:850}.market-course strong{color:var(--teal);font-size:.88rem}.workflow-rail{border:1px solid var(--line);background:#f4f7ff;border-radius:18px;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px;display:grid}.workflow-rail article{border:1px solid var(--line);background:#fff;border-radius:14px;padding:18px}.workflow-rail span{color:var(--teal);background:#e8fff6;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:950;display:grid}.student-bridge{border:1px solid var(--line);background:linear-gradient(135deg,#e7fff6,#eff6ff 52%,#fff7dc);border-radius:24px;justify-content:space-between;align-items:center;margin-top:78px;margin-bottom:54px;padding:34px;display:flex}
@media (max-width:980px){.marketing-nav{align-items:flex-start;height:auto;padding:18px}.marketing-nav,.marketing-nav nav,.nav-actions{flex-wrap:wrap}.hero-grid,.product-pillars{grid-template-columns:1fr}.hero-grid{min-height:auto;padding-top:36px}.hero-visual{min-height:560px}.lesson-browser{width:min(510px,100vw - 58px);left:24px}.feature-dock,.pillar-grid,.market-course-grid,.workflow-rail{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.marketing-nav nav{order:3;width:100%}.hero-copy h1{font-size:2.8rem}.hero-visual{min-height:520px}.lesson-browser{top:106px;left:0;transform:rotate(1deg)}.lesson-layout{grid-template-columns:1fr}.lesson-layout aside{grid-template-columns:repeat(3,1fr)}.vietnam-flag{left:130px}.student-card{bottom:14px}.feature-dock,.pillar-grid,.market-course-grid,.workflow-rail{grid-template-columns:1fr}.student-bridge,.section-title-row{flex-direction:column;align-items:flex-start}}