:root{--navy:#162849;--ink:#0f172a;--text:#3c5475;--muted:#7088a5;--blue-900:#1e3a8a;--blue-700:#1d4ed8;--blue-600:#2355c3;--blue-500:#3e88e7;--blue-50:#eef4ff;--bg:#fff;--bg-soft:#f7faff;--bg-tint:#f4f8ff;--line:#e3eaf5;--orange:#ff6535;--amber:#f59e0b;--green:#16a34a;--red:#dc2626;--shopee:#ee4d2d;--grad:linear-gradient(90deg,#1e3a8a 0%,#2355c3 50%,#1d4ed8 100%);--grad-text:linear-gradient(90deg,#1d4ed8 0%,#3e88e7 100%);--grad-ai:linear-gradient(135deg,#1e3a8a 0%,#2355c3 55%,#3e88e7 100%);--r:16px;--r-lg:24px;--r-xl:32px;--sh-card:0 4px 24px #1628490f;--sh-hover:0 18px 45px #1e3a8a24;--sh-btn:0 10px 24px -8px #1d4ed88c;--sh-float:0 30px 70px -25px #16284959;--ease-spring:cubic-bezier(.16, 1, .3, 1)}html{scroll-behavior:smooth;scroll-padding-top:90px}.landing-root{box-sizing:border-box;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Be Vietnam Pro,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}.landing-root *,.landing-root :before,.landing-root :after{box-sizing:border-box}.landing-root img{max-width:100%;display:block}.landing-root a{text-decoration:none}.landing-root a:not(.btn){color:inherit}.landing-root button,.landing-root input,.landing-root select,.landing-root textarea{font:inherit}.landing-root h1,.landing-root h2,.landing-root h3{color:var(--navy);letter-spacing:-.02em;font-weight:900;line-height:1.15}.landing-root h1{font-size:clamp(34px,5vw,56px)}.landing-root h2{font-size:clamp(28px,3.6vw,40px)}.landing-root h3{font-size:20px;font-weight:800}.landing-root h1,.landing-root h2{text-wrap:balance}.wrap{max-width:1200px;margin:0 auto;padding:0 20px}.grid-bg{background-color:var(--bg-tint);background-image:linear-gradient(#4267ea0b 1px,#0000 1px),linear-gradient(90deg,#4267ea0b 1px,#0000 1px);background-size:32px 32px}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--blue-500);background:var(--blue-50);border:1px solid #d9e6ff;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:12px;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex}.eyebrow:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3e88e726}.eyebrow .dot{background:var(--blue-500);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite dotPulse;box-shadow:0 0 0 4px #3e88e72e}.hl{background:var(--grad-text);color:#0000;-webkit-background-clip:text;background-clip:text}.lead{color:var(--text);max-width:600px;font-size:18px}.sec{padding:96px 0}.sec-head{text-align:center;max-width:760px;margin:0 auto 52px}.sec-head h2{margin:14px 0}.sec-head p{color:var(--text);font-size:17px}.btn{letter-spacing:.01em;cursor:pointer;white-space:nowrap;height:52px;transition:transform .25s var(--ease-spring),box-shadow .25s var(--ease-spring),background .25s ease,border-color .25s ease;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 26px;font-size:15px;font-weight:800;display:inline-flex;position:relative}.btn svg{flex:none;width:18px;height:18px;transition:transform .2s}.btn:hover svg{transform:translate(3px)}.btn-primary,.landing-root .btn-primary,.landing-root a.btn-primary,.landing-root button.btn-primary{background:var(--grad);box-shadow:var(--sh-btn);overflow:hidden;color:#fff!important}.btn-primary svg,.landing-root .btn-primary svg{stroke:currentColor;color:#fff!important}.btn-primary:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff59,#0000);width:45%;height:200%;position:absolute;top:-50%;left:-65%;transform:rotate(25deg)}.btn-primary:hover:after{animation:1.15s ease-in-out infinite btnShimmer}@keyframes btnShimmer{0%{left:-65%}to{left:145%}}.btn-primary:hover{transform:translateY(-3px)scale(1.015);box-shadow:0 18px 32px -8px #1d4ed8bf;color:#fff!important}.btn-ghost,.landing-root .btn-ghost,.landing-root a.btn-ghost{transition:all .25s var(--ease-spring);background:#fff;border:1.5px solid #cfe0fb;color:var(--blue-700)!important}.btn-ghost:hover{border-color:var(--blue-500);background:var(--blue-50);transform:translateY(-2px);box-shadow:0 8px 24px -6px #1d4ed833;color:var(--blue-700)!important}.btn-shopee,.landing-root .btn-shopee,.landing-root a.btn-shopee,.landing-root button.btn-shopee{background:var(--shopee);overflow:hidden;box-shadow:0 10px 24px -8px #ee4d2d8c;color:#fff!important}.btn-shopee svg,.landing-root .btn-shopee svg{stroke:currentColor;color:#fff!important}.btn-shopee:hover{background:#d7381b;transform:translateY(-3px)scale(1.015);box-shadow:0 18px 32px -8px #ee4d2db8;color:#fff!important}.btn-light{color:var(--blue-700);background:#fff;box-shadow:0 4px 16px #00000014}.btn-light:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 12px 28px #00000026}.btn-sm{height:42px;padding:0 18px;font-size:14px}.btn-block{width:100%}.topbar{background:var(--navy);color:#c9d6ee;font-size:13px}.topbar .wrap{align-items:center;gap:24px;height:38px;display:flex;overflow:hidden}.topbar a,.topbar .addr{white-space:nowrap;align-items:center;gap:6px;transition:color .2s;display:inline-flex}.topbar a:hover{color:#fff}.topbar svg{width:14px;height:14px}.topbar .right{margin-left:auto}header.nav{z-index:50;-webkit-backdrop-filter:saturate(1.8)blur(14px);border-bottom:1px solid var(--line);background:#fffffff0;transition:box-shadow .25s;position:sticky;top:0}header.nav:hover{box-shadow:0 4px 20px #1628490d}header.nav .wrap{align-items:center;gap:24px;height:74px;display:flex}.logo{align-items:center;gap:10px;transition:transform .2s;display:flex}.logo:hover{transform:scale(1.02)}.logo img{-o-object-fit:contain;object-fit:contain;width:44px;height:44px}.logo b{color:var(--navy);font-size:18px;font-weight:900;line-height:1;display:block}.logo small{color:var(--blue-500);letter-spacing:.14em;text-transform:uppercase;margin-top:4px;font-size:11px;font-weight:700;display:block}.menu{gap:2px;margin-left:12px;display:flex}.menu a{color:var(--text);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600;transition:all .2s}.menu a:hover{color:var(--blue-700);background:var(--blue-50);transform:translateY(-1px)}.nav-cta{align-items:center;gap:10px;margin-left:auto;display:flex}.burger{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-left:auto;transition:background .2s;display:none}.burger:hover{background:var(--blue-50)}.burger svg{width:22px;height:22px;color:var(--navy)}.mobile-menu{border-top:1px solid var(--line);background:#fff;padding:8px 20px 20px;display:none}.mobile-menu a{color:var(--navy);border-bottom:1px solid var(--line);padding:12px 4px;font-weight:600;display:block}.mobile-menu .btn{border:0;margin-top:14px}.mobile-menu.open{animation:.25s ease-out drawerSlide;display:block}@keyframes drawerSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.hero{background:linear-gradient(180deg,#fff 0%,var(--bg-soft) 100%);padding:64px 0 96px;position:relative;overflow:hidden}.hero:before{content:"";background-image:linear-gradient(#4267ea0d 1px,#0000 1px),linear-gradient(90deg,#4267ea0d 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 70% at 70% 40%,#000 30%,#0000 75%);mask-image:radial-gradient(70% 70% at 70% 40%,#000 30%,#0000 75%)}.hero .wrap{grid-template-columns:.92fr 1.08fr;align-items:center;gap:56px;display:grid;position:relative}.hero h1{margin:22px 0}.hero .lead{margin-bottom:32px}.hero-ctas{flex-wrap:wrap;gap:12px;margin-bottom:26px;display:flex}.ticks{color:var(--text);flex-wrap:wrap;gap:10px 22px;font-size:14px;font-weight:600;display:flex}.ticks span{align-items:center;gap:8px;transition:transform .2s;display:inline-flex}.ticks span:hover{color:var(--navy);transform:translate(2px)}.ticks svg{width:18px;height:18px;color:var(--green);flex:none}.hero-visual{padding:40px 0 30px 30px;position:relative}.halo{pointer-events:none;background:radial-gradient(circle,#3e88e747 0%,#3e88e700 68%);border-radius:50%;width:540px;height:540px;animation:6s ease-in-out infinite haloPulse;position:absolute;top:-40px;right:-60px}@keyframes haloPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.browser{border:1px solid var(--line);box-shadow:var(--sh-float);transition:transform .4s var(--ease-spring),box-shadow .4s var(--ease-spring);background:#fff;border-radius:18px;position:relative;overflow:hidden}.browser:hover{box-shadow:0 36px 85px -20px #1628496b}.browser .bar{border-bottom:1px solid var(--line);background:#f3f6fb;align-items:center;gap:6px;padding:10px 14px;display:flex}.browser .bar i{background:#d5ddea;border-radius:50%;width:10px;height:10px}.browser .bar i:first-child{background:#ff6b5e}.browser .bar i:nth-child(2){background:#ffbe2e}.browser .bar i:nth-child(3){background:#2acb42}.browser .bar span{border:1px solid var(--line);max-width:260px;color:var(--muted);background:#fff;border-radius:999px;flex:1;margin-left:10px;padding:3px 12px;font-size:11.5px;font-weight:600}.browser img{width:100%;height:auto}.mascot-peek{z-index:3;filter:drop-shadow(0 20px 26px #1e3a8a52);width:170px;animation:6s ease-in-out infinite float;position:absolute;top:-46px;right:-26px}@keyframes float{0%,to{transform:translateY(0)rotate(4deg)}50%{transform:translateY(-12px)rotate(4deg)}}.speech{z-index:3;border:1px solid var(--line);color:var(--navy);box-shadow:var(--sh-card);max-width:230px;animation:speechPop .7s var(--ease-spring) backwards .3s;background:#fff;border-radius:18px 18px 4px;padding:11px 15px;font-size:13.5px;font-weight:700;position:absolute;top:-34px;right:130px}@keyframes speechPop{0%{opacity:0;transform:scale(.85)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.speech em{color:var(--green);font-style:normal;font-weight:900}.chip-float{z-index:3;border:1px solid var(--line);box-shadow:var(--sh-float);transition:transform .3s var(--ease-spring),box-shadow .3s ease;background:#fff;border-radius:16px;align-items:center;gap:12px;padding:12px 16px;display:flex;position:absolute}.chip-float:hover{transform:translateY(-4px)scale(1.03);box-shadow:0 24px 48px -12px #16284959}.chip-float .ic{border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid}.chip-float .ic svg{width:20px;height:20px}.chip-float small{color:var(--muted);font-size:11.5px;font-weight:600;line-height:1.3;display:block}.chip-float b{color:var(--navy);font-size:17px;font-weight:900}.chip-a{animation:5.2s ease-in-out infinite chipFloatA;bottom:70px;left:0}.chip-b{animation:5.8s ease-in-out .8s infinite chipFloatB;bottom:0;right:-10px}@keyframes chipFloatA{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes chipFloatB{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.shot-note{text-align:right;color:var(--muted);margin-top:12px;font-size:12px}.proof{background:linear-gradient(#fff 0%,#f5f8fe 100%);border-top:1px solid #e1eaf5;border-bottom:1px solid #e1eaf5;padding:32px 0;box-shadow:inset 0 1px #ffffffe6,0 8px 24px -10px #1628490d}.proof-grid{grid-template-columns:auto 1fr;align-items:center;gap:36px;display:grid}.proof-brand-card{border-right:1.5px dashed #d6e4f7;flex-direction:column;gap:10px;padding-right:32px;display:flex}.proof-tag{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);align-items:center;gap:6px;font-size:11.5px;font-weight:800;display:inline-flex}.proof-tag .dot{background:var(--blue-500);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite dotPulse;box-shadow:0 0 0 3px #3e88e733}.proof .logos{align-items:center;gap:12px;display:flex}.logo-box{transition:transform .25s var(--ease-spring),box-shadow .25s ease,border-color .25s ease;background:#fff;border:1.5px solid #e2eaf5;border-radius:14px;justify-content:center;align-items:center;padding:10px 18px;display:flex;box-shadow:0 3px 12px #1628490a}.logo-box:hover{border-color:#bfd5fa;transform:translateY(-3px);box-shadow:0 8px 22px #1628491a}.logo-box img{-o-object-fit:contain;object-fit:contain;width:auto;height:28px}.stats{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.stat{transition:transform .3s var(--ease-spring),box-shadow .3s ease,border-color .3s ease;background:#fff;border:1.5px solid #e1eaf5;border-radius:16px;align-items:center;gap:16px;padding:18px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #1628490a}.stat:before{content:"";background:var(--grad);opacity:0;height:3px;transition:opacity .25s;position:absolute;top:0;left:0;right:0}.stat:hover{border-color:#bfd5fa;transform:translateY(-5px);box-shadow:0 14px 30px -8px #1e3a8a24}.stat:hover:before{opacity:1}.stat-ic{width:48px;height:48px;transition:transform .3s var(--ease-spring);border-radius:14px;flex:none;place-items:center;display:grid;box-shadow:0 4px 12px #0000000d}.stat:hover .stat-ic{transform:scale(1.1)rotate(4deg)}.stat-info b{background:var(--grad-text);color:#0000;letter-spacing:-.01em;-webkit-background-clip:text;background-clip:text;font-size:30px;font-weight:900;line-height:1.1;display:block}.stat-info span{color:var(--text);margin-top:2px;font-size:13px;font-weight:700;display:block}.pains{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.pain{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-card);transition:transform .35s var(--ease-spring),box-shadow .35s var(--ease-spring),border-color .35s ease;background:#fff;padding:28px;position:relative;overflow:hidden}.pain:before{content:"";background:var(--grad);opacity:0;height:4px;transition:opacity .35s;position:absolute;top:0;left:0;right:0}.pain:hover{box-shadow:var(--sh-hover);border-color:#bfd5fa;transform:translateY(-8px)}.pain:hover:before{opacity:1}.pain .num{width:36px;height:36px;color:var(--orange);letter-spacing:.05em;transition:transform .3s var(--ease-spring),background .25s ease,color .25s ease;background:#fff2ee;border-radius:10px;justify-content:center;align-items:center;margin-bottom:6px;font-size:13px;font-weight:900;display:inline-flex}.pain:hover .num{background:var(--orange);color:#fff;transform:scale(1.12)rotate(-4deg)}.pain h3{margin:10px 0;font-size:19px;transition:color .2s}.pain:hover h3{color:var(--blue-700)}.pain p{color:var(--text);font-size:15px}.pain-foot{text-align:center;color:var(--navy);margin-top:36px;font-size:17px;font-weight:700}.pain-foot span{color:var(--blue-700)}.show{grid-template-columns:.8fr 1.2fr;align-items:center;gap:48px;display:grid}.seg{border:1px solid var(--line);background:#fff;border-radius:999px;margin-bottom:24px;padding:4px;display:inline-flex;box-shadow:0 2px 10px #1628490a}.seg button{color:var(--text);cursor:pointer;transition:all .25s var(--ease-spring);background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:9px 18px;font-size:14px;font-weight:800;display:inline-flex}.seg button:hover{color:var(--blue-700);transform:translateY(-1px)}.seg button.on{background:var(--navy);color:#fff;transform:scale(1.02);box-shadow:0 4px 14px #16284940}.seg button img{width:18px;height:18px}.flow{gap:10px;list-style:none;display:grid}.flow li{border:1px solid var(--line);border-radius:var(--r);cursor:pointer;transition:border-color .25s ease,box-shadow .25s ease,transform .25s var(--ease-spring);background:#fff;gap:14px;padding:16px 18px;display:flex}.flow li:hover{box-shadow:var(--sh-card);border-color:#bfd5fa;transform:translate(4px)}.flow li.on{border-color:var(--blue-500);background:linear-gradient(90deg,var(--bg-tint) 0%,#fff 100%);position:relative;transform:translate(6px);box-shadow:0 8px 24px -4px #1e3a8a24}.flow li.on:after{content:"";background:var(--grad);border-radius:0 4px 4px 0;width:4px;position:absolute;top:10px;bottom:10px;left:0}.flow .n{background:var(--blue-50);width:34px;height:34px;color:var(--blue-700);transition:all .25s var(--ease-spring);border-radius:10px;flex:none;place-items:center;font-size:14px;font-weight:900;display:grid}.flow li.on .n{background:var(--grad);color:#fff;transform:scale(1.06);box-shadow:0 4px 12px #1d4ed859}.flow b{color:var(--navy);font-size:15.5px;display:block}.flow span{color:var(--text);font-size:14px}.browser-step-badge{-webkit-backdrop-filter:blur(8px);color:#fff;animation:speechPop .35s var(--ease-spring);pointer-events:none;z-index:2;background:#162849e0;border:1px solid #fff3;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex;position:absolute;bottom:14px;left:16px;box-shadow:0 8px 20px #0000004d}.browser-step-badge .dot{background:var(--blue-500);border-radius:50%;width:6px;height:6px;animation:1.8s ease-in-out infinite dotPulse;box-shadow:0 0 0 3px #3e88e74d}.tools{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.tool{border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--sh-card);transition:transform .35s var(--ease-spring),box-shadow .35s var(--ease-spring),border-color .35s ease;background:#fff;flex-direction:column;padding:32px;display:flex;position:relative;overflow:hidden}.tool:before{content:"";background:var(--grad);opacity:0;height:4px;transition:opacity .35s;position:absolute;top:0;left:0;right:0}.tool:hover{box-shadow:var(--sh-hover);border-color:#bfd5fa;transform:translateY(-8px)}.tool:hover:before{opacity:1}.tool .head{align-items:center;gap:14px;margin-bottom:16px;display:flex}.tool .ico{width:56px;height:56px;transition:transform .35s var(--ease-spring);border-radius:16px;flex:none;place-items:center;display:grid}.tool:hover .ico{transform:scale(1.08)rotate(3deg)}.tool .ico img{width:30px;height:30px}.tool .ico svg{color:#fff;width:28px;height:28px}.tool h3{font-size:21px;transition:color .2s}.tool:hover h3{color:var(--blue-700)}.tool .tag{color:var(--muted);font-size:12.5px;font-weight:700}.tool p{color:var(--text);margin-bottom:18px;font-size:15px}.tool ul{gap:10px;margin-bottom:26px;list-style:none;display:grid}.tool li{color:var(--ink);gap:10px;font-size:14.5px;font-weight:500;transition:transform .2s;display:flex}.tool:hover li{transform:translate(2px)}.tool li svg{width:18px;height:18px;color:var(--blue-500);flex:none;margin-top:2px}.tool li svg.crown{color:var(--amber)}.tool .tfoot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:14px;display:flex}.access{letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:6px;font-size:12.5px;font-weight:800;display:inline-flex}.access.free{color:var(--green)}.access.free:before{content:"";background:var(--green);border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite dotPulse;display:inline-block;box-shadow:0 0 0 3px #16a34a38}.access.member{color:var(--orange)}.access.member:before{content:"";background:var(--orange);border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 3px #ff653538}.ai-badge-live{color:#6ee7b7;vertical-align:middle;text-transform:uppercase;letter-spacing:.04em;background:#6ee7b726;border:1px solid #6ee7b74d;border-radius:999px;align-items:center;gap:5px;margin-left:8px;padding:2px 8px;font-size:10.5px;font-weight:800;display:inline-flex}.ai-badge-live .dot{background:#6ee7b7;border-radius:50%;width:5px;height:5px;animation:1.8s ease-in-out infinite dotPulse;box-shadow:0 0 0 3px #6ee7b740}.tool-ai{background:var(--grad-ai);border:0;box-shadow:0 14px 40px #1e3a8a47}.tool-ai:before{display:none}.tool-ai:hover{transform:translateY(-8px);box-shadow:0 24px 55px #1e3a8a6b}.tool-ai h3,.tool-ai li,.tool-ai:hover h3{color:#fff}.tool-ai p,.tool-ai .tag{color:#d3e2ff}.tool-ai li svg{color:#9cc4ff}.tool-ai .mascot-ai{width:150px;transition:transform .4s var(--ease-spring);filter:drop-shadow(0 15px 25px #00000059);position:absolute;top:-8px;right:-18px;transform:rotate(8deg)}.tool-ai:hover .mascot-ai{transform:rotate(12deg)scale(1.06)}.tool-ai .head,.tool-ai p,.tool-ai ul{max-width:78%;position:relative}.tool-ai .access.member{color:#ffc2ae}.cmp{border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--sh-card);background:#fff;overflow:hidden}.cmp table{border-collapse:collapse;text-align:left;width:100%;font-size:14.5px}.cmp th,.cmp td{border-bottom:1px solid var(--line);vertical-align:middle;padding:16px 22px;transition:background .2s}.cmp th{color:var(--navy);letter-spacing:.04em;text-transform:uppercase;background:#f7fafd;font-size:14px;font-weight:800}.cmp tbody tr:hover td{background:#eef4ff8c}.cmp td.us,.cmp th.us{color:var(--navy);background:#3e88e70f;border-left:1px solid #dce7f7;border-right:1px solid #dce7f7;font-weight:700}.cmp th.us{color:var(--blue-700);position:relative}.cmp th.us:after{content:"";background:var(--blue-500);height:2px;position:absolute;bottom:0;left:0;right:0}.cmp-badge{text-transform:uppercase;letter-spacing:.06em;background:var(--blue-600);color:#fff;vertical-align:middle;border-radius:999px;margin-left:8px;padding:3px 9px;font-size:10px;font-weight:800;display:inline-block;box-shadow:0 2px 8px #2355c359}.cmp .x,.cmp .v{align-items:flex-start;gap:8px;display:inline-flex}.cmp svg{flex:none;width:18px;height:18px;margin-top:2px}.cmp .x svg{color:#e06a5a}.cmp .v svg{color:var(--green)}.plans{grid-template-columns:1fr 1fr;gap:24px;max-width:980px;margin:0 auto;display:grid}.plan{border:1px solid var(--line);border-radius:var(--r-xl);transition:transform .35s var(--ease-spring),box-shadow .35s var(--ease-spring),border-color .35s ease;background:#fff;flex-direction:column;padding:34px;display:flex;position:relative}.plan:hover{box-shadow:var(--sh-hover);border-color:#bfd5fa;transform:translateY(-6px)}.plan.pro{border:2px solid var(--blue-600);position:relative;overflow:visible;box-shadow:0 16px 45px #1e3a8a33}.plan.pro:before{content:"";border-radius:calc(var(--r-xl) + 3px);z-index:-1;opacity:.65;filter:blur(8px);background:linear-gradient(135deg,#1e3a8a66,#3e88e7bf,#1e3a8a66);transition:opacity .35s,filter .35s;animation:5s ease-in-out infinite haloPulse;position:absolute;inset:-3px}.plan.pro:hover:before{opacity:1;filter:blur(14px)}.plan.pro:hover{transform:translateY(-8px);box-shadow:0 24px 55px #1e3a8a40}.chip-pnl{z-index:3;animation:5.5s ease-in-out infinite chipFloatB;position:absolute;bottom:32px;right:16px;box-shadow:0 20px 40px -10px #00000080}.plan .badge{background:var(--orange);color:#fff;letter-spacing:.04em;border-radius:999px;padding:5px 14px;font-size:12px;font-weight:800;animation:3s ease-in-out infinite badgeGlow;position:absolute;top:-14px;left:34px}@keyframes badgeGlow{0%,to{transform:scale(1);box-shadow:0 4px 14px #ff653573}50%{transform:scale(1.05);box-shadow:0 6px 22px #ff6535bf}}.plan h3{font-size:22px}.plan .price{color:var(--navy);margin:14px 0 4px;font-size:34px;font-weight:900}.plan .price small{color:var(--muted);font-size:15px;font-weight:600}.plan>p{color:var(--text);margin-bottom:22px;font-size:15px}.plan ul{gap:12px;margin-bottom:28px;list-style:none;display:grid}.plan li{gap:10px;font-size:15px;display:flex}.plan li svg{width:18px;height:18px;color:var(--green);flex:none;margin-top:3px}.plan li svg.crown{color:var(--amber)}.plan .btn{margin-top:auto}.eco{grid-template-columns:.9fr 1.1fr;align-items:center;gap:56px;display:grid}.eco h2{margin:14px 0 16px}.eco>div>p{color:var(--text);margin-bottom:24px;font-size:16px}.eco-list{grid-template-columns:1fr 1fr;gap:16px;display:grid}.eco-item{border:1px solid var(--line);border-radius:var(--r-lg);transition:border-color .25s ease,transform .35s var(--ease-spring),box-shadow .35s var(--ease-spring);background:#fff;padding:22px;position:relative;overflow:hidden}.eco-item:before{content:"";background:var(--grad);opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.eco-item:hover{border-color:var(--blue-500);box-shadow:var(--sh-hover);transform:translateY(-6px)}.eco-item:hover:before{opacity:1}.eco-item .k{letter-spacing:.1em;text-transform:uppercase;color:var(--orange);font-size:11px;font-weight:800}.eco-item h4{color:var(--navy);margin:6px 0;font-size:16px;font-weight:800;transition:color .2s}.eco-item:hover h4{color:var(--blue-700)}.eco-item p{color:var(--text);font-size:13.5px}.eco-item .go{color:var(--blue-700);align-items:center;gap:6px;margin-top:12px;font-size:13px;font-weight:800;display:inline-flex}.eco-item .go svg{width:14px;height:14px;transition:transform .2s}.eco-item:hover .go svg{transform:translate(4px)}.faq{gap:16px;max-width:900px;margin:0 auto;display:grid}.faq-card{transition:all .3s var(--ease-spring);background:#fff;border:1.5px solid #e1eaf5;border-radius:18px;overflow:hidden;box-shadow:0 4px 18px #1628490a}.faq-card:hover{border-color:#bfd5fa;transform:translateY(-2px);box-shadow:0 12px 30px -8px #1e3a8a1f}.faq-card[open]{border-color:var(--blue-600);background:#fff;box-shadow:0 16px 36px -8px #1e3a8a29}.faq-sum{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:18px;padding:22px 26px;list-style:none;transition:background .2s;display:flex}.faq-sum::-webkit-details-marker{display:none}.faq-sum:hover{background:#eef4ff59}.faq-q-text{color:var(--navy);align-items:center;font-size:17px;font-weight:800;line-height:1.4;transition:color .2s;display:flex}.faq-sum:hover .faq-q-text,.faq-card[open] .faq-q-text{color:var(--blue-700)}.faq-q-badge{color:var(--blue-700);background:#eef4ff;border:1.5px solid #d2e3fc;border-radius:8px;flex:none;justify-content:center;align-items:center;margin-right:14px;padding:3px 9px;font-size:12px;font-weight:900;transition:all .25s;display:inline-flex}.faq-card[open] .faq-q-badge{background:var(--blue-600);color:#fff;border-color:var(--blue-600);box-shadow:0 2px 8px #2355c359}.faq .pm{width:40px;height:40px;color:var(--blue-700);transition:transform .32s var(--ease-spring),background .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease;background:#eef4ff;border:2px solid #bfd5fa;border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:0 3px 10px #1e3a8a1f}.faq .pm svg{stroke:currentColor;width:20px;height:20px;transition:transform .32s var(--ease-spring);flex:none;display:block}.faq-sum:hover .pm{background:var(--blue-600);border-color:var(--blue-600);color:#fff;transform:scale(1.1);box-shadow:0 6px 18px #1d4ed859}.faq-card[open] .pm{background:var(--navy);border-color:var(--navy);color:#fff;transform:rotate(45deg)scale(1.06);box-shadow:0 6px 18px #16284959}.faq-ans{background:#f8fafd;border-top:1px solid #ebf1fa;padding:22px 26px 24px;animation:.3s ease-out faqSlideDown}.faq-ans p{color:var(--text);margin:0;padding:0;font-size:15.5px;line-height:1.75}@keyframes faqSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.contact{background:var(--grad);color:#fff;border-radius:var(--r-xl);grid-template-columns:1fr 1fr;gap:48px;padding:56px;display:grid;position:relative;overflow:hidden}.contact:before{content:"";background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.contact>*{position:relative}.contact .eyebrow{color:#fff;background:#ffffff1f;border-color:#ffffff40}.contact .eyebrow .dot{background:#fff;box-shadow:0 0 0 4px #fff3}.contact h2{color:#fff;margin:16px 0 14px}.contact>div>p{color:#d3e2ff;font-size:16px}.contact ul{gap:10px;margin:24px 0;list-style:none;display:grid}.contact li{gap:10px;font-weight:600;transition:transform .2s;display:flex}.contact li:hover{transform:translate(3px)}.contact li svg{color:#9cf0b8;flex:none;width:20px;height:20px}.contact-info{gap:10px;font-size:15px;display:grid}.contact-info a,.contact-info span{color:#fff;align-items:center;gap:10px;font-weight:600;transition:transform .2s,color .2s;display:inline-flex}.contact-info a:hover{color:#9cc4ff;transform:translate(3px)}.contact-info svg{color:#9cc4ff;flex:none;width:18px;height:18px}.mascot-contact{filter:drop-shadow(0 16px 24px #00000040);width:120px;margin-top:22px}.form{color:var(--ink);border-radius:var(--r-lg);background:#fff;padding:30px;box-shadow:0 30px 60px -20px #00000059}.form h3{font-size:20px}.form>p{color:var(--muted);margin:4px 0 18px;font-size:13.5px}.form .f{margin-bottom:12px}.form label{color:var(--navy);margin-bottom:5px;font-size:13px;font-weight:700;display:block}.form input,.form select,.form textarea{border:1.5px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:12px;outline:0;padding:11px 14px;font-size:15px;transition:border-color .2s,box-shadow .2s}.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--blue-500);box-shadow:0 0 0 4px #3e88e72e}.form textarea{resize:vertical;min-height:80px}.form .two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form .assure{color:var(--muted);justify-content:center;gap:18px;margin-top:12px;font-size:12px;font-weight:600;display:flex}.form .ok{color:var(--green);background:#e8f7ee;border-radius:12px;margin-top:12px;padding:12px;font-size:14px;font-weight:600;animation:.4s badgeGlow;display:none}.landing-root footer{padding:64px 0 28px}.foot{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px;display:grid}.foot h5{letter-spacing:.1em;text-transform:uppercase;color:var(--navy);margin-bottom:14px;font-size:13px;font-weight:800}.foot a{color:var(--text);padding:4px 0;font-size:14.5px;transition:color .2s,transform .2s;display:block}.foot a:hover{color:var(--blue-700);transform:translate(3px)}.foot .about p{color:var(--text);margin:14px 0;font-size:14.5px}.copy{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:44px;padding-top:22px;font-size:13px;display:flex}.floats{z-index:60;flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:fixed;bottom:18px;right:18px}.fab-ai{border:1px solid var(--line);color:var(--navy);transition:transform .3s var(--ease-spring),box-shadow .3s ease;background:#fff;border-radius:999px;align-items:center;gap:10px;padding:6px 16px 6px 6px;font-size:14px;font-weight:800;display:flex;box-shadow:0 12px 30px -10px #16284959}.fab-ai:hover{transform:translateY(-3px)scale(1.04);box-shadow:0 18px 36px -8px #16284973}.fab-ai img{background:var(--blue-50);border-radius:50%;width:44px;height:44px}.fab-zalo{color:#fff;width:56px;height:56px;transition:transform .3s var(--ease-spring),box-shadow .3s ease;background:#0068ff;border-radius:50%;place-items:center;font-size:14px;font-weight:900;display:grid;position:relative;box-shadow:0 12px 30px -10px #0068ff99}.fab-zalo:after{content:"";opacity:0;border:2px solid #0068ff;border-radius:50%;animation:2.4s cubic-bezier(.215,.61,.355,1) infinite pulseRing;position:absolute;inset:-4px}@keyframes pulseRing{0%{opacity:.85;transform:scale(.9)}70%{opacity:0;transform:scale(1.4)}to{opacity:0;transform:scale(1.4)}}.fab-zalo:hover{transform:translateY(-3px)scale(1.06);box-shadow:0 18px 36px -8px #0068ffbf}.mbar{display:none}.pnl{background:var(--navy);color:#fff;position:relative;overflow:hidden}.pnl:before{content:"";background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.pnl:after{content:"";pointer-events:none;background:radial-gradient(circle,#3e88e747,#0000 65%);border-radius:50%;width:700px;height:700px;position:absolute;top:-200px;right:-200px}.pnl .wrap{z-index:1;position:relative}.pnl h2,.pnl h3{color:#fff}.pnl .sec-head p{color:#c9d6ee}.eyebrow-dark{color:#9cc4ff;background:#ffffff14;border-color:#ffffff2e}.eyebrow-dark .dot{background:#9cc4ff;box-shadow:0 0 0 4px #9cc4ff2e}.hl-light{background:linear-gradient(90deg,#7db7ff,#b9d8ff);color:#0000;-webkit-background-clip:text;background-clip:text}.pnl-grid{grid-template-columns:1.15fr .85fr;align-items:start;gap:44px;display:grid}.pnl .browser{border-color:#ffffff26;box-shadow:0 40px 80px -30px #0009}.shot-note.light{color:#8ea6cc;text-align:left}.pnl-feats{gap:14px;display:grid}.pf{transition:all .35s var(--ease-spring);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:18px;gap:16px;padding:20px;display:flex}.pf:hover{background:#ffffff17;border-color:#9cc4ff73;transform:translate(8px);box-shadow:0 12px 30px -10px #00000073}.pf-ic{background:var(--grad);width:44px;height:44px;transition:transform .3s var(--ease-spring),box-shadow .3s ease;border-radius:12px;flex:none;place-items:center;display:grid;box-shadow:0 10px 20px -8px #1d4ed8cc}.pf:hover .pf-ic{transform:scale(1.12)rotate(4deg);box-shadow:0 14px 28px -6px #1d4ed8e6}.pf-ic svg{color:#fff;width:22px;height:22px}.pf h3{margin-bottom:6px;font-size:16.5px}.pf p{color:#c9d6ee;font-size:14.5px;line-height:1.55}.pages{grid-template-columns:repeat(5,1fr);gap:20px;display:grid}.pg{cursor:zoom-in;margin:0;display:block;position:relative}.pg-wrap{border-radius:8px;position:relative;overflow:hidden}.pg img{aspect-ratio:760/1075;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;border:1px solid var(--line);width:100%;height:auto;transition:transform .35s var(--ease-spring),box-shadow .35s var(--ease-spring),border-color .35s ease;background:#fff;border-radius:8px;box-shadow:0 12px 30px -14px #16284959}.pg:hover img{border-color:var(--blue-500);transform:translateY(-8px)scale(1.02);box-shadow:0 24px 45px -16px #16284980}.pg-hover-badge{-webkit-backdrop-filter:blur(3px);color:#fff;opacity:0;pointer-events:none;background:#16284973;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:800;transition:opacity .25s;display:flex;position:absolute;inset:0}.pg:hover .pg-hover-badge{opacity:1}.pg figcaption{color:var(--navy);gap:8px;margin-top:10px;font-size:13px;font-weight:700;line-height:1.35;display:flex}.pg figcaption b{color:var(--blue-500);font-weight:900}.pg-more{cursor:pointer;aspect-ratio:760/1075;background:var(--bg-tint);text-align:center;transition:border-color .25s ease,background .25s ease,transform .35s var(--ease-spring),box-shadow .35s ease;border:2px dashed #bfd5fa;border-radius:8px;place-items:center;display:grid}.pg-more:hover{border-color:var(--blue-500);background:var(--blue-50);transform:translateY(-8px);box-shadow:0 20px 40px -14px #16284940}.pg-more span{justify-items:center;gap:6px;padding:12px;display:grid}.pg-more svg{width:30px;height:30px;color:var(--blue-700)}.pg-more b{color:var(--navy);font-size:15px}.pg-more small{color:var(--blue-700);font-size:13px;font-weight:700}.pages-hint{text-align:center;color:var(--muted);margin-top:20px;font-size:13px}.pdf-custom{grid-template-columns:1fr 1fr;align-items:center;gap:56px;margin-top:72px;display:grid}.pdf-custom h3{margin-bottom:18px;font-size:24px;font-weight:900}.checks{gap:12px;margin-bottom:24px;list-style:none;display:grid}.checks li{color:var(--text);gap:12px;font-size:15px;transition:transform .2s;display:flex}.checks li:hover{transform:translate(3px)}.checks li b{color:var(--navy)}.checks svg{width:20px;height:20px;color:var(--green);flex:none;margin-top:2px}.insight{background:var(--bg-tint);border:1px solid #dce7f7;border-radius:18px;margin-bottom:26px;padding:18px 20px}.insight-hd{letter-spacing:.08em;text-transform:uppercase;color:var(--navy);margin-bottom:10px;font-size:12.5px;font-weight:900}.insight-hd small{letter-spacing:0;text-transform:none;color:var(--muted);font-weight:600}.insight p{color:var(--ink);align-items:flex-start;gap:10px;padding:6px 0;font-size:14px;transition:transform .2s;display:flex}.insight p:hover{transform:translate(4px)}.tg{letter-spacing:.04em;text-align:center;border-radius:6px;flex:none;justify-content:center;align-items:center;gap:6px;min-width:96px;margin-top:1px;padding:3px 8px;font-size:10.5px;font-weight:900;display:inline-flex}.tg:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px;animation:1.8s ease-in-out infinite dotPulse;display:inline-block}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(1.4)}}.tg-red{color:#c0362c;background:#fdecec}.tg-amber{color:#b26a00;background:#fff4db}.tg-blue{color:#1d4ed8;background:#e6efff}.tg-green{color:#15803d;background:#e3f7ea}.pdf-ctas{flex-wrap:wrap;gap:12px;display:flex}.dlg-shot{border:1px solid var(--line);box-shadow:var(--sh-float);transition:transform .35s var(--ease-spring);border-radius:22px;overflow:hidden}.dlg-shot:hover{transform:scale(1.015)}.dlg-shot img{width:100%;height:auto}.lightbox{background:0 0;border:0;width:100vw;max-width:100vw;height:100vh;max-height:100vh;padding:0;overflow:hidden}.lightbox::backdrop{-webkit-backdrop-filter:blur(8px);background:#0a1428d9}.lightbox[open]{animation:modalZoomIn .28s var(--ease-spring) forwards;flex-direction:column;justify-content:center;align-items:center;display:flex}@keyframes modalZoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.lightbox img{background:#fff;border-radius:8px;width:auto;max-width:calc(100vw - 32px);max-height:calc(100vh - 110px);box-shadow:0 30px 80px #00000080}.lb-cap{color:#fff;text-align:center;margin-top:14px;padding:0 16px;font-size:15px;font-weight:700}.lb-close,.lb-nav{color:#fff;cursor:pointer;background:#ffffff24;border:0;border-radius:50%;place-items:center;width:48px;height:48px;font-size:28px;line-height:1;transition:background .2s,transform .2s;display:grid;position:fixed}.lb-close:hover,.lb-nav:hover{background:#ffffff47;transform:scale(1.08)}.lb-close{top:18px;right:18px}.lb-prev{top:50%;left:18px;transform:translateY(-50%)}.lb-next{top:50%;right:18px;transform:translateY(-50%)}.lb-prev:hover,.lb-next:hover{transform:translateY(-50%)scale(1.08)}.js .rv{opacity:0;transition:opacity .75s var(--ease-spring),transform .75s var(--ease-spring);will-change:opacity,transform;transform:translateY(32px)scale(.985)}.js .rv.in{opacity:1;transform:translateY(0)scale(1)}@media (prefers-reduced-motion:reduce){.js .rv{opacity:1;transition:none;transform:none}.mascot-peek,.halo,.chip-a,.chip-b,.fab-zalo:after{animation:none}html{scroll-behavior:auto}}@media (max-width:1080px){.menu{display:none}.hero .wrap,.show,.eco{grid-template-columns:1fr}.hero-visual{width:100%;max-width:680px;margin:0 auto}.foot{grid-template-columns:1fr 1fr}.pnl-grid,.pdf-custom{grid-template-columns:1fr}.pages{grid-template-columns:repeat(4,1fr)}}@media (max-width:860px){.sec{padding:72px 0}.topbar .hide-sm,.nav-cta{display:none}.burger{display:flex}.proof-grid{grid-template-columns:1fr;gap:24px}.proof-brand-card{border-bottom:1.5px dashed #d6e4f7;border-right:0;padding-bottom:18px;padding-right:0}.stats{grid-template-columns:repeat(3,1fr);gap:12px}.pains,.tools,.plans{grid-template-columns:1fr}.contact{grid-template-columns:1fr;padding:32px 22px}.cmp{overflow-x:auto}.cmp table{min-width:640px}.mbar{z-index:55;padding:10px 16px calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--line);transition:transform .3s var(--ease-spring);background:#fffffff5;grid-template-columns:1fr 1fr;gap:10px;display:grid;position:fixed;bottom:0;left:0;right:0;transform:translateY(110%)}.mbar.show{transform:none}.mbar .btn{height:46px;padding:0 12px;font-size:14px}.floats{bottom:86px}.landing-root{padding-bottom:70px}.pages{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:14px;margin:0 -16px;padding:4px 16px 16px;display:flex;overflow-x:auto}.pg{scroll-snap-align:center;flex:0 0 62%}.pdf-custom{gap:32px;margin-top:48px}}@media (max-width:560px){.wrap{padding:0 16px}.eyebrow{letter-spacing:.08em;font-size:11px}.hero{padding:40px 0 72px}.hero-ctas .btn{width:100%}.hero-visual{padding:96px 0 70px}.mascot-peek{width:110px;top:-4px;right:-6px}.speech{max-width:200px;font-size:12.5px;top:6px;right:96px}.chip-a{bottom:0;left:-4px}.chip-b{bottom:0;right:-4px}.chip-float{gap:8px;padding:10px 12px}.chip-float .ic{width:32px;height:32px}.chip-float b{font-size:15px}.stats{grid-template-columns:1fr;gap:12px}.stat{padding:14px 16px}.stat-info b{font-size:26px}.faq-sum{padding:18px 20px}.faq-q-text{font-size:15.5px}.faq .pm{width:36px;height:36px}.faq-ans{padding:16px 20px 18px}.seg button{padding:9px 14px}.tool{padding:24px}.tool-ai .mascot-ai{width:96px;right:-12px}.tool-ai p,.tool-ai ul{max-width:100%}.tool-ai .head{max-width:74%}.eco-list,.form .two,.foot{grid-template-columns:1fr}.fab-ai span{display:none}.fab-ai{padding:6px}.tg{min-width:88px}.pdf-ctas .btn{width:100%}.lb-nav{top:auto;bottom:18px;transform:none}}