<!doctype html>
<html lang="vi">
<head><script>(function(){
function makeStore(){
var data = {};
var api = {
getItem: function(k){ return Object.prototype.hasOwnProperty.call(data, k) ? data[k] : null; },
setItem: function(k, v){ data[k] = String(v); },
removeItem: function(k){ delete data[k]; },
clear: function(){ data = {}; },
key: function(i){ return Object.keys(data)[i] || null; }
};
Object.defineProperty(api, 'length', { get: function(){ return Object.keys(data).length; } });
return api;
}
function tryShim(name){
var works = false;
try { works = !!window[name] && typeof window[name].getItem === 'function'; void window[name].length; }
catch (_) { works = false; }
if (works) return;
try { Object.defineProperty(window, name, { configurable: true, value: makeStore() }); }
catch (_) { try { window[name] = makeStore(); } catch (__) {} }
}
tryShim('localStorage');
tryShim('sessionStorage');
})();</script>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Nolimit Sync — Nền tảng quản lý TKQC dành cho Agency</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Newsreader:ital,wght@1,500;1,600&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
<style>
:root {
--bg:#f5f3ff;
--bg-soft:#eef2ff;
--surface:#ffffff;
--surface-2:#fafbff;
--night:#0c0511;
--night-2:#1a0f24;
--fg:#0b0813;
--fg-soft:#1f1a2e;
--muted:#6b6783;
--muted-2:#9b97ad;
--border:#e6e3f0;
--border-soft:#eee9f5;
--indigo-50:#eef2ff;
--indigo-100:#e0e7ff;
--indigo-500:#6366f1;
--indigo-600:#4f46e5;
--indigo-700:#4338ca;
--violet-500:#8b5cf6;
--success:#10b981;
--success-50:#ecfdf5;
--warning:#f59e0b;
--warning-50:#fffbeb;
--danger:#ef4444;
--danger-50:#fef2f2;
--r-sm:6px; --r:10px; --r-md:14px; --r-lg:20px; --r-xl:28px;
--shadow-sm:0 1px 2px rgba(15,23,42,.05),0 1px 3px rgba(15,23,42,.04);
--shadow:0 12px 24px -10px rgba(15,23,42,.10),0 4px 8px -4px rgba(15,23,42,.06);
--shadow-lg:0 28px 56px -20px rgba(15,23,42,.20),0 14px 28px -14px rgba(15,23,42,.12);
--shadow-indigo:0 16px 32px -12px rgba(79,70,229,.45);
--font-body:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;
--font-italic:'Newsreader',Georgia,serif;
--font-mono:'JetBrains Mono',ui-monospace,Menlo,monospace;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:var(--font-body);font-size:15px;line-height:1.55;color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;}
::selection{background:var(--indigo-100);color:var(--indigo-700);}
button{font-family:inherit;cursor:pointer;border:0;background:transparent;color:inherit;}
a{color:inherit;text-decoration:none;}
img,svg{display:block;max-width:100%;}
svg{flex-shrink:0;}
svg:not([width]):not([style*="width"]){width:16px;height:16px;}
ul,ol{list-style:none;}
.container{max-width:1240px;margin:0 auto;padding:0 28px;}
.italic-i{font-family:var(--font-italic);font-style:italic;font-weight:600;color:var(--indigo-500);}
.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;}
.eyebrow{font-size:11px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--indigo-600);}
.eyebrow.muted{color:var(--muted);}
.eyebrow.light{color:rgba(255,255,255,.55);}
.btn{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 20px;border-radius:var(--r);font-size:14.5px;font-weight:700;letter-spacing:-.005em;transition:all .18s;white-space:nowrap;}
.btn svg{width:15px;height:15px;}
.btn-primary{background:var(--indigo-600);color:white;box-shadow:var(--shadow-indigo);}
.btn-primary:hover{background:var(--indigo-700);transform:translateY(-1px);}
.btn-outline{background:var(--surface);color:var(--fg);border:1px solid var(--border);}
.btn-outline:hover{border-color:var(--indigo-500);color:var(--indigo-600);}
.btn-ghost{color:var(--fg-soft);}
.btn-ghost:hover{color:var(--indigo-600);}
.btn-night{background:white;color:var(--night);}
.btn-night:hover{background:var(--bg-soft);}
.btn-sm{height:36px;padding:0 14px;font-size:13px;}
.nav-wrap{position:sticky;top:0;z-index:50;background:rgba(245,243,255,.78);backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);border-bottom:1px solid rgba(230,227,240,.6);}
.nav{display:flex;align-items:center;gap:28px;height:68px;}
.brand{display:flex;align-items:center;gap:11px;}
.brand-mark{width:34px;height:34px;border-radius:9px;background:var(--night);position:relative;display:grid;place-items:center;overflow:hidden;}
.brand-mark::before{content:'';position:absolute;inset:-30%;background:radial-gradient(circle at 30% 30%,rgba(99,102,241,.55),transparent 55%);pointer-events:none;}
.brand-mark svg{width:18px;height:18px;color:white;position:relative;z-index:1;}
.brand-name{font-size:16px;font-weight:800;letter-spacing:-.02em;line-height:1;}
.brand-sub{font-size:9.5px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-top:2px;}
.nav-links{display:flex;align-items:center;gap:4px;margin-left:14px;}
.nav-links a{padding:8px 12px;font-size:13.5px;font-weight:600;color:var(--fg-soft);border-radius:8px;transition:all .15s;}
.nav-links a:hover{background:var(--surface);color:var(--indigo-600);}
.nav-spacer{flex:1;}
.nav-rating{display:flex;align-items:center;gap:8px;padding:6px 10px 6px 6px;background:var(--surface);border:1px solid var(--border);border-radius:999px;font-size:12px;color:var(--fg-soft);font-weight:600;}
.nav-rating .stars{display:flex;gap:1px;color:var(--warning);}
.nav-rating .stars svg{width:11px;height:11px;}
.nav-rating .num{font-family:var(--font-mono);font-weight:700;color:var(--fg);}
.nav-rating .label{color:var(--muted);font-size:11.5px;}
@media (max-width:780px){.nav-links,.nav-rating{display:none;}.nav .btn-sm{height:34px;}}
.hero{padding:64px 0 80px;position:relative;}
.hero::before{content:'';position:absolute;inset:0 0 auto 0;height:520px;background:radial-gradient(700px 360px at 78% 30%,rgba(139,92,246,.18),transparent 70%),radial-gradient(640px 320px at 18% 12%,rgba(99,102,241,.16),transparent 70%);pointer-events:none;z-index:-1;}
.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center;}
.hero-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;background:var(--surface);border:1px solid var(--border);border-radius:999px;font-size:12px;font-weight:600;color:var(--fg-soft);margin-bottom:22px;}
.hero-tag .badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:var(--indigo-600);color:white;border-radius:999px;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;}
.hero-tag .pulse{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px rgba(16,185,129,.18);}
.hero h1{font-size:clamp(44px,5.6vw,72px);font-weight:800;line-height:1.02;letter-spacing:-.035em;margin-bottom:22px;}
.hero h1 .italic-i{font-size:.95em;}
.hero p.lede{font-size:18px;line-height:1.55;color:var(--muted);margin-bottom:30px;max-width:540px;}
.hero p.lede strong{color:var(--fg-soft);font-weight:700;}
.hero-ctas{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px;}
.hero-ctas .btn{height:50px;padding:0 22px;font-size:15px;}
.hero-trust{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:12.5px;color:var(--muted);font-weight:500;}
.hero-trust .item{display:inline-flex;align-items:center;gap:7px;}
.hero-trust .item svg{width:14px;height:14px;color:var(--success);}
.hero-trust .dot{width:3px;height:3px;border-radius:50%;background:var(--muted-2);}
.hero-mock{position:relative;perspective:1800px;}
.mock-browser{position:relative;background:var(--surface);border-radius:16px;box-shadow:var(--shadow-lg);transform:rotateY(-8deg) rotateX(4deg) rotateZ(-1deg);transform-style:preserve-3d;overflow:hidden;border:1px solid var(--border);}
.mock-chrome{display:flex;align-items:center;gap:8px;padding:11px 14px;background:#f4f1fb;border-bottom:1px solid var(--border);}
.mock-traffic{display:flex;gap:6px;}
.mock-traffic span{width:10px;height:10px;border-radius:50%;}
.mock-traffic span:nth-child(1){background:#ff5f57;}
.mock-traffic span:nth-child(2){background:#febc2e;}
.mock-traffic span:nth-child(3){background:#28c840;}
.mock-url{flex:1;background:white;border:1px solid var(--border);border-radius:7px;height:26px;display:flex;align-items:center;gap:7px;padding:0 11px;font-family:var(--font-mono);font-size:11px;color:var(--muted);}
.mock-url svg{width:11px;height:11px;color:var(--success);}
.mock-url .path{color:var(--fg-soft);}
.mock-ext-icon{width:24px;height:24px;border-radius:6px;background:var(--night);display:grid;place-items:center;position:relative;}
.mock-ext-icon::before{content:'';position:absolute;inset:-30%;background:radial-gradient(circle at 30% 30%,rgba(99,102,241,.6),transparent 55%);}
.mock-ext-icon svg{width:13px;height:13px;color:white;position:relative;z-index:1;}
.mock-ext-icon::after{content:'';position:absolute;top:-2px;right:-2px;width:8px;height:8px;border-radius:50%;background:var(--success);border:2px solid #f4f1fb;z-index:2;}
.mock-page{padding:18px;background:#fafbff;height:340px;position:relative;}
.mock-page-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
.mock-page-bar h3{font-size:13px;font-weight:800;letter-spacing:-.01em;}
.mock-page-bar .crumbs{font-size:10px;color:var(--muted);font-family:var(--font-mono);}
.mock-table{background:white;border:1px solid var(--border);border-radius:8px;overflow:hidden;font-size:10.5px;filter:blur(.5px);opacity:.85;}
.mock-table .th,.mock-table .tr{display:grid;grid-template-columns:14px 1fr 60px 50px 50px;gap:10px;padding:8px 10px;align-items:center;}
.mock-table .th{background:#fafbff;font-weight:700;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);}
.mock-table .tr{border-bottom:1px solid var(--border-soft);}
.mock-table .tr:last-child{border-bottom:0;}
.mock-table .acc{display:flex;align-items:center;gap:7px;}
.mock-table .acc-mk{width:16px;height:16px;border-radius:4px;background:linear-gradient(135deg,var(--indigo-500),var(--violet-500));color:white;font-size:8px;font-weight:800;display:grid;place-items:center;font-family:var(--font-mono);}
.mock-table .num{font-family:var(--font-mono);text-align:right;color:var(--fg-soft);font-weight:600;}
.mock-table .pill{font-size:8px;padding:1px 5px;border-radius:3px;font-weight:700;}
.mock-table .pill-ok{background:var(--success-50);color:#047857;}
.mock-table .pill-warn{background:var(--warning-50);color:#b45309;}
.mock-table .pill-sync{background:var(--indigo-50);color:var(--indigo-700);}
.mock-table input[type=checkbox]{accent-color:var(--indigo-600);}
.mock-ext{position:absolute;top:14px;right:-26px;width:268px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-lg);overflow:hidden;transform:translateZ(40px);}
.mock-ext-head{padding:13px 14px;background:var(--night);color:white;position:relative;}
.mock-ext-head::before{content:'';position:absolute;inset:0;background:radial-gradient(150% 100% at 0% 0%,rgba(99,102,241,.45),transparent 55%);}
.mock-ext-head .row1{display:flex;align-items:center;gap:8px;position:relative;}
.mock-ext-head .row1 svg{width:14px;height:14px;color:white;}
.mock-ext-head .row1 strong{font-size:12px;font-weight:800;letter-spacing:-.005em;}
.mock-ext-head .row1 .live{margin-left:auto;display:inline-flex;align-items:center;gap:5px;padding:2px 7px;border-radius:999px;background:rgba(16,185,129,.18);color:#34d399;font-size:9.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;}
.mock-ext-head .row1 .live .pulse{width:5px;height:5px;border-radius:50%;background:#34d399;box-shadow:0 0 0 3px rgba(52,211,153,.18);animation:pulse 1.6s ease-in-out infinite;}
@keyframes pulse{0%,100%{opacity:.7;}50%{opacity:1;}}
.mock-ext-head .row2{margin-top:6px;font-size:10.5px;color:rgba(255,255,255,.6);font-family:var(--font-mono);position:relative;}
.mock-ext-list{padding:6px 6px;}
.mock-ext-row{display:grid;grid-template-columns:18px 1fr auto;gap:9px;align-items:center;padding:8px 9px;border-radius:7px;}
.mock-ext-row:hover{background:var(--bg-soft);}
.mock-ext-row .ico{width:18px;height:18px;border-radius:5px;background:linear-gradient(135deg,var(--indigo-500),var(--violet-500));color:white;font-size:9px;font-weight:800;display:grid;place-items:center;font-family:var(--font-mono);}
.mock-ext-row .name{font-size:11.5px;font-weight:700;letter-spacing:-.005em;line-height:1.2;}
.mock-ext-row .meta{font-size:9.5px;color:var(--muted);font-family:var(--font-mono);margin-top:1px;}
.mock-ext-row .stat{font-size:9px;font-weight:800;padding:2px 6px;border-radius:4px;letter-spacing:.04em;}
.mock-ext-row .stat-ok{color:#047857;background:var(--success-50);}
.mock-ext-row .stat-sync{color:var(--indigo-700);background:var(--indigo-50);}
.mock-ext-row .stat-warn{color:#b45309;background:var(--warning-50);}
.mock-ext-foot{padding:9px 12px;border-top:1px solid var(--border);background:var(--surface-2);display:flex;align-items:center;justify-content:space-between;font-size:10.5px;color:var(--muted);}
.mock-ext-foot .mono{font-family:var(--font-mono);}
.mock-ext-foot .mono.ok{color:var(--success);}
@media (max-width:980px){.hero-grid{grid-template-columns:1fr;gap:40px;}.mock-ext{right:0;}.mock-browser{transform:none;}}
.trust-band{padding:34px 0;border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);background:var(--surface-2);}
.trust-band .label{text-align:center;font-size:11px;color:var(--muted);font-weight:800;letter-spacing:.22em;text-transform:uppercase;margin-bottom:16px;}
.trust-band .label strong{color:var(--fg);}
.trust-logos{display:flex;align-items:center;justify-content:center;gap:42px;flex-wrap:wrap;color:var(--muted);font-weight:700;}
.trust-logos .logo{font-size:18px;letter-spacing:-.02em;display:inline-flex;align-items:center;gap:6px;}
.trust-logos .logo.serif{font-family:var(--font-italic);font-style:italic;font-weight:600;font-size:21px;}
.trust-logos .logo.upper{font-size:13px;text-transform:uppercase;letter-spacing:.18em;font-weight:800;}
.trust-logos .logo svg{width:18px;height:18px;}
section{padding:88px 0;}
.section-head{max-width:760px;margin:0 auto 48px;text-align:center;}
.section-head .eyebrow{margin-bottom:14px;}
.section-head h2{font-size:clamp(34px,3.6vw,46px);font-weight:800;letter-spacing:-.025em;line-height:1.08;}
.section-head p{margin-top:14px;font-size:16px;color:var(--muted);line-height:1.6;}
.section-night{background:var(--night);color:white;padding:96px 0;position:relative;overflow:hidden;}
.section-night::before{content:'';position:absolute;inset:0;background:radial-gradient(800px 400px at 80% 20%,rgba(139,92,246,.18),transparent 70%),radial-gradient(700px 360px at 12% 90%,rgba(99,102,241,.14),transparent 70%);pointer-events:none;}
.section-night .container{position:relative;z-index:1;}
.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.pain-card{padding:28px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:var(--r-md);}
.pain-card .num{font-family:var(--font-mono);font-size:11px;font-weight:700;color:rgba(255,255,255,.4);letter-spacing:.16em;margin-bottom:18px;display:flex;align-items:center;gap:8px;}
.pain-card .num::after{content:'';flex:1;height:1px;background:rgba(255,255,255,.08);}
.pain-card h3{font-size:20px;font-weight:800;letter-spacing:-.015em;margin-bottom:10px;line-height:1.25;}
.pain-card h3 em{font-style:normal;font-weight:700;color:#fff;}
.pain-card p{font-size:14px;line-height:1.6;color:rgba(255,255,255,.62);}
.pain-card .foot{margin-top:18px;padding-top:14px;border-top:1px dashed rgba(255,255,255,.1);font-family:var(--font-mono);font-size:11px;color:#fca5a5;letter-spacing:.04em;}
@media (max-width:880px){.pain-grid{grid-template-columns:1fr;}}
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.feat{padding:28px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);transition:all .18s;}
.feat:hover{border-color:var(--indigo-100);transform:translateY(-2px);box-shadow:var(--shadow);}
.feat .ico{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;margin-bottom:18px;}
.feat .ico svg{width:20px;height:20px;}
.feat[data-tone="indigo"] .ico{background:var(--indigo-50);color:var(--indigo-600);}
.feat[data-tone="violet"] .ico{background:#f3e8ff;color:#7c3aed;}
.feat[data-tone="warning"] .ico{background:var(--warning-50);color:#b45309;}
.feat[data-tone="success"] .ico{background:var(--success-50);color:#047857;}
.feat h3{font-size:17px;font-weight:800;letter-spacing:-.015em;margin-bottom:8px;line-height:1.3;}
.feat p{font-size:14px;line-height:1.6;color:var(--muted);}
.feat .meta{margin-top:18px;font-family:var(--font-mono);font-size:11px;color:var(--muted-2);letter-spacing:.04em;}
@media (max-width:980px){.feat-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:680px){.feat-grid{grid-template-columns:1fr;}}
.eco-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.eco-card{position:relative;background:var(--night);color:white;border-radius:var(--r-md);padding:32px 28px 28px;overflow:hidden;display:flex;flex-direction:column;min-height:340px;}
.eco-card::before{content:'';position:absolute;inset:0;background:radial-gradient(420px 220px at 80% 0%,rgba(99,102,241,.28),transparent 70%);pointer-events:none;}
.eco-card[data-tone="violet"]::before{background:radial-gradient(420px 220px at 80% 0%,rgba(139,92,246,.32),transparent 70%);}
.eco-card[data-tone="amber"]::before{background:radial-gradient(420px 220px at 80% 0%,rgba(245,158,11,.22),transparent 70%);}
.eco-card>*{position:relative;z-index:1;}
.eco-tag{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:999px;font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.7);align-self:flex-start;margin-bottom:18px;}
.eco-tag .dot{width:5px;height:5px;border-radius:50%;background:#a5b4fc;}
.eco-card[data-tone="violet"] .eco-tag .dot{background:#c4b5fd;}
.eco-card[data-tone="amber"] .eco-tag .dot{background:#fcd34d;}
.eco-name{font-size:24px;font-weight:800;letter-spacing:-.025em;line-height:1.1;margin-bottom:6px;}
.eco-name em{font-family:var(--font-italic);font-style:italic;font-weight:600;color:#a5b4fc;font-size:.92em;}
.eco-card[data-tone="violet"] .eco-name em{color:#c4b5fd;}
.eco-card[data-tone="amber"] .eco-name em{color:#fcd34d;}
.eco-role{font-size:11.5px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:18px;}
.eco-desc{font-size:14px;line-height:1.6;color:rgba(255,255,255,.7);margin-bottom:22px;}
.eco-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:18px;border-top:1px dashed rgba(255,255,255,.1);}
.eco-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:white;letter-spacing:-.005em;}
.eco-link svg{width:13px;height:13px;transition:transform .18s;}
.eco-card:hover .eco-link svg{transform:translateX(3px);}
.eco-meta{font-family:var(--font-mono);font-size:10.5px;color:rgba(255,255,255,.45);letter-spacing:.04em;}
@media (max-width:980px){.eco-grid{grid-template-columns:1fr;}}
.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start;}
.step{padding:0;}
.step-num{display:inline-flex;align-items:center;gap:10px;background:var(--night);color:white;padding:6px 12px 6px 6px;border-radius:999px;margin-bottom:18px;}
.step-num .n{width:22px;height:22px;border-radius:50%;background:var(--indigo-500);display:grid;place-items:center;font-family:var(--font-mono);font-weight:800;font-size:11px;}
.step-num .lbl{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;}
.step h3{font-size:20px;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin-bottom:8px;}
.step p{font-size:14px;color:var(--muted);line-height:1.6;margin-bottom:20px;}
.step-mock{height:158px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:14px;position:relative;overflow:hidden;}
.step-mock .bar{height:8px;background:var(--bg-soft);border-radius:4px;margin-bottom:8px;}
.step-mock .bar.short{width:50%;}
.step-mock .bar.med{width:75%;}
.step-mock .bar.tiny{width:32%;}
.step-mock .bar.solid{background:var(--indigo-100);}
.step-mock .pill{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;background:var(--indigo-50);color:var(--indigo-700);border-radius:5px;font-size:10.5px;font-weight:700;font-family:var(--font-mono);margin-top:6px;}
.step-mock .pill .pulse{width:5px;height:5px;border-radius:50%;background:var(--indigo-500);}
.step-mock .check-row{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:11.5px;font-weight:600;color:var(--fg-soft);}
.step-mock .check-row svg{width:13px;height:13px;color:var(--success);}
.step-mock .ext-card{position:absolute;bottom:14px;right:14px;width:96px;background:var(--night);color:white;padding:10px;border-radius:9px;font-size:10px;}
.step-mock .ext-card .h{font-weight:800;letter-spacing:-.005em;}
.step-mock .ext-card .m{color:rgba(255,255,255,.5);font-family:var(--font-mono);font-size:9px;margin-top:2px;}
@media (max-width:880px){.how-grid{grid-template-columns:1fr;}}
.stats-band{background:var(--night);color:white;padding:64px 0;position:relative;overflow:hidden;}
.stats-band::before{content:'';position:absolute;inset:0;background:radial-gradient(700px 360px at 50% 50%,rgba(99,102,241,.18),transparent 70%);}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;position:relative;}
.stat-cell{text-align:left;}
.stat-cell .num{font-size:clamp(38px,4.4vw,54px);font-weight:800;letter-spacing:-.035em;line-height:1;font-family:var(--font-body);}
.stat-cell .num em{font-style:normal;font-weight:700;color:#a5b4fc;font-size:.7em;letter-spacing:-.01em;}
.stat-cell .lbl{margin-top:10px;font-size:13px;color:rgba(255,255,255,.55);font-weight:500;line-height:1.5;}
@media (max-width:880px){.stats-grid{grid-template-columns:1fr 1fr;gap:32px;}}
.quote-lead{background:var(--night);color:white;padding:48px;border-radius:var(--r-lg);position:relative;overflow:hidden;margin-bottom:18px;}
.quote-lead::before{content:'';position:absolute;inset:0;background:radial-gradient(600px 300px at 80% 20%,rgba(139,92,246,.22),transparent 70%);}
.quote-lead .mark{font-family:var(--font-italic);font-style:italic;font-weight:600;font-size:80px;line-height:.6;color:rgba(165,180,252,.5);position:absolute;top:32px;left:36px;}
.quote-lead .body{position:relative;padding-left:60px;max-width:760px;}
.quote-lead .body p{font-family:var(--font-italic);font-style:italic;font-weight:500;font-size:24px;line-height:1.45;letter-spacing:-.01em;}
.quote-lead .who{margin-top:24px;display:flex;align-items:center;gap:12px;position:relative;}
.quote-lead .who .ava{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#ef4444);color:white;font-weight:800;font-size:13px;display:grid;place-items:center;letter-spacing:-.01em;}
.quote-lead .who .name{font-size:14px;font-weight:800;}
.quote-lead .who .role{font-size:12px;color:rgba(255,255,255,.55);font-weight:500;}
.quote-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.q-card{padding:28px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);}
.q-card .body{font-weight:500;font-size:16px;line-height:1.55;color:var(--fg-soft);}
.q-card .who{margin-top:18px;display:flex;align-items:center;gap:10px;}
.q-card .who .ava{width:34px;height:34px;border-radius:50%;color:white;font-weight:800;font-size:11px;display:grid;place-items:center;}
.q-card .who[data-c="violet"] .ava{background:linear-gradient(135deg,var(--indigo-500),var(--violet-500));}
.q-card .who[data-c="amber"] .ava{background:linear-gradient(135deg,#f59e0b,#fb923c);}
.q-card .who .name{font-size:13.5px;font-weight:800;}
.q-card .who .role{font-size:11.5px;color:var(--muted);}
@media (max-width:780px){.quote-row{grid-template-columns:1fr;}.quote-lead{padding:32px 24px;}.quote-lead .body{padding-left:40px;}.quote-lead .body p{font-size:18px;}}
.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:880px;margin:0 auto;}
.price-card{padding:34px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border);position:relative;}
.price-card.featured{background:var(--night);color:white;border-color:transparent;overflow:hidden;}
.price-card.featured::before{content:'';position:absolute;inset:0;background:radial-gradient(500px 280px at 80% 0%,rgba(99,102,241,.32),transparent 70%);pointer-events:none;}
.price-card.featured>*{position:relative;}
.price-tag{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;background:var(--indigo-500);color:white;border-radius:999px;font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;position:absolute;top:24px;right:24px;}
.price-name{font-size:13px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;}
.price-card.featured .price-name{color:rgba(255,255,255,.55);}
.price-amt{font-size:48px;font-weight:800;letter-spacing:-.035em;line-height:1;}
.price-amt .sub{font-size:14px;color:var(--muted);font-weight:500;letter-spacing:0;margin-left:4px;}
.price-card.featured .price-amt .sub{color:rgba(255,255,255,.55);}
.price-desc{margin-top:14px;font-size:14px;color:var(--muted);line-height:1.55;max-width:300px;}
.price-card.featured .price-desc{color:rgba(255,255,255,.62);}
.price-list{margin-top:24px;display:flex;flex-direction:column;gap:11px;}
.price-list li{display:flex;align-items:flex-start;gap:9px;font-size:13.5px;line-height:1.5;}
.price-list li svg{width:14px;height:14px;color:var(--success);margin-top:3px;}
.price-card.featured .price-list li svg{color:#34d399;}
.price-list li strong{font-weight:700;}
.price-card .btn{margin-top:24px;width:100%;justify-content:center;height:46px;}
@media (max-width:780px){.price-grid{grid-template-columns:1fr;}}
.faq-wrap{max-width:780px;margin:0 auto;}
.faq{border-bottom:1px solid var(--border);padding:0;}
.faq summary{padding:22px 0;list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;font-size:16px;font-weight:700;letter-spacing:-.01em;line-height:1.4;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:'';margin-left:auto;width:14px;height:14px;flex-shrink:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b6783' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-size:contain;transition:transform .2s;}
.faq[open] summary::after{transform:rotate(180deg);}
.faq summary:hover{color:var(--indigo-600);}
.faq .body{padding:0 0 22px;font-size:14.5px;color:var(--muted);line-height:1.65;}
.faq .body p+p{margin-top:10px;}
.code{font-family:var(--font-mono);font-size:12px;background:var(--bg);color:var(--indigo-700);padding:1px 7px;border-radius:5px;font-weight:600;}
.cta-band{padding:96px 0;}
.cta-card{background:var(--night);color:white;padding:64px 48px;border-radius:var(--r-xl);position:relative;overflow:hidden;text-align:center;}
.cta-card::before{content:'';position:absolute;inset:0;background:radial-gradient(800px 400px at 50% 0%,rgba(139,92,246,.28),transparent 70%),radial-gradient(600px 300px at 50% 100%,rgba(99,102,241,.16),transparent 70%);pointer-events:none;}
.cta-card>*{position:relative;}
.cta-card .eyebrow{color:#a5b4fc;}
.cta-card h2{font-size:clamp(36px,4.6vw,56px);font-weight:800;letter-spacing:-.03em;line-height:1.05;margin-top:14px;}
.cta-card h2 em{font-style:normal;font-weight:800;color:#a5b4fc;}
.cta-card p{margin-top:14px;font-size:16px;color:rgba(255,255,255,.65);max-width:560px;margin-left:auto;margin-right:auto;line-height:1.6;}
.cta-card .ctas{margin-top:28px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}
.cta-card .meta{margin-top:22px;font-family:var(--font-mono);font-size:11.5px;color:rgba(255,255,255,.45);letter-spacing:.04em;}
@media (max-width:780px){.cta-card{padding:48px 24px;}}
footer{padding:56px 0 28px;background:var(--surface-2);border-top:1px solid var(--border);}
.foot-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:36px;margin-bottom:32px;}
.foot-brand p{font-size:13px;color:var(--muted);line-height:1.6;margin-top:12px;max-width:280px;}
.foot-col h4{font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;}
.foot-col a{display:block;font-size:13.5px;color:var(--fg-soft);font-weight:500;padding:5px 0;}
.foot-col a:hover{color:var(--indigo-600);}
.foot-bottom{padding-top:24px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;}
.foot-bottom .copy{font-family:var(--font-mono);font-size:11.5px;color:var(--muted);letter-spacing:.04em;}
.foot-bottom .links{display:flex;gap:18px;font-size:12.5px;color:var(--muted);font-weight:500;}
.foot-bottom .links a:hover{color:var(--indigo-600);}
@media (max-width:780px){.foot-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:520px){.foot-grid{grid-template-columns:1fr;}}
</style>
</head>
<body>
<header class="nav-wrap">
<div class="container">
<nav class="nav">
<a href="#" class="brand">
<div class="brand-mark">
<svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M3 3l9 6 9-6"/><path d="M3 9l9 6 9-6"/><path d="M3 15l9 6 9-6"/></svg>
</div>
<div>
<div class="brand-name">Nolimit Sync</div>
<div class="brand-sub">Ads Extension</div>
</div>
</a>
<div class="nav-links">
<a href="#solutions">Giải pháp</a>
<a href="#ecosystem">Hệ sinh thái</a>
<a href="#pricing">Bảng giá</a>
<a href="#faq">Câu hỏi</a>
</div>
<div class="nav-spacer"></div>
<div class="nav-rating">
<div class="stars">
<svg viewBox="0 0 24 24" width="11" height="11" fill="currentColor"><path d="M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 17l-6.2 4.3 2.4-7.4L2 9.4h7.6z"/></svg>
<svg viewBox="0 0 24 24" width="11" height="11" fill="currentColor"><path d="M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 17l-6.2 4.3 2.4-7.4L2 9.4h7.6z"/></svg>
<svg viewBox="0 0 24 24" width="11" height="11" fill="currentColor"><path d="M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 17l-6.2 4.3 2.4-7.4L2 9.4h7.6z"/></svg>
<svg viewBox="0 0 24 24" width="11" height="11" fill="currentColor"><path d="M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 17l-6.2 4.3 2.4-7.4L2 9.4h7.6z"/></svg>
<svg viewBox="0 0 24 24" width="11" height="11" fill="currentColor"><path d="M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 17l-6.2 4.3 2.4-7.4L2 9.4h7.6z"/></svg>
</div>
<span class="num">4.9</span>
<span class="label">Chrome Store</span>
</div>
<a href="#demo" class="btn btn-ghost btn-sm" style="padding:0 12px;">Đặt lịch demo</a>
<a href="#install" class="btn btn-primary btn-sm">
<svg viewBox="0 0 24 24" width="13" height="13" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12"/><path d="M7 10l5 5 5-5"/><path d="M5 21h14"/></svg>
Dùng thử miễn phí
</a>
</nav>
</div>
</header>
<section class="hero">
<div class="container">
<div class="hero-grid">
<div>
<div class="hero-tag">
<span class="badge">v2.4</span>
<span class="pulse"></span>
<span>Giải pháp quản lý TKQC hàng đầu cho agency</span>
</div>
<h1>
Quản lý hàng vạn<br>
tài khoản quảng cáo —<br>
chưa bao giờ <span class="italic-i">đơn giản</span> đến thế.
</h1>
<p class="lede">
Nền tảng tất-cả-trong-một giúp agency tự động hoá vận hành, kiểm soát dòng tiền chính xác đến từng đồng,
và bảo vệ tài sản quảng cáo an toàn tuyệt đối — từ <strong>TKQC, BM, VIA</strong> đến hoá đơn, công nợ và quyền truy cập.
</p>
<div class="hero-ctas">
<a href="#demo" class="btn btn-primary">
<svg viewBox="0 0 24 24" width="15" height="15" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
Đặt lịch demo
</a>
<a href="#install" class="btn btn-outline">
<svg viewBox="0 0 24 24" width="15" height="15" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12"/><path d="M7 10l5 5 5-5"/><path d="M5 21h14"/></svg>
Dùng thử miễn phí
</a>
</div>
<div class="hero-trust">
<span class="item">
<svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
Không cần thẻ
</span>
<span class="dot"></span>
<span class="item">
<svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
Setup 1 buổi
</span>
<span class="dot"></span>
<span class="item">
<svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
Mã hoá AES-256
</span>
</div>
</div>
<div class="hero-mock">
<div class="mock-browser">
<div class="mock-chrome">
<div class="mock-traffic"><span></span><span></span><span></span></div>
<div class="mock-url">
<svg viewBox="0 0 24 24" width="11" height="11" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0110 0v4"/></svg>
<span>business.facebook.com<span class="path">/adsmanager</span></span>
</div>
<div class="mock-ext-icon">
<svg viewBox="0 0 24 24" width="13" height="13" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M3 3l9 6 9-6"/><path d="M3 9l9 6 9-6"/><path d="M3 15l9 6 9-6"/></svg>
</div>
</div>
<div class="mock-page">
<div class="mock-page-bar">
<h3>Ads Manager · Chiến dịch</h3>
<span class="crumbs">BM Mercato / 24 active</span>
</div>
<div class="mock-table">
<div class="th">
<span></span>
<span>Tên chiến dịch</span>
<span>Spend</span>
<span>CTR</span>
<span>Status</span>
</div>
<div class="tr">
<input type="checkbox" checked>
<div class="acc"><span class="acc-mk">M1</span><span>Mercato · Holiday Sale 12.12</span></div>
<span class="num">$8,420</span>
<span class="num">2.4%</span>
<span class="pill pill-ok">ON</span>
</div>
<div class="tr">
<input type="checkbox" checked>
<div class="acc"><span class="acc-mk">M2</span><span>Mercato · Retargeting cart</span></div>
<span class="num">$3,180</span>
<span class="num">3.1%</span>
<span class="pill pill-ok">ON</span>
</div>
<div class="tr">
<input type="checkbox">
<div class="acc"><span class="acc-mk">A1</span><span>Atlas Beauty · Spring lookbook</span></div>
<span class="num">$1,940</span>
<span class="num">1.8%</span>
<span class="pill pill-warn">LIMIT</span>
</div>
<div class="tr">
<input type="checkbox" checked>
<div class="acc"><span class="acc-mk">V3</span><span>Volt Fitness · Q4 brand</span></div>
<span class="num">$5,260</span>
<span class="num">2.0%</span>
<span class="pill pill-sync">SYNC</span>
</div>
<div class="tr">
<input type="checkbox" checked>
<div class="acc"><span class="acc-mk">N4</span><span>Nordstrom Co. · Lead Gen</span></div>
<span class="num">$11,820</span>
<span class="num">1.6%</span>
<span class="pill pill-ok">ON</span>
</div>
</div>
</div>
</div>
<div class="mock-ext">
<div class="mock-ext-head">
<div class="row1">
<svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M3 3l9 6 9-6"/><path d="M3 9l9 6 9-6"/><path d="M3 15l9 6 9-6"/></svg>
<strong>Nolimit Sync</strong>
<span class="live"><span class="pulse"></span>Live</span>
</div>
<div class="row2">v2.4 · 5 tài khoản đang đồng bộ</div>
</div>
<div class="mock-ext-list">
<div class="mock-ext-row">
<div class="ico">M1</div>
<div>
<div class="name">Mercato Main BM</div>
<div class="meta">act_88273 · USD</div>
</div>
<span class="stat stat-ok">OK</span>
</div>
<div class="mock-ext-row">
<div class="ico">M2</div>
<div>
<div class="name">Mercato Retargeting</div>
<div class="meta">act_88291 · USD</div>
</div>
<span class="stat stat-ok">OK</span>
</div>
<div class="mock-ext-row">
<div class="ico">A1</div>
<div>
<div class="name">Atlas Beauty</div>
<div class="meta">act_77104 · EUR</div>
</div>
<span class="stat stat-warn">SLOW</span>
</div>
<div class="mock-ext-row">
<div class="ico">V3</div>
<div>
<div class="name">Volt Fitness Q4</div>
<div class="meta">act_61558 · VND</div>
</div>
<span class="stat stat-sync">SYNC</span>
</div>
<div class="mock-ext-row">
<div class="ico">N4</div>
<div>
<div class="name">Nordstrom Co.</div>
<div class="meta">act_92110 · USD</div>
</div>
<span class="stat stat-ok">OK</span>
</div>
</div>
<div class="mock-ext-foot">
<span>đồng bộ mỗi <span class="mono">30s</span></span>
<span class="mono ok">vừa xong</span>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="trust-band">
<div class="container">
<div class="label">Tin dùng bởi <strong>320+ agency</strong> & team in-house tại Đông Nam Á</div>
<div class="trust-logos">
<span class="logo serif">Mercato</span>
<span class="logo upper">Atlas Beauty</span>
<span class="logo">
<svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"/></svg>
Volt
</span>
<span class="logo serif">Nordstrom</span>
<span class="logo upper">Sundance</span>
<span class="logo">
<svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M3 12h18"/><path d="M12 3a14 14 0 010 18"/></svg>
Globex
</span>
</div>
</div>
</section>
<section class="section-night" id="why">
<div class="container">
<div class="section-head">
<div class="eyebrow light">Vùng mù vận hành</div>
<h2 style="color:white;">Vận hành agency bằng Google Sheets — không còn khả thi.</h2>
<p style="color:rgba(255,255,255,.6);">Ba "vùng mù" mà mọi agency cho thuê TKQC đều đang trả giá mỗi tháng.</p>
</div>
<div class="pain-grid">
<div class="pain-card">
<div class="num">01 / VÙNG MÙ</div>
<h3>Kế toán đối soát hoá đơn <em>bằng tay</em>.</h3>
<p>Mỗi TKQC một file Excel, mỗi BM một lần đăng nhập tải invoice, mỗi thẻ một lần đối chiếu giao dịch.
Cuối tháng vẫn lệch sổ vài chục triệu — và không ai biết tiền chui vào đâu.</p>
<div class="foot">~60% thời gian kế toán · sai số 5–8% mỗi kỳ</div>
</div>
<div class="pain-card">
<div class="num">02 / VÙNG MÙ</div>
<h3>Hàng vạn tài sản <em>không có chỗ kiểm soát</em>.</h3>
<p>TKQC, BM, VIA, Page nằm rải rác trong đầu nhân viên cũ. Một bạn nghỉ — vài chục tài khoản biến mất.
Khách hỏi báo cáo — phải hỏi vòng nội bộ 2 ngày mới có số.</p>
<div class="foot">~1,200 TKQC trung bình / agency · ~38 BM rải rác</div>
</div>
<div class="pain-card">
<div class="num">03 / VÙNG MÙ</div>
<h3>Camp trộm, vít đè ngân sách — <em>phát hiện sau khi đã cháy</em>.</h3>
<p>Nhân viên set camp ngoài whitelist, đối thủ vít đè ngân sách ban đêm, ad vi phạm chính sách —
bạn chỉ biết khi TKQC bị khoá hoặc khách gọi điện hỏi tại sao tiền đã bay.</p>
<div class="foot">~10,000+ vi phạm / năm trong các agency 50+ TKQC</div>
</div>
</div>
</div>
</section>
<section id="solutions">
<div class="container">
<div class="section-head">
<div class="eyebrow">Giải pháp</div>
<h2>Đơn giản hoá quản lý — tối đa hoá hiệu quả.</h2>
<p>Từ "vùng mù thủ công" của Google Sheets đến kỷ nguyên minh bạch và kiểm soát toàn diện cho agency.</p>
</div>
<div class="feat-grid">
<div class="feat" data-tone="indigo">
<div class="ico">
<svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="6" width="20" height="14" rx="2"/><line x1="2" y1="11" x2="22" y2="11"/><line x1="6" y1="16" x2="9" y2="16"/></svg>
</div>
<h3>Quản lý hoá đơn & dòng tiền</h3>
<p>Tự động đồng bộ hoá đơn của mọi TKQC về một kho lưu trữ an toàn. Đối soát giao dịch trên thẻ chính xác đến từng đồng — không còn cảnh kế toán mở 200 tab Billing.</p>
<div class="meta">~60% quy trình thủ công được tự động hoá</div>
</div>
<div class="feat" data-tone="violet">
<div class="ico">
<svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><ellipse cx="12" cy="5" rx="9" ry="3"/><path d="M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5"/><path d="M3 12c0 1.66 4 3 9 3s9-1.34 9-3"/></svg>
</div>
<h3>Lưu trữ & quản lý tài sản tập trung</h3>
<p>TKQC, BM, VIA, Page, chiến dịch — gom về một "kho chứa" an toàn và vĩnh viễn. Tài khoản bị khoá hoặc nhân sự nghỉ, dữ liệu vẫn còn nguyên.</p>
<div class="meta">snapshot mỗi 30 giây · lưu trữ vĩnh viễn</div>
</div>
<div class="feat" data-tone="warning">
<div class="ico">
<svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/><path d="M9 12l2 2 4-4"/></svg>
</div>
<h3>Shield — bảo vệ tài sản 24/7</h3>
<p>Lá chắn hoạt động liên tục, tự động chặn "set camp trộm", "vít đè ngân sách", website/fanpage ngoài whitelist và mọi hành vi vi phạm trước khi TKQC bị Meta khoá.</p>
<div class="meta">10,000+ vi phạm đã được chặn / năm</div>
</div>
<div class="feat" data-tone="success">
<div class="ico">
<svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><circle cx="9" cy="8" r="3"/><path d="M3 21v-1a6 6 0 0112 0v1"/><circle cx="17" cy="10" r="2.5"/><path d="M14 21v-.5a4 4 0 017 0v.5"/></svg>
</div>
<h3>Workspace cho agency cho thuê</h3>
<p>Quản lý vòng đời khách thuê, công nợ, quyết toán và phân quyền nhân viên trong một không gian duy nhất. Không còn nhầm acc khách A với khách B.</p>
<div class="meta">đa khách hàng · phân quyền granular</div>
</div>
<div class="feat" data-tone="indigo">
<div class="ico">
<svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 3v18h18"/><path d="M7 14l4-4 4 4 5-5"/></svg>
</div>
<h3>Báo cáo real-time tự động</h3>
<p>Dashboard trực quan hợp nhất spend, doanh thu, tiền thu, tiền chi của toàn agency. Tự động xuất Google Sheet / Larkbase theo lịch — không một thao tác copy-paste.</p>
<div class="meta">push WebSocket ~30s · export đa định dạng</div>
</div>
<div class="feat" data-tone="violet">
<div class="ico">
<svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 8a6 6 0 00-12 0c0 7-3 9-3 9h18s-3-2-3-9"/><path d="M13.7 21a2 2 0 01-3.4 0"/></svg>
</div>
<h3>Cảnh báo tức thời mọi rủi ro</h3>
<p>Telegram / Slack / email khi camp lạ xuất hiện, ngân sách bất thường, ROAS rớt, acc bị limit — chủ động nắm bắt mọi thay đổi trạng thái quan trọng trước khi quá muộn.</p>
<div class="meta">3 kênh · cooldown 5 phút · custom rule</div>
</div>
</div>
</div>
</section>
<section id="ecosystem" style="background:var(--surface-2);">
<div class="container">
<div class="section-head">
<div class="eyebrow">Hệ sinh thái Nolimit</div>
<h2>Một hệ sinh thái công nghệ toàn diện cho agency.</h2>
<p>Ba sản phẩm được thiết kế để bổ trợ nhau — từ kiểm tra nhanh trên trình duyệt, quản trị tập trung, đến tối ưu Meta AI bằng dữ liệu của chính bạn.</p>
</div>
<div class="eco-grid">
<article class="eco-card">
<span class="eco-tag"><span class="dot"></span>Công cụ thực thi</span>
<div>
<h3 class="eco-name">Nolimit <em>Check</em></h3>
<div class="eco-role">Extension trên trình duyệt</div>
</div>
<p class="eco-desc">Kiểm tra nhanh hàng loạt TKQC, share quyền truy cập số lượng lớn an toàn — công cụ không thể thiếu cho agency cho thuê tài khoản.</p>
<div class="eco-foot">
<a href="#" class="eco-link">
Khám phá ngay
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" width="13" height="13"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
</a>
<span class="eco-meta">Chrome · Edge · Brave</span>
</div>
</article>
<article class="eco-card" data-tone="violet">
<span class="eco-tag"><span class="dot"></span>Nền tảng quản trị · Bạn đang xem</span>
<div>
<h3 class="eco-name">Nolimit <em>Sync</em></h3>
<div class="eco-role">Trung tâm điều hành agency</div>
</div>
<p class="eco-desc">Hợp nhất TKQC, BM, VIA, hoá đơn, công nợ về một dashboard duy nhất. Dành cho quản lý vận hành agency nắm toàn cảnh hoạt động kinh doanh trong một màn hình.</p>
<div class="eco-foot">
<a href="#install" class="eco-link">
Dùng thử miễn phí
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" width="13" height="13"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
</a>
<span class="eco-meta">Web · API · Webhook</span>
</div>
</article>
<article class="eco-card" data-tone="amber">
<span class="eco-tag"><span class="dot"></span>Công cụ tối ưu</span>
<div>
<h3 class="eco-name">Nolimit <em>Dataset</em></h3>
<div class="eco-role">Huấn luyện Meta AI cá nhân hoá</div>
</div>
<p class="eco-desc">Nâng cấp dịch vụ bằng giải pháp huấn luyện Meta AI dựa trên dữ liệu chiến dịch sẵn có của doanh nghiệp — biến lịch sử thành lợi thế cạnh tranh.</p>
<div class="eco-foot">
<a href="#" class="eco-link">
Khám phá ngay
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" width="13" height="13"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
</a>
<span class="eco-meta">Beta · liên hệ</span>
</div>
</article>
</div>
</div>
</section>
<section id="how">
<div class="container">
<div class="section-head">
<div class="eyebrow">Cách hoạt động</div>
<h2>Cài trong 60 giây — chạy mãi mãi.</h2>
<p>Không SDK, không server, không code. Mở Chrome Web Store, click 1 nút, đăng nhập là xong.</p>
</div>
<div class="how-grid">
<div class="step">
<div class="step-num"><div class="n">1</div><div class="lbl">Cài đặt</div></div>
<h3>Thêm vào Chrome</h3>
<p>Mở Chrome Web Store, tìm "Nolimit Sync", bấm <strong>Add to Chrome</strong>. Extension chỉ xin quyền đọc trên domain <span class="code">facebook.com</span> & <span class="code">business.facebook.com</span>.</p>
<div class="step-mock">
<div class="bar med"></div>
<div class="bar short solid"></div>
<div class="bar tiny"></div>
<span class="pill"><span class="pulse"></span>chrome.runtime · v2.4</span>
<div class="check-row">
<svg viewBox="0 0 24 24" width="13" height="13" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
Đã cài · 4.2 MB
</div>
</div>
</div>
<div class="step">
<div class="step-num"><div class="n">2</div><div class="lbl">Liên kết</div></div>
<h3>Đăng nhập Nolimit</h3>
<p>Mở popup, paste workspace key (dán 1 lần). Extension tự liên kết với dashboard <span class="code">app.nolimit.io</span> của team — mọi tài khoản dưới quyền BM được phát hiện ngay.</p>
<div class="step-mock">
<div class="bar tiny"></div>
<div class="bar med"></div>
<div class="bar short solid"></div>
<span class="pill"><span class="pulse"></span>workspace · mercato-prod</span>
<div class="check-row">
<svg viewBox="0 0 24 24" width="13" height="13" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
18 BM · 47 acc tìm thấy
</div>
</div>
</div>
<div class="step">
<div class="step-num"><div class="n">3</div><div class="lbl">Đồng bộ</div></div>
<h3>Sync chạy ngầm</h3>
<p>Mỗi 30 giây extension gửi snapshot về backend, dashboard cập nhật realtime. Tắt Chrome cũng được — service worker đánh thức mỗi 5 phút để chạy nhẹ.</p>
<div class="step-mock">
<div class="bar med"></div>
<div class="bar med solid"></div>
<div class="bar tiny"></div>
<div class="bar short"></div>
<div class="ext-card">
<div class="h">Sync OK</div>
<div class="m">vừa xong · 47/47</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="stats-band">
<div class="container">
<div class="section-head" style="margin-bottom:48px;">
<div class="eyebrow" style="color:#a5b4fc;">Những con số biết nói</div>
<h2 style="color:white;">Hiệu quả đã được kiểm chứng ở quy mô lớn.</h2>
</div>
<div class="stats-grid">
<div class="stat-cell">
<div class="num">100,000<em>+</em></div>
<div class="lbl">TKQC đang được Nolimit Sync quản lý</div>
</div>
<div class="stat-cell">
<div class="num">5<em>M+</em></div>
<div class="lbl">Giao dịch không xác định được tự động phát hiện</div>
</div>
<div class="stat-cell">
<div class="num">10,000<em>+</em></div>
<div class="lbl">Quảng cáo vi phạm được tự động ngăn chặn</div>
</div>
<div class="stat-cell">
<div class="num">99.7<em>%</em></div>
<div class="lbl">Uptime nền tảng trong 12 tháng gần nhất</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="section-head">
<div class="eyebrow">Wall of Love</div>
<h2>Lắng nghe chia sẻ từ những người dẫn đầu.</h2>
<p>Mỗi đánh giá từ agency là động lực để chúng tôi nâng cao chất lượng từng ngày.</p>
</div>
<div class="quote-lead">
<span class="mark">"</span>
<div class="body">
<p>Nolimit Sync gom toàn bộ dòng tiền, thẻ, hoá đơn và TKQC của agency mình về một nơi duy nhất.
Lần đầu tiên sau 4 năm, mình kiểm soát tài chính tập trung — không còn cảnh chốt sổ trượt vài chục triệu mỗi tháng.</p>
</div>
<div class="who">
<div class="ava">PT</div>
<div>
<div class="name">Phạm Thanh Duy</div>
<div class="role">Founder · Aloha Media</div>
</div>
</div>
</div>
<div class="quote-row">
<div class="q-card">
<div class="body">
"TKQC bị hack giữa mùa Q4, hai BM bị checkpoint cùng lúc. Nhờ Sync sao lưu toàn bộ snapshot,
team mình restore lại 47 ad set trong 2 tiếng. Nếu không có hệ thống này, agency đã mất luôn khách lớn nhất năm."
</div>
<div class="who" data-c="violet">
<div class="ava">DC</div>
<div>
<div class="name">Donnie Chu</div>
<div class="role">Founder · DC Group</div>
</div>
</div>
</div>
<div class="q-card">
<div class="body">
"Shield của Sync tự động cảnh báo khi phát hiện camp lạ, fanpage ngoài whitelist hay ngân sách bất thường vào ban đêm.
Một tin nhắn Telegram lúc 2h sáng đã cứu mình khỏi vụ vít đè nửa tỷ."
</div>
<div class="who" data-c="amber">
<div class="ava">TB</div>
<div>
<div class="name">Thành Bobber</div>
<div class="role">Founder · UPG Agency</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="pricing" style="background:var(--surface-2);">
<div class="container">
<div class="section-head">
<div class="eyebrow">Bảng giá</div>
<h2>Bắt đầu miễn phí. Trả tiền khi đáng.</h2>
<p>Không hợp đồng năm, không setup fee. Huỷ bất kỳ lúc nào — data vẫn export đầy đủ.</p>
</div>
<div class="price-grid">
<div class="price-card">
<div class="price-name">Free</div>
<div class="price-amt">0₫<span class="sub">/tháng</span></div>
<div class="price-desc">Đủ cho freelancer hoặc team đang đánh giá thử Nolimit.</div>
<ul class="price-list">
<li><svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg><span>Tới <strong>5 tài khoản quảng cáo</strong></span></li>
<li><svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg><span>Sync mỗi <strong>5 phút</strong></span></li>
<li><svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg><span>Lưu trữ <strong>30 ngày</strong></span></li>
<li><svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg><span>Cảnh báo email cơ bản</span></li>
<li><svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg><span>Hỗ trợ qua docs & community</span></li>
</ul>
<a href="#install" class="btn btn-outline">Cài Free</a>
</div>
<div class="price-card featured">
<div class="price-tag">Phổ biến nhất</div>
<div class="price-name">Pro</div>
<div class="price-amt">390K<span class="sub">/tháng</span></div>
<div class="price-desc">Cho agency và team in-house quản lý spend lớn, cần realtime & cảnh báo nâng cao.</div>
<ul class="price-list">
<li><svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg><span><strong>Không giới hạn</strong> tài khoản & BM</span></li>
<li><svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg><span>Sync mỗi <strong>30 giây</strong> realtime</span></li>
<li><svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg><span>Lưu trữ <strong>vĩnh viễn</strong> + export Parquet</span></li>
<li><svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg><span>Cảnh báo Telegram / Slack + custom rule</span></li>
<li><svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg><span>API + Webhook + Postgres mirror</span></li>
<li><svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg><span>Hỗ trợ riêng < 4 tiếng (giờ HCM)</span></li>
</ul>
<a href="#install" class="btn btn-night">Dùng thử Pro 14 ngày</a>
</div>
</div>
</div>
</section>
<section id="faq">
<div class="container">
<div class="section-head">
<div class="eyebrow">Câu hỏi thường gặp</div>
<h2>Những điều bạn có thể đang băn khoăn.</h2>
<p>Đội ngũ Nolimit luôn ở đây và sẵn sàng hỗ trợ bạn 24/7.</p>
</div>
<div class="faq-wrap">
<details class="faq" open>
<summary>Sync có an toàn cho tài sản quảng cáo của tôi không?</summary>
<div class="body">
<p>Tuyệt đối an toàn. Nolimit Sync hoạt động trên nền API chính thức của Facebook và tuân thủ các tiêu chuẩn bảo mật cao nhất hiện hành.</p>
<p>Chúng tôi <strong>không lưu trữ mật khẩu</strong> của bạn — extension chỉ đọc dữ liệu sau khi bạn đã đăng nhập. Mọi payload gửi về backend được mã hoá <span class="code">AES-256</span> bằng key public của workspace, cookie không bao giờ rời máy bạn.</p>
</div>
</details>
<details class="faq">
<summary>Sync có vi phạm điều khoản của Meta không?</summary>
<div class="body">
<p>Không. Sync chỉ đọc dữ liệu mà chính bạn đã có quyền xem trong Ads Manager — không tự động tạo ad, không spam, không impersonate. Throttle 30s/lần đảm bảo không trigger heuristic chống bot của Meta.</p>
<p>Cơ chế giống Pinterest Save Button, Honey, Loom — đều là extension thao tác DOM được Chrome Web Store duyệt.</p>
</div>
</details>
<details class="faq">
<summary>Có hỗ trợ Google Ads, TikTok Ads không?</summary>
<div class="body">
<p>Hiện tại Sync v2.4 chỉ làm Facebook/Meta Ads. TikTok Ads đang trong beta (mời riêng), Google Ads roadmap Q1 năm sau. Lý do: Meta là môi trường dữ liệu rối nhất — fix được đây thì 2 platform kia dễ hơn nhiều.</p>
</div>
</details>
<details class="faq">
<summary>Một extension chạy được bao nhiêu BM cùng lúc?</summary>
<div class="body">
<p>Đã test ổn định với 50 BM & 200 tài khoản trên một profile Chrome. Trên Mac M1 8GB, CPU dao động 2–4% khi sync, RAM thêm ~80 MB. Nếu cần nhiều hơn, dùng Chrome Profile riêng cho mỗi cluster — extension auto-detect.</p>
</div>
</details>
<details class="faq">
<summary>Tôi có export được data ra Postgres / BigQuery của riêng team không?</summary>
<div class="body">
<p>Có. Plan Pro có Postgres mirror (push qua logical replication), CSV/Parquet export hàng ngày, và webhook bắn sự kiện vào endpoint của bạn. Schema documented chi tiết tại <span class="code">docs.nolimit.io/schema</span>.</p>
</div>
</details>
<details class="faq">
<summary>Nếu máy tắt thì sync có tiếp tục không?</summary>
<div class="body">
<p>Khi Chrome tắt, sync ngừng — đó là giới hạn của extension model. Nếu cần 24/7, plan Pro tặng kèm 1 worker server-side dùng playwright + cookie-share, chạy headless trên VPS Nolimit. Cấu hình mất 5 phút.</p>
</div>
</details>
</div>
</div>
</section>
<section class="cta-band" id="install">
<div class="container">
<div class="cta-card">
<div class="eyebrow">Sẵn sàng?</div>
<h2>Thoát khỏi Google Sheets —<br>nâng tầm <em>agency</em> ngay hôm nay.</h2>
<p>Chấm dứt rủi ro, tối ưu hiệu suất và tăng trưởng bền vững. Không hợp đồng năm, không setup fee — bạn quyết định khi nào nâng cấp.</p>
<div class="ctas">
<a href="#" class="btn btn-night">
<svg viewBox="0 0 24 24" width="15" height="15" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12"/><path d="M7 10l5 5 5-5"/><path d="M5 21h14"/></svg>
Dùng thử miễn phí
</a>
<a href="#" class="btn btn-outline" style="background:transparent;color:white;border-color:rgba(255,255,255,.18);">
<svg viewBox="0 0 24 24" width="15" height="15" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
Đặt lịch demo 1-1
</a>
</div>
<div class="meta">v2.4.1 · Chrome 120+ · Edge & Brave hỗ trợ · Hỗ trợ < 4h</div>
</div>
</div>
</section>
<footer>
<div class="container">
<div class="foot-grid">
<div class="foot-brand">
<a href="#" class="brand">
<div class="brand-mark">
<svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M3 3l9 6 9-6"/><path d="M3 9l9 6 9-6"/><path d="M3 15l9 6 9-6"/></svg>
</div>
<div>
<div class="brand-name">Nolimit Sync</div>
<div class="brand-sub">Ads Extension</div>
</div>
</a>
<p>Đồng bộ realtime cho người chạy Facebook Ads chuyên nghiệp. Made in HCMC.</p>
</div>
<div class="foot-col">
<h4>Sản phẩm</h4>
<a href="#features">Tính năng</a>
<a href="#how">Cách hoạt động</a>
<a href="#pricing">Bảng giá</a>
<a href="#install">Tải extension</a>
</div>
<div class="foot-col">
<h4>Dành cho dev</h4>
<a href="#">Tài liệu API</a>
<a href="#">Schema dữ liệu</a>
<a href="#">Webhook</a>
<a href="#">Trạng thái dịch vụ</a>
</div>
<div class="foot-col">
<h4>Công ty</h4>
<a href="#">Giới thiệu</a>
<a href="#">Liên hệ</a>
<a href="#">Bảo mật</a>
<a href="#">Điều khoản</a>
</div>
</div>
<div class="foot-bottom">
<span class="copy">© 2026 Nolimit Group · v2.4.1 · build 1c8e92</span>
<div class="links">
<a href="#">Twitter</a>
<a href="#">GitHub</a>
<a href="#">Discord</a>
</div>
</div>
</div>
</footer>
</body>
</html>
Số dòng: 1071