:root{--ink:#0c1330;--ink-2:#1b2452;--muted:#56607f;--muted-2:#7a849e;--line:#e6e9f2;--line-2:#eef1f8;--bg:#fff;--bg-soft:#f6f8fd;--bg-soft-2:#eef2fb;--brand:#3b4ef0;--brand-2:#6a3df0;--brand-ink:#1c2a8f;--cyan:#16c5e6;--teal:#14c8a8;--amber:#f6a609;--pink:#f0468a;--grad-hero:radial-gradient(1200px 700px at 78% -10%,#5b6bff 0%,#5b6bff00 55%),radial-gradient(900px 600px at 8% 0%,#7a3df0 0%,#7a3df000 50%),linear-gradient(165deg,#141c4d 0%,#1d2a78 42%,#25379a 100%);--grad-brand:linear-gradient(120deg,var(--brand)0%,var(--brand-2)55%,var(--cyan)120%);--grad-text:linear-gradient(100deg,#fff 0%,#bcd0ff 55%,#8af0ff 100%);--shadow-sm:0 1px 2px #1018400f,0 1px 3px #1018400a;--shadow:0 18px 40px -22px #141c4d73;--shadow-lg:0 40px 80px -40px #141c4d8c;--r-sm:12px;--r:18px;--r-lg:26px;--r-xl:34px;--maxw:1180px;--font:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--display:"Sora","Be Vietnam Pro",system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;margin:0;line-height:1.6}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,h4{font-family:var(--display);letter-spacing:-.02em;color:var(--ink);margin:0;line-height:1.12}p{margin:0}::selection{background:#3b4ef02e}.container{max-width:var(--maxw);width:100%;margin:0 auto;padding:0 24px}.section{padding:92px 0}.section.tight{padding:64px 0}.section.soft{background:var(--bg-soft)}.section.dark{background:var(--grad-hero);color:#eaf0ff}.eyebrow{display:inline-flex;letter-spacing:.12em;text-transform:uppercase;color:var(--brand);align-items: center;gap:8px;font-size:13px;font-weight:700}.dark .eyebrow{color:#8af0ff}.eyebrow:before{content:"";opacity:.7;background:currentColor;border-radius:2px;width:22px;height:2px}.section-head{max-width:720px;margin-bottom:52px}.section-head.center{text-align:center;margin-inline-start:auto;margin-inline-end:auto}.section-head h2{margin:16px 0 14px;font-size:clamp(28px,4vw,44px)}.section-head p{color:var(--muted);font-size:18px}.dark .section-head p{color:#aebbe6}.grid{display:grid;gap:22px}.lead{color:var(--muted);font-size:19px}.btn{display:inline-flex;font-family:var(--font);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items: center;gap:9px;padding:13px 22px;transition:transform .18s,box-shadow .2s,background .2s,border-color .2s,color .2s;font-size:15.5px;font-weight:600}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--grad-brand);color:#fff;box-shadow:0 14px 30px -14px #3b4ef0cc}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 22px 42px -16px #3b4ef0e6}.btn-ghost{border-color:var(--line);color:var(--ink);background:#fff}.btn-ghost:hover{border-color:#c8cfe6;transform:translateY(-2px)}.btn-light{color:#fff;backdrop-filter:blur(8px);background:#ffffff1f;border-color:#ffffff47}.btn-light:hover{background:#fff3}.btn-lg{padding:16px 28px;font-size:16.5px}.btn-block{width:100%}.nav{position:sticky;z-index:50;backdrop-filter:saturate(180%)blur(14px);border-bottom:1px solid var(--line-2);background:#ffffffd1;top:0}.nav-inner{display:flex;align-items: center;gap:28px;height:70px}.brand{display:inline-flex;font-family:var(--display);letter-spacing:-.02em;color:var(--ink);align-items: center;gap:11px;font-size:19px;font-weight:800}.brand .mark{background:var(--grad-brand);display:grid;border-radius:10px;place-items: center;width:34px;height:34px;box-shadow:0 8px 18px -8px #3b4ef0cc}.nav-links{display:flex;align-items: center;gap:4px;margin-left:8px}.nav-links a{color:var(--muted);border-radius:10px;padding:9px 14px;transition:color .15s,background .15s;font-size:15px;font-weight:500}.nav-links a:hover{color:var(--ink);background:var(--bg-soft)}.nav-links a.active{color:var(--brand);background:#3b4ef014}.nav-cta{display:flex;align-items: center;gap:12px;margin-left:auto}.nav-toggle{display:none;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;justify-content:center;align-items: center;width:42px;height:42px;margin-left:auto}.hero{position:relative;background:var(--grad-hero);color:#fff;overflow:hidden;padding:86px 0 120px}.hero:after{content:"";position:absolute;-webkit-mask-image:radial-gradient(900px 520px at 60% 10%,#000 0%,#0000 75%);mask-image:radial-gradient(900px 520px at 60% 10%,#000 0%,#0000 75%);pointer-events:none;background-image:radial-gradient(#ffffff14 1px,#0000 1px);background-size:26px 26px;inset:0}.hero .container{position:relative;z-index:2}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items: center;gap:56px}.hero h1{color:#fff;margin:18px 0 0;font-size:clamp(34px,5.2vw,60px);line-height:1.05}.hero h1 .grad{background:var(--grad-text);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-sub{color:#c3cdf2;max-width:540px;margin-top:22px;font-size:19px}.hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.hero-meta{display:flex;color:#aab6e4;flex-wrap:wrap;gap:26px;margin-top:30px;font-size:14.5px}.hero-meta b{color:#fff}.chip{display:inline-flex;color:#dfe6ff;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:999px;align-items: center;gap:8px;padding:7px 14px;font-size:13.5px;font-weight:500}.dot{background:var(--teal);border-radius:50%;width:8px;height:8px;box-shadow:0 0 #14c8a8b3}.dot.live{animation:pulse 1.6s infinite;background:#ff5d73}@keyframes pulse{0%{box-shadow:0 0 #ff5d738c}70%{box-shadow:0 0 0 10px #ff5d7300}to{box-shadow:0 0 #ff5d7300}}.wave{display:block;position:relative;z-index:1;width:100%;height:64px;margin-top:-64px}.demo-card{border-radius:var(--r-xl);box-shadow:var(--shadow-lg);overflow:hidden;position:relative;background:linear-gradient(#0c142e 0%,#0a1024 100%);border:1px solid #ffffff1a}.demo-top{display:flex;border-bottom:1px solid #ffffff14;align-items: center;gap:10px;padding:15px 20px}.demo-top .title{color:#e9eefc;margin-left:4px;font-size:14.5px;font-weight:600}.demo-top .spacer{flex:1}.demo-status{color:#9fb0e6;display:inline-flex;align-items: center;gap:7px;font-size:12.5px}.tl-dot{border-radius:50%;width:11px;height:11px}.tl-r{background:#ff6058}.tl-y{background:#ffbd2e}.tl-g{background:#28c93f}.lyrics{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#000 16% 72%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 16% 72%,#0000 100%);height:326px;padding:26px 26px 70px}.lyrics-track{display:flex;will-change:transform;flex-direction:column;gap:18px;transition:transform .55s cubic-bezier(.22,1,.36,1)}.lyric{font-family:var(--display);letter-spacing:-.01em;color:#d6e0ff42;filter:blur(.4px);transform-origin:left center;transition:color .5s,opacity .5s,transform .5s,filter .5s;font-size:23px;font-weight:700;line-height:1.32;transform:scale(.985)}.lyric .who{display:block;font-family:var(--font);letter-spacing:.08em;text-transform:uppercase;color:#8af0ff80;margin-bottom:4px;font-size:12px;font-weight:700}.lyric.active{color:#fff;filter:none;transform:scale(1)}.lyric.active .who{color:#8af0ff}.lyric.past{color:#d6e0ff66}.lyric.partial{color:#ffffffb8}.lyric.partial:after{content:"";display:inline-block;vertical-align:-2px;animation:caret 1s steps(1)infinite;background:#8af0ff;border-radius:2px;width:9px;height:1.05em;margin-left:4px}@keyframes caret{50%{opacity:0}}.lyrics-empty{position:absolute;display:flex;color:#8593c4;text-align:center;flex-direction:column;justify-content:center;align-items: center;gap:6px;padding:24px;inset:0}.lyrics-empty .big{font-family:var(--display);color:#ced9ff;font-size:19px;font-weight:700}.demo-controls{position:absolute;display:flex;background:linear-gradient(#0a102400 0%,#0a1024 60%);align-items: center;gap:12px;padding:16px 20px;bottom:0;left:0;right:0}.mic-btn{display:inline-flex;cursor:pointer;font-family:var(--font);color:#fff;background:var(--grad-brand);border:none;border-radius:999px;align-items: center;gap:10px;padding:11px 18px;transition:transform .16s,box-shadow .2s,background .2s;font-size:14.5px;font-weight:600;box-shadow:0 12px 26px -12px #3b4ef0e6}.mic-btn:hover{transform:translateY(-1px)}.mic-btn.stop{background:linear-gradient(120deg,#ff5d73,#ff8a5c)}.mic-btn.ghost{box-shadow:none;background:#ffffff14;border:1px solid #ffffff29}.equalizer{display:inline-flex;align-items: flex-end;gap:3px;height:18px}.equalizer i{animation:eq .9s ease-in-out infinite;background:#8af0ff;border-radius:2px;width:3px;height:30%}.equalizer i:nth-child(2){animation-delay:.15s}.equalizer i:nth-child(3){animation-delay:.3s}.equalizer i:nth-child(4){animation-delay:.45s}.equalizer i:nth-child(5){animation-delay:.6s}@keyframes eq{0%,to{height:25%}50%{height:100%}}.demo-hint{color:#7886b6;margin-left:auto;font-size:12px}.cards-3{grid-template-columns:repeat(3,1fr)}.cards-4{grid-template-columns:repeat(4,1fr)}.cards-2{grid-template-columns:repeat(2,1fr)}.card{border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm);background:#fff;padding:26px;transition:transform .2s,box-shadow .2s,border-color .2s}.card:hover{box-shadow:var(--shadow);border-color:#d8def0;transform:translateY(-4px)}.card h3{margin:16px 0 8px;font-size:20px}.card p{color:var(--muted);font-size:15.5px}.ic{display:grid;color:var(--brand);background:linear-gradient(135deg,#3b4ef01f,#16c5e61f);border-radius:14px;place-items: center;width:50px;height:50px}.ic.amber{color:#d98908;background:linear-gradient(135deg,#f6a60929,#f0468a1f)}.ic.teal{color:#0fa98e;background:linear-gradient(135deg,#14c8a829,#16c5e61f)}.ic.violet{color:var(--brand-2);background:linear-gradient(135deg,#6a3df029,#3b4ef01f)}.steps{display:grid;grid-template-columns:repeat(3,1fr);counter-reset:step;gap:22px}.step{position:relative;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm);background:#fff;padding:28px 24px 24px}.step .num{font-family:var(--display);display:grid;color:#fff;background:var(--grad-brand);border-radius:11px;place-items: center;width:38px;height:38px;margin-bottom:16px;font-size:15px;font-weight:800}.step h3{margin-bottom:8px;font-size:18px}.step p{color:var(--muted);font-size:15px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.stat{text-align:center;padding:8px}.stat .v{font-family:var(--display);background:var(--grad-text);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(30px,4vw,46px);font-weight:800}.stat .l{color:#aebbe6;margin-top:4px;font-size:15px}.split{display:grid;grid-template-columns:1fr 1fr;align-items: center;gap:56px}.split.rev .visual{order:2}.split h2{margin:14px 0 16px;font-size:clamp(24px,3.4vw,36px)}.split p{color:var(--muted);font-size:17px}.ticks{display:grid;gap:13px;margin-top:22px}.tick{display:flex;align-items: flex-start;gap:12px;font-size:15.5px}.tick .ck{color:#0fa98e;display:grid;background:#14c8a824;border-radius:7px;flex:none;place-items: center;width:24px;height:24px;margin-top:1px}.tick b{color:var(--ink)}.tick span{color:var(--muted)}.visual{border-radius:var(--r-lg);border:1px solid var(--line);box-shadow:var(--shadow);position:relative;overflow:hidden;background:linear-gradient(#fbfcff,#f1f4fc);padding:22px}.mock-row{display:flex;border:1px solid var(--line-2);box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;align-items: flex-start;gap:12px;margin-bottom:10px;padding:13px}.avatar{display:grid;color:#fff;border-radius:9px;flex:none;place-items: center;width:34px;height:34px;font-size:13px;font-weight:700}.mock-row .who{color:var(--ink);font-size:13px;font-weight:700}.mock-row .tx{color:var(--muted);font-size:13.5px}.task-row{display:flex;border:1px solid var(--line-2);background:#fff;border-radius:12px;align-items: center;gap:12px;margin-bottom:9px;padding:12px 14px}.task-row .cb{border:2px solid var(--brand);position:relative;border-radius:6px;flex:none;width:20px;height:20px}.task-row.done .cb{background:var(--brand)}.task-row.done .cb:after{content:"✓";color:#fff;position:absolute;display:grid;place-items: center;font-size:12px;inset:0}.task-row .t{font-size:14px;font-weight:500}.badge{border-radius:999px;margin-left:auto;padding:3px 9px;font-size:11.5px;font-weight:600}.badge.b1{color:#c47d05;background:#f6a60924}.badge.b2{color:#0fa98e;background:#14c8a824}.badge.b3{color:var(--brand);background:#3b4ef01f}.trust{text-align:center}.trust .label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);font-size:13px;font-weight:600}.logos{display:flex;flex-wrap:wrap;justify-content:center;align-items: center;gap:18px 38px;margin-top:22px}.logos .logo{font-family:var(--display);color:#97a1bd;display:inline-flex;align-items: center;gap:9px;font-size:17px;font-weight:700}.logos .logo svg{opacity:.7}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);align-items:stretch;gap:22px}.plan{border:1px solid var(--line);border-radius:var(--r-lg);display:flex;box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;padding:30px}.plan.feat{border:1.5px solid var(--brand);position:relative;box-shadow:0 30px 60px -30px #3b4ef073}.plan.feat:before{content:"Phổ biến nhất";position:absolute;background:var(--grad-brand);color:#fff;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:700;top:-13px;left:30px}.plan .pname{font-family:var(--display);font-size:20px;font-weight:700}.plan .pdesc{color:var(--muted);min-height:44px;margin:8px 0 18px;font-size:14.5px}.plan .price{display:flex;align-items:baseline;gap:6px}.plan .price .amt{font-family:var(--display);color:var(--ink);font-size:38px;font-weight:800}.plan .price .per{color:var(--muted);font-size:14px}.plan ul{list-style:none;display:grid;gap:11px;margin:22px 0;padding:0}.plan li{display:flex;color:var(--ink-2);gap:10px;font-size:14.5px}.plan li svg{color:var(--teal);flex:none;margin-top:3px}.plan li.off{color:var(--muted-2)}.plan li.off svg{color:#c2c9da}.plan .btn{margin-top:auto}.cmp{border-collapse:collapse;width:100%;margin-top:16px;font-size:14.5px}.cmp th,.cmp td{text-align:left;border-bottom:1px solid var(--line);padding:14px 16px}.cmp thead th{font-family:var(--display);font-size:15px}.cmp tbody td:not(:first-child),.cmp thead th:not(:first-child){text-align:center}.cmp td:first-child{color:var(--ink-2);font-weight:500}.cmp .yes{color:var(--teal)}.cmp .no{color:#c2c9da}.cmp tr:hover td{background:var(--bg-soft)}.faq{display:grid;gap:12px;max-width:820px;margin:0 auto}.qa{border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden;background:#fff}.qa summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items: center;gap:16px;padding:18px 22px;font-size:16.5px;font-weight:600}.qa summary::-webkit-details-marker{display:none}.qa summary:after{content:"+";color:var(--brand);transition:transform .2s;font-size:22px;font-weight:400}.qa[open] summary:after{transform:rotate(45deg)}.qa .a{color:var(--muted);padding:0 22px 20px;font-size:15.5px}.cta{position:relative;background:var(--grad-hero);border-radius:var(--r-xl);color:#fff;overflow:hidden;text-align:center;padding:64px 56px}.cta:after{content:"";position:absolute;-webkit-mask-image:radial-gradient(700px 360px at 50% 0%,#000,#0000 70%);mask-image:radial-gradient(700px 360px at 50% 0%,#000,#0000 70%);background-image:radial-gradient(#ffffff12 1px,#0000 1px);background-size:24px 24px;inset:0}.cta h2{color:#fff;position:relative;font-size:clamp(28px,4vw,42px)}.cta p{position:relative;color:#c3cdf2;max-width:560px;margin:14px auto 28px;font-size:18px}.cta .hero-cta{justify-content:center}.footer{color:#aab6e4;background:#0a1024;padding:64px 0 30px}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:40px}.footer .brand{color:#fff}.footer p{color:#8593c4;max-width:300px;margin-top:14px;font-size:14.5px}.footer h4{color:#fff;font-family:var(--font);letter-spacing:.04em;margin-bottom:14px;font-size:14px}.footer ul{list-style:none;display:grid;gap:10px;margin:0;padding:0}.footer a{color:#9aa6c8;transition:color .15s;font-size:14.5px}.footer a:hover{color:#fff}.footer-bottom{display:flex;color:#6f7ba6;border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:46px;padding-top:22px;font-size:13.5px}.page-hero{background:var(--grad-hero);color:#fff;position:relative;overflow:hidden;padding:76px 0 96px}.page-hero:after{content:"";position:absolute;-webkit-mask-image:radial-gradient(800px 460px at 70% 0%,#000,#0000 72%);mask-image:radial-gradient(800px 460px at 70% 0%,#000,#0000 72%);background-image:radial-gradient(#ffffff12 1px,#0000 1px);background-size:26px 26px;inset:0}.page-hero .container{position:relative;z-index:2}.page-hero h1{color:#fff;max-width:760px;margin-top:16px;font-size:clamp(32px,4.6vw,52px)}.page-hero p{color:#c3cdf2;max-width:620px;margin-top:16px;font-size:19px}.reveal{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.22,1,.36,1);transform:translateY(22px)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}.lyrics-track{transition:none}}.kicker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}.mini{display:flex;align-items: flex-start;gap:12px}.mini .ic{border-radius:12px;width:42px;height:42px}.mini b{display:block;font-size:15px}.mini span{color:var(--muted);font-size:14px}.audience-row{display:grid;grid-template-columns:200px 1fr;border-bottom:1px solid var(--line);align-items: start;gap:24px;padding:26px 0}.audience-row:last-child{border-bottom:none}.audience-row h3{font-size:20px}.audience-row .who-ic{display:inline-flex;margin-bottom:10px}.note{background:var(--bg-soft);border:1px solid var(--line);border-left:3px solid var(--brand);color:var(--ink-2);border-radius:12px;padding:18px 20px;font-size:15px}.form{display:grid;gap:16px}.field{display:grid;gap:7px}.field label{color:var(--ink-2);font-size:14px;font-weight:600}.field input,.field textarea,.field select{font-family:var(--font);border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:12px;padding:12px 14px;transition:border-color .15s,box-shadow .15s;font-size:15px}.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px #3b4ef01f}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.toast{color:#0c8c75;background:#14c8a81f;border:1px solid #14c8a84d;border-radius:12px;padding:14px 16px;font-size:14.5px;font-weight:500}.contact-grid{display:grid;grid-template-columns:1fr 1fr;align-items: start;gap:48px}.contact-info{display:grid;gap:22px}.contact-item{display:flex;align-items: flex-start;gap:14px}.contact-item b{display:block;font-size:15px}.contact-item span{color:var(--muted);font-size:14.5px}@media (max-width:980px){.hero-grid{grid-template-columns:1fr;gap:40px}.split{grid-template-columns:1fr;gap:32px}.split.rev .visual{order:0}.footer-grid{grid-template-columns:1fr 1fr}.contact-grid{grid-template-columns:1fr;gap:32px}}@media (max-width:860px){.nav-links,.nav-cta .btn-primary{display:none}.nav-toggle{display:inline-flex}.nav.open .nav-links{display:flex;position:absolute;border-bottom:1px solid var(--line);background:#fff;flex-direction:column;align-items:stretch;gap:4px;padding:12px;top:70px;left:0;right:0}.cards-3,.cards-4,.price-grid,.steps,.stats,.kicker-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.cards-2,.two-col{grid-template-columns:1fr}.audience-row{grid-template-columns:1fr;gap:10px}.section{padding:64px 0}.cta{padding:48px 24px}}@media (max-width:560px){.footer-grid{grid-template-columns:1fr}.hero{padding:56px 0 90px}}