@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800;900&display=swap";
:root{--orange:#f26522;--orange-dark:#d94d12;--blue:#143c7d;--blue-deep:#082b5f;--soft-blue:#eaf8ff;--text:#1d2939;--muted:#667085;--border:#e6eef7;--shadow:0 18px 55px #143c7d1f;--ease:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:#fff;margin:0;font-family:Be Vietnam Pro,Arial,Helvetica,sans-serif;line-height:1.65}body.drawer-open{overflow:hidden}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}img{max-width:100%;height:auto;display:block}button{font:inherit}.container{width:min(1170px,100% - 32px);margin:0 auto}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeLeft{0%{opacity:0;transform:translate(-36px)}to{opacity:1;transform:translate(0)}}@keyframes fadeRight{0%{opacity:0;transform:translate(36px)}to{opacity:1;transform:translate(0)}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes spinSoft{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseRing{0%{box-shadow:0 0 #f2652257,0 0 0 10px #f2652229}75%{box-shadow:0 0 0 18px #f2652200,0 0 0 30px #f2652200}to{box-shadow:0 0 #f2652200,0 0 0 10px #f2652229}}.site-head{z-index:80;background:#fff;position:sticky;top:0;box-shadow:0 10px 35px #0f2e5b14}.topbar{color:#fff;background:#103b78;font-size:13px}.topbar-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;min-height:38px;display:grid}.topbar p{text-align:center;margin:0}.lang-switch{align-items:center;gap:8px;display:flex}.lang-switch button{color:#ffffffd1;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:13px;font-weight:800;display:inline-flex}.lang-switch button.active,.lang-switch button:hover{color:#fff}.masthead{background:#fff}.masthead-row{justify-content:space-between;align-items:center;gap:28px;min-height:92px;display:flex}.logo img{object-fit:contain;width:197px;max-height:90px}.desktop-nav{text-transform:uppercase;flex:1;align-items:center;gap:26px;font-size:14px;font-weight:900;display:flex}.desktop-nav a{color:#26364c;position:relative}.desktop-nav a:after{content:"";background:var(--orange);transform-origin:50%;height:2px;transition:transform .24s var(--ease);position:absolute;bottom:-9px;left:0;right:0;transform:scaleX(0)}.desktop-nav a:hover:after{transform:scaleX(1)}sup{color:#fff;vertical-align:super;background:#df1f26;border-radius:999px;margin-left:3px;padding:3px 5px;font-size:9px;line-height:1}.consult,.primary-btn,.outline-btn,.white-btn{cursor:pointer;min-height:45px;transition:transform .25s var(--ease), box-shadow .25s var(--ease), background .25s var(--ease);border-radius:999px;justify-content:center;align-items:center;padding:12px 22px;font-size:14px;font-weight:900;display:inline-flex}.consult,.primary-btn{border:1px solid var(--orange);background:var(--orange);color:#fff;box-shadow:0 12px 26px #f2652247}.consult:hover,.primary-btn:hover{background:var(--orange-dark);color:#fff;transform:translateY(-3px);box-shadow:0 18px 36px #f265225c}.primary-btn.small,.outline-btn{min-height:40px;padding:10px 17px}.outline-btn{border:1px solid var(--orange);color:var(--orange-dark);background:#fff}.white-btn{color:var(--blue);background:#fff;border:1px solid #fff;margin-top:22px}.hamburger{cursor:pointer;background:0 0;border:0;padding:8px;display:none}.hamburger span{background:var(--blue);border-radius:99px;width:25px;height:3px;margin:5px 0;display:block}.mobile-drawer,.drawer-backdrop{display:none}.hero{background:radial-gradient(circle at 6% 12%,#ffffffeb,#0000 14rem),linear-gradient(115deg,#e9fbff 0%,#eef7ff 48%,#fff 100%);min-height:650px;padding:76px 0 80px;position:relative;overflow:hidden}.hero:before,.hero:after{content:"";pointer-events:none;border-radius:999px;position:absolute}.hero:before{background:#f2652214;width:420px;height:420px;top:-120px;right:-150px}.hero:after{background:#143c7d14;width:460px;height:460px;bottom:-190px;left:-180px}.hero-row{grid-template-columns:.95fr 1.05fr;align-items:center;gap:44px;display:grid}.hero-copy{z-index:2;animation:fadeLeft .85s var(--ease) both;position:relative}.hero-copy span,.section-title span{color:var(--orange);letter-spacing:.02em;text-transform:uppercase;margin:0 0 8px;font-size:16px;font-weight:900;display:block}.hero-copy h1{color:#163b76;letter-spacing:-.08em;text-transform:uppercase;margin:0 0 24px;font-size:clamp(4.2rem,10vw,8.7rem);font-weight:900;line-height:.9}.hero-copy p{color:#3f566f;max-width:660px;margin:0 0 28px;font-size:clamp(1.05rem,2vw,1.28rem)}.hero-art{z-index:2;animation:fadeRight .95s 80ms var(--ease) both;position:relative}.hero-art img{filter:drop-shadow(0 28px 55px #103d782e);width:min(100%,650px);margin-left:auto;animation:5.5s ease-in-out infinite floatY}.shape{z-index:1;opacity:.9;pointer-events:none;position:absolute}.shape-a{width:56px;animation:18s linear infinite spinSoft;top:88px;left:42px}.shape-b{width:74px;animation:4.8s ease-in-out infinite floatY;top:88px;right:9%}.shape-c{width:42px;animation:22s linear infinite reverse spinSoft;bottom:54px;right:45%}.solutions,.reviews,.faq{padding:78px 0}.section-title{margin-bottom:38px}.section-title.center{text-align:center}.section-title h2{color:var(--blue);letter-spacing:-.055em;text-transform:uppercase;margin:0;font-size:clamp(2.2rem,5vw,4.4rem);font-weight:900;line-height:1}.solution-stack{gap:34px;display:grid}.solution{box-shadow:var(--shadow);opacity:0;animation:fadeUp .75s var(--ease) both;transition:box-shadow .25s var(--ease), transform .25s var(--ease);background:#fff;border-radius:34px;grid-template-columns:minmax(280px,.95fr) minmax(0,1.05fr);align-items:center;gap:34px;padding:24px;display:grid;transform:translateY(28px)}.solution:nth-child(2){animation-delay:60ms}.solution:nth-child(3){animation-delay:.12s}.solution:nth-child(4){animation-delay:.18s}.solution:nth-child(5){animation-delay:.24s}.solution:nth-child(6){animation-delay:.3s}.solution:hover{transform:translateY(-6px);box-shadow:0 26px 70px #143c7d2e}.solution.is-reverse{grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr)}.solution.is-reverse .solution-image{order:2}.solution.is-reverse .solution-body{order:1}.solution-image{background:#eaf6ff;border-radius:26px;overflow:hidden}.solution-image img{aspect-ratio:16/10.5;object-fit:cover;width:100%;transition:transform .35s var(--ease)}.solution:hover .solution-image img{transform:scale(1.045)}.solution-body{padding:10px 12px}.solution-icon{object-fit:contain;width:58px;height:58px;transition:transform .25s var(--ease);margin-bottom:12px}.solution:hover .solution-icon{transform:translateY(-4px)rotate(-4deg)}.solution-body h3{color:var(--blue);letter-spacing:-.04em;text-transform:uppercase;margin:0 0 12px;font-size:clamp(1.6rem,3vw,2.75rem);font-weight:900;line-height:1.05}.solution-body h4{color:var(--orange);margin:0 0 12px;font-size:1.05rem;line-height:1.4}.solution-body p{color:var(--muted);margin:0 0 20px}.solution-actions{flex-wrap:wrap;gap:10px;display:flex}.video-band{color:#fff;text-align:center;background:linear-gradient(#0a2a5fe0,#0a2a5fe6),url(https://topshopee.com/wp-content/uploads/2022/03/bg-effect.png) 50%/cover;padding:82px 0}.section-title.light span,.section-title.light h2{color:#fff}.reviews{background:#f5fbff}.review-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.review-card{cursor:zoom-in;opacity:0;animation:fadeUp .75s var(--ease) both;transition:transform .25s var(--ease), box-shadow .25s var(--ease);background:#fff;border:8px solid #fff;border-radius:18px;padding:0;overflow:hidden;transform:translateY(24px);box-shadow:0 16px 45px #103d7821}.review-card:nth-child(2){animation-delay:60ms}.review-card:nth-child(3){animation-delay:.12s}.review-card:nth-child(4){animation-delay:.18s}.review-card:nth-child(5){animation-delay:.24s}.review-card:nth-child(6){animation-delay:.3s}.review-card:hover{transform:translateY(-5px);box-shadow:0 24px 60px #103d7833}.review-card img{object-fit:cover;width:100%;height:100%;max-height:310px}.faq-row{grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:42px;display:grid}.faq-list{gap:12px;display:grid}details{border:1px solid var(--border);background:#fff;border-radius:16px;padding:17px 20px;box-shadow:0 12px 32px #103d780f}summary{cursor:pointer;color:var(--blue);font-size:1rem;font-weight:850}details p{color:var(--muted);margin:12px 0 0}.footer{color:#fff;background:#082b5f;position:relative;overflow:hidden}.footer:after{content:"";background:#ffffff14;border-radius:999px;width:360px;height:360px;position:absolute;bottom:-120px;right:-120px}.footer-row{z-index:1;grid-template-columns:1fr 1fr 1.1fr;gap:44px;padding:54px 0 42px;display:grid;position:relative}.footer-logo{filter:brightness(0)invert();width:190px;margin-bottom:18px}.footer h3{text-transform:uppercase;margin:0 0 18px;font-size:1.05rem}.footer p,.footer a{color:#ffffffe6;margin:0 0 9px;display:block}.footer a:hover{color:#fff}.copyright{z-index:1;text-align:center;background:#00000029;padding:14px 16px;font-size:.92rem;position:relative}.phone-ring{z-index:70;align-items:center;gap:10px;display:flex;position:fixed;bottom:24px;left:18px}.ring-circle{background:var(--orange);border-radius:999px;place-items:center;width:58px;height:58px;animation:2.1s ease-out infinite pulseRing;display:grid}.ring-circle img{object-fit:contain;width:35px;height:35px}.ring-label{color:#fff;background:#1b80e8;border-radius:999px;padding:11px 18px;font-weight:850;box-shadow:0 12px 32px #1b80e83d}.desktop-shortcuts{z-index:65;gap:10px;display:grid;position:fixed;bottom:22px;right:18px}.desktop-shortcuts a{border-radius:999px;width:44px;height:44px;box-shadow:0 12px 30px #103d7829}.desktop-shortcuts .zalo{background:#1688ff}.desktop-shortcuts .mess{background:linear-gradient(135deg,#00b2ff,#7b2cff)}.bottom-menu{display:none}.lightbox{z-index:100;background:#000000c7;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.lightbox img{object-fit:contain;width:min(100%,1100px);max-height:min(86vh,900px);animation:fadeUp .25s var(--ease) both}.lightbox-close{color:#fff;cursor:pointer;background:0 0;border:0;font-size:46px;line-height:1;position:fixed;top:18px;right:22px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (max-width:980px){.topbar-row{grid-template-columns:1fr;justify-items:center;padding:8px 0}.masthead-row{gap:12px;min-height:78px}.desktop-nav,.consult{display:none}.hamburger{display:block}.mobile-drawer{z-index:101;width:min(86vw,360px);transition:transform .28s var(--ease);background:#fff;align-content:start;gap:12px;padding:26px;display:grid;position:fixed;top:0;bottom:0;right:0;transform:translate(110%);box-shadow:-20px 0 50px #00000024}.mobile-drawer.open{transform:translate(0)}.mobile-drawer a{border-bottom:1px solid var(--border);color:var(--blue);padding:11px 0;font-weight:850}.mobile-drawer h3{text-transform:uppercase;margin:0 0 10px}.drawer-close{color:var(--blue);cursor:pointer;background:0 0;border:0;justify-self:end;font-size:34px;line-height:1}.drawer-backdrop{z-index:100;background:#00000061;border:0;display:block;position:fixed;inset:0}.hero-row,.solution,.solution.is-reverse,.faq-row,.footer-row{grid-template-columns:1fr}.solution.is-reverse .solution-image,.solution.is-reverse .solution-body{order:initial}.review-grid{grid-template-columns:1fr 1fr}}@media (max-width:680px){body{padding-bottom:62px}.container{width:min(100% - 24px,1170px)}.site-head{position:static}.topbar p{font-size:12px}.logo img{width:165px}.hero{min-height:auto;padding:48px 0 54px}.hero-copy h1{font-size:clamp(4rem,22vw,6rem)}.shape{opacity:.35}.solutions,.reviews,.faq{padding:54px 0}.solution{border-radius:24px;padding:14px}.solution-image,.review-card{border-radius:18px}.solution-body h3{font-size:1.55rem}.solution-actions{flex-direction:column;align-items:stretch}.review-grid{grid-template-columns:1fr}.phone-ring{bottom:82px;left:12px}.ring-label,.desktop-shortcuts{display:none}.bottom-menu{z-index:90;border-top:1px solid var(--border);background:#fff;grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #103d781a}.bottom-menu a{color:#555;text-align:center;padding:12px 8px;font-size:12px;font-weight:800}}
