:root{--ink:#0f172a;--ink-2:#334155;--muted:#64748b;--line:#e2e8f0;--bg:#fff;--bg-alt:#f6f8fc;--primary:#2563eb;--primary-600:#1d4ed8;--on-primary:#fff;--accent:#f43f5e;--gold:#f59e0b;--night:#0b1020;--night-2:#121a33;--night-fg:#e2e8f0;--night-muted:#94a3b8;--r:16px;--shadow:0 1px 2px #0f172a0f, 0 8px 24px #0f172a0f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font:400 16px/1.6 Be Vietnam Pro,system-ui,sans-serif;overflow-x:hidden}h1,h2,h3{letter-spacing:-.01em;margin:0;line-height:1.2}p{margin:0}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.i{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.wrap{width:min(1160px,100% - 32px);margin-inline:auto}.wrap.narrow{width:min(820px,100% - 32px)}.muted{color:var(--muted)}:focus-visible{outline:3px solid var(--primary);outline-offset:2px;border-radius:6px}.btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-family:inherit;font-size:15px;font-weight:600;line-height:1;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.btn:hover{text-decoration:none}.btn:active{transform:translateY(1px)}.btn-lg{border-radius:14px;min-height:52px;padding:0 24px;font-size:16px}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:hover{background:var(--primary-600)}.btn-outline{border-color:var(--line);color:var(--ink);background:#fff}.btn-outline:hover{background:#f8fafc;border-color:#cbd5e1}.btn-ghost{color:var(--ink-2)}.btn-ghost:hover{background:#f1f5f9}.btn-light{color:#fff;background:#ffffff1a;border-color:#ffffff38}.btn-light:hover{background:#ffffff2e}.btn.disabled{opacity:.45;pointer-events:none}.nav{z-index:20;-webkit-backdrop-filter:saturate(1.6)blur(12px);backdrop-filter:saturate(1.6)blur(12px);border-bottom:1px solid var(--line);background:#ffffffe0;position:sticky;top:0}.nav-in{align-items:center;gap:24px;height:64px;display:flex}.brand{color:var(--ink);letter-spacing:-.02em;align-items:center;gap:10px;font-size:19px;font-weight:800;display:inline-flex}.brand:hover{text-decoration:none}.brand-mark{color:#fff;background:linear-gradient(135deg, var(--primary), #7c3aed);border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.brand-mark .i{width:18px;height:18px}.nav-links{gap:4px;margin-left:8px;display:flex}.nav-links a{color:var(--ink-2);border-radius:10px;padding:8px 12px;font-size:15px;font-weight:500}.nav-links a:hover{background:#f1f5f9;text-decoration:none}.nav-links .nav-login{display:none}.nav-cta{align-items:center;gap:8px;margin-left:auto;display:flex}.nav-toggle{border:1px solid var(--line);width:44px;height:44px;color:var(--ink);cursor:pointer;background:#fff;border-radius:12px;place-items:center;display:none}.hero{background:radial-gradient(900px 500px at 85% 10%, #7c3aed59, transparent 60%), radial-gradient(700px 500px at 10% 90%, #2563eb59, transparent 60%), var(--night);color:var(--night-fg);overflow:hidden}.hero-in{grid-template-columns:1.05fr 1fr;align-items:center;gap:48px;padding:88px 0 96px;display:grid}.eyebrow{color:#c7d2fe;background:#6366f129;border:1px solid #818cf859;border-radius:999px;margin-bottom:20px;padding:6px 12px;font-size:14px;font-weight:600;display:inline-block}.hero h1{color:#fff;letter-spacing:-.025em;font-size:clamp(36px,5.2vw,60px);font-weight:800}.grad{background:linear-gradient(90deg,#93c5fd,#c4b5fd 50%,#fda4af);color:#0000;-webkit-background-clip:text;background-clip:text}.lead{color:#cbd5e1;max-width:560px;margin-top:20px;font-size:18px}.hero-cta{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.hero-points{color:var(--night-muted);flex-wrap:wrap;gap:8px 20px;margin:24px 0 0;padding:0;font-size:14px;list-style:none;display:flex}.hero-points li{align-items:center;gap:6px;display:flex}.hero-points .i{color:#4ade80;width:16px;height:16px}.hero-art{min-height:460px;position:relative}.screen{aspect-ratio:16/10;background:#1e293b;border-radius:18px;width:92%;padding:10px;position:absolute;top:10px;right:0;box-shadow:0 30px 80px #00000080,inset 0 0 0 1px #ffffff14}.screen-in{text-align:center;background:radial-gradient(#ef444438,#0000 62%),#020617;border-radius:10px;flex-direction:column;justify-content:flex-start;align-items:center;gap:14px;height:100%;padding-top:8%;display:flex}.screen .chip{color:#f8fafc;border:1.5px solid #ef4444;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600}.screen .big{color:#f8fafc;font-size:clamp(22px,3vw,36px);font-weight:800;line-height:1.15}.screen .big em{color:#ef4444;font-style:normal}.screen .tap{color:#fff;background:#ef4444;border-radius:999px;padding:8px 18px;font-size:13px;font-weight:700;animation:2.4s ease-in-out infinite pulse}@keyframes pulse{50%{transform:scale(1.05)}}.print{opacity:0;background:#fff;border-radius:4px;transition:opacity .5s;position:absolute;box-shadow:0 20px 50px #00000073}.print.ready,.gallery canvas.ready{opacity:1}.print-a{aspect-ratio:2/3;width:34%;bottom:-36px;left:-2%;transform:rotate(-7deg)}.print-b{aspect-ratio:1/3;width:17%;bottom:-24px;right:6%;transform:rotate(6deg)}.facts{background:var(--night-2);color:var(--night-fg);border-top:1px solid #ffffff0f}.facts-in{grid-template-columns:repeat(4,1fr);display:grid}.facts-in>div{border-left:1px solid #ffffff14;flex-direction:column;gap:2px;padding:22px 16px;display:flex}.facts-in>div:first-child{border-left:0;padding-left:0}.facts b{color:#fff;font-size:20px}.facts span{color:var(--night-muted);font-size:14px}.section{padding:96px 0}.section.alt{background:var(--bg-alt)}.head{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:720px;margin:0 auto 48px;display:flex}.kicker{color:var(--primary);text-transform:uppercase;letter-spacing:.08em;font-size:14px;font-weight:700}.head h2{font-size:clamp(28px,3.6vw,40px);font-weight:800}.head p{color:var(--muted);font-size:17px}.note{font-size:13px}.flow{counter-reset:s;grid-template-columns:repeat(5,1fr);gap:16px;margin:0;padding:0;list-style:none;display:grid}.flow li{border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);background:#fff;flex-direction:column;gap:8px;padding:22px 18px;display:flex;position:relative}.flow .n{color:#fff;background:linear-gradient(135deg, var(--primary), #7c3aed);border-radius:50%;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.flow b{font-size:17px}.flow p{color:var(--muted);font-size:14px}.features{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.features article{border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);background:#fff;flex-direction:column;gap:10px;padding:26px;display:flex}.features h3{font-size:18px;font-weight:700}.features p{color:var(--muted);font-size:15px}.ic{width:44px;height:44px;color:var(--primary);background:#eff4ff;border-radius:12px;place-items:center;display:grid}.ic.big{width:52px;height:52px}.ic.big .i{width:26px;height:26px}.gallery{grid-template-columns:2fr 1fr 2fr 2fr 1fr 2fr;align-items:end;gap:20px;display:grid}.gallery figure{flex-direction:column;gap:10px;margin:0;display:flex}.gallery canvas{aspect-ratio:2/3;opacity:.35;background:#f1f5f9;border-radius:4px;width:100%;height:auto;transition:opacity .5s;box-shadow:0 10px 30px #0f172a24}.gallery .strip canvas{aspect-ratio:1/3}.gallery figcaption{color:var(--muted);text-align:center;font-size:13px}.billing{background:#e9eef7;border-radius:12px;margin-top:8px;padding:4px;display:inline-flex}.billing button{color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:6px;min-height:40px;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:600;line-height:1;display:inline-flex}.billing button[aria-pressed=true]{color:var(--ink);box-shadow:var(--shadow);background:#fff}.save{color:#15803d;background:#dcfce7;border-radius:999px;padding:3px 8px;font-size:12px}.pricing{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:20px;max-width:1040px;margin:0 auto;display:grid}.plan{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:20px;flex-direction:column;gap:14px;padding:30px 26px;display:flex;position:relative}.plan.featured{border:2px solid var(--primary);box-shadow:0 20px 50px #2563eb2e}.ribbon{background:var(--primary);color:#fff;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:700;position:absolute;top:-13px;left:26px}.plan h3{font-size:18px;font-weight:700}.price{align-items:baseline;gap:6px;display:flex}.price b{letter-spacing:-.02em;font-size:36px;font-weight:800}.price span{color:var(--muted);font-size:15px}.plan-sub{color:var(--muted);min-height:22px;font-size:14px}.pricing .y{display:none}.pricing.yearly .y{display:flex}.pricing.yearly .plan-sub .y{display:inline}.pricing.yearly .m{display:none}.plan ul{flex-direction:column;flex:1;gap:10px;margin:4px 0 8px;padding:0;list-style:none;display:flex}.plan li{align-items:flex-start;gap:10px;font-size:15px;display:flex}.plan li .i{color:#16a34a;width:18px;height:18px;margin-top:3px}.plan li.minus{color:var(--muted);padding-left:28px;position:relative}.plan li.minus:before{content:"";background:#94a3b8;border-radius:2px;width:10px;height:2px;position:absolute;top:12px;left:4px}.plan .btn{width:100%}.pricing-note{text-align:center;color:var(--muted);margin-top:28px;font-size:14px}.dl{grid-template-columns:1.1fr 1fr;align-items:start;gap:32px;display:grid}.dl-cards{flex-direction:column;gap:16px;display:flex}.dl-card{border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);background:#fff;align-items:center;gap:16px;padding:20px;display:flex}.dl-card>div{flex:1;min-width:0}.dl-card h3{align-items:center;gap:8px;font-size:18px;display:flex}.dl-card p{font-size:14px}.tag{text-transform:uppercase;color:#b45309;background:#fef3c7;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.dl-card .if-available,.dl-card.available .if-none{display:none}.dl-card.available .if-available{display:inline-flex}.dl-card.available span.if-available{display:inline}.req{background:var(--bg-alt);border-radius:var(--r);padding:20px 22px}.req h3{margin-bottom:10px;font-size:16px}.req ul{color:var(--ink-2);flex-direction:column;gap:6px;margin:0;padding-left:20px;font-size:14px;display:flex}.steps{counter-reset:st;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.steps li{counter-increment:st;flex-direction:column;gap:4px;padding:0 0 22px 56px;display:flex;position:relative}.steps li:before{content:counter(st);width:38px;height:38px;color:var(--primary);background:#eff4ff;border:1px solid #c7d7fe;border-radius:50%;place-items:center;font-weight:800;display:grid;position:absolute;top:-2px;left:0}.steps li:not(:last-child):after{content:"";background:#dbe4f5;width:2px;position:absolute;top:40px;bottom:2px;left:19px}.steps b{font-size:17px}.steps p{color:var(--muted);font-size:15px}.steps a{font-size:15px;font-weight:600}.faq{flex-direction:column;gap:12px;display:flex}.faq details{border:1px solid var(--line);background:#fff;border-radius:14px;padding:0 20px}.faq summary{cursor:pointer;padding:18px 28px 18px 0;font-size:16px;font-weight:600;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--muted);font-size:22px;font-weight:400;position:absolute;top:50%;right:0;transform:translateY(-50%)}.faq details[open] summary:after{content:"−"}.faq details p{color:var(--ink-2);padding:0 0 18px;font-size:15px}.cta{background:radial-gradient(700px 400px at 90% 0, #7c3aed59, transparent 60%), var(--night);color:var(--night-fg);padding:80px 0}.cta-in{grid-template-columns:1.2fr 1fr;align-items:center;gap:40px;display:grid}.cta h2{color:#fff;font-size:clamp(28px,3.4vw,38px);font-weight:800}.cta p{color:#cbd5e1;margin-top:12px;font-size:17px}.contact{flex-direction:column;justify-self:end;align-items:stretch;gap:10px;width:100%;max-width:380px;display:flex}.contact-row{color:#e2e8f0;overflow-wrap:anywhere;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-weight:500;display:flex}.contact-row:hover{background:#ffffff1f;text-decoration:none}.foot{color:var(--night-muted);background:#070b17;font-size:14px}.foot-in{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:24px 0;display:flex}.foot nav{flex-wrap:wrap;gap:8px 20px;display:flex}.foot a{color:var(--night-muted)}@media (width<=1040px){.nav-links{display:none}.nav-toggle{display:grid}.nav.open .nav-links{border-bottom:1px solid var(--line);background:#fff;flex-direction:column;margin:0;padding:8px 16px 16px;display:flex;position:absolute;top:64px;left:0;right:0;box-shadow:0 12px 24px #0f172a14}.nav.open .nav-links a{padding:12px;font-size:16px}.nav.open .nav-links .nav-login{display:block}.hide-sm{display:none}.hero-in{grid-template-columns:1fr;gap:40px;padding:56px 0 64px}.hero-art{aspect-ratio:5/4;width:100%;max-width:620px;min-height:0;margin:0 auto}.flow{grid-template-columns:repeat(2,1fr)}.flow li:last-child{grid-column:1/-1}.features{grid-template-columns:repeat(2,1fr)}.gallery{grid-template-columns:2fr 1fr 2fr}.pricing{grid-template-columns:1fr;max-width:480px}.dl,.cta-in{grid-template-columns:1fr}.contact{justify-self:start}}@media (width<=640px){.nav-cta .btn-primary{padding:0 14px;font-size:14px}.brand{font-size:17px}.section{padding:64px 0}.head{margin-bottom:32px}.lead{font-size:16px}.hero-cta .btn{width:100%}.facts-in{grid-template-columns:repeat(2,1fr)}.facts-in>div{border-left:0;padding:16px 0}.flow,.features{grid-template-columns:1fr}.gallery{grid-template-columns:2fr 1fr;gap:14px}.dl-card{flex-wrap:wrap}.dl-card .btn{width:100%}.eyebrow{font-size:13px}.hero-art{aspect-ratio:6/7}.screen{width:100%;top:0}.screen-in{justify-content:center;padding-top:0}.print-a{width:36%;bottom:0;left:4%}.print-b{width:15%;bottom:0;right:12%}}@media (width<=380px){.nav-cta .btn-primary{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.zalo-float{z-index:30;color:#fff;background:#0068ff;border-radius:999px;align-items:center;gap:8px;min-height:52px;padding:0 18px 0 16px;font-weight:700;display:inline-flex;position:fixed;bottom:16px;right:16px;box-shadow:0 10px 30px #0068ff59}.zalo-float:hover{background:#0058d9;text-decoration:none}.zalo-float .i{width:22px;height:22px}@media (width<=640px){.zalo-float span{display:none}.zalo-float{justify-content:center;width:52px;padding:0}}.partner{max-width:1040px;color:var(--night-fg);background:radial-gradient(600px 300px at 0 0, #7c3aed66, transparent 70%), var(--night);border-radius:20px;grid-template-columns:1fr 1.1fr;gap:32px;margin:40px auto 0;padding:32px;display:grid}.partner h3{color:#fff;margin:6px 0 10px;font-size:26px}.partner p{color:#cbd5e1}.partner b{color:#fff}.partner-tag{text-transform:uppercase;letter-spacing:.06em;background:#f59e0b2e;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block;color:#fde68a!important}.partner-sub{margin-bottom:8px;font-weight:600}.partner ul{flex-direction:column;gap:8px;margin:0 0 18px;padding:0;list-style:none;display:flex}.partner li{align-items:flex-start;gap:10px;display:flex}.partner li .i{color:#4ade80;width:18px;height:18px;margin-top:3px}.ss{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:10px 0 0;display:grid}.ss-win{color:#fff;background:#0067b8;border-radius:8px;flex-direction:column;gap:6px;min-height:128px;padding:12px;font-family:Segoe UI,system-ui,sans-serif;font-size:11px;line-height:1.35;display:flex}.ss-win b{font-size:14px;font-weight:600}.ss-win span{opacity:.9}.ss-win u{align-self:flex-start;text-decoration:underline}.ss-btns{justify-content:flex-end;gap:6px;margin-top:auto;font-style:normal;display:flex}.ss-btns em{border:1px solid #ffffffb3;padding:3px 8px;font-style:normal}.ss .hl{outline-offset:2px;border-radius:3px;outline:2px solid #fbbf24}.ss-arrow{color:var(--muted)}.ss figcaption{color:var(--muted);grid-column:1/-1;font-size:13px}@media (width<=1040px){.partner{grid-template-columns:1fr;padding:24px}}@media (width<=420px){.ss{grid-template-columns:1fr}.ss-arrow{justify-self:center;transform:rotate(90deg)}}.legal{padding:56px 0 80px}.legal h1{font-size:clamp(28px,4vw,40px);font-weight:800}.legal .meta{color:var(--muted);margin:8px 0 24px;font-size:14px}.legal .draft{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;margin-bottom:28px;padding:12px 16px;font-size:14px}.legal h2{margin:32px 0 10px;font-size:20px}.legal p,.legal li{color:var(--ink-2);font-size:16px}.legal p+p{margin-top:10px}.legal ul{flex-direction:column;gap:6px;margin:8px 0;padding-left:22px;display:flex}.legal table{border-collapse:collapse;width:100%;margin:8px 0;font-size:15px;display:block;overflow-x:auto}.legal th,.legal td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:8px 10px}.legal th{background:var(--bg-alt)}.nav-simple .nav-in{justify-content:space-between}body.og{width:1200px;height:630px;margin:0;overflow:hidden}.og-card{color:#fff;background:radial-gradient(700px 420px at 90% 0, #7c3aed80, transparent 65%), radial-gradient(600px 400px at 0 100%, #2563eb73, transparent 65%), var(--night);width:1200px;height:630px;position:relative;overflow:hidden}.og-copy{flex-direction:column;gap:22px;width:640px;display:flex;position:absolute;top:70px;left:72px}.og-brand{align-items:center;gap:14px;font-size:34px;font-weight:800;display:flex}.og-brand .brand-mark{border-radius:14px;width:52px;height:52px}.og-brand .brand-mark .i{width:28px;height:28px}.og h1{letter-spacing:-.02em;font-size:64px;font-weight:800;line-height:1.12}.og-sub{color:#cbd5e1;font-size:28px;font-weight:600;line-height:1.4}.og-chip{background:var(--primary);border-radius:999px;align-self:flex-start;padding:12px 24px;font-size:24px;font-weight:700}.og-a,.og-b{background:#fff;border-radius:4px;position:absolute;box-shadow:0 24px 60px #00000080}.og-a{width:300px;height:450px;top:96px;right:170px;transform:rotate(-6deg)}.og-b{width:140px;height:420px;top:150px;right:40px;transform:rotate(7deg)}.demo{background:var(--night-2);color:var(--night-fg);border-top:1px solid #ffffff0f;padding:80px 0}.demo-in{grid-template-columns:.8fr 1.2fr;align-items:center;gap:48px;display:grid}.demo-copy{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.demo .kicker{color:#93c5fd}.demo h2{color:#fff;font-size:clamp(26px,3.2vw,36px);font-weight:800}.demo p{color:#cbd5e1;font-size:17px}.demo-video{aspect-ratio:16/9;background:#000;border-radius:16px;overflow:hidden;box-shadow:0 30px 80px #00000073,inset 0 0 0 1px #ffffff14}.demo-video video{object-fit:cover;width:100%;height:100%;display:block}@media (width<=1040px){.demo-in{grid-template-columns:1fr;gap:28px}.demo{padding:56px 0}}