@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,700;12..96,800&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";@font-face{font-family:SVN-Determination;src:url(/fonts/SVN-Determination_Sans.ttf) format("truetype");font-weight:400;font-display:swap}:root{--orange: #F67000;--orange-dark: #D45F00;--orange-light:#FFF0E0;--blue: #004E98;--blue-dark: #003A72;--blue-light: #E0EEFF;--yellow: #FFD600;--yellow-light:#FFFBE0;--green: #00C566;--green-light: #E0FFF2;--pink: #FF4F9B;--black: #0D0D0D;--white: #FFFFFF;--bg: #FFFAF5;--bg-alt: #F0F6FF;--bg-dark: #0D1520;--gray: #6B7280;--gray-light: #F3F4F6;--border: #0D0D0D;--red: #F67000;--gold: #FFD600;--cream: #FFFAF5;--font-display: "Bricolage Grotesque", sans-serif;--font-body: "Plus Jakarta Sans", sans-serif;--font-accent: "SVN-Determination", sans-serif;--border-w: 2px;--shadow-nb: 4px 4px 0 var(--black);--shadow-nb-sm:3px 3px 0 var(--black);--shadow-nb-lg:6px 6px 0 var(--black);--shadow-nb-orange: 4px 4px 0 var(--orange);--shadow-nb-blue: 4px 4px 0 var(--blue);--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--shadow-sm: 0 2px 8px rgba(0,0,0,.06);--shadow: 0 8px 32px rgba(0,0,0,.08);--shadow-lg: 0 24px 80px rgba(0,0,0,.1);--container: 1200px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;scroll-padding-top:120px}body{font-family:var(--font-body);background:var(--bg);color:var(--black);overflow-x:hidden}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}h1,h2,h3,h4{font-family:var(--font-display);font-weight:800;line-height:1.1;letter-spacing:-.03em;color:var(--black)}h1{font-size:clamp(40px,6vw,80px)}h2{font-size:clamp(32px,4.5vw,56px)}h3{font-size:clamp(18px,2.2vw,24px)}p{line-height:1.7}.container{max-width:var(--container);margin:0 auto;padding:0 40px}.section{padding:100px 0}.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:700;font-size:15px;padding:14px 32px;border-radius:var(--radius-sm);border:var(--border-w) solid var(--black);cursor:pointer;position:relative;letter-spacing:-.01em;white-space:nowrap;transition:transform .12s ease,box-shadow .12s ease;box-shadow:var(--shadow-nb)}.btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--black)}.btn:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--black)}.btn-primary{background:var(--orange);color:#fff}.btn-primary:hover{background:var(--orange-dark)}.btn-blue{background:var(--blue);color:#fff;box-shadow:var(--shadow-nb-blue)}.btn-blue:hover{background:var(--blue-dark);box-shadow:2px 2px 0 var(--blue)}.btn-blue:active{box-shadow:0 0 0 var(--blue)}.btn-outline{background:var(--white);color:var(--black)}.btn-outline:hover{background:var(--yellow)}.btn-dark{background:var(--black);color:#fff}.btn-dark:hover{background:#333}.btn-yellow{background:var(--yellow);color:var(--black)}.btn-yellow:hover{background:#e6c100}.section-tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--black);background:var(--yellow);border:var(--border-w) solid var(--black);border-radius:var(--radius-sm);padding:5px 14px;margin-bottom:20px;box-shadow:2px 2px 0 var(--black)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease}.reveal.in{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translate(-28px);transition:opacity .6s ease,transform .6s ease}.reveal-right{opacity:0;transform:translate(28px);transition:opacity .6s ease,transform .6s ease}.reveal-left.in,.reveal-right.in{opacity:1;transform:translate(0)}@media(max-width:768px){.container{padding:0 20px}.section{padding:70px 0}}.top-bar{position:fixed;top:0;left:0;right:0;z-index:300;background:var(--blue);color:#ffffffe6;padding:10px 24px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;font-weight:600;border-bottom:2px solid var(--black)}.top-bar strong{color:var(--yellow)}.top-bar a{color:var(--yellow);font-weight:700;text-decoration:underline}.top-bar__dot{width:8px;height:8px;background:var(--yellow);border-radius:50%;border:1.5px solid rgba(255,255,255,.5);animation:blink 1.6s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.top-bar__close{position:absolute;right:16px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-sm);color:#ffffffb3;font-size:13px;line-height:1;padding:3px 7px}.top-bar__close:hover{background:#ffffff4d;color:#fff}.nav{position:fixed;top:40px;left:0;right:0;z-index:200;padding:12px 40px;transition:top .3s}.nav__inner{display:flex;align-items:center;justify-content:space-between;background:var(--white);border:2px solid var(--black);border-radius:var(--radius-lg);padding:10px 20px 10px 28px;box-shadow:4px 4px 0 var(--black)}.nav__logo{font-family:var(--font-display);font-weight:800;font-size:18px;color:var(--black);letter-spacing:-.03em}.nav__logo em{font-style:normal;color:var(--orange)}.nav__links{display:flex;gap:28px;list-style:none}.nav__links a{font-size:13px;font-weight:600;color:var(--gray);transition:color .15s}.nav__links a:hover{color:var(--orange)}.nav__links .nav__enterprise{color:var(--black);font-weight:700;border:1.5px solid var(--black);border-radius:var(--radius-sm);padding:4px 12px;background:transparent;box-shadow:2px 2px 0 var(--black);transition:all .12s}.nav__links .nav__enterprise:hover{background:var(--black);color:#fff;transform:translate(1px,1px);box-shadow:1px 1px 0 var(--black)}.nav__cta{padding:9px 20px;font-size:13px}.footer{background:var(--black);padding:40px 0;border-top:2px solid var(--black)}.footer__inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.footer__logo{font-family:var(--font-display);font-size:18px;font-weight:800;color:#ffffffb3;letter-spacing:-.02em}.footer__logo em{font-style:normal;color:var(--orange)}.footer__links{display:flex;gap:24px}.footer__links a{font-size:13px;color:#fff6;font-weight:600;transition:color .15s}.footer__links a:hover{color:var(--yellow)}.footer__copy{font-size:12px;color:#fff3}.cw{position:fixed;bottom:90px;right:24px;z-index:900;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.cw__panel{width:320px;background:var(--white);border:2px solid var(--black);border-radius:var(--radius-lg);box-shadow:5px 5px 0 var(--black);overflow:hidden;display:flex;flex-direction:column;transform:translateY(16px) scale(.95);opacity:0;pointer-events:none;transition:all .25s cubic-bezier(.34,1.56,.64,1);max-height:576px}.cw__panel.open{transform:translateY(0) scale(1);opacity:1;pointer-events:all}.cw__header{background:var(--orange);border-bottom:2px solid var(--black);padding:14px 16px;display:flex;align-items:center;gap:10px;flex-shrink:0}.cw__avatar{width:36px;height:36px;background:#fff3;border:2px solid rgba(255,255,255,.5);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.cw__name{font-size:14px;font-weight:700;color:#fff}.cw__status{font-size:11px;color:#fffc;display:flex;align-items:center;gap:5px;margin-top:2px}.cw__dot{width:7px;height:7px;background:var(--yellow);border-radius:50%;animation:blink 1.6s ease-in-out infinite}.cw__close{margin-left:auto;background:#fff3;border:1.5px solid rgba(255,255,255,.4);border-radius:var(--radius-sm);width:28px;height:28px;color:#fff;font-size:13px;display:flex;align-items:center;justify-content:center;transition:background .15s;flex-shrink:0}.cw__close:hover{background:#ffffff59}.cw__messages{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:8px;scroll-behavior:smooth;background:var(--bg)}.cw__msg{max-width:85%;font-size:13px;line-height:1.55;padding:9px 13px;border:1.5px solid var(--black);border-radius:var(--radius-sm);word-break:break-word;box-shadow:2px 2px 0 var(--black)}.cw__msg--bot{background:var(--white);color:var(--black);align-self:flex-start}.cw__msg--user{background:var(--orange);color:#fff;align-self:flex-end;border-color:var(--black)}.cw__msg--typing{opacity:.6;font-style:italic}.cw__typing-dots{display:flex;align-items:center;gap:5px;padding:4px 2px}.cw__typing-dots span{width:7px;height:7px;background:var(--gray);border-radius:50%;animation:dotBounce 1.2s ease-in-out infinite;opacity:.5}.cw__typing-dots span:nth-child(2){animation-delay:.2s}.cw__typing-dots span:nth-child(3){animation-delay:.4s}@keyframes dotBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}.cw__msg--agent{background:var(--yellow-light);color:#7a5200;border-color:var(--black);align-self:flex-start}.cw__suggestions,.cw__tree-btns{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.cw__sug{background:var(--white);border:1.5px solid var(--black);border-radius:var(--radius-sm);padding:5px 11px;font-size:12px;font-weight:600;color:var(--black);transition:all .12s;box-shadow:2px 2px 0 var(--black)}.cw__sug:hover{background:var(--yellow);transform:translate(1px,1px);box-shadow:1px 1px 0 var(--black)}.cw__input-row{display:flex;gap:8px;padding:10px 12px;border-top:2px solid var(--black);flex-shrink:0;background:var(--white)}.cw__input{flex:1;border:1.5px solid var(--black);border-radius:var(--radius-sm);padding:8px 14px;font-size:13px;font-family:var(--font-body);outline:none;transition:box-shadow .15s;background:var(--bg)}.cw__input:focus{box-shadow:2px 2px 0 var(--orange);border-color:var(--orange)}.cw__send{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--orange);border:1.5px solid var(--black);box-shadow:2px 2px 0 var(--black);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .12s}.cw__send:hover{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--black)}.cw__send:disabled{background:#ccc}.cw__btn{width:52px;height:52px;border-radius:var(--radius-lg);background:var(--orange);border:2px solid var(--black);box-shadow:4px 4px 0 var(--black);display:flex;align-items:center;justify-content:center;animation:cwRipple 3s ease-out infinite;transition:transform .12s,box-shadow .12s;position:relative}.cw__btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--black);animation:none}.cw__btn.open{animation:none;background:var(--black);box-shadow:2px 2px 0 var(--orange)}.cw__icon-close{font-size:18px;color:#fff}.cw__badge{position:absolute;top:-4px;right:-4px;background:var(--yellow);border:2px solid var(--black);color:var(--black);font-size:10px;font-weight:700;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.cw__badge.hidden{display:none}@keyframes cwRipple{0%{box-shadow:4px 4px 0 var(--black),0 0 #f6700073}60%{box-shadow:4px 4px 0 var(--black),0 0 0 12px #f6700000}to{box-shadow:4px 4px 0 var(--black),0 0 #f6700000}}.zalo-fab{position:fixed;bottom:24px;right:24px;z-index:900;width:52px;height:52px;border-radius:var(--radius-lg);background:#0068ff;border:2px solid var(--black);box-shadow:4px 4px 0 var(--black);display:flex;align-items:center;justify-content:center;transition:transform .12s,box-shadow .12s;animation:zaloRipple 3.4s 1.2s ease-out infinite}.zalo-fab:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--black);animation:none}@keyframes zaloRipple{0%{box-shadow:4px 4px 0 var(--black),0 0 #0068ff73}60%{box-shadow:4px 4px 0 var(--black),0 0 0 12px #0068ff00}to{box-shadow:4px 4px 0 var(--black),0 0 #0068ff00}}@media(max-width:480px){.cw__panel{width:calc(100vw - 48px)}}@media(max-width:1100px){.nav__links{gap:16px}.nav__links a{font-size:12px}.nav__inner{padding:10px 16px 10px 20px}}@media(max-width:900px){.nav{padding:8px 16px}.nav__links{display:none}.nav__cta{padding:9px 16px;font-size:12px}.top-bar{font-size:12px}}