
:root{--dark:#11221e;--dark2:#1a3229;--lime:#dbf58f;--mint:#e7efdf;--paper:#f5f6ef;--line:#dce5d9;--text:#1b2d25;--muted:#6c7d70;--max:1190px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);font-family:Inter,Manrope,"Segoe UI",Arial,sans-serif;color:var(--text);-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}.wrap{width:min(calc(100% - 64px),var(--max));margin-inline:auto}.top{background:var(--lime);font-size:11px;color:#2b472b;text-align:center;padding:11px 16px;font-weight:750}.top a{text-decoration:underline;text-underline-offset:3px}.nav{position:sticky;top:0;z-index:99;backdrop-filter:blur(18px);background:#f5f6eff0;border-bottom:1px solid #dde6d9}.nav-in{height:80px;display:flex;align-items:center;gap:30px;justify-content:space-between}.brand{display:flex;gap:11px;align-items:center;min-width:max-content}.mark{display:grid;place-items:center;border-radius:11px;background:#142a23;color:var(--lime);width:42px;height:42px;font-weight:950;font-size:20px;letter-spacing:-.07em}.brand strong{font-size:15px;letter-spacing:.07em;display:block}.brand strong i{font-style:normal;color:#80a052}.brand small{display:block;color:#8fa28f;font-size:8px;font-weight:900;letter-spacing:.17em;margin-top:4px}.nav-links{display:flex;align-items:center;gap:25px}.nav-links a{font-size:12px;font-weight:750;color:#546b5a}.nav-links a:hover,.nav-links a[aria-current="page"]{color:#182e23}.nav-cta{padding:13px 17px;background:var(--dark);color:white;border-radius:10px;font-size:12px;font-weight:800}.menu{display:none;border:0;background:transparent;font-size:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:15px 21px;border-radius:12px;font-size:13px;font-weight:850;border:1px solid transparent;min-height:51px;transition:transform .2s}.btn:hover{transform:translateY(-2px)}.lime{background:var(--lime);color:#193424}.dark{background:var(--dark);color:white}.line{border-color:#bdcebc;background:transparent;color:#2e4c35}.ghost{color:white;border:1px solid #a8c6b55b}.hero{background:var(--dark);position:relative;overflow:hidden;color:white;padding:100px 0 105px}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 32%,#4d715c65,transparent 45%),linear-gradient(#e8ffb70a 1px,transparent 1px),linear-gradient(90deg,#e8ffb70a 1px,transparent 1px);background-size:auto,48px 48px,48px 48px}.hero-in{position:relative}.eyebrow{display:flex;align-items:center;gap:13px;color:#b9d9a6;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.eyebrow:before{content:"";width:25px;height:2px;background:var(--lime)}h1{font-size:clamp(48px,7vw,91px);line-height:1.03;letter-spacing:-.06em;font-weight:650;margin:24px 0}h1 em{font-style:normal;color:var(--lime)}.hero p{color:#b6cabb;line-height:1.83;font-size:16px;max-width:660px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.micro{margin-top:26px;color:#91a995;font-size:11px;line-height:1.7}.section{padding:95px 0}.kicker{font-size:11px;color:#678852;letter-spacing:.16em;font-weight:950;text-transform:uppercase}.head{font-size:clamp(36px,4vw,59px);letter-spacing:-.052em;line-height:1.08;font-weight:660;margin:18px 0}.lead{color:var(--muted);line-height:1.85;font-size:15px;max-width:680px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:38px}.card{border:1px solid var(--line);border-radius:18px;background:#fffefb;padding:29px;min-width:0}.num{font-size:10px;letter-spacing:.12em;color:#7f9b6c;font-weight:900}.card h3{font-size:24px;margin:18px 0 12px;letter-spacing:-.04em}.card p{font-size:13px;line-height:1.8;color:#778679;margin:0 0 20px}.card .detail{display:block;border-top:1px solid #e8ece5;padding-top:17px;font-size:12px;font-weight:900;color:#386441}.card ul{list-style:none;padding:0;margin:14px 0 22px}.card li{padding:8px 0;border-bottom:1px solid #ecf0e9;font-size:12px;color:#6d7c6c}.card li:before{content:'✓';color:#669b54;margin-right:8px}.darkband{background:#182e28;color:white}.darkband .lead{color:#b8cbb7}.darkband .kicker{color:#c7d9a3}.darkband .head{color:white}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:35px}.step{border:1px solid #d6e1d1;background:#fff;padding:22px;border-radius:12px}.step strong{display:block;font-size:11px;color:#6e9961}.step b{display:block;font-size:16px;margin:11px 0}.step p{font-size:12px;color:#7d8d7b;line-height:1.6}.callout{border-radius:21px;background:#e1edd0;padding:35px;display:flex;gap:30px;align-items:center;justify-content:space-between}.callout p{font-size:13px;color:#647961;line-height:1.7}.callout h2{margin:0;font-size:clamp(26px,3vw,40px);letter-spacing:-.04em}.cta-block{display:flex;gap:10px;flex-wrap:wrap}.footer{background:#13241f;color:#fff;padding:57px 0 26px}.footer-in{display:flex;justify-content:space-between;gap:40px}.footer p{color:#95af9d;font-size:12px;line-height:1.8;max-width:440px}.footer-links{display:grid;gap:12px}.footer-links a{font-size:12px;color:#c0d4c2}.footer-bottom{border-top:1px solid #41564a;margin-top:35px;padding-top:20px;color:#8ea295;font-size:11px}.call-fab{position:fixed;z-index:97;bottom:20px;right:19px;background:var(--lime);color:#193b27;border-radius:50px;padding:14px 19px;box-shadow:0 10px 40px #0003;font-size:12px;font-weight:850}.note{font-size:12px;line-height:1.7;color:#7b8d7a}.box-soft{border:1px solid var(--line);border-radius:15px;background:#fffefb;padding:25px}.chip{display:inline-block;padding:8px 12px;background:#ebf1e5;color:#567346;border-radius:999px;font-weight:800;font-size:11px}.showcase{background:#e2e9dc;border-radius:24px;padding:28px}.showcase svg{display:block;max-width:100%;height:auto}.faq{margin-top:34px;display:grid;gap:10px}.faq details{border:1px solid #dce6db;border-radius:13px;background:white;padding:21px}.faq summary{font-weight:850;cursor:pointer;font-size:14px}.faq p{line-height:1.8;color:#788778;font-size:13px}.page-end{margin-bottom:60px}.contact-list{display:grid;gap:18px;margin-top:29px}.contact-row{display:flex;align-items:center;gap:17px;padding:18px;background:#fff;border:1px solid #dce5d8;border-radius:14px}.contact-icon{width:50px;height:50px;background:#edf3e5;display:grid;place-items:center;border-radius:12px;font-size:23px}.contact-row b{display:block;font-size:16px}.contact-row small{display:block;color:#778b77;font-size:11px;margin-top:7px}.contact-row a{margin-left:auto;font-size:12px;font-weight:850;color:#47713e;white-space:nowrap}.download-card{padding:0;overflow:hidden;scroll-margin-top:95px}.download-graphic{background:#203a2f;padding:28px;color:#d9edcb;display:flex;align-items:center;justify-content:space-between;min-height:127px}.download-letter{font-size:56px;font-weight:850;letter-spacing:-.09em;color:var(--lime)}.download-code{font-size:10px;color:#a3baa2;letter-spacing:.12em;font-weight:900}.download-content{padding:28px}.release-area{background:#f5f7f1;border:1px solid #e3e9dd;padding:15px;border-radius:11px;margin:20px 0;font-size:12px;color:#73846f}.release-area strong{color:#364b37}.release-area .version{font-size:11px;margin-top:8px;display:block}.download-actions{display:grid;gap:10px}.download-actions .btn{width:100%}.release-muted{background:#eaeee6;color:#66805f;border:1px solid #d5ddcf;cursor:default}.release-meta{font-size:11px;line-height:1.5;color:#789078}.install-steps{counter-reset:s}.install-step{display:flex;gap:20px;align-items:flex-start;background:white;padding:22px;border:1px solid #dae4d8;border-radius:13px;margin-top:12px}.install-step .n{background:#19342b;color:var(--lime);height:34px;width:34px;border-radius:9px;display:grid;place-items:center;font-weight:900;flex:0 0 34px}.install-step b{display:block;margin-bottom:7px}.install-step p{font-size:13px;line-height:1.7;color:#748376;margin:0}.list-clean{line-height:2;color:#697d6c}.list-clean strong{color:#183a2a}.hero-small{padding:76px 0}.hero-small h1{font-size:clamp(46px,6vw,72px)}
@media(max-width:1040px){.nav-links{gap:13px}.nav-links a{font-size:11px}.cards{grid-template-columns:repeat(2,1fr)}.cards>.card:last-child:nth-child(odd){grid-column:1/-1}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.nav-in{height:69px}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:#f5f6ef;border-bottom:1px solid #dae6da;padding:13px 22px 22px;box-shadow:0 20px 30px #21372915}.nav-links.open{display:grid;gap:0}.nav-links a{padding:14px 10px;font-size:13px}.nav-cta{margin-left:auto}.menu{display:block}.hero{padding:70px 0}.section{padding:67px 0}.grid2{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr)}.footer-in{display:grid}.callout{display:grid}.cards{grid-template-columns:1fr}.cards>.card:last-child:nth-child(odd){grid-column:auto}}
@media(max-width:440px){.brand strong{font-size:12px}.brand small{font-size:7px}.nav-cta{display:none}.hero h1{font-size:48px}.steps{grid-template-columns:1fr}.contact-row{flex-wrap:wrap}.contact-row a{margin-left:0}.call-fab{right:10px;bottom:10px;padding:13px 15px;font-size:11px}}

/* V5: unified software + download catalog / Zalo group invitation */
#tai-plugin,#nhom-zalo{scroll-margin-top:100px}.combined-card .release-area{margin-top:auto}.combined-card ul{margin-bottom:22px}.combined-card{display:flex;flex-direction:column;align-items:stretch}.combined-card h3{margin-bottom:6px}.combined-card .download-actions{margin-top:0}.download-policy{background:#edf2e9}.policy-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:start}.zalo-zone{background:#152e25;color:white}.zalo-layout{display:grid;grid-template-columns:1.2fr minmax(250px,.72fr);gap:50px;align-items:center}.zalo-zone .kicker{color:#b5db79}.zalo-zone .head{color:#fff}.zalo-zone .head em{color:#c7f18c;font-style:normal}.zalo-zone .lead{color:#bdcebd}.zalo-disclaimer{color:#99b49e;font-size:12px;line-height:1.75;margin:18px 0 22px}.zalo-disclaimer b{color:#dcebcf}.zalo-qr-card{background:#f4f7ed;color:#1c3929;border-radius:20px;padding:22px;text-align:center;box-shadow:0 15px 36px #0002;max-width:330px;width:100%;justify-self:center}.zalo-qr-frame{border:1px dashed #c4d6ba;min-height:245px;background:#fff;border-radius:15px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;padding:13px;color:#799076;font-size:12px}.zalo-qr-frame img{display:block;max-width:100%;width:216px;height:216px;object-fit:contain}.qr-icon{font-size:74px;line-height:1;color:#b5c8aa}.zalo-qr-card strong{display:block;margin-top:16px;font-size:12px;letter-spacing:.07em}.zalo-qr-card p{font-size:11px;line-height:1.65;color:#738771;margin:8px 0 0}.zalo-zone .btn.line{border-color:#587667;color:#d6e7d2}.zalo-zone .btn.line:hover{background:#214235}.zalo-zone .btn.lime{background:#d6f0a0}.zalo-zone .actions{margin-top:25px}@media(max-width:760px){.policy-grid,.zalo-layout{grid-template-columns:1fr;gap:30px}.zalo-qr-card{justify-self:start}.combined-card{min-height:auto}}


/* V5R1 — active navigation selection, no changes to feature/commerce runtime. */
.nav-links a{position:relative;z-index:0;isolation:isolate;transition:color .18s ease;white-space:nowrap}
.nav-links a::before{content:"";position:absolute;z-index:-1;inset:-10px -12px;border-radius:11px;background:#dbf58f;opacity:0;transition:opacity .18s ease;pointer-events:none}
.nav-links a.is-active,.nav-links a[aria-current="page"],.nav-links a[aria-current="location"]{color:#193c26;font-weight:900}
.nav-links a.is-active::before,.nav-links a[aria-current="page"]::before,.nav-links a[aria-current="location"]::before{opacity:1}
.nav-links a:focus-visible{outline:3px solid #749e4c;outline-offset:6px;border-radius:3px}
@media(max-width:1040px) and (min-width:761px){.nav-links{gap:17px}.nav-links a{font-size:11px}.nav-links a::before{inset:-9px -8px}}
@media(max-width:760px){.nav-links a::before{inset:3px -7px}.nav-links a.is-active,.nav-links a[aria-current]{padding-left:16px}}
