:root{--red:#bd0006;--cyan:#09aec8;--blue:#0753bd;--navy:#05245a;--ink:#112641;--muted:#67778c;--ice:#f3f9fc;--line:#dce9ef;--shadow:0 22px 55px #073b701b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);line-height:1.65}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{height:34px;background:var(--navy);color:#d8e7f8;font-size:10px;letter-spacing:.08em}.topbar .wrap{height:100%;display:flex;align-items:center;justify-content:space-between}header{height:82px;position:sticky;top:0;background:#fffffff2;backdrop-filter:blur(12px);z-index:20;border-bottom:1px solid var(--line)}.navrow{height:100%;display:flex;align-items:center;gap:30px}.logo{width:145px;height:62px;object-fit:contain}nav{display:flex;gap:28px;margin-left:auto}nav a{font-size:13px;font-weight:700;color:#415269}.btn{display:inline-flex;padding:13px 21px;background:linear-gradient(135deg,#b60006,#da0a14);color:#fff;border-radius:5px;font-size:12px;font-weight:900;box-shadow:0 12px 25px #bd00062d;transition:.25s}.btn:hover{transform:translateY(-2px)}#menu{display:none;border:0;background:none;font-size:24px;color:var(--navy)}.hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#fff,#f5fbfd 60%,#edf8fb);padding-top:70px}.grid-bg{position:absolute;inset:0;background-image:linear-gradient(#0753bd0c 1px,transparent 1px),linear-gradient(90deg,#0753bd0c 1px,transparent 1px);background-size:40px 40px}.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center;min-height:560px}.eyebrow,.kicker{color:var(--red);font-size:10px;font-weight:900;letter-spacing:.15em}.eyebrow i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 0 5px #bd000619;margin-right:8px}h1{font-size:61px;line-height:1.08;letter-spacing:-.05em;color:var(--navy);margin:20px 0}h1 em,h2 em{font-style:normal;background:linear-gradient(90deg,var(--blue),var(--cyan));background-clip:text;color:transparent}.hero-copy>p{font-size:16px;color:var(--muted);max-width:590px}.actions{display:flex;align-items:center;gap:28px;margin:34px 0}.learn{font-size:12px;font-weight:900}.metrics{border-top:1px solid var(--line);display:flex;gap:30px;padding-top:22px}.metrics div{display:flex;align-items:center;gap:9px}.metrics b{font-size:27px;color:var(--blue)}.metrics span{font-size:9px;line-height:1.5;color:#728196;font-weight:800}.lab-card{height:430px;background:linear-gradient(145deg,#062c70,#0754b8 60%,#09a8c0);border-radius:34px 8px;padding:56px 38px;position:relative;box-shadow:0 30px 65px #033b8038}.lab-card:before{content:"";position:absolute;inset:14px;border:1px solid #ffffff2e;border-radius:25px 5px}.cross{position:absolute;right:28px;top:8px;color:#ffffff2b;font-size:50px}.screen{height:100%;background:#fffffff2;border-radius:10px;padding:20px;position:relative;z-index:2;box-shadow:0 17px 35px #00153332}.screen-title{font-size:9px;color:#63738a;font-weight:900;letter-spacing:.13em}.screen-title i{float:right;width:8px;height:8px;background:#36c378;border-radius:50%;box-shadow:0 0 0 5px #36c37822}.screen svg{height:205px;width:100%}.line{stroke-dasharray:700;animation:draw 2s ease both}@keyframes draw{from{stroke-dashoffset:700}}.screen-foot{display:flex;gap:45px;border-top:1px solid var(--line);padding-top:12px}.screen-foot div{display:flex;flex-direction:column}.screen-foot small{font-size:7px;color:#8c99a8}.screen-foot b{font-size:18px;color:var(--navy)}.screen-foot .online{font-size:11px;color:#18a467;margin-top:6px}.floating{position:absolute;background:#fff;z-index:3;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:8px;box-shadow:var(--shadow)}.floating span{display:flex;flex-direction:column}.floating small{font-size:7px;color:#8a98a9;font-weight:900}.floating b{font-size:11px}.floating strong{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#e6f7f0;color:#15a16b}.done{left:-28px;bottom:40px}.qc{right:-22px;top:70px}.qc strong{border-radius:5px;background:#e7f5fb;color:var(--blue)}.brands{height:85px;position:relative;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:#8392a4}.brands span{font-size:8px;line-height:1.5}.brands b{font-size:14px;letter-spacing:.08em}.section{padding:105px 0}.intro{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}h2{font-size:44px;line-height:1.17;letter-spacing:-.04em;color:var(--navy);margin:14px 0}.intro-copy>p{font-size:16px;color:var(--muted);margin:0 0 35px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:35px}.twocol div{display:grid;grid-template-columns:38px 1fr}.twocol i{grid-row:1/3;color:var(--cyan);font-size:11px;font-style:normal;font-weight:900}.twocol b{font-size:13px}.twocol small{color:var(--muted);font-size:11px}.services{background:var(--ice)}.title{text-align:center;max-width:720px;margin:0 auto 50px}.title>p{font-size:13px;color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-grid article{background:#fff;min-height:310px;padding:30px 26px;position:relative;transition:.3s}.service-grid article:hover,.service-grid .featured{transform:translateY(-7px);box-shadow:var(--shadow)}.featured:before{content:"";height:3px;position:absolute;inset:0 0 auto;background:linear-gradient(90deg,var(--red),var(--blue),var(--cyan))}.service-grid article>i{width:52px;height:52px;display:grid;place-items:center;background:#eaf6fb;border-radius:13px;font-size:24px;color:var(--blue);font-style:normal}.service-grid article>small{position:absolute;right:22px;top:23px;color:#aab8c5}.service-grid h3{color:var(--navy);font-size:19px}.service-grid p{font-size:12px;color:var(--muted)}.service-grid a{position:absolute;bottom:25px;color:var(--red);font-size:9px;font-weight:900}.equipment{background:linear-gradient(150deg,#041c49,#062e70 70%,#034e89);position:relative;overflow:hidden}.equipment:after{content:"";position:absolute;width:600px;height:600px;border:120px solid #09aec80b;border-radius:50%;right:-270px;top:0}.equip-head{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:130px;align-items:end;margin-bottom:50px}.equip-head .kicker,.cta .kicker{color:#59dae7}.equip-head h2{color:#fff}.equip-head p{color:#b5c8dc;font-size:13px}.machine-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative;z-index:2}.machine{min-height:390px;padding:20px;background:#ffffff0d;border:1px solid #ffffff1c;color:#fff;position:relative;transition:.3s}.machine:hover{transform:translateY(-5px);background:#ffffff17}.machine>span{position:absolute;right:17px;top:12px;color:#ffffff45;font-size:10px}.device{height:150px;position:relative;display:flex;align-items:flex-end;justify-content:center}.device i{position:absolute;bottom:10px;width:125px;height:98px;border-radius:14px 14px 4px 4px;background:linear-gradient(145deg,#fff,#aec4d4);box-shadow:0 15px 25px #0005}.device i:before{content:"";position:absolute;width:68px;height:38px;background:#153e70;border:5px solid #dce6ec;left:24px;top:14px}.device i:after{content:"";position:absolute;width:92px;height:7px;background:#809cad;left:16px;bottom:12px}.device b{z-index:2;font-size:8px;letter-spacing:.1em;margin-bottom:21px}.device.tall i{width:108px;height:115px;border-radius:24px 24px 4px 4px}.device.wide i{width:150px}.device.slim i{width:92px;height:115px}.device.low i{width:150px;height:88px}.machine>small{color:#57d9e6;font-size:7px;font-weight:900;letter-spacing:.13em}.machine h3{font-size:16px;margin:7px 0}.machine p{font-size:11px;color:#afc0d3}.machine>em{position:absolute;bottom:16px;font-style:normal;font-size:8px;padding:3px 8px;border:1px solid #ffffff22;border-radius:15px;color:#b9ccdf}.machine:nth-child(5){grid-column:1;margin-left:145px}.machine:nth-child(6){grid-column:2;margin-left:145px}.machine:nth-child(7){grid-column:3;margin-left:145px}.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:60px}.steps article{text-align:center;padding:0 20px;position:relative}.steps article:after{content:"";position:absolute;height:1px;background:var(--line);left:65%;right:-35%;top:37px}.steps article:last-child:after{display:none}.steps span{position:absolute;top:-25px;left:50%;font-size:8px;color:#98a5b4}.steps i{width:72px;height:72px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;margin:auto;background:#fff;box-shadow:0 9px 23px #063f7812;color:var(--blue);font-size:22px;font-style:normal;position:relative;z-index:2}.steps h3{font-size:14px;margin:18px 0 5px}.steps p{font-size:11px;color:var(--muted)}.contact{padding-bottom:95px}.cta{background:linear-gradient(120deg,#8e0005,#bd0006 60%,#d71821);color:#fff;padding:52px 62px;display:grid;grid-template-columns:1.25fr .75fr;gap:45px;align-items:center;overflow:hidden;position:relative}.cta:after{content:"+";position:absolute;right:15px;top:-120px;font-size:320px;color:#ffffff0c}.cta h2{color:#fff;font-size:37px}.cta p{color:#f2c6c8;font-size:12px}.cta>div:last-child{display:flex;flex-direction:column;align-items:flex-start;z-index:2}.white{background:#fff;color:var(--red);box-shadow:none}.cta small{font-size:8px;color:#f3bfc1;margin-top:10px}footer{background:#041a3c;color:#a5b6c9;padding:60px 0 24px}.foot{display:grid;grid-template-columns:1.4fr .7fr 1fr .8fr;gap:45px}.foot img{width:165px;height:70px;object-fit:contain;background:#fff;border-radius:4px}.foot h4{font-size:10px;color:#fff;letter-spacing:.1em}.foot a,.foot p{display:block;font-size:11px;margin:7px 0}.foot b{color:#fff}.copy{border-top:1px solid #ffffff16;margin-top:40px;padding-top:20px;font-size:9px;display:flex;justify-content:space-between}.reveal{opacity:0;transform:translateY(22px);transition:.7s}.reveal.show{opacity:1;transform:none}
@media(max-width:980px){nav,.navcta{display:none}#menu{display:block;margin-left:auto}nav.open{display:flex;position:absolute;top:82px;left:20px;right:20px;background:#fff;padding:25px;box-shadow:var(--shadow);flex-direction:column;margin:0}.hero-grid{grid-template-columns:1fr;padding-bottom:45px}.hero-art{max-width:580px;margin:auto;width:100%}.service-grid,.machine-grid{grid-template-columns:repeat(2,1fr)}.machine:nth-child(n){grid-column:auto;margin-left:0}.equip-head{gap:50px}.foot{grid-template-columns:1fr 1fr}.steps{grid-template-columns:repeat(2,1fr);gap:50px}.steps article:after{display:none}}
@media(max-width:650px){.wrap{width:calc(100% - 28px)}.topbar span:first-child{display:none}.topbar .wrap{justify-content:center}header{height:70px}.logo{width:125px;height:52px}nav.open{top:70px}.hero{padding-top:45px}.hero-grid{min-height:0}h1{font-size:42px}.hero-copy>p{font-size:14px}.actions{align-items:flex-start;flex-direction:column}.metrics{gap:18px}.metrics span{display:none}.lab-card{height:335px;padding:44px 20px}.screen{padding:15px}.screen svg{height:155px}.screen-foot{gap:20px}.done{left:-4px;bottom:24px}.qc{right:-4px;top:58px}.brands{overflow:auto;gap:30px}.brands span{display:none}.section{padding:72px 0}.intro,.equip-head,.cta{grid-template-columns:1fr;gap:30px}h2{font-size:33px}.twocol,.service-grid,.machine-grid,.steps{grid-template-columns:1fr}.service-grid article{min-height:280px}.cta{padding:38px 26px}.cta h2{font-size:29px}.foot{grid-template-columns:1fr}.copy{flex-direction:column;gap:5px}.machine{min-height:380px}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.line{animation:none}}
/* Real equipment photography */
.device-photo{height:165px;margin:5px -6px 15px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:7px;background:linear-gradient(145deg,#fff,#eef6f9);position:relative}
.device-photo:after{content:"";position:absolute;inset:auto 14% 7px;height:9px;background:#00152d38;filter:blur(7px);border-radius:50%}
.device-photo img{width:100%;height:100%;object-fit:contain;position:relative;z-index:1;transition:transform .35s}
.machine:hover .device-photo img{transform:scale(1.045)}
.bc-photo img{position:absolute;width:780px;max-width:none;height:auto;left:-568px;top:-205px;object-fit:initial}
.machine:hover .bc-photo img{transform:none}
.machine{min-height:415px}

/* Booking form */
.contact{padding:95px 0;background:linear-gradient(135deg,#f1f8fb,#fff)}
.booking{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:start;background:linear-gradient(145deg,#05245a,#063d85);padding:62px;border-radius:8px;box-shadow:0 30px 70px #073b7024;position:relative;overflow:hidden}
.booking:before{content:"+";position:absolute;left:-35px;bottom:-165px;font-size:360px;line-height:1;color:#ffffff08;font-weight:200}
.booking-copy{color:#fff;position:relative;z-index:1;padding-top:20px}.booking-copy .kicker{color:#58dbe8}.booking-copy h2{color:#fff;font-size:40px}.booking-copy p{font-size:13px;color:#b9cde3;max-width:410px}.booking-points{display:flex;flex-direction:column;gap:12px;margin:28px 0 38px}.booking-points span{font-size:12px;color:#d9e7f5}.booking-points b{display:inline-grid;place-items:center;width:22px;height:22px;background:#0aaec72b;color:#66e6ef;border-radius:50%;margin-right:9px}.booking-contact{border-top:1px solid #ffffff1f;padding-top:20px;display:flex;flex-direction:column}.booking-contact small{font-size:8px;letter-spacing:.14em;color:#8eaccb}.booking-contact a{font-size:24px;font-weight:900;color:#fff;margin-top:4px}
.booking-form{background:#fff;padding:34px;border-radius:7px;position:relative;z-index:1;box-shadow:0 18px 45px #00172c38}.form-title{display:flex;flex-direction:column;margin-bottom:23px}.form-title b{font-size:20px;color:var(--navy)}.form-title span{font-size:11px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{font-size:10px;font-weight:800;color:#40536a}.form-grid label.full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{display:block;width:100%;margin-top:6px;border:1px solid #d8e4eb;border-radius:4px;background:#f9fcfd;padding:12px 13px;font:inherit;font-size:12px;color:var(--ink);outline:none;transition:.2s}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #09aec816;background:#fff}.form-grid textarea{resize:vertical}.consent{display:flex;gap:8px;align-items:flex-start;font-size:10px;color:var(--muted);margin:16px 0}.consent input{accent-color:var(--red);margin-top:2px}.submit-btn{border:0;cursor:pointer;width:100%;font-family:inherit}.form-note{text-align:center;font-size:8px;color:#8795a6;margin:9px 0 0}
@media(max-width:980px){.booking{grid-template-columns:1fr;gap:30px}.booking-copy{padding-top:0}.bc-photo img{left:-542px}}
@media(max-width:650px){.contact{padding:70px 0}.booking{padding:30px 20px}.booking-copy h2{font-size:31px}.booking-form{padding:24px 18px}.form-grid{grid-template-columns:1fr}.form-grid label.full{grid-column:auto}.device-photo{height:180px}.bc-photo img{left:-525px;top:-198px}}

.bc-photo img{width:980px;left:-710px;top:-250px}
@media(max-width:980px){.bc-photo img{left:-690px}}
@media(max-width:650px){.bc-photo img{left:-670px;top:-244px}}

/* Header: keep the complete desktop navigation on one line */
.navrow{gap:18px}.navrow>a:first-child{flex:0 0 auto}nav{gap:20px;white-space:nowrap}nav a{font-size:12px}.navcta{white-space:nowrap;padding:12px 16px}

/* Hero poster carousel */
.hero-grid{grid-template-columns:.92fr 1.08fr;gap:46px;min-height:600px}.hero-copy{align-self:center}.hero-slider{height:510px;max-width:620px;margin:auto;background:#fff;border-radius:18px;overflow:hidden;position:relative;box-shadow:0 28px 70px #053c782b;border:1px solid #dceaf1}.slider-track{height:100%;display:flex;transition:transform .7s cubic-bezier(.65,0,.35,1)}.slide{min-width:100%;height:100%;margin:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#fff,#edf8fd)}.slide img{width:100%;height:100%;object-fit:contain;display:block}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:42px;height:42px;border:1px solid #ffffff70;border-radius:50%;background:#05245ad9;color:#fff;font-size:27px;line-height:1;cursor:pointer;box-shadow:0 8px 22px #001a3c33;transition:.2s}.slider-arrow:hover{background:var(--red);transform:translateY(-50%) scale(1.06)}.slider-arrow.prev{left:15px}.slider-arrow.next{right:15px}.slider-dots{position:absolute;z-index:3;bottom:14px;left:50%;transform:translateX(-50%);display:flex;gap:8px;padding:7px 10px;border-radius:20px;background:#05245ab8}.slider-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#ffffff75;cursor:pointer;transition:.25s}.slider-dots button.active{width:25px;border-radius:6px;background:#fff}.brands{margin-top:20px}

/* Result lookup & Zalo */
.lookup-section{padding:0 0 95px;background:#fff}.lookup-card{padding:46px 55px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(120deg,#f3fbfd,#fff);display:flex;align-items:center;justify-content:space-between;gap:45px;box-shadow:var(--shadow)}.lookup-card h2{font-size:34px;margin:10px 0}.lookup-card p{font-size:12px;color:var(--muted);max-width:660px}.zalo-lookup{background:linear-gradient(135deg,#0879e8,#08a8e5);white-space:nowrap;box-shadow:0 12px 25px #0879e834}.zalo-mark{width:25px;height:25px;display:grid;place-items:center;background:#fff;color:#0879e8;border-radius:7px;font-weight:900}.zalo-float{position:fixed;right:22px;bottom:22px;z-index:60;display:flex;align-items:center;gap:9px;padding:9px 14px 9px 8px;border-radius:28px;background:#0879e8;color:#fff;box-shadow:0 12px 30px #055aab55;animation:zaloPulse 2.4s infinite}.zalo-float span{width:34px;height:34px;display:grid;place-items:center;background:#fff;color:#0879e8;border-radius:50%;font-weight:900}.zalo-float b{font-size:11px}@keyframes zaloPulse{0%,100%{box-shadow:0 12px 30px #055aab55}50%{box-shadow:0 12px 30px #055aab55,0 0 0 9px #0879e816}}
@media(max-width:1100px) and (min-width:981px){.wrap{width:min(1180px,calc(100% - 24px))}.logo{width:125px}.navrow{gap:12px}nav{gap:13px}nav a{font-size:11px}.navcta{font-size:10px;padding:11px 12px}}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr}.hero-slider{height:640px;max-width:560px}.lookup-card{flex-direction:column;align-items:flex-start}.brands{margin-top:0}}
@media(max-width:650px){.hero-slider{height:520px;border-radius:10px}.slider-arrow{width:36px;height:36px}.lookup-section{padding-bottom:70px}.lookup-card{padding:30px 22px}.lookup-card h2{font-size:28px}.zalo-float{right:14px;bottom:14px}.zalo-float b{display:none}.zalo-float{padding:7px}.zalo-float span{width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){.slider-track{transition:none}.zalo-float{animation:none}}

/* Balanced hero CTA pair */
.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:34px 0}
.actions .btn,.actions .learn{min-height:48px;padding:13px 21px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;line-height:1.2;transition:transform .25s,box-shadow .25s,background .25s}
.actions .learn{color:#fff;background:linear-gradient(135deg,var(--blue),var(--cyan));box-shadow:0 12px 25px rgba(7,83,189,.22);border:1px solid rgba(255,255,255,.18)}
.actions .learn:hover{transform:translateY(-2px);box-shadow:0 15px 30px rgba(7,83,189,.3);background:linear-gradient(135deg,#0648aa,#08a7c2)}
@media(max-width:650px){.actions{gap:11px}.actions .btn,.actions .learn{width:100%;max-width:295px}}

/* Always-horizontal navigation with lively hover states */
#menu{display:none!important}.navrow{overflow:visible}nav a{padding:8px 10px;border-radius:8px;transition:transform .22s ease,color .22s ease,background .22s ease,box-shadow .22s ease}nav a:hover{transform:translateY(-3px);color:var(--blue);background:#fff;box-shadow:0 9px 22px rgba(5,58,120,.15)}.navcta:hover{transform:translateY(-3px) scale(1.015)}
@media(max-width:980px){header{height:74px}.navrow{gap:12px;overflow:hidden}.logo{width:112px;height:54px}nav{display:flex!important;flex:1;min-width:0;margin-left:0;gap:4px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none;padding:9px 4px}nav::-webkit-scrollbar{display:none}nav a{flex:0 0 auto;font-size:10px;padding:8px 9px}.navcta{display:none!important}}
@media(max-width:650px){header{height:68px}.navrow{gap:7px}.logo{width:88px;height:47px}nav{gap:2px;padding:8px 2px}nav a{font-size:9px;padding:8px 7px}nav a:hover{transform:translateY(-2px)}}

/* Quick support chatbox */
.chat-launcher{border:0;cursor:pointer;font-family:inherit}.chat-launcher i{position:absolute;right:3px;top:2px;width:10px;height:10px;border-radius:50%;background:#38d47a;border:2px solid #fff}.quick-chat{position:fixed;right:22px;bottom:88px;width:360px;max-width:calc(100vw - 28px);z-index:59;background:#fff;border-radius:16px;box-shadow:0 24px 70px rgba(1,32,75,.28);overflow:hidden;opacity:0;visibility:hidden;transform:translateY(18px) scale(.96);transform-origin:bottom right;transition:.25s ease;border:1px solid #dce9ef}.quick-chat.open{opacity:1;visibility:visible;transform:none}.chat-head{padding:17px 18px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;display:flex;align-items:center;gap:11px}.chat-avatar{width:42px;height:42px;border-radius:12px;background:#fff;color:var(--blue);display:grid;place-items:center;font-weight:900;position:relative}.chat-avatar small{position:absolute;right:-3px;top:-5px;color:var(--red);font-size:16px}.chat-head>div:nth-child(2){display:flex;flex-direction:column}.chat-head b{font-size:13px}.chat-head span{font-size:9px;color:#daf7fa}.chat-head span i{display:inline-block;width:6px;height:6px;background:#46e28a;border-radius:50%;margin-right:4px}.chat-head button{margin-left:auto;border:0;background:#ffffff20;color:#fff;width:30px;height:30px;border-radius:50%;font-size:21px;cursor:pointer}.chat-body{padding:18px;background:#f5fafd}.chat-message{max-width:88%;padding:12px 14px;border-radius:4px 14px 14px;background:#fff;box-shadow:0 5px 16px #063c7210;font-size:11px;color:#43556b}.quick-questions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.quick-questions button{text-align:left;border:1px solid #dbe8ef;background:#fff;color:var(--navy);border-radius:8px;padding:10px;font-size:10px;font-weight:800;cursor:pointer;transition:.2s}.quick-questions button:hover{transform:translateY(-2px);border-color:var(--cyan);box-shadow:0 7px 16px #063c7215}.chat-answer{display:none;margin-top:12px;padding:11px 13px;border-radius:12px 4px 12px 12px;background:#e8f6ff;color:#285071;font-size:10px;line-height:1.55}.chat-answer.show{display:block}.chat-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 14px;background:#fff;border-top:1px solid #e5eef3}.chat-actions a{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 8px;border-radius:7px;font-size:9px;font-weight:900}.chat-actions a:first-child{background:#0879e8;color:#fff}.chat-actions a:last-child{background:#eef5f9;color:var(--navy)}.chat-actions span{width:20px;height:20px;display:grid;place-items:center;background:#fff;color:#0879e8;border-radius:50%}
@media(max-width:650px){.quick-chat{right:14px;bottom:76px;width:calc(100vw - 28px)}.quick-questions{grid-template-columns:1fr 1fr}.chat-actions{grid-template-columns:1fr}.chat-launcher b{display:none}}

/* Polished lookup action pair */
.lookup-card{align-items:center}.lookup-actions{display:flex;flex-direction:column;gap:11px;min-width:310px}.lookup-btn{min-height:64px;padding:11px 14px;display:grid;grid-template-columns:40px 1fr 22px;align-items:center;gap:11px;border-radius:10px;color:#fff;position:relative;overflow:hidden;box-shadow:0 12px 28px rgba(4,61,131,.2);transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}.lookup-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.23) 48%,transparent 76%);transform:translateX(-130%);transition:transform .55s ease}.lookup-btn:hover{transform:translateY(-4px);filter:saturate(1.08);box-shadow:0 18px 36px rgba(4,61,131,.3)}.lookup-btn:hover:before{transform:translateX(130%)}.lookup-btn.result-portal{background:linear-gradient(135deg,#063d9a,#075bc8)}.lookup-btn.zalo-lookup{background:linear-gradient(135deg,#0788c8,#09b5c7);padding:11px 14px;font-size:inherit}.lookup-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.28);font-size:20px;font-weight:900}.lookup-btn>span:nth-child(2){display:flex;flex-direction:column;line-height:1.2}.lookup-btn small{font-size:7px;letter-spacing:.14em;color:rgba(255,255,255,.72);font-weight:800}.lookup-btn b{font-size:11px;margin-top:4px}.lookup-btn>i{font-style:normal;font-size:18px;transition:transform .22s}.lookup-btn:hover>i{transform:translateX(4px)}.lookup-btn .zalo-mark{width:40px;height:40px;background:#fff;color:#0788c8;border-radius:9px}
@media(max-width:980px){.lookup-actions{width:100%;min-width:0;display:grid;grid-template-columns:1fr 1fr}.lookup-btn{width:100%}}
@media(max-width:650px){.lookup-actions{grid-template-columns:1fr}.lookup-btn{min-height:62px}}

/* Searchable pricing section */
.pricing-section{background:linear-gradient(145deg,#f3f9fc,#fff);position:relative;overflow:hidden}.pricing-section:before{content:"₫";position:absolute;right:-20px;top:-130px;font-size:430px;font-weight:900;color:rgba(7,83,189,.025);line-height:1;pointer-events:none}.pricing-head{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:end;margin-bottom:38px;position:relative}.pricing-head p{color:var(--muted);font-size:13px}.price-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.price-search{width:310px;height:46px;display:flex;align-items:center;gap:9px;padding:0 15px;border:1px solid #d7e5ed;border-radius:8px;background:#fff;box-shadow:0 8px 22px rgba(4,61,131,.07)}.price-search span{font-size:20px;color:var(--blue)}.price-search input{width:100%;border:0;outline:0;background:transparent;font:inherit;font-size:12px;color:var(--ink)}.price-filters{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none}.price-filters::-webkit-scrollbar{display:none}.price-filters button{border:1px solid #d8e6ed;background:#fff;color:#5e7085;border-radius:22px;padding:9px 15px;font-size:10px;font-weight:900;white-space:nowrap;cursor:pointer;transition:.2s}.price-filters button:hover{transform:translateY(-2px);color:var(--blue);border-color:#8eb9dc}.price-filters button.active{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;border-color:transparent;box-shadow:0 8px 18px rgba(7,83,189,.2)}.price-table-wrap{max-height:640px;overflow:auto;border-radius:10px;border:1px solid #dbe8ef;background:#fff;box-shadow:0 18px 45px rgba(4,61,131,.1)}.price-table{width:100%;border-collapse:collapse;font-size:12px}.price-table thead{position:sticky;top:0;z-index:2}.price-table th{background:linear-gradient(135deg,#052f7d,#075bc0);color:#fff;text-align:left;padding:14px 16px;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.price-table th:first-child{width:65px;text-align:center}.price-table th:last-child{text-align:right}.price-table td{padding:11px 16px;border-bottom:1px solid #e6eef3;color:#3a4d63}.price-table td:first-child{text-align:center;color:#91a0af;font-size:10px;font-weight:800}.price-table td:nth-child(2){font-weight:700;color:var(--navy)}.price-table td:nth-child(3){font-size:9px;color:#63839c}.price-table .price-value{text-align:right;color:var(--red);font-weight:900;font-variant-numeric:tabular-nums}.price-table tbody tr{transition:.18s}.price-table tbody tr:hover{background:#f0f9fc;box-shadow:inset 3px 0 var(--cyan)}.price-empty{display:none;text-align:center;padding:50px;color:var(--muted);font-size:12px}.price-empty.show{display:block}.price-foot{display:grid;grid-template-columns:auto 1fr auto;gap:25px;align-items:center;margin-top:18px}.price-foot>span{font-size:11px;font-weight:900;color:var(--blue);background:#eaf4fb;padding:7px 12px;border-radius:20px}.price-foot p{font-size:9px;color:#8391a2}.price-foot a{font-size:10px;font-weight:900;color:var(--red)}.chat-head>div:first-child{display:flex;flex-direction:column}
@media(max-width:980px){.pricing-head{gap:40px}.price-tools{align-items:stretch;flex-direction:column}.price-search{width:100%}.price-filters{width:100%}.price-foot{grid-template-columns:auto 1fr}.price-foot a{grid-column:1/-1}.price-table-wrap{max-height:580px}}
@media(max-width:650px){.pricing-head{grid-template-columns:1fr;gap:15px}.price-table-wrap{max-height:560px}.price-table{min-width:650px}.price-table th,.price-table td{padding:10px 12px}.price-foot{grid-template-columns:1fr}.price-foot a{grid-column:auto}.pricing-section{padding-top:75px}}

/* Equipment and complete price-list refinements */
.machine:nth-child(n){grid-column:auto;margin-left:0}
.price-table-wrap{max-height:none;overflow-x:auto}
.price-table{min-width:1180px;table-layout:fixed}
.price-table th:nth-child(1){width:58px}
.price-table th:nth-child(2){width:235px}
.price-table th:nth-child(3){width:330px}
.price-table th:nth-child(4){width:210px}
.price-table th:nth-child(5){width:190px}
.price-table th:nth-child(6){width:130px}
.price-table td{vertical-align:top;line-height:1.45}
.price-table td:nth-child(3),.price-table td:nth-child(4),.price-table td:nth-child(5){font-size:10px;color:#63839c}
.price-pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:20px}
.price-pagination[hidden]{display:none}
.price-pagination button{border:1px solid #d6e4ec;background:#fff;color:var(--blue);border-radius:7px;padding:9px 14px;font:inherit;font-size:10px;font-weight:900;cursor:pointer}
.price-pagination button:disabled{opacity:.4;cursor:not-allowed}
.price-pagination span{min-width:92px;text-align:center;font-size:10px;font-weight:900;color:var(--navy)}
.price-foot{grid-template-columns:1fr auto}
.price-foot p{margin:0}
@media(max-width:650px){
  .price-table{min-width:100%;table-layout:fixed}
  .price-table th:nth-child(1){width:42px}
  .price-table th:nth-child(2){width:auto}
  .price-table th:nth-child(4){width:82px}
  .price-table th:nth-child(6){width:92px}
  .price-table th:nth-child(3),.price-table td:nth-child(3),.price-table th:nth-child(5),.price-table td:nth-child(5){display:none}
  .price-table th,.price-table td{padding:9px 6px;overflow-wrap:anywhere}
  .price-table td:nth-child(2){font-size:10px}
  .price-table td:nth-child(4){font-size:8px}
  .price-table .price-value{font-size:10px}
  .price-foot{grid-template-columns:1fr}
}

/* Color accent on every service card */
.service-grid article:before{content:"";height:3px;position:absolute;inset:0 0 auto;background:linear-gradient(90deg,var(--red),var(--blue),var(--cyan))}
.chat-answer a{display:inline-block;margin-top:6px;color:var(--blue);font-weight:900;text-decoration:underline;text-underline-offset:2px}

/* Better-balanced desktop hero */
@media(min-width:981px){
  .hero{padding-top:35px}
  .hero-grid{grid-template-columns:1.12fr .88fr;gap:42px;min-height:540px}
  .hero-slider{height:470px;max-width:530px}
  .hero-copy h1{font-size:58px}
}

/* Compact mobile navigation */
@media(max-width:650px){
  header .navrow{overflow:visible;position:relative;justify-content:space-between}
  header .navrow>a:first-child{position:relative;z-index:32}
  #menu{display:flex!important;width:42px;height:42px;padding:10px;border:1px solid #d7e6ee;border-radius:10px;background:#fff;box-shadow:0 7px 18px rgba(5,58,120,.12);flex-direction:column;justify-content:center;gap:5px;margin-left:auto;position:relative;z-index:32;cursor:pointer}
  #menu span{display:block;width:100%;height:2px;border-radius:3px;background:var(--navy);transition:.25s}
  #menu[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  #menu[aria-expanded="true"] span:nth-child(2){opacity:0}
  #menu[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  header nav{display:none!important;position:absolute;top:58px;left:0;right:0;margin:0;padding:10px;background:#fff;border:1px solid #dce9ef;border-radius:0 0 14px 14px;box-shadow:0 22px 45px rgba(5,36,90,.18);flex-direction:column;gap:2px;overflow:visible;white-space:normal;z-index:31}
  header nav.open{display:flex!important}
  header nav a{width:100%;padding:11px 13px;font-size:12px;border-radius:8px;color:var(--ink)}
  header nav a:hover,header nav a:focus{transform:none;background:#edf7fb;color:var(--blue);box-shadow:none}
}

/* Prevent iOS date controls from overflowing the mobile booking form */
.form-grid>*{min-width:0}
.form-grid input[type="date"]{display:block;width:100%;max-width:100%;min-width:0;inline-size:100%;min-inline-size:0;box-sizing:border-box}
@media(max-width:650px){
  .form-grid label{min-width:0;max-width:100%}
  .form-grid input,.form-grid select,.form-grid textarea{min-width:0;max-width:100%}
  .form-grid input[type="date"]{-webkit-appearance:none;appearance:none;font-size:16px}
}
.submit-btn:disabled{opacity:.65;cursor:wait;transform:none}
.form-status{display:none;margin:10px 0 0;padding:11px 13px;border-radius:6px;background:#eef6fb;color:#466278;font-size:10px;text-align:center}
.form-status.show{display:block}
.form-status.success{background:#eaf8f0;color:#087442;border:1px solid #bce8cf}
.form-status.error{background:#fff0f0;color:#a0060d;border:1px solid #f2c4c6}

/* Keep slider controls clear of text printed inside poster images */
.hero-slider .slider-track{height:calc(100% - 42px)}
.hero-slider .slider-dots{bottom:7px;background:#edf5fa;border:1px solid #d7e7ef;padding:6px 10px}
.hero-slider .slider-dots button{background:#a9bfd0}
.hero-slider .slider-dots button.active{background:var(--blue)}
.hero-slider .slider-arrow{top:calc(50% - 21px)}

/* About activity carousel */
.activity-gallery{margin-top:70px;--activity-visible:5;--activity-gap:14px}
.activity-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}
.activity-heading h3{margin:5px 0 0;color:var(--navy);font-size:24px}
.activity-heading>span{display:none}
.activity-viewport{overflow:hidden}
.activity-track{display:flex;gap:var(--activity-gap);transition:transform .65s cubic-bezier(.65,0,.35,1);will-change:transform}
.activity-track figure{flex:0 0 calc((100% - (var(--activity-visible) - 1)*var(--activity-gap))/var(--activity-visible));margin:0;min-width:0}
.activity-track figure>div{aspect-ratio:4/3;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,#edf7fb,#dceef6);border:1px dashed #9fc8dc;color:#0a64b9;font-size:24px;font-weight:900;letter-spacing:.08em}
.activity-track figcaption{padding:8px 3px 0;color:#63758b;font-size:10px;text-align:center}
.activity-track figure img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;border:1px solid #d8e7ee;background:#edf7fb}
.actions .btn,.actions .learn{transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}
.actions .btn:hover,.actions .learn:hover{transform:translateY(-4px);box-shadow:0 16px 30px rgba(5,58,120,.24);filter:saturate(1.12) brightness(1.04)}
.actions .btn:active,.actions .learn:active{transform:translateY(-1px) scale(.985)}
@media(max-width:980px){.activity-gallery{--activity-visible:3}}
@media(max-width:650px){.activity-gallery{margin-top:48px;--activity-visible:2;--activity-gap:10px}.activity-heading{align-items:flex-start;flex-direction:column;gap:5px}.activity-heading h3{font-size:21px}.activity-heading>span{display:none}}
