:root{--ink:#071826;--muted:#536674;--line:#dce6ea;--soft:#f2f7f6;--surface:#ffffff;--navy:#082b3a;--teal:#008e78;--teal-dark:#006d5e;--lime:#a8e64a;--orange:#f56f25;--orange-dark:#d84f0e;--shadow:0 18px 50px rgba(7,24,38,.1);--page-gutter:16px;--bottom-nav-h:60px;--purchase-bar-h:0px;--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;min-width:320px;color:var(--ink);background:#fff;font-family:Arial,Helvetica Neue,sans-serif;line-height:1.55;padding-bottom:calc(var(--bottom-nav-h) + var(--purchase-bar-h) + var(--safe-bottom))}body:has(.product-detail){--purchase-bar-h:66px}a{color:inherit;text-decoration:none}img{max-width:100%}button,input,select,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #ffb56b;outline-offset:3px}.container{width:min(1180px,calc(100% - 2 * var(--page-gutter)));margin-inline:auto}.section{padding:72px 0}.section-soft{background:var(--soft)}.section-dark{color:#fff;background:var(--navy)}.section-heading{max-width:760px;margin-bottom:30px}.section-heading.center{text-align:center;margin-inline:auto}.section-heading h1,.section-heading h2{margin:7px 0 12px;font-size:clamp(30px,5vw,50px);line-height:1.08;letter-spacing:-.035em}.section-heading p{margin:0;color:var(--muted);font-size:17px}.section-dark .section-heading p{color:#b9ced6}.eyebrow{color:var(--teal-dark);font-size:12px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.section-dark .eyebrow{color:var(--lime)}.muted{color:var(--muted)}.button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:1px solid transparent;border-radius:12px;cursor:pointer;font-weight:800;line-height:1.2;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.button:hover{transform:translateY(-1px)}.button-primary{color:#fff;background:var(--orange);box-shadow:0 10px 24px rgba(245,111,37,.24)}.button-primary:hover{background:var(--orange-dark)}.button-secondary{color:#fff;background:var(--teal)}.button-outline{border-color:#adc0c7;background:#fff}.button-dark{color:#fff;background:var(--navy)}.button-sm{min-height:42px;padding:10px 15px;font-size:13px}.button-wide{width:100%}.button-row{display:flex;flex-wrap:wrap;gap:10px}.trust-strip{color:#dce9ed;background:#061d29;font-size:11px}.trust-strip-inner{min-height:30px;display:flex;align-items:center;justify-content:space-between;gap:20px}.trust-strip-inner span:before{content:"✓";color:var(--lime);margin-right:6px}.site-header{position:sticky;z-index:35;top:0;border-bottom:1px solid rgba(7,24,38,.08);background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header-inner{min-height:68px;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:10px 3px 10px 3px;color:#06291f;background:linear-gradient(135deg,var(--lime),#3fd2ad);font-weight:950;font-size:24px}.brand small,.brand strong{display:block}.brand strong{font-size:18px;line-height:1;letter-spacing:.06em}.brand small{margin-top:4px;color:var(--muted);font-size:8px;letter-spacing:.12em}.desktop-nav{display:flex;gap:24px;margin-left:auto}.desktop-nav a{font-size:13px;font-weight:700}.desktop-nav a:hover{color:var(--teal-dark)}.header-actions{display:flex;align-items:center;gap:12px}.header-phone{font-size:13px;font-weight:800}.mobile-menu{display:none;margin-left:auto;position:relative}.mobile-menu summary{width:48px;height:48px;display:grid;place-content:center;gap:5px;cursor:pointer;list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{width:24px;height:2px;display:block;background:var(--ink)}.mobile-menu nav{position:absolute;right:0;top:52px;width:min(280px,calc(100vw - 32px));padding:10px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow)}.mobile-menu nav a{display:block;min-height:48px;padding:13px 12px;border-radius:9px;font-weight:700}.mobile-menu nav a:hover{background:var(--soft)}.hero{overflow:hidden;color:#fff;background:radial-gradient(circle at 76% 18%,rgba(0,142,120,.55),transparent 34%),linear-gradient(135deg,#041822,#0b3b4b 72%,#075c53)}.hero-grid{min-height:590px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:50px;padding-block:52px}.hero .eyebrow{color:var(--lime)}.hero h1{max-width:760px;margin:12px 0 18px;font-size:clamp(40px,5.8vw,72px);line-height:.99;letter-spacing:-.055em}.hero-copy>p{max-width:640px;margin:0 0 24px;color:#c5d9df;font-size:17px}.hero-actions{gap:10px}.hero-actions,.hero-proof{display:flex;flex-wrap:wrap}.hero-proof{gap:9px 18px;margin-top:22px;color:#d5e8ed;font-size:12px}.hero-proof span:before{content:"◆";color:var(--lime);margin-right:7px;font-size:9px}.hero-media{position:relative;min-height:430px;display:grid;place-items:center}.hero-media:before{content:"";position:absolute;width:410px;height:410px;border:1px solid rgba(255,255,255,.13);border-radius:50%;box-shadow:0 0 0 45px rgba(255,255,255,.035),0 0 0 90px rgba(255,255,255,.02)}.hero-product{position:relative;width:min(450px,100%);height:430px;filter:drop-shadow(0 28px 26px rgba(0,0,0,.28))}.hero-product img{object-fit:contain}.hero-tag{position:absolute;z-index:2;right:0;bottom:35px;width:220px;padding:14px;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:rgba(6,29,41,.72);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-tag span,.hero-tag strong{display:block}.hero-tag strong{color:var(--lime)}.hero-tag span{margin-top:4px;color:#d6e7eb;font-size:11px}.audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.audience-card{min-height:218px;padding:24px;border:1px solid var(--line);border-radius:18px;background:#fff;transition:transform .2s ease,box-shadow .2s ease}.audience-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.audience-number{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;color:var(--teal-dark);background:#dff5ef;font-size:12px;font-weight:900}.audience-card h3{margin:20px 0 8px;line-height:1.2}.audience-card p{margin:0 0 12px;color:var(--muted);font-size:13px}.text-link{color:var(--teal-dark);font-size:13px;font-weight:800}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.product-card{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff}.product-image-wrap{position:relative;display:block;aspect-ratio:1/1;background:linear-gradient(145deg,#eef5f4,#fff)}.product-image{object-fit:contain;padding:12px;transition:transform .25s ease}.product-card:hover .product-image{transform:scale(1.035)}.product-card-body{padding:18px}.product-card h3{margin:6px 0 8px;font-size:19px;line-height:1.18}.product-card p{min-height:60px;margin:0 0 12px;color:var(--muted);font-size:12px}.spec-pills{display:flex;flex-wrap:wrap;gap:5px}.spec-pills span{padding:4px 7px;border-radius:7px;color:#38535e;background:#edf4f4;font-size:10px;font-weight:800}.price-row{margin:14px 0;padding-top:12px;border-top:1px solid var(--line)}.price-row span,.price-row strong{display:block}.price-row span{color:var(--muted);font-size:10px}.price-row strong{margin-top:2px;color:var(--teal-dark);font-size:14px}.product-card-cta{width:100%;min-height:48px}.calculator-promo{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border-radius:24px;background:var(--navy);box-shadow:var(--shadow)}.calculator-promo-copy{padding:52px;color:#fff}.calculator-promo-copy h2{margin:8px 0 14px;font-size:clamp(32px,4vw,48px);line-height:1.05}.calculator-promo-copy p{color:#bdd0d7}.calculator-preview{padding:34px;background:linear-gradient(145deg,#d7eee8,#f7fbfa)}.mini-form{padding:20px;border:1px solid #bad4ce;border-radius:18px;background:rgba(255,255,255,.82)}.mini-form label{display:block;margin-bottom:14px;color:var(--muted);font-size:12px;font-weight:700}.mini-form input{width:100%;height:50px;margin-top:6px;padding:0 13px;border:1px solid #b8c9cf;border-radius:10px;background:#fff}.mini-result{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.mini-result span{padding:13px;border-radius:10px;background:#fff;color:var(--muted);font-size:10px}.mini-result strong{display:block;color:var(--ink);font-size:15px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;counter-reset:process}.process-step{position:relative;padding-top:60px;counter-increment:process}.process-step:before{content:"0" counter(process);position:absolute;top:0;left:0;color:var(--lime);font-size:38px;font-weight:900;line-height:1}.process-step:not(:last-child):after{content:"";position:absolute;top:19px;left:62px;width:calc(100% - 70px);border-top:1px dashed #66818c}.process-step h3{margin:0 0 8px}.process-step p{margin:0;color:#b8cbd2;font-size:13px}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.content-card{padding:26px;border:1px solid var(--line);border-radius:18px;background:#fff}.content-card-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;color:var(--teal-dark);background:#ddf4ee;font-weight:900}.content-card h3{margin:18px 0 8px}.content-card p{color:var(--muted);font-size:13px}.local-card{display:grid;grid-template-columns:1.1fr .9fr;min-height:430px;overflow:hidden;border-radius:24px;background:#eef5f4}.local-copy{padding:50px}.local-copy h2{margin:10px 0 14px;font-size:clamp(32px,4vw,50px);line-height:1.05}.contact-list{display:grid;gap:9px;margin:24px 0;font-size:14px}.local-image{position:relative;min-height:360px}.local-image img{object-fit:cover}.local-image:after{content:"BATEL VIỆT · TP.HCM";position:absolute;right:18px;bottom:18px;padding:8px 11px;border-radius:8px;color:#fff;background:rgba(6,29,41,.78);font-size:10px;font-weight:900;letter-spacing:.08em}.faq-list{max-width:860px;margin-inline:auto}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{min-height:64px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-weight:800;list-style:none}.faq-list summary:after{content:"+";color:var(--teal-dark);font-size:24px}.faq-list details[open] summary:after{content:"−"}.faq-list p{margin:0 0 22px;color:var(--muted)}.page-hero{padding:70px 0 52px;color:#fff;background:radial-gradient(circle at 85% 10%,rgba(0,142,120,.5),transparent 30%),var(--navy)}.page-hero .section-heading{margin-bottom:0}.page-hero .section-heading p{color:#c4d8df}.filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}.filter-bar span{padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-size:12px;font-weight:700}.product-detail{--purchase-bar-h:66px}.product-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:start}.product-gallery{position:sticky;top:102px}.product-main-image{position:relative;aspect-ratio:1/1;border-radius:22px;background:linear-gradient(145deg,#edf5f3,#fff)}.product-main-image img{object-fit:contain;padding:24px}.product-detail h1{margin:10px 0 14px;font-size:clamp(34px,5vw,54px);line-height:1.03}.product-lead{color:var(--muted);font-size:16px}.detail-key-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0}.detail-key-specs div{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.detail-key-specs span,.detail-key-specs strong{display:block}.detail-key-specs span{color:var(--muted);font-size:10px}.detail-key-specs strong{margin-top:3px;font-size:14px}.availability-note{padding:14px;border-left:3px solid var(--teal);background:#eaf7f4;font-size:12px}.feature-list{padding:0;list-style:none}.feature-list li{padding:7px 0}.feature-list li:before{content:"✓";margin-right:9px;color:var(--teal);font-weight:900}.spec-table{width:100%;border-collapse:collapse}.spec-table td,.spec-table th{padding:13px;border-bottom:1px solid var(--line);text-align:left}.spec-table th{width:40%;color:var(--muted);font-size:12px}.detail-block{margin-top:30px}.detail-block h2{font-size:24px}.mobile-purchase-bar{display:none}.calculator-shell{display:grid;grid-template-columns:1fr .88fr;gap:24px;align-items:start}.calculator-card,.result-card{padding:28px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 12px 35px rgba(7,24,38,.06)}.result-card{position:sticky;top:100px;color:#fff;background:var(--navy)}.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:20px;padding:5px;border-radius:13px;background:var(--soft)}.mode-switch button{min-height:46px;border:0;border-radius:9px;background:transparent;cursor:pointer;font-weight:800}.mode-switch button.active{color:#fff;background:var(--teal-dark)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field,.lead-form label{display:grid;gap:7px;color:#304b57;font-size:12px;font-weight:800}.field input,.field select,.lead-form input,.lead-form select,.lead-form textarea{width:100%;min-height:50px;padding:10px 12px;border:1px solid #b9c9cf;border-radius:10px;color:var(--ink);background:#fff}.lead-form textarea{resize:vertical}.calculator-disclaimer{margin-top:14px;color:var(--muted);font-size:11px}.result-card h2{margin-top:0}.result-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:20px 0}.result-metrics div{padding:13px;border:1px solid rgba(255,255,255,.14);border-radius:11px;background:rgba(255,255,255,.06)}.result-metrics span,.result-metrics strong{display:block}.result-metrics span{color:#afc7ce;font-size:10px}.result-metrics strong{margin-top:4px;font-size:18px}.result-card ul{padding-left:18px;color:#d3e1e5;font-size:12px}.form-section{max-width:820px}.lead-form{display:grid;gap:17px;padding:28px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-note{margin:-7px 0 0;color:var(--muted);font-size:10px}.form-message{margin:0;padding:12px;border-radius:10px;font-size:12px}.form-message.success{color:#075a3f;background:#e2f8ef}.form-message.error{color:#8a2c0a;background:#fff0e9}.form-message a{text-decoration:underline;font-weight:800}.honeypot{position:absolute!important;left:-9999px!important}.feature-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}.feature-split h2{margin:10px 0 14px;font-size:clamp(34px,4.5vw,52px);line-height:1.06}.feature-panel{display:grid;grid-template-columns:1fr 1fr;gap:12px}.feature-panel article{padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff}.feature-panel h3{margin-top:0}.feature-panel p{color:var(--muted);font-size:12px}.notice{padding:15px;border:1px solid #e7d5a5;border-radius:12px;color:#72520d;background:#fff9e8;font-size:12px}.chat-dock{position:relative}.chat-launcher{position:fixed;z-index:55;right:14px;bottom:calc(var(--bottom-nav-h) + var(--purchase-bar-h) + var(--safe-bottom) + 14px);width:56px;height:56px;border:0;border-radius:18px;color:#fff;background:var(--navy);box-shadow:0 12px 30px rgba(7,24,38,.3);cursor:pointer;font-size:18px;font-weight:900}.chat-menu{position:fixed;z-index:54;right:14px;bottom:calc(var(--bottom-nav-h) + var(--purchase-bar-h) + var(--safe-bottom) + 78px);width:min(225px,calc(100vw - 28px));padding:8px;border:1px solid rgba(7,24,38,.1);border-radius:16px;background:rgba(255,255,255,.94);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chat-menu a{min-height:51px;display:flex;align-items:center;gap:10px;padding:7px;border-radius:10px;font-size:12px}.chat-menu a:hover{background:var(--soft)}.chat-menu span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;color:#fff;background:var(--teal-dark);font-weight:900}.bottom-nav{display:none}.site-footer{padding:58px 0 18px;color:#c3d5da;background:#061d29}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:34px}.brand-footer{color:#fff}.brand-footer small{color:#91aab2}.footer-grid h2{margin:0 0 14px;color:#fff;font-size:13px}.footer-grid a,.footer-grid address,.footer-grid p{display:block;margin:0 0 9px;color:#9fb7be;font-size:12px;font-style:normal}.footer-grid a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:40px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);color:#78949d;font-size:10px}@media (max-width:1020px){.desktop-nav,.header-phone{display:none}.header-actions{margin-left:auto}.audience-grid,.product-grid{grid-template-columns:repeat(2,1fr)}.hero-grid{gap:22px}.footer-grid{grid-template-columns:1.2fr 1fr 1fr}.footer-grid>:last-child{grid-column:1/-1}}@media (max-width:767px){:root{--bottom-nav-h:60px}body{padding-bottom:calc(var(--bottom-nav-h) + var(--purchase-bar-h) + var(--safe-bottom))}.container{width:min(100% - 2 * var(--page-gutter),520px)}.section{padding:48px 0}.section-heading{margin-bottom:22px}.section-heading h1,.section-heading h2{font-size:32px}.section-heading p{font-size:14px}.trust-strip-inner{min-height:28px;justify-content:center;white-space:nowrap;overflow:hidden}.trust-strip-inner span{display:none}.trust-strip-inner span:first-child{display:block}.header-inner{min-height:58px;gap:12px}.brand-mark{width:36px;height:36px;font-size:20px}.brand strong{font-size:15px}.brand small{font-size:7px}.header-actions{display:none}.mobile-menu{display:block}.hero-grid{min-height:auto;grid-template-columns:1fr;padding-block:28px 36px}.hero h1{margin:9px 0 13px;font-size:clamp(34px,10vw,43px);line-height:1.02}.hero-copy>p{margin-bottom:18px;font-size:14px}.hero-actions{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:8px}.hero-actions .button{min-width:0;padding-inline:9px;font-size:13px}.hero-proof{margin-top:16px;gap:7px;font-size:10px}.hero-media{min-height:250px}.hero-media:before{width:240px;height:240px;box-shadow:0 0 0 28px rgba(255,255,255,.035),0 0 0 55px rgba(255,255,255,.02)}.hero-product{height:260px}.hero-tag{right:0;bottom:4px;width:190px;padding:10px}.audience-grid{grid-template-columns:1fr 1fr;gap:9px}.audience-card{min-height:205px;padding:17px}.audience-card h3{margin-top:15px;font-size:15px}.audience-card p{font-size:11px}.product-grid{grid-template-columns:1fr 1fr;gap:9px}.product-card{border-radius:14px}.product-card-body{padding:12px}.product-card .eyebrow{font-size:9px}.product-card h3{min-height:42px;font-size:15px}.product-card p,.spec-pills span:nth-child(3){display:none}.price-row{margin:10px 0;padding-top:8px}.price-row strong{font-size:12px}.product-card-cta{min-height:48px;padding:8px;font-size:12px}.calculator-promo{grid-template-columns:1fr;border-radius:18px}.calculator-preview,.calculator-promo-copy{padding:24px 18px}.calculator-promo-copy h2{font-size:31px}.process-grid{grid-template-columns:1fr 1fr;gap:28px 16px}.process-step{padding-top:48px}.process-step:before{font-size:30px}.process-step:after{display:none}.process-step p{font-size:11px}.content-grid{grid-template-columns:1fr;gap:10px}.content-card{padding:20px}.local-card{grid-template-columns:1fr}.local-copy{padding:28px 20px}.local-image{min-height:250px}.page-hero{padding:48px 0 38px}.product-detail{--purchase-bar-h:66px}.product-detail-grid{grid-template-columns:1fr;gap:24px}.product-gallery{position:static}.product-main-image{max-height:310px}.product-detail h1{font-size:35px}.detail-key-specs{gap:6px}.detail-key-specs div{padding:9px}.desktop-purchase-actions{display:none}.mobile-purchase-bar{position:fixed;z-index:48;left:0;right:0;bottom:calc(var(--bottom-nav-h) + var(--safe-bottom));height:var(--purchase-bar-h);display:grid;grid-template-columns:.7fr 1.3fr;gap:8px;padding:8px var(--page-gutter);border-top:1px solid var(--line);background:rgba(255,255,255,.97);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.mobile-purchase-bar .button{min-height:50px;padding:8px;font-size:12px}.calculator-shell{grid-template-columns:1fr}.calculator-card,.result-card{padding:20px 16px}.result-card{position:static}.feature-split,.field-grid,.form-grid{grid-template-columns:1fr}.feature-split{gap:24px}.feature-panel{gap:8px}.feature-panel article{padding:16px}.lead-form{padding:20px 15px}.chat-launcher{right:12px;bottom:calc(var(--bottom-nav-h) + var(--purchase-bar-h) + var(--safe-bottom) + 12px)}.chat-menu{right:12px;bottom:calc(var(--bottom-nav-h) + var(--purchase-bar-h) + var(--safe-bottom) + 76px)}.bottom-nav{position:fixed;z-index:45;left:0;right:0;bottom:0;height:calc(var(--bottom-nav-h) + var(--safe-bottom));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding-bottom:var(--safe-bottom);border-top:1px solid var(--line);background:rgba(255,255,255,.97);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.bottom-nav a{min-width:0;min-height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#536674;font-size:10px;font-weight:700}.bottom-nav span{font-size:20px;line-height:1}.site-footer{padding-bottom:25px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px 18px}.footer-grid>:first-child,.footer-grid>:last-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:6px}}@media (max-width:374px){:root{--page-gutter:12px}.audience-grid,.feature-panel,.hero-actions{grid-template-columns:1fr}}@media (min-width:768px){body{padding-bottom:0}.chat-launcher{bottom:22px;right:22px}.chat-menu{bottom:88px;right:22px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}